.color-picker-gradient-wrapper{position:relative;width:270px;height:270px;margin:0 auto 16px}.color-picker-gradient-wrapper .react-colorful,.color-picker-gradient-wrapper .react-colorful__saturation{width:270px;height:270px;border-radius:4px;border-radius:var(--border-radius,4px)}.color-picker-gradient-wrapper .react-colorful__saturation{border-bottom:none}.color-picker-gradient-wrapper .react-colorful__hue{width:270px;height:12px;margin:14px auto 0;border-radius:4px;border-radius:var(--border-radius,4px);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.color-picker-gradient-wrapper .react-colorful__pointer{width:12px;height:12px;border:1px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 1px #888;box-shadow:0 0 1px #888}.color-picker-gradient-wrapper .react-colorful__hue-pointer{width:16px;height:16px;border:2px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 1px #888;box-shadow:0 0 1px #888}.color-picker-gradient-wrapper .react-colorful__hue:focus-within .react-colorful__hue-pointer,.color-picker-gradient-wrapper .react-colorful__saturation:focus-within .react-colorful__pointer{-webkit-box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff;box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff;outline:none}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}