*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;width:100%;height:100%;margin:0;padding:0}body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}img,video,canvas,svg{max-width:100%}#app{width:100%}.nav-bar{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(160%);background-color:#0c0d0fbf;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");border-bottom:1px solid #ffffff14;height:100px;position:fixed;top:0;left:0;right:0}@media (width<=1199px){.nav-bar{height:64px}}