.c-notification-bar {
  align-items: center;
  background-color: var(--tme-color-warning);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 0.5rem 2.5rem 0.5rem 0.5rem;
  position: relative;
  width: 100%;
}
.c-notification-bar.c-notification-bar--error {
  background-color: var(--tme-color-danger);
}
.c-notification-bar.c-notification-bar--success {
  background-color: var(--tme-color-success);
}

.c-notification-bar__label,
.c-notification-bar__content {
  font-size: var(--tme-fs-body-16);
  line-height: var(--tme-lh-body-16);
  font-family: var(--tme-ff-body);
  color: var(--tme-color-white);
}

.c-notification-bar__label {
  font-weight: var(--tme-fw-bold);
}

.c-notification-bar__close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: auto;
  max-height: calc(100% - 1rem);
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.c-notification-bar__close span {
  display: flex;
}
.c-notification-bar__close span svg {
  max-height: 100%;
}
.c-notification-bar__close span svg line {
  stroke: var(--tme-color-white);
}