:root{--m-drawer-m-column:30px;--m-drawer-m-row:20px;--m-drawer-p-column:5px;--m-drawer-p-row:4px}.m-drawer{margin:var(--m-drawer-m-column)var(--m-drawer-m-row);display:inline-flex}.m-drawer>.m-border>.m-border-main{padding:var(--m-drawer-p-column)var(--m-drawer-p-row)}.m-drawer-main{height:calc(100vh - 60px)}.m-drawer-right,.m-drawer-left{height:calc(100% - var(--m-drawer-m-column)*2)}.m-drawer-top,.m-drawer-bottom{width:calc(100% - var(--m-drawer-m-column)*2)}.m-drawer-mask{display:flex}:is(.m-drawer-mask-top,.m-drawer-mask-bottom)>.m-drawer>.m-border{width:100%}:is(.m-drawer-mask-left,.m-drawer-mask-right)>.m-drawer>.m-border{height:100%}.m-drawer-mask-top{flex-direction:column;justify-content:flex-start}.m-drawer-mask-right{flex-direction:row;justify-content:flex-end}.m-drawer-mask-bottom{flex-direction:column;justify-content:flex-end}.m-drawer-mask-left{flex-direction:row;justify-content:flex-start}