a-ckolor-wheel{display:block;position:absolute;z-index:9999;-webkit-filter:none!important;filter:none!important}.c-ckolor__input-row{margin:14px 0}.c-ckolor__input-row.center{text-align:center}.c-ckolor__input-wrapper{width:200px;height:21px;line-height:21px;padding:7px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14),0 3px 10px rgba(0,0,0,.035);border-radius:2px;margin:7px 0;font-size:14px;color:#555;font-family:sans-serif;text-transform:uppercase;cursor:pointer}.c-ckolor__input-wrapper button{outline:0!important;background:0 0;border:none;-webkit-appearance:none;width:21px;font-size:18px;padding:0;color:#fff;opacity:.7;box-shadow:none;margin:-4px 0 0;cursor:pointer;transition:all .2s}.c-ckolor__input-wrapper button:hover{transform:scale(1.05);opacity:1}.c-ckolor__input-wrapper span{display:inline-block;vertical-align:middle}.c-ckolor__overlay{width:100%;height:100%;position:fixed;left:0;top:0;background:radial-gradient(ellipse at 50% 250px,rgba(19,49,63,.91) 0,rgba(0,0,0,.91) 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:9999}.c-ckolor__overlay input[type=text],.c-ckolor__overlay input[type=number]{color:#aaa;font-size:12px;text-align:center;font-style:normal;text-transform:uppercase;display:inline-block;height:19px;background:rgba(255,255,255,.07);border:none;box-shadow:none;box-sizing:border-box;padding:0 3px;margin:0;width:100%;border-radius:2px;-webkit-appearance:none;outline:0!important;transition:all .2s}.c-ckolor__overlay input[type=text]:focus,.c-ckolor__overlay input[type=text]:hover,.c-ckolor__overlay input[type=number]:focus,.c-ckolor__overlay input[type=number]:hover{background:rgba(255,255,255,.14)}.c-ckolor__overlay input[type=text][type=number],.c-ckolor__overlay input[type=number][type=number]{-moz-appearance:textfield}.c-ckolor__overlay input[type=text][type=number]::-webkit-inner-spin-button,.c-ckolor__overlay input[type=text][type=number]::-webkit-outer-spin-button,.c-ckolor__overlay input[type=number][type=number]::-webkit-inner-spin-button,.c-ckolor__overlay input[type=number][type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.c-ckolor__overlay .c-ckolor__swatch{margin:0 0 0 1px;width:0;height:0;display:inline-block;vertical-align:middle;padding:18px;position:relative}.c-ckolor__overlay .c-ckolor__swatch span{display:block;width:100%;height:100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 1px 0 1px rgba(0,0,0,.07);border-radius:50%;position:absolute;top:0;left:0}.c-ckolor__overlay .c-ckolor__input-wrapper{width:30%;overflow:hidden;background:0 0;box-shadow:none;color:#aaa;display:inline-block;padding:0;margin:0 1px;line-height:14px}.c-ckolor__overlay .c-ckolor__input-wrapper.smaller{width:30px}.c-ckolor__overlay .c-ckolor__input-wrapper.button{width:9%;vertical-align:middle;margin:0 0 0 2px}.c-ckolor__overlay .c-ckolor__input-wrapper.dropdown{width:20%;overflow:visible;position:relative;vertical-align:middle;text-align:center;font-size:12px}.c-ckolor__overlay .c-ckolor__input-wrapper.dropdown div{margin-left:3px}.c-ckolor__overlay .c-ckolor__input-wrapper.dropdown div:before{content:"\f0dd";display:inline-block;font:normal normal normal 14px/1 FontAwesome;margin:0 3px 0 0;position:relative;top:-3px}.c-ckolor__overlay .c-ckolor__input-wrapper.dropdown ul{margin:0;padding:0;display:block;position:absolute;height:auto;overflow:hidden;max-height:0;background:rgba(255,255,255,.77);width:100%;color:#333;border-radius:2px;transition:all .2s}.c-ckolor__overlay .c-ckolor__input-wrapper.dropdown ul li{display:block;padding:5px 7px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.c-ckolor__overlay .c-ckolor__input-wrapper.dropdown ul li:hover{background:#fff}.c-ckolor__overlay .c-ckolor__input-wrapper.dropdown:hover ul{max-height:140px}.c-ckolor__overlay .c-ckolor__input-wrapper.hex{width:100%}.c-ckolor__overlay .c-ckolor__input-wrapper.hex input{text-align:left}.c-ckolor_previous-color-container{margin:28px auto 14px;box-sizing:border-box;padding:28px 7px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.2);text-align:center}.c-ckolor_previous-swatch{height:0;display:inline-block;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 1px rgba(0,0,0,.12);padding:3%;margin:1.7%;border-radius:50%;transition:transform .2s}.c-ckolor_previous-swatch:hover{transform:scale(1.1)}.c-ckolor__overlay-blur>*{-webkit-filter:blur(3px);filter:blur(3px);transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.c-ckolor__overlay-inner-outer{position:relative;overflow:auto;width:100%;height:100%}.c-ckolor__overlay-inner{width:280px;position:relative;margin:35px auto 20px}.c-ckolor__overlay-inputs{width:40%;display:inline-block;vertical-align:middle;position:relative;top:2px}.c-ckolor__alpha-wrapper{background:linear-gradient(0deg,rgba(138,138,138,.14) 0,rgba(138,138,138,.14) 1px,transparent 1px,transparent 5px),linear-gradient(90deg,rgba(138,138,138,.14) 0,rgba(138,138,138,.14) 1px,transparent 1px,transparent 5px);background-repeat:repeat;background-size:5px 5px;background-position:7px 6px;border-radius:50px}.c-ckolor__alpha,.c-ckolor__saturation{position:relative;width:100%;height:21px;border-radius:50px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 1px 0 1px rgba(0,0,0,.07)}.c-ckolor__alpha:hover .c-ckolor__alpha-handle,.c-ckolor__saturation:hover .c-ckolor__saturation-handle{transform:scale(1.1);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px #fff,inset 0 2px 14px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.25),0 7px 14px rgba(0,0,0,.2)}.c-ckolor__alpha-handle,.c-ckolor__saturation-handle{pointer-events:none;position:absolute;width:14px;height:14px;background:rgba(255,255,255,.4);border-radius:50%;top:3px;left:50%;margin-left:-7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.79),inset 0 2px 14px rgba(0,0,0,.22),0 1px 3px rgba(0,0,0,.14);transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer;transform:scale(1)}.c-ckolor__swatch{width:14px;height:14px;display:inline-block;vertical-align:middle;border-radius:2px}.c-ckolor__wheel-scoop{pointer-events:none;position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:red;margin:-11px 0 0 -11px;box-shadow:0 0 0 2px #fff;transition:transform .2s}.c-ckolor__wheel{overflow:hidden;width:0;height:0;padding:50%;position:relative;box-shadow:0 0 0 6px #fff;margin-bottom:28px;cursor:pointer;background:#fff;border-radius:50%;z-index:0}.c-ckolor__wheel,.c-ckolor__wheel *{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.c-ckolor__wheel-color{display:block}.c-ckolor__wheel-color:nth-child(1){transform:rotate(10deg)}.c-ckolor__wheel-color:nth-child(2){transform:rotate(20deg)}.c-ckolor__wheel-color:nth-child(3){transform:rotate(30deg)}.c-ckolor__wheel-color:nth-child(4){transform:rotate(40deg)}.c-ckolor__wheel-color:nth-child(5){transform:rotate(50deg)}.c-ckolor__wheel-color:nth-child(6){transform:rotate(60deg)}.c-ckolor__wheel-color:nth-child(7){transform:rotate(70deg)}.c-ckolor__wheel-color:nth-child(8){transform:rotate(80deg)}.c-ckolor__wheel-color:nth-child(9){transform:rotate(90deg)}.c-ckolor__wheel-color:nth-child(10){transform:rotate(100deg)}.c-ckolor__wheel-color:nth-child(11){transform:rotate(110deg)}.c-ckolor__wheel-color:nth-child(12){transform:rotate(120deg)}.c-ckolor__wheel-color:nth-child(13){transform:rotate(130deg)}.c-ckolor__wheel-color:nth-child(14){transform:rotate(140deg)}.c-ckolor__wheel-color:nth-child(15){transform:rotate(150deg)}.c-ckolor__wheel-color:nth-child(16){transform:rotate(160deg)}.c-ckolor__wheel-color:nth-child(17){transform:rotate(170deg)}.c-ckolor__wheel-color:nth-child(18){transform:rotate(180deg)}.c-ckolor__wheel-color:nth-child(19){transform:rotate(190deg)}.c-ckolor__wheel-color:nth-child(20){transform:rotate(200deg)}.c-ckolor__wheel-color:nth-child(21){transform:rotate(210deg)}.c-ckolor__wheel-color:nth-child(22){transform:rotate(220deg)}.c-ckolor__wheel-color:nth-child(23){transform:rotate(230deg)}.c-ckolor__wheel-color:nth-child(24){transform:rotate(240deg)}.c-ckolor__wheel-color:nth-child(25){transform:rotate(250deg)}.c-ckolor__wheel-color:nth-child(26){transform:rotate(260deg)}.c-ckolor__wheel-color:nth-child(27){transform:rotate(270deg)}.c-ckolor__wheel-color:nth-child(28){transform:rotate(280deg)}.c-ckolor__wheel-color:nth-child(29){transform:rotate(290deg)}.c-ckolor__wheel-color:nth-child(30){transform:rotate(300deg)}.c-ckolor__wheel-color:nth-child(31){transform:rotate(310deg)}.c-ckolor__wheel-color:nth-child(32){transform:rotate(320deg)}.c-ckolor__wheel-color:nth-child(33){transform:rotate(330deg)}.c-ckolor__wheel-color:nth-child(34){transform:rotate(340deg)}.c-ckolor__wheel-color:nth-child(35){transform:rotate(350deg)}.c-ckolor__wheel-color:nth-child(36){transform:rotate(360deg)}.c-ckolor__wheel-color:nth-child(37){transform:rotate(370deg)}.c-ckolor__wheel-color,.c-ckolor__wheel-color-inner1,.c-ckolor__wheel-color-inner2,.c-ckolor__wheel-color-inner2-2,.c-ckolor__wheel-value{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.c-ckolor__wheel-colors{width:120%;height:120%;margin-left:-10%;margin-top:-10%;-webkit-filter:blur(14px);filter:blur(14px);background:#000;position:absolute;top:0;left:0}.c-ckolor__wheel-color-inner1{transform:rotate(60deg) translate(50%,50%)}.c-ckolor__wheel-color-inner2{transform:rotate(-79deg) translate(49%,26%);transform-origin:0;background-image:linear-gradient(177deg,transparent 30%,rgba(0,0,0,.35) 38%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.9) 55%),linear-gradient(177deg,rgba(255,255,255,.9) 13%,rgba(255,255,255,0) 30%)}.c-ckolor__wheel-value{box-shadow:inset 0 0 3px rgba(255,255,255,.53),inset 0 0 5px 1px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.38),0 0 0 1px #000;background:radial-gradient(ellipse at center,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 18%),radial-gradient(ellipse at center,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 11%),radial-gradient(ellipse at center,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 6%),radial-gradient(ellipse at center,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 3%);pointer-events:all;border-radius:50%;overflow:hidden}.c-ckolor__wheel-value:hover .c-ckolor__wheel-scoop{transform:scale(1.1)}
