/* Recognizable gear motion over the destination. Navigation is never delayed. */
.inn-page-transition{position:fixed;inset:0;z-index:2147483647;overflow:hidden;contain:layout paint;pointer-events:none!important;background:none!important;backdrop-filter:none!important;visibility:hidden}
.inn-page-transition.is-visible{visibility:visible}
.inn-transition-mark{position:absolute;left:50%;top:50%;width:clamp(330px,85vmin,820px);height:clamp(330px,85vmin,820px);transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.inn-transition-mark:after{content:none}
.inn-transition-gear{display:block;width:100%;height:100%;transform-origin:center}
.inn-page-transition.is-visible .inn-transition-mark{animation:inn-gear-presence .85s ease-out both}
.inn-page-transition.is-visible .inn-transition-gear{animation:inn-gear-turn .85s cubic-bezier(.2,.6,.35,1) both}
.inn-page-transition[data-direction=back].is-visible .inn-transition-gear{animation-name:inn-gear-return}
@keyframes inn-gear-presence{0%{opacity:0;transform:translate(-57%,-50%)}18%,62%{opacity:.88}100%{opacity:0;transform:translate(-43%,-50%)}}
@keyframes inn-gear-turn{from{transform:rotate(-45deg)}to{transform:rotate(45deg)}}
@keyframes inn-gear-return{from{transform:rotate(45deg)}to{transform:rotate(-45deg)}}
@media(max-width:760px){.inn-transition-mark{width:94vw;height:94vw;max-width:700px;max-height:700px}}
@media(prefers-reduced-motion:reduce){.inn-page-transition{display:none!important}.inn-transition-mark,.inn-transition-gear{animation:none!important}}