/** Shopify CDN: Minification failed

Line 22:16 Unexpected "{"
Line 22:25 Expected ":"
Line 22:28 Unexpected "{"
Line 23:15 Expected identifier but found whitespace
Line 23:17 Unexpected "{"
Line 23:27 Expected ":"

**/
 .input-container input {
    font-size: 12px;
    height: 30px;
    padding: 0;
  }
  .input {
    border-bottom: 1px solid #aaa;
    border-left: none;
    border-top: none;
    border-right: none;
  }
  .background--{{ section }}{
    background: {{ settings.background__color }};
  }
  .customer-form--form-content_container {
    padding: 2% 4% 4% 5%;
  }
  .form-content--corner-caption {
    font-size: 11px;
  }
  #cutomer-form-modal{
    display:none;
  }
  .submit-btn__container {
    display: grid;
    place-items: center;
    margin-top: 1rem;
  }
  .cutomer-form-modal--wrapper {
    background: #fff;
    width: 80%;
    height: 8%;
    margin: 0 auto;
    display: flex;
    margin-top: 3%;
    box-shadow: 3px 5px 45px 12px #3a37374f;;
  }
  div#cutomer-form-modal {
    z-index: 1000000000;
    position: fixed;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  #gender {
    -webkit-appearance: checkbox;
  }
  .gender-main__container {
    display: flex;
    justify-content: start;
    column-gap: 1rem;
    padding: 7px 0;
    margin: 8px 0px;
    border: none;
    border-bottom: 1px solid #aaa;
  }
  .gender-main__container label {
    font-weight: 500;
    font-size: 12px;
    color: gray;
    margin-top: 2px;
  }
  .gender-child__container {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
  }
  .gender-child__container input {
    font-size: 12px;
    width: 10px;
  }
  .gender-child__container span {
    margin-top: 3px;
    margin-right: 8px;
   }
  .form-content--close {
    cursor: pointer;
    font-size: 10px;
  }
  button#form-content--submit_btn {
    background: black;
    padding: 10px 30px;
    color: #fff;
    margin-top: 15px;
  }
  .customer-form--image__container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
    filter: blur(2px);
  }
  .customer-form-child--image__container img {
    filter: blur(0px);
  }
  .footer-text__container {
    padding: 10px 0;
  }
  .popup-form__input {
    color: #ff0355;
    font-size: 9px;
    padding: 10px 2.2rem;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #aaa;
  }
  .customer-form--image__container {
    width: 40%;
    position: relative;
  }
 .customer-form--form-content_container {
    width: 60%;
   background: #e2dfda54;
  }
  .customer-form-child--image__container {
    position: absolute;
    top: 30%;
    left: 25%;
    width: 50%;
    z-index: 1;
    border: 1px solid #2222222b;
  }
  .form-top-content--flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10%;
  }
  .form-content--footer_text {
    font-size: 20px;
  }
  .form-content--form {
/*     height: 75%; */
    margin: auto 0;
    width: 100%;
    padding: 3% 0;
  }
  p.form-content--form__caption {
    height: 10%;
    font-size: 11px;
    width: 80%;
  }
  .form-content--preheading{
    font-size: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  h1.form-content--heading {
    font-size: 35px;
    letter-spacing: 10px;
    text-transform: uppercase;
  }
  @media (min-width: 768px) {
    .form-top-content--flex.large-up-hide {
      display: none;
    }
  }
  
  @media (max-width: 767px) {
    .form-top-content--flex.large-up-hide {
      display: flex;
      padding: 1rem;
    }
    p.form-content--form__caption {
      width: 100%;
    }
    .form-top-content--flex.small-hide {
      display: none;
    }
    .cutomer-form-modal--wrapper {
      display: flex;
      flex-direction: column;
    }
    .customer-form--image__container, .customer-form--form-content_container {
      width: 100%;
    }
    .customer-form--image__container {
      height: 160px;
    }
    .customer-form-child--image__container {
      position: absolute;
      top: 18%;
      left: 33%;
      width: 32%;
      z-index: 1;
      border: 1px solid #2222222b;
    }
    h1.form-content--heading {
      font-size: 20px;
    }
    .form-content--preheading {
      font-size: 16px;
    }
    .cutomer-form-modal--wrapper {
      width: 85%;
    }
  }
  @media screen and (min-device-width: 768px) and (max-device-width: 990px) {
    .cutomer-form-modal--wrapper {
      width: 90%;
    }
    .form-content--heading p {
      font-size: 24px;
    }
    p.form-content--form__caption {
      width: 100%;
    }
    .input-container input {
      height: 25px;
    }
    .customer-form-child--image__container {
      left: 16%;
      width: 65%;
    }
  }