.field-colorpicker ul.picker-options{list-style-type:none;margin:-8px 0 0;padding:0}.field-colorpicker ul.picker-options li{border-radius:4px;cursor:pointer;float:left;margin:13px 13px 0 0;padding:3px;text-indent:-9999px}.field-colorpicker ul.picker-options li span{border:1px solid rgba(var(--bs-body-color-rgb),.1);border-radius:100%;display:block;height:25px;width:25px}.field-colorpicker ul.picker-options li.active,.field-colorpicker ul.picker-options li:hover{background-color:rgba(var(--bs-body-color-rgb),.1)}.field-colorpicker ul.picker-options li.active span,.field-colorpicker ul.picker-options li:hover span{border:1px solid rgba(var(--bs-body-bg-rgb),.7)}.field-colorpicker ul.picker-options li.custom-color{position:relative}.field-colorpicker ul.picker-options li.custom-color span{border-style:dashed}.field-colorpicker ul.picker-options li.custom-color.active span,.field-colorpicker ul.picker-options li.custom-color:hover span{border-style:solid}.field-colorpicker ul.picker-options li.custom-color:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e0e0e0;bottom:3px;color:#000;content:"\f0d8";display:block;font-family:octo-icon!important;font-size:9px;font-style:normal;font-variant:normal;font-weight:400;height:9px;line-height:1;line-height:9px;position:absolute;right:3px;text-align:center;text-indent:0;text-transform:none;width:9px}.field-colorpicker.disabled ul.picker-options li:hover{background-color:transparent;cursor:not-allowed}.field-colorpicker.disabled ul.picker-options li:hover span{border:1px solid rgba(var(--bs-body-color-rgb),.1)}.field-colorpicker.disabled ul.picker-options li.active{background-color:transparent}.field-colorpicker.disabled ul.picker-options li.custom-color{position:relative}.field-colorpicker.disabled ul.picker-options li.custom-color span{border-style:dashed}.field-colorpicker.disabled ul.picker-options li.custom-color span.disabled.is-empty:after,.field-colorpicker.disabled ul.picker-options li.custom-color span.disabled.is-empty:before{background-color:#cecece;content:" ";height:24px;left:15px;position:absolute;width:1px}.field-colorpicker.disabled ul.picker-options li.custom-color span.disabled.is-empty:before{transform:rotate(45deg)}.field-colorpicker.disabled ul.picker-options li.custom-color span.disabled.is-empty:after{transform:rotate(-45deg)}.field-colorpicker.disabled ul.picker-options li.custom-color:hover span{border-style:dashed}.field-colorpicker.disabled ul.picker-options li.custom-color.active span{border:1px solid rgba(var(--bs-body-color-rgb),.1)}.field-colorpicker .input-group>ul.picker-options{margin:0}.field-colorpicker .input-group>ul.picker-options li{border-bottom-right-radius:0;border-top-right-radius:0;margin:0;padding:6px}.sp-hue,.sp-slider{cursor:row-resize}.sp-color,.sp-dragger{cursor:crosshair}.sp-alpha-handle,.sp-alpha-inner{cursor:col-resize}.sp-hue{left:90%}.sp-color{right:15%}.sp-container{background:var(--oc-primary-bg);border:var(--bs-border-color)!important;border-radius:8px;box-shadow:0 0 32px rgba(67,86,100,.2);font-family:sans-serif;z-index:10100}.sp-picker-container{border:none}.sp-alpha-handle{background-color:var(--bs-border-color);border:1px solid var(--bs-emphasis-color);width:4px}.sp-color,.sp-hue{border:1px solid var(--bs-border-color)}.sp-slider{background-color:var(--bs-border-color);border:1px solid var(--bs-emphasis-color);height:3px;left:-4px;width:22px}.sp-dragger{background:transparent;box-shadow:0 0 0 1px #111}.sp-input{-webkit-appearance:none;background-color:var(--oc-form-control-bg);border:1px solid var(--bs-border-color);border-radius:4px;box-shadow:none;color:var(--bs-body-color);outline:none!important}.sp-input:focus{border:1px solid var(--oc-border-focus);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sp-button-container{padding-top:4px;position:relative;text-align:right;width:100%}.sp-cancel{bottom:0;color:var(--bs-emphasis-color)!important;font-family:serif;font-size:21px;font-weight:700;left:0;line-height:1;opacity:.2;position:absolute;text-decoration:none;text-shadow:0 1px 0 var(--bs-body-bg)}.sp-cancel:focus,.sp-cancel:hover{cursor:pointer;opacity:.5;text-decoration:none}.sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.sp-palette .sp-thumb-el,.sp-palette .sp-thumb-el:hover{border:1px solid rgba(0,0,0,.9)}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:rgba(0,0,0,.9)}.sp-clear-enabled .sp-clear{height:24px;left:88%;margin-right:-4px}
