.product-overview{padding:var(--spacing-4)}@media (max-width:32rem){.product-overview{--product-card--border:nope;--product-card--border-radius:0;--product-card--box-shadow:none}}.product-overview__inner{max-width:var(--container-max-width-xl);box-sizing:border-box;gap:var(--spacing-4);flex-direction:column;grid-template-columns:1fr;margin:0 auto;display:grid}@media not (max-width:64rem){.product-overview__inner{gap:var(--spacing-8);grid-template-columns:18.25rem 1fr;display:grid}}.product-overview__content{gap:var(--spacing-5);flex-direction:column;display:flex}@media not (max-width:64rem){.product-overview__content{gap:var(--spacing-6)}}.product-overview__sidebar{width:100%;margin-top:1.25rem}.filters__mobile-trigger{display:flex}@media not (max-width:64rem){.filters__mobile-trigger{display:none}}.filters__desktop{align-items:stretch;gap:var(--spacing-7);flex-direction:column;display:none}@media not (max-width:64rem){.filters__desktop{display:flex}}.product-overview__content .product-sorting{display:none}@media not (max-width:64rem){.product-overview__content .product-sorting{display:flex}}
@property --left-fade-filter{syntax:"<length>";inherits:false;initial-value:0}@property --right-fade-filter{syntax:"<length>";inherits:false;initial-value:0}@keyframes filter-fade{0%{--left-fade-filter:0}10%,to{--left-fade-filter:3rem}0%,90%{--right-fade-filter:3rem}to{--right-fade-filter:0}}.active-filters{gap:var(--spacing-3);flex-direction:column;display:flex}@media not (max-width:48rem){.active-filters{flex-direction:row;justify-content:space-between;align-items:flex-start}}.active-filters__container{position:relative}@media (max-width:48rem){.active-filters__container{max-width:100%;-webkit-mask:linear-gradient(to right, #0000, white var(--left-fade-filter) calc(100% - var(--right-fade-filter)), #0000);mask:linear-gradient(to right, #0000, white var(--left-fade-filter) calc(100% - var(--right-fade-filter)), #0000);scroll-timeline:--filter-fade x;animation:filter-fade;animation-timeline:--filter-fade;overflow-x:auto}}.active-filters__list{gap:var(--spacing-1);flex-flow:wrap;width:fit-content;margin:0 auto;padding:0;list-style:none;display:flex}@media not (max-width:48rem){.active-filters__list{flex-wrap:wrap;margin:0}}@media (max-width:48rem){.active-filters__list{width:100%;margin:0}.active-filters__filter .badge{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-s)}}.active-filters__action{margin-top:var(--spacing-2);flex-shrink:0;align-self:flex-start}@media (max-width:48rem){.active-filters__action{align-self:center;margin-top:0}}