.pad-frame{height:100%;width:100%}.app-grid .gPad .mask{position:absolute}.wrapper{position:absolute!important;top:5%;height:90%;width:90%;left:5%;border-radius:5px;overflow:hidden;z-index:1028}.wrapper:not(.wrapper-expand):not(.wrapper-draggable):not(.wrapper-full){top:5%!important;height:90%!important;width:90%!important;left:5%!important}.wrapper-expand.wrapper-full,.wrapper-full{z-index:1031;position:fixed;height:calc(100vh - 45px)!important}.wrapper-expand,.wrapper-expand.wrapper-full,.wrapper-full{top:0!important;left:0!important;width:100%!important;border-radius:0}.wrapper-expand{height:100%!important}.wrapper-draggable{resize:both;width:50%;height:70%;max-width:100%;max-height:100%;box-shadow:var(--shadow-far)}.white-board{background-color:#fff;position:relative;top:3px;left:3px}.white-board-container{grid-area:2/2/2/2}.console-decoration{position:absolute;display:grid;grid-template-columns:14px auto 14px;grid-template-rows:14px auto 14px;height:100%;width:100%;border-radius:3px;background-color:#fff}.wrapper-draggable .console-decoration{grid-template-rows:17px auto 14px}.console-corner{width:35px;height:35px;position:absolute;z-index:1000;background-image:url(/static/ui/whiteboard/whiteBoardCorner.svg);background-repeat:no-repeat}.console-side{width:100%;height:100%;position:absolute;z-index:1000;background-color:var(--color-clear);border:1px solid var(--color-grey);position:relative}.wrapper-draggable .console-side.top{background-color:var(--color-main-dark);border-color:var(--color-main-darker);cursor:move}.console-corner.top-left{grid-area:1/1/1/1}.console-corner.top-right{grid-area:1/3/1/3;transform:rotate(90deg);right:-1px;justify-self:end}.console-corner.bottom-left{grid-area:3/1/3/1;transform:rotate(-90deg);bottom:0}.console-corner.bottom-right{grid-area:3/3/3/3;transform:rotate(180deg);bottom:0;right:-1px;justify-self:end}.console-side.top{grid-area:1/2/1/2;border-top:3px solid var(--color-grey)}.console-side.left{grid-area:2/1/2/1;border-left:3px solid var(--color-grey)}.console-side.bottom{grid-area:3/2/3/2;border-bottom:3px solid var(--color-grey)}.console-side.right{grid-area:2/3/2/3;border-right:3px solid var(--color-grey)}.dragging-mask{display:flex;pointer-events:none;visibility:hidden;opacity:0;transition:all .2s ease}.wrapper.dragging{transition:opacity transform box-shadow .2s ease!important}.dragging .dragging-mask{pointer-events:all;visibility:visible;opacity:1}.dragging.wrapper{opacity:.8;transform:translateY(-3px)}