body{color:#000;margin:0}.color-picker{background-color:#fff;width:500px;height:100vh;position:absolute;right:0}.view-icons{display:flex;position:absolute;bottom:20px;left:50%;right:0;transform:translate(-50%)}.car-view{cursor:pointer;opacity:.5;background-color:#fff;border-radius:50%;width:100px;height:100px;margin:15px;padding:15px;transition:all .3s}.car-view:hover{opacity:1}.color-box{cursor:pointer;max-height:40px;padding:10px;transition:all .3s;position:relative;overflow:hidden}.color-box-title:after{content:"+";position:absolute;right:30px}.color-box.active .color-box-title:after{content:"-"}.color-box.active{max-height:100%}.box-color-content{flex-wrap:wrap;justify-content:space-around;display:flex}.color-select{width:180px;height:40px;margin:5px;transition:all .3s}.color-select:hover,.color-select:active{box-shadow:0 0 7px 3px #00000080}.blue{background-color:#00f}.yellow{background-color:#ff0}.pink{background-color:pink}.white{background-color:#fff}.black{background-color:#000}.green{background-color:green}