.toolbar-wrapper[data-v-5f0f90a0]{display:flex;flex-direction:column;background:var(--color-secondary);border:1px solid var(--border-color);border-radius:0 5px 5px 0;position:absolute;z-index:9;text-align:center;top:20px;left:0;min-width:0;min-height:0}.toolbar-wrapper .toolbar[data-v-5f0f90a0]{display:grid;-moz-column-gap:5px;column-gap:5px;padding:5px}.toolbar-wrapper .toolbar .toolbar-icon[data-v-5f0f90a0]{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:5px;opacity:.7;position:relative}.toolbar-wrapper .toolbar .toolbar-icon .tool-label[data-v-5f0f90a0]{background:var(--color-secondary);word-wrap:none;white-space:nowrap;position:absolute;left:50px;padding:5px 10px;border-radius:5px;transform:translateX(-20px);opacity:0;pointer-events:none;transition:all .3s ease-in-out}.toolbar-wrapper .toolbar .toolbar-icon[data-v-5f0f90a0]:hover{cursor:pointer;background:var(--color-secondary-light);opacity:1}.toolbar-wrapper .toolbar .toolbar-icon:hover .tool-label[data-v-5f0f90a0]{opacity:1;transform:translateX(0)}.toolbar-wrapper .toolbar .toolbar-icon.active[data-v-5f0f90a0]{color:var(--color-primary);opacity:1;background:var(--color-secondary-light)}.draw-area[data-v-271c5c79]{position:relative;width:100%;height:100%;flex:1;background:var(--color-secondary-light)}.draw-area #drawCanvas[data-v-271c5c79]{background:#fff}