*{box-sizing:border-box}.panel{z-index:4;border-radius:10px;position:fixed;box-shadow:0 .25em .25em -.125em rgba(0,0,0,.25),0 .25em 1.25em rgba(0,0,0,.25)}.defolt-icon,.panel{background-color:#fff;height:40px;display:flex}.defolt-icon{width:40px;cursor:pointer;border-radius:10px 0 0 10px}.defolt-icon:hover path{fill:#1b55e2}.defolt-icon>svg{margin:auto}.top-panel{z-index:4;top:20px;left:20px;overflow:visible}.logo{display:flex;padding-left:6px;border-right:1px solid #f2f2f2;padding-right:2px;cursor:pointer}.logo svg{margin-left:15px;margin-top:15px;margin-bottom:15px;margin-right:15px}.logo-select-icon{margin-left:20px}.logo:hover .logo-select-icon path{stroke:#1b55e2}.logo:hover .logo-menu{display:block}.logo-menu{display:none;padding-top:10px;top:40px;left:0;width:160px;position:absolute}.logo-menu-select{background:#fff;width:100%;padding:5px 0;box-shadow:0 .25em .25em -.125em rgba(0,0,0,.25),0 .25em 1.25em rgba(0,0,0,.25);border-radius:10px}.logo-menu-item,.logo-menu-item a{font-size:14px;line-height:15px;padding:5px 0 5px 10px;text-shadow:1px 3px 2px rgba(0,0,0,.1);color:#000}.logo-menu-item a{padding:0}.logo-menu-item:hover,.logo-menu-item:hover a{color:#1b55e2}.save-board{position:relative;padding:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}.save-board:hover .saveFile-menu{display:block}.saveFile-menu{position:absolute;right:0;top:40px;padding-top:10px;display:none}.saveFile-menu .panel{position:relative;border-radius:10px}.saveFile-menu .panel div{padding:6px}.undo-redo-panel{z-index:0;top:20px;left:450px}.redo,.undo{padding:10px}.redo{border-bottom-right-radius:10px;border-top-right-radius:10px}.undo{border-bottom-left-radius:10px;border-top-left-radius:10px;border-right:1px solid #f2f2f2}.export-and-help-panel{overflow:visible;top:20px;right:20px}.repost-icon{margin-right:10px}.repost-block{display:flex;padding:0 10px;align-items:center;border-right:1px solid #f2f2f2;font-size:16px;line-height:20px;background-color:#1b55e2;color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px}.repost-block .repost-icon path{fill:#fff}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#saveBoard:hover>svg path{fill:red}#saveAsWEBP{align-items:center;justify-content:center;flex-direction:column}#saveAsWEBP:hover>svg path{fill:none;stroke:red}#btnHearts{border-right:1px solid #f2f2f2}.help{display:flex;padding:10px;border-bottom-right-radius:10px;border-top-right-radius:10px}.help:hover svg path{fill:#1b55e2}.scale-panel{right:20px;bottom:20px}.scale-width-panel{bottom:20px;right:180px}.scale-panel div{display:flex;padding:0 10px;height:100%}.minus-scale{border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:1px solid #f2f2f2}.plus-scale{border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:1px solid #f2f2f2}.scale-value{font-size:16px;line-height:20px;align-items:center;justify-content:center}.scale-to-width{border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:1px solid #f2f2f2}.full-width{border-top-right-radius:10px;border-bottom-right-radius:10px}.tool-panel{top:55%;transform:translateY(-50%);left:20px;width:40px;flex-direction:column;height:408px;overflow:visible;z-index:2}.tool{height:40px;background-color:#fff;cursor:pointer;position:relative}.objectTransfrom-item,.sub-tool-item,.tool .main-tool{width:40px;height:40px;display:flex;align-content:center;border-bottom:1px solid #f2f2f2}.tool:first-child{border-top-right-radius:10px;border-top-left-radius:10px}.tool:first-child:active{box-shadow:inset 0 0 1px #def;background-color:#eef;border-radius:10px;border-top-right-radius:10px;border-top-left-radius:10px}.tool:last-child{border:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.tool .main-tool.selected-tool.shape path,.tool .main-tool:hover.shape path,.tool .sub-tool-item.selected-tool.shape path,.tool .sub-tool-item.shape:hover svg path{fill:#fff;stroke:#1b55e2}.tool svg{margin:auto}.main-tool.selected-tool path,.sub-tool-item.selected-tool path,.tool .main-tool:hover path{fill:#1b55e2}.transparent-bg-panel{display:none;cursor:auto}.selected-element-panel,.sub-tool-panel,.text-settings-panel{position:absolute;top:0;left:40px;padding-left:10px;display:none;cursor:auto}.sub-tool-list{position:relative;cursor:auto}.selected-element-panel,.tool.opened .sub-tool-panel,.transparent-bg-panel{display:block}.objectTransfrom-item,.sub-tool-item{border-bottom:none;border-right:1px solid #f2f2f2;border-top-right-radius:10px;position:relative;cursor:pointer}.main-tool.line:before,.sub-tool-item.line:before{content:"45\00B0";position:absolute;bottom:0;right:0;padding:2px;font-size:13px;font-family:Comfortaa,Segoe UI;font-style:normal;font-weight:500;color:#fff;background-color:#1b55e2;text-shadow:2px 4px 3px rgba(0,0,0,.3);border-top-left-radius:5px;text-align:center}.sub-tool-item:last-child{border-right:none}.selected-tool>svg>g>circle,.sub-tool-item:hover>svg>g>circle,.sub-tool-item:hover path{fill:#1b55e2}.selected-width,.sub-tool-item:hover{color:#1b55e2}.selected-tool line,.sub-tool-item:hover line{stroke:#1b55e2}.disabled-icon:hover path,.disabled-icon path{fill:#e0e0e0}.hide{display:none!important}.clrs{display:none}#bgTransparent,#bgTransparentMedia{margin:7px 0 4px}.color-list{align-items:center;padding:5px;cursor:auto}.color-preset-box{width:31px;height:31px;display:flex;margin:2px 0 0}.color-preset-box:last-child{margin:2px 0 0}.color-preset-box.selected-color{border:2px solid #1b55e2;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3)}#color-picker-btn-media.color-preset,#color-picker-btn.color-preset{display:block;border:1px solid #e0e0e0}.color-preset{width:25px;height:25px;border-radius:8px;margin:auto;cursor:pointer}#color-picker,#color-picker-media{width:5px;height:5px;opacity:0}#width-range{width:100px;margin:0 10px}#width-list{padding-right:10px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.width-item{justify-content:center;align-items:center;text-align:center;border:none;width:25px}.text-settings-panel{width:240px;display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-settings-panel.text-settings-panel-opened{display:block}.text-settings-panel .sub-tool-list{background-color:#fff}.text-settings-value{cursor:pointer;height:40px;width:160px;line-height:20px;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:1px solid #f2f2f2;color:#000;position:relative}.text-settings-list{margin-top:10px;background-color:#fff;overflow:hidden;border-radius:10px;height:0;transition:height .3s;box-shadow:0 .25em 1.25em rgba(0,0,0,.25)}.text-settings-list-item{height:30px;line-height:20px;padding:5px 0 5px 10px;background-color:#fff;cursor:pointer;color:#000}.text-settings-list-item:hover{background-color:#f4f4f4}.text-settings-select-opened .text-settings-list{padding:5px 0;height:250px}.text-settings-select{position:relative}.text-settings-select:after{width:10px;height:10px;display:block;content:"";position:absolute;top:15px;right:10px;transform:rotate(-180deg);transition:.3s;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='10' height='10'%3E%3Crect width='10' height='10' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M1 7L5 3L9 7' stroke='%232D9CDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}.text-settings-select-opened:after{transform:rotate(0deg)}.text-settings-sizeCounter{width:100%;display:flex;justify-content:space-between}.text-settings-sizeCounter-value{padding:10px;line-height:20px;font-size:16px}.text-settings-sizeCounter-btn{width:30px;display:flex;justify-content:center;height:20px;cursor:pointer;background-color:#fff;padding-right:10px}.text-settings-sizeCounter-btn-up{border-top-right-radius:10px;padding-top:9px}.text-settings-sizeCounter-btn-down{padding-bottom:9px;border-bottom-right-radius:10px}.text-settings-value-color{cursor:pointer;height:40px;width:120px;line-height:20px;padding:10px;border-right:1px solid #f2f2f2;color:#000;position:relative}.text-settings-select-color-opened .text-settings-list{padding:5px 0;height:150px}.text-settings-select-color{position:relative}.text-settings-select-color:after{width:10px;height:10px;display:block;content:"";position:absolute;top:15px;right:10px;transform:rotate(-180deg);transition:.3s;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='10' height='10'%3E%3Crect width='10' height='10' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M1 7L5 3L9 7' stroke='%232D9CDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}.text-settings-select-color-opened:after{transform:rotate(0deg)}.modal{min-width:320px;max-width:480px;background:#fff;box-shadow:0 5px 5px rgba(0,0,0,.05);border-radius:20px!important;padding:20px!important;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal-title{font-size:19px;line-height:24px;margin:0}.modal-description,.modal-title{font-family:Comfortaa,Segoe UI;font-style:normal;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:1px 3px 2px rgba(0,0,0,.1);text-align:center;color:#000}.modal-description{max-width:380px;margin:20px auto;font-size:16px;line-height:19px}.modal .btn{text-decoration:none;outline:none;height:40px;padding:0 10px;box-sizing:border-box;border-radius:10px;line-height:40px;font-family:Comfortaa,Segoe UI;font-style:normal;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;text-align:center;cursor:pointer;transition:.2s;display:block}.modal .btn-gray{background:#fff;color:#1b55e2;border:1px solid #1b55e2}.modal .btn-gray:hover{border:1px solid #f2f2f2;color:#1b55e2}.modal .btn-green{background:#1b55e2;color:#fff;border:1px solid #1b55e2}.modal .btn-green:hover{opacity:.8;color:#fff}.modal .modal-buttons{display:flex;justify-content:space-between}.modal .modal-buttons .btn{width:100%}.modal .modal-buttons .btn:first-child{margin-right:20px}.modal .close{right:10px!important;top:10px!important;display:flex;justify-content:center;align-items:center;outline:none;width:20px!important;height:20px!important;border-radius:50%!important;background:#1b55e2}.modal .modal-input{width:100%;outline:none;margin:20px 0;height:40px;font-family:Comfortaa,cursive;font-size:16px;border:1px solid #e4eaec;border-radius:.215rem;transition:border .25s linear}.modal .modal-input:focus{border-color:#1b55e2}.shapes-overlay{position:absolute;top:40px;left:-20px;padding-left:20px}.shapes-panel{width:240px;display:flex;background-color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:0 .25em 1.25em rgba(0,0,0,.25)}.grid-overlay{position:absolute;top:40px;left:-20px;padding-left:20px}.grid-panel{width:120px;display:flex;background-color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:0 .25em 1.25em rgba(0,0,0,.25)}.none-bottom-border{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (max-width:645px){.repost-link{display:none}.repost-icon{margin-right:0}.top-panel{top:10px;left:10px}.undo-redo-panel{top:10px;left:330px}.export-and-help-panel{top:10px;right:10px}.tool-panel{top:55%;left:10px;transform:translateY(-50%)}.colors{right:10px}.scale-panel{right:10px;bottom:10px}.scale-width-panel{bottom:10px;right:160px}}@media (max-width:520px){.export-and-help-panel{top:auto;bottom:80px;right:10px}}@media (max-width:415px){.undo-redo-panel{top:80px;right:10px;left:auto}}@media (max-width:322px){.top-panel{left:0}}@media (max-height:590px){.top-panel{top:10px;left:10px}.tool-panel{top:55%;left:10px;transform:translateY(-50%)}.undo-redo-panel{top:10px;left:440px}.export-and-help-panel{top:10px;right:10px}.colors{right:10px}.scale-panel{right:10px;bottom:10px}.scale-width-panel{bottom:10px}}@media (max-height:590px) and (max-width:415px){.undo-redo-panel{top:80px;right:10px;left:auto}}@media (max-height:550px){#Tool-Grid+.sub-tool-panel,#Tool-Shapes+.sub-tool-panel{bottom:80px}.top-panel{top:10px;left:10px;z-index:0}.grid-panel,.shapes-panel{top:inherit;bottom:40px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:20px}.selected-element-panel,.text-settings-panel{top:inherit;right:0;left:inherit;bottom:50px}.selected-element-panel{left:0;right:inherit;padding-left:0}.tool-panel{bottom:10px;transform:rotate(270deg);left:50%;margin-left:-20px;top:auto;bottom:30px;margin-bottom:-220px;height:440px}.text-settings-list{margin-top:-300px}.colors{display:none}.clrs{display:block}.sub-tool-panel{bottom:40px;left:0;top:auto;padding-left:0;padding-bottom:10px}.sub-tool-panel.toLeft{margin-left:-150px}.sub-tool-panel.toLeft,.sub-tool-panel.toLeftColors{bottom:40px;left:0;left:auto;top:auto;padding-left:0;padding-bottom:10px}.color-preset-box{margin-right:0}.color-list{width:40px}.tool{transform:rotate(90deg)}.tool:first-child{border-radius:10px}.tool:last-child{border:none;border-radius:10px}.scale-width-panel{top:100px;right:10px;left:auto}.scale-panel{right:10px;bottom:10px}.scale-value{border-top-left-radius:10px;border-top-right-radius:10px;width:80px;height:40px;border-bottom:1px solid #f2f2f2;position:absolute;top:-40px;background-color:#fff;box-shadow:0 .25em 1.25em rgba(0,0,0,.25);z-index:0}.minus-scale{border-top-left-radius:0;border-bottom-left-radius:10px;z-index:1}.plus-scale{border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:10px;border-top-right-radius:0;border-left:0}}@media (max-height:590px) and (max-width:520px){.export-and-help-panel{top:auto}}