.moving-price{font-variant-numeric:tabular-nums;border-radius:3px;position:relative}.slip-pick>.moving-price{width:max-content;max-width:100%}.moving-price[data-direction]{animation:1.8s ease-out quote-change-flash}.moving-price[data-direction=up]{--quote-change:#39d994;--quote-tint:#39d99450}.moving-price[data-direction=down]{--quote-change:#ff7a86;--quote-tint:#ff7a8650}.moving-price[data-direction]:after{color:var(--quote-change);pointer-events:none;font-size:.8em;font-weight:900;line-height:1;position:absolute;top:50%;right:-.8em;transform:translateY(-50%)}.moving-price[data-direction=up]:after{content:"↑"}.moving-price[data-direction=down]:after{content:"↓"}button:has(>.moving-price[data-direction]){box-shadow:inset 0 0 0 1px var(--quote-outline,#83968c)}button:has(>.moving-price[data-direction=up]){--quote-outline:#39d994}button:has(>.moving-price[data-direction=down]){--quote-outline:#ff7a86}button.selected>.moving-price[data-direction=up]{--quote-change:#075b38}button.selected>.moving-price[data-direction=down]{--quote-change:#8b1830}@keyframes quote-change-flash{0%,22%{background:var(--quote-tint);box-shadow:0 0 0 5px var(--quote-tint)}to{background:0 0;box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.moving-price[data-direction]{outline:1px solid var(--quote-change);outline-offset:2px;animation:none}}.slip-bonus,.slip-quote-warning{overflow-wrap:anywhere;margin:8px 0;padding:8px 10px;font-size:12px;line-height:1.45;display:block}.slip-bonus{color:#bff0c5;background:#143225;border-left:3px solid #61c377}.slip-quote-warning{color:#ffe0a4;background:#392e1c;border-left:3px solid #deb25e}
