.mt-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mt-drawer-z-index-popup);pointer-events:none;color:var(--mt-color-text);font-size:var(--mt-font-size);box-sizing:border-box}.mt-drawer.mt-drawer-open{pointer-events:auto}.mt-drawer .mt-drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--mt-color-bg-mask);pointer-events:auto;opacity:0;transition:opacity var(--mt-motion-duration-slow)}.mt-drawer .mt-drawer-mask.mt-drawer-mask-active{opacity:1}.mt-drawer .mt-drawer-content-wrapper{position:absolute;z-index:2;max-width:100vw;background:var(--mt-color-bg-elevated);overflow:hidden;transition:all var(--mt-motion-duration-slow) cubic-bezier(.23,1,.32,1);box-shadow:none}.mt-drawer .mt-drawer-content-wrapper.mt-drawer-open-shadow{box-shadow:var(--mt-box-shadow-drawer-right)}.mt-drawer .mt-drawer-content-wrapper.mt-drawer-content-wrapper_v{height:0}.mt-drawer .mt-drawer-content-wrapper.mt-drawer-content-wrapper_h{width:0}.mt-drawer .mt-drawer-content-wrapper .mt-drawer-content{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mt-drawer .mt-drawer-content-wrapper .mt-drawer-content .mt-drawer-header{display:flex;flex-shrink:0;align-items:center;padding:var(--mt-padding) var(--mt-padding-lg);font-size:var(--mt-font-size-lg);line-height:var(--mt-line-height-lg);border-bottom:var(--mt-line-width) var(--mt-line-type) var(--mt-color-split)}.mt-drawer .mt-drawer-content-wrapper .mt-drawer-content .mt-drawer-header .mt-drawer-header-title{width:100%;display:flex;flex:1;align-items:center;justify-content:space-between}.mt-drawer .mt-drawer-content-wrapper .mt-drawer-content .mt-drawer-header .mt-drawer-header-title .mt-drawer-close{display:inline-flex;align-items:center;cursor:pointer;transition:color .3s}.mt-drawer .mt-drawer-content-wrapper .mt-drawer-content .mt-drawer-header .mt-drawer-header-title .mt-drawer-close:hover{color:#4096ff}.mt-drawer .mt-drawer-content-wrapper .mt-drawer-content .mt-drawer-header .mt-drawer-header-title .mt-drawer-title{margin:0;font-weight:600}.mt-drawer .mt-drawer-content-wrapper .mt-drawer-content .mt-drawer-body{flex:1;padding:var(--mt-padding-lg);overflow:auto}.mt-drawer-top .mt-drawer-content-wrapper{left:0;right:0;top:0}.mt-drawer-bottom .mt-drawer-content-wrapper{left:0;right:0;bottom:0}.mt-drawer-left .mt-drawer-content-wrapper{left:0;top:0;bottom:0}.mt-drawer-right .mt-drawer-content-wrapper{right:0;top:0;bottom:0}