.appFrame{--sidebar-width: 248px;--sidebar-duration: .28s;--sidebar-easing: cubic-bezier(.22, 1, .36, 1);--navigation-shadow-color: color-mix(in srgb, var(--headerShadow) 70%, transparent);width:100%;min-height:100dvh}.appFrameContent{min-width:0;min-height:100dvh;margin-inline-start:var(--sidebar-width);display:flex;flex-direction:column;align-items:center;transition:margin-inline-start var(--sidebar-duration) var(--sidebar-easing)}.appFrameCompact .appFrameContent{margin-inline-start:0}.appFrameContent>main{width:calc(100% - 40px);flex:1}.appFrameContent>footer{width:calc(100% - 40px);max-width:var(--contentWidth)}.appFrameContent>footer>div{width:100%;max-width:100%;box-sizing:border-box}header[data-app-header].appHeader{position:fixed;inset:0 0 auto;z-index:12;padding:0 24px!important;background:var(--headerSurface)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:0;box-shadow:0 2px 25px var(--navigation-shadow-color)}header[data-app-header].appHeader>.appHeaderInner{display:grid;grid-template-columns:minmax(224px,1fr) minmax(200px,620px) minmax(max-content,1fr);align-items:center;gap:24px;min-height:73px;max-width:none;margin:0;padding:10px 0!important;border:0;border-radius:0;background:transparent!important;box-shadow:none!important}.appHeaderBrand{display:flex;align-items:center;gap:14px;min-width:0}.appHeaderBrand .logo{flex-shrink:0}.appMenuToggle.appMobileSearchToggle{display:none}.appMenuToggle{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;color:var(--text1);cursor:pointer}.appMenuToggle:hover{background:var(--background2)}.appMenuToggle svg{width:24px;height:24px}.appMenuToggle.appMobileSearchToggle svg{width:20px;height:20px}.appMenuToggle svg path{stroke:currentColor}.appHeaderSearch{position:relative;display:flex;gap:12px;height:42px;width:100%;min-width:0}.appHeaderSearchField{display:flex;flex:1;min-width:0;overflow:hidden;border:1px solid var(--border1);border-radius:999px;background:var(--background1)}.appHeaderSearchField:focus-within{border-color:var(--accentBlue2)}.appHeaderSearch input{flex:1;min-width:0;width:100%;padding:0 20px;background:var(--background1);color:var(--text1);font-size:1rem}.appHeaderSearch input::placeholder{color:var(--text2)}.appHeaderSearchField button{display:grid;place-items:center;width:56px;flex-shrink:0;border-inline-start:1px solid var(--border1);background:var(--background2);color:var(--text1);cursor:pointer}.appHeaderSearchField button:hover{background:var(--background3)}.appHeaderSearchField button svg{width:18px;height:18px}.appHeaderSearchField button svg path{stroke:currentColor}.appHeaderSearch .appVoiceSearch{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;align-self:center;border:1px solid var(--border1);border-radius:50%;background:var(--background2);color:var(--text1);cursor:pointer;transition:background-color .18s ease,color .18s ease}.appHeaderSearch .appVoiceSearch:hover{background:var(--background3)}.appHeaderSearch .appVoiceSearch.isListening{background:var(--accentRed3);color:var(--borderWhite)}.appVoiceSearch svg{width:21px;height:21px}.appVoiceSearchStatus{position:absolute;inset:calc(100% + 10px) 0 auto;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--background1);color:var(--text1);box-shadow:0 8px 24px var(--headerShadowColor);font-size:.85rem;line-height:1.5}.appVoiceSearchStatus span{flex:1}.appVoiceSearchStatus button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:50%;background:var(--background2);color:var(--text2);cursor:pointer}.appVoiceSearchStatus button:hover{background:var(--background3);color:var(--text1)}.appVoiceSearchStatus svg{width:18px;height:18px}.appVoiceSearchStatus svg [stroke]{stroke:currentColor}.appHeaderActions{justify-self:end}.appHeaderActions .adminAvatarMenuWrap{border-radius:999px;cursor:pointer;transition:background-color .2s ease}.appHeaderActions .adminAvatarMenuWrap:is(:hover,:focus-within){background-color:var(--background2)}@media(min-width:1076px){.appHeaderActions .adminAvatarMenuWrap{padding-inline-start:12px}}.appHeaderGreeting{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text1)}.appHeaderGreetingText{display:block;overflow:hidden;text-overflow:ellipsis}.appHeaderGreetingRole{display:block;text-align:end;font-size:.75rem;line-height:1.25;font-weight:600;color:var(--accentOrange)}.adminAvatarDropdown[data-visible]{opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.adminAvatarDropdown[data-visible=true]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}@media(prefers-reduced-motion:reduce){.adminAvatarDropdown[data-visible]{transition:none}}.appSidebar{position:fixed;inset:73px auto 0 0;width:var(--sidebar-width);z-index:13;overflow-y:auto;overscroll-behavior:contain;background:var(--background1);box-shadow:2px 0 25px var(--navigation-shadow-color);clip-path:inset(0 -40px 0 0);scrollbar-width:thin;scrollbar-color:var(--border1) var(--background1);transform:translate(0);visibility:visible;transition:transform var(--sidebar-duration) var(--sidebar-easing),visibility 0s}.appFrameCompact .appSidebar{transform:translate(-100%);visibility:hidden;pointer-events:none;transition:transform var(--sidebar-duration) var(--sidebar-easing),visibility 0s var(--sidebar-duration)}.appSidebarNav{padding:12px}.appSidebarGroup{display:flex;flex-direction:column;gap:2px;padding-block:12px;border-bottom:1px solid var(--border1)}.appSidebarGroup:first-child{padding-top:0}.appSidebarGroup:last-child{border-bottom:0}.appSidebarItem,.appSidebarHeading{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 14px;border-radius:10px;color:var(--text1);font-size:.94rem;line-height:1.3}.appSidebarSectionTitle{margin:0}.appSidebarHeading{gap:10px;min-height:40px;margin-bottom:4px;font-size:1rem;font-weight:600}.appSidebarHeadingArrow{display:flex;align-items:center}.appSidebarHeadingArrow svg{width:7px;height:13px}.appSidebarHeadingArrow svg [stroke]{stroke:currentColor}.appSidebarItem:hover,a.appSidebarHeading:hover{background:var(--background2)}.appSidebarItem.isActive{background:var(--background2);font-weight:600}.appSidebarItem.isActive .appSidebarIcon{color:var(--accentBlue2)}.appSidebarIcon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px}.appSidebarIcon svg{width:22px;height:22px}.appSidebarIcon svg [stroke]{stroke:currentColor}.appSidebarIcon svg [fill]:not([fill=none]){fill:currentColor}.appSidebarNav .customLanguageSelect--mobile .customLanguageTrigger{padding:10px 14px;font-size:.94rem;gap:16px}.appSidebarDialog{position:fixed;inset:0 auto 0 0;width:min(288px,calc(100vw - 40px));max-width:none;height:100dvh;max-height:none;margin:0;padding:0;background:var(--background1);color:var(--text1);box-shadow:12px 0 40px var(--headerShadowColor);transform:translate(-100%);opacity:0;transition:transform var(--sidebar-duration) var(--sidebar-easing),opacity var(--sidebar-duration) var(--sidebar-easing)}.appSidebarDialog[open][data-visible=true]{transform:translate(0);opacity:1}.appSidebarDialog::backdrop{background:var(--seethroughtBlack);opacity:0;transition:opacity var(--sidebar-duration) var(--sidebar-easing)}.appSidebarDialog[open][data-visible=true]::backdrop{opacity:1}.appSidebarDrawer{display:flex;flex-direction:column;height:100%}.appSidebarDrawerHeader{display:flex;justify-content:space-between;align-items:center;min-height:73px;padding:12px 20px;border-bottom:1px solid var(--border1)}.appSidebarDrawerHeader>strong:focus{outline:none}.appSidebarDrawer .appSidebarNav{flex:1;overflow-y:auto;overscroll-behavior:contain}.appMenuToggle:focus-visible,.appSidebarNav a:focus-visible,.appHeaderSearch button:focus-visible{outline:2px solid var(--accentBlue2);outline-offset:-3px}@media(min-width:1101px){.appFrame:after{content:"";position:fixed;top:73px;left:var(--sidebar-width);width:28px;height:28px;border-top-left-radius:28px;box-shadow:-14px -14px 0 14px var(--background1);clip-path:inset(0);z-index:13;pointer-events:none;transform:translate(0);visibility:visible;transition:transform var(--sidebar-duration) var(--sidebar-easing),visibility 0s}.appFrameCompact:after{transform:translate(calc(-1 * var(--sidebar-width)));visibility:hidden;transition:transform var(--sidebar-duration) var(--sidebar-easing),visibility 0s var(--sidebar-duration)}.appFrame:not(.appFrameCompact) main .collection.notscrollable,.appFrame:not(.appFrameCompact) main.playlist .videoHolder,.appFrame:not(.appFrameCompact) main.videos .holder,.appFrame:not(.appFrameCompact) main.accountPage .accountLibraryGrid{grid-template-columns:var(--video-grid-columns)}}@media(max-width:1100px){.appFrameContent{margin-inline-start:0}.appSidebar{display:none}header[data-app-header].appHeader>.appHeaderInner{grid-template-columns:auto minmax(120px,1fr) auto;gap:20px}}@media(max-width:650px){.appFrameContent>footer{width:100%;max-width:none}header[data-app-header].appHeader{padding-inline:16px!important}header[data-app-header].appHeader>.appHeaderInner{grid-template-columns:minmax(0,1fr) auto;gap:8px}.appHeaderBrand,.appHeaderBrand .logo{gap:8px}.appHeaderBrand .logo img{width:32px;height:32px}.appHeaderBrand .logo h3{font-size:18px}.appHeaderBrand .logo p{font-size:11px}.appHeaderBrand .appMenuToggle,.appMobileSearchToggle{width:36px;height:36px;flex-basis:36px}.appMenuToggle.appMobileSearchToggle{display:grid}.appHeaderSearch{position:absolute;inset:calc(100% + 8px) 16px auto;width:auto;height:46px;box-shadow:none;background:none;gap:10px;opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity var(--sidebar-duration) var(--sidebar-easing),transform var(--sidebar-duration) var(--sidebar-easing),visibility 0s var(--sidebar-duration)}.appHeaderSearch.isMobileOpen{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity var(--sidebar-duration) var(--sidebar-easing),transform var(--sidebar-duration) var(--sidebar-easing),visibility 0s}.appHeaderSearch input{padding-inline:16px;font-size:16px}.appHeaderSearchField button{width:48px}.appHeaderSearchField{box-shadow:0 4px 14px var(--headerShadowColor)}.appHeaderSearch .appVoiceSearch{width:46px;height:46px;flex-basis:46px;background:var(--background1);box-shadow:0 4px 14px var(--headerShadowColor)}.appHeaderSearch .appVoiceSearch:hover{background:linear-gradient(var(--background2),var(--background2)),var(--background1)}.appHeaderSearch .appVoiceSearch.isListening{background:var(--accentRed3);color:var(--borderWhite)}.appVoiceSearch svg{backface-visibility:visible}.appVoiceSearch svg [stroke]{stroke:currentColor;stroke-width:1.75}.appVoiceSearchStatus{background:var(--background1)}}@media(max-width:360px){.appHeaderBrand{gap:4px}.appHeaderBrand .logo{gap:6px}.appHeaderBrand .logo h3{font-size:16px}.appHeaderBrand .logo p{font-size:10px}.appHeaderBrand .appMenuToggle,.appMobileSearchToggle{width:32px;height:36px;flex-basis:32px}.appHeaderActions .accountImg{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.appFrame{--sidebar-duration: 0s}}.eaesHeaderLogo{display:flex;width:40px;height:40px;flex:0 0 40px}.eaesHeaderLogo svg{display:block;width:100%;height:100%;backface-visibility:visible;shape-rendering:geometricPrecision}@media(max-width:650px){.eaesHeaderLogo{width:32px;height:32px;flex-basis:32px}}header[data-app-header] .eaesHeaderLogo svg path{fill:var(--accentBlue2)}@media(max-width:500px){.appFrame:has(main:is(.play,.liveWatchPage))>header[data-app-header].appHeader{background:var(--background1)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}