.video-lesson-card{width:100%;min-height:420px;min-height:min(55vh,420px);background-color:#fff;border-radius:1.5em;padding:2.5em;box-shadow:0 8px 32px 0 #5c5c5c1a;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media(max-width:769px){.video-lesson-card{padding:1.5em}}.video-lesson-card{padding:0;overflow:hidden;position:relative;justify-content:center}.video-lesson-card .video-player{width:100%;min-height:100%;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.video-lesson-card .controls-wrapper{position:absolute;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--neutral-light-alpha-200);opacity:0;transition:opacity .3s ease-in-out}.video-lesson-card .controls-wrapper.visible{opacity:1}.video-lesson-card .controls-wrapper.visible .inner-wrapper{pointer-events:all}@media(min-width:769px){.video-lesson-card .controls-wrapper:hover{opacity:1}.video-lesson-card .controls-wrapper:hover .inner-wrapper{pointer-events:all}}.video-lesson-card .controls-wrapper .inner-wrapper{display:flex;gap:16px;pointer-events:none}.video-lesson-card .controls-wrapper .inner-wrapper .side-button{background:none;border:none;color:#fff;font-size:0;cursor:pointer;transition:color .3s;padding:.5rem}.video-lesson-card .controls-wrapper .inner-wrapper .side-button .icon{width:24px;height:24px}.video-lesson-card .controls-wrapper .inner-wrapper .play-pause-button{background:none;border:none;color:#fff;font-size:0;cursor:pointer;transition:color .3s;padding:.5rem}.video-lesson-card .controls-wrapper .inner-wrapper .play-pause-button .icon{width:48px;height:48px}.video-lesson-card .video-subtitles{z-index:3;position:absolute;bottom:0;left:0;width:100%;padding:12px;color:#fff;font-size:14px;line-height:1.5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.video-lesson-card .video-subtitles .learning,.video-lesson-card .video-subtitles .native{padding:2px 4px;border-radius:5px;font-size:14px;display:inline-block;background:var(--neutral-light-alpha-200);margin:0}.video-lesson-card .video-subtitles .learning{font-weight:600}.video-lesson-card .video-subtitles .native{font-weight:400}.Lesson{width:100%;display:flex;flex-direction:column;gap:3em;align-items:center;flex:0 1;z-index:1}.Lesson .video-preloader{visibility:hidden;opacity:0;display:none;width:0;height:0;position:absolute;top:0;left:0;pointer-events:none}body{--breakpoint-s:$breakpoint-s;--breakpoint-m:$breakpoint-m;--breakpoint-l:$breakpoint-l;--breakpoint-xl:$breakpoint-xl;--font-family:var(--font-axiforma);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semi-bold:600;--font-weight-bold:700}@media(max-width:769px){body{--breakpoint:$breakpoint-s;--font-line-height-2xs:14px;--font-line-height-xs:16px;--font-line-height-sm:20px;--font-line-height-md:24px;--font-line-height-lg:24px;--font-line-height-xl:28px;--font-line-height-2xl:32px;--font-line-height-3xl:36px;--font-line-height-4xl:52px;--font-line-height-5xl:64px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:48px;--font-size-5xl:56px}}@media(min-width:769px){body{--breakpoint:$breakpoint-m;--font-line-height-2xs:14px;--font-line-height-xs:16px;--font-line-height-sm:20px;--font-line-height-md:24px;--font-line-height-lg:28px;--font-line-height-xl:36px;--font-line-height-2xl:44px;--font-line-height-3xl:52px;--font-line-height-4xl:64px;--font-line-height-5xl:72px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:24px;--font-size-xl:32px;--font-size-2xl:40px;--font-size-3xl:48px;--font-size-4xl:56px;--font-size-5xl:64px}}body{--radius-radius-none:0px;--radius-radius-xs:4px;--radius-radius-sm:8px;--radius-radius-md:16px;--radius-radius-lg:24px;--radius-radius-xl:40px;--radius-radius-round:80000px;--space-positive-0:0px;--space-positive-025:2px;--space-positive-050:4px;--space-positive-075:6px;--space-positive-100:8px;--space-positive-150:12px;--space-positive-200:16px;--space-positive-250:20px;--space-positive-300:24px;--space-positive-400:32px;--space-positive-500:40px;--space-positive-600:48px;--space-positive-700:56px;--space-positive-800:64px;--space-positive-900:72px;--space-positive-1000:80px;--width-column-single:568px;--width-double-column-content:454px;--color-blue-100:#dde4ff;--color-blue-1000:#0e173b;--color-blue-200:#bbc8ff;--color-blue-300:#8da4ff;--color-blue-400:#6080ff;--color-blue-500:#2857ff;--color-blue-600:#1c49ff;--color-blue-700:#1f41ba;--color-blue-800:#19328b;--color-blue-900:#12235d;--color-bluegray-100:#f2f4f6;--color-bluegray-1000:#232632;--color-bluegray-200:#e5e9ec;--color-bluegray-300:#d5dadf;--color-bluegray-400:#c3cbd3;--color-bluegray-500:#b3bcc6;--color-bluegray-600:#aab5c0;--color-bluegray-700:#808792;--color-bluegray-800:#5e646f;--color-bluegray-900:#3c414c;--color-green-100:#dfeeea;--color-green-1000:#08271e;--color-green-200:#bfecdf;--color-green-300:#94e0ca;--color-green-400:#69d4b5;--color-green-500:#46cea7;--color-green-600:#29c195;--color-green-700:#34947c;--color-green-800:#286d60;--color-green-900:#1b4643;--color-moonstone-100:#dff0f3;--color-moonstone-1000:#112330;--color-moonstone-200:#bfe2e8;--color-moonstone-300:#94ced9;--color-moonstone-400:#69bac9;--color-moonstone-500:#3ea7ba;--color-moonstone-600:#299db2;--color-moonstone-700:#2e7989;--color-moonstone-800:#245a69;--color-moonstone-900:#193b49;--color-orange-100:#ffede6;--color-orange-1000:#2d2024;--color-orange-200:#fedace;--color-orange-300:#fdc2ad;--color-orange-400:#fdaa8c;--color-orange-500:#fc916b;--color-orange-600:#fc855b;--color-orange-700:#b36952;--color-orange-800:#824f42;--color-orange-900:#523431;--color-purple-100:#eee9fc;--color-purple-1000:#1f1c38;--color-purple-200:#ddd2fa;--color-purple-300:#c7b4f7;--color-purple-400:#b097f3;--color-purple-500:#9979f0;--color-purple-600:#8e6aee;--color-purple-700:#6e58af;--color-purple-800:#514384;--color-purple-900:#342d59;--color-red-100:#fbe4e9;--color-red-1000:#4a1e31;--color-red-200:#f7c8d3;--color-red-300:#f1a4b5;--color-red-400:#eb8098;--color-red-500:#e65b7b;--color-red-600:#e3496c;--color-red-700:#a4435d;--color-red-800:#78344a;--color-red-900:#4b2436;--color-yellow-100:#fff7e7;--color-yellow-1000:#2e2925;--color-yellow-200:#ffefce;--color-yellow-300:#ffe5ad;--color-yellow-400:#ffda8d;--color-yellow-500:#ffcf6c;--color-yellow-600:#ffca5c;--color-yellow-700:#b59453;--color-yellow-800:#846e42;--color-yellow-900:#534731;--neutral-dark-0:#090c18;--neutral-dark-100:#1a1c26;--neutral-dark-1000:#fff;--neutral-dark-200:#242424;--neutral-dark-300:#2e303b;--neutral-dark-400:#53555d;--neutral-dark-500:#4d4d4d;--neutral-dark-600:#6f6f6f;--neutral-dark-700:#84858b;--neutral-dark-800:#ceced1;--neutral-dark-900:#e6e7e8;--neutral-dark-alpha-100:#ffffffe6;--neutral-dark-alpha-200:#ffffffa6;--neutral-dark-alpha-300:#ffffff4d;--neutral-dark-alpha-400:#ffffff26;--neutral-deprecated-black-1000:#000;--neutral-deprecated-black-150:#cfcfcf;--neutral-deprecated-black-300:#aaa;--neutral-deprecated-black-500:#7a7a7a;--neutral-deprecated-black-800:#313131;--neutral-deprecated-gray-1000:#f3f3f3;--neutral-deprecated-gray-150:#242424;--neutral-deprecated-gray-300:#4d4d4d;--neutral-deprecated-gray-450:#6f6f6f;--neutral-deprecated-gray-550:#909090;--neutral-deprecated-gray-750:#bdbdbd;--neutral-deprecated-gray-900:#e9e9e9;--neutral-deprecated-white-1000:#fff;--neutral-deprecated-white-150:#2e303b;--neutral-deprecated-white-200:#3a3d46;--neutral-deprecated-white-300:#53555d;--neutral-deprecated-white-500:#84858b;--neutral-deprecated-white-600:#9d9ea3;--neutral-deprecated-white-70:#1a1c26;--neutral-deprecated-white-800:#ceced1;--neutral-deprecated-white-900:#e6e7e8;--neutral-light-0:#fff;--neutral-light-100:#f3f3f3;--neutral-light-1000:#090c18;--neutral-light-200:#e9e9e9;--neutral-light-300:#cfcfcf;--neutral-light-400:#bdbdbd;--neutral-light-500:#aaa;--neutral-light-600:#909090;--neutral-light-700:#7a7a7a;--neutral-light-800:#313131;--neutral-light-900:#090c18;--neutral-light-alpha-100:#000000e6;--neutral-light-alpha-200:#000000a6;--neutral-light-alpha-300:#0000004d;--neutral-light-alpha-400:#00000026;--general-divider:#e9e9e9;--button-dhs-ait-entry-fill:var(--neutral-dark-alpha-300);--button-dhs-ait-entry-fill-active:var(--color-blue-primary);--button-dhs-course-view-button-content:var(--color-blue-primary);--button-dhs-course-view-button-fill:var(--color-blue-tertiary);--button-embedded-button:var(--neutral-light-0);--button-list-button:var(--surfaces-elevated-primary-background);--button-list-button-disabled:var(--surfaces-elevated-secondary-background);--button-list-button-pressed:var(--neutral-light-200);--button-primary_button:var(--color-blue-primary);--button-primary_button-content:var(--neutral-light-0);--button-primary_button-content-disabled:var(--neutral-dark-alpha-100);--button-primary_button-disabled:var(--neutral-light-200);--button-primary_button-pressed:var(--color-blue-400);--button-secondary-button:var(--color-blue-tertiary);--button-secondary-button-content:var(--color-blue-primary);--color-blue-primary:var(--color-blue-600);--color-blue-secondary:var(--color-blue-300);--color-blue-tertiary:var(--color-blue-100);--color-bluegray-primary:var(--color-bluegray-600);--color-bluegray-secondary:var(--color-bluegray-300);--color-bluegray-tertiary:var(--color-bluegray-100);--color-green-primary:var(--color-green-600);--color-green-secondary:var(--color-green-300);--color-green-tertiary:var(--color-green-100);--color-moonstone-primary:var(--color-moonstone-600);--color-moonstone-secondary:var(--color-moonstone-300);--color-moonstone-tertiary:var(--color-moonstone-100);--color-orange-primary:var(--color-orange-600);--color-orange-secondary:var(--color-orange-300);--color-orange-tertiary:var(--color-orange-100);--color-purple-primary:var(--color-purple-600);--color-purple-secondary:var(--color-purple-300);--color-purple-tertiary:var(--color-purple-100);--color-red-primary:var(--color-red-600);--color-red-secondary:var(--color-red-300);--color-red-tertiary:var(--color-red-100);--color-yellow-primary:var(--color-yellow-600);--color-yellow-secondary:var(--color-yellow-300);--color-yellow-tertiary:var(--color-yellow-100);--general-divider:var(--neutral-light-300);--general-navbar-stroke:var(--neutral-light-300);--general-placeholder:var(--neutral-light-200);--icon-bottom-tab-icon:var(--neutral-light-600);--icon-bottom-tab-icon-selected:var(--color-blue-primary);--icon-default-icon:var(--neutral-light-700);--icon-disabled-icon:var(--neutral-light-300);--icon-floating-icon-drop-shadow:var(--neutral-light-alpha-400);--icon-lesson-preview-bg:var(--surfaces-elevated-primary-background);--icon-next-up-bg:var(--color-blue-tertiary);--icon-next-up-content:var(--color-blue-primary);--icon-pressed-icon:var(--neutral-light-300);--icon-secondary-icon:var(--neutral-light-500);--icon-streak-inactive-core:var(--neutral-light-700);--icon-streak-inactive-outer:var(--neutral-light-400);--icon-tertiary-icon:var(--neutral-light-300);--progress-bar-unfinished:var(--surfaces-primary-background);--progress-progress-indicator:var(--color-blue-400);--shadows-primary:#0000001f;--shadows-secondary-cast:#00000014;--shadows-secondary-key:#00000026;--surfaces-elevated-primary-background:var(--neutral-light-0);--surfaces-elevated-secondary-background:var(--neutral-light-300);--surfaces-primary-background:var(--neutral-light-100);--surfaces-primary-background-v2:var(--neutral-light-0);--text-primary-text:var(--neutral-light-alpha-100);--text-secondary-text:var(--neutral-light-alpha-200);--text-tertiary-text:var(--neutral-light-alpha-300);--text-text-button:var(--color-blue-primary);--text-text-button-pressed:var(--color-blue-tertiary);--button-height:56px}.speaking-practice{justify-content:center;padding-bottom:3rem;align-items:center}.speaking-practice .inner-container{font-family:var(--font-axiforma,"sans-serif");font-size:16px;width:100%;padding:0;max-width:420px;display:flex;flex-direction:column;gap:1em;gap:min(2vh,1em) 0;align-items:center;justify-content:flex-start;position:relative}@media(max-width:769px){.speaking-practice .inner-container{min-height:calc(100vh - 140px);min-height:calc(100svh - 140px)}}.speaking-practice .inner-container.error{justify-content:center}.speaking-practice .inner-container .sp-button{padding:1em 1.5em;border-radius:1em;background-color:var(--color-blue-primary);color:#fff;width:100%;font-size:1em;display:flex;align-items:center;justify-content:center;gap:.25em;margin:0;transition:filter .15s ease-in-out}.speaking-practice .inner-container .sp-button.muted,.speaking-practice .inner-container .sp-button.recording{background-color:var(--color-blue-100);color:var(--color-blue-primary)}.speaking-practice .inner-container .sp-button.rounded{border-radius:100px;width:72px;height:72px;padding:0}.speaking-practice .inner-container .sp-button.rounded.small{width:48px;height:48px!important;font-size:0}.speaking-practice .inner-container .sp-button:active,.speaking-practice .inner-container .sp-button:hover{filter:brightness(.9)}@media(max-width:769px){.speaking-practice .inner-container .error-message{text-align:center}}.speaking-practice .inner-container .tapToContinue{all:unset;flex:1 1 auto;display:flex;align-items:flex-end;width:100%;text-align:center;padding:4rem 0;position:absolute;height:100%;box-sizing:border-box;z-index:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.speaking-practice .inner-container .tapToContinue p{width:100%}.speaking-practice .inner-container .continueSpacer{height:7.5rem}