<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Retail survey modal */

body:has(div[role="dialog"] .klaviyo-form) {
  max-height: 100vh;
  overflow: hidden;
}

div[role="dialog"] .klaviyo-form {
  color: var(--bs-secondary);

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    
    span {
      display: inline-block;
      letter-spacing: -0.03em;
      color: var(--bs-secondary);
    }
  }

  h1 {
    line-height: 1;
  }

  p {
    color: #8D8F7E;
  }

  label {
    align-items: flex-start !important;

    &gt; div {
      font-size: 1.4rem !important;
      color: var(--bs-secondary) !important;
    }
  } 

  input {
    padding: 0 1.6rem !important;
  }

  [data-testid="form-row"] {
    [data-testid="form-component"] {
      button {
        outline-width: 0.1rem !important;
        outline-style: solid !important;
        outline-offset: 0;
        outline-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;

        &amp;::after {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          width: 1.4rem !important;
          height: 1.4rem !important;
          border-width: 2px !important;
          border-top-color: var(--bs-secondary) !important;
          border-left-color: var(--bs-secondary) !important;
          margin: 0 !important;
        }
    
        &amp;:hover, &amp;:focus, &amp;:active {
          outline-offset: 0.4rem;
          outline-color: var(--bs-secondary);
          background-color: var(--bs-primary) !important;
          color: var(--bs-secondary) !important;
        }
      }
    }
  }
} 

div[role="dialog"] {
  .klaviyo-close-form {
    background-color: var(--bs-stone-600) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    outline-width: 0.1rem !important;
    outline-style: solid !important;
    outline-offset: 0;
    outline-color: transparent;
  
    svg {
      width: 3.2rem;
      height: 3.2rem;
    }

    &amp;:hover, &amp;:focus, &amp;:active {
      outline-offset: 0.4rem;
      outline-color: var(--bs-secondary);
    }
  }
}

div[role="dialog"] .klaviyo-form [data-testid="form-component"] &gt; div:has(input[id^="survey_contact_name"]),
div[role="dialog"] .klaviyo-form [data-testid="form-component"] &gt; div:has(input[id^="survey_contact_info"]),
div[role="dialog"] .klaviyo-form [data-testid="form-component"] &gt; div:has(input[id^="survey_connection_details"]) {
  display: none !important;
}

div[role="dialog"] .klaviyo-form [data-testid="form-row"] [data-testid="form-component"] .field-visible {
  display: flex !important;
}
/* Retail survey modal end */
</pre></body></html>