.gt-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gt{width:min(100%, calc((100svh - var(--nav-h) - 9rem) * 1.25));justify-self:center;gap:.75rem;min-width:0;display:grid;container-type:inline-size}.gt-stage{aspect-ratio:5/4;touch-action:pan-y;place-items:center;width:100%;display:grid}.gt-static{object-fit:contain;opacity:0;width:94%;height:auto;max-height:94%}.gt[data-mode=static] .gt-static{opacity:1}@media (scripting:none){.gt-static{opacity:1}}.gt-bar{z-index:2;translate:clamp(0px, var(--gt-cx,50cqw) - 50%, 100cqw - 100%) 0;transition:translate .6s var(--ease-out,ease-out);background:#0a0a126b;border:1px solid #ffffff17;border-radius:14px;justify-self:start;justify-items:center;gap:0;padding:.125rem .625rem .25rem;display:grid;position:relative}html[data-haz=on] .gt-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gt-link{color:#fff;text-shadow:0 0 1px #07070be6,0 0 3px #07070bd9,0 0 9px #07070b99;animation:gt-in .45s var(--ease-out,ease-out) both;align-items:baseline;gap:.5rem;padding:.375rem .125rem .125rem;text-decoration:none;display:inline-flex}.gt-link strong{font:700 .75rem/1.2 var(--font-display)}.gt-link span{font:600 .6875rem/1 var(--font-display);color:#f1e3ff}.gt-link i{transition:translate .25s var(--ease-out,ease-out);font-style:normal;display:inline-block}.gt-link:is(:hover,:focus-visible) i{translate:4px}.gt-link:focus-visible,.gt-dots button:focus-visible,.gt-pause:focus-visible{outline:2px solid var(--color-accent-ink,#e2c4ff);outline-offset:2px;border-radius:8px}@keyframes gt-in{0%{opacity:0;transform:translateY(4px)}}.gt-controls{align-items:center;height:22px;display:flex}.gt-controls[data-off]{visibility:hidden}.gt-dots{display:flex}.gt-dots button,.gt-pause{cursor:pointer;background:0 0;border:0;place-items:center;height:22px;padding:0;display:grid;position:relative}.gt-dots button{width:22px}.gt-dots button:before,.gt-pause:before{content:"";position:absolute;inset:-11px 0}.gt-dots i{width:5px;height:5px;transition:background-color .25s, transform .25s var(--ease-out,ease-out);background:#fff6;border-radius:50%}.gt-dots button:hover i{background:#ffffffb3}.gt-dots button[aria-current] i{background:linear-gradient(90deg,#c9a8ff,#8fd8ff);transform:scale(1.4)}.gt-pause{color:#fff;width:30px}.gt-pause:after{content:"";border:1px solid #ffffff29;border-radius:50%;transition:border-color .2s;position:absolute;inset:1px 5px}.gt-pause:hover:after{border-color:#fff6}.gt-pause svg{fill:currentColor;width:10px;height:10px}@media (pointer:coarse){.gt-dots button,.gt-pause{width:44px}.gt-pause:after{inset:1px 12px}}@media (max-width:900px){.gt{width:min(100%,34rem)}.gt-stage{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.gt-link{animation:none}.gt-controls[data-off]{display:none}.gt-bar,.gt-dots i,.gt-link i{transition:none}}