.nav{position:sticky;top:0;z-index:40;background:rgba(7,7,11,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.page-view[hidden]{display:none!important}
.page-view:not([hidden]){animation:route-enter .38s cubic-bezier(.2,.7,.2,1)}
.collection.page-view,.market-section.page-view,.trade-section.page-view,.my-section.page-view,.profile-section.page-view{min-height:calc(100vh - 176px)}
.nav nav a{position:relative;padding:29px 0 28px}
.nav nav a:after{content:"";position:absolute;height:1px;left:50%;right:50%;bottom:-1px;background:linear-gradient(90deg,#a87aea,#7edbea);box-shadow:0 0 10px rgba(168,122,234,.5);transition:.25s}
.nav nav a.active:after{left:0;right:0}
@keyframes route-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:720px){.nav{position:sticky}.nav nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:58px;background:rgba(8,8,13,.94);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);justify-content:space-around;align-items:center;z-index:45}.nav nav a{padding:20px 5px 18px;font-size:10px}.nav nav a:after{bottom:0}.app{padding-bottom:58px}.collection.page-view,.market-section.page-view,.trade-section.page-view,.my-section.page-view,.profile-section.page-view{min-height:calc(100vh - 180px)}}