.rcp-root{--rcp-background-color: #121212;--rcp-field-input-color: #ffffff;--rcp-field-input-border-color: #242424;--rcp-field-label-color: #808080}.rcp{display:flex;flex-direction:column;background-color:var(--rcp-background-color);border-radius:10px}.rcp-body{display:flex;flex-direction:column;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-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;width:100%;position:relative;background-image:linear-gradient(to bottom,transparent,black),linear-gradient(to right,white,transparent);border-radius:10px 10px 0 0}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid white;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(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid white;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 white;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-input:read-only{opacity:.8}.rcp-field-label{font-size:14px;text-align:center;color:var(--rcp-field-label-color)}@font-face{font-family:Open Sans;src:local("Open Sans");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/build/app/roboto.CtZJC3o8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Fira Code;src:url(/build/app/FiraCode.B8UAmyNo.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/build/app/Poppins.CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Times New Roman;src:url(/build/app/times.CalcgLBk.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Arial;src:url(/build/app/arial.CAs2Q931.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Abril Fatface;src:url(/build/app/AbrilFatface.CF4J23BR.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Caveat;src:url(/build/app/Caveat.bnItEO2x.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu;src:url(/build/app/Ubuntu.D14tH6yt.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Playwrite HU;src:url(/build/app/PlaywriteHU.DV_D2Rbw.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Shadows Into Light;src:url(/build/app/ShadowsIntoLight.qW6OUZRz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/build/app/Montserrat.CiIa1Ne8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Michroma;src:url(/build/app/Michroma.CAi-HuEq.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lora;src:url(/build/app/Lora-Italic.CYuWdkyX.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Cabin;src:url(/build/app/Cabin.jNeQcqiB.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Quicksand;src:url(/build/app/Quicksand.DE2wFU7n.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Permanent Marker;src:url(/build/app/PermanentMarker.ClowKQab.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lobster;src:url(/build/app/Lobster.B8J5ApJ6.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(/build/app/Lato-Regular.BwLIet1C.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Imperial Script;src:url(/build/app/ImperialScript.Dg-cCd5Y.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:EB Garamond;src:url(/build/app/EBGaramond-Italic.CLXdeb6I.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Comfortaa;src:url(/build/app/Comfortaa.DncZUrVr.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Oswald;src:url(/build/app/Oswald.0PBiZmb6.ttf) format("truetype");font-weight:400;font-style:normal}