.center>img[data-v-e6d164ce]{width:95%;max-width:600px}.help-div[data-v-e6d164ce]{color:#333;position:absolute;padding:48px;margin-left:auto;margin-right:auto;left:0;right:0;top:48px;border-radius:5px;z-index:100;-webkit-overflow-scrolling:touch;background-color:#f5f5f5;overflow:auto;max-width:750px}.help-overlay[data-v-e6d164ce]{transition:opacity .3s ease-out;position:fixed;top:0;bottom:0;left:0;right:0;background:#000;z-index:99;opacity:.7}.center[data-v-e6d164ce]{text-align:center;width:100%}.close[data-v-e6d164ce]{cursor:pointer;position:absolute;top:16px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.close[data-v-e6d164ce]:focus,.close[data-v-e6d164ce]:hover{color:#1a9fff}@media only screen and (min-device-width:1254px){.help-div[data-v-e6d164ce]{width:750px}}@media only screen and (min-device-width:480px) and (max-device-width:768px){.help-div[data-v-e6d164ce]{padding:24px}.close[data-v-e6d164ce]{top:12px;right:18px}.help-div[data-v-e6d164ce]{padding:48px 24px 0;width:90%}}@media only screen and (min-device-width:320px) and (max-device-width:480px){.close[data-v-e6d164ce]{top:12px;right:18px}.help-div[data-v-e6d164ce]{padding:48px 6px 0;width:95%}}.ooo-link-info[data-v-07057102]{cursor:pointer}header[data-v-07057102]{border-bottom:1px solid #ddd;background-color:#fff;display:flex;align-items:center;justify-content:center;height:50px}.ooo-link-back[data-v-07057102]{height:24px;width:24px;margin:0 16px;background:transparent url(../img/larr.4db25030.svg) no-repeat 50%/contain}.ooo-link-info[data-v-07057102]{height:24px;width:24px;margin:0 16px;background:transparent url(../img/info.7b5f9301.svg) no-repeat 50%/contain}h1[data-v-07057102]{color:#131c26;font-size:24px;flex-grow:1}.nav-btn,h1[data-v-07057102]{font-weight:600;text-align:center}.nav-btn{display:inline-block;position:relative;cursor:pointer;height:35px;line-height:35px;padding:0 1.5rem;color:#424242;font-size:15px;font-family:Roboto,sans-serif;letter-spacing:1px;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:nowrap;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2px;transition:all .1s ease-out;box-shadow:0 2px 5px 0 rgba(0,0,0,.225)}.nav-btn>img{display:block;width:50%;margin:9px auto}.nav-btn.btn-fab,.nav-btn.btn-fab-mini{overflow:hidden;position:relative;margin:auto 12px auto auto;padding:0;line-height:normal;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,.225)}.nav-btn.btn-fab{width:56px;height:56px;font-size:28px}.nav-btn.btn-fab-mini{width:40px;height:40px;font-size:24px}.nav-btn.btn-lightBlue{color:#fff;background-color:#1a9fff}.nav-btn.btn-lightBlue:active{color:#fff;text-decoration:none;background:#0065b8;box-shadow:0 2px 8px -2px rgba(0,0,0,.5)}.nav-btn:disabled,.nav-btn[disabled]{pointer-events:none;cursor:default;background-color:#ececec;box-shadow:none}*{box-sizing:border-box}html{font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#editor{height:calc(100vh - 152px)}nav{background-color:#fff;border-top:none;flex-wrap:wrap-reverse;display:none;align-content:center;justify-content:space-between;z-index:25;border-bottom:1px solid #d7dde3;padding:3px 12px;transition:opacity .5s}.nav-group,nav{align-items:center}.nav-group{display:flex}div.nav-group:nth-child(3){width:270px;justify-content:end}#progress{transition:width 10s;width:0;height:2px;background-color:#1a9fff;opacity:0}.classic-btn{height:36px;line-height:30px;padding:0 .75em 2px;font-weight:700;font-size:18px;color:#fff;background:#1a9fff;box-shadow:0 2px 8px -2px rgba(0,0,0,.2);cursor:pointer;display:inline-block;text-align:center;white-space:nowrap;text-decoration:none;border:2px solid transparent;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;transition:all 125ms}.classic-btn:active{color:#fff;text-decoration:none;background:#0065b8;box-shadow:0 2px 8px -2px rgba(0,0,0,.5)}.classic-btn:disabled{pointer-events:none;cursor:default;background-color:#ececec;box-shadow:none}.colors{-webkit-overflow-scrolling:touch;flex:1;display:flex;overflow:auto}.color{height:36px;width:36px;border:1px solid silver;border-radius:50%}:focus{outline:none}::-moz-focus-inner{border:0}.check{border-bottom:2px solid #fff;border-right:2px solid #fff;display:inline-block;transform:rotate(45deg);height:16px;width:8px}.jscolor{height:36px;width:36px;border:1px dashed silver;border-radius:50%}.jscolor:focus{outline:none}.jscolor>img{margin-left:auto;margin-right:auto;display:block}.pensettings{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:12px}.flex-container-thickness{margin-top:12px;display:flex;align-items:baseline;justify-content:space-around}.thickness-icon{margin:0 auto;background-color:#000;border-radius:50%}.thickness{cursor:pointer;position:relative;height:40px;width:30px}.active-thickness:after{position:absolute;content:"";width:70%;transform:translateX(-50%);bottom:-15px;left:50%;border-bottom:2px solid #1a9fff}.thickness>span{bottom:0;left:0;position:absolute;right:0}.toggle{vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:62px;height:32px;display:inline-block;position:relative;border-radius:50px;overflow:hidden;outline:none;border:none;cursor:pointer;background-color:#ececec;transition:background-color .3s ease}.toggle:before{content:"on off";display:block;position:absolute;z-index:2;width:28px;height:28px;background:#fff;left:2px;top:2px;border-radius:50%;font:10px/28px Helvetica;text-transform:uppercase;font-weight:700;text-indent:-22px;word-spacing:37px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.3,1.5,.7,1);color:#131f26}.toggle:checked{background-color:#1a9fff}.toggle:checked:before{color:#fff;left:32px}#export-pptx{margin-left:24px}.notification{box-shadow:0 2px 10px rgba(6,6,7,.4);top:-120px;right:12px;position:absolute;width:300px;z-index:40;background-color:#fff;border-radius:6px;padding:24px;display:none}.show{-webkit-animation:showNotification .4s;animation:showNotification .4s;top:4px}.hide{-webkit-animation:hideNotification .2s linear;animation:hideNotification .2s linear;top:-120px}.warning{box-shadow:none;display:initial;padding:18px 12px;background-color:#feefb3;color:#9f6000}@-webkit-keyframes showNotification{0%{top:-120px}to{top:4px}}@keyframes showNotification{0%{top:-120px}to{top:4px}}@-webkit-keyframes hideNotification{0%{top:4px}to{top:-120px}}@keyframes hideNotification{0%{top:4px}to{top:-120px}}#eraser,#pen{border-radius:initial;height:50px;background:none;box-shadow:none;transition:none}#eraser>img{width:80%}#pen>img{width:65%}.classic-btn{margin-left:12px;display:flex;align-items:center;height:38px}.classic-btn>img{margin-right:12px;height:24px}.save-group{margin-left:12px;display:flex;align-items:center;height:38px}.save-group,.save-group:active{background:#cb4a32}.delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;vertical-align:top;width:20px;position:absolute;right:.5rem;top:.5rem}.delete:after,.delete:before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.delete:before{height:2px;width:50%}.delete:after{height:50%;width:2px}.delete:focus,.delete:hover{background-color:rgba(10,10,10,.3)}.delete:active{background-color:rgba(10,10,10,.4)}.introduction{background-color:#f5f5f5}.diagram-container{display:flex;align-content:baseline;justify-content:center;flex-wrap:wrap;margin-top:64px}@media only screen and (max-width:580px){.diagram-container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:24px}nav{display:flex}body{background:none}#editor{visibility:visible!important}}.diagram-example{width:350px;position:relative;max-width:350px;padding-top:24px;margin:24px 1%;box-shadow:0 6px 24px -12px rgba(6,6,7,.4);background-color:#fff;font-weight:700;font-size:1.5em;text-align:center;flex:1 0 auto;height:200px;max-height:200px}.diagram-example>img{max-width:95%;max-height:95%}.diagram-example>.create-diagram{height:127px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}body{margin:0}.loader[data-v-d39fdd3e]{display:none;z-index:30;position:absolute;width:120px;height:120px;top:calc(50% - 60px);left:calc(50% - 60px);border:16px solid #f5f6f7;border-radius:50%;border-top-color:#1a9fff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.editor[data-v-5cbde96d]{height:calc(100vh - 152px)}.editor-logo[data-v-5cbde96d]{position:absolute;margin-bottom:36px;bottom:0;right:24px;z-index:21}.editor-logo[data-v-5cbde96d],.editor-logo[data-v-5cbde96d]:after{content:url(../img/myscript-logo.998cec38.svg)}@media screen and (max-width:710px){.nav-group[data-v-b4da37e2]{margin-top:6px}}.classic-btn[data-v-160796c4]{margin-left:0;margin-right:12px}.pensettings[data-v-3b54f4b9]{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:12px}.color[data-v-3b54f4b9]{height:36px;width:36px;border:1px solid silver;border-radius:50%}.check[data-v-3b54f4b9]{border-bottom:2px solid #000;border-right:2px solid #000;display:inline-block;transform:rotate(45deg);height:16px;width:8px}@media screen and (max-width:980px){.picker[data-v-451e0560]{right:12px}}@media only screen and (max-width:580px){.pensettings[data-v-451e0560]{display:none}}.picker[data-v-451e0560]{z-index:40;width:245px;position:absolute}.color-picker[data-v-451e0560]{height:36px;width:36px;border:1px dashed silver;border-radius:50%}.color-picker[data-v-451e0560]:focus{outline:none}.color-picker>img[data-v-451e0560]{margin-left:auto;margin-right:auto;display:block}@media screen and (max-width:430px){.notification[data-v-ec2b5fba]{right:12px;top:96px}}@media screen and (min-width:430px){.notification[data-v-ec2b5fba]{top:56px}}.notification[data-v-ec2b5fba]{display:initial}@media only screen and (max-width:580px){.nav-group[data-v-3f5d3570]{width:100%}}.eraserEnabled[data-v-3f5d3570]{border-bottom:2px solid #1a9fff}.penDisabled[data-v-3f5d3570]{border-bottom:initial;padding-top:0}.eraserDisabled[data-v-3f5d3570]{border-bottom:initial}.penEnabled[data-v-3f5d3570]{border-bottom:2px solid #1a9fff;padding-top:2px}.nav[data-v-3e814339]{background-color:#fff;border-top:none;flex-wrap:wrap-reverse;align-content:center;justify-content:space-between;z-index:25;border-bottom:1px solid #d7dde3;padding:3px 12px;transition:opacity .5s}.nav-group[data-v-3e814339],.nav[data-v-3e814339]{display:flex;align-items:center}div.nav-group[data-v-3e814339]:nth-child(3){width:270px;justify-content:flex-end}.new-diagram[data-v-02a7dc88]{height:96px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}.diagram-container[data-v-3a41ea3c]{margin:0;padding-top:64px;height:calc(100vh - 64px)}