.rail,.tiaMemberMenuPanel,.publicHomeRail{flex-direction:column;display:flex;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;overflow:hidden!important}.railScrollable,.memberMenuSections,.publicHomeRail>nav{scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.railScrollable::-webkit-scrollbar{display:none}.memberMenuSections::-webkit-scrollbar{display:none}.publicHomeRail>nav::-webkit-scrollbar{display:none}.memberMenuBrand,.publicHomeBrand{flex-shrink:0}.menuFixedSignout{box-sizing:border-box;background:#342c55;border-top:1px solid #ffffff24;flex-shrink:0;align-items:center;gap:11px;min-height:48px;margin-top:12px;padding:14px 12px;font-size:14px;line-height:1.4;text-decoration:none;display:flex;color:#fff!important}.menuFixedSignout svg{flex-shrink:0;width:19px;height:19px}.menuFixedSignout:hover{background:#ffffff12;border-radius:10px}.menuFixedSignout:focus-visible{outline-offset:-2px;outline:2px solid #d6b5ed}.railBrand .mobileClose{color:#fff;cursor:pointer;background:#ffffff10;border:0;border-radius:9px;place-items:center;width:36px;height:36px;margin-left:auto;padding:7px;display:grid}.memberRailShade{z-index:140;background:#17102533;border:0;width:100%;height:100%;padding:0;position:fixed;inset:0}@media (min-width:851px){.memberRailShade{display:none}.appShell:not(.railCollapsed) .railCollapseButton{visibility:hidden}.railBrand{position:relative}.railBrand .mobileClose{position:absolute;top:0;right:0}.memberMenuOverlay{width:100%!important;right:0!important}.memberMenuOverlay .tiaMemberMenuBackdrop{pointer-events:auto;background:0 0;width:calc(100% - 260px);left:260px;display:block!important}.publicHome.menuOpen .publicMenuShade{z-index:165;background:0 0;border:0;width:calc(100% - 260px);height:100%;display:block;position:fixed;inset:0 0 0 260px}}@media (max-width:850px){:is(.appShell:has(.rail.open) .menuBtn,.appShell:has(.rail.open) .railCollapseButton){visibility:hidden}.railBrand{padding-top:8px!important}.railBrand .mobileClose{align-self:flex-start}}.memberMenuSections,.publicHomeRail>nav{align-content:start}.rail{height:100dvh}.railScrollable{flex-shrink:1!important}.railScrollable .railSection{flex-shrink:0}.publicHomeRail{padding-top:calc(78px + env(safe-area-inset-top,0px))}.tiaMemberMenuPanel .memberMenuSections{margin-bottom:0}.onlineMenuIcon{background:#4bb88b20;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;display:inline-grid}.onlineMenuIcon i{background:#4bbb8c;border-radius:50%;width:9px;height:9px;display:block;box-shadow:0 0 0 3px #4bbb8c18}.menuCreditBadge{min-width:25px;min-height:23px;color:inherit;background:#ffffff17;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 7px;font-style:normal;font-weight:600;line-height:1.2;margin-left:auto!important;font-size:11px!important;display:inline-flex!important}@media (max-width:850px),(max-height:850px) and (pointer:coarse){.rail,.appShell.railCollapsed .rail,.tiaMemberMenuPanel,.publicHomeRail{width:min(240px,78vw)!important;max-width:78vw!important}body:has(.communitySocial) .appShell .rail{width:min(240px,78vw)!important;max-width:78vw!important}.railBrandLogo,.publicHomeBrand img,.memberMenuBrand>img{width:165px;max-width:100%}.railScrollable .railSection>a,.railScrollable .railSection>button,.memberMenuSections>a,.publicHomeRail nav>button,.publicHomeRail nav>a{white-space:normal;overflow-wrap:anywhere;gap:10px;min-width:0;min-height:46px;padding:11px 9px;font-size:14px;line-height:1.35}.railScrollable .railSection>a>svg,.railScrollable .railSection>button>svg,.memberMenuSections>a>svg,.publicHomeRail nav>button>svg{flex-shrink:0}}[data-member-menu-slot]{z-index:165;flex-shrink:0;order:-1;align-self:center;align-items:center;display:inline-flex;position:relative}html body .communitySocialHeader [data-member-menu-slot]>.integratedMenuButton{width:42px!important;height:42px!important;min-height:42px!important;box-shadow:none!important;color:#fff!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:9px!important}html body .communitySocialHeader .communityMenuGlyph{stroke:currentColor;stroke-width:2px;flex:none;display:block;width:24px!important;height:24px!important}body .integratedMenuButton,body .appShell .main .integratedMenuButton{cursor:pointer;pointer-events:auto;place-items:center;width:42px!important;height:42px!important;min-height:42px!important;box-shadow:none!important;color:#342c55!important;background:0 0!important;border:0!important;border-radius:10px!important;margin:0 8px 0 0!important;padding:9px!important;display:grid!important;position:static!important;inset:auto!important}body .appShell:not(:has(.communitySocial))>.main>header>.menuBtn{flex-shrink:0;margin:0!important;position:static!important;inset:auto!important}body .appShell:not(:has(.communitySocial))>.main>header{align-items:center;display:flex;padding-left:0!important}.vocabularyFeedFilters{background:#fff;border:1px solid #e8e1ed;border-radius:16px;padding:8px;position:relative}:is(body:has(.vocabularyFeedFilters) .railCollapseButton,body:has(.communitySocialHeader) .railCollapseButton){display:none!important}.communitySocialHeader>[data-member-menu-slot]{flex:none;width:42px;margin-right:4px}.communitySocialHeader>div:first-of-type{flex:1}.communitySocialHeader{justify-content:flex-start!important}body .beginnerTopbar .tiaMemberMenu,body .freeHeader .tiaMemberMenu{flex-shrink:0;align-items:center;display:flex}body .beginnerTopbar .tiaMemberMenuTrigger,body .freeHeader .tiaMemberMenuTrigger{width:42px!important;height:42px!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:9px!important;position:static!important;inset:auto!important}body .beginnerApp .beginnerTopbar:has(.tiaMemberMenu){gap:14px;padding-left:18px!important}.isRoomTopbar>[data-member-menu-slot]{pointer-events:auto}body .appShell:not(:has(.communitySocial))>.main>header>.menuBtn{color:#342c55;background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;padding:9px;display:grid!important}body .appShell:not(:has(.communitySocial))>.main>header>.railCollapseButton{display:none!important}.publicHomeTop>[data-public-menu-slot]{flex-shrink:0;align-items:center;min-width:42px;margin-right:12px;display:inline-flex}.publicHomeTop:has([data-public-menu-slot]){align-items:center;gap:0;display:flex;padding-left:18px!important}body .communitySocialHeader:has([data-member-menu-slot]){gap:8px;padding-left:16px!important}body .communitySocialHeader.isRoomTopbar:has([data-member-menu-slot]){justify-content:space-between!important;padding-left:12px!important}body .communitySocialHeader.isRoomTopbar>div:first-of-type{display:none}body .appShell:not(:has(.communitySocial))>.main>header{gap:12px;height:auto;min-height:64px;padding:calc(8px + env(safe-area-inset-top,0px)) 0 8px!important;align-items:center!important}body .appShell:not(:has(.communitySocial))>.main>header>.menuBtn{flex:0 0 42px;align-self:center;width:42px;height:42px;min-height:42px;margin:0!important;position:static!important;inset:auto!important}body .appShell:not(:has(.communitySocial))>.main>header>.menuBtn svg{width:24px;height:24px}body .beginnerApp .memberBeginnerNav{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 18px 10px!important;display:grid!important}body .beginnerApp .memberBeginnerNav>.tiaMemberMenu{grid-area:1/1;place-self:center start}body .beginnerApp .memberBeginnerNav>.lessonBrand{grid-area:1/2;justify-self:center}body .beginnerApp .memberBeginnerNav>.lessonQuickNav{grid-area:2/1/auto/-1}body .freeConversation .freeHeader{align-items:center;gap:12px;min-height:42px;padding-left:0!important}body .freeConversation .freeHeader .tiaMemberMenuTrigger{align-self:center;place-items:center;color:#fff!important;background:0 0!important;width:42px!important;height:42px!important;margin:0!important;padding:9px!important;display:grid!important;position:static!important;inset:auto!important}body .freeConversation .freeHeader .tiaMemberMenuTrigger svg{color:#fff;stroke:currentColor;width:24px;height:24px}body .beginnerApp .memberBeginnerNav.memberLessonHeader{color:#513c62;background:#f6f3f7;grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr);align-items:center;gap:12px;width:100%;padding:calc(12px + env(safe-area-inset-top,0px)) 18px 12px!important;display:grid!important}body .memberLessonHeader>.tiaMemberMenu{grid-area:1/1;justify-self:start}body .memberLessonHeader>.lessonBrand{color:#513c62;grid-area:1/2;justify-self:center;font-size:16px;font-weight:700;text-decoration:none}body .memberLessonHeader>.memberLessonIdentity{overflow-wrap:anywhere;text-align:right;grid-area:1/3;justify-self:end;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}body .memberLessonHeader .memberPhotoButton{width:32px;height:32px;min-height:32px}body .memberLessonHeader>.lessonQuickNav{grid-area:2/1/auto/-1;justify-content:center;gap:6px;width:100%;margin:0;padding:0;display:flex;overflow-x:auto}body .memberLessonHeader>.lessonQuickNav>a{color:#342c55;background:#eee8f3;border:1px solid #0000;border-radius:10px;flex:none;min-height:40px;padding:9px 16px;font-size:13px;font-weight:500}body .memberLessonHeader>.lessonQuickNav>a.active{color:#fff;background:#342c55}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header{z-index:120;position:sticky;top:0}body .publicHomeTab-podcast .publicHomeTop.hasVisitorProfile{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(#f6f3f7fc 0%,#f6f3f7f0 50%,#f6f3f7b8 100%)!important;border-bottom:0!important}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(#f6f3f7fc 0%,#f6f3f7f0 50%,#f6f3f7b8 100%)!important;border-bottom:0!important}body .beginnerApp .beginnerTopbar:has(.tiaMemberMenu){box-shadow:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(#f6f3f7fc 0%,#f6f3f7f0 50%,#f6f3f7b8 100%)!important;border-bottom:0!important}body .publicHomeTab-podcast .publicHomeTop.hasVisitorProfile:after{content:"";pointer-events:none;height:32px;box-shadow:none;background:linear-gradient(#f6f3f7b8,#f6f3f700);border:0;position:absolute;top:100%;left:0;right:0}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header:after{content:"";pointer-events:none;height:32px;box-shadow:none;background:linear-gradient(#f6f3f7b8,#f6f3f700);border:0;position:absolute;top:100%;left:0;right:0}body .beginnerApp .beginnerTopbar:has(.tiaMemberMenu):after{content:"";pointer-events:none;height:32px;box-shadow:none;background:linear-gradient(#f6f3f7b8,#f6f3f700);border:0;position:absolute;top:100%;left:0;right:0}body .memberLessonHeader>.lessonQuickNav{box-shadow:none!important;background:0 0!important;border-bottom:0!important}body .beginnerApp .memberBeginnerNav.memberLessonHeader[data-lesson]{color:#fff;gap:14px 10px;min-height:0!important;padding:calc(6px + env(safe-area-inset-top,0px)) 18px 6px!important;background:radial-gradient(circle at 82% 20%,#b985ff42,#0000 26%),linear-gradient(120deg,#20113f,#563187 62%,#2b174d)!important}body .memberLessonHeader[data-lesson]:after{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000);background:linear-gradient(120deg,#20113f,#563187 62%,#2b174d)!important;height:24px!important}body .memberLessonHeader[data-lesson]>.lessonBrand,body .memberLessonHeader[data-lesson] .tiaMemberMenuTrigger{color:#fff!important}body .memberLessonHeader[data-lesson] .tiaMemberMenuTrigger{height:34px!important;min-height:34px!important}body .memberLessonHeader[data-lesson]>.lessonQuickNav>a{color:#eee4fa;background:#ffffff18;min-height:32px;padding:7px 14px}body .memberLessonHeader[data-lesson]>.lessonQuickNav>a.active{color:#342c55;background:#fff}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header{color:#f7f0e9;background:radial-gradient(at 5% 20%,#59415b 0,#0000 65%),#28212d!important}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header:after{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000);background:radial-gradient(at 5% 20%,#59415b 0,#0000 65%),#28212d!important}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header>.menuBtn{color:#f7f0e9!important}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header .headerGreeting{color:#f7f0e9!important}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header .headerGreeting strong{color:#f7f0e9!important}body .appShell:has(.podcastHub):not(:has(.communitySocial))>.main>header .headerGreeting span{color:#f7f0e9!important}.beginnerTopbar>.beginnerSectionName{color:inherit;grid-area:1/2;justify-self:center;font-size:16px}body .visitorBeginnerHeader,body .publicHomeTab-beginner .publicHomeTop.hasVisitorProfile{color:#fff;min-height:0;padding:calc(6px + env(safe-area-inset-top,0px)) 18px 6px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:radial-gradient(circle at 82% 20%,#b985ff42,#0000 26%),linear-gradient(120deg,#20113f,#563187 62%,#2b174d)!important;border-bottom:0!important;row-gap:14px!important}body .visitorBeginnerHeader:after,body .publicHomeTab-beginner .publicHomeTop.hasVisitorProfile:after{content:"";pointer-events:none;background:linear-gradient(120deg,#20113f,#563187 62%,#2b174d);height:24px;position:absolute;top:100%;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}body .visitorBeginnerHeader>button{color:#fff;background:0 0;height:34px;min-height:34px}body .visitorBeginnerHeader .visitorBeginnerLessons,body .publicHomeTab-beginner .publicHeaderLessons{box-shadow:none;background:0 0;border:0;padding-top:0;padding-bottom:0}body .visitorBeginnerHeader .visitorBeginnerLessons>a,body .publicHomeTab-beginner .publicHeaderLessons>a{color:#eee4fa;background:#ffffff18;border-radius:10px;min-height:32px;padding:7px 14px}body .visitorBeginnerHeader .visitorBeginnerLessons>a.active,body .publicHomeTab-beginner .publicHeaderLessons>a.active{color:#342c55;background:#fff}body .publicHomeTab-beginner .publicHomeTop.hasVisitorProfile .publicScreenTitle,body .publicHomeTab-beginner .publicHomeTop.hasVisitorProfile .publicVisitorIdentity{color:#fff}body .publicHomeTab-beginner .publicMenuToggle{box-shadow:none;border:0;color:#fff!important;background:0 0!important}
