.quick-filter-item,.recommended-filter-item{width:100%;justify-content:center;height:32px;border-width:1px;transition:all .2s ease}.quick-filter-item:hover,.recommended-filter-item:hover{background-color:var(--colors-grey-200)}.quick-filter-item.quick-filter-item--active,.alle-filter-item.quick-filter-item--active{background-color:var(--colors-grey-700);border:1px solid var(--colors-grey-700)}.alle-filter-item.quick-filter-item--active svg path,.alle-filter-item.quick-filter-item--active svg rect{fill:var(--color-white)}.quick-filter-item.quick-filter-item--active:not(.recommended-filter-item) .quick-filter-item__title,.alle-filter-item.quick-filter-item--active .quick-filter-item__title{color:var(--color-white)}.recommended-filter-item.quick-filter-item--active{background-color:var(--colors-primary-50);border:1px solid var(--colors-primary-700)}.recommended-filter-item.quick-filter-item .quick-filter-item__title{color:var(--colors-primary-700)}.quick-filter-item__image{width:20px;height:20px}.landing-page-quick-filters .quick-filters-wrapper__content{width:100%;max-width:900px;margin:0 auto}.quick-filter-item__close-icon{display:none;width:16px;height:16px}.facets-toggle .quick-filters-wrapper{display:block;flex:1 1 auto;min-width:0}.facets-toggle .quick-filters-wrapper__content,.facets-toggle .quick-filters-slideshow{width:100%;min-width:0}.quick-filters-slideshow{--slideshow-gap: var(--spacing-3xs);--quick-filters-per-view: 3.5}@media screen and (min-width: 750px){.quick-filters-slideshow{--quick-filters-per-view: 10}.quick-filters-slideshow slideshow-slides{justify-content:center}}#filters-drawer .quick-filters-slideshow slideshow-slides{justify-content:flex-start}.quick-filters-slideshow slideshow-slides{align-items:center}.quick-filters-slideshow slideshow-slide{--slide-width: calc(100% / var(--quick-filters-per-view));min-width:var(--slide-width, 100%);width:fit-content;display:flex;align-items:center;justify-content:center}slideshow-component.quick-filters-slideshow>slideshow-container>slideshow-arrows{mix-blend-mode:normal}slideshow-component.quick-filters-slideshow>slideshow-container>slideshow-arrows .slideshow-control{display:block;width:44px;height:44px;opacity:1;pointer-events:auto;animation:none!important;transform:none!important;position:relative;color:#000;background-color:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .2s ease}slideshow-component.quick-filters-slideshow>slideshow-container>slideshow-arrows .slideshow-control[hidden],slideshow-component.quick-filters-slideshow>slideshow-container>slideshow-arrows .slideshow-control:disabled{opacity:0!important;pointer-events:none}@media screen and (max-width: 992px){.quick-filters-wrapper.no-d{width:-webkit-fill-available;background-color:var(--colors-grey-50);padding:var(--spacing-xs) 0;position:sticky;top:calc(var(--header-height, 0) - 2px);z-index:var(--layer-sticky);transition:.2s var(--animation-easing)}:root:has(#header-component[data-sticky-state=idle]) .quick-filters-wrapper.no-d{top:0}}@media screen and (max-width: 749px){.quick-filters-wrapper.no-d{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.landing-page-quick-filters .quick-filter-inline{width:calc(50% - 6px);justify-content:center}.landing-page-quick-filters .quick-filter-inline .quick-filter-item{justify-content:center}}.quick-filters-recommendation-overlay{top:0;right:0;bottom:0;left:0;z-index:40;padding:var(--spacing-md, 24px);background-color:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s ease}.quick-filters-recommendation-overlay--visible{opacity:1;pointer-events:auto}.quick-filters-recommendation-overlay__dialog{max-width:640px;border-radius:var(--border-radius-md);border:1px solid var(--colors-primary-700);padding:var(--spacing-2xl)}.quick-filters-recommendation-overlay__actions{display:flex;justify-content:center}.quick-filters-recommendation-overlay__start{padding:var(--spacing-3xs) 40px}@media screen and (max-width: 749px){.quick-filters-recommendation-overlay__dialog{padding:var(--spacing-2xl) var(--spacing-xs)}}@media screen and (min-width: 750px){.quick-filters-wrapper .slideshow-control{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/quick-filters.css.map */