.av-list{--av-list-gap: clamp(1rem, 2.5vw, 1.5rem)}.av-list--grid{display:grid;gap:var(--av-list-gap);grid-template-columns:repeat(var(--av-cols-mobile),minmax(0,1fr))}.av-list--carousel{display:grid;gap:var(--av-list-gap);grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:thin;padding-block-end:.5rem}.av-list--carousel>*{scroll-snap-align:start}.av-list--carousel:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.av-list--marquee{display:flex;align-items:center;gap:var(--gap-xs, .5rem)}.av-list__viewport{flex:1;min-width:0;display:flex;gap:var(--av-list-gap);overflow:hidden}.av-list__track{display:flex;flex-shrink:0;align-items:stretch;gap:var(--av-list-gap);min-width:100%;justify-content:space-around}.av-list__track>*{flex:0 0 auto;width:min(80vw,22rem)}@media(prefers-reduced-motion:no-preference){.av-list__track{animation:av-list-scroll var(--av-list-duration) linear infinite}.av-list__viewport:is(:hover,:focus-within) .av-list__track,.av-list--marquee:has([data-av-pause]:checked) .av-list__track{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.av-list__viewport{overflow-x:auto}.av-list__track[aria-hidden=true]{display:none}}.av-list__track{--av-list-sign: 1}[dir=rtl] .av-list__track{--av-list-sign: -1}@keyframes av-list-scroll{to{transform:translate(calc((100% + var(--av-list-gap)) * -1 * var(--av-list-sign)))}}.av-list__controls{display:flex;justify-content:flex-end;gap:.75rem;margin-block-start:1.25rem}.av-list__controls[hidden]{display:none}@media screen and (max-width:749px){.av-list__controls--desktop{display:none}}.av-list__control{display:inline-grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid currentcolor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:opacity .2s ease}.av-list__control:disabled{opacity:.3;cursor:default}.av-list__control:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.av-list__arrow{display:inline-flex;width:1.125rem}.av-list__arrow svg{width:100%;height:auto}.av-list__arrow--prev,[dir=rtl] .av-list__arrow:not(.av-list__arrow--prev){transform:scaleX(-1)}[dir=rtl] .av-list__arrow--prev{transform:none}@media screen and (min-width:750px){.av-list--peek.av-list--carousel{grid-auto-columns:calc((100% - var(--av-cols) * var(--av-list-gap)) / (var(--av-cols) + .2))}}@media screen and (min-width:750px){.av-list--grid{grid-template-columns:repeat(var(--av-cols),minmax(0,1fr))}.av-list--carousel{grid-auto-columns:calc((100% - (var(--av-cols) - 1) * var(--av-list-gap)) / var(--av-cols))}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/av-css-snippet-av-list.css.map */