.ads-Banner {
  @apply p-2
    rounded
    text-bodySm
    text-gray-800
    leading-normal;
}

.ads-Banner-body {
  @apply mt-1;
}

.ads-Banner-icon {
  @apply mr-2
    text-bodyLg;
}

.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;
}
