.mobileDrawer{width:100%;height:100%;position:fixed;z-index:9999;top:0;left:0}@media(min-width:1024px){.mobileDrawer{display:none}}.mobileDrawer .mobileDrawer__backdrop{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobileDrawer .mobileDrawer__menu{position:absolute;top:0;z-index:2;height:100%;width:280px;background-color:#fff;box-shadow:4px 0 24px rgba(0,0,0,.12)}.mobileDrawer .mobileDrawer__menu.mobileDrawer__menu-openLeft{animation:openLeft .3s cubic-bezier(.16,1,.3,1) forwards;left:0}.mobileDrawer .mobileDrawer__menu.mobileDrawer__menu-openRight{animation:openRight .3s cubic-bezier(.16,1,.3,1) forwards;right:0}.mobileDrawer .mobileDrawer__menu.mobileDrawer__menu-closeLeft{animation:closeLeft .25s ease-in forwards;left:0}.mobileDrawer .mobileDrawer__menu.mobileDrawer__menu-closeRight{animation:closeRight .25s ease-in forwards;right:0}.mobileDrawer .mobileDrawer__menu>div{height:100%;background-color:#fff;display:flex;flex-direction:column}.mobileDrawer .mobileDrawer__menu>div .MuiList-root{flex:1 1;overflow-y:auto;padding-top:8px}@keyframes openRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes openLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes closeRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes closeLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}