.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:2050;pointer-events:none}.navigation-hud{max-width:100% !important;position:relative;pointer-events:auto;display:flex;align-items:center;gap:0 !important;padding:1rem 1rem 0.2rem 1rem;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}.manual-navigation-hud{display:grid;grid-template-areas:".      up      ." "left   center  right";gap:0.5rem;align-items:center;justify-items:center}.manual-navigation-hud #navUpBtn{grid-area:up}.manual-navigation-hud #navLeftBtn{grid-area:left}.manual-navigation-hud #navRightBtn{grid-area:right}.manual-navigation-hud #navDownBtn{grid-area:center}.manual-navigation-hud .nav-hud-btn{position:relative;display:inline-flex}.manual-navigation-hud .nav-hud-btn:disabled{opacity:0.4;cursor:not-allowed}#playerExplorerBtn .material-icons{display:block}#playerExplorerBtn .player-icon{display:block}#playerExplorerBtn .explorer-icon{display:none}#playerExplorerBtn[data-playing="false"] .player-icon{display:none}#playerExplorerBtn[data-playing="false"] .explorer-icon{display:block}#manualNavigationHUD{margin-left:1rem;margin-right:1rem}.player-hud{position:relative;overflow:visible;display:flex;flex-direction:row;margin:1.3rem 1rem !important}.player-hud .pm-player-control{display:flex;flex-direction:column;margin-left:0rem;gap:1rem}.player-hud .pm-player-control .cl-autoplay-delay-control{display:flex;flex-direction:row}.player-hud .pm-player-control .cl-autoplay-delay-control .cl-btn.nav-hud-btn{margin-right:0.5rem}.player-hud .pm-player-control.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}.pm-nav-trigger-zone{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:fixed;z-index:2049;display:block;cursor:pointer}.pm-nav-trigger-zone:hover{background-color:rgba(var(--primary-rgb), 0.1)}.pm-nav-trigger-zone.is-disabled{display:none !important}.pm-nav-trigger-zone.top{top:0;left:40%}.pm-nav-trigger-zone.bottom{bottom:0;left:40%}.pm-nav-trigger-zone.left{left:0;top:40%}.pm-nav-trigger-zone.right{right:0;top:40%}.pm-nav-trigger-zone .open-toggle-icon{display:none;pointer-events:all}.pm-nav-trigger-zone.horizontal{height:20%}.pm-nav-trigger-zone.vertical{width:20%}#focusedContextDepthModeBtn{margin-left:0.5rem}#focusedContextDepthModeBtn .icon-mode-down{display:none}#focusedContextDepthModeBtn .icon-mode-up{display:inline-block}#focusedContextDepthModeBtn[data-mode="down"] .icon-mode-up{display:none}#focusedContextDepthModeBtn[data-mode="down"] .icon-mode-down{display:inline-block}body:not(.ui-triggers-disabled).pm-active .pm-nav-trigger-zone .open-toggle-icon{display:flex}body:not(.ui-triggers-disabled):not(.pm-active).component-player-active .pm-nav-trigger-zone.left .open-toggle-icon,body:not(.ui-triggers-disabled):not(.pm-active).component-player-active .pm-nav-trigger-zone.right .open-toggle-icon{display:flex}body:not(.ui-triggers-disabled) .utility-trigger-zone .open-toggle-icon{display:flex}body:not(.ui-triggers-disabled) .utility-trigger-zone .open-toggle-icon.is-hidden{display:none}body:not(.pm-active) .pm-nav-trigger-zone.top,body:not(.pm-active) .pm-nav-trigger-zone.bottom{display:none}body.content-fullscreen-active,body.content-fullscreen-active main,body.content-fullscreen-active .content-wrapper,body.content-fullscreen-active .page-section{width:100%}body.content-fullscreen-active,body.content-fullscreen-active main,body.content-fullscreen-active .content-wrapper{margin:0 !important;padding:0 !important}body.content-fullscreen-active footer,body.content-fullscreen-active .fullscreen-ancestor>*:not(.fullscreen-ancestor):not(.fullscreen-target){display:none !important}body.content-fullscreen-active .content-wrapper:not(.fullscreen-target){display:flex !important;justify-content:center;align-items:flex-start}body.content-fullscreen-active .content-wrapper:not(.fullscreen-target)>.fullscreen-ancestor{display:flex !important;justify-content:center;width:100%}body.content-fullscreen-active .content-wrapper:not(.fullscreen-target)>.fullscreen-ancestor>.fullscreen-ancestor{width:100%}body.content-fullscreen-active,body.content-fullscreen-active main,body.content-fullscreen-active .fullscreen-ancestor{margin:0 !important;padding:0 !important;border:none !important}body.content-fullscreen-active.cl-details-section::before,body.content-fullscreen-active.cl-details-section::after,body.content-fullscreen-active.cl-details-section>.cl-connector-corner,body.content-fullscreen-active.cl-details-section>.cd-marker,body.content-fullscreen-active main.cl-details-section::before,body.content-fullscreen-active main.cl-details-section::after,body.content-fullscreen-active main.cl-details-section>.cl-connector-corner,body.content-fullscreen-active main.cl-details-section>.cd-marker,body.content-fullscreen-active .fullscreen-ancestor.cl-details-section::before,body.content-fullscreen-active .fullscreen-ancestor.cl-details-section::after,body.content-fullscreen-active .fullscreen-ancestor.cl-details-section>.cl-connector-corner,body.content-fullscreen-active .fullscreen-ancestor.cl-details-section>.cd-marker{display:none !important}body.content-fullscreen-active.cl-container>.cl-overview,body.content-fullscreen-active main.cl-container>.cl-overview,body.content-fullscreen-active .fullscreen-ancestor.cl-container>.cl-overview{gap:0 !important}body.content-fullscreen-active .fullscreen-target:not(.node-active):not(.content-wrapper):not(.page-section){padding-left:1rem !important;padding-right:1rem !important}body.content-fullscreen-active .fullscreen-target.node-active:not(.content-wrapper):not(.page-section){margin-left:1rem !important;margin-right:1rem !important}
