.styles_header__Dx5Qn{align-items:center;box-shadow:0 1px 10px rgba(0,0,0,.3);display:flex;height:60px;justify-content:space-between;padding:5px 25px;position:relative;width:100%;z-index:100}.styles_header__Dx5Qn .styles_left__6Fsx-{width:160px}.styles_header__Dx5Qn .styles_left__6Fsx- svg{height:auto;width:100%}.styles_header__Dx5Qn .styles_right__jaZGs{align-items:center;color:#3d475d;display:flex;font-size:22px}.styles_header__Dx5Qn .styles_right__jaZGs .styles_info__a-lZ-{cursor:pointer}.styles_header__Dx5Qn .styles_right__jaZGs .styles_settings__AxmTZ,.styles_header__Dx5Qn .styles_right__jaZGs .styles_share__jbDxw{cursor:pointer;margin-right:12px}.styles_header__Dx5Qn .styles_right__jaZGs .styles_reset__\+6aQq{align-items:center;cursor:default;display:flex;justify-content:center;margin-right:12px;margin-top:-1px;transition:all .2s;-webkit-user-select:none;user-select:none}.styles_header__Dx5Qn .styles_right__jaZGs .styles_reset__\+6aQq.styles_disabled__P4NEe{opacity:.4}.styles_header__Dx5Qn .styles_right__jaZGs .styles_reset__\+6aQq:not(.styles_disabled__P4NEe):active,.styles_header__Dx5Qn .styles_right__jaZGs .styles_reset__\+6aQq:not(.styles_disabled__P4NEe):hover{cursor:pointer}.styles_header__Dx5Qn .styles_right__jaZGs .styles_undoRedo__XDBzQ{align-items:center;border-left:1px solid #ddd;display:flex;justify-content:center;padding:4px 12px}.styles_header__Dx5Qn .styles_right__jaZGs .styles_undoRedo__XDBzQ div{align-items:center;display:flex;justify-content:center}.styles_header__Dx5Qn .styles_right__jaZGs .styles_undoRedo__XDBzQ div:first-child{margin-right:10px}.styles_header__Dx5Qn .styles_right__jaZGs .styles_undoRedo__XDBzQ div.styles_disabled__P4NEe{color:#aaa;cursor:default;opacity:.7}.styles_header__Dx5Qn .styles_right__jaZGs .styles_icon__Vhlbx{cursor:pointer;display:flex;margin-right:12px}@media (max-width:768px){.styles_header__Dx5Qn .styles_left__6Fsx-{width:140px}}@media (max-width:450px){.styles_header__Dx5Qn{padding:5px 15px}}.styles_footer__tbGPT{align-items:center;box-shadow:0 1px 10px rgba(0,0,0,.3);display:flex;height:60px;justify-content:space-between;padding:5px 25px;position:relative;width:100%;z-index:100}.styles_footer__tbGPT .styles_button__O-T9I{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;padding:12px 30px 10px;text-transform:uppercase;transition:all .25s ease-in-out}.styles_footer__tbGPT .styles_button__O-T9I:hover{border:1px solid #333;box-shadow:0 0 5px rgba(0,0,0,.3)}.styles_generateColor__walor{bottom:0;display:block;height:100%;max-height:100%;position:absolute;top:0;width:45px}.styles_generateColor__walor.styles_left__L1BHp{left:0}.styles_generateColor__walor.styles_left__L1BHp .styles_generateColorPlus__eGiDH{left:0;-webkit-transform:translate3d(-21px,-21px,0) scale(0) rotate(180deg);transform:translate3d(-21px,-21px,0) scale(0) rotate(180deg)}.styles_generateColor__walor.styles_left__L1BHp .styles_generateColorPlus__eGiDH.styles_first__bpVQj{-webkit-transform:translate3d(5px,-21px,0) scale(0) rotate(180deg);transform:translate3d(5px,-21px,0) scale(0) rotate(180deg)}.styles_generateColor__walor.styles_right__XZIEf{right:0}.styles_generateColor__walor.styles_right__XZIEf .styles_generateColorPlus__eGiDH{right:0;-webkit-transform:translate3d(21px,-21px,0) scale(0) rotate(180deg);transform:translate3d(21px,-21px,0) scale(0) rotate(180deg)}.styles_generateColor__walor.styles_right__XZIEf .styles_generateColorPlus__eGiDH.styles_last__Lsi21{-webkit-transform:translate3d(-5px,-21px,0) scale(0) rotate(180deg);transform:translate3d(-5px,-21px,0) scale(0) rotate(180deg)}.styles_generateColor__walor .styles_generateColorPlus__eGiDH{align-items:center;background-color:#fff;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;opacity:0;position:absolute;top:50%;transition:opacity .1s,-webkit-transform .1s;transition:transform .1s,opacity .1s;transition:transform .1s,opacity .1s,-webkit-transform .1s;width:42px;z-index:99}.styles_generateColor__walor .styles_generateColorPlus__eGiDH:after{background-color:#fff;border-radius:50%;content:"";height:30px;position:absolute;transition:all .2s ease-in-out;width:30px;z-index:1}.styles_generateColor__walor .styles_generateColorPlus__eGiDH:hover:after{background-color:#ededee}.styles_generateColor__walor .styles_generateColorPlus__eGiDH>i{z-index:2}.styles_generateColor__walor:hover.styles_left__L1BHp .styles_generateColorPlus__eGiDH{opacity:1;-webkit-transform:translate3d(-21px,-21px,0) scale(1) rotate(180deg);transform:translate3d(-21px,-21px,0) scale(1) rotate(180deg)}.styles_generateColor__walor:hover.styles_left__L1BHp .styles_generateColorPlus__eGiDH.styles_first__bpVQj{-webkit-transform:translate3d(5px,-21px,0) scale(1) rotate(180deg);transform:translate3d(5px,-21px,0) scale(1) rotate(180deg)}.styles_generateColor__walor:hover.styles_right__XZIEf .styles_generateColorPlus__eGiDH{opacity:1;-webkit-transform:translate3d(21px,-21px,0) scale(1) rotate(180deg);transform:translate3d(21px,-21px,0) scale(1) rotate(180deg)}.styles_generateColor__walor:hover.styles_right__XZIEf .styles_generateColorPlus__eGiDH.styles_last__Lsi21{-webkit-transform:translate3d(-5px,-21px,0) scale(1) rotate(180deg);transform:translate3d(-5px,-21px,0) scale(1) rotate(180deg)}.styles_shades__E5hHp{display:grid;height:0;left:0;overflow:hidden;position:absolute;top:0;transition:height .2s ease-in-out;width:100%;z-index:5}.styles_shades__E5hHp.styles_open__JSE8U{height:100%}.styles_shades__E5hHp .styles_shade__rqJZE{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;text-transform:uppercase;transition:opacity .2s ease-in-out}.styles_shades__E5hHp .styles_shade__rqJZE:hover>span{opacity:1}.styles_shades__E5hHp .styles_shade__rqJZE>span{opacity:0}.styles_shades__E5hHp .styles_shade__rqJZE.styles_active__Ut\+cG>span{opacity:1}@media (max-width:768px){.styles_shades__E5hHp{align-items:stretch;background-color:#333;display:flex;height:100%;justify-content:center;transition:width .2s ease-in-out;width:0}.styles_shades__E5hHp.styles_open__JSE8U{width:100%}.styles_shade__rqJZE{width:4%}.styles_shade__rqJZE>span{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.styles_colorColActions__PqJab{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:4}.styles_colorColActions__PqJab.styles_white__0brnu{color:#fff}.styles_colorColActions__PqJab.styles_white__0brnu>div:hover{background:hsla(0,0%,100%,.1);cursor:pointer}.styles_colorColActions__PqJab.styles_black__DeqHc{color:#000}.styles_colorColActions__PqJab.styles_black__DeqHc>div:hover{background:rgba(0,0,0,.1);cursor:pointer}.styles_colorColActions__PqJab>div{align-items:center;background:transparent;border:none;border-radius:10px;color:inherit;display:flex;font-size:18px;height:40px;justify-content:center;outline:none;padding:10px;transition:all .25s;width:40px}.styles_colorColActions__PqJab>div>i{color:inherit}@media (max-width:768px){.styles_colorColActions__PqJab{flex-direction:row}.styles_colorColActions__PqJab .styles_generatePallete__Gyhxq{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.styles_colorCol__9VD23{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-around;position:relative}.styles_colorCol__9VD23.styles_white__WykJR{color:#fff}.styles_colorCol__9VD23.styles_white__WykJR .styles_hex__gD7To:hover{background:hsla(0,0%,100%,.1);cursor:pointer}.styles_colorCol__9VD23.styles_black__HVl6\+{color:#000}.styles_colorCol__9VD23.styles_black__HVl6\+ .styles_hex__gD7To:hover{background:rgba(0,0,0,.1);cursor:pointer}.styles_colorCol__9VD23 .styles_hex__gD7To{border-radius:10px;font-size:30px;font-weight:600;letter-spacing:.03em;padding:10px;position:relative;text-align:center;text-transform:uppercase;transition:all .25s;z-index:5}.styles_colorCol__9VD23 .styles_hex__gD7To span{display:block;font-size:12px;margin-top:20px;opacity:.6;text-transform:capitalize}.styles_colorCol__9VD23 .styles_colorName__nLf63{font-size:11px;font-weight:600;letter-spacing:.05em;margin-top:10px;opacity:.8;text-align:center}@media (max-width:768px){.styles_colorCol__9VD23{align-items:center;flex-direction:row;justify-content:space-between;padding:0 30px}.styles_colorCol__9VD23 .styles_hex__gD7To{font-size:20px;padding:5px}.styles_colorCol__9VD23 .styles_colorName__nLf63{margin-top:3px}}.styles_palette__nzp2q{display:flex;height:calc(100vh - 60px);overflow-x:hidden;position:relative}@media (max-width:768px){.styles_palette__nzp2q{flex-direction:column;height:calc(100vh - 120px)}}.styles_modalWrapper__EPrNc{background:#fff;border-radius:12px;height:auto;left:50%;outline:none;overflow:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;z-index:1001}.styles_modalWrapper__EPrNc .styles_header__Yc8WS{align-items:center;display:flex;height:60px;justify-content:center}.styles_modalWrapper__EPrNc .styles_header__Yc8WS .styles_title__-zNm0{color:#555;font-size:18px;letter-spacing:.7px;text-align:center}.styles_modalWrapper__EPrNc .styles_header__Yc8WS .styles_close__hlf10{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:30px;justify-content:center;margin-top:1px;opacity:1;position:absolute;right:15px;transition:all .2s ease-in-out;width:30px}.styles_modalWrapper__EPrNc .styles_header__Yc8WS .styles_close__hlf10:hover{background-color:rgba(61,71,93,.3)}.styles_overlay__GbaiD{background-color:rgba(0,0,0,.3);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:400px){.styles_modalWrapper__EPrNc .styles_header__Yc8WS .styles_title__-zNm0{font-size:16px}}.styles_toast__FE\+-W{-webkit-animation:styles_slideRight__g\+HBJ .25s ease-in-out;animation:styles_slideRight__g\+HBJ .25s ease-in-out;background-color:rgba(0,0,0,.95);border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.6);color:#54e163;padding:20px;position:fixed;right:20px;top:10px;z-index:100}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh}@-webkit-keyframes slideRight{0%{right:-1000px}to{right:20px}}@keyframes slideRight{0%{right:-1000px}to{right:20px}}
/*# sourceMappingURL=main.1c2ed483.css.map*/