.rcp-root{--rcp-background-color:#121212;--rcp-field-input-color:#fff;--rcp-field-input-border-color:#242424;--rcp-field-label-color:grey}.rcp{background-color:var(--rcp-background-color);border-radius:10px}.rcp,.rcp-body{display:flex;flex-direction:column}.rcp-body{gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{height:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent);border-radius:10px 10px 0 0;cursor:all-scroll;position:relative;width:100%}.rcp-saturation-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 rgba(0,0,0,.15);height:20px;position:absolute;transform:translate(-10px,-10px);width:20px}.rcp-hue{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;cursor:ew-resize;height:12px;position:relative;width:100%}.rcp-hue-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 rgba(0,0,0,.15);height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-alpha{border-radius:10px;cursor:ew-resize;height:12px;position:relative;width:100%}.rcp-alpha-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 rgba(0,0,0,.15);height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{background-color:transparent;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;color:var(--rcp-field-input-color);font-family:inherit;font-size:14px;outline:none;padding:5px 0;text-align:center;width:100%}.rcp-field-input:-moz-read-only{opacity:.8}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{color:var(--rcp-field-label-color);font-size:14px;text-align:center}