.zr-color-picker{box-sizing:border-box;padding:.75rem;background:var(--color-background)}.zr-color-picker>div{width:100%!important;max-width:100%}.zr-color-picker [id^=rbgcp-color-picker]{display:flex;flex-direction:column;gap:.75rem}.zr-color-picker [id^=rbgcp-square-wrapper]{border-radius:.5rem!important;overflow:hidden;border:1px solid var(--color-border)}.zr-color-picker [id^=rbgcp-controls-wrapper]{gap:.5rem}.zr-color-picker [id^=rbgcp-color-type-btns],.zr-color-picker [id^=rbgcp-control-rightside-wrapper]{border-radius:.375rem!important;border:1px solid var(--color-input)!important;background:var(--color-background)!important;padding:2px!important;height:auto!important;min-height:2rem}.zr-color-picker [id^=rbgcp-gradient-btn],.zr-color-picker [id^=rbgcp-solid-btn]{border-radius:.25rem!important;font-size:11px!important;font-weight:600!important;letter-spacing:.02em;height:1.75rem!important;padding-inline:.625rem!important}.zr-color-picker [id^=rbgcp-advanced-btn],.zr-color-picker [id^=rbgcp-color-model-btn],.zr-color-picker [id^=rbgcp-comparibles-btn]{border-radius:.25rem!important;width:1.75rem!important;height:1.75rem!important}.zr-color-picker [id^=rbgcp-hue-wrap],.zr-color-picker [id^=rbgcp-opacity-wrapper]{margin-top:0!important;margin-bottom:0!important;height:12px!important;border-radius:.375rem;overflow:hidden;border:1px solid var(--color-border)}.zr-color-picker [id^=rbgcp-hue-bar],.zr-color-picker [id^=rbgcp-opacity-checkered-bg],.zr-color-picker [id^=rbgcp-opacity-overlay]{border-radius:.375rem!important;height:12px!important}.zr-color-picker [id^=rbgcp-hue-handle],.zr-color-picker [id^=rbgcp-opacity-handle]{width:14px!important;height:14px!important;top:-2px!important;border-width:1.5px!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important}.zr-color-picker [id^=rbgcp-inputs-wrap]{padding-top:0!important;column-gap:.5rem!important;row-gap:.375rem!important}.zr-color-picker [id^=rbgcp-] input{height:2rem!important;border-radius:.375rem!important;font-size:.75rem!important;font-variant-numeric:tabular-nums;border:1px solid var(--color-input)!important;background:var(--color-background)!important;color:var(--color-foreground)!important;padding-inline:.375rem!important}.zr-color-picker [id^=rbgcp-] [id$=-input-wrapper]>div:last-child,.zr-color-picker [id^=rbgcp-hex-input-wrapper]>div:last-child{margin-top:.25rem;font-size:10px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--color-muted-foreground)!important}.zr-color-picker [id^=rbgcp-preview]{display:none!important}.zr-color-picker [id^=rbgcp-footer-wrapper]{margin-top:0!important;padding-top:.25rem;border-top:1px solid var(--color-border)}.zr-color-picker [id^=rbgcp-presets-wrapper]{width:100%!important;gap:.375rem!important;row-gap:.375rem!important;justify-content:flex-start!important}.zr-color-picker [id^=rbgcp-preset-][id$=-wrapper]{width:calc(100% / 9)!important;padding-left:0!important}.zr-color-picker [id^=rbgcp-preset-]:not([id$=-wrapper]){border-radius:.375rem!important;height:1.375rem!important;border:1px solid var(--color-border)!important;transition:transform .12s ease}.zr-color-picker [id^=rbgcp-preset-]:not([id$=-wrapper]):hover{transform:scale(1.06)}.zr-color-picker [id^=rbgcp-gradient-bar-wrapper],.zr-color-picker [id^=rbgcp-gradient-controls-wrapper]{margin-top:0!important}.zr-color-picker [id^=rbgcp-gradient-controls-convert]{margin-top:.25rem!important}