/* RU/EN switcher and accessibility control. Isolated from the site's original CSS. */
:root{
  --braim-control-color:#366EFF;
}
.braim-tools{display:flex;align-items:center;gap:10px}

/* Only the active language is filled. */
.braim-language-switcher{
  display:flex;
  align-items:center;
  border:2px solid var(--braim-control-color);
  border-radius:7px;
  overflow:hidden;
  background:transparent;
}
.braim-lang-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 9px;
  background:transparent;
  color:var(--braim-control-color);
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none!important;
}
.braim-lang-link+.braim-lang-link{
  border-left:1px solid var(--braim-control-color);
}
.braim-lang-link.is-active{
  background:var(--braim-control-color);
  color:#fff;
  pointer-events:none;
}

/* Fixed square eye button. It never changes size when mode is toggled. */
.braim-eye-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  flex:0 0 44px;
  width:44px;
  min-width:44px;
  max-width:44px;
  height:44px;
  min-height:44px;
  max-height:44px;
  padding:0;
  border:2px solid var(--braim-control-color);
  border-radius:7px;
  background:var(--braim-control-color);
  color:#fff;
  cursor:pointer;
  line-height:0;
  overflow:hidden;
}

/* Slender almond-shaped eye, drawn only with strokes. */
.braim-eye-toggle::before{
  content:"";
  display:block;
  width:30px;
  height:18px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 20'%3E%3Cpath d='M2 10C6.5 4.2 11.8 2 18 2s11.5 2.2 16 8c-4.5 5.8-9.8 8-16 8S6.5 15.8 2 10Z' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='10' r='3.3' fill='none' stroke='white' stroke-width='2.4'/%3E%3C/svg%3E");
}

/* Same eye plus one clean diagonal stroke when low-vision mode is ON. */
.braim-eye-toggle[aria-pressed="true"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 20'%3E%3Cpath d='M2 10C6.5 4.2 11.8 2 18 2s11.5 2.2 16 8c-4.5 5.8-9.8 8-16 8S6.5 15.8 2 10Z' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='10' r='3.3' fill='none' stroke='white' stroke-width='2.4'/%3E%3Cpath d='M5 2.5 31 17.5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.braim-tools--mobile{display:none}
@media(max-width:800px){
  .braim-tools--desktop{display:none}
  .braim-tools--mobile{display:flex;width:100%;justify-content:center;padding:5px 0 15px}
  .braim-lang-link{min-width:54px;height:46px;font-size:16px}
  .braim-eye-toggle{
    flex:0 0 46px;
    width:46px;
    min-width:46px;
    max-width:46px;
    height:46px;
    min-height:46px;
    max-height:46px;
  }
  .braim-eye-toggle::before{width:31px;height:19px}
}


/* English running ticker localization */
html[lang="en"] .stroke-animation-block,
html[lang="en"] .stroke-animation-block-rev,
html[lang="en"] .stroke-animation-block-bottom {
  background-image: url('/assets/img/index/services/stroke_en.svg');
}