.perspective{perspective:20rem}.top-bar{top:0;left:0;right:0;z-index:100}.top-bar--title{border-radius:0 0 var(--radius-xl) var(--radius-xl);flex:1;transition:.25s}@media(min-width:760px){.top-bar--title{border-radius:var(--radius-xl);box-shadow:none;background-color:rgba(0,0,0,0)!important}}.top-bar--gfx{top:-.125rem;left:-.5rem}@media(min-width:760px){.top-bar--gfx{fill:none}}.top-bar--btn{color:var(--color-1);position:relative}.top-bar--btn+.top-bar--btn{margin-left:-.25rem}.top-bar .gradient{display:block;position:absolute;inset:-2.5rem 0 0;z-index:-1;background-color:var(--color-2);-webkit-mask-image:linear-gradient(180deg,transparent 0,black);mask-image:linear-gradient(180deg,transparent 0,black)}.top-bar-item{padding:1.25rem 1.125rem;cursor:pointer}.top-bar-item .bg{inset:.5rem .375rem;transition:.5s;opacity:0}.top-bar-item .bg.active{opacity:.5}.top-bar-item:hover>.bg:not(.active){opacity:.25}.top-bar>svg{display:block}.NotifiNumber_number___vsdd{background:var(--color-warning);border:1px solid;min-width:1rem;max-height:1rem;min-height:1rem;inset:.25rem .25rem auto auto}