nav{padding:.5rem 1rem}nav.main-nav{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-bottom:1px solid var(--light-gray);background-color:var(--foreground-color);position:-webkit-sticky;position:sticky;top:0;z-index:1111}nav.main-nav .left-side{display:flex;align-items:center;column-gap:.5rem}nav.main-nav .left-side span.sm-line{display:block;background-color:var(--light-gray);border-radius:9999px;width:1px;height:2rem}nav.main-nav .left-side div.menu-btn{padding:.25rem 0;margin-bottom:1px;cursor:pointer}nav.main-nav .left-side div.menu-btn span.menu{position:relative;display:block;background-color:var(--light-main);width:1rem;height:2px;border-radius:9999px;top:0;transition:background-color .3s}nav.main-nav .left-side div.menu-btn span.menu:after,nav.main-nav .left-side div.menu-btn span.menu:before{content:" ";position:absolute;left:0;background-color:var(--light-main);width:inherit;height:inherit;border-radius:inherit;transition:transform .3s,top .3s,opacity .3s;transform-origin:center}nav.main-nav .left-side div.menu-btn span.menu:before{top:-.25rem}nav.main-nav .left-side div.menu-btn span.menu:after{top:.25rem}nav.main-nav .left-side div.menu-btn span.menu.menu-open{background-color:transparent}nav.main-nav .left-side div.menu-btn span.menu.menu-open:before{transform:rotate(45deg);top:0;opacity:1}nav.main-nav .left-side div.menu-btn span.menu.menu-open:after{transform:rotate(-45deg);top:0;opacity:1}@media screen and (min-width:1350px){nav.main-nav .left-side{width:204px}nav.main-nav .left-side.wider-left-side{width:340px}nav.main-nav .left-side div.menu-btn,nav.main-nav .left-side span.sm-line{display:none}}nav.main-nav .search-bar{display:none}@media screen and (min-width:1280px){nav.main-nav .search-bar{display:flex;margin:unset}}nav.main-nav div.right-side div.auth-buttons{flex-shrink:0;display:flex;align-items:center;column-gap:.5rem}nav.main-nav div.right-side div.auth-buttons a{width:-moz-fit-content;width:fit-content}nav.main-nav div.feed-nav{display:flex;gap:.5rem;align-items:center}nav.main-nav div.feed-nav .nav-dropdown{position:relative}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label{display:flex;align-items:center;column-gap:.5rem;background-color:var(--secondary-gray);border-radius:.75rem;padding:5px;transition:.3s}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label span.image-name{width:30px;height:30px}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label .user-info{display:none}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label svg{width:14px;height:14px;transition:.3s;margin-left:auto;flex-shrink:0}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label:hover{background-color:var(--thin-primary)}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options{position:absolute;background-color:var(--foreground-color);border-radius:1rem;padding:.5rem;right:0;margin-top:.5rem;width:200px;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s,opacity .3s}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options ul li{font-size:.9rem;display:flex;margin-bottom:.25rem}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options ul li .option{cursor:pointer;flex-grow:1;border-radius:.75rem;padding:.5rem;width:calc(100% - 1rem);color:var(--lighter-main);justify-content:flex-start;font-weight:500;transition:.3s}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options ul li .option:hover{color:var(--primary-color);background-color:var(--thin-primary)}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options ul li.line{display:block;width:90%;height:1px;border-radius:9999px;background-color:var(--secondary-gray);margin:.25rem auto}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options .theme-mode span{font-weight:500;font-size:.9rem}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options .theme-mode .current{display:block;margin-left:.5rem;margin-bottom:.25rem;margin-top:.5rem}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options .theme-mode .theme{font-size:.9rem;display:flex;align-items:center;column-gap:.5rem;margin-bottom:.25rem;cursor:pointer;flex-grow:1;border-radius:.75rem;padding:.5rem;width:calc(100% - 1rem);color:var(--lighter-main);justify-content:flex-start;font-weight:500;transition:.3s}nav.main-nav div.feed-nav .nav-dropdown .dropdown-options .theme-mode .active,nav.main-nav div.feed-nav .nav-dropdown .dropdown-options .theme-mode .theme:hover{color:var(--primary-color);background-color:var(--thin-primary)}@media screen and (min-width:640px){nav.main-nav div.feed-nav .nav-dropdown .dropdown-options{width:100%}}nav.main-nav div.feed-nav .nav-dropdown.open-nav-dropdown .dropdown-label svg{rotate:180deg}nav.main-nav div.feed-nav .nav-dropdown.open-nav-dropdown .dropdown-options{max-height:300px;opacity:1}@media screen and (min-width:640px){nav.main-nav div.feed-nav .nav-dropdown .dropdown-label{width:200px}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label .user-info{display:block;width:100%;overflow:hidden}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label .user-info span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label .user-info span:first-child{font-size:.9rem;font-weight:600}nav.main-nav div.feed-nav .nav-dropdown .dropdown-label .user-info span.email{color:var(--lighter-main);font-size:.75rem;font-weight:500}}