/* The permanent controls and audio stay outside the animated page snapshots. */
.experience-dock{view-transition-name:kn-experience-dock}
::view-transition-group(kn-experience-dock){animation:none!important;z-index:2147483646}
::view-transition-old(kn-experience-dock){display:none!important}
::view-transition-new(kn-experience-dock){animation:none!important;mix-blend-mode:normal!important}
.navigation-status{position:fixed;left:24px;bottom:24px;z-index:135;max-width:min(490px,calc(100vw - 48px));padding:16px 20px;border:1px solid #8e9d8266;border-radius:4px;background:#f5f5eaf5;color:#294135;box-shadow:0 8px 30px #163b2720;font:13px/1.8 var(--sans,sans-serif);overflow-wrap:anywhere}
.navigation-status[hidden]{display:none!important}.navigation-status p{margin:0}.navigation-status button,.navigation-status a{display:inline-flex;align-items:center;min-height:44px;margin:6px 20px 0 0;font:inherit;color:inherit;text-underline-offset:5px}.navigation-status button{border:0;border-bottom:1px solid #80916d;background:none;cursor:pointer;padding:0}
html[data-navigation-state="loading"]{cursor:progress}
.navigation-fade-in main{animation:kn-page-in .25s ease both}
@keyframes kn-page-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.navigation-status{bottom:92px;left:16px;max-width:calc(100vw - 32px);font-size:12px}}
@media(prefers-reduced-motion:reduce){.navigation-fade-in main{animation:none}}
.motion-off .navigation-fade-in main{animation:none}
@media print{.navigation-status{display:none!important}}