.nav-active-highlight{transition:outline 0.3s ease-in-out, box-shadow 0.3s ease-in-out;outline:2px solid var(--primary-500);outline-offset:4px;box-shadow:0 0 20px rgba(var(--primary-500-hsl), 0.5)}.navigation-hud-wrapper{position:fixed;bottom:0px;left:50%;transform:translateX(-50%);z-index:2010;pointer-events:none}.navigation-hud{position:relative;pointer-events:auto;display:flex;align-items:center;gap:0 !important;padding:12px 12px;background-color:var(--controls-bg);border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0;margin:0 !important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background-color 0.3s ease, backdrop-filter 0.3s ease, opacity 0.3s ease, visibility 0s linear, transform 0.3s ease-in-out}.navigation-hud.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(20px);background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity 0.3s ease, visibility 0s linear 0.3s, transform 0.3s ease-in-out, background-color 0.3s ease, backdrop-filter 0.3s ease}.navigation-hud.is-faded{opacity:0}.manual-navigation-hud{display:grid;grid-template-areas:".      up      ." "left   center  right" ".      down    .";gap:5px;align-items:center;justify-items:center}.manual-navigation-hud #navUpBtn{grid-area:up}.manual-navigation-hud #navLeftBtn{grid-area:left}.manual-navigation-hud #playPauseBtn{grid-area:center}.manual-navigation-hud #navRightBtn{grid-area:right}.manual-navigation-hud #navDownBtn{grid-area:down}.manual-navigation-hud .nav-hud-btn{position:relative;display:inline-flex}.manual-navigation-hud .nav-hud-btn .open-icon,.manual-navigation-hud .nav-hud-btn .close-icon{position:absolute}.manual-navigation-hud .nav-hud-btn:disabled{opacity:0.4;cursor:not-allowed}.autoplay-hud{position:relative;overflow:visible;display:flex;flex-direction:row;margin-top:0rem !important;margin-bottom:0rem !important}.autoplay-hud .pm-autoplay-control{display:flex;flex-direction:column;margin-left:0.5rem;gap:1rem}.autoplay-hud .pm-autoplay-control .pm-autoplay-delay-control,.autoplay-hud .pm-autoplay-control .pm-autoplay-depth-control{display:flex;flex-direction:row}.autoplay-hud #closeAutoplayHudBtn{margin-right:1rem;margin-right:0;border-style:none !important;width:20px;height:20px}.autoplay-hud #closeAutoplayHudBtn .material-icons{font-size:1.2rem}.autoplay-hud.is-hidden{opacity:0;max-width:0;padding-left:0;padding-right:0;margin-left:0;pointer-events:none;transition:opacity 0.3s ease, visibility 0s linear 0.3s, transform 0.3s ease-in-out, background-color 0.3s ease, backdrop-filter 0.3s ease}.light .navigation-hud{background-color:rgba(var(--bs-light-rgb), 0.7);border:1px solid rgba(var(--bs-dark-rgb), 0.1)}.light .navigation-hud .nav-hud-btn{color:var(--bs-dark)}.light .navigation-hud .nav-hud-btn:hover:not(:disabled){background-color:rgba(var(--bs-dark-rgb), 0.1)}