.ticker-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #0f3460;box-shadow:0 2px 8px rgba(0,0,0,.3);font-family:Courier New,monospace;height:36px;left:0;overflow:hidden;position:fixed;right:0;top:56px;z-index:1000}.ticker-content{align-items:center;display:inline-flex;height:100%;margin:0;padding:0;white-space:nowrap}.ticker-content.ticker-scroll{animation:scroll-left linear infinite}.ticker-item,.ticker-items{align-items:center;display:inline-flex;height:100%}.ticker-item{border-right:1px solid hsla(0,0%,100%,.1);color:#e0e0e0;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:0 20px;transition:all .3s ease}.ticker-item:hover{background:hsla(0,0%,100%,.1);transform:scale(1.05)}.ticker-item.ticker-up .ticker-price{color:#4caf50}.ticker-item.ticker-up .ticker-change{color:#66bb6a}.ticker-item.ticker-down .ticker-price{color:#f44336}.ticker-item.ticker-down .ticker-change{color:#ef5350}.ticker-item.ticker-flash{animation:ticker-flash .6s ease}.ticker-symbol{color:#fff;font-weight:700;margin-right:8px;text-transform:uppercase}.ticker-price{font-weight:600;margin-right:6px}.ticker-change{font-size:11px;margin-left:4px;opacity:.9}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes ticker-flash{0%,to{background:transparent}50%{background:rgba(255,215,0,.3);box-shadow:0 0 10px rgba(255,215,0,.5)}}body.has-ticker{padding-top:92px}@media (max-width:768px){.ticker-container{font-size:11px;height:32px}.ticker-item{padding:0 12px}.ticker-price,.ticker-symbol{font-size:11px}.ticker-change{font-size:10px}body.has-ticker{padding-top:88px}}@media (max-width:480px){.ticker-container{height:28px}.ticker-item{padding:0 10px}.ticker-symbol{font-size:10px;margin-right:6px}.ticker-price{font-size:10px}.ticker-change{display:none}body.has-ticker{padding-top:84px}}