:root{--xp-knit:#0c71b8;--xp-sky:#98cef0;--xp-white:#fcffff;--xp-lav:#8981b8;--xp-amber:#f8a32f;--xp-navy:#16254a}[data-experience] #nav-outer{display:none}[data-experience] body{background:var(--xp-navy)}.xp-root{width:100%;font-family:var(--font-nunito), system-ui, sans-serif;color:var(--xp-white);position:relative}.xp-stage{background:#000;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.xp-canvas,.xp-video,.xp-still{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.xp-video{opacity:0;max-width:none}.xp-layer{pointer-events:none;position:absolute;inset:0}.xp-layer>*{pointer-events:auto}.xp-cue{font-family:var(--font-fredoka), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fcffffcc;justify-items:center;gap:8px;font-size:14px;display:grid;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.xp-cue svg{transform-origin:50% 0;width:30px;height:44px;animation:2.4s ease-in-out infinite xp-swing}@keyframes xp-swing{0%,to{transform:rotate(-12deg)}50%{transform:rotate(8deg)}}.xp-menu{top:max(24px, env(safe-area-inset-top,0px));right:max(24px, env(safe-area-inset-right,0px));z-index:5;gap:12px;display:flex;position:absolute}.xp-mi{width:44px;height:44px;color:var(--xp-white);cursor:pointer;background:#fcffff24;border:1.5px solid #fcffffe6;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 4px 14px #00000040}.xp-mi svg{width:22px;height:22px}.xp-mi:focus-visible{outline:2px solid var(--xp-amber);outline-offset:2px}.xp-card{isolation:isolate;-webkit-backdrop-filter:blur(26px)saturate(170%)brightness(1.04);backdrop-filter:blur(26px)saturate(170%)brightness(1.04);opacity:0;background:linear-gradient(160deg,#3c568c57,#16254a80 55%,#0e183494),#16254a14;border:2px dashed #98cef080;border-radius:24px;gap:12px;width:min(480px,100vw - 48px);padding:16px;display:grid;position:absolute;transform:translateY(16px);box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 1px #ffffff1a,inset 0 -1px #ffffff0f,0 24px 60px #0000006b,0 2px 10px #00000040}.xp-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff3,#ffffff0a 38%,#0000 55%),radial-gradient(120% 90% at 100% 100%,#98cef024,#0000 60%);position:absolute;inset:0}@media (prefers-reduced-transparency:reduce){.xp-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#16254aeb}}.xp-card.book{width:400px;bottom:8%;right:4.4%}.xp-card.socks{width:420px;bottom:8%;left:4.4%}.xp-card.bundle{width:440px;top:6%;left:4.4%}.xp-card.pt2{width:440px;bottom:8%;right:4.4%}.xp-photo{position:relative}.xp-photo img{object-fit:cover;border:2px solid #fcffff38;border-radius:12px;width:100%;height:250px;display:block}.xp-photo.short img{height:210px}.xp-rib{font-family:var(--font-fredoka), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--xp-navy);background:var(--xp-sky);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:12px;left:12px}.xp-hang{z-index:2;transform-origin:12px;font-family:var(--font-fredoka), sans-serif;color:var(--xp-navy);background:var(--xp-amber);clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);white-space:nowrap;border-radius:12px 14px 14px 12px;padding:11px 16px 11px 30px;font-size:19px;font-weight:700;line-height:1;position:absolute;top:-18px;right:-6px;transform:rotate(7deg);box-shadow:0 8px 18px #0006}.xp-hang:before{content:"";background:var(--xp-navy);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:12px}.xp-hang small{opacity:.7;margin-bottom:2px;font-size:11px;font-weight:400;text-decoration:line-through;display:block}.xp-groups{gap:10px;display:grid}.xp-grp-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.xp-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.xp-mini>div{font-family:var(--font-fredoka), sans-serif;background:#0c71b833;border-radius:10px;align-items:center;gap:8px;padding:5px 8px 5px 5px;font-size:13px;font-weight:600;display:flex}.xp-mini img{object-fit:cover;border:1.5px solid #fcffff40;border-radius:7px;width:28px;height:28px}.xp-mini b{color:#c8d6f0;margin-left:auto;font-weight:400}.xp-row{align-items:center;gap:16px;display:flex}.xp-thumbs{flex:none;gap:8px;display:flex}.xp-thumbs img{object-fit:cover;border:2px solid #fcffff40;border-radius:16px;width:88px;height:88px}.xp-thumbs img.on{border-color:var(--xp-amber)}.xp-copy{flex:1;min-width:0}.xp-title{font-family:var(--font-artisanalerie), "Comic Sans MS", cursive;letter-spacing:.01em;color:var(--xp-sky);font-size:15px;font-weight:400;line-height:1.2}.xp-sub{color:#c8d6f0;margin-top:4px;font-size:14px;line-height:1.35}.xp-price{font-family:var(--font-fredoka), sans-serif;color:var(--xp-white);background:var(--xp-knit);white-space:nowrap;border-radius:14px 14px 14px 4px;flex:none;margin-left:auto;padding:8px 16px;font-size:24px;font-weight:600}.xp-price small{opacity:.75;margin-right:8px;font-size:16px;font-weight:400;text-decoration:line-through}.xp-btn{width:100%;display:flex}.xp-card.pt2.open{max-height:84%;overflow-y:auto}.xp-grow{flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.xp-card .vs-connect-actions .xp-btn{flex:1;width:auto}.xp-x{color:#fff;cursor:pointer;background:#ffffff1a;border:1.5px solid #fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.xp-x svg{width:18px;height:18px}.xp-opts{flex-wrap:wrap;gap:24px;display:flex}.xp-grp{gap:8px;display:grid}.xp-lbl{letter-spacing:.08em;text-transform:uppercase;color:#b9c8e8;margin-right:4px;font-size:11px;font-weight:600}.xp-pills{flex-wrap:wrap;gap:8px;display:flex}.xp-pill{font-family:var(--font-fredoka), sans-serif;color:var(--xp-white);cursor:pointer;background:#0c71b840;border:2px dashed #98cef099;border-radius:999px;padding:6px 13px;font-size:14px;font-weight:600}.xp-pill.on{background:var(--xp-knit);border-style:solid;border-color:#fff}.xp-pill:disabled{opacity:.4;cursor:not-allowed}.xp-items{gap:8px;display:grid}.xp-item{background:#0c71b82e;border-radius:16px;align-items:center;gap:16px;padding:8px 16px 8px 8px;display:flex}.xp-item img{object-fit:cover;border:2px solid #fcffff40;border-radius:12px;width:56px;height:56px}.xp-item .n{font-family:var(--font-fredoka), sans-serif;font-size:18px;font-weight:600}.xp-item .p{font-family:var(--font-fredoka), sans-serif;color:#c8d6f0;margin-left:auto;font-size:16px}.xp-free{background:var(--xp-amber);color:var(--xp-navy);font-family:var(--font-fredoka), sans-serif;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.xp-loading{font-family:var(--font-fredoka), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fcffffcc;background:#16254a8c;border-radius:999px;padding:10px 16px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.xp-card,.xp-card.book,.xp-card.socks,.xp-card.bundle,.xp-card.pt2{border-radius:20px;gap:14px;width:auto;padding:16px;inset:auto 12px 12px}.xp-card.pt2.open{max-height:calc(100% - 24px)}.xp-row{flex-wrap:wrap;gap:12px}.xp-photo img{height:150px}.xp-title{font-size:20px}.xp-sub{font-size:14px}.xp-price{padding:6px 12px;font-size:18px}}@media (prefers-reduced-motion:reduce){.xp-cue svg{animation:none}}
:root{--xpp-xt:.38s;--xpp-xe:cubic-bezier(.2, .8, .2, 1)}[data-experience] body:has(.xpp-root){overscroll-behavior:none;overflow:hidden}.xpp-root{color:var(--xp-white);font-family:var(--font-nunito), system-ui, sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;position:fixed;inset:0;overflow:hidden}.xpp-step{object-fit:cover;visibility:hidden;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.xpp-step.on{visibility:visible}.xpp-lights{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.xpp-root .xp-menu{z-index:8}.xpp-cue{left:50%;bottom:max(28px, calc(env(safe-area-inset-bottom,0px) + 16px));z-index:4;font-family:var(--font-fredoka), sans-serif;letter-spacing:.02em;color:var(--xp-white);text-shadow:0 1px 2px #080e22a6,0 0 .9em #080e2280;opacity:0;pointer-events:none;justify-items:center;gap:6px;font-size:15px;font-weight:600;transition:opacity .4s;display:grid;position:absolute;translate:-50%}.xpp-cue.on{opacity:1}.xpp-cue svg{width:22px;height:22px;animation:1.6s ease-in-out infinite xpp-nudge}@keyframes xpp-nudge{0%,to{translate:0 4px}50%{translate:0 -4px}}.xpp-card{z-index:3;font-size:calc(16px * var(--s,1));opacity:0;pointer-events:none;transition:opacity .3s,translate .3s;position:absolute;top:0;left:0;translate:0 12px}.xpp-card.on{opacity:1;pointer-events:auto;translate:0}.xpp-card.slide{transition:opacity .3s ease, translate .3s ease, top var(--xpp-xt) var(--xpp-xe)}.xpp-card.glass{isolation:isolate;-webkit-backdrop-filter:blur(6px)saturate(140%);backdrop-filter:blur(6px)saturate(140%);background:#ffffff12;border:2px dashed #98cef080;border-radius:1.25em;box-shadow:inset 0 1px #ffffff73}@media (prefers-reduced-transparency:reduce){.xpp-card.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#16254af0}}.xpp-box{gap:.875em;padding:1em;display:grid}.xpp-photo{position:relative}.xpp-photo img{object-fit:cover;border-radius:.75em;width:100%;max-width:100%;height:9.375em;display:block}.xpp-photo.big img{aspect-ratio:3/2;height:auto}.xpp-photo.square img{aspect-ratio:1;width:min(15em,100%);height:auto}.xpp-card.slide .xpp-photo img{transition:height var(--xpp-xt) var(--xpp-xe), width var(--xpp-xt) var(--xpp-xe)}.xpp-card .xp-rib{padding:.5em .9em;font-size:.6875em;top:.625em;left:.625em}.xpp-card .xp-hang{transform-origin:.63em;clip-path:polygon(.74em 0,100% 0,100% 100%,.74em 100%,0 50%);border-radius:.63em .74em .74em .63em;padding:.58em .84em .58em 1.58em;font-size:1.1875em;top:-.95em;right:-.32em}.xpp-card .xp-hang:before{width:.42em;height:.42em;margin-top:-.21em;left:.63em}.xpp-card .xp-hang small{margin-bottom:.2em;font-size:.58em}.xpp-title{font-family:var(--font-artisanalerie), "Comic Sans MS", cursive;letter-spacing:.01em;color:var(--xp-sky);text-wrap:balance;font-size:1.25em;line-height:1.2}.xpp-sub{color:#eef4ff;margin-top:.3em;font-size:.875em;line-height:1.35}.xpp-title,.xpp-sub,.xpp-card .xp-lbl,.xpp-card .xp-grp-row>p,.xpp-mini,.xpp-card .vs-connect-field label,.xpp-card .vs-connect-note{text-shadow:0 1px 2px #080e22a6,0 0 .9em #080e2280}.xpp-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375em;display:grid}.xpp-mini>div{min-width:0;font-family:var(--font-fredoka), sans-serif;color:var(--xp-white);background:#0c71b84d;border-radius:.75em;align-items:center;gap:.5em;padding:.35em;font-size:.8125em;font-weight:600;display:flex}.xpp-mini img{object-fit:cover;border-radius:.55em;flex:none;width:2.6em;height:2.6em}.xpp-mini b{margin-left:auto;font-weight:600}.xpp-free{color:var(--xp-amber);margin-left:auto;font-weight:700}.xpp-card.tight .xpp-sub,.xpp-card.tight .xpp-mini{display:none}.xpp-extra{height:0;transition:height var(--xpp-xt) var(--xpp-xe);overflow:hidden}.xpp-extra-in{gap:.875em;padding-bottom:.875em;display:grid}.xpp-extra-in:empty{padding:0}.xpp-card .xp-groups{gap:.875em}.xpp-card .xp-grp-row{gap:.375em;display:grid}.xpp-card .xp-lbl{letter-spacing:.1em;color:var(--xp-sky);margin:0;font-size:.6875em;font-weight:700}.xpp-card .xp-pills{gap:.375em}.xpp-card .xp-pill{min-height:2.5em;padding:.43em .93em;font-size:.875em}.xpp-act{align-items:stretch;display:flex}.xpp-card.sequel.held .xpp-act{display:none}.xpp-card .xp-btn{flex:1;min-width:0;min-height:3.25em}.xpp-less{opacity:0;width:0;color:var(--xp-white);cursor:pointer;transition:width var(--xpp-xt) var(--xpp-xe), margin var(--xpp-xt) var(--xpp-xe), opacity .2s ease;background:#fcffff1a;border:1.5px solid #fcffff80;border-radius:1.1em;flex:none;place-items:center;margin-right:0;padding:0;display:grid;overflow:hidden}.xpp-less svg{width:1.2em;height:1.2em}.xpp-card.open .xpp-act .xpp-less{opacity:1;width:3.75em;margin-right:.5em}.xpp-card .vs-connect-form{gap:.75em}.xpp-card .vs-connect-actions{flex-direction:row-reverse;align-items:stretch;gap:.5em}.xpp-card .vs-connect-actions .xp-btn{flex:1;width:auto}.xpp-card .vs-connect-actions .xpp-less,.xpp-card .vs-connect-done .xpp-less{opacity:1;width:3.75em;min-height:3.25em}.xpp-card .vs-connect-done{grid-template-columns:minmax(0,1fr) auto;align-items:center}.xpp-card .vs-connect-field label{font-size:.875em}.xpp-card .vs-connect-field input{-webkit-user-select:text;user-select:text;min-height:3em}@media (prefers-reduced-motion:reduce){.xpp-card,.xpp-card.slide,.xpp-card.slide .xpp-photo img,.xpp-extra,.xpp-less{transition:none}.xpp-cue svg{animation:none}}.xpp-boot{background:#000;position:fixed;inset:0}