.rcp-light{--rcp-background:#fff;--rcp-input-text:#111;--rcp-input-border:#0000001a;--rcp-input-label:#717171}.rcp-dark{--rcp-background:#181818;--rcp-input-text:#f3f3f3;--rcp-input-border:#ffffff1a;--rcp-input-label:#999}.rcp{background-color:var(--rcp-background);border-radius:10px;flex-direction:column;align-items:center;display:flex}.rcp-body{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:20px;display:flex}.rcp-saturation{-webkit-user-select:none;user-select:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px 10px 0 0;width:100%;position:relative}.rcp-saturation-cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-10px);box-shadow:0 0 15px #00000026}.rcp-hue{-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;width:100%;height:12px;position:relative}.rcp-hue-cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 0 .5px #0003}.rcp-alpha{-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;height:12px;position:relative}.rcp-alpha-cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 0 .5px #0003}.rcp-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:100%;display:grid}.rcp-fields-element{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.hex-element{grid-row:1}.hex-element:nth-child(3n){grid-column:1/-1}.rcp-fields-element-input{width:100%;color:var(--rcp-input-text);text-align:center;border:2px solid;border-color:var(--rcp-input-border);box-sizing:border-box;background:0 0;border-radius:5px;outline:none;padding:10px;font-size:14px;font-weight:600}.rcp-fields-element-label{color:var(--rcp-input-label);text-transform:uppercase;font-size:14px;font-weight:600}
.Index-module__0qKExG__thumbnailStrip{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.Index-module__0qKExG__thumbnailStrip::-webkit-scrollbar{height:4px}.Index-module__0qKExG__thumbnailStrip::-webkit-scrollbar-track{background:0 0}.Index-module__0qKExG__thumbnailStrip::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:2px}.Index-module__0qKExG__thumbnailStrip::-webkit-scrollbar-thumb:hover{background-color:#a0aec0}.Index-module__0qKExG__imageContainer{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;transition:transform .2s ease-out,opacity .2s ease-out}.Index-module__0qKExG__imageContainer:active{transform:scale(.98)}.Index-module__0qKExG__imageContainer.Index-module__0qKExG__dragging{cursor:grabbing;transition:none;transform:scale(.95)}.Index-module__0qKExG__imageContainer.Index-module__0qKExG__dragging img{filter:brightness(.9);transition:none}.Index-module__0qKExG__imageContainer img{pointer-events:none;transition:transform .2s ease-out,filter .2s ease-out}