.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 rgba(92,92,92,.1);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;--space-positive-1100:88px;--width-column-single:568px;--width-double-column-content:454px;--color-blue-100:rgb(221 228 255);--color-blue-1000:rgb(14 23 59);--color-blue-200:rgb(187 200 255);--color-blue-300:rgb(141 164 255);--color-blue-400:rgb(96 128 255);--color-blue-500:rgb(40 87 255);--color-blue-600:rgb(28 73 255);--color-blue-700:rgb(31 65 186);--color-blue-800:rgb(25 50 139);--color-blue-900:rgb(18 35 93);--color-bluegray-0:rgb(245,248,254);--color-bluegray-100:rgb(242 244 246);--color-bluegray-1000:rgb(35 38 50);--color-bluegray-200:rgb(229 233 236);--color-bluegray-300:rgb(213 218 223);--color-bluegray-400:rgb(195 203 211);--color-bluegray-500:rgb(179 188 198);--color-bluegray-600:rgb(170 181 192);--color-bluegray-700:rgb(128 135 146);--color-bluegray-800:rgb(94 100 111);--color-bluegray-900:rgb(60 65 76);--color-green-100:rgb(223 238 234);--color-green-1000:rgb(8 39 30);--color-green-200:rgb(191 236 223);--color-green-300:rgb(148 224 202);--color-green-400:rgb(105 212 181);--color-green-500:rgb(70 206 167);--color-green-600:rgb(41 193 149);--color-green-700:rgb(52 148 124);--color-green-800:rgb(40 109 96);--color-green-900:rgb(27 70 67);--color-moonstone-100:rgb(223 240 243);--color-moonstone-1000:rgb(17 35 48);--color-moonstone-200:rgb(191 226 232);--color-moonstone-300:rgb(148 206 217);--color-moonstone-400:rgb(105 186 201);--color-moonstone-500:rgb(62 167 186);--color-moonstone-600:rgb(41 157 178);--color-moonstone-700:rgb(46 121 137);--color-moonstone-800:rgb(36 90 105);--color-moonstone-900:rgb(25 59 73);--color-orange-100:rgb(255 237 230);--color-orange-1000:rgb(45 32 36);--color-orange-200:rgb(254 218 206);--color-orange-300:rgb(253 194 173);--color-orange-400:rgb(253 170 140);--color-orange-500:rgb(252 145 107);--color-orange-600:rgb(252 133 91);--color-orange-700:rgb(179 105 82);--color-orange-800:rgb(130 79 66);--color-orange-900:rgb(82 52 49);--color-purple-100:rgb(238 233 252);--color-purple-1000:rgb(31 28 56);--color-purple-200:rgb(221 210 250);--color-purple-300:rgb(199 180 247);--color-purple-400:rgb(176 151 243);--color-purple-500:rgb(153 121 240);--color-purple-600:rgb(142 106 238);--color-purple-700:rgb(110 88 175);--color-purple-800:rgb(81 67 132);--color-purple-900:rgb(52 45 89);--color-red-100:rgb(251 228 233);--color-red-1000:rgb(74 30 49);--color-red-200:rgb(247 200 211);--color-red-300:rgb(241 164 181);--color-red-400:rgb(235 128 152);--color-red-500:rgb(230 91 123);--color-red-600:rgb(227 73 108);--color-red-700:rgb(164 67 93);--color-red-800:rgb(120 52 74);--color-red-900:rgb(75 36 54);--color-yellow-100:rgb(255 247 231);--color-yellow-1000:rgb(46 41 37);--color-yellow-200:rgb(255 239 206);--color-yellow-300:rgb(255 229 173);--color-yellow-400:rgb(255 218 141);--color-yellow-500:rgb(255 207 108);--color-yellow-600:rgb(255 202 92);--color-yellow-700:rgb(181 148 83);--color-yellow-800:rgb(132 110 66);--color-yellow-900:rgb(83 71 49);--neutral-dark-0:rgb(9 12 24);--neutral-dark-100:rgb(26 28 38);--neutral-dark-1000:rgb(255 255 255);--neutral-dark-200:rgb(36 36 36);--neutral-dark-300:rgb(46 48 59);--neutral-dark-400:rgb(83 85 93);--neutral-dark-500:rgb(77 77 77);--neutral-dark-600:rgb(111 111 111);--neutral-dark-700:rgb(132 133 139);--neutral-dark-800:rgb(206 206 209);--neutral-dark-900:rgb(230 231 232);--neutral-dark-alpha-100:rgb(255 255 255/0.9);--neutral-dark-alpha-200:rgb(255 255 255/0.65);--neutral-dark-alpha-300:rgb(255 255 255/0.3);--neutral-dark-alpha-400:rgb(255 255 255/0.15);--neutral-deprecated-black-1000:rgb(0 0 0);--neutral-deprecated-black-150:rgb(207 207 207);--neutral-deprecated-black-300:rgb(170 170 170);--neutral-deprecated-black-500:rgb(122 122 122);--neutral-deprecated-black-800:rgb(49 49 49);--neutral-deprecated-gray-1000:rgb(243 243 243);--neutral-deprecated-gray-150:rgb(36 36 36);--neutral-deprecated-gray-300:rgb(77 77 77);--neutral-deprecated-gray-450:rgb(111 111 111);--neutral-deprecated-gray-550:rgb(144 144 144);--neutral-deprecated-gray-750:rgb(189 189 189);--neutral-deprecated-gray-900:rgb(233 233 233);--neutral-deprecated-white-1000:rgb(255 255 255);--neutral-deprecated-white-150:rgb(46 48 59);--neutral-deprecated-white-200:rgb(58 61 70);--neutral-deprecated-white-300:rgb(83 85 93);--neutral-deprecated-white-500:rgb(132 133 139);--neutral-deprecated-white-600:rgb(157 158 163);--neutral-deprecated-white-70:rgb(26 28 38);--neutral-deprecated-white-800:rgb(206 206 209);--neutral-deprecated-white-900:rgb(230 231 232);--neutral-light-0:rgb(255 255 255);--neutral-light-100:rgb(243 243 243);--neutral-light-1000:rgb(9 12 24);--neutral-light-200:rgb(233 233 233);--neutral-light-300:rgb(207 207 207);--neutral-light-400:rgb(189 189 189);--neutral-light-500:rgb(170 170 170);--neutral-light-600:rgb(144 144 144);--neutral-light-700:rgb(122 122 122);--neutral-light-800:rgb(49 49 49);--neutral-light-900:rgb(9 12 24);--neutral-light-alpha-100:rgb(0 0 0/0.9);--neutral-light-alpha-200:rgb(0 0 0/0.65);--neutral-light-alpha-300:rgb(0 0 0/0.3);--neutral-light-alpha-400:rgb(0 0 0/0.15);--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:rgb(0 0 0/0.12);--shadows-secondary-cast:rgb(0 0 0/0.08);--shadows-secondary-key:rgb(0 0 0/0.15);--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);--surfaces-primary-background-v3:var(--color-bluegray-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}