/* Clickit Golf only — Loom-inspired composition with FamVault brand colors. */
.clickit-promo {--fv-navy:#171d50;--fv-green:#4fba48;color:#172044}
.clickit-promo .hero {
  color:#fff;
  background:#171d50;
}
.clickit-promo .hero-bg {background:none;padding:32px 0 0}
.clickit-promo .hero .container-min {max-width:1200px;width:calc(100% - 48px)}
.clickit-promo .hero-logos {display:flex;align-items:center;justify-content:center;gap:46px;margin:0 0 48px}
.clickit-promo .hero-logos img {width:auto;height:auto;max-width:130px;max-height:48px;object-fit:contain;margin:0}
.clickit-promo .hero-layout {display:flex;flex-direction:column;align-items:center;gap:72px}
.clickit-promo .hero-txt {padding:0;text-align:center;max-width:1000px;margin:auto}
.clickit-promo .clickit-eyebrow,.clickit-promo .clickit-section-eyebrow {font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin:0 0 2px}
.clickit-promo .clickit-eyebrow {color:#a8e6a5}
.clickit-promo .hero-txt h1 {font-size:clamp(34px,4.6vw,58px);line-height:1.12;letter-spacing:-.03em;max-width:1000px;margin:0 auto 16px}
.clickit-promo .hero-txt .clickit-offer {color:#a8e6a5;font-weight:700;font-size:18px;line-height:1.45;margin:0 auto 12px;max-width:650px}
.clickit-promo .hero-txt > p:not(.clickit-eyebrow):not(.clickit-offer):not(.btns) {font-size:16px;line-height:1.65;max-width:690px;margin:0 auto 15px;color:#e2e8fa}
.clickit-promo .hero-txt .btns {display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin:25px 0 0}
.clickit-promo .hero .btn {min-width:138px;text-align:center}
.clickit-promo .hero-txt .btns .btn:nth-child(2) {background:transparent;border:2px solid rgba(255,255,255,.75);color:#fff}
.clickit-promo .hero-video {width:100%;max-width:1050px;margin-bottom:max(-28vw, -295px);position:relative;z-index:2}
.clickit-promo .hero-video .video {position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:22px;box-shadow:0 22px 55px rgba(0,0,0,.18);background:#0d1239;padding:0;height:auto;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;isolation:isolate}
.clickit-promo .hero-video iframe {position:absolute;inset:0;width:100%;height:100%;border:0}
.clickit-promo .summary-sec {padding:calc(min(28vw, 295px) + 72px) 24px 72px;background:#fff}
.clickit-promo .summary-sec .container {max-width:1100px}
.clickit-promo .summary-sec .txt-img {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:0}
.clickit-promo .summary-sec .txt-img .img,.clickit-promo .summary-sec .txt-img .txt {width:auto;padding:0}
.clickit-promo .summary-sec .img img {display:block;width:100%;max-width:540px;height:auto;border-radius:20px}
.clickit-promo .clickit-section-eyebrow {color:#258b37}
.clickit-promo .summary-sec h2 {font-size:clamp(27px,3vw,41px);line-height:1.15;letter-spacing:-.02em;margin:0 0 20px}
.clickit-promo .summary-sec .txt {font-size:16px;line-height:1.7}
.clickit-promo .clickit-ebook {padding:84px 24px 94px!important;background:#e9f1fc!important;color:#171d50}
.clickit-promo .clickit-ebook h2 {font-size:clamp(26px,3vw,39px);line-height:1.17}
.clickit-promo .clickit-article {padding:84px 24px!important;background:#171d50!important;color:#fff;text-align:center}
.clickit-promo .form-sec {padding:80px 24px 144px}
.clickit-promo .form-sec input,.clickit-promo .form-sec select {box-sizing:border-box}
@media(max-width:800px){
 .clickit-promo .hero-bg {padding:26px 0 0}
 .clickit-promo .hero .container-min {width:calc(100% - 32px)}
 .clickit-promo .hero-logos {flex-direction:row;flex-wrap:nowrap;margin-bottom:24px;gap:28px}
 .clickit-promo .hero-logos img {min-width:0;max-width:min(120px, 30%)}
 .clickit-promo .hero-logos img {max-width:120px;max-height:42px}
 .clickit-promo .hero-layout {gap:48px}
 .clickit-promo .hero-txt h1 {font-size:clamp(32px,7vw,46px)}
 .clickit-promo .summary-sec {padding:calc(28vw + 48px) 20px 48px}
 .clickit-promo .hero-video {margin-bottom:calc(-1 * (100vw - 32px) * 9 / 32)}
 .clickit-promo .summary-sec .txt-img {grid-template-columns:1fr;gap:28px}
 .clickit-promo .clickit-ebook {padding:36px 20px 41px!important}
}

.clickit-promo .clickit-play {width:92px;height:92px;border:0;border-radius:50%;background:#171d50;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background-color .2s ease;box-shadow:none}
.clickit-promo .clickit-play:hover {background:#fff;color:#171d50}
.clickit-promo .clickit-play:focus-visible {outline:3px solid #fff;outline-offset:5px}
.clickit-promo .clickit-play svg {width:40px;height:40px;margin-left:4px}
@media(max-width:800px){.clickit-promo .clickit-play{height:68px;width:68px}.clickit-promo .clickit-play svg{width:31px;height:31px}}

/* Optional editable video poster */
.clickit-promo .hero-video .video.is-playing {background-image:none!important}

/* Poster and playback stacking. */
.clickit-promo .hero-video .video.has-poster {background-size:cover;background-position:center}
.clickit-promo .hero-video .video iframe {z-index:6}

/* Outline controls change from white to green on hover, without scaling. */
.clickit-promo .hero-txt .btns .btn:nth-child(2) {transition:color .2s ease,background-color .2s ease}
.clickit-promo .hero-txt .btns .btn:nth-child(2):hover {background:transparent;border-color:#4fba48;color:#4fba48;transform:none}


/* Benefits heading spans the full section above the image/text columns. */
.clickit-promo .clickit-benefits-heading {max-width:850px;margin:0 auto 55px;text-align:center}
.clickit-promo .clickit-benefits-heading .clickit-section-eyebrow {margin-bottom:4px}
.clickit-promo .clickit-benefits-heading h2 {margin:0 auto;max-width:850px}
@media(max-width:800px){.clickit-promo .clickit-benefits-heading{margin-bottom:32px}}

/* Unified text rhythm for this landing page only. */
.clickit-promo :is(h1,h2,h3,h4,h5,h6,p) {
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:12px;
  padding-bottom:12px;
}

/* Hero headline breathing room, independent of global text rhythm. */
.clickit-promo .hero-txt h1 {padding-top:24px;padding-bottom:18px}

/* Entire video poster is interactive, with the same play-button hover treatment. */
.clickit-promo .hero-video .video:not(.is-playing) {cursor:pointer}
.clickit-promo .hero-video .video:not(.is-playing):hover .clickit-play {background:#fff;color:#171d50}

/* eBook side-by-side matches the benefits section proportions. */
.clickit-promo .clickit-ebook-inner {max-width:1100px;margin:0 auto}
.clickit-promo .clickit-ebook-intro {max-width:800px;margin:0 auto 48px;text-align:center}
.clickit-promo .clickit-ebook-intro h2 {max-width:780px;margin:0 auto!important}
.clickit-promo #clickit-ebook-form {display:flex;flex-direction:column;align-items:stretch;gap:12px}
.clickit-promo .clickit-ebook-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}
.clickit-promo .clickit-ebook-fields .clickit-ebook-email {grid-column:1/-1}
.clickit-promo #clickit-ebook-form .btn {align-self:flex-start}
.clickit-promo .clickit-ebook-disclaimer,.clickit-promo .clickit-ebook-status {font-size:12px;line-height:1.5;color:#4f596b}
@media(max-width:480px){.clickit-promo .clickit-ebook-fields{grid-template-columns:1fr}.clickit-promo .clickit-ebook-fields .clickit-ebook-email{grid-column:auto}}

/* eBook introduction spans the columns; compact form guidance. */
.clickit-promo .clickit-ebook-overview {max-width:740px;margin:12px auto 0;font-size:16px;line-height:1.65}
.clickit-promo .clickit-ebook-instruction {line-height:1.6}
.clickit-promo #clickit-ebook-form .clickit-ebook-disclaimer {line-height:1.45}

/* Align eBook description and form vertically with the adjacent image. */
@media(min-width:801px){.clickit-promo .clickit-ebook-columns{align-items:center}}
.clickit-promo #clickit-ebook-form .btn{margin-top:12px}

/* Consistent 12px text and form rhythm in the eBook section. */
.clickit-promo .clickit-ebook p {margin:0!important;padding:12px 0}
.clickit-promo #clickit-ebook-form {margin:0;padding:12px 0;gap:12px}
.clickit-promo .clickit-ebook-fields label {margin:0;padding:0}
.clickit-promo .clickit-ebook-fields input {margin:5px 0 0}

/* Consistent mobile gutters and centered CTAs for Clickit landing sections. */
@media (max-width:800px) {
  .clickit-promo .hero .container-min {width:100%;max-width:none;padding-left:24px;padding-right:24px;box-sizing:border-box}
  /* Carry the 24px mobile vertical-spacing reduction through the other sections. */
  .clickit-promo .clickit-article {padding-top:60px!important;padding-bottom:60px!important}
  .clickit-promo .form-sec {padding-top:56px!important;padding-bottom:120px!important}
  .clickit-promo :is(.summary-sec,.clickit-ebook,.clickit-article,.form-sec) {padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
  .clickit-promo :is(.summary-sec,.clickit-ebook,.clickit-article,.form-sec) :is(.container,.clickit-ebook-inner) {width:100%;max-width:none;box-sizing:border-box}
  /* Legacy .container already has 24px horizontal padding: remove the nested gutter. */
  .clickit-promo .summary-sec > .container {padding-left:0!important;padding-right:0!important;width:100%;max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
  .clickit-promo .summary-sec .txt-img, .clickit-promo .clickit-ebook-columns {width:100%;margin-left:0;margin-right:0}
  .clickit-promo .summary-sec .txt-img > :is(.img,.txt) {width:100%;min-width:0;padding-left:0;padding-right:0;box-sizing:border-box}
  .clickit-promo .summary-sec .img img {width:100%;max-width:none}
  .clickit-promo .hero-txt .btns {justify-content:center}
  .clickit-promo .hero-txt .btns .btn, .clickit-promo #clickit-ebook-form .btn, .clickit-promo .clickit-article .btn, .clickit-promo .form-sec .btn {min-width:220px;box-sizing:border-box;text-align:center;justify-content:center}
  .clickit-promo #clickit-ebook-form .btn {align-self:center}
  .clickit-promo .clickit-article .btn {display:inline-flex;align-items:center;justify-content:center}
}

/* Centered registration CTA below both benefits columns. */
.clickit-promo .clickit-benefits-cta {display:flex;justify-content:center;margin-top:32px}
.clickit-promo .clickit-benefits-cta .btn {display:inline-flex;align-items:center;justify-content:center;min-width:138px;text-align:center}
@media(max-width:800px) {.clickit-promo .clickit-benefits-cta .btn {min-width:220px;box-sizing:border-box}}

/* Centered video playback control. */
.clickit-promo .hero-video .clickit-play {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
}

/* Registration follows the pale-blue section treatment and shared mobile gutters. */
.clickit-promo main section.form-sec {background:#e9f1fc;color:#171d50}
.clickit-promo .clickit-registration-intro {text-align:center;max-width:720px;margin:0 auto 42px}
.clickit-promo .clickit-registration-intro h2 {font-size:clamp(32px,3.8vw,46px);line-height:1.17}
.clickit-promo .clickit-registration-intro > p:last-of-type {font-size:16px;line-height:1.6}
.clickit-promo .form-sec .form-row label {color:#171d50}
@media(max-width:800px) {
  .clickit-promo .form-sec > .container-min {width:100%;max-width:none;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
  .clickit-promo .form-sec .form-row {width:100%;box-sizing:border-box}
  .clickit-promo .clickit-registration-intro {width:100%;margin-bottom:32px}
}


/* Progressive, compact registration form; original field names and backend unchanged. */
.clickit-promo .clickit-form-step {border:0;min-width:0;padding:0;margin:0}
.clickit-promo .clickit-form-step[hidden] {display:none!important}
.clickit-promo .clickit-step-progress {display:flex;gap:12px;max-width:640px;margin:0 auto 28px}
.clickit-promo .clickit-step-progress button {flex:1;text-align:center;border-top:4px solid #c3d0e4;padding:12px 4px 0!important;color:#697794;font-size:13px;font-weight:700;cursor:pointer;border-left:0;border-right:0;border-bottom:0;background:transparent;font-family:inherit}
.clickit-promo .clickit-step-progress button.is-active {border-color:#4db848;color:#171d50}
.clickit-promo .form-sec :is(input,select) {box-shadow:none!important;border:0!important;border-radius:16px;min-height:48px}
.clickit-promo .form-sec :is(input,select):focus {box-shadow:0 0 0 3px rgba(79,186,72,.18)!important}
.clickit-promo .form-sec .form-row {margin-top:0;margin-bottom:12px;gap:12px}
.clickit-promo .form-sec .form-row .form-col {min-width:0}
.clickit-promo .form-sec label {font-size:13px;line-height:1.35;margin-bottom:5px;display:block;font-weight:600}
.clickit-promo .form-sec .clickit-form-step h3 {margin:20px 0 16px!important;font-size:21px}
.clickit-promo .clickit-step-actions {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin:28px 0 0}
.clickit-promo .clickit-back-step {border:0;background:none;color:#171d50;text-decoration:underline;cursor:pointer;font:inherit;padding:12px}
@media(max-width:800px){.clickit-promo .clickit-step-actions {flex-direction:column}.clickit-promo .clickit-step-progress button{font-size:12px}}

/* Preserve legacy paired/triple fields without flex-wrap collisions. */
.clickit-promo .form-sec .form-row.form-cols-2,
.clickit-promo .form-sec .form-row.form-cols-3 {display:grid;justify-content:stretch;gap:12px;margin:0 0 12px}
.clickit-promo .form-sec .form-row.form-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.clickit-promo .form-sec .form-row.form-cols-3 {grid-template-columns:repeat(3,minmax(0,1fr))}
.clickit-promo .form-sec .form-row.form-cols-2 > .form-col,
.clickit-promo .form-sec .form-row.form-cols-3 > .form-col {width:auto;padding:0;min-width:0}
.clickit-promo .form-sec .form-row label {padding:0 0 5px!important;margin:0!important;line-height:1.3}
.clickit-promo .form-sec .form-row {padding-bottom:0}
/* One registration field per row on mobile. Payment expiration and CCV remain paired. */
@media(max-width:800px){
  .clickit-promo .form-sec .form-row.form-cols-2,
  .clickit-promo .form-sec .form-row.form-cols-3 {grid-template-columns:minmax(0,1fr)}
}

/* Keep all form controls on the same body typeface, including native dropdowns. */
.clickit-promo :is(.form-sec, .clickit-ebook-content) :is(input, select, textarea, button, label) {
  font-family:'Nunito Sans',sans-serif;
}

/* One shared input and label system for registration and eBook forms. */
.clickit-promo {--field-tint:rgba(23,29,80,.05);--field-text:#171d50;--field-focus:#fff}
.clickit-promo :is(.form-sec .form-row, .clickit-ebook-fields) :is(input,select) {
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:10px 16px;
  min-height:48px;
  background:var(--field-tint);
  color:var(--field-text);
  border:0!important;
  border-radius:0 16px 16px 16px!important;
  box-shadow:none!important;
  transition:background-color .25s ease;
}
.clickit-promo :is(.form-sec .form-row, .clickit-ebook-fields) :is(input,select):focus {
  background:var(--field-focus);
  outline:2px solid #87a9dc;
  outline-offset:0;
  box-shadow:none!important;
}
.clickit-promo :is(.form-sec .form-row, .clickit-ebook-fields) :is(input,select)::placeholder {color:#697794;opacity:1}
.clickit-promo :is(.form-sec .form-row label, .clickit-ebook-fields label) {
  font-family:'Nunito Sans',sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.3;
}
/* White card needs a slightly stronger tint to match the pale-blue section. */

/* Unified eBook card: white form panel joined flush to the photo. */
.clickit-promo .clickit-ebook-columns {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(23,29,80,.07);
}
.clickit-promo .clickit-ebook-content {
  --field-tint:rgba(23,29,80,.10);
  min-width:0;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:44px 40px;
  background:#fff;
}
.clickit-promo .clickit-ebook-photo {
  position:relative;
  overflow:hidden;
  width:100%;height:100%;aspect-ratio:auto;
  max-width:none;margin:0;
  border-radius:0 20px 20px 0;
  background:transparent;
}
.clickit-promo .clickit-ebook-photo img {width:100%;height:100%;object-fit:cover}
@media(max-width:800px) {
  .clickit-promo .clickit-ebook-intro {margin-bottom:32px}
  .clickit-promo .clickit-ebook-columns {display:flex;flex-direction:column;gap:0}
  .clickit-promo .clickit-ebook-photo {order:0;height:auto;aspect-ratio:1/1;border-radius:20px 20px 0 0}
  .clickit-promo .clickit-ebook-content {order:1;width:100%;box-sizing:border-box;padding:28px 24px;border-radius:0 0 20px 20px}
}

/* Match the hero's compact eyebrow / headline / supporting-copy rhythm. */
.clickit-promo .clickit-ebook-intro .clickit-section-eyebrow {padding:12px 0 0;margin:0!important}
.clickit-promo .clickit-ebook-intro h2 {margin:0 auto!important;padding:12px 0 6px}
.clickit-promo .clickit-ebook-intro .clickit-ebook-overview {margin:0 auto}
.clickit-promo .clickit-ebook-intro .clickit-ebook-overview p {padding:6px 0 12px}

/* Partner article callout follows the hero's navy/green visual language. */
.clickit-promo .clickit-article-inner {max-width:800px;margin:0 auto}
.clickit-promo .clickit-article .clickit-section-eyebrow {color:#a8e6a5;margin:0 0 14px}
.clickit-promo .clickit-article h2 {color:#fff;margin:0 auto 20px}
.clickit-promo .clickit-article-inner > p:not(.clickit-section-eyebrow) {color:#e2e8fa;font-size:16px;line-height:1.7;margin:0 auto 24px;max-width:740px}
.clickit-promo .clickit-article-inner > p:last-child {margin-bottom:0}

/* Compact navy footer: one row on desktop, two centered lines on mobile. */
.clickit-promo .clickit-footer {background:#171d50;color:#e2e8fa;padding:24px}
.clickit-promo .clickit-footer-inner {max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px 28px}
.clickit-promo .clickit-footer p {margin:0;padding:0;color:inherit;font-size:13px;line-height:1.5}
.clickit-promo .clickit-footer nav {display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px}
.clickit-promo .clickit-footer nav a {color:#a8e6a5;text-decoration:none;transition:color .2s ease}
.clickit-promo .clickit-footer nav a:hover {color:#fff;text-decoration:underline}
.clickit-promo .clickit-footer nav span {opacity:.55}
@media(max-width:600px) {
  .clickit-promo .clickit-footer-inner {flex-direction:column;text-align:center;gap:7px}
}

.clickit-promo .clickit-step-progress button:focus-visible {outline:2px solid #87a9dc;outline-offset:4px}
.clickit-promo .clickit-turnstile {display:flex;justify-content:center;margin:28px auto 0}
.clickit-promo #submit-btn:disabled {opacity:.55;cursor:not-allowed}

/* Full-width registration alert with a fixed icon column; text never wraps beneath the icon. */
.clickit-promo .form-sec .clickit-form-step > .clickit-form-error {display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:12px;max-width:none!important;width:100%!important;box-sizing:border-box;margin:0 0 32px;padding:12px 16px;border:1px solid #f3b7be;border-radius:8px;background:#ffebee;color:#c62828;text-align:left;font-size:15px;font-weight:600;line-height:1.55;scroll-margin-top:24px}
.clickit-promo .clickit-form-error:focus {outline:none}
.clickit-promo .clickit-form-error-icon {display:block;width:24px;height:24px;flex:none;line-height:0}
.clickit-promo .clickit-form-error-icon svg {display:block;width:24px;height:24px;fill:currentColor;stroke:none}
.clickit-promo .clickit-form-error-text {min-width:0;overflow-wrap:anywhere}
.clickit-promo .clickit-form-error .alert {display:block;margin:0;padding:0;background:none;color:inherit;font:inherit}


/* Payment row: card number half, expiration and security code a quarter each. */
.clickit-promo .form-sec .form-row.clickit-payment-fields {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.clickit-promo .form-sec .clickit-payment-fields .form-col {width:auto;min-width:0;padding:0}


/* Payment layout: keep the card number full width on mobile, then equal expiration/CCV fields. */
@media(max-width:800px) {
  .clickit-promo .form-sec .form-row.clickit-payment-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
  .clickit-promo .form-sec .clickit-payment-fields .form-col:first-child {grid-column:1/-1}
  .clickit-promo .form-sec .clickit-payment-fields .form-col input:not([type="hidden"]) {width:100%;max-width:none;box-sizing:border-box}
}

/* Crisp individual card marks in place of the low-resolution PNG strip. */
.clickit-promo .clickit-accepted-cards {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px auto 24px}
.clickit-promo .clickit-accepted-cards img {display:block;width:auto;height:30px;max-width:72px;object-fit:contain}

/* Invisible Turnstile must not occupy a form row; preserve equal CTA spacing. */
.clickit-promo #clickit-ebook-turnstile {height:0;min-height:0;margin:0;padding:0;overflow:hidden;}
.clickit-promo #clickit-ebook-form {gap:12px;}
.clickit-promo #clickit-ebook-form .clickit-ebook-disclaimer {padding:0!important;}
/* Correct asymmetric spacing: previous button margin added 12px above CTA. */
.clickit-promo #clickit-ebook-form > .btn {margin-top:0!important;margin-bottom:0!important;}
/* Remove the invisible Turnstile flex item entirely from spacing calculations. */
.clickit-promo #clickit-ebook-form {position:relative;}
.clickit-promo #clickit-ebook-turnstile {position:absolute;left:0;bottom:0;width:0;height:0;overflow:hidden;pointer-events:none;}

/* Reusable inline form response / completed-state presentation */
    .clickit-inline-feedback { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; column-gap:12px; box-sizing:border-box; width:100%; margin:12px auto; padding:12px 16px; border:1px solid #e2e8f0; border-radius:8px; background:#f4f6fa; color:#222e53; text-align:left; font-size:15px; font-weight:600; line-height:1.55; }
    .clickit-inline-feedback.is-success { background:#e7f6ec; border-color:#bde4c9; color:#248447; }
    .clickit-inline-feedback.is-error { background:#ffebee; border-color:#f3b7be; color:#c62828; }
    .clickit-inline-feedback-icon, .clickit-inline-feedback-icon svg { display:block; width:24px; height:24px; }
    .clickit-inline-feedback-icon { line-height:0; }
    .clickit-inline-feedback-icon svg { fill:currentColor; }
    .clickit-inline-feedback-message { min-width:0; overflow-wrap:anywhere; }
    .clickit-inline-feedback[hidden] { display:none !important; }
    .clickit-inline-feedback:focus { outline:none; }
    form.clickit-submission-complete { opacity:0.42; filter:grayscale(0.35); pointer-events:none; transition:opacity .25s ease; }