.color-scale.svelte-ciy9eb{display:flex;gap:var(--v-space-s)}.copy-color.svelte-ciy9eb{min-width:4rem;height:4rem;border-radius:var(--v-radius);border:1px solid var(--v-color-border);cursor:pointer}.copy-color-icon.svelte-ciy9eb{display:none}@media(pointer:fine){.copy-color.svelte-ciy9eb:hover .copy-color-icon:where(.svelte-ciy9eb){display:inline-block}}.tokens.svelte-bxh4z3{display:flex;flex-direction:column;gap:var(--v-space-l)}.tokens-header.svelte-bxh4z3{display:none;grid-template-columns:1fr 1fr 1fr}.token.svelte-bxh4z3{display:flex;flex-direction:column;gap:var(--v-space-m);border:1px solid var(--v-color-border);border-radius:var(--v-radius);padding:var(--v-space-s);background-color:var(--v-color-surface)}.token-example.svelte-bxh4z3{display:flex;justify-content:center;align-items:center;width:100%;height:4rem;border-radius:var(--v-radius);border:1px solid var(--v-color-border);overflow:hidden}@media(min-width:700px){.tokens.svelte-bxh4z3{gap:var(--v-space-s)}.tokens-header.svelte-bxh4z3{display:grid}.token.svelte-bxh4z3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;align-items:center}.token-example.svelte-bxh4z3{width:4rem;height:4rem;border-radius:var(--v-radius)}}