.color-input-item{cursor:pointer;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-size:1.2rem;transition:all .1s ease-in;display:flex}.color-input-item--dark-blue{background-color:#3c64ff80;border:1px solid #3c64ff}.color-input-item--mid-blue{background-color:#87a0ff80;border:1px solid #87a0ff}.color-input-item--light-blue{background-color:#5ab4b480;border:1px solid #5ab4b4}.color-input-item--alba-blue{background-color:#64bdff80;border:1px solid #64bdff}.color-input-item--green{background-color:#00af5a80;border:1px solid #00af5a}.color-input-item--light-green{background-color:#00d28280;border:1px solid #00d282}.color-input-item--lime{background-color:#8cdc6480;border:1px solid #8cdc64}.color-input-item--red{background-color:#ff5a5080;border:1px solid #ff5a50}.color-input-item--orange{background-color:#ff821e80;border:1px solid #ff821e}.color-input-item--yellow{background-color:#ffbe0080;border:1px solid #ffbe00}.color-input-item--purple{background-color:#534cdd80;border:1px solid #534cdd}.color-input-item--pink{background-color:#dc46be80;border:1px solid #dc46be}.color-input-item--light-pink{background-color:#ff82d280;border:1px solid #ff82d2}