.preNav{z-index:40;background-color:var(--color-surface-accent);height:2rem;color:var(--secondary-color-text);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}nav{height:5rem;padding:16px;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}nav ul{float:right;align-items:center;gap:.5rem;display:flex}nav ul li{display:inline-block}nav ul li a{color:var(--color-text-primary);letter-spacing:.04em;outline:none;justify-content:space-between;align-items:center;font-size:1rem;-webkit-text-decoration:none;text-decoration:none;display:flex}nav ul li a:hover{-webkit-text-decoration:none;text-decoration:none}.link{color:var(--color-text-muted);padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm);border-radius:.75rem;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;line-height:1rem;-webkit-text-decoration:none;text-decoration:none;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}#nav:checked+.nav-open i:first-child{transform:rotate(45deg)translate(5px,4px)}#nav:checked+.nav-open i:nth-child(2){transform:translate(-100px)}#nav:checked+.nav-open i:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}#nav:checked~.nav-container{z-index:9990;opacity:1;transform:translate(0)}#nav:checked~.nav-container ul li a{opacity:1;transform:translateY(0)}#nav:checked~.nav-container img{opacity:.4;transition:all .799s}.userStatus{display:flex}@media screen and (max-width:768px){.userStatus{width:80%;margin-left:auto;margin-right:auto}.preNav{display:none}nav ul{float:right;flex-direction:column;align-items:center;display:flex}nav ul li{float:none;text-align:center;justify-content:center;width:100%;display:flex}nav ul li:not(:first-child){margin-left:0}nav ul li .link,nav ul li .link-vert{opacity:0;width:80%;color:var(--color-text-primary);padding:10px 20px;font-size:1.125rem;font-weight:800;transition:all .2s;transform:translate(-20px)}nav ul li .link:first-child,nav ul li .link-vert:first-child{transition-delay:.2s}nav ul li .link:nth-child(2),nav ul li .link-vert:nth-child(2){transition-delay:.3s}nav ul li .link:nth-child(3),nav ul li .link-vert:nth-child(3){transition-delay:.4s}nav ul li .link:hover,nav ul li .link-vert:hover{color:var(--secondary-color-text);-webkit-text-decoration:none;text-decoration:none}nav ul li .activeLink,nav ul li .activeLinkVert{background:var(--primary-color)}nav ul li .linkActivated{color:var(--color-text-primary)}.nav-container{z-index:-1;opacity:0;width:100%;height:100%;transition:all .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.nav-container img{opacity:0}.nav-container ul{width:100%;margin-top:1.25rem;position:relative}.nav-open{cursor:pointer;z-index:9999;width:4rem;height:4rem;margin-top:auto;margin-bottom:auto;display:block}.nav-open i{background:var(--color-text-primary);border-radius:2px;width:20px;height:2px;margin-left:20px;transition:transform .3s;display:block}.nav-open i:first-child{margin-top:20px}.nav-open i:nth-child(2),.nav-open i:nth-child(3){margin-top:4px}}@media screen and (min-width:768px){nav.vert{height:100vh}.nav-container-vert ul{flex-direction:column;display:flex}.link{color:var(--primary-color);letter-spacing:.15em;padding:5px 2px;line-height:1.5rem;position:relative}.link:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s,left .3s;display:block;position:absolute;bottom:0;left:0}.link:hover{color:var(--mantine-color-text)}.link:hover:after{width:100%;left:0}.link .linkIcon{color:var(--primary-color);width:fit-content}.link-vert{color:var(--primary-color);letter-spacing:.15em;margin-top:.3rem;margin-bottom:.3rem;padding:5px 2px;line-height:1.5rem;transition:all .7s,left .7s;position:relative}.link-vert:hover{background-color:var(--primary-color-light);color:var(--mantine-color-text)}.link-vert .linkIcon{color:var(--primary-color);width:fit-content}.link-vert span{color:var(--color-text-primary)}.activeLink:after{opacity:.3;width:100%;transition-property:all;transition-duration:.6s}.activeLink:hover:after{opacity:1;width:100%}.activeLinkVert{color:var(--secondary-color-text);background-color:var(--primary-color)!important}.activeLinkVert .linkIcon{color:#fff;width:fit-content}.activeLinkVert:hover{transition-color:var(--secondary-color-text);transition:width .3s,span;background-color:var(--primary-color)!important}.activeLinkVert span{color:var(--secondary-color-text);background-color:var(--primary-color)!important}}