.sl-stories__list{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:var(--sl-space-4);margin:0 calc(var(--sl-gutter) * -1);padding:0 var(--sl-gutter) var(--sl-space-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sl-gutter);scrollbar-width:none;list-style:none}.sl-stories__list::-webkit-scrollbar{display:none}.sl-story{display:flex;flex-direction:column;gap:var(--sl-space-4);scroll-snap-align:start}.sl-story__frame{border-radius:var(--sl-radius-lg)}.sl-story__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sl-story__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.sl-story__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sl-story__tile{display:block;width:100%;padding:0;border:0;background-color:var(--sl-color-paper-raised);font:inherit;text-align:left;cursor:pointer}.sl-story__tile .sl-story__video{transition:transform var(--sl-duration-panel) var(--sl-ease-out)}.sl-story__tile:hover .sl-story__video{transform:scale(1.03)}.sl-story__tile:focus-visible{outline:.2rem solid var(--sl-color-focus);outline-offset:.3rem;box-shadow:none}.sl-story__badge{position:absolute;top:var(--sl-space-3);right:var(--sl-space-3);display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:var(--sl-color-paper-glass);color:var(--sl-color-ink);backdrop-filter:blur(.8rem);-webkit-backdrop-filter:blur(.8rem);transition:background-color var(--sl-duration-fast) var(--sl-ease),color var(--sl-duration-fast) var(--sl-ease)}.sl-story__badge .sl-icon{width:1.6rem;height:1.6rem}.sl-story__paused{margin-left:.2rem}.sl-story__muted,.sl-story__tile.is-playing .sl-story__paused{display:none}.sl-story__tile.is-playing .sl-story__muted{display:block}.sl-story__tile:hover .sl-story__badge{background-color:var(--sl-color-brand);color:var(--sl-color-on-brand)}.sl-story__time{position:absolute;top:var(--sl-space-3);left:var(--sl-space-3);padding:.2rem var(--sl-space-2);border-radius:var(--sl-radius-pill);background-color:var(--sl-color-paper-glass);color:var(--sl-color-ink);font-size:var(--sl-text-xs);font-weight:500;letter-spacing:var(--sl-tracking-label);line-height:1.5}.sl-story__caption{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:var(--sl-space-7) var(--sl-space-5) var(--sl-space-5);background:linear-gradient(to top,var(--sl-color-scrim),var(--sl-color-scrim-soft));color:var(--sl-color-on-deep)}.sl-story--empty .sl-story__caption{background:none;color:var(--sl-color-ink)}.sl-story__name{font-family:var(--sl-font-display);font-size:var(--sl-text-lg);font-weight:500;line-height:1.2;letter-spacing:0}.sl-story__treatment{font-size:var(--sl-text-sm);letter-spacing:var(--sl-tracking-label)}.sl-story__quote{margin:0;color:var(--sl-color-ink-soft);font-family:var(--sl-font-display);font-size:var(--sl-text-md);font-style:italic;line-height:1.45;letter-spacing:0}.sl-stories__cta{display:flex;justify-content:center;margin-top:var(--sl-space-7)}@media screen and (min-width:750px){.sl-stories__list{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sl-space-5);margin:0;padding:0;overflow:visible}.sl-stories__list--1,.sl-stories__list--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:72rem;margin-inline:auto}}@media screen and (min-width:1200px){.sl-stories__list{gap:var(--sl-space-6);max-width:112rem;margin-inline:auto}.sl-stories__list--1,.sl-stories__list--2{max-width:76rem}}@media(prefers-reduced-motion:reduce){.sl-story__tile .sl-story__video,.sl-story__badge{transition:none}.sl-story__tile:hover .sl-story__video{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sl-client-videos.css.map */