.ColorPicker-module__gH0Nva__pop{z-index:60;box-sizing:border-box;border:1px solid var(--line2);background:var(--panel);width:240px;color:var(--fg);border-radius:12px;outline:none;flex-direction:column;gap:12px;padding:12px;display:flex;box-shadow:0 25px 50px -12px #0009}.ColorPicker-module__gH0Nva__sv{cursor:crosshair;touch-action:none;border-radius:8px;width:100%;height:144px;position:relative;overflow:hidden}.ColorPicker-module__gH0Nva__hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;height:12px;position:relative}.ColorPicker-module__gH0Nva__thumb{box-sizing:border-box;pointer-events:none;border:2px solid #fff;border-radius:999px;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.ColorPicker-module__gH0Nva__hexRow{align-items:center;gap:8px;display:flex}.ColorPicker-module__gH0Nva__preview{width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--line2);border-radius:6px;flex:none}.ColorPicker-module__gH0Nva__pop input.ColorPicker-module__gH0Nva__hex{box-sizing:border-box;height:32px;font:12px var(--mono);text-transform:uppercase;border-radius:6px;flex:1;padding:0 8px}.ColorPicker-module__gH0Nva__row{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.ColorPicker-module__gH0Nva__pop button.ColorPicker-module__gH0Nva__sw{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line2);border:0;border-radius:4px;padding:0;transition:transform .15s}.ColorPicker-module__gH0Nva__pop button.ColorPicker-module__gH0Nva__sw:hover:not(:disabled){border:0;transform:scale(1.1)}.ColorPicker-module__gH0Nva__pop button.ColorPicker-module__gH0Nva__sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary)}@media (prefers-reduced-motion:reduce){.ColorPicker-module__gH0Nva__pop button.ColorPicker-module__gH0Nva__sw{transition:none}.ColorPicker-module__gH0Nva__pop button.ColorPicker-module__gH0Nva__sw:hover:not(:disabled){transform:none}}