.app-drawer-overlay{z-index:200;background:#161b2673;display:flex;position:fixed;inset:0}.app-drawer-panel{height:100%;width:min(var(--app-drawer-width,680px),96vw);background:var(--unit-surface,#fff);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=640px){.app-drawer-panel{width:100vw}}.app-drawer-panel--right{margin-left:auto;box-shadow:-2px 0 32px #161b2624}.app-drawer-panel--left{margin-right:auto;box-shadow:2px 0 32px #161b2624}.app-drawer-enter-active{transition:opacity .22s}.app-drawer-leave-active{transition:opacity .2s}.app-drawer-enter-from,.app-drawer-leave-to{opacity:0}.app-drawer-enter-active .app-drawer-panel--right,.app-drawer-leave-active .app-drawer-panel--right{transition:transform .26s cubic-bezier(.32,.72,0,1)}.app-drawer-enter-from .app-drawer-panel--right,.app-drawer-leave-to .app-drawer-panel--right{transform:translate(100%)}.app-drawer-enter-active .app-drawer-panel--left,.app-drawer-leave-active .app-drawer-panel--left{transition:transform .26s cubic-bezier(.32,.72,0,1)}.app-drawer-enter-from .app-drawer-panel--left,.app-drawer-leave-to .app-drawer-panel--left{transform:translate(-100%)}