story-carousel{position:relative;display:block;width:100%;min-width:0;--list-cols: var(--list-cols-mobile, 2);--list-gap: var(--list-gap-mobile, 12px)}@media screen and (min-width:750px){story-carousel{--list-cols: var(--list-cols-tablet, 3);--list-gap: var(--list-gap-desktop, 16px)}}@media screen and (min-width:990px){story-carousel{--list-cols: var(--list-cols-desktop, 4)}}.list__viewport{position:relative}.list__track{--list-mode: grid;position:relative;display:grid;grid-template-columns:repeat(var(--list-grid-mobile, 2),minmax(0,1fr));gap:var(--list-row-gap, 16px) var(--list-gap)}@media screen and (min-width:750px){.list__track{grid-template-columns:repeat(var(--list-cols),minmax(0,1fr))}}.list__track>:not(style,script,link,template){min-width:0}@media screen and (min-width:750px){.list--layout-bento .list__viewport{container-type:inline-size}.list--layout-bento .list__track{--list-bento-span-1: 1;--list-bento-span-2: 2;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(var(--list-bento-row, 20rem),auto);grid-auto-flow:dense}.list--layout-bento .list__track:has(>[class*=-card--stacked],>[class*=-card--side]){--list-bento-span-1: 2;--list-bento-span-2: 4;grid-auto-rows:clamp(16rem,(100cqi - 3 * var(--list-gap)) / 4,32rem) auto}.list--layout-bento .list__track>:not(style,script,link,template){grid-row:span var(--list-bento-span-1)}.list--layout-bento .list__track>:nth-child(6n+1 of:not(style,script,link,template)){grid-column:span 2;grid-row:span var(--list-bento-span-2)}.list--layout-bento .list__track>:nth-child(6n+4 of:not(style,script,link,template)){grid-column:span 2}}@media screen and (min-width:750px){.list--layout-bento .list__track>:nth-child(12n+1 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)),.list--layout-bento .list__track>:nth-child(12n+5 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)),.list--layout-bento .list__track>:nth-child(12n+10 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)){grid-column:1 / -1;grid-row:span var(--list-bento-span-1)}.list--layout-bento .list__track>:nth-child(12n+2 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)){grid-column:span 2;grid-row:span var(--list-bento-span-2)}.list--layout-bento .list__track>:nth-child(12n+2 of:not(style,script,link,template)):nth-last-child(2 of:not(style,script,link,template)),.list--layout-bento .list__track>:nth-child(12n+3 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)),.list--layout-bento .list__track>:nth-child(12n+5 of:not(style,script,link,template)):nth-last-child(2 of:not(style,script,link,template)),.list--layout-bento .list__track>:nth-child(12n+6 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)),.list--layout-bento .list__track>:nth-child(12n+8 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)),.list--layout-bento .list__track>:nth-child(12n+11 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)){grid-column:span 2}.list--layout-bento .list__track>:nth-child(12n+7 of:not(style,script,link,template)):nth-last-child(1 of:not(style,script,link,template)){grid-row:span var(--list-bento-span-1)}}.list--layout-grid .list__track>.list__fill{grid-column:span var(--list-fill-mobile, 1)}@media screen and (min-width:750px){.list--layout-grid .list__track>.list__fill{grid-column:span var(--list-fill-tablet, 1)}}@media screen and (min-width:990px){.list--layout-grid .list__track>.list__fill{grid-column:span var(--list-fill-desktop, 1)}}.list--layout-carousel .list__track{--list-mode: carousel;display:flex;gap:var(--list-gap);overflow-x:auto;overflow-y:hidden;padding-block:var(--list-track-room, .4rem);margin-block:calc(-1 * var(--list-track-room, .4rem));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.list--layout-carousel .list__track::-webkit-scrollbar{display:none}.list.list--layout-carousel .list__track>:not(style,script,link,template){flex:0 0 calc((100% - (var(--list-cols) - 1) * var(--list-gap)) / var(--list-cols));width:calc((100% - (var(--list-cols) - 1) * var(--list-gap)) / var(--list-cols));max-width:none;scroll-snap-align:start}@media screen and (max-width:749px){.list--carousel-mobile .list__track{--list-mode: carousel;display:flex;gap:var(--list-gap);overflow-x:auto;overflow-y:hidden;padding-block:var(--list-track-room, .4rem);margin-block:calc(-1 * var(--list-track-room, .4rem));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.list--carousel-mobile .list__track::-webkit-scrollbar{display:none}.list.list--carousel-mobile .list__track>:not(style,script,link,template){flex:0 0 calc((100% - (var(--list-cols) - 1) * var(--list-gap)) / var(--list-cols));width:calc((100% - (var(--list-cols) - 1) * var(--list-gap)) / var(--list-cols));max-width:none;scroll-snap-align:start}}.list__track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.list__track[data-list-focus]:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.list--bleed .list__track{margin-inline:calc(-1 * var(--list-bleed-start, 0px)) calc(-1 * var(--list-bleed-end, 0px));padding-inline:var(--list-bleed-start, 0px) var(--list-bleed-end, 0px);scroll-padding-inline:var(--list-bleed-start, 0px) var(--list-bleed-end, 0px)}@media screen and (min-width:750px){.list--bleed.list--carousel-mobile:not(.list--layout-carousel) .list__track{margin-inline:0;padding-inline:0}}.list__arrow,.list__pause{display:grid;flex-shrink:0;place-items:center;padding:0;border:0;color:rgb(var(--color-foreground));background:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,border-color .2s ease}.list__arrow{width:var(--list-arrow-size, 4.4rem);height:var(--list-arrow-size, 4.4rem);color:var(--list-arrow-color, rgb(var(--color-foreground)));border:var(--list-arrow-border, 0)}.list__arrow svg{width:var(--list-arrow-icon, 2rem);height:var(--list-arrow-icon, 2rem);fill:none;stroke:currentColor;stroke-width:var(--list-arrow-stroke, 1.6);stroke-linecap:round;stroke-linejoin:round}.list__arrow--circle,.list__arrow--square{background:var(--list-arrow-bg, rgb(var(--color-background)));box-shadow:var(--list-arrow-shadow, 0 .2rem 1.2rem rgba(var(--color-foreground), .12))}.list__arrow--circle,.list__arrow--outline,.list__arrow--blur{border-radius:var(--list-arrow-radius, 50%)}.list__arrow--square{border-radius:var(--list-arrow-radius, 0)}.list__arrow--outline{border:var(--list-arrow-border, 1px solid rgba(var(--color-foreground), .3));background:var(--list-arrow-bg, none);box-shadow:var(--list-arrow-shadow, none)}.list__arrow--outline:hover{border-color:currentColor}.list__arrow--blur{background:var(--list-arrow-bg, rgba(var(--color-background), .6));box-shadow:var(--list-arrow-shadow, none);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.list__arrow:disabled{opacity:.35;cursor:default}.list__viewport>.list__arrow{position:absolute;top:var(--list-arrow-top, 50%);z-index:2;transform:translateY(-50%)}.list__viewport>.list__arrow--prev{left:var(--list-arrow-inset, 1.2rem)}.list__viewport>.list__arrow--next{right:var(--list-arrow-inset, 1.2rem)}.list__controls{display:flex;align-items:center;justify-content:var(--list-controls-justify, normal);gap:1.2rem;margin-top:var(--list-controls-space, 2rem)}.list__controls--dots,.list__controls--counter,.list__controls--none{justify-content:var(--list-controls-justify, center)}.list__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem}.list__dot{padding:.8rem .4rem;border:0;background:none;cursor:pointer}.list__dot:before{content:"";display:block;width:var(--list-dot-size, .8rem);height:var(--list-dot-size, .8rem);border-radius:10rem;background:var(--list-inactive, rgba(var(--color-foreground), .25));transition:background-color .3s ease,width .3s ease,transform .3s ease}.list__dot[aria-current=true]:before{width:var(--list-dot-active, var(--list-dot-size, .8rem));background:var(--list-active, rgb(var(--color-foreground)));transform:var(--list-dot-scale, scale(1.25))}.list__progress{position:relative;flex:0 1 var(--list-line-width, 100%);height:var(--list-line-height, .2rem);overflow:hidden;border-radius:10rem;background:var(--list-inactive, rgba(var(--color-foreground), .15))}.list__progress-thumb{position:absolute;top:0;bottom:0;left:0;width:var(--list-thumb-width, 25%);border-radius:inherit;background:var(--list-active, rgb(var(--color-foreground)));transform:translate(var(--list-thumb-offset, 0%));transition:transform .15s linear,width .2s ease}.list__counter{display:flex;align-items:center;gap:.8rem;color:var(--list-active, inherit);font-variant-numeric:tabular-nums}.list__counter-line{width:2.4rem;height:1px;background:currentColor;opacity:.4}.list__pause{width:3.2rem;height:3.2rem;border-radius:50%}.list__pause svg{width:1.2rem;height:1.2rem;fill:currentColor}.list__pause .list__icon-play,.list[data-user-paused] .list__pause .list__icon-pause{display:none}.list[data-user-paused] .list__pause .list__icon-play{display:block}.list[data-fits] .list__controls,.list[data-fits] .list__viewport>.list__arrow{display:none}@media screen and (min-width:750px){.list--carousel-mobile:not(.list--layout-carousel) .list__controls,.list--carousel-mobile:not(.list--layout-carousel) .list__viewport>.list__arrow{display:none}}@media screen and (max-width:749px){.list__viewport>.list__arrow{display:none}}@media(hover:hover)and (min-width:750px){.list:where(:not(.list--arrows-always)) .list__viewport>.list__arrow{opacity:0}.list:hover .list__viewport>.list__arrow,.list:focus-within .list__viewport>.list__arrow{opacity:1}.list:hover .list__viewport>.list__arrow:disabled{opacity:.35}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-list.css.map */