.questionnaire{--jj-accent: #de7d39;max-width:62rem;margin-inline:auto}.questionnaire__intro{text-align:center;margin-block-end:clamp(2rem,4vw,3rem)}.questionnaire__eyebrow{margin:0 0 .75rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--jj-accent)}.questionnaire__heading{margin:0;text-transform:uppercase;letter-spacing:.08em}.questionnaire__body{margin-block-start:1rem}.questionnaire__body>*{margin:0 auto;max-width:54ch;opacity:.75}.questionnaire__notice{margin-block-end:1.5rem;padding:.9rem 1.1rem;border-inline-start:3px solid var(--jj-accent);background:#de7d3914}.questionnaire__notice--error{border-color:var(--color-error, #c0392b);background:#c0392b14}.questionnaire__grid{display:grid;grid-template-columns:1fr;gap:1.25rem 2rem}@media screen and (min-width:750px){.questionnaire__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{margin:0;display:flex;flex-direction:column;gap:.4rem}.field--wide{margin-block-start:1.25rem}.field label,.field legend{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.field input[type=text],.field input[type=email],.field select,.field textarea{width:100%;padding:.7rem .85rem;font:inherit;color:inherit;background:var(--color-background, #fff);border:1px solid var(--color-border, #e3e1de);border-radius:0}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--jj-accent);outline-offset:1px}.field textarea{resize:vertical}fieldset.field{border:0;padding:0}.questionnaire__checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem 1rem;margin-block-start:.6rem}.check{display:flex;align-items:center;gap:.5rem;font-size:.95rem;letter-spacing:normal;text-transform:none;opacity:1;cursor:pointer}.check input{accent-color:var(--jj-accent);width:1rem;height:1rem}.questionnaire__submit{margin-block-start:2rem;padding:.9rem 2.25rem;background:var(--jj-accent);color:#fff;border:0;font:inherit;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;cursor:pointer;transition:opacity .2s var(--animation-easing, ease)}.questionnaire__submit:hover{opacity:.88}@media(prefers-reduced-motion:reduce){.questionnaire__submit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/guide-questionnaire.css.map */