*{outline:none!important}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-font-smoothing:antialiased;font-family:avenir}*,input{outline:none}a{text-decoration:none}#content{position:relative}.hidden{display:none}.no-select{user-select:none;-moz-user-select:none;-webkit-user-select:none}@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");.rcp-light{--rcp-background:#fff;--rcp-input-text:#111;--rcp-input-border:rgba(0,0,0,.1);--rcp-input-label:#717171}.rcp-dark{--rcp-background:#181818;--rcp-input-text:#f3f3f3;--rcp-input-border:hsla(0,0%,100%,.1);--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(transparent,#000),linear-gradient(90deg,#fff,transparent);border-radius:10px 10px 0 0;-webkit-user-select:none;-moz-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 rgba(0,0,0,.15);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;-moz-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 rgba(0,0,0,.2);box-sizing:border-box;transform:translate(-10px,-4px)}.rcp-alpha{position:relative;width:100%;height:12px;border-radius:10px;-webkit-user-select:none;-moz-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 rgba(0,0,0,.2);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}