.react-colorful{flex-direction:column;gap:8px;width:300px;height:300px;display:flex}.react-colorful__saturation{cursor:crosshair;border-radius:8px;flex:1;position:relative;overflow:hidden}.react-colorful__saturation-pointer{border:2px solid #fff;border-radius:50%;width:12px;height:12px;transform:translate(-6px,-6px);box-shadow:0 0 2px #0009}.react-colorful__hue,.react-colorful__alpha{cursor:pointer;border-radius:8px;height:16px;position:relative}.react-colorful__hue-pointer,.react-colorful__alpha-pointer{border:2px solid #fff;border-radius:50%;width:12px;height:12px;transform:translate(-6px,-2px);box-shadow:0 0 2px #0009}