.customize-control-kirki-react-colorful .kirki-control-form{box-sizing:border-box;position:relative}.customize-control-kirki-react-colorful .kirki-control-form *{box-sizing:border-box}.customize-control-kirki-react-colorful .kirki-control-cols{align-items:flex-start;display:flex}.customize-control-kirki-react-colorful .kirki-control-left-col{width:90%;width:calc(100% - 35px);padding-right:30px}.customize-control-kirki-react-colorful .kirki-control-right-col{width:35px;justify-content:flex-end;display:flex}.customize-control-kirki-react-colorful .use-hue-mode .react-colorful{height:auto}.customize-control-kirki-react-colorful .use-hue-mode .react-colorful__saturation{display:none}.customize-control-kirki-react-colorful .use-hue-mode .react-colorful__last-control{border-radius:4px}.customize-control-kirki-react-colorful .use-hue-mode input.kirki-color-input{padding-left:8px}.customize-control-kirki-react-colorful .kirki-trigger-circle-wrapper{width:33px;height:33px;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex;position:relative;top:-3px}.customize-control-kirki-react-colorful .kirki-trigger-circle{width:25px;height:25px;cursor:pointer;background-size:10px;border:none;border-radius:50%;padding:0;display:block;position:relative}.customize-control-kirki-react-colorful .kirki-trigger-circle .kirki-color-preview{width:100%;height:100%;position:absolute;top:0;left:0}.customize-control-kirki-react-colorful .colorPickerContainer{width:100%;z-index:9999;opacity:0;visibility:hidden;background-color:#fff;border-radius:6px;margin-top:5px;padding:15px;transition:opacity .2s,visibility .2s;position:absolute;top:35px;right:0;box-shadow:0 12px 15px rgba(0,0,0,.09)}.customize-control-kirki-react-colorful .colorPickerContainer.is-open{opacity:1;visibility:visible;transition:opacity .2s 10ms,visibility .2s 10ms}.customize-control-kirki-react-colorful .react-colorful{width:100%;border-radius:4px}.customize-control-kirki-react-colorful .react-colorful__saturation{border-radius:4px 4px 0 0}.customize-control-kirki-react-colorful .react-colorful__last-control{border-radius:0 0 4px 4px}.customize-control-kirki-react-colorful .react-colorful__pointer{width:20px;height:20px}.customize-control-kirki-react-colorful .kirki-color-input-wrapper{margin-top:15px}.customize-control-kirki-react-colorful .kirki-color-input-control{width:100%;align-items:center;display:flex;position:relative}.customize-control-kirki-react-colorful input.kirki-color-input{width:100%;height:30px;color:#333;z-index:1;border:1px solid #ccc;border-radius:4px;padding-left:32px;padding-right:8px;line-height:30px;display:block;position:relative}.customize-control-kirki-react-colorful .kirki-color-input:focus,.customize-control-kirki-react-colorful .kirki-color-input:active{border-color:#2271b1;outline:none;box-shadow:0 0 0 1px #2271b1}.customize-control-kirki-react-colorful .kirki-color-preview-wrapper{width:22px;height:22px;z-index:2;background-repeat:repeat;background-size:8px;border:2px solid #fff;border-radius:50%;position:absolute;left:6px;box-shadow:0 0 0 1px #ddd}.customize-control-kirki-react-colorful .kirki-color-preview,.customize-control-kirki-react-colorful .kirki-control-reset{cursor:pointer;background-color:rgba(0,0,0,0);padding:0;position:absolute}.customize-control-kirki-react-colorful .kirki-color-preview{width:100%;height:100%;border-width:0;border-radius:50%;display:block}.customize-control-kirki-react-colorful .kirki-control-reset{width:17px;height:17px;z-index:3;border-width:0;border-radius:50%;justify-content:center;align-items:center;display:flex;top:4px;right:35px}.customize-control-kirki-react-colorful .kirki-control-reset:hover i{color:red;transform:rotate(-45deg)}.customize-control-kirki-react-colorful .kirki-control-reset i{width:auto;height:auto;font-size:12px;transition:transform .2s;transform:rotate(45deg)}.customize-control-kirki-react-colorful .kirki-color-swatches{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;display:flex}.customize-control-kirki-react-colorful .kirki-color-swatch{width:25px;height:25px;cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0;transition:transform .2s;display:block;position:relative;transform:scale(1);box-shadow:0 0 0 1px #ddd}.customize-control-kirki-react-colorful .kirki-color-swatch:active,.customize-control-kirki-react-colorful .kirki-color-swatch:focus{outline:none}.customize-control-kirki-react-colorful .kirki-color-swatch:hover,.customize-control-kirki-react-colorful .kirki-color-swatch:focus{transform:scale(1.1)}.customize-control-kirki-react-colorful .kirki-label-tooltip{width:auto;width:max-content;max-width:100px;color:#fff;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.7);border-radius:4px;padding:7px 10px 3px;transition:all .2s;position:absolute;bottom:45px;left:-8px}.customize-control-kirki-react-colorful .kirki-label-tooltip:before{content:"";border:7px solid rgba(0,0,0,0);border-top:8px solid rgba(0,0,0,.7);border-bottom-width:0;position:absolute;bottom:-8px;left:19px}.customize-control-kirki-react-colorful .kirki-label-tooltip .customize-control-title{line-height:1.2}.customize-control-kirki-react-colorful .kirki-trigger-circle-wrapper:hover~.kirki-label-tooltip{opacity:1;visibility:visible}.customize-control-kirki-react-colorful[data-kirki-parent-control-type=kirki-multicolor]{width:35px;margin-bottom:20px;margin-right:8px;padding-right:0}.customize-control-kirki-react-colorful[data-kirki-parent-control-type=kirki-multicolor] .kirki-control-reset{top:-19px;right:8px}.customize-control-kirki-react-colorful[data-kirki-parent-control-type=kirki-typography] .colorPickerContainer{top:55px}.customize-control-kirki-react-colorful[data-kirki-parent-control-type=kirki-typography] .kirki-control-reset{top:30px;left:35px;right:auto}
/*# sourceMappingURL=control.css.map */