/* Стили, которые в дизайн-системе жили инлайном в ui_kits/squadreplay/index.html
   и в tokens/base.css. Компоненты ссылаются на них по имени, поэтому файл
   обязателен на каждой странице, где монтируется экран дизайн-системы. */

/* Полоса вкладок скроллится, но трек прячем: инлайновым стилем
   ::-webkit-scrollbar не выразить, поэтому класс. */
.sr-noscroll{scrollbar-width:none;-ms-overflow-style:none}
.sr-noscroll::-webkit-scrollbar{display:none}

/* Ссылки внутри экранов — золото, как во всей системе. */
#root a{color:var(--acc)}
#root a:hover{color:var(--acc-warm)}

/* Экран дизайн-системы сам держит вертикальный ритм: style.css фиксирует
   body под плеер, внешке нужен обычный скролл документа. */
html:has(body.site){height:auto}

@keyframes friendPulse{0%,100%{box-shadow:inset 0 0 0 2px rgba(95,208,138,.2)}50%{box-shadow:inset 0 0 0 2px rgba(95,208,138,.95)}}
@keyframes flameA{0%,100%{transform:translateX(-50%) scaleY(1) skewX(0deg)}25%{transform:translateX(-50%) scaleY(1.12) skewX(3deg)}50%{transform:translateX(-50%) scaleY(.92) skewX(-4deg)}75%{transform:translateX(-50%) scaleY(1.08) skewX(2deg)}}
@keyframes flameB{0%,100%{transform:translateX(-50%) scaleY(1) skewX(0deg)}30%{transform:translateX(-50%) scaleY(.88) skewX(-3deg)}60%{transform:translateX(-50%) scaleY(1.15) skewX(4deg)}}