.video-stories{background:var(--vs-bg, #fff);color:var(--vs-text, #151515)}.video-stories__header{display:grid;grid-template-columns:1fr;gap:20px;align-items:end;margin-bottom:35px}@media only screen and (min-width:768px){.video-stories__header{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;margin-bottom:50px}}.video-stories__header .subheading{margin-bottom:15px}.video-stories__heading{margin:0;color:inherit;font-weight:700;line-height:1.1;font-size:clamp(1.75rem,3.6vw,3rem)}.video-stories__description{margin:0;max-width:440px;color:inherit;font-size:1rem;line-height:1.5;font-weight:400}@media only screen and (min-width:768px){.video-stories__description{justify-self:end}}.video-stories .video-story{margin:0 .5em}.video-story__media{position:relative;overflow:hidden;width:100%;aspect-ratio:3 / 4;background:#d9d9d9}.video-stories--ratio-portrait .video-story__media{aspect-ratio:4 / 5}.video-stories--ratio-tall .video-story__media{aspect-ratio:3 / 4}.video-stories--ratio-story .video-story__media{aspect-ratio:9 / 16}.video-story__media video,.video-story__media svg.video-story__placeholder,.video-story__media .video-story__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-story__media .video-story__placeholder{padding:25%;fill:#fff;opacity:.6}.video-story__play{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:-36px 0 0 -36px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));transition:transform .3s ease,opacity .3s ease}.video-story__play svg{width:64px;height:64px}.video-story__play:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover){.video-story__play:hover{transform:scale(1.1)}}.video-story__media.is-playing .video-story__play{opacity:0;pointer-events:none}.video-story__caption{display:flex;align-items:center;gap:14px;padding-top:18px}.video-story__number{font-weight:700;line-height:1;font-size:clamp(2.5rem,4vw,3.5rem)}.video-story__caption-text{display:flex;flex-direction:column;gap:2px;font-size:.9375rem;line-height:1.3}.video-story__unit{font-weight:700}.video-stories__footer{margin:30px 0 0;text-align:left;font-size:.875rem;color:inherit}@media(prefers-reduced-motion:reduce){.video-story__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/video-stories.css.map */