.react-colorful{width:100%!important;height:200px!important;border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.react-colorful__saturation{border-radius:8px 8px 0 0;border-bottom:none}.react-colorful__hue{height:16px;border-radius:0 0 8px 8px;margin-top:12px}.react-colorful__pointer{width:20px;height:20px;border:3px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1)}.react-colorful__saturation-pointer{width:24px;height:24px}@media (prefers-color-scheme:dark){.react-colorful{box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2)}}