.rcp-root{--rcp-background-color:transparent;--rcp-field-input-color:var(--foreground);--rcp-field-input-border-color:var(--input);--rcp-field-label-color:var(--muted-foreground)}.rcp{background-color:var(--rcp-background-color);border-radius:var(--radius);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{border-radius:calc(var(--radius) - 2px);text-align:center;width:100%;height:2.25rem;color:var(--rcp-field-input-color);border:1px solid var(--rcp-field-input-border-color);background-color:#0000;outline:none;padding:.25rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000d}.rcp-field-input:read-only{opacity:.5}.rcp-field-input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring)}.rcp-field-label{text-align:center;color:var(--rcp-field-label-color);margin-top:.25rem;font-size:.75rem;font-weight:500}