.wb-hud{max-width:22rem}.wb-panel{grid-column:1/-1;justify-self:end;margin-top:.8rem;display:none}.wb-panel.on{display:block}.wb-panel canvas{width:100%;height:100%;display:block}.wb-panel[data-mode=psf]{width:11.5rem;height:11.5rem}.wb-panel[data-mode=psf] canvas{border-radius:6px}.wb-panel[data-mode=spectrum]{width:19rem;height:5.6rem}.wb-panel[data-mode=layers]{width:19rem;height:6.4rem}.wb-legend{display:none}.wb-chapter-controls{max-width:26rem;margin-top:1.4rem}@media (width<=899px){.wb-hud{grid-template-columns:auto;justify-items:end;row-gap:.15rem;max-width:15rem}.wb-hud .hud-k{display:none}.wb-hud .hud-v{text-align:right;font-size:12px;line-height:1.35}.wb-panel{margin-top:.35rem}.wb-panel[data-mode=psf]{width:6.5rem;height:6.5rem}.wb-panel[data-mode=spectrum]{width:12rem;height:4.2rem}.wb-panel[data-mode=layers]{width:12rem;height:4.6rem}}