.conductor-draft-usage-alert {
  margin-bottom: var(--spacing-3);
  padding: var(--spacing-2);

  border-radius: var( --radius-small-4);

  background-color: var(--blue-3);

  color: var(--slate-12);

  font-size: var(--font-size-1);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-2);

  .conductor-draft-usage-alert__content {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
  }

  .conductor-draft-usage-alert__emphasis {
    font-weight: var(--font-weight-medium);
  }

  .conductor-draft-usage-alert__message {
    flex: 1;
  }

  .conductor-draft-usage-alert__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--spacing-4);
    height: var(--spacing-4);

    border: none;

    background: transparent;

    color: var(--slate-11);

    cursor: pointer;
  }

  .conductor-draft-usage-alert__close:hover {
    color: var(--slate-12);
  }

  .conductor-draft-usage-alert__close:focus-visible {
    border-radius: var( --radius-small-4);
    outline: 2px solid var(--slate-9);
    outline-offset: 2px;
  }
}
