:root{--spacer-xs:8px;--spacer-sm:16px;--spacer-md:24px;--spacer-lg:32px;--spacer-xl:40px}.menu__sidebar .menu__container{background-color:#fff;display:flex;flex-direction:column;gap:var(--spacer-sm);height:100%;max-height:100vh;opacity:0;overflow:scroll;padding:var(--spacer-sm);position:fixed;transform:translateY(-100%);transition:transform .2s ease-out,opacity .2s ease-out;width:100%;z-index:100}.menu__sidebar .menu__container .v-icon{color:var(--c-grey);margin-bottom:5px}.menu__sidebar .menu__container--open{opacity:1;transform:translateY(0)}.menu__sidebar .menu__container h3{color:var(--c-brand-primary)}.menu__sidebar .menu__container .close{color:var(--c-dark);float:right}