.live-price,.live-percent{display:inline-block;font-variant-numeric:tabular-nums;white-space:nowrap}.live-price{min-width:5ch;font-weight:700;border-radius:5px}.live-percent{font-size:11px;font-style:normal;min-width:7ch}.motion-market-label{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;font-size:10px;color:#8b7b9b}.motion-market-label>span{display:flex;align-items:center;gap:6px}.motion-market-label i{width:5px;height:5px;background:#7a58ad;border-radius:50%;animation:market-dot 2.6s ease-in-out infinite}.motion-market-label button{color:#77569c;background:#f1eaf9;padding:5px 9px;border-radius:12px;font-size:10px}.motion-ticker{overflow:hidden;background:#f8f5fc;border-block:1px solid #eee6f6}.motion-ticker-track{display:flex;width:max-content;animation:market-scroll 27s linear infinite}.motion-ticker-set{display:flex;flex-shrink:0}.motion-ticker-set button{display:flex;align-items:center;gap:10px;padding:13px 17px;font-size:11px;border-right:1px solid #eae2f2;background:transparent}.motion-ticker:hover .motion-ticker-track,.motion-ticker:focus-within .motion-ticker-track,.market-paused .motion-ticker-track,.market-paused .motion-market-label i{animation-play-state:paused}.motion-stock-price .live-price{font-size:30px}.motion-chart{width:100%;height:120px;overflow:visible}.motion-chart path{fill:none;stroke:#9970c9;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.tick-up{animation:quote-up .65s ease-out}.tick-down{animation:quote-down .65s ease-out}.motion-enter{animation:screen-enter .24s ease-out both}.sheet{animation:sheet-enter .24s ease-out}.motion-pop,.success-order{animation:small-pop .4s ease-out}.motion-wiggle{animation:sticker-wiggle .65s ease-out}.badge-detail-art .badge-flat{animation:badge-reveal .45s ease-out}.device button{transition:background-color .16s,color .16s,box-shadow .16s}.device button:active{filter:brightness(.95)}.post-sticker:active .chung-sticker{animation:sticker-wiggle .6s ease-out}.motion-confetti{position:fixed;z-index:10000;pointer-events:none}.motion-confetti i{position:absolute;width:6px;height:9px;border-radius:2px;animation:confetti-out .75s ease-out forwards}
@keyframes market-scroll{to{transform:translateX(-50%)}}@keyframes market-dot{50%{opacity:.35}}@keyframes quote-up{0%{background:#bcefd5;transform:translateY(3px)}100%{background:transparent;transform:translateY(0)}}@keyframes quote-down{0%{background:#ffd5dd;transform:translateY(-3px)}100%{background:transparent;transform:translateY(0)}}@keyframes screen-enter{from{opacity:.5;translate:12px 0}to{opacity:1;translate:0 0}}@keyframes sheet-enter{from{opacity:.5;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes small-pop{50%{scale:1.16}}@keyframes sticker-wiggle{25%{rotate:-9deg;scale:1.1}60%{rotate:6deg}100%{rotate:0deg;scale:1}}@keyframes badge-reveal{from{scale:.65;opacity:.3}65%{scale:1.1}to{scale:1;opacity:1}}@keyframes confetti-out{to{transform:translate(var(--x),var(--y)) rotate(170deg);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ticker{overflow-x:auto}.motion-ticker-set[aria-hidden]{display:none}}
