/** Shopify CDN: Minification failed

Line 8:25 The "-" operator only works if there is whitespace on both sides
Line 105:29 The "-" operator only works if there is whitespace on both sides

**/
.outer{
    max-width: calc(100% -(2* var(--mobile-content-left-right-margin)));
}

.ls-widget-button{
    margin: auto !important;
    position: static !important;
}


.custom-form_holder p:not(.custom-email_text),
  .custom-form_holder h2 {
    max-width: 324px;
    margin: 0 auto 20px;
}
.custom-form_holder p:not(.custom-email_text) {
  line-height: 150%;
  text-align: center;
}
.custom-form_holder h2 {
  text-align: center;
}

.error-msg{
  text-align: center;
}

/*FORM + ELEMENTS*/
form.flex-container {
  display: grid;
  width: calc(100% - 2em);
  max-width: 500px;
  margin: auto;
}
form.flex-container > div {
  width: auto;
  margin: 10px 0;
  padding: 0 0.2em 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;  /* Stacks label and input vertically */
}
form.flex-container > div > label {
  font-weight: 400;
  margin-bottom: 5px; /* Adds space between label and input */
}
form.flex-container > div > input {
  background: #FFF;
  padding: 0.4em 1em;
  border: 1px solid gainsboro; /* Added border */
  border-radius: 4px; /* Optional: Adds slight rounding to the corners */
  width:100%;
}

.required-star {
  color: #fd2728;
}

.custom-form_submit {
  width: 200px;
  margin: 20px auto 0;
}

.custom-email_text {
  width: 100%;
  text-align: center;
  margin: 20px auto 0;
  padding-top: 10px;
}

.ls-widget-button {
      position: relative;
      max-width: 35%;
      left: 35%;
      border-radius: 0px!important;
}
.ls-widget-container {
    left: 15%;
}
.ls-widget-input{
  background-color: #FFF !important;
  background: #FFF;
  padding: 0.4em 1em;
  border: 1px solid gainsboro; /* Added border */
  border-radius: 4px; /* Optional: Adds slight rounding to the corners */
  width:100%;
}


/* TABLET STYLES */
@media screen and (min-width: 641px){
  .ls-widget-button{
    margin: auto !important;
    position: static !important;
  }
    .outer{
      padding-top: 80px;

        max-width: calc(100% -(2* var(--tablet-content-left-right-margin)));
        margin: 0 var(--tablet-content-left-right-margin);
    }

    .custom-form_holder p:not(.custom-email_text),
      .custom-form_holder h2 {
        width: 420px;
    }

    form.flex-container {
        width: 420px;
    }
    .custom-email_text {
      width: 70%;
    }
}

/* DESKTOP STYLES */
@media screen and (min-width: 1076px) {
  .ls-widget-button{
    margin: auto !important;
    position: static !important;
  }       
  
    .outer {
        max-width: var(--large-desktop-content-max-width);
        margin: auto;
        width: 843px;
        padding: 60px 60px 0px 60px;
    }

    .custom-form_holder {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .custom-form_holder p:not(.custom-email_text),
      .custom-form_holder h2 {
        width: 400px;
    }

    form.flex-container {
        width: 466px;
    }
    .custom-email_text {
      width: 70%;
    }
}