.filter-side{display:flex;position:absolute;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);background-color:#fff;width:400px;flex-direction:column;z-index:2;height:100vh;top:0;right:0;justify-content:center;z-index:12;transition:.5s;pointer-events:fill}.close2{display:block;position:absolute;top:30px;left:30px;cursor:pointer}.close2 svg{color:#ff4747;font-weight:500}.open-side{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.activeoverlay{position:absolute;left:0;bottom:0;top:0;width:100%;height:100vh;z-index:11;background-color:rgba(0,0,0,.5)}.items-filter li{display:flex;gap:10px;align-items:center;padding:10px;cursor:pointer;text-align:center;font-size:1.5rem}.items-filter li:hover{text-decoration:underline}.items-filter{display:flex;align-items:start;justify-content:center;flex-direction:column;padding:0 20px}.filtres{display:flex;gap:10px;align-items:center}.selected-categories{font-weight:500}