@-webkit-keyframes delaybgcolor {
  0% {
    background-color: transparent;
  }
  99% {
    background-color: transparent;
  }
  100% {
    background-color: var(--tab-indicator-background-color-active);
  }
}
@keyframes delaybgcolor {
  0% {
    background-color: transparent;
  }
  99% {
    background-color: transparent;
  }
  100% {
    background-color: var(--tab-indicator-background-color-active);
  }
}
.neo-tab-header-button {
  background-image: var(--tab-button-background-image);
  border-radius: var(--tab-button-border-radius);
  border-width: 0;
  height: 25px;
  margin: 0;
  padding: 7px 12px 6px 12px;
  text-transform: var(--tab-button-text-transform);
}
.neo-tab-header-button:active .neo-button-glyph {
  color: var(--tab-button-glyph-color-active);
}
.neo-tab-header-button:hover {
  background-image: none;
}
.neo-tab-header-button:hover .neo-button-glyph {
  color: var(--tab-button-glyph-color-over);
}
.neo-tab-header-button.pressed {
  background-image: var(--tab-button-background-image-pressed) !important;
  cursor: default;
}
.neo-tab-header-button.pressed .neo-button-glyph {
  color: var(--tab-button-glyph-color-pressed);
}
.neo-tab-header-button.pressed .neo-tab-button-indicator {
  -webkit-animation-duration: 260ms;
          animation-duration: 260ms;
  -webkit-animation-name: delaybgcolor;
          animation-name: delaybgcolor;
  background-color: var(--tab-indicator-background-color-active);
}
.neo-tab-header-button .neo-button-glyph {
  color: var(--tab-button-glyph-color);
}
.neo-tab-header-button .neo-button-text {
  color: var(--tab-button-text-color);
}
.neo-tab-header-button .neo-tab-button-indicator {
  background-color: transparent;
  bottom: calc(var(--tab-strip-height) * -1);
  height: var(--tab-strip-height);
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}
/*# sourceMappingURL=Button.css.map */