@layer astryx-theme{.stack-list{border-block-start:1px solid var(--color-border);margin:0;padding:0;list-style:none}.stack-entry{border-block-end:1px solid var(--color-border)}.stack-item{align-items:center;gap:var(--spacing-8);padding-block:var(--spacing-8);color:var(--color-text-primary);transition:transform var(--motion-duration-quick) var(--motion-ease-hover);grid-template-columns:auto minmax(0,1fr) minmax(0,22rem) auto;text-decoration:none;display:grid}.stack-item:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:var(--focus-outline-offset);border-radius:var(--radius-container)}.stack-icon{color:var(--color-usdc);place-items:center;display:inline-grid}.stack-title{font-size:var(--type-subsection-size);font-weight:var(--type-weight-light);line-height:var(--type-subsection-leading);letter-spacing:var(--type-subsection-tracking)}.stack-line{color:var(--color-text-secondary);text-wrap:pretty}.stack-arrow{color:var(--color-text-secondary);transition:transform var(--motion-duration-quick) var(--motion-ease-hover);place-items:center;display:inline-grid}@media (min-width:1280px){.stack-title{white-space:nowrap}}@media (hover:hover) and (pointer:fine){.stack-item:hover{transform:translateY(calc(var(--spacing-0-5) * -1))}.stack-item:hover .stack-arrow{transform:translateX(var(--spacing-1))}.stack-item[target=_blank]:hover .stack-arrow{transform:translate(var(--spacing-1), calc(var(--spacing-1) * -1))}}.stack-item:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.stack-item,.stack-arrow{transition:none}.stack-item:hover,.stack-item:active,.stack-item:hover .stack-arrow{transform:none}}@media (max-width:767px){.stack-item{gap:var(--spacing-3) var(--spacing-4);padding-block:var(--spacing-6);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title arrow""line line line"}.stack-icon{grid-area:icon}.stack-title{grid-area:title}.stack-line{grid-area:line}.stack-arrow{grid-area:arrow}}}
@layer astryx-theme{.close-steps .close-step{align-items:start;gap:var(--spacing-4);grid-template-columns:auto minmax(0,1fr) 7.5rem;display:grid;position:relative}.close-step-text{opacity:.72;transition:opacity var(--motion-duration-base) var(--motion-ease-dissolve);padding-block-start:calc((var(--spacing-8) - 1lh) / 2)}.close-step[data-reached] .close-step-text{opacity:1}.close-steps .close-step-number{position:relative}.close-step-on{border-radius:inherit;background:var(--color-text-primary);color:var(--color-background-card);opacity:0;transition:opacity var(--motion-duration-quick) var(--motion-ease-exit), transform var(--motion-duration-quick) var(--motion-ease-exit);place-items:center;display:grid;position:absolute;inset:0;transform:scale(.9)}.close-step[data-reached] .close-step-on{opacity:1;transition:opacity var(--motion-duration-base) var(--motion-ease-release), transform var(--motion-duration-base) var(--motion-ease-release);transform:none}.close-step[data-lit] .close-step-on{transform:scale(1.08)}.close-step-link{inset-block:var(--spacing-8) calc(var(--spacing-4) * -1);background:var(--color-border);inline-size:2px;position:absolute;inset-inline-start:calc(var(--spacing-8) / 2 - 1px);overflow:hidden}.close-step-link-fill{background:var(--color-text-primary);transform-origin:top;transition:transform var(--motion-duration-quick) var(--motion-ease-exit);position:absolute;inset:0;transform:scaleY(0)}.close-step-link-fill[data-filled]{transition:transform var(--motion-duration-base) var(--motion-ease-glide);transform:none}.close-step-beat{font-size:var(--text-supporting-size);font-variant-numeric:tabular-nums;align-self:center;justify-items:end;display:grid;position:relative}.close-beat{opacity:0;transform:translateX(calc(var(--spacing-2) * -1)) scale(.96);transition:opacity var(--motion-duration-quick) var(--motion-ease-exit), transform var(--motion-duration-quick) var(--motion-ease-exit);grid-area:1/1}.close-beat[data-on]{opacity:1;transition:opacity var(--motion-duration-base) var(--motion-ease-release) .15s, transform var(--motion-duration-base) var(--motion-ease-release) .15s;transform:none}.close-beat-chip{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-secondary);white-space:nowrap;display:inline-flex}.close-beat-chip svg{color:var(--color-usdc)}.close-beat-words{font-variant-numeric:normal}.close-beat-balance{color:var(--color-text-primary);font-weight:var(--font-weight-medium);justify-items:end;display:grid}.close-balance{opacity:0;transform:translateY(var(--spacing-2));transition:opacity var(--motion-duration-quick) var(--motion-ease-exit), transform var(--motion-duration-quick) var(--motion-ease-exit);grid-area:1/1}.close-balance[data-on]{opacity:1;transition:opacity var(--motion-duration-base) var(--motion-ease-release), transform var(--motion-duration-base) var(--motion-ease-release);transform:none}.close-balance:first-child[data-on]{color:var(--color-text-secondary)}@media (max-width:767px){.close-steps .close-step{gap:var(--spacing-3);grid-template-columns:auto minmax(0,1fr) auto}.close-step-beat{min-inline-size:4.5rem}}@media (prefers-reduced-motion:reduce){.close-step-text,.close-step-on,.close-step-link-fill,.close-beat,.close-balance{transition:none}}}
