* {
--SiteBodyColor: rgb(29,31,34);
--SiteFontColor: #ffffff;
--MenuFontColor: #ffffff;
--MenuBodyColor: rgb(17,18,19);
--LinkHoverColor: #3c6ddf;
--LinkActiveFontColor: #3c6ddf;
--TabBorderColor: rgb(17,18,19);
--TabBodyColor: rgb(255,255,255);
--TabFontColor: #000000;
--TabActiveFontColor: rgb(0,0,0);
--TabActiveBodyColor: rgb(244,218,88);
--SubscriptionButtonFillColor: rgb(244,218,88);
--DirectionButtonBodyColor: rgb(255,255,255);
--DirectionButtonFontColor: rgb(0,0,0);
--DirectionButtonBorderColor: rgb(255,255,255);
--DirectionUpButtonBodyColor: rgb(75,164,53);
--DirectionUpButtonFontColor: #ffffff;
--DirectionUpButtonBorderColor: rgb(75,164,53);
--DirectionDownButtonBodyColor: rgb(197,56,35);
--DirectionDownButtonFontColor: #ffffff;
--DirectionDownButtonBorderColor: rgb(197,56,35);
--LogoFontColor: #ffffff;
--AuthorPanelBodyColor: rgb(48,49,50);
--InstrumentGroupActiveTabBodyColor: rgb(244,218,88);
--InstrumentGroupActiveTabFontColor: rgb(0,0,0);
--AuthorNameFontColor: #ffffff;
}
.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;
}