.lrn-lesson-player{display:flex;min-height:100vh;min-height:100dvh;padding:0;position:relative}.lrn-player-sidebar{width:320px;min-width:320px;background:var(--lrn-bg-secondary);border-inline-end:1px solid var(--lrn-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;transition:width var(--lrn-dur) var(--lrn-ease),min-width var(--lrn-dur) var(--lrn-ease),opacity var(--lrn-dur) var(--lrn-ease)}.lrn-player-sidebar--collapsed{width:0;min-width:0;overflow:hidden;opacity:0;border-inline-end-width:0}.lrn-player-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--lrn-sp-2);padding:var(--lrn-sp-4);border-bottom:1px solid var(--lrn-border);flex-shrink:0}.lrn-player-sidebar__title{font-size:var(--lrn-text-sm);font-weight:var(--lrn-weight-semibold);color:var(--lrn-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.lrn-player-sidebar__title:hover{color:var(--lrn-accent)}.lrn-player-sidebar__toggle{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:none;background:#fff0;color:var(--lrn-text-secondary);cursor:pointer;border-radius:var(--lrn-radius-md);flex-shrink:0}.lrn-player-sidebar__toggle:hover{background:var(--lrn-bg-hover);color:var(--lrn-text)}.lrn-player-sidebar__toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--lrn-accent) 30%,transparent);outline-offset:0}.lrn-player-sidebar__nav{flex:1;overflow-y:auto;padding:var(--lrn-sp-2) 0}.lrn-player-section{border-bottom:1px solid var(--lrn-divider)}.lrn-player-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:var(--lrn-sp-3) var(--lrn-sp-4);border:none;background:#fff0;cursor:pointer;text-align:start;font-size:var(--lrn-text-sm);font-weight:var(--lrn-weight-semibold);color:var(--lrn-text)}.lrn-player-section__header:hover,.lrn-player-section__header:focus{background:var(--lrn-bg-hover);color:var(--lrn-text)}.lrn-player-section__header:focus-visible{outline:3px solid color-mix(in srgb,var(--lrn-accent) 30%,transparent);outline-offset:-2px}.lrn-player-section__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrn-player-section__progress{font-size:var(--lrn-text-xs);font-weight:var(--lrn-weight-normal);color:var(--lrn-text-tertiary);flex-shrink:0;margin-inline-start:var(--lrn-sp-2)}.lrn-player-section__items{list-style:none;margin:0;padding:0 0 var(--lrn-sp-2)}.lrn-player-section__items--flat{padding-top:var(--lrn-sp-2)}.lrn-player-section__items[hidden]{display:none}.lrn-player-item{display:flex;align-items:center;gap:var(--lrn-sp-2);padding:var(--lrn-sp-2) var(--lrn-sp-4) var(--lrn-sp-2) var(--lrn-sp-6);font-size:var(--lrn-text-sm);color:var(--lrn-text-secondary)}.lrn-player-item__icon{flex-shrink:0;color:var(--lrn-text-tertiary)}.lrn-player-item__label{flex:1;text-decoration:none;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrn-player-item a.lrn-player-item__label{color:inherit;text-decoration:none}.lrn-player-item a.lrn-player-item__label:hover{color:var(--lrn-accent);text-decoration:none}.lrn-player-item__duration{font-size:var(--lrn-text-xs);color:var(--lrn-text-tertiary);flex-shrink:0}.lrn-player-item--current{background:var(--lrn-accent-bg);color:var(--lrn-accent);font-weight:var(--lrn-weight-medium)}.lrn-player-item--current .lrn-player-item__icon{color:var(--lrn-accent)}.lrn-player-item--completed .lrn-player-item__icon{color:var(--lrn-success)}.lrn-player-item--sub{padding-inline-start:var(--lrn-sp-8)!important;font-size:var(--lrn-text-xs)}.lrn-player-item--sub .lrn-player-item__icon{width:14px;height:14px}.lrn-player-item--quiz .lrn-player-item__icon{color:var(--lrn-accent)}@media (pointer:coarse),(max-width:640px){.lrn-player-item{padding-block:0}.lrn-player-item__label{display:flex;align-items:center;min-height:44px;padding-block:var(--lrn-sp-2)}}.lrn-player-item__badge{margin-inline-start:auto;padding:0 var(--lrn-sp-2);border-radius:var(--lrn-radius-sm);background:var(--lrn-accent-bg);color:var(--lrn-accent);font-size:var(--lrn-text-2xs);font-weight:var(--lrn-weight-medium);flex-shrink:0}.lrn-player-sidebar__footer{padding:var(--lrn-sp-4);border-top:1px solid var(--lrn-border);flex-shrink:0}.lrn-player-sidebar__progress-head{display:flex;align-items:center;justify-content:space-between;gap:var(--lrn-sp-2);margin-bottom:var(--lrn-sp-2)}.lrn-player-sidebar__progress-label{font-size:var(--lrn-text-sm);color:var(--lrn-text-secondary)}.lrn-player-sidebar__progress-pct{font-size:var(--lrn-text-sm);font-weight:var(--lrn-weight-semibold);color:var(--lrn-text);font-variant-numeric:tabular-nums}.lrn-player-sidebar-open{display:none;position:fixed;top:var(--lrn-sp-4);inset-inline-start:var(--lrn-sp-4);z-index:100;min-width:40px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-md);background:var(--lrn-bg);color:var(--lrn-text-secondary);cursor:pointer;box-shadow:var(--lrn-shadow-sm)}.lrn-player-sidebar-open:hover{background:linear-gradient(var(--lrn-bg-hover),var(--lrn-bg-hover)),var(--lrn-bg);color:var(--lrn-text)}.lrn-player-sidebar-open:focus-visible{outline:3px solid color-mix(in srgb,var(--lrn-accent) 30%,transparent);outline-offset:0}.lrn-player-sidebar-open--visible{display:flex}.lrn-player-topbar{display:none}.lrn-player-topbar__toggle{display:inline-flex;align-items:center;gap:var(--lrn-sp-2);min-height:40px;padding:var(--lrn-sp-2) var(--lrn-sp-3);border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-md);background:var(--lrn-bg);color:var(--lrn-text);font-size:var(--lrn-text-sm);font-weight:var(--lrn-weight-medium);cursor:pointer;flex-shrink:0;transition:background var(--lrn-dur) var(--lrn-ease)}.lrn-player-topbar .lrn-player-topbar__toggle:hover,.lrn-player-topbar .lrn-player-topbar__toggle:focus,.lrn-player-topbar .lrn-player-topbar__toggle:active{background:var(--lrn-bg-hover);color:var(--lrn-text)}.lrn-player-topbar .lrn-player-topbar__toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--lrn-accent) 30%,transparent);outline-offset:0}.lrn-player-topbar__toggle [data-lucide]{width:18px;height:18px}.lrn-player-topbar__title{font-size:var(--lrn-text-sm);font-weight:var(--lrn-weight-semibold);color:var(--lrn-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lrn-player-content{flex:1 1 780px;padding:var(--lrn-sp-8) var(--lrn-sp-6);min-width:0;margin-inline:0}.lrn-lesson-player:not(:has(.lrn-lesson-comments)) .lrn-player-content{margin-inline:auto}.lrn-player-content__title{font-size:var(--lrn-text-2xl);font-weight:var(--lrn-weight-semibold);margin:0 0 var(--lrn-sp-6)}.lrn-player-content__video,.lrn-player-content__audio,.lrn-player-content__pdf,.lrn-player-content__embed,.lrn-player-content__download{margin-bottom:var(--lrn-sp-6)}.lrn-lesson-audio{width:100%;border-radius:var(--lrn-radius-lg)}.lrn-lesson-pdf,.lrn-lesson-embed{width:100%;height:70vh;min-height:480px;border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-lg);background:var(--lrn-bg-tertiary)}.lrn-lesson-pdf__fallback{margin-top:var(--lrn-sp-2);font-size:var(--lrn-text-sm);color:var(--lrn-text-secondary)}.lrn-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--lrn-radius-lg);background:var(--lrn-bg-tertiary)}.lrn-video-wrapper iframe,.lrn-video-wrapper video{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%}.lrn-video-skeleton{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--lrn-radius-lg);z-index:1}.lrn-video-wrapper--loaded .lrn-video-skeleton{display:none}.lrn-video-wrapper--plyr{padding-bottom:0;height:auto}.lrn-video-wrapper--plyr video{position:static;width:100%;height:auto}.lrn-player-content__video--mediashield{border-radius:var(--lrn-radius-lg);overflow:hidden;background:var(--lrn-bg-tertiary)}.lrn-player-content__video--mediashield .ms-protected-player{aspect-ratio:16 / 9;border-radius:inherit}.lrn-lesson-media-error{padding:var(--lrn-sp-8) var(--lrn-sp-6);border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-lg);background:var(--lrn-bg-secondary)}.lrn-player-content__body--empty{margin-bottom:var(--lrn-sp-8)}.lrn-player-content__body{font-size:var(--lrn-text-md);line-height:var(--lrn-leading-relaxed);color:var(--lrn-text);margin-bottom:var(--lrn-sp-8)}.lrn-player-content__body ul,.lrn-player-content__body ol{padding-inline-start:1.5em;margin:0 0 var(--lrn-sp-4)}.lrn-player-content__body ul{list-style:disc}.lrn-player-content__body ol{list-style:decimal}.lrn-player-content__body li{margin:0 0 var(--lrn-sp-1)}.lrn-player-content__body ul.lrn-checklist{list-style:none;padding-inline-start:0}.lrn-player-content__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--lrn-sp-3);padding-top:var(--lrn-sp-4);margin-bottom:var(--lrn-sp-6)}.lrn-player-content__actions>.lrn-btn,.lrn-player-content__actions>.lrn-badge{align-self:flex-start}.lrn-completion-strip{display:flex;flex-direction:column;gap:var(--lrn-sp-2);padding:var(--lrn-sp-4);border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-lg);background:var(--lrn-bg-secondary);color:var(--lrn-text);font-size:var(--lrn-text-sm,.875rem);line-height:var(--lrn-leading-normal)}.lrn-completion-strip[hidden]{display:none}.lrn-completion-strip__header{font-weight:600;color:var(--lrn-text);margin-bottom:var(--lrn-sp-1)}.lrn-completion-strip__status{color:var(--lrn-text-secondary)}.lrn-completion-strip__status--met{color:var(--lrn-success);font-weight:600}.lrn-completion-strip__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--lrn-sp-2)}.lrn-completion-strip__line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--lrn-sp-3);padding:var(--lrn-sp-2) var(--lrn-sp-3);border-radius:var(--lrn-radius-md);background:var(--lrn-bg);border:1px solid var(--lrn-divider)}.lrn-completion-strip__line--met{border-color:var(--lrn-success);background:var(--lrn-success-bg)}.lrn-completion-strip__icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--lrn-text-secondary)}.lrn-completion-strip__line--met .lrn-completion-strip__icon{color:var(--lrn-success)}.lrn-completion-strip__text{color:var(--lrn-text);font-weight:500;line-height:var(--lrn-leading-normal)}.lrn-completion-strip__bar{-webkit-appearance:none;appearance:none;width:8rem;height:.5rem;border:none;border-radius:999px;background:var(--lrn-bg-tertiary);overflow:hidden}.lrn-completion-strip__bar::-webkit-progress-bar{background:var(--lrn-bg-tertiary);border-radius:999px}.lrn-completion-strip__bar::-webkit-progress-value{background:var(--lrn-accent);border-radius:999px;transition:width var(--lrn-dur) var(--lrn-ease)}.lrn-completion-strip__bar::-moz-progress-bar{background:var(--lrn-accent);border-radius:999px}.lrn-completion-strip__line--met .lrn-completion-strip__bar::-webkit-progress-value{background:var(--lrn-success)}.lrn-completion-strip__line--met .lrn-completion-strip__bar::-moz-progress-bar{background:var(--lrn-success)}.lrn-lesson-quiz-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--lrn-sp-4);padding:var(--lrn-sp-4) var(--lrn-sp-5);margin-top:var(--lrn-sp-6);background:color-mix(in srgb,var(--lrn-accent) 6%,var(--lrn-bg));border:1px solid color-mix(in srgb,var(--lrn-accent) 18%,transparent);border-radius:var(--lrn-radius-md)}.lrn-lesson-quiz-cta__body{display:flex;flex-direction:column;gap:var(--lrn-sp-1);min-width:0}.lrn-lesson-quiz-cta__label{margin:0;font-size:var(--lrn-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--lrn-text-secondary)}.lrn-lesson-quiz-cta__title{margin:0;font-size:var(--lrn-text-base);font-weight:600;color:var(--lrn-text);overflow:hidden;text-overflow:ellipsis}.lrn-lesson-quiz-cta__cta{flex-shrink:0}@media (max-width:480px){.lrn-lesson-quiz-cta{flex-direction:column;align-items:stretch;gap:var(--lrn-sp-3)}.lrn-lesson-quiz-cta__cta{width:100%;justify-content:center}}.lrn-lesson-nav{display:flex;justify-content:space-between;gap:var(--lrn-sp-4);padding-top:var(--lrn-sp-6);border-top:1px solid var(--lrn-divider)}.lrn-lesson-nav__prev,.lrn-lesson-nav__next{display:flex;align-items:center;gap:var(--lrn-sp-2);padding:var(--lrn-sp-3) var(--lrn-sp-4);border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-lg);text-decoration:none;color:var(--lrn-text);background:var(--lrn-bg);transition:border-color var(--lrn-dur) var(--lrn-ease),box-shadow var(--lrn-dur) var(--lrn-ease);max-width:45%;min-width:0}.lrn-lesson-nav__prev span,.lrn-lesson-nav__next span{min-width:0;max-width:100%}.lrn-lesson-nav__prev strong,.lrn-lesson-nav__next strong,.lrn-lesson-nav__prev span>:not(small),.lrn-lesson-nav__next span>:not(small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrn-lesson-nav__prev:hover,.lrn-lesson-nav__next:hover{border-color:var(--lrn-accent);box-shadow:var(--lrn-shadow-sm)}.lrn-lesson-nav__prev span,.lrn-lesson-nav__next span{display:flex;flex-direction:column;overflow:hidden}.lrn-lesson-nav__prev small,.lrn-lesson-nav__next small{font-size:var(--lrn-text-xs);color:var(--lrn-text-tertiary)}.lrn-lesson-nav__next{margin-inline-start:auto;text-align:end}.lrn-lesson-nav__next span{align-items:flex-end}.lrn-lesson-nav__spacer{flex:1}@media (prefers-reduced-motion:reduce){.lrn-player-sidebar{transition:none}}body.lrn-distraction-free .lrn-lesson-player{width:100%;height:100vh;height:100dvh;max-width:none;padding:0;margin:0}body.lrn-distraction-free .lrn-player-sidebar{height:100vh;height:100dvh}body.lrn-distraction-free .lrn-player-content{flex:1 1 780px;overflow-y:auto;height:100vh;height:100dvh;padding:var(--lrn-sp-6) var(--lrn-sp-10)}body.lrn-distraction-free .lrn-lesson-comments{height:100vh;height:100dvh;overflow-y:auto}.lrn-access-gate-header{display:flex;align-items:center;justify-content:space-between;padding:var(--lrn-sp-3) var(--lrn-sp-6);background:var(--lrn-bg);border-bottom:1px solid var(--lrn-border)}.lrn-access-gate-header__brand{font-size:var(--lrn-text-lg);font-weight:700;color:var(--lrn-text);text-decoration:none}.lrn-access-gate-header__nav{display:flex;gap:var(--lrn-sp-4);font-size:var(--lrn-text-base)}.lrn-access-gate-header__nav a{color:var(--lrn-text-secondary);text-decoration:none}.lrn-access-gate-header__nav a:hover{color:var(--lrn-accent)}.lrn-access-gate{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px)}.lrn-lesson-comments{flex:0 0 380px;max-width:380px;min-width:0;margin:0;padding:var(--lrn-sp-8) var(--lrn-sp-6);border-inline-start:1px solid var(--lrn-border)}body.lrn-distraction-free .lrn-admin-edit-bar~.lrn-lesson-player .lrn-lesson-comments{padding-block-start:var(--lrn-sp-16)}.lrn-lesson-comments__heading{font-size:var(--lrn-text-lg);font-weight:var(--lrn-weight-semibold);color:var(--lrn-text);margin:0 0 var(--lrn-sp-6)}.lrn-comment-form{margin-bottom:var(--lrn-sp-6)}.lrn-comment-form__row{display:flex;gap:var(--lrn-sp-3);align-items:flex-start}.lrn-comment-form__avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.lrn-comment-form__textarea{flex:1;font-family:var(--lrn-font);font-size:var(--lrn-text-sm);color:var(--lrn-text);background:var(--lrn-bg-secondary);border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-md);padding:var(--lrn-sp-3);resize:vertical;min-height:60px;transition:border-color var(--lrn-dur) var(--lrn-ease)}.lrn-comment-form__textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--lrn-accent) 30%,transparent);outline-offset:0}.lrn-comment-form__textarea:focus:not(:focus-visible){outline:none;border-color:var(--lrn-accent)}.lrn-comment-form__textarea::placeholder{color:inherit;opacity:.8}.lrn-comment-form__actions{display:flex;justify-content:flex-end;gap:var(--lrn-sp-2);margin-top:var(--lrn-sp-2)}.lrn-comment-form--reply{margin-top:var(--lrn-sp-3)}.lrn-comments-list__empty{color:var(--lrn-text-tertiary);font-size:var(--lrn-text-sm);font-style:italic;padding:var(--lrn-sp-4) 0}.lrn-comment{display:flex;gap:var(--lrn-sp-3);padding:var(--lrn-sp-4) 0;border-bottom:1px solid var(--lrn-divider);align-items:flex-start}.lrn-comment:last-child{border-bottom:none}.lrn-comment__avatar{border-radius:50%;flex-shrink:0}.lrn-comment__body{flex:1;min-width:0}.lrn-comment__header{display:flex;align-items:center;gap:var(--lrn-sp-2);flex-wrap:wrap;margin-bottom:var(--lrn-sp-1)}.lrn-comment__author{font-size:var(--lrn-text-sm);font-weight:var(--lrn-weight-semibold);color:var(--lrn-text)}.lrn-comment__badge{font-size:var(--lrn-text-xs);font-weight:var(--lrn-weight-medium);color:var(--lrn-accent);background:var(--lrn-accent-bg);padding:1px var(--lrn-sp-2);border-radius:var(--lrn-radius-sm);line-height:var(--lrn-leading-tight)}.lrn-comment__date{font-size:var(--lrn-text-xs);color:var(--lrn-text-tertiary)}.lrn-comment__text{font-size:var(--lrn-text-sm);color:var(--lrn-text);margin:0 0 var(--lrn-sp-2);line-height:var(--lrn-leading-relaxed);white-space:pre-wrap;word-break:break-word}.lrn-comment__actions{display:flex;gap:var(--lrn-sp-3)}.lrn-comment__reply-btn,.lrn-comment__delete-btn{background:none;border:none;padding:0;font-family:var(--lrn-font);font-size:var(--lrn-text-xs);font-weight:var(--lrn-weight-medium);cursor:pointer;transition:color var(--lrn-dur) var(--lrn-ease)}.lrn-comment__reply-btn{color:var(--lrn-text-secondary)}.lrn-comment__reply-btn:hover{color:var(--lrn-accent)}.lrn-comment__delete-btn{color:var(--lrn-text-tertiary)}.lrn-comment__delete-btn:hover{color:var(--lrn-danger)}.lrn-comment__replies{margin-top:var(--lrn-sp-2);padding-inline-start:var(--lrn-sp-6);border-inline-start:2px solid var(--lrn-divider)}.lrn-comment--reply{padding:var(--lrn-sp-3) 0}.lrn-comment--reply .lrn-comment__avatar{width:28px;height:28px}.lrn-lesson-live{margin-bottom:var(--lrn-sp-6)}.lrn-lesson-live__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--lrn-sp-4);padding:var(--lrn-sp-6) var(--lrn-sp-6);border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-lg);background:var(--lrn-bg-secondary)}.lrn-lesson-live__card--pre{border-color:var(--lrn-border-heavy)}.lrn-lesson-live__card--live{border-inline-start:4px solid var(--lrn-danger)}.lrn-lesson-live__card--post{opacity:.85}.lrn-lesson-live__icon svg{color:var(--lrn-text-secondary)}.lrn-lesson-live__header{display:flex;align-items:center;gap:var(--lrn-sp-2)}.lrn-lesson-live__badge{display:inline-flex;align-items:center;gap:var(--lrn-sp-1)}.lrn-lesson-live__pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:lrn-pulse 1.5s ease-in-out infinite}@keyframes lrn-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.lrn-lesson-live__pulse{animation:none}}.lrn-lesson-live__heading{margin:0;font-size:var(--lrn-text-xl);font-weight:var(--lrn-weight-semibold);color:var(--lrn-text)}.lrn-lesson-live__meta,.lrn-lesson-live__time{margin:0;font-size:var(--lrn-text-sm);color:var(--lrn-text-secondary)}.lrn-lesson-live__time{font-weight:var(--lrn-weight-medium)}.lrn-lesson-live__note{margin:0;font-size:var(--lrn-text-sm);color:var(--lrn-text-tertiary)}.lrn-lesson-live__cta[disabled],.lrn-lesson-live__cta[aria-disabled="true"]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (min-width:1024px){.lrn-player-content{padding:var(--lrn-sp-10) var(--lrn-sp-8)}}@media (max-width:1023.98px){body.lrn-distraction-free{overflow:auto}body.lrn-distraction-free .lrn-lesson-player{flex-direction:column;height:auto;min-height:100vh;min-height:100dvh}body.lrn-distraction-free .lrn-player-sidebar{position:fixed;inset-block-start:0;inset-inline-start:0;width:0;min-width:0;opacity:0;pointer-events:none;height:100vh;height:100dvh;max-height:none;z-index:1000;box-shadow:none}body.lrn-distraction-free .lrn-player-sidebar--open{--lrn-drawer-width:min(20rem, 85vw);width:var(--lrn-drawer-width);opacity:1;pointer-events:auto;box-shadow:var(--lrn-shadow-overlay)}body.lrn-distraction-free .lrn-player-sidebar--open::after{content:'';position:fixed;inset-block:0;inset-inline-start:var(--lrn-drawer-width);inset-inline-end:0;background:var(--lrn-overlay-scrim,rgb(0 0 0 / 45%));pointer-events:none;z-index:-1}body.lrn-distraction-free .lrn-player-sidebar--collapsed{width:0;min-width:0;opacity:0;pointer-events:none;box-shadow:none}body.lrn-distraction-free .lrn-player-content{flex:1 1 auto;width:100%;max-width:100%;min-width:0;height:auto;min-height:0;overflow-y:visible;padding:var(--lrn-sp-6)}body.lrn-distraction-free .lrn-lesson-comments{flex:0 0 auto;width:100%;max-width:none;min-width:0;height:auto;overflow-y:visible;margin:0;border-inline-start:0;border-top:1px solid var(--lrn-border)}.lrn-player-topbar{display:flex;align-items:center;gap:var(--lrn-sp-3);position:sticky;inset-block-start:0;z-index:50;width:100%;padding:var(--lrn-sp-3) var(--lrn-sp-4);background:var(--lrn-bg);border-block-end:1px solid var(--lrn-border)}.lrn-player-sidebar-open{display:none!important}}@media (max-width:640px){.lrn-completion-strip__line{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.lrn-completion-strip__bar{grid-column:1 / -1;width:100%}.lrn-comment__replies{padding-inline-start:var(--lrn-sp-4)}body.lrn-distraction-free .lrn-player-content{padding:var(--lrn-sp-4)}.lrn-lesson-nav{flex-direction:column}.lrn-lesson-nav{flex-direction:column}.lrn-lesson-nav__prev,.lrn-lesson-nav__next{width:100%;max-width:100%;box-sizing:border-box}.lrn-lesson-nav__next{text-align:start}.lrn-lesson-nav__prev span,.lrn-lesson-nav__next span{flex:1 1 auto}.lrn-lesson-nav__next span{align-items:flex-start;padding-inline-start:calc(16px + var(--lrn-sp-2))}}