@keyframes loadingDot {
  0%,
  80%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

.ads-SelectNew-loading-dot {
  @apply align-top
    h-1
    inline-block
    bg-gray-600
    rounded-full
    w-1;
}

.ads-SelectNew-loading-indicator {
  @apply inline-flex
    p-1
    self-center
    text-center
    align-middle
    justify-between
    w-6;

  transition: color 150ms;
}

.ads-SelectNew-button:focus {
  @apply shadow-focus;
}

.ads-SelectNew-button:not(:focus-visible) {
  @apply shadow-none;
}

/* Variants */
.ads-SelectNew-button--default {
  @apply border-gray-500;
}
.ads-SelectNew-button--danger {
  @apply border-failure;
}
.ads-SelectNew-button--success {
  @apply border-success;
}
.ads-SelectNew-button--warning {
  @apply border-caution;
}