.rcp-root{--rcp-background-color:#121212;--rcp-field-input-color:#fff;--rcp-field-input-border-color:#242424;--rcp-field-label-color:gray}.rcp{background-color:var(--rcp-background-color);border-radius:10px;flex-direction:column;display:flex}.rcp-body{flex-direction:column;gap:20px;padding:20px 10px;display:flex}.rcp-section{flex-direction:column;gap:10px;display:flex}.rcp-interactive{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px 10px 0 0;width:100%;position:relative}.rcp-saturation-cursor{border:2px solid #fff;border-radius:100%;width:20px;height:20px;position:absolute;transform:translate(-10px,-10px);box-shadow:0 0 15px #00000026}.rcp-hue{cursor:ew-resize;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;width:100%;height:12px;position:relative}.rcp-hue-cursor{border:2px solid #fff;border-radius:100%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 15px #00000026}.rcp-alpha{cursor:ew-resize;border-radius:10px;width:100%;height:12px;position:relative}.rcp-alpha-cursor{border:2px solid #fff;border-radius:100%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 15px #00000026}.rcp-fields{flex-direction:column;gap:10px;display:flex}.rcp-fields-floor{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.rcp-field{flex-direction:column;width:100%;display:flex}.rcp-field-input{text-align:center;width:100%;color:var(--rcp-field-input-color);border:2px solid var(--rcp-field-input-border-color);background-color:#0000;border-radius:5px;outline:none;padding:5px 0;font-family:inherit;font-size:14px}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{text-align:center;color:var(--rcp-field-label-color);font-size:14px}
.color-picker-light .rcp-root,.color-picker-light.rcp-root{--rcp-background-color:#fff;--rcp-field-input-color:#374151;--rcp-field-input-border-color:#e5e7eb;--rcp-field-label-color:#111827}.color-picker-light .rcp,.color-picker-light .rcp-root.rcp{background-color:var(--rcp-background-color);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.color-picker-light .rcp-body{gap:12px;padding:12px}.color-picker-light .rcp-section{gap:8px}.color-picker-light .rcp-saturation{border-radius:8px}.color-picker-light .rcp-hue,.color-picker-light .rcp-alpha{border-radius:9999px;height:12px}.color-picker-light .rcp-field-label{text-transform:uppercase;letter-spacing:.05em;text-align:left;color:var(--rcp-field-label-color);margin-bottom:6px;padding-left:4px;font-size:12px;font-weight:700}.color-picker-light .rcp-field{flex-direction:column}.color-picker-light .rcp-field-input{color:var(--rcp-field-input-color);border:1px solid var(--rcp-field-input-border-color);text-align:left;background-color:#fff;border-radius:8px;padding:6px 10px;font-size:14px}.color-picker-light .rcp-field-input:focus{border-color:#9ca3af;outline:none;box-shadow:0 0 0 1px #9ca3af}.color-picker-light .rcp-fields-floor{grid-template-columns:repeat(4,1fr);min-width:0}.color-picker-light .rcp-fields{gap:12px}