@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-family:Open Sans,sans-serif;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{height:100vh;line-height:1;position:relative}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{border:none;outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{background:#fff;border:none;box-shadow:0 0 16px #00000029;color:#000}ul{align-items:center;display:flex}.material{font-size:36px;padding-right:14px}.material-icons{cursor:pointer}.material-icons:hover{opacity:.5}.color-white{color:#fff}label{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}a{color:#000;text-decoration:none}.disabled{opacity:.5}header{position:relative}header ul{background:#fff;box-shadow:0 4px 16px #00000029;font-size:20px;height:80px;justify-content:center;position:absolute;top:0;transition:all 1.5s;width:100%;z-index:1}header li{align-items:center;cursor:pointer;display:flex;margin-right:48px}header li:hover{opacity:.5}header button{border-radius:50%;height:56px;left:50%;position:absolute;top:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:top 1.5s;width:56px}header button span{margin-top:28px}header .closeHeader{box-shadow:none;top:-81px!important}header .closeHeaderBtn{top:-28px}footer .props{background:#fff;border-radius:40px;bottom:40px;box-shadow:0 4px 16px #00000029;left:50%;padding:19px 42px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}footer .props label{align-items:center;display:flex}footer .props .props-icons-group{margin-right:23px}footer .props .props-icons-group li{margin-right:20px;position:relative}footer .props .props-icons-group li:after{background:#fff;border-radius:5px;left:50%;opacity:0;padding:.25rem .5rem;position:absolute;top:-42px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}footer .props .props-icons-group li:first-child:after{content:"brush"}footer .props .props-icons-group li:nth-child(2):after{content:"fill"}footer .props .props-icons-group li:last-child:after{content:"eraser"}footer .props .props-icons-group li:hover:after{opacity:1}footer .props .props-icons{font-size:42px}footer .props .active{opacity:.5}footer .props input[type=number]{background:#e8e8e8;border-radius:24px;font-size:20px;height:46px;margin:0 8px 0 16px;text-align:center;width:74px}footer .props .color-group{align-items:center;display:flex;margin-left:40px}footer .props .color-group label{margin-right:16px;position:relative}footer .props .color-group label input[type=color]{opacity:0;position:absolute;z-index:-1}footer .props .color-group ul{max-width:672px;overflow:scroll}footer .props .color-item{margin-right:8px}footer .props .color-item:first-child div{border:2px solid #000;height:44px;width:44px}footer .props .color-item div{border-radius:50%;cursor:pointer;height:48px;position:relative;width:48px}footer .props .color-item div:hover{opacity:.5}footer .props .color-item div span{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}footer .btn{height:100vh;z-index:-1}footer .btn button{border-radius:50%;bottom:96px;height:48px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:48px}footer .btn .arrow-down-btn{height:56px;width:56px}footer .btn .keyboard_arrow_down{margin-bottom:20px}
/*# sourceMappingURL=main.f1db79ea.css.map*/