UNPKG

carbon-components-angular

Version:
1,549 lines 931 kB
@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; border: 0; margin: 0; font: inherit; font-feature-settings: "liga" 1; font-size: 100%; vertical-align: baseline; } button, select, input, textarea { border-radius: 0; font-family: inherit; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { background-color: var(--cds-background, #ffffff); color: var(--cds-text-primary, #161616); line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } table { border-collapse: collapse; border-spacing: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html { font-size: 100%; } body { font-weight: 400; font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } code { font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace; } strong { font-weight: 600; } @media screen and (-ms-high-contrast: active) { svg { fill: ButtonText; } } h1 { font-size: var(--cds-heading-06-font-size, 2.625rem); font-weight: var(--cds-heading-06-font-weight, 300); line-height: var(--cds-heading-06-line-height, 1.199); letter-spacing: var(--cds-heading-06-letter-spacing, 0); } h2 { font-size: var(--cds-heading-05-font-size, 2rem); font-weight: var(--cds-heading-05-font-weight, 400); line-height: var(--cds-heading-05-line-height, 1.25); letter-spacing: var(--cds-heading-05-letter-spacing, 0); } h3 { font-size: var(--cds-heading-04-font-size, 1.75rem); font-weight: var(--cds-heading-04-font-weight, 400); line-height: var(--cds-heading-04-line-height, 1.28572); letter-spacing: var(--cds-heading-04-letter-spacing, 0); } h4 { font-size: var(--cds-heading-03-font-size, 1.25rem); font-weight: var(--cds-heading-03-font-weight, 400); line-height: var(--cds-heading-03-line-height, 1.4); letter-spacing: var(--cds-heading-03-letter-spacing, 0); } h5 { font-size: var(--cds-heading-02-font-size, 1rem); font-weight: var(--cds-heading-02-font-weight, 600); line-height: var(--cds-heading-02-line-height, 1.5); letter-spacing: var(--cds-heading-02-letter-spacing, 0); } h6 { font-size: var(--cds-heading-01-font-size, 0.875rem); font-weight: var(--cds-heading-01-font-weight, 600); line-height: var(--cds-heading-01-line-height, 1.42857); letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px); } p { font-size: var(--cds-body-02-font-size, 1rem); font-weight: var(--cds-body-02-font-weight, 400); line-height: var(--cds-body-02-line-height, 1.5); letter-spacing: var(--cds-body-02-letter-spacing, 0); } a { color: var(--cds-link-primary, #0062fe); } em { font-style: italic; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 300; src: url('IBMPlexMono-Light-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 300; src: url('IBMPlexMono-Light-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 300; src: url('IBMPlexMono-Light-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 300; src: url('IBMPlexMono-Light-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 300; src: url('IBMPlexMono-Light-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; src: url('IBMPlexMono-LightItalic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; src: url('IBMPlexMono-LightItalic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; src: url('IBMPlexMono-LightItalic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; src: url('IBMPlexMono-LightItalic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; src: url('IBMPlexMono-LightItalic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; src: url('IBMPlexMono-Regular-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; src: url('IBMPlexMono-Regular-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; src: url('IBMPlexMono-Regular-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; src: url('IBMPlexMono-Regular-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; src: url('IBMPlexMono-Regular-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 400; src: url('IBMPlexMono-Italic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 400; src: url('IBMPlexMono-Italic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 400; src: url('IBMPlexMono-Italic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 400; src: url('IBMPlexMono-Italic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 400; src: url('IBMPlexMono-Italic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; src: url('IBMPlexMono-SemiBold-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; src: url('IBMPlexMono-SemiBold-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; src: url('IBMPlexMono-SemiBold-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; src: url('IBMPlexMono-SemiBold-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; src: url('IBMPlexMono-SemiBold-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 600; src: url('IBMPlexMono-SemiBoldItalic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 600; src: url('IBMPlexMono-SemiBoldItalic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 600; src: url('IBMPlexMono-SemiBoldItalic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 600; src: url('IBMPlexMono-SemiBoldItalic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Mono"; font-style: italic; font-weight: 600; src: url('IBMPlexMono-SemiBoldItalic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 300; src: url('IBMPlexSans-Light-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 300; src: url('IBMPlexSans-Light-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 300; src: url('IBMPlexSans-Light-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 300; src: url('IBMPlexSans-Light-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 300; src: url('IBMPlexSans-Light-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 300; src: url('IBMPlexSans-LightItalic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 300; src: url('IBMPlexSans-LightItalic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 300; src: url('IBMPlexSans-LightItalic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 300; src: url('IBMPlexSans-LightItalic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 300; src: url('IBMPlexSans-LightItalic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; src: url('IBMPlexSans-Regular-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; src: url('IBMPlexSans-Regular-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; src: url('IBMPlexSans-Regular-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; src: url('IBMPlexSans-Regular-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; src: url('IBMPlexSans-Regular-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 400; src: url('IBMPlexSans-Italic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 400; src: url('IBMPlexSans-Italic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 400; src: url('IBMPlexSans-Italic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 400; src: url('IBMPlexSans-Italic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 400; src: url('IBMPlexSans-Italic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; src: url('IBMPlexSans-SemiBold-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; src: url('IBMPlexSans-SemiBold-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; src: url('IBMPlexSans-SemiBold-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; src: url('IBMPlexSans-SemiBold-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; src: url('IBMPlexSans-SemiBold-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 600; src: url('IBMPlexSans-SemiBoldItalic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 600; src: url('IBMPlexSans-SemiBoldItalic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 600; src: url('IBMPlexSans-SemiBoldItalic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 600; src: url('IBMPlexSans-SemiBoldItalic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Sans"; font-style: italic; font-weight: 600; src: url('IBMPlexSans-SemiBoldItalic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 300; src: url('IBMPlexSerif-Light-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 300; src: url('IBMPlexSerif-Light-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 300; src: url('IBMPlexSerif-Light-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 300; src: url('IBMPlexSerif-Light-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 300; src: url('IBMPlexSerif-Light-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 300; src: url('IBMPlexSerif-LightItalic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 300; src: url('IBMPlexSerif-LightItalic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 300; src: url('IBMPlexSerif-LightItalic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 300; src: url('IBMPlexSerif-LightItalic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 300; src: url('IBMPlexSerif-LightItalic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 400; src: url('IBMPlexSerif-Regular-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 400; src: url('IBMPlexSerif-Regular-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 400; src: url('IBMPlexSerif-Regular-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 400; src: url('IBMPlexSerif-Regular-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 400; src: url('IBMPlexSerif-Regular-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 400; src: url('IBMPlexSerif-Italic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 400; src: url('IBMPlexSerif-Italic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 400; src: url('IBMPlexSerif-Italic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 400; src: url('IBMPlexSerif-Italic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 400; src: url('IBMPlexSerif-Italic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 600; src: url('IBMPlexSerif-SemiBold-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 600; src: url('IBMPlexSerif-SemiBold-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 600; src: url('IBMPlexSerif-SemiBold-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 600; src: url('IBMPlexSerif-SemiBold-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: normal; font-weight: 600; src: url('IBMPlexSerif-SemiBold-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 600; src: url('IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2') format("woff2"); unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 600; src: url('IBMPlexSerif-SemiBoldItalic-Pi.woff2') format("woff2"); unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 600; src: url('IBMPlexSerif-SemiBoldItalic-Latin3.woff2') format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 600; src: url('IBMPlexSerif-SemiBoldItalic-Latin2.woff2') format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02; } @font-face { font-display: swap; font-family: "IBM Plex Serif"; font-style: italic; font-weight: 600; src: url('IBMPlexSerif-SemiBoldItalic-Latin1.woff2') format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-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+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; } :root { --cds-grid-gutter: 2rem; --cds-grid-columns: 4; --cds-grid-margin: 0; } @media (min-width: 42rem) { :root { --cds-grid-columns: 8; --cds-grid-margin: 1rem; } } @media (min-width: 66rem) { :root { --cds-grid-columns: 16; } } @media (min-width: 99rem) { :root { --cds-grid-margin: 1.5rem; } } .cds--css-grid { --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2); --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2); --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2); display: grid; grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr)); inline-size: 100%; margin-inline: auto; max-inline-size: 99rem; padding-inline: var(--cds-grid-margin); } .cds--css-grid--full-width { max-inline-size: 100%; } .cds--css-grid-column { --cds-grid-mode-start: var(--cds-grid-gutter-start); --cds-grid-mode-end: var(--cds-grid-gutter-end); margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end); } [dir=rtl] .cds--css-grid-column { margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start); } .cds--css-grid--narrow { --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */ } .cds--css-grid--condensed { --cds-grid-gutter: 0.0625rem; --cds-grid-column-hang: 0.96875rem; } .cds--css-grid--start { margin-inline-start: 0; } .cds--css-grid--end { margin-inline-end: 0; } .cds--subgrid { display: grid; grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr)); margin-inline: calc(var(--cds-grid-mode-start) * -1) calc(var(--cds-grid-mode-end) * -1); } [dir=rtl] .cds--subgrid { margin-inline: calc(var(--cds-grid-mode-end) * -1) calc(var(--cds-grid-mode-start) * -1); } .cds--subgrid--wide { --cds-grid-gutter-start: 1rem; --cds-grid-gutter-end: 1rem; --cds-grid-column-hang: 0; } .cds--subgrid--narrow { --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */ --cds-grid-gutter-end: 1rem; --cds-grid-column-hang: 1rem; } .cds--subgrid--condensed { --cds-grid-gutter-start: 0.03125rem; --cds-grid-gutter-end: 0.03125rem; --cds-grid-column-hang: 0.96875rem; } .cds--grid-column-hang { margin-inline-start: var(--cds-grid-column-hang); } [dir=rtl] .cds--grid-column-hang { margin-inline: initial var(--cds-grid-column-hang); } .cds--col-span-0 { display: none; } .cds--col-span-1 { --cds-grid-columns: 1; display: block; grid-column: span 1/span 1; } .cds--col-span-2 { --cds-grid-columns: 2; display: block; grid-column: span 2/span 2; } .cds--col-span-3 { --cds-grid-columns: 3; display: block; grid-column: span 3/span 3; } .cds--col-span-4 { --cds-grid-columns: 4; display: block; grid-column: span 4/span 4; } .cds--col-span-5 { --cds-grid-columns: 5; display: block; grid-column: span 5/span 5; } .cds--col-span-6 { --cds-grid-columns: 6; display: block; grid-column: span 6/span 6; } .cds--col-span-7 { --cds-grid-columns: 7; display: block; grid-column: span 7/span 7; } .cds--col-span-8 { --cds-grid-columns: 8; display: block; grid-column: span 8/span 8; } .cds--col-span-9 { --cds-grid-columns: 9; display: block; grid-column: span 9/span 9; } .cds--col-span-10 { --cds-grid-columns: 10; display: block; grid-column: span 10/span 10; } .cds--col-span-11 { --cds-grid-columns: 11; display: block; grid-column: span 11/span 11; } .cds--col-span-12 { --cds-grid-columns: 12; display: block; grid-column: span 12/span 12; } .cds--col-span-13 { --cds-grid-columns: 13; display: block; grid-column: span 13/span 13; } .cds--col-span-14 { --cds-grid-columns: 14; display: block; grid-column: span 14/span 14; } .cds--col-span-15 { --cds-grid-columns: 15; display: block; grid-column: span 15/span 15; } .cds--col-span-16 { --cds-grid-columns: 16; display: block; grid-column: span 16/span 16; } .cds--sm\:col-span-0 { display: none; } .cds--sm\:col-span-1 { --cds-grid-columns: 1; display: block; grid-column: span 1/span 1; } .cds--sm\:col-span-2 { --cds-grid-columns: 2; display: block; grid-column: span 2/span 2; } .cds--sm\:col-span-3 { --cds-grid-columns: 3; display: block; grid-column: span 3/span 3; } .cds--sm\:col-span-4 { --cds-grid-columns: 4; display: block; grid-column: span 4/span 4; } .cds--sm\:col-span-auto { grid-column: auto; } .cds--sm\:col-span-100 { grid-column: 1/-1; } .cds--sm\:col-span-75 { --cds-grid-columns: 3; grid-column: span 3 / span 3; } .cds--sm\:col-span-50 { --cds-grid-columns: 2; grid-column: span 2 / span 2; } .cds--sm\:col-span-25 { --cds-grid-columns: 1; grid-column: span 1 / span 1; } @media (min-width: 42rem) { .cds--md\:col-span-0 { display: none; } } @media (min-width: 42rem) { .cds--md\:col-span-1 { --cds-grid-columns: 1; display: block; grid-column: span 1/span 1; } } @media (min-width: 42rem) { .cds--md\:col-span-2 { --cds-grid-columns: 2; display: block; grid-column: span 2/span 2; } } @media (min-width: 42rem) { .cds--md\:col-span-3 { --cds-grid-columns: 3; display: block; grid-column: span 3/span 3; } } @media (min-width: 42rem) { .cds--md\:col-span-4 { --cds-grid-columns: 4; display: block; grid-column: span 4/span 4; } } @media (min-width: 42rem) { .cds--md\:col-span-5 { --cds-grid-columns: 5; display: block; grid-column: span 5/span 5; } } @media (min-width: 42rem) { .cds--md\:col-span-6 { --cds-grid-columns: 6; display: block; grid-column: span 6/span 6; } } @media (min-width: 42rem) { .cds--md\:col-span-7 { --cds-grid-columns: 7; display: block; grid-column: span 7/span 7; } } @media (min-width: 42rem) { .cds--md\:col-span-8 { --cds-grid-columns: 8; display: block; grid-column: span 8/span 8; } } @media (min-width: 42rem) { .cds--md\:col-span-auto { grid-column: auto; } .cds--md\:col-span-100 { grid-column: 1/-1; } .cds--md\:col-span-75 { --cds-grid-columns: 6; grid-column: span 6 / span 6; } .cds--md\:col-span-50 { --cds-grid-columns: 4; grid-column: span 4 / span 4; } .cds--md\:col-span-25 { --cds-grid-columns: 2; grid-column: span 2 / span 2; } } @media (min-width: 66rem) { .cds--lg\:col-span-0 { display: none; } } @media (min-width: 66rem) { .cds--lg\:col-span-1 { --cds-grid-columns: 1; display: block; grid-column: span 1/span 1; } } @media (min-width: 66rem) { .cds--lg\:col-span-2 { --cds-grid-columns: 2; display: block; grid-column: span 2/span 2; } } @media (min-width: 66rem) { .cds--lg\:col-span-3 { --cds-grid-columns: 3; display: block; grid-column: span 3/span 3; } } @media (min-width: 66rem) { .cds--lg\:col-span-4 { --cds-grid-columns: 4; display: block; grid-column: span 4/span 4; } } @media (min-width: 66rem) { .cds--lg\:col-span-5 { --cds-grid-columns: 5; display: block; grid-column: span 5/span 5; } } @media (min-width: 66rem) { .cds--lg\:col-span-6 { --cds-grid-columns: 6; display: block; grid-column: span 6/span 6; } } @media (min-width: 66rem) { .cds--lg\:col-span-7 { --cds-grid-columns: 7; display: block; grid-column: span 7/span 7; } } @media (min-width: 66rem) { .cds--lg\:col-span-8 { --cds-grid-columns: 8; display: block; grid-column: span 8/span 8; } } @media (min-width: 66rem) { .cds--lg\:col-span-9 { --cds-grid-columns: 9; display: block; grid-column: span 9/span 9; } } @media (min-width: 66rem) { .cds--lg\:col-span-10 { --cds-grid-columns: 10; display: block; grid-column: span 10/span 10; } } @media (min-width: 66rem) { .cds--lg\:col-span-11 { --cds-grid-columns: 11; display: block; grid-column: span 11/span 11; } } @media (min-width: 66rem) { .cds--lg\:col-span-12 { --cds-grid-columns: 12; display: block; grid-column: span 12/span 12; } } @media (min-width: 66rem) { .cds--lg\:col-span-13 { --cds-grid-columns: 13; display: block; grid-column: span 13/span 13; } } @media (min-width: 66rem) { .cds--lg\:col-span-14 { --cds-grid-columns: 14; display: block; grid-column: span 14/span 14; } } @media (min-width: 66rem) { .cds--lg\:col-span-15 { --cds-grid-columns: 15; display: block; grid-column: span 15/span 15; } } @media (min-width: 66rem) { .cds--lg\:col-span-16 { --cds-grid-columns: 16; display: block; grid-column: span 16/span 16; } } @media (min-width: 66rem) { .cds--lg\:col-span-auto { grid-column: auto; } .cds--lg\:col-span-100 { grid-column: 1/-1; } .cds--lg\:col-span-75 { --cds-grid-columns: 12; grid-column: span 12 / span 12; } .cds--lg\:col-span-50 { --cds-grid-columns: 8; grid-column: span 8 / span 8; } .cds--lg\:col-span-25 { --cds-grid-columns: 4; grid-column: span 4 / span 4; } } @media (min-width: 82rem) { .cds--xlg\:col-span-0 { display: none; } } @media (min-width: 82rem) { .cds--xlg\:col-span-1 { --cds-grid-columns: 1; display: block; grid-column: span 1/span 1; } } @media (min-width: 82rem) { .cds--xlg\:col-span-2 { --cds-grid-columns: 2; display: block; grid-column: span 2/span 2; } } @media (min-width: 82rem) { .cds--xlg\:col-span-3 { --cds-grid-columns: 3; display: block; grid-column: span 3/span 3; } } @media (min-width: 82rem) { .cds--xlg\:col-span-4 { --cds-grid-columns: 4; display: block; grid-column: span 4/span 4; } } @media (min-width: 82rem) { .cds--xlg\:col-span-5 { --cds-grid-columns: 5; display: block; grid-column: span 5/span 5; } } @media (min-width: 82rem) { .cds--xlg\:col-span-6 { --cds-grid-columns: 6; display: block; grid-column: span 6/span 6; } } @media (min-width: 82rem) { .cds--xlg\:col-span-7 { --cds-grid-columns: 7; display: block; grid-column: span 7/span 7; } } @media (min-width: 82rem) { .cds--xlg\:col-span-8 { --cds-grid-columns: 8; display: block; grid-column: span 8/span 8; } } @media (min-width: 82rem) { .cds--xlg\:col-span-9 { --cds-grid-columns: 9; display: block; grid-column: span 9/span 9; } } @media (min-width: 82rem) { .cds--xlg\:col-span-10 { --cds-grid-columns: 10; display: block; grid-column: span 10/span 10; } } @media (min-width: 82rem) { .cds--xlg\:col-span-11 { --cds-grid-columns: 11; display: block; grid-column: span 11/span 11; } } @media (min-width: 82rem) { .cds--xlg\:col-span-12 { --cds-grid-columns: 12; display: block; grid-column: span 12/span 12; } } @media (min-width: 82rem) { .cds--xlg\:col-span-13 { --cds-grid-columns: 13; display: block; grid-column: span 13/span 13; } } @media (min-width: 82rem) { .cds--xlg\:col-span-14 { --cds-grid-columns: 14; display: block; grid-column: span 14/span 14; } } @media (min-width: 82rem) { .cds--xlg\:col-span-15 { --cds-grid-columns: 15; display: block; grid-column: span 15/span 15; } } @media (min-width: 82rem) { .cds--xlg\:col-span-16 { --cds-grid-columns: 16; display: block; grid-column: span 16/span 16; } } @media (min-width: 82rem) { .cds--xlg\:col-span-auto { grid-column: auto; } .cds--xlg\:col-span-100 { grid-column: 1/-1; } .cds--xlg\:col-span-75 { --cds-grid-columns: 12; grid-column: span 12 / span 12; } .cds--xlg\:col-span-50 { --cds-grid-columns: 8; grid-column: span 8 / span 8; } .cds--xlg\:col-span-25 { --cds-grid-columns: 4; grid-column: span 4 / span 4; } } @media (min-width: 99rem) { .cds--max\:col-span-0 { display: none; } } @media (min-width: 99rem) { .cds--max\:col-span-1 { --cds-grid-columns: 1; display: block; grid-column: span 1/span 1; } } @media (min-width: 99rem) { .cds--max\:col-span-2 { --cds-grid-columns: 2; display: block; grid-column: span 2/span 2; } } @media (min-width: 99rem) { .cds--max\:col-span-3 { --cds-grid-columns: 3; display: block; grid-column: span 3/span 3; } } @media (min-width: 99rem) { .cds--max\:col-span-4 { --cds-grid-columns: 4; display: block; grid-column: span 4/span 4; } } @media (min-width: 99rem) { .cds--max\:col-span-5 { --cds-grid-columns: 5; display: block; grid-column: span 5/span 5; } } @media (min-width: 99rem) { .cds--max\:col-span-6 { --cds-grid-columns: 6; display: block; grid-column: span 6/span 6; } } @media (min-width: 99rem) { .cds--max\:col-span-7 { --cds-grid-columns: 7; display: block; grid-column: span 7/span 7; } }