.ads-StatusPanel-wrapper {
  @apply relative
    w-full;
}

.ads-StatusPanel {
  @apply bg-gray-200
    rounded-sm
    border
    border-gray-400
    min-h-8
    h-full
    flex
    items-center;

  border-radius: 3px;
}

.ads-StatusPanel--hoverable {
  @apply duration-100;
}

.ads-StatusPanel--hoverable:hover {
  @apply border-gray-500
    bg-gray-400;
}

.ads-StatusPanel-accent {
  @apply absolute
    top-0
    left-0
    bottom-0
    border;

  border-radius: 3px 0px 0px 3px;
}

.ads-StatusPanel-accent--default {
  @apply border-gray-700;
}

.ads-StatusPanel-accent--success {
  @apply border-success;
}

.ads-StatusPanel-accent--warning {
  @apply border-caution;
}

.ads-StatusPanel-accent--danger {
  @apply border-failure;
}