.app-shell{position:relative;overflow-x:hidden}.app-shell,.route-page{min-height:100vh;background:#fff}.route-page{width:100%;will-change:transform,opacity;backface-visibility:hidden}.route-back-enter-active,.route-back-leave-active,.route-forward-enter-active,.route-forward-leave-active{position:absolute;top:0;left:0;width:100%;transition:transform .38s cubic-bezier(.32,.72,0,1),opacity .38s cubic-bezier(.32,.72,0,1),box-shadow .38s cubic-bezier(.32,.72,0,1)}.route-back-leave-active,.route-forward-enter-active{z-index:1}.route-back-enter-active,.route-forward-leave-active{z-index:0;pointer-events:none}.route-forward-enter-from{transform:translate3d(28%,0,0);box-shadow:-1.5rem 0 3rem rgba(0,0,0,.14)}.route-forward-leave-to{transform:translate3d(-9%,0,0);opacity:.84}.route-back-enter-from{transform:translate3d(-12%,0,0);opacity:.92}.route-back-leave-to{transform:translate3d(100%,0,0);box-shadow:-1.5rem 0 3rem rgba(0,0,0,.14)}.route-back-enter-to,.route-back-leave-from,.route-forward-enter-to,.route-forward-leave-from{transform:translateZ(0);opacity:1;box-shadow:none}.route-instant-enter-active,.route-instant-leave-active{transition:none}.menu{display:grid;gap:1rem}.menu-element{display:flex;align-items:center;gap:.75rem;width:100%;color:inherit;font:inherit;background:transparent;font-weight:600;text-decoration:none;border:1px solid #000;padding:1rem;border-radius:16px;transition:background-color .2s ease}.menu-element:hover{background-color:#f0f0f0;cursor:pointer}.menu-element:disabled{opacity:.6;cursor:not-allowed}.menu-element:disabled:hover{background-color:transparent}@media (prefers-reduced-motion:reduce){.route-back-enter-active,.route-back-leave-active,.route-forward-enter-active,.route-forward-leave-active,.route-instant-enter-active,.route-instant-leave-active{position:static;transition:none}}