/* MDN's fonts and its colour, type and layout tokens for the releases page's
 * support tables (assets/js/compat-table.js), written by tools/compat-table/build.mjs
 * from https://github.com/mdn/fred (commit 7aded86), under the Mozilla Public
 * License 2.0 (https://mozilla.org/MPL/2.0/). The fonts, Inter and JetBrains
 * Mono, are under the SIL Open Font License 1.1 (assets/fonts/*-OFL.txt). */

@font-feature-values "Inter" {
  @styleset {
    /* stylelint-disable-next-line at-rule-descriptor-no-unknown */
    disambiguation: 2;
  }
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-feature-settings: "calt" 0;

  src: url("../fonts/inter-latin.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-feature-settings: "calt" 0;

  src: url("../fonts/inter-italic-latin.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-feature-settings: "calt" 0;

  src: url("../fonts/inter-latin-extended.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-feature-settings: "calt" 0;

  src: url("../fonts/inter-italic-latin-extended.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-feature-settings: "calt" 0;

  src: url("../fonts/inter-cyrillic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-feature-settings: "calt" 0;

  src: url("../fonts/inter-italic-cyrillic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;

  src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
  size-adjust: 95%;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: italic;
  font-weight: 100 800;

  src: url("../fonts/jetbrains-mono-italic-latin.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
  size-adjust: 95%;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;

  src: url("../fonts/jetbrains-mono-latin-extended.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  size-adjust: 95%;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: italic;
  font-weight: 100 800;

  src: url("../fonts/jetbrains-mono-italic-latin-extended.woff2") format("woff2");
  font-display: swap;
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  size-adjust: 95%;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;

  src: url("../fonts/jetbrains-mono-cyrillic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  size-adjust: 95%;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: italic;
  font-weight: 100 800;

  src: url("../fonts/jetbrains-mono-italic-cyrillic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  size-adjust: 95%;
}

mdn-compat-table-lazy {
  display: block;
  --csstools-color-scheme--light: initial;
  color-scheme: light;
--csstools-light-dark-toggle-7b318cb1-0: var(--csstools-color-scheme--light) var(--color-gray-40);
--color-border-primary: var(--csstools-light-dark-toggle-7b318cb1-0, var(--color-gray-60));
  --csstools-light-dark-toggle-7b318cb1-1: var(--csstools-color-scheme--light) var(--color-gray-60);
  --color-border-secondary: var(--csstools-light-dark-toggle-7b318cb1-1, var(--color-gray-40));
  --csstools-light-dark-toggle-7b318cb1-2: var(--csstools-color-scheme--light) var(--color-blue-80);
  --color-border-active: var(--csstools-light-dark-toggle-7b318cb1-2, var(--color-blue-50));
--csstools-light-dark-toggle-7b318cb1-3: var(--csstools-color-scheme--light) var(--color-gray-05);
--color-background-page: var(--csstools-light-dark-toggle-7b318cb1-3, var(--color-white));
  --csstools-light-dark-toggle-7b318cb1-4: var(--csstools-color-scheme--light) var(--color-gray-10);
  --color-background-primary: var(--csstools-light-dark-toggle-7b318cb1-4, var(--color-gray-90));
  --csstools-light-dark-toggle-7b318cb1-5: var(--csstools-color-scheme--light) var(--color-gray-20);
  --color-background-secondary: var(--csstools-light-dark-toggle-7b318cb1-5, var(--color-gray-80));
--csstools-light-dark-toggle-7b318cb1-6: var(--csstools-color-scheme--light) var(--color-red-10);
--color-background-red: var(--csstools-light-dark-toggle-7b318cb1-6, var(--color-red-90));
  --csstools-light-dark-toggle-7b318cb1-7: var(--csstools-color-scheme--light) var(--color-orange-10);
  --color-background-orange: var(--csstools-light-dark-toggle-7b318cb1-7, var(--color-orange-90));
  --csstools-light-dark-toggle-7b318cb1-8: var(--csstools-color-scheme--light) var(--color-yellow-10);
  --color-background-yellow: var(--csstools-light-dark-toggle-7b318cb1-8, var(--color-yellow-90));
  --csstools-light-dark-toggle-7b318cb1-9: var(--csstools-color-scheme--light) var(--color-green-10);
  --color-background-green: var(--csstools-light-dark-toggle-7b318cb1-9, var(--color-green-90));
  --csstools-light-dark-toggle-7b318cb1-10: var(--csstools-color-scheme--light) var(--color-blue-10);
  --color-background-blue: var(--csstools-light-dark-toggle-7b318cb1-10, var(--color-blue-90));
  --csstools-light-dark-toggle-7b318cb1-11: var(--csstools-color-scheme--light) var(--color-purple-10);
  --color-background-purple: var(--csstools-light-dark-toggle-7b318cb1-11, var(--color-purple-90));
--csstools-light-dark-toggle-7b318cb1-12: var(--csstools-color-scheme--light) var(--color-white);
--color-text-primary: var(--csstools-light-dark-toggle-7b318cb1-12, var(--color-black));
  --csstools-light-dark-toggle-7b318cb1-13: var(--csstools-color-scheme--light) var(--color-gray-60);
  --color-text-secondary: var(--csstools-light-dark-toggle-7b318cb1-13, var(--color-gray-40));
--csstools-light-dark-toggle-7b318cb1-14: var(--csstools-color-scheme--light) var(--color-red-80);
--color-text-red: var(--csstools-light-dark-toggle-7b318cb1-14, var(--color-red-20));
  --csstools-light-dark-toggle-7b318cb1-15: var(--csstools-color-scheme--light) var(--color-orange-80);
  --color-text-orange: var(--csstools-light-dark-toggle-7b318cb1-15, var(--color-orange-20));
  --csstools-light-dark-toggle-7b318cb1-16: var(--csstools-color-scheme--light) var(--color-yellow-80);
  --color-text-yellow: var(--csstools-light-dark-toggle-7b318cb1-16, var(--color-yellow-20));
  --csstools-light-dark-toggle-7b318cb1-17: var(--csstools-color-scheme--light) var(--color-green-80);
  --color-text-green: var(--csstools-light-dark-toggle-7b318cb1-17, var(--color-green-20));
  --csstools-light-dark-toggle-7b318cb1-18: var(--csstools-color-scheme--light) var(--color-blue-80);
  --color-text-blue: var(--csstools-light-dark-toggle-7b318cb1-18, var(--color-blue-20));
  --csstools-light-dark-toggle-7b318cb1-19: var(--csstools-color-scheme--light) var(--color-purple-80);
  --color-text-purple: var(--csstools-light-dark-toggle-7b318cb1-19, var(--color-purple-20));
--csstools-light-dark-toggle-7b318cb1-20: var(--csstools-color-scheme--light) var(--color-blue-80);
--color-link-normal: var(--csstools-light-dark-toggle-7b318cb1-20, var(--color-blue-20));
  --csstools-light-dark-toggle-7b318cb1-21: var(--csstools-color-scheme--light) var(--color-purple-80);
  --color-link-visited: var(--csstools-light-dark-toggle-7b318cb1-21, var(--color-purple-20));
--color-white: hsl(0deg 0% 100%);
  --color-white-alpha-25: hsl(0deg 0% 100% / 25%);
  --color-white-alpha-75: hsl(0deg 0% 100% / 75%);

  --color-black: hsl(0deg 0% 0%);
  --color-black-alpha-25: hsl(0deg 0% 0% / 25%);
  --color-black-alpha-75: hsl(0deg 0% 0% / 75%);
--color-gray-90: hsl(212deg 7% 97%);
  --color-gray-80: hsl(212deg 7% 93.5%);
  --color-gray-60: hsl(212deg 7% 78%);
  --color-gray-40: hsl(212deg 7% 34%);
  --color-gray-20: hsl(212deg 7% 19%);
  --color-gray-10: hsl(212deg 7% 14%);
  --color-gray-05: hsl(212deg 7% 10%);
--color-red-90: hsl(350deg 100% 95%);
  --color-red-80: hsl(350deg 96% 74%);
  --color-red-50: hsl(350deg 84% 45%);
  --color-red-20: hsl(350deg 84% 39%);
  --color-red-10: hsl(350deg 74% 17%);

  --color-orange-90: hsl(25deg 92% 96%);
  --color-orange-80: hsl(25deg 99% 78%);
  --color-orange-50: hsl(25deg 76% 53%);
  --color-orange-20: hsl(25deg 90% 40%);
  --color-orange-10: hsl(25deg 65% 15%);

  --color-yellow-90: hsl(46deg 97% 88%);
  --color-yellow-80: hsl(46deg 90% 80%);
  --color-yellow-50: hsl(46deg 92% 47%);
  --color-yellow-20: hsl(46deg 85% 32%);
  --color-yellow-10: hsl(46deg 90% 18%);

  --color-green-90: hsl(145deg 40% 94%);
  --color-green-80: hsl(145deg 75% 68%);
  --color-green-50: hsl(145deg 90% 30%);
  --color-green-20: hsl(145deg 88% 19%);
  --color-green-10: hsl(145deg 60% 12%);

  --color-blue-90: hsl(212deg 91% 96%);
  --color-blue-80: hsl(212deg 98% 82%);
  --color-blue-50: hsl(212deg 90% 39%);
  --color-blue-20: hsl(212deg 95% 32%);
  --color-blue-10: hsl(212deg 82% 15%);

  --color-purple-90: hsl(267deg 99% 97%);
  --color-purple-80: hsl(267deg 99% 86%);
  --color-purple-50: hsl(267deg 76% 56%);
  --color-purple-20: hsl(267deg 70% 40%);
  --color-purple-10: hsl(267deg 65% 16%);
--font-family-text: "Inter", sans-serif;
  --font-family-code: "JetBrains Mono", monospace;

  --font-line-content: 1.75;
  --font-line-normal: 1.5;
  --font-line-header: 1.25;
  --font-line-ui: 1;

  --font-size-largest: 2.5rem;
  --font-size-larger: 2rem;
  --font-size-large: 1.5rem;
  --font-size-medium: 1.25rem;
  --font-size-normal: 1rem;
  --font-size-small: 0.8rem;

  --font-weight-normal: 400;
  --font-weight-bold: 600;
--layout-side-padding-min: 1rem;
  --layout-side-padding: max(
    var(--layout-side-padding-min),
    calc((100vw - 1440px + (2rem)) / 2)
  );
  --layout-full-width: calc(100vw - 2 * var(--layout-side-padding));

  --layout-sidebar-min: 15rem;
  --layout-sidebar-gap: 2rem;
  --layout-sidebar-padding: 1rem;
  --layout-content-min: 31rem;
  --layout-content-max: 48rem;

  /* prettier-ignore */
  --layout-2-sidebars:
    [full-start left-sidebar-start]
      minmax(var(--layout-sidebar-min), 1fr)
    [left-sidebar-end]
      var(--layout-sidebar-gap)
    [content-start]
      minmax(0, var(--layout-content-max))
    [content-end]
      var(--layout-sidebar-gap)
    [right-sidebar-start]
      minmax(var(--layout-sidebar-min), 1fr)
    [full-end right-sidebar-end];

  /* prettier-ignore */
  --layout-1-sidebar-left:
    [full-start sidebar-start left-sidebar-start]
      minmax(var(--layout-sidebar-min), 1fr)
    [sidebar-end left-sidebar-end]
      var(--layout-sidebar-gap)
    [content-start]
      minmax(0, var(--layout-content-max))
    [full-end content-end]
      minmax(0, 1fr);

  /* prettier-ignore */
  --layout-1-sidebar-right:
      minmax(0, 1fr)
    [full-start content-start]
      minmax(0, var(--layout-content-max))
    [content-end]
      var(--layout-sidebar-gap)
    [sidebar-start right-sidebar-start]
      minmax(var(--layout-sidebar-min), 1fr)
    [full-end sidebar-end right-sidebar-end];

  /* prettier-ignore */
  --layout-no-sidebar:
    [full-start]
      1fr
    [content-start]
      minmax(0, var(--layout-content-max))
    [content-end]
      1fr
    [full-end];

  /* prettier-ignore */
  --layout-no-sidebar-extended:
    [extended-full-start]
      var(--layout-side-padding)
    [full-start]
      1fr
    [content-start]
      minmax(0, var(--layout-content-max))
    [content-end]
      1fr
    [full-end]
      var(--layout-side-padding)
    [extended-full-end];
font-family: var(--font-family-text);
  font-size: var(--font-size-normal);
  font-feature-settings: "calt" 0;
  font-variant-alternates: styleset(disambiguation);

  line-height: var(--font-line-normal);

  color: var(--color-text-primary);

  overflow-wrap: break-word;
}

@supports (color: light-dark(red, red)) {
mdn-compat-table-lazy {
--color-border-primary: light-dark(
    var(--color-gray-60),
    var(--color-gray-40)
  );
  --color-border-secondary: light-dark(
    var(--color-gray-40),
    var(--color-gray-60)
  );
  --color-border-active: light-dark(var(--color-blue-50), var(--color-blue-80));
--color-background-page: light-dark(var(--color-white), var(--color-gray-05));
  --color-background-primary: light-dark(
    var(--color-gray-90),
    var(--color-gray-10)
  );
  --color-background-secondary: light-dark(
    var(--color-gray-80),
    var(--color-gray-20)
  );
--color-background-red: light-dark(var(--color-red-90), var(--color-red-10));
  --color-background-orange: light-dark(
    var(--color-orange-90),
    var(--color-orange-10)
  );
  --color-background-yellow: light-dark(
    var(--color-yellow-90),
    var(--color-yellow-10)
  );
  --color-background-green: light-dark(
    var(--color-green-90),
    var(--color-green-10)
  );
  --color-background-blue: light-dark(
    var(--color-blue-90),
    var(--color-blue-10)
  );
  --color-background-purple: light-dark(
    var(--color-purple-90),
    var(--color-purple-10)
  );
--color-text-primary: light-dark(var(--color-black), var(--color-white));
  --color-text-secondary: light-dark(
    var(--color-gray-40),
    var(--color-gray-60)
  );
--color-text-red: light-dark(var(--color-red-20), var(--color-red-80));
  --color-text-orange: light-dark(
    var(--color-orange-20),
    var(--color-orange-80)
  );
  --color-text-yellow: light-dark(
    var(--color-yellow-20),
    var(--color-yellow-80)
  );
  --color-text-green: light-dark(var(--color-green-20), var(--color-green-80));
  --color-text-blue: light-dark(var(--color-blue-20), var(--color-blue-80));
  --color-text-purple: light-dark(
    var(--color-purple-20),
    var(--color-purple-80)
  );
--color-link-normal: light-dark(var(--color-blue-20), var(--color-blue-80));
  --color-link-visited: light-dark(
    var(--color-purple-20),
    var(--color-purple-80)
  );
}
}

@supports not (color: light-dark(tan, tan)) {

mdn-compat-table-lazy * {
--csstools-light-dark-toggle-7b318cb1-0: var(--csstools-color-scheme--light) var(--color-gray-40);
--color-border-primary: var(--csstools-light-dark-toggle-7b318cb1-0, var(--color-gray-60));
  --csstools-light-dark-toggle-7b318cb1-1: var(--csstools-color-scheme--light) var(--color-gray-60);
  --color-border-secondary: var(--csstools-light-dark-toggle-7b318cb1-1, var(--color-gray-40));
  --csstools-light-dark-toggle-7b318cb1-2: var(--csstools-color-scheme--light) var(--color-blue-80);
  --color-border-active: var(--csstools-light-dark-toggle-7b318cb1-2, var(--color-blue-50));
--csstools-light-dark-toggle-7b318cb1-3: var(--csstools-color-scheme--light) var(--color-gray-05);
--color-background-page: var(--csstools-light-dark-toggle-7b318cb1-3, var(--color-white));
  --csstools-light-dark-toggle-7b318cb1-4: var(--csstools-color-scheme--light) var(--color-gray-10);
  --color-background-primary: var(--csstools-light-dark-toggle-7b318cb1-4, var(--color-gray-90));
  --csstools-light-dark-toggle-7b318cb1-5: var(--csstools-color-scheme--light) var(--color-gray-20);
  --color-background-secondary: var(--csstools-light-dark-toggle-7b318cb1-5, var(--color-gray-80));
--csstools-light-dark-toggle-7b318cb1-6: var(--csstools-color-scheme--light) var(--color-red-10);
--color-background-red: var(--csstools-light-dark-toggle-7b318cb1-6, var(--color-red-90));
  --csstools-light-dark-toggle-7b318cb1-7: var(--csstools-color-scheme--light) var(--color-orange-10);
  --color-background-orange: var(--csstools-light-dark-toggle-7b318cb1-7, var(--color-orange-90));
  --csstools-light-dark-toggle-7b318cb1-8: var(--csstools-color-scheme--light) var(--color-yellow-10);
  --color-background-yellow: var(--csstools-light-dark-toggle-7b318cb1-8, var(--color-yellow-90));
  --csstools-light-dark-toggle-7b318cb1-9: var(--csstools-color-scheme--light) var(--color-green-10);
  --color-background-green: var(--csstools-light-dark-toggle-7b318cb1-9, var(--color-green-90));
  --csstools-light-dark-toggle-7b318cb1-10: var(--csstools-color-scheme--light) var(--color-blue-10);
  --color-background-blue: var(--csstools-light-dark-toggle-7b318cb1-10, var(--color-blue-90));
  --csstools-light-dark-toggle-7b318cb1-11: var(--csstools-color-scheme--light) var(--color-purple-10);
  --color-background-purple: var(--csstools-light-dark-toggle-7b318cb1-11, var(--color-purple-90));
--csstools-light-dark-toggle-7b318cb1-12: var(--csstools-color-scheme--light) var(--color-white);
--color-text-primary: var(--csstools-light-dark-toggle-7b318cb1-12, var(--color-black));
  --csstools-light-dark-toggle-7b318cb1-13: var(--csstools-color-scheme--light) var(--color-gray-60);
  --color-text-secondary: var(--csstools-light-dark-toggle-7b318cb1-13, var(--color-gray-40));
--csstools-light-dark-toggle-7b318cb1-14: var(--csstools-color-scheme--light) var(--color-red-80);
--color-text-red: var(--csstools-light-dark-toggle-7b318cb1-14, var(--color-red-20));
  --csstools-light-dark-toggle-7b318cb1-15: var(--csstools-color-scheme--light) var(--color-orange-80);
  --color-text-orange: var(--csstools-light-dark-toggle-7b318cb1-15, var(--color-orange-20));
  --csstools-light-dark-toggle-7b318cb1-16: var(--csstools-color-scheme--light) var(--color-yellow-80);
  --color-text-yellow: var(--csstools-light-dark-toggle-7b318cb1-16, var(--color-yellow-20));
  --csstools-light-dark-toggle-7b318cb1-17: var(--csstools-color-scheme--light) var(--color-green-80);
  --color-text-green: var(--csstools-light-dark-toggle-7b318cb1-17, var(--color-green-20));
  --csstools-light-dark-toggle-7b318cb1-18: var(--csstools-color-scheme--light) var(--color-blue-80);
  --color-text-blue: var(--csstools-light-dark-toggle-7b318cb1-18, var(--color-blue-20));
  --csstools-light-dark-toggle-7b318cb1-19: var(--csstools-color-scheme--light) var(--color-purple-80);
  --color-text-purple: var(--csstools-light-dark-toggle-7b318cb1-19, var(--color-purple-20));
--csstools-light-dark-toggle-7b318cb1-20: var(--csstools-color-scheme--light) var(--color-blue-80);
--color-link-normal: var(--csstools-light-dark-toggle-7b318cb1-20, var(--color-blue-20));
  --csstools-light-dark-toggle-7b318cb1-21: var(--csstools-color-scheme--light) var(--color-purple-80);
  --color-link-visited: var(--csstools-light-dark-toggle-7b318cb1-21, var(--color-purple-20));
  }
}

@media print {
  mdn-compat-table-lazy {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
}