.has-3d .hero-in{z-index:1;position:relative}.has-3d .stage>:not(.h3d-caption){display:none}.h3d{z-index:0;pointer-events:none;position:absolute}.h3d canvas{width:100%;height:100%;display:block}.h3d[data-side=right] canvas{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22%);mask-image:linear-gradient(90deg,#0000 0,#000 22%)}.h3d[data-side=top] canvas{-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.h3d-labels{position:absolute;inset:0;overflow:hidden}.h3d-label{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.h3d-label>div{white-space:nowrap;gap:2px;display:grid}.h3d-label .k{font:500 14px/1.35 var(--sans);color:var(--paper-2)}.h3d-label .v{font:500 15px/1.3 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--paper)}.h3d-price>div{justify-items:center;padding-bottom:34px;position:relative;transform:translate(-50%,-100%)}.h3d-price>div:after{content:"";background:linear-gradient(var(--lime-line), #bdf33b00);width:1px;height:26px;position:absolute;bottom:0;left:50%}.h3d-price .v{letter-spacing:-.02em;font-size:28px;line-height:1.1}.h3d-price .k{align-items:center;gap:8px;display:inline-flex}.h3d-price .v+.k{margin-top:4px;font-size:13px}.h3d-price .k:first-child:before{content:"";background:var(--lime);border-radius:50%;width:7px;height:7px}.h3d-swap>div{border:1px solid var(--line-2);background:#10130ec7;border-radius:10px;padding:8px 12px;transform:translateY(-50%)}.h3d-swap.sell>div{text-align:right;transform:translate(-100%,-50%)}.h3d-swap .k b{color:var(--lime);font-weight:600}.h3d-swap.sell .k b{color:var(--paper)}.h3d-swap .v{font-size:14px}.h3d-caption{color:var(--paper-2);text-align:center;text-wrap:balance;z-index:2;margin:0;font-size:14px;line-height:1.45;position:absolute;bottom:0;left:0;right:0}.h3d-caption .dot{vertical-align:1px;margin-right:8px;display:inline-block}@keyframes h3d-in{0%{opacity:0;transform:translateY(18px)}}.has-3d .hero-in>div:first-child>*{animation:h3d-in .9s var(--ease) both}.h3d-caption{animation:h3d-in .8s 1.7s var(--ease) both}.has-3d .hero-in>div:first-child>:nth-child(2){animation-delay:80ms}.has-3d .hero-in>div:first-child>:nth-child(3){animation-delay:.22s}.has-3d .hero-in>div:first-child>:nth-child(4){animation-delay:.32s}.has-3d .hero-in>div:first-child>:nth-child(5){animation-delay:.42s}@media (width<=760px){.has-3d .stage{aspect-ratio:4/3;max-width:none}.h3d-price .v{font-size:22px}.h3d-label .k,.h3d-caption{font-size:13px}.h3d-swap>div{padding:6px 9px}.h3d-swap .v{font-size:12.5px}}