.seq[data-stage=top] .seq-two{opacity:0;transform:translateY(10px)}.seq .seq-top{color:var(--t3);font-size:19px}.seq[data-stage=top] .seq-top{color:var(--t1);font-size:34px}.seq-mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat}@media (width>=640px){.seq .seq-top{align-items:flex-end;min-height:37.4px;display:flex}}@media (width<=639px){.seq .seq-top,.seq[data-stage=top] .seq-top{font-size:22px}}@media (prefers-reduced-motion:no-preference){.seq-two{transition:opacity .35s ease-out,transform .5s cubic-bezier(.22,1,.36,1)}.seq .seq-top{transition:font-size .5s cubic-bezier(.22,1,.36,1),color .45s ease-out}.hero-swap{animation:.45s cubic-bezier(.22,1,.36,1) both hero-rise}.hero-flash{animation:1.1s ease-out both hero-flash}}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes hero-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-flash{display:none}}.hero-tiles .tile{cursor:pointer;outline:none}.hero-tiles .tile:focus-visible>rect:first-child{stroke:var(--blue-2)!important;stroke-width:2px!important}.hero-tiles .tile-bg{fill:var(--bg-2);stroke:var(--hair-2);stroke-width:.8px}.hero-tiles .tile-bg.seq{fill:color-mix(in srgb, var(--s) 26%, var(--bg-2));stroke:color-mix(in srgb, var(--s) 55%, var(--hair-2))}.hero-tiles .tile-code{pointer-events:none;font-family:var(--font-mono);text-anchor:middle;paint-order:stroke;stroke:none;stroke-width:2.5px;font-size:8.5px}.hero-tiles .tile-code.inked{stroke:var(--bg)}.hero-search input::-webkit-search-cancel-button{display:none}