/* Legacy percent badges keep white text after their background is removed. */
.public-site #coin-list .percent{color:#465970!important}
.public-site #coin-list .percent.red{color:#b3233f!important}
.public-site #coin-list .percent.green{color:#08744e!important}
html[data-theme=dark] .public-site #coin-list .percent{color:#b7c6dc!important}
html[data-theme=dark] .public-site #coin-list .percent.red{color:#ff8294!important}
html[data-theme=dark] .public-site #coin-list .percent.green{color:#46d9be!important}
.public-site #coin-list td.right>a{display:block;max-width:100%;height:auto;min-height:1.6em;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-site #coin-list th:nth-child(n+3),.public-site #coin-list td:nth-child(n+3){text-align:center;padding-left:8px;padding-right:8px}
.public-site #coin-list td.right>a,.public-site #coin-list .percent{text-align:center}
.public-site #coin-list .percent{float:none;max-width:100%}
.public-site #coin-list th.right,.public-site #coin-list td.right{text-align:center!important}
.public-site #coin-list .market-price-label-mobile{display:none}
@media(max-width:760px){
 .public-site #coin-list{width:100%;table-layout:fixed}
 .public-site #coin-list th:nth-child(1){width:14%!important;white-space:nowrap!important}
 .public-site #coin-list th:nth-child(2){width:28%!important}
 .public-site #coin-list th:nth-child(3){width:34%!important}
 .public-site #coin-list th:nth-child(9){width:24%!important}
 .public-site #coin-list th,.public-site #coin-list td:nth-child(n+3){padding-left:5px;padding-right:5px}
 .public-site #coin-list th{font-size:12px;line-height:1.5;white-space:normal}
 .public-site #coin-list th>a{line-height:1.5}
 .public-site #coin-list .market-price-label-desktop{display:none}
 .public-site #coin-list .market-price-label-mobile{display:inline-block;line-height:1.4}
 .public-site #coin-list .market-price-label-mobile small{display:block;font-size:9px;color:#70849f;white-space:nowrap;line-height:1.4}
 .public-site #coin-list td.right>a{font-size:12px}
 .public-site #coin-list .new-price[data-catalog-price]{white-space:normal;overflow:visible;text-overflow:clip}
 .public-site #coin-list tr.th{height:44px!important}
 .public-site #coin-list th{padding:6px 5px!important;font-size:12px!important;line-height:1.3!important}
 .public-site #coin-list th:nth-child(1),.public-site #coin-list td:nth-child(1){text-align:center!important}
 .public-site #coin-list tr.td{height:60px!important}
 .public-site #coin-list td{padding-top:8px!important;padding-bottom:8px!important}
}

/* Keep secondary coin names within their own row and column. */
.public-site #coin-list td:nth-child(2){padding-right:8px;vertical-align:middle}
.public-site #coin-list td:nth-child(2)>div{width:100%;min-width:0}
.public-site #coin-list .coin-list-identity{width:100%;max-width:100%;min-width:0;gap:10px}
.public-site #coin-list .coin-list-identity .icon-coin{flex:0 0 30px;width:30px;height:30px;object-fit:contain;margin:0}
.public-site #coin-list .coin-list-identity .name{flex:1 1 0%;width:0;min-width:0;max-width:100%;height:auto;margin:0;overflow:hidden}
.public-site #coin-list .coin-list-identity .en{display:block;width:100%;max-width:100%;height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-site #coin-list .coin-list-identity .cn{display:block;width:100%;max-width:100%;height:16px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
 .public-site #coin-list td:nth-child(2){padding-right:6px}
 .public-site #coin-list .coin-list-identity{gap:6px}
 .public-site #coin-list .coin-list-identity .icon-coin{flex-basis:24px;width:24px;height:24px}
 .public-site #coin-list .coin-list-identity .cn{font-size:11px}
}