.navbar{width:100%;height:70px;position:relative;z-index:1000}.navbar-inner{width:100%;margin:auto;max-width:1400px;justify-content:space-between;padding:0 10px}.nav-section,.navbar-inner{height:100%;display:flex;align-items:center}.nav-section{flex:1 1}.nav-start{height:40px;justify-content:start}.home-button{display:flex;gap:5px;align-items:end}.nav-start{display:flex;align-items:center;gap:10px}.nav-start .reel-icon{height:100%;object-fit:contain;width:auto;max-width:50px;max-height:50px}.nav-start span{height:auto;font-size:24px;letter-spacing:.5px;font-weight:700;max-width:150px;pointer-events:none}.nav-middle{gap:10px;justify-content:center}.nav-middle a{text-decoration:none;font-size:13px;color:white;text-align:center;white-space:nowrap;font-weight:600}.nav-end{gap:10px;justify-content:end}.nav-end,.nav-input-container{display:flex;align-items:center}.nav-input-container{justify-content:center;width:fit-content;max-width:300px;background-color:#ebebe4;border-radius:1000px;padding:2px 10px;font-size:14px}.nav-input-container input{outline:none;border:none;width:150px;color:black}.nav-input-container button svg{fill:#596b7c}.pfp-container{position:relative;width:fit-content;border-radius:100%}.pfp-container img{min-width:35px;min-height:35px;max-width:35px;max-height:35px;object-fit:cover;border-radius:100%}.options-container{position:absolute;top:40px;right:0;width:200px;background-color:#747c7c;box-shadow:0 1px 12px rgba(167,167,167,.1);border-radius:10px;z-index:1000;display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:transform .2s ease-in-out,opacity .2s ease-in-out}.options-container.open{opacity:1;pointer-events:all;transform:translateY(0)}.options-container button{display:flex;align-items:center;gap:10px;padding:8px 10px;color:#ebebe4;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase}.options-container button svg{fill:#ebebe4;width:15px;height:15px}.options-container button:hover{background-color:rgba(189,189,184,.146)}.collapsable-links,.menu-button-container{display:none}@media (max-width:810px){.navbar{height:55px;background-color:var(--background)}.nav-middle{display:none}.nav-input-container{width:100%;max-width:200px}.navbar .collapsable-links{display:block;height:0;transition:height .3s ease;overflow:hidden}.navbar .collapsable-links.open{--nav-link-height:35px;height:calc(var(--nav-links-num) * var(--nav-link-height))}.collapsable-links .nav-middle.nav-section{display:flex;gap:0;flex-direction:column;justify-content:start;background-color:var(--background);padding:0 10px}.collapsable-links .nav-middle.nav-section a{padding:5px 10px;width:100%;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;min-height:var(--nav-link-height);max-height:var(--nav-link-height)}.menu-button-container{display:block;cursor:pointer}}@media (max-width:510px){.navbar-inner{gap:15px}.nav-start{flex:0 1}.nav-start img{max-width:100px}.home-button span{display:none}.nav-input-container{width:100%;max-width:unset}.nav-input-container input{width:100%}}@media (max-width:440px){.nav-start .home-button{display:none}}