.video-exercise-page{flex:1;width:100%;max-width:1344px;padding:0 32px;margin:64px auto;display:flex;flex-direction:row;justify-content:space-between;gap:64px}.video-exercise-page--showing-transcript{max-width:1536px}.exercise-page:has(.video-exercise-page--showing-transcript){min-width:1280px}.video-exercise-page__actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.video-exercise-page__title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:32px;min-height:48px}.video-exercise-page__continue-button.video-exercise-page__continue-button{width:268px}.video-exercise-page__continue-wrapper{position:relative;display:flex}.video-exercise-page__continue-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1;padding:8px 12px;border-radius:8px;background-color:var(--bg-brand-solid);color:var(--fg-white);font-size:12px;font-weight:600;line-height:18px;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out}.video-exercise-page__continue-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-brand-solid)}.video-exercise-page__continue-wrapper:hover .video-exercise-page__continue-tooltip{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.video-exercise-page__continue-tooltip{transition:none}}.video-exercise-page__video-container{position:sticky;top:32px;display:flex;flex-direction:column;gap:32px;flex:6;height:fit-content}.video-exercise-page__video{max-width:1280px;height:auto;aspect-ratio:16/9;border:none;background-color:var(--bg-secondary-alt)}.video-exercise-page__video-stub-container{max-width:1280px;height:auto;aspect-ratio:16/9;overflow:hidden;position:relative}.video-exercise-page__video-stub{position:absolute;transform:scale(.6666666667);width:1920px;height:1080px;transform-origin:0 0;border:none}.video-exercise-page__transcript-container{flex:4}.video-exercise-page__transcript-container p{margin-top:8px}.video-exercise-page__transcript-container p:has(strong){margin-top:16px}.video-exercise-page__info-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.video-exercise-page__info-text{color:var(--text-tertiary)}
