.guide-player-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.guide-player-sidebar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0af0;border-block:1px solid #ffffff1a;margin-inline:-1rem;position:sticky;top:0}.guide-module-menu{position:relative}.guide-module-menu-panel{top:100%;opacity:0;background:#0a0a0a;border-bottom:1px solid #ffffff1a;grid-template-rows:0fr;transition:grid-template-rows .28s,opacity .2s;display:grid;position:absolute;inset-inline:0}.guide-module-menu-panel[data-open=true]{opacity:1;grid-template-rows:1fr}.guide-module-menu-scroll{min-height:0;overflow:hidden}.guide-module-menu-panel[data-open=true] .guide-module-menu-scroll{overscroll-behavior-y:contain;max-height:calc(100dvh - 3.1rem);overflow-y:auto}@media (prefers-reduced-motion:reduce){.guide-module-menu-panel{transition:none}}.guide-desktop-nav{display:none}@media (min-width:640px){.guide-player-sidebar{margin-inline:-2rem}}@media (min-width:900px){.guide-player-grid{grid-template-rows:auto auto 1fr;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:2rem}.guide-player-sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-area:1/1/span 3;margin:0}.guide-module-menu{display:none}.guide-desktop-nav{scrollbar-width:thin;max-height:calc(100vh - 4rem);display:block;position:sticky;top:2rem;overflow-y:auto}.guide-player-video,.guide-player-paging{justify-self:center;width:100%;max-width:64rem}.guide-player-video{grid-area:1/2}.guide-player-paging{grid-area:2/2}}@media (min-width:1024px){.guide-player-grid{grid-template-columns:320px minmax(0,1fr);column-gap:3rem}}@media (min-width:1440px){.guide-player-grid{grid-template-columns:360px minmax(0,1fr);column-gap:4rem}}
