.sf:where(.astro-esgrflcf){--t:14s}.sf-stage:where(.astro-esgrflcf){grid-template-columns:minmax(8rem,.85fr) minmax(3.5rem,.6fr) minmax(13.5rem,1.7fr);align-items:center;display:grid}.sf-card:where(.astro-esgrflcf){border:1px solid var(--viz-line);background:var(--viz-card);border-radius:5px;gap:.45rem;padding:.7rem .8rem;display:grid}.sf-wallet:where(.astro-esgrflcf){position:relative}.sf-line:where(.astro-esgrflcf){justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.sf-label:where(.astro-esgrflcf){color:var(--viz-muted);font-weight:500}.sf-num:where(.astro-esgrflcf){font-variant-numeric:tabular-nums;justify-items:end;font-size:1.1rem;font-weight:600;display:grid}.sf-num:where(.astro-esgrflcf)>span:where(.astro-esgrflcf){white-space:nowrap;opacity:0;grid-area:1/1}.sf-num:where(.astro-esgrflcf)>.sf-final:where(.astro-esgrflcf){opacity:1}.sf-fee:where(.astro-esgrflcf){display:none}.sf-pipe:where(.astro-esgrflcf){background:var(--viz-line);height:2px;margin:0 .6rem;position:relative}.sf-pipe:where(.astro-esgrflcf):after{content:"";border-top:2px solid var(--viz-line);border-right:2px solid var(--viz-line);width:.45rem;height:.45rem;position:absolute;top:50%}.sf-mint:where(.astro-esgrflcf) .sf-pipe:where(.astro-esgrflcf):after{right:0;transform:translateY(-50%)rotate(45deg)}.sf-redeem:where(.astro-esgrflcf) .sf-pipe:where(.astro-esgrflcf):after{left:0;transform:translateY(-50%)rotate(-135deg)}.sf-pipe-label:where(.astro-esgrflcf){color:var(--viz-muted);white-space:nowrap;font-size:.68rem;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.sf-pipe:where(.astro-esgrflcf) b:where(.astro-esgrflcf){opacity:0;border-radius:50%;width:.6rem;height:.6rem;margin:-.3rem 0 0 -.3rem;position:absolute;top:50%;left:50%}.sf-row:where(.astro-esgrflcf){grid-template-columns:4.4rem 1fr 3.9rem;align-items:center;gap:.5rem;display:grid}.sf-row:where(.astro-esgrflcf) .viz-chip:where(.astro-esgrflcf){justify-self:start}.sf-track:where(.astro-esgrflcf){background:var(--viz-line-soft);border-radius:999px;height:.5rem;overflow:hidden}.sf-track:where(.astro-esgrflcf) b:where(.astro-esgrflcf){height:100%;width:calc(var(--bar) * 100%);background:var(--c);transform-origin:0;border-radius:999px;min-width:.4rem;display:block}.sf-redeem:where(.astro-esgrflcf) .sf-track:where(.astro-esgrflcf) b:where(.astro-esgrflcf){transform:scaleX(0)}.sf-amt:where(.astro-esgrflcf){font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end;font-weight:600}.sf-redeem:where(.astro-esgrflcf) .sf-amt:where(.astro-esgrflcf){color:#2f4a69}@media (width<=34rem){.sf-stage:where(.astro-esgrflcf){grid-template-columns:1fr}.sf-wallet:where(.astro-esgrflcf){align-self:stretch}.sf-pipe:where(.astro-esgrflcf){justify-self:center;width:2px;height:2.6rem;margin:.3rem 0}.sf-mint:where(.astro-esgrflcf) .sf-pipe:where(.astro-esgrflcf):after{top:auto;bottom:0;left:50%;transform:translate(-50%)rotate(135deg)}.sf-redeem:where(.astro-esgrflcf) .sf-pipe:where(.astro-esgrflcf):after{top:0;left:50%;transform:translate(-50%)rotate(-45deg)}.sf-pipe-label:where(.astro-esgrflcf){top:50%;bottom:auto;left:.7rem;transform:translateY(-50%)}.sf-pipe:where(.astro-esgrflcf) b:where(.astro-esgrflcf){left:50%}}@media (prefers-reduced-motion:no-preference){:where(.astro-esgrflcf)[data-s="1"]{animation:sf-s1 var(--t) infinite both}:where(.astro-esgrflcf)[data-s="2"]{animation:sf-s2 var(--t) infinite both}:where(.astro-esgrflcf)[data-s="3"]{animation:sf-s3 var(--t) infinite both}:where(.astro-esgrflcf)[data-s="4"]{animation:sf-s4 var(--t) infinite both}.sf-redeem:where(.astro-esgrflcf) :where(.astro-esgrflcf)[data-s="3"]{animation-name:sf-s3-last}.sf-num:where(.astro-esgrflcf)>span:where(.astro-esgrflcf){animation:var(--w) var(--t) infinite both}.sf-fee:where(.astro-esgrflcf){color:var(--viz-copper);animation:sf-fee var(--t) infinite both;font-size:.72rem;font-weight:600;display:block;position:absolute;bottom:-1.2rem;right:.8rem}.sf-pipe:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation:sf-right var(--t) linear infinite both;animation-delay:calc(var(--d) * var(--t))}.sf-redeem:where(.astro-esgrflcf) .sf-pipe:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation-name:sf-left}.sf-row:where(.astro-esgrflcf) .viz-chip:where(.astro-esgrflcf){animation:sf-ring-a var(--t) infinite both}.sf-b:where(.astro-esgrflcf) .viz-chip:where(.astro-esgrflcf){animation-name:sf-ring-b}.sf-mint:where(.astro-esgrflcf) .sf-a:where(.astro-esgrflcf) .sf-track:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation:sf-buy-a var(--t) infinite both}.sf-mint:where(.astro-esgrflcf) .sf-b:where(.astro-esgrflcf) .sf-track:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation:sf-buy-b var(--t) infinite both}.sf-redeem:where(.astro-esgrflcf) .sf-a:where(.astro-esgrflcf) .sf-track:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation:sf-sell-a var(--t) infinite both}.sf-redeem:where(.astro-esgrflcf) .sf-b:where(.astro-esgrflcf) .sf-track:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation:sf-sell-b var(--t) infinite both}.sf-a:where(.astro-esgrflcf) .sf-amt:where(.astro-esgrflcf){animation:sf-w-34-100 var(--t) infinite both}.sf-b:where(.astro-esgrflcf) .sf-amt:where(.astro-esgrflcf){animation:sf-w-58-100 var(--t) infinite both}}@media (prefers-reduced-motion:no-preference) and (width<=34rem){.sf-mint:where(.astro-esgrflcf) .sf-pipe:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation-name:sf-down}.sf-redeem:where(.astro-esgrflcf) .sf-pipe:where(.astro-esgrflcf) b:where(.astro-esgrflcf){animation-name:sf-up}}@keyframes sf-s1{0%{--viz-on:0}2%,15%{--viz-on:1}17%,to{--viz-on:0}}@keyframes sf-s2{0%,15%{--viz-on:0}17%,39%{--viz-on:1}41%,to{--viz-on:0}}@keyframes sf-s3{0%,39%{--viz-on:0}41%,63%{--viz-on:1}65%,to{--viz-on:0}}@keyframes sf-s3-last{0%,39%{--viz-on:0}41%,97%{--viz-on:1}to{--viz-on:0}}@keyframes sf-s4{0%,63%{--viz-on:0}65%,97%{--viz-on:1}to{--viz-on:0}}@keyframes sf-w-0-10{0%,9%{opacity:1}11%,to{opacity:0}}@keyframes sf-w-10-100{0%,9%{opacity:0}11%,to{opacity:1}}@keyframes sf-w-0-34{0%,33%{opacity:1}35%,to{opacity:0}}@keyframes sf-w-34-58{0%,33%{opacity:0}35%,57%{opacity:1}59%,to{opacity:0}}@keyframes sf-w-34-100{0%,33%{opacity:0}35%,to{opacity:1}}@keyframes sf-w-58-68{0%,57%{opacity:0}59%,67%{opacity:1}69%,to{opacity:0}}@keyframes sf-w-58-100{0%,57%{opacity:0}59%,to{opacity:1}}@keyframes sf-w-68-100{0%,67%{opacity:0}69%,to{opacity:1}}@keyframes sf-w-0-70{0%,69%{opacity:1}71%,to{opacity:0}}@keyframes sf-w-70-100{0%,69%{opacity:0;transform:scale(1)}71%{opacity:1;transform:scale(1.15)}74%,to{opacity:1;transform:scale(1)}}@keyframes sf-fee{0%,65%{opacity:0}68%,84%{opacity:1}88%,to{opacity:0}}@keyframes sf-right{0%,21%{opacity:0;background:var(--viz-usdc);left:0}22%{opacity:1;background:var(--viz-usdc);left:0}26%{background:var(--viz-usdc)}29%{background:var(--c)}33%{opacity:1;background:var(--c);left:100%}34%,to{opacity:0;background:var(--c);left:100%}}@keyframes sf-left{0%,21%{opacity:0;background:var(--c);left:100%}22%{opacity:1;background:var(--c);left:100%}26%{background:var(--c)}29%{background:var(--viz-usdc)}33%{opacity:1;background:var(--viz-usdc);left:0}34%,to{opacity:0;background:var(--viz-usdc);left:0}}@keyframes sf-down{0%,21%{opacity:0;background:var(--viz-usdc);top:0}22%{opacity:1;background:var(--viz-usdc);top:0}26%{background:var(--viz-usdc)}29%{background:var(--c)}33%{opacity:1;background:var(--c);top:100%}34%,to{opacity:0;background:var(--c);top:100%}}@keyframes sf-up{0%,21%{opacity:0;background:var(--c);top:100%}22%{opacity:1;background:var(--c);top:100%}26%{background:var(--c)}29%{background:var(--viz-usdc)}33%{opacity:1;background:var(--viz-usdc);top:0}34%,to{opacity:0;background:var(--viz-usdc);top:0}}@keyframes sf-ring-a{0%,17%{box-shadow:0 0 #0000}19%,37%{box-shadow:0 0 0 2px var(--c)}40%,to{box-shadow:0 0 #0000}}@keyframes sf-ring-b{0%,41%{box-shadow:0 0 #0000}43%,61%{box-shadow:0 0 0 2px var(--c)}64%,to{box-shadow:0 0 #0000}}@keyframes sf-buy-a{0%,27%{transform:scaleX(0)}34%,to{transform:scaleX(1)}}@keyframes sf-buy-b{0%,51%{transform:scaleX(0)}58%,to{transform:scaleX(1)}}@keyframes sf-sell-a{0%,4%{transform:scaleX(0)}10%,22%{transform:scaleX(1)}30%,to{transform:scaleX(0)}}@keyframes sf-sell-b{0%,4%{transform:scaleX(0)}10%,46%{transform:scaleX(1)}54%,to{transform:scaleX(0)}}