* {
--SiteBodyColor: #ffffff;
--SiteFontColor: rgb(12,12,12);
--MenuFontColor: rgb(10,10,10);
--MenuBodyColor: rgb(255,255,255);
--LinkHoverColor: rgb(255,255,255);
--LinkActiveFontColor: rgb(255,255,255);
--TabBorderColor: rgb(225,233,233);
--TabBodyColor: rgb(240,240,245);
--TabFontColor: #2b2b2b;
--TabActiveFontColor: #ffffff;
--TabActiveBodyColor: rgb(44,84,227);
--SubscriptionButtonFillColor: rgb(44,84,227);
--DirectionButtonBodyColor: rgb(77,77,78);
--DirectionButtonFontColor: #ffffff;
--DirectionButtonBorderColor: rgb(77,77,78);
--DirectionUpButtonBodyColor: rgba(75,216,59,0.9);
--DirectionUpButtonFontColor: #ffffff;
--DirectionUpButtonBorderColor: rgba(75,216,59,0.9);
--DirectionDownButtonBodyColor: rgba(219,55,55,0.9);
--DirectionDownButtonFontColor: #ffffff;
--DirectionDownButtonBorderColor: rgba(219,55,55,0.9);
--LogoFontColor: #FFFFFF;
--AuthorPanelBodyColor: rgb(240,240,245);
--InstrumentGroupActiveTabBodyColor: rgb(44,84,227);
--InstrumentGroupActiveTabFontColor: rgb(255,255,255);
--AuthorNameFontColor: #2b2b2b;
}
.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;
}