.skinora-video-story{background:var(--vs-bg, var(--paper-0));padding-block:var(--space-section-md);color:var(--ink-700)}.skinora-video-story__inner{max-width:var(--lp-w-wide);margin-inline:auto;padding-inline:var(--space-4);display:grid;gap:var(--space-6)}.skinora-video-story__frame{position:relative;width:100%;aspect-ratio:var(--vs-ratio, 4 / 5);overflow:hidden;border-radius:var(--media-radius, 0);background:var(--paper-150)}.skinora-video-story__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;object-position:var(--vs-focus, 50% 50%);background-size:cover;background-position:var(--vs-focus, 50% 50%)}.skinora-video-story__play,.skinora-video-story__sound{position:absolute;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;color:var(--paper-0);background:color-mix(in srgb,var(--ink-900) 72%,transparent);transition:background-color .2s ease}.skinora-video-story__play:hover,.skinora-video-story__sound:hover{background:var(--ink-900)}.skinora-video-story__play:focus-visible,.skinora-video-story__sound:focus-visible{outline:2px solid var(--paper-0);outline-offset:2px;box-shadow:0 0 0 4px var(--ink-900)}.skinora-video-story__play{top:50%;left:50%;width:var(--space-8);height:var(--space-8);border-radius:50%;transform:translate(-50%,-50%)}.skinora-video-story__play[hidden]{display:none}.skinora-video-story__unmute{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border:0;padding:0;cursor:pointer;background:transparent;color:var(--paper-0)}.skinora-video-story__unmute[hidden]{display:none}.skinora-video-story__unmute-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding-left:var(--space-1);border-radius:50%;background:color-mix(in srgb,var(--ink-900) 72%,transparent);transition:background-color .2s ease,transform .2s ease}.skinora-video-story__unmute-label{padding:var(--space-1) var(--space-3);border-radius:999px;background:color-mix(in srgb,var(--ink-900) 72%,transparent);font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-relaxed)}.skinora-video-story__unmute:hover .skinora-video-story__unmute-icon{background:var(--ink-900);transform:scale(1.05)}.skinora-video-story__unmute:focus-visible{outline:none}.skinora-video-story__unmute:focus-visible .skinora-video-story__unmute-icon{outline:2px solid var(--paper-0);outline-offset:2px;box-shadow:0 0 0 4px var(--ink-900)}@media(prefers-reduced-motion:reduce){.skinora-video-story__unmute-icon{transition:none}.skinora-video-story__unmute:hover .skinora-video-story__unmute-icon{transform:none}}.skinora-video-story__sound{right:var(--space-3);bottom:var(--space-3);gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:999px;font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-none)}.skinora-video-story__icon-sound,.skinora-video-story__sound[aria-pressed=true] .skinora-video-story__icon-muted{display:none}.skinora-video-story__sound[aria-pressed=true] .skinora-video-story__icon-sound{display:block}.skinora-video-story__endcard{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:color-mix(in srgb,var(--ink-900) 62%,transparent);text-align:center}.skinora-video-story__endcard[hidden]{display:none}.skinora-video-story__replay{min-height:44px;padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--paper-0);font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-relaxed);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.skinora-video-story__replay:focus-visible{outline:2px solid var(--paper-0);outline-offset:2px}.skinora-video-story__eyebrow{margin:0 0 var(--space-3);font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-500)}.skinora-video-story__heading{margin:0 0 var(--space-4);font-family:var(--ff-serif);font-size:var(--fs-3xl);font-weight:var(--fw-regular);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--ink-900)}.skinora-video-story__text{max-width:var(--measure-intro);font-family:var(--ff-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--ink-700)}.skinora-video-story__text>*{margin:0 0 var(--space-4)}.skinora-video-story__steps{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;gap:var(--space-4)}.skinora-video-story__step{display:grid;grid-template-columns:var(--space-6) 1fr;gap:var(--space-3);align-items:start}.skinora-video-story__step-num{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border:1px solid var(--hairline);border-radius:50%;font-family:var(--ff-serif);font-size:var(--fs-sm);line-height:var(--lh-none);color:var(--ink-900)}.skinora-video-story__step-title{margin:var(--space-1) 0 0;font-family:var(--ff-sans);font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--ink-900)}.skinora-video-story__step-text{margin:var(--space-1) 0 0;font-family:var(--ff-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--ink-500)}.skinora-video-story__cta{margin-top:var(--space-6)}.skinora-video-story__note{margin:var(--space-3) 0 0;font-family:var(--ff-sans);font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--ink-500)}@media screen and (min-width:750px){.skinora-video-story__inner{padding-inline:var(--lp-gutter);grid-template-columns:45fr 55fr;align-items:center;gap:var(--space-8)}.skinora-video-story__media{width:100%;max-width:calc(80svh * var(--vs-ratio-num, .8));justify-self:center}.skinora-video-story--media-right .skinora-video-story__inner{grid-template-columns:55fr 45fr}.skinora-video-story--media-right .skinora-video-story__media{order:2}.skinora-video-story--no-media .skinora-video-story__inner{grid-template-columns:minmax(0,var(--lp-w-narrow));justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-skinora-video-story.css.map */