.chromatic-goo-module__RGsJJq__root{--surface:#f2f2f5;--edge:#0000000d;--surface-2:#fff;--line:#00000014;--ink:#141416;--ink-muted:#66666e;--ink-faint:#6c6c74;--label:#6c6c74;--secondary:#f0f0f3;--secondary-ink:#4a4a51;--accent-ink:#fff;--focus:#141416;--ring:#141416d9;--shadow:#00000059;--foam:#fff;--radius:22px;--ease-out:cubic-bezier(.22, 1, .36, 1);background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:18px;font:400 14px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.chromatic-goo-module__RGsJJq__root{--surface:light-dark(#f2f2f5,#0c0c0e);--edge:light-dark(#0000000d,#0000);--surface-2:light-dark(#fff,#141416);--line:light-dark(#00000014,#ffffff12);--ink:light-dark(#141416,#fff);--ink-muted:light-dark(#66666e,#7a7a81);--ink-faint:light-dark(#6c6c74,#66666d);--label:light-dark(#6c6c74,#5d5d64);--secondary:light-dark(#f0f0f3,#1e1e21);--secondary-ink:light-dark(#4a4a51,#b3b3b9);--focus:light-dark(#141416,#fff);--ring:light-dark(#141416d9,#ffffffe6);--shadow:light-dark(#00000059,#000c)}}.chromatic-goo-module__RGsJJq__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.chromatic-goo-module__RGsJJq__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.chromatic-goo-module__RGsJJq__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.chromatic-goo-module__RGsJJq__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.chromatic-goo-module__RGsJJq__root:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--edge);pointer-events:none;position:absolute;inset:0}.chromatic-goo-module__RGsJJq__root[data-grabbing],.chromatic-goo-module__RGsJJq__root[data-grabbing] *{cursor:grabbing}.chromatic-goo-module__RGsJJq__stage{flex-direction:column;align-items:center;gap:22px;padding:24px 16px 28px;display:flex}.chromatic-goo-module__RGsJJq__palette{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.chromatic-goo-module__RGsJJq__paletteLabel{letter-spacing:.22em;text-transform:uppercase;color:var(--label);font-size:10px;font-weight:500}.chromatic-goo-module__RGsJJq__dots{gap:8px;display:flex}.chromatic-goo-module__RGsJJq__dot{background:var(--dot);cursor:grab;touch-action:none;width:30px;height:30px;transition:transform .2s var(--ease-out), opacity .2s ease, box-shadow .2s ease;border:0;border-radius:50%;padding:0}@media (hover:hover){.chromatic-goo-module__RGsJJq__dot:hover{transform:scale(1.08)}}.chromatic-goo-module__RGsJJq__dot[data-ghost]{opacity:.22;transform:none}.chromatic-goo-module__RGsJJq__dot[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ring);transform:scale(1.1)}.chromatic-goo-module__RGsJJq__dot:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.chromatic-goo-module__RGsJJq__cards{flex-direction:column;gap:14px;width:100%;max-width:400px;display:flex}.chromatic-goo-module__RGsJJq__card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:default;margin:0;padding:0;transition:border-color .2s,box-shadow .2s;display:block;position:relative}.chromatic-goo-module__RGsJJq__card[data-target],.chromatic-goo-module__RGsJJq__card[data-armed]:focus-visible{border-color:color-mix(in srgb, var(--drop) 60%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--drop) 14%, transparent)}@media (hover:hover){.chromatic-goo-module__RGsJJq__card[data-armed]:hover{border-color:color-mix(in srgb, var(--drop) 60%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--drop) 14%, transparent)}}.chromatic-goo-module__RGsJJq__card[data-armed]{cursor:pointer}.chromatic-goo-module__RGsJJq__card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.chromatic-goo-module__RGsJJq__face{--accent-text:color-mix(in oklab, var(--accent) 75%, #141416);border-radius:calc(var(--radius) - 1px);flex-direction:column;align-items:flex-start;padding:26px;display:flex}@supports (color:light-dark(#fff, #000)){.chromatic-goo-module__RGsJJq__face{--accent-text:light-dark(color-mix(in oklab, var(--accent) 75%, #141416),var(--accent))}}.chromatic-goo-module__RGsJJq__face[data-theme=drained]{opacity:.5}.chromatic-goo-module__RGsJJq__newFace{background:var(--surface-2);visibility:hidden;position:absolute;inset:0}.chromatic-goo-module__RGsJJq__newFace[data-active]{visibility:visible}.chromatic-goo-module__RGsJJq__tile{background:color-mix(in srgb, var(--accent) 13%, var(--surface-2));width:44px;height:44px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.chromatic-goo-module__RGsJJq__tile svg{width:22px;height:22px}.chromatic-goo-module__RGsJJq__title{letter-spacing:-.01em;margin-top:22px;font-size:18px;font-weight:600;line-height:1.3}.chromatic-goo-module__RGsJJq__text{color:var(--ink-muted);margin-top:8px;font-size:14.5px;line-height:1.55}.chromatic-goo-module__RGsJJq__stats{gap:26px;margin-top:22px;display:flex}.chromatic-goo-module__RGsJJq__stat{flex-direction:column;display:flex}.chromatic-goo-module__RGsJJq__value{letter-spacing:-.02em;color:var(--accent-text);font-size:28px;font-weight:600;line-height:1.1}.chromatic-goo-module__RGsJJq__label{color:var(--ink-faint);margin-top:5px;font-size:12.5px}.chromatic-goo-module__RGsJJq__actions{grid-template-columns:1fr 1fr;align-self:stretch;gap:10px;margin-top:26px;display:grid}.chromatic-goo-module__RGsJJq__primary,.chromatic-goo-module__RGsJJq__secondary{border-radius:10px;place-items:center;height:40px;font-size:14px;font-weight:600;display:grid}.chromatic-goo-module__RGsJJq__primary{background:var(--accent-fill);color:var(--accent-ink)}.chromatic-goo-module__RGsJJq__secondary{background:var(--secondary);color:var(--secondary-ink);font-weight:500}.chromatic-goo-module__RGsJJq__canvas{border-radius:calc(var(--radius) - 1px);width:100%;height:100%;color:var(--foam);pointer-events:none;position:absolute;inset:0}.chromatic-goo-module__RGsJJq__floater{z-index:2;background:var(--dot);width:36px;height:36px;box-shadow:0 12px 28px -10px var(--shadow);pointer-events:none;visibility:hidden;border-radius:50%;position:absolute;top:0;left:0}.chromatic-goo-module__RGsJJq__floater[data-shown]{visibility:visible}.chromatic-goo-module__RGsJJq__cursor{z-index:3;pointer-events:none;opacity:0;width:22px;height:22px;transition:opacity .3s;position:absolute;top:0;left:0;overflow:visible}.chromatic-goo-module__RGsJJq__cursor path{fill:#fff;stroke:#111;stroke-width:1.2px;stroke-linejoin:round;transform-origin:3px 2px;transition:transform .12s}.chromatic-goo-module__RGsJJq__cursor[data-state=shown],.chromatic-goo-module__RGsJJq__cursor[data-state=pressed]{opacity:1}.chromatic-goo-module__RGsJJq__cursor[data-state=pressed] path{transform:scale(.86)}.chromatic-goo-module__RGsJJq__hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (min-width:700px){.chromatic-goo-module__RGsJJq__stage{flex-direction:row;justify-content:center;gap:clamp(28px,4.5cqi,48px);min-height:560px;padding:40px 32px}.chromatic-goo-module__RGsJJq__palette{flex-flow:column;gap:16px}.chromatic-goo-module__RGsJJq__dots{flex-direction:column;gap:12px}.chromatic-goo-module__RGsJJq__dot{width:36px;height:36px}.chromatic-goo-module__RGsJJq__cards{flex-direction:row;flex:0 660px;gap:20px;width:auto;min-width:0;max-width:none}.chromatic-goo-module__RGsJJq__card{flex:1 1 0}}@media (prefers-reduced-motion:reduce){.chromatic-goo-module__RGsJJq__dot,.chromatic-goo-module__RGsJJq__card,.chromatic-goo-module__RGsJJq__cursor,.chromatic-goo-module__RGsJJq__cursor path{transition:none}}