.sd-flash{border-radius:3px;transition:background-color .6s cubic-bezier(0,0,.2,1) .12s}.sd-flash[data-flash=up]{background:var(--flash-up);transition:none}.sd-flash[data-flash=down]{background:var(--flash-down);transition:none}:root{--sd-bar-bid:color-mix(in srgb, var(--up) 13%, transparent);--sd-bar-ask:color-mix(in srgb, var(--down) 16%, transparent);--sd-bar-buy:color-mix(in srgb, var(--up) 12%, transparent);--sd-bar-sell:color-mix(in srgb, var(--down) 12%, transparent)}:root[data-theme=dark]{--sd-bar-bid:color-mix(in srgb, var(--up) 20%, transparent);--sd-bar-ask:color-mix(in srgb, var(--down) 24%, transparent);--sd-bar-buy:color-mix(in srgb, var(--up) 18%, transparent);--sd-bar-sell:color-mix(in srgb, var(--down) 18%, transparent)}.sd-bar{transform-origin:100%;width:100%;height:10px;transition:transform .28s var(--ease-out);border-radius:2px;position:absolute;top:calc(50% - 5px);right:0}.sd-bar[data-still]{transition:none}@keyframes sd-in{0%{opacity:0}}.sd-in{animation:sd-in .16s var(--ease-out)}@keyframes sd-wash{0%,15%{opacity:1}to{opacity:0}}.sd-wash:before{content:"";background:var(--wash);opacity:0;animation:sd-wash .6s var(--ease-out);pointer-events:none;position:absolute;inset:0}.sd-color{transition:color .15s var(--ease-out)}.sd-fade{transition:opacity .16s var(--ease-out)}@keyframes sd-fade-in{0%{opacity:0}}.sd-fade-in{animation:.12s cubic-bezier(0,0,.2,1) sd-fade-in}@media (prefers-reduced-motion:reduce){.sd-flash,.sd-flash[data-flash]{background:0 0;transition:none}.sd-in,.sd-wash:before,.sd-fade-in{animation:none}.sd-bar,.sd-color,.sd-fade{transition:none}}