.jsf-color-picker{--jsf-color-picker-bg-color:#ffffff;box-sizing:border-box;display:inline-flex;flex-direction:column;width:16.75rem;padding:.5rem;border-radius:.375rem;background:var(--jsf-color-picker-bg-color);box-shadow:0 0 .375rem #b2b5b8}.jsf-color-picker__content{box-sizing:border-box;width:100%;height:11.75rem;padding-top:.5rem}.jsf-color-picker__selector{width:14.375rem;height:9.375rem;position:absolute}.jsf-color-picker__background{width:100%;height:100%;background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.jsf-color-picker__background-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;top:0;left:14.375rem;border-radius:100%;width:.625rem;height:.625rem;transform:translate(-.3125rem,-.3125rem)}.jsf-color-picker__hue{width:.75rem;height:9.375rem;margin-left:15rem;position:absolute;background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.jsf-color-picker__hue-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;left:0;width:1rem;height:.625rem;transform:translate(-.125rem,-.3125rem)}.jsf-color-picker__alpha{width:14.375rem;height:.75rem;position:absolute;margin-top:10rem;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(135deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(135deg,transparent 75%,#ccc 75%);background-size:.75rem .75rem;background-position:0 0,.375rem 0,.375rem -.375rem,0 .375rem}.jsf-color-picker__alpha-bg{position:relative;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)}.jsf-color-picker__alpha-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;top:0;width:.625rem;height:1rem;transform:translate(-.3125rem,-.125rem)}.jsf-color-picker__action{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;width:100%;padding-top:.5rem;border-top:.0625rem solid #e9ecef}.jsf-color-picker__action-item{flex:1;display:inline-flex;align-items:center;font-size:.75rem}.jsf-color-picker__input{box-sizing:border-box;width:100%;height:1.375rem;margin-left:.125rem;padding:.125rem 0 .125rem .25rem;background-color:#fff;border:.0625rem solid #ced4da;border-radius:.25rem;outline:0;color:#405057}.ql-editor ::-moz-selection{background-color:#38bdf8}.ql-editor ::selection{background-color:#38bdf8}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item{float:none;border-color:#78716c;background-color:var(--bg);font-size:.75rem}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.ql-selected{--border-color:#000000}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected[data-dark],.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected[data-dark],.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.ql-selected[data-dark],.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.ql-selected[data-dark]{--border-color:#ffffff}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected::before,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected::before,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.ql-selected::before,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.ql-selected::before{margin-left:.3125rem;margin-top:.0625rem;content:'';display:block;width:.1875rem;height:.5rem;transform:rotate(45deg);border-style:solid;border-width:0 .125rem .125rem 0;border-color:var(--border-color)}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank:hover,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.blank:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.blank:hover{--bg:rgba(0, 0, 0, 0.05)}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank::before,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank::before,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.blank::before,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.blank::before{content:none}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.custom,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.custom{position:relative;display:block;width:100%;height:1.375rem;line-height:1.375rem;margin:.25rem 0 0 0;border:none;cursor:pointer}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom:hover,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.custom:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.custom:hover{color:inherit;--bg:rgba(0, 0, 0, 0.05)}.ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom .jsf-color-picker,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom .jsf-color-picker,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.custom .jsf-color-picker,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.custom .jsf-color-picker{position:absolute;top:0;left:0;z-index:10}.ql-bubble .ql-toolbar .ql-color-picker.ql-background.ql-expanded .ql-picker-options,.ql-bubble .ql-toolbar .ql-color-picker.ql-color.ql-expanded .ql-picker-options,.ql-toolbar.ql-snow .ql-color-picker.ql-background.ql-expanded .ql-picker-options,.ql-toolbar.ql-snow .ql-color-picker.ql-color.ql-expanded .ql-picker-options{display:flex}.ql-toolbar .ql-color-picker.keep-color{display:flex;width:3.25rem}.ql-toolbar .ql-color-picker.keep-color.ql-background,.ql-toolbar .ql-color-picker.keep-color.ql-color{padding-left:.25rem;padding-right:.25rem}.ql-toolbar .ql-color-picker.keep-color.ql-background .ql-picker-label,.ql-toolbar .ql-color-picker.keep-color.ql-color .ql-picker-label{width:1.75rem;flex-shrink:0}.ql-toolbar .ql-color-picker.keep-color .ql-picker-label{border-right-color:transparent}.ql-toolbar.ql-snow .ql-color-picker.ql-expanded .ql-picker-expand{border-color:#ccc;border-left-color:transparent;color:#ccc}.ql-toolbar.ql-snow .ql-color-picker.ql-expanded .ql-picker-expand:hover{color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-expand:hover{color:#06c}.ql-toolbar .ql-color-picker .ql-picker-expand{display:inline-flex;height:100%;width:100%;align-items:center;cursor:pointer;border:.0625rem solid transparent}.ql-toolbar .ql-color-picker .ql-picker-expand:hover{color:#fff}.ql-toolbar .ql-color-picker .ql-picker-options{width:13.25rem;flex-wrap:wrap}.ql-toolbar .ql-color-picker .ql-picker-item.blank{display:inline-flex;align-items:center;justify-content:center;width:100%;height:1.25rem;line-height:1.25rem;margin:.25rem 0;text-align:center}.ql-toolbar .ql-color-picker .used{width:100%}.ql-toolbar .ql-color-picker .used-list{display:flex;flex-wrap:wrap;min-height:1.25rem}.ql-toolbar .ql-color-picker .used::before{content:'Recently used';font-size:.75rem;color:#d1d5db}