.filtersItem.active .text{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.filterSidebar:before{content:"";--tw-bg-opacity:1;background-color:rgb(189 189 189/var(--tw-bg-opacity));border-radius:.5rem;width:3.5rem;height:5px;margin-left:auto;margin-right:auto;position:absolute;top:.5rem;left:0;right:0}.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:"";z-index:10;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));width:100%;height:100%;position:absolute;right:100%}.activeFilter .customCheck label{padding-left:1rem;font-size:.875rem;line-height:1.25rem}.activeFilter .customCheck label:before{width:.75rem;height:.75rem}.activeFilter .customCheck label svg{width:.5rem;top:5px;left:.125rem}
.catFilter{max-height:600px;overflow:auto}.catFilter::-webkit-scrollbar{width:8px}.catFilter::-webkit-scrollbar-track{background:0 0}.catFilter::-webkit-scrollbar-thumb{background-color:#ccc;border:3px solid #f3f3f7;border-radius:20px}