.player-bar-button.svelte-653w2c{display:inline-flex}.player-bar-button--narrow.svelte-653w2c{display:none}@media (width<=640px){.player-bar-button--wide.svelte-653w2c{display:none}.player-bar-button--narrow.svelte-653w2c{display:inline-flex}}.player-frame.svelte-bvcyxk{--player-bar:56px;--player-rail:320px;--player-aside:420px;--course-video-float-left:var(--ds-space-16);--course-video-float-right:auto;--course-video-float-bottom:var(--ds-space-16);--course-video-float-width:calc(var(--player-rail) - 2 * var(--ds-space-16));--course-video-float-shadow:0 8px 24px rgb(var(--ds-shade) / .16);grid-template-rows:var(--player-bar) minmax(0, 1fr);background:rgb(var(--ds-page-background));width:100%;height:100dvh;color:rgb(var(--ds-foreground));display:grid;overflow:hidden}.player-frame__bar.svelte-bvcyxk{align-items:center;gap:var(--ds-space-8);min-width:0;padding-inline:var(--ds-space-12) var(--ds-space-16);border-bottom:1px solid rgb(var(--ds-border));display:flex}.player-frame__back.svelte-bvcyxk{align-items:center;gap:var(--ds-space-8);min-width:0;padding:var(--ds-space-6) var(--ds-space-8);border-radius:var(--ds-radius-sm);color:rgb(var(--ds-foreground));font-size:var(--ds-text-body-md);font-weight:600;line-height:var(--ds-line-heading);transition:background-color var(--motion-fast) ease;text-decoration:none;display:inline-flex}.player-frame__back.svelte-bvcyxk>svg{flex:none}.player-frame__back.svelte-bvcyxk:hover{background:rgb(var(--ds-ink) / .05)}.player-frame__back.svelte-bvcyxk:focus-visible{outline:2px solid rgb(var(--ds-brand-400));outline-offset:0}.player-frame__course.svelte-bvcyxk{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-frame__skip.svelte-bvcyxk{top:var(--ds-space-8);left:var(--ds-space-8);z-index:1;padding:var(--ds-space-8) var(--ds-space-12);border:1px solid rgb(var(--ds-border-strong));border-radius:var(--ds-radius-sm);background:rgb(var(--ds-page-background));color:rgb(var(--ds-foreground));font-size:var(--ds-text-body-md);font-weight:600;text-decoration:none;position:fixed}.player-frame__skip.svelte-bvcyxk:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden}.player-frame__skip.svelte-bvcyxk:focus-visible{outline:2px solid rgb(var(--ds-brand-500));outline-offset:2px}.player-frame__sr.svelte-bvcyxk{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.player-frame__actions.svelte-bvcyxk{align-items:center;gap:var(--ds-space-8);margin-left:auto;display:flex}.player-frame__sheet-toggle.svelte-bvcyxk,.player-frame__sheet-head.svelte-bvcyxk{display:none}.player-frame__body.svelte-bvcyxk{grid-template-columns:var(--player-rail) minmax(0, 1fr);min-height:0;transition:grid-template-columns var(--motion-medium) ease;display:grid;position:relative}.player-frame[data-rail=hidden].svelte-bvcyxk .player-frame__body:where(.svelte-bvcyxk){grid-template-columns:0 minmax(0,1fr)}.player-frame[data-aside].svelte-bvcyxk .player-frame__body:where(.svelte-bvcyxk){grid-template-columns:var(--player-rail) minmax(0, 1fr) var(--player-aside)}.player-frame[data-aside][data-rail=hidden].svelte-bvcyxk .player-frame__body:where(.svelte-bvcyxk){grid-template-columns:0 minmax(0, 1fr) var(--player-aside)}.player-frame__rail.svelte-bvcyxk{border-right:1px solid rgb(var(--ds-border));overscroll-behavior:contain;min-width:0;min-height:0;overflow:hidden auto}.player-frame[data-dock].svelte-bvcyxk .player-frame__rail:where(.svelte-bvcyxk){padding-bottom:calc((var(--player-rail) - 2 * var(--ds-space-16)) * 9 / 16 + var(--ds-space-32))}.player-frame[data-rail=hidden].svelte-bvcyxk .player-frame__rail:where(.svelte-bvcyxk){visibility:hidden;border-right:0}.player-frame__rail.svelte-bvcyxk:focus{outline:none}.player-frame__lesson.svelte-bvcyxk{isolation:isolate;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.player-frame__main.svelte-bvcyxk{overscroll-behavior:contain;min-width:0;min-height:0;position:relative;overflow:auto}.player-frame__aside.svelte-bvcyxk{border-left:1px solid rgb(var(--ds-border));min-width:0;min-height:0}.player-frame__scrim.svelte-bvcyxk{display:none}@media (width<=1080px){.player-frame__rail-toggle.svelte-bvcyxk{display:none}.player-frame__sheet-toggle.svelte-bvcyxk{display:inline-flex}.player-frame__body.svelte-bvcyxk,.player-frame[data-rail=hidden].svelte-bvcyxk .player-frame__body:where(.svelte-bvcyxk),.player-frame[data-aside].svelte-bvcyxk .player-frame__body:where(.svelte-bvcyxk),.player-frame[data-aside][data-rail=hidden].svelte-bvcyxk .player-frame__body:where(.svelte-bvcyxk){grid-template-columns:minmax(0,1fr)}.player-frame__rail.svelte-bvcyxk{z-index:1;border-right:1px solid rgb(var(--ds-border));background:rgb(var(--ds-page-background));visibility:hidden;width:min(400px,100%);transition:transform var(--motion-medium) ease, visibility 0s linear var(--motion-medium);position:absolute;inset:0 auto 0 0;transform:translate(-100%)}.player-frame[data-sheet=open].svelte-bvcyxk .player-frame__rail:where(.svelte-bvcyxk){border-right:1px solid rgb(var(--ds-border));visibility:visible;transition:transform var(--motion-medium) ease;transform:none}.player-frame__sheet-head.svelte-bvcyxk{z-index:1;padding:var(--ds-space-8) var(--ds-space-8) var(--ds-space-8) var(--ds-space-20);justify-content:space-between;align-items:center;gap:var(--ds-space-8);border-bottom:1px solid rgb(var(--ds-border));background:rgb(var(--ds-page-background));font-size:var(--ds-text-body-md);font-weight:600;line-height:var(--ds-line-heading);text-wrap:balance;display:flex;position:sticky;top:0}.player-frame__scrim.svelte-bvcyxk{background:rgb(var(--ds-shade) / .4);cursor:default;border:0;padding:0;display:block;position:absolute;inset:0}.player-frame__aside.svelte-bvcyxk{z-index:1;background:rgb(var(--ds-page-background));border-left:0;position:absolute;inset:0}}@media (width<=640px){.player-frame__bar.svelte-bvcyxk{padding-inline:var(--ds-space-8) var(--ds-space-12)}}@media (prefers-reduced-motion:reduce){.player-frame__body.svelte-bvcyxk,.player-frame__rail.svelte-bvcyxk,.player-frame[data-sheet=open].svelte-bvcyxk .player-frame__rail:where(.svelte-bvcyxk){transition:none}}.player-rail.svelte-stydjl{gap:var(--ds-space-24);padding:var(--ds-space-24) var(--ds-space-20) var(--ds-space-32);flex-direction:column;display:flex}
