#colorPicker__section .container .action__btns select option,*{padding:0}#colorPicker__section,footer{height:100%;background:#f7f7f7}#colorPicker__section,footer,footer .container{padding:20px;display:flex}#colorPicker__section .container,footer .container{max-width:580px;box-shadow:0 5px 15px rgba(0,0,0,.1);background:#fff}*{margin:0;box-sizing:border-box;font-family:"Noto Sans",sans-serif}#colorPicker__section{width:100%;min-height:80vh;flex-direction:column;justify-content:center;align-items:center}#colorPicker__section .container{position:relative;width:100%;padding:30px;border-radius:14px}#colorPicker__section .container h2{font-size:1.3rem;margin:8px}#colorPicker__section .container .bg__color{margin:8px;width:100%;height:250px;background:#2e41fe;border-radius:14px;box-shadow:0 0 0 rgba(0,0,0,.1)}#colorPicker__section .container .action__btns{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}#colorPicker__section .container .action__btns button.btn{width:35%;flex-basis:180px;font-size:.9rem;padding:7px 15px;border:none;background:#0064e0;color:#fff;border-radius:5px;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}#colorPicker__section .container .action__btns button.btn i{margin-left:8px}#colorPicker__section .container .action__btns .items{flex-grow:1;margin:8px;flex-flow:1;padding:6px 10px!important}#colorPicker__section .container .action__btns #copyColor span{position:absolute;width:100%;height:100%;display:none;background:#00e013;color:#000;top:0;left:0;padding:7px}#colorPicker__section .container .action__btns select{width:15%;padding:6px 15px;border-radius:5px;outline:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}#colorPicker__section .container .color__value_fileds{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding-top:10px}#colorPicker__section .container .color__value_fileds .input__group{flex-basis:190px;width:100%;flex-flow:1;flex-grow:1;flex-shrink:initial;position:relative;display:flex;margin:8px}#colorPicker__section .container .color__value_fileds .input__group label{width:100%;flex-basis:20px;padding:7px;font-size:.9rem;line-height:1.5rem;font-weight:700;background:#ebebeb;z-index:1;border-radius:5px 0 0 5px}#colorPicker__section .container .color__value_fileds .input__group input{width:100%;margin-left:-5px;font-size:.9rem;z-index:0;padding:7px 10px;border:2px solid #ebebeb;outline:0;background:0 0;border-radius:5px}#colorPicker__section .container .color__value_fileds #colorVolume{margin:0;width:100%;flex-basis:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#colorPicker__section .container .color__value_fileds #colorVolume .val__group{flex-basis:150px;width:100%;flex-flow:1;flex-grow:1;margin:8px}#colorPicker__section .container .color__value_fileds #colorVolume .val__group label{font-size:.8rem;font-weight:700;padding:0;display:block;background:0 0}#colorPicker__section .container .color__value_fileds #colorVolume .val__group input{margin-left:0}#colorPicker__section .container .color__preset .color_container{display:flex;flex-direction:row;flex-wrap:wrap}#colorPicker__section .container .color__preset .color_container .color__box{cursor:pointer;display:block;min-width:90px;height:30px;flex-basis:90px;flex-grow:1;flex-flow:1;flex-shrink:initial;margin:8px;border-radius:4px;position:relative;overflow:hidden}#colorPicker__section .container .color__preset .color_container .color__box span{position:absolute;top:0;left:0;text-align:center;width:100%;height:100%;line-height:27px;font-size:.8rem;font-weight:700;display:none}footer{width:100%;min-height:20vh;flex-direction:row;justify-content:center;align-items:center}footer .container{width:100%;border-radius:14px;align-items:center;justify-content:space-between;color:#343333}footer .container h2{font-size:1.1rem;line-height:1.7rem}footer .container p{font-size:.9rem}footer .container p span{font-weight:700}footer .container a{text-decoration:none;color:#343333}footer .container a i{margin-right:10px}@media (max-width:560px){#colorPicker__section{padding:20px!important}#colorPicker__section .bg__color{margin:8px 0!important;height:160px!important}#colorPicker__section .container,footer .container{padding:15px!important}#colorPicker__section .action__btns{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}#colorPicker__section .action__btns button.btn{margin:0}#colorPicker__section .action__btns button.btn i{margin-left:8px}#colorPicker__section .action__btns .items{width:30%;flex-basis:150px;flex-grow:1;flex-flow:1;padding:6px 10px!important}footer .container a,footer .container h2{font-size:.8rem!important}footer .container p{font-size:.7rem!important}}