.medium .react-colorful{width:200px;height:150px}.medium .react-colorful__last-control{border-radius:0}.medium .react-colorful__alpha,.medium .react-colorful__hue{height:15px}.medium .react-colorful__alpha-pointer,.medium .react-colorful__hue-pointer,.medium .react-colorful__saturation-pointer{width:15px;height:15px;border-radius:9999px;border-width:1px}.saturation-brightness-only .react-colorful__hue{display:none!important}.saturation-brightness-only .react-colorful{height:120px}.saturation-brightness-only .react-colorful__saturation{border-radius:8px}.brightness-only .react-colorful{filter:grayscale(100%)}.brightness-only .react-colorful__alpha-pointer,.brightness-only .react-colorful__hue-pointer,.brightness-only .react-colorful__saturation-pointer{filter:drop-shadow(0 0 0 rgba(255,255,255,.8)) drop-shadow(0 0 0 rgba(0,0,0,.5))}