@view-transition{navigation:auto}
.main-anim{view-transition-name:public-page}.nav-anim{view-transition-name:public-nav}.home-guide{view-transition-name:public-guide}
::view-transition-old(root),::view-transition-new(root){animation-duration:.4s}
::view-transition-old(public-page){animation:public-page-out .38s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal}
::view-transition-new(public-page){animation:public-page-in .52s cubic-bezier(.16,1,.3,1) both;mix-blend-mode:normal}
::view-transition-group(public-nav),::view-transition-group(public-guide){animation-duration:.35s}
::view-transition-old(public-nav),::view-transition-new(public-nav),::view-transition-old(public-guide),::view-transition-new(public-guide){animation:none;mix-blend-mode:normal}
@keyframes public-page-out{to{opacity:0;transform:perspective(1400px) translateX(calc(var(--nav-direction,1) * -7vw)) translateZ(-70px) rotateY(calc(var(--nav-direction,1) * 4deg))}}
@keyframes public-page-in{from{opacity:0;transform:perspective(1400px) translateX(calc(var(--nav-direction,1) * 8vw)) translateZ(-80px) rotateY(calc(var(--nav-direction,1) * -5deg))}to{opacity:1;transform:none}}
.public-page-leaving .main-anim{animation:public-page-out .17s ease-out forwards!important;pointer-events:none}.public-page-arriving .main-anim{animation:public-page-in .48s cubic-bezier(.16,1,.3,1) both!important}
.public-page-leaving .nav-anim:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#67e8f9,#34d399,transparent);animation:public-navigation-line .35s ease-out both;transform-origin:left}
@keyframes public-navigation-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:640px){::view-transition-new(public-page){animation-duration:.38s}.public-page-arriving .main-anim{animation-duration:.35s!important}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(*),::view-transition-new(*){animation:none!important}.public-page-leaving .main-anim,.public-page-arriving .main-anim{animation:none!important}}
html[data-motion="reduced"]::view-transition-old(*),html[data-motion="reduced"]::view-transition-new(*),html.public-motion-paused::view-transition-old(*),html.public-motion-paused::view-transition-new(*){animation:none!important}