.color-picker_tool__GYnE3{max-width:520px;margin:0 auto}.color-picker_swatch__1HTE1{height:160px;border-radius:var(--cbd-radius-card);border:1px solid var(--cbd-outline-variant)}.color-picker_pickerCard__63IPT{margin-top:14px;display:flex;align-items:center;gap:14px;background:var(--cbd-surface);border:1px solid var(--cbd-outline-variant);border-radius:var(--cbd-radius-card);box-shadow:var(--cbd-elev-1);padding:16px}.color-picker_colorInput__NV9L6{width:54px;height:54px;border:none;background:none;cursor:pointer;padding:0;flex:none}.color-picker_colorInput__NV9L6::-webkit-color-swatch-wrapper{padding:0}.color-picker_colorInput__NV9L6::-webkit-color-swatch{border:1px solid var(--cbd-outline-variant);border-radius:var(--cbd-radius-button)}.color-picker_colorInput__NV9L6::-moz-color-swatch{border:1px solid var(--cbd-outline-variant);border-radius:var(--cbd-radius-button)}.color-picker_helper__L31Xw{font-size:13.5px;color:var(--cbd-on-surface-variant)}.color-picker_values__okwFI{margin-top:14px;background:var(--cbd-surface);border:1px solid var(--cbd-outline-variant);border-radius:var(--cbd-radius-card);box-shadow:var(--cbd-elev-1);overflow:hidden}.color-picker_row__WkewA{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--cbd-outline-variant)}.color-picker_row__WkewA:last-child{border-bottom:none}.color-picker_rowLabel__rkcqe{font-family:var(--cbd-font-mono);font-size:10px;letter-spacing:.1em;color:var(--cbd-on-surface-muted);width:38px;flex:none}.color-picker_rowValue__WPl6A{flex:1 1;font-family:var(--cbd-font-mono);font-size:15px;font-weight:var(--cbd-weight-semibold);color:var(--cbd-on-surface);direction:ltr;unicode-bidi:plaintext;text-align:start}.color-picker_copyBtn__RtsSE{display:grid;place-items:center;width:34px;height:34px;flex:none;border:none;background:var(--cbd-surface-variant);color:var(--cbd-on-surface);border-radius:var(--cbd-radius-button);cursor:pointer;transition:transform var(--cbd-dur-fast) var(--cbd-ease-standard)}.color-picker_copyBtn__RtsSE .color-picker_msym__efKVP{font-size:17px}.color-picker_copyBtn__RtsSE:hover{background:var(--cbd-outline-variant)}.color-picker_copyBtn__RtsSE:active{transform:scale(var(--cbd-press-scale))}.color-picker_copyBtn__RtsSE:focus-visible{outline:2px solid var(--cbd-primary);outline-offset:2px}