.normal-to-bold,
.icon-color-accent-button {
  transition-property: var(--theme-transition-properties), color, font-weight, filter;
}

/* Match anonyway's normal-to-bold interaction behavior. */
.normal-to-bold {
  font-size: 14px;
  font-weight: normal !important;
}

.normal-to-bold:active {
  font-weight: bold !important;
}

.focus-accent-border:focus {
  outline: none;
  border-color: var(--focus-accent-color) !important;
}

@media (hover: hover) and (pointer: fine) {
  .normal-to-bold:hover {
    font-weight: bold !important;
  }

  .icon-color-accent-button:not(:disabled):hover {
    filter: brightness(.9);
  }
}

.icon-color-accent-button:not(:disabled):active {
  filter: brightness(.9);
}
.icon-color-accent-button:focus-visible {
  outline: 1px solid var(--focus-accent-color);
  outline-offset: 2px;
}

.column-toggle-checkbox-box::after {
  transition-property: opacity, transform;
}