.color-picker-card-preview{align-content:center;gap:10px;padding:16px;display:grid}.color-picker-card-swatch-row{background:#fff;border:1px solid #e4e4e9;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;display:flex}.color-picker-card-chip{background:#315efb;border-radius:6px;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-card-name{flex:auto;gap:1px;min-width:0;display:grid}.color-picker-card-name small{color:#91919b;font-size:7px;font-weight:700}.color-picker-card-name b{color:#42424c;font-size:10px;font-weight:750}.color-picker-card-hex{color:#2a2a32;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;background:#f2f2f5;border-radius:4px;flex:none;padding:3px 6px;font-size:8px;font-weight:700}.color-picker-card-stage{align-items:center;gap:8px;display:flex}.color-picker-card-preview-btn{color:#fff;background:#315efb;border-radius:5px;align-items:center;padding:4px 10px;font-size:8px;font-weight:750;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-card-cbname{color:#55555f;background:#f0f0f4;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:7px;font-weight:700}.color-picker-card-conclusion{color:#5b5b65;text-align:center;margin:0;font-size:8px;line-height:1.5}.color-picker-card-conclusion b{color:#2a2a32;font-weight:750}.term-interactive-demo.color-picker-lab-demo{background:#fbfbfc;border:1px solid #e1e1e6;gap:14px}.color-picker-lab-demo .color-picker-lab-brief{color:#595963;margin:0;font-size:13px;line-height:1.6}.color-picker-lab-demo .color-picker-lab-brief b{color:#2a2a32;font-weight:750}.color-picker-lab-demo button:focus-visible,.color-picker-lab-demo input:focus-visible{outline-offset:2px;outline:2px solid #2a2a32}.color-picker-lab-object{background:#fff;border:1px solid #dedee4;border-radius:10px;gap:12px;padding:16px;transition:border-color .15s ease-out,background-color .15s ease-out;display:grid}.color-picker-lab-object.is-error{background:#fbe9eb;border-color:#a83a44}.color-picker-lab-object-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.color-picker-lab-object-label{color:#6a6a74;font-size:13px;font-weight:750}.color-picker-lab-object-state{align-items:center;gap:7px;display:inline-flex}.color-picker-lab-object-state b{color:#2a2a32;font-size:13px;font-weight:750}.is-error .color-picker-lab-object-state b{color:#a83a44}.color-picker-lab-object-state em{color:#55555f;background:#f0f0f4;border-radius:99px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.color-picker-lab-swatch-block{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-picker-lab-swatch{border-radius:10px;flex:none;width:52px;height:52px;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-lab-swatch[data-cb=on]{filter:grayscale(.9)}.color-picker-lab-swatch-meta{flex:auto;gap:2px;min-width:80px;display:grid}.color-picker-lab-name{color:#2a2a32;font-size:16px;font-weight:800}.color-picker-lab-cbname{color:#6a6a74;font-size:12px;font-weight:650}.color-picker-lab-hex-block{flex:none;align-items:center;gap:8px;display:inline-flex}.color-picker-lab-hex{color:#2a2a32;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.02em;background:#f2f2f5;border-radius:7px;padding:5px 9px;font-size:14px;font-weight:700}.color-picker-lab-demo .color-picker-lab-copy{color:#4a4a54;min-height:32px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.color-picker-lab-demo .color-picker-lab-copy:hover{color:#2a2a32;border-color:#2a2a32}.color-picker-lab-preview-row{background:#fafafb;border:1px dashed #e2e2e8;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;display:flex}.color-picker-lab-preview-btn{border-radius:8px;align-items:center;padding:8px 16px;font-size:14px;font-weight:750;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001f}.color-picker-lab-preview-link{font-size:14px;font-weight:700;text-decoration:underline}.color-picker-lab-ratio{color:#2f6a45;background:#e9f4ee;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.color-picker-lab-ratio b{font-weight:800}.color-picker-lab-ratio em{font-style:normal}.color-picker-lab-ratio.is-low{color:#a83a44;background:#fbe9eb}.color-picker-lab-controls{gap:12px;display:grid}.color-picker-lab-presets{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:8px;display:grid}.color-picker-lab-demo .color-picker-swatch{color:#4a4a54;font:inherit;text-align:left;background:#fff;border:1px solid #dedee4;border-radius:8px;grid-template-columns:26px 1fr;align-items:center;column-gap:10px;padding:9px 12px;font-size:12px;transition:border-color .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out;display:grid;position:relative}.color-picker-lab-demo .color-picker-swatch>i{border-radius:6px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-lab-demo .color-picker-swatch>i[data-cb=on]{filter:grayscale(.9)}.color-picker-swatch-text{gap:1px;min-width:0;display:grid}.color-picker-swatch-name{color:#2a2a32;font-size:12.5px;font-weight:750}.color-picker-swatch-hex{color:#7a7a84;font-size:10.5px;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace}.color-picker-swatch-check{color:var(--ink);position:absolute;top:6px;right:8px}.color-picker-lab-demo .color-picker-swatch:hover:not([aria-pressed=true]){color:#2a2a32;border-color:#b9b9c2}.color-picker-lab-demo .color-picker-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:#f4f4f7}.color-picker-lab-demo .color-picker-swatch[aria-pressed=true] .color-picker-swatch-name{color:var(--ink)}.color-picker-lab-input-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-picker-lab-input-row label{color:#6a6a74;font-size:12px;font-weight:750}.term-interactive-demo.color-picker-lab-demo input[type=text].color-picker-hex-input{box-sizing:border-box;border:1px solid var(--line);width:116px;min-width:116px;min-height:36px;color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.02em;background:#fff;border-radius:7px;padding:7px 10px;font-size:13px}.term-interactive-demo.color-picker-lab-demo input[type=text].color-picker-hex-input:focus{outline-offset:1px;border-color:#2a2a32;outline:2px solid #2a2a32}.term-interactive-demo.color-picker-lab-demo input[type=color].color-picker-native-input{box-sizing:border-box;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;width:44px;min-width:44px;height:36px;min-height:36px;padding:2px}.term-interactive-demo.color-picker-lab-demo input[type=color].color-picker-native-input:focus{outline-offset:1px;outline:2px solid #2a2a32}.color-picker-lab-demo .color-picker-cb-toggle{color:#4a4a54;min-height:36px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:700}.color-picker-lab-demo .color-picker-cb-toggle:hover{color:#2a2a32;border-color:#2a2a32}.color-picker-lab-demo .color-picker-cb-toggle[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#f4f4f7}.color-picker-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-picker-lab-demo .color-picker-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:#fff;min-height:44px;font:inherit;border-radius:8px;flex:auto;padding:10px 18px;font-size:14px;font-weight:750;transition:background-color .15s ease-out,border-color .15s ease-out}.color-picker-lab-demo .color-picker-cta:hover:not(:disabled){color:#fff;background:#c8093a;border-color:#c8093a}.color-picker-lab-demo .color-picker-cta:disabled{opacity:.5;cursor:not-allowed}.color-picker-lab-demo .color-picker-lab-reset{color:#4a4a54;min-height:44px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:650}.color-picker-lab-demo .color-picker-lab-reset:hover{color:#2a2a32;background:#f6f6f8;border-color:#2a2a32}.color-picker-lab-status{color:#51515b;background:#f4f4f7;border-radius:8px;gap:4px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;display:grid}.color-picker-lab-status-row{display:block}.color-picker-lab-status-row b{color:#2a2a32;font-weight:750}.color-picker-lab-five-fold{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.color-picker-lab-five-fold li{color:#54545e;background:#fafafa;border:1px solid #e6e6eb;border-left:3px solid #2a2a32;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.color-picker-lab-five-fold li b{color:#2a2a32;font-size:14px;font-weight:750}.color-picker-lab-signal-grid,.color-picker-lab-contrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;display:grid}.color-picker-lab-signal-grid article,.color-picker-lab-contrast article{background:#f6fcf8;border:1px solid #e0e6df;border-left:4px solid #5c9875;border-radius:8px;gap:5px;padding:13px 14px;display:grid}.color-picker-lab-signal-grid article.is-no,.color-picker-lab-contrast article.is-bad{background:#fcf7f5;border-color:#e9dfdc #e9dfdc #e9dfdc #b0816a}.color-picker-lab-signal-grid article span,.color-picker-lab-contrast article span{color:#718d7b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.color-picker-lab-signal-grid article.is-no span,.color-picker-lab-contrast article.is-bad span{color:#9a7a6a}.color-picker-lab-signal-grid article b,.color-picker-lab-contrast article b{color:#3f805d;font-size:14px}.color-picker-lab-signal-grid article.is-no b,.color-picker-lab-contrast article.is-bad b{color:#8a5a45}.color-picker-lab-signal-grid article p,.color-picker-lab-contrast article p{color:#5b6258;margin:0;font-size:12.5px;line-height:1.6}.color-picker-lab-signal-grid article.is-no p,.color-picker-lab-contrast article.is-bad p{color:#6a5750}@media (max-width:540px){.color-picker-lab-signal-grid,.color-picker-lab-contrast{grid-template-columns:1fr}.color-picker-lab-actions{flex-direction:column;align-items:stretch}.color-picker-lab-demo .color-picker-cta{flex:auto}.color-picker-lab-ratio{margin-left:0}}