._picker_14x0m_3{--picker-text:#f5f5f5;--picker-muted:#c9c9c9;--picker-surface:#181818;--picker-field:#242424;--picker-line:#777;--picker-accent:#ff7779;width:100%;min-width:0;max-width:100%;color:var(--picker-text);text-transform:none;letter-spacing:normal;align-content:start;gap:8px;font-family:Arial,Helvetica,sans-serif;display:grid;position:relative;container:color-picker/inline-size}html[data-theme=light] ._picker_14x0m_3{--picker-surface:#fff;--picker-text:#171717;--picker-muted:#515151;--picker-field:#f4f1ec;--picker-line:#817870;--picker-accent:#9f171c}._picker_14x0m_3[data-open=true]{grid-column:1/-1}._picker_14x0m_3 *,._picker_14x0m_3 :before,._picker_14x0m_3 :after{box-sizing:border-box}._picker_14x0m_3._picker_14x0m_3 :is(strong,small,p,label,output){white-space:normal;overflow-wrap:anywhere;word-break:normal;letter-spacing:normal;text-transform:none;min-width:0;max-width:100%;height:auto;font-family:inherit;line-height:1.45}._picker_14x0m_3._picker_14x0m_3 :is(strong,label,output){color:var(--picker-text);font-size:14px}._picker_14x0m_3._picker_14x0m_3 :is(small,p){color:var(--picker-muted);font-size:13px}._picker_14x0m_3._picker_14x0m_3 label{margin:0;font-weight:700;display:block}._picker_14x0m_3._picker_14x0m_3 button{color:var(--picker-text);font:inherit;cursor:pointer;margin:0}._picker_14x0m_3._picker_14x0m_3 :is(button,input):focus-visible{outline:2px solid var(--picker-accent);outline-offset:3px}._picker_14x0m_3._picker_14x0m_3 ._trigger_14x0m_47{border:1px solid var(--picker-line);background:var(--picker-surface);text-align:left;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;min-height:56px;padding:10px 12px;display:grid}._picker_14x0m_3._picker_14x0m_3 ._trigger_14x0m_47:hover{border-color:var(--picker-accent)}._trigger_14x0m_47>span:nth-child(2){gap:2px;min-width:0;display:grid}._picker_14x0m_3._picker_14x0m_3 ._trigger_14x0m_47 small{font:700 12px/1.4 monospace}._picker_14x0m_3._picker_14x0m_3 ._trigger_14x0m_47 b{color:var(--picker-accent);font:700 21px/1 sans-serif}._swatch_14x0m_65{border:2px solid #fff;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1px #666}._description_14x0m_67{background:var(--picker-surface);border-radius:6px;padding:8px 10px;display:block}._picker_14x0m_3._picker_14x0m_3 ._panel_14x0m_69{border:1px solid var(--picker-line);background:var(--picker-surface);width:100%;min-width:0;color:var(--picker-text);border-radius:14px;gap:16px;padding:16px;display:grid;position:relative}._heading_14x0m_77{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}._heading_14x0m_77>div{flex:180px;min-width:0}._picker_14x0m_3._picker_14x0m_3 ._heading_14x0m_77 strong{font-size:16px}._picker_14x0m_3._picker_14x0m_3 ._heading_14x0m_77 p{max-width:48ch;margin:4px 0 0}._picker_14x0m_3._picker_14x0m_3 ._heading_14x0m_77 button{border:1px solid var(--picker-line);background:var(--picker-field);border-radius:999px;flex:none;min-height:44px;padding:8px 12px}._controls_14x0m_87{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:20px;display:grid}._visualControl_14x0m_89{text-align:center;gap:10px;min-width:0;display:grid}._picker_14x0m_3._picker_14x0m_3 ._disc_14x0m_91{aspect-ratio:1;touch-action:none;cursor:crosshair;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:50%;justify-self:center;width:min(100%,210px);min-width:0;height:auto;padding:0;display:block;position:relative}._disc_14x0m_91:after{content:"";background:var(--picker-surface);pointer-events:none;border-radius:50%;position:absolute;inset:27%}._picker_14x0m_3._picker_14x0m_3 ._shade_14x0m_103{aspect-ratio:1.2;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--hue-color);cursor:crosshair;border:0;border-radius:8px;justify-self:center;width:min(100%,230px);min-width:0;height:auto;padding:0;display:block;position:relative}._picker_14x0m_3._picker_14x0m_3 :is(._disc_14x0m_91,._shade_14x0m_103)>span{z-index:1;pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #171717}._sliders_14x0m_121{gap:8px;min-width:0;display:grid}._sliderRow_14x0m_123{min-width:0}._sliderRow_14x0m_123>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}._picker_14x0m_3._picker_14x0m_3 output{font-variant-numeric:tabular-nums}._picker_14x0m_3._picker_14x0m_3 input[type=range]{appearance:auto;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;accent-color:var(--picker-accent);cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}._tones_14x0m_139{grid-template-columns:repeat(auto-fit,minmax(min(100%,95px),1fr));gap:8px;display:grid}._picker_14x0m_3._picker_14x0m_3 ._tones_14x0m_139 button{border:1px solid var(--picker-line);background:var(--picker-field);text-align:left;border-radius:10px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px;display:flex}._tones_14x0m_139 button>span{border:1px solid #777;border-radius:50%;flex:0 0 20px;height:20px}._picker_14x0m_3._picker_14x0m_3 ._tones_14x0m_139 button[aria-pressed=true]{border-color:var(--picker-accent);box-shadow:inset 0 0 0 1px var(--picker-accent)}._exact_14x0m_147{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:14px;display:grid}._hexField_14x0m_149,._channel_14x0m_149{gap:6px;min-width:0;display:grid}._rgb_14x0m_151{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}._picker_14x0m_3._picker_14x0m_3 input[type=text]{border:1px solid var(--picker-line);background:var(--picker-field);width:100%;min-width:0;max-width:100%;height:auto;min-height:44px;color:var(--picker-text);letter-spacing:normal;text-transform:none;border-radius:8px;margin:0;padding:10px 8px;font:400 16px/1.4 Arial,Helvetica,sans-serif}._presets_14x0m_163{grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:10px;padding:4px;display:grid}._picker_14x0m_3._picker_14x0m_3 ._presets_14x0m_163 button{border:2px solid var(--picker-line);background:var(--picker-color);border-radius:9px;width:100%;min-width:0;min-height:44px;padding:0}._picker_14x0m_3._picker_14x0m_3 ._presets_14x0m_163 button[aria-pressed=true]{outline:2px solid var(--picker-accent);outline-offset:3px}._picker_14x0m_3._compact_14x0m_169 ._trigger_14x0m_47{grid-template-columns:26px minmax(0,1fr) auto;min-height:48px;padding:8px 10px}._compact_14x0m_169 ._swatch_14x0m_65{width:26px;height:26px}@container color-picker (width<=460px){._controls_14x0m_87,._exact_14x0m_147{grid-template-columns:1fr}._picker_14x0m_3._picker_14x0m_3 ._panel_14x0m_69{padding:12px}}@media (width<=560px){._controls_14x0m_87,._exact_14x0m_147{grid-template-columns:1fr}}