.story-video{--story-video-ratio: 16 / 9;--story-video-divider: #e3e0da;--story-video-icon: #292725;--story-video-radius: 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}@media screen and (min-width:1000px){.story-video{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px)}.story-video--media-left .story-video__content{order:2}}.story-video__content{display:flex;flex-direction:column;gap:20px;min-width:0}.story-video__heading{margin:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:clamp(24px,2.2vw,34px);line-height:1.2;text-wrap:balance}.story-video__text{line-height:1.6;opacity:.85}.story-video__text p{margin:0 0 12px}.story-video__text p:last-child{margin-bottom:0}.story-video__features{display:flex;flex-direction:column;margin:8px 0 0;padding:0;list-style:none}.story-video__feature{display:flex;align-items:flex-start;gap:16px;padding-block:18px;border-block-end:1px solid var(--story-video-divider)}.story-video__feature:first-child{padding-block-start:0}.story-video__feature:last-child{border-block-end:0;padding-block-end:0}.story-video__feature-icon{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;color:var(--story-video-icon)}.story-video__feature-icon img{width:100%;height:100%;object-fit:contain}.story-video__feature-body{min-width:0}.story-video__feature-title{margin:0 0 4px;font-weight:700;font-size:15px;line-height:1.3}.story-video__feature-text{margin:0;font-size:15px;line-height:1.5;opacity:.85}.story-video__button{margin-block-start:4px}.story-video__media{position:relative;min-width:0}.story-video__player{position:relative;display:block}.story-video__video,.story-video__image{display:block;width:100%;aspect-ratio:var(--story-video-ratio);border-radius:var(--story-video-radius);background:rgb(var(--text-color) / .06);object-fit:cover}.story-video__video{cursor:pointer}.story-video__image--placeholder{fill:rgb(var(--text-color) / .2)}.story-video__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:65px;height:65px;padding:0;border:none;border-radius:50%;background:#ffffffe9;color:#1a1a1a;box-shadow:0 6px 22px #00000038;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.story-video__play svg{width:30px;height:30px;margin-inline-start:4px}.story-video__play:hover{transform:translate(-50%,-50%) scale(1.05)}.story-video__player.is-playing .story-video__play{opacity:0;pointer-events:none}@media screen and (max-width:699px){.story-video__play{width:60px;height:60px}.story-video__play svg{width:24px;height:24px}}.story-video__controls{position:absolute;inset-inline:12px;bottom:12px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;opacity:0;transition:opacity .2s ease;pointer-events:none}.story-video__player.is-playing .story-video__controls,.story-video__player.is-paused .story-video__controls{opacity:1;pointer-events:auto}@media(hover:hover)and (pointer:fine){.story-video__player.is-playing .story-video__controls,.story-video__player.is-paused .story-video__controls{opacity:0;pointer-events:none}.story-video__player.is-playing:hover .story-video__controls,.story-video__player.is-paused:hover .story-video__controls,.story-video__player.is-playing:has(:focus-visible) .story-video__controls,.story-video__player.is-paused:has(:focus-visible) .story-video__controls{opacity:1;pointer-events:auto}}.story-video__player.is-paused .story-video__timeline,.story-video__player.is-paused .story-video__time{display:none}.story-video__player.is-paused .story-video__controls{inset-inline:auto 12px}.story-video__control{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;background:none;color:inherit;cursor:pointer}.story-video__icon{width:20px;height:20px}.story-video__icon--play,.story-video__icon--sound-off{display:none}.story-video__player.is-paused .story-video__icon--play{display:block}.story-video__player.is-paused .story-video__icon--pause{display:none}[data-story-video-sound][aria-pressed=true] .story-video__icon--sound-off{display:block}[data-story-video-sound][aria-pressed=true] .story-video__icon--sound-on{display:none}.story-video__time{flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums;opacity:.9}.story-video__sound-group{display:flex;align-items:center;gap:8px}.story-video__volume{display:none}@media(hover:hover)and (pointer:fine){.story-video__volume{display:block;width:0;height:14px;margin:0;opacity:0;cursor:pointer;transition:width .2s ease,opacity .2s ease;-webkit-appearance:none;appearance:none;background:none}.story-video__sound-group:hover .story-video__volume,.story-video__sound-group:focus-within .story-video__volume,.story-video__controls:hover .story-video__volume{width:64px;opacity:1}}.story-video__volume::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,#ffffff 0 var(--story-video-volume, 70%),rgb(255 255 255 / .35) var(--story-video-volume, 70%) 100%)}.story-video__volume::-moz-range-track{height:3px;border-radius:999px;background:#ffffff59}.story-video__volume::-moz-range-progress{height:3px;border-radius:999px;background:#fff}.story-video__volume::-webkit-slider-thumb{width:11px;height:11px;margin-block-start:-4px;border:none;border-radius:50%;background:#fff;-webkit-appearance:none;appearance:none}.story-video__volume::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:#fff}.story-video__volume:focus-visible{outline:2px solid #ffffff;outline-offset:3px;border-radius:999px}.story-video__timeline{position:relative;flex:1 1 auto;display:flex;align-items:center;height:18px;cursor:pointer;touch-action:none}.story-video__timeline:before{content:"";position:absolute;inset-inline:0;height:3px;border-radius:999px;background:#ffffff59}.story-video__timeline-progress{position:relative;width:0;height:3px;border-radius:999px;background:#fff}.story-video__timeline-progress:after{content:"";position:absolute;top:50%;right:-5px;width:10px;height:10px;border-radius:50%;background:#fff;transform:translateY(-50%)}.story-video__timeline:focus-visible{outline:2px solid #ffffff;outline-offset:2px;border-radius:999px}@media screen and (max-width:999px){.story-video--mobile-media-first .story-video__media{order:-1}}@media(prefers-reduced-motion:reduce){.story-video__play,.story-video__controls{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/story-video.css.map */