*{box-sizing:border-box;margin:0;padding:0}body,html{max-height:100%}body,button,html{font-family:Open Sans,sans-serif}.container{margin:0 auto;max-width:1140px;padding:0 15px;width:100%}#root{height:100vh}#root,.App{display:flex;flex-direction:column}.App{background:#ededed;height:100%}.main{align-items:center;display:flex;flex:1 0 auto}.container__flex{display:flex;justify-content:space-between}.add-friends{bottom:100px;position:absolute;right:1%;z-index:1}.canvas{background-color:#fff;border:1px solid #b4bbc5;display:block;margin:0 auto}.wrap-input{display:flex;gap:10px;justify-content:space-between;margin-top:15px}.modal-title{margin-bottom:20px}.modal-input{background-color:#fff;border:1px solid #9aaabd;border-radius:2px;color:#b5b5b5;display:block;flex:1 0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:19px;padding:10px 0 10px 10px}.modal-input::-webkit-input-placeholder{background-color:#fff;color:#b5b5b5;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:19px}.modal-input::placeholder{background-color:#fff;color:#b5b5b5;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:19px}.modal-button{background:#7a899c;border:1px solid #9aaabd;border-radius:2px;color:#fff;flex:0 0 auto;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;padding:10px 20px}.modal{display:block;height:100%;left:0;position:fixed;top:0;transition:all .3s;width:100%;z-index:10}.modal__overlay_active{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__inner{background:#fbfbfb;border:1px solid #d3dae4;border-radius:3px;box-shadow:0 11px 14px hsla(0,0%,74%,.54);height:auto;left:50%;max-width:500px;padding:35px 52px;position:absolute;top:-100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .5s;width:100%}.modal__overlay_active .modal__inner{top:20%}.app-header{background:#e7eaef;border-bottom:3px solid #d0d8e2;box-shadow:0 4px 12px hsla(213,5%,45%,.21);padding:21px 0 25px}.app-header__line{align-items:center;display:flex;height:40px}.popper{background:#f8f8f8;border:1px solid #d3dae4;border-radius:2px;bottom:-100%;box-shadow:0 5px 8px -2px hsla(0,0%,74%,.54);cursor:default;display:block;left:0;padding:12px 24px 10px;position:absolute;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:300px;z-index:11}.popper__exit{background:url(/static/media/exit.c32a1146fa2b49696c7b.svg) no-repeat 50%;background-size:auto;border:none;cursor:pointer;height:15px;position:absolute;right:6px;top:6px;width:15px}.popper__title{color:#1d4c89;font-size:14px;font-weight:600}.popper__columns{align-items:center;display:flex;gap:10px;padding-top:7px}.popper__slider-wrap{flex:1 0 150px}.popper__input-wrap{width:60px}.popper__input{border:1px solid #9aaabd;border-radius:2px;color:#535d6a;display:block;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:22px;padding:5px 0;text-align:center;width:100%}.popper-overlay{cursor:default;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.toolbar{display:flex;gap:12px;width:100%}.toolbar__button_border{margin-left:12px}.toolbar__button_border:after{background-color:#a3acb7;content:"";display:block;height:31px;left:-13px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px}.toolbar__button{background:#fff;border:1px solid #9aaabd;border-radius:2px;cursor:pointer;display:block;height:25px;position:relative;transition:all .3s;width:25px}.toolbar__button:before{background-position:50%;background-repeat:no-repeat;background-size:20px;content:"";display:block;height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.toolbar__button:hover{border-color:#0155c1}.toolbar__button:active{border-color:red;transition:all .1s}.toolbar__button_brush:before{background-image:url(/static/media/brush.7a8a3ed0078853402a23.svg)}.toolbar__button_rect:before{background-image:url(/static/media/rect.7959de92d4f7f28fb0ef.svg)}.toolbar__button_circle:before{background-image:url(/static/media/circle.665d44fc1d336f612874.svg)}.toolbar__button_elaser:before{background-image:url(/static/media/elaser.32c56b5aedd14588fc93.svg)}.toolbar__button_line:before{background-image:url(/static/media/line.396c41a681fb3135286a.svg)}.toolbar__button_colors:before{background-image:url(/static/media/color.2bc468de24502dfc2108.svg)}.toolbar__button_undo:before{background-image:url(/static/media/undo.9b814f46c699c2e84d41.svg)}.toolbar__button_redo:before{background-image:url(/static/media/redo.07ba6e4d497d6c7a7a9c.svg)}.toolbar__button_save:before{background-image:url(/static/media/save.e58f52c22bf9ba70271f.svg);background-size:18px}.toolbar__button_width:before{background:#000;border-radius:50%;height:4px;width:4px}.toolbar__button_dropdown:after{background:url(/static/media/dropdown.2893c300e008bcde333c.svg) no-repeat;background-size:100%;bottom:-9px;content:"";display:block;height:7px;left:calc(50% - 6px);position:absolute;width:12px}.dropdown{height:100%;left:0;position:absolute;width:100%}.footer{background-color:#535d6a;color:#f6f6f6;font-family:Open Sans;font-weight:600;padding:25px 0}:root{--main-color:#1d4c89;--main-color-hover:#5e86bb}.btn{border-radius:33px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:19px;padding:12px 16px;transition:all .5s}.btn,.btn>*{position:relative}.btn>*{display:block}.btn__color_main{background-color:#1d4c89;background-color:var(--main-color);border:1px solid #1d4c89;border:1px solid var(--main-color)}.btn__color_main:hover{background-color:#5e86bb;background-color:var(--main-color-hover);border:1px solid #5e86bb;border:1px solid var(--main-color-hover)}.btn__color_main:active{background-color:#1d4c89;background-color:var(--main-color);border:1px solid #1d4c89;border:1px solid var(--main-color)}.btn__icon{padding-left:30px}.btn__icon:before{content:"";display:block;height:20px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}.btn__icon_add:before{background:url(/static/media/link.2d2b1a86328d6967e7b3.svg) no-repeat}
/*# sourceMappingURL=main.a1deedbc.css.map*/