.ap{flex:none;box-sizing:border-box;background-color:#fff;border:1px solid #d2d5dc;border-radius:50%;display:inline-block;position:relative;cursor:pointer}.ap .apc{top:0;bottom:0}.ap .apc,.ap .aph{width:6px;position:absolute;left:0;right:0;margin:auto}.ap .aph{height:6px;background-color:#4374ad;display:inline-block;border-radius:50%;top:4px}.ap .aph,.cs{cursor:pointer}.cs{height:17px;width:11px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAQAAABzuJQIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAB7SURBVCjP3c7BDQMhDETRP4gyUlb6SEphe9w+JgdArIMPm2uGizV6MpbpERgBzGb0tuZcLvTbDSoHrMUMQmFrY/IaaOeKB7yE+1yTz43irZNXbXcCFosuXqFt9g0cyZICT7LkrU+b62vGeVv4IX+Phc+tfABZK3xj5cgHC29ECUeufxkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDUtMzFUMTg6NDE6MzIrMDI6MDD31tLGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTMxVDE4OjQxOjMyKzAyOjAwhotqegAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) 100%}.cs,.cs div{position:absolute}.cs div{height:7px;left:2px;width:7px;top:8px}.active{background-position:0}.cp div{box-sizing:border-box;cursor:pointer;display:inline-block;height:16px;width:16px}.cp div:hover{border:1px solid #fff}.gp{display:flex;flex-direction:column;align-items:center}.gp .gp-flat{margin:0 auto;padding:10px 0 0!important;box-shadow:none!important;transform:none!important}.gpw{padding:20px}.gpw .trigger{padding:5px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer}.gpw .trigger .inner{width:36px;height:14px;border-radius:2px}.gpw .popover{z-index:2;margin-top:6px;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.15);padding:12px;border-radius:4px;position:absolute}.gpw .popover .angle-holder{margin:0 -10px;padding:10px 0 0 10px;border-top:1px solid #eee;flex-wrap:wrap;position:relative}.gpw .popover .angle-holder,.gpw .popover .angle-inputs{display:flex;justify-content:space-around;align-items:center}.gpw .popover .angle-inputs{border-radius:4px;background:#f2f2f2;flex:1;margin:0 20px}.gpw .popover .angle-inputs input{border:none;text-align:center;width:48px;color:#0c0c09;background:inherit}.gpw .popover .angle-inputs span{padding:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gpw .overlay{position:fixed;top:0;right:0;bottom:0;left:0}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw{padding:0}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .trigger{background:none;padding:0;width:100%;box-shadow:none}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .inner{display:none}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .popover{position:relative;box-shadow:none;margin:0;padding:0;top:-24px}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .palette{display:none}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .ap{background:none}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gp{background:var(--chakra-colors-blackAlpha-300);padding-bottom:10px;border-radius:8px}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .aph{background:#fff;width:10px;height:10px;margin-left:-5px;margin-top:-8px}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .apc{width:1px;position:absolute;right:0;top:0;bottom:0;margin:auto;border-left:1px solid hsla(0,0%,100%,.5)}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .popover .csh{height:30px;width:100%!important;top:-15px}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .overlay{display:none}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .popover .csh .cs{height:30px;width:30px;border-radius:100%;border:none;padding:0;margin-left:-12px}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .popover .csh .cs>div{height:30px;width:30px;position:absolute;top:0;left:0;border-radius:50%;z-index:2;border:1px solid #fff}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .popover .csh .cs.active>div{border:3px solid #fff}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .gp-flat{width:74%!important;background:none!important}@media screen and (min-width:600px){.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .gp-flat{width:48%!important}}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw input{color:#fff;box-shadow:none!important;background:var(--chakra-colors-whiteAlpha-300)}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw label{color:#fff!important;text-align:left!important}.gradientPickerOpenStyleOverrides_grandientPicker__oTNZ6 .gpw .popover .flexbox-fix:last-child{display:none!important}