.header{z-index:1000;background:#fff;border-bottom:1px solid #0000;height:66px;padding:10px 0;transition:all .2s ease-in-out;display:none;position:sticky;top:0;left:0;right:0}.header.moved{border-bottom-color:var(--gray)}.header-container{flex-direction:row;align-items:center;gap:16px;display:flex}.header-container .header-logo{flex-shrink:0;height:90%}.header-container .nav{flex-direction:row;flex-grow:1;justify-content:space-between;align-items:stretch;gap:16px;min-width:0;height:100%;display:flex}.header-container .nav-links{align-items:stretch;gap:10px;min-width:0;margin-left:16px;display:flex}.header-container .nav-links__item{color:#0c172994;letter-spacing:-.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-family:Commissioner,sans-serif;font-size:1.06rem;font-weight:500;transition:background-color .15s ease-in-out,color .15s ease-in-out,transform .15s ease-in-out;display:flex}.header-container .nav-links__item:hover{color:var(--secondary-color);background:#5ab05812}.header-container .nav-links__item--active{color:var(--secondary-color);background:#5ab0581c;box-shadow:inset 0 0 0 1px #5ab05824}.header-container .nav-buttons{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-container .nav-buttons .nav-user{background:var(--button-background);border:1px solid var(--border-color);white-space:nowrap;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:600}.header-container .nav-buttons .logout-button{white-space:nowrap;min-width:auto}.header-container .nav-buttons .btn{white-space:nowrap;font-weight:600}@media screen and (max-width:1279px){.header-container .nav-links{margin-left:8px}.header-container .nav-links__item{min-height:42px;padding:0 14px;font-size:.96rem}.header-container .nav-buttons{gap:8px}.header-container .nav-buttons .nav-user{display:none}}@media screen and (min-width:1024px){.header{display:flex}}
.bottom-nav{z-index:1000;align-items:stretch;gap:8px;width:min(100%,460px);height:72px;margin:0 auto;padding:0 10px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__links{background-color:var(--gray);border:1px solid var(--border-color);border-radius:28px;flex-direction:row;flex:auto;min-width:0;padding:4px;transition:all .15s ease-in-out;display:flex}.bottom-nav__links-item{-webkit-user-select:none;user-select:none;min-width:0;color:var(--secondary-color);background:0 0;border-radius:24px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:all .15s ease-in-out;display:flex}.bottom-nav__links-item--button{cursor:pointer}.bottom-nav__links-item:disabled{opacity:.55}.bottom-nav__links-item span{white-space:nowrap;font-size:10px;font-weight:500;line-height:1;display:none}.bottom-nav__links-item svg{flex-shrink:0;width:24px;height:24px}.bottom-nav__links-item span,.bottom-nav__links-item svg{transition:all .15s ease-in-out}.bottom-nav__links-item--active{background-color:var(--button-hover)}.bottom-nav__links-item--active svg{fill:var(--primary-color)}.bottom-nav__links-item--active span{color:var(--primary-color)}.bottom-nav__create{aspect-ratio:1;background-color:var(--gray);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;height:100%;display:flex}.bottom-nav__create svg{width:60%;height:60%}@media screen and (min-width:400px){.bottom-nav__links-item span{display:block}}@media screen and (min-width:1024px){.bottom-nav{display:none}}