.color-picker-section{-webkit-box-align:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important;padding-block:20rem}.color-picker-section .color-picker-container{background-color:#f5f4f9;margin:30px;border-radius:35px;min-height:31rem;padding-block:5px}.color-picker-section .color-picker-container .img-container{position:relative;min-height:70vh;max-width:1100px}.color-picker-section .color-picker-container .img-container div{width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-content:center}.color-picker-section .color-picker-container .img-container div img{position:absolute;top:80px;left:0;right:0;max-height:85vh;-o-object-fit:contain;object-fit:contain;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.color-picker-section .color-picker-container .img-container div img:not(:first-of-type){opacity:0}.color-picker-section .color-picker-container .nav-color{margin-inline:1rem;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:end;align-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;position:relative;z-index:100}.color-picker-section .color-picker-container .nav-color li{float:left;padding:5px}.color-picker-section .color-picker-container .nav-color li span{cursor:pointer;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.color-picker-section .color-picker-container .nav-color li span .dot{display:block;height:25px;width:25px;background-color:#bbb;border-radius:50%}.color-picker-section .color-picker-container .nav-color li span .dot.active{display:block;height:28px;width:28px;border-radius:50%;background-color:#444}.color-picker-section .color-picker-container .nav-color li span.active .dot{outline:4px solid #c7c7c7}
/*# sourceMappingURL=color-picker.min.css.map */