.np-animated-label {
  height: 24px;
  overflow: hidden;
  position: relative;
  padding-top: 1px;
}
.np-animated-label > * {
  height: 0;
  opacity: 0;
  position: absolute;
  transform: translateX(-8px);
  transition: all 0.3s ease-in;
}
.np-animated-label--active {
  height: auto;
  opacity: 1;
  position: relative;
  top: auto;
  transform: translateX(0);
  transition: all 0.3s ease-in 0.3s;
}
.np-animated-label-option {
  border-radius: 10px;
  border-radius: var(--radius-small);
}
.np-animated-label-option:not(.disabled):hover,
.np-animated-label-option:not(.disabled):focus-visible {
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
  outline-offset: var(--ring-outline-offset);
}