body{margin:0;overflow-x:hidden;background-color:var(--wa-color-surface-lowered)!important;font-family:var(--lyst-heading-font-family)!important}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overflow:auto}.hide-scrollbar::-webkit-scrollbar{display:none}.navbar-container{z-index:30;height:70px;position:-webkit-sticky;position:sticky;top:0}@media (min-width:768px){.app-container{height:calc(100vh - 70px)}}@media (max-width:768px){.navbar-container{height:56px}.app-container{height:calc(100vh - 56px)}}[data-social-learn] .batch-layout{flex-direction:column;height:100%;display:flex}[data-social-learn] .batch-layout .navbar-container{flex-shrink:0}[data-social-learn] .batch-layout .batch-layout-body{flex:1;min-height:0}[data-social-learn] .batch-layout .app-container,[data-social-learn] .batch-layout .sidebar-container{box-sizing:border-box;height:100%}
.sidebar-container{border-right:1px solid var(--lyst-border-basic-color-4);background-color:var(--wa-color-surface-default);width:235px;height:calc(100vh - 70px);padding:16px}@media screen and (max-width:768px){.sidebar-container{display:none}}.sidebar-menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:12px;display:flex}.sidebar-menu-item:hover{background-color:var(--wa-color-surface-lowered)}.sidebar-menu-item.active{background-color:var(--wa-color-surface-lowered)!important}.sidebar-menu-item.active:hover{background-color:var(--primary-transparent-200)}.sidebar-icon{font-size:16px}.sidebar-icon.active{color:var(--primary-500)}.sidebar-notification-dot{color:var(--primary-500);font-size:10px}
.tab-navigator-container{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;z-index:10;background:var(--wa-color-surface-lowered);justify-content:flex-start;align-items:center;gap:12px;width:100%;min-width:0;height:auto;padding:16px 16px 0;transition:padding-bottom .3s,box-shadow .3s;display:none;position:relative;overflow-x:auto}.tab-navigator-container.scrolled{padding-bottom:16px;box-shadow:0 2px 4px #0000001a}@media screen and (max-width:768px){.tab-navigator-container{display:flex}}.tab-navigator-container::-webkit-scrollbar{display:none}.tab-item{border-radius:calc(var(--lyst-button-radius)*1px);border:1px solid var(--lyst-border-basic-color-4);background-color:var(--wa-color-surface-default);white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:8px 16px;transition:all .2s;display:flex;position:relative}.tab-item:hover{background-color:var(--primary-transparent-100);cursor:pointer}.tab-label{color:var(--lyst-text-basic-color);margin-left:8px;font-size:14px;font-weight:500}.tab-icon{font-size:16px}.active-tab{color:var(--primary-500);background-color:var(--primary-transparent-100);border-color:var(--primary-500)}.active-icon{color:var(--primary-500)}.notification-dot{background-color:var(--primary-500);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}