.color{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;position:relative;width:160px;min-width:160px}.color__circle{width:72px;height:72px;border-radius:50%;margin-bottom:8px;border:1px solid #edf2f7}.color__text{font-size:14px;font-weight:600;margin-bottom:8px}.color__input{display:inline-block;vertical-align:middle;text-align:center;padding:2px 4px;border:1px solid transparent;border-bottom-color:var(--form-inputBorderColor);-webkit-transition:border-color .4s ease;transition:border-color .4s ease}.color__input:focus{border-color:var(--form-inputBorderColor)}.color__info{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:87px}.color__value{display:inline-block;text-transform:uppercase;font-size:14px;text-align:center}.color__wheel{margin-left:10px}.color__picker{font-family:Open Sans,Avenir,Helvetica,Arial,sans-serif;position:absolute;z-index:100;margin-top:36px;left:36px}.color__picker .vc-chrome-toggle-icon svg{margin-left:12px}.color__picker .vc-chrome-hue-wrap{margin-top:10px;width:95%;left:5%}.color__picker .vc-chrome-alpha-wrap{display:none}.fc-button,.fc-button-alt{display:inline-block;padding:.375em 1.25em;min-width:6.25em;text-align:center;color:var(--form-buttonColor);background-color:var(--form-buttonBackgroundColor);border:1px solid var(--form-buttonBorderColor)}.fc-button-alt:hover,.fc-button:hover{cursor:pointer;color:var(--form-buttonHoverColor);background-color:var(--form-buttonHoverBackgroundColor)}.fc-button-alt{color:var(--form-altButtonColor);background-color:var(--form-altButtonBackgroundColor);border-color:var(--form-altButtonBorderColor)}.fc-button-alt:hover{color:var(--form-altButtonHoverColor);background-color:var(--form-altButtonHoverBackgroundColor)}.fc-button-compact{font-size:.8125rem;font-weight:600;padding:.35em 1.5em}.fc-input{background-color:var(--form-inputBackgroundColor);border:1px solid var(--form-inputBorderColor);padding:2px 9px;font-size:13px;border-radius:5px}.fc-input,.fc-input-display{color:var(--form-inputColor)}.fc-input-display{background-color:transparent;padding:2px 6px;border:1px solid transparent;border-bottom-color:var(--form-inputBorderColor);-webkit-transition:border-color .4s ease;transition:border-color .4s ease}.fc-input-display:focus{border-color:var(--form-inputBorderColor)}.fc-fill{position:absolute;top:0;right:0;bottom:0;left:0}.fc-center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fc-middle{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fc-center-middle{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.fc-clearfix:after{content:"";display:table;clear:both}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}h1,h2,h3{font-family:Geometric Slabserif;preset:null}h4,h5,h6,p{font-family:ProximaNova-Regular;preset:null}.colors__list{display:-webkit-box;display:flex;flex-wrap:wrap;margin-left:-2.5rem;margin-right:-2.5rem;max-width:77rem}.colors__item{padding-right:15px;padding-bottom:50px;-webkit-transition:all .5s;transition:all .5s}.colors__item--button{-webkit-box-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;opacity:.5;width:160px;min-width:160px}.colors__item--button:hover{opacity:1}.colors__add{background-color:hsla(0,0%,100%,.5);border:1px solid #edf2f7;border-radius:50%;height:72px;margin-bottom:8px;width:72px}.colors__add-icon{position:relative;top:2px;font-size:1.5rem}.colors__text{font-size:14px;font-weight:600;margin-bottom:8px}