.nav{height:var(--nav-height);justify-content:space-between;align-items:center;margin-left:22px;margin-right:25px;display:flex}.nav-left{cursor:pointer;align-items:baseline;display:flex}.nav-left-icon{background-color:green;border-radius:100%;width:14px;height:14px}.nav-left-name{color:var(--foreground);margin:0 0 0 2px;font-size:24px;font-weight:600}.nav-right{align-items:center;display:flex;position:relative}.nav-right-theme-toggle-container{cursor:pointer;border:1px solid gray;border-radius:500px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:15px;display:flex}.nav-right-theme-toggle-container:hover{filter:brightness(1.3)}.nav-right-theme-toggle{font-size:17px}.nav-right-login{cursor:pointer;border:1px solid var(--gray);border-radius:20px;justify-content:center;align-items:center;width:70px;height:33px;font-size:15px;font-weight:400;text-decoration:none;display:flex}body[data-theme=light] .nav-right-login{background-color:var(--dark-gray);color:#fff}body[data-theme=dark] .nav-right-login{background-color:var(--light-gray);color:#000}.nav-right-login:hover{filter:brightness(1.2)}.nav-right-profile{cursor:pointer;background-color:color-mix(in srgb,var(--boken-green)15%,transparent);border:1px solid color-mix(in srgb,var(--boken-green)20%,transparent);width:80px;height:37px;color:color-mix(in srgb,var(--boken-green)80%,white);filter:brightness(1.8);-webkit-backdrop-filter:blur(6px);border-radius:20px;justify-content:center;align-items:center;font-size:15px;font-weight:400;text-decoration:none;display:flex}.nav-right-account{cursor:pointer;object-fit:cover;border-radius:100%;width:40px;height:40px;transition:transform 50ms}body[data-theme=light] .nav-right-account{background-color:var(--light-gray)}body[data-theme=dark] .nav-right-account{background-color:var(--dark-gray)}body[data-theme=light] .account-menu{background-color:#fdfefe;border:1px solid #d6d6d6}body[data-theme=dark] .account-menu{background-color:var(--dark-gray);border:1px solid #3e3e3e}.account-menu{z-index:1000;border-radius:11px;flex-direction:column;align-items:center;padding-top:4px;padding-bottom:4px;display:flex;position:absolute;top:50px;right:0}.account-menu-option{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;align-items:center;width:115px;height:34px;margin:1px 5px;padding-left:10px;font-size:15.5px;font-weight:400;display:flex}.liner{width:135px;margin:4px auto}body[data-theme=light] .liner{border-top:1px solid #d6d6d6}body[data-theme=dark] .liner{border-top:1px solid #3f3f3f}body[data-theme=light] .account-menu-option:hover{background-color:#ececec}body[data-theme=dark] .account-menu-option:hover{background-color:#525252}@media (min-width:900px){.nav{width:95%;max-width:1000px;margin:auto}}@media (max-width:1000px){.account-menu{right:-8px}}
.menu-trigger{cursor:pointer;outline:none;align-items:center;display:flex}.nav-right-account-icon{width:23px;height:23px}.menu-content{background-color:var(--card);color:var(--foreground);border:.5px solid var(--gray);margin-right:10px}.menu-item{cursor:pointer;color:var(--foreground);display:flex}.menu-item:hover{background-color:var(--highlight)}