.filter-chip-carousel{width:100%;padding:var(--space-24) var(--gutter)}@media(min-width:1024px){.filter-chip-carousel{display:grid;gap:var(--space-24);grid-template-columns:repeat(12,1fr);padding-bottom:var(--space-40)}}@media(min-width:1024px){.filter-chip-carousel--disabled-above .filter-chip-carousel__carousel-items{justify-content:center;gap:var(--space-16)}
}@media(min-width:1024px){.filter-chip-carousel--disabled-above .filter-chip-carousel__carousel-nav-button{display:none}}@media(max-width:1023px){.filter-chip-carousel__carousel{overflow:visible}}@media(min-width:1024px){.filter-chip-carousel__carousel-nav-button--next{margin-right:var(--space-15)}}@media(min-width:1024px){.filter-chip-carousel__carousel-nav-button--prev{margin-left:var(--space-15)}
}@media(min-width:1024px){.filter-chip-carousel__slides{grid-column:2/-2}}.filter-chip-carousel__slide{position:relative;width:30.5%}@media(min-width:1024px){.filter-chip-carousel__slide{width:calc(20% - var(--space-16) + var(--space-16) / 5)}}.filter-chip-carousel__slide-content{display:block}relative-link[data-active] .filter-chip-carousel__slide-content .filter-chip-carousel__image{border:1px solid var(--color-tea-brown)}
relative-link[data-active] .filter-chip-carousel__slide-content .filter-chip-carousel__close-icon-wrapper{opacity:1}.filter-chip-carousel__title{margin-top:var(--space-16)}.filter-chip-carousel__image{border:1px solid transparent;transition:border-color var(--transition-small)}.filter-chip-carousel__close-icon-wrapper{position:absolute;top:var(--space-10);right:var(--space-10);z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-tea-cream);border-radius:100%;opacity:0;transition:opacity var(--transition-small)}
.collection-hero{display:flex;flex-direction:column;align-items:center}.collection-hero__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--gutter)}@media(min-width:1024px){.collection-hero__header{gap:var(--space-16);padding-block:var(--space-24) var(--space-8)}
}.collection-hero__title{font:var(--font-h3);text-transform:var(--font-h3-text-transform);letter-spacing:var(--font-h3-letter-spacing);text-align:center;max-width:668px}.collection-hero__description{font:var(--font-body-1);text-transform:var(--font-body-1-text-transform);letter-spacing:var(--font-body-1-letter-spacing);max-width:668px;text-align:center}
@media(min-width:1024px){.collection-hero__description{font:var(--font-body-large);text-transform:var(--font-body-large-text-transform);letter-spacing:var(--font-body-large-letter-spacing)}}.collection-hero__chips{display:flex;gap:var(--space-8);padding:var(--space-24) var(--gutter);overflow:auto;max-width:100%}
@media(min-width:1024px){.collection-hero__chips{flex-wrap:wrap;justify-content:center}}.collection-hero__chips relative-link[data-active] .collection-hero__chip{border:1px solid var(--color-tea-brown)}.collection-hero__chips relative-link[data-active] .collection-hero__chip .icon{display:block;opacity:1;transform:scale(1)}
@starting-style{.collection-hero__chips relative-link[data-active] .collection-hero__chip .icon{opacity:0;transform:scale(0.9)}}.collection-hero__chip{display:inline-flex;gap:var(--space-6);align-items:center;text-align:center;padding:var(--space-8) var(--space-16);background:var(--color-brown-50);font:var(--font-body-2);text-transform:var(--font-body-2-text-transform);letter-spacing:var(--font-body-2-letter-spacing);text-decoration:none;white-space:nowrap;transition:background-color var(--transition-small);border:1px solid transparent;transition:border-color var(--transition-small)}
@media(hover:hover) and (pointer:fine){.collection-hero__chip:hover{text-decoration:none;background:var(--color-brown-100)}}.collection-hero__chip .icon{display:none;width:10px;opacity:0;transform:scale(0.9);transition:display var(--transition-small) allow-discrete,opacity var(--transition-small),transform var(--transition-small)}