.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-brand-row .brand{min-width:0}.sidebar-brand-row #sidebarToggle{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:36px;padding:7px;border-radius:11px;color:#315b87;background:#ffffff60}#sidebarToggle svg{width:20px;height:20px;flex:none}.city-sidebar #nav{margin-top:28px}.city-sidebar #nav>.sidebar-city{font-size:28px;font-weight:750;line-height:1.15;letter-spacing:-.035em;color:#123b69;padding:8px 12px 24px;min-height:60px;display:flex;overflow-wrap:anywhere}.sidebar-city>svg{display:none}.sidebar-label{min-width:0}.sidebar-brand-row .brand{white-space:nowrap}.sidebar-collapsed #sidebarToggle svg{transform:rotate(180deg)}
@media(min-width:761px){.sidebar-collapsed:not(.directory-view){grid-template-columns:88px minmax(0,1fr)!important}.sidebar-collapsed #magicSidebar{width:88px;padding:20px 0 20px 12px;z-index:40;overflow:visible}.sidebar-collapsed .magic-sidebar-surface{width:64px!important;min-width:64px;height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 12px 38px #123d6b15!important}.sidebar-collapsed .magic-sidebar-inner{padding:17px 8px 15px;width:64px;overflow:hidden}.sidebar-collapsed .sidebar-brand-row{flex-direction:column;gap:12px}.sidebar-collapsed .sidebar-brand-row .brand{padding:0;font-size:0!important;text-align:center}.sidebar-collapsed .sidebar-brand-row .brand::before{content:'В';font-size:29px;line-height:36px}.sidebar-collapsed .sidebar-brand-row .brand::after{width:6px;height:6px;margin-left:2px}.sidebar-collapsed .magic-sidebar-inner #nav{margin-top:18px;overflow:hidden;gap:6px;display:flex;flex-direction:column}.sidebar-collapsed #nav>button,.sidebar-collapsed #nav>a{justify-content:center;padding:12px 8px;min-height:44px;flex:none;width:48px;gap:0}.sidebar-collapsed #nav .sidebar-label,.sidebar-collapsed #nav .sidebar-city-name,.sidebar-collapsed #nav .nav-count,.sidebar-collapsed #nav .nav-inbox>span:not(.sidebar-label){display:none}.sidebar-collapsed #nav .sidebar-city>svg{display:block;width:23px;height:23px;flex:none}.sidebar-collapsed #nav>.sidebar-city{margin:0 0 15px;padding:10px 8px;min-height:46px;background:#d1e8ff8c;border-radius:13px}.sidebar-collapsed .aside-bottom{padding:12px 7px!important}.sidebar-collapsed .aside-bottom p{display:none}.sidebar-collapsed #logout{width:32px!important;min-width:32px!important}.sidebar-collapsed.sidebar-peek .magic-sidebar-surface{width:250px!important;min-width:250px;background:#eff8fff5!important;box-shadow:0 18px 46px #123d6b30!important}.sidebar-collapsed.sidebar-peek .magic-sidebar-inner{width:250px;padding:24px 13px 18px;overflow:auto}.sidebar-collapsed.sidebar-peek .sidebar-brand-row{flex-direction:row;gap:8px}.sidebar-collapsed.sidebar-peek .sidebar-brand-row .brand{font-size:2.1rem!important;padding-left:14px}.sidebar-collapsed.sidebar-peek .sidebar-brand-row .brand::before{content:none}.sidebar-collapsed.sidebar-peek .sidebar-brand-row .brand::after{width:9px;height:9px;margin-left:4px}.sidebar-collapsed.sidebar-peek #nav>button,.sidebar-collapsed.sidebar-peek #nav>a{width:100%;justify-content:flex-start;gap:11px;padding:11px 13px}.sidebar-collapsed.sidebar-peek #nav .sidebar-label,.sidebar-collapsed.sidebar-peek #nav .sidebar-city-name{display:inline}.sidebar-collapsed.sidebar-peek #nav .sidebar-city>svg{display:none}.sidebar-collapsed.sidebar-peek #nav>.sidebar-city{background:none;font-size:28px;line-height:1.15;padding:8px 12px 24px;margin-bottom:0}.sidebar-collapsed.sidebar-peek .aside-bottom p{display:block}.sidebar-collapsed.sidebar-peek .aside-bottom{padding:30px 14px 0!important}}
@media(max-width:760px){.sidebar-brand-row{padding-right:35px}.sidebar-brand-row #sidebarToggle{margin-left:auto;margin-right:4px}.city-sidebar #nav{margin-top:16px}.city-sidebar #nav>.sidebar-city{grid-column:1/-1;display:block!important;font-size:26px;padding:5px 0 13px;min-height:0}.sidebar-collapsed #nav .sidebar-label{display:none}.sidebar-collapsed #nav>button{min-height:44px;padding:10px 4px}.sidebar-collapsed .sidebar-city-name{display:inline}.sidebar-collapsed #nav>.sidebar-city{font-size:23px}.sidebar-collapsed #nav>a:not(.sidebar-city){display:none!important}.sidebar-collapsed .magic-sidebar-inner nav{padding-bottom:7px}.sidebar-brand-row .brand{font-size:1.7rem}}