.navbar{background:#f3f3f3;border-radius:15px;box-shadow:0 0 10px 1px #b6a6a6;margin-bottom:20px}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:7px}.navbar__desktop{display:flex;align-items:center;width:100%}.navbar__mobile{display:none;align-items:center;width:100%}.navbar__mobile-button{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:rgba(0,0,0,0);color:inherit;font-size:20px;cursor:pointer;transition:.2s}.navbar__mobile-button:hover{background:rgba(127,127,127,.12)}.navbar__mobile-title{flex:1 1;margin-left:10px;font-weight:600}.navbar__mobile-messages{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;border-radius:50%}.navbar__mobile-messages i{font-size:17px}.navbar__mobile-messages--active{background:rgba(127,127,127,.16)}.navbar__mobile-menu{display:flex;flex-direction:column;gap:15px}.navbar__mobile-section{display:flex;flex-direction:column;gap:3px}.navbar__mobile-section:not(:first-child){padding-top:12px;border-top:1px solid #e2e2e2}.navbar__mobile-link{width:100%;min-height:45px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:none;border-radius:9px;background:rgba(0,0,0,0);color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:.2s}.navbar__mobile-link:hover{background:rgba(127,127,127,.1)}.navbar__mobile-link i{font-size:11px;opacity:.5}.navbar__mobile-link--active{background:rgba(127,127,127,.14);font-weight:600}.navbar__mobile-link--danger{color:#e53935}.navbar__mobile-user{display:flex;align-items:center;gap:10px;padding:11px 13px;font-weight:600;background:#38373f;border-radius:9px;color:#fff}.navbar__mobile-user i{width:18px;text-align:center;opacity:.6}.navbar__mobile-unread{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin-left:7px;border-radius:999px;background:#e53935;color:#fff;font-size:10px;font-weight:700}.navbar__user-badge-arrow{margin-left:6px;font-size:10px!important;opacity:.7;color:#a5a5a5;transition:transform .2s ease}.navbar__user-badge-arrow--open{transform:rotate(180deg)}.navbar__messages{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:inherit;text-decoration:none;border-radius:50%;transition:background-color .2s ease,color .2s ease,transform .2s ease;position:relative}.navbar__messages i{font-size:17px}.navbar__messages:hover{background:rgba(127,127,127,.12);transform:translateY(-1px)}.navbar__messages--active{background:rgba(127,127,127,.16)}.navbar__messages-count{position:absolute;top:-3px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#e53935;color:#fff;font-size:10px;font-weight:700;line-height:1}.navbar__user{order:2;display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar__user-badge{padding:11px 17px;display:inline-block;background:#38373f;color:#fff;border-radius:15px;cursor:pointer}.navbar__user-badge--logout{width:38px;height:39px;padding:9px;background:#f05252;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.navbar__user-badge--logout:hover{background:hsl(0,84.0425531915%,53.137254902%)}.navbar__tabs{order:1;margin-left:20px;display:flex;overflow-x:auto;overflow-y:hidden;flex-grow:1;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important}.navbar__tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.navbar__tabs-list{display:flex;list-style:none;padding:0;margin:0;flex-wrap:nowrap}.navbar__tab{margin-right:20px;display:flex;align-items:center}.navbar__tab a{text-decoration:none;white-space:nowrap;display:inline-block;transition:.2s}.navbar__tab a:hover{color:#636363}.navbar__tab--selected a{font-weight:bolder;color:#636363}@media(max-width:769px){.navbar__desktop{display:none}.navbar__mobile{display:flex}}@media(min-width:770px){.navbar__desktop{display:flex}.navbar__mobile{display:none}}