.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}.theme-integrated .rcp{background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));border-radius:var(--radius)}.theme-integrated .rcp-saturation{border-radius:var(--radius);overflow:hidden}.theme-integrated .rcp-hue{border-radius:calc(var(--radius) - 2px)}.theme-integrated .rcp-fields{background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));justify-content:center;margin-top:0;padding:.25rem 0;display:flex}.theme-integrated .rcp-field-input{background-color:hsl(var(--input));color:hsl(var(--input-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);height:1.75rem;padding:0 .5rem;font-size:.875rem}.theme-integrated .rcp-field-label{color:hsl(var(--muted-foreground));font-size:.75rem}.theme-integrated .rcp-body{padding-bottom:0}.theme-integrated .rcp-saturation-wrap,.theme-integrated .rcp-hue-wrap{margin-bottom:4px}