/* Subset: Cyrillic */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("/_build/assets/IBMPlexMono-Regular-Cyrillic-BXMPDyz3.woff2") format("woff2");
	unicode-range: U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525
}
/* Subset: Latin1 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("/_build/assets/IBMPlexMono-Regular-Latin1-BsnL3gsb.woff2") format("woff2");
	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
/* Subset: Latin2 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("/_build/assets/IBMPlexMono-Regular-Latin2-Bx2Zd6oW.woff2") format("woff2");
	unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF
}
/* Subset: Latin3 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("/_build/assets/IBMPlexMono-Regular-Latin3-Df6MHWOD.woff2") format("woff2");
	unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB
}
/* Subset: Pi */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("/_build/assets/IBMPlexMono-Regular-Pi-DGYmctoh.woff2") format("woff2");
	unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2028-2029, U+202F, U+2032-2033, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD
}
/* Subset: Cyrillic */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 450;
	src: local("IBM Plex Mono Text"), local("IBMPlexMono-Text"), url("/_build/assets/IBMPlexMono-Text-Cyrillic-U5c0MAOO.woff2") format("woff2");
	unicode-range: U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525
}
/* Subset: Latin1 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 450;
	src: local("IBM Plex Mono Text"), local("IBMPlexMono-Text"), url("/_build/assets/IBMPlexMono-Text-Latin1-CBqqOVbe.woff2") format("woff2");
	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
/* Subset: Latin2 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 450;
	src: local("IBM Plex Mono Text"), local("IBMPlexMono-Text"), url("/_build/assets/IBMPlexMono-Text-Latin2-Cj2FjSO2.woff2") format("woff2");
	unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF
}
/* Subset: Latin3 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 450;
	src: local("IBM Plex Mono Text"), local("IBMPlexMono-Text"), url("/_build/assets/IBMPlexMono-Text-Latin3-BzGqnmuC.woff2") format("woff2");
	unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB
}
/* Subset: Pi */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 450;
	src: local("IBM Plex Mono Text"), local("IBMPlexMono-Text"), url("/_build/assets/IBMPlexMono-Text-Pi-DmpKTJR3.woff2") format("woff2");
	unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2028-2029, U+202F, U+2032-2033, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD
}
/* Subset: Cyrillic */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	src: local("IBM Plex Mono Medm"), local("IBMPlexMono-Medm"), url("/_build/assets/IBMPlexMono-Medium-Cyrillic-BOiAQoG0.woff2") format("woff2");
	unicode-range: U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525
}
/* Subset: Latin1 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	src: local("IBM Plex Mono Medm"), local("IBMPlexMono-Medm"), url("/_build/assets/IBMPlexMono-Medium-Latin1-DBHUbp12.woff2") format("woff2");
	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
/* Subset: Latin2 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	src: local("IBM Plex Mono Medm"), local("IBMPlexMono-Medm"), url("/_build/assets/IBMPlexMono-Medium-Latin2-Cd_w34W8.woff2") format("woff2");
	unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF
}
/* Subset: Latin3 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	src: local("IBM Plex Mono Medm"), local("IBMPlexMono-Medm"), url("/_build/assets/IBMPlexMono-Medium-Latin3-f4QIWwph.woff2") format("woff2");
	unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB
}
/* Subset: Pi */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	src: local("IBM Plex Mono Medm"), local("IBMPlexMono-Medm"), url("/_build/assets/IBMPlexMono-Medium-Pi-CemwrcNb.woff2") format("woff2");
	unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2028-2029, U+202F, U+2032-2033, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD
}
/* Subset: Cyrillic */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	src: local("IBM Plex Mono SmBld"), local("IBMPlexMono-SmBld"), url("/_build/assets/IBMPlexMono-SemiBold-Cyrillic-mAYZ68us.woff2") format("woff2");
	unicode-range: U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525
}
/* Subset: Latin1 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	src: local("IBM Plex Mono SmBld"), local("IBMPlexMono-SmBld"), url("/_build/assets/IBMPlexMono-SemiBold-Latin1-iYs1QkgK.woff2") format("woff2");
	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
/* Subset: Latin2 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	src: local("IBM Plex Mono SmBld"), local("IBMPlexMono-SmBld"), url("/_build/assets/IBMPlexMono-SemiBold-Latin2-Chnj1oVO.woff2") format("woff2");
	unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF
}
/* Subset: Latin3 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	src: local("IBM Plex Mono SmBld"), local("IBMPlexMono-SmBld"), url("/_build/assets/IBMPlexMono-SemiBold-Latin3-BPRD-mvZ.woff2") format("woff2");
	unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB
}
/* Subset: Pi */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	src: local("IBM Plex Mono SmBld"), local("IBMPlexMono-SmBld"), url("/_build/assets/IBMPlexMono-SemiBold-Pi-9Wgz4jOm.woff2") format("woff2");
	unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2028-2029, U+202F, U+2032-2033, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD
}
/* Subset: Cyrillic */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("/_build/assets/IBMPlexMono-Bold-Cyrillic-nvZLiZK6.woff2") format("woff2");
	unicode-range: U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525
}
/* Subset: Latin1 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("/_build/assets/IBMPlexMono-Bold-Latin1-K_Zucu9w.woff2") format("woff2");
	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
/* Subset: Latin2 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("/_build/assets/IBMPlexMono-Bold-Latin2-DAZxErNs.woff2") format("woff2");
	unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF
}
/* Subset: Latin3 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("/_build/assets/IBMPlexMono-Bold-Latin3-D_utWMu8.woff2") format("woff2");
	unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB
}
/* Subset: Pi */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("/_build/assets/IBMPlexMono-Bold-Pi-DnmNI11F.woff2") format("woff2");
	unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2028-2029, U+202F, U+2032-2033, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD
}
/* Subset: Cyrillic */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url("/_build/assets/IBMPlexMono-Italic-Cyrillic-DLvEK-0r.woff2") format("woff2");
	unicode-range: U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525
}
/* Subset: Latin1 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url("/_build/assets/IBMPlexMono-Italic-Latin1-BEGMiYkX.woff2") format("woff2");
	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
/* Subset: Latin2 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url("/_build/assets/IBMPlexMono-Italic-Latin2-CUMLBQsM.woff2") format("woff2");
	unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF
}
/* Subset: Latin3 */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url("/_build/assets/IBMPlexMono-Italic-Latin3-dwGfTAvb.woff2") format("woff2");
	unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB
}
/* Subset: Pi */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url("/_build/assets/IBMPlexMono-Italic-Pi-Cz82mS5A.woff2") format("woff2");
	unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2028-2029, U+202F, U+2032-2033, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD
}
:root {
  --color-white: #ffffff;
  --color-black: #000000;

  /* Default light theme colors */
  --color-bg: #ffffff;
  --color-bg-surface: #f5f5f7;
  --color-bg-elevated: #ffffff;

  --color-text: #1d1d1f;
  --color-text-secondary: #424245;
  --color-text-muted: #6e6e73;
  --color-text-disabled: #86868b;

  --color-accent: #007aff;
  --color-accent-hover: #0056b3;
  --color-accent-active: #004085;

  --color-success: #30d158;
  --color-warning: #ff9f0a;
  --color-danger: #ff3b30;

  --color-border: #d2d2d7;
  --color-border-muted: #e5e5ea;

  /* Button colors */
  --color-primary: var(--color-accent);
  --color-primary-hover: var(--color-accent-hover);
  --color-primary-active: var(--color-accent-active);
  --color-primary-text: #ffffff;

  --color-danger: #ff3b30;
  --color-danger-hover: #d70015;
  --color-danger-active: #a50011;
  --color-danger-text: #ffffff;

  --color-warning: #ff9f0a;
  --color-warning-hover: #cc7f08;
  --color-warning-active: #995f06;
  --color-warning-text: #000000;

  /* Surface colors */
  --color-surface: var(--color-bg-surface);
  --color-surface-hover: var(--color-bg-elevated);
  --color-surface-border: var(--color-border);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0c0c0e;
    --color-bg-surface: #161618;
    --color-bg-elevated: #1c1c1f;

    --color-text: #ffffff;
    --color-text-secondary: #c7c7cc;
    --color-text-muted: #a1a1a6;
    --color-text-disabled: #68686f;

    --color-accent: #007aff;
    --color-accent-hover: #0056b3;
    --color-accent-active: #004085;

    --color-success: #30d158;
    --color-warning: #ff9f0a;
    --color-danger: #ff453a;

    --color-border: #38383a;
    --color-border-muted: #2c2c2e;

    /* Button colors */
    --color-primary: var(--color-accent);
    --color-primary-hover: var(--color-accent-hover);
    --color-primary-active: var(--color-accent-active);
    --color-primary-text: #ffffff;

    --color-danger: #ff453a;
    --color-danger-hover: #d70015;
    --color-danger-active: #a50011;
    --color-danger-text: #ffffff;

    --color-warning: #ff9f0a;
    --color-warning-hover: #cc7f08;
    --color-warning-active: #995f06;
    --color-warning-text: #000000;

    /* Surface colors */
    --color-surface: var(--color-bg-surface);
    --color-surface-hover: var(--color-bg-elevated);
    --color-surface-border: var(--color-border);
  }
}
body {
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-md: 0.9375rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;

  --font-mono:
    "Berkeley Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --font-sans: var(--font-mono);
}
body {
  --space-0: 0;
  --space-px: 1px;
  --space-0-5: 0.125rem;
  --space-0-75: 0.1875rem;
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-2-5: 0.625rem;
  --space-3: 0.75rem;
  --space-3-5: 0.875rem;
  --space-4: 1rem;
  --space-4-5: 1.125rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-17: 4.25rem;
  --space-18: 4.5rem;
  --space-19: 4.75rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-36: 9rem;
  --space-40: 10rem;
  --space-44: 11rem;
  --space-48: 12rem;
  --space-52: 13rem;
  --space-56: 14rem;
  --space-60: 15rem;
  --space-64: 16rem;
  --space-72: 18rem;
  --space-80: 20rem;
  --space-96: 24rem;

  --border-radius-sm: 0.1875rem;
  --border-radius-md: 0.3125rem;
  --border-radius-lg: 0.5rem;
}

[data-component="button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--font-size-md);
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  user-select: none;

  &:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  &:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-primary);
  }

  &[data-color="primary"] {
    background-color: var(--color-primary);
    color: var(--color-primary-text);
    border-color: var(--color-primary);

    &:hover:not(:disabled) {
      background-color: var(--color-primary-hover);
      border-color: var(--color-primary-hover);
    }

    &:active:not(:disabled) {
      background-color: var(--color-primary-active);
      border-color: var(--color-primary-active);
    }
  }

  &[data-color="danger"] {
    background-color: var(--color-danger);
    color: var(--color-danger-text);
    border-color: var(--color-danger);

    &:hover:not(:disabled) {
      background-color: var(--color-danger-hover);
      border-color: var(--color-danger-hover);
    }

    &:active:not(:disabled) {
      background-color: var(--color-danger-active);
      border-color: var(--color-danger-active);
    }

    &:focus {
      box-shadow: 0 0 0 2px var(--color-danger);
    }
  }

  &[data-color="warning"] {
    background-color: var(--color-warning);
    color: var(--color-warning-text);
    border-color: var(--color-warning);

    &:hover:not(:disabled) {
      background-color: var(--color-warning-hover);
      border-color: var(--color-warning-hover);
    }

    &:active:not(:disabled) {
      background-color: var(--color-warning-active);
      border-color: var(--color-warning-active);
    }

    &:focus {
      box-shadow: 0 0 0 2px var(--color-warning);
    }
  }

  &[data-size="small"] {
    padding: var(--space-2) var(--space-3);
    font-size: var(--font-size-sm);
    gap: var(--space-1-5);
  }

  &[data-size="large"] {
    padding: var(--space-4) var(--space-6);
    font-size: var(--font-size-lg);
    gap: var(--space-3);
  }

  [data-slot="icon"] {
    display: flex;
    align-items: center;
    width: 1em;
    height: 1em;
  }
}
/* Answers stay in the server HTML so they can be read without JavaScript and indexed. */
[data-slot="faq-answer"][data-closed] {
  display: none;
}
/* Several controls reset their outline; give keyboard users a visible focus ring back. */
[data-component="nav-mobile-toggle"]:focus-visible,
[data-slot="command"]:focus-visible,
[data-component="email"] [data-slot="form"] button:focus-visible,
[data-component="cli-row"]:focus-visible,
[data-component="brand-grid"] button:focus-visible {
  outline: 2px solid var(--color-text-strong) !important;
  outline-offset: 2px;
}

/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}

body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input,
button,
textarea,
select {
  font: inherit;
}

/* 8. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/*
  10. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}
html {
  line-height: 1;
  background-color: var(--color-bg);
  color: var(--color-text);
}

body {
  font-family: var(--font-sans);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}