.drawer-overlay{inset:0;position:fixed}[dir] .drawer-overlay{background-color:#00000080}.drawer-panel{bottom:0;display:flex;flex-direction:column;overflow-y:auto;position:fixed;top:0;-webkit-overflow-scrolling:touch}[dir] .drawer-panel{background-color:#fff;box-shadow:0 0 20px #00000026}[dir=ltr] .drawer-panel--left{left:0}[dir=ltr] .drawer-panel--right,[dir=rtl] .drawer-panel--left{right:0}[dir=rtl] .drawer-panel--right{left:0}.drawer-panel:focus{outline:none}[dir] .drawer-overlay-enter-active,[dir] .drawer-overlay-leave-active{transition:opacity .3s ease}.drawer-overlay-enter-from,.drawer-overlay-leave-to{opacity:0}[dir] .drawer-slide-left-enter-active,[dir] .drawer-slide-left-leave-active{transition:transform .3s ease}[dir=ltr] .drawer-slide-left-enter-from,[dir=ltr] .drawer-slide-left-leave-to{transform:translate(-100%)}[dir=rtl] .drawer-slide-left-enter-from,[dir=rtl] .drawer-slide-left-leave-to{transform:translate(100%)}[dir] .drawer-slide-right-enter-active,[dir] .drawer-slide-right-leave-active{transition:transform .3s ease}[dir=ltr] .drawer-slide-right-enter-from,[dir=ltr] .drawer-slide-right-leave-to{transform:translate(100%)}[dir=rtl] .drawer-slide-right-enter-from,[dir=rtl] .drawer-slide-right-leave-to{transform:translate(-100%)}[dir=ltr] [dir=rtl] .drawer-panel--left{left:auto;right:0}[dir=ltr] [dir=rtl] .drawer-panel--right,[dir=rtl] [dir=rtl] .drawer-panel--left{left:0;right:auto}[dir=rtl] [dir=rtl] .drawer-panel--right{left:auto;right:0}[dir=ltr] [dir=rtl] .drawer-slide-left-enter-from,[dir=ltr] [dir=rtl] .drawer-slide-left-leave-to{transform:translate(100%)}[dir=ltr] [dir=rtl] .drawer-slide-right-enter-from,[dir=ltr] [dir=rtl] .drawer-slide-right-leave-to,[dir=rtl] [dir=rtl] .drawer-slide-left-enter-from,[dir=rtl] [dir=rtl] .drawer-slide-left-leave-to{transform:translate(-100%)}[dir=rtl] [dir=rtl] .drawer-slide-right-enter-from,[dir=rtl] [dir=rtl] .drawer-slide-right-leave-to{transform:translate(100%)}