.ticker-view{flex:1;min-width:0;height:100%;position:relative;perspective:800px;perspective-origin:112px 50%;overflow:hidden}
.ticker-view .ticker-window{display:flex;align-items:center}
.ticker-face{display:flex;align-items:stretch;min-width:0;height:100%;background:#041420}
.ticker .ticker-label{display:flex;align-items:center;justify-content:center;flex:0 0 224px;width:224px;padding:0 20px;gap:12px;font-family:var(--font-score);font-size:14px;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.ticker .ticker-label-full{border-bottom:1px solid #87b4c74d;padding-bottom:2px}
.ticker-mode-arrow{position:relative;width:10px;height:22px;flex:0 0 10px;margin-left:2px}
.ticker-mode-arrow:before,.ticker-mode-arrow:after{content:'';position:absolute;left:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}
.ticker-mode-arrow:before{top:2px;border-bottom:6px solid #5dd7e6}
.ticker-mode-arrow:after{bottom:2px;border-top:6px solid #416677}
.ticker-label[data-mode=top] .ticker-mode-arrow:before{border-bottom-color:#416677}
.ticker-label[data-mode=top] .ticker-mode-arrow:after{border-top-color:#5dd7e6}
.ticker .ticker-label:hover{background:#17364a;color:#fff}
.ticker-cube{position:absolute;inset:0 auto 0 0;transform-style:preserve-3d;pointer-events:none}
.ticker-cube-panel{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
@media(max-width:680px){
 .ticker-view{perspective-origin:36px 50%}
 .ticker .ticker-label{flex:0 0 72px;width:72px;padding:0 7px;gap:7px;font-size:8px}
 .ticker .ticker-label>i{display:none}
 .ticker-mode-arrow{width:8px;flex-basis:8px;height:18px;margin:0}
 .ticker-mode-arrow:before,.ticker-mode-arrow:after{border-left-width:4px;border-right-width:4px}
 .ticker-mode-arrow:before{border-bottom-width:5px}.ticker-mode-arrow:after{border-top-width:5px}
}