.page-enter-active,.page-leave-active{transition:opacity .3s ease}.page-enter-from,.page-leave-active{opacity:0}#app header{height:15px;transition:all .5s ease-in-out}#app header a.logo{display:block;position:absolute;right:0;top:0;cursor:pointer;width:20px;height:30px;transition:all .5s ease-in}#app header.home a.logo{width:140px;height:125px}#app header a.logo .triangle{background:url(/assets/logo-bg.svg) no-repeat center top;background-size:cover;margin:0 auto;transition:all .5s ease-in}#app header a.logo .triangle img{max-width:100%;height:auto;display:block;opacity:0;transition:all .5s ease-in}#app header.home a.logo .triangle img{opacity:1}#app header:not(.home) a.logo:hover{width:30px}#app footer{z-index:100000}ul a{overflow:hidden;display:block;width:60px;height:45px;display:flex;transition:all .5s;cursor:pointer}ul a svg{align-self:center;margin:0 auto;width:18px;height:20px;display:block}ul a.active{background-color:var(--main-color);width:60px;height:50px;position:relative;overflow:visible}ul a.active svg{transition:all .2s ease-in;transform:scale(1.1)}ul a.active svg g{fill:#fff}ul li a{display:flex;flex-direction:column;justify-content:center}.menu-text{font-size:.7rem;color:#000;font-weight:600;height:14px}.active .menu-text{color:#fff}@media (min-width: 750px){ul a.active:after{content:"";background:url(/assets/logo-bg.svg) no-repeat center top;background-size:contain;width:20px;height:15px;position:absolute;left:50%;margin-left:-10px;bottom:-15px;z-index:20000000}.card{max-width:700px;width:100%}#app footer{bottom:auto;top:0;width:100%;z-index:5;background-color:#fff;height:60px}#app footer .max-width{min-width:750px}#app footer ul{justify-content:flex-start;gap:48px;margin-left:2rem}#app main{margin-top:85px}#app header{z-index:100001;background:none}#app header a.logo{width:140px!important;left:450px}#app header a.logo .triangle img{opacity:1}}