/* Стоковые логотипы на плитках тикеров.

   Донор рисует плитку как <span class="tbadge" aria-label="AAPL">AAPL</span>,
   и aria-label переживает гидрацию, поэтому иконка вешается селектором по нему,
   а не правкой React-чанка: бандл не трогаем, а после ре-рендера ничего не
   отваливается. Текст тикера остаётся в разметке для скринридеров и как
   запасной вариант, если картинка не загрузилась. */

.tbadge[aria-label] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 68%;
  background-color: #fff;
  color: transparent;
  overflow: hidden;
}

/* Тёмная тема: логотипы почти все на прозрачном фоне и рассчитаны на светлый,
   поэтому плитке даём собственную светлую подложку и приглушаем её яркость. */
[data-theme="dark"] .tbadge[aria-label] {
  background-color: #e8e6e1;
  filter: saturate(0.92) brightness(0.97);
}

.tbadge[aria-label="AAOI"]{background-image:url(/icons/AAOI.svg)}
.tbadge[aria-label="AAPL"]{background-image:url(/icons/AAPL.svg)}
.tbadge[aria-label="AMC"]{background-image:url(/icons/AMC.png)}
.tbadge[aria-label="AMZN"]{background-image:url(/icons/AMZN.svg)}
.tbadge[aria-label="APLD"]{background-image:url(/icons/APLD.png)}
.tbadge[aria-label="AUR"]{background-image:url(/icons/AUR.png)}
.tbadge[aria-label="CLOV"]{background-image:url(/icons/CLOV.png)}
.tbadge[aria-label="COIN"]{background-image:url(/icons/COIN.svg)}
.tbadge[aria-label="GOOGL"]{background-image:url(/icons/GOOGL.svg)}
.tbadge[aria-label="META"]{background-image:url(/icons/META.svg)}
.tbadge[aria-label="MSFT"]{background-image:url(/icons/MSFT.svg)}
.tbadge[aria-label="NVDA"]{background-image:url(/icons/NVDA.svg)}
.tbadge[aria-label="PR"]{background-image:url(/icons/PR.png)}
.tbadge[aria-label="RUN"]{background-image:url(/icons/RUN.png)}
.tbadge[aria-label="TSLA"]{background-image:url(/icons/TSLA.svg)}
.tbadge[aria-label="WYFI"]{background-image:url(/icons/WYFI.png)}
