.gk-navic{color:#c4c9d4;transition:color var(--t-press,.16s) ease;flex:none;place-items:center;display:inline-grid}.gk-navic[data-active]{color:var(--navic-tone,var(--gk-blue,#3563ff))}[data-theme=dark] .gk-navic{color:#7a8292}[data-theme=dark] .gk-navic[data-active]{color:var(--navic-tone,var(--gk-blue-lit,#6f8dff))}.gk-navic svg{display:block}.gk-navic-g{transform-origin:50% 70%;place-items:center;display:grid}.gk-navic-pop{transform-origin:50% 70%;place-items:center;display:inline-grid}.gk-navic-pop[data-play]{animation:gk-nav-pop var(--t-scan-pop,.45s) cubic-bezier(.34, 1.56, .64, 1) both}.gk-navic-g[data-motion=hop]{animation:gk-nav-hop var(--t-scan-pop,.45s) cubic-bezier(.34, 1.3, .64, 1) both}.gk-navic-g[data-motion=pop]{animation:gk-nav-pop var(--t-scan-pop,.45s) cubic-bezier(.34, 1.56, .64, 1) both}.gk-navic-g[data-motion=rise] .gk-navic-bar{animation:.46s cubic-bezier(.34,1.3,.64,1) both gk-nav-rise;animation-delay:calc(var(--i,0) * 60ms);transform-box:fill-box;transform-origin:50% 100%}.gk-navic-g[data-motion=sway]{animation:.52s ease-in-out both gk-nav-sway}.gk-navic-g[data-motion=look]{animation:.56s ease-in-out both gk-nav-look}.gk-navic-g[data-motion=blast]{transform-origin:20% 60%;animation:.52s cubic-bezier(.34,1.56,.64,1) both gk-nav-blast}.gk-navic-g[data-motion=snap]{animation:.46s cubic-bezier(.34,1.56,.64,1) both gk-nav-snap}.gk-navic-g[data-motion=write]{transform-origin:20% 80%;animation:.52s ease-in-out both gk-nav-write}.gk-navic-g[data-motion=bob]{animation:.52s ease-in-out both gk-nav-bob}.gk-navic-g[data-motion=turn]{transform-origin:50%;animation:.52s cubic-bezier(.34,1.3,.64,1) both gk-nav-turn}.gk-navic-g[data-motion=rewind]{transform-origin:50%;animation:.56s cubic-bezier(.34,1.2,.64,1) both gk-nav-rewind}@keyframes gk-nav-hop{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-4px)scale(1.06,.96)}65%{transform:translateY(0)scale(.96,1.05)}to{transform:translateY(0)scale(1)}}@keyframes gk-nav-pop{0%{transform:scale(.82)}60%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes gk-nav-rise{0%{transform:scaleY(.15)}65%{transform:scaleY(1.08)}to{transform:scaleY(1)}}@keyframes gk-nav-sway{0%{transform:rotate(0)}25%{transform:rotate(-7deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes gk-nav-look{0%{transform:translate(0)}30%{transform:translate(-2px,-2px)rotate(-8deg)}65%{transform:translate(2px,1px)rotate(6deg)}to{transform:translate(0)rotate(0)}}@keyframes gk-nav-blast{0%{transform:scale(.85)rotate(-6deg)}50%{transform:scale(1.16)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes gk-nav-snap{0%{transform:translate(-3px)rotate(-12deg)}60%{transform:translate(1px)rotate(4deg)}to{transform:translate(0)rotate(0)}}@keyframes gk-nav-write{0%{transform:translate(0)rotate(0)}30%{transform:translate(2px,-2px)rotate(10deg)}60%{transform:translate(-1px,1px)rotate(-6deg)}to{transform:translate(0)rotate(0)}}@keyframes gk-nav-bob{0%{transform:translateY(0)}35%{transform:translateY(-3px)scale(1.06)}70%{transform:translateY(1px)}to{transform:translateY(0)scale(1)}}@keyframes gk-nav-turn{0%{transform:rotate(-30deg)}70%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes gk-nav-rewind{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.gk-navic{transition:none}.gk-navic-g,.gk-navic-bar,.gk-navic-pop{animation:none!important}}