/* Shared presentation for genuine native Flodesk inline opt-ins.
   Keep provider markup, field identities, config, visibility states and handlers intact. */
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] {
  width:100%!important;max-width:690px!important;min-width:0!important;margin:28px auto!important;padding:0!important;
  border:0!important;border-radius:16px!important;background:#323031!important;color:#f9f8f5!important;
  font-family:Arial,Helvetica,sans-serif!important;box-shadow:none!important;overflow:hidden!important;
  container:tt-flodesk / inline-size;
}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] *,
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] *::before,
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] *::after {box-sizing:border-box}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class*="__background"] {display:none!important;visibility:hidden!important;pointer-events:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class*="__background"]::before,
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class*="__background"]::after {content:none!important;display:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__container"] {display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__wrapper"] {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:28px!important;width:100%!important;max-width:none!important;margin:0!important;padding:30px!important;border:0!important;background:transparent!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"]:not([data-ff-name="inlineImage"]) [class$="__wrapper"] {grid-template-columns:minmax(0,1fr)!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__left"] {display:block!important;order:0!important;grid-row:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:8px!important;border:0!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;transform:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__right"] {order:1!important;grid-row:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__image"] {width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border-radius:0!important;transform:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [data-draw-element="wrapper"],
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [data-draw-element="svg"] {transform:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__image"] :is(img,svg) {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;transform:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] form[data-ff-el="form"] {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__title"] {min-height:0!important;margin:0 0 16px!important;padding:0!important;color:#f9f8f5!important;text-align:center!important;font:400 31px/1.15 Georgia,'Times New Roman',serif!important;letter-spacing:-.025em!important;text-transform:none!important;text-wrap:balance}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__title"] :is(h1,h2,h3,p,span,strong,em) {margin:0!important;padding:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-align:inherit!important;text-transform:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__subtitle"] {margin:0 0 22px!important;padding:0!important;color:#e5e0e2!important;text-align:center!important;font:400 15px/1.7 Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__subtitle"] :is(p,span,strong,em,[data-paragraph]) {color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [data-ff-el="content"] {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#f9f8f5!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [data-ff-el="fields"] {display:grid!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-group {min-width:0!important;margin:0!important;padding:0!important;position:relative!important}
/* Keep the existing associated labels accessible; the native placeholders remain visible. */
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-group>.fd-form-label {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;transform:none!important;pointer-events:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-control {width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;margin:0!important;padding:12px 14px!important;border:1px solid #cbd0d2!important;border-radius:6px!important;background:#fff!important;color:#323031!important;font:400 16px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:normal!important;box-shadow:none!important;text-align:left!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-control {text-transform:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-control::placeholder {color:#716b6e!important;opacity:1!important;text-transform:none!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-control:focus-visible {outline:2px solid #79c3d1!important;outline-offset:3px!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [data-ff-el="footer"] {width:100%!important;margin:12px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-btn {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:48px!important;height:auto!important;margin:0!important;padding:12px 14px!important;border:1px solid #51b1c3!important;border-radius:6px!important;background:#51b1c3!important;color:#323031!important;font:600 14px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:center!important;box-shadow:none!important;white-space:normal!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-btn:is(:hover,:focus-visible) {background:#79c3d1!important;border-color:#79c3d1!important;color:#323031!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-btn:disabled {opacity:.8!important;cursor:wait!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-check__label {color:#f9f8f5!important;font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] form a {color:#cbe6eb!important;text-decoration:underline!important;text-underline-offset:3px}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [data-ff-el="success"],
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__success-message"] {color:#f9f8f5!important;font:400 16px/1.7 Arial,Helvetica,sans-serif!important;letter-spacing:normal!important;text-align:center!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [data-ff-el="error"],
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-group.fd-has-error .fd-form-feedback {color:#ffb8c6!important;font:400 14px/1.6 Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] .fd-form-group.fd-has-error .fd-form-control {border-color:#de3f74!important}
html body[class] .tt-optin-dialog {max-width:920px;padding:46px 0 0!important;border:1px solid #323031!important;border-radius:16px!important;background:#323031!important;color:#f9f8f5!important}
html body[class] .tt-optin-dialog .tt-native-signup {width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html body[class] .tt-optin-dialog [data-ff-el="root"][data-ff-version][data-ff-type="inline"] {margin:0 auto!important}
html body[class] .tt-optin-close {border-color:#686467!important;background:#323031!important;color:#f9f8f5!important}
html body[class] .tt-optin-close:focus-visible {outline:2px solid #79c3d1!important;outline-offset:3px}
/* Query the form's own width, so an embed also stacks in a narrow desktop column. */
@container tt-flodesk (max-width:560px) {
  html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__wrapper"] {grid-template-columns:minmax(0,1fr)!important;gap:27px!important;padding:25px 23px!important}
  html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__left"] {width:min(100%,240px)!important;max-width:240px!important;justify-self:center!important}
  html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__title"] {font-size:29px!important}
}
/* The same fallback keeps mobile layouts usable in browsers without size queries. */
@media(max-width:600px) {
  html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__wrapper"] {grid-template-columns:minmax(0,1fr)!important;gap:27px!important;padding:25px 23px!important}
  html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__left"] {width:min(100%,240px)!important;max-width:240px!important;justify-self:center!important}
  html body[class] [data-ff-el="root"][data-ff-version][data-ff-type="inline"] [class$="__title"] {font-size:29px!important}
}