.panel-choose-color{pointer-events:auto}.panel-choose-color button:not(:disabled){cursor:pointer}.panel-choose-color button:disabled{cursor:not-allowed}.panel-choose-color__swatch{box-shadow:none}.panel-choose-color__colorful-wrap .react-colorful{width:100%;height:132px}.panel-choose-color__colorful-wrap .react-colorful__saturation{border-radius:.375rem;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer}.panel-choose-color__colorful-wrap .react-colorful__hue{height:10px;margin-top:.5rem;border-radius:9999px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer}.panel-choose-color__colorful-wrap .react-colorful__saturation-pointer{width:16px;height:16px;border-radius:9999px;border:2px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0/.2),0 1px 2px rgb(0 0 0/.25);cursor:pointer}.panel-choose-color__colorful-wrap .react-colorful__hue-pointer{width:14px;height:14px;border-radius:9999px;border:2px solid var(--background);box-shadow:0 0 0 1px var(--border),0 1px 3px rgb(0 0 0/.2);cursor:pointer}