.player-grid{height:100vh;display:grid;grid-template-columns:auto minmax(200px,480px);grid-template-rows:max-content auto;}.player-grid .player-grid-header{grid-column-start:span 2;grid-row:1;border-bottom:1px solid var(--bs-border-color);padding:.6rem 1rem;}.player-grid .player-grid-video{grid-row:2;background-color:#000;padding:.6rem;}.player-grid .player-grid-sidebar{overflow-y:scroll;scroll-behavior:smooth;scroll-margin:60px;}.player-grid .chapter{border-bottom:1px solid var(--bs-border-color);}.player-grid .chapter .chapter-title{padding:1rem;background-color:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color);position:sticky;top:0;z-index:1;}.player-grid .chapter:has(.topic.current){background-color:var(--bs-light-bg-subtle);}.player-grid .topic{border:1px solid var(--bs-border-color);margin:1rem;}.player-grid .topic .topic-title{padding:1rem;border-bottom:1px solid var(--bs-border-color);}.player-grid .topic .topic-notes{padding:1rem;display:none;}.player-grid .topic .icon-play{display:block;}.player-grid .topic.current{border-color:var(--bs-primary-rgb);}.player-grid .topic.current .js-btn-play{display:none;}.player-grid .topic.current .topic-notes{display:block;}.player{width:100%;height:100%;max-height:100%;display:block;margin:auto;object-fit:contain;}