.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{width:100%;height:100%;user-select:none;touch-action:none}.rcp-saturation{cursor:all-scroll;width:100%;position:relative;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent);border-radius:10px 10px 0 0}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-10px)}.rcp-hue{cursor:ew-resize;position:relative;width:100%;height:12px;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-alpha{cursor:ew-resize;position:relative;width:100%;height:12px;border-radius:10px}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{width:100%;font-family:inherit;font-size:14px;text-align:center;color:var(--rcp-field-input-color);background-color:transparent;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;outline:none;padding:5px 0}.rcp-field-label{font-size:14px;text-align:center;color:var(--rcp-field-label-color)}.spinner-chase{width:40px;height:40px;position:relative;animation:spinner-chase 2.5s linear infinite both}.spinner-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:spinner-chase-dot 2s ease-in-out infinite both}html.light .spinner-chase-dot:before{background-color:#f1f5f9}html.dark .spinner-chase-dot:before,html.light .spinner-chase-dot:before{content:"";display:block;width:25%;height:25%;border-radius:100%;animation:spinner-chase-dot-before 2s ease-in-out infinite both}html.dark .spinner-chase-dot:before{background-color:#334155}.spinner-chase-dot:first-child{animation-delay:-1.1s}.spinner-chase-dot:nth-child(2){animation-delay:-1s}.spinner-chase-dot:nth-child(3){animation-delay:-.9s}.spinner-chase-dot:nth-child(4){animation-delay:-.8s}.spinner-chase-dot:nth-child(5){animation-delay:-.7s}.spinner-chase-dot:nth-child(6){animation-delay:-.6s}.spinner-chase-dot:first-child:before{animation-delay:-1.1s}.spinner-chase-dot:nth-child(2):before{animation-delay:-1s}.spinner-chase-dot:nth-child(3):before{animation-delay:-.9s}.spinner-chase-dot:nth-child(4):before{animation-delay:-.8s}.spinner-chase-dot:nth-child(5):before{animation-delay:-.7s}.spinner-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes spinner-chase{to{transform:rotate(1turn)}}@keyframes spinner-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes spinner-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid #64748b;height:36px;width:16px;border-radius:4px;background:#f1f5f9;cursor:pointer;margin-top:-6px}input[type=range]::-moz-range-thumb{border:2px solid #64748b;height:36px;width:16px;border-radius:4px;background:#f1f5f9;cursor:pointer}input[type=range]::-ms-thumb{border:2px solid #64748b;height:36px;width:16px;border-radius:4px;background:#f1f5f9;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:24px;cursor:pointer;border-radius:8px}input[type=range]::-moz-range-track{width:100%;height:24px;cursor:pointer;border-radius:8px}input[type=range]::-ms-track{width:100%;height:24px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}