(function initRivaHeader(tries) { var container = document.getElementById('questionnaire-container') || document.getElementById('questionnaire-app'); if (!container) { if (tries >= 40) { document.documentElement.style.outline = '6px solid #ef4444'; return; } return setTimeout(function () { initRivaHeader(tries + 1); }, 100); } /* ========== EDIT HERE ========== */ var T = { fontsUrl: 'https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400&family=Inter:wght@400&display=swap', fontDm: '"DM Sans",sans-serif', fontInter: 'Inter,sans-serif', bp: 768, footerBp: 900, header: { padTop: 'clamp(40px,4.4vw,48px)', padTopSm: '80px' }, color: { peach: '#E0AD8E', teal: '#3E6462', tealHover: '#2A504E', dark: '#24373E', ink: '#1D262A', sage: '#BCD2D1', gray: '#DDD', white: '#fff', page: '#EEF3F7', muted: '#737373', tls: '#89959A', unit: '#9AA3A8', placeholder: '#B5B5B5', disabled: '#CDCDCD', disabledText: '#5B5B5B', btnText: '#FAFAFA', hoverWash: '#FFFAF7', offerText: '#18734D', offerBg: '#DAF0E4', offerBorder: '#1B754F', danger: '#EF4444', dangerHover: '#DC2626' }, copy: { back: 'Back', copyright: '© 2026 Riva Health. All rights reserved.', hideHeadings: ['Shipping Address'], compactButtons: ['Apply'] }, button: { ctaHeight: 'clamp(48px,5.3vw,57px)', compactHeight: 'clamp(46px,5vw,54px)', inlineHeight: 'clamp(40px,4.4vw,48px)', inlineRadius: 'clamp(16px,1.85vw,20px)', inlinePadX: 'clamp(12px,1.85vw,20px)', inlineGap: 'clamp(6px,.74vw,8px)', inlineSize: 'clamp(13px,1.3vw,14px)', inlineLh: 'clamp(15px,1.48vw,16px)', ctaSize: 'clamp(14px,1.48vw,16px)', ctaTrack: 'clamp(.8px,.1vw,1.098px)', richHeight: 'clamp(56px,5.6vw,64px)', richPad: '0 clamp(16px,2.2vw,24px)', thumb: 'clamp(28px,2.8vw,36px)' }, consent: { box: 'clamp(22px,2.5vw,27px)', pad: 'clamp(3px,.37vw,4px)', gap: 'clamp(8px,1.1vw,12px)', size: 'clamp(13px,1.3vw,14px)', lh: 'clamp(18px,1.94vw,21px)', track: 'clamp(-.24px,-.026vw,-.28px)' }, product: { imgW: 'clamp(80px,10.4vw,112px)', imgH: 'clamp(110px,14.4vw,156px)', imgTop: 'clamp(16px,2.22vw,24px)', imgRight: 'clamp(6px,.74vw,8px)', textPad: 'clamp(88px,12.6vw,136px)', radius: 'clamp(8px,1vw,11px)' }, footerLinks: [ { href: 'https://rivahealth.co/policies/privacy-policy', label: 'Privacy Policy' }, { href: 'https://rivahealth.co/pages/cancellation-policy', label: 'Cancellation Policy' }, { href: 'https://rivahealth.co/policies/terms-of-service', label: 'Terms of Service' } ], title: { eyebrowSize: 'clamp(14px,1.67vw,18px)', eyebrowLh: 'clamp(22px,2.78vw,30px)', headingSize: 'clamp(28px,4.44vw,48px)', headingLh: 'clamp(34px,5.28vw,57px)', headingTrack: 'clamp(-1.92px,-.178vw,-1.12px)', subSize: 'clamp(15px,1.67vw,18px)', subLh: 'clamp(24px,2.78vw,30px)' }, radio: { gap: 'clamp(14px,1.6vw,17px)', height: 'clamp(74px,6.8vw,93px)', radius: 'clamp(22px,2.1vw,29px)', pad: 'clamp(18px,2.25vw,31px) clamp(12px,1.3vw,18px) clamp(18px,2.25vw,31px) clamp(24px,3.3vw,45px)', padMulti: 'clamp(12px,1.48vw,16px) clamp(16px,1.85vw,20px) clamp(12px,1.48vw,16px) clamp(18px,2.22vw,24px)', size: 'clamp(16px,1.85vw,20px)', lh: 'clamp(26px,3.06vw,33px)', track: 'clamp(-.8px,-.074vw,-.64px)', multiMain: 'clamp(14px,1.39vw,15px)', multiRest: 'clamp(12px,1.2vw,13px)', multiMainLh: 'clamp(20px,2.04vw,22px)', multiRestLh: 'clamp(16px,1.67vw,18px)', check: '2rem' }, input: { height: 'clamp(48px,4vw,54px)', padX: 'clamp(14px,1.46vw,20px)', size: '16px', lh: '22px', radius: 'clamp(8px,.8vw,11px)', taMin: 'clamp(96px,8vw,108px)', selPadRight: 'clamp(28px,2.6vw,36px)', unitPadRight: 'clamp(48px,4.7vw,64px)', unitSize: '16px' }, label: { size: 'clamp(15px,1.32vw,18px)', lh: 'clamp(25px,1.83vw,25px)', track: 'clamp(-.6px,-.053vw,-.72px)', mb: 'clamp(4px,.65vw,7px)' }, section: { size: '1.25rem', lh: '1.75rem', track: 'clamp(-1.04px,-.096vw,-.8px)', subSize: 'clamp(15px,1.67vw,18px)', subLh: 'clamp(22px,2.3vw,25px)' }, list: { ml: 'clamp(8px,1.85vw,20px)', pl: '20px' }, medCard: { radius: 'clamp(8px,1vw,11px)', pad: 'clamp(12px,1.48vw,16px) clamp(14px,1.85vw,20px)', imgW: 'clamp(52px,6.2vw,67px)', imgH: 'clamp(70px,8.3vw,90px)', titleSize: 'clamp(16px,1.67vw,18px)', titleLh: 'clamp(24px,2.96vw,32px)', titleTrack: 'clamp(-.72px,-.067vw,-.56px)', bodySize: 'clamp(13px,1.3vw,14px)', bodyLh: 'clamp(18px,1.85vw,20px)', badgeH: 'clamp(20px,2.04vw,22px)', badgeRadius: 'clamp(8px,1vw,11px)', badgeSize: 'clamp(13px,1.3vw,14px)', badgeTrack: 'clamp(-.56px,-.052vw,-.4px)' } }; /* ========== STOP — logic below ========== */ var PEACH = T.color.peach; var TEAL = T.color.teal; var TEAL_HOVER = T.color.tealHover; var DARK = T.color.dark; var INK = T.color.ink; var SAGE = T.color.sage; var GRAY = T.color.gray; var WHITE = T.color.white; var PAGE = T.color.page; var MUTED = T.color.muted; var TLS = T.color.tls; var UNIT = T.color.unit; var PLACEHOLDER = T.color.placeholder; var DISABLED = T.color.disabled; var DISABLED_TEXT = T.color.disabledText; var BTN_TEXT = T.color.btnText; var HOVER_WASH = T.color.hoverWash; var DANGER = T.color.danger; var DANGER_HOVER = T.color.dangerHover; var CHECK = ''; function set(el, styles) { if (!el) return; Object.keys(styles).forEach(function (k) { el.style.setProperty(k, styles[k], 'important'); }); } function css(id, text) { var s = document.getElementById(id); if (!s) { s = document.createElement('style'); s.id = id; document.head.appendChild(s); } s.textContent = text; } function peach(root) { if (!root) return; root.querySelectorAll('svg').forEach(function (svg) { set(svg, { fill: PEACH, color: PEACH }); svg.querySelectorAll('path').forEach(function (p) { p.setAttribute('fill', PEACH); set(p, { fill: PEACH }); }); }); } function checkSlot(card) { return card.querySelector('span.h-8.w-8') || card.querySelector('svg.h-8.w-8'); } function nativeCheckSvg(slot) { if (!slot) return null; if (slot.tagName === 'SVG') return slot.getAttribute('data-riva-hover') ? null : slot; return slot.querySelector('svg:not([data-riva-hover])'); } function fillToken(value) { return (value || '').replace(/\s/g, '').toLowerCase(); } function isPeachFill(value) { var f = fillToken(value); return f === '#e0ad8e' || f === 'rgb(224,173,142)'; } function isEmptyFill(value) { var f = fillToken(value); return !f || f === 'none' || f === 'transparent'; } function optionMarked(option) { return option.getAttribute('aria-checked') === 'true' || option.getAttribute('aria-pressed') === 'true' || /checked|selected|active/i.test(option.getAttribute('data-headlessui-state') || ''); } function platformCheckOn(svg) { if (!svg) return false; var fill = svg.style.getPropertyValue('fill'); return !isEmptyFill(fill) && !isPeachFill(fill); } function clearPaintedFill(svg) { if (!svg) return; if (isPeachFill(svg.style.getPropertyValue('fill'))) { svg.style.removeProperty('fill'); svg.style.removeProperty('color'); } svg.querySelectorAll('path').forEach(function (p) { if (isPeachFill(p.getAttribute('fill'))) p.removeAttribute('fill'); if (isPeachFill(p.style.getPropertyValue('fill'))) p.style.removeProperty('fill'); }); } function markCheck(slot, on) { if (!slot || slot.tagName === 'SVG') return; if (on) slot.setAttribute('data-riva-check', '1'); else slot.removeAttribute('data-riva-check'); } function off(btn) { return !!(btn.disabled || btn.getAttribute('aria-disabled') === 'true'); } function paint(el, s) { set(el, s); if (el) el.querySelectorAll('span, p').forEach(function (x) { set(x, s); }); } function isOtpInput(el) { if (!el || el.tagName !== 'INPUT') return false; return (el.getAttribute('autocomplete') || '').toLowerCase() === 'one-time-code'; } if (!document.getElementById('riva-fonts')) { var fl = document.createElement('link'); fl.id = 'riva-fonts'; fl.rel = 'stylesheet'; fl.href = T.fontsUrl; document.head.appendChild(fl); } css('riva-styles', [ '#questionnaire-app,#questionnaire-container{', '--riva-peach:' + PEACH + ';--riva-teal:' + TEAL + ';--riva-teal-hover:' + TEAL_HOVER + ';--riva-dark:' + DARK + ';', '--riva-ink:' + INK + ';--riva-sage:' + SAGE + ';--riva-gray:' + GRAY + ';--riva-white:' + WHITE + ';--riva-page:' + PAGE + ';', '--riva-muted:' + MUTED + ';--riva-tls:' + TLS + ';--riva-unit:' + UNIT + ';--riva-placeholder:' + PLACEHOLDER + ';', '--riva-disabled:' + DISABLED + ';--riva-disabled-text:' + DISABLED_TEXT + ';--riva-btn-text:' + BTN_TEXT + ';', '--font-brand-header-weight:400;--font-brand-body-weight:400}', 'html,body,#questionnaire-app,#questionnaire-container{background:var(--riva-page)!important;background-color:var(--riva-page)!important;width:100%!important;max-width:none!important}', '#questionnaire-app input:not([autocomplete="one-time-code"]):-webkit-autofill,#questionnaire-app input:not([autocomplete="one-time-code"]):-webkit-autofill:hover,#questionnaire-app input:not([autocomplete="one-time-code"]):-webkit-autofill:focus{', '-webkit-box-shadow:0 0 0 1000px var(--riva-white) inset!important;box-shadow:0 0 0 1000px var(--riva-white) inset!important;', '-webkit-text-fill-color:var(--riva-dark)!important;caret-color:var(--riva-dark);transition:background-color 99999s ease-out}', '#questionnaire-app input[type=number]:not([autocomplete="one-time-code"])::-webkit-outer-spin-button,#questionnaire-app input[type=number]:not([autocomplete="one-time-code"])::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}', '#questionnaire-app input[type=number]:not([autocomplete="one-time-code"]){-moz-appearance:textfield;appearance:textfield}', '#questionnaire-app input.font-brand-body:not([autocomplete="one-time-code"]),#questionnaire-app input[type=number]:not([autocomplete="one-time-code"]),#questionnaire-app input[type=text]:not([autocomplete="one-time-code"]),', '#questionnaire-app input[type=email]:not([autocomplete="one-time-code"]),#questionnaire-app input[type=tel]:not([autocomplete="one-time-code"]),#questionnaire-app input[type=password]:not([autocomplete="one-time-code"]),#questionnaire-app input[type=date]:not([autocomplete="one-time-code"]),#questionnaire-app select,textarea.font-brand-body{', 'background:var(--riva-white)!important;border:1.5px solid var(--riva-gray)!important;', 'outline:2px solid transparent!important;outline-offset:0!important;box-shadow:none!important;', 'border-radius:' + T.input.radius + '!important;color:var(--riva-dark)!important;', 'font-family:"DM Sans",sans-serif!important;font-size:' + T.input.size + '!important;line-height:' + T.input.lh + '!important;', 'height:' + T.input.height + '!important;min-height:' + T.input.height + '!important;max-height:' + T.input.height + '!important;', 'padding:0 ' + T.input.padX + '!important;box-sizing:border-box!important}', '#questionnaire-app input:not([autocomplete="one-time-code"]):hover,#questionnaire-app input:not([autocomplete="one-time-code"]):focus,#questionnaire-app input:not([autocomplete="one-time-code"]):focus-visible,#questionnaire-app input:not([autocomplete="one-time-code"]):focus-within,#questionnaire-app input:not([autocomplete="one-time-code"]):active,', '#questionnaire-app select:hover,#questionnaire-app select:focus,#questionnaire-app select:focus-visible,#questionnaire-app textarea:focus{', 'outline:2px solid transparent!important;outline-offset:0!important;box-shadow:none!important;border-width:1.5px!important;border-style:solid!important}', '#questionnaire-app input:not([autocomplete="one-time-code"]):focus,#questionnaire-app input:not([autocomplete="one-time-code"]):focus-visible,#questionnaire-app select:focus,#questionnaire-app textarea:focus{', 'border-color:' + PEACH + '!important}', 'nordpass-icon,[data-np-uid],com-1password-op-button,div[data-lastpass-icon-root],iframe[data-lastpass-root]{', 'position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;', 'width:auto!important;height:auto!important;margin:0!important;padding:0!important;flex:none!important;', 'align-self:center!important;pointer-events:auto!important;z-index:6!important}', '.relative.flex.w-full.flex-col.gap-1{position:relative!important}', '#questionnaire-app input[unit],#questionnaire-app input[placeholder="Weight"],#questionnaire-app input[placeholder="Height"]{padding:0 ' + T.input.unitPadRight + ' 0 ' + T.input.padX + '!important}', '#questionnaire-app .absolute.right-5{color:var(--riva-unit)!important;font-size:clamp(12px,.95vw,13px)!important;line-height:1!important;font-family:"DM Sans",sans-serif!important;letter-spacing:.02em!important;pointer-events:none}', '#questionnaire-app .flex.flex-col.divide-y.rounded-lg.border,#questionnaire-app .divide-y.rounded-lg.border{', 'background:var(--riva-white)!important;border:1.5px solid var(--riva-gray)!important;border-radius:8px!important;overflow:hidden!important;--border-and-line-color:var(--riva-gray)!important}', '#questionnaire-app .divide-y.rounded-lg.border > *,#questionnaire-app .divide-y.rounded-lg.border button,#questionnaire-app .divide-y.rounded-lg.border .grid{background:var(--riva-white)!important}', '#questionnaire-app .divide-y.rounded-lg.border h2{color:var(--riva-dark)!important}', '#questionnaire-app .divide-y.rounded-lg.border svg{fill:var(--riva-muted)!important}', '#questionnaire-app span.h-8.w-8.outline{', 'width:' + T.radio.check + '!important;height:' + T.radio.check + '!important;', 'min-width:' + T.radio.check + '!important;min-height:' + T.radio.check + '!important;', 'flex-shrink:0!important;box-sizing:border-box!important;overflow:hidden!important;', 'border:1.5px solid var(--riva-peach)!important;border-radius:' + T.input.radius + '!important;', 'outline:none!important;outline-offset:0!important}', '#questionnaire-app span.h-8.w-8.outline[data-riva-check="1"] svg,', '#questionnaire-app span.h-8.w-8.outline[data-riva-check="1"] svg path{', 'fill:var(--riva-peach)!important;color:var(--riva-peach)!important}', '[role="application"].flex.flex-col.gap-2.rounded-md.border{background:var(--riva-white)!important}', '#questionnaire-app div.rounded-2xl.border:not(:has([role=radio])),#questionnaire-container div.rounded-2xl.border:not(:has([role=radio])){', 'background:var(--riva-white)!important;background-color:var(--riva-white)!important}', '#questionnaire-app div:has(> img[alt="ID Photo"]),#questionnaire-container div:has(> img[alt="ID Photo"]){', 'background:var(--riva-white)!important;background-color:var(--riva-white)!important}', '#questionnaire-app button{--button-hover-color:var(--riva-teal-hover)!important;--button-selected-color:var(--riva-teal-hover)!important}', '#questionnaire-app button[class*="button-background-color"]{', '--button-background-color:var(--riva-teal)!important;--button-disabled-color:var(--riva-disabled)!important;', '--button-hover-color:var(--riva-teal-hover)!important;--button-selected-color:var(--riva-teal-hover)!important;', '--button-text-color:var(--riva-btn-text)!important;--button-icon-color:var(--riva-muted)!important;box-shadow:none!important;', 'text-transform:uppercase!important}', '#questionnaire-app button[class*="button-background-color"] span,#questionnaire-app button[class*="button-background-color"] p,', '#questionnaire-app button[class*="button-background-color"] div,#questionnaire-app button[class*="button-background-color"] strong,', '#questionnaire-app button[class*="button-background-color"] b,#questionnaire-app button[class*="button-background-color"] h1,', '#questionnaire-app button[class*="button-background-color"] h2,#questionnaire-app button[class*="button-background-color"] h3,', '#questionnaire-app button[class*="button-background-color"] h4,#questionnaire-app button[class*="button-background-color"] h5,', '#questionnaire-app button[data-riva-btn-hover="1"],#questionnaire-app button[data-riva-btn-hover="1"] span,', '#questionnaire-app button[data-riva-btn-hover="1"] p,#questionnaire-app button[data-riva-btn-hover="1"] div,', '#questionnaire-app button[data-riva-btn-hover="1"] strong,#questionnaire-app button[data-riva-btn-hover="1"] b,', '#questionnaire-app button[data-riva-btn-hover="1"] h1,#questionnaire-app button[data-riva-btn-hover="1"] h2,', '#questionnaire-app button[data-riva-btn-hover="1"] h3,#questionnaire-app button[data-riva-btn-hover="1"] h4,', '#questionnaire-app button[data-riva-btn-hover="1"] h5{text-transform:uppercase!important}', '#questionnaire-app button[class*="button-background-color"]:hover:not(:disabled),', '#questionnaire-app button[class*="button-background-color"]:focus:not(:disabled),', '#questionnaire-app button[class*="button-background-color"]:active:not(:disabled){', 'background:var(--riva-teal-hover)!important;background-color:var(--riva-teal-hover)!important}', '#questionnaire-app button[class*="button-background-color"]:disabled,', '#questionnaire-app button[class*="button-background-color"][disabled]{', 'background:var(--riva-disabled)!important;background-color:var(--riva-disabled)!important;color:var(--riva-disabled-text)!important}', '#questionnaire-app button[data-riva-btn-hover="1"]{--button-hover-color:var(--riva-teal-hover)!important;--button-selected-color:var(--riva-teal-hover)!important;--button-disabled-color:var(--riva-sage)!important}', '#questionnaire-app button[data-riva-btn-hover="1"]:hover:not(:disabled),#questionnaire-app button[data-riva-btn-hover="1"]:focus:not(:disabled),', '#questionnaire-app button[data-riva-btn-hover="1"]:active:not(:disabled){background:var(--riva-teal-hover)!important}', '#questionnaire-app button[data-riva-btn-hover="1"]:disabled,#questionnaire-app button[data-riva-btn-hover="1"][disabled]{', 'background:var(--riva-sage)!important;color:var(--riva-dark)!important;cursor:not-allowed!important}', '#questionnaire-app .riva-tls{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;', 'color:var(--riva-tls)!important;font:400 12px/1 "DM Sans",sans-serif!important;letter-spacing:1.2px!important;text-transform:uppercase!important;margin:16px 0 0!important}', '#questionnaire-app .riva-tls svg,#questionnaire-app .riva-tls svg *{fill:var(--riva-tls)!important;color:var(--riva-tls)!important;width:16px!important;height:16px!important}', '#questionnaire-app span.flex.flex-row.items-center.gap-2 > svg{fill:var(--riva-peach)!important;color:var(--riva-peach)!important}', '#questionnaire-app span.flex.flex-row.items-center.gap-2 > svg path{fill:var(--riva-peach)!important}', '#questionnaire-app .font-medium,#questionnaire-app .font-bold,#questionnaire-app .font-semibold,', '#questionnaire-app .font-brand-header,#questionnaire-app .font-brand-body,', '#questionnaire-container .font-medium,#questionnaire-container .font-bold,#questionnaire-container .font-semibold,', '#questionnaire-app h1,#questionnaire-app h2,#questionnaire-app h3,#questionnaire-app h4,', '#questionnaire-app h1 *,#questionnaire-app h2 *,#questionnaire-app h3 *,#questionnaire-app h4 *{', 'font-weight:400!important;--font-brand-header-weight:400!important;--font-brand-body-weight:400!important}', '#questionnaire-app .font-brand-body:not(input):not(textarea):not(select):not(button),', '#questionnaire-app .text-brand-body-text,', '#questionnaire-container .font-brand-body:not(input):not(textarea):not(select):not(button),', '#questionnaire-container .text-brand-body-text,', '[data-riva-dialog] .font-brand-body:not(input):not(textarea):not(select):not(button),', '[data-riva-dialog] .text-brand-body-text{', 'color:var(--riva-dark)!important;font-family:Inter,sans-serif!important}', '#questionnaire-app .font-brand-header,', '#questionnaire-app .text-brand-heading-text,', '#questionnaire-container .font-brand-header,', '#questionnaire-container .text-brand-heading-text,', '[data-riva-dialog] .font-brand-header,', '[data-riva-dialog] .text-brand-heading-text{', 'color:var(--riva-dark)!important;font-family:Inter,sans-serif!important}', '#questionnaire-app .font-brand-header.flex.items-center.gap-1,', '#questionnaire-container .font-brand-header.flex.items-center.gap-1{', 'color:var(--riva-white)!important}', '#questionnaire-app .font-brand-header.flex.items-center.gap-1 svg,', '#questionnaire-app .font-brand-header.flex.items-center.gap-1 svg path{', 'fill:var(--riva-white)!important;color:var(--riva-white)!important}', '[data-riva-dialog]{', 'background:var(--riva-white)!important;background-color:var(--riva-white)!important;', 'border-color:var(--riva-gray)!important;--global-border-color:var(--riva-gray)!important;', '--global-color-bg-hover:' + HOVER_WASH + '!important}', '[data-riva-dialog] h2{', 'color:var(--riva-dark)!important;font-family:Inter,sans-serif!important;font-weight:400!important;', 'font-size:clamp(24px,2.8vw,30px)!important;line-height:clamp(30px,3.5vw,36px)!important;letter-spacing:-.8px!important}', '[data-riva-dialog] p.font-brand-body,[data-riva-dialog] .text-brand-body-text{', 'color:var(--riva-dark)!important;font-family:Inter,sans-serif!important;font-weight:400!important;', 'font-size:clamp(15px,1.48vw,16px)!important;line-height:clamp(22px,2.3vw,25px)!important}', '[data-riva-dialog] p.font-brand-body.text-xs,[data-riva-dialog] p.mb-1.font-brand-body{', 'color:var(--riva-dark)!important;font-family:Inter,sans-serif!important;font-weight:400!important;', 'font-size:' + T.label.size + '!important;line-height:' + T.label.lh + '!important;', 'letter-spacing:' + T.label.track + '!important;margin-bottom:' + T.label.mb + '!important}', '[data-riva-dialog] header,[data-riva-dialog] header.border-b,[data-riva-dialog] > .border-b{', 'border:0!important;border-width:0!important;border-bottom:0!important;border-style:none!important}', '[data-riva-dialog] button.underline,[data-riva-dialog] button.font-brand-body.text-sm.underline{', 'color:var(--riva-tls)!important;font-family:"DM Sans",sans-serif!important;font-weight:400!important;', 'text-transform:none!important;background:transparent!important;box-shadow:none!important}', '#questionnaire-app [data-riva-dialog] button[class*="button-background-color"]:not([data-riva-dialog-danger]),', '#questionnaire-app [data-riva-dialog] button[class*="button-background-color"]:not([data-riva-dialog-danger]) span,', '#questionnaire-app [data-riva-dialog] button[class*="button-background-color"]:not([data-riva-dialog-danger]) p{', 'text-transform:uppercase!important}', '#questionnaire-app [data-riva-dialog] button[data-riva-dialog-danger="1"],', '#questionnaire-app [data-riva-dialog] button[data-riva-dialog-danger="1"] span,', '#questionnaire-app [data-riva-dialog] button[data-riva-dialog-danger="1"] p{', 'text-transform:none!important}', '#questionnaire-app [data-riva-dialog] button[data-riva-dialog-danger="1"]{', '--button-background-color:' + DANGER + '!important;--button-hover-color:' + DANGER_HOVER + '!important;', '--button-selected-color:' + DANGER_HOVER + '!important;--button-text-color:var(--riva-btn-text)!important;', 'background:' + DANGER + '!important;background-color:' + DANGER + '!important;color:var(--riva-btn-text)!important;', 'box-shadow:none!important}', '#questionnaire-app [data-riva-dialog] button[data-riva-dialog-danger="1"]:hover:not(:disabled),', '#questionnaire-app [data-riva-dialog] button[data-riva-dialog-danger="1"]:focus:not(:disabled),', '#questionnaire-app [data-riva-dialog] button[data-riva-dialog-danger="1"]:active:not(:disabled){', 'background:' + DANGER_HOVER + '!important;background-color:' + DANGER_HOVER + '!important}' ].join('')); function applyHeader() { var nav = container.querySelector('nav.flex.flex-col, nav.relative.flex.flex-col'); if (!nav) return; var shell = nav.closest('.w-full'); var progress = nav.querySelector('.h-2.w-full'); var fill = progress && progress.querySelector('.h-full'); var row = nav.querySelector('.flex.flex-row'); var back = row && row.querySelector('button'); var logo = row && row.querySelector('.ml-auto'); set(shell, { background: 'transparent', 'border-color': 'transparent', 'border-radius': '0', overflow: 'visible', 'box-shadow': 'none' }); set(nav, { position: 'relative', height: 'clamp(84px,7.7vw,105px)', overflow: 'visible', gap: '0', background: WHITE, border: '0', 'box-shadow': '0 2px 6px rgba(29,38,42,.06)' }); set(progress, { position: 'absolute', left: '0', right: '0', bottom: '0', height: '8px', margin: '0', padding: '0', background: 'transparent', 'z-index': '2', flex: 'none', order: '2' }); set(fill, { display: 'block', height: '100%', margin: '0', padding: '0', background: PEACH }); set(row, { height: '100%', padding: '0', position: 'relative', order: '1' }); set(back, { position: 'absolute', left: 'clamp(16px,2.5vw,34px)', top: 'calc(100% + clamp(18px,2.5vw,35px))', 'z-index': '5', display: 'inline-flex', 'align-items': 'center', 'justify-content': 'center', gap: 'clamp(6px,.6vw,8px)', width: 'clamp(72px,5.9vw,81px)', height: 'clamp(30px,2.4vw,33px)', margin: '0', padding: '0', background: WHITE, border: '1px solid ' + GRAY, 'border-radius': '17px', 'box-shadow': 'none' }); set(back && back.querySelector('svg'), { fill: INK, width: 'clamp(10px,.8vw,11px)', height: 'clamp(10px,.8vw,11px)' }); if (back && !back.querySelector('.riva-back-text')) back.insertAdjacentHTML('beforeend', '' + T.copy.back + ''); set(back && back.querySelector('.riva-back-text'), { color: INK, font: '400 clamp(11px,.9vw,12px)/1 "DM Sans",sans-serif', 'letter-spacing': '1.116px' }); set(logo, { position: 'absolute', left: 'clamp(24px,2.85vw,39px)', top: 'clamp(26px,2.65vw,36px)', margin: '0', width: 'clamp(74px,7.2vw,98px)', height: 'clamp(24px,2.35vw,32px)', 'min-height': '0' }); set(logo && logo.querySelector('img'), { position: 'absolute', inset: '0', width: '100%', height: '100%', display: 'block', filter: 'brightness(0) saturate(100%) invert(18%) sepia(19%) saturate(748%) hue-rotate(151deg) brightness(91%) contrast(88%)' }); } function applyFooter() { var footer = container.querySelector('footer'); if (!footer) return; var small = window.innerWidth < T.footerBp; var logo = footer.querySelector('img[alt="logo"]'); set(footer.closest('.w-full'), { background: small ? 'linear-gradient(' + DARK + ' 0 50%,' + INK + ' 50%)' : 'linear-gradient(' + DARK + ' 0 68%,' + INK + ' 68%)', height: small ? 'auto' : '250px', 'min-height': small ? '280px' : '250px' }); set(footer, { position: 'relative', display: 'block', width: '100%', height: small ? 'auto' : '250px', 'min-height': small ? '280px' : '250px', margin: '0', padding: '0', 'max-width': 'none' }); set(logo && logo.parentElement, { position: 'absolute', left: 'clamp(16px,3.7vw,40px)', top: 'clamp(24px,4.6vw,50px)', width: 'clamp(110px,14.8vw,160px)', height: 'clamp(48px,6.5vw,70px)', padding: '0', margin: '0' }); set(logo, { position: 'absolute', inset: '0', width: '100%', height: '100%', display: 'block', filter: 'brightness(0) invert(1)' }); var linksHtml = T.footerLinks.map(function (l) { return '' + l.label + ''; }).join(''); if (!footer.querySelector('.riva-footer-meta')) { footer.insertAdjacentHTML('beforeend', ''); } else if (!footer.querySelector('.riva-footer-links a')) { footer.querySelector('.riva-footer-links').innerHTML = linksHtml; } set(footer.querySelector('.riva-footer-meta'), small ? { position: 'absolute', left: '16px', right: '16px', top: '50%', bottom: '0', display: 'flex', 'flex-direction': 'column', 'align-items': 'center', 'justify-content': 'center', gap: '10px', color: SAGE, font: '400 12px/1.5 "DM Sans",sans-serif' } : { position: 'absolute', left: '40px', right: '40px', bottom: '24px', top: 'auto', display: 'flex', 'align-items': 'center', 'justify-content': 'space-between', gap: '24px', color: SAGE, font: '400 15px/1.6 "DM Sans",sans-serif' }); set(footer.querySelector('.riva-footer-copy'), { width: small ? '100%' : '280px', 'text-align': small ? 'center' : 'left', margin: '0' }); set(footer.querySelector('.riva-footer-links'), { display: 'flex', 'flex-wrap': 'wrap', 'justify-content': small ? 'center' : 'flex-end', gap: '10px 16px' }); footer.querySelectorAll('.riva-footer-links a').forEach(function (a) { set(a, { color: SAGE, 'text-decoration': 'none' }); }); } function applyBody() { var bg = PAGE; var shell = document.getElementById('questionnaire-container'); set(document.documentElement, { background: bg, width: '100%' }); set(document.body, { background: bg, width: '100%', 'max-width': 'none' }); set(shell || container, { background: bg, 'background-color': bg, width: '100%', 'max-width': 'none' }); set(container.querySelector('.questionnaire-animation'), { background: 'transparent', 'padding-top': window.innerWidth < T.bp ? T.header.padTopSm : T.header.padTop, 'padding-bottom': 'clamp(24px,4.4vw,48px)' }); set(container.querySelector('section.relative.flex, form.relative.flex'), { background: 'transparent' }); container.querySelectorAll('section.h-max, section:has(> textarea)').forEach(function (s) { set(s, { background: 'transparent', 'border-color': 'transparent' }); }); } function applyTitles() { // All title blocks on every page (not just the first match) container.querySelectorAll('.break-words').forEach(function (wrap) { var heading = wrap.querySelector('h4, h1, h2, h3'); if (!heading) return; var top = wrap.querySelector(':scope > p.uppercase, :scope > p.text-xs'); var sub = heading.nextElementSibling; if (sub && sub.tagName !== 'P') sub = null; var align = (wrap.closest('.justify-center') || wrap.classList.contains('text-center') || heading.classList.contains('text-center')) ? 'center' : 'left'; set(wrap, { gap: '0' }); set(wrap.parentElement, { gap: 'clamp(16px,1.94vw,21px)' }); paint(top, { color: PEACH, 'font-family': T.fontDm, 'font-size': T.title.eyebrowSize, 'font-style': 'normal', 'line-height': T.title.eyebrowLh, 'text-transform': 'uppercase', 'text-align': align, margin: '0 0 0', padding: '0' }); paint(heading, { color: DARK, 'text-align': align, 'font-family': T.fontInter, 'font-size': T.title.headingSize, 'font-style': 'normal', 'line-height': T.title.headingLh, 'letter-spacing': T.title.headingTrack }); paint(sub, { color: DARK, 'text-align': align, 'font-family': T.fontInter, 'font-size': T.title.subSize, 'font-style': 'normal', 'line-height': T.title.subLh, 'text-transform': 'none', margin: '0', padding: '0' }); }); container.querySelectorAll('p.font-brand-body').forEach(function (p) { if (!/^make sure that:?$/i.test((p.textContent || '').trim())) return; set(p, { color: DARK, font: '400 clamp(16px,1.67vw,18px)/clamp(24px,2.96vw,32px) Inter,sans-serif', 'letter-spacing': '-0.72px', 'margin-bottom': 'clamp(10px,.93vw,14px)' }); peach(p.parentElement); }); } function isSectionHeading(el) { if (!el || !/^H[234]$/.test(el.tagName)) return false; var cls = el.className || ''; if (el.closest('.break-words')) return false; if (el.closest('.rounded-2xl.border, [role="radiogroup"], nav, footer')) return false; if (/\bfont-brand-header\b|\bfont-extrabold\b|\bfont-brand-body\b/.test(cls)) return false; return /\bfont-velasans-gx\b/.test(cls) && /\btext-sm\b/.test(cls); } function applySectionHeadings() { container.querySelectorAll('h4, h3, h2').forEach(function (el) { if (!isSectionHeading(el)) return; paint(el, { color: DARK, 'text-align': 'left', 'font-family': T.fontInter, 'font-size': T.section.size, 'font-style': 'normal', 'font-weight': '400', 'line-height': T.section.lh, 'letter-spacing': T.section.track }); var sub = el.nextElementSibling; if (sub && sub.tagName === 'P') { paint(sub, { color: DARK, 'text-align': 'left', 'font-family': T.fontInter, 'font-size': T.section.subSize, 'font-style': 'normal', 'font-weight': '400', 'line-height': T.section.subLh, 'letter-spacing': '-0.72px' }); } }); } function applyInputs() { container.querySelectorAll('[role="radiogroup"], ol.flex.flex-col, form ol').forEach(function (g) { set(g, { gap: T.radio.gap, width: '100%' }); }); container.querySelectorAll('[role="radio"], ol button[type="button"], form ol > button').forEach(function (option) { var isRadio = option.getAttribute('role') === 'radio'; var card = isRadio ? option.firstElementChild : option; if (!card) return; var text = isRadio ? card.firstElementChild : (card.querySelector('.line-clamp-2') || card.querySelector('.font-brand-body') || card); var slot = checkSlot(card); var native = nativeCheckSvg(slot); clearPaintedFill(native); var selected = optionMarked(option) || platformCheckOn(native); var active = selected || option.dataset.rivaHover === '1'; var lines = card.querySelectorAll('p'); var multi = lines.length > 1; set(option, { width: '100%' }); set(card, { position: 'relative', height: multi ? 'auto' : T.radio.height, 'min-height': multi ? 'auto' : T.radio.height, background: WHITE, border: active ? '1.5px solid ' + PEACH : '1px solid ' + GRAY, 'border-radius': T.radio.radius, padding: multi ? T.radio.padMulti : T.radio.pad, color: DARK, 'box-shadow': 'none', outline: 'none', '--tw-ring-color': 'transparent', '--tw-ring-shadow': '0 0 #0000', '--tw-ring-offset-shadow': '0 0 #0000', 'align-items': 'center', cursor: 'pointer', transition: 'border-color .16s,background-color .16s' }); if (multi) { lines.forEach(function (p, i) { set(p, { color: DARK, 'font-family': T.fontInter, 'font-size': i ? T.radio.multiRest : T.radio.multiMain, 'font-style': 'normal', 'line-height': i ? T.radio.multiRestLh : T.radio.multiMainLh, 'letter-spacing': '-0.4px', margin: '0' }); }); } else { paint(text, { color: DARK, 'font-family': T.fontInter, 'font-size': T.radio.size, 'font-style': 'normal', 'line-height': T.radio.lh, 'letter-spacing': T.radio.track }); } if (slot) { var holder = slot.tagName === 'SVG' ? slot.parentElement : slot; if (native) markCheck(slot, selected); else { if (active && holder && !holder.querySelector('svg')) holder.insertAdjacentHTML('beforeend', CHECK); if (!active && holder) holder.querySelectorAll('[data-riva-hover]').forEach(function (el) { el.remove(); }); peach(holder); } } if (option.dataset.rivaInputEvents) return; option.dataset.rivaInputEvents = '1'; option.addEventListener('mouseenter', function () { option.dataset.rivaHover = '1'; var el = isRadio ? option.firstElementChild : option; set(el, { border: '1.5px solid ' + PEACH }); var s = el && checkSlot(el); var h = s && (s.tagName === 'SVG' ? s.parentElement : s); if (h && !nativeCheckSvg(s) && !h.querySelector('svg')) { h.insertAdjacentHTML('beforeend', CHECK); peach(h); } }); option.addEventListener('mouseleave', function () { delete option.dataset.rivaHover; applyInputs(); }); option.addEventListener('mousedown', function () { set(isRadio ? option.firstElementChild : option, { background: HOVER_WASH }); }); option.addEventListener('mouseup', applyInputs); option.addEventListener('click', function () { setTimeout(applyInputs, 30); }); }); } function applyTextInputs() { container.querySelectorAll('[role="group"].flex.w-full.items-center, input.font-brand-body, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="date"], input[placeholder], select, textarea').forEach(function (el) { if (isOtpInput(el)) return; if (el.getAttribute && el.getAttribute('role') === 'group' && el.querySelector('input, select, textarea')) return; var unit = !!(el.getAttribute && (el.getAttribute('unit') || /^(weight|height)$/i.test(el.getAttribute('placeholder') || ''))); var ta = el.tagName === 'TEXTAREA', sel = el.tagName === 'SELECT'; var h = T.input.height; var padX = T.input.padX; var on = document.activeElement === el; set(el, { height: ta ? 'auto' : h, 'min-height': ta ? T.input.taMin : h, 'max-height': ta ? 'none' : h, width: '100%', background: WHITE, border: '1.5px solid ' + (on ? PEACH : GRAY), outline: '2px solid transparent', 'outline-offset': '0', 'box-shadow': 'none', 'border-radius': T.input.radius, 'box-sizing': 'border-box', padding: sel ? ('0 ' + T.input.selPadRight + ' 0 ' + padX) : (ta ? ('clamp(10px,.9vw,12px) ' + padX) : (unit ? ('0 ' + T.input.unitPadRight + ' 0 ' + padX) : ('0 ' + padX))), color: DARK, 'font-family': T.fontDm, 'font-size': unit ? T.input.unitSize : T.input.size, 'line-height': T.input.lh, '--input-text-color': DARK, '--input-border-color': GRAY, '--input-border-hover-color': GRAY, '--input-border-focus-color': PEACH, '--input-placeholder-color': PLACEHOLDER, '--bg-color': WHITE }); if (el.dataset.rivaTextEvents) return; el.dataset.rivaTextEvents = '1'; el.addEventListener('focus', function () { set(el, { border: '1.5px solid ' + PEACH, outline: '2px solid transparent', 'outline-offset': '0', 'box-shadow': 'none', background: WHITE }); }); el.addEventListener('blur', function () { set(el, { border: '1.5px solid ' + GRAY, outline: '2px solid transparent', 'outline-offset': '0', 'box-shadow': 'none' }); }); }); container.querySelectorAll('span.font-brand-body').forEach(function (lab) { if (lab.closest('[id^="headlessui-label"], [role="switch"]')) return; if (lab.previousElementSibling && lab.previousElementSibling.getAttribute('role') === 'switch') return; if (lab.querySelector('svg')) return; if (/industry leading encryption/i.test(lab.textContent || '')) return; var wrap = lab.closest('.flex.flex-col, .relative.flex.w-full'); if (!wrap || !wrap.querySelector('input, select, textarea')) return; if (lab.closest('[role="radio"], [role="radiogroup"], nav, footer')) return; set(lab, { color: DARK, 'font-family': T.fontInter, 'font-size': T.label.size, 'font-style': 'normal', 'line-height': T.label.lh, 'letter-spacing': T.label.track, 'margin-bottom': T.label.mb }); }); } function applyConsent() { container.querySelectorAll('[role="switch"]').forEach(function (box) { var on = box.getAttribute('aria-checked') === 'true'; var hover = box.dataset.rivaHover === '1'; set(box, { width: T.consent.box, height: T.consent.box, 'min-width': T.consent.box, 'min-height': T.consent.box, 'border-radius': '0', border: '1.5px solid ' + (on ? TEAL : (hover ? PEACH : GRAY)), background: on ? TEAL : WHITE, padding: T.consent.pad, 'box-shadow': 'none', outline: 'none', cursor: 'pointer', 'flex-shrink': '0', 'align-self': 'flex-start', '--tw-ring-shadow': '0 0 #0000', '--tw-ring-offset-shadow': '0 0 #0000' }); var img = box.querySelector('img'); if (img) set(img, { filter: 'brightness(0) invert(1)', display: on ? 'block' : 'none' }); if (!box.dataset.rivaConsentEvents) { box.dataset.rivaConsentEvents = '1'; box.addEventListener('mouseenter', function () { box.dataset.rivaHover = '1'; if (!on) set(box, { border: '1.5px solid ' + PEACH }); }); box.addEventListener('mouseleave', function () { delete box.dataset.rivaHover; applyConsent(); }); } }); container.querySelectorAll('[role="switch"] + p, [role="switch"] + span, [id^="headlessui-label"] span.inline-flex').forEach(function (p) { set(p, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': T.consent.size, 'font-style': 'normal', 'font-weight': '400', 'line-height': T.consent.lh, 'letter-spacing': T.consent.track, margin: '0' }); p.querySelectorAll('a').forEach(function (a) { set(a, { color: DARK, 'text-decoration': 'underline', 'font-family': 'Inter,sans-serif', 'font-size': T.consent.size, 'font-style': 'normal', 'font-weight': '400', 'line-height': T.consent.lh, 'letter-spacing': T.consent.track }); }); }); container.querySelectorAll('[id^="headlessui-label"]').forEach(function (row) { set(row, { color: DARK, gap: T.consent.gap, 'align-items': 'flex-start' }); }); } function isBack(btn) { var t = (btn.textContent || '').trim().toLowerCase(); return t === T.copy.back.toLowerCase() || btn.getAttribute('title') === T.copy.back; } function isPrimaryCta(btn) { if (!btn || btn.tagName !== 'BUTTON') return false; if (btn.closest('[data-riva-dialog], [role="dialog"]')) return false; if (isBack(btn)) return false; if (btn.getAttribute('role') === 'radio' || btn.closest('[role="radiogroup"]')) return false; if (btn.classList.contains('rounded-2xl') && btn.querySelector('h1.font-brand-header')) return false; var mark = (btn.className || '') + (btn.getAttribute('style') || ''); return /button-background-color|--button-/.test(mark); } function isCompactCta(btn) { var t = (btn.textContent || '').trim().toLowerCase(); return T.copy.compactButtons.some(function (label) { return label.toLowerCase() === t; }); } function isViewportHidden(btn) { var c = ' ' + (btn.className || '') + ' '; var sm = window.innerWidth < T.bp; if (sm && /\bhidden\b/.test(c) && /\bmd:block\b/.test(c)) return true; if (!sm && /\bmd:hidden\b/.test(c)) return true; return false; } function isInlineCta(btn) { var p = btn && btn.parentElement; if (!p) return false; if (p.tagName === 'FORM' || p.querySelector('input, select, textarea')) return false; if (!onlyCtaChildren(p)) return false; var row = Array.prototype.filter.call(p.children, function (el) { return el.tagName === 'BUTTON' && isPrimaryCta(el) && !isViewportHidden(el); }); return row.length >= 2; } function onlyCtaChildren(el) { if (!el) return false; var i, n, kids = el.children; if (!kids.length) return false; for (i = 0; i < kids.length; i++) { n = kids[i]; if (n.tagName === 'BUTTON') continue; if ((n.textContent || '').replace(/\s+/g, '')) return false; } return true; } function isRichCta(btn) { return !!(btn.querySelector('img') || btn.querySelector('.justify-between')); } function uppercaseCtaText(btn) { set(btn, { 'text-transform': 'uppercase' }); btn.querySelectorAll('span, p, h1, h2, h3, h4, h5, div, strong, b, label').forEach(function (el) { set(el, { 'text-transform': 'uppercase' }); }); } function applyButtons() { container.querySelectorAll('.sticky.bottom-0, .flex.flex-grow.justify-end.py-10').forEach(function (el) { set(el, { background: 'transparent', 'background-color': 'transparent' }); }); container.querySelectorAll('button').forEach(function (btn) { if (!isPrimaryCta(btn)) return; set(btn, { '--button-background-color': TEAL, '--button-disabled-color': DISABLED, '--button-hover-color': TEAL_HOVER, '--button-selected-color': TEAL_HOVER, '--button-text-color': BTN_TEXT, '--button-icon-color': MUTED, 'box-shadow': 'none' }); }); container.querySelectorAll('button').forEach(function (btn) { if (!isPrimaryCta(btn)) return; if (isViewportHidden(btn)) return; var inline = isInlineCta(btn); var compact = !inline && isCompactCta(btn); var rich = !inline && !compact && isRichCta(btn); var disabled = off(btn); var bg = disabled ? SAGE : TEAL, fg = disabled ? DARK : WHITE; if (inline) { set(btn.parentElement, { display: 'flex', width: '100%', gap: T.button.inlineGap, 'flex-direction': 'row', 'justify-content': 'stretch', 'align-items': 'stretch', padding: '0', margin: '0', background: 'transparent' }); } else if (!compact) { if (onlyCtaChildren(btn.parentElement && btn.parentElement.parentElement)) { set(btn.parentElement.parentElement, { position: 'static', width: '100%', margin: '0', 'justify-content': 'center', 'align-items': 'stretch', background: 'transparent' }); } if (onlyCtaChildren(btn.parentElement)) { set(btn.parentElement, { display: 'flex', width: '100%', 'justify-content': 'center', 'align-items': 'stretch', padding: '16px 0 0', margin: '0', background: 'transparent' }); } } else { set(btn.parentElement, { display: 'flex', 'align-items': 'center', gap: '12px', background: 'transparent' }); } if (rich) { set(btn, { display: 'flex', 'align-items': 'center', 'justify-content': 'stretch', width: '100%', 'max-width': '100%', 'min-width': '0', height: T.button.richHeight, 'min-height': T.button.richHeight, 'max-height': 'none', padding: T.button.richPad, margin: '0', background: bg, color: fg, 'border-radius': '9999px', border: '0', 'box-shadow': 'none', 'text-transform': 'uppercase', 'letter-spacing': T.button.ctaTrack, font: '400 ' + T.button.ctaSize + '/1 ' + T.fontDm, cursor: disabled ? 'not-allowed' : 'pointer', 'flex-shrink': '0', 'box-sizing': 'border-box', '--button-background-color': bg, '--button-disabled-color': SAGE, '--button-hover-color': TEAL_HOVER, '--button-selected-color': TEAL_HOVER, '--button-text-color': fg }); var row = btn.querySelector(':scope > div') || btn.querySelector('.justify-between'); set(row, { display: 'flex', width: '100%', 'align-items': 'center', 'justify-content': 'space-between', gap: '12px', padding: '0', margin: '0' }); btn.querySelectorAll('img').forEach(function (img) { var hold = img.parentElement; set(hold, { width: T.button.thumb, height: T.button.thumb, 'min-width': T.button.thumb, 'min-height': T.button.thumb, 'flex-shrink': '0', position: 'relative', overflow: 'hidden', 'border-radius': '8px' }); set(img, { 'border-radius': '8px', 'object-fit': 'cover' }); }); btn.querySelectorAll('i').forEach(function (icon) { set(icon, { background: fg, color: fg, fill: fg, 'flex-shrink': '0' }); }); uppercaseCtaText(btn); btn.dataset.rivaBtnHover = '1'; return; } set(btn, inline ? { display: 'flex', 'align-items': 'center', 'justify-content': 'center', flex: '1', width: 'auto', 'max-width': 'none', 'min-width': '0', height: T.button.inlineHeight, 'min-height': T.button.inlineHeight, 'max-height': T.button.inlineHeight, padding: '0 ' + T.button.inlinePadX, margin: '0', background: bg, color: fg, 'border-radius': T.button.inlineRadius, border: '0', 'box-shadow': 'none', 'text-transform': 'uppercase', 'letter-spacing': 'normal', 'line-height': '1', font: '700 ' + T.button.inlineSize + '/' + T.button.inlineLh + ' ' + T.fontDm, cursor: disabled ? 'not-allowed' : 'pointer', 'flex-shrink': '1', '--button-background-color': bg, '--button-disabled-color': SAGE, '--button-hover-color': TEAL_HOVER, '--button-selected-color': TEAL_HOVER, '--button-text-color': fg } : { width: compact ? 'auto' : '100%', 'max-width': compact ? 'none' : '100%', 'min-width': compact ? '120px' : '0', height: compact ? T.button.compactHeight : T.button.ctaHeight, 'min-height': compact ? T.button.compactHeight : T.button.ctaHeight, 'max-height': 'none', padding: compact ? '0 28px' : '0', margin: '0', background: bg, color: fg, 'border-radius': '9999px', border: '0', 'box-shadow': 'none', 'text-transform': 'uppercase', 'letter-spacing': T.button.ctaTrack, font: '400 ' + T.button.ctaSize + '/1 ' + T.fontDm, cursor: disabled ? 'not-allowed' : 'pointer', 'flex-shrink': '0', '--button-background-color': bg, '--button-disabled-color': SAGE, '--button-hover-color': TEAL_HOVER, '--button-selected-color': TEAL_HOVER, '--button-text-color': fg }); uppercaseCtaText(btn); btn.dataset.rivaBtnHover = '1'; }); } function isRivaDialog(el) { if (!el || el.getAttribute('role') !== 'dialog') return false; var c = el.className || ''; if (/left-\[50%\]/.test(c) && /top-\[50%\]/.test(c)) return true; return /\bbottom-0\b/.test(c) && /rounded-t-\[20px\]/.test(c); } function styleDialogInput(el) { if (isOtpInput(el)) return; var on = document.activeElement === el; set(el, { height: T.input.height, 'min-height': T.input.height, 'max-height': T.input.height, width: '100%', background: WHITE, border: '1.5px solid ' + (on ? PEACH : GRAY), outline: '2px solid transparent', 'outline-offset': '0', 'box-shadow': 'none', 'border-radius': T.input.radius, 'box-sizing': 'border-box', padding: '0 ' + T.input.padX, color: DARK, 'font-family': T.fontDm, 'font-size': T.input.size, 'line-height': T.input.lh, '--input-text-color': DARK, '--input-border-color': GRAY, '--input-border-hover-color': GRAY, '--input-border-focus-color': PEACH, '--input-placeholder-color': PLACEHOLDER, '--bg-color': WHITE }); if (el.dataset.rivaDialogInput) return; el.dataset.rivaDialogInput = '1'; el.addEventListener('focus', function () { set(el, { border: '1.5px solid ' + PEACH, outline: '2px solid transparent', 'outline-offset': '0', 'box-shadow': 'none', background: WHITE }); }); el.addEventListener('blur', function () { set(el, { border: '1.5px solid ' + GRAY, outline: '2px solid transparent', 'outline-offset': '0', 'box-shadow': 'none' }); }); } function applyDialogs() { document.querySelectorAll('[role="dialog"]').forEach(function (dlg) { if (!isRivaDialog(dlg)) return; dlg.setAttribute('data-riva-dialog', '1'); set(dlg, { background: WHITE, 'background-color': WHITE, 'border-color': GRAY, '--global-border-color': GRAY, '--global-color-bg-hover': HOVER_WASH }); Array.prototype.forEach.call(dlg.children, function (child) { if (!(child.className || '').match(/\bh-10\b/) || (child.textContent || '').trim()) return; set(child, { display: 'none', height: '0', margin: '0', padding: '0', border: '0' }); }); dlg.querySelectorAll('header').forEach(function (head) { set(head, { margin: '0 0 16px', padding: '0 0 12px', border: '0', 'border-width': '0', 'border-bottom': 'none', 'border-style': 'none' }); }); dlg.querySelectorAll('h2').forEach(function (h) { paint(h, { color: DARK, 'font-family': T.fontInter, 'font-size': 'clamp(24px,2.8vw,30px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(30px,3.5vw,36px)', 'letter-spacing': '-0.8px' }); }); dlg.querySelectorAll('p.font-brand-body').forEach(function (p) { var isLabel = /\btext-xs\b/.test(p.className || '') || /\bmb-1\b/.test(p.className || ''); paint(p, isLabel ? { color: DARK, 'font-family': T.fontInter, 'font-size': T.label.size, 'font-style': 'normal', 'font-weight': '400', 'line-height': T.label.lh, 'letter-spacing': T.label.track, 'margin-bottom': T.label.mb } : { color: DARK, 'font-family': T.fontInter, 'font-size': 'clamp(15px,1.48vw,16px)', 'font-weight': '400', 'line-height': 'clamp(22px,2.3vw,25px)' }); }); dlg.querySelectorAll('input, select, textarea').forEach(styleDialogInput); dlg.querySelectorAll('button').forEach(function (btn) { var label = (btn.textContent || '').replace(/\s+/g, ' ').trim(); var mark = (btn.className || '') + (btn.getAttribute('style') || ''); if (/^close$/i.test(label)) { var svg = btn.querySelector('svg'); set(svg, { fill: MUTED, color: MUTED }); if (svg) svg.querySelectorAll('path').forEach(function (p) { p.setAttribute('fill', MUTED); set(p, { fill: MUTED }); }); return; } if (/underline/.test(btn.className || '') || /^cancel$/i.test(label)) { set(btn, { color: TLS, background: 'transparent', 'background-color': 'transparent', 'box-shadow': 'none', 'text-transform': 'none', 'font-family': T.fontDm, 'font-weight': '400', 'text-decoration': 'underline' }); return; } if (!/button-background-color|--button-/.test(mark)) return; var danger = /^(delete|remove)$/i.test(label); if (danger) { btn.setAttribute('data-riva-dialog-danger', '1'); set(btn, { background: DANGER, 'background-color': DANGER, color: BTN_TEXT, 'box-shadow': 'none', 'text-transform': 'none', '--button-background-color': DANGER, '--button-hover-color': DANGER_HOVER, '--button-selected-color': DANGER_HOVER, '--button-text-color': BTN_TEXT }); } else { btn.removeAttribute('data-riva-dialog-danger'); var disabled = off(btn); var bg = disabled ? SAGE : TEAL, fg = disabled ? DARK : WHITE; set(btn, { width: '100%', height: T.button.ctaHeight, 'min-height': T.button.ctaHeight, 'max-height': 'none', background: bg, 'background-color': bg, color: fg, 'border-radius': '9999px', border: '0', 'box-shadow': 'none', 'text-transform': 'uppercase', 'letter-spacing': T.button.ctaTrack, font: '400 ' + T.button.ctaSize + '/1 ' + T.fontDm, '--button-background-color': bg, '--button-disabled-color': SAGE, '--button-hover-color': TEAL_HOVER, '--button-selected-color': TEAL_HOVER, '--button-text-color': fg }); uppercaseCtaText(btn); } }); }); } function applyMedCards() { container.querySelectorAll('button.rounded-2xl.flex.w-full.flex-col').forEach(function (card) { if (!card.querySelector('h1.font-brand-header')) return; var selected = /\bring-2\b/.test(card.className || '') || /selected-background/.test(card.className || ''); set(card, { background: WHITE, 'background-color': WHITE, border: selected ? '1.5px solid ' + PEACH : '1px solid ' + GRAY, 'border-radius': T.medCard.radius, padding: T.medCard.pad, 'box-shadow': 'none', outline: 'none', gap: '12px', '--border-color': GRAY, '--selected-border-color': PEACH, '--selected-background-color': WHITE, '--tw-ring-color': 'transparent', '--tw-ring-shadow': '0 0 #0000', '--tw-ring-offset-shadow': '0 0 #0000' }); var img = card.querySelector('img[alt="Placeholder"]'); var hold = img && img.parentElement; set(hold, { width: T.medCard.imgW, height: T.medCard.imgH, 'min-width': T.medCard.imgW, 'min-height': T.medCard.imgH, 'border-radius': '0' }); set(img, { 'border-radius': '0', 'object-fit': 'contain' }); var title = card.querySelector('h1.font-brand-header'); set(title, { color: DARK, 'font-family': T.fontInter, 'font-size': T.medCard.titleSize, 'line-height': T.medCard.titleLh, 'letter-spacing': T.medCard.titleTrack }); var desc = card.querySelector('h5.font-brand-body'); set(desc, { color: DARK, 'font-family': T.fontInter, 'font-size': T.medCard.bodySize, 'line-height': T.medCard.bodyLh }); card.querySelectorAll('span.rounded-lg.border, span.flex.items-center.gap-1.rounded-lg').forEach(function (badge) { if (!/starting at/i.test(badge.textContent || '')) return; set(badge, { color: DARK, background: SAGE, 'background-color': SAGE, border: '0', 'border-color': SAGE, 'border-radius': T.medCard.badgeRadius, height: T.medCard.badgeH, 'min-height': T.medCard.badgeH, padding: '0 12px', 'font-family': T.fontInter, 'font-size': T.medCard.badgeSize, 'line-height': T.medCard.badgeH, 'letter-spacing': T.medCard.badgeTrack }); }); card.querySelectorAll('hr').forEach(function (hr) { set(hr, { 'border-color': GRAY, background: GRAY, margin: '8px 0' }); }); card.querySelectorAll('h4.font-brand-body').forEach(function (el) { set(el, { color: DARK, 'font-family': T.fontInter, 'font-size': T.medCard.titleSize, 'line-height': T.medCard.titleLh, 'letter-spacing': T.medCard.titleTrack }); }); card.querySelectorAll('p.break-words.font-brand-body').forEach(function (el) { set(el, { color: DARK, 'font-family': T.fontInter, 'font-size': T.medCard.bodySize, 'line-height': T.medCard.bodyLh }); }); card.querySelectorAll('i[style*="mask"]').forEach(function (el) { set(el, { background: PEACH, 'background-color': PEACH, fill: PEACH, color: PEACH }); }); if (card.dataset.rivaMedEvents) return; card.dataset.rivaMedEvents = '1'; card.addEventListener('click', function () { setTimeout(applyMedCards, 30); }); }); } function applyExtras() { container.querySelectorAll('h4, h3, h2').forEach(function (el) { var label = (el.textContent || '').trim().toLowerCase(); if (T.copy.hideHeadings.some(function (h) { return h.toLowerCase() === label; })) set(el, { display: 'none' }); }); container.querySelectorAll('img[alt="Product Image"]').forEach(function (img) { var hold = img.parentElement; var card = hold && hold.parentElement; var text = hold && hold.previousElementSibling; set(card, { position: 'relative', overflow: 'hidden', 'align-items': 'flex-start', 'padding-right': '0', 'border-radius': T.product.radius }); set(card.parentElement, { 'border-radius': T.product.radius, overflow: 'hidden' }); set(text, { 'max-width': '100%', width: '100%', margin: '0', 'margin-left': '0', 'align-self': 'stretch', 'text-align': 'left', 'padding-right': T.product.textPad, 'box-sizing': 'border-box' }); set(hold, { position: 'absolute', right: T.product.imgRight, top: T.product.imgTop, bottom: 'auto', left: 'auto', transform: 'none', width: T.product.imgW, height: T.product.imgH, display: 'block', 'pointer-events': 'none' }); set(img, { position: 'absolute', inset: '0', width: '100%', height: '100%', 'object-fit': 'contain' }); var includes = Array.prototype.find.call(container.querySelectorAll('span'), function (el) { return /^includes:\s*$/i.test((el.textContent || '').trim()); }); paint(includes, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(16px,1.67vw,18px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(22px,2.3vw,25px)', 'letter-spacing': '-0.72px' }); var block = includes && includes.parentElement; var oldParent = block && block.parentElement; if (card && block && !card.contains(block)) card.appendChild(block); if (block) { set(block, { width: '100%', 'padding-top': '12px', margin: '0', 'align-self': 'stretch' }); block.querySelectorAll('svg').forEach(function (svg) { set(svg, { fill: PEACH, color: PEACH }); svg.querySelectorAll('path').forEach(function (p) { p.setAttribute('fill', PEACH); set(p, { fill: PEACH }); }); }); } if (oldParent && oldParent !== card && !(oldParent.textContent || '').replace(/\s+/g, '').length) { set(oldParent, { display: 'none' }); } var shell = card && card.parentElement; var n = shell && shell.nextElementSibling; while (n) { var empty = !(n.textContent || '').replace(/\s+/g, '').length; if (n.tagName === 'HR' || empty) { set(n, { display: 'none', height: '0', margin: '0', border: '0' }); n = n.nextElementSibling; continue; } break; } }); container.querySelectorAll('div.rounded-2xl.border').forEach(function (card) { if (card.closest('nav, footer, [role="radiogroup"], [role="dialog"]')) return; if (card.querySelector('[role="radio"]')) return; set(card, { background: WHITE, 'background-color': WHITE }); }); container.querySelectorAll('ul.relative.mt-5 > li.cursor-pointer, li.flex.cursor-pointer.flex-col').forEach(function (card) { set(card, { background: WHITE, 'background-color': WHITE, border: '1.5px solid ' + GRAY, 'border-color': GRAY, 'border-radius': '11px', padding: '.75rem', 'box-shadow': 'none' }); card.querySelectorAll(':scope > div, .duration-400, .min-h-0').forEach(function (el) { set(el, { background: WHITE, 'background-color': WHITE }); }); card.querySelectorAll('span').forEach(function (el) { if (!/first time offer/i.test((el.textContent || '').trim())) return; set(el, { display: 'inline-flex', color: T.color.offerText, background: T.color.offerBg, 'border-color': T.color.offerBorder, 'border-radius': '8px' }); }); card.querySelectorAll('.font-brand-header').forEach(function (el) { paint(el, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(16px,1.67vw,18px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(24px,2.96vw,32px)', 'letter-spacing': '-0.72px' }); }); card.querySelectorAll('hr').forEach(function (hr) { set(hr, { 'border-color': GRAY, background: GRAY, margin: '10px 0 12px', width: '100%' }); }); card.querySelectorAll('span, p').forEach(function (el) { var t = (el.textContent || '').replace(/\s+/g, ' ').trim(); if (!/^plan breakdown:?$/i.test(t)) return; paint(el, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(16px,1.67vw,18px)', 'font-weight': '400', 'line-height': 'clamp(22px,2.3vw,25px)', 'letter-spacing': '-0.72px' }); }); card.querySelectorAll('ul.list-disc').forEach(function (ul) { set(ul, { 'margin-top': '4px', 'margin-left': T.list.ml, 'padding-left': T.list.pl, color: DARK }); }); card.querySelectorAll('ul.list-disc p, ul.list-disc li').forEach(function (el) { paint(el, { color: DARK, 'font-family': T.fontInter, 'font-size': 'clamp(13px,1.3vw,14px)', 'font-weight': '400', 'line-height': 'clamp(18px,1.85vw,20px)' }); }); }); container.querySelectorAll('span.font-brand-header').forEach(function (el) { if (!/^(your monthly plan|select your shipping plan)$/i.test((el.textContent || '').trim())) return; paint(el, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(20px,2.4vw,26px)', 'font-weight': '400', 'line-height': 'clamp(28px,3.06vw,33px)', 'letter-spacing': 'clamp(-1.04px,-.096vw,-.8px)' }); var note = el.nextElementSibling; if (note && /month|offer|injection/i.test(note.textContent || '')) { paint(note, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(15px,1.67vw,18px)', 'font-weight': '400', 'line-height': '25px', 'letter-spacing': '-0.72px' }); } }); container.querySelectorAll('span.font-brand-header').forEach(function (el) { if (!/^(price once prescribed|total if prescribed)$/i.test((el.textContent || '').trim())) return; paint(el, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(20px,2.4vw,26px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(28px,3.06vw,33px)', 'letter-spacing': 'clamp(-1.04px,-.096vw,-.8px)' }); var row = el.parentElement; if (row) { row.querySelectorAll('span').forEach(function (price) { if (price === el) return; var strike = /line-through/.test(price.className || ''); paint(price, { color: strike ? MUTED : DARK, 'font-family': 'Inter,sans-serif', 'font-size': strike ? 'clamp(14px,1.48vw,16px)' : 'clamp(20px,2.4vw,26px)', 'font-weight': '400', 'line-height': strike ? 'clamp(22px,2.3vw,25px)' : 'clamp(28px,3.06vw,33px)', 'letter-spacing': strike ? '-0.64px' : 'clamp(-1.04px,-.096vw,-.8px)' }); }); } var wrap = row && row.parentElement; if (wrap) { wrap.querySelectorAll('span, p').forEach(function (node) { var t = (node.textContent || '').replace(/\s+/g, ' ').trim(); if (/introductory offer will be applied/i.test(t)) { paint(node, { color: DARK, 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(13px,1.3vw,14px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(18px,1.85vw,20px)', 'letter-spacing': '-0.56px', 'text-decoration': 'none' }); } if (/optimal results with semaglutide/i.test(t)) { set(node, { color: DARK, background: WHITE, 'border-color': GRAY, 'border-left-color': TEAL, 'border-radius': 'clamp(8px,1vw,11px)', 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(13px,1.3vw,14px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(18px,1.85vw,20px)', 'letter-spacing': '-0.56px' }); var icon = node.querySelector('svg'); if (icon) { set(icon, { fill: TEAL, color: TEAL }); icon.querySelectorAll('path').forEach(function (p) { p.setAttribute('fill', TEAL); set(p, { fill: TEAL }); }); } } }); } }); container.querySelectorAll('.rounded-full.text-5xl').forEach(function (el) { el.classList.remove('font-bold'); el.style.setProperty('--font-brand-body-weight', '400', 'important'); set(el, { background: WHITE, border: '1.5px solid ' + GRAY, 'box-shadow': 'none', color: DARK, 'text-align': 'center', 'font-family': 'Inter,sans-serif', 'font-size': 'clamp(32px,4.44vw,48px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(40px,5.28vw,57px)', 'letter-spacing': '-1.92px' }); }); document.querySelectorAll('[role="application"].flex.flex-col.gap-2.rounded-md.border, [role="application"][aria-label]').forEach(function (el) { if (el.querySelector('table[role="grid"]')) set(el, { background: WHITE }); }); container.querySelectorAll('.flex.items-center.justify-center.gap-1').forEach(function (row) { if (!/have an account|create an account|reset password/i.test(row.textContent || '')) return; set(row, { 'text-align': 'center', gap: '4px' }); row.querySelectorAll('p, button, a').forEach(function (el) { el.classList.remove('font-bold', 'font-brand-header'); set(el, { color: DARK, 'text-align': 'center', 'font-family': T.fontInter, 'font-size': 'clamp(15px,1.67vw,18px)', 'font-style': 'normal', 'font-weight': '400', 'line-height': 'clamp(24px,2.78vw,30px)', 'letter-spacing': 'normal' }); }); }); var banner = Array.prototype.find.call(container.querySelectorAll('span.flex'), function (el) { return /industry leading encryption/i.test(el.textContent || ''); }); if (banner) { set(banner, { color: DARK, display: 'flex', 'align-items': 'center', gap: '8px', width: '100%', 'box-sizing': 'border-box', 'font-family': T.fontInter, 'font-size': T.consent.size, 'line-height': T.consent.lh, 'letter-spacing': '-0.56px', 'font-weight': '400' }); set(banner.querySelector('svg'), { fill: DARK, 'flex-shrink': '0' }); } container.querySelectorAll('p').forEach(function (p) { if (!/256[- ]?bit\s*tls|tls\s*security/i.test(p.textContent || '')) return; p.classList.add('riva-tls'); }); container.querySelectorAll('span.font-brand-header').forEach(function (el) { if (!/^checkout page$/i.test((el.textContent || '').replace(/\s+/g, ' ').trim())) return; set(el, { color: WHITE }); el.querySelectorAll('svg').forEach(function (svg) { set(svg, { fill: WHITE, color: WHITE }); svg.querySelectorAll('path').forEach(function (p) { p.setAttribute('fill', WHITE); set(p, { fill: WHITE }); }); }); }); // Peach any Bask circle-check still painted blue by Bask container.querySelectorAll('svg.h-5.w-5.shrink-0, span.flex.flex-row.items-center.gap-2 > svg').forEach(function (svg) { if (!/M13\.28 9\.03/.test(svg.innerHTML || '')) return; set(svg, { fill: PEACH, color: PEACH }); svg.querySelectorAll('path').forEach(function (p) { p.setAttribute('fill', PEACH); set(p, { fill: PEACH }); }); }); } var applying = false; function applyAll() { if (applying) return; applying = true; applyBody(); applyHeader(); applyTitles(); applySectionHeadings(); applyInputs(); applyTextInputs(); applyConsent(); applyButtons(); applyMedCards(); applyDialogs(); applyExtras(); applyFooter(); applying = false; } applyAll(); function isExtNode(n) { if (!n || n.nodeType !== 1) return false; var tag = n.tagName || ''; if (/NORDPASS|1PASSWORD|LASTPASS|DASHLANE|BITWARDEN/i.test(tag)) return true; if (n.hasAttribute && (n.hasAttribute('data-np-uid') || n.hasAttribute('data-lastpass-icon-root') || n.hasAttribute('data-1p-ignore'))) return true; return false; } function isFieldNode(n) { if (!n || n.nodeType !== 1) return false; if (isExtNode(n)) return true; var tag = n.tagName; if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true; return !!(n.closest && n.closest('input, textarea, select, [role="group"]')); } new MutationObserver(function (records) { var i, j, rec, node, needAll = false, needInputs = false; for (i = 0; i < records.length; i++) { rec = records[i]; if (rec.type === 'attributes') { if (isFieldNode(rec.target)) continue; needInputs = true; continue; } for (j = 0; j < rec.addedNodes.length; j++) { node = rec.addedNodes[j]; if (!node || node.nodeType !== 1) continue; if (isFieldNode(node)) continue; if (node.closest && node.closest('[role="radio"], [role="radiogroup"]')) { needInputs = true; continue; } if (node.matches && node.matches('label, [role="radio"], [role="radiogroup"]')) { needInputs = true; continue; } if (node.querySelector && node.querySelector('textarea, input') && !node.querySelector('h1, h2, h3, h4')) { needInputs = true; continue; } needAll = true; } } if (needAll) applyAll(); else if (needInputs) { applyInputs(); applyButtons(); applyMedCards(); applyTextInputs(); applyConsent(); } }).observe(container, { childList: true, subtree: true, attributes: true, attributeFilter: ['disabled', 'aria-disabled', 'aria-checked', 'data-headlessui-state'] }); new MutationObserver(function () { var ae = document.activeElement; if (ae && /^(INPUT|TEXTAREA|SELECT)$/.test(ae.tagName)) return; applyDialogs(); applyExtras(); }).observe(document.body, { childList: true, subtree: true }); var lastW = window.innerWidth; window.addEventListener('resize', function () { var ae = document.activeElement; if (ae && /^(INPUT|TEXTAREA|SELECT)$/.test(ae.tagName)) return; if (window.innerWidth === lastW) return; lastW = window.innerWidth; applyAll(); }); })(0);

PT-141 Intake (Women)