.sxp{display:block;position:relative;background:#0b0c10;color:#f3f4f6}.sxp__track{position:relative}.sxp__stage{position:sticky;top:var(--sxp-top, 0px);height:calc(100vh - var(--sxp-top, 0px));height:calc(100svh - var(--sxp-top, 0px));overflow:hidden;isolation:isolate}.header-sticky~.page-container .sxp{--sxp-top: 84px}@media(max-width:768px){.header-sticky~.page-container .sxp{--sxp-top: 69px}}.sxp__tree,.sxp__tree img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sxp__tree img{object-fit:cover;object-position:center;filter:brightness(.88) contrast(1.1)}.sxp__tree{opacity:0;z-index:0}.sxp .sxp__glow{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;mix-blend-mode:soft-light}.sxp__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.sxp__hero{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90%,42rem);text-align:center;pointer-events:none}.sxp__badge{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:.25rem .75rem;border:1px solid rgba(61,63,255,.3);border-radius:999px;background:#3d3fff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b6dff}.sxp__badge-dot{width:.5rem;height:.5rem;border-radius:999px;background:#3d3fff}.sxp__heading{margin:0 0 1rem;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:400;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.sxp__body{margin:0 auto 1.5rem;max-width:28rem;font-size:1rem;line-height:1.6;color:#d1d5db}.sxp__scroll-hint{display:inline-block;margin:0;padding:.5rem 1rem;border:1px solid rgba(61,63,255,.3);border-radius:999px;background:#0006;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#6b6dff}.sxp__hint{position:absolute;z-index:5;top:1.5rem;left:50%;transform:translate(-50%);margin:0;padding:.5rem 1rem;border:1px solid rgba(61,63,255,.5);border-radius:999px;background:#121124e6;box-shadow:0 0 25px #3d3fff66;font-size:.75rem;letter-spacing:.1em;color:#fff;opacity:0;transition:opacity .5s}.sxp__hint.is-visible{opacity:1}.sxp__dock{position:absolute;z-index:4;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;padding:.75rem .875rem;border:1px solid rgba(61,63,255,.3);border-radius:26px;background:#151228e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #000c,0 0 35px #3d3fff33;opacity:0;pointer-events:none}.sxp__swatch{width:58px;height:58px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 4px 12px #0006;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.sxp__swatch:hover{transform:translateY(-2px) scale(1.04)}.sxp__swatch.is-active{border-color:#3d3fff;box-shadow:0 0 24px #3d3fffd9,0 0 40px #3d3fff73;transform:scale(1.06)}.sxp__swatch--snow{background:linear-gradient(180deg,#090b10,#171a24 40%,#8e98a8 75%,#fff)}.sxp__swatch--candycane{background:repeating-linear-gradient(135deg,#b30018,#ff1a38 18px,#0003 18px 24px,#fff 24px 42px,#0003 42px 48px)}.sxp__swatch--rainbow{background:linear-gradient(180deg,#f0a,#b000ff,#0040ff 36%,#00d4ff,#0f5,#ffea00,#f20)}.sxp__swatch--sunset{background:linear-gradient(180deg,#ff7b00,#ff3700 42%,#f06 82%,#f09)}@media(min-width:640px){.sxp__swatch{width:68px;height:68px;border-radius:18px}}.sxp__cta{position:absolute;z-index:4;bottom:2.5rem;right:2rem;opacity:0;pointer-events:none}@media(max-width:749px){.sxp__cta{bottom:8.5rem;right:50%;transform:translate(50%)}}@media(prefers-reduced-motion:reduce){.sxp__track{height:auto!important}.sxp__stage{position:static;height:calc(100svh - var(--sxp-top, 0px))}.sxp__tree{opacity:1}.sxp__dock,.sxp__cta{opacity:1;pointer-events:auto}.sxp__hero{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/strings-experience.css.map */