/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.newsletter .form .gform_wrapper form .gform-body input[type='submit'], .newsletter .form .gform_wrapper form .gform-body .woocommerce-button, .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button, .klaviyo-form button,
.newsletter .form .gform_wrapper form .gform-body input:visited[type='submit'],
.newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited,
.newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited,
.klaviyo-form button:visited {
  display: inline-flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: var(--wp--preset--color--text-color);
  font-size: 16px;
  padding: 1em 1.6em;
  font-weight: 700;
  border: none;
  cursor: pointer;
  background: var(--wp--preset--color--quaternary);
  border-radius: var(--wp--custom--border-radius--small);
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
  .newsletter .form .gform_wrapper form .gform-body input:hover[type='submit'], .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:hover, .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:hover, .klaviyo-form button:hover, .newsletter .form .gform_wrapper form .gform-body input:focus[type='submit'], .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:focus, .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:focus, .klaviyo-form button:focus,
  .newsletter .form .gform_wrapper form .gform-body input:visited:hover[type='submit'],
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited:hover,
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited:hover,
  .klaviyo-form button:visited:hover,
  .newsletter .form .gform_wrapper form .gform-body input:visited:focus[type='submit'],
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited:focus,
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited:focus,
  .klaviyo-form button:visited:focus {
    background: var(--wp--preset--color--background-darker);
    color: var(--wp--preset--color--background);
    text-decoration: none;
    outline: none; }
  .newsletter .form .gform_wrapper form .gform-body input.hollow[type='submit'], .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-button, .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-Button, .klaviyo-form button.hollow,
  .newsletter .form .gform_wrapper form .gform-body input:visited.hollow[type='submit'],
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.hollow,
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.hollow,
  .klaviyo-form button:visited.hollow {
    padding: 0;
    background-color: transparent;
    font-weight: 400; }
    .newsletter .form .gform_wrapper form .gform-body input.hollow[type='submit'] .icon-chevron-right, .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-button .icon-chevron-right, .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-Button .icon-chevron-right, .klaviyo-form button.hollow .icon-chevron-right, .newsletter .form .gform_wrapper form .gform-body input.hollow[type='submit'] .icon-chevron-left, .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-button .icon-chevron-left, .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-Button .icon-chevron-left, .klaviyo-form button.hollow .icon-chevron-left,
    .newsletter .form .gform_wrapper form .gform-body input:visited.hollow[type='submit'] .icon-chevron-right,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.hollow .icon-chevron-right,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.hollow .icon-chevron-right,
    .klaviyo-form button:visited.hollow .icon-chevron-right,
    .newsletter .form .gform_wrapper form .gform-body input:visited.hollow[type='submit'] .icon-chevron-left,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.hollow .icon-chevron-left,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.hollow .icon-chevron-left,
    .klaviyo-form button:visited.hollow .icon-chevron-left {
      font-size: 10px; }
    .newsletter .form .gform_wrapper form .gform-body input.hollow:hover[type='submit'], .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-button:hover, .newsletter .form .gform_wrapper form .gform-body .hollow.woocommerce-Button:hover, .klaviyo-form button.hollow:hover,
    .newsletter .form .gform_wrapper form .gform-body input:visited.hollow:hover[type='submit'],
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.hollow:hover,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.hollow:hover,
    .klaviyo-form button:visited.hollow:hover {
      color: var(--wp--preset--color--primary); }
  .newsletter .form .gform_wrapper form .gform-body input.white[type='submit'], .newsletter .form .gform_wrapper form .gform-body .white.woocommerce-button, .newsletter .form .gform_wrapper form .gform-body .white.woocommerce-Button, .klaviyo-form button.white,
  .newsletter .form .gform_wrapper form .gform-body input:visited.white[type='submit'],
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.white,
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.white,
  .klaviyo-form button:visited.white {
    background-color: var(--wp--preset--color--white);
    padding: .7em 1.6em; }
    .newsletter .form .gform_wrapper form .gform-body input.white:hover[type='submit'], .newsletter .form .gform_wrapper form .gform-body .white.woocommerce-button:hover, .newsletter .form .gform_wrapper form .gform-body .white.woocommerce-Button:hover, .klaviyo-form button.white:hover, .newsletter .form .gform_wrapper form .gform-body input.white:focus[type='submit'], .newsletter .form .gform_wrapper form .gform-body .white.woocommerce-button:focus, .newsletter .form .gform_wrapper form .gform-body .white.woocommerce-Button:focus, .klaviyo-form button.white:focus,
    .newsletter .form .gform_wrapper form .gform-body input:visited.white:hover[type='submit'],
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.white:hover,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.white:hover,
    .klaviyo-form button:visited.white:hover,
    .newsletter .form .gform_wrapper form .gform-body input:visited.white:focus[type='submit'],
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.white:focus,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.white:focus,
    .klaviyo-form button:visited.white:focus {
      background: var(--wp--preset--color--background-darker);
      color: var(--wp--preset--color--background); }
  .newsletter .form .gform_wrapper form .gform-body input.blue[type='submit'], .newsletter .form .gform_wrapper form .gform-body .blue.woocommerce-button, .newsletter .form .gform_wrapper form .gform-body .blue.woocommerce-Button, .klaviyo-form button.blue,
  .newsletter .form .gform_wrapper form .gform-body input:visited.blue[type='submit'],
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.blue,
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.blue,
  .klaviyo-form button:visited.blue {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white); }
    .newsletter .form .gform_wrapper form .gform-body input.blue:hover[type='submit'], .newsletter .form .gform_wrapper form .gform-body .blue.woocommerce-button:hover, .newsletter .form .gform_wrapper form .gform-body .blue.woocommerce-Button:hover, .klaviyo-form button.blue:hover,
    .newsletter .form .gform_wrapper form .gform-body input:visited.blue:hover[type='submit'],
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.blue:hover,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.blue:hover,
    .klaviyo-form button:visited.blue:hover {
      background-color: var(--wp--preset--color--background-lighter);
      color: var(--wp--preset--color--text-color); }
  .newsletter .form .gform_wrapper form .gform-body input.grey[type='submit'], .newsletter .form .gform_wrapper form .gform-body .grey.woocommerce-button, .newsletter .form .gform_wrapper form .gform-body .grey.woocommerce-Button, .klaviyo-form button.grey,
  .newsletter .form .gform_wrapper form .gform-body input:visited.grey[type='submit'],
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.grey,
  .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.grey,
  .klaviyo-form button:visited.grey {
    background-color: var(--wp--preset--color--background-lighter);
    color: var(--wp--preset--color--text-color); }
    .newsletter .form .gform_wrapper form .gform-body input.grey:hover[type='submit'], .newsletter .form .gform_wrapper form .gform-body .grey.woocommerce-button:hover, .newsletter .form .gform_wrapper form .gform-body .grey.woocommerce-Button:hover, .klaviyo-form button.grey:hover,
    .newsletter .form .gform_wrapper form .gform-body input:visited.grey:hover[type='submit'],
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-button:visited.grey:hover,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-Button:visited.grey:hover,
    .klaviyo-form button:visited.grey:hover {
      background-color: var(--wp--preset--color--quaternary);
      color: var(--wp--preset--color--text-color); }

.newsletter .form-title {
  font-weight: 700;
  margin: 0 0 5px 0; }

.newsletter .form-text {
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.25em;
  margin: 0 0 30px 0; }

.newsletter .form .gform_wrapper {
  position: relative; }
  .newsletter .form .gform_wrapper form .gform-body {
    position: relative; }
    .newsletter .form .gform_wrapper form .gform-body .gform_required_legend {
      display: none; }
    .newsletter .form .gform_wrapper form .gform-body input:not([type='checkbox']):not([type='submit']):not([type='radio']),
    .newsletter .form .gform_wrapper form .gform-body textarea, .newsletter .form .gform_wrapper form .gform-body select {
      padding: 5px 15px;
      display: block;
      width: 100%;
      box-shadow: none;
      background-color: var(--wp--preset--color--white);
      border: 1px solid var(--wp--preset--color--border-gray);
      border-radius: var(--wp--custom--border-radius--medium);
      font-family: inherit; }
      .newsletter .form .gform_wrapper form .gform-body input:not([type='checkbox']):not([type='submit']):not([type='radio']):focus,
      .newsletter .form .gform_wrapper form .gform-body textarea:focus, .newsletter .form .gform_wrapper form .gform-body select:focus {
        outline: 2px solid #444462;
        outline-offset: 3px;
        border-radius: 1px; }
      .newsletter .form .gform_wrapper form .gform-body input:not([type='checkbox']):not([type='submit']):not([type='radio'])::-moz-placeholder, .newsletter .form .gform_wrapper form .gform-body textarea::-moz-placeholder, .newsletter .form .gform_wrapper form .gform-body select::-moz-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      .newsletter .form .gform_wrapper form .gform-body input:not([type='checkbox']):not([type='submit']):not([type='radio'])::placeholder,
      .newsletter .form .gform_wrapper form .gform-body textarea::placeholder, .newsletter .form .gform_wrapper form .gform-body select::placeholder {
        color: rgba(0, 0, 0, 0.5); }
    .newsletter .form .gform_wrapper form .gform-body textarea {
      max-width: 100%;
      min-height: 150px; }
    .newsletter .form .gform_wrapper form .gform-body input:not([type='checkbox']):not([type='submit']):not([type='radio']), .newsletter .form .gform_wrapper form .gform-body select {
      height: 48px; }
    .newsletter .form .gform_wrapper form .gform-body input:not([type='checkbox']) {
      border-radius: var(--wp--custom--border-radius--medium); }
    .newsletter .form .gform_wrapper form .gform-body input[type='submit'] {
      margin-top: .85rem; }
    .newsletter .form .gform_wrapper form .gform-body .gform_footer {
      padding-bottom: 0 !important; }
    .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li input,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li input {
      position: absolute;
      top: 0;
      opacity: 0;
      visibility: hidden; }
      .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li input:checked + label::before,
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li input:checked + label::before {
        background-color: var(--wp--preset--color--primary);
        border-color: var(--wp--preset--color--primary); }
      .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li input:checked + label::after,
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li input:checked + label::after {
        opacity: 1; }
    .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li label,
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li label {
      position: relative;
      padding-left: 35px;
      line-height: 26px !important;
      cursor: pointer;
      display: inline-block !important;
      width: 100%; }
      .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li label::before, .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li label::after,
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li label::before,
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li label::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0; }
      .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li label::before,
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li label::before {
        width: 24px;
        height: 24px;
        border-radius: 100%;
        border: 1px solid var(--wp--preset--color--border-color);
        background-color: transparent;
        transition: border-color ease-in-out 200ms, ease-in-out 200ms background-color; }
      .newsletter .form .gform_wrapper form .gform-body .wc_payment_methods li label::after,
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-shipping-methods li label::after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        background-color: var(--wp--preset--color--white);
        border-radius: 100%;
        opacity: 0;
        transition: ease-in-out 200ms opacity; }
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]), .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]) {
      position: relative;
      padding-left: 35px;
      line-height: 26px !important;
      cursor: pointer; }
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]):has(span), .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]):has(label), .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]):has(span), .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]):has(label) {
        line-height: normal !important; }
        .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]):has(span) label,
        .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]):has(span) span, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]):has(label) label,
        .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]):has(label) span, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]):has(span) label,
        .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]):has(span) span, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]):has(label) label,
        .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]):has(label) span {
          line-height: 26px !important; }
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]) input, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]) input {
        position: absolute;
        top: 0;
        opacity: 0;
        visibility: hidden; }
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"])::before, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"])::after, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"])::before, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"])::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0; }
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"])::before, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"])::before {
        width: 24px;
        height: 24px;
        border-radius: 100%;
        border: 1px solid var(--wp--preset--color--border-color);
        background-color: var(--wp--preset--color--white);
        transition: border-color ease-in-out 200ms, ease-in-out 200ms background-color; }
      .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"])::after, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"])::after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        background-color: var(--wp--preset--color--white);
        border-radius: 100%;
        opacity: 0;
        transition: ease-in-out 200ms opacity; }
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]:checked)::before, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]:checked)::before {
      background-color: var(--wp--preset--color--primary);
      border-color: var(--wp--preset--color--primary); }
    .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="radio"]:checked)::after, .newsletter .form .gform_wrapper form .gform-body .woocommerce-form__label:has(input[type="checkbox"]:checked)::after {
      opacity: 1; }
    .newsletter .form .gform_wrapper form .gform-body .select2-container--default .select2-selection--single {
      border: 1px solid var(--wp--preset--color--border-gray);
      border-radius: var(--wp--custom--border-radius--medium);
      height: 48px; }
      .newsletter .form .gform_wrapper form .gform-body .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 48px;
        padding: 0 15px; }
      .newsletter .form .gform_wrapper form .gform-body .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 15px;
        top: 15px;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .newsletter .form .gform_wrapper form .gform-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
          display: none; }
        .newsletter .form .gform_wrapper form .gform-body .select2-container--default .select2-selection--single .select2-selection__arrow::after {
          content: '\e908';
          font-family: Icomoon, "sans-serif";
          font-size: 8px; }
    .newsletter .form .gform_wrapper form .gform-body main .gform_footer .button {
      display: block;
      width: auto;
      margin-left: auto; }
    .newsletter .form .gform_wrapper form .gform-body main .validation_message:before {
      content: '\e90d';
      font-family: Icomoon;
      color: #c02b0a;
      font-size: 20px;
      position: relative;
      margin-right: .5em;
      top: 3px;
      margin-left: -11px; }
    .newsletter .form .gform_wrapper form .gform-body main .gfield_error legend:before {
      content: '\e90d';
      font-family: Icomoon;
      color: #c02b0a;
      font-size: 20px;
      position: relative;
      margin-right: .5em;
      top: 3px;
      font-weight: normal; }
    .newsletter .form .gform_wrapper form .gform-body input[type='email'] {
      border: none !important; }
    .newsletter .form .gform_wrapper form .gform-body .gfield--type-submit {
      position: absolute;
      top: 0;
      right: 5px;
      height: 50px;
      width: 50px; }
      .newsletter .form .gform_wrapper form .gform-body .gfield--type-submit:has(input[type="submit"]:hover)::after {
        transform: translateX(5px); }
      .newsletter .form .gform_wrapper form .gform-body .gfield--type-submit::after {
        content: '\e909';
        font-family: Icomoon, "sans-serif";
        font-size: 16px;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        transition: ease-in-out transform .2s; }
      .newsletter .form .gform_wrapper form .gform-body .gfield--type-submit input[type="submit"] {
        height: 100%;
        width: 100%;
        background-color: transparent;
        color: transparent;
        padding: 0;
        margin: 0;
        box-shadow: none; }
    .newsletter .form .gform_wrapper form .gform-body .gform_footer {
      display: none; }

.klaviyo-form [data-testid="form-component"] {
  padding: 0 !important;
  margin-block-end: 1.875rem !important; }
  .klaviyo-form [data-testid="form-component"] p {
    text-align: left !important; }
    .klaviyo-form [data-testid="form-component"] p > span {
      font-size: var(--wp--preset--font-size--small) !important; }
    .klaviyo-form [data-testid="form-component"] p:first-of-type > span {
      font-size: 1rem !important; }

.klaviyo-form input[type="email"] {
  margin-inline-end: .625rem; }
  .klaviyo-form input[type="email"]::-moz-placeholder {
    font-size: 14px !important; }
  .klaviyo-form input[type="email"]::placeholder {
    font-size: 14px !important; }

.klaviyo-form button {
  background: var(--wp--preset--color--quaternary) !important;
  color: var(--wp--preset--color--text-color) !important;
  text-decoration: none !important;
  outline: none !important;
  font-size: 14px !important;
  font-weight: 700 !important; }
  .klaviyo-form button:hover {
    background: var(--wp--preset--color--background-darker) !important;
    color: var(--wp--preset--color--background) !important; }

/*# sourceMappingURL=newsletter-form.css.map */