.color-generator-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#fff;padding:0!important}.color-generator-container .color-generator{width:100%;padding:20px}.color-generator-container .color-generator .cg-title{font-size:3em;margin-bottom:30px}.color-generator-container .result-colors{padding:30px}.color-generator-container .result-colors .selected-color{width:100px;height:100px}.color-generator-container .cg-close{position:absolute;padding:20px;top:0;right:0}.color-generator-container .cg-close i{font-size:2em}.color-generator-container.dark{color:#fff!important}.color-generator-container.dark input{color:#333!important}.hue-list{display:flex}.reference-color{margin-top:60px}.reference-color .title{font-size:20px;font-weight:900}.reference-color .reference-color-list{display:flex}