.whiteboard-container{position:fixed;top:0;bottom:10px;right:0;width:47vw;background-color:#fff;z-index:1202;display:flex;flex-direction:column;align-content:center;align-items:center;border:1px solid #ddd}.whiteboard-container.annotator{position:absolute;inset:0;background-color:transparent;border:0;width:auto;z-index:500}.whiteboard-container:not([data-width]){left:100vw}.whiteboard-container .wb-toolbar{width:100%;display:flex;flex-direction:row;justify-content:center;padding:.25em 1em;background-color:#000;border-bottom:1px solid #999;box-shadow:0 0 5px 0 #888;position:relative;z-index:2}.whiteboard-container.annotator .wb-toolbar{background-color:transparent;border:0;box-shadow:none}.whiteboard-container .wb-toolbar .dropdown-menu{font-size:.75rem}.whiteboard-container .flash-msg{position:absolute;top:2.5rem;left:.5rem;z-index:20;color:wheat;opacity:0;font-size:1.2em;border:1px solid wheat;padding:5px;white-space:nowrap;visibility:hidden;transition:all .5s}.whiteboard-container .flash-msg.shown{opacity:1;visibility:visible;transition:all .5s}.wb-toolbar input[type="color"]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.whiteboard-container .wb-toolbar .btn-group:last-child{position:absolute;right:6px}.whiteboard-container.annotator .wb-toolbar .btn-group:last-child{padding:2px 6px 2px 6px;position:fixed;right:0}.whiteboard-container.annotator .wb-toolbar .btn-group{padding:2px 12px 2px 12px;background-color:black;position:fixed}.whiteboard-container .whiteboard-body{background-color:#000;position:relative;width:100%;flex-grow:1;overflow:hidden;z-index:1}.whiteboard-container.annotator .whiteboard-body{background-color:transparent}.whiteboard-body canvas{width:100%;height:100%}.whiteboard-container .clr-picker{border-radius:0}.whiteboard-container .clr-color-area{border-radius:0}.whiteboard-container .caster{position:absolute;bottom:-10px}.whiteboard-container .wb-toolbar .btn.btn-outline-secondary{color:blue;background-color:#fff}.whiteboard-container .wb-toolbar .color-btn .pickr{visibility:hidden;width:0;height:0}.whiteboard-container .pcr-app{position:absolute}.whiteboard-container .wb-toolbar .btn.btn-outline-secondary.active{background-color:#6c757d;border-color:#6c757d}.whiteboard-container .caster.left{left:100px}.whiteboard-container .caster.right{right:100px}.whiteboard-container .caster img{height:20px}.wb-snapshot-div .dragger{position:fixed;background:rgba(0,0,0,.3);border:1px dashed black;pointer-events:none;display:none}.wb-snapshot-div .dragger.visible{display:block}