.vx-story{--ink:#171735;--violet:#7567ED;--deep:#6B5BD2;--mist:#ECE9FF;--lav:#CEC7F4;--green:#C2ED97;--cream:#F9F8F5;--line:#E6E4EF;--muted:#5f5d78;position:relative;background:var(--cream);color:var(--ink)}.vx-story *{box-sizing:border-box}.vx-wrap{max-width:1200px;margin:0 auto;padding:64px 16px}.vx-eyebrow{margin:0 0 12px;color:var(--violet);font:700 12px/1.2 var(--font-navigation,sans-serif);letter-spacing:.14em;text-transform:uppercase}.vx-title{margin:0;font:500 clamp(32px,5vw,52px)/1.04 var(--font-headline,sans-serif);letter-spacing:-.025em;color:var(--ink)}.vx-title em,.vx-h em{font-style:normal;color:var(--violet)}.vx-head{margin:0 0 32px}.vx-rail,.vx-fx{display:none}.vx-beats{display:grid;gap:24px}.vx-beat{display:grid;gap:16px;align-content:start;padding:16px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 48px -32px #17173547}.vx-fig{position:relative;margin:0;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:var(--mist)}.vx-fig img{display:block;width:100%;height:100%;object-fit:cover}.vx-cap{padding:8px 8px 12px}.vx-chip{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:var(--mist);color:var(--deep);font:700 12px/1 var(--font-navigation,sans-serif);letter-spacing:.1em;text-transform:uppercase}.vx-chip i{width:8px;height:8px;border-radius:50%;background:var(--c,var(--violet))}.vx-h{margin:0 0 8px;font:500 clamp(26px,3.2vw,40px)/1.08 var(--font-headline,sans-serif);letter-spacing:-.02em;color:var(--ink)}.vx-p{margin:0;max-width:460px;color:var(--muted);font:400 16px/1.55 var(--font-base,sans-serif)}.vx-cta{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:16px;padding:0 24px;border-radius:999px;background:var(--green);color:var(--ink);font:700 16px/1 var(--font-navigation,sans-serif);text-decoration:none;transition:transform .24s var(--pm-ease,cubic-bezier(.2,.7,.2,1)),box-shadow .24s}.vx-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px #17173566}.vx-cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(min-width:861px){.vx-wrap{padding:96px 32px}.vx-beats{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.vx-beat{padding:20px}}.vx-live{height:calc(100svh + var(--len-m,480) * 1svh)}.vx-live .vx-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding-top:var(--vx-top,64px)}.vx-live .vx-wrap{height:100%;padding:12px 16px 16px}.vx-live .vx-grid{display:grid;height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"rail" "media" "cap";gap:12px}.vx-live .vx-head{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0)}.vx-live .vx-beats,.vx-live .vx-beat{display:contents}.vx-live .vx-rail{grid-area:rail;display:block}.vx-live .vx-fx{display:block;grid-area:media;width:100%;height:100%;border-radius:20px;pointer-events:none;z-index:2}.vx-live .vx-fig{grid-area:media;width:100%;height:100%;aspect-ratio:auto;border-radius:20px;opacity:0;will-change:opacity;box-shadow:0 24px 48px -28px #17173566}.vx-live .vx-beat:first-child .vx-fig{opacity:1}.vx-live .vx-fig img{will-change:transform;transform:scale(1.04)}.vx-live .vx-cap{grid-area:cap;align-self:stretch;height:212px;overflow:hidden;padding:16px 20px 20px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 32px -24px #17173559;opacity:0;transform:translate3d(0,14px,0);pointer-events:none;transition:opacity .45s var(--pm-ease,ease),transform .6s var(--pm-ease,cubic-bezier(.2,.7,.2,1));z-index:3}.vx-live .vx-beat:first-child .vx-cap,.vx-live .vx-cap.is-on{opacity:1;transform:none;pointer-events:auto}.vx-live .vx-chip{margin-bottom:8px;padding:6px 12px}.vx-live .vx-h{font-size:24px}.vx-live .vx-p{font-size:15px;line-height:1.5}.vx-live .vx-cta{min-height:44px;margin-top:12px}.vx-track{height:8px;border-radius:8px;background:var(--ink);overflow:hidden}.vx-fill{display:block;height:100%;border-radius:8px;background:var(--green);transform-origin:0 50%;transform:scaleX(var(--p,0))}.vx-rail ol{display:flex;justify-content:space-between;gap:4px;margin:8px 0 0;padding:0;list-style:none}.vx-rail li{color:#8a88a3;font:700 11px/1 var(--font-navigation,sans-serif);letter-spacing:.08em;text-transform:uppercase;transition:color .3s}.vx-rail li.is-on{color:var(--ink)}@media(min-width:861px){.vx-live{height:calc(100svh + var(--len,640) * 1svh)}.vx-live .vx-pin{--vx-top:76px}.vx-live .vx-wrap{padding:16px 32px 32px}.vx-live .vx-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:". media" "head media" "rail media" "cap media" ". media";column-gap:64px;row-gap:0}.vx-live .vx-head{position:static;grid-area:head;width:auto;height:144px;margin:0 0 24px;overflow:visible;clip:auto}.vx-live .vx-rail{max-width:460px;margin-bottom:24px}.vx-live .vx-fig,.vx-live .vx-fx{height:100%;max-height:760px;width:auto;aspect-ratio:3/4;justify-self:center;align-self:center}.vx-live .vx-fx{width:auto}.vx-live .vx-cap{align-self:stretch;max-width:460px;height:252px;padding:24px 28px 28px;border-radius:24px}.vx-live .vx-h{font-size:clamp(28px,3vw,40px)}.vx-live .vx-p{font-size:17px}}@media(prefers-reduced-motion:reduce){.vx-cta{transition:none}}@media(max-width:767px){.vx-card .vx-wrap{padding:40px 16px 48px}.vx-card .vx-head{margin:0 0 24px}.vx-card .vx-beats{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:0;touch-action:pan-y}.vx-card .vx-beat{display:contents}.vx-card .vx-fig{grid-area:1/1;aspect-ratio:3/4;width:100%;border-radius:24px 24px 0 0;opacity:0;visibility:hidden;transition:opacity .4s var(--pm-ease,ease),visibility 0s .4s}.vx-card .vx-beat.is-on .vx-fig{opacity:1;visibility:visible;transition:opacity .4s var(--pm-ease,ease)}.vx-card .vx-cap{grid-area:2/1;margin:0;padding:24px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px;box-shadow:0 24px 48px -32px #17173547;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.vx-card .vx-beat.is-on .vx-cap{opacity:1;visibility:visible;transition:opacity .4s .1s}.vx-card .vx-h{font-size:26px}.vx-card .vx-cta{width:100%;justify-content:center}.vx-ctl{grid-area:1/1;position:relative;z-index:4;pointer-events:none;border-radius:24px 24px 0 0;overflow:hidden}.vx-segs{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;pointer-events:none}.vx-seg{flex:1;height:4px;border-radius:4px;background:#ffffff73;overflow:hidden}.vx-seg i{display:block;height:100%;background:var(--green);transform:scaleX(0);transform-origin:0 50%}.vx-seg.is-done i{transform:scaleX(1)}.vx-seg.is-cur i{animation:vx-seg var(--vx-ms,5.5s) linear forwards}.vx-seg.is-cur.is-manual i{animation:none;transform:scaleX(1)}.vx-ctl.is-held .vx-seg.is-cur i{animation-play-state:paused}@keyframes vx-seg{to{transform:scaleX(1)}}.vx-nav{position:absolute;top:28px;bottom:60px;width:34%;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.vx-nav--p{left:0}.vx-nav--n{right:0;width:66%}.vx-nav:focus-visible,.vx-pp:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.vx-pp{position:absolute;right:8px;bottom:8px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#171735b8;color:#fff;display:grid;place-items:center;pointer-events:auto;cursor:pointer}.vx-pp svg{width:18px;height:18px;display:block}.vx-pp .vx-i-play,.vx-pp[aria-pressed=true] .vx-i-pause{display:none}.vx-pp[aria-pressed=true] .vx-i-play{display:block}.vx-count{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:#171735b8;color:#fff;font:700 12px/1 var(--font-navigation,sans-serif);letter-spacing:.08em;pointer-events:none}.vx-card .vx-rail,.vx-card .vx-fx{display:none}.vx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.vx-card .vx-fig,.vx-card .vx-cap{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/vx-sachet-story.css.map */