@layer components{.lesson-video-tabs{display:flex;flex-direction:column;gap:0}.lesson-video-tabs__bar{display:flex;align-items:flex-end;border-bottom-style:solid;border-bottom-width:1px;border-color:var(--border-color)}.lesson-video-tabs__tab{display:inline-flex;align-items:center;padding-inline:1rem;padding-block:.75rem;border-bottom:2px solid;border-color:#0000;margin-bottom:-1px;transition-property:color,background-color,border-color,outline-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:.875rem;line-height:calc(1.25 / .875);font-weight:500;text-transform:capitalize;color:var(--muted-foreground)}@media (hover:hover){.lesson-video-tabs__tab:not(.lesson-video-tabs__tab--active):hover{color:var(--foreground);border-color:var(--border-color)}}.lesson-video-tabs__tab--active{border-color:var(--primary);color:var(--primary)}.lesson-video-tabs__player{position:relative;width:100%;padding-top:56.25%;border-bottom-right-radius:calc(var(--radius) + 4px);border-bottom-left-radius:calc(var(--radius) + 4px);overflow:hidden;background-color:#000}.lesson-video-tabs__read{padding-top:1.5rem}}