.color-board[data-astro-cid-j3zgocpu]{flex-direction:column;gap:32px;padding-top:8px;display:flex}.color-row[data-astro-cid-j3zgocpu]{flex-direction:column;gap:12px;display:flex}.color-row[data-astro-cid-j3zgocpu] h2[data-astro-cid-j3zgocpu]{letter-spacing:.04em;margin:0;font-size:15px}.color-row[data-astro-cid-j3zgocpu] p[data-astro-cid-j3zgocpu]{color:var(--site-muted);margin:4px 0 0;font-size:12.5px;line-height:1.65}.color-chips[data-astro-cid-j3zgocpu]{flex-wrap:wrap;gap:18px 8px;display:flex;container-type:inline-size}.color-chip[data-astro-cid-j3zgocpu]{flex-direction:column;flex:none;width:calc(12.5cqi - 7px);max-width:100%;display:flex}.color-chip[data-astro-cid-j3zgocpu].is-wide{width:calc(25cqi - 6px)}.color-token[data-astro-cid-j3zgocpu],.color-use[data-astro-cid-j3zgocpu]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-token[data-astro-cid-j3zgocpu]{font:600 12px/1.35 var(--site-sans)}.color-use[data-astro-cid-j3zgocpu]{color:var(--site-muted);margin-bottom:8px;font-size:12px;line-height:1.35}.color-swatch[data-astro-cid-j3zgocpu]{border:1px solid var(--site-line);background-color:var(--swatch);border-radius:8px;height:56px;margin-top:auto;display:block;position:relative;overflow:hidden}html[data-theme=dark] .color-swatch[data-astro-cid-j3zgocpu]{background-color:var(--swatch-dark,var(--swatch))}.color-chip[data-astro-cid-j3zgocpu].has-hover:hover .color-swatch[data-astro-cid-j3zgocpu],.color-chip[data-astro-cid-j3zgocpu].has-hover:focus-within .color-swatch[data-astro-cid-j3zgocpu]{background-color:var(--swatch-hover);background-image:none}html[data-theme=dark] .color-chip[data-astro-cid-j3zgocpu].has-hover:hover .color-swatch[data-astro-cid-j3zgocpu],html[data-theme=dark] .color-chip[data-astro-cid-j3zgocpu].has-hover:focus-within .color-swatch[data-astro-cid-j3zgocpu]{background-color:var(--swatch-dark-hover,var(--swatch-hover));background-image:none}.color-hover[data-astro-cid-j3zgocpu]{opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.color-chip[data-astro-cid-j3zgocpu]:hover .color-hover[data-astro-cid-j3zgocpu],.color-chip[data-astro-cid-j3zgocpu]:focus-within .color-hover[data-astro-cid-j3zgocpu]{opacity:1;pointer-events:auto}.color-readout[data-astro-cid-j3zgocpu]{max-width:calc(100% - 8px);color:var(--ink,#fff);background:0 0;flex-direction:column;align-items:center;gap:3px;display:flex}html[data-theme=dark] .color-readout[data-astro-cid-j3zgocpu]{color:var(--ink-dark,var(--ink,#fff))}.color-line[data-astro-cid-j3zgocpu]{justify-content:center;align-items:center;gap:4px;max-width:100%;display:flex}.color-hex[data-astro-cid-j3zgocpu],.color-alpha[data-astro-cid-j3zgocpu],.color-state[data-astro-cid-j3zgocpu]{font:10px/1.2 var(--site-mono);color:inherit}.color-alpha[data-astro-cid-j3zgocpu]{opacity:.85}.hex-dark[data-astro-cid-j3zgocpu],html[data-theme=dark] .hex-light[data-astro-cid-j3zgocpu]{display:none}html[data-theme=dark] .hex-dark[data-astro-cid-j3zgocpu]{display:inline}.color-copy[data-astro-cid-j3zgocpu]{width:16px;height:16px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.color-copy[data-astro-cid-j3zgocpu] svg[data-astro-cid-j3zgocpu]{width:13px;height:13px}.color-copy[data-astro-cid-j3zgocpu] .ico-check[data-astro-cid-j3zgocpu],.color-copy[data-astro-cid-j3zgocpu].is-done .ico-copy[data-astro-cid-j3zgocpu]{display:none}.color-copy[data-astro-cid-j3zgocpu].is-done .ico-check[data-astro-cid-j3zgocpu]{display:block}.color-chip[data-astro-cid-j3zgocpu].is-seed .color-swatch[data-astro-cid-j3zgocpu]{border-width:2px;border-color:var(--site-text)}.color-chip[data-astro-cid-j3zgocpu].is-missing .color-swatch[data-astro-cid-j3zgocpu]{background:repeating-linear-gradient(-45deg,transparent,transparent 5px,var(--site-line) 5px,var(--site-line) 6px)}.color-swatch[data-astro-cid-j3zgocpu].is-alpha{background-image:linear-gradient(45deg,#00000014 25%,#0000 25% 75%,#00000014 75%),linear-gradient(45deg,#00000014 25%,#0000 25% 75%,#00000014 75%);background-position:0 0,5px 5px;background-size:10px 10px}@container (width<=640px){.color-chip[data-astro-cid-j3zgocpu]{width:calc(25cqi - 6px)}.color-chip[data-astro-cid-j3zgocpu].is-wide{width:calc(50cqi + 4px)}}@container (width<=360px){.color-chip[data-astro-cid-j3zgocpu],.color-chip[data-astro-cid-j3zgocpu].is-wide{width:calc(50cqi - 4px)}}.color-catalog-note[data-astro-cid-j3zgocpu]{color:var(--site-muted);margin:0;padding:12px 18px 0;font-size:12.5px;line-height:1.6}.tok-group[data-astro-cid-j3zgocpu]{overflow:hidden}.tok-table[data-astro-cid-j3zgocpu]{table-layout:fixed}.color-name-col[data-astro-cid-j3zgocpu]{width:40%}.color-value-col[data-astro-cid-j3zgocpu]{width:30%}.tok-table[data-astro-cid-j3zgocpu] th[data-astro-cid-j3zgocpu],.tok-table[data-astro-cid-j3zgocpu] td[data-astro-cid-j3zgocpu]{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tok-table[data-astro-cid-j3zgocpu] th[data-astro-cid-j3zgocpu]{font:11px var(--site-mono);color:var(--site-faint);padding:9px 18px}.swatch-row[data-astro-cid-j3zgocpu]{justify-content:flex-start;min-width:0;overflow:hidden}.swatch-tag[data-astro-cid-j3zgocpu]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tok-val[data-astro-cid-j3zgocpu]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}