._root_12p2i_1 .react-colorful{flex-direction:column!important;flex:1!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important}._root_12p2i_1 .react-colorful__saturation{cursor:pointer!important;width:100%!important;height:200px!important;box-shadow:inset 0 0 0 .5px var(--overlay-black-10)!important;border:none!important;border-radius:12px!important;flex-grow:0!important;flex-shrink:0!important;margin-bottom:22px!important;position:relative!important}._root_12p2i_1 .react-colorful__saturation:after{content:"";z-index:-1;border-radius:inherit;border:.5px solid var(--overlay-black-10);position:absolute;inset:0}._root_12p2i_1 .react-colorful__pointer{border:2px solid var(--static-white)!important;width:20px!important;height:20px!important;box-shadow:0 0 0 .5px var(--overlay-black-20)!important;border-radius:50%!important}._root_12p2i_1 .react-colorful__hue{border:.5px solid var(--overlay-black-10)!important;cursor:pointer!important;border-radius:6px!important;flex-shrink:0!important;height:8px!important;margin-bottom:22px!important}._root_12p2i_1 .react-colorful__last-control{border-radius:12px!important;flex-shrink:0!important}._root_12p2i_1 .react-colorful__last-control .react-colorful__pointer{border-color:var(--active-color)!important;box-shadow:none!important}._root_12p2i_1 .react-colorful__last-control .react-colorful__pointer-fill{background-color:var(--background)!important}