/* https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap */

/* latin-ext */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2) format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u-w4BMUTPHjxsIPx-oPCI.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

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

/* latin */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u8w4BMUTPHjxsAXC-q.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

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

/* latin */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

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

/* latin */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u8w4BMUTPHh30AUi-qJCY.woff2) format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u8w4BMUTPHh30AXC-q.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/lato/v24/S6u9w4BMUTPHh50XSwiPGQ.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap */

/* cyrillic-ext */

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/raleway/v28/1Ptug8zYS_SKggPNyCAIT5lu.woff2)
        format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/raleway/v28/1Ptug8zYS_SKggPNyCkIT5lu.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/raleway/v28/1Ptug8zYS_SKggPNyCIIT5lu.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/raleway/v28/1Ptug8zYS_SKggPNyCMIT5lu.woff2)
        format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/raleway/v28/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

/* https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap */

/* cyrillic-ext */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
        format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
        format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

/* https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap */

/* cyrillic-ext */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1isq129k.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2)
        format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3pQPwl1FgtIU.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3pQPwlRFgtIU.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3pQPwl9FgtIU.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3pQPwl5FgtIU.woff2)
        format("woff2");
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3pQPwlBFgg.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
    --screen-width: 390;
    --screen-width-px: 390px;
    --screen-scaling: 0.203125;
    --bar-height: 14px;
    --bar-gap: 2px;
    --screen-width-sm: 640;
    --screen-width-sm-px: 640px;
}

@media (min-width: 640px) {

    :root {
        --screen-width: 640;
        --screen-width-px: 640px;
        --screen-scaling: 0.3333333333333333;
        --bar-height: 22px;
        --bar-gap: 4px;
    }
}

:root {
    --screen-width-md: 768;
    --screen-width-md-px: 768px;
}

@media (min-width: 768px) {

    :root {
        --screen-width: 768;
        --screen-width-px: 768px;
        --screen-scaling: 0.4;
        --bar-height: 28px;
        --bar-gap: 5px;
    }
}

:root {
    --screen-width-lg: 1024;
    --screen-width-lg-px: 1024px;
}

@media (min-width: 1024px) {

    :root {
        --screen-width: 1024;
        --screen-width-px: 1024px;
        --screen-scaling: 0.5333333333333333;
        --bar-height: 36px;
        --bar-gap: 6px;
    }
}

:root {
    --screen-width-xl: 1280;
    --screen-width-xl-px: 1280px;
}

@media (min-width: 1280px) {

    :root {
        --screen-width: 1280;
        --screen-width-px: 1280px;
        --screen-scaling: 0.6666666666666666;
        --bar-height: 46px;
        --bar-gap: 8px;
    }
}

:root {
    --screen-width-2xl: 153600;
    --screen-width-2xl-px: 153600px;
}

@media (min-width: 153600px) {

    :root {
        --screen-width: 153600;
        --screen-width-px: 153600px;
        --screen-scaling: 80;
        --bar-height: 5440px;
        --bar-gap: 960px;
    }
}

:root {
    --screen-width-3xl: 192000;
    --screen-width-3xl-px: 192000px;
}

@media (min-width: 192000px) {

    :root {
        --screen-width: 192000;
        --screen-width-px: 192000px;
        --screen-scaling: 100;
        --bar-height: 6800px;
        --bar-gap: 1200px;
    }
}

:root {
    --color-ent-aqua: #8AE6E6;
    --color-ent-blue: #1164A5;
    --color-ent-blue-pale: #2C64A0;
    --color-ent-blue-dark: #0B2340;
    --color-ent-blue-dark-pale: #172E4A;
    --color-ent-blue-light: #A1CFF0;
    --color-ent-cyan: #28C9C9;
    --color-ent-cyan-pale: #648B8D;
    --color-ent-orange: #F29D55;
    --color-ent-orange-pale: #e7a062;
    --color-ent-orange-light: #F2C8A5;
    --color-ent-orange-lightest: #FFF0D6;
    --color-ent-orange-very-pale: #FFF5E5;
    --color-ent-red: #C4232E;
    --color-ent-red-pale: #B53435;
    --color-ent-red-soft: #DCA9B0;
    --color-ent-white: #FCFBEB;
}

@keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

@keyframes slide-fade-in {
        0% {
            opacity: 0;
            transform: translateX(var(--x-from, -100vw));
        }
        100% {
            opacity: 1;
            transform: translateX(var(--x-to, 0));
        }
    }

@keyframes zoom-fade-in {
        0% {
            opacity: 0;
            transform: scale(0);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

@keyframes roll-fade-in {
        0% {
            opacity: 0;
            transform: translateX(var(--x-from, -100vw)) rotate(-359deg)
                scale(0);
        }
        100% {
            opacity: 1;
            transform: translateX(var(--x-to, 0)) rotate(0deg) scale(1);
        }
    }

@keyframes bgposition {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

@keyframes marquee-text {
        to {
            transform: translateX(-50%);
        }
    }

:root {
        --container-h-padding: calc(141px * var(--screen-scaling));
        --screen-padding-px: calc((100vw - var(--screen-width) * 1px) / 2);
        --header-height: calc(232px * var(--screen-scaling));
    }

@media not all and (min-width: 768px) {

    :root {
        --header-height: 3.5rem;
    }
}

:root {
        /* Vars changed by the nav animated border js script */
        --nav-current-width: 0;
        --nav-current-offset: 0;
        --stripes-t-height: calc(978px * var(--screen-scaling));
        --stripes-t-offset: calc((var(--stripes-t-height) * 463 / 978));
        --stripes-row-gap: calc((var(--stripes-t-height) * 12 / 978));
        --stripes-row-height: calc((var(--stripes-t-height) * 68 / 978));
        --stripes-font: calc((var(--stripes-t-height) * 0.85 * 86 / 978));
        --stripes-tl-curve-width: calc(var(--stripes-t-height) * 126 / 978);
        --stripes-tr-curve-width: calc(var(--stripes-t-height) * 573 / 978);

        --stripes-r-shift: calc(20px * var(--screen-scaling));

        --stripes-b-padding-right: calc(328px * var(--screen-scaling));
        --stripes-b-width: calc(573px * var(--screen-scaling));
        --stripes-b-height: calc(300px * var(--screen-scaling));
    }

@media not all and (min-width: 640px) {

    :root {
        --stripes-t-height: 90vw;
    }
}

.\!container {
    width: 100% !important;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {

    .\!container {
        max-width: 640px !important;
    }

    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .\!container {
        max-width: 768px !important;
    }

    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .\!container {
        max-width: 1024px !important;
    }

    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .\!container {
        max-width: 1280px !important;
    }

    .container {
        max-width: 1280px;
    }
}

@media (min-width: 153600px) {

    .\!container {
        max-width: 153600px !important;
    }

    .container {
        max-width: 153600px;
    }
}

@media (min-width: 192000px) {

    .\!container {
        max-width: 192000px !important;
    }

    .container {
        max-width: 192000px;
    }
}

.prose {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
    color: var(--tw-prose-body);
    max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: bold;
    text-decoration-color: #A1CFF0;
    transition: text-underline-offset .15s linear, text-decoration-color .2s, color .15s;
    transition-delay: 0s, .07s;
    text-underline-offset: .1em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
    text-decoration-color: #F29D55;
    text-underline-offset: .3em;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
}

.prose {
    --tw-prose-body: #0B2340;
    --tw-prose-headings: #0B2340;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #1164A5;
    --tw-prose-bold: #0B2340;
    --tw-prose-counters: #1164A5;
    --tw-prose-bullets: #1164A5;
    --tw-prose-hr: #d1d5db;
    --tw-prose-quotes: #0B2340;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #0B2340;
    --tw-prose-pre-code: #FCFBEB;
    --tw-prose-pre-bg: #0B2340;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
}

.prose-sm {
    font-size: 0.875rem;
    line-height: 1.7142857;
}

.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.1428571em;
    margin-top: 0;
    margin-bottom: 0.8em;
    line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.4285714em;
    margin-top: 1.6em;
    margin-bottom: 0.8em;
    line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2857143em;
    margin-top: 1.5555556em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.4285714em;
    margin-bottom: 0.5714286em;
    line-height: 1.4285714;
}

.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}

.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}

.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}

.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    border-radius: 0.3125rem;
    padding-top: 0.1428571em;
    padding-inline-end: 0.3571429em;
    padding-bottom: 0.1428571em;
    padding-inline-start: 0.3571429em;
}

.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.6666667;
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    border-radius: 0.25rem;
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
}

.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.2857143em;
    margin-bottom: 0.2857143em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4285714em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}

.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.1428571em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}

.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.2857143em;
    padding-inline-start: 1.5714286em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2.8571429em;
    margin-bottom: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.3333333;
    margin-top: 0.6666667em;
}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
}

.anim-fade-in {
        animation: fade-in 0.25s ease forwards;
    }

.chevrons {
    position: absolute;
    right: calc(141px * var(--screen-scaling));
    bottom: calc(116px * var(--screen-scaling));
    width: calc(562px * var(--screen-scaling));
    height: calc(490px * var(--screen-scaling));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        background-image: url(../images/chevrons.svg);
}

.entropicalabs-logo svg {
    height: 100%;
    width: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
}

.dark .entropicalabs-logo svg path {
    fill: #FCFBEB !important;
}

.link-btn {
    display: inline-flex;
    align-items: center;
    gap: 1.5em;
    line-height: 1.5em;
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;

        transition: color 0.15s;

        --tw-text-opacity: 1;

        color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.link-btn:hover {
    color: rgb(17 100 165 / 0.8);
}

.link-btn::after {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    --tw-content: '';
        -webkit-mask-image: url(../icons/chevron-right.svg);
                mask-image: url(../icons/chevron-right.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        content: var(--tw-content);
        --tw-translate-x: -0.5em;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.link-btn:hover::after {
    content: var(--tw-content);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.link {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-underline-offset: .1em;
}

.link:hover {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.link {
        transition:
            text-underline-offset 0.15s linear,
            text-decoration-color 0.2s,
            color 0.15s;
    }

.link:hover {
    text-decoration-color: #F29D55;
    text-underline-offset: .3em;
}

.dark .link {
    --tw-text-opacity: 1;
    color: rgb(138 230 230 / var(--tw-text-opacity, 1));
}

.dark .link:hover {
    --tw-text-opacity: 1;
    color: rgb(40 201 201 / var(--tw-text-opacity, 1));
}

.btn-new {
    display: inline-block;
    vertical-align: middle;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 1em;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.btn-new:hover {
    background-color: rgb(17 100 165 / 0.8);
}

.btn-new:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-wide {
    padding-left: 3em;
    padding-right: 3em;
}

.btn-new-white {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.btn-new-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 200 165 / var(--tw-bg-opacity, 1));
}

.btn {
        /** calculated py for total height of 88px */
        display: inline-block;
        border-radius: 0.80769em;
        vertical-align: middle;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        padding-left: 1.1538em;
        padding-right: 1.1538em;
        padding-top: 1.0577em;
        padding-bottom: 1.0577em;
        font-size: 1em;
        --tw-bg-opacity: 1;
        background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(252 251 235 / var(--tw-text-opacity, 1));
    }

.btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-white {
        /** calculated py for total height of 88px */
        display: inline-block;
        border-radius: 0.80769em;
        vertical-align: middle;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        padding-left: 1.1538em;
        padding-right: 1.1538em;
        padding-top: 1.0577em;
        padding-bottom: 1.0577em;
        font-size: 1em;
        --tw-bg-opacity: 1;
        background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(252 251 235 / var(--tw-text-opacity, 1));
    }

.btn-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.btn-white:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-white {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.btn-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 200 165 / var(--tw-bg-opacity, 1));
}

.clip-object-cover {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.clip-object-cover>* {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.pagination-item {
    min-width: 1.8em;
    border-radius: 0.25rem;
    text-align: center;
    line-height: 1.8em;
}

a.pagination-item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.pagination-item.current {
    pointer-events: none;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1)) !important;
    font-weight: 700;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.pagination-item.\!current {
    pointer-events: none;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1)) !important;
    font-weight: 700;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.pagination-item.dots {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.px-container {
        padding-left: var(--container-h-padding);
        padding-right: var(--container-h-padding);
    }

.pt-header {
    padding-top: var(--header-height);
}

.bg-light {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
}

.text-dark {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.text-light {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.text-title {
        /* 67px */
        font-size: 2em;
        line-height: 1.1em;
        font-family: Raleway, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 800;
    }

@media (min-width: 640px) {

    .text-title {
        font-size: 2.5em;
    }
}

.text-title strong {
    font-weight: 800;
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.text-title-large {
        /* 104px */
        font-size: 4em;
        line-height: 1.1em;
        font-family: Raleway, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 800;
    }

.text-size {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@media (min-width: 640px) {

    .text-size {
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

@media (min-width: 768px) {

    .text-size {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 1024px) {

    .text-size {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1280px) {

    .text-size {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 153600px) {

    .text-size {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 192000px) {

    .text-size {
        font-size: 1.625rem;
        line-height: 2.0625rem;
    }
}

.text-leading {
    line-height: 1.2em;
}

.heading-leading {
    line-height: 1.1em;
}

.heading {
    line-height: 1.1em;
    font-size: 2.625em;
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 800;
}

.heading-mono {
    line-height: 1.1em;
    font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 2.2em;
    font-weight: 600;
}

.sub-heading {
    font-size: 1em;
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
}

.external-link {
        /* append no break space + North East Arrow Emoji: https://symbl.cc/en/2197/ */
    }

.external-link::after {
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
    --tw-content: '\a0\2197';
    content: var(--tw-content);
}

.before-inset::before {
    position: absolute;
    content: var(--tw-content);
    inset: 0px;
}

/* overlay */

.bg-image-cover-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-image-fixed {
    background-attachment: local;
}

.is-ios .bg-image-fixed {
    background-attachment: local !important;
}

.is-ios.bg-image-fixed {
    background-attachment: local !important;
}

@media (min-width: 768px) {

    .bg-image-fixed {
        background-attachment: fixed;
    }
}

.bar-title {
    font-family: Raleway, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 800;
    margin-bottom: 2em;
    margin-left: 1em;
    margin-top: 1.5em;
}

@media (min-width: 768px) {

    .bar-title {
        margin-top: .5em;
    }
}

@media not all and (min-width: 640px) {

    .bar-title {
        font-size: 1.6rem !important;
        --bar-height: 24px;
    }
}

.bar-title .bar::before {
    position: absolute;
    z-index: 0;
    height: 100%;
}

.bar-title .bar::after {
    position: absolute;
    z-index: 0;
    height: 100%;
}

.bar-title .bar::before {
    content: var(--tw-content);
    inset: 0px;
}

.bar-title .bar::after {
    top: 0px;
    bottom: 0px;
    content: var(--tw-content);
    width: 100vw;
}

.bar-title .bar {
    width: -moz-fit-content;
    width: fit-content;
}

.bar-title .bar.blue {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.bar-title .bar.blue::before {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.blue::after {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.red {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.bar-title .bar.red::before {
    --tw-bg-opacity: 1;
    background-color: rgb(196 35 46 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.red::after {
    --tw-bg-opacity: 1;
    background-color: rgb(196 35 46 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.orange {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.bar-title .bar.orange::before {
    --tw-bg-opacity: 1;
    background-color: rgb(242 157 85 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.orange::after {
    --tw-bg-opacity: 1;
    background-color: rgb(242 157 85 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.cyan {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.bar-title .bar.cyan::before {
    --tw-bg-opacity: 1;
    background-color: rgb(40 201 201 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.cyan::after {
    --tw-bg-opacity: 1;
    background-color: rgb(40 201 201 / var(--tw-bg-opacity, 1));
}

.bar-title .bar.to-l {
    padding-left: .8em;
    padding-right: .8em;
}

.bar-title .bar.to-l::before {
    content: var(--tw-content);
    border-top-left-radius: 100em;
    border-bottom-left-radius: 100em;
}

.bar-title .bar.to-l::after {
    left: 100%;
    content: var(--tw-content);
    --tw-translate-x: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bar-title .bar.to-r {
    padding-left: .8em;
    padding-right: .8em;
}

.bar-title .bar.to-r::before {
    content: var(--tw-content);
    border-top-right-radius: 100em;
    border-bottom-right-radius: 100em;
}

.bar-title .bar.to-r::after {
    right: 100%;
    content: var(--tw-content);
    --tw-translate-x: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bar-title .bar .text {
    position: relative;
    z-index: 10;
    display: block;
}

.bar-title .bar {
    opacity: 0;
    animation: slide-fade-in 1s forwards ease;
    will-change: transform;
    animation-delay: var(--delay,0ms);
    animation-duration: var(--duration,1s);
}

.bar-title .bar.to-l {
    --x-from: 100vw;
}

.bar-title .bar.to-r {
    --x-from: -100vw;
}

.is-safari .bar-title .bar {
    --tw-translate-x: var(--x-to);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    animation: none;
    opacity: 1;
    will-change: auto;
}

.is-safari.bar-title .bar {
    --tw-translate-x: var(--x-to);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    animation: none;
    opacity: 1;
    will-change: auto;
}

.bar-title .text {
    opacity: 0;
    animation: slide-fade-in .8s forwards ease-out;
    will-change: transform;
    animation-delay: calc(var(--delay,0ms) + 250ms);
}

.is-safari .bar-title .text {
    animation-delay: var(--delay,0ms);
}

.is-safari.bar-title .text {
    animation-delay: var(--delay,0ms);
}

.bar-title .text {
    animation-duration: var(--duration,800ms);
    --x-to: 0;
}

.to-l .bar-title .text {
    --x-from: 100vw;
}

.to-r .bar-title .text {
    --x-from: -100vw;
}

.bar-title .text.to-l {
    --x-from: 100vw;
}

.bar-title .text.to-r {
    --x-from: -100vw;
}

:root {
    --triangle-separator-size: 60px;
}

@media (min-width: 640px) {

    :root {
        --triangle-separator-size: 80px;
    }
}

@media (min-width: 1024px) {

    :root {
        --triangle-separator-size: 100px;
    }
}

@media (min-width: 1280px) {

    :root {
        --triangle-separator-size: 110px;
    }
}

@media (min-width: 153600px) {

    :root {
        --triangle-separator-size: 120px;
    }
}

.section-triangle {
    position: absolute;
    left: 50%;
    top: 0px;
        /* translate (-1px) needed to fix wrong alignment in Safari iOS...*/
        --tw-translate-y: calc(calc(100% - 1px) * -1);
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        aspect-ratio: 1 / 1;
        height: var(--triangle-separator-size);
        width: var(--triangle-separator-size);
}

.section-triangle::before {
    content: var(--tw-content);
    right: calc(100% - 1px);
}

.section-triangle::after {
    content: var(--tw-content);
    left: calc(100% - 1px);
}

.section-triangle:before,
        .section-triangle:after {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 100vw;
    background-color: currentColor;
    --tw-content: '';
    content: var(--tw-content);
}

.section-title {
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.25;
}

.section-title-box {
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(11 35 64 / var(--tw-border-opacity, 1));
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* Color is set by shadow-flat-<color> (js plugin) */

.shadow-flat {
        box-shadow: 4px 4px var(--shadow-flat-color);
    }

.hamburger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hamburger path {
    fill: none;
    stroke-linecap: var(--stroke-linecap,round);
    stroke-width: var(--stroke-width,12);
    stroke-dasharray: var(--stroke-dasharray);
    stroke-dashoffset: var(--stroke-dashoffset);
}

.hamburger path:nth-child(1) {
    --stroke-dasharray: 60 207;
    --stroke-dasharray-toggled: 90 207;
    --stroke-dashoffset-toggled: -134;
}

.hamburger path:nth-child(2) {
    --stroke-dasharray: 60 60;
    --stroke-dasharray-toggled: 1 60;
    --stroke-dashoffset-toggled: -30;
}

.hamburger path:nth-child(3) {
    --stroke-dasharray: 60 207;
    --stroke-dasharray-toggled: 90 207;
    --stroke-dashoffset-toggled: -134;
}

.hamburger path {

        transition-property: stroke, stroke-dasharray, stroke-dashoffset;
        transition-duration: 1s, 600ms, 600ms;
        transition-delay: 0, 300ms, 300ms;
        transition-timing-function: ease;
    }

.nav-border {
        position: absolute;
        left: 0;
        bottom: 0;
        inline-size: calc(var(--nav-current-width) * 1px);
        inset-inline-start: calc(var(--nav-current-offset) * 1px);
        transition: inset-inline-start 0.25s, inline-size 0.25s,
            background-color 0.5s;
        pointer-events: none;
    }

.nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.nav-link:hover {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.dark .nav-link {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.dark .nav-link:hover {
    --tw-text-opacity: 1;
    color: rgb(40 201 201 / var(--tw-text-opacity, 1));
}

/* Mobile nav */

@media (max-width: 640px) {
        :root {
            --nav-overlay-color: rgb(252 251 235 / 0.5);
            --nav-bg-color: #F2C8A5;
            --nav-border-color: #FCFBEB;
            --nav-fg-color: #1164A5;
            --nav-btn-color: #FCFBEB;
            --nav-toggle-size: 32px;
            --nav-toggle-pos: 0.75rem;
        }

        /* hide the nav underline */
        .nav-border {
            display: none;
        }

        .hamburger {
        position: absolute;
        top: var(--nav-toggle-pos);
        right: var(--nav-toggle-pos);
        height: var(--nav-toggle-size);
        width: var(--nav-toggle-size);
    }

        .hamburger path:nth-child(1) {
        stroke: #0B2340;
    }

        .hamburger path:nth-child(2) {
        stroke: #C4232E;
    }

        .hamburger path:nth-child(3) {
        stroke: #1164A5;
    }

        .hamburger {
        border-radius: 9999px;
        background-color: transparent;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-delay: 100ms;
    }

            .hamburger svg {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 500ms;
        will-change: transform;
    }

                .nav-open .hamburger svg {
        transition-delay: 300ms;
    }

            .dark .hamburger path:nth-child(1) {
        stroke: #C4232E;
    }

            .dark .hamburger path:nth-child(2) {
        stroke: #F29D55;
    }

            .dark .hamburger path:nth-child(3) {
        stroke: #A1CFF0;
    }

            .nav-open .hamburger {
        background-color: var(--nav-btn-color);
                /* make the X smaller */
    }

            .nav-open .hamburger svg {
        --tw-scale-x: 0.7;
        --tw-scale-y: 0.7;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

            .nav-open .hamburger {
                /* single color */
            }

            .nav-open .hamburger path {
        stroke: var(--nav-fg-color) !important;
    }

            .nav-open .hamburger {
        transition-delay: 0;
    }

        .nav-ct {
        position: absolute;
        inset: 0px;
        z-index: 10;
        height: 120vh;
        width: 100%;
        pointer-events: none;
        display: none;
        overflow: hidden;
    }

            .nav-anim-ready .nav-ct {
        pointer-events: auto;
        display: block;
    }

        /* bg overlay */
        .nav-ct::before {
        position: absolute;
        inset: 0px;
        background-color: var(--nav-overlay-color);
        opacity: 0;
        --tw-backdrop-blur: blur(1px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        --tw-content: '';
        content: var(--tw-content);
    }

            .nav-anim-ready .nav-ct::before {
                transition: all 1s;
            }

            .nav-open .nav-ct::before {
        opacity: 1;
    }

        .nav-circle {
        position: relative;
            --center-offset: calc(0.75rem + var(--nav-toggle-size) / 2);
            --size: 137vw;
            --btn-pos-scale: 55vw;
            --btn-initial-scale: 0.457;
    }

            /*
            --center-offset: 0rem;
            --size: 147vw;
            --btn-pos-scale: 60vw;
            */

            .nav-circle:before {
                /*
                    show only the third quadrant of the circle
                    position the origin of the circle in the top right corner of the page
                */
                --tw-content: '';
                content: var(--tw-content);
                position: absolute;
                top: 0px;
                right: 0px;
                transform-origin: center;
                --tw-translate-x: calc(50% - var(--center-offset));
                --tw-translate-y: calc(-50% + var(--center-offset));
                height: var(--size);
                width: var(--size);
                border-radius: 9999px;
                border-width: 2vw;
                border-color: var(--nav-border-color);
                background-color: var(--nav-bg-color);
                --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                --tw-scale-x: 0;
                --tw-scale-y: 0;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

                transition-property: transform, box-shadow;
                transition-duration: 300ms, 500ms;
                transition-delay: 50ms, 200ms;
            }

                .nav-open .nav-circle:before {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

        .nav-link {
            --shift-x: 0vw;
            --shift-y: 0vw;
            --tr-x: calc(var(--shift-x) - 50% + var(--center-offset));
            --tr-y: calc(var(--shift-y) - 50% + var(--center-offset));

            /* position is controller via js */

            position: absolute;

            top: 0px;

            right: 0px;

            aspect-ratio: 1 / 1;

            height: auto;

            width: 14vw;

            min-width: 48px;

            border-radius: 9999px;

            transform-origin: center;

            opacity: 0;

            background-color: var(--nav-btn-color);

            color: var(--nav-fg-color);

            --tw-translate-x: calc(var(--tr-x) * -1);

            --tw-translate-y: var(--tr-y);

            --tw-scale-x: var(--btn-initial-scale);

            --tw-scale-y: var(--btn-initial-scale);

            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

            transition-property: transform,opacity;

            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

            transition-duration: 300ms;

            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

            will-change: transform;
        }

            .nav-link span {
                /* hide the text */
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0;
            }

            /* icon */
            .nav-link:before {
        position: absolute;
        inset: 0px;
        --tw-content: '';
        content: var(--tw-content);
        background-color: var(--nav-fg-color) !important;
        background-size: 60%;
        background-position: center;
        background-repeat: no-repeat;
                -webkit-mask-image: var(--icon);
                        mask-image: var(--icon);
                -webkit-mask-size: auto 60%;
                        mask-size: auto 60%;
                -webkit-mask-position: center;
                        mask-position: center;
                -webkit-mask-repeat: no-repeat;
                        mask-repeat: no-repeat;
    }

            .nav-open .nav-link {
                /* position and delay are controller via js, scale the position and center the origin (50%) */
                --shift-x: var(--right, 0) * var(--btn-pos-scale);
                --shift-y: var(--top, 0) * var(--btn-pos-scale);
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                opacity: 1;
                transition-delay: var(--delay);
            }
    }

.\!modal {
    position: fixed;
    inset: 0px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal {
    position: fixed;
    inset: 0px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
}

.\!modal {
    opacity: 0;
}

.modal {
    opacity: 0;
}

.\!modal {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal-backdrop {
    background-color: rgb(11 35 64 / 0.5);
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.modal-show {
    opacity: 1;
}

.modal-show,
    .modal-hide {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.modal-hidden {
    display: none;
}

.modal-dialog {
    width: 90%;
    padding: 2.4em;
    border-radius: calc(32px * var(--screen-scaling));
}

@media (min-width: 640px) {

    .modal-dialog {
        max-width: calc(var(--screen-width) * 0.8px);
    }
}

.modal-dialog {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@media (min-width: 640px) {

    .modal-dialog {
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

@media (min-width: 768px) {

    .modal-dialog {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 1024px) {

    .modal-dialog {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1280px) {

    .modal-dialog {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 153600px) {

    .modal-dialog {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 192000px) {

    .modal-dialog {
        font-size: 1.625rem;
        line-height: 2.0625rem;
    }
}

.modal-dialog {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transform-origin: center;
    --tw-translate-x: var(--translate-x);
    --tw-translate-y: var(--translate-y);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal-show .modal-dialog {
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal-contents {
    display: flow-root;
    max-height: 100vh;
    overflow-y: auto;
}

.modal-cancel {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0.6em 0.6em;
    font-size: 2em;
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.modal-cancel:hover {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.quotes-slide {
    order: -1;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    will-change: transform;
    opacity: 0;
    --tw-translate-x: 100vw;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* transition */

.quotes-slide.slide-play {
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 1s;
}

/* slide in */

.quotes-slide.slide-active {
            /* end state */
            order: 2;
            opacity: 1;
            --tw-translate-x: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

/* initial state: depends on direction */

.quotes-slide.slide-active.slide-begin.slide-forward {
    opacity: 0;
    --tw-translate-x: 100vw;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.quotes-slide.slide-active.slide-begin.slide-backward {
    opacity: 0;
    --tw-translate-x: -100vw;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* slide out */

.quotes-slide.slide-inactive {
            /* end state */
            order: 1;
            opacity: 0;
        }

/* initial state */

.quotes-slide.slide-inactive.slide-begin {
                /* same as active */
                opacity: 1;
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }

/* transitioning state: depends on direction */

.quotes-slide.slide-inactive.slide-play.slide-forward {
    opacity: 0;
    --tw-translate-x: -100vw;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.quotes-slide.slide-inactive.slide-play.slide-backward {
    opacity: 0;
    --tw-translate-x: 100vw;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.stripes-ct {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    height: var(--stripes-t-height);
}

@media not all and (min-width: 640px) {

    .stripes-ct {
        margin-top: -20vw;
    }
}

@media (min-width: 640px) {

    .stripes-ct {
        max-width: var(--screen-width-px);
    }
}

.stripes-h-repeat {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 100%;
    background-position: center;
    background-repeat: repeat-x;
    background-size: 100% 100%;
        background-image: url(../images/stripes/top-repeat.svg);
}

.stripes-tl-repeat {
    position: absolute;
    right: 100%;
    top: 0px;
    height: 100%;
    width: 100vw;
    background-position: center;
    background-repeat: repeat-x;
    background-size: 100% 100%;
        background-image: url(../images/stripes/top-left-repeat.svg);
}

.stripes-tl-curve {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: var(--stripes-tl-curve-width);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
        background-image: url(../images/stripes/top-left-curve.svg);
}

.stripes-tr-curve {
    position: absolute;
    top: 0px;
    right: calc(var(--stripes-r-shift) * -1);
    height: 100%;
    width: var(--stripes-tr-curve-width);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
        background-image: url(../images/stripes/top-right-curve.svg);
}

.stripes-text {
        /* position */
        position: absolute;
        top: var(--stripes-t-offset);
    }

@media (min-width: 640px) {

    .stripes-text {
        left: calc(var(--stripes-tl-curve-width) + 0.5em);
    }
}

@media not all and (min-width: 640px) {

    .stripes-text {
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.stripes-text {
        /* size */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: var(--stripes-row-gap);
        line-height: var(--stripes-row-height);
        /* font */
        font-size: var(--stripes-font);
        font-family: Raleway, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 800;
        /* children */
    }

.stripes-text > * {
    display: block;
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.stripes-text > :first-child {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.stripes-text > :nth-child(4) {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

/* vertical/bottom section */

.page-technology {
        --bar-shift: var(--screen-padding-px);
        --bar1-start: calc(5.4em + var(--bar-shift));
        --bar2-start: calc(4.2em + var(--bar-shift));
        --bar3-start: calc(6.25em + var(--bar-shift));
        --bar4-start: calc(9.3em + var(--bar-shift));
    }

/* prettier-ignore */

@keyframes bar1-anim {
            0% { transform: translateX(var(--bar1-start)); }
           24% { transform: translateX(calc(5.9em  + var(--bar-shift)) ); }
           39% { transform: translateX(calc(5.35em + var(--bar-shift))); }
           55% { transform: translateX(calc(6.05em + var(--bar-shift))); }
           73% { transform: translateX(calc(5.5em  + var(--bar-shift))); }
           92% { transform: translateX(calc(5.9em  + var(--bar-shift))); }
          100% { transform: translateX(calc(5.4em  + var(--bar-shift))); }
      }

/* prettier-ignore */

@keyframes bar2-anim {
            0% { transform: translateX(var(--bar2-start)); }
            8% { transform: translateX(calc(4em    + var(--bar-shift))); }
           15% { transform: translateX(calc(4.15em + var(--bar-shift))); }
           26% { transform: translateX(calc(3.95em + var(--bar-shift))); }
           39% { transform: translateX(calc(4.43em + var(--bar-shift))); }
           61% { transform: translateX(calc(3.7em  + var(--bar-shift))); }
           84% { transform: translateX(calc(4.54em + var(--bar-shift))); }
          100% { transform: translateX(calc(4.2em  + var(--bar-shift))); }
      }

/* prettier-ignore */

@keyframes bar3-anim {
            0% { transform: translateX(var(--bar3-start)); }
           12% { transform: translateX(calc(6.5em  + var(--bar-shift))); transform: translateX(calc(6.62em + var(--bar-shift))); }
           26% { transform: translateX(calc(6.08em + var(--bar-shift))); }
           43% { transform: translateX(calc(6.9em  + var(--bar-shift))); }
           61% { transform: translateX(calc(6.4em  + var(--bar-shift))); }
           78% { transform: translateX(calc(6.5em  + var(--bar-shift))); }
          100% { transform: translateX(calc(6.25em + var(--bar-shift))); }
      }

/* prettier-ignore */

@keyframes bar4-anim {
            0% { transform: translateX(var(--bar4-start)); }
           30% { transform: translateX(calc(8.6em  + var(--bar-shift))); }
           47% { transform: translateX(calc(9.42em + var(--bar-shift))); }
           58% { transform: translateX(calc(9.25em + var(--bar-shift))); }
           68% { transform: translateX(calc(9.38em + var(--bar-shift))); }
           83% { transform: translateX(calc(8.93em + var(--bar-shift))); }
           97% { transform: translateX(calc(9.36em + var(--bar-shift))); }
          100% { transform: translateX(calc(9.3em  + var(--bar-shift))); }
    }

.bar-group {
    display: flex;
    flex-direction: column;
    row-gap: var(--bar-gap);
}

.bar {
    height: var(--bar-height);
    width: 100%;
    line-height: var(--bar-height);
    position: relative;
}

.bar.to-r {
    border-top-right-radius: 100em;
    border-bottom-right-radius: 100em;
}

.bar.to-l {
    border-top-left-radius: 100em;
    border-bottom-left-radius: 100em;
}

.bar-title .bar-anim::before {
    position: absolute;
    z-index: 0;
    height: 100%;
}

.bar-title .bar-anim::after {
    position: absolute;
    z-index: 0;
    height: 100%;
}

.bar-title .bar-anim::before {
    content: var(--tw-content);
    inset: 0px;
}

.bar-title .bar-anim::after {
    top: 0px;
    bottom: 0px;
    content: var(--tw-content);
    width: 100vw;
}

.bar-title .bar-anim {
    width: -moz-fit-content;
    width: fit-content;
}

.bar-title .bar-anim.blue {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.bar-title .bar-anim.blue::before {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.blue::after {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.red {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.bar-title .bar-anim.red::before {
    --tw-bg-opacity: 1;
    background-color: rgb(196 35 46 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.red::after {
    --tw-bg-opacity: 1;
    background-color: rgb(196 35 46 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.orange {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.bar-title .bar-anim.orange::before {
    --tw-bg-opacity: 1;
    background-color: rgb(242 157 85 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.orange::after {
    --tw-bg-opacity: 1;
    background-color: rgb(242 157 85 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.cyan {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.bar-title .bar-anim.cyan::before {
    --tw-bg-opacity: 1;
    background-color: rgb(40 201 201 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.cyan::after {
    --tw-bg-opacity: 1;
    background-color: rgb(40 201 201 / var(--tw-bg-opacity, 1));
}

.bar-title .bar-anim.to-l {
    padding-left: .8em;
    padding-right: .8em;
}

.bar-title .bar-anim.to-l::before {
    content: var(--tw-content);
    border-top-left-radius: 100em;
    border-bottom-left-radius: 100em;
}

.bar-title .bar-anim.to-l::after {
    left: 100%;
    content: var(--tw-content);
    --tw-translate-x: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bar-title .bar-anim.to-r {
    padding-left: .8em;
    padding-right: .8em;
}

.bar-title .bar-anim.to-r::before {
    content: var(--tw-content);
    border-top-right-radius: 100em;
    border-bottom-right-radius: 100em;
}

.bar-title .bar-anim.to-r::after {
    right: 100%;
    content: var(--tw-content);
    --tw-translate-x: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bar-title .bar-anim .text {
    position: relative;
    z-index: 10;
    display: block;
}

.bar-title .bar-anim {
    opacity: 0;
    animation: slide-fade-in 1s forwards ease;
    will-change: transform;
    animation-delay: var(--delay,0ms);
    animation-duration: var(--duration,1s);
}

.bar-title .bar-anim.to-l {
    --x-from: 100vw;
}

.bar-title .bar-anim.to-r {
    --x-from: -100vw;
}

.is-safari .bar-title .bar-anim {
    --tw-translate-x: var(--x-to);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    animation: none;
    opacity: 1;
    will-change: auto;
}

.is-safari.bar-title .bar-anim {
    --tw-translate-x: var(--x-to);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    animation: none;
    opacity: 1;
    will-change: auto;
}

.bar-anim {
    height: var(--bar-height);
    width: 100%;
    line-height: var(--bar-height);
    position: relative;
}

.bar-anim.to-r {
    border-top-right-radius: 100em;
    border-bottom-right-radius: 100em;
}

.bar-anim.to-l {
    border-top-left-radius: 100em;
    border-bottom-left-radius: 100em;
}

.bar-anim {
    position: relative;
    right: 100vw;
    width: 100vw;
    transition-property: transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.is-visible > .bar-anim {
    --tw-translate-x: var(--bar-start);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bar-anim {
        /* @apply when-ready:animate-[var(--bar-anim)_10s_infinite_ease-in-out]; */
    }

/*
     * The background image is shared between the first two sections when screen > lg
     * On smaller screens each section has its own background image
     */

/* Background color overlay for sections above the starts bg */

.page-technology .section3-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
    background-image: url(/images/tech/bg-space.webp);
}

.no-webp .page-technology .section3-bg {
    background-image: url(/images/tech/bg-space.jpg);
}

.page-technology .section3-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        /* make it larger and bottom aligned for a better effect */
        background-position: bottom;
        background-size: auto 350%;
}

@media (max-width: 1024px) {

    .page-technology .section1-bg {
        --tw-bg-opacity: 1;
        background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
        background-image: url(/images/tech/bg-space.webp);
    }

    .no-webp .page-technology .section1-bg {
        background-image: url(/images/tech/bg-space.jpg);
    }

    .page-technology .section1-bg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .page-technology .section2-bg {
        --tw-bg-opacity: 1;
        background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
        background-image: url(/images/tech/bg-space.webp);
    }

    .no-webp .page-technology .section2-bg {
        background-image: url(/images/tech/bg-space.jpg);
    }

    .page-technology .section2-bg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
            /* make it larger and bottom aligned for a better effect */
    }
        @media not all and (min-width: 1024px) {

        .page-technology .section2-bg {
            background-position: bottom right;
            background-size: auto 200%;
        }
    }
    }

.page-technology .section1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
        /* spacer for offsetting the title from center */
        --offset: 0;
}

.page-technology .section1::after {
    content: var(--tw-content);
    height: calc(var(--header-height) + var(--offset));
}

.page-technology .section1 {
    --offset: 1vh;
}

@media (orientation: portrait) {

    .page-technology .section1 {
        --offset: 40vh;
    }
}

@media (min-width: 768px) {

    @media (orientation: portrait) {

        .page-technology .section1 {
            --offset: 45vh;
        }
    }
}

.page-technology .section1 {
        /* large screen (shared background for header and boxes, smaller offset) */
    }

@media (min-width: 1024px) {

    .page-technology .section1 {
        --offset: 5vh;
    }

    @media (orientation: portrait) {

        .page-technology .section1 {
            --offset: 25vh;
        }
    }
}

/* section2 boxes */

.hbox {
        --hbox-bg: #28C9C9;
        --hbox-hover-bg: #1164A5;

        /* these are calculated via js */
        --hbox-translate-y: 0;
        --hbox-extra-height: 14em;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 4em;
        padding-bottom: 4em;
        text-align: center;
        --tw-text-opacity: 1;
        color: rgb(252 251 235 / var(--tw-text-opacity, 1));
    }

.hbox::before {
    position: absolute;
    inset: 0px;
    background-color: var(--hbox-bg);
    mix-blend-mode: multiply;
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.hbox > div {
    max-width: 26.5em;
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hbox p {
    margin-bottom: 1.125em;
}

.hbox .hbox-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    display: block;
    height: 2.8em;
    width: 2.8em;
}

.hbox img {
    margin: auto;
    margin-bottom: 2em;
    display: block;
    height: 4.12em;
    width: auto;
}

.hbox .desc {
    font-size: 1.8461em;
    font-weight: 700;
    line-height: 1.125em;
}

.hbox .extra p:last-child {
    margin-top: 1.2em;
}

.hbox .extra p {
    margin-bottom: 0.6em;
}

.hbox a {
        /** calculated py for total height of 88px */
        display: inline-block;
        border-radius: 0.80769em;
        vertical-align: middle;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        padding-left: 1.1538em;
        padding-right: 1.1538em;
        padding-top: 1.0577em;
        padding-bottom: 1.0577em;
        font-size: 1em;
        --tw-bg-opacity: 1;
        background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(252 251 235 / var(--tw-text-opacity, 1));
    }

.hbox a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.hbox a:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hbox a {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.hbox a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 200 165 / var(--tw-bg-opacity, 1));
}

.hbox::before {
    background-color: var(--hbox-hover-bg);
}

@media (any-hover: hover) and (min-width: 1024px) {
        .hbox .hbox-icon {
        height: 0px;
        --tw-translate-y: calc(var(--hbox-translate-y) * -1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        color: var(--hbox-hover-bg);
        opacity: 0;
            transition-timing-function: ease-in-out;
            transition-property: all, opacity, color;
            transition-duration: 500ms, 1s, 1.25s;
    }

        .hbox .extra {
        height: 0px;
        --tw-translate-y: var(--hbox-translate-y);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0;
            transition-timing-function: ease-in-out;
            transition-property: all, opacity;
            transition-duration: 500ms, 750ms;
    }

        .hbox::before {
        background-color: var(--hbox-bg);
    }

        .hbox:hover::before {
        background-color: var(--hbox-hover-bg);
    }

        .hbox:hover .hbox-icon {
        height: 2.8em;
        --tw-translate-y: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-text-opacity: 1;
        color: rgb(252 251 235 / var(--tw-text-opacity, 1));
        opacity: 1;
    }

        .hbox:hover .extra {
        height: var(--hbox-extra-height);
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
    }
    }

.home-stripes-b .v-repeat {
    position: absolute;
    bottom: 0px;
    top: 0px;
    right: calc(var(--stripes-r-shift) * -1);
    width: var(--stripes-b-width);
        /* @apply pb-[var(--stripes-b-height)]; */
        background-clip: content-box;
        background-position: center top;
        background-repeat: repeat-y;
        background-size: 100% 100%;
        background-image: url("../images/stripes/bottom-y-repeat.svg");
        pointer-events: none;
        bottom: calc(var(--stripes-b-height) - 1px);
}

.home-stripes-b .br-curve {
    position: absolute;
    bottom: 0px;
    right: calc(var(--stripes-r-shift) * -1);
    height: var(--stripes-b-height);
    width: var(--stripes-b-width);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
        background-image: url(../images/stripes/bottom-right-curve.svg);
        pointer-events: none;
}

.home-stripes-b .brh-repeat {
    position: absolute;
    bottom: 0px;
    left: calc(100% + var(--stripes-r-shift) - 1px);
    height: var(--stripes-b-height);
    width: 100vw;
    background-position: left center;
    background-repeat: repeat-x;
    background-size: 100% 100%;
        background-image: url(../images/stripes/bottom-x-repeat.svg);
        pointer-events: none;
}

.home-stripes-b .content-ct {
    position: relative;
    margin: auto;
    margin-right: calc(var(--stripes-b-padding-right) * -1);
    margin-bottom: calc(120px * var(--screen-scaling));
    padding-top: calc(112px * var(--screen-scaling));
    padding-bottom: calc(112px * var(--screen-scaling));
    padding-right: calc(120px * var(--screen-scaling));
}

.default-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
}

.accordion {
    border-radius: 0.75rem;
    border-width: 2px;
    border-color: var(--color);
}

.accordion[open] summary::before {
    content: var(--tw-content);
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.accordion summary *::marker {
    display: none;
}

.accordion summary::marker {
    display: none;
}

.accordion summary *::marker {
    --tw-content: '';
    content: var(--tw-content);
}

.accordion summary::marker {
    --tw-content: '';
    content: var(--tw-content);
}

.accordion summary {
    cursor: pointer;
    position: relative;
}

.accordion summary::before {
    --tw-content: ' ';
        position: absolute;
        right: 0px;
        top: 50%;
        --tw-translate-x: -2.25em;
        --tw-translate-y: -50%;
        transform-origin: center;
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -webkit-mask-image: url(../icons/chevron-right.svg);
                mask-image: url(../icons/chevron-right.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
        width: 2em;
        height: 2em;
        background-color: var(--color);

        content: var(--tw-content);

        /* @apply transition-transform duration-300 ease-in-out; */
}

.accordion summary {

            /* hide marker on safari */
            list-style: none;
        }

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion > * {
    padding: 1.5em 2.25em;
}

@media not all and (min-width: 640px) {

    .accordion > * {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

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

.pointer-events-none {
    pointer-events: none;
}

.visible {
    visibility: visible;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    inset: 0px;
}

.inset-x-0 {
    left: 0px;
    right: 0px;
}

.-bottom-\[18em\] {
    bottom: -18em;
}

.-left-\[\.375em\] {
    left: -.375em;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-\[-17em\] {
    bottom: -17em;
}

.left-0 {
    left: 0px;
}

.left-1\/2 {
    left: 50%;
}

.left-\[-20vw\] {
    left: -20vw;
}

.left-\[100vw\] {
    left: 100vw;
}

.left-\[1em\] {
    left: 1em;
}

.left-\[50\%\] {
    left: 50%;
}

.right-0 {
    right: 0px;
}

.right-\[-12em\] {
    right: -12em;
}

.right-\[1\.5em\] {
    right: 1.5em;
}

.right-full {
    right: 100%;
}

.top-0 {
    top: 0px;
}

.top-\[-2\.2em\] {
    top: -2.2em;
}

.top-\[-3vw\] {
    top: -3vw;
}

.top-\[50\%\] {
    top: 50%;
}

.top-full {
    top: 100%;
}

.z-0 {
    z-index: 0;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-50 {
    z-index: 50;
}

.z-\[120302\] {
    z-index: 120302;
}

.z-\[1\] {
    z-index: 1;
}

.z-\[2\] {
    z-index: 2;
}

.row-span-3 {
    grid-row: span 3 / span 3;
}

.clear-both {
    clear: both;
}

.m-auto {
    margin: auto;
}

.-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.my-\[\.75em\] {
    margin-top: .75em;
    margin-bottom: .75em;
}

.my-\[0\.5em\] {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.my-\[1\.5em\] {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.my-\[1em\] {
    margin-top: 1em;
    margin-bottom: 1em;
}

.my-\[2em\] {
    margin-top: 2em;
    margin-bottom: 2em;
}

.my-\[3em\] {
    margin-top: 3em;
    margin-bottom: 3em;
}

.\!ml-0 {
    margin-left: 0px !important;
}

.-mt-\[0\.5em\] {
    margin-top: -0.5em;
}

.-mt-\[3em\] {
    margin-top: -3em;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-\[\.325em\] {
    margin-bottom: .325em;
}

.mb-\[\.358em\] {
    margin-bottom: .358em;
}

.mb-\[\.5em\] {
    margin-bottom: .5em;
}

.mb-\[\.75em\] {
    margin-bottom: .75em;
}

.mb-\[\.8em\] {
    margin-bottom: .8em;
}

.mb-\[0\.15em\] {
    margin-bottom: 0.15em;
}

.mb-\[0\.2em\] {
    margin-bottom: 0.2em;
}

.mb-\[0\.45em\] {
    margin-bottom: 0.45em;
}

.mb-\[0\.5em\] {
    margin-bottom: 0.5em;
}

.mb-\[0\.75em\] {
    margin-bottom: 0.75em;
}

.mb-\[1\.2em\] {
    margin-bottom: 1.2em;
}

.mb-\[1\.5em\] {
    margin-bottom: 1.5em;
}

.mb-\[1em\] {
    margin-bottom: 1em;
}

.mb-\[3em\] {
    margin-bottom: 3em;
}

.mb-\[6em\] {
    margin-bottom: 6em;
}

.mb-\[8rem\] {
    margin-bottom: 8rem;
}

.mb-\[calc\(var\(--line-height\)\/1\.3\)\] {
    margin-bottom: calc(var(--line-height) / 1.3);
}

.mb-\[calc\(var\(--line-height\)\/1\.8\/2\)\] {
    margin-bottom: calc(var(--line-height) / 1.8 / 2);
}

.ml-0 {
    margin-left: 0px;
}

.ml-\[10vw\] {
    margin-left: 10vw;
}

.ml-\[2em\] {
    margin-left: 2em;
}

.ml-\[calc\(16\.5em-100vw\)\] {
    margin-left: calc(16.5em - 100vw);
}

.ml-\[calc\(9\.5em-100vw\)\] {
    margin-left: calc(9.5em - 100vw);
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-\[\.358em\] {
    margin-top: .358em;
}

.mt-\[\.5em\] {
    margin-top: .5em;
}

.mt-\[\.75em\] {
    margin-top: .75em;
}

.mt-\[0\.1em\] {
    margin-top: 0.1em;
}

.mt-\[0\.375em\] {
    margin-top: 0.375em;
}

.mt-\[1\.5em\] {
    margin-top: 1.5em;
}

.mt-\[1em\] {
    margin-top: 1em;
}

.mt-\[2\.25em\] {
    margin-top: 2.25em;
}

.mt-\[2\.3846em\] {
    margin-top: 2.3846em;
}

.mt-\[2em\] {
    margin-top: 2em;
}

.mt-\[3em\] {
    margin-top: 3em;
}

.mt-\[4em\] {
    margin-top: 4em;
}

.mt-\[4rem\] {
    margin-top: 4rem;
}

.mt-\[calc\(var\(--line-height\)\/1\.3\)\] {
    margin-top: calc(var(--line-height) / 1.3);
}

.mt-\[calc\(var\(--line-height\)\/1\.8\)\] {
    margin-top: calc(var(--line-height) / 1.8);
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.flow-root {
    display: flow-root;
}

.grid {
    display: grid;
}

.inline-grid {
    display: inline-grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.aspect-\[1167\/734\] {
    aspect-ratio: 1167/734;
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9;
}

.aspect-\[192\/54\] {
    aspect-ratio: 192/54;
}

.aspect-\[1970\/1043\] {
    aspect-ratio: 1970/1043;
}

.aspect-\[256\/170\] {
    aspect-ratio: 256/170;
}

.aspect-\[328\/102\] {
    aspect-ratio: 328/102;
}

.aspect-\[526\/584\] {
    aspect-ratio: 526/584;
}

.aspect-\[6\/3\] {
    aspect-ratio: 6/3;
}

.aspect-\[6\/5\] {
    aspect-ratio: 6/5;
}

.aspect-\[607\/127\] {
    aspect-ratio: 607/127;
}

.aspect-\[98\/63\] {
    aspect-ratio: 98/63;
}

.aspect-\[var\(--aspect\)\] {
    aspect-ratio: var(--aspect);
}

.aspect-square {
    aspect-ratio: 1 / 1;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

.size-\[1em\] {
    width: 1em;
    height: 1em;
}

.size-\[3\.5em\] {
    width: 3.5em;
    height: 3.5em;
}

.size-\[4em\] {
    width: 4em;
    height: 4em;
}

.size-\[5em\] {
    width: 5em;
    height: 5em;
}

.size-full {
    width: 100%;
    height: 100%;
}

.h-\[0\.4em\] {
    height: 0.4em;
}

.h-\[0\.5em\] {
    height: 0.5em;
}

.h-\[1\.2em\] {
    height: 1.2em;
}

.h-\[110\%\] {
    height: 110%;
}

.h-\[1px\] {
    height: 1px;
}

.h-\[24\.3\%\] {
    height: 24.3%;
}

.h-\[3\.5rem\] {
    height: 3.5rem;
}

.h-\[5em\] {
    height: 5em;
}

.h-\[90\%\] {
    height: 90%;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.max-h-full {
    max-height: 100%;
}

.w-\[0\.4em\] {
    width: 0.4em;
}

.w-\[0\.7em\] {
    width: 0.7em;
}

.w-\[100\%\] {
    width: 100%;
}

.w-\[100vw\] {
    width: 100vw;
}

.w-\[10em\] {
    width: 10em;
}

.w-\[12\.8em\] {
    width: 12.8em;
}

.w-\[120\%\] {
    width: 120%;
}

.w-\[130vw\] {
    width: 130vw;
}

.w-\[13em\] {
    width: 13em;
}

.w-\[18em\] {
    width: 18em;
}

.w-\[2\.5em\] {
    width: 2.5em;
}

.w-\[20em\] {
    width: 20em;
}

.w-\[23\.3452em\] {
    width: 23.3452em;
}

.w-\[3\.5em\] {
    width: 3.5em;
}

.w-\[32em\] {
    width: 32em;
}

.w-\[3em\] {
    width: 3em;
}

.w-\[4\.25em\] {
    width: 4.25em;
}

.w-\[4\.5em\] {
    width: 4.5em;
}

.w-\[44\.8846em\] {
    width: 44.8846em;
}

.w-\[57em\] {
    width: 57em;
}

.w-\[75\.7576\%\] {
    width: 75.7576%;
}

.w-\[8em\] {
    width: 8em;
}

.w-auto {
    width: auto;
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}

.w-full {
    width: 100%;
}

.w-max {
    width: -moz-max-content;
    width: max-content;
}

.max-w-\[32em\] {
    max-width: 32em;
}

.max-w-\[40em\] {
    max-width: 40em;
}

.max-w-\[50em\] {
    max-width: 50em;
}

.max-w-\[60em\] {
    max-width: 60em;
}

.max-w-\[93\.54\%\] {
    max-width: 93.54%;
}

.max-w-full {
    max-width: 100%;
}

.max-w-md {
    max-width: 28rem;
}

.max-w-none {
    max-width: none;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-auto {
    flex: 1 1 auto;
}

.flex-none {
    flex: none;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink-0 {
    flex-shrink: 0;
}

.flex-grow {
    flex-grow: 1;
}

.grow {
    flex-grow: 1;
}

.grow-0 {
    flex-grow: 0;
}

.basis-\[1\.5em\] {
    flex-basis: 1.5em;
}

.basis-\[30\%\] {
    flex-basis: 30%;
}

.basis-\[4\.5em\] {
    flex-basis: 4.5em;
}

.basis-\[50\%\] {
    flex-basis: 50%;
}

.basis-\[var\(--basis\)\] {
    flex-basis: var(--basis);
}

.basis-full {
    flex-basis: 100%;
}

.origin-\[top_center\] {
    transform-origin: top center;
}

.origin-bottom {
    transform-origin: bottom;
}

.origin-center {
    transform-origin: center;
}

.origin-top-left {
    transform-origin: top left;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[12\%\] {
    --tw-translate-x: -12%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[33\.5\%\] {
    --tw-translate-x: -33.5%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[3\%\] {
    --tw-translate-y: -3%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[35\%\] {
    --tw-translate-y: -35%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-10\%\] {
    --tw-translate-x: -10%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-34\%\] {
    --tw-translate-x: -34%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-60\%\] {
    --tw-translate-x: -60%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[0\.8em\] {
    --tw-translate-x: 0.8em;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[1em\] {
    --tw-translate-x: 1em;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[32\%\] {
    --tw-translate-x: 32%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[33\%\] {
    --tw-translate-x: 33%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[35\%\] {
    --tw-translate-x: 35%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[40\%\] {
    --tw-translate-x: 40%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[5\%\] {
    --tw-translate-x: 5%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[60\%\] {
    --tw-translate-x: 60%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[65\%\] {
    --tw-translate-x: 65%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-2\%\] {
    --tw-translate-y: -2%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[20\%\] {
    --tw-translate-y: 20%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[30\%\] {
    --tw-translate-y: 30%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[5\%\] {
    --tw-translate-y: 5%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[--scale\] {
    --tw-scale-x: var(--scale);
    --tw-scale-y: var(--scale);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.85\] {
    --tw-scale-x: 0.85;
    --tw-scale-y: 0.85;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.10\] {
    --tw-scale-x: 1.10;
    --tw-scale-y: 1.10;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.23\] {
    --tw-scale-x: 1.23;
    --tw-scale-y: 1.23;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.3\] {
    --tw-scale-x: 1.3;
    --tw-scale-y: 1.3;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-\[250ms_1\.27s_zoom-fade-in_forwards_ease-out\] {
    animation: 250ms 1.27s zoom-fade-in forwards ease-out;
}

.animate-\[marquee-text_var\(--speed\)_linear_infinite\] {
    animation: marquee-text var(--speed) linear infinite;
}

.animate-\[marquee-text_var\(--speed\)_linear_infinite_var\(--direction\)\] {
    animation: marquee-text var(--speed) linear infinite var(--direction);
}

.select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.resize {
    resize: both;
}

.list-inside {
    list-style-position: inside;
}

.list-disc {
    list-style-type: disc;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-\[1fr_0\.4fr\] {
    grid-template-columns: 1fr 0.4fr;
}

.grid-cols-\[1fr_0\.8fr\] {
    grid-template-columns: 1fr 0.8fr;
}

.grid-cols-\[1fr_calc\(\(var\(--screen-width\)\*1px\)-var\(--container-pad\)\)_1fr\] {
    grid-template-columns: 1fr calc((var(--screen-width) * 1px) - var(--container-pad)) 1fr;
}

.grid-cols-\[min-content_1fr\] {
    grid-template-columns: min-content 1fr;
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-\[--gap\] {
    gap: var(--gap);
}

.gap-\[\.3em\] {
    gap: .3em;
}

.gap-\[0\.5em\] {
    gap: 0.5em;
}

.gap-\[0\.75em\] {
    gap: 0.75em;
}

.gap-\[1\.5em\] {
    gap: 1.5em;
}

.gap-\[1em\] {
    gap: 1em;
}

.gap-\[2\.25em\] {
    gap: 2.25em;
}

.gap-\[2em\] {
    gap: 2em;
}

.gap-\[3em\] {
    gap: 3em;
}

.gap-x-\[\.5em\] {
    -moz-column-gap: .5em;
         column-gap: .5em;
}

.gap-x-\[1\.25em\] {
    -moz-column-gap: 1.25em;
         column-gap: 1.25em;
}

.gap-x-\[1\.5em\] {
    -moz-column-gap: 1.5em;
         column-gap: 1.5em;
}

.gap-x-\[1em\] {
    -moz-column-gap: 1em;
         column-gap: 1em;
}

.gap-x-\[2\.225em\] {
    -moz-column-gap: 2.225em;
         column-gap: 2.225em;
}

.gap-x-\[2em\] {
    -moz-column-gap: 2em;
         column-gap: 2em;
}

.gap-x-\[8em\] {
    -moz-column-gap: 8em;
         column-gap: 8em;
}

.gap-y-10 {
    row-gap: 2.5rem;
}

.gap-y-\[0\.1765em\] {
    row-gap: 0.1765em;
}

.gap-y-\[0\.4615em\] {
    row-gap: 0.4615em;
}

.gap-y-\[1\.5em\] {
    row-gap: 1.5em;
}

.gap-y-\[2em\] {
    row-gap: 2em;
}

.gap-y-\[3em\] {
    row-gap: 3em;
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-clip {
    overflow: clip;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-ellipsis {
    text-overflow: ellipsis;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.text-nowrap {
    text-wrap: nowrap;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-\[\.8em\] {
    border-radius: .8em;
}

.rounded-\[0\.8em\] {
    border-radius: 0.8em;
}

.rounded-\[100em\] {
    border-radius: 100em;
}

.rounded-\[1em\] {
    border-radius: 1em;
}

.rounded-\[2em\] {
    border-radius: 2em;
}

.rounded-\[4px\] {
    border-radius: 4px;
}

.rounded-\[calc\(var\(--rounded\)-var\(--border\)\)\] {
    border-radius: calc(var(--rounded) - var(--border));
}

.rounded-\[var\(--rounded\)\] {
    border-radius: var(--rounded);
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.border {
    border-width: 1px;
}

.border-\[1px\] {
    border-width: 1px;
}

.border-\[2px\] {
    border-width: 2px;
}

.border-\[length\:var\(--border\)\] {
    border-width: var(--border);
}

.border-t {
    border-top-width: 1px;
}

.\!border-ent-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(252 251 235 / var(--tw-border-opacity, 1)) !important;
}

.border-\[color\:--color\] {
    border-color: var(--color);
}

.border-ent-blue {
    --tw-border-opacity: 1;
    border-color: rgb(17 100 165 / var(--tw-border-opacity, 1));
}

.border-ent-blue-dark-pale {
    --tw-border-opacity: 1;
    border-color: rgb(23 46 74 / var(--tw-border-opacity, 1));
}

.border-ent-blue-dark\/15 {
    border-color: rgb(11 35 64 / 0.15);
}

.border-ent-blue-dark\/25 {
    border-color: rgb(11 35 64 / 0.25);
}

.border-ent-red {
    --tw-border-opacity: 1;
    border-color: rgb(196 35 46 / var(--tw-border-opacity, 1));
}

.border-ent-red-pale {
    --tw-border-opacity: 1;
    border-color: rgb(181 52 53 / var(--tw-border-opacity, 1));
}

.border-ent-white {
    --tw-border-opacity: 1;
    border-color: rgb(252 251 235 / var(--tw-border-opacity, 1));
}

.border-slate-500\/30 {
    border-color: rgb(100 116 139 / 0.3);
}

.\!bg-transparent {
    background-color: transparent !important;
}

.bg-\[\#eee\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[--bg\] {
    background-color: var(--bg);
}

.bg-\[var\(--bg-color\)\] {
    background-color: var(--bg-color);
}

.bg-ent-aqua {
    --tw-bg-opacity: 1;
    background-color: rgb(138 230 230 / var(--tw-bg-opacity, 1));
}

.bg-ent-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 165 / var(--tw-bg-opacity, 1));
}

.bg-ent-blue-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
}

.bg-ent-blue-dark-pale {
    --tw-bg-opacity: 1;
    background-color: rgb(23 46 74 / var(--tw-bg-opacity, 1));
}

.bg-ent-blue-pale {
    --tw-bg-opacity: 1;
    background-color: rgb(44 100 160 / var(--tw-bg-opacity, 1));
}

.bg-ent-cyan {
    --tw-bg-opacity: 1;
    background-color: rgb(40 201 201 / var(--tw-bg-opacity, 1));
}

.bg-ent-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(242 157 85 / var(--tw-bg-opacity, 1));
}

.bg-ent-orange-light {
    --tw-bg-opacity: 1;
    background-color: rgb(242 200 165 / var(--tw-bg-opacity, 1));
}

.bg-ent-orange-lightest {
    --tw-bg-opacity: 1;
    background-color: rgb(255 240 214 / var(--tw-bg-opacity, 1));
}

.bg-ent-orange-pale {
    --tw-bg-opacity: 1;
    background-color: rgb(231 160 98 / var(--tw-bg-opacity, 1));
}

.bg-ent-orange-very-pale {
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 229 / var(--tw-bg-opacity, 1));
}

.bg-ent-red {
    --tw-bg-opacity: 1;
    background-color: rgb(196 35 46 / var(--tw-bg-opacity, 1));
}

.bg-ent-red-pale {
    --tw-bg-opacity: 1;
    background-color: rgb(181 52 53 / var(--tw-bg-opacity, 1));
}

.bg-ent-white {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-\[url\(\/images\/footer-quote-img\.svg\)\] {
    background-image: url(/images/footer-quote-img.svg);
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-ent-blue {
    --tw-gradient-from: #1164A5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 100 165 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-blue-dark {
    --tw-gradient-from: #0B2340 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(11 35 64 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-blue-pale {
    --tw-gradient-from: #2C64A0 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(44 100 160 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-cyan {
    --tw-gradient-from: #28C9C9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(40 201 201 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-cyan-pale {
    --tw-gradient-from: #648B8D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(100 139 141 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-orange {
    --tw-gradient-from: #F29D55 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(242 157 85 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-orange-pale {
    --tw-gradient-from: #e7a062 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(231 160 98 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-red {
    --tw-gradient-from: #C4232E var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(196 35 46 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ent-red-pale {
    --tw-gradient-from: #B53435 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(181 52 53 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.bg-cover {
    background-size: cover;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-\[center_center\] {
    background-position: center center;
}

.bg-\[center_top\] {
    background-position: center top;
}

.bg-right-top {
    background-position: right top;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.fill-red-500 {
    fill: #ef4444;
}

.\!object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
}

.object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}

.object-fill {
    -o-object-fit: fill;
       object-fit: fill;
}

.p-4 {
    padding: 1rem;
}

.p-\[\.75em\] {
    padding: .75em;
}

.p-\[\.7em\] {
    padding: .7em;
}

.p-\[0\.75em\] {
    padding: 0.75em;
}

.p-\[1\.125em\] {
    padding: 1.125em;
}

.p-\[1\.5em\] {
    padding: 1.5em;
}

.p-\[1em\] {
    padding: 1em;
}

.p-\[2em\] {
    padding: 2em;
}

.p-\[2em_2em\] {
    padding: 2em 2em;
}

.p-\[3em_2\.25em\] {
    padding: 3em 2.25em;
}

.p-\[var\(--padding\)\] {
    padding: var(--padding);
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-\[\.5em\] {
    padding-left: .5em;
    padding-right: .5em;
}

.px-\[1\.5em\] {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.px-\[2\.25em\] {
    padding-left: 2.25em;
    padding-right: 2.25em;
}

.px-\[2\.2em\] {
    padding-left: 2.2em;
    padding-right: 2.2em;
}

.px-\[2em\] {
    padding-left: 2em;
    padding-right: 2em;
}

.px-\[4em\] {
    padding-left: 4em;
    padding-right: 4em;
}

.px-\[8\%\] {
    padding-left: 8%;
    padding-right: 8%;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-\[1\.5em\] {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.py-\[2\.25em\] {
    padding-top: 2.25em;
    padding-bottom: 2.25em;
}

.py-\[3em\] {
    padding-top: 3em;
    padding-bottom: 3em;
}

.py-\[6em\] {
    padding-top: 6em;
    padding-bottom: 6em;
}

.py-\[7\.5em\] {
    padding-top: 7.5em;
    padding-bottom: 7.5em;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.pb-\[\.26em\] {
    padding-bottom: .26em;
}

.pb-\[3em\] {
    padding-bottom: 3em;
}

.pb-\[4\.5em\] {
    padding-bottom: 4.5em;
}

.pb-\[4em\] {
    padding-bottom: 4em;
}

.pb-\[6em\] {
    padding-bottom: 6em;
}

.pb-\[7\.5em\] {
    padding-bottom: 7.5em;
}

.pl-\[--gap\] {
    padding-left: var(--gap);
}

.pr-\[\.8em\] {
    padding-right: .8em;
}

.pt-0 {
    padding-top: 0px;
}

.pt-\[\.375em\] {
    padding-top: .375em;
}

.pt-\[1\.1em\] {
    padding-top: 1.1em;
}

.pt-\[1\.35em\] {
    padding-top: 1.35em;
}

.pt-\[1em\] {
    padding-top: 1em;
}

.pt-\[2\.25em\] {
    padding-top: 2.25em;
}

.pt-\[3em\] {
    padding-top: 3em;
}

.pt-\[7\.3vw\] {
    padding-top: 7.3vw;
}

.pt-\[9em\] {
    padding-top: 9em;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.font-alt {
    font-family: Raleway, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-mono {
    font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-roboto {
    font-family: Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-sans {
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-\[1em\] {
    font-size: 1em !important;
}

.text-\[\.36em\] {
    font-size: .36em;
}

.text-\[\.875em\] {
    font-size: .875em;
}

.text-\[\.9em\] {
    font-size: .9em;
}

.text-\[0\.41em\] {
    font-size: 0.41em;
}

.text-\[0\.785em\] {
    font-size: 0.785em;
}

.text-\[0\.85em\] {
    font-size: 0.85em;
}

.text-\[0\.875em\] {
    font-size: 0.875em;
}

.text-\[1\.25em\] {
    font-size: 1.25em;
}

.text-\[1\.2em\] {
    font-size: 1.2em;
}

.text-\[1\.308em\] {
    font-size: 1.308em;
}

.text-\[1\.375em\] {
    font-size: 1.375em;
}

.text-\[1\.3em\] {
    font-size: 1.3em;
}

.text-\[1\.846em\] {
    font-size: 1.846em;
}

.text-\[1\.9615em\] {
    font-size: 1.9615em;
}

.text-\[12\.308em\] {
    font-size: 12.308em;
}

.text-\[1em\] {
    font-size: 1em;
}

.text-\[2\.4em\] {
    font-size: 2.4em;
}

.text-\[2\.5em\] {
    font-size: 2.5em;
}

.text-\[2em\] {
    font-size: 2em;
}

.text-\[3\.6538em\] {
    font-size: 3.6538em;
}

.text-\[4\.5vw\] {
    font-size: 4.5vw;
}

.text-\[5em\] {
    font-size: 5em;
}

.text-\[6\.375em\] {
    font-size: 6.375em;
}

.text-\[9\.077em\] {
    font-size: 9.077em;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-\[100\] {
    font-weight: 100;
}

.font-\[1em\] {
    font-weight: 1em;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-semibold {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.italic {
    font-style: italic;
}

.leading-\[\.96em\] {
    line-height: .96em;
}

.leading-\[1\.0462em\] {
    line-height: 1.0462em;
}

.leading-\[1\.1em\] {
    line-height: 1.1em;
}

.leading-\[1\.2em\] {
    line-height: 1.2em;
}

.leading-\[1\.4em\] {
    line-height: 1.4em;
}

.leading-\[1\.5em\] {
    line-height: 1.5em;
}

.leading-normal {
    line-height: 1.5;
}

.leading-snug {
    line-height: 1.375;
}

.leading-tight {
    line-height: 1.25;
}

.\!text-ent-white {
    --tw-text-opacity: 1 !important;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1)) !important;
}

.text-\[--color\] {
    color: var(--color);
}

.text-\[color\:--color\] {
    color: var(--color);
}

.text-ent-aqua {
    --tw-text-opacity: 1;
    color: rgb(138 230 230 / var(--tw-text-opacity, 1));
}

.text-ent-blue {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.text-ent-blue-dark {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.text-ent-blue-dark-pale {
    --tw-text-opacity: 1;
    color: rgb(23 46 74 / var(--tw-text-opacity, 1));
}

.text-ent-blue-light {
    --tw-text-opacity: 1;
    color: rgb(161 207 240 / var(--tw-text-opacity, 1));
}

.text-ent-blue-light\/60 {
    color: rgb(161 207 240 / 0.6);
}

.text-ent-blue-pale {
    --tw-text-opacity: 1;
    color: rgb(44 100 160 / var(--tw-text-opacity, 1));
}

.text-ent-blue\/40 {
    color: rgb(17 100 165 / 0.4);
}

.text-ent-blue\/80 {
    color: rgb(17 100 165 / 0.8);
}

.text-ent-orange-pale {
    --tw-text-opacity: 1;
    color: rgb(231 160 98 / var(--tw-text-opacity, 1));
}

.text-ent-orange\/40 {
    color: rgb(242 157 85 / 0.4);
}

.text-ent-orange\/80 {
    color: rgb(242 157 85 / 0.8);
}

.text-ent-red-pale {
    --tw-text-opacity: 1;
    color: rgb(181 52 53 / var(--tw-text-opacity, 1));
}

.text-ent-red-soft {
    --tw-text-opacity: 1;
    color: rgb(220 169 176 / var(--tw-text-opacity, 1));
}

.text-ent-white {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-neutral-400 {
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.opacity-0 {
    opacity: 0;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-90 {
    opacity: 0.9;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.mix-blend-screen {
    mix-blend-mode: screen;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
    outline-style: solid;
}

.outline-offset-8 {
    outline-offset: 8px;
}

.outline-ent-blue\/50 {
    outline-color: rgb(17 100 165 / 0.5);
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[1px_var\(--drop-shadow-w\)_var\(--color-ent-red\)\] {
    --tw-drop-shadow: drop-shadow(1px var(--drop-shadow-w) var(--color-ent-red));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!transition-none {
    transition-property: none !important;
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.delay-200 {
    transition-delay: 200ms;
}

.delay-500 {
    transition-delay: 500ms;
}

.delay-75 {
    transition-delay: 75ms;
}

.delay-\[138ms\] {
    transition-delay: 138ms;
}

.delay-\[180ms\] {
    transition-delay: 180ms;
}

.delay-\[200ms\] {
    transition-delay: 200ms;
}

.delay-\[300ms\] {
    transition-delay: 300ms;
}

.delay-\[50ms\] {
    transition-delay: 50ms;
}

.duration-200 {
    transition-duration: 200ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.duration-\[0\.5s\] {
    transition-duration: 0.5s;
}

.duration-\[0\.7s\] {
    transition-duration: 0.7s;
}

.duration-\[1\.3s\] {
    transition-duration: 1.3s;
}

.duration-\[1s\] {
    transition-duration: 1s;
}

.duration-\[2s\] {
    transition-duration: 2s;
}

.duration-\[500ms\] {
    transition-duration: 500ms;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.will-change-transform {
    will-change: transform;
}

.drag-none {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
}

.shadow-flat-ent-blue {
    --shadow-flat-color: #1164A5;
}

.shadow-flat-dark {
    --shadow-flat-color: #0B2340;
}

.shadow-flat-ent-orange {
    --shadow-flat-color: #F29D55;
}

.\!anim-time-\[\.8s_50ms\] {
    animation-duration: .8s !important;
    animation-delay: 50ms !important;
}

.\!anim-time-\[1s_200ms\] {
    animation-duration: 1s !important;
    animation-delay: 200ms !important;
}

.\!anim-time-\[1s_230ms\] {
    animation-duration: 1s !important;
    animation-delay: 230ms !important;
}

.\!anim-time-\[1s_270ms\] {
    animation-duration: 1s !important;
    animation-delay: 270ms !important;
}

.\!anim-time-\[250ms_1\.27s\] {
    animation-duration: 250ms !important;
    animation-delay: 1.27s !important;
}

.anim-delay-\[1\.2s\] {
    animation-delay: 1.2s;
}

.scaling-\[border-radius\#32px\] {
    border-radius: calc(32px * var(--screen-scaling));
}

.scaling-\[font-size\#104px\] {
    font-size: calc(104px * var(--screen-scaling));
}

.scaling-\[font-size\#83px\] {
    font-size: calc(83px * var(--screen-scaling));
}

.scaling-\[height\#770px\] {
    height: calc(770px * var(--screen-scaling));
}

.scaling-\[margin-left\#60px\] {
    margin-left: calc(60px * var(--screen-scaling));
}

.scaling-\[padding-top\#168px\2c padding-bottom\#168px\] {
    padding-top: calc(168px * var(--screen-scaling));
    padding-bottom: calc(168px * var(--screen-scaling));
}

.scaling-\[width\#1444px\] {
    width: calc(1444px * var(--screen-scaling));
}

.scaling-\[width\#1800px\] {
    width: calc(1800px * var(--screen-scaling));
}

.font-title {
    font-family: Raleway, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 800;
}

/* font for all content headings */

/* font for all headings on top of colored stripes */

.text-nowrap {
    white-space: nowrap;
}

.scroll-lock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
    top: var(--scroll-lock-top);
}

.star-mask {
        -webkit-mask-image: url(../icons/star.svg);
                mask-image: url(../icons/star.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
    }

.logo-quilt-text {
    aspect-ratio: 283/64;
        -webkit-mask-image: url(../images/quilt-logo-text.svg);
                mask-image: url(../images/quilt-logo-text.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.galaxy {
    aspect-ratio: 905/706;
        -webkit-mask-image: url(../images/galaxy.svg);
                mask-image: url(../images/galaxy.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.qchevrons-1 {
    aspect-ratio: 30.42/46.04;
        -webkit-mask-image: url(../images/chevrons1.svg);
                mask-image: url(../images/chevrons1.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.qchevrons-2 {
    aspect-ratio: 46.04/46.06;
        -webkit-mask-image: url(../images/chevrons2.svg);
                mask-image: url(../images/chevrons2.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.qchevrons-3 {
    aspect-ratio: 46.04/29.55;
        -webkit-mask-image: url(../images/chevrons3.svg);
                mask-image: url(../images/chevrons3.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.qchevrons-4 {
    aspect-ratio: 46.04/45.05;
        -webkit-mask-image: url(../images/chevrons4.svg);
                mask-image: url(../images/chevrons4.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.icon-pc {
    aspect-ratio: 196/223;
        -webkit-mask-image: url(../icons/pc.svg);
                mask-image: url(../icons/pc.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

/* Star text separator */

.sep-star {
    position: relative;
    display: inline-block;
    width: .38em;
    height: .38em;
    vertical-align: middle;
    margin-left: .25em;
    margin-right: .25em;
    --mask-color: currentColor;
}

.sep-star::before {
    position: absolute;
    inset: 0px;
    --tw-content: ' ';
        content: var(--tw-content);
        -webkit-mask-image: url(../icons/star.svg);
                mask-image: url(../icons/star.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.sep-star {

        /* hide if last child */
    }

.sep-star:last-child {
    display: none;
}

.container-box {
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(11 35 64 / var(--tw-border-opacity, 1));
    position: relative;
}

.container-box-title {
    position: absolute;
    left: 50%;
    top: 0px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.25;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(11 35 64 / var(--tw-border-opacity, 1));
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: inline-block;
}

.deco-star {
        --star-size: 5em; /* ~100px @ 20px text */
        --star-small-size: calc(var(--star-size) * 0.4);
        --star-gap: 0.5em;
        --star-translate: calc(50% + 0.0625em);
        --star-small-translate: calc(var(--star-size) / 2 + var(--star-gap));
    }

.deco-star:before {
    display: block;
    width: var(--star-size);
    height: var(--star-size);
    --tw-content: '';
    content: var(--tw-content);
        -webkit-mask-image: url(../icons/star.svg);
                mask-image: url(../icons/star.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

.deco-star:after {
    display: block;
    width: var(--star-small-size);
    height: var(--star-small-size);
    --tw-content: '';
    content: var(--tw-content);
        -webkit-mask-image: url(../icons/star.svg);
                mask-image: url(../icons/star.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
}

/* Markdown container (when using content/markdown partial) */

.content-md p {
    margin-bottom: 1.5em;
}

.content-md a {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-underline-offset: .1em;
}

.content-md a:hover {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.content-md a {
        transition:
            text-underline-offset 0.15s linear,
            text-decoration-color 0.2s,
            color 0.15s;
    }

.content-md a:hover {
    text-decoration-color: #F29D55;
    text-underline-offset: .3em;
}

.dark .content-md a {
    --tw-text-opacity: 1;
    color: rgb(138 230 230 / var(--tw-text-opacity, 1));
}

.dark .content-md a:hover {
    --tw-text-opacity: 1;
    color: rgb(40 201 201 / var(--tw-text-opacity, 1));
}

.content-md a {
    --tw-text-opacity: 1;
    color: rgb(23 46 74 / var(--tw-text-opacity, 1));
    text-decoration-color: #A1CFF0;
}

.content-md a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 100 160 / var(--tw-text-opacity, 1));
    text-decoration-color: #e7a062;
}

.absolute-inset {
    position: absolute;
    inset: 0px;
    --tw-content: '';
    content: var(--tw-content);
}

/* a currently visible slide */

/* and hidden slide positioned left outside the screen */

/* and hidden slide positioned right outside the screen */

.stripes-tl-curve-offset {
    left: calc(var(--stripes-tl-curve-width) - 1px);
}

.br-corner {
        --gap: 0.75em;
        --size: 1em;
        --border: 2px;
        --bg-outer: var(--color-ent-white);
        width: var(--size);
        height: var(--size);
        background-color: var(--bg);
    }

.br-corner::before {
    position: absolute;
    inset: 0px;
    --tw-content: '';
    content: var(--tw-content);
}

.br-corner {
    position: absolute;
    right: calc(0px - var(--border) * 2 - 0.75em);
    top: 100%;
}

.br-corner:after {
    position: absolute;
    inset: 0px;
    --tw-content: '';
    content: var(--tw-content);
    border-right-width: 2px;
    border-top-width: 2px;
    border-color: var(--color);
    border-top-right-radius: 0.75rem;
    background-color: var(--bg-outer);
}

.br-corner {
    display: none;
}

.is-active .br-corner {
    display: block;
}

.tr-corner {
        --gap: 0.75em;
        --size: 1em;
        --border: 2px;
        --bg-outer: var(--color-ent-white);
        width: var(--size);
        height: var(--size);
        background-color: var(--bg);
    }

.tr-corner::before {
    position: absolute;
    inset: 0px;
    --tw-content: '';
    content: var(--tw-content);
}

.tr-corner {
    position: absolute;
    bottom: 100%;
    right: calc(0px - var(--border) * 2 - 0.75em);
}

.tr-corner:after {
    position: absolute;
    inset: 0px;
    --tw-content: '';
    content: var(--tw-content);
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-color: var(--color);
    border-bottom-right-radius: 0.75rem;
    background-color: var(--bg-outer);
}

.tr-corner {
    display: none;
}

.is-active .tr-corner {
    display: block;
}

.tr-straight {
        --gap: 0.75em;
        --size: 2em;
        --border: 2px;
        width: var(--size);
        position: absolute;
        bottom: 100%;
        right: calc(0px - var(--border) * 2 - var(--gap));
        border-top-width: 2px;
        border-color: var(--color);
        --tw-translate-x: 1em;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        display: none;
    }

.is-active .tr-straight {
    display: block;
}

.accordion-side-button .text {
    display: block;
    font-size: 1.75em;
    color: var(--color);
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 800;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}

.accordion-side-button {
    border-radius: 0.75rem;
    text-align: left;
    border-width: 2px;
    border-color: var(--color);
    position: relative;
    background-color: var(--bg);
}

.accordion-side-button.is-active {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

            /* extend bg (no borders) */
}

.accordion-side-button.is-active::before {
    --tw-content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 100%;
    width: 2em;
    content: var(--tw-content);
    background-color: var(--bg);
}

/* chevron */

.accordion-side-button:after {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    right: 0px;
    top: 50%;
    --tw-translate-y: -50%;
    transform-origin: center;
        -webkit-mask-image: url(../icons/chevron-right.svg);
                mask-image: url(../icons/chevron-right.svg);
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: var(--mask-color, currentColor);
        background-color: var(--color);

        /* @apply transition-transform duration-300 ease-in-out; */

        --tw-translate-x: -1.5em;

        --tw-rotate: 0deg;

        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

        width: 1.5em;

        height: 1.5em;

        transition-property: transform;

        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

        transition-duration: 150ms;
}

.accordion-side-button:hover:not(.is-active):after {
    --tw-translate-x: -.75em;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.accordion-heading {
    line-height: 1.1em;
    font-size: 2.625em;
    font-family: Lato, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 800;
    color: var(--color);
}

.\[--bar-height\:1\.25em\] {
    --bar-height: 1.25em;
}

.\[--bg\:var\(--color-ent-orange-very-pale\)\] {
    --bg: var(--color-ent-orange-very-pale);
}

.\[--border\:4px\] {
    --border: 4px;
}

.\[--delay\:100ms\] {
    --delay: 100ms;
}

.\[--delay\:1300ms\] {
    --delay: 1300ms;
}

.\[--delay\:1500ms\] {
    --delay: 1500ms;
}

.\[--delay\:200ms\] {
    --delay: 200ms;
}

.\[--delay\:300ms\] {
    --delay: 300ms;
}

.\[--delay\:600ms\] {
    --delay: 600ms;
}

.\[--direction\:forwards\] {
    --direction: forwards;
}

.\[--drop-shadow-w\:1px\] {
    --drop-shadow-w: 1px;
}

.\[--duration\:400ms\] {
    --duration: 400ms;
}

.\[--duration\:800ms\] {
    --duration: 800ms;
}

.\[--gap\:\.3em\] {
    --gap: .3em;
}

.\[--rounded\:12px\] {
    --rounded: 12px;
}

.\[--speed\:20s\] {
    --speed: 20s;
}

.\[--speed\:40s\] {
    --speed: 40s;
}

.\[--x-from\:-50vw\] {
    --x-from: -50vw;
}

.\!\[--x-from\:0em\] {
    --x-from: 0em !important;
}

.\[--x-from\:50vw\] {
    --x-from: 50vw;
}

.\[--x-to\:0\.66em\] {
    --x-to: 0.66em;
}

.\[--x-to\:0em\] {
    --x-to: 0em;
}

.\[--x-to\:1\.52em\] {
    --x-to: 1.52em;
}

.\[--x-to\:1em\] {
    --x-to: 1em;
}

.\[--x-to\:2\.2em\] {
    --x-to: 2.2em;
}

.\[--x-to\:2em\] {
    --x-to: 2em;
}

.\[--x-to\:3\.43em\] {
    --x-to: 3.43em;
}

.\[--x-to\:3\.5em\] {
    --x-to: 3.5em;
}

.\[--x-to\:4em\] {
    --x-to: 4em;
}

.\[arXiv\:1704\.05018v2\] {
    ar-xiv: 1704.05018v2;
}

.\[backface-visibility\:hidden\] {
    backface-visibility: hidden;
}

.dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.dark\:text-light:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 251 235 / var(--tw-text-opacity, 1));
}

@media not all and (min-width: 640px) {

    .max-sm\:shadow-flat-lg {
        box-shadow: 8px 8px var(--shadow-flat-color);
    }
}

@media (min-width: 640px) {

    .sm\:px-container {
        padding-left: var(--container-h-padding);
        padding-right: var(--container-h-padding);
    }

    .sm\:home-stripes-b {
        position: relative;
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        max-width: var(--screen-width-px);
        padding-right: var(--stripes-b-padding-right);
        margin-top: -1px;
    }

    .sm\:home-stripes-b .v-repeat {
        position: absolute;
        bottom: 0px;
        top: 0px;
        right: calc(var(--stripes-r-shift) * -1);
        width: var(--stripes-b-width);
        /* @apply pb-[var(--stripes-b-height)]; */
        background-clip: content-box;
        background-position: center top;
        background-repeat: repeat-y;
        background-size: 100% 100%;
        background-image: url("../images/stripes/bottom-y-repeat.svg");
        pointer-events: none;
        bottom: calc(var(--stripes-b-height) - 1px);
    }

    .sm\:home-stripes-b .br-curve {
        position: absolute;
        bottom: 0px;
        right: calc(var(--stripes-r-shift) * -1);
        height: var(--stripes-b-height);
        width: var(--stripes-b-width);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../images/stripes/bottom-right-curve.svg);
        pointer-events: none;
    }

    .sm\:home-stripes-b .brh-repeat {
        position: absolute;
        bottom: 0px;
        left: calc(100% + var(--stripes-r-shift) - 1px);
        height: var(--stripes-b-height);
        width: 100vw;
        background-position: left center;
        background-repeat: repeat-x;
        background-size: 100% 100%;
        background-image: url(../images/stripes/bottom-x-repeat.svg);
        pointer-events: none;
    }
    .sm\:home-stripes-b .content-ct {
        position: relative;
        margin: auto;
        margin-right: calc(var(--stripes-b-padding-right) * -1);
        margin-bottom: calc(120px * var(--screen-scaling));
        padding-top: calc(112px * var(--screen-scaling));
        padding-bottom: calc(112px * var(--screen-scaling));
        padding-right: calc(120px * var(--screen-scaling));
    }
}

@media (min-width: 768px) {

    .md\:prose-sm {
        font-size: 0.875rem;
        line-height: 1.7142857;
    }

    .md\:prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
    }

    .md\:prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-top: 0.8888889em;
        margin-bottom: 0.8888889em;
    }

    .md\:prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.1111111em;
    }

    .md\:prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.1428571em;
        margin-top: 0;
        margin-bottom: 0.8em;
        line-height: 1.2;
    }

    .md\:prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.4285714em;
        margin-top: 1.6em;
        margin-bottom: 0.8em;
        line-height: 1.4;
    }

    .md\:prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2857143em;
        margin-top: 1.5555556em;
        margin-bottom: 0.4444444em;
        line-height: 1.5555556;
    }

    .md\:prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.4285714em;
        margin-bottom: 0.5714286em;
        line-height: 1.4285714;
    }

    .md\:prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
    }

    .md\:prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
    }

    .md\:prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .md\:prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
    }

    .md\:prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        border-radius: 0.3125rem;
        padding-top: 0.1428571em;
        padding-inline-end: 0.3571429em;
        padding-bottom: 0.1428571em;
        padding-inline-start: 0.3571429em;
    }

    .md\:prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
    }

    .md\:prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .md\:prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
    }

    .md\:prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        line-height: 1.6666667;
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        border-radius: 0.25rem;
        padding-top: 0.6666667em;
        padding-inline-end: 1em;
        padding-bottom: 0.6666667em;
        padding-inline-start: 1em;
    }

    .md\:prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
        padding-inline-start: 1.5714286em;
    }

    .md\:prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
        padding-inline-start: 1.5714286em;
    }

    .md\:prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.2857143em;
        margin-bottom: 0.2857143em;
    }

    .md\:prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4285714em;
    }

    .md\:prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4285714em;
    }

    .md\:prose-sm :where(.md\:prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5714286em;
        margin-bottom: 0.5714286em;
    }

    .md\:prose-sm :where(.md\:prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
    }

    .md\:prose-sm :where(.md\:prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.1428571em;
    }

    .md\:prose-sm :where(.md\:prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
    }

    .md\:prose-sm :where(.md\:prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.1428571em;
    }

    .md\:prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5714286em;
        margin-bottom: 0.5714286em;
    }

    .md\:prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
    }

    .md\:prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
    }

    .md\:prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.2857143em;
        padding-inline-start: 1.5714286em;
    }

    .md\:prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2.8571429em;
        margin-bottom: 2.8571429em;
    }

    .md\:prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .md\:prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .md\:prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .md\:prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .md\:prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        line-height: 1.5;
    }

    .md\:prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 1em;
        padding-bottom: 0.6666667em;
        padding-inline-start: 1em;
    }

    .md\:prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .md\:prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .md\:prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.6666667em;
        padding-inline-end: 1em;
        padding-bottom: 0.6666667em;
        padding-inline-start: 1em;
    }

    .md\:prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .md\:prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .md\:prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
    }

    .md\:prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .md\:prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        line-height: 1.3333333;
        margin-top: 0.6666667em;
    }

    .md\:prose-sm :where(.md\:prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .md\:prose-sm :where(.md\:prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }

    .md\:shadow-flat-lg {
        box-shadow: 8px 8px var(--shadow-flat-color);
    }
}

@media (min-width: 1024px) {

    .lg\:prose-base {
        font-size: 1rem;
        line-height: 1.75;
    }

    .lg\:prose-base :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .lg\:prose-base :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .lg\:prose-base :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
    }

    .lg\:prose-base :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
    }

    .lg\:prose-base :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333;
    }

    .lg\:prose-base :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: 0.6em;
        line-height: 1.6;
    }

    .lg\:prose-base :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        line-height: 1.5;
    }

    .lg\:prose-base :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .lg\:prose-base :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .lg\:prose-base :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lg\:prose-base :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .lg\:prose-base :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
        border-radius: 0.3125rem;
        padding-top: 0.1875em;
        padding-inline-end: 0.375em;
        padding-bottom: 0.1875em;
        padding-inline-start: 0.375em;
    }

    .lg\:prose-base :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
    }

    .lg\:prose-base :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
    }

    .lg\:prose-base :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .lg\:prose-base :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: 0.375rem;
        padding-top: 0.8571429em;
        padding-inline-end: 1.1428571em;
        padding-bottom: 0.8571429em;
        padding-inline-start: 1.1428571em;
    }

    .lg\:prose-base :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
    }

    .lg\:prose-base :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
    }

    .lg\:prose-base :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .lg\:prose-base :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
    }

    .lg\:prose-base :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .lg\:prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .lg\:prose-base :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .lg\:prose-base :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .lg\:prose-base :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.625em;
    }

    .lg\:prose-base :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .lg\:prose-base :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .lg\:prose-base :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .lg\:prose-base :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .lg\:prose-base :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .lg\:prose-base :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
        line-height: 1.7142857;
    }

    .lg\:prose-base :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }

    .lg\:prose-base :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .lg\:prose-base :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .lg\:prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.5714286em;
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }

    .lg\:prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .lg\:prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .lg\:prose-base :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .lg\:prose-base :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lg\:prose-base :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
        line-height: 1.4285714;
        margin-top: 0.8571429em;
    }

    .lg\:prose-base :where(.lg\:prose-base > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .lg\:prose-base :where(.lg\:prose-base > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {

    .xl\:container {
        width: 100%;
    }

    @media (min-width: 640px) {

        .xl\:container {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .xl\:container {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .xl\:container {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .xl\:container {
            max-width: 1280px;
        }
    }

    @media (min-width: 153600px) {

        .xl\:container {
            max-width: 153600px;
        }
    }

    @media (min-width: 192000px) {

        .xl\:container {
            max-width: 192000px;
        }
    }

    .xl\:prose-xl {
        font-size: 1.25rem;
        line-height: 1.8;
    }

    .xl\:prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .xl\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .xl\:prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1.0666667em;
    }

    .xl\:prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: 0.8571429em;
        line-height: 1;
    }

    .xl\:prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
    }

    .xl\:prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: 0.6666667em;
        line-height: 1.3333333;
    }

    .xl\:prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.8em;
        margin-bottom: 0.6em;
        line-height: 1.6;
    }

    .xl\:prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .xl\:prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .xl\:prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .xl\:prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .xl\:prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        border-radius: 0.3125rem;
        padding-top: 0.25em;
        padding-inline-end: 0.4em;
        padding-bottom: 0.25em;
        padding-inline-start: 0.4em;
    }

    .xl\:prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .xl\:prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8611111em;
    }

    .xl\:prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .xl\:prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.5rem;
        padding-top: 1.1111111em;
        padding-inline-end: 1.3333333em;
        padding-bottom: 1.1111111em;
        padding-inline-start: 1.3333333em;
    }

    .xl\:prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
    }

    .xl\:prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
    }

    .xl\:prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        margin-bottom: 0.6em;
    }

    .xl\:prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
    }

    .xl\:prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
    }

    .xl\:prose-xl :where(.xl\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

    .xl\:prose-xl :where(.xl\:prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .xl\:prose-xl :where(.xl\:prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
    }

    .xl\:prose-xl :where(.xl\:prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .xl\:prose-xl :where(.xl\:prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
    }

    .xl\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

    .xl\:prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .xl\:prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .xl\:prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        padding-inline-start: 1.6em;
    }

    .xl\:prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2.8em;
        margin-bottom: 2.8em;
    }

    .xl\:prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .xl\:prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .xl\:prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .xl\:prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .xl\:prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
    }

    .xl\:prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
    }

    .xl\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .xl\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .xl\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.8888889em;
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
    }

    .xl\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .xl\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .xl\:prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .xl\:prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .xl\:prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
        margin-top: 1em;
    }

    .xl\:prose-xl :where(.xl\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .xl\:prose-xl :where(.xl\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }
}

@media (min-width: 153600px) {

    .\32xl\:prose-xl {
        font-size: 1.25rem;
        line-height: 1.8;
    }

    .\32xl\:prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .\32xl\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .\32xl\:prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1.0666667em;
    }

    .\32xl\:prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: 0.8571429em;
        line-height: 1;
    }

    .\32xl\:prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
    }

    .\32xl\:prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: 0.6666667em;
        line-height: 1.3333333;
    }

    .\32xl\:prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.8em;
        margin-bottom: 0.6em;
        line-height: 1.6;
    }

    .\32xl\:prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\32xl\:prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\32xl\:prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .\32xl\:prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\32xl\:prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        border-radius: 0.3125rem;
        padding-top: 0.25em;
        padding-inline-end: 0.4em;
        padding-bottom: 0.25em;
        padding-inline-start: 0.4em;
    }

    .\32xl\:prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .\32xl\:prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8611111em;
    }

    .\32xl\:prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .\32xl\:prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.5rem;
        padding-top: 1.1111111em;
        padding-inline-end: 1.3333333em;
        padding-bottom: 1.1111111em;
        padding-inline-start: 1.3333333em;
    }

    .\32xl\:prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
    }

    .\32xl\:prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
    }

    .\32xl\:prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        margin-bottom: 0.6em;
    }

    .\32xl\:prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
    }

    .\32xl\:prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
    }

    .\32xl\:prose-xl :where(.\32xl\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

    .\32xl\:prose-xl :where(.\32xl\:prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .\32xl\:prose-xl :where(.\32xl\:prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
    }

    .\32xl\:prose-xl :where(.\32xl\:prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .\32xl\:prose-xl :where(.\32xl\:prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
    }

    .\32xl\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

    .\32xl\:prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .\32xl\:prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .\32xl\:prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        padding-inline-start: 1.6em;
    }

    .\32xl\:prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2.8em;
        margin-bottom: 2.8em;
    }

    .\32xl\:prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\32xl\:prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\32xl\:prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\32xl\:prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\32xl\:prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
    }

    .\32xl\:prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
    }

    .\32xl\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .\32xl\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .\32xl\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.8888889em;
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
    }

    .\32xl\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .\32xl\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .\32xl\:prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\32xl\:prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .\32xl\:prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
        margin-top: 1em;
    }

    .\32xl\:prose-xl :where(.\32xl\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\32xl\:prose-xl :where(.\32xl\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }
}

@media (min-width: 192000px) {

    .\33xl\:prose-2xl {
        font-size: 1.5rem;
        line-height: 1.6666667;
    }

    .\33xl\:prose-2xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
    }

    .\33xl\:prose-2xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.25em;
        line-height: 1.4666667;
        margin-top: 1.0666667em;
        margin-bottom: 1.0666667em;
    }

    .\33xl\:prose-2xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
        padding-inline-start: 1.1111111em;
    }

    .\33xl\:prose-2xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: 0.875em;
        line-height: 1;
    }

    .\33xl\:prose-2xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: 0.8333333em;
        line-height: 1.0833333;
    }

    .\33xl\:prose-2xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 1.5555556em;
        margin-bottom: 0.6666667em;
        line-height: 1.2222222;
    }

    .\33xl\:prose-2xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6666667em;
        margin-bottom: 0.6666667em;
        line-height: 1.5;
    }

    .\33xl\:prose-2xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\33xl\:prose-2xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\33xl\:prose-2xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .\33xl\:prose-2xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\33xl\:prose-2xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        border-radius: 0.375rem;
        padding-top: 0.25em;
        padding-inline-end: 0.3333333em;
        padding-bottom: 0.25em;
        padding-inline-start: 0.3333333em;
    }

    .\33xl\:prose-2xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
    }

    .\33xl\:prose-2xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
    }

    .\33xl\:prose-2xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
    }

    .\33xl\:prose-2xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        line-height: 1.8;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.5rem;
        padding-top: 1.2em;
        padding-inline-end: 1.6em;
        padding-bottom: 1.2em;
        padding-inline-start: 1.6em;
    }

    .\33xl\:prose-2xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5833333em;
    }

    .\33xl\:prose-2xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5833333em;
    }

    .\33xl\:prose-2xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .\33xl\:prose-2xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4166667em;
    }

    .\33xl\:prose-2xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4166667em;
    }

    .\33xl\:prose-2xl :where(.\33xl\:prose-2xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8333333em;
        margin-bottom: 0.8333333em;
    }

    .\33xl\:prose-2xl :where(.\33xl\:prose-2xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
    }

    .\33xl\:prose-2xl :where(.\33xl\:prose-2xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
    }

    .\33xl\:prose-2xl :where(.\33xl\:prose-2xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
    }

    .\33xl\:prose-2xl :where(.\33xl\:prose-2xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
    }

    .\33xl\:prose-2xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6666667em;
        margin-bottom: 0.6666667em;
    }

    .\33xl\:prose-2xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
    }

    .\33xl\:prose-2xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
    }

    .\33xl\:prose-2xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.5833333em;
    }

    .\33xl\:prose-2xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .\33xl\:prose-2xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\33xl\:prose-2xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\33xl\:prose-2xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\33xl\:prose-2xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\33xl\:prose-2xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        line-height: 1.4;
    }

    .\33xl\:prose-2xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.6em;
        padding-bottom: 0.8em;
        padding-inline-start: 0.6em;
    }

    .\33xl\:prose-2xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .\33xl\:prose-2xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .\33xl\:prose-2xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.8em;
        padding-inline-end: 0.6em;
        padding-bottom: 0.8em;
        padding-inline-start: 0.6em;
    }

    .\33xl\:prose-2xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .\33xl\:prose-2xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .\33xl\:prose-2xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .\33xl\:prose-2xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .\33xl\:prose-2xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        line-height: 1.6;
        margin-top: 1em;
    }

    .\33xl\:prose-2xl :where(.\33xl\:prose-2xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .\33xl\:prose-2xl :where(.\33xl\:prose-2xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }
}

.\[\&_a\]\:link a {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-underline-offset: .1em;
}

.\[\&_a\]\:link a:hover {
    --tw-text-opacity: 1;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1));
}

.\[\&_a\]\:link a {
        transition:
            text-underline-offset 0.15s linear,
            text-decoration-color 0.2s,
            color 0.15s;
    }

.\[\&_a\]\:link a:hover {
    text-decoration-color: #F29D55;
    text-underline-offset: .3em;
}

.dark .\[\&_a\]\:link a {
    --tw-text-opacity: 1;
    color: rgb(138 230 230 / var(--tw-text-opacity, 1));
}

.dark .\[\&_a\]\:link a:hover {
    --tw-text-opacity: 1;
    color: rgb(40 201 201 / var(--tw-text-opacity, 1));
}

.\[\&_a\]\:text-gradient a {
    display: inline-block;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent !important;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #1164A5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 100 165 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #C4232E var(--tw-gradient-to-position);
    background-size: 400% 400%;
    animation: 15s bgposition ease infinite;
}

.\[\&_strong\]\:text-gradient strong {
    display: inline-block;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent !important;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #1164A5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 100 165 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #C4232E var(--tw-gradient-to-position);
    background-size: 400% 400%;
    animation: 15s bgposition ease infinite;
}

.nav-open .\[\.nav-open_\&\]\:hamburger-toggled path {
    stroke-dasharray: var(--stroke-dasharray-toggled);
    stroke-dashoffset: var(--stroke-dashoffset-toggled);

        transition-delay: 300ms, 0ms, 0ms;
}

.before\:bg-ent-blue-dark-pale\/90::before {
    content: var(--tw-content);
    background-color: rgb(23 46 74 / 0.9);
}

.before\:bg-gradient-to-t::before {
    content: var(--tw-content);
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.before\:from-ent-blue-dark-pale::before {
    content: var(--tw-content);
    --tw-gradient-from: #172E4A var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(23 46 74 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:px-\[\.3em\]::before {
    content: var(--tw-content);
    padding-left: .3em;
    padding-right: .3em;
}

.before\:not-italic::before {
    content: var(--tw-content);
    font-style: normal;
}

.before\:content-\[\'\#_\'\]::before {
    --tw-content: '# ';
    content: var(--tw-content);
}

.before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
}

.before\:content-\[\'_-_\'\]::before {
    --tw-content: ' - ';
    content: var(--tw-content);
}

.before\:content-\[\'_updated_\'\]::before {
    --tw-content: ' updated ';
    content: var(--tw-content);
}

.before\:content-\[\'_\B7_by_\'\]::before {
    --tw-content: ' · by ';
    content: var(--tw-content);
}

.before\:content-\[\'_\23F1_\'\]::before {
    --tw-content: ' ⏱ ';
    content: var(--tw-content);
}

.before\:content-\[\'_\1F4C5_\'\]::before {
    --tw-content: ' 📅 ';
    content: var(--tw-content);
}

.before\:absolute-inset::before {
        position: absolute;
        inset: 0px;
        --tw-content: '';
        content: var(--tw-content);
    }

.after\:bg-ent-blue-dark-pale::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(23 46 74 / var(--tw-bg-opacity, 1));
}

.after\:opacity-20::after {
    content: var(--tw-content);
    opacity: 0.2;
}

.after\:bg-blend-multiply::after {
    content: var(--tw-content);
    background-blend-mode: multiply;
}

.after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
}

.after\:content-\[\'_read_\'\]::after {
    --tw-content: ' read ';
    content: var(--tw-content);
}

.after\:absolute-inset::after {
        position: absolute;
        inset: 0px;
        --tw-content: '';
        content: var(--tw-content);
    }

.last\:\!inline-block:last-child {
    display: inline-block !important;
}

.last\:hidden:last-child {
    display: none;
}

.hover\:\!text-ent-blue:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(17 100 165 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-ent-aqua:hover {
    --tw-text-opacity: 1;
    color: rgb(138 230 230 / var(--tw-text-opacity, 1));
}

.hover\:text-ent-blue-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:border-transparent {
    border-color: transparent;
}

.group:hover .group-hover\:bg-ent-orange-light {
    --tw-bg-opacity: 1;
    background-color: rgb(242 200 165 / var(--tw-bg-opacity, 1));
}

.group:focus .group-focus\:h-full {
    height: 100%;
}

.group:focus .group-focus\:translate-y-\[13\%\] {
    --tw-translate-y: 13%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus .group-focus\:grayscale-0 {
    --tw-grayscale: grayscale(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group.is-hovered .group-\[\.is-hovered\]\:h-full {
    height: 100%;
}

.group.is-hovered .group-\[\.is-hovered\]\:translate-y-\[13\%\] {
    --tw-translate-y: 13%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group.is-hovered .group-\[\.is-hovered\]\:grayscale-0 {
    --tw-grayscale: grayscale(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.when-visible\:w-\[100\%\].is-visible {
    width: 100%;
}

.when-visible\:w-\[48\%\].is-visible {
    width: 48%;
}

.when-visible\:w-\[66\%\].is-visible {
    width: 66%;
}

.when-visible\:w-\[80\%\].is-visible {
    width: 80%;
}

.when-visible\:translate-x-\[calc\(\(var\(--screen-padding-px\)\*-1\)-3\.8em\)\].is-visible {
    --tw-translate-x: calc((var(--screen-padding-px) * -1) - 3.8em);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.when-visible\:text-ent-blue-dark.is-visible {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.when-visible\:opacity-100.is-visible {
    opacity: 1;
}

.when-visible\:delay-300.is-visible {
    transition-delay: 300ms;
}

.modal-contents .in-modal\:float-right {
    float: right;
}

.modal-contents .in-modal\:m-\[1\.2em_0_1em_1em\] {
    margin: 1.2em 0 1em 1em;
}

.modal-contents .in-modal\:mt-0 {
    margin-top: 0px;
}

.modal-contents .in-modal\:line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
}

.modal-contents .in-modal\:block {
    display: block;
}

.modal-contents .in-modal\:inline {
    display: inline;
}

.modal-contents .in-modal\:max-w-\[30\%\] {
    max-width: 30%;
}

.modal-contents .in-modal\:text-left {
    text-align: left;
}

.is-ios .ios\:bg-local {
    background-attachment: local;
}

.is-ios.ios\:bg-local {
    background-attachment: local;
}

.svg\:mx-auto svg {
    margin-left: auto;
    margin-right: auto;
}

.svg\:h-\[2\.8em\] svg {
    height: 2.8em;
}

.svg\:h-auto svg {
    height: auto;
}

.svg\:max-h-full svg {
    max-height: 100%;
}

.svg\:w-auto svg {
    width: auto;
}

.svg\:max-w-full svg {
    max-width: 100%;
}

.svg\:self-center svg {
    align-self: center;
}

.svg\:justify-self-center svg {
    justify-self: center;
}

.dark\:bg-ent-blue-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(11 35 64 / var(--tw-bg-opacity, 1));
}

.dark\:bg-ent-white:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
}

@media not all and (min-width: 1024px) {

    .max-lg\:mb-\[3em\] {
        margin-bottom: 3em;
    }

    .max-lg\:hidden {
        display: none;
    }

    .max-lg\:items-center {
        align-items: center;
    }

    .max-lg\:justify-start {
        justify-content: flex-start;
    }

    .max-lg\:justify-end {
        justify-content: flex-end;
    }

    .max-lg\:justify-center {
        justify-content: center;
    }

    .max-lg\:gap-x-\[3em\] {
        -moz-column-gap: 3em;
             column-gap: 3em;
    }

    .max-lg\:text-center {
        text-align: center;
    }
}

@media not all and (min-width: 768px) {

    .max-md\:mb-\[2\.25em\] {
        margin-bottom: 2.25em;
    }

    .max-md\:hidden {
        display: none;
    }

    .max-md\:gap-y-10 {
        row-gap: 2.5rem;
    }

    .max-md\:py-\[0\.75rem\] {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .max-md\:pt-0 {
        padding-top: 0px;
    }

    .max-md\:text-\[\.6rem\] {
        font-size: .6rem;
    }

    .max-md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media not all and (min-width: 640px) {

    .max-sm\:invisible {
        visibility: hidden;
    }

    .max-sm\:order-1 {
        order: 1;
    }

    .max-sm\:order-2 {
        order: 2;
    }

    .max-sm\:order-3 {
        order: 3;
    }

    .max-sm\:float-right {
        float: right;
    }

    .max-sm\:-mx-\[1em\] {
        margin-left: -1em;
        margin-right: -1em;
    }

    .max-sm\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .max-sm\:-ml-2 {
        margin-left: -0.5rem;
    }

    .max-sm\:-mt-\[9em\] {
        margin-top: -9em;
    }

    .max-sm\:mb-\[1\.5em\] {
        margin-bottom: 1.5em;
    }

    .max-sm\:mb-\[6em\] {
        margin-bottom: 6em;
    }

    .max-sm\:ml-\[4vw\] {
        margin-left: 4vw;
    }

    .max-sm\:mt-\[1em\] {
        margin-top: 1em;
    }

    .max-sm\:mt-\[2em\] {
        margin-top: 2em;
    }

    .max-sm\:mt-\[3em\] {
        margin-top: 3em;
    }

    .max-sm\:mt-\[4em\] {
        margin-top: 4em;
    }

    .max-sm\:flex {
        display: flex;
    }

    .max-sm\:grid {
        display: grid;
    }

    .max-sm\:hidden {
        display: none;
    }

    .max-sm\:max-w-\[30\%\] {
        max-width: 30%;
    }

    .max-sm\:translate-y-\[3em\] {
        --tw-translate-y: 3em;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .max-sm\:scale-\[\.9\] {
        --tw-scale-x: .9;
        --tw-scale-y: .9;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .max-sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-sm\:gap-\[1\.5em\] {
        gap: 1.5em;
    }

    .max-sm\:gap-y-\[1\.5em\] {
        row-gap: 1.5em;
    }

    .max-sm\:px-\[\.75em\] {
        padding-left: .75em;
        padding-right: .75em;
    }

    .max-sm\:px-\[1em\] {
        padding-left: 1em;
        padding-right: 1em;
    }

    .max-sm\:px-\[2em\] {
        padding-left: 2em;
        padding-right: 2em;
    }

    .max-sm\:px-\[3em\] {
        padding-left: 3em;
        padding-right: 3em;
    }

    .max-sm\:py-\[1\.5em\] {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .max-sm\:pb-\[4\.5em\] {
        padding-bottom: 4.5em;
    }

    .max-sm\:pl-\[60\%\] {
        padding-left: 60%;
    }

    .max-sm\:pr-\[60\%\] {
        padding-right: 60%;
    }

    .max-sm\:pt-\[\.75em\] {
        padding-top: .75em;
    }

    .max-sm\:text-\[2em\] {
        font-size: 2em;
    }
            .max-sm\:deco-star-bottom:before,.max-sm\:deco-star-bottom:after {
        position: absolute;
        left: 50%;
        top: 100%;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

            .max-sm\:deco-star-bottom:before {
        --tw-translate-y: calc(var(--star-translate) * -1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
            .max-sm\:deco-star-bottom:before,.max-sm\:deco-star-bottom:after {
        position: absolute;
        left: 50%;
        top: 100%;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

            .max-sm\:deco-star-bottom:before {
        --tw-translate-y: calc(var(--star-translate) * -1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
            .max-sm\:deco-star-bottom:after {
        --tw-translate-y: var(--star-small-translate);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
            .max-sm\:\[--x-to\:0\.8em\] {
        --x-to: 0.8em;
    }
            .max-sm\:\[--x-to\:1\.5em\] {
        --x-to: 1.5em;
    }
            .modal-contents .max-sm\:in-modal\:text-\[1\.1em\] {
        font-size: 1.1em;
    }
            .modal-contents .max-sm\:in-modal\:text-\[1\.6em\] {
        font-size: 1.6em;
    }
            .max-sm\:svg\:h-\[2\.8em\] svg {
        height: 2.8em;
    }
}

@media (min-width: 640px) {

    .sm\:left-0 {
        left: 0px;
    }

    .sm\:my-\[2em\] {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .sm\:-mr-\[1em\] {
        margin-right: -1em;
    }

    .sm\:-mt-\[13em\] {
        margin-top: -13em;
    }

    .sm\:mb-\[0\.75em\] {
        margin-bottom: 0.75em;
    }

    .sm\:mt-\[\.5em\] {
        margin-top: .5em;
    }

    .sm\:mt-\[2em\] {
        margin-top: 2em;
    }

    .sm\:mt-\[5em\] {
        margin-top: 5em;
    }

    .sm\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:grid {
        display: grid;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:min-h-\[35em\] {
        min-height: 35em;
    }

    .sm\:w-\[11\.54em\] {
        width: 11.54em;
    }

    .sm\:w-\[17em\] {
        width: 17em;
    }

    .sm\:w-\[8em\] {
        width: 8em;
    }

    .sm\:w-max {
        width: -moz-max-content;
        width: max-content;
    }

    .sm\:max-w-\[24em\] {
        max-width: 24em;
    }

    .sm\:basis-\[30\%\] {
        flex-basis: 30%;
    }

    .sm\:-translate-y-\[15\%\] {
        --tw-translate-y: -15%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:translate-x-\[-6em\] {
        --tw-translate-x: -6em;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:translate-x-\[0\] {
        --tw-translate-x: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:translate-y-\[-1\.5em\] {
        --tw-translate-y: -1.5em;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:translate-y-\[3\.1em\] {
        --tw-translate-y: 3.1em;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[\.5fr_1fr\] {
        grid-template-columns: .5fr 1fr;
    }

    .sm\:grid-cols-\[0fr_2\.2fr_1\.85fr\] {
        grid-template-columns: 0fr 2.2fr 1.85fr;
    }

    .sm\:grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr;
    }

    .sm\:grid-cols-\[30\%_auto\] {
        grid-template-columns: 30% auto;
    }

    .sm\:grid-cols-\[auto_28em\] {
        grid-template-columns: auto 28em;
    }

    .sm\:grid-cols-\[auto_30\%\] {
        grid-template-columns: auto 30%;
    }

    .sm\:items-center {
        align-items: center;
    }

    .sm\:justify-center {
        justify-content: center;
    }

    .sm\:justify-between {
        justify-content: space-between;
    }

    .sm\:gap-\[2em\] {
        gap: 2em;
    }

    .sm\:gap-x-\[1\.1538em\] {
        -moz-column-gap: 1.1538em;
             column-gap: 1.1538em;
    }

    .sm\:whitespace-nowrap {
        white-space: nowrap;
    }

    .sm\:text-nowrap {
        text-wrap: nowrap;
    }

    .sm\:border-\[length\:var\(--border\)\] {
        border-width: var(--border);
    }

    .sm\:px-\[1\.5em\] {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .sm\:px-\[2em\] {
        padding-left: 2em;
        padding-right: 2em;
    }

    .sm\:py-\[8\.4615em\] {
        padding-top: 8.4615em;
        padding-bottom: 8.4615em;
    }

    .sm\:pr-\[1\.5em\] {
        padding-right: 1.5em;
    }

    .sm\:pr-\[25\%\] {
        padding-right: 25%;
    }

    .sm\:pt-\[13em\] {
        padding-top: 13em;
    }

    .sm\:pt-\[6em\] {
        padding-top: 6em;
    }

    .sm\:text-left {
        text-align: left;
    }

    .sm\:text-center {
        text-align: center;
    }

    .sm\:text-\[\.9rem\] {
        font-size: .9rem;
    }

    .sm\:text-\[2em\] {
        font-size: 2em;
    }

    .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .sm\:opacity-60 {
        opacity: 0.6;
    }

    .sm\:scaling-\[\\--border\#12px\] {
        \--border: calc(12px * var(--screen-scaling));
    }

    .sm\:scaling-\[border-radius\#8px\] {
        border-radius: calc(8px * var(--screen-scaling));
    }

    .sm\:scaling-\[margin-left\#90px\] {
        margin-left: calc(90px * var(--screen-scaling));
    }

    .sm\:scaling-\[margin-right\#-80px\] {
        margin-right: calc(-80px * var(--screen-scaling));
    }

    .sm\:scaling-\[margin-top\#-40px\] {
        margin-top: calc(-40px * var(--screen-scaling));
    }

    .sm\:scaling-\[max-width\#1920px\2c top\#-40px\] {
        max-width: calc(1920px * var(--screen-scaling));
        top: calc(-40px * var(--screen-scaling));
    }

    .sm\:scaling-\[padding-bottom\#118px\] {
        padding-bottom: calc(118px * var(--screen-scaling));
    }

    .sm\:scaling-\[padding-top\#114px\2c line-height\#76px\2c font-size\#67px\] {
        padding-top: calc(114px * var(--screen-scaling));
        line-height: calc(76px * var(--screen-scaling));
        font-size: calc(67px * var(--screen-scaling));
    }

    .sm\:scaling-\[width\#668px\2c padding\#24px\] {
        width: calc(668px * var(--screen-scaling));
        padding: calc(24px * var(--screen-scaling));
    }

    .sm\:text-nowrap {
        white-space: nowrap;
    }
            .sm\:deco-star-left:before,.sm\:deco-star-left:after {
        position: absolute;
        right: 100%;
        top: 50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

            .sm\:deco-star-left:before {
        --tw-translate-x: var(--star-translate);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

            .sm\:deco-star-left:after {
        --tw-translate-x: calc(var(--star-small-translate) * -1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
            .sm\:deco-star-right:before,.sm\:deco-star-right:after {
        position: absolute;
        left: 100%;
        top: 50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

            .sm\:deco-star-right:before {
        --tw-translate-x: calc(var(--star-translate) * -1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
            .sm\:deco-star-right:after {
        --tw-translate-x: var(--star-small-translate);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:stripes-tr-curve-offset {
        right: calc(var(--stripes-tr-curve-width) - var(--stripes-r-shift) - 1px);
    }

    .sm\:\[--container-pad\:20em\] {
        --container-pad: 20em;
    }

    .sm\:svg\:max-h-\[3\.5vw\] svg {
        max-height: 3.5vw;
    }

    @media not all and (min-width: 1024px) {

        .sm\:max-lg\:pl-\[4em\] {
            padding-left: 4em;
        }

        .sm\:max-lg\:pr-\[4em\] {
            padding-right: 4em;
        }
    }
}

@media (min-width: 768px) {

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

    .md\:order-2 {
        order: 2;
    }

    .md\:mr-\[2em\] {
        margin-right: 2em;
    }

    .md\:mt-\[2\.1em\] {
        margin-top: 2.1em;
    }

    .md\:flex {
        display: flex;
    }

    .md\:grid {
        display: grid;
    }

    .md\:h-auto {
        height: auto;
    }

    .md\:w-\[9em\] {
        width: 9em;
    }

    .md\:-translate-y-\[15\%\] {
        --tw-translate-y: -15%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1fr_2\.2fr_1\.85fr\] {
        grid-template-columns: 1fr 2.2fr 1.85fr;
    }

    .md\:grid-cols-\[32\%_68\%\] {
        grid-template-columns: 32% 68%;
    }

    .md\:grid-cols-\[auto_28em\] {
        grid-template-columns: auto 28em;
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:justify-start {
        justify-content: flex-start;
    }

    .md\:justify-between {
        justify-content: space-between;
    }

    .md\:gap-x-\[\.75em\] {
        -moz-column-gap: .75em;
             column-gap: .75em;
    }

    .md\:gap-x-\[3em\] {
        -moz-column-gap: 3em;
             column-gap: 3em;
    }

    .md\:whitespace-nowrap {
        white-space: nowrap;
    }

    .md\:px-\[2\.5em\] {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    .md\:py-\[1\.5em\] {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .md\:pt-\[2\.2em\] {
        padding-top: 2.2em;
    }

    .md\:text-left {
        text-align: left;
    }

    .md\:text-right {
        text-align: right;
    }

    .md\:scaling-\[padding-top\#65px\] {
        padding-top: calc(65px * var(--screen-scaling));
    }

    .md\:scaling-\[width\#328px\] {
        width: calc(328px * var(--screen-scaling));
    }
}

@media (min-width: 1024px) {

    .lg\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:mr-\[3em\] {
        margin-right: 3em;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:w-\[10em\] {
        width: 10em;
    }

    .lg\:w-\[25em\] {
        width: 25em;
    }

    .lg\:w-\[7em\] {
        width: 7em;
    }

    .lg\:max-w-\[5em\] {
        max-width: 5em;
    }

    .lg\:-translate-x-\[22\%\] {
        --tw-translate-x: -22%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:-translate-y-\[40\%\] {
        --tw-translate-y: -40%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:translate-x-\[22\%\] {
        --tw-translate-x: 22%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:grid-flow-col {
        grid-auto-flow: column;
    }

    .lg\:grid-cols-\[\.6fr_1fr\] {
        grid-template-columns: .6fr 1fr;
    }

    .lg\:grid-cols-\[57\%_auto\] {
        grid-template-columns: 57% auto;
    }

    .lg\:grid-cols-\[auto_30em\] {
        grid-template-columns: auto 30em;
    }

    .lg\:grid-cols-\[auto_57\%\] {
        grid-template-columns: auto 57%;
    }

    .lg\:gap-\[2em\] {
        gap: 2em;
    }

    .lg\:gap-\[3em\] {
        gap: 3em;
    }

    .lg\:gap-x-\[5em\] {
        -moz-column-gap: 5em;
             column-gap: 5em;
    }

    .lg\:\!px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .lg\:px-\[3em\] {
        padding-left: 3em;
        padding-right: 3em;
    }

    .lg\:pl-\[1\.5em\] {
        padding-left: 1.5em;
    }

    .lg\:pr-\[1\.5em\] {
        padding-right: 1.5em;
    }

    .lg\:pr-\[3em\] {
        padding-right: 3em;
    }

    .lg\:pt-\[12em\] {
        padding-top: 12em;
    }

    .lg\:pt-\[3em\] {
        padding-top: 3em;
    }

    .lg\:text-\[1\.2rem\] {
        font-size: 1.2rem;
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1280px) {

    .xl\:w-\[12em\] {
        width: 12em;
    }

    .xl\:w-\[7em\] {
        width: 7em;
    }

    .xl\:basis-\[1\.6em\] {
        flex-basis: 1.6em;
    }

    .xl\:basis-\[50\%\] {
        flex-basis: 50%;
    }

    .xl\:pb-\[6em\] {
        padding-bottom: 6em;
    }

    .xl\:text-\[1\.5rem\] {
        font-size: 1.5rem;
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 153600px) {

    .\32xl\:grid-cols-\[1fr_0\.4fr\] {
        grid-template-columns: 1fr 0.4fr;
    }

    .\32xl\:border-\[2px\] {
        border-width: 2px;
    }

    .\32xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .\32xl\:\[--drop-shadow-w\:2px\] {
        --drop-shadow-w: 2px;
    }
}

@media (min-width: 192000px) {

    .\33xl\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .\33xl\:\[--container-pad\:12em\] {
        --container-pad: 12em;
    }

    .svg\:3xl\:h-\[3\.2em\] svg {
        height: 3.2em;
    }
}

@media (orientation: portrait) {

    .portrait\:aspect-\[3\/4\] {
        aspect-ratio: 3/4;
    }
}

@media (orientation: landscape) {

    .landscape\:top-\[10em\] {
        top: 10em;
    }
}

.\[\&\.active\]\:bg-ent-orange-light.active {
    --tw-bg-opacity: 1;
    background-color: rgb(242 200 165 / var(--tw-bg-opacity, 1));
}

.\[\&\.active\]\:bg-ent-orange-pale.active {
    --tw-bg-opacity: 1;
    background-color: rgb(231 160 98 / var(--tw-bg-opacity, 1));
}

.\[\&\:is\(\[open\]\)\]\:min-h-\[30em\]:is([open]) {
    min-height: 30em;
}

@media not all and (min-width: 640px) {

    .max-sm\:\[\&\:not\(\:last-child\)\]\:mb-\[1\.5em\]:not(:last-child) {
        margin-bottom: 1.5em;
    }
}

.\[\&\>\*\]\:h-full>* {
    height: 100%;
}

.\[\&\>\*\]\:w-full>* {
    width: 100%;
}

.\[\&\>\*\]\:object-cover>* {
    -o-object-fit: cover;
       object-fit: cover;
}

.\[\&\>div\]\:h-\[12\.5em\]>div {
    height: 12.5em;
}

.\[\&\>div\]\:h-\[14em\]>div {
    height: 14em;
}

.\[\&\>div\]\:h-\[42\.5\%\]>div {
    height: 42.5%;
}

.\[\&\>div\]\:h-\[var\(--bar-height\)\]>div {
    height: var(--bar-height);
}

.\[\&\>div\]\:w-0>div {
    width: 0px;
}

.\[\&\>div\]\:bg-gradient-to-l>div {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.\[\&\>div\]\:bg-gradient-to-r>div {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.\[\&\>div\]\:\[transition-property\:width\]>div {
    transition-property: width;
}

.\[\&\>figure\]\:m-0>figure {
    margin: 0px;
}

@media not all and (min-width: 640px) {

    .max-sm\:\[\&_\.text-nowrap\]\:text-wrap .text-nowrap {
        text-wrap: wrap;
        white-space: normal;
    }
}

.\[\&_\>_\*\]\:animate-\[slide-fade-in_1s_forwards_ease-in-out\] > * {
    animation: slide-fade-in 1s forwards ease-in-out;
}

.\[\&_\>_\*\]\:opacity-0 > * {
    opacity: 0;
}

.\[\&_a\]\:font-bold a {
    font-weight: 700;
}

.\[\&_a\]\:decoration-transparent a {
    text-decoration-color: transparent;
}

.\[\&_dd\]\:inline dd {
    display: inline;
}

@media (min-width: 768px) {

    .md\:\[\&_details\:not\(\[open\]\)\]\:hidden details:not([open]) {
        display: none;
    }
}

.\[\&_div\]\:h-\[2\.6153em\] div {
    height: 2.6153em;
}

.\[\&_div\]\:w-\[100vw\] div {
    width: 100vw;
}

.\[\&_li\:not\(\:last-child\)\]\:mb-2 li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.\[\&_li\]\:mb-\[0\.5em\] li {
    margin-bottom: 0.5em;
}

.\[\&_li\]\:rounded-lg li {
    border-radius: 0.5rem;
}

.\[\&_li\]\:bg-ent-white li {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 235 / var(--tw-bg-opacity, 1));
}

.\[\&_li\]\:px-1\.5 li {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.\[\&_li\]\:py-0\.5 li {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.\[\&_li\]\:text-center li {
    text-align: center;
}

.\[\&_li\]\:text-\[\.8em\] li {
    font-size: .8em;
}

.\[\&_li\]\:font-bold li {
    font-weight: 700;
}

.\[\&_li\]\:text-ent-blue-dark li {
    --tw-text-opacity: 1;
    color: rgb(11 35 64 / var(--tw-text-opacity, 1));
}

.\[\&_p\:not\(\:last-child\)\]\:mb-\[1\.5em\] p:not(:last-child) {
    margin-bottom: 1.5em;
}

.\[\&_p\]\:mb-\[\.5em\] p {
    margin-bottom: .5em;
}

.\[\&_p\]\:mb-\[var\(--line-height\)\] p {
    margin-bottom: var(--line-height);
}

.\[\&_p\]\:mt-2 p {
    margin-top: 0.5rem;
}

.\[\&_p\]\:last\:mb-0:last-child p {
    margin-bottom: 0px;
}

.\[\&_span\]\:block span {
    display: block;
}

.\[\&_strong\]\:font-extrabold strong {
    font-weight: 800;
}

.\[\&_strong\]\:italic strong {
    font-style: italic;
}

@media (min-width: 768px) {

    .md\:\[\&_summary\]\:hidden summary {
        display: none;
    }
}

.\[\&_svg\]\:h-auto svg {
    height: auto;
}

.\[\&_svg\]\:w-\[1em\] svg {
    width: 1em;
}

.\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
}

.\[\&_ul\]\:text-left ul {
    text-align: left;
}