/* Product sub-pages (partials/sp-*.hbs, generated): hero visual, code, the small HTML drawings (connector, steps,
   prompts, access profiles, audit log), the live widgets (widgets page), the "Try them live" cards and the email
   carousel (popups page) and the smartico.dev banner section. Section drawings are partials/vibev-*.hbs. */
:root {
  --sp-ink: #1d2033;
  --sp-muted: #646a82;
  --sp-line: #e3e5ee;
  --sp-soft: #f5f6fa;
  --sp-dark: #181b2b;
  --sp-red: #f15851;
  --sp-cyan: #11ced7;
  --sp-violet: #8e6cf5;
  --sp-gold: #f9c440;
  --sp-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.sp-in { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; }

/* hero: the visual sits in the right half */
.sp-hero_visual { position: relative; width: 100%; }
.sp-hero_visual > .image_content_wrap { background: transparent; }

/* section without a visual: the text takes the full width */
.sp-textonly .side_info_wrap { grid-column: 1 / span 12; max-width: 52rem; }

/* full-width section (steps, prompts) */
.sp-wide .sp-in { display: block; }
.sp-wide.sp-band { background: var(--sp-soft); }
.sp-wide_title { margin: 0 0 .75rem; }
.sp-wide_intro { max-width: 48rem; margin: 0 0 2rem; color: var(--sp-muted); font-size: 1.0625rem; line-height: 1.55; }

/* a drawing made of HTML, centred in the right column */
.sp-visual { display: flex; align-items: center; justify-content: center; width: 100%; padding: 1.5rem; border-radius: .75rem; background: var(--sp-soft); }

/* code */
.sp-code { margin: 1.5rem 0 0; width: 100%; min-width: 0; }
/* let the text column shrink below its longest code line on phones (the code box scrolls instead) */
.slde_section .side_info_wrap, .slde_section .side_content_wrapper { min-width: 0; }
.slde_section .side_content_wrapper > * { min-width: 0; max-width: 100%; }
.sp-visual .sp-code { margin: 0; }
.sp-code_label { margin-bottom: .5rem; text-align: left; font-size: .8125rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--sp-muted); }
.sp-code pre { margin: 0; padding: 1rem 1.125rem; overflow-x: auto; border-radius: .625rem; background: var(--sp-dark); color: #e8eaf6; font: 400 .8125rem/1.6 var(--sp-mono); white-space: pre; }
.sp-code code { font: inherit; color: inherit; background: none; padding: 0; }
.w-richtext code { font-family: var(--sp-mono); font-size: .9em; padding: .05em .35em; border-radius: .3em; background: rgba(17, 206, 215, .12); }

/* cards */
.sp-card { width: 100%; max-width: 30rem; border: 1px solid var(--sp-line); border-radius: .875rem; background: #fff; box-shadow: 0 1rem 2rem rgba(24, 27, 43, .08); overflow: hidden; font-family: "Lexend Deca", sans-serif; color: var(--sp-ink); }
.sp-card_head { padding: .875rem 1.125rem; border-bottom: 1px solid var(--sp-line); font-size: .875rem; font-weight: 600; background: var(--sp-soft); }
.sp-dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .625rem 1rem; margin: 0; padding: 1.125rem; font-size: .9375rem; }
.sp-dl dt { color: var(--sp-muted); }
.sp-dl dd { margin: 0; overflow-wrap: anywhere; }
.sp-dl code { font: 500 .8125rem var(--sp-mono); }
.sp-connector_signin { display: flex; align-items: center; justify-content: center; gap: .5rem; margin: 0 1.125rem 1.125rem; padding: .75rem; border-radius: .5rem; background: var(--sp-red); color: #fff; font-weight: 600; font-size: .9375rem; }
.sp-connector_logo { width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid #fff; }

/* steps */
.sp-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.sp-step { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem; border: 1px solid var(--sp-line); border-radius: .875rem; background: #fff; }
.sp-step_n { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: var(--sp-red); color: #fff; font-weight: 700; }
.sp-step_t { font-size: 1.125rem; font-weight: 600; color: var(--sp-ink); }
.sp-step_d { color: var(--sp-muted); line-height: 1.5; }
.sp-step_d code { font: 500 .8125rem var(--sp-mono); overflow-wrap: anywhere; }

/* example prompts */
.sp-prompts { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.sp-prompts_card { display: flex; flex-direction: column; gap: .625rem; padding: 1.375rem; border: 1px solid var(--sp-line); border-radius: .875rem; background: #fff; }
.sp-prompts_role { margin: 0 0 .25rem; font-size: 1.0625rem; font-weight: 600; color: var(--sp-ink); }
.sp-prompts_p { margin: 0; padding: .625rem .875rem; border-radius: .875rem .875rem .875rem .25rem; background: var(--sp-soft); color: var(--sp-ink); font-size: .9375rem; line-height: 1.45; }

/* access profiles */
.sp-ladder table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.sp-ladder th, .sp-ladder td { padding: .75rem .875rem; border-bottom: 1px solid var(--sp-line); text-align: center; }
.sp-ladder thead th { font-size: .8125rem; font-weight: 600; color: var(--sp-muted); background: var(--sp-soft); }
.sp-ladder tbody th { text-align: left; font-weight: 600; white-space: nowrap; }
.sp-ladder tbody tr:last-child > * { border-bottom: 0; }
.sp-ladder td::before { content: ""; display: inline-block; width: .875rem; height: .875rem; border-radius: 50%; }
.sp-ladder td.is-yes::before { background: var(--sp-cyan); box-shadow: 0 0 0 4px rgba(17, 206, 215, .18); }
.sp-ladder td.is-no::before { width: .75rem; height: 2px; border-radius: 1px; background: #c9ccd8; vertical-align: middle; }

/* audit log */
.sp-audit_rows { display: grid; }
.sp-audit_row { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: .25rem .75rem; align-items: center; padding: .75rem 1.125rem; border-bottom: 1px solid var(--sp-line); font-size: .875rem; }
.sp-audit_row:last-child { border-bottom: 0; }
.sp-audit_time { color: var(--sp-muted); font-variant-numeric: tabular-nums; }
.sp-audit_row code { font: 500 .8125rem var(--sp-mono); color: var(--sp-violet); }
.sp-audit_obj { overflow-wrap: anywhere; }
.sp-audit_who { grid-column: 2 / span 2; color: var(--sp-muted); font-size: .8125rem; }

@media (max-width: 991px) {
  .sp-steps { grid-template-columns: minmax(0, 1fr); }
  .sp-visual { padding: 1rem; }
}

/* ------------------------------------------------ live widgets (widgets page, #live): tabs and a browser frame; the
   widget itself is mounted by js/subpages.js with the Smartico SDK */
.sp-live { display: grid; gap: 1rem; width: 100%; max-width: 62rem; margin: 0 auto; }
.sp-live_tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.sp-live_tab { padding: .625rem 1.125rem; border-radius: 999px; border: 1px solid var(--sp-line); background: #fff; color: var(--sp-ink); font: 600 .9375rem/1.2 "Lexend Deca", sans-serif; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.sp-live_tab:hover { border-color: var(--sp-red); }
.sp-live_tab[aria-selected="true"] { background: var(--sp-dark); border-color: var(--sp-dark); color: #fff; }
.sp-live_tab:focus-visible { outline: 2px solid var(--sp-cyan); outline-offset: 2px; }
.sp-live_frame { border-radius: 1rem; overflow: hidden; background: #0b0d14; border: 1px solid rgba(12, 10, 9, .12); box-shadow: 0 1.5rem 3rem rgba(24, 27, 43, .14); }
.sp-live_bar { display: flex; align-items: center; gap: .375rem; height: 2.25rem; padding: 0 .875rem; background: #161a2b; color: #8d93b0; font-size: .8125rem; }
.sp-live_bar i { width: .5rem; height: .5rem; border-radius: 50%; background: #39405f; }
.sp-live_bar span { margin-left: .5rem; }
.sp-live_pane { padding: 1rem; }
.sp-live_pane[hidden] { display: none; }
.sp-live_desc { margin: 0 0 1rem; color: #c9cee3; font-size: .9375rem; text-align: center; }
.sp-live_mount { min-height: 26rem; }
.sp-live_mount iframe { display: block; width: 100%; border: 0; }
.sp-live_msg { margin: .75rem 0 0; color: #c9cee3; font-size: .875rem; text-align: center; }
.sp-live_msg:empty { display: none; }
.sp-live_msg.is-error { color: #ff9a94; }

/* ------------------------------------------------ smartico.dev banner as its own section (promotions page) */
.sp-more-sec { padding: 0 0 4rem; }
.sp-live-sec .vibe-more { max-width: 62rem; margin-left: auto; margin-right: auto; }

/* ------------------------------------------------ "Try them live" (popups page, #demo): Play-style cards in three groups */
.sp-try_group { margin: 2.5rem 0 1rem; font-size: 1.375rem; font-weight: 600; }
.sp-try_group:first-of-type { margin-top: 0; }
.sp-try_grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.sp-try_block + .sp-try_block { margin-top: 3rem; }
/* the campaign flow of a group: 4 steps with arrows; they light up one by one when a Try button of the group is clicked */
.sp-tryflow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.25rem; margin: 0 0 1.5rem; padding: 0; list-style: none; counter-reset: sp-step; }
.sp-tryflow_step { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .125rem .625rem; align-content: start; padding: .875rem 1rem; border: 1px solid var(--sp-line); border-radius: .875rem; background: #fff; counter-increment: sp-step; transition: border-color .3s, box-shadow .3s, background-color .3s; }
.sp-tryflow_step:not(:last-child)::after { content: "\2192"; position: absolute; top: 50%; right: -1.625rem; transform: translateY(-50%); color: #b4b8c8; font-weight: 700; font-size: 1.125rem; }
.sp-tryflow_n { grid-row: span 2; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--sp-soft); color: var(--sp-muted); font-style: normal; font-size: .8125rem; font-weight: 700; transition: background-color .3s, color .3s; }
.sp-tryflow_n::before { content: counter(sp-step); }
.sp-tryflow_t { font-size: .9375rem; font-weight: 600; color: var(--sp-ink); line-height: 1.3; }
.sp-tryflow_d { font-size: .8125rem; color: var(--sp-muted); line-height: 1.4; overflow-wrap: anywhere; }
@keyframes sp-step-on { from { border-color: var(--sp-line); box-shadow: none; } to { border-color: var(--sp-red); box-shadow: 0 0 0 3px rgba(241, 88, 81, .15); background-color: #fff6f5; } }
@keyframes sp-num-on { from { background-color: var(--sp-soft); color: var(--sp-muted); } to { background-color: var(--sp-red); color: #fff; } }
@keyframes sp-arrow-on { from { color: #b4b8c8; } to { color: var(--sp-red); } }
.sp-tryflow.is-run .sp-tryflow_step { animation: sp-step-on .35s ease-out both; }
.sp-tryflow.is-run .sp-tryflow_n { animation: sp-num-on .35s ease-out both; }
.sp-tryflow.is-run .sp-tryflow_step::after { animation: sp-arrow-on .35s ease-out both; }
.sp-tryflow.is-run .sp-tryflow_step:nth-child(2), .sp-tryflow.is-run .sp-tryflow_step:nth-child(2) .sp-tryflow_n, .sp-tryflow.is-run .sp-tryflow_step:nth-child(1)::after { animation-delay: .7s; }
.sp-tryflow.is-run .sp-tryflow_step:nth-child(3), .sp-tryflow.is-run .sp-tryflow_step:nth-child(3) .sp-tryflow_n, .sp-tryflow.is-run .sp-tryflow_step:nth-child(2)::after { animation-delay: 1.4s; }
.sp-tryflow.is-run .sp-tryflow_step:nth-child(4), .sp-tryflow.is-run .sp-tryflow_step:nth-child(4) .sp-tryflow_n, .sp-tryflow.is-run .sp-tryflow_step:nth-child(3)::after { animation-delay: 2.1s; }
/* Try button while the action is on its way: the label gives way to three dots and a light bar fills the button */
.sp-try_btn { position: relative; overflow: hidden; }
.sp-try_bar, .sp-try_dots { display: none; }
.sp-try_btn.is-sending { pointer-events: none; }
.sp-try_btn.is-sending .button_span { visibility: hidden; }
.sp-try_btn.is-sending .sp-try_bar { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: rgba(255, 255, 255, .28); transform-origin: left center; animation: sp-try-fill 2.6s linear both; }
.sp-try_btn.is-sending .sp-try_dots { display: flex; position: absolute; inset: 0; align-items: center; justify-content: center; gap: .3125rem; }
.sp-try_dots > i { display: block; width: .4375rem; height: .4375rem; border-radius: 50%; background: #fff; animation: sp-try-dot .9s ease-in-out infinite both; }
.sp-try_dots > i:nth-child(2) { animation-delay: .15s; }
.sp-try_dots > i:nth-child(3) { animation-delay: .3s; }
@keyframes sp-try-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes sp-try-dot { 0%, 80%, 100% { transform: translateY(0); opacity: .5; } 40% { transform: translateY(-.3125rem); opacity: 1; } }
/* card art: small drawings in HTML (no screenshots), on casino colours */
.sp-art { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; color: #fff; font-family: "Lexend Deca", sans-serif; }
.sp-art.is-vip { background: radial-gradient(90% 80% at 50% 20%, #3a2c10 0%, #0d0b07 75%); }
.sp-art.is-velvet { background: radial-gradient(90% 80% at 50% 20%, #7a1426 0%, #2a0710 80%); }
.sp-art.is-marquee { background: radial-gradient(90% 80% at 50% 20%, #1d2448 0%, #0a0c1a 80%); }
.sp-art.is-green { background: radial-gradient(90% 80% at 50% 20%, #0f4a35 0%, #06180f 80%); }
.sp-art.is-felt { background: radial-gradient(90% 80% at 50% 30%, #1d5fa8 0%, #0b2547 80%); }
.sp-art.is-navy { background: linear-gradient(180deg, #151b33, #0b0e1a); }
.sp-art.is-graphite { background: radial-gradient(90% 80% at 50% 20%, #24302c 0%, #0d1110 80%); }
.sp-art_vip { font: 700 1.75rem/1 Georgia, "Times New Roman", serif; color: #f2cf6b; letter-spacing: .12em; }
.sp-art_bar { display: block; width: 46%; height: .625rem; border-radius: .3125rem; background: linear-gradient(180deg, #ffe08a, #c9952a); }
.sp-art_big { font-size: 2rem; font-weight: 800; color: #f9c440; line-height: 1; }
.sp-art_jp { display: grid; gap: .3125rem; padding: .625rem 1rem; border: 3px dotted #f9c440; border-radius: .625rem; text-align: center; }
.sp-art_jp b { font: 700 1rem/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #ffb02e; text-shadow: 0 0 .5rem rgba(255, 176, 46, .7); }
.sp-art_jp b:first-child { font-size: 1.25rem; color: #ff5f4f; text-shadow: 0 0 .5rem rgba(255, 95, 79, .7); }
.sp-art_wheel { display: block; width: 6.5rem; height: 6.5rem; }
.sp-art .vD-scratch { grid-template-columns: repeat(3, 2.25rem); gap: .375rem; padding: .5rem; }
.sp-art .vD-scratch b { position: relative; height: 2.25rem; font-size: 1.125rem; }
.sp-art_cards { display: grid; grid-template-columns: repeat(3, 2.25rem); gap: .375rem; }
.sp-art_cards i { display: grid; place-items: center; height: 3rem; border-radius: .375rem; background: repeating-linear-gradient(45deg, #b8352f 0 5px, #8e2420 5px 10px); border: 2px solid #fff; font-style: normal; font-size: 1.25rem; color: #f9c440; }
.sp-art_cards i.on { background: #fff; color: #e2a614; }
.sp-art_form { display: grid; gap: .375rem; justify-items: center; width: 9rem; padding: .625rem; border: 1.5px solid #c9a44c; border-radius: .625rem; }
.sp-art_form i:not(.sp-art_trophy) { display: block; width: 100%; height: .875rem; border-radius: .25rem; background: #0b0d16; border: 1px solid #3a3f58; }
.sp-art_form i.sel { border-color: #f2cf6b; }
.sp-art_form b { display: block; width: 100%; height: 1rem; border-radius: .25rem; background: linear-gradient(180deg, #ffe08a, #c9952a); }
.sp-art_trophy { display: block; width: 1.75rem; height: 1.5rem; border-radius: 0 0 .875rem .875rem; background: linear-gradient(180deg, #ffe08a, #c9952a); box-shadow: 0 .25rem 0 -.0625rem #8a6417; }
.sp-art_gauge { display: grid; place-items: center; width: 5.5rem; height: 5.5rem; border-radius: 50%; background: conic-gradient(#2ecc71 0 220deg, #2a3530 220deg 360deg); }
.sp-art_gauge b { display: grid; place-items: center; width: 4.25rem; height: 4.25rem; border-radius: 50%; background: #121816; color: #fff; font-size: .9375rem; }
.sp-art_chips { display: flex; gap: .375rem; }
.sp-art_chips i { font-style: normal; font-size: .75rem; font-weight: 600; padding: .125rem .5rem; border-radius: 999px; border: 1px solid #2ecc71; color: #b9f5cf; }
.sp-art_chips i.on { background: #2ecc71; color: #06180f; }
.sp-art_gift { display: block; position: relative; width: 4.5rem; height: 3.5rem; margin-top: 1rem; border-radius: .375rem; background: linear-gradient(90deg, #c0172b 0 40%, #f9c440 40% 60%, #c0172b 60%); }
.sp-art_gift::before { content: ""; position: absolute; left: -.375rem; right: -.375rem; top: -1rem; height: 1rem; border-radius: .25rem; background: linear-gradient(90deg, #a01224 0 40%, #f9c440 40% 60%, #a01224 60%); }
.sp-art_date { font: 700 .75rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .08em; padding: .25rem .5rem; border-radius: .375rem; border: 1px solid #f9c440; color: #f9c440; }

/* ------------------------------------------------ emails (popups page, #emails): dark band with the email carousel; the points list is also used under the video on the doodles page */
.vibe-car.is-mail .vibe-car_img { aspect-ratio: 2400 / 1237; }
.vibe-car.is-mail .vibe-car_btn { top: calc(25vw * 1237 / 2400 + .5rem); }
.sp-mail_pts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; max-width: 72rem; margin: 2.5rem auto 0; padding: 0; list-style: none; }
.sp-mail_pt { padding: 1rem 1.125rem; border-radius: .75rem; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); color: #c9cee3; font-size: .9375rem; line-height: 1.5; }
.sp-mail_pt code { color: #11ced7; }
.sp-mail_pt strong { color: #fff; font-weight: 600; }

/* ------------------------------------------------ "why a game beats a plain popup" (doodles page, #why): three relative numbers with sources */
.sp-stats_grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; max-width: 72rem; margin: 0 auto; }
.sp-stat { display: flex; flex-direction: column; gap: .75rem; padding: 2rem 1.75rem; border-radius: 1rem; background: #fff; border: 1px solid var(--sp-line); }
.sp-stat.is-lead { background: #171b2a; border-color: #171b2a; color: #fff; box-shadow: 0 1.5rem 3rem rgba(23, 27, 42, .25); }
.sp-stat_n { font-size: 3.5rem; font-weight: 700; line-height: 1; color: #0a7f86; }
.sp-stat.is-lead .sp-stat_n { color: #11ced7; }
.sp-stat_t { margin: 0; font-size: 1.0625rem; line-height: 1.45; color: var(--sp-ink); }
.sp-stat.is-lead .sp-stat_t { color: #fff; }
.sp-stats_note { max-width: 52rem; margin: 1.75rem auto 0; text-align: center; font-size: .875rem; line-height: 1.5; color: var(--sp-muted); }
.sp-stats_note a { color: #0a7f86; text-decoration: underline; }
@media (max-width: 767px) { .sp-stats_grid { grid-template-columns: minmax(0, 1fr); } .sp-stat_n { font-size: 2.75rem; } }

/* ------------------------------------------------ the video band (#video, Vimeo, 16:9: widgets, custom games, doodles) and the doodle game groups (#games) */
.sp-video { position: relative; width: 100%; max-width: 64rem; margin: 0 auto; aspect-ratio: 16 / 9; border-radius: 1rem; overflow: hidden; background: #000; border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 2rem 4rem rgba(0, 0, 0, .45); }
.sp-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sp-video video { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; background: #000; }
.sp-lib { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1rem; }
.sp-lib_card { display: flex; flex-direction: column; gap: .625rem; padding: 1.375rem; border: 1px solid var(--sp-line); border-radius: .875rem; background: #fff; }
.sp-lib_top { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; }
.sp-lib_name { margin: 0; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; color: var(--sp-ink); }
.sp-lib_n { flex: none; padding: .125rem .5rem; border-radius: 999px; background: rgba(17, 206, 215, .12); color: #0a7f86; font-size: .8125rem; font-weight: 600; white-space: nowrap; }
.sp-lib_d { margin: 0; color: var(--sp-muted); font-size: .9375rem; line-height: 1.5; }

@media (max-width: 991px) {
  .sp-try_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sp-tryflow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 2.25rem; }
  .sp-tryflow_step:nth-child(2)::after { content: none; }
  .sp-mail_pts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vibe-car.is-mail .vibe-car_btn { top: calc(32vw * 1237 / 2400 + .5rem); }
}
@media (max-width: 479px) {
  .sp-try_grid, .sp-mail_pts { grid-template-columns: minmax(0, 1fr); }
  .sp-tryflow { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .sp-tryflow_step:nth-child(2)::after { content: "\2193"; }
  .sp-tryflow_step:not(:last-child)::after { content: "\2193"; top: auto; bottom: -1.375rem; right: auto; left: 50%; transform: translateX(-50%); }
  .sp-live_pane { padding: .5rem; }
}
@media (prefers-reduced-motion: reduce) { .sp-live_tab, .sp-tryflow_step, .sp-tryflow_n { transition: none; } .sp-tryflow.is-run *, .sp-tryflow.is-run *::after, .sp-try_btn.is-sending * { animation-duration: .01s !important; animation-iteration-count: 1 !important; } }