.Chat{-ms-flex:0 0 350px;flex:0 0 350px;background:#f2fcfe}.Chat .input-wrapper{-ms-flex:0 0 34px;flex:0 0 34px}@media screen and (max-width:950px){.Chat .input-wrapper{-ms-flex:0 0 36px;flex:0 0 36px}.Chat .input-wrapper button,.Chat .input-wrapper input{font-size:14px}}.Chat ul{list-style:none;margin:0;padding:0 15px 15px;overflow-y:auto}.Chat li{margin:0;padding:12px;background:#eef;border-radius:5px}.Chat li+li{margin-top:15px}.Chat .info{font-size:80%;color:#aaa;margin-top:10px}.Chat button:focus{margin-left:-1px}.Toolbar{background:#333;padding:0 10px;-ms-flex:0 0 60px;flex:0 0 60px}.Toolbar input{width:75px}.Toolbar .field label{font-size:11px;color:#aaa;display:block;margin-bottom:3px;text-transform:uppercase}.Toolbar button.icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:6px}.Toolbar .field,.Toolbar button+button,.Toolbar select{margin-left:10px}[name=Draggable],[name=Draggable] rect{cursor:move}.dot{outline:1px solid #000}.dot-1{cursor:nwse-resize}.dot-2{cursor:ns-resize}.dot-3{cursor:nesw-resize}.dot-4{cursor:ew-resize}.dot-5{cursor:nwse-resize}.dot-6{cursor:ns-resize}.dot-7{cursor:nesw-resize}.dot-8{cursor:ew-resize}[name=Rect].selectable{cursor:pointer}[name=Ellipse].selectable{cursor:pointer}[name=Path].selectable{cursor:pointer}[name=Text]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}[name=Text].selectable{cursor:pointer}[name=Text] textarea{font-family:Montserrat,sans-serif;background:none;-webkit-box-shadow:none;box-shadow:none;border:1px dotted #000;width:100%;height:100%;padding:2px;font-weight:600;line-height:27px}.Svg{-ms-flex:1 1 100%;flex:1 1 100%}.Svg .scroll-node{overflow:auto;width:100%;height:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.Svg .scroll-node:active{cursor:move}.Svg .img-wrapper{position:absolute}.Svg img,.Svg svg{position:absolute;top:0;left:0;width:100%;height:100%}.Markup{-ms-flex:1 1 100%;flex:1 1 100%;background:#000}.Markup input[type=file]{position:fixed;top:-1000px;left:-1000px}.Dialog-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#0008}.Dialog{padding:40px;border-radius:3px;background:#fff;-webkit-animation:slide-down .1s ease-in-out;animation:slide-down .1s ease-in-out;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes slide-down{0%{-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes slide-down{0%{-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.ActionSheet{-webkit-animation:fade-in .1s ease-in-out;animation:fade-in .1s ease-in-out;position:fixed;top:0;left:0;width:100%;height:100%;background:#f2fcfe;overflow:hidden}.ActionSheet header{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:5px 10px}.Header{background-color:#222;color:#f5f5f5}.Header,.Header .back{-ms-flex:0 0 55px;flex:0 0 55px}.Header .back{height:100%;background:#333}.Header .back:hover{background:#444}.Header .back a{display:-ms-flexbox;display:flex;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.Header .logo{margin-left:20px}.Header .username-wrapper{margin-left:35px}.Header .username{-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;cursor:pointer;border-top:1px solid #0000;border-bottom:1px dotted #eee}.Header .username:hover{color:#fff}.Header .username-wrapper input{width:250px}.Header .color-wrapper{margin-left:35px}.Header .color{margin-left:10px;width:30px;height:30px;cursor:pointer;border-radius:3px}.Header .right{display:-ms-flexbox;display:flex;-ms-flex:0 0 110px;flex:0 0 110px;margin-right:10px}.Header.mobile{padding-right:10px}.Header.mobile .logo{font-size:17px}.Header .chat{margin-right:10px}.Header .chat img{position:relative;top:4px;width:37px;height:37px}.ActionSheet_Header{padding:20px}.ActionSheet_Header>*{margin-bottom:20px}.ActionSheet_Header .color{margin-left:10px;width:30px;height:30px;cursor:pointer;border-radius:3px}.ActionSheet_Header .username-wrapper{height:35px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ActionSheet_Header .username-wrapper input{margin-left:10px;width:250px}.ActionSheet_Header .username{cursor:pointer;margin-left:10px;border-top:1px solid #0000;border-bottom:1px dotted #555}.ActionSheet_Header .color-wrapper{height:35px}.ActionSheet_Header_Chat{height:calc(100% - 50px)}.ActionSheet_Header_Chat .Chat{height:100%}.App{height:100vh}.App .thanks{padding:0 20px}.App .thanks .btn-wrapper{margin-top:20px}.App .username-wrapper{margin-left:35px}.App .username{-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;cursor:pointer;border-top:1px solid #0000;border-bottom:1px dotted #eee}.App .username:hover{color:#fff}.App .username-wrapper input{width:250px}.App .color-wrapper{margin-left:35px}.App .color{margin-left:10px;width:30px;height:30px;cursor:pointer;border-radius:3px}.Home{min-height:100vh;display:-ms-flexbox;display:flex;color:#ccc;background:#005aa7}.Home .logo{border:1px solid #eee;padding-right:15px}.Home>.content{padding:40px 40px 80px;position:relative}.Home>.content h1{color:#eee;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:30px}.Home>.content h1 .draw{width:50px;height:50px;position:relative;top:3px}.Home>.content h1 .chat{width:40px;height:40px;position:relative;top:3px;left:7px}.Home>.content h1 .name{margin-left:40px}@media (max-width:1000px){.Home>.content h1{font-size:27px}}.Home .form{background:#f2fcfe}.Home h2{font-weight:400;font-size:20px}.Home h3{margin-top:50px}.Home h3,.Home p{font-size:18px}.Home footer{position:absolute;bottom:30px;font-size:13px}@media (max-width:950px){.Home{display:block}.Home>.content{padding:20px}.Home>.content h1{margin:0;padding:0}.Home .form{background:#0000;padding:75px 0 200px}.Home footer{bottom:-280px}}@media (max-width:450px){.Home{display:block}.Home>.content h1{-ms-flex-direction:column;flex-direction:column}.Home>.content h1 .name{margin:40px 0}.Home h2{text-align:center}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0;font:14px Lucida Grande,Helvetica,Arial,sans-serif}@media (max-width:950px){body,html{font-size:16px}}a{color:#00b7ff}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-col,.flex-row{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.flex-main{-ms-flex:1 1 100%;flex:1 1 100%}.align-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.spc-between{-ms-flex-pack:justify;justify-content:space-between}button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;margin:0;padding:9px 12px;font-family:Lucida Grande,Helvetica,Arial,sans-serif;font-size:13px}button{border:1px solid #1c92d2;background:#1c92d2;color:#eee;cursor:pointer}button:disabled{cursor:default;opacity:.7}button.large{font-size:16px;padding:12px 25px}button.link{color:#00b7ff;padding:0;border:none;background:none;cursor:pointer}button.link:hover{text-decoration:underline}button.link:active{color:#00a7ef;background:none;border:none}@media (max-width:950px){button.link{font-size:16px}}button:active{background:#005aa7;border:1px solid #005aa7}a.action,button.action{padding:0;border:none;background:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px}input{border:1px solid #eee;background:#fff}option,select{font-family:Lucida Grande,Helvetica,Arial,sans-serif;font-size:13px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px 20px 9px 8px;background:#1c92d2;background-image:url(/static/media/triangle.8545bbac.svg);background-size:8px;background-position:92%;background-repeat:no-repeat;border-radius:0;color:#eee}select:active{background:#005aa7}:focus{outline:none;border-color:#aaf}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.103cc764.css.map*/