.sp2x{--x-ink:#1F2A33;--x-pick:var(--x-acc);--x-ease:cubic-bezier(.22,.8,.24,1);display:grid;gap:18px;color:var(--x-ink);font-family:var(--sp-sans,"Inter",-apple-system,sans-serif)}.sp2x *{box-sizing:border-box}.sp2x__stage{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#f4f0e8;touch-action:pan-y;-webkit-user-select:none;user-select:none;box-shadow:0 1px #0000000a,0 18px 40px -28px #281e1459}.sp2x__svg{display:block;width:100%;height:100%}.sp2x__skip{position:absolute;top:10px;right:10px;min-height:44px;padding:0 18px;border-radius:999px;background:#fbfbf9f0;border:1px solid rgba(31,42,51,.18);color:var(--x-ink);font:500 13px/1 var(--sp-sans,sans-serif);letter-spacing:.04em;cursor:pointer}.sp2x__skip:focus-visible,.sp2x__act:focus-visible,.sp2x__opt:focus-visible,.sp2x__link:focus-visible,.sp2x__spot:focus-visible,.sp2x__send:focus-visible,.sp2x__range input:focus-visible{outline:2px solid var(--x-ink);outline-offset:3px}.sp2x__panel{min-width:0}.sp2x__kick{margin:0 0 6px;font:500 12px/1.4 var(--sp-sans,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--x-acc) 62%,#1A1918)}.sp2x .sp2x__title{margin:0;font-family:var(--sp-serif,"Cormorant Garamond",Garamond,serif);font-weight:500;font-size:clamp(1.7rem,6vw,2.3rem);line-height:1.08;letter-spacing:0;text-transform:none;color:inherit}.sp2x__dots{list-style:none;display:flex;gap:6px;margin:16px 0 0;padding:0}.sp2x__dots li{flex:0 0 32px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--x-ink) 16%,transparent);transition:background .5s var(--x-ease)}.sp2x__dots li.is-on{background:var(--x-acc)}.sp2x__say{min-height:2.6em;margin:12px 0 10px;font:500 1.25rem/1.35 var(--sp-serif,"Cormorant Garamond",serif)}.sp2x__step[hidden]{display:none}.sp2x__act{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 20px;overflow:hidden;border:1px solid var(--x-ink);border-radius:999px;background:var(--x-ink);color:#fbfbf9;font:500 15px/1.2 var(--sp-sans,sans-serif);letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .2s var(--x-ease)}.sp2x__act:active{transform:scale(.985)}.sp2x__act--hold{touch-action:none}.sp2x__act--ghost{background:transparent;color:var(--x-ink)}.sp2x__act[disabled]{cursor:default}.sp2x__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--x-acc) 88%,#000);transform:scaleX(var(--p,0));transform-origin:0 50%}.sp2x__lbl{position:relative}.sp2x__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.sp2x__opt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--x-ink) 32%,transparent);border-radius:999px;background:#fbfbf9;color:var(--x-ink);font:500 15px/1.2 var(--sp-sans,sans-serif);cursor:pointer;transition:background .25s,color .25s,border-color .25s}.sp2x__opt[aria-pressed=true]{background:var(--x-ink);border-color:var(--x-ink);color:#fbfbf9}.sp2x__opt[disabled]{opacity:.5;cursor:not-allowed;text-decoration:line-through}.sp2x__sw{flex:none;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.sp2x__sw--peony{background:radial-gradient(circle at 40% 35%,#fff,#ebd9cf)}.sp2x__sw--lis{background:radial-gradient(circle at 40% 35%,#f7dce7,#c8789e)}.sp2x__sw--rose{background:radial-gradient(circle at 40% 35%,#d8606b,#8e2633)}.sp2x__range{display:flex;align-items:center;gap:12px;min-height:56px;margin:0 0 8px;font:500 14px var(--sp-sans,sans-serif)}.sp2x__range input{flex:1 1 auto;min-width:0;height:44px;accent-color:var(--x-ink);cursor:pointer}.sp2x:not(.is-live) .sp2x__play,.sp2x:not(.is-live) .sp2x__skip,.sp2x:not(.is-live) .sp2x__more,.sp2x:not(.is-live) .sp2x__hint{display:none}.sp2x.is-live:not(.is-end) .sp2x__end{display:none}.sp2x.is-end .sp2x__play,.sp2x.is-end .sp2x__skip,.sp2x.is-end .sp2x__spot{display:none}.sp2x__end{outline:none;animation:sp2x-in .6s var(--x-ease)}.sp2x__donehead{margin:14px 0 12px;font:500 1.45rem/1.25 var(--sp-serif,"Cormorant Garamond",serif)}.sp2x__real{display:grid;grid-template-columns:40% minmax(0,1fr);gap:14px;align-items:start;margin:0 0 16px}.sp2x__real figure{margin:0}.sp2x__real img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:#eee9e0}.sp2x__real figcaption{margin-top:6px;font:500 12px/1.4 var(--sp-sans,sans-serif);color:color-mix(in srgb,var(--x-ink) 80%,transparent)}.sp2x__name{margin:0;font:500 1.35rem/1.2 var(--sp-serif,"Cormorant Garamond",serif)}.sp2x__choice{margin:4px 0 0;font:500 14px/1.4 var(--sp-sans,sans-serif)}.sp2x__note{margin:8px 0 0;font:400 14px/1.5 var(--sp-sans,sans-serif);color:color-mix(in srgb,var(--x-ink) 84%,transparent)}.sp2x__buy{margin:0}.sp2x__buy .sp-btn{width:100%;min-height:54px;font-size:14px;letter-spacing:.06em}.sp2x__ship{margin:8px 0 0;font:400 13px/1.5 var(--sp-sans,sans-serif);color:color-mix(in srgb,var(--x-ink) 82%,transparent)}.sp2x__more{display:flex;flex-wrap:wrap;gap:4px 20px;margin:10px 0 0}.sp2x__link{min-height:44px;padding:0;background:none;border:0;color:var(--x-ink);font:500 15px/1.2 var(--sp-sans,sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.sp2x__link[disabled]{opacity:.55;cursor:default}.sp2x__hint{margin:0;min-height:1.4em;font:400 13px/1.4 var(--sp-sans,sans-serif);color:color-mix(in srgb,var(--x-ink) 82%,transparent)}.sp2x__mail{margin:14px 0 0;padding:14px 0 0;border-top:1px solid color-mix(in srgb,var(--x-ink) 12%,transparent)}.sp2x__maill{display:block;margin:0 0 8px;font:500 14px/1.4 var(--sp-sans,sans-serif)}.sp2x__maill span{font-weight:400;color:color-mix(in srgb,var(--x-ink) 76%,transparent)}.sp2x__mailrow{display:flex;gap:8px}.sp2x__mailrow input{flex:1 1 auto;min-width:0;min-height:48px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--x-ink) 28%,transparent);border-radius:999px;background:#fbfbf9;color:var(--x-ink);font:400 16px var(--sp-sans,sans-serif)}.sp2x__mailrow input:focus-visible{outline:2px solid var(--x-ink);outline-offset:2px}.sp2x__send{flex:none;min-height:48px;min-width:76px;padding:0 18px;border:1px solid var(--x-ink);border-radius:999px;background:transparent;color:var(--x-ink);font:500 14px/1 var(--sp-sans,sans-serif);cursor:pointer}.sp2x__fine{margin:8px 0 0;font:400 13px/1.5 var(--sp-sans,sans-serif);color:color-mix(in srgb,var(--x-ink) 80%,transparent)}.sp2x .sp2r{margin-top:14px}@media(min-width:990px){.sp2x{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:center}.sp2x__real{grid-template-columns:170px minmax(0,1fr)}}.sp2x--vase .x-books{opacity:.32;transition:opacity 1s var(--x-ease)}.sp2x--vase.did-shelf .x-books,.sp2x--vase:not(.is-live) .x-books{opacity:1}.sp2x--vase .x-mv{transform:translate(calc(-32px * (1 - var(--x-shelf,0))),calc(12px * (1 - var(--x-shelf,0)))) scale(calc(1.15 - .15 * var(--x-shelf,0)));transition:transform 1.1s var(--x-ease)}.sp2x--vase.is-drag .x-mv{transition:none}.sp2x--vase:not(.is-live){--x-shelf:1;--x-pour:1}.sp2x--vase .x-water{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--x-pour,0))}.sp2x--vase .x-menisc{transform:translateY(calc(var(--x-pour,0) * -110px));opacity:calc(var(--x-pour,0) * 9)}.sp2x--vase .x-bub{opacity:0}.sp2x--vase.is-holding[data-at=pour] .x-bub{opacity:.8;animation:sp2x-rise 1.2s linear infinite}.sp2x--vase .x-edge{fill:none;stroke:#fff;stroke-opacity:.8;stroke-width:1.4;stroke-linecap:round}.sp2x--vase .x-jug{opacity:0;transition:opacity .4s}.sp2x--vase[data-at=pour] .x-jug{opacity:1}.sp2x--vase .x-stream{fill:none;stroke:#9cc0cd;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 7;opacity:0;transition:opacity .25s}.sp2x--vase.is-holding[data-at=pour] .x-stream{opacity:.95;animation:sp2x-flow .5s linear infinite}.sp2x--vase .x-st{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.2) translateY(20px);transition:opacity .6s var(--x-ease),transform 1.1s var(--x-ease)}.sp2x--vase[data-c-stems=peonies] .x-st--peonies,.sp2x--vase[data-c-stems=lisianthus] .x-st--lisianthus,.sp2x--vase[data-c-stems=roses] .x-st--roses,.sp2x--vase:not(.is-live) .x-st--peonies{opacity:1;transform:none}.sp2x--vase .x-stem{fill:none;stroke:#557560;stroke-width:1.8;stroke-linecap:round}.sp2x--vase .x-leaf{fill:#6f8f75}.sp2x--star .x-dusk{fill:#141a2e;opacity:0;transition:opacity 1.4s var(--x-ease)}.sp2x--star.did-light .x-dusk{opacity:.5}.sp2x--star .x-frame{fill:none;stroke:#fbfaf6;stroke-width:5}.sp2x--star .x-sill{fill:#e3d9c9}.sp2x--star .x-pos{transform:translate(200px,214px) scale(.6);transition:transform 1.2s var(--x-ease)}.sp2x--star.did-hang .x-pos,.sp2x--star:not(.is-live) .x-pos{transform:translate(200px,128px) scale(1)}.sp2x--star:not(.is-live){--x-unfold:1}.sp2x--star .x-string{stroke:#cfc6b6;stroke-width:1;opacity:0;transition:opacity .6s .6s}.sp2x--star.did-hang .x-string,.sp2x--star:not(.is-live) .x-string{opacity:1}.sp2x--star .x-glow{opacity:0;transition:opacity 1.4s var(--x-ease)}.sp2x--star.did-light .x-glow{opacity:1;animation:sp2x-breathe 3.6s ease-in-out infinite}.sp2x--star .x-f{stroke:#d6cdbd;stroke-width:.7;stroke-linejoin:round;transform:rotate(calc(var(--i) * 36deg * var(--x-unfold,0)));transition:fill 1.2s}.sp2x--star .x-f--d{fill:#e9e1d3}.sp2x--star.did-light .x-f{fill:#fff0cf}.sp2x--star.did-light .x-f--d{fill:#f2d497}.sp2x--lantern .x-dark{fill:#16130f;opacity:calc(var(--x-dim,0) * .78)}.sp2x--lantern .x-pat{opacity:var(--x-dim,0)}.sp2x--lantern .x-halo{opacity:0}.sp2x--lantern.did-light .x-halo{opacity:calc(.35 + .65 * var(--x-dim,0))}.sp2x--lantern .x-body{stroke:#d3cbbc;stroke-width:1}.sp2x--lantern .x-shade{fill:#16130f;opacity:calc(var(--x-dim,0) * .5)}.sp2x--lantern .x-knob{fill:none;stroke:#d3cbbc;stroke-width:2}.sp2x--lantern .x-door{fill:#3a332d;transition:fill .8s}.sp2x--lantern.did-light .x-door{fill:#8a5e32}.sp2x--lantern .x-candle .x-ctop{fill:#e6ded0}.sp2x--lantern .x-candle .x-wick{stroke:#4a3b2e;stroke-width:1.4}.sp2x--lantern .x-candle{fill:#f4efe6;opacity:0;transform:translateY(-90px);transition:transform .9s cubic-bezier(.3,1.3,.5,1),opacity .4s}.sp2x--lantern.did-candle .x-candle,.sp2x--lantern:not(.is-live) .x-candle{opacity:1;transform:none}.sp2x--lantern .x-flame{fill:#f6b94c;opacity:0;transform-box:fill-box;transform-origin:50% 100%;transition:opacity .5s}.sp2x--lantern.did-light .x-flame{opacity:1;animation:sp2x-flick 1.6s ease-in-out infinite}.sp2x--lantern .x-holes circle{fill:#d2c8b8;transition:fill .8s}.sp2x--lantern.did-light .x-holes circle{fill:#ffd27a}.sp2x .x-floor{fill:#ddd2c0}.sp2x .x-trunk{fill:#6b5442}.sp2x--bow .x-tree{opacity:.32;transition:opacity 1s var(--x-ease)}.sp2x--bow.did-crown .x-tree,.sp2x--bow:not(.is-live) .x-tree{opacity:1}.sp2x--bow .x-pos{transform:translate(200px,136px) scale(1.55);transition:transform 1.2s var(--x-ease)}.sp2x--bow.did-crown .x-pos,.sp2x--bow:not(.is-live) .x-pos{transform:translate(200px,80px) scale(1.1)}.sp2x--bow:not(.is-live){--x-tie:1}.sp2x--bow .x-loops{transform:scale(var(--x-tie,0))}.sp2x--bow .x-loop,.sp2x--bow .x-knot{fill:var(--x-pick);stroke:#0000003d;stroke-width:.8}.sp2x--bow .x-fold{fill:none;stroke:#0000003d;stroke-width:1}.sp2x--bow .x-tail{fill:none;stroke:var(--x-pick);stroke-width:9;stroke-dasharray:100px;stroke-dashoffset:calc((1 - var(--x-tie,0)) * 100px);transition:transform 1.2s var(--x-ease)}.sp2x--bow.did-crown .x-tail,.sp2x--bow:not(.is-live) .x-tail{transform:scaleY(1.62)}.sp2x--bow .x-pos{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.sp2x--baubles .x-b{opacity:0;transform:translateY(-26px);transition:transform .7s cubic-bezier(.3,1.5,.5,1) var(--d,0ms),opacity .35s var(--d,0ms)}.sp2x--baubles .x-b.on,.sp2x--baubles:not(.is-live) .x-b{opacity:1;transform:none}.sp2x--baubles .x-bf{fill:var(--x-pick);stroke:#0003;stroke-width:.6}.sp2x--baubles .x-cap{stroke:#b8964f;stroke-width:1.2}.sp2x__spot{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.sp2x__spot span{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;border:1.5px dashed rgba(251,251,249,.95);background:#fbfbf933;animation:sp2x-pulse 1.8s ease-in-out infinite}.sp2x__spot[hidden]{display:none}.sp2x .x-table{fill:#d9cdb7}.sp2x--tulips{--x-pick:#E6B3A8}.sp2x--tulips .x-stem{fill:none;stroke:#557560;stroke-width:2.2;stroke-linecap:round}.sp2x--tulips .x-lf{fill:#6f8f75}.sp2x--tulips .x-pl,.sp2x--tulips .x-pr{fill:color-mix(in srgb,var(--x-pick) 86%,#7A4A44);transition:transform .25s,fill .6s}.sp2x--tulips .x-pl{transform:rotate(calc(-30deg * var(--x-open,0)))}.sp2x--tulips .x-pr{transform:rotate(calc(30deg * var(--x-open,0)))}.sp2x--tulips .x-pm{fill:var(--x-pick);transition:fill .6s}.sp2x--tulips .x-tu--more{opacity:0;transform:translateY(24px);transition:opacity .6s var(--d,0ms),transform .9s var(--x-ease) var(--d,0ms)}.sp2x--tulips.did-more .x-tu--more,.sp2x--tulips:not(.is-live) .x-tu--more{opacity:1;transform:none}.sp2x--tulips:not(.is-live){--x-open:1}.sp2x--forest .x-wall{fill:#eef0ea}.sp2x--forest .x-tr{transform:translate(calc(var(--dx) * -.7)) scaleY(calc(.06 + .94 * var(--x-unfold,0)))}.sp2x--forest.did-unfold .x-tr{transition:transform .9s var(--x-ease) var(--d,0ms)}.sp2x--forest.did-spread .x-tr,.sp2x--forest:not(.is-live) .x-tr{transform:none}.sp2x--forest .x-tr path{fill:#f7f3ea;stroke:#cfc6b6;stroke-width:1;stroke-linejoin:round}.sp2x--forest .x-tr .x-crease{fill:none;stroke:#ddd4c4}.sp2x--bells .x-door{transform-origin:134px 0;transition:transform 1.3s var(--x-ease)}.sp2x--bells .x-panel{fill:none;stroke:#ffffff38;stroke-width:1.4}.sp2x--bells.did-open .x-door{transform:scaleX(.82)}.sp2x--bells .x-bells{opacity:0;transform:translateY(-18px);transition:opacity .5s,transform .9s cubic-bezier(.3,1.4,.5,1)}.sp2x--bells.did-hang .x-bells,.sp2x--bells:not(.is-live) .x-bells{opacity:1;transform:none}.sp2x--bells .x-rib{fill:#6e1e28}.sp2x--bells .x-bell{transform-origin:0 0}.sp2x--bells.did-open .x-bell{animation:sp2x-swing 1.3s ease-in-out 3 var(--d,0ms)}.sp2x--bells .x-ring{opacity:0}.sp2x--bells.did-open .x-ring{animation:sp2x-ring 1.3s ease-out 3}.sp2x--canopy .x-head{fill:#d8cbb4}.sp2x--canopy .x-bed{fill:#efe8dc}.sp2x--canopy .x-pillow{fill:#fbfaf6}.sp2x--canopy .x-rod{opacity:0;transform:translateY(-10px);transition:opacity .6s,transform .8s var(--x-ease)}.sp2x--canopy.did-hang .x-rod,.sp2x--canopy:not(.is-live) .x-rod{opacity:1;transform:none}.sp2x--canopy .x-gather{transition:opacity .6s}.sp2x--canopy .x-gather{opacity:calc(1 - var(--x-soft,0))}.sp2x--canopy .x-cano{opacity:var(--x-soft,0);transform:translateY(calc((1 - var(--x-soft,0)) * -60px))}.sp2x--canopy:not(.is-live){--x-soft:1}.sp2x--canopy .x-warm{opacity:0;transition:opacity 1.2s var(--x-ease)}.sp2x--canopy.did-warm .x-warm,.sp2x--canopy:not(.is-live) .x-warm{opacity:1}.sp2x--canopy .x-bulb{transition:fill .8s}.sp2x--canopy.did-warm .x-bulb{fill:#ffe3a6}@keyframes sp2x-flow{to{stroke-dashoffset:-15}}@keyframes sp2x-rise{0%{transform:translateY(0)}to{transform:translateY(-40px)}}@keyframes sp2x-flick{0%,to{transform:scale(1)}40%{transform:scale(.92,1.08)}70%{transform:scale(1.05,.96)}}@keyframes sp2x-breathe{0%,to{opacity:.86}50%{opacity:1}}@keyframes sp2x-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:.6}}@keyframes sp2x-swing{0%,to{transform:rotate(0)}30%{transform:rotate(10deg)}65%{transform:rotate(-8deg)}}@keyframes sp2x-ring{0%{opacity:0}25%{opacity:.9}to{opacity:0}}@keyframes sp2x-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sp2x *{transition-duration:.01ms!important;transition-delay:0ms!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sp2-ritual.css.map */