html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  .indicator-form-buttons,
  .indicator-series-buttons,
  .indicator-position-buttons,
  .indicator-value-buttons,
  .indicator-frequency-buttons,
  .indicator-option-buttons,
  .indicator-config__actions,
  .desktop-digit-analysis-switcher,
  .dan-custom-search-actions
) > button,
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) :is(
  .mobile-calc-options,
  .mobile-calc-draft-actions,
  .mobile-digit-analysis-switcher,
  .dan-custom-search-actions
) button {
  border: 1px solid #8299b2 !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #788da8 0%, #5f728d 100%) !important;
  color: #f7fbff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 0 rgba(27,42,61,.3), 0 1px 2px rgba(12,24,38,.32) !important;
  font-weight: 800 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  .indicator-form-buttons,
  .indicator-series-buttons,
  .indicator-position-buttons,
  .indicator-value-buttons,
  .indicator-frequency-buttons,
  .indicator-option-buttons,
  .desktop-digit-analysis-switcher
) > button:is([aria-pressed="true"], .is-active),
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) :is(
  .mobile-calc-options,
  .mobile-digit-analysis-switcher
) button:is([aria-pressed="true"], .is-active, .is-on) {
  border-color: #a9e8ff !important;
  background: linear-gradient(180deg, #5bc4fb 0%, #2397df 100%) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.46), inset 0 -2px 0 rgba(5,73,126,.36), 0 2px 6px rgba(4,43,76,.48) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool button:not(:disabled):hover,
  html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) button:not(:disabled):hover {
    filter: brightness(1.22) saturate(1.1) !important;
  }
}