.section-to-video-stories{position:relative;z-index:1}to-video-stories,.to-video-stories,.to-video-stories__section{display:block}.to-video-stories{--tovs-muted: color-mix(in srgb, var(--tovs-text) 68%, transparent);--tovs-border: color-mix(in srgb, var(--tovs-text) 11%, transparent);--tovs-accent-soft: color-mix(in srgb, var(--tovs-accent) 22%, transparent);color:var(--tovs-text)}.to-video-stories__section{position:relative;overflow:hidden;padding-block:var(--tovs-padding-top) var(--tovs-padding-bottom);background:radial-gradient(circle at 12% -5%,color-mix(in srgb,var(--tovs-accent) 13%,transparent),transparent 33rem),radial-gradient(circle at 92% 108%,color-mix(in srgb,var(--to-pink, #d91f6d) 8%,transparent),transparent 34rem),var(--tovs-bg)}.to-video-stories__section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(115deg,transparent 0 46%,color-mix(in srgb,var(--tovs-text) 2.5%,transparent) 46.2% 46.35%,transparent 46.55% 100%);opacity:.65}.to-video-stories__inner{position:relative;z-index:1}.to-video-stories__inner--full{width:100%;padding-inline:clamp(1.6rem,3vw,4.8rem)}.to-video-stories__header{max-width:74rem;margin-bottom:clamp(2.6rem,4vw,4.6rem)}.to-video-stories__header--left{margin-right:auto;text-align:left}.to-video-stories__header--center{margin-inline:auto;text-align:center}.to-video-stories__header--right{margin-left:auto;text-align:right}.to-video-stories__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(3rem,4vw,5.2rem);line-height:1.06;letter-spacing:-.035em}.to-video-stories__heading:after{content:"";display:block;width:5.2rem;height:.2rem;margin-top:1.5rem;border-radius:999px;background:linear-gradient(90deg,var(--tovs-accent),color-mix(in srgb,var(--to-pink, #d91f6d) 75%,var(--tovs-accent)));box-shadow:0 0 2rem var(--tovs-accent-soft)}.to-video-stories__header--center .to-video-stories__heading:after{margin-inline:auto}.to-video-stories__header--right .to-video-stories__heading:after{margin-left:auto}.to-video-stories__description{max-width:62rem;margin-top:1.6rem;color:var(--tovs-muted);font-size:clamp(1.5rem,1.4vw,1.8rem);line-height:1.65}.to-video-stories__header--center .to-video-stories__description{margin-inline:auto}.to-video-stories__header--right .to-video-stories__description{margin-left:auto}.to-video-stories__description>:first-child{margin-top:0}.to-video-stories__description>:last-child{margin-bottom:0}.to-video-stories__grid{display:grid;grid-template-columns:repeat(var(--tovs-columns-desktop),minmax(0,1fr));gap:var(--tovs-gap);align-items:start}.to-video-story{position:relative;min-width:0;overflow:hidden;border:1px solid var(--tovs-border);border-radius:var(--tovs-radius);background:linear-gradient(145deg,color-mix(in srgb,var(--tovs-text) 4%,transparent),transparent 45%),var(--tovs-card);box-shadow:0 1.8rem 4.5rem #0000002e;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}@media(hover:hover)and (pointer:fine){.to-video-story:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tovs-accent) 42%,transparent);box-shadow:0 2.2rem 5.4rem #00000047,0 0 3.2rem var(--tovs-accent-soft)}}.to-video-story__media{position:relative;display:block;width:100%;overflow:hidden;padding:0;border:0;border-radius:calc(var(--tovs-radius) - 1px) calc(var(--tovs-radius) - 1px) 0 0;color:var(--tovs-button-text);background:#0a0910;cursor:pointer;isolation:isolate}.to-video-story--ratio-16-9 .to-video-story__media{aspect-ratio:16 / 9}.to-video-story--ratio-9-16 .to-video-story__media{aspect-ratio:9 / 16}.to-video-story__poster,.to-video-story__poster:after,.to-video-story__poster-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.to-video-story__poster img{width:100%;height:100%;object-fit:cover;transform:scale(1.002);transition:transform .6s cubic-bezier(.2,.65,.25,1),filter .3s ease}.to-video-story__poster:after{content:"";z-index:1;background:linear-gradient(180deg,rgba(7,6,11,.18),transparent 45%,rgba(7,6,11,.5)),linear-gradient(120deg,color-mix(in srgb,var(--tovs-accent) 16%,transparent),transparent 42%)}.to-video-story__poster-fallback{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--tovs-accent) 30%,transparent),transparent 28%),radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--to-pink, #d91f6d) 18%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--tovs-card) 65%,#050508),#09080d)}.to-video-story__poster-fallback:before,.to-video-story__poster-fallback:after{content:"";position:absolute;top:50%;left:50%;width:44%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tovs-accent) 22%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.to-video-story__poster-fallback:after{width:62%;border-color:color-mix(in srgb,var(--tovs-accent) 10%,transparent)}@media(hover:hover)and (pointer:fine){.to-video-story:hover .to-video-story__poster img{transform:scale(1.035);filter:saturate(1.04) contrast(1.03)}}.to-video-story__badge,.to-video-story__duration{position:absolute;z-index:3;display:inline-flex;align-items:center;min-height:2.7rem;border:1px solid color-mix(in srgb,var(--tovs-button-text) 18%,transparent);color:var(--tovs-button-text);font-size:1.15rem;font-weight:700;line-height:1;letter-spacing:.035em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.to-video-story__badge{top:1.2rem;left:1.2rem;max-width:calc(100% - 2.4rem);overflow:hidden;padding:.65rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--tovs-accent) 87%,rgba(8,7,13,.92));box-shadow:0 .8rem 2rem color-mix(in srgb,var(--tovs-accent) 18%,transparent);text-overflow:ellipsis;white-space:nowrap}.to-video-story__duration{right:1.2rem;bottom:1.2rem;padding:.6rem .8rem;border-radius:.7rem;background:#07060bc2;font-variant-numeric:tabular-nums}.to-video-story__play{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:clamp(5.6rem,7vw,7.4rem);aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--tovs-button-text) 42%,transparent);border-radius:50%;color:var(--tovs-button-text);background:linear-gradient(135deg,color-mix(in srgb,var(--tovs-accent) 95%,#ffffff 5%),color-mix(in srgb,var(--tovs-accent) 62%,var(--to-pink, #d91f6d) 38%));box-shadow:0 1.2rem 3.5rem color-mix(in srgb,var(--tovs-accent) 34%,transparent),inset 0 1px #ffffff52;transform:translate(-50%,-50%);transition:transform .22s ease,box-shadow .22s ease}.to-video-story__play svg{width:2.4rem;height:2.4rem;margin-left:.25rem}.to-video-story__play-orbit{position:absolute;top:-.75rem;right:-.75rem;bottom:-.75rem;left:-.75rem;border:1px solid color-mix(in srgb,var(--tovs-accent) 38%,transparent);border-radius:50%;animation:tovs-orbit-pulse 2.8s ease-in-out infinite}.to-video-story__media:hover .to-video-story__play,.to-video-story__media:focus-visible .to-video-story__play{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 1.4rem 4rem color-mix(in srgb,var(--tovs-accent) 45%,transparent),inset 0 1px #fff6}.to-video-story__media:focus-visible,.to-video-story__cta:focus-visible,.to-video-player__close:focus-visible,.to-video-player__mute:focus-visible{outline:.25rem solid var(--tovs-accent);outline-offset:.3rem}.to-video-story__body{min-width:0;padding:clamp(1.7rem,2vw,2.4rem)}.to-video-story__title{margin:0;color:var(--tovs-text);font-size:clamp(1.8rem,1.6vw,2.3rem);font-weight:700;line-height:1.25;letter-spacing:-.018em}.to-video-story__cta{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.3rem;padding:.35rem 0;border:0;color:color-mix(in srgb,var(--tovs-accent) 84%,var(--tovs-text));background:transparent;font:inherit;font-size:1.45rem;font-weight:700;cursor:pointer}.to-video-story__cta svg{width:1.8rem;height:1.8rem;transition:transform .18s ease}.to-video-story__cta:hover svg{transform:translate(3px)}.to-video-story--placeholder{border-style:dashed;box-shadow:none}.to-video-story--placeholder .to-video-story__media{cursor:default}.to-video-story__empty-icon{position:absolute;z-index:3;top:50%;left:50%;width:6.4rem;height:6.4rem;padding:1.3rem;border:1px solid color-mix(in srgb,var(--tovs-accent) 40%,transparent);border-radius:1.6rem;color:color-mix(in srgb,var(--tovs-accent) 75%,var(--tovs-text));background:color-mix(in srgb,var(--tovs-card) 78%,transparent);transform:translate(-50%,-50%)}.to-video-story__empty-icon svg{width:100%;height:100%}.to-video-story__editor-note,.to-video-stories__empty-section{color:var(--tovs-muted);font-size:1.35rem;line-height:1.5}.to-video-story__editor-note{margin:.9rem 0 0}.to-video-stories__empty-section{margin:2rem 0 0;padding:1.3rem 1.6rem;border:1px dashed var(--tovs-border);border-radius:1rem;text-align:center}.to-video-player{--tovs-player-control-size: 4.6rem;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:max(2rem,env(safe-area-inset-top)) max(2rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(2rem,env(safe-area-inset-left));border:0;color:#fff;background:#050508e6;opacity:0;transition:opacity .24s ease,display .24s allow-discrete,overlay .24s allow-discrete;overscroll-behavior:contain}.to-video-player[open]{display:grid;place-items:center;opacity:1}.to-video-player::backdrop{background:#050508e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@starting-style{.to-video-player[open]{opacity:0}}.to-video-player__surface{position:relative;display:grid;max-width:100%;max-height:100%;place-items:center;transform:scale(.975);transition:transform .26s cubic-bezier(.2,.75,.25,1)}.to-video-player[open] .to-video-player__surface{transform:scale(1)}.to-video-player__host{display:grid;max-width:100%;max-height:100%;place-items:center}.to-video-player__frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:clamp(1rem,2vw,2rem);background:#050508;box-shadow:0 3rem 8rem #0000008c,0 0 5rem color-mix(in srgb,var(--tovs-accent) 14%,transparent)}.to-video-player__frame--16-9{width:min(92vw,120rem);max-width:calc(100vw - 4rem);aspect-ratio:16 / 9}.to-video-player__frame--9-16{width:min(49.5dvh,calc(100vw - 4rem),54rem);height:auto;max-height:calc(100dvh - 4rem);aspect-ratio:9 / 16}.to-video-player__native,.to-video-player__iframe{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#050508}.to-video-player__close,.to-video-player__mute{position:absolute;z-index:3;display:grid;width:var(--tovs-player-control-size);height:var(--tovs-player-control-size);place-items:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:#0c0b10c7;box-shadow:0 .8rem 2.4rem #00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:transform .18s ease,background .18s ease}.to-video-player__close{top:calc(var(--tovs-player-control-size) * -.42);right:calc(var(--tovs-player-control-size) * -.42)}.to-video-player__mute{right:1.2rem;bottom:1.2rem}.to-video-player__close:hover,.to-video-player__mute:hover{transform:scale(1.05);background:color-mix(in srgb,var(--tovs-accent) 70%,rgba(12,11,16,.88))}.to-video-player__close svg,.to-video-player__mute svg{width:2.2rem;height:2.2rem}.to-video-player__error{max-width:38rem;margin:1.6rem auto 0;color:#fff;font-size:1.4rem;text-align:center}body.to-video-player-open{overflow:hidden}@keyframes tovs-orbit-pulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.08;transform:scale(1.14)}}@media screen and (max-width:989px){.to-video-stories__grid{grid-template-columns:repeat(var(--tovs-columns-mobile),minmax(0,1fr))}.to-video-player{--tovs-player-control-size: 4.2rem;padding:max(5.4rem,env(safe-area-inset-top)) max(1.2rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.2rem,env(safe-area-inset-left))}.to-video-player__frame--16-9{width:calc(100vw - 2.4rem);max-width:calc(100vw - 2.4rem)}.to-video-player__frame--9-16{width:min(48.375dvh,calc(100vw - 2.4rem),46rem);height:auto;max-height:calc(100dvh - 7.4rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.to-video-player__close{top:calc(var(--tovs-player-control-size) * -1.18);right:0}}@media screen and (max-width:749px){.to-video-stories__section{padding-top:min(var(--tovs-padding-top),7.2rem);padding-bottom:min(var(--tovs-padding-bottom),7.2rem)}.to-video-stories__inner--full{padding-inline:1.5rem}.to-video-stories__header{margin-bottom:2.6rem}.to-video-story__body{padding:1.6rem}.to-video-stories[style*="--tovs-columns-mobile: 2"] .to-video-story__badge{max-width:calc(100% - 1.6rem);padding-inline:.75rem;font-size:1rem}.to-video-stories[style*="--tovs-columns-mobile: 2"] .to-video-story__title{font-size:1.5rem}.to-video-stories[style*="--tovs-columns-mobile: 2"] .to-video-story__cta{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.to-video-story,.to-video-story__poster img,.to-video-story__play,.to-video-story__cta svg,.to-video-player,.to-video-player__surface,.to-video-player__close,.to-video-player__mute{scroll-behavior:auto!important;transition-duration:.01ms!important}.to-video-story__play-orbit{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/to-video-stories.css.map */