.demo-whiteboard[data-v-31d75f4f]{position:relative}.demo-whiteboard li[data-v-31d75f4f],.demo-whiteboard ul[data-v-31d75f4f]{list-style:none}.demo-whiteboard .colors[data-v-31d75f4f]{position:fixed;top:120px;left:23px}.demo-whiteboard .colors>.color[data-v-31d75f4f]{width:20px;height:20px;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.3);margin:12px 0;transition:all .3s}.demo-whiteboard .action-item.active[data-v-31d75f4f]{box-shadow:0 0 6px rgba(0,0,0,.9);transform:scale(1.2)}.demo-whiteboard .sizes[data-v-31d75f4f]{position:fixed;right:40px;top:120px}.demo-whiteboard .sizes>.size[data-v-31d75f4f]{height:0;width:20px;margin:15px 0}.demo-whiteboard .sizes>.thin[data-v-31d75f4f]{border-top:3px solid #000}.demo-whiteboard .sizes>.thick[data-v-31d75f4f]{border-top:10px solid #000}.demo-whiteboard .actions[data-v-31d75f4f]{position:absolute;bottom:0;width:100%;display:flex;justify-content:center}.demo-whiteboard .actions .icon[data-v-31d75f4f]{width:3em;height:3em;margin:1em;cursor:pointer}.demo-whiteboard .actions .icon.active[data-v-31d75f4f]{outline:4px solid #8000ff}