/* R92UX build - do not edit here, edit r92ux/parts/ */
/* --- pub-30-public.css --- */
/* R92UX public pages: F08 compact cookie banner, F14 LTR fields, F23 tap targets */
#slp-consent { padding: 10px 12px !important; gap: 8px 12px !important; font-size: 13px !important; line-height: 1.45 !important; border-radius: 12px !important; max-width: 520px !important; }
#slp-consent > div:first-child { flex: 1 1 220px !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#slp-consent button { min-height: 40px; padding-block: 6px !important; font-size: 13px !important; }
@media (max-width: 760px) {
  #slp-consent { inset-inline: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; font-size: 12.5px !important; padding: 8px 10px !important; }
  #slp-consent > div:first-child { -webkit-line-clamp: 2; flex-basis: 100% !important; }
  #slp-consent > div:last-child { width: 100%; }
  #slp-consent > div:last-child button { flex: 1 1 0; min-height: 44px; }
}
/* the page scrolls far enough that nothing (Turnstile, password fields, the /app download block, the sticky CTA) stays under it */
body.r92-cc { padding-bottom: calc(var(--r92-cc-h, 0px) + 16px) !important; }
body:has(dialog[open]) #slp-consent, body:has([role="dialog"][aria-modal="true"]:not(#slp-consent):not([hidden])) #slp-consent { display: none !important; }

input[type=email], input[type=url], input[type=password], input[type=tel] { direction: ltr; }
/* a password field with a show/hide eye: in a right-to-left page the eye sits on the left, where LTR text now starts */
html[dir="rtl"] input[data-r92-pw] { padding-left: 48px !important; }
input[type=email]::placeholder, input[type=password]::placeholder { direction: inherit; }

.r92-touch .r92-hit { position: relative; }
.r92-touch .r92-hit::after { content: ''; position: absolute; inset: -12px -4px; }
@media (hover: none) and (pointer: coarse) {
  input[type=checkbox] { min-width: 22px; min-height: 22px; }
}

/* --- pub-50-theme.css --- */
/* R92UX public pages: the theme switch, and the light palette (the public pages were dark only).
 * Light is a token swap of the R60UI4/R6 public design (site.css) and the older landing tokens, plus the few
 * surfaces that are hard-coded dark. Dark stays exactly as it was. */
html.r92-theming, html.r92-theming * { transition: none !important; }
.r92-pt { position: relative; display: inline-flex; align-items: center; margin-inline: 4px; }
.r92-pt-btn { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--r4-line-2, rgba(255, 255, 255, .12)); background: transparent; color: var(--r4-ink-2, #a9b2c6); cursor: pointer; }
.r92-pt-btn:hover { color: var(--r4-ink, #f4f6fc); }
.r92-pt-btn:focus-visible, .r92-pt-pop button:focus-visible { outline: 2px solid #8b5cf6; outline-offset: 2px; }
.r92-pt-pop { position: absolute; top: calc(100% + 8px); inset-inline-end: 0; z-index: 1000; min-width: 170px; padding: 6px; border-radius: 12px; display: flex; flex-direction: column; gap: 2px;
  background: var(--r6-surface-2, #0f1427); border: 1px solid var(--r4-line-2, rgba(255, 255, 255, .12)); box-shadow: 0 16px 40px rgba(0, 0, 0, .4); }
.r92-pt-pop[hidden] { display: none; }
.r92-pt-pop button { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--r4-ink, #f4f6fc); font: inherit; font-size: 14px; cursor: pointer; text-align: start; }
.r92-pt-pop button:hover { background: rgba(127, 127, 127, .12); }
.r92-pt-pop button[aria-checked="true"] { background: rgba(139, 92, 246, .16); }
.r92-pt--float { position: fixed; top: 12px; inset-inline-end: 12px; z-index: 1000; }

/* ---------- light palette ---------- */
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) {
  color-scheme: light;
  --r4-bg: #f7f8fb; --r4-ink: #0d1222; --r4-ink-2: #414a60; --r4-ink-3: #5d667c;
  --r4-line: rgba(13, 18, 34, .08); --r4-line-2: rgba(13, 18, 34, .13);
  --r4-card: linear-gradient(180deg, #ffffff, #fbfbfe); --r4-hl: inset 0 1px 0 rgba(255, 255, 255, .9);
  --r4-sh-1: 0 1px 2px rgba(13, 18, 34, .06), 0 6px 16px -8px rgba(13, 18, 34, .12);
  --r4-sh-2: 0 1px 3px rgba(13, 18, 34, .06), 0 16px 36px -14px rgba(13, 18, 34, .18);
  --r4-sh-3: 0 2px 6px rgba(13, 18, 34, .07), 0 30px 60px -24px rgba(30, 20, 90, .22);
  --r4-lilac: #6d4fe0;
  --r6-ink: #0d1222; --r6-ink-2: #414a60; --r6-ink-3: #5d667c; --r6-ink-4: #7a8297;
  --r6-line: rgba(13, 18, 34, .08); --r6-line-2: rgba(13, 18, 34, .13);
  --r6-surface: #ffffff; --r6-surface-2: #f1f3f8;
  --r6-ring: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(13, 18, 34, .08), 0 0 0 1px rgba(13, 18, 34, .02);
  --r6-sh: 0 1px 2px rgba(13, 18, 34, .06), 0 12px 24px -14px rgba(13, 18, 34, .16);
  --r6-sh-hi: 0 1px 2px rgba(13, 18, 34, .06), 0 24px 48px -20px rgba(13, 18, 34, .22);
  --bg-0: #f7f8fb; --bg-1: #ffffff; --bg-2: #f1f3f8; --bg-3: #e8ebf3; --surface: #ffffff;
  --text: #0d1222; --text-2: #414a60; --text-3: #5d667c; --text-muted: #5d667c;
  --border: rgba(13, 18, 34, .1); --border-strong: rgba(13, 18, 34, .16);
  --shadow-card: 0 16px 40px -18px rgba(13, 18, 34, .2);
}
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) body { background: var(--r4-bg) !important; color: var(--r4-ink); }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) body::before, html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) body::after { opacity: .25; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) header.top, html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) .top { background: rgba(247, 248, 251, .88) !important; border-color: var(--r4-line) !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) .card, html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) .auth-card { background: #fff !important; background-image: none !important; color: var(--r4-ink); box-shadow: var(--r4-sh-2) !important; border-color: var(--r4-line) !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) input:not([type=checkbox]):not([type=radio]), html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) select, html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) textarea {
  background: #fff !important; color: #0d1222 !important; border-color: rgba(13, 18, 34, .16) !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) input::placeholder, html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) textarea::placeholder { color: #7a8297 !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) footer, html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) .foot { background: transparent !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) .r92-pt-pop { background: #fff; box-shadow: 0 16px 40px rgba(13, 18, 34, .16); }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) #slp-consent { background: #fff !important; color: #0d1222 !important; border-color: rgba(13, 18, 34, .12) !important; box-shadow: 0 10px 30px rgba(13, 18, 34, .16) !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) #slp-consent button[data-c="0"] { color: #0d1222 !important; border-color: rgba(13, 18, 34, .2) !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) #slp-consent a { color: #2563eb !important; }
html[data-theme="light"]:not(#r4):not(#r5):not(#r6):not(#r92) img.r53-img[src*="mark-dark-bg"] { content: url("/brand/r53/mark-light-bg.svg?v=r53logo1"); }