.drawer-menu{z-index:50;visibility:hidden;pointer-events:none;transition:visibility .3s;position:fixed;inset:0}.drawer-menu.open{visibility:visible;pointer-events:auto}.drawer-overlay{background-color:var(--g-color-sfx-veil);opacity:0;z-index:1;transition:opacity .3s;position:fixed;inset:0}.drawer-menu.open .drawer-overlay{opacity:1}.drawer-content{bottom:var(--drawer-offset-bottom,0px);background-color:var(--g-color-base-background);z-index:2;max-width:600px;max-height:calc(100vh - var(--drawer-offset-bottom,0px) - 16px);border-top-left-radius:16px;border-top-right-radius:16px;margin:0 auto;padding:16px;transition:transform .3s;position:fixed;left:0;right:0;overflow:auto;transform:translateY(100%);box-shadow:0 -4px 6px -1px #0000001a}.drawer-menu.open .drawer-content{transform:translateY(0)}.drawer-title{margin-bottom:12px}.drawer-body{display:block}.drawer-footer{margin-top:16px}