.yo-shop{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--yo-bg:#f6faff;--yo-bg-soft:#e3f1ff;--yo-dot:#d3e5ff;--yo-surface:#fff;--yo-ink:#000867;--yo-ink-mid:#1b2577;--yo-ink-soft:#3a4a9a;--yo-outline:#000867;--yo-outline-soft:#c4dcff;--yo-button:#2440e6;--yo-button-top:#3d58f0;--yo-on-button:#fff;--yo-sky:#62bcff;--yo-sky-top:#9ad5ff;--yo-sky-edge:#1530d8;--yo-sky-pale:#e3f1ff;--yo-pastel-1:#e3f1ff;--yo-pastel-2:#fff7df;--yo-pastel-3:#fff1dc;--yo-pastel-4:#e2f7ec;--yo-pastel-5:#ece8ff;--yo-pastel-6:#ffe4ec;--yo-ghost:#0008672e;--yo-sparkle:#ff9a0a;--yo-sparkle-deep:#f0581a;--yo-catfish:#ffb81f;--yo-catfish-tint:#fff7df;--yo-good:#17734d;--yo-good-tint:#e2f7ec;--yo-danger:#c4304e;--yo-indigo:#2440e6;--yo-indigo-deep:#1530d8;--yo-indigo-soft:#62bcff;--yo-indigo-tint:#2440e61a;--yo-border:#c4dcff;--yo-border-strong:#000867;--yo-sparkle-tint:#fff1dc;--yo-pink:var(--yo-button);--yo-pink-deep:var(--yo-outline);--yo-pink-tint:var(--yo-bg-soft);--yo-surface-2:#faf9ff;--yo-indigo-tint-2:#2440e62e;--yo-success:#2cb37b;--yo-success-tint:#ddf5ea;--yo-warn:#f59e0b;--yo-warn-tint:#fef3c7;--yo-danger-deep:#c4304e;--yo-danger-tint:#fde4ea;--yo-cat-1:var(--yo-pastel-1);--yo-cat-2:var(--yo-pastel-2);--yo-cat-3:var(--yo-pastel-3);--yo-cat-4:var(--yo-pastel-4);--yo-cat-5:var(--yo-pastel-5);--yo-cat-6:var(--yo-pastel-6);--yo-cat-7:var(--yo-pastel-1);--yo-cat-8:var(--yo-pastel-2);color:var(--yo-ink);background-color:var(--yo-bg);min-height:100vh}.yo-shop-tile{border:2px solid var(--yo-outline);box-shadow:0 3px 0 var(--yo-outline-soft);background:#fff;border-radius:16px}.yo-shop-white{color:var(--yo-ink);border:2px solid var(--yo-outline);box-shadow:0 3px 0 var(--yo-outline);background:#fff;border-radius:16px}.yo-shop-press{transition:transform .12s,box-shadow .12s}.yo-shop-press:active{transform:translateY(2px)}.yo-shop-tile.yo-shop-press:active{box-shadow:0 1px 0 var(--yo-outline-soft)}.yo-shop-white.yo-shop-press:active{box-shadow:0 1px 0 var(--yo-outline)}.yo-sticker-btn.yo-shop-press:active{box-shadow:inset 0 2px 0 #ffffff59, 0 2px 0 var(--yo-outline)}.yo-sp{translate:-50% -50%;rotate:calc(var(--r) * 7deg);will-change:scale, rotate, opacity;display:block;position:absolute}@keyframes yo-sp-pop{0%{opacity:0;scale:0}13%{opacity:1;scale:1.2}22%{scale:.92}31%{scale:1.03}40%,60%{opacity:1;scale:1}76%,to{opacity:0;scale:0}}@keyframes yo-sp-turn{0%{rotate:calc(var(--r) * -55deg)}31%{rotate:calc(var(--r) * -4deg)}60%{rotate:calc(var(--r) * 6deg)}76%,to{rotate:calc(var(--r) * 70deg)}}@keyframes yo-sp-breathe{0%,to{opacity:.5;scale:.6}21%{opacity:1;scale:1.06}40%{opacity:.78;scale:.82}62%{opacity:1;scale:1}83%{opacity:.6;scale:.7}}@keyframes yo-sp-sway{0%,to{rotate:calc(var(--r) * -13deg)}50%{rotate:calc(var(--r) * 13deg)}}@keyframes yo-sp-glint{0%,54%,to{opacity:.42;scale:.48}63%{opacity:1;scale:1.24}71%{opacity:1;scale:.9}80%{opacity:.95;scale:1.05}90%{opacity:.55;scale:.6}}@keyframes yo-sp-kick{0%,54%,to{rotate:none}63%{rotate:calc(var(--r) * 24deg)}73%{rotate:calc(var(--r) * -9deg)}84%{rotate:calc(var(--r) * 3deg)}}@keyframes yo-sp-far{0%,to{opacity:.22;scale:.5}11%{opacity:1;scale:1}23%{opacity:.4;scale:.6}37%{opacity:.85;scale:.92}54%{opacity:.18;scale:.45}69%{opacity:.65;scale:.8}84%{opacity:.28;scale:.5}}.yo-sp-far{animation:yo-sp-far var(--t) ease-in-out var(--d) infinite, yo-sp-sway var(--t2) ease-in-out var(--d2) infinite}.yo-sp-pop{animation:yo-sp-pop var(--t) ease-in-out var(--d) infinite, yo-sp-turn var(--t) ease-in-out var(--d) infinite}.yo-sp-breathe{animation:yo-sp-breathe var(--t) ease-in-out var(--d) infinite, yo-sp-sway var(--t2) ease-in-out var(--d2) infinite}.yo-sp-glint{animation:yo-sp-glint var(--t) ease-in-out var(--d) infinite, yo-sp-kick var(--t) ease-in-out var(--d) infinite}@media (prefers-reduced-motion:reduce){.yo-shop-press{transition:none}.yo-shop-press:active{transform:none}.yo-sp{animation:none!important}}
