@import "../../styles/colors.scss";
@import "../../styles/fonts.scss";

.labelViewWrapperLight {
  background-color: $label_success_bg_color;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0px 0px 20px 20px;
  font-family: Poppins;
  .wrapperTextIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  p {
    font-weight: 400;
    font-size: 13px;
    color: $label_text_success;
    line-height: 19.5px;
    margin-left: 10px;
  }
}
.labelViewWrapperDark {
  background-color: $label_success_bg_color;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-family: Poppins;
  .wrapperTextIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  p {
    font-weight: 400;
    font-size: 13px;
    color: $label_text_success_dark;
    line-height: 19.5px;
    margin-left: 10px;
  }
}

.labelErrorView {
  background-color: $label_error_bg_color;
  p {
    font-weight: 400;
    font-size: 13px;
    color: $label_text_error;
    line-height: 19.5px;
  }
}

.labelErrorViewDark {
  background-color: $label_error_bg_color;
  p {
    font-weight: 400;
    font-size: 13px;
    color: $label_text_error_dark;
    line-height: 19.5px;
  }
}

.slideIn {
  animation: slideIn 1s forwards;
}

.slideOut {
  animation: slideOut 1s forwards;
}

@keyframes slideIn {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}