.filtersItem.active .text{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.filterSidebar:before{content:"";position:absolute;top:.5rem;left:0;right:0;margin-left:auto;margin-right:auto;height:5px;width:3.5rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(189 189 189/var(--tw-bg-opacity))}.filterSidebar.toggle{visibility:visible;--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.activeFilter .splide__track{overflow:initial}.activeFilter:before{content:"";position:absolute;right:100%;z-index:10;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.activeFilter .customCheck label{padding-left:1rem;font-size:.875rem;line-height:1.25rem}.activeFilter .customCheck label:before{height:.75rem;width:.75rem}.activeFilter .customCheck label svg{left:.125rem;top:5px;width:.5rem}.catFilter{overflow:auto;max-height:600px}.catFilter::-webkit-scrollbar{width:8px}.catFilter::-webkit-scrollbar-track{background:transparent}.catFilter::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:20px;border:3px solid #f3f3f7}