/* TODO: Add Tailwind CSS build here. */

.palata-newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 420px;
  width: 100%;
  position: relative;
}

.palata-newsletter-form label {
  font-size: 16px;
  line-height: 22px;
}

.palata-newsletter-form input[type="email"] {
  padding: 10px 0;
  font-size: 16px;
  border-bottom: 1px solid #162585;
  color: #162585;

  &.error{
    color: #E22525;
    border-color: #E22525;
  }
}
.palata-newsletter-form input[type="email"]::placeholder {
  color: rgba(22, 37, 133, 0.30);
}

.pn-newsletter-consent-label{
  display: flex;
  align-items: center;

  input[type=checkbox]{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
  }

  input[type=checkbox]:checked + span:after {
    opacity: 1;
  }

  span {
    padding-left: 30px;
    margin: 0;
    position: relative;
    font-size: 13px;
    line-height: 18px;

    &:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 18px;
      height: 18px;
      border: 1px solid #162585;
      border-radius: 3px;
    }

    &:after {
      content: "";
      position: absolute;
      display: block;
      width: 5px;
      height: 10px;
      left: 7px;
      top: calc(50% - 1px);
      border: solid #162585;
      border-width: 0 2px 2px 0;
      transform: translateY(-50%) rotate(40deg) scale(.95);
      z-index: 1;
      opacity: 0;
      transition: all .2s cubic-bezier(.25, .46, .45, .94);
      will-change: transform;
    }
  }
}

.palata-newsletter-form button{
  width: max-content;
  position: absolute;
  right: 0;
  top: 0;
}

.hidden-label{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pn-newsletter-feedback{
  font-size: 12px;
  margin-top: 0!important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}