@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(../fonts/Mono/web/woff2/IBMPlexMono-Italic-Pi.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Italic-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(../fonts/Mono/web/woff2/IBMPlexMono-Italic-Latin3.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Italic-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(../fonts/Mono/web/woff2/IBMPlexMono-Italic-Latin2.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Italic-Latin2.woff) format("woff");
    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-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(../fonts/Mono/web/woff2/IBMPlexMono-Italic-Latin1.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Italic-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Mono"), local("IBMPlexMono"), url(../fonts/Mono/web/woff2/IBMPlexMono-Regular-Pi.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Regular-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Mono"), local("IBMPlexMono"), url(../fonts/Mono/web/woff2/IBMPlexMono-Regular-Latin3.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Regular-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Mono"), local("IBMPlexMono"), url(../fonts/Mono/web/woff2/IBMPlexMono-Regular-Latin2.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Regular-Latin2.woff) format("woff");
    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-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Mono"), local("IBMPlexMono"), url(../fonts/Mono/web/woff2/IBMPlexMono-Regular-Latin1.woff2) format("woff2"), url(../fonts/Mono/web/woff/IBMPlexMono-Regular-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(../fonts/Sans/web/woff2/IBMPlexSans-Italic-Pi.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Italic-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(../fonts/Sans/web/woff2/IBMPlexSans-Italic-Latin3.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Italic-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(../fonts/Sans/web/woff2/IBMPlexSans-Italic-Latin2.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Italic-Latin2.woff) format("woff");
    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-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(../fonts/Sans/web/woff2/IBMPlexSans-Italic-Latin1.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Italic-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(../fonts/Sans/web/woff2/IBMPlexSans-Light-Pi.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Light-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(../fonts/Sans/web/woff2/IBMPlexSans-Light-Latin3.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Light-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(../fonts/Sans/web/woff2/IBMPlexSans-Light-Latin2.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Light-Latin2.woff) format("woff");
    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-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(../fonts/Sans/web/woff2/IBMPlexSans-Light-Latin1.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Light-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-LightItalic-Pi.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-LightItalic-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-LightItalic-Latin3.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-LightItalic-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-LightItalic-Latin2.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-LightItalic-Latin2.woff) format("woff");
    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-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-LightItalic-Latin1.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-LightItalic-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), url(../fonts/Sans/web/woff2/IBMPlexSans-Regular-Pi.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Regular-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), url(../fonts/Sans/web/woff2/IBMPlexSans-Regular-Latin3.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Regular-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), url(../fonts/Sans/web/woff2/IBMPlexSans-Regular-Latin2.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Regular-Latin2.woff) format("woff");
    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-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), url(../fonts/Sans/web/woff2/IBMPlexSans-Regular-Latin1.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-Regular-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBold-Pi.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBold-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBold-Latin3.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBold-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBold-Latin2.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBold-Latin2.woff) format("woff");
    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-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBold-Latin1.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBold-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBoldItalic-Pi.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBoldItalic-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBoldItalic-Latin3.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBoldItalic-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBoldItalic-Latin2.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBoldItalic-Latin2.woff) format("woff");
    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-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(../fonts/Sans/web/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2) format("woff2"), url(../fonts/Sans/web/woff/IBMPlexSans-SemiBoldItalic-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Italic-Pi.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Italic-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Italic-Latin3.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Italic-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Italic-Latin2.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Italic-Latin2.woff) format("woff");
    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-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Italic-Latin1.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Italic-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Light-Pi.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Light-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Light-Latin3.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Light-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Light-Latin2.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Light-Latin2.woff) format("woff");
    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-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Light-Latin1.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Light-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-LightItalic-Pi.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-LightItalic-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-LightItalic-Latin3.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-LightItalic-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-LightItalic-Latin2.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-LightItalic-Latin2.woff) format("woff");
    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-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-LightItalic-Latin1.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-LightItalic-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Serif"), local("IBMPlexSerif"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Regular-Pi.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Regular-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Serif"), local("IBMPlexSerif"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Regular-Latin3.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Regular-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Serif"), local("IBMPlexSerif"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Regular-Latin2.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Regular-Latin2.woff) format("woff");
    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-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Serif"), local("IBMPlexSerif"), url(../fonts/Serif/web/woff2/IBMPlexSerif-Regular-Latin1.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-Regular-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBold-Pi.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBold-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBold-Latin3.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBold-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBold-Latin2.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBold-Latin2.woff) format("woff");
    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-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBold-Latin1.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBold-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBoldItalic-Pi.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBoldItalic-Pi.woff) format("woff");
    unicode-range: 'U+03C0, U+0E3F, 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+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBoldItalic-Latin3.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBoldItalic-Latin3.woff) format("woff");
    unicode-range: 'U+0102-0103, U+1EA0-1EF9, U+20AB'
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBoldItalic-Latin2.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBoldItalic-Latin2.woff) format("woff");
    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-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url(../fonts/Serif/web/woff2/IBMPlexSerif-SemiBoldItalic-Latin1.woff2) format("woff2"), url(../fonts/Serif/web/woff/IBMPlexSerif-SemiBoldItalic-Latin1.woff) format("woff");
    unicode-range: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02'
}

body {
    font-size: 16px
}

.ibm-type-a {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    max-width: 26.5rem;
    letter-spacing: .02rem;
    margin-bottom: 1rem
}

@media (min-width:1056px) {
    .ibm-type-a {
        font-size: calc(12px + .00673 * (100vw - 1056px));
        line-height: calc(16px + .0101 * (100vw - 1056px));
        max-width: calc(424px + .22896 * (100vw - 1056px));
        letter-spacing: calc(.32px + -.00054 * (100vw - 1056px));
        margin-bottom: calc(16px + .01347 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-a {
        font-size: 1rem;
        line-height: 1.375rem;
        max-width: 35rem;
        letter-spacing: 0;
        margin-bottom: 1.5rem
    }
}

.ibm-type-b {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    max-width: 30rem;
    letter-spacing: .01rem;
    margin-bottom: 1.25rem
}

@media (min-width:1056px) {
    .ibm-type-b {
        font-size: calc(14px + .00673 * (100vw - 1056px));
        line-height: calc(20px + .00673 * (100vw - 1056px));
        max-width: calc(480px + .20202 * (100vw - 1056px));
        letter-spacing: calc(.16px + -.00027 * (100vw - 1056px));
        margin-bottom: calc(20px + .00673 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-b {
        font-size: 1.125rem;
        line-height: 1.5rem;
        max-width: 37.5rem;
        letter-spacing: 0;
        margin-bottom: 1.5rem
    }
}

.ibm-type-c {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    max-width: 35rem;
    margin-bottom: 1.5rem
}

@media (min-width:1056px) {
    .ibm-type-c {
        font-size: calc(16px + .00673 * (100vw - 1056px));
        line-height: calc(22px + .00673 * (100vw - 1056px));
        max-width: calc(560px + .21549 * (100vw - 1056px));
        margin-bottom: calc(24px + .01347 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-c {
        font-size: 1.25rem;
        line-height: 1.625rem;
        max-width: 43rem;
        margin-bottom: 2rem
    }
}

.ibm-type-d {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    max-width: 35rem;
    margin-bottom: 1rem
}

@media (min-width:1056px) {
    .ibm-type-d {
        font-size: calc(16px + .00673 * (100vw - 1056px));
        line-height: calc(22px + .00673 * (100vw - 1056px));
        max-width: calc(560px + .21549 * (100vw - 1056px));
        margin-bottom: calc(16px + .02694 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-d {
        font-size: 1.25rem;
        line-height: 1.625rem;
        max-width: 43rem;
        margin-bottom: 2rem
    }
}

.ibm-type-e {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    max-width: 37.5rem;
    margin-bottom: 1.5rem
}

@media (min-width:320px) {
    .ibm-type-e {
        font-size: calc(18px + .00625 * (100vw - 320px));
        line-height: calc(24px + .00625 * (100vw - 320px));
        max-width: calc(600px + .275 * (100vw - 320px));
        margin-bottom: calc(24px + .025 * (100vw - 320px))
    }
}

@media (min-width:640px) {
    .ibm-type-e {
        font-size: 1.25rem;
        line-height: 1.625rem;
        max-width: 43rem;
        margin-bottom: 2rem
    }
}

@media (min-width:640px) and (min-width:1056px) {
    .ibm-type-e {
        font-size: calc(20px + .00673 * (100vw - 1056px));
        line-height: calc(26px + .00673 * (100vw - 1056px));
        max-width: calc(688px + -.24242 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-e {
        font-size: 1.5rem;
        line-height: 1.875rem;
        max-width: 34rem
    }
}

.ibm-type-f {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.625rem;
    max-width: 43rem;
    margin-bottom: 1.5rem
}

@media (min-width:320px) {
    .ibm-type-f {
        font-size: calc(20px + .0125 * (100vw - 320px));
        line-height: calc(26px + .0125 * (100vw - 320px));
        max-width: calc(688px + -.45 * (100vw - 320px));
        margin-bottom: calc(24px + .025 * (100vw - 320px))
    }
}

@media (min-width:640px) {
    .ibm-type-f {
        font-size: 1.5rem;
        line-height: 1.875rem;
        max-width: 34rem;
        margin-bottom: 2rem
    }
}

@media (min-width:640px) and (min-width:1056px) {
    .ibm-type-f {
        font-size: calc(24px + .01347 * (100vw - 1056px));
        line-height: calc(30px + .01684 * (100vw - 1056px));
        max-width: calc(544px + .2963 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-f {
        font-size: 2rem;
        line-height: 2.5rem;
        max-width: 45rem
    }
}

.ibm-type-g {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.875rem;
    max-width: 34rem;
    margin-bottom: 2rem
}

@media (min-width:640px) {
    .ibm-type-g {
        font-size: calc(24px + .00962 * (100vw - 640px));
        line-height: calc(30px + .01442 * (100vw - 640px));
        max-width: calc(544px + .21154 * (100vw - 640px))
    }
}

@media (min-width:1056px) {
    .ibm-type-g {
        font-size: 1.75rem;
        line-height: 2.25rem;
        max-width: 39.5rem;
        font-size: calc(28px + .00673 * (100vw - 1056px));
        line-height: calc(36px + .00673 * (100vw - 1056px));
        max-width: calc(632px + .14815 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-g {
        font-size: 2rem;
        line-height: 2.5rem;
        max-width: 45rem
    }
}

.ibm-type-h {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.25rem;
    max-width: 39.5rem;
    margin-bottom: 2rem
}

@media (min-width:320px) {
    .ibm-type-h {
        font-size: calc(28px + .0125 * (100vw - 320px));
        line-height: calc(36px + .0125 * (100vw - 320px));
        max-width: calc(632px + .275 * (100vw - 320px))
    }
}

@media (min-width:640px) {
    .ibm-type-h {
        font-size: 2rem;
        line-height: 2.5rem;
        max-width: 45rem;
        font-size: calc(32px + .00962 * (100vw - 640px));
        line-height: calc(40px + .00962 * (100vw - 640px));
        max-width: calc(720px + .21154 * (100vw - 640px))
    }
}

@media (min-width:1056px) {
    .ibm-type-h {
        font-size: 2.25rem;
        line-height: 2.75rem;
        max-width: 50.5rem;
        font-size: calc(36px + .0101 * (100vw - 1056px));
        line-height: calc(44px + .0101 * (100vw - 1056px));
        max-width: calc(808px + .22896 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-h {
        font-size: 2.625rem;
        line-height: 3.125rem;
        max-width: 59rem
    }
}

.ibm-type-i {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.25rem;
    max-width: 39.5rem;
    margin-bottom: 2rem
}

@media (min-width:320px) {
    .ibm-type-i {
        font-size: calc(28px + .025 * (100vw - 320px));
        line-height: calc(36px + .025 * (100vw - 320px));
        max-width: calc(632px + .55 * (100vw - 320px))
    }
}

@media (min-width:640px) {
    .ibm-type-i {
        font-size: 2.25rem;
        line-height: 2.75rem;
        max-width: 50.5rem;
        font-size: calc(36px + .01442 * (100vw - 640px));
        line-height: calc(44px + .01442 * (100vw - 640px));
        max-width: calc(808px + .32692 * (100vw - 640px))
    }
}

@media (min-width:1056px) {
    .ibm-type-i {
        font-size: 2.625rem;
        line-height: 3.125rem;
        max-width: 59rem;
        font-size: calc(42px + .0303 * (100vw - 1056px));
        line-height: calc(50px + .03367 * (100vw - 1056px));
        max-width: calc(944px + .6734 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-i {
        font-size: 3.75rem;
        line-height: 4.375rem;
        max-width: 84rem
    }
}

.ibm-type-j {
    font-size: 2.625rem;
    font-weight: 300;
    line-height: 3.125rem;
    max-width: 59rem;
    margin-bottom: 2rem
}

@media (min-width:320px) {
    .ibm-type-j {
        font-size: calc(42px + .08125 * (100vw - 320px));
        line-height: calc(50px + .0875 * (100vw - 320px));
        max-width: calc(944px + 1.825 * (100vw - 320px))
    }
}

@media (min-width:640px) {
    .ibm-type-j {
        font-size: 4.25rem;
        line-height: 4.875rem;
        max-width: 95.5rem;
        font-size: calc(68px + .21154 * (100vw - 640px));
        line-height: calc(78px + .20673 * (100vw - 640px));
        max-width: calc(1528px + 4.61538 * (100vw - 640px))
    }
}

@media (min-width:1056px) {
    .ibm-type-j {
        font-size: 9.75rem;
        line-height: 10.25rem;
        max-width: 215.5rem;
        letter-spacing: -.06rem;
        font-size: calc(156px + .0202 * (100vw - 1056px));
        line-height: calc(164px + .01684 * (100vw - 1056px));
        max-width: calc(3448px + .45791 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-j {
        font-size: 10.5rem;
        line-height: 10.875rem;
        max-width: 232.5rem
    }
}

.ibm-type-k {
    font-size: 2.625rem;
    font-weight: 600;
    line-height: 3.125rem;
    max-width: 59rem;
    margin-bottom: 2rem
}

@media (min-width:320px) {
    .ibm-type-k {
        font-size: calc(42px + .08125 * (100vw - 320px));
        line-height: calc(50px + .0875 * (100vw - 320px));
        max-width: calc(944px + 1.825 * (100vw - 320px))
    }
}

@media (min-width:640px) {
    .ibm-type-k {
        font-size: 4.25rem;
        line-height: 4.875rem;
        max-width: 95.5rem;
        font-size: calc(68px + .21154 * (100vw - 640px));
        line-height: calc(78px + .20673 * (100vw - 640px));
        max-width: calc(1528px + 4.61538 * (100vw - 640px))
    }
}

@media (min-width:1056px) {
    .ibm-type-k {
        font-size: 9.75rem;
        line-height: 10.25rem;
        max-width: 215.5rem;
        letter-spacing: -.04rem;
        font-size: calc(156px + .0202 * (100vw - 1056px));
        line-height: calc(164px + .01684 * (100vw - 1056px));
        max-width: calc(3448px + .45791 * (100vw - 1056px))
    }
}

@media (min-width:1650px) {
    .ibm-type-k {
        font-size: 10.5rem;
        line-height: 10.875rem;
        max-width: 232.5rem
    }
}

.ibm,
[class*=ibm-type] {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif
}

[class*=ibm-type] {
    margin-top: 0
}

.ibm-type-italic {
    font-style: italic
}

.ibm-type-light {
    font-weight: 300
}

.ibm-type-mono,
.ibm-type-mono *,
code {
    font-family: 'IBM Plex Mono', Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace
}

.ibm-type-regular {
    font-weight: 400
}

.ibm-type-semibold,
strong {
    font-weight: 600
}

.ibm-type-serif,
.ibm-type-serif * {
    font-family: 'IBM Plex Serif', Georgia, Times, serif
}

body {
    font-size: 16px;
    margin: 0
}

.ibm-container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 99rem;
    width: 100vw
}

.ibm-container--left {
    margin-left: 0
}

.ibm-container--right {
    margin-right: 0
}

.ibm-grid {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative
}

.ibm-grid>* {
    box-sizing: border-box
}

.ibm-grid>*:last-child,
.ibm-grid>*:last-child>:last-child,
.ibm-grid>*:last-child>:last-child>:last-child {
    margin-bottom: 0
}

[class*=ibm-padding] {
    box-sizing: border-box
}

.ibm-grid>* {
    width: 100%
}

.ibm-grid__col--sm--0,
.ibm-grid__col-sm--0--only {
    display: none
}

.ibm-grid__col--sm--1 {
    min-width: 25vw;
    width: 25vw
}

.ibm-grid__height-fluid--sm--1 {
    height: 25vw
}

.ibm-grid__col--sm--2 {
    min-width: 50vw;
    width: 50vw
}

.ibm-grid__height-fluid--sm--2 {
    height: 50vw
}

.ibm-grid__col--sm--3 {
    min-width: 75vw;
    width: 75vw
}

.ibm-grid__height-fluid--sm--3 {
    height: 75vw
}

.ibm-grid__col--sm--4 {
    min-width: 100vw;
    width: 100vw
}

.ibm-grid__height-fluid--sm--4 {
    height: 100vw
}

.ibm-grid__height--sm--0 {
    min-height: 0;
    height: auto
}

.ibm-grid__height-fixed--sm--1 {
    min-height: .5rem
}

.ibm-grid__height-fixed--sm--2 {
    min-height: 1rem
}

.ibm-grid__height-fixed--sm--3 {
    min-height: 1.5rem
}

.ibm-grid__height-fixed--sm--4 {
    min-height: 2rem
}

.ibm-grid__height-fixed--sm--5 {
    min-height: 2.5rem
}

.ibm-grid__height-fixed--sm--6 {
    min-height: 3rem
}

.ibm-grid__height-fixed--sm--7 {
    min-height: 3.5rem
}

.ibm-grid__height-fixed--sm--8 {
    min-height: 4rem
}

.ibm-grid__height-fixed--sm--9 {
    min-height: 4.5rem
}

.ibm-grid__height-fixed--sm--10 {
    min-height: 5rem
}

.ibm-grid__height-fixed--sm--11 {
    min-height: 5.5rem
}

.ibm-grid__height-fixed--sm--12 {
    min-height: 6rem
}

.ibm-grid__height-fixed--sm--13 {
    min-height: 6.5rem
}

.ibm-grid__height-fixed--sm--14 {
    min-height: 7rem
}

.ibm-grid__height-fixed--sm--15 {
    min-height: 7.5rem
}

.ibm-grid__height-fixed--sm--16 {
    min-height: 8rem
}

.ibm-grid__height-fixed--sm--17 {
    min-height: 8.5rem
}

.ibm-grid__height-fixed--sm--18 {
    min-height: 9rem
}

.ibm-grid__height-fixed--sm--19 {
    min-height: 9.5rem
}

.ibm-grid__height-fixed--sm--20 {
    min-height: 10rem
}

.ibm-grid__height-fixed--sm--21 {
    min-height: 10.5rem
}

.ibm-grid__height-fixed--sm--22 {
    min-height: 11rem
}

.ibm-grid__height-fixed--sm--23 {
    min-height: 11.5rem
}

.ibm-grid__height-fixed--sm--24 {
    min-height: 12rem
}

.ibm-grid__height-fixed--sm--25 {
    min-height: 12.5rem
}

.ibm-grid__height-fixed--sm--26 {
    min-height: 13rem
}

.ibm-grid__height-fixed--sm--27 {
    min-height: 13.5rem
}

.ibm-grid__height-fixed--sm--28 {
    min-height: 14rem
}

.ibm-grid__height-fixed--sm--29 {
    min-height: 14.5rem
}

.ibm-padding {
    padding: calc(2rem / 2)
}

.ibm-padding--bottom {
    padding-bottom: calc(2rem / 2)
}

.ibm-padding--left {
    padding-left: calc(2rem / 2)
}

.ibm-padding--right {
    padding-right: calc(2rem / 2)
}

.ibm-padding--top {
    padding-top: calc(2rem / 2)
}

.ibm-padding--horizontal {
    padding-left: calc(2rem / 2);
    padding-right: calc(2rem / 2)
}

.ibm-padding--vertical {
    padding-bottom: calc(2rem / 2);
    padding-top: calc(2rem / 2)
}

@media (min-width:48rem) {
    .ibm-grid__col--sm--0-only {
        display: block
    }
    [class*=ibm-grid__col--sm--0][class*=ibm-grid__col--md--] {
        display: block
    }
    [class*=ibm-grid__col--sm--0][class*=ibm-grid__col--md--].ibm-grid {
        display: flex
    }
    .ibm-grid__col--md--0,
    .ibm-grid__col-md--0--only {
        display: none
    }
    .ibm-grid__col--sm--1 {
        min-width: 25vw;
        width: 25vw
    }
    .ibm-grid__height-fluid--sm--1 {
        height: 25vw
    }
    .ibm-grid__col--sm--2 {
        min-width: 50vw;
        width: 50vw
    }
    .ibm-grid__height-fluid--sm--2 {
        height: 50vw
    }
    .ibm-grid__col--sm--3 {
        min-width: 75vw;
        width: 75vw
    }
    .ibm-grid__height-fluid--sm--3 {
        height: 75vw
    }
    .ibm-grid__col--sm--4 {
        min-width: 100vw;
        width: 100vw
    }
    .ibm-grid__height-fluid--sm--4 {
        height: 100vw
    }
    .ibm-grid__col--md--1 {
        min-width: 12.5vw;
        width: 12.5vw
    }
    .ibm-grid__height-fluid--md--1 {
        height: 12.5vw
    }
    .ibm-grid__col--md--2 {
        min-width: 25vw;
        width: 25vw
    }
    .ibm-grid__height-fluid--md--2 {
        height: 25vw
    }
    .ibm-grid__col--md--3 {
        min-width: 37.5vw;
        width: 37.5vw
    }
    .ibm-grid__height-fluid--md--3 {
        height: 37.5vw
    }
    .ibm-grid__col--md--4 {
        min-width: 50vw;
        width: 50vw
    }
    .ibm-grid__height-fluid--md--4 {
        height: 50vw
    }
    .ibm-grid__col--md--5 {
        min-width: 62.5vw;
        width: 62.5vw
    }
    .ibm-grid__height-fluid--md--5 {
        height: 62.5vw
    }
    .ibm-grid__col--md--6 {
        min-width: 75vw;
        width: 75vw
    }
    .ibm-grid__height-fluid--md--6 {
        height: 75vw
    }
    .ibm-grid__col--md--7 {
        min-width: 87.5vw;
        width: 87.5vw
    }
    .ibm-grid__height-fluid--md--7 {
        height: 87.5vw
    }
    .ibm-grid__col--md--8 {
        min-width: 100vw;
        width: 100vw
    }
    .ibm-grid__height-fluid--md--8 {
        height: 100vw
    }
    .ibm-grid__height--md--0 {
        min-height: 0;
        height: auto
    }
    .ibm-grid__height-fixed--md--1 {
        min-height: .5rem
    }
    .ibm-grid__height-fixed--md--2 {
        min-height: 1rem
    }
    .ibm-grid__height-fixed--md--3 {
        min-height: 1.5rem
    }
    .ibm-grid__height-fixed--md--4 {
        min-height: 2rem
    }
    .ibm-grid__height-fixed--md--5 {
        min-height: 2.5rem
    }
    .ibm-grid__height-fixed--md--6 {
        min-height: 3rem
    }
    .ibm-grid__height-fixed--md--7 {
        min-height: 3.5rem
    }
    .ibm-grid__height-fixed--md--8 {
        min-height: 4rem
    }
    .ibm-grid__height-fixed--md--9 {
        min-height: 4.5rem
    }
    .ibm-grid__height-fixed--md--10 {
        min-height: 5rem
    }
    .ibm-grid__height-fixed--md--11 {
        min-height: 5.5rem
    }
    .ibm-grid__height-fixed--md--12 {
        min-height: 6rem
    }
    .ibm-grid__height-fixed--md--13 {
        min-height: 6.5rem
    }
    .ibm-grid__height-fixed--md--14 {
        min-height: 7rem
    }
    .ibm-grid__height-fixed--md--15 {
        min-height: 7.5rem
    }
    .ibm-grid__height-fixed--md--16 {
        min-height: 8rem
    }
    .ibm-grid__height-fixed--md--17 {
        min-height: 8.5rem
    }
    .ibm-grid__height-fixed--md--18 {
        min-height: 9rem
    }
    .ibm-grid__height-fixed--md--19 {
        min-height: 9.5rem
    }
    .ibm-grid__height-fixed--md--20 {
        min-height: 10rem
    }
    .ibm-grid__height-fixed--md--21 {
        min-height: 10.5rem
    }
    .ibm-grid__height-fixed--md--22 {
        min-height: 11rem
    }
    .ibm-grid__height-fixed--md--23 {
        min-height: 11.5rem
    }
    .ibm-grid__height-fixed--md--24 {
        min-height: 12rem
    }
    .ibm-grid__height-fixed--md--25 {
        min-height: 12.5rem
    }
    .ibm-grid__height-fixed--md--26 {
        min-height: 13rem
    }
    .ibm-grid__height-fixed--md--27 {
        min-height: 13.5rem
    }
    .ibm-grid__height-fixed--md--28 {
        min-height: 14rem
    }
    .ibm-grid__height-fixed--md--29 {
        min-height: 14.5rem
    }
    .ibm-padding {
        padding: calc(3rem / 2)
    }
    .ibm-padding--bottom {
        padding-bottom: calc(3rem / 2)
    }
    .ibm-padding--left {
        padding-left: calc(3rem / 2)
    }
    .ibm-padding--right {
        padding-right: calc(3rem / 2)
    }
    .ibm-padding--top {
        padding-top: calc(3rem / 2)
    }
    .ibm-padding--horizontal {
        padding-left: calc(3rem / 2);
        padding-right: calc(3rem / 2)
    }
    .ibm-padding--vertical {
        padding-bottom: calc(3rem / 2);
        padding-top: calc(3rem / 2)
    }
}

@media (min-width:66rem) {
    .ibm-grid__col--sm--0-only {
        display: block
    }
    [class*=ibm-grid__col--sm--0][class*=ibm-grid__col--lg--] {
        display: block
    }
    [class*=ibm-grid__col--sm--0][class*=ibm-grid__col--lg--].ibm-grid {
        display: flex
    }
    [class*=ibm-grid__col--md--0][class*=ibm-grid__col--lg--] {
        display: block
    }
    [class*=ibm-grid__col--md--0][class*=ibm-grid__col--lg--].ibm-grid {
        display: flex
    }
    .ibm-grid__col--lg--0,
    .ibm-grid__col-lg--0--only {
        display: none
    }
    .ibm-grid__col--sm--1 {
        max-width: calc((99rem - 1.5rem * 2)/ 4 * 1);
        min-width: calc((100vw - 2rem) * .25);
        width: calc((100vw - 2rem) * .25)
    }
    .ibm-grid__height-fluid--sm--1 {
        height: calc((100vw - 2rem) * .25);
        max-height: calc((99rem - 1.5rem * 2)/ 4 * 1)
    }
    .ibm-grid__col--sm--2 {
        max-width: calc((99rem - 1.5rem * 2)/ 4 * 2);
        min-width: calc((100vw - 2rem) * .5);
        width: calc((100vw - 2rem) * .5)
    }
    .ibm-grid__height-fluid--sm--2 {
        height: calc((100vw - 2rem) * .5);
        max-height: calc((99rem - 1.5rem * 2)/ 4 * 2)
    }
    .ibm-grid__col--sm--3 {
        max-width: calc((99rem - 1.5rem * 2)/ 4 * 3);
        min-width: calc((100vw - 2rem) * .75);
        width: calc((100vw - 2rem) * .75)
    }
    .ibm-grid__height-fluid--sm--3 {
        height: calc((100vw - 2rem) * .75);
        max-height: calc((99rem - 1.5rem * 2)/ 4 * 3)
    }
    .ibm-grid__col--sm--4 {
        max-width: calc((99rem - 1.5rem * 2)/ 4 * 4);
        min-width: calc((100vw - 2rem) * 1);
        width: calc((100vw - 2rem) * 1)
    }
    .ibm-grid__height-fluid--sm--4 {
        height: calc((100vw - 2rem) * 1);
        max-height: calc((99rem - 1.5rem * 2)/ 4 * 4)
    }
    .ibm-grid__col--md--1 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 1);
        min-width: calc((100vw - 2rem) * .125);
        width: calc((100vw - 2rem) * .125)
    }
    .ibm-grid__height-fluid--md--1 {
        height: calc((100vw - 2rem) * .125);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 1)
    }
    .ibm-grid__col--md--2 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 2);
        min-width: calc((100vw - 2rem) * .25);
        width: calc((100vw - 2rem) * .25)
    }
    .ibm-grid__height-fluid--md--2 {
        height: calc((100vw - 2rem) * .25);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 2)
    }
    .ibm-grid__col--md--3 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 3);
        min-width: calc((100vw - 2rem) * .375);
        width: calc((100vw - 2rem) * .375)
    }
    .ibm-grid__height-fluid--md--3 {
        height: calc((100vw - 2rem) * .375);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 3)
    }
    .ibm-grid__col--md--4 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 4);
        min-width: calc((100vw - 2rem) * .5);
        width: calc((100vw - 2rem) * .5)
    }
    .ibm-grid__height-fluid--md--4 {
        height: calc((100vw - 2rem) * .5);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 4)
    }
    .ibm-grid__col--md--5 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 5);
        min-width: calc((100vw - 2rem) * .625);
        width: calc((100vw - 2rem) * .625)
    }
    .ibm-grid__height-fluid--md--5 {
        height: calc((100vw - 2rem) * .625);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 5)
    }
    .ibm-grid__col--md--6 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 6);
        min-width: calc((100vw - 2rem) * .75);
        width: calc((100vw - 2rem) * .75)
    }
    .ibm-grid__height-fluid--md--6 {
        height: calc((100vw - 2rem) * .75);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 6)
    }
    .ibm-grid__col--md--7 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 7);
        min-width: calc((100vw - 2rem) * .875);
        width: calc((100vw - 2rem) * .875)
    }
    .ibm-grid__height-fluid--md--7 {
        height: calc((100vw - 2rem) * .875);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 7)
    }
    .ibm-grid__col--md--8 {
        max-width: calc((99rem - 1.5rem * 2)/ 8 * 8);
        min-width: calc((100vw - 2rem) * 1);
        width: calc((100vw - 2rem) * 1)
    }
    .ibm-grid__height-fluid--md--8 {
        height: calc((100vw - 2rem) * 1);
        max-height: calc((99rem - 1.5rem * 2)/ 8 * 8)
    }
    .ibm-grid__col--lg--1 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 1);
        min-width: calc((100vw - 2rem) * .062);
        width: calc((100vw - 2rem) * .062)
    }
    .ibm-grid__height-fluid--lg--1 {
        height: calc((100vw - 2rem) * .062);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 1)
    }
    .ibm-grid__col--lg--2 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 2);
        min-width: calc((100vw - 2rem) * .125);
        width: calc((100vw - 2rem) * .125)
    }
    .ibm-grid__height-fluid--lg--2 {
        height: calc((100vw - 2rem) * .125);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 2)
    }
    .ibm-grid__col--lg--3 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 3);
        min-width: calc((100vw - 2rem) * .187);
        width: calc((100vw - 2rem) * .187)
    }
    .ibm-grid__height-fluid--lg--3 {
        height: calc((100vw - 2rem) * .187);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 3)
    }
    .ibm-grid__col--lg--4 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 4);
        min-width: calc((100vw - 2rem) * .25);
        width: calc((100vw - 2rem) * .25)
    }
    .ibm-grid__height-fluid--lg--4 {
        height: calc((100vw - 2rem) * .25);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 4)
    }
    .ibm-grid__col--lg--5 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 5);
        min-width: calc((100vw - 2rem) * .312);
        width: calc((100vw - 2rem) * .312)
    }
    .ibm-grid__height-fluid--lg--5 {
        height: calc((100vw - 2rem) * .312);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 5)
    }
    .ibm-grid__col--lg--6 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 6);
        min-width: calc((100vw - 2rem) * .375);
        width: calc((100vw - 2rem) * .375)
    }
    .ibm-grid__height-fluid--lg--6 {
        height: calc((100vw - 2rem) * .375);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 6)
    }
    .ibm-grid__col--lg--7 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 7);
        min-width: calc((100vw - 2rem) * .437);
        width: calc((100vw - 2rem) * .437)
    }
    .ibm-grid__height-fluid--lg--7 {
        height: calc((100vw - 2rem) * .437);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 7)
    }
    .ibm-grid__col--lg--8 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 8);
        min-width: calc((100vw - 2rem) * .5);
        width: calc((100vw - 2rem) * .5)
    }
    .ibm-grid__height-fluid--lg--8 {
        height: calc((100vw - 2rem) * .5);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 8)
    }
    .ibm-grid__col--lg--9 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 9);
        min-width: calc((100vw - 2rem) * .562);
        width: calc((100vw - 2rem) * .562)
    }
    .ibm-grid__height-fluid--lg--9 {
        height: calc((100vw - 2rem) * .562);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 9)
    }
    .ibm-grid__col--lg--10 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 10);
        min-width: calc((100vw - 2rem) * .625);
        width: calc((100vw - 2rem) * .625)
    }
    .ibm-grid__height-fluid--lg--10 {
        height: calc((100vw - 2rem) * .625);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 10)
    }
    .ibm-grid__col--lg--11 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 11);
        min-width: calc((100vw - 2rem) * .687);
        width: calc((100vw - 2rem) * .687)
    }
    .ibm-grid__height-fluid--lg--11 {
        height: calc((100vw - 2rem) * .687);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 11)
    }
    .ibm-grid__col--lg--12 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 12);
        min-width: calc((100vw - 2rem) * .75);
        width: calc((100vw - 2rem) * .75)
    }
    .ibm-grid__height-fluid--lg--12 {
        height: calc((100vw - 2rem) * .75);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 12)
    }
    .ibm-grid__col--lg--13 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 13);
        min-width: calc((100vw - 2rem) * .812);
        width: calc((100vw - 2rem) * .812)
    }
    .ibm-grid__height-fluid--lg--13 {
        height: calc((100vw - 2rem) * .812);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 13)
    }
    .ibm-grid__col--lg--14 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 14);
        min-width: calc((100vw - 2rem) * .875);
        width: calc((100vw - 2rem) * .875)
    }
    .ibm-grid__height-fluid--lg--14 {
        height: calc((100vw - 2rem) * .875);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 14)
    }
    .ibm-grid__col--lg--15 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 15);
        min-width: calc((100vw - 2rem) * .937);
        width: calc((100vw - 2rem) * .937)
    }
    .ibm-grid__height-fluid--lg--15 {
        height: calc((100vw - 2rem) * .937);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 15)
    }
    .ibm-grid__col--lg--16 {
        max-width: calc((99rem - 1.5rem * 2)/ 16 * 16);
        min-width: calc((100vw - 2rem) * 1);
        width: calc((100vw - 2rem) * 1)
    }
    .ibm-grid__height-fluid--lg--16 {
        height: calc((100vw - 2rem) * 1);
        max-height: calc((99rem - 1.5rem * 2)/ 16 * 16)
    }
    .ibm-grid__height--lg--0 {
        min-height: 0;
        height: auto
    }
    .ibm-grid__height-fixed--lg--1 {
        min-height: .5rem
    }
    .ibm-grid__height-fixed--lg--2 {
        min-height: 1rem
    }
    .ibm-grid__height-fixed--lg--3 {
        min-height: 1.5rem
    }
    .ibm-grid__height-fixed--lg--4 {
        min-height: 2rem
    }
    .ibm-grid__height-fixed--lg--5 {
        min-height: 2.5rem
    }
    .ibm-grid__height-fixed--lg--6 {
        min-height: 3rem
    }
    .ibm-grid__height-fixed--lg--7 {
        min-height: 3.5rem
    }
    .ibm-grid__height-fixed--lg--8 {
        min-height: 4rem
    }
    .ibm-grid__height-fixed--lg--9 {
        min-height: 4.5rem
    }
    .ibm-grid__height-fixed--lg--10 {
        min-height: 5rem
    }
    .ibm-grid__height-fixed--lg--11 {
        min-height: 5.5rem
    }
    .ibm-grid__height-fixed--lg--12 {
        min-height: 6rem
    }
    .ibm-grid__height-fixed--lg--13 {
        min-height: 6.5rem
    }
    .ibm-grid__height-fixed--lg--14 {
        min-height: 7rem
    }
    .ibm-grid__height-fixed--lg--15 {
        min-height: 7.5rem
    }
    .ibm-grid__height-fixed--lg--16 {
        min-height: 8rem
    }
    .ibm-grid__height-fixed--lg--17 {
        min-height: 8.5rem
    }
    .ibm-grid__height-fixed--lg--18 {
        min-height: 9rem
    }
    .ibm-grid__height-fixed--lg--19 {
        min-height: 9.5rem
    }
    .ibm-grid__height-fixed--lg--20 {
        min-height: 10rem
    }
    .ibm-grid__height-fixed--lg--21 {
        min-height: 10.5rem
    }
    .ibm-grid__height-fixed--lg--22 {
        min-height: 11rem
    }
    .ibm-grid__height-fixed--lg--23 {
        min-height: 11.5rem
    }
    .ibm-grid__height-fixed--lg--24 {
        min-height: 12rem
    }
    .ibm-grid__height-fixed--lg--25 {
        min-height: 12.5rem
    }
    .ibm-grid__height-fixed--lg--26 {
        min-height: 13rem
    }
    .ibm-grid__height-fixed--lg--27 {
        min-height: 13.5rem
    }
    .ibm-grid__height-fixed--lg--28 {
        min-height: 14rem
    }
    .ibm-grid__height-fixed--lg--29 {
        min-height: 14.5rem
    }
    .ibm-container {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .ibm-grid.ibm-grid--bleed {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100vw
    }
    .ibm-grid--bleed--left {
        padding-left: 1rem;
        margin-left: -1rem
    }
    .ibm-grid--bleed--right {
        padding-right: 1rem;
        margin-right: -1rem
    }
    .ibm-padding {
        padding: calc(2rem / 2)
    }
    .ibm-padding--bottom {
        padding-bottom: calc(2rem / 2)
    }
    .ibm-padding--left {
        padding-left: calc(2rem / 2)
    }
    .ibm-padding--right {
        padding-right: calc(2rem / 2)
    }
    .ibm-padding--top {
        padding-top: calc(2rem / 2)
    }
    .ibm-padding--horizontal {
        padding-left: calc(2rem / 2);
        padding-right: calc(2rem / 2)
    }
    .ibm-padding--vertical {
        padding-bottom: calc(2rem / 2);
        padding-top: calc(2rem / 2)
    }
}

@media (min-width:99rem) {
    .ibm-grid__col--sm--0-only {
        display: block
    }
    [class*=ibm-grid__col--sm--0][class*=ibm-grid__col--max--] {
        display: block
    }
    [class*=ibm-grid__col--sm--0][class*=ibm-grid__col--max--].ibm-grid {
        display: flex
    }
    [class*=ibm-grid__col--md--0][class*=ibm-grid__col--max--] {
        display: block
    }
    [class*=ibm-grid__col--md--0][class*=ibm-grid__col--max--].ibm-grid {
        display: flex
    }
    [class*=ibm-grid__col--lg--0][class*=ibm-grid__col--max--] {
        display: block
    }
    [class*=ibm-grid__col--lg--0][class*=ibm-grid__col--max--].ibm-grid {
        display: flex
    }
    .ibm-grid__col--max--0,
    .ibm-grid__col-max--0--only {
        display: none
    }
    [class*=ibm-grid__col--] {
        min-width: 0
    }
    .ibm-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .ibm-grid.ibm-grid--bleed {
        margin-left: calc((100vw - 99rem)/ -2 - 1.5rem);
        margin-right: calc((100vw - 99rem)/ -2 - 1.5rem);
        padding-left: calc((100vw - 99rem)/ -2 * -1 + 1.5rem);
        padding-right: calc((100vw - 99rem)/ -2 * -1 + 1.5rem);
        width: 100vw
    }
    .ibm-grid--bleed--left {
        padding-left: 1.5rem;
        margin-left: -1rem
    }
    .ibm-grid--bleed--right {
        padding-right: 1.5rem;
        margin-right: -1rem
    }
    .ibm-padding {
        padding: calc(3rem / 2)
    }
    .ibm-padding--bottom {
        padding-bottom: calc(3rem / 2)
    }
    .ibm-padding--left {
        padding-left: calc(3rem / 2)
    }
    .ibm-padding--right {
        padding-right: calc(3rem / 2)
    }
    .ibm-padding--top {
        padding-top: calc(3rem / 2)
    }
    .ibm-padding--horizontal {
        padding-left: calc(3rem / 2);
        padding-right: calc(3rem / 2)
    }
    .ibm-padding--vertical {
        padding-bottom: calc(3rem / 2);
        padding-top: calc(3rem / 2)
    }
}

.ibm-#000-110 {
    color: #000
}

.ibm-blue-10 {
    color: #edf4ff
}

.ibm-blue-20 {
    color: #c9deff
}

.ibm-blue-30 {
    color: #97c1ff
}

.ibm-blue-40 {
    color: #6ea6ff
}

.ibm-blue-50 {
    color: #418cff
}

.ibm-blue-60 {
    color: #0f6dff
}

.ibm-blue-70 {
    color: #054ada
}

.ibm-blue-80 {
    color: #0530ad
}

.ibm-blue-90 {
    color: #051b75
}

.ibm-blue-100 {
    color: #051243
}

.ibm-gray-10 {
    color: #f3f3f3
}

.ibm-gray-20 {
    color: #d8d8d8
}

.ibm-gray-30 {
    color: #bebebe
}

.ibm-gray-40 {
    color: #a3a3a3
}

.ibm-gray-50 {
    color: #8a8a8a
}

.ibm-gray-60 {
    color: #757575
}

.ibm-gray-70 {
    color: #565656
}

.ibm-gray-80 {
    color: #3d3d3d
}

.ibm-gray-90 {
    color: #252525
}

.ibm-gray-100 {
    color: #171717
}

.ibm-#fff-0 {
    color: #fff
}

.ibm-white {
    color: #fff
}

.ibm-black {
    color: #000
}

.ibm-bg-#000-110 {
    background-color: #000
}

.ibm-bg-blue-10 {
    background-color: #edf4ff
}

.ibm-bg-blue-20 {
    background-color: #c9deff
}

.ibm-bg-blue-30 {
    background-color: #97c1ff
}

.ibm-bg-blue-40 {
    background-color: #6ea6ff
}

.ibm-bg-blue-50 {
    background-color: #418cff
}

.ibm-bg-blue-60 {
    background-color: #0f6dff
}

.ibm-bg-blue-70 {
    background-color: #054ada
}

.ibm-bg-blue-80 {
    background-color: #0530ad
}

.ibm-bg-blue-90 {
    background-color: #051b75
}

.ibm-bg-blue-100 {
    background-color: #051243
}

.ibm-bg-gray-10 {
    background-color: #f3f3f3
}

.ibm-bg-gray-20 {
    background-color: #d8d8d8
}

.ibm-bg-gray-30 {
    background-color: #bebebe
}

.ibm-bg-gray-40 {
    background-color: #a3a3a3
}

.ibm-bg-gray-50 {
    background-color: #8a8a8a
}

.ibm-bg-gray-60 {
    background-color: #757575
}

.ibm-bg-gray-70 {
    background-color: #565656
}

.ibm-bg-gray-80 {
    background-color: #3d3d3d
}

.ibm-bg-gray-90 {
    background-color: #252525
}

.ibm-bg-gray-100 {
    background-color: #171717
}

.ibm-bg-#fff-0 {
    background-color: #fff
}

.ibm-bg-white {
    background-color: #fff
}

.ibm-bg-black {
    background-color: #000
}

* {
    text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

body,
html {
    max-width: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid-block,
.platform-image-wrap,
Speeds up performance .hero-video {
    transform: translate3d(0, 0, 0)
}

p {
    margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding-bottom: 0
}

img {
    max-width: 100%
}

.bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.clickable {
    cursor: pointer
}

.unclickable {
    pointer-events: none
}

.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden
}

.external-link-accessible {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

@keyframes text-fade {
    0% {
        opacity: 0;
        top: .5rem
    }
    100% {
        opacity: 1;
        top: 0
    }
}

.duo-icon.white {
    fill: #fff
}

.duo-icon.blue {
    fill: #0f6dff
}

a[class*='-link'].ibm-inlinelink.ibm-icon-after::after {
    padding-right: .2em
}

.rule {
    border-width: 0;
    border-top-width: 1px;
    border-color: #bebebe;
    border-style: solid
}

.rule-gray-80 {
    border-width: 0;
    border-top-width: 1px;
    border-color: #3d3d3d;
    border-style: solid
}

.list-unstyled {
    list-style-type: none
}

.list-unstyled>li::before {
    display: none
}

.height-full {
    height: calc(100vh - ((51 / 16) * 1rem))
}

.height-half {
    min-height: calc((100vh - ((51 / 16) * 1rem))/ 2)
}

@media (min-width:66rem) {
    .max-height {
        max-height: 40rem
    }
}

.text-fade h1,
.text-fade h2,
.text-fade h3,
.text-fade h4,
.text-fade h5,
.text-fade h6,
.text-fade p {
    animation-fill-mode: forwards;
    animation-name: text-fade;
    opacity: 0;
    position: relative
}

.mask {
    bottom: 0;
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.masked-content {
    z-index: 100
}

.bg-gray-translucent {
    background-color: rgba(23, 23, 23, .90)
}

@media (min-width:48rem) {
    .spacer-tall {
        padding-top: 3rem
    }
    .spacer-medium {
        padding-top: 1.5rem
    }
    .spacer-short {
        padding-top: .75rem
    }
}

@media (min-width:66rem) {
    .spacer-tall {
        padding-top: 4rem
    }
    .spacer-medium {
        padding-top: 2rem
    }
    .spacer-short {
        padding-top: 1rem
    }
    .lg-float {
        margin-bottom: 1rem!important
    }
}

.hide-sm {
    display: none
}

.display-sm {
    display: block
}

.display-sm[class*=ibm-grid] {
    display: flex
}

@media (min-width:0) {
    .hide-sm {
        display: none
    }
    .display-sm {
        display: block
    }
    .display-sm[class*=ibm-grid] {
        display: flex
    }
    .flex-sm {
        display: flex!important
    }
}

@media (min-width:48rem) {
    .hide-md {
        display: none
    }
    .display-md {
        display: block
    }
    .display-md[class*=ibm-grid] {
        display: flex
    }
    .flex-md {
        display: flex!important
    }
}

@media (min-width:66rem) {
    .hide-lg {
        display: none
    }
    .display-lg {
        display: block
    }
    .display-lg[class*=ibm-grid] {
        display: flex
    }
    .flex-lg {
        display: flex!important
    }
}

@media (min-width:99rem) {
    .hide-max {
        display: none
    }
    .display-max {
        display: block
    }
    .display-max[class*=ibm-grid] {
        display: flex
    }
    .flex-max {
        display: flex!important
    }
}

.spacer-tall {
    padding-top: 2rem
}

.spacer-medium {
    padding-top: 1rem
}

.spacer-short {
    padding-top: .5rem
}

.padding-maker-platforms {
    padding-top: 103%
}

.padding-maker-quantum {
    padding-top: 50%
}

.padding-maker-smart {
    padding-top: 60.6%
}

.padding-maker {
    padding-top: 125%
}

.grid-block-doubleWidth .padding-maker {
    padding-top: 62.5%
}

.grid-block-doubleHeight .padding-maker {
    padding-top: 125%
}

.grid-block-halfHeight {
    height: 50%
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-0_5 {
    margin: .5rem!important
}

.mt-0_5,
.my-0_5 {
    margin-top: .5rem!important
}

.mr-0_5,
.mx-0_5 {
    margin-right: .5rem!important
}

.mb-0_5,
.my-0_5 {
    margin-bottom: .5rem!important
}

.ml-0_5,
.mx-0_5 {
    margin-left: .5rem!important
}

.m-1 {
    margin: 1rem!important
}

.mt-1,
.my-1 {
    margin-top: 1rem!important
}

.mr-1,
.mx-1 {
    margin-right: 1rem!important
}

.mb-1,
.my-1 {
    margin-bottom: 1rem!important
}

.ml-1,
.mx-1 {
    margin-left: 1rem!important
}

.m-1_5 {
    margin: 1.5rem!important
}

.mt-1_5,
.my-1_5 {
    margin-top: 1.5rem!important
}

.mr-1_5,
.mx-1_5 {
    margin-right: 1.5rem!important
}

.mb-1_5,
.my-1_5 {
    margin-bottom: 1.5rem!important
}

.ml-1_5,
.mx-1_5 {
    margin-left: 1.5rem!important
}

.m-2 {
    margin: 2rem!important
}

.mt-2,
.my-2 {
    margin-top: 2rem!important
}

.mr-2,
.mx-2 {
    margin-right: 2rem!important
}

.mb-2,
.my-2 {
    margin-bottom: 2rem!important
}

.ml-2,
.mx-2 {
    margin-left: 2rem!important
}

.m-3 {
    margin: 3rem!important
}

.mt-3,
.my-3 {
    margin-top: 3rem!important
}

.mr-3,
.mx-3 {
    margin-right: 3rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 3rem!important
}

.ml-3,
.mx-3 {
    margin-left: 3rem!important
}

.m-4 {
    margin: 4rem!important
}

.mt-4,
.my-4 {
    margin-top: 4rem!important
}

.mr-4,
.mx-4 {
    margin-right: 4rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 4rem!important
}

.ml-4,
.mx-4 {
    margin-left: 4rem!important
}

.m-5 {
    margin: 5rem!important
}

.mt-5,
.my-5 {
    margin-top: 5rem!important
}

.mr-5,
.mx-5 {
    margin-right: 5rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 5rem!important
}

.ml-5,
.mx-5 {
    margin-left: 5rem!important
}

.m-8 {
    margin: 8rem!important
}

.mt-8,
.my-8 {
    margin-top: 8rem!important
}

.mr-8,
.mx-8 {
    margin-right: 8rem!important
}

.mb-8,
.my-8 {
    margin-bottom: 8rem!important
}

.ml-8,
.mx-8 {
    margin-left: 8rem!important
}

.m-9 {
    margin: 9rem!important
}

.mt-9,
.my-9 {
    margin-top: 9rem!important
}

.mr-9,
.mx-9 {
    margin-right: 9rem!important
}

.mb-9,
.my-9 {
    margin-bottom: 9rem!important
}

.ml-9,
.mx-9 {
    margin-left: 9rem!important
}

.m-10 {
    margin: 10rem!important
}

.mt-10,
.my-10 {
    margin-top: 10rem!important
}

.mr-10,
.mx-10 {
    margin-right: 10rem!important
}

.mb-10,
.my-10 {
    margin-bottom: 10rem!important
}

.ml-10,
.mx-10 {
    margin-left: 10rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-0_5 {
    padding: .5rem!important
}

.pt-0_5,
.py-0_5 {
    padding-top: .5rem!important
}

.pr-0_5,
.px-0_5 {
    padding-right: .5rem!important
}

.pb-0_5,
.py-0_5 {
    padding-bottom: .5rem!important
}

.pl-0_5,
.px-0_5 {
    padding-left: .5rem!important
}

.p-1 {
    padding: 1rem!important
}

.pt-1,
.py-1 {
    padding-top: 1rem!important
}

.pr-1,
.px-1 {
    padding-right: 1rem!important
}

.pb-1,
.py-1 {
    padding-bottom: 1rem!important
}

.pl-1,
.px-1 {
    padding-left: 1rem!important
}

.p-1_5 {
    padding: 1.5rem!important
}

.pt-1_5,
.py-1_5 {
    padding-top: 1.5rem!important
}

.pr-1_5,
.px-1_5 {
    padding-right: 1.5rem!important
}

.pb-1_5,
.py-1_5 {
    padding-bottom: 1.5rem!important
}

.pl-1_5,
.px-1_5 {
    padding-left: 1.5rem!important
}

.p-2 {
    padding: 2rem!important
}

.pt-2,
.py-2 {
    padding-top: 2rem!important
}

.pr-2,
.px-2 {
    padding-right: 2rem!important
}

.pb-2,
.py-2 {
    padding-bottom: 2rem!important
}

.pl-2,
.px-2 {
    padding-left: 2rem!important
}

.p-3 {
    padding: 3rem!important
}

.pt-3,
.py-3 {
    padding-top: 3rem!important
}

.pr-3,
.px-3 {
    padding-right: 3rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 3rem!important
}

.pl-3,
.px-3 {
    padding-left: 3rem!important
}

.p-4 {
    padding: 4rem!important
}

.pt-4,
.py-4 {
    padding-top: 4rem!important
}

.pr-4,
.px-4 {
    padding-right: 4rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 4rem!important
}

.pl-4,
.px-4 {
    padding-left: 4rem!important
}

.p-5 {
    padding: 5rem!important
}

.pt-5,
.py-5 {
    padding-top: 5rem!important
}

.pr-5,
.px-5 {
    padding-right: 5rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 5rem!important
}

.pl-5,
.px-5 {
    padding-left: 5rem!important
}

.p-8 {
    padding: 8rem!important
}

.pt-8,
.py-8 {
    padding-top: 8rem!important
}

.pr-8,
.px-8 {
    padding-right: 8rem!important
}

.pb-8,
.py-8 {
    padding-bottom: 8rem!important
}

.pl-8,
.px-8 {
    padding-left: 8rem!important
}

.p-9 {
    padding: 9rem!important
}

.pt-9,
.py-9 {
    padding-top: 9rem!important
}

.pr-9,
.px-9 {
    padding-right: 9rem!important
}

.pb-9,
.py-9 {
    padding-bottom: 9rem!important
}

.pl-9,
.px-9 {
    padding-left: 9rem!important
}

.p-10 {
    padding: 10rem!important
}

.pt-10,
.py-10 {
    padding-top: 10rem!important
}

.pr-10,
.px-10 {
    padding-right: 10rem!important
}

.pb-10,
.py-10 {
    padding-bottom: 10rem!important
}

.pl-10,
.px-10 {
    padding-left: 10rem!important
}

@media (min-width:48rem) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-0_5 {
        margin: .5rem!important
    }
    .mt-md-0_5,
    .my-md-0_5 {
        margin-top: .5rem!important
    }
    .mr-md-0_5,
    .mx-md-0_5 {
        margin-right: .5rem!important
    }
    .mb-md-0_5,
    .my-md-0_5 {
        margin-bottom: .5rem!important
    }
    .ml-md-0_5,
    .mx-md-0_5 {
        margin-left: .5rem!important
    }
    .m-md-1 {
        margin: 1rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 1rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 1rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 1rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 1rem!important
    }
    .m-md-1_5 {
        margin: 1.5rem!important
    }
    .mt-md-1_5,
    .my-md-1_5 {
        margin-top: 1.5rem!important
    }
    .mr-md-1_5,
    .mx-md-1_5 {
        margin-right: 1.5rem!important
    }
    .mb-md-1_5,
    .my-md-1_5 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-1_5,
    .mx-md-1_5 {
        margin-left: 1.5rem!important
    }
    .m-md-2 {
        margin: 2rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 2rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 2rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 2rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 2rem!important
    }
    .m-md-3 {
        margin: 3rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 3rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 3rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 3rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 3rem!important
    }
    .m-md-4 {
        margin: 4rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 4rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 4rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 4rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 4rem!important
    }
    .m-md-5 {
        margin: 5rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 5rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 5rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 5rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 5rem!important
    }
    .m-md-8 {
        margin: 8rem!important
    }
    .mt-md-8,
    .my-md-8 {
        margin-top: 8rem!important
    }
    .mr-md-8,
    .mx-md-8 {
        margin-right: 8rem!important
    }
    .mb-md-8,
    .my-md-8 {
        margin-bottom: 8rem!important
    }
    .ml-md-8,
    .mx-md-8 {
        margin-left: 8rem!important
    }
    .m-md-9 {
        margin: 9rem!important
    }
    .mt-md-9,
    .my-md-9 {
        margin-top: 9rem!important
    }
    .mr-md-9,
    .mx-md-9 {
        margin-right: 9rem!important
    }
    .mb-md-9,
    .my-md-9 {
        margin-bottom: 9rem!important
    }
    .ml-md-9,
    .mx-md-9 {
        margin-left: 9rem!important
    }
    .m-md-10 {
        margin: 10rem!important
    }
    .mt-md-10,
    .my-md-10 {
        margin-top: 10rem!important
    }
    .mr-md-10,
    .mx-md-10 {
        margin-right: 10rem!important
    }
    .mb-md-10,
    .my-md-10 {
        margin-bottom: 10rem!important
    }
    .ml-md-10,
    .mx-md-10 {
        margin-left: 10rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-0_5 {
        padding: .5rem!important
    }
    .pt-md-0_5,
    .py-md-0_5 {
        padding-top: .5rem!important
    }
    .pr-md-0_5,
    .px-md-0_5 {
        padding-right: .5rem!important
    }
    .pb-md-0_5,
    .py-md-0_5 {
        padding-bottom: .5rem!important
    }
    .pl-md-0_5,
    .px-md-0_5 {
        padding-left: .5rem!important
    }
    .p-md-1 {
        padding: 1rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 1rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 1rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 1rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 1rem!important
    }
    .p-md-1_5 {
        padding: 1.5rem!important
    }
    .pt-md-1_5,
    .py-md-1_5 {
        padding-top: 1.5rem!important
    }
    .pr-md-1_5,
    .px-md-1_5 {
        padding-right: 1.5rem!important
    }
    .pb-md-1_5,
    .py-md-1_5 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-1_5,
    .px-md-1_5 {
        padding-left: 1.5rem!important
    }
    .p-md-2 {
        padding: 2rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 2rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 2rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 2rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 2rem!important
    }
    .p-md-3 {
        padding: 3rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 3rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 3rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 3rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 3rem!important
    }
    .p-md-4 {
        padding: 4rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 4rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 4rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 4rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 4rem!important
    }
    .p-md-5 {
        padding: 5rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 5rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 5rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 5rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 5rem!important
    }
    .p-md-8 {
        padding: 8rem!important
    }
    .pt-md-8,
    .py-md-8 {
        padding-top: 8rem!important
    }
    .pr-md-8,
    .px-md-8 {
        padding-right: 8rem!important
    }
    .pb-md-8,
    .py-md-8 {
        padding-bottom: 8rem!important
    }
    .pl-md-8,
    .px-md-8 {
        padding-left: 8rem!important
    }
    .p-md-9 {
        padding: 9rem!important
    }
    .pt-md-9,
    .py-md-9 {
        padding-top: 9rem!important
    }
    .pr-md-9,
    .px-md-9 {
        padding-right: 9rem!important
    }
    .pb-md-9,
    .py-md-9 {
        padding-bottom: 9rem!important
    }
    .pl-md-9,
    .px-md-9 {
        padding-left: 9rem!important
    }
    .p-md-10 {
        padding: 10rem!important
    }
    .pt-md-10,
    .py-md-10 {
        padding-top: 10rem!important
    }
    .pr-md-10,
    .px-md-10 {
        padding-right: 10rem!important
    }
    .pb-md-10,
    .py-md-10 {
        padding-bottom: 10rem!important
    }
    .pl-md-10,
    .px-md-10 {
        padding-left: 10rem!important
    }
}

@media (min-width:66rem) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-0_5 {
        margin: .5rem!important
    }
    .mt-lg-0_5,
    .my-lg-0_5 {
        margin-top: .5rem!important
    }
    .mr-lg-0_5,
    .mx-lg-0_5 {
        margin-right: .5rem!important
    }
    .mb-lg-0_5,
    .my-lg-0_5 {
        margin-bottom: .5rem!important
    }
    .ml-lg-0_5,
    .mx-lg-0_5 {
        margin-left: .5rem!important
    }
    .m-lg-1 {
        margin: 1rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 1rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 1rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 1rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 1rem!important
    }
    .m-lg-1_5 {
        margin: 1.5rem!important
    }
    .mt-lg-1_5,
    .my-lg-1_5 {
        margin-top: 1.5rem!important
    }
    .mr-lg-1_5,
    .mx-lg-1_5 {
        margin-right: 1.5rem!important
    }
    .mb-lg-1_5,
    .my-lg-1_5 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-1_5,
    .mx-lg-1_5 {
        margin-left: 1.5rem!important
    }
    .m-lg-2 {
        margin: 2rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 2rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 2rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 2rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 2rem!important
    }
    .m-lg-3 {
        margin: 3rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 3rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 3rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 3rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 3rem!important
    }
    .m-lg-4 {
        margin: 4rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 4rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 4rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 4rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 4rem!important
    }
    .m-lg-5 {
        margin: 5rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 5rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 5rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 5rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 5rem!important
    }
    .m-lg-8 {
        margin: 8rem!important
    }
    .mt-lg-8,
    .my-lg-8 {
        margin-top: 8rem!important
    }
    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 8rem!important
    }
    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 8rem!important
    }
    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 8rem!important
    }
    .m-lg-9 {
        margin: 9rem!important
    }
    .mt-lg-9,
    .my-lg-9 {
        margin-top: 9rem!important
    }
    .mr-lg-9,
    .mx-lg-9 {
        margin-right: 9rem!important
    }
    .mb-lg-9,
    .my-lg-9 {
        margin-bottom: 9rem!important
    }
    .ml-lg-9,
    .mx-lg-9 {
        margin-left: 9rem!important
    }
    .m-lg-10 {
        margin: 10rem!important
    }
    .mt-lg-10,
    .my-lg-10 {
        margin-top: 10rem!important
    }
    .mr-lg-10,
    .mx-lg-10 {
        margin-right: 10rem!important
    }
    .mb-lg-10,
    .my-lg-10 {
        margin-bottom: 10rem!important
    }
    .ml-lg-10,
    .mx-lg-10 {
        margin-left: 10rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-0_5 {
        padding: .5rem!important
    }
    .pt-lg-0_5,
    .py-lg-0_5 {
        padding-top: .5rem!important
    }
    .pr-lg-0_5,
    .px-lg-0_5 {
        padding-right: .5rem!important
    }
    .pb-lg-0_5,
    .py-lg-0_5 {
        padding-bottom: .5rem!important
    }
    .pl-lg-0_5,
    .px-lg-0_5 {
        padding-left: .5rem!important
    }
    .p-lg-1 {
        padding: 1rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 1rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 1rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 1rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 1rem!important
    }
    .p-lg-1_5 {
        padding: 1.5rem!important
    }
    .pt-lg-1_5,
    .py-lg-1_5 {
        padding-top: 1.5rem!important
    }
    .pr-lg-1_5,
    .px-lg-1_5 {
        padding-right: 1.5rem!important
    }
    .pb-lg-1_5,
    .py-lg-1_5 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-1_5,
    .px-lg-1_5 {
        padding-left: 1.5rem!important
    }
    .p-lg-2 {
        padding: 2rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 2rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 2rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 2rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 2rem!important
    }
    .p-lg-3 {
        padding: 3rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 3rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 3rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 3rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 3rem!important
    }
    .p-lg-4 {
        padding: 4rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 4rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 4rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 4rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 4rem!important
    }
    .p-lg-5 {
        padding: 5rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 5rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 5rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 5rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 5rem!important
    }
    .p-lg-8 {
        padding: 8rem!important
    }
    .pt-lg-8,
    .py-lg-8 {
        padding-top: 8rem!important
    }
    .pr-lg-8,
    .px-lg-8 {
        padding-right: 8rem!important
    }
    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 8rem!important
    }
    .pl-lg-8,
    .px-lg-8 {
        padding-left: 8rem!important
    }
    .p-lg-9 {
        padding: 9rem!important
    }
    .pt-lg-9,
    .py-lg-9 {
        padding-top: 9rem!important
    }
    .pr-lg-9,
    .px-lg-9 {
        padding-right: 9rem!important
    }
    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 9rem!important
    }
    .pl-lg-9,
    .px-lg-9 {
        padding-left: 9rem!important
    }
    .p-lg-10 {
        padding: 10rem!important
    }
    .pt-lg-10,
    .py-lg-10 {
        padding-top: 10rem!important
    }
    .pr-lg-10,
    .px-lg-10 {
        padding-right: 10rem!important
    }
    .pb-lg-10,
    .py-lg-10 {
        padding-bottom: 10rem!important
    }
    .pl-lg-10,
    .px-lg-10 {
        padding-left: 10rem!important
    }
}

@media (min-width:99rem) {
    .m-max-0 {
        margin: 0!important
    }
    .mt-max-0,
    .my-max-0 {
        margin-top: 0!important
    }
    .mr-max-0,
    .mx-max-0 {
        margin-right: 0!important
    }
    .mb-max-0,
    .my-max-0 {
        margin-bottom: 0!important
    }
    .ml-max-0,
    .mx-max-0 {
        margin-left: 0!important
    }
    .m-max-0_5 {
        margin: .5rem!important
    }
    .mt-max-0_5,
    .my-max-0_5 {
        margin-top: .5rem!important
    }
    .mr-max-0_5,
    .mx-max-0_5 {
        margin-right: .5rem!important
    }
    .mb-max-0_5,
    .my-max-0_5 {
        margin-bottom: .5rem!important
    }
    .ml-max-0_5,
    .mx-max-0_5 {
        margin-left: .5rem!important
    }
    .m-max-1 {
        margin: 1rem!important
    }
    .mt-max-1,
    .my-max-1 {
        margin-top: 1rem!important
    }
    .mr-max-1,
    .mx-max-1 {
        margin-right: 1rem!important
    }
    .mb-max-1,
    .my-max-1 {
        margin-bottom: 1rem!important
    }
    .ml-max-1,
    .mx-max-1 {
        margin-left: 1rem!important
    }
    .m-max-1_5 {
        margin: 1.5rem!important
    }
    .mt-max-1_5,
    .my-max-1_5 {
        margin-top: 1.5rem!important
    }
    .mr-max-1_5,
    .mx-max-1_5 {
        margin-right: 1.5rem!important
    }
    .mb-max-1_5,
    .my-max-1_5 {
        margin-bottom: 1.5rem!important
    }
    .ml-max-1_5,
    .mx-max-1_5 {
        margin-left: 1.5rem!important
    }
    .m-max-2 {
        margin: 2rem!important
    }
    .mt-max-2,
    .my-max-2 {
        margin-top: 2rem!important
    }
    .mr-max-2,
    .mx-max-2 {
        margin-right: 2rem!important
    }
    .mb-max-2,
    .my-max-2 {
        margin-bottom: 2rem!important
    }
    .ml-max-2,
    .mx-max-2 {
        margin-left: 2rem!important
    }
    .m-max-3 {
        margin: 3rem!important
    }
    .mt-max-3,
    .my-max-3 {
        margin-top: 3rem!important
    }
    .mr-max-3,
    .mx-max-3 {
        margin-right: 3rem!important
    }
    .mb-max-3,
    .my-max-3 {
        margin-bottom: 3rem!important
    }
    .ml-max-3,
    .mx-max-3 {
        margin-left: 3rem!important
    }
    .m-max-4 {
        margin: 4rem!important
    }
    .mt-max-4,
    .my-max-4 {
        margin-top: 4rem!important
    }
    .mr-max-4,
    .mx-max-4 {
        margin-right: 4rem!important
    }
    .mb-max-4,
    .my-max-4 {
        margin-bottom: 4rem!important
    }
    .ml-max-4,
    .mx-max-4 {
        margin-left: 4rem!important
    }
    .m-max-5 {
        margin: 5rem!important
    }
    .mt-max-5,
    .my-max-5 {
        margin-top: 5rem!important
    }
    .mr-max-5,
    .mx-max-5 {
        margin-right: 5rem!important
    }
    .mb-max-5,
    .my-max-5 {
        margin-bottom: 5rem!important
    }
    .ml-max-5,
    .mx-max-5 {
        margin-left: 5rem!important
    }
    .m-max-8 {
        margin: 8rem!important
    }
    .mt-max-8,
    .my-max-8 {
        margin-top: 8rem!important
    }
    .mr-max-8,
    .mx-max-8 {
        margin-right: 8rem!important
    }
    .mb-max-8,
    .my-max-8 {
        margin-bottom: 8rem!important
    }
    .ml-max-8,
    .mx-max-8 {
        margin-left: 8rem!important
    }
    .m-max-9 {
        margin: 9rem!important
    }
    .mt-max-9,
    .my-max-9 {
        margin-top: 9rem!important
    }
    .mr-max-9,
    .mx-max-9 {
        margin-right: 9rem!important
    }
    .mb-max-9,
    .my-max-9 {
        margin-bottom: 9rem!important
    }
    .ml-max-9,
    .mx-max-9 {
        margin-left: 9rem!important
    }
    .m-max-10 {
        margin: 10rem!important
    }
    .mt-max-10,
    .my-max-10 {
        margin-top: 10rem!important
    }
    .mr-max-10,
    .mx-max-10 {
        margin-right: 10rem!important
    }
    .mb-max-10,
    .my-max-10 {
        margin-bottom: 10rem!important
    }
    .ml-max-10,
    .mx-max-10 {
        margin-left: 10rem!important
    }
    .p-max-0 {
        padding: 0!important
    }
    .pt-max-0,
    .py-max-0 {
        padding-top: 0!important
    }
    .pr-max-0,
    .px-max-0 {
        padding-right: 0!important
    }
    .pb-max-0,
    .py-max-0 {
        padding-bottom: 0!important
    }
    .pl-max-0,
    .px-max-0 {
        padding-left: 0!important
    }
    .p-max-0_5 {
        padding: .5rem!important
    }
    .pt-max-0_5,
    .py-max-0_5 {
        padding-top: .5rem!important
    }
    .pr-max-0_5,
    .px-max-0_5 {
        padding-right: .5rem!important
    }
    .pb-max-0_5,
    .py-max-0_5 {
        padding-bottom: .5rem!important
    }
    .pl-max-0_5,
    .px-max-0_5 {
        padding-left: .5rem!important
    }
    .p-max-1 {
        padding: 1rem!important
    }
    .pt-max-1,
    .py-max-1 {
        padding-top: 1rem!important
    }
    .pr-max-1,
    .px-max-1 {
        padding-right: 1rem!important
    }
    .pb-max-1,
    .py-max-1 {
        padding-bottom: 1rem!important
    }
    .pl-max-1,
    .px-max-1 {
        padding-left: 1rem!important
    }
    .p-max-1_5 {
        padding: 1.5rem!important
    }
    .pt-max-1_5,
    .py-max-1_5 {
        padding-top: 1.5rem!important
    }
    .pr-max-1_5,
    .px-max-1_5 {
        padding-right: 1.5rem!important
    }
    .pb-max-1_5,
    .py-max-1_5 {
        padding-bottom: 1.5rem!important
    }
    .pl-max-1_5,
    .px-max-1_5 {
        padding-left: 1.5rem!important
    }
    .p-max-2 {
        padding: 2rem!important
    }
    .pt-max-2,
    .py-max-2 {
        padding-top: 2rem!important
    }
    .pr-max-2,
    .px-max-2 {
        padding-right: 2rem!important
    }
    .pb-max-2,
    .py-max-2 {
        padding-bottom: 2rem!important
    }
    .pl-max-2,
    .px-max-2 {
        padding-left: 2rem!important
    }
    .p-max-3 {
        padding: 3rem!important
    }
    .pt-max-3,
    .py-max-3 {
        padding-top: 3rem!important
    }
    .pr-max-3,
    .px-max-3 {
        padding-right: 3rem!important
    }
    .pb-max-3,
    .py-max-3 {
        padding-bottom: 3rem!important
    }
    .pl-max-3,
    .px-max-3 {
        padding-left: 3rem!important
    }
    .p-max-4 {
        padding: 4rem!important
    }
    .pt-max-4,
    .py-max-4 {
        padding-top: 4rem!important
    }
    .pr-max-4,
    .px-max-4 {
        padding-right: 4rem!important
    }
    .pb-max-4,
    .py-max-4 {
        padding-bottom: 4rem!important
    }
    .pl-max-4,
    .px-max-4 {
        padding-left: 4rem!important
    }
    .p-max-5 {
        padding: 5rem!important
    }
    .pt-max-5,
    .py-max-5 {
        padding-top: 5rem!important
    }
    .pr-max-5,
    .px-max-5 {
        padding-right: 5rem!important
    }
    .pb-max-5,
    .py-max-5 {
        padding-bottom: 5rem!important
    }
    .pl-max-5,
    .px-max-5 {
        padding-left: 5rem!important
    }
    .p-max-8 {
        padding: 8rem!important
    }
    .pt-max-8,
    .py-max-8 {
        padding-top: 8rem!important
    }
    .pr-max-8,
    .px-max-8 {
        padding-right: 8rem!important
    }
    .pb-max-8,
    .py-max-8 {
        padding-bottom: 8rem!important
    }
    .pl-max-8,
    .px-max-8 {
        padding-left: 8rem!important
    }
    .p-max-9 {
        padding: 9rem!important
    }
    .pt-max-9,
    .py-max-9 {
        padding-top: 9rem!important
    }
    .pr-max-9,
    .px-max-9 {
        padding-right: 9rem!important
    }
    .pb-max-9,
    .py-max-9 {
        padding-bottom: 9rem!important
    }
    .pl-max-9,
    .px-max-9 {
        padding-left: 9rem!important
    }
    .p-max-10 {
        padding: 10rem!important
    }
    .pt-max-10,
    .py-max-10 {
        padding-top: 10rem!important
    }
    .pr-max-10,
    .px-max-10 {
        padding-right: 10rem!important
    }
    .pb-max-10,
    .py-max-10 {
        padding-bottom: 10rem!important
    }
    .pl-max-10,
    .px-max-10 {
        padding-left: 10rem!important
    }
}

.social-media-copy {
    margin-bottom: 1rem
}

.social-media-icons {
    padding-left: .25rem
}

@media (min-width:48rem) {
    .social-media-icons {
        margin-top: 0
    }
}

.ibm-sharethispage .ibm-bold {
    font-weight: 400
}

.ibm-alternate.ibm-sharethispage .ibm-bold {
    color: #fff
}

.button-unstyled {
    background: 0 0;
    border: none;
    text-align: left;
    padding: 0
}

.button-unstyled:hover {
    cursor: pointer
}

.button,
.button-box {
    background-color: #0f6dff;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1rem;
    padding-right: 2.5rem;
    position: relative;
    text-align: left;
    transition: background-color .1s cubic-bezier(.2, 0, .38, .9)
}

.button-box.translucent,
.button.translucent {
    background-color: rgba(15, 109, 255, .6)
}

.button-box.medium,
.button.medium {
    padding-bottom: 1.5rem
}

.button-box.medium .duo-icon,
.button.medium .duo-icon {
    bottom: 1rem;
    top: auto;
    transform: none
}

.button-box:hover,
.button:hover {
    background-color: #0855e5;
    color: #fff;
    text-decoration: none
}

.button-box:focus,
.button:focus {
    background-color: #0855e5;
    color: #fff
}

.button-box:active,
.button:active {
    background-color: #1e76ff;
    color: #fff
}

.button .duo-icon,
.button-box .duo-icon {
    fill: #fff;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

.button-box.secondary,
.button.secondary {
    background-color: transparent;
    border: 1px solid #565656;
    color: #252525;
    transition: border-color .1s cubic-bezier(.2, 0, .38, .9), color .1s cubic-bezier(.2, 0, .38, .9)
}

.button-box.secondary .duo-icon,
.button.secondary .duo-icon {
    fill: #252525;
    transition: fill .1s cubic-bezier(.2, 0, .38, .9)
}

.button-box.secondary:active,
.button-box.secondary:focus,
.button-box.secondary:hover,
.button.secondary:active,
.button.secondary:focus,
.button.secondary:hover {
    background-color: transparent
}

.button-box.secondary:focus,
.button-box.secondary:hover,
.button.secondary:focus,
.button.secondary:hover {
    border-color: #054ada;
    color: #0530ad
}

.button-box.secondary:focus .duo-icon,
.button-box.secondary:hover .duo-icon,
.button.secondary:focus .duo-icon,
.button.secondary:hover .duo-icon {
    fill: #0530ad
}

.button-box.secondary:active,
.button.secondary:active {
    border-color: #418cff;
    color: #0f6dff
}

.button-box.secondary:active .duo-icon,
.button.secondary:active .duo-icon {
    fill: #0f6dff
}

.button {
    display: block
}

.button.center {
    margin: 0 auto
}

[class*=ibm-grid__col--] .button {
    min-width: auto;
    width: 100%
}

[class*=ibm-grid__col--] .button.secondary {
    width: auto
}

.bg-img-sticky {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.js .fade-in {
    animation: fade .5s cubic-bezier(.2, 0, .38, .9) backwards
}

.js .slide-in {
    animation: slide .5s cubic-bezier(.2, 0, .38, .9) backwards
}

.js [data-trigger='slide-in delayed'],
.js [data-trigger=fade-in],
.js [data-trigger=slide-in] {
    opacity: 0
}

.js [data-trigger='slide-in delayed'].fade-in,
.js [data-trigger='slide-in delayed'].slide-in,
.js [data-trigger=fade-in].fade-in,
.js [data-trigger=fade-in].slide-in,
.js [data-trigger=slide-in].fade-in,
.js [data-trigger=slide-in].slide-in {
    opacity: 1
}

.js .fade-in,
.js .slide-in {
    animation-delay: .3s
}

.js .fade-in.no-delay,
.js .slide-in.no-delay {
    animation-delay: 0
}

.js .fade-in.delayed,
.js .slide-in.delayed {
    animation-delay: .5s
}

@keyframes reveal {
    0% {
        transform: scaleX(0)
    }
    100% {
        transform: scaleX(1)
    }
}

@keyframes shrink {
    0% {
        transform: scaleX(1)
    }
    100% {
        transform: scaleX(0)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    60% {
        opacity: 1
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes slide-reveal {
    0% {
        opacity: 0;
        transform: scaleX(0) translateY(40px)
    }
    60% {
        opacity: 1
    }
    100% {
        transform: scaleX(1) translateY(0)
    }
}

.js .delayed-reveal {
    visibility: visible;
    position: relative;
    width: 100%;
    overflow: hidden;
    transform-origin: left;
    animation: reveal .5s cubic-bezier(.8, 0, 1, 1) backwards
}

.js .delayed-reveal.slide-in {
    animation: slide-reveal .5s linear backwards;
    animation-delay: .3s
}

.js .photo-reveal {
    background-color: #fff;
    position: absolute;
    right: 10px;
    width: 115%;
    min-width: 810px!important;
    transform-origin: right;
    height: 100%;
    min-width: 0;
    z-index: 50;
    visibility: visible
}

.js .photo-reveal.triggered {
    animation: shrink .5s cubic-bezier(.8, 0, 1, 1) forwards
}

.ibm-link,
a {
    color: #0f6dff;
    transition: color .1s cubic-bezier(.2, 0, .38, .9)
}

.ibm-link:hover,
a:hover {
    color: #054ada;
    cursor: pointer
}

.ibm-link:focus,
a:focus {
    color: #054ada
}

.ibm-link:active,
a:active {
    color: #418cff
}

.ibm-link .duo-icon,
a .duo-icon {
    fill: #0f6dff
}

.ibm-link .duo-icon:hover,
a .duo-icon:hover {
    fill: #054ada
}

.ibm-link .duo-icon:focus,
a .duo-icon:focus {
    fill: #054ada
}

.ibm-link .duo-icon:active,
a .duo-icon:active {
    fill: #418cff
}

.ibm-link.link-unstyled:active,
.ibm-link.link-unstyled:focus,
.ibm-link.link-unstyled:hover,
a.link-unstyled:active,
a.link-unstyled:focus,
a.link-unstyled:hover {
    color: unset;
    text-decoration: none
}

.ibm-link.link-unstyled .duo-icon,
a.link-unstyled .duo-icon {
    fill: #3d3d3d
}

.ibm-link.link-unstyled .duo-icon:active,
.ibm-link.link-unstyled .duo-icon:focus,
.ibm-link.link-unstyled .duo-icon:hover,
a.link-unstyled .duo-icon:active,
a.link-unstyled .duo-icon:focus,
a.link-unstyled .duo-icon:hover {
    fill: #171717
}

.ibm-link.link-unstyled .duo-icon.white,
a.link-unstyled .duo-icon.white {
    fill: #fff
}

.dark-bg .ibm-link,
.dark-bg a {
    color: #418cff
}

.dark-bg .ibm-link:hover,
.dark-bg a:hover {
    color: #6ea6ff;
    cursor: pointer
}

.dark-bg .ibm-link:focus,
.dark-bg a:focus {
    color: #6ea6ff
}

.dark-bg .ibm-link:active,
.dark-bg a:active {
    color: #0f6dff
}

.dark-bg .ibm-link .duo-icon,
.dark-bg a .duo-icon {
    fill: #418cff
}

.dark-bg .ibm-link .duo-icon:hover,
.dark-bg a .duo-icon:hover {
    fill: #6ea6ff
}

.dark-bg .ibm-link .duo-icon:focus,
.dark-bg a .duo-icon:focus {
    fill: #6ea6ff
}

.dark-bg .ibm-link .duo-icon:active,
.dark-bg a .duo-icon:active {
    fill: #0f6dff
}

.sidebar-hero {
    min-height: 40vmin;
    padding-top: 1rem
}

@unoirt './_image-shadow';
.side-nav-grid {
    display: none;
    position: fixed;
    top: 7rem;
    transform: translateY(-50%);
    width: 100%;
    z-index: 200
}

.no-js .side-nav-grid {
    display: none
}

@media (min-width:48rem) {
    .side-nav-grid {
        display: flex
    }
}

@media (min-width:66rem) {
    .side-nav-grid {
        top: 25%
    }
}

.side-nav {
    opacity: .85;
    position: absolute;
    right: 0;
    width: 5rem;
    transition: width 10ms .29s
}

.side-nav.open {
    opacity: 1;
    transition: width .01s;
    width: 13rem
}

@media (min-width:1270px) {
    .side-nav.open {
        width: 14.7rem
    }
}

.side-nav.open .nav-item {
    box-sizing: border-box;
    margin-left: 0;
    max-height: 4rem;
    padding-bottom: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .875rem;
    transition: padding .18s cubic-bezier(.2, 0, .38, .9) .11s, max-height .18s cubic-bezier(.2, 0, .38, .9) .11s, margin-left .18s cubic-bezier(.2, 0, .38, .9), background-color .2s cubic-bezier(.2, 0, .38, .9)
}

.side-nav.open p {
    opacity: 1;
    transition: opacity .18s .11s
}

.nav-item {
    background-color: #0530ad;
    display: block;
    margin-bottom: 2px;
    margin-left: calc(100% - 3rem);
    margin-top: 0;
    min-height: 12px;
    max-height: .75rem;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    transition: padding .18s cubic-bezier(.2, 0, .38, .9), max-height .18s cubic-bezier(.2, 0, .38, .9), margin-left .11s cubic-bezier(.2, 0, .38, .9) .18s, background-color .2s cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.nav-item:hover {
    background-color: #051b75
}

.nav-item:active {
    background-color: #0f6dff
}

.nav-item p {
    opacity: 0;
    transition: opacity .18s
}

.nav-item-current {
    background-color: #0f6dff
}

.nav-item-current:hover {
    background-color: #0f6dff
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.hero {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.hero-height {
    min-height: calc(100vh - (6.375rem + 4.5rem));
    position: relative
}

@media (min-width:48rem) {
    .hero-height {
        min-height: calc(100vh - (6.375rem + 1.75rem))
    }
}

@media (min-width:66rem) {
    .hero-height {
        min-height: calc(100vh - 6.375rem)
    }
}

.hero-mask {
    background: linear-gradient(transparent, #171717);
    bottom: 0;
    height: 6.5rem;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0
}

.hero-video {
    min-height: 100vh;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100vw;
    z-index: 1
}

.hero-video img,
.hero-video video {
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

@media (min-aspect-ratio:16 / 9) {
    .hero-video img,
    .hero-video video {
        width: 100%
    }
}

@media (max-aspect-ratio:16 / 9) {
    .hero-video img,
    .hero-video video {
        height: 100%
    }
}

.hero-video img {
    animation: fadeIn .6s;
    max-width: none
}

.hero-button {
    background-color: rgba(15, 109, 255, .5)
}

.hero-button:hover {
    background-color: rgba(8, 85, 229, .5)
}

.hero-button:active {
    background-color: rgba(30, 118, 255, .5)
}

::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none
}

::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none
}

::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.overlay-container {
    background-color: rgba(23, 23, 23, .75);
    bottom: 0;
    display: none;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    top: -2rem;
    transition: opacity .25s cubic-bezier(.2, 0, .38, .9), top .25s cubic-bezier(.2, 0, .38, .9);
    z-index: 1000;
    -webkit-overflow-scrolling: auto
}

.overlay-box {
    width: 100vw;
    z-index: 1000
}

.overlay-header {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: .55rem;
    padding-top: .55rem
}

.overlay-title {
    padding-top: .4rem
}

.overlay-content {
    padding-bottom: 3rem
}

.overlay-container.show {
    display: block
}

.overlay-container.open {
    opacity: 1;
    top: 0
}

.overlay-container.open .overlay-header {
    top: 0
}

.chair-letter-portrait img {
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.chair-letter-portrait p {
    display: inline-block;
    vertical-align: middle
}

.brand-block-img {
    max-width: 10rem
}

@media only screen and (max-width:768px) {
    .todays-ibm {
        max-width: 10rem
    }
}

.cloud-item-snippet {
    margin-bottom: 2rem
}

.cloud-item-title {
    color: #fff
}

.parallax>* {
    position: relative;
    z-index: 0
}

.parallax:before {
    content: '';
    background-color: rgba(17, 17, 17, 0)
}

.parallax .first-over {
    position: relative
}

.parallax .first-over:before {
    content: '';
    z-index: 100;
    position: absolute;
    top: 20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(transparent, rgba(23, 23, 23, .90))
}

.expert-title {
    color: #bebebe;
    display: block;
    margin-top: .25rem
}

.parallax-mask:before {
    background-color: rgba(17, 17, 17, .65)
}

.parallax-image-container {
    max-height: 100vh;
    opacity: 0
}

.no-js .parallax-image-container,
.parallax-image-container.parallax-visible {
    opacity: 1
}

@media (min-aspect-ratio:4 / 3) {
    .parallax-image-container {
        position: fixed!important;
        min-height: 100vh;
        min-width: 100%;
        overflow: hidden;
        padding-bottom: 0;
        top: 0;
        z-index: 0
    }
}

.parallax-image-container .spacer {
    padding-bottom: 75%;
    width: 100%
}

.parallax-image-container img {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 100%
}

@media (min-aspect-ratio:4 / 3) {
    .padding-maker-parallax {
        padding: 0
    }
    .padding-maker-parallax .spacer {
        padding-top: 75%;
        width: 100%
    }
}

.opacity-75 {
    opacity: .75
}

@media (min-width:66rem) {
    .hide-me-lg {
        display: none!important
    }
}

@media (min-width:48rem) {
    .platform-icon {
        display: inline-block;
        margin-bottom: .5rem
    }
}

@media (max-width:47.99rem) {
    .quantum {
        height: 240px
    }
}

.platform-image-wrap {
    position: relative
}

@media (max-width:47.99rem) {
    .platform-image-wrap .bg-img {
        position: relative
    }
    .platform-image-wrap.left {
        padding-left: 1rem
    }
    .platform-image-wrap.right {
        padding-right: 1rem
    }
    .platform-image-wrap.ibm-grid__col--sm--4 {
        padding-right: 1rem
    }
}

.ibm-#000-110 {
    color: #000
}

.ibm-blue-10 {
    color: #edf4ff
}

.ibm-blue-20 {
    color: #c9deff
}

.ibm-blue-30 {
    color: #97c1ff
}

.ibm-blue-40 {
    color: #6ea6ff
}

.ibm-blue-50 {
    color: #418cff
}

.ibm-blue-60 {
    color: #0f6dff
}

.ibm-blue-70 {
    color: #054ada
}

.ibm-blue-80 {
    color: #0530ad
}

.ibm-blue-90 {
    color: #051b75
}

.ibm-blue-100 {
    color: #051243
}

.ibm-gray-10 {
    color: #f3f3f3
}

.ibm-gray-20 {
    color: #d8d8d8
}

.ibm-gray-30 {
    color: #bebebe
}

.ibm-gray-40 {
    color: #a3a3a3
}

.ibm-gray-50 {
    color: #8a8a8a
}

.ibm-gray-60 {
    color: #757575
}

.ibm-gray-70 {
    color: #565656
}

.ibm-gray-80 {
    color: #3d3d3d
}

.ibm-gray-90 {
    color: #252525
}

.ibm-gray-100 {
    color: #171717
}

.ibm-#fff-0 {
    color: #fff
}

.ibm-white {
    color: #fff
}

.ibm-black {
    color: #000
}

.ibm-bg-#000-110 {
    background-color: #000
}

.ibm-bg-blue-10 {
    background-color: #edf4ff
}

.ibm-bg-blue-20 {
    background-color: #c9deff
}

.ibm-bg-blue-30 {
    background-color: #97c1ff
}

.ibm-bg-blue-40 {
    background-color: #6ea6ff
}

.ibm-bg-blue-50 {
    background-color: #418cff
}

.ibm-bg-blue-60 {
    background-color: #0f6dff
}

.ibm-bg-blue-70 {
    background-color: #054ada
}

.ibm-bg-blue-80 {
    background-color: #0530ad
}

.ibm-bg-blue-90 {
    background-color: #051b75
}

.ibm-bg-blue-100 {
    background-color: #051243
}

.ibm-bg-gray-10 {
    background-color: #f3f3f3
}

.ibm-bg-gray-20 {
    background-color: #d8d8d8
}

.ibm-bg-gray-30 {
    background-color: #bebebe
}

.ibm-bg-gray-40 {
    background-color: #a3a3a3
}

.ibm-bg-gray-50 {
    background-color: #8a8a8a
}

.ibm-bg-gray-60 {
    background-color: #757575
}

.ibm-bg-gray-70 {
    background-color: #565656
}

.ibm-bg-gray-80 {
    background-color: #3d3d3d
}

.ibm-bg-gray-90 {
    background-color: #252525
}

.ibm-bg-gray-100 {
    background-color: #171717
}

.ibm-bg-#fff-0 {
    background-color: #fff
}

.ibm-bg-white {
    background-color: #fff
}

.ibm-bg-black {
    background-color: #000
}

.img-shadow {
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .15)
}

.past-report {
    margin-bottom: 1rem
}

@media (min-width:48rem) {
    .past-report {
        margin-bottom: 2rem
    }
}

@media (min-width:66rem) {
    .past-report {
        margin-bottom: 4rem
    }
}

.grid-block.short-mask:after {
    content: '';
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    left: 0;
    height: 35%;
    background-image: linear-gradient(to bottom, transparent, rgba(13, 13, 13, .35))
}

.grid-block .copy,
.grid-block .org {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 200;
    max-width: 224px
}

.grid-block .org {
    margin-bottom: 0
}

.grid-block .copy {
    display: none
}

.grid-block:before {
    content: '';
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    transition: background .1s cubic-bezier(.2, 0, .38, .9)
}

.grid-block.hover-mask {
    cursor: pointer
}

.grid-block.hover-mask:before {
    background: rgba(17, 17, 17, .65)
}

.grid-block.hover-mask .duo-icon--maximize {
    height: 32px;
    width: 32px
}

.grid-block .duo-icon {
    margin-bottom: 4px;
    transition: height .1s cubic-bezier(.2, 0, .38, .9), width .1s cubic-bezier(.2, 0, .38, .9)
}

.grid-block .duo-icon--minimize {
    height: 32px;
    width: 32px
}

.grid-block:focus {
    z-index: 150
}

.no-js .grid-block .duo-icon--maximize {
    display: none
}

.no-js .org-grid .org {
    display: none
}

.no-js .org-grid .copy {
    display: block;
    bottom: 0
}

.no-js .people-grid .copy {
    display: block;
    bottom: 60px
}

@media (min-width:66rem) {
    .people-grid.tablet {
        display: none
    }
}