html,body{min-height:100%}:root{--duration-exit:.15s;--duration-enter:.21s;--duration-move:.4s}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{translate:var(--slide-offset)}to{translate:0}}@keyframes slide-y{0%{transform:translateY(var(--slide-y-offset,10px))}to{transform:translateY(0)}}::view-transition-old(.fade-out){animation:var(--duration-exit) ease-in fade reverse}::view-transition-new(.fade-in){animation:var(--duration-enter) ease-out var(--duration-exit) both fade}::view-transition-old(.slide-down){animation:var(--duration-exit) ease-out both fade reverse, var(--duration-exit) ease-out both slide-y reverse}::view-transition-new(.slide-up){--slide-y-offset:16px;animation:var(--duration-enter) ease-in var(--duration-exit) both fade, var(--duration-move) ease-out both slide-y}::view-transition-old(.nav-forward){--slide-offset:-60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-forward){--slide-offset:60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-old(.nav-back){--slide-offset:60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-back){--slide-offset:-60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-group(.morph){animation-duration:var(--duration-move);animation-timing-function:cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}@keyframes garita-fall{0%{opacity:0;transform:translateY(-70px)rotate(-40deg)}45%{opacity:1;transform:translateY(6px)rotate(18deg)}62%{transform:translateY(-10px)rotate(-8deg)}78%{transform:translateY(2px)rotate(6deg)}to{transform:translateY(0)rotate(0)}}@keyframes garita-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)scaleY(1.03)}60%{transform:translateY(0)scaleY(.97)}}@keyframes garita-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes garita-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.garita,.garita-bubble{animation:none!important}}