/*
1 colore bottone
2 bordo/hover
3 testo
*/
.previewMailContainer {
  height: 100%;
}

.previewMail {
  height: 100%;
  padding-bottom: 1rem;
}
.previewMail > div {
  border: 1px solid var(--bg);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.previewMail > div:first-of-type {
  display: flex;
  align-items: center;
  height: 50px;
}
.previewMail > div:last-of-type {
  height: calc(100% - 50px);
  overflow-y: auto;
  margin-block: 10px;
}
.previewMail span {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}

.templateLanguageCard {
  background-color: var(--bg-light);
  border-radius: 0.5rem;
  border: 1px solid var(--bg-dark);
  padding: 0.75rem;
}
.templateLanguageCard--error {
  background-color: rgba(255, 106, 0, 0.0823529412);
  border-color: #ff6a00;
}
.templateLanguageCard--error i {
  color: #ff6a00;
}
.templateLanguageCard__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.templateLanguageCard__header img {
  width: 50px;
  border-radius: 0.25rem;
}
.templateLanguageCard__header div:last-of-type {
  margin-left: auto;
}
.templateLanguageCard__body {
  margin-block: 0.5rem;
}
.templateLanguageCard__body p {
  font-size: small;
}
.templateLanguageCard__body .error {
  background-color: #ff6a00;
  color: white;
  padding: 2px 4px;
}
.templateLanguageCard__footer {
  text-align: right;
}

/*# sourceMappingURL=Template.css.map */