.coll-filter-btns a{font-family:var(--font-body-family)}.filter-options-active div[data-filter-active-options-list]{display:flex;flex-wrap:wrap;gap:8px}.filter-options-active a{gap:4px;background:#e2e0e0;color:#000;height:33px;padding:6px 10px;border-radius:24px}.filter-options-active .option__label.option__label--kleur{height:16px;min-width:16px;padding:0}.filter__group[data-filter-option]:has(ul li:only-child),.is-sort-open .filter-options-active{display:none}#main-collection-filters::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:100px}#main-collection-filters::-webkit-scrollbar{width:4px;background-color:#0000000d;border-radius:100px}#main-collection-filters::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:100px}.category-slider{margin:40px 0 24px;overflow:hidden;font-family:var(--font-supreme-ll)}.cat-bar .category-slider{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.category-slider .swiper-slide{width:max-content}.category-slider .category-wrapper{display:block;margin-bottom:10px}.category-slider .category-wrapper:hover,.category-slider .text-slide a:hover{text-decoration:none}.category-slider .category-wrapper .media{position:relative;width:156px;padding-bottom:130%}.category-slider .category-wrapper .media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px}.category-slider .category-wrapper.active img{border:2px solid var(--primary-black, #181818)}.category-slider .category-wrapper .cat-title{color:var(--primary-black, #181818);font-size:16px;font-weight:700;line-height:20px;margin-top:12px}.category-slider .text-slide a,.top-sticky-bar .category-wrapper a{display:inline-block;color:var(--primary-black, #181818);font-size:16px;font-weight:700;line-height:20px;border-radius:24px;border:1px solid var(--primary-black-15, #E2E0E0);padding:12px 20px}.category-slider .text-slide a.active,.top-sticky-bar .category-wrapper a.active{color:var(--primary-white, #FFF);background:var(--primary-full-black, #000);border-color:var(--primary-full-black, #000)}.category-slider .text-slide a:hover,.top-sticky-bar .category-wrapper a:hover{text-decoration:none}.filter-container{display:flex;gap:16px;align-items:center;justify-content:space-between}.filter-container .categories{position:relative;width:calc(100% - 278px);opacity:0;visibility:hidden;transition:.33s;font-family:var(--font-supreme-ll)}.filter-container .category-slider,.top-sticky-bar .category-wrapper{margin:0;display:flex;gap:16px;align-items:center;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;overflow-x:auto;scrollbar-width:none;position:relative}.filter-container .categories:after{content:"";position:absolute;top:0;right:0;height:59px;width:110px;z-index:3;background:linear-gradient(270deg,#fff 28.85%,#fff0);opacity:0;visibility:hidden;transition:.33s}.has-scroll .filter-container .categories:after{visibility:visible;opacity:1}.filter-container .category-slider::-webkit-scrollbar{display:none}.coll-filter-btns{flex:0 0 auto}.top-sticky-bar{position:sticky;top:0;padding:16px 0;background:var(--primary-white, #FFF);z-index:1030;transition:.33s}.top-sticky-bar .category-wrapper{padding:0 15px;gap:8px}.hide-cat .filter-container .categories{opacity:1;visibility:visible}#AjaxinatePagination{display:flex;justify-content:center;padding:64px 0;flex-direction:column;gap:24px;align-items:center;font-family:var(--font-supreme-ll)}#AjaxinatePagination span{color:var(--primary-black-50, #909090);font-size:16px;font-weight:400;line-height:20px}.filter-bar{transition:.33s}.top-sticky-bar{display:none}.scroll-up .filter-bar{top:72px}.scroll-up .top-sticky-bar{top:64px}.filter-sticky-bar{transition:.33s}.hide-grid .filter-sticky-bar{opacity:0;visibility:hidden}#AjaxinatePagination a{color:var(--primary-white, #FFF);padding:10px 20px;border-radius:50px;font-size:14px;font-weight:400;line-height:20px;background:var(--primary-full-black, #000)}#AjaxinatePagination.scrolls a{display:none}#AjaxinatePagination a:hover{text-decoration:none}#AjaxinatePagination .view-more{color:var(--primary-black, #181818);font-size:16px;text-decoration:underline;font-weight:400;line-height:100%;background:transparent;padding:0;cursor:pointer}.view-infinite #AjaxinatePagination{display:none}@media (min-width:1024px){.group.is-sort-open .group-\[\.is-filter-open\]\:lg\:w-\[275px\]{width:275px}.group\/body.header-sticky .lg\:group-\[\.header-sticky\]\/body\:max-h-\[calc\(100dvh_-_120px\)\]{max-height:calc(100dvh - 120px)}.group.is-sort-open .group-\[\.is-filter-open\]\:lg\:translate-x-0{--tw-translate-x: 0px;-webkit-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));-ms-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter__main,.sort-wrapper{height:100%}}@media (min-width:992px){.coll-filter-btns{gap:8px}.coll-filter-btns a{display:flex;align-items:center;gap:10px}.coll-filter-btns a svg:not(.icon){display:none;width:22px;height:auto}.coll-filter-btns a svg path{stroke:var(--button-hover-background, inherit);transition:stroke .3s ease-in-out}.group.is-sort-open .coll-filter-btns .sort-button svg,.group.is-filter-open .coll-filter-btns .filter-button svg{display:block}.group.is-sort-open .sort-button,.group.is-filter-open .filter-button{background-color:var(--button-hover-background, inherit);border-color:var(--button-hover-border-color, inherit);color:var(--button-hover-text, inherit)}.group.is-sort-open .sort-button svg path,.group.is-filter-open .filter-button svg path,.coll-filter-btns a:hover svg path{stroke:var(--button-hover-text, inherit)}#main-collection.is-sort-open .filter-desk-title,#main-collection.is-filter-open .sort-desk-title,.group.is-sort-open .filter-wrapper,.group.is-filter-open .sort-wrapper{display:none}#main-collection.is-sort-open .coll-wrapper,#main-collection.is-filter-open .coll-wrapper{gap:40px}.group\/body.header-sticky .group-\[\.header-sticky\]\/body\:sticky{position:-webkit-sticky;position:sticky}.coll-filter-btns a span:empty{display:none}.filter-options-active{padding-bottom:32px}}@media (max-width:991px){.cat-bar .category-slider{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.filter-sticky-bar{position:fixed;inset:unset;width:100%;margin:0;bottom:0;left:0}.hide-cat .top-sticky-bar{display:block}.size-select-button{width:110px}.sliding-sizes{display:flex;align-items:center;overflow:hidden;width:100%;height:100%}.sliding-size-container{display:flex;will-change:transform;animation:slide-horizontal 10s linear infinite;padding-left:20px}.sliding-size-item{display:inline-flex;white-space:nowrap}.bullet{margin-inline:5px;color:inherit}@keyframes slide-horizontal{0%{transform:translate(0)}to{transform:translate(-100%)}}.filter__main{padding-bottom:5.5rem}.sticky-coll-bar .button{font-size:14px;padding:7px 8px;height:auto;min-height:48px}.sort-desk-title{display:none}.collection-layout{gap:4px}.filter__footer:has(filter-remove a.hidden){gap:0}.button[data-filter-apply]{font-size:14px;line-height:20px;padding:9px;opacity:1}#main-collection-filters .before-filter,#main-collection-filters:not(:has(.filter__group:not(.filter__group--name-beschikbaarheid) input[type=checkbox]:checked)) .after-filter{display:none}#main-collection-filters:not(:has(.filter__group:not(.filter__group--name-beschikbaarheid) input[type=checkbox]:checked)) .before-filter{display:block}.filter__drawer{display:flex;flex-direction:column;justify-content:space-between}.filter-options-active{position:sticky;left:0;right:0;width:100%;bottom:72px;z-index:99;background:#fff;order:3;padding-top:16px}.filter__footer{z-index:99}.category-slider .category-wrapper .media{width:102px;padding-bottom:125%}.category-slider .category-wrapper .cat-title{color:var(--primary-black, #181818);font-size:14px;font-style:normal;font-weight:700;line-height:100%}.category-slider .text-slide a,.top-sticky-bar .category-wrapper a{font-size:14px;font-weight:700;line-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/collection-filter.css.map */