.menu-right{background-position:center 132%;background-repeat:no-repeat;background-size:100%;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-top{background-position:3px -210px;background-size:115%}.offcanvas-menu{display:grid;grid-template-rows:max-content 1fr;height:100%}.offcanvas-menu--title{display:flex;justify-content:space-between}.offcanvas-menu--body{display:grid;gap:.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}.slide-fade-enter-active{transition:all .6s cubic-bezier(.16,1,.3,1)}.slide-fade-leave-active{transition:all .6s cubic-bezier(.7,0,.84,0)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translate(300px)}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media screen and (min-width:1400px){.menu-top{background-position:3px -60%}}@media screen and (max-width:1299px){.menu-top{background-position:3px -81%}}@media screen and (max-width:768px){.menu-top{background-position:3px -55%}}@media screen and (max-width:600px){.menu-right{background-position:center 113%}.menu-top{background-position:3px -55%}}@media screen and (max-width:315px){.menu-top{background-position:3px -45%}}