.site-header{--header-fade:0;--site-header-height:4rem;top:var(--preview-banner-space,0px);box-shadow:0 1px 3px 0 rgb(0 0 0/calc(var(--header-fade) * .08))}.header-nav{isolation:isolate;--header-bg-opacity:calc(.68 + var(--header-fade) * .22);--header-bg-opacity-blur:calc(.62 + var(--header-fade) * .08);--header-blur:calc(7px + var(--header-fade) * 5px);background-color:color-mix(in srgb, var(--color-primary) calc(var(--header-bg-opacity) * 100%), transparent);-webkit-backdrop-filter:blur(var(--header-blur));backdrop-filter:blur(var(--header-blur));border-bottom:none;position:relative}.header-nav:after{content:"";inset-inline:0;pointer-events:none;height:1px;opacity:var(--header-fade);background:color-mix(in srgb, var(--color-border) 40%, transparent);position:absolute;bottom:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header-nav{background-color:color-mix(in srgb, var(--color-primary) calc(var(--header-bg-opacity-blur) * 100%), transparent)}}.dark .header-nav{--header-bg-opacity:calc(var(--header-fade) * .9);--header-bg-opacity-blur:calc(var(--header-fade) * .7);--header-blur:calc(var(--header-fade) * 12px);background-color:color-mix(in srgb, var(--color-nav-dark) calc(var(--header-bg-opacity) * 100%), transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.dark .header-nav:after{background:#ffffff1a}.dark .site-header[data-scrolled] .header-nav{-webkit-backdrop-filter:blur(var(--header-blur));backdrop-filter:blur(var(--header-blur))}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dark .header-nav{background-color:color-mix(in srgb, var(--color-nav-dark) calc(var(--header-bg-opacity-blur) * 100%), transparent)}}@media (max-width:767px){.header-nav{-webkit-backdrop-filter:none;backdrop-filter:none;--header-bg-opacity:1;--header-bg-opacity-blur:1}.dark .header-nav{--header-bg-opacity:.92;--header-bg-opacity-blur:.92;-webkit-backdrop-filter:none;backdrop-filter:none}.dark .site-header[data-scrolled] .header-nav{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.site-header{box-shadow:0 1px 3px #00000014}.header-nav{--header-bg-opacity:1;--header-bg-opacity-blur:1;--header-blur:0px}.header-nav:after{opacity:1}.dark .header-nav{--header-bg-opacity:.9;--header-bg-opacity-blur:.9;-webkit-backdrop-filter:none;backdrop-filter:none}.dark .site-header[data-scrolled] .header-nav{-webkit-backdrop-filter:blur(var(--header-blur));backdrop-filter:blur(var(--header-blur))}}
.app-shell{--site-header-height:4rem}.course-page-shell{margin-top:calc(-1 * var(--site-header-height,4rem));padding-top:var(--site-header-height,4rem)}@media (max-width:1023px){.app-shell:has([data-mobile-lesson-player])>.flex-1{flex-direction:column;min-height:0;display:flex;overflow:hidden}.app-shell:has([data-mobile-lesson-player]) #main-content{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-shell:has([data-mobile-lesson-player]) .site-footer{display:none}[data-mobile-lesson-player] .abgadiyat-player,[data-mobile-lesson-player] .aspect-video{box-shadow:none!important;border-radius:0!important}[data-mobile-lesson-player] .abgadiyat-audio-chrome{border-inline:none;box-shadow:none;border-top:none;border-radius:0}[data-mobile-lesson-player] .abgadiyat-audio-chrome-hero-backdrop img{filter:blur(36px)saturate(.55);opacity:.35}[data-mobile-lesson-player] .abgadiyat-audio-chrome-hero-backdrop:after{background:linear-gradient(180deg, color-mix(in srgb, var(--ds-color-background) 70%, transparent) 0%, color-mix(in srgb, var(--ds-color-background) 92%, transparent) 55%, var(--ds-color-background) 100%)}[data-mobile-lesson-player] .abgadiyat-audio-chrome{background:var(--ds-color-background);border-color:var(--ds-color-border)}[data-mobile-lesson-player] .lesson-media-stage[data-collapsed] .abgadiyat-player,[data-mobile-lesson-player] .lesson-media-stage[data-collapsed] .abgadiyat-audio-chrome{pointer-events:none}}.header-mobile-only{display:block}.header-desktop-nav,.header-desktop-only-flex,.header-desktop-only-inline,.header-desktop-only-block{display:none}@media (min-width:768px){.header-mobile-only{display:none}.header-desktop-nav,.header-desktop-only-flex{display:flex}.header-desktop-only-inline{display:inline-flex}.header-desktop-only-block{display:block}}.footer-marketing-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.footer-marketing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-footer{background-color:var(--ds-color-primary);color:var(--ds-color-primary-foreground);padding-bottom:env(safe-area-inset-bottom,0px)}.dark .site-footer{background-color:var(--ds-brand-nav-dark)}.site-header-spacer{height:calc(var(--site-header-height,4rem) + var(--preview-banner-space,0px));flex-shrink:0}@media (max-width:767px){.app-shell[data-mobile-lesson-header-hide] .site-header{will-change:transform;transition:transform .2s}.app-shell[data-mobile-lesson-header-hide] .site-header[data-header-hidden]{pointer-events:none;transform:translateY(-100%)}.app-shell[data-mobile-lesson-header-hide][data-header-hidden]{--site-header-height:0px}.app-shell[data-mobile-lesson-header-hide] .site-header-spacer,.app-shell[data-mobile-lesson-header-hide] .course-page-shell{transition:height .2s,margin-top .2s,padding-top .2s}@media (prefers-reduced-motion:reduce){.app-shell[data-mobile-lesson-header-hide] .site-header,.app-shell[data-mobile-lesson-header-hide] .site-header-spacer,.app-shell[data-mobile-lesson-header-hide] .course-page-shell{transition:none}}}@media (display-mode:standalone),(display-mode:minimal-ui){.site-header{padding-top:env(safe-area-inset-top,0px)}.site-header-spacer{height:calc(var(--site-header-height,4rem) + env(safe-area-inset-top,0px) + var(--preview-banner-space,0px))}.app-shell{--site-header-height:4rem;padding-inline-start:env(safe-area-inset-left,0px);padding-inline-end:env(safe-area-inset-right,0px)}}