/* V21 public-only identity. Owner stylesheet is also stripped by sendLoginPage for tenants. */

@font-face { font-family: "Inter"; src: url("/css/us-landing/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) {
  --paper: #000; --ink: #F7F8F4; --muted: #B5BAB1; --lime: #A1EA27; --line: #2B3028; --surface: #111311; --control-border: #777F72; --bg: #000; --text: #F7F8F4; --border: #2B3028; --accent: #A1EA27; --accent-rgb: 161,234,39; --accent-soft: #19230E; --input-bg: #000; --surface-hover: #1C201A; --primary-bg: #A1EA27; --primary-text: #0B1006; --primary-hover: #B7F152; --danger: #FF8F97; --focus: #F7F8F4 !important; --public-gutter: 24px; background: #000; color: #F7F8F4; color-scheme: dark; font-family: "Inter", system-ui, sans-serif; font-size: 16px; line-height: 1.6; margin: 0; min-width: 0;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) *,
:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) *::before,
:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) *::after {
  box-sizing: border-box;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) ::selection {
  background: var(--lime); color: #0B1006;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) :is(a,button,input,select) {
  font-family: inherit;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) a {
  color: inherit; text-underline-offset: .22em; overflow-wrap: anywhere;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) :is(h1,h2,h3,p) {
  overflow-wrap: break-word; hyphens: none;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) :focus-visible {
  outline: 2px solid var(--ink) !important; outline-offset: 3px;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar {
  width: min(1300px, calc(100% - 2 * var(--public-gutter))); margin: 0 auto; padding: 24px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px 32px; color: var(--ink);
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar .wordmark {
  display: inline-flex; gap: 12px; align-items: center; color: var(--ink); font-size: 24px; font-weight: 600; letter-spacing: -.03em; text-decoration: none;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar .wordmark img {
  width: 82px; height: 32px; max-width: none; object-fit: contain; flex: 0 0 82px; filter: none;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar nav {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; font-size: 16px;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar nav a {
  min-height: 48px; text-decoration: none;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar button {
  min-width: 48px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--control-border); border-radius: 8px; background: var(--surface); color: var(--ink);
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar button[aria-pressed="true"] {
  background: var(--lime); color: #0B1006; border-color: var(--lime);
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .site-footer,
:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .owner-public-footer {
  width: min(1300px, calc(100% - 2 * var(--public-gutter))); margin: 0 auto; padding: 28px 0; border-top: 1px solid var(--line); background: transparent; color: var(--muted); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; font-size: 14px;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .site-footer a,
:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .owner-public-footer a {
  display: inline-flex; align-items: center; min-height: 48px;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .owner-public-footer nav {
  display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px 20px;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .button {
  display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 12px 20px; border: 1px solid var(--lime); border-radius: 10px; background: var(--lime); color: #0B1006; font-size: 16px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; box-shadow: none;
}

:is(body.fvo-public-pricing, body.fvo-public-support) .public-document {
  width: min(1300px, calc(100% - 2 * var(--public-gutter))); max-width: 1300px !important; margin: 0 auto; padding: 48px 0 72px;
}

:is(body.fvo-public-pricing, body.fvo-public-support) .public-document h1 {
  font-size: clamp(36px, 4.5vw, 64px); line-height: 1.1; letter-spacing: -.035em; font-weight: 700; margin: 0 0 24px; text-wrap: balance;
}

:is(body.fvo-public-pricing, body.fvo-public-support) .public-document > article > p {
  max-width: 72ch; color: var(--muted); margin: 16px 0;
}

body.fvo-public-pricing .plans {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; align-items: stretch; margin: 40px 0 48px;
}

body.fvo-public-pricing .plan {
  min-width: 0; display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: none;
}

body.fvo-public-pricing .plan h2 {
  margin: 0; color: var(--ink); font-size: 28px; line-height: 1.2; letter-spacing: -.02em;
}

body.fvo-public-pricing .plan > p:first-of-type {
  flex: 1; margin: 16px 0 0; color: var(--muted); font-size: 16px; line-height: 1.5;
}

body.fvo-public-pricing .plan .plan-price {
  margin: 32px 0 0; color: var(--ink); font-size: clamp(40px, 4vw, 56px); line-height: 1.1; letter-spacing: -.03em; font-variant-numeric: tabular-nums;
}

body.fvo-public-pricing .plan .plan-price strong {
  font-weight: 700;
}

body.fvo-public-pricing .plan > p:last-of-type {
  margin: 8px 0 0; color: var(--muted);
}

body.fvo-public-pricing .plan .button {
  width: 100%; margin-top: 32px;
}

:is(body.fvo-public-pricing, body.fvo-public-support) .public-document > article > h2 {
  font-size: 28px; line-height: 1.25; letter-spacing: -.02em; margin: 32px 0 16px;
}

body.fvo-public-support .public-document > article {
  max-width: 72ch; margin-inline: auto; font-size: 17px; line-height: 1.65;
}

body.fvo-public-support .public-document p {
  margin: 16px 0; line-height: 1.65; color: var(--muted);
}

:is(body.fvo-public-pricing, body.fvo-public-support) .public-document > article > p a {
  color: var(--ink); text-decoration: underline;
}

body.fvo-public-support .support-contact-panel {
  max-width: 72ch; margin: 40px auto 0; padding: 32px; background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 16px;
}

body.fvo-public-support .support-contact-panel h2 {
  font-size: 28px; line-height: 1.25; margin: 0 0 16px;
}

body.fvo-public-support .support-contact-panel .button {
  margin-top: 8px;
}

/* Owner scope always requires an empty slug. Tenant markup and favicon hooks remain intact. */

body.fvo-public.fvo-owner-auth[data-gym-slug=""] {
  display: flex; flex-direction: column; min-height: 100vh;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-language {
  position: static; display: flex !important; order: initial; align-self: stretch; justify-content: flex-end; gap: 8px; width: min(1300px, calc(100% - 2 * var(--public-gutter))); margin: 12px auto 0; padding: 0;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-language .btn {
  min-width: 48px; min-height: 48px; width: auto; margin: 0; background: var(--surface); border: 1px solid var(--control-border); color: var(--ink); border-radius: 8px;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-language .active {
  background: var(--lime); border-color: var(--lime); color: #0B1006;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout {
  display: grid; flex: 1; grid-template-columns: minmax(0,1fr) minmax(360px,480px); align-items: start; justify-content: stretch; gap: 64px; width: min(1300px, calc(100% - 2 * var(--public-gutter))); max-width: 1300px; margin: 32px auto 64px; padding: 0;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .signup-story {
  display: block; min-width: 0; width: 100%; max-width: none; align-self: center; order: 0; color: var(--ink);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .signup-story > img,
body.fvo-public.fvo-owner-auth[data-gym-slug=""] .signup-story > .signup-hero-scene,
body.fvo-public.fvo-owner-auth[data-gym-slug=""] .public-topbar .wordmark > img:not(.fvo-owner-brand),
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #brandLogo {
  display: none;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .fvo-owner-story-media {
  display: block; width: 100%;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .fvo-owner-story-media img {
  display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; border-radius: 16px; filter: none; box-shadow: none;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .signup-story h2 {
  font-size: clamp(26px, 2.8vw, 40px); line-height: 1.15; letter-spacing: -.025em; margin: 24px 0 16px; color: var(--ink);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .signup-story p {
  font-size: 17px; line-height: 1.65; margin: 0; color: var(--muted); max-width: 60ch;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout .auth-card {
  order: 1; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 32px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); color: var(--ink); box-shadow: none; overflow: visible;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-card::before {
  display: none;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-card > .brand-block {
  display: block; margin: 0 0 28px;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .brand-block .fvo-owner-brand {
  display: block; width: 82px; height: 32px; margin: 0 auto 16px; filter: none; object-fit: contain;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .brand-block h1 {
  font-size: 28px; font-weight: 600; line-height: 1.2; margin: 0 0 12px; color: var(--ink);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .brand-block p {
  font-size: 15px; line-height: 1.5; color: var(--muted);
}

/* The header already identifies the platform. Keep registration focused on
   the account heading and the annual plan, without a second logo/tagline. */
body.fvo-public.fvo-owner-auth[data-gym-slug=""].is-register .auth-card > .brand-block {
  display: none;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] #registerForm > .brand-block {
  margin: 0 0 24px;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] #registerForm > .brand-block :is(h1,h2) {
  font-size: 26px; line-height: 1.2; letter-spacing: -.02em; color: var(--ink); margin: 0; text-align: left;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm) .field-group {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; align-items: stretch; margin: 0;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm) label {
  display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; color: var(--ink); font-size: 16px; line-height: 1.5;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm) .field-group > label:nth-of-type(5) {
  grid-column: auto;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm,.web-gym-entry) :is(input:not([type="checkbox"]),select) {
  width: 100%; min-width: 0; max-width: 100%; min-height: 48px; height: auto; margin: 0; padding: 12px; border: 1px solid var(--control-border); border-radius: 8px; background: var(--input-bg); color: var(--ink); font: inherit; font-size: 16px; line-height: 1.4; caret-color: var(--lime); box-shadow: none;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm,.web-gym-entry) input::placeholder {
  color: var(--muted); opacity: 1;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm,.web-gym-entry) :is(input,select):focus {
  border-color: var(--ink); box-shadow: none;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm) label:focus-within > span {
  color: var(--ink);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm,.web-gym-entry) :is(input,select):user-invalid {
  border-color: var(--danger);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm,.web-gym-entry) :is(input,select)[aria-invalid="true"] {
  border-color: var(--danger);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm,.web-gym-entry) input:-webkit-autofill {
  -webkit-text-fill-color: var(--ink); -webkit-box-shadow: 0 0 0 1000px #000 inset; caret-color: var(--lime);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] #registerForm .terms-check {
  display: flex; flex-direction: row; align-items: flex-start; gap: 12px; margin: 24px 0 16px; font-size: 14px; color: var(--muted);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] #registerForm input[type="checkbox"] {
  width: 20px; height: 20px; flex: 0 0 20px; margin: 2px 0 0; accent-color: var(--lime);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] #registerForm > p {
  margin: 12px 0; font-size: 14px; line-height: 1.6; color: var(--muted);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-card a,
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #backToLogin {
  color: var(--ink); opacity: 1; text-decoration: underline;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm) .btn-primary,
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #forgotSend {
  width: 100%; min-height: 48px; padding: 12px 16px; margin-top: 24px; border: 1px solid var(--lime); border-radius: 10px; background: var(--lime); color: #0B1006; font: inherit; font-size: 16px; font-weight: 600; line-height: 1.4; white-space: normal; box-shadow: none;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(#registerForm,#loginForm) .btn-primary:hover {
  background: var(--primary-hover); color: #0B1006;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] :is(button:disabled,[aria-busy="true"]) {
  cursor: wait; opacity: .65;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-card .error-msg {
  color: var(--danger); border-color: #8C434B; background: #281719; font-size: 14px; line-height: 1.5;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-card .error-msg[role="status"] {
  color: var(--ink); border-color: var(--control-border); background: #1C201A;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-status {
  color: var(--muted); font-size: 14px; line-height: 1.5; margin: 16px 0 0;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-status[data-state="error"] {
  color: var(--danger);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-card #forgotBox {
  margin-top: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #000;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .web-gym-entry {
  border-color: var(--line); color: var(--muted);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .web-gym-entry button,
body.fvo-public.fvo-owner-auth[data-gym-slug=""] .web-gym-roles > a {
  background: #000; border-color: var(--control-border); color: var(--ink); border-radius: 10px; min-height: 48px; white-space: normal;
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .web-gym-roles > .is-selected {
  border-color: var(--lime); background: var(--accent-soft);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .web-gym-entry h3 {
  font-size: 18px; line-height: 1.4; color: var(--ink);
}

body.fvo-public.fvo-owner-auth[data-gym-slug=""] .u-08442b4 > a {
  min-height: 44px; display: inline-flex; align-items: center;
}

:is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) [hidden] {
  display: none !important;
}

@media (max-width: 1023px) {
  body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout {
    grid-template-columns: minmax(0,1fr); gap: 40px; max-width: 680px;
  }
  body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout .auth-card {
    order: 0;
  }
  body.fvo-public.fvo-owner-auth[data-gym-slug=""] .signup-story {
    order: 1;
  }
}

@media (max-width: 799px) {
  body.fvo-public-pricing .plans {
    grid-template-columns: minmax(0,1fr);
  }
}

@media (max-width: 767px) {
  :is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) {
    --public-gutter: 16px;
  }
  :is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar {
    padding: 20px 0; gap: 12px;
  }
  :is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar .wordmark {
    font-size: 21px;
  }
  :is(body.fvo-public-pricing, body.fvo-public-support, body.fvo-owner-auth[data-gym-slug=""]) .public-topbar nav {
    width: 100%; gap: 4px 16px; font-size: 15px;
  }
  :is(body.fvo-public-pricing, body.fvo-public-support) .public-document {
    padding: 32px 0 48px;
  }
  body.fvo-public-support .public-document > article {
    font-size: 16px;
  }
  body.fvo-public-support .support-contact-panel {
    padding: 20px;
  }
  body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout {
    margin-top: 16px; margin-bottom: 40px;
  }
  body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout .auth-card {
    padding: 20px;
  }
}

/* Public sign-in, recovery and registration show only their form. */
body.fvo-public.fvo-owner-auth[data-gym-slug=""] .signup-story { display:none!important; }
body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout {
  grid-template-columns:minmax(0,1fr); justify-content:center; gap:0;
  width:min(480px,calc(100% - 2 * var(--public-gutter))); max-width:480px;
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] .auth-layout .auth-card { width:100%; max-width:100%; }
/* Change the annual plan in place without interrupting account details. */
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-picker {
  margin-top: 12px; border-top: 1px solid var(--line);
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-picker summary {
  min-height: 44px; padding: 10px 0; cursor: pointer; color: var(--lime); font-size: 14px; font-weight: 600;
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-picker summary:focus-visible {
  outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 4px;
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-picker fieldset {
  display: grid; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0;
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-picker legend {
  padding: 0 0 8px; font-size: 12px; color: var(--muted);
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary label.signup-plan-option {
  display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 4px 10px; align-items: center; min-height: 64px;
  padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font-size: 14px;
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-option:has(input:checked) {
  border-color: var(--lime); background: var(--accent-soft);
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-option input[type="radio"] {
  grid-row: 1 / 3; width: 18px; height: 18px; min-height: 18px; margin: 0; padding: 0; accent-color: var(--lime);
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-option-name {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px;
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-option-name small {
  color: var(--muted); font-size: 12px;
}
body.fvo-public.fvo-owner-auth[data-gym-slug=""] #signupPlanSummary .signup-plan-option-price {
  grid-column: 2; color: var(--ink); font-size: 13px; font-variant-numeric: tabular-nums;
}