* {
--SiteBodyColor: rgb(30,30,30);
--SiteFontColor: rgb(255,255,255);
--MenuFontColor: rgb(255,255,255);
--MenuBodyColor: rgb(0,0,0);
--LinkHoverColor: rgb(243,244,245);
--LinkActiveFontColor: rgb(243,244,245);
--TabBorderColor: rgb(76,144,235);
--TabBodyColor: #ffffff;
--TabFontColor: rgb(0,0,0);
--TabActiveFontColor: #ffffff;
--TabActiveBodyColor: rgb(76,144,235);
--SubscriptionButtonFillColor: rgb(27,152,224);
--DirectionButtonBodyColor: rgb(68,71,98);
--DirectionButtonFontColor: #ffffff;
--DirectionButtonBorderColor: rgb(68,71,98);
--DirectionUpButtonBodyColor: rgb(106,204,104);
--DirectionUpButtonFontColor: #ffffff;
--DirectionUpButtonBorderColor: rgb(106,204,104);
--DirectionDownButtonBodyColor: rgb(236,115,104);
--DirectionDownButtonFontColor: #ffffff;
--DirectionDownButtonBorderColor: rgb(236,115,104);
--LogoFontColor: #FFFFFF;
--AuthorPanelBodyColor: rgb(20,20,20);
--InstrumentGroupActiveTabBodyColor: rgb(27,152,224);
--InstrumentGroupActiveTabFontColor: #ffffff;
--AuthorNameFontColor: rgb(27,152,224);
}
.app-btn {
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  padding: 8px 16px;
  transition: 0.2s ease;
  border-radius: 8px;
  border: none;
}

.app-btn-small {
  font-size: 11px;
  padding: 4px 10px;
}

.app-btn-medium {
  font-size: 12px;
  padding: 8px 16px;
}

.app-btn-large {
  font-size: 14px;
  padding: 10px 20px;
}

.app-btn-primary {
  background: var(--TabActiveBodyColor);
  color: var(--TabActiveFontColor);
}

.app-btn-secondary {
  background: var(--MenuFontColor);
  color: var(--TabActiveFontColor);
  border: 1px solid #eaefef;
}