.dmc-drawer{position:fixed;transition:width 0s ease .4s,height 0s ease .4s,transform .4s ease-in-out;z-index:100}.dmc-drawer>*{transition:transform .4s ease-in-out,opacity .4s ease-in-out}.dmc-drawer .dmc-drawer-mask{background:#000;height:0;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out,height 0s ease .4s;width:100%}.dmc-drawer-content-wrapper{background:var(--dmc-drawer-bg-color);box-shadow:var(--dmc-drawer-shadow-color);position:absolute}.dmc-drawer-content{color:var(--dmc-drawer-content-text-color);font-size:14px;overflow:auto;position:relative;z-index:1}.dmc-drawer-handle{align-items:center;background:var(--dmc-page-700-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:72px;width:41px;z-index:0}.dmc-drawer-handle-icon{background:var(--dmc-page-400-color);height:2px;position:relative;transition:background .4s ease-in-out;width:14px}.dmc-drawer-handle-icon:after,.dmc-drawer-handle-icon:before{background:var(--dmc-page-400-color);content:"";display:block;height:2px;position:absolute;transition:transform .4s ease-in-out;width:100%}.dmc-drawer-handle-icon:before{top:-5px}.dmc-drawer-handle-icon:after{top:5px}.dmc-drawer-left,.dmc-drawer-right{height:100%;width:0}.dmc-drawer-left .dmc-drawer-content,.dmc-drawer-left .dmc-drawer-content-wrapper,.dmc-drawer-right .dmc-drawer-content,.dmc-drawer-right .dmc-drawer-content-wrapper{height:100%}.dmc-drawer-left.dmc-drawer-open,.dmc-drawer-right.dmc-drawer-open{width:100%}.dmc-drawer-left.dmc-drawer-open.no-mask,.dmc-drawer-right.dmc-drawer-open.no-mask{width:0}.dmc-drawer-left{left:0}.dmc-drawer-left .dmc-drawer-handle{border-radius:0 4px 4px 0;box-shadow:var(--dmc-drawer-left-shadow-color);right:-40px}.dmc-drawer-right{right:0;top:0}.dmc-drawer-right .dmc-drawer-content-wrapper{right:0}.dmc-drawer-right .dmc-drawer-handle{border-radius:4px 0 0 4px;box-shadow:var(--dmc-drawer-right-shadow-color);left:-40px}.dmc-drawer-right.dmc-drawer-open.no-mask{right:1px;transform:translateX(1px)}.dmc-drawer-bottom,.dmc-drawer-top{height:0;width:100%}.dmc-drawer-bottom .dmc-drawer-content,.dmc-drawer-bottom .dmc-drawer-content-wrapper,.dmc-drawer-top .dmc-drawer-content,.dmc-drawer-top .dmc-drawer-content-wrapper{width:100%}.dmc-drawer-bottom .dmc-drawer-content,.dmc-drawer-bottom.dmc-drawer-open,.dmc-drawer-top .dmc-drawer-content,.dmc-drawer-top.dmc-drawer-open{height:100%}.dmc-drawer-bottom.dmc-drawer-open.no-mask,.dmc-drawer-top.dmc-drawer-open.no-mask{height:0%}.dmc-drawer-bottom .dmc-drawer-handle,.dmc-drawer-top .dmc-drawer-handle{left:50%;margin-left:-20px}.dmc-drawer-top{top:0}.dmc-drawer-top .dmc-drawer-handle{border-radius:0 0 4px 4px;bottom:-40px;box-shadow:var(--dmc-drawer-top-shadow-color);top:auto}.dmc-drawer-bottom,.dmc-drawer-bottom .dmc-drawer-content-wrapper{bottom:0}.dmc-drawer-bottom .dmc-drawer-handle{border-radius:4px 4px 0 0;box-shadow:var(--dmc-drawer-botom-shadow-color);top:-40px}.dmc-drawer-bottom.dmc-drawer-open.no-mask{bottom:1px;transform:translateY(1px)}.dmc-drawer.dmc-drawer-open{transition:transform .4s ease-in-out}.dmc-drawer.dmc-drawer-open .dmc-drawer-mask{height:100%;opacity:.8;transition:opacity .3s ease-in-out}.dmc-drawer.dmc-drawer-open .dmc-drawer-handle-icon{background:transparent}.dmc-drawer.dmc-drawer-open .dmc-drawer-handle-icon:before{transform:translateY(5px) rotate(45deg)}.dmc-drawer.dmc-drawer-open .dmc-drawer-handle-icon:after{transform:translateY(-5px) rotate(-45deg)}.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper{background:transparent;box-shadow:none;pointer-events:none}.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel,.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel .Pane1{pointer-events:none}.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel-resizer,.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel .Pane2{background:var(--dmc-drawer-bg-color);box-shadow:0 0 1px rgba(0,0,0,.24),-2px 0 6px rgba(0,0,0,.36),-10px 0 20px rgba(0,0,0,.12);pointer-events:auto}