.ads-Banner {
  @apply p-2
    gap-x-2
    rounded
    text-bodySm
    text-gray-800
    leading-[1.35];
}

.ads-Banner-icon {
  @apply flex-shrink-0;
  padding-top: 3px;
}

.ads-Banner--default {
  @apply bg-gray-300;
}

.ads-Banner--default .ads-Banner-icon {
  @apply text-gray-700;
}

.ads-Banner--danger {
  @apply bg-red-100;
}

.ads-Banner--danger .ads-Banner-icon {
  @apply text-red-600;
}

.ads-Banner--warning {
  @apply bg-gold-100;
}

.ads-Banner--warning .ads-Banner-icon {
  @apply text-gold-600;
}

.ads-Banner--success {
  @apply bg-green-100;
}

.ads-Banner--success .ads-Banner-icon {
  @apply text-green-600;
}