/* Generated by tools/render. Do not edit.
 *
 * Inline style attributes lifted out of the markup so the host's
 * `style-src 'self'` needs no unsafe-inline. Each rule is the attribute it
 * replaced, verbatim.
 */

.gs-1 { --shot-nudge:5%; }
.gs-2 { --shot-nudge:3.5%; }
.gs-3 { opacity:0.632; }
.gs-4 { opacity:0.67; }
.gs-5 { opacity:0.705; }
.gs-6 { opacity:0.739; }
.gs-7 { opacity:0.771; }
.gs-8 { opacity:0.799; }
.gs-9 { opacity:0.825; }
.gs-10 { opacity:0.847; }
.gs-11 { opacity:0.866; }
.gs-12 { opacity:0.881; }
.gs-13 { opacity:0.891; }
.gs-14 { opacity:0.898; }

/* The honeypot and the error line. Both elements are injected by this
   renderer — the theme has no honeypot at all, because Shopify screens its own
   customer forms — so their rules ship from here too. Without .trap the field
   renders as a labelled "Company" input, and api/_lib.js answers 200 to
   anything non-empty in it without recording the contact: a real person who
   fills it in, or whose browser autofills it, is dropped from the waitlist
   while being told it worked. Off-screen rather than display:none, which some
   autofillers skip and some bots detect. */
.trap {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.form-error {
  margin: var(--bg-space-md) 0 0;
  color: var(--s-accent);
  font-size: var(--bg-size-small);
}

/* The form-state wrappers are this renderer's too, and inside a .pill they
   change the layout the theme is written against. Shopify re-renders the page
   on submit, so the theme's markup carries one branch and .pill's flex children
   are the input and the button themselves — which is what the theme's rule
   .pill input { flex: 1 } is addressing. Here both branches ship so form.js can swap them without
   a round trip, and that puts a block div between .pill and its controls: the
   input stops growing, the row shrink-wraps, and the button lands ~70px short
   of the pill's right edge instead of flush against it.

   display:contents makes the wrapper layout-transparent, so the controls are
   flex children of .pill again and the theme's rule reaches them unchanged.
   Restoring the DOM shape is the fix; re-implementing the pill's layout here
   would be a second copy of it to keep in step.

   :not([hidden]) is load-bearing. A class selector beats the UA stylesheet's
   [hidden] { display: none }, so without it the hidden branch would render and
   both the form and its success message would show at once. */
.pill > .form-state:not([hidden]) { display: contents; }