.fx-earn{--earn-line:var(--fg-strong);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);min-width:0;box-shadow:var(--shadow-md);color:var(--fg);padding:clamp(20px,2.4vw,32px);position:relative}.fx-earn p{margin:0}.fx-earn__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.fx-earn__title{letter-spacing:-.015em;color:var(--fg-strong);font-size:1.0625rem;font-weight:650}.fx-earn__ctrls{flex-wrap:wrap;gap:8px;min-height:36px;display:flex}@media (pointer:coarse){.fx-earn__ctrls{min-height:46px}}.fx-earn__read{margin-top:18px}.fx-earn__label{white-space:nowrap;text-overflow:ellipsis;height:20px;color:var(--fg-muted);font-size:.875rem;overflow:hidden}.fx-earn__big{white-space:nowrap;height:clamp(2.6rem,1.8rem + 2vw,3.4rem);font-family:var(--font-display);letter-spacing:-.045em;color:var(--fg-strong);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-top:4px;font-size:clamp(2.25rem,1.6rem + 1.8vw,3rem);font-weight:700;line-height:1.1;display:flex}.fx-earn__big.win{color:var(--win)}.fx-earn__big.loss{color:var(--loss)}.fx-earn__unit{font-family:var(--font-body);letter-spacing:0;color:var(--fg-muted);font-size:1rem;font-weight:500}.fx-earn__note{min-height:22px;color:var(--fg-muted);margin-top:4px;font-size:.875rem}.fx-earn__note a{color:var(--fg-strong);text-underline-offset:3px;text-decoration:underline}.fx-earn__spark{height:72px;margin-top:14px}.fx-earn__spark svg{touch-action:pan-y;cursor:crosshair;outline:none;display:block;overflow:visible}.fx-earn__spark svg:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .6);outline-offset:4px;border-radius:6px}.fx-earn__zero{stroke:rgb(var(--ink-rgb) / .12);stroke-dasharray:2 4}.fx-earn__line{stroke:var(--earn-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.fx-earn__line.is-drawn{stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease)}.fx-earn__stop-a{stop-color:var(--earn-line);stop-opacity:.12}.fx-earn__stop-b{stop-color:var(--earn-line);stop-opacity:0}.fx-earn__cross line{stroke:rgb(var(--ink-rgb) / .25);stroke-dasharray:2 3}.fx-earn__cross circle{fill:var(--surface);stroke:var(--earn-line);stroke-width:2px}.fx-earn__bar{background:rgb(var(--ink-rgb) / .05);clip-path:inset(0 100% 0 0 round 999px);border-radius:999px;gap:3px;height:12px;margin-top:22px;display:flex;overflow:hidden}.fx-earn__bar.is-grown{clip-path:inset(0 round 999px);transition:clip-path .9s var(--ease)}.fx-earn__seg{cursor:pointer;min-width:3px;transition:flex-grow .5s var(--ease), opacity .2s var(--ease), transform .2s var(--ease);border-radius:999px;flex-basis:0}.fx-earn__seg.is-dim{opacity:.3}.fx-earn__neg{min-height:20px;color:var(--fg-muted);margin-top:8px;font-size:.8125rem}.fx-earn__neg .loss,.fx-earn__neg b.loss{color:var(--loss)}.fx-earn__neg b{font-weight:650}.fx-earn__rows{grid-template-columns:minmax(0,1fr);gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.fx-earn__rows>li{min-width:0}.fx-earn__row{text-align:left;width:100%;min-height:68px;font:inherit;color:inherit;cursor:pointer;transition:background-color .15s var(--ease), opacity .15s var(--ease);background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:8px 10px;display:flex}.fx-earn__row:disabled{cursor:default}@media (hover:hover){.fx-earn__row:hover:not(:disabled){background:rgb(var(--ink-rgb) / .035)}}.fx-earn__row.is-on{background:rgb(var(--ink-rgb) / .05)}.fx-earn__row.is-dim{opacity:.5}.fx-earn__row:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .6);outline-offset:-2px}.fx-earn__chip{border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:grid}.fx-earn__dot{width:10px;height:10px;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .08);border-radius:50%;flex:none}.fx-earn--dots .fx-earn__name{font-weight:700}.fx-earn--headless .fx-earn__bar{margin-top:20px}.fx-earn--dots .fx-earn__row{align-items:flex-start;gap:10px}.fx-earn--dots .fx-earn__dot{margin-top:calc(.75em - 4px);font-size:.9375rem}.fx-earn--dots .fx-earn__mid{align-self:center}.fx-earn__mid{flex:1;min-width:0}.fx-earn__line1{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fx-earn__name{white-space:nowrap;text-overflow:ellipsis;color:var(--fg-strong);font-size:.9375rem;font-weight:600;overflow:hidden}.fx-earn__amt{font-variant-numeric:tabular-nums;color:var(--fg-strong);flex:none;font-size:.9375rem;font-weight:650}.fx-earn__amt.win{color:var(--win)}.fx-earn__amt.loss{color:var(--loss)}.fx-earn__line2{align-items:center;gap:12px;margin-top:6px;display:flex}.fx-earn__track{background:rgb(var(--ink-rgb) / .06);border-radius:999px;flex:1;height:5px;position:relative;overflow:hidden}.fx-earn__fill{border-radius:inherit;transform-origin:0;transition:transform .9s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.fx-earn__fill.loss{background:var(--loss)}.fx-earn__sub{white-space:nowrap;text-overflow:ellipsis;max-width:60%;color:var(--fg-muted);font-variant-numeric:tabular-nums;flex:none;gap:8px;font-size:.8125rem;display:inline-flex;overflow:hidden}.fx-earn__share{color:var(--fg-strong);font-weight:600}.fx-earn__foot{border-top:1px solid var(--border);color:var(--fg-muted);justify-content:space-between;gap:12px;margin-top:12px;padding-top:14px;font-size:.875rem;display:flex}.fx-earn__foot b{color:var(--fg-strong);font-variant-numeric:tabular-nums;font-weight:650}.fx-earn__sample{color:var(--fg-muted);margin-top:10px;font-size:.8125rem}@media (width<=639.98px){.fx-earn__ctrls{width:100%}.fx-earn__line2{gap:8px}.fx-earn__track{min-width:48px}.fx-earn__sub{max-width:70%}}
