.whiteboard{letter-spacing:.6px;background-color:#f4f5ff;background-size:40px 40px;font-family:Arial}.canvas-container{width:100%!important;height:100%!important}.whiteboard .canvas{width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.left-menu{z-index:99999;text-transform:uppercase;font-size:14px;position:fixed;top:20px;left:126px}.left-menu>div{margin-bottom:10px;padding:12px}.bottom-menu{z-index:99999;justify-content:space-between;padding:0 15px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.whiteboard .toolbarButton{border-radius:0;min-width:36px;min-height:36px;padding:0}.whiteboard button:hover{opacity:.8}.whiteboard .rightButton{z-index:1205;color:#000;min-width:40px;height:2.5rem;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.whiteboard .rightButton:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.whiteboard .leftBottomButton{z-index:1205;color:#000;min-width:40px;height:2.5rem;position:absolute;bottom:1.25rem;left:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.whiteboard .leftBottomButton:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.whiteboard input[type=number]{outline:none;width:70px;padding:0 0 0 10px;font-size:14px}.whiteboard #colorbar{appearance:none;background-color:#0000;border:none;width:36px;height:32px;padding:0}.whiteboard #colorbar::-webkit-color-swatch{border:none;border-radius:4px}.shadow{box-shadow:0 0 0 1px #ffffff3d,1px 1px 5px #00000038}.whiteboard .w-100{width:100%}.whiteboard .h-100{height:100%}.whiteboard .bg-white{background-color:#fff}.whiteboard .border-0{border:0}.whiteboard .d-flex{display:flex}.whiteboard .flex-column{flex-direction:column}.whiteboard .justify-between{justify-content:space-between}.whiteboard .justify-center{justify-content:center}.whiteboard .align-center{align-items:center}.whiteboard .align-end{align-items:flex-end}.whiteboard .br-7{border-radius:7px}.whiteboard .mb-10{margin-bottom:10px}.whiteboard .mr-10{margin-right:10px}.whiteboard .pr-1{padding-right:12px}.whiteboard .pl-1{padding-left:12px}.whiteboard .py-1{padding-top:12px;padding-bottom:12px}.grid_bg1{background-image:linear-gradient(90deg,#dfdfdf 1px,#0000 1px),linear-gradient(#dfdfdf 1px,#0000 1px);background-size:10px 10px}.grid_bg2{background-image:linear-gradient(90deg,#dfdfdf 1px,#0000 1px),linear-gradient(#dfdfdf 1px,#0000 1px);background-size:50px 50px}.grid_bg3{background-image:linear-gradient(90deg,#dfdfdf 1px,#0000 1px),linear-gradient(#dfdfdf 1px,#0000 1px);background-size:100px 100px}.grid_bg4{background-color:#fff6}