PageSourceSearch

https://tryformula.co/76221449-d7d8-49f4-857a-4ab49ec08cca/c788e29…/_astro/Hone3.DCYv7qMQ.js

js tryformula.co collected 2026-10-05 08:40:58 UTC 12,053 bytes, 352 lines download raw bytes

1import{j as e}from"./VariantContext.DvYRgBT-.js";import t from"./MultiForm.D4m9FFxm.js";import"./index.o9bRfbtw.js";import"./zod.BaM0SVi-.js";import"./index.esm.Dtm3i1vN.js";import"./components.DkQfT8pm.js";import"./hipaa-sanitizer.BZ_9wSqq.js";import"./analytics-runtime.DMumoeD8.js";import"./ComponentStyleWrapper.CKukler5.js";import"./CTAWrapper.Bk2CWCb9.js";import"./HeaderWrapper.DTbK-Jg3.js";import"./NavbarWrapper.BgC9I2F2.js";const f=o=>{const{isFullScreen:r=!1}=o;return e.jsxs("section",{id:"Hone3",className:`hone3-wrapper${r?" hone3__fullscreen":""}`,style:{background:"var(--hone3-bg, #D2CEC4)"},children:[e.jsx("style",{children:`
2        /* Hone3 styling overrides for MultiForm */
3        .hone3-wrapper {
4          width: 100%;
5        }
6
7        /* Fullscreen mode */
8        .hone3__fullscreen #multi-form13 {
9          min-height: calc(100dvh - 52px);
10        }
11
12        .hone3-wrapper .bem_form__label-only {
13          text-align: center;
14        }
15
16        .hone3-wrapper .bem_multi-form {
17          background: transparent;
18        }
19
20        .hone3-wrapper .bem_multi-form__container {
21          max-width: 42rem;
22          padding-top: 2rem;
23          padding-bottom: 2rem;
24        }
25
26        .hone3-wrapper .bem_multi-form__title {
27          display: none;
28        }
29
30        .hone3-wrapper .bem_radio-box__option,
31        .hone3-wrapper .bem_checkbox-box__option {
32          width: 100% !important;
33        }
34
35        .hone3-wrapper .bem_multi-form__divider {
36          display: none;
37        }
38
39        /* Progress bar - line style */
40        .hone3-wrapper .bem_progress-bar {
41          height: 0.25rem;
42          background: var(--hone3-progress-bg, white);
43          border-radius: 9999px;
44          margin-bottom: 2.5rem;
45          margin-top: 0.5rem;
46          max-width: 21.875rem;
47          margin-left: auto;
48          margin-right: auto;
49          position: relative;
50          overflow: hidden;
51        }
52
53        .hone3-wrapper .bem_progress-bar__fill {
54          background: var(--hone3-progress-fill, #119555);
55        }
56
57        .hone3-wrapper .bem_progress-bar__step,
58        .hone3-wrapper .bem_progress-bar__line {
59          display: none;
60        }
61
62        /* Typography */
63        .hone3-wrapper .typo-h2,
64        .hone3-wrapper h2 {
65          font-family: 'DM Sans', sans-serif;
66          font-size: 1.5rem;
67          line-height: 1.33;
68          font-weight: 500;
69          color: var(--hone3-text-color, #1a1a1a);
70          text-align: center;
71          margin-bottom: 1.5rem;
72        }
73
74        .hone3-wrapper .typo-body,
75        .hone3-wrapper p {
76          font-family: 'DM Sans', sans-serif;
77          color: var(--hone3-text-color, #1a1a1a);
78        }
79
80        /* Form fields - radio/checkbox boxes */
81        .hone3-wrapper .bem_form-field,
82        .hone3-wrapper [data-component="Form1"] {
83          display: flex;
84          flex-direction: column;
85          align-items: center;
86        }
87
88        .hone3-wrapper .bem_radio-box,
89        .hone3-wrapper .bem_checkbox-box {
90          display: grid;
91          grid-template-columns: 1fr;
92          gap: 1rem;
93          width: 100%;
94          margin: 0 auto;
95        }
96
97        .hone3-wrapper .bem_radio-box__options {
98          margin-top: 0 !important;
99        }
100
101        .hone3-wrapper .bem_radio-box__option,
102        .hone3-wrapper .bem_checkbox-box__option {
103          width: 19.5rem;
104          min-height: 3.5rem;
105          background: var(--hone3-option-bg, white);
106          color: var(--hone3-option-text, #0e0b20);
107          font-family: 'DM Sans', sans-serif;
108          font-size: 1rem;
109          font-weight: 500;
110          padding: 0.75rem 2rem;
111          border-radius: 0.125rem;
112          border: none;
113          cursor: pointer;
114          transition: all 0.3s;
115          box-shadow: 0rem 3.9375rem 1.125rem 0rem rgba(0,0,0,0),
116                      0rem 2.5rem 1rem 0rem rgba(0,0,0,0.01),
117                      0rem 1.4375rem 0.875rem 0rem rgba(0,0,0,0.05),
118                      0rem 0.625rem 0.625rem 0rem rgba(0,0,0,0.09),
119                      0rem 0.1875rem 0.375rem 0rem rgba(0,0,0,0.1);
120        }
121
122        @media (hover: hover) {
123          .hone3-wrapper .bem_radio-box__option:hover,
124          .hone3-wrapper .bem_checkbox-box__option:hover {
125            background: var(--hone3-option-hover-bg, #0e0b20);
126            color: var(--hone3-option-hover-text, white);
127          }
128
129          .hone3-wrapper .bem_radio-box__option:hover .bem_radio-box__text,
130          .hone3-wrapper .bem_checkbox-box__option:hover .bem_checkbox-box__text {
131            color: var(--hone3-option-hover-text, white);
132          }
133        }
134
135        /* Radio-image options (cards with icons) */
136        .hone3-wrapper .bem_radio-image__option {
137          width: 100%;
138          min-height: 3.5rem;
139          background: var(--hone3-option-bg, white);
140          color: var(--hone3-option-text, #0e0b20);
141          font-family: 'DM Sans', sans-serif;
142          font-size: 1rem;
143          font-weight: 500;
144          border-radius: 0.125rem;
145          border: none;
146          cursor: pointer;
147          transition: all 0.3s;
148          box-shadow: 0rem 3.9375rem 1.125rem 0rem rgba(0,0,0,0),
149                      0rem 2.5rem 1rem 0rem rgba(0,0,0,0.01),
150                      0rem 1.4375rem 0.875rem 0rem rgba(0,0,0,0.05),
151                      0rem 0.625rem 0.625rem 0rem rgba(0,0,0,0.09),
152                      0rem 0.1875rem 0.375rem 0rem rgba(0,0,0,0.1);
153        }
154
155        @media (hover: hover) {
156          .hone3-wrapper .bem_radio-image__option:hover {
157            background: var(--hone3-option-hover-bg, #0e0b20);
158            color: var(--hone3-option-hover-text, white);
159          }
160
161          .hone3-wrapper .bem_radio-image__option:hover .bem_radio-image__text,
162          .hone3-wrapper .bem_radio-image__option:hover .bem_radio-image__icon {
163            color: var(--hone3-option-hover-text, white);
164          }
165        }
166
167        .hone3-wrapper .bem_radio-image__option--selected {
168          background: var(--hone3-option-selected-bg, #0e0b20);
169          color: var(--hone3-option-selected-text, white);
170        }
171
172        .hone3-wrapper .bem_radio-image__option--selected .bem_radio-image__text,
173        .hone3-wrapper .bem_radio-image__option--selected .bem_radio-image__icon {
174          color: var(--hone3-option-selected-text, white);
175        }
176
177        /* Focus states - remove default outlines */
178        .hone3-wrapper .bem_radio-box__input:focus,
179        .hone3-wrapper .bem_checkbox-box__input:focus,
180        .hone3-wrapper .bem_radio-image__input:focus {
181          outline: none;
182          box-shadow: none;
183        }
184
185        .hone3-wrapper .bem_radio-box__option:focus-within,
186        .hone3-wrapper .bem_checkbox-box__option:focus-within,
187        .hone3-wrapper .bem_radio-image__option:focus-within {
188          outline: none;
189          box-shadow: none;
190        }
191
192        .hone3-wrapper .bem_radio-box__option--selected,
193        .hone3-wrapper .bem_checkbox-box__option--selected {
194          background: var(--hone3-option-selected-bg, #0e0b20);
195          color: var(--hone3-option-selected-text, white);
196        }
197
198        .hone3-wrapper .bem_radio-box__option--selected .bem_radio-box__text,
199        .hone3-wrapper .bem_checkbox-box__option--selected .bem_checkbox-box__text {
200          color: var(--hone3-option-selected-text, white);
201        }
202
203        /* Step action buttons */
204        .hone3-wrapper .bem_step-actions {
205          margin-top: 2rem;
206          display: flex;
207          flex-wrap: wrap;
208          justify-content: center;
209          gap: 1rem;
210        }
211
212        .hone3-wrapper .bem_button,
213        .hone3-wrapper .bem_step-actions__submit-button {
214          position: relative;
215          background: var(--hone3-btn-bg, #f8f93f);
216          color: var(--hone3-btn-text, #0E0B20);
217          font-family: 'DM Sans', sans-serif;
218          font-size: 1rem;
219          font-weight: 500;
220          letter-spacing: 0.05rem;
221          text-transform: capitalize;
222          padding: 0.75rem 2rem;
223          border-radius: 0.125rem;
224          border: none;
225          cursor: pointer;
226          transition: all 0.3s;
227          overflow: hidden;
228        }
229
230        .hone3-wrapper .bem_step-actions__submit-button::after {
231          content: '';
232          position: absolute;
233          bottom: 0;
234          left: 0;
235          right: 0;
236          height: 2px;
237          background-color: var(--hone3-btn-underline, #0E0B20);
238          transform: scaleX(0);
239          transform-origin: left;
240          transition: transform 0.3s ease-out;
241        }
242
243        @media (hover: hover) {
244          .hone3-wrapper .bem_step-actions__submit-button:hover::after {
245            transform: scaleX(1);
246            transform-origin: left;
247          }
248
249          .hone3-wrapper .bem_step-actions__submit-button:not(:hover)::after {
250            transform-origin: right;
251          }
252        }
253
254        .hone3-wrapper .bem_step-actions__cancel-button {
255          background: transparent;
256          color: var(--hone3-backbtn-text, #000);
257          font-family: 'DM Sans', sans-serif;
258          font-weight: 500;
259          text-decoration: underline;
260          text-underline-offset: 6px;
261          border: none;
262          padding: 0.75rem 2rem;
263        }
264
265        /* CTA19 completion screen */
266        .hone3-wrapper [data-component="CTA19"],
267        .hone3-wrapper .bem_cta {
268          text-align: left;
269          max-width: 48rem;
270          margin: 2.5rem auto 0;
271        }
272
273        .hone3-wrapper .bem_cta h2,
274        .hone3-wrapper .bem_cta__heading {
275          font-family: 'DM Sans', sans-serif;
276          font-size: 2.5rem;
277          line-height: 1.25;
278          font-weight: 500;
279          color: var(--hone3-text-color, #1a1a1a);
280          margin-bottom: 1.5rem;
281          text-align: left;
282        }
283
284        .hone3-wrapper .bem_cta p,
285        .hone3-wrapper .bem_cta__description {
286          font-family: 'DM Sans', sans-serif;
287          font-size: 1rem;
288          font-weight: 400;
289          color: var(--hone3-text-color, #1a1a1a);
290          max-width: 40rem;
291          line-height: 1.6;
292          margin-bottom: 2rem;
293        }
294
295        .hone3-wrapper .bem_cta__buttons {
296          display: flex;
297          flex-direction: column;
298          align-items: flex-start;
299          gap: 1rem;
300        }
301
302        .hone3-wrapper .bem_cta__button--primary {
303          position: relative;
304          background: var(--hone3-btn-bg, #f8f93f);
305          color: var(--hone3-btn-text, #0E0B20);
306          font-family: 'DM Sans', sans-serif;
307          font-size: 1rem;
308          font-weight: 500;
309          letter-spacing: 0.05rem;
310          text-transform: capitalize;
311          padding: 0.75rem 2rem;
312          border-radius: 0.125rem;
313          text-decoration: none;
314          transition: all 0.3s;
315          overflow: hidden;
316        }
317
318        .hone3-wrapper .bem_cta__button--primary::after {
319          content: '';
320          position: absolute;
321          bottom: 0;
322          left: 0;
323          right: 0;
324          height: 2px;
325          background-color: var(--hone3-btn-underline, #0E0B20);
326          transform: scaleX(0);
327          transform-origin: left;
328          transition: transform 0.3s ease-out;
329        }
330
331        @media (hover: hover) {
332          .hone3-wrapper .bem_cta__button--primary:hover::after {
333            transform: scaleX(1);
334            transform-origin: left;
335          }
336
337          .hone3-wrapper .bem_cta__button--primary:not(:hover)::after {
338            transform-origin: right;
339          }
340        }
341
342        .hone3-wrapper .bem_cta__button--secondary,
343        .hone3-wrapper .bem_cta__button--link {
344          background: transparent;
345          color: var(--hone3-btn-text, #0E0B20);
346          font-family: 'DM Sans', sans-serif;
347          font-weight: 500;
348          text-decoration: underline;
349          text-underline-offset: 6px;
350          padding: 0.75rem 2rem;
351        }
352      `}),e.jsx(t,{name:"MultiForm13",props:o.multiForm})]})},g={multiForm:{steps:[]}};export{f as Hone3,g as Hone3Defaults};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.