/* One-shot buyback animation. The original amount keeps its layout footprint. */
.buyback-rate.bb-ready{position:relative}
.buyback-rate.bb-ready>.bb-static{font:inherit;letter-spacing:inherit;margin:0;padding:0;vertical-align:baseline;display:inline}
.buyback-rate .bb-static>span{font-size:.48em;letter-spacing:-.06em;margin-left:7px;vertical-align:top;display:inline-block;padding-top:.13em}
.buyback-rate.bb-ready>.bb-static{visibility:hidden}
.buyback-rate.bb-ready>.rr-number{position:absolute;left:0;top:0;display:flex;align-items:center;white-space:nowrap;font:inherit;letter-spacing:inherit;line-height:1;margin:0;padding:0;vertical-align:baseline;pointer-events:none}
.buyback-rate .rr-pair{display:flex;position:relative;transform-origin:center 75%}
.buyback-rate .rr-reel{display:block;width:max-content;height:1.03em;overflow:visible;clip-path:inset(0 -.12em);position:relative}
.buyback-rate .rr-face{display:block;height:1em;line-height:1em;visibility:hidden}
.buyback-rate .rr-strip{position:absolute;left:0;top:0;display:block;transform:translateY(-4em)}
.buyback-rate .rr-strip span{display:block;height:1em;line-height:1em}
.buyback-rate .rr-dash{font-size:1em;display:block;margin:0;transform-origin:center}
.buyback-rate .rr-percent-wrap{position:relative;align-self:flex-start}
.buyback-rate .rr-percent{font-size:.48em;letter-spacing:-.06em;margin-left:7px;padding-top:.13em;display:block;transform-origin:center}
    .buyback-rate .rr-particle{display:block;position:absolute;left:48%;top:48%;width:5px;height:5px;border-radius:50%;background:#c9dcf0;opacity:0;pointer-events:none}
    .buyback-rate .rr-particle:nth-child(2){--dx:-30px;--dy:-30px;background:#f0dfa2;width:4px;height:10px;border-radius:2px;--spin:-35deg}
    .buyback-rate .rr-particle:nth-child(3){--dx:4px;--dy:-43px;--spin:70deg}
    .buyback-rate .rr-particle:nth-child(4){--dx:38px;--dy:-28px;background:#d8cce8;--spin:25deg}
    .buyback-rate .rr-particle:nth-child(5){--dx:46px;--dy:6px;background:#f0dfa2;width:8px;height:4px;border-radius:2px;--spin:65deg}
    .buyback-rate .rr-particle:nth-child(6){--dx:27px;--dy:35px;--spin:-45deg}
    .buyback-rate .rr-particle:nth-child(7){--dx:-22px;--dy:29px;background:#d8cce8;width:4px;height:4px;--spin:15deg}
    .buyback-rate.is-rate-playing .rr-strip{animation:rr-roll 1.15s cubic-bezier(.16,.65,.25,1) both;will-change:transform}
    .buyback-rate.is-rate-playing .rr-zero .rr-strip{animation-delay:.09s}
    .buyback-rate.is-rate-playing .rr-upper .rr-strip{animation-delay:.19s}
    .buyback-rate.is-rate-playing .rr-upper .rr-zero .rr-strip{animation-delay:.28s}
    .buyback-rate.is-rate-playing .rr-lower{animation:rr-land .5s .97s ease-out both}
    .buyback-rate.is-rate-playing .rr-upper{animation:rr-land .5s 1.25s ease-out both}
    .buyback-rate.is-rate-playing .rr-percent{animation:rr-percent-pop .6s 1.3s ease-out both}
    .buyback-rate.is-rate-playing .rr-particle{animation:rr-confetti .65s 1.4s ease-out both}
    .buyback-rate.is-rate-playing .rr-dash{animation:rr-dash .65s .25s ease-out both}
    @keyframes rr-roll{0%{transform:translateY(0)}78%{transform:translateY(-4.055em)}90%{transform:translateY(-3.975em)}100%{transform:translateY(-4em)}}
    @keyframes rr-land{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-.025em) scale(1.035)}70%{transform:translateY(.007em) scale(.995)}100%{transform:translateY(0) scale(1)}}
    @keyframes rr-percent-pop{0%{transform:rotate(0) scale(1);color:#f7f6f2}35%{transform:rotate(10deg) scale(1.18);color:#f0dfa2}65%{transform:rotate(-5deg) scale(1.04);color:#f0dfa2}100%{transform:rotate(0) scale(1);color:#f7f6f2}}
    @keyframes rr-confetti{0%{transform:translate(0,0) scale(.2);opacity:0}15%{opacity:1}70%{opacity:.8}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.6);opacity:0}}
    @keyframes rr-dash{0%{transform:scaleX(.55)}65%{transform:scaleX(1.06)}100%{transform:scaleX(1)}}

@media(max-width:700px){.buyback-rate .bb-static>span,.buyback-rate .rr-percent{margin-left:6px}}
@media(prefers-reduced-motion:reduce){.buyback-rate.bb-ready>.bb-static{visibility:visible}.buyback-rate.bb-ready>.rr-number{display:none}.buyback-rate .rr-number *{animation:none!important}}