.np-icon-button {
  border: none;
}
.np-icon-button-tertiary-default {
  color: var(--color-interactive-primary);
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
}
.np-icon-button-tertiary-default:not(.disabled):not(:disabled):hover {
  background-color: var(--color-background-neutral-hover);
}
.np-icon-button-tertiary-default:not(.disabled):not(:disabled):active {
  background-color: var(--color-background-neutral-active);
}
.np-icon-button-primary-default {
  color: var(--color-sentiment-interactive-control, var(--color-interactive-control));
  background-color: #00a2dd;
  background-color: var(--color-sentiment-interactive-primary, var(--color-interactive-accent));
}
.np-icon-button-primary-default:not(.disabled):not(:disabled):hover {
  background-color: #008fc9;
  background-color: var(--color-sentiment-interactive-primary-hover, var(--color-interactive-accent-hover));
}
.np-icon-button-primary-default:not(.disabled):not(:disabled):active {
  background-color: #0081ba;
  background-color: var(--color-sentiment-interactive-primary-active, var(--color-interactive-accent-active));
}
.np-icon-button-primary-negative {
  color: var(--color-contrast-overlay);
  background-color: var(--color-sentiment-negative-primary);
}
.np-icon-button-primary-negative:not(.disabled):not(:disabled):hover {
  background-color: var(--color-sentiment-negative-primary-hover);
}
.np-icon-button-primary-negative:not(.disabled):not(:disabled):active {
  background-color: var(--color-sentiment-negative-primary-active);
}
.np-theme-personal--bright-green .np-icon-button-primary-negative {
  color: var(--color-white);
}
.np-icon-button-minimal-default {
  color: var(--color-interactive-primary);
  background-color: #ffffff;
  background-color: var(--color-background-screen);
  background-color: transparent;
}
.np-icon-button-minimal-default:not(.disabled):not(:disabled):hover {
  background-color: var(--color-background-screen-hover);
}
.np-icon-button-minimal-default:not(.disabled):not(:disabled):active {
  background-color: var(--color-background-screen-active);
}
.np-icon-button-secondary-default {
  color: var(--color-sentiment-content-primary, var(--color-interactive-primary));
  background-color: var(--color-sentiment-interactive-secondary-neutral, var(--color-interactive-neutral));
}
.np-icon-button-secondary-default:not(.disabled):not(:disabled):hover {
  background-color: var(--color-sentiment-interactive-secondary-neutral-hover, var(--color-interactive-neutral-hover));
}
.np-icon-button-secondary-default:not(.disabled):not(:disabled):active {
  background-color: var(--color-sentiment-interactive-secondary-neutral-active, var(--color-interactive-neutral-active));
}
.np-theme-personal--bright-green .np-icon-button-secondary-default,
.np-theme-personal--forest-green .np-icon-button-secondary-default {
  color: var(--color-interactive-control);
}
.np-icon-button-secondary-negative {
  color: var(--color-sentiment-negative-primary);
  background-color: var(--color-sentiment-negative-secondary);
}
.np-icon-button-secondary-negative:not(.disabled):not(:disabled):hover {
  background-color: var(--color-sentiment-negative-secondary-hover);
}
.np-icon-button-secondary-negative:not(.disabled):not(:disabled):active {
  background-color: var(--color-sentiment-negative-secondary-active);
}
.np-theme-personal--bright-green .np-icon-button-secondary-negative {
  color: var(--color-white);
}
.np-theme-personal--forest-green .np-icon-button-secondary-negative {
  color: var(--color-contrast-overlay);
}