* {
--SiteBodyColor: #ffffff;
--SiteFontColor: rgb(43,43,46);
--MenuFontColor: rgb(16,34,59);
--MenuBodyColor: rgb(255,255,255);
--LinkHoverColor: rgb(255,255,255);
--LinkActiveFontColor: rgb(255,255,255);
--TabBorderColor: rgb(127,127,136);
--TabBodyColor: #ffffff;
--TabFontColor: rgb(12,21,39);
--TabActiveFontColor: rgb(255,255,255);
--TabActiveBodyColor: rgb(200,42,99);
--SubscriptionButtonFillColor: rgb(200,42,99);
--DirectionButtonBodyColor: rgb(30,45,66);
--DirectionButtonFontColor: #ffffff;
--DirectionButtonBorderColor: rgb(30,45,66);
--DirectionUpButtonBodyColor: rgb(42,200,99);
--DirectionUpButtonFontColor: #ffffff;
--DirectionUpButtonBorderColor: rgb(42,200,99);
--DirectionDownButtonBodyColor: rgb(200,42,99);
--DirectionDownButtonFontColor: #ffffff;
--DirectionDownButtonBorderColor: rgb(200,42,99);
--LogoFontColor: #FFFFFF;
--AuthorPanelBodyColor: rgb(243,244,245);
--InstrumentGroupActiveTabBodyColor: rgb(200,42,99);
--InstrumentGroupActiveTabFontColor: rgb(255,255,255);
--AuthorNameFontColor: rgb(12,21,39);
}
.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;
}