.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}.rcp,.rcp-body{display:flex;flex-direction:column;align-items:center}.rcp-body{justify-content:center;gap:20px;width:100%;box-sizing:border-box;padding:20px}.rcp-saturation{position:relative;width:100%;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px 10px 0 0;-webkit-user-select:none;user-select:none}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 15px 0 #00000026;box-sizing:border-box;transform:translate(-10px,-10px)}.rcp-hue{position:relative;width:100%;height:12px;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;-webkit-user-select:none;user-select:none}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 .5px #0003;box-sizing:border-box;transform:translate(-10px,-4px)}.rcp-alpha{position:relative;width:100%;height:12px;border-radius:10px;-webkit-user-select:none;user-select:none}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 .5px #0003;box-sizing:border-box;transform:translate(-10px,-4px)}.rcp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px;width:100%}.rcp-fields-element{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.hex-element{grid-row:1}.hex-element:nth-child(3n){grid-column:1/-1}.rcp-fields-element-input{width:100%;font-size:14px;font-weight:600;color:var(--rcp-input-text);text-align:center;background:none;border:2px solid;border-color:var(--rcp-input-border);border-radius:5px;box-sizing:border-box;outline:none;padding:10px}.rcp-fields-element-label{font-size:14px;font-weight:600;color:var(--rcp-input-label);text-transform:uppercase}@font-face{font-family:Montserrat;font-display:swap;src:local("Montserrat"),local("Montserrat-Regular"),url(/_next/static/media/Montserrat-Regular.585d1092.woff2) format("woff2")}@font-face{font-family:Montserrat Bold;font-display:swap;src:local("Montserrat"),local("Montserrat-Bold"),url(/_next/static/media/Montserrat-Bold.f4d681a7.woff2) format("woff2")}@font-face{font-family:Montserrat Semi Bold;font-display:swap;src:local("Montserrat"),local("Montserrat-SemiBold"),url(/_next/static/media/Montserrat-SemiBold.63611593.woff2) format("woff2")}@font-face{font-family:Montserrat Medium;font-display:swap;src:local("Montserrat"),local("Montserrat-Medium"),url(/_next/static/media/Montserrat-Medium.e51d2feb.woff2) format("woff2")}body,html{overflow-y:hidden;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#__next,body,html{height:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v138/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}