.Pad{height:100vh}.canvas-wrapper{display:block;position:fixed;top:45px;width:100%;height:100%}.canvas-style{position:absolute;top:0}.canvas-style,.canvas-style[resize]{width:100%;height:100%}.tool_draw{cursor:url(/static/ui/whiteboard/cursor.svg),auto!important}.tool_pan{cursor:grab!important}.tool_text{cursor:text!important}.tool_line,.tool_polygon{cursor:crosshair!important}.app:not(.app-full) .text-input{padding:0;margin:0;height:1px;width:1px;overflow:hidden}.app-full .text-input{position:fixed;z-index:-1;top:0;width:100%;height:100vh;display:flex;padding:10px;align-items:center;justify-content:center;opacity:0}.app-full .text-input .el-textarea__inner{max-height:50vh!important;overflow:auto!important}.app-full .text-input:before{position:fixed;content:"  ";background-color:var(--color-main-dark-translucent);height:100vh;width:100vw;top:0;left:0;z-index:-1;display:none}.app-full .text-input:focus-within{opacity:1;z-index:20000}.app-full .text-input:focus-within:before{display:block}.context-menu>div{transition:none!important;position:relative;padding:0;width:-moz-fit-content;width:fit-content;text-align:center;justify-content:center;background-color:transparent}.context-menu .vue-portal-target>div{display:grid;grid-template-columns:100px 100px;grid-template-rows:1fr 1fr;grid-template-areas:"fill stroke" "actions stroke";gap:10px}.context-menu .sidebar-panel{margin:0!important;height:calc(100% - 22px);width:unset}.pad-sidebar{position:absolute;z-index:1;display:grid;grid-template-rows:auto auto auto;grid-template-areas:"fill" "stroke" "actions";background-color:var(--color-clear--2-translucent);width:100px;height:calc(100% - 45px);padding:5px;text-align:center;justify-content:center;padding-bottom:30px}.context-menu h5,.pad-sidebar h5{font-size:.8rem;font-weight:700;padding:0;padding:3px 0;margin-bottom:0!important;background-color:var(--color-clear);color:var(--color-text);border-radius:7px 7px 0 0}.sidebar-panel{padding:5px 2px;border-radius:0 0 7px 7px;border:1px solid var(--color-clear);margin-bottom:10px;width:90px;color:var(--color-text)}.sidebar-panel .btn{background-color:transparent}.sidebar-panel .btn:hover{background-color:var(--color-clear)!important}.context-menu h6,.pad-sidebar h6{font-size:.8rem!important;font-weight:700;margin-top:5px;margin-bottom:0}.sidebar-extendable{position:relative;width:100%;display:flex;align-items:center;transition:all .6s ease;border:1px solid transparent;font-size:10px}.sidebar-extendable .el-slider{width:100%;margin-left:10px}.pad-sidebar .sidebar-extendable:hover{background-color:var(--color-clearer);width:500px;border-radius:0 30px 30px 0;margin:0;max-width:90vw;padding-right:10px;border:1px solid var(--color-clear);border-left-color:transparent}.context-menu .sidebar-extendable:hover{max-width:unset;width:auto}.sidebar-toggle{position:fixed;bottom:0;left:0;width:100px;z-index:2;padding:5px;text-align:center}.sidebar-toggle-hidden{bottom:7px;width:50px;border-radius:0 20px 20px 0}.image-select-dialog h6{font-family:Lato;font-weight:700}.image-select-preview{max-height:200px;max-width:100%;border-radius:5px}.keydown-indicator{position:fixed;bottom:20px;background-color:var(--color-main-dark-translucent);padding:20px;left:50%;transform:translateX(-50%)}.app-dark .sidebar-panel .btn svg *{stroke:#fff!important}.app-dark .canvas-wrapper{background-color:var(--color-pad-dark)!important}.context-menu-reference{position:fixed;z-index:5;left:var(--x);top:var(--y)}.edit-name-dialog{width:100vw;overflow:hidden;min-width:unset!important}