.rcp,.rcp button,.rcp div{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.rcp{display:block;overflow:hidden;width:240px;height:240px;position:relative;transform:scale(1.001);transition:transform .15s cubic-bezier(.68,0,.47,2)}.rcp:focus{outline:0}.rcp:hover .rcp__knob{box-shadow:0 0 20px #00000030,0 0 10px #0000003d}.rcp.dragging{transform:scale(1.04)}.rcp.disabled{cursor:not-allowed;transform:scale(.96)}.rcp.dragging .rcp__rotator{z-index:1}.rcp__palette{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:100% 100%;background-image:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 53.5%,#000 54%);mask-image:radial-gradient(circle at 50% 50%,transparent 53.5%,#000 54%);border-radius:50%;overflow:hidden;will-change:transform,opacity;transition:transform .5s cubic-bezier(.35,0,.25,1),opacity .5s cubic-bezier(.35,0,.25,1)}.rcp__palette.in{transform:scale(1);opacity:1}.rcp__palette.out{transform:scale(0);opacity:0}.disabled .rcp__palette{background-image:radial-gradient(gray,#fff)!important}.rcp__rotator{width:100%;height:100%;position:absolute}.rcp__knob{box-shadow:0 0 10px #0000001f,0 0 5px #00000029;border-radius:50%;position:absolute;width:7%;height:7%;top:2.5%;left:46.5%;background-color:#fff;transition:transform .4s cubic-bezier(.35,0,.25,1);outline:0;border-style:none}.rcp__knob.in{transform:scale(1)}.rcp__knob.out{transform:scale(0)}.disabled .rcp__knob{box-shadow:none!important;pointer-events:none}.rcp__well{position:absolute;width:25%;height:25%;top:37.5%;left:37.5%;padding:0;margin:0;border-radius:50%;background-color:red;outline:0;cursor:pointer;overflow:visible;border:6px solid #fff;box-shadow:0 0 0 1px #b2b2b2}.rcp__well::-moz-focus-inner{border:0}.rcp__well:hover{box-shadow:0 0 1px 1px #333}.rcp__well:focus{box-shadow:0 0 1px 2px #b2b2b2}.rcp__well.pressed{animation:rcp-beat .4s cubic-bezier(.35,0,.25,1) forwards}.disabled .rcp__well{background-color:#bfbfbf!important;pointer-events:none}.rcp__ripple{width:20%;height:20%;border-radius:50%;border:8px solid red;opacity:0;position:absolute;top:40%;left:40%;z-index:-1}.rcp__ripple.rippling{z-index:0;animation:rcp-ripple .5s cubic-bezier(.35,0,.25,1) forwards}@keyframes rcp-ripple{0%{transform:scale(1);opacity:.3}50%{opacity:.1}to{opacity:0;border-width:0;transform:scale(3.8)}}@keyframes rcp-beat{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(1)}}