visual-filters{display:block;--visual-filters-arrow-size: 3.6rem}.visual-filters__heading{margin:0 0 1.2rem;font-size:calc(var(--font-body-size) * .9);letter-spacing:.08em;text-transform:uppercase;text-align:start}.visual-filters__viewport{position:relative}.visual-filters__list{display:flex;flex-wrap:nowrap;gap:var(--visual-filters-gap, 8px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start}.visual-filters__list::-webkit-scrollbar{display:none}.visual-filters__btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:.6rem;scroll-snap-align:start;white-space:nowrap;height:calc(var(--buttons-height, 4.8rem) - .8rem);padding:0 2rem;border:var(--buttons-border-width, 1px) solid rgb(var(--color-secondary-button-border));border-radius:var(--buttons-radius, 0);background:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text));font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-size:calc(var(--font-body-size) * .9);line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media(hover:hover){.visual-filters__btn:hover{border-color:rgb(var(--color-button))}}.visual-filters__btn.is-active{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.visual-filters__count{opacity:.6;font-size:.85em}visual-filters.is-loading .visual-filters__list{opacity:.6;pointer-events:none}.visual-filters__arrow{display:none}@media screen and (pointer:fine)and (min-width:768px){.visual-filters__arrow{position:absolute;z-index:2;inset-block-start:calc(50% - var(--visual-filters-arrow-size) / 2);display:flex;align-items:center;justify-content:center;width:var(--visual-filters-arrow-size);height:var(--visual-filters-arrow-size);padding:0;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.visual-filters__arrow--prev{inset-inline-start:calc(var(--visual-filters-arrow-size) / -2)}.visual-filters__arrow--next{inset-inline-end:calc(var(--visual-filters-arrow-size) / -2)}.visual-filters__arrow:hover{border-color:rgb(var(--color-button-hover-background));background-color:rgb(var(--color-button-hover-background));color:rgb(var(--color-button-hover-text))}visual-filters:not(.is-scrollable) .visual-filters__arrow,.visual-filters__arrow[disabled]{opacity:0!important;pointer-events:none}visual-filters[data-arrows=hover] .visual-filters__arrow{opacity:0}visual-filters[data-arrows=hover] .visual-filters__viewport:hover .visual-filters__arrow,visual-filters[data-arrows=hover] .visual-filters__arrow:focus-visible{opacity:1}visual-filters[data-arrows=outside].is-scrollable .visual-filters__viewport{padding-inline:calc(var(--visual-filters-arrow-size) + .8rem)}visual-filters[data-arrows=outside] .visual-filters__arrow--prev{inset-inline-start:0}visual-filters[data-arrows=outside] .visual-filters__arrow--next{inset-inline-end:0}visual-filters[data-arrows=outside] .visual-filters__arrow[disabled]{opacity:.35!important}}@media screen and (min-width:768px){visual-filters[data-alignment=center] .visual-filters__heading{text-align:center}visual-filters[data-alignment=center] .visual-filters__list{justify-content:safe center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/visual-filters.css.map */