.semantic-message {
      border: 2px solid var(--bwj-black);
      background-color: var(--bwj-white);
      margin: 0;
      padding: 1rem;
    }
    .semantic-message.error {
      border-color: var(--bwj-error);
      background-color: rgba(167, 38, 8, 0.11);
    }
    .semantic-message.warning {
      border-color: var(--bwj-warning);
      background-color: rgba(255, 147, 79, 0.11);
    }
    .semantic-message.info {
      border-color: var(--bwj-info);
      background-color: rgba(56, 145, 166, 0.11);
    }
    .semantic-message.success {
      border-color: var(--bwj-success);
      background-color: rgba(55, 122, 1, 0.11);
    }
    .semantic-message {
      border: 2px solid var(--lemon-black);
      background-color: var(--lemon-white);
      margin: 0;
      padding: 1rem;
    }
    .semantic-message.error {
      border-color: var(--lemon-error);
      background-color: rgba(167, 38, 8, 0.11);
    }
    .semantic-message.warning {
      border-color: var(--lemon-warning);
      background-color: rgba(255, 147, 79, 0.11);
    }
    .semantic-message.info {
      border-color: var(--lemon-info);
      background-color: rgba(56, 145, 166, 0.11);
    }
    .semantic-message.success {
      border-color: var(--lemon-success);
      background-color: rgba(55, 122, 1, 0.11);
    }