.facets.drawer{max-width:550px;height:var(--viewport-height, 100vh);overflow:hidden;border-radius:0}.facets.drawer:not([open]){transform:translate3d(-100%,0,0)}.facets .drawer__content{overflow:auto}.facets .drawer__footer{position:-webkit-sticky;position:sticky;bottom:0;background-color:rgba(var(--drawer-bg-color))}.facets .disclosure{margin:0 2px;border-bottom:1px solid rgba(var(--text-color)/.15)}.facets__active-filters>.disclosure{margin-top:calc(6 * var(--space-unit) * -1);margin-bottom:calc(6 * var(--space-unit))}@media(min-width:1024px){.facets__active-filters.is-pinned{position:absolute;left:0;right:0;background-color:rgba(var(--bg-color));padding-top:calc(4 * var(--space-unit));z-index:1;transition:top .05s ease;transform:translateZ(0)}}.facets__filters{margin-top:calc(6 * var(--space-unit) * -1);transform:translateZ(0)}.facets__filters>details-disclosure:last-of-type .disclosure{border:0}.facets__sort{padding-bottom:calc(8 * var(--space-unit));border-bottom:1px solid rgba(var(--text-color)/.15)}.filter li:not(:last-child){margin-bottom:calc(4 * var(--space-unit))}.filter__more+.filter__header{margin-inline-start:calc(4 * var(--space-unit));padding-inline-start:calc(4 * var(--space-unit));border-inline-start:1px solid rgba(var(--text-color)/.15)}input[disabled]+.filter__label{opacity:.5}.filter__count{margin-inline-start:calc(3 * var(--space-unit));white-space:nowrap}.active-filter{margin-bottom:calc(4 * var(--space-unit));margin-inline-end:calc(6 * var(--space-unit))}.active-filter>.icon{flex-shrink:0;width:24px;height:24px;margin-inline-end:calc(2 * var(--space-unit));padding:4px;border-radius:50%;stroke-width:2px;stroke:rgba(var(--bg-color));background-color:rgb(var(--text-color));pointer-events:none}.main-products-grid__results>.grid{transition:opacity .4s ease}.main-products-grid__results.is-loading>.grid{opacity:.4;pointer-events:none}.main-products-grid__results.is-loading:after{top:calc(50% - 24px);right:calc(50% - 24px);width:48px;height:48px;border-width:3px}.filter__swatches{margin:2px}@media(min-width:1024px){.facets.drawer{visibility:visible;position:static;height:auto;transition:none;background:none;color:currentColor}sticky-scroll-direction .facets.drawer{position:-webkit-sticky;position:sticky;z-index:0;top:var(--header-end, 0)}.facets.drawer:not([open]){transform:none}.facets .drawer__content{padding:0;overflow:visible}.main-products-grid__filters{flex:0 0 calc(241px + 8 * var(--space-unit));margin-inline-end:calc(8 * var(--space-unit));padding-bottom:calc(12 * var(--space-unit));padding-inline-end:calc(8 * var(--space-unit));border-inline-end:1px solid rgba(var(--text-color)/.15)}.main-products-grid--contained .main-products-grid__filters{margin-inline-end:calc(8 * var(--space-unit))}}.filter__label[data-swatch]{width:100%;height:auto;overflow:visible;border:0!important;border-radius:0;box-shadow:none!important}.filter__label[data-swatch]:before{content:"";flex-shrink:0;width:24px;height:24px;margin-inline-end:calc(3 * var(--space-unit))}.disclosure__show-more{margin-top:calc(2 * var(--space-unit))}.disclosure__show-more:has(.filter__more),.disclosure__show-more:has(.js-clear-filter:not([hidden])){margin-top:calc(6 * var(--space-unit))}@media(min-width:1280px){.main-products-grid__filters{flex:0 0 calc(241px + 12 * var(--space-unit));margin-inline-end:calc(12 * var(--space-unit));padding-inline-end:calc(12 * var(--space-unit))}.main-products-grid--contained .main-products-grid__filters{margin-inline-end:calc(8 * var(--space-unit))}}.filter.disclosure.-v-availability,.filter.disclosure.-p-m-gebruik-ingeschoven_lengte,.filter.disclosure .price-range__input-wrapper:first-child,.filter.disclosure .price-range__input-separator,.filter.disclosure #price-range-slider-min,.price.price--filter .price__from:not(.from-text).hide,body:not(.dom-loaded) .price.price--filter .price__from:not(.from-text),input[disabled]+.filter__label .filter__count-dynamic,input[disabled]:checked+.filter__label .filter__force-disable .filter__count:not(.filter__count-dynamic),.filter__count:not(.filter__count-dynamic),.sort--created-ascending,.sort--created-descending,.-p-m-gebruik-werklengte .filter-label-wrapper:not(.is-converted),.-p-m-gebruik-lengte_stelen .filter-label-wrapper:not(.is-converted),.facets:not(.uk) .f-val,.facets.uk .m-val{display:none}.product-block-options__inner{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.product-block-options__item{display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:2px 4px;border-radius:4px;background-color:#fff;border:.1px solid #000;cursor:pointer;transition:background-color .2s ease,color .2s ease}.product-block-options__item:hover:not(.is-active),.product-block-options__item:active:not(.is-active),.product-block-options__item:focus:not(.is-active){background-color:#0000001a}.product-block-options__item.hide:not(.is-active){opacity:.7}.product-block-options__item--unavailable{cursor:not-allowed;opacity:.5}.product-block-options__item.is-active{background-color:#000;color:#fff}input[disabled]+.filter__label .filter__force-disable .filter__count:not(.filter__count-dynamic){display:inline-block}body:not(.dom-loaded) .product-block-options.product-block-options--swatch{visibility:hidden;opacity:0}body.filter-loading .main-products-grid__filters{pointer-events:none;cursor:wait}.filter__title{display:flex;align-items:center;gap:6px;position:relative}.filter-tooltip--enabled{position:relative}.filter__tooltip-mask{cursor:pointer;position:absolute;z-index:999;display:block;top:0;left:0;width:200px;height:75px}@media screen and (min-width:768px){.filter-info-modal .product-tooltip-modal__content{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:767px){.filter-info-modal .product-tooltip-modal__wrapper{width:90vw;max-height:max-content;overflow-y:auto;padding-bottom:40px}.filter-info-modal .product-tooltip-modal__content{margin-top:40px}.filter-info-modal .product-tooltip-modal__wrapper button{padding:6px;width:30px;height:30px}.filter-info-modal .product-tooltip-modal__wrapper button svg{width:16px;height:16px}}input[disabled]:checked+.filter__label{opacity:1}input[disabled]:checked+.filter__label .filter__count-dynamic{display:block}@media screen and (max-width:1200px){.product-block-options__inner{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:767px){.product-block-options__inner{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/facet-filters.css.map */