.ColorWheel__WheelRoot_5a77877{flex-direction:column;gap:12px;width:100%;display:flex}.ColorWheel__Wheel_1755be8{aspect-ratio:1;cursor:crosshair;touch-action:none;background:radial-gradient(circle closest-side,#fff,#0000),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:100%;position:relative}.ColorWheel__WheelShade_1a1e498{opacity:var(--wheel-shade);pointer-events:none;background:#000;border-radius:50%;position:absolute;inset:0}.ColorWheel__WheelThumb_5a50e7e{left:var(--thumb-x);top:var(--thumb-y);box-sizing:border-box;background:var(--thumb-color);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0003}.ColorWheel__WheelThumb_5a50e7e:focus-visible{outline-offset:2px;outline:2px solid #7597e8}.ColorWheel__BrightnessSlider_7d0281a{background:linear-gradient(to right, #000, var(--brightness-end));appearance:none;cursor:pointer;border-radius:5px;width:100%;height:10px;margin:0;box-shadow:inset 0 0 0 1px #32497f1a}.ColorWheel__BrightnessSlider_7d0281a::-webkit-slider-thumb{background:var(--thumb-color);appearance:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0003}.ColorWheel__BrightnessSlider_7d0281a::-moz-range-thumb{background:var(--thumb-color);border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0003}.ColorWheel__BrightnessSlider_7d0281a:focus-visible{outline-offset:2px;outline:2px solid #7597e8}.ColorSwatchSelect__ColorPickerRoot_0350eee{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.ColorSwatchSelect__ColorPickerLabel_09f28bb{color:#32497f;font-size:12px;font-weight:400;line-height:16px}.ColorSwatchSelect__ColorPickerTrigger_eec54d7{background:var(--ColorSwatchSelect__ColorPickerTrigger_eec54d7-p0);cursor:pointer;border:none;border-radius:50%;width:40px;height:40px;padding:0;box-shadow:0 0 0 1px #32497f4d}.ColorSwatchSelect__ColorPickerTrigger_eec54d7.small{width:24px;height:24px}.ColorSwatchSelect__ColorPickerTrigger_eec54d7:hover:not([aria-disabled=true]),.ColorSwatchSelect__ColorPickerTrigger_eec54d7[data-state=open]{box-shadow:0 0 0 1px #32497f4d,0 0 0 4px #32497f1a}.ColorSwatchSelect__ColorPickerTrigger_eec54d7:focus-visible{outline-offset:2px;outline:2px solid #7597e8}.ColorSwatchSelect__ColorPickerTrigger_eec54d7[aria-disabled=true]{cursor:not-allowed;opacity:.5}.ColorSwatchSelect__ColorPopoverContent_c965aa9{box-sizing:border-box;border-radius:12px;width:180px;padding:16px 16px 20px;box-shadow:0 12px 32px #32497f33}.ColorSwatchSelect__ColorPickerTitle_e6d58bb{color:#32497f;margin-bottom:14px;font-size:14px;font-weight:500;line-height:19px}.ColorSwatchSelect__CustomColorHeader_25e6a25{align-items:center;gap:4px;margin:-4px 0 12px -6px;display:flex}.ColorSwatchSelect__CustomColorTitle_fce0668{color:#32497f;font-size:14px;font-weight:500;line-height:19px}.ColorSwatchSelect__ColorList_b4f9e8f{grid-template-columns:repeat(4,30px);justify-content:center;align-items:start;gap:9px;display:grid}.ColorSwatchSelect__ColorButton_b4a6f50{--swatch-edge:inset 0 0 0 1px #32497f4d;background:var(--ColorSwatchSelect__ColorButton_b4a6f50-p0);width:30px;height:30px;box-shadow:var(--swatch-edge);cursor:pointer;border:none;border-radius:50%;padding:0}.ColorSwatchSelect__ColorButton_b4a6f50[aria-pressed=true]{box-shadow:var(--swatch-edge), 0 0 0 3px #fff, 0 0 0 5px #c1c8d9}.ColorSwatchSelect__ColorButton_b4a6f50:hover{box-shadow:var(--swatch-edge), 0 0 0 3px #fff, 0 0 0 5px #d6dbe5}.ColorSwatchSelect__ColorButton_b4a6f50:focus-visible{outline-offset:2px;outline:2px solid #7597e8}.ColorSwatchSelect__ColorButton_b4a6f50:disabled{cursor:not-allowed;opacity:.5}