   
    body,
    html {
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%
    }
    :root {
      --plyr-color-main: #fcd535; /* Жёлтый оттенок (Amber) */
    }
   
    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    html {
      --mat-option-selected-state-label-text-color: #3f51b5;
      --mat-option-label-text-color: rgba(0, 0, 0, .87);
      --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
    }

    html {
      --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
    }

    html {
      --mat-option-label-text-font: Roboto, sans-serif;
      --mat-option-label-text-line-height: 24px;
      --mat-option-label-text-size: 16px;
      --mat-option-label-text-tracking: .03125em;
      --mat-option-label-text-weight: 400
    }

    html {
      --mat-optgroup-label-text-font: Roboto, sans-serif;
      --mat-optgroup-label-text-line-height: 24px;
      --mat-optgroup-label-text-size: 16px;
      --mat-optgroup-label-text-tracking: .03125em;
      --mat-optgroup-label-text-weight: 400
    }

    html {
      --mdc-filled-text-field-caret-color: #3f51b5;
      --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
      --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
      --mdc-filled-text-field-container-color: whitesmoke;
      --mdc-filled-text-field-disabled-container-color: #fafafa;
      --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
      --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
      --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
      --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
      --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
      --mdc-filled-text-field-error-focus-label-text-color: #f44336;
      --mdc-filled-text-field-error-label-text-color: #f44336;
      --mdc-filled-text-field-error-caret-color: #f44336;
      --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
      --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
      --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
      --mdc-filled-text-field-error-active-indicator-color: #f44336;
      --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
      --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
      --mdc-outlined-text-field-caret-color: #3f51b5;
      --mdc-outlined-text-field-focus-outline-color: #3f51b5;
      --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
      --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
      --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
      --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
      --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
      --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
      --mdc-outlined-text-field-error-caret-color: #f44336;
      --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
      --mdc-outlined-text-field-error-label-text-color: #f44336;
      --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
      --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
      --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
      --mdc-outlined-text-field-error-focus-outline-color: #f44336;
      --mdc-outlined-text-field-error-hover-outline-color: #f44336;
      --mdc-outlined-text-field-error-outline-color: #f44336;
      --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)
    }

    html {
      --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
      --mdc-filled-text-field-label-text-size: 16px;
      --mdc-filled-text-field-label-text-tracking: .03125em;
      --mdc-filled-text-field-label-text-weight: 400;
      --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
      --mdc-outlined-text-field-label-text-size: 16px;
      --mdc-outlined-text-field-label-text-tracking: .03125em;
      --mdc-outlined-text-field-label-text-weight: 400;
      --mat-form-field-container-text-font: Roboto, sans-serif;
      --mat-form-field-container-text-line-height: 24px;
      --mat-form-field-container-text-size: 16px;
      --mat-form-field-container-text-tracking: .03125em;
      --mat-form-field-container-text-weight: 400;
      --mat-form-field-outlined-label-text-populated-size: 16px;
      --mat-form-field-subscript-text-font: Roboto, sans-serif;
      --mat-form-field-subscript-text-line-height: 20px;
      --mat-form-field-subscript-text-size: 12px;
      --mat-form-field-subscript-text-tracking: .0333333333em;
      --mat-form-field-subscript-text-weight: 400
    }

    html {
      --mat-select-panel-background-color: white;
      --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
      --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
      --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
      --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
      --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
      --mat-select-focused-arrow-color: rgba(63, 81, 181, .87);
      --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
    }

    html {
      --mat-select-trigger-text-font: Roboto, sans-serif;
      --mat-select-trigger-text-line-height: 24px;
      --mat-select-trigger-text-size: 16px;
      --mat-select-trigger-text-tracking: .03125em;
      --mat-select-trigger-text-weight: 400
    }

    html {
      --mat-autocomplete-background-color: white
    }

    html {
      --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
      --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
      --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-menu-container-color: white
    }

    html {
      --mat-menu-item-label-text-font: Roboto, sans-serif;
      --mat-menu-item-label-text-size: 16px;
      --mat-menu-item-label-text-tracking: .03125em;
      --mat-menu-item-label-text-line-height: 24px;
      --mat-menu-item-label-text-weight: 400
    }

    html {
      --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
      --mat-paginator-container-background-color: white;
      --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
      --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
    }

    html {
      --mat-paginator-container-size: 56px
    }

    html {
      --mat-paginator-container-text-font: Roboto, sans-serif;
      --mat-paginator-container-text-line-height: 20px;
      --mat-paginator-container-text-size: 12px;
      --mat-paginator-container-text-tracking: .0333333333em;
      --mat-paginator-container-text-weight: 400;
      --mat-paginator-select-trigger-text-size: 12px
    }

    html {
      --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
      --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
      --mdc-checkbox-selected-checkmark-color: #fff;
      --mdc-checkbox-selected-focus-icon-color: #ff4081;
      --mdc-checkbox-selected-hover-icon-color: #ff4081;
      --mdc-checkbox-selected-icon-color: #ff4081;
      --mdc-checkbox-selected-pressed-icon-color: #ff4081;
      --mdc-checkbox-unselected-focus-icon-color: #212121;
      --mdc-checkbox-unselected-hover-icon-color: #212121;
      --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
      --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
      --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
      --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
      --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
      --mdc-checkbox-unselected-focus-state-layer-color: black;
      --mdc-checkbox-unselected-hover-state-layer-color: black;
      --mdc-checkbox-unselected-pressed-state-layer-color: black
    }

    html {
      --mdc-checkbox-state-layer-size: 40px
    }

    html {
      --mat-table-background-color: white;
      --mat-table-header-headline-color: rgba(0, 0, 0, .87);
      --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
      --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
    }

    html {
      --mat-table-header-container-height: 56px;
      --mat-table-footer-container-height: 52px;
      --mat-table-row-item-container-height: 52px
    }

    html {
      --mat-table-header-headline-font: Roboto, sans-serif;
      --mat-table-header-headline-line-height: 22px;
      --mat-table-header-headline-size: 14px;
      --mat-table-header-headline-weight: 500;
      --mat-table-header-headline-tracking: .0071428571em;
      --mat-table-row-item-label-text-font: Roboto, sans-serif;
      --mat-table-row-item-label-text-line-height: 20px;
      --mat-table-row-item-label-text-size: 14px;
      --mat-table-row-item-label-text-weight: 400;
      --mat-table-row-item-label-text-tracking: .0178571429em;
      --mat-table-footer-supporting-text-font: Roboto, sans-serif;
      --mat-table-footer-supporting-text-line-height: 20px;
      --mat-table-footer-supporting-text-size: 14px;
      --mat-table-footer-supporting-text-weight: 400;
      --mat-table-footer-supporting-text-tracking: .0178571429em
    }

    html {
      --mat-badge-background-color: #3f51b5;
      --mat-badge-text-color: white;
      --mat-badge-disabled-state-background-color: #b9b9b9;
      --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
    }

    html {
      --mat-badge-text-font: Roboto, sans-serif;
      --mat-badge-text-size: 12px;
      --mat-badge-text-weight: 600;
      --mat-badge-small-size-text-size: 9px;
      --mat-badge-large-size-text-size: 24px
    }

    html {
      --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
      --mat-bottom-sheet-container-background-color: white
    }

    html {
      --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
      --mat-bottom-sheet-container-text-line-height: 20px;
      --mat-bottom-sheet-container-text-size: 14px;
      --mat-bottom-sheet-container-text-tracking: .0178571429em;
      --mat-bottom-sheet-container-text-weight: 400
    }

    html {
      --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
      --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
      --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
      --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
      --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
      --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
      --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
      --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
      --mat-standard-button-toggle-background-color: white;
      --mat-standard-button-toggle-state-layer-color: black;
      --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
      --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
      --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
      --mat-standard-button-toggle-disabled-state-background-color: white;
      --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
      --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
      --mat-standard-button-toggle-divider-color: #e0e0e0
    }

    html {
      --mat-standard-button-toggle-height: 48px
    }

    html {
      --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
      --mat-standard-button-toggle-text-font: Roboto, sans-serif
    }

    html {
      --mat-datepicker-calendar-date-selected-state-text-color: white;
      --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
      --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);
      --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
      --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);
      --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);
      --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
      --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);
      --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
      --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
      --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
      --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
      --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
      --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
      --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
      --mat-datepicker-calendar-date-outline-color: transparent;
      --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
      --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
      --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
      --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
      --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
      --mat-datepicker-calendar-container-background-color: white;
      --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
    }

    html {
      --mat-datepicker-calendar-text-font: Roboto, sans-serif;
      --mat-datepicker-calendar-text-size: 13px;
      --mat-datepicker-calendar-body-label-text-size: 14px;
      --mat-datepicker-calendar-body-label-text-weight: 500;
      --mat-datepicker-calendar-period-button-text-size: 14px;
      --mat-datepicker-calendar-period-button-text-weight: 500;
      --mat-datepicker-calendar-header-text-size: 11px;
      --mat-datepicker-calendar-header-text-weight: 400
    }

    html {
      --mat-divider-color: rgba(0, 0, 0, .12)
    }

    html {
      --mat-expansion-container-background-color: white;
      --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
      --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
      --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
      --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
      --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
      --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
    }

    html {
      --mat-expansion-header-collapsed-state-height: 48px;
      --mat-expansion-header-expanded-state-height: 64px
    }

    html {
      --mat-expansion-header-text-font: Roboto, sans-serif;
      --mat-expansion-header-text-size: 14px;
      --mat-expansion-header-text-weight: 500;
      --mat-expansion-header-text-line-height: inherit;
      --mat-expansion-header-text-tracking: inherit;
      --mat-expansion-container-text-font: Roboto, sans-serif;
      --mat-expansion-container-text-line-height: 20px;
      --mat-expansion-container-text-size: 14px;
      --mat-expansion-container-text-tracking: .0178571429em;
      --mat-expansion-container-text-weight: 400
    }

    html {
      --mat-grid-list-tile-header-primary-text-size: 14px;
      --mat-grid-list-tile-header-secondary-text-size: 12px;
      --mat-grid-list-tile-footer-primary-text-size: 14px;
      --mat-grid-list-tile-footer-secondary-text-size: 12px
    }

    html {
      --mat-icon-color: inherit
    }

    html {
      --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
      --mat-sidenav-container-background-color: white;
      --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
      --mat-sidenav-content-background-color: #fafafa;
      --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
      --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
    }

    html {
      --mat-stepper-header-icon-foreground-color: white;
      --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
      --mat-stepper-header-selected-state-icon-foreground-color: white;
      --mat-stepper-header-done-state-icon-background-color: #3f51b5;
      --mat-stepper-header-done-state-icon-foreground-color: white;
      --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
      --mat-stepper-header-edit-state-icon-foreground-color: white;
      --mat-stepper-container-color: white;
      --mat-stepper-line-color: rgba(0, 0, 0, .12);
      --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
      --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
      --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
      --mat-stepper-header-error-state-label-text-color: #f44336;
      --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
      --mat-stepper-header-error-state-icon-foreground-color: #f44336;
      --mat-stepper-header-error-state-icon-background-color: transparent
    }

    html {
      --mat-stepper-header-height: 72px
    }

    html {
      --mat-stepper-container-text-font: Roboto, sans-serif;
      --mat-stepper-header-label-text-font: Roboto, sans-serif;
      --mat-stepper-header-label-text-size: 14px;
      --mat-stepper-header-label-text-weight: 400;
      --mat-stepper-header-error-state-label-text-size: 16px;
      --mat-stepper-header-selected-state-label-text-size: 16px;
      --mat-stepper-header-selected-state-label-text-weight: 400
    }

    html {
      --mat-toolbar-container-background-color: whitesmoke;
      --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
    }

    html {
      --mat-toolbar-standard-height: 64px;
      --mat-toolbar-mobile-height: 56px
    }

    html {
      --mat-toolbar-title-text-font: Roboto, sans-serif;
      --mat-toolbar-title-text-line-height: 32px;
      --mat-toolbar-title-text-size: 20px;
      --mat-toolbar-title-text-tracking: .0125em;
      --mat-toolbar-title-text-weight: 500
    }
   
   
    body,
    html {
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%
    }

    * {
      color: #2e2e2e;
      font-size: 16px;
      font-family: Roboto, sans-serif;
      font-weight: 400;
      word-break: break-word;
      line-height: 1.4;
      outline: none;
      z-idex: revert-layer;
    }

    a {
      color: #3c3c3c;
      text-decoration: none;
      font-weight: inherit;
      font-size: inherit;
      cursor: pointer
    }

    h1,
    h2 {
      display: block;
      color: unset;
      margin: unset;
      -webkit-margin-before: unset;
      margin-block-start: unset;
      -webkit-margin-after: unset;
      margin-block-end: unset;
      -webkit-margin-start: unset;
      margin-inline-start: unset;
      -webkit-margin-end: unset;
      margin-inline-end: unset;
      font-size: unset;
      font-weight: unset;
      line-height: unset
    }

    .fixed-size {
      width: 100%;
      padding: 0 20px;
      max-width: 1170px;
      box-sizing: border-box;
      margin: 0 auto
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-italic-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Thin-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Light-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Regular-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Medium-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Bold-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-cyrillic-ext.woff) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-cyrillic.woff) format("woff2");
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-greek-ext.woff) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-greek.woff) format("woff2");
      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-vietnamese.woff) 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
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-latin.woff) format("woff2");
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(/assets/fonts/roboto/Roboto-Heavy-normal-latin-ext.woff) 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    html {
      --mat-option-selected-state-label-text-color: #3f51b5;
      --mat-option-label-text-color: rgba(0, 0, 0, .87);
      --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
    }

    html {
      --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
    }

    html {
      --mat-option-label-text-font: Roboto, sans-serif;
      --mat-option-label-text-line-height: 24px;
      --mat-option-label-text-size: 16px;
      --mat-option-label-text-tracking: .03125em;
      --mat-option-label-text-weight: 400
    }

    html {
      --mat-optgroup-label-text-font: Roboto, sans-serif;
      --mat-optgroup-label-text-line-height: 24px;
      --mat-optgroup-label-text-size: 16px;
      --mat-optgroup-label-text-tracking: .03125em;
      --mat-optgroup-label-text-weight: 400
    }

    html {
      --mdc-filled-text-field-caret-color: #3f51b5;
      --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
      --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
      --mdc-filled-text-field-container-color: whitesmoke;
      --mdc-filled-text-field-disabled-container-color: #fafafa;
      --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
      --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
      --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
      --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
      --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
      --mdc-filled-text-field-error-focus-label-text-color: #f44336;
      --mdc-filled-text-field-error-label-text-color: #f44336;
      --mdc-filled-text-field-error-caret-color: #f44336;
      --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
      --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
      --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
      --mdc-filled-text-field-error-active-indicator-color: #f44336;
      --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
      --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
      --mdc-outlined-text-field-caret-color: #3f51b5;
      --mdc-outlined-text-field-focus-outline-color: #3f51b5;
      --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
      --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
      --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
      --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
      --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
      --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
      --mdc-outlined-text-field-error-caret-color: #f44336;
      --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
      --mdc-outlined-text-field-error-label-text-color: #f44336;
      --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
      --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
      --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
      --mdc-outlined-text-field-error-focus-outline-color: #f44336;
      --mdc-outlined-text-field-error-hover-outline-color: #f44336;
      --mdc-outlined-text-field-error-outline-color: #f44336;
      --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)
    }

    html {
      --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
      --mdc-filled-text-field-label-text-size: 16px;
      --mdc-filled-text-field-label-text-tracking: .03125em;
      --mdc-filled-text-field-label-text-weight: 400;
      --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
      --mdc-outlined-text-field-label-text-size: 16px;
      --mdc-outlined-text-field-label-text-tracking: .03125em;
      --mdc-outlined-text-field-label-text-weight: 400;
      --mat-form-field-container-text-font: Roboto, sans-serif;
      --mat-form-field-container-text-line-height: 24px;
      --mat-form-field-container-text-size: 16px;
      --mat-form-field-container-text-tracking: .03125em;
      --mat-form-field-container-text-weight: 400;
      --mat-form-field-outlined-label-text-populated-size: 16px;
      --mat-form-field-subscript-text-font: Roboto, sans-serif;
      --mat-form-field-subscript-text-line-height: 20px;
      --mat-form-field-subscript-text-size: 12px;
      --mat-form-field-subscript-text-tracking: .0333333333em;
      --mat-form-field-subscript-text-weight: 400
    }

    html {
      --mat-select-panel-background-color: white;
      --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
      --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
      --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
      --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
      --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
      --mat-select-focused-arrow-color: rgba(63, 81, 181, .87);
      --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
    }

    html {
      --mat-select-trigger-text-font: Roboto, sans-serif;
      --mat-select-trigger-text-line-height: 24px;
      --mat-select-trigger-text-size: 16px;
      --mat-select-trigger-text-tracking: .03125em;
      --mat-select-trigger-text-weight: 400
    }

    html {
      --mat-autocomplete-background-color: white
    }

    html {
      --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
      --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
      --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-menu-container-color: white
    }

    html {
      --mat-menu-item-label-text-font: Roboto, sans-serif;
      --mat-menu-item-label-text-size: 16px;
      --mat-menu-item-label-text-tracking: .03125em;
      --mat-menu-item-label-text-line-height: 24px;
      --mat-menu-item-label-text-weight: 400
    }

    html {
      --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
      --mat-paginator-container-background-color: white;
      --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
      --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
    }

    html {
      --mat-paginator-container-size: 56px
    }

    html {
      --mat-paginator-container-text-font: Roboto, sans-serif;
      --mat-paginator-container-text-line-height: 20px;
      --mat-paginator-container-text-size: 12px;
      --mat-paginator-container-text-tracking: .0333333333em;
      --mat-paginator-container-text-weight: 400;
      --mat-paginator-select-trigger-text-size: 12px
    }

    html {
      --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
      --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
      --mdc-checkbox-selected-checkmark-color: #fff;
      --mdc-checkbox-selected-focus-icon-color: #ff4081;
      --mdc-checkbox-selected-hover-icon-color: #ff4081;
      --mdc-checkbox-selected-icon-color: #ff4081;
      --mdc-checkbox-selected-pressed-icon-color: #ff4081;
      --mdc-checkbox-unselected-focus-icon-color: #212121;
      --mdc-checkbox-unselected-hover-icon-color: #212121;
      --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
      --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
      --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
      --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
      --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
      --mdc-checkbox-unselected-focus-state-layer-color: black;
      --mdc-checkbox-unselected-hover-state-layer-color: black;
      --mdc-checkbox-unselected-pressed-state-layer-color: black
    }

    html {
      --mdc-checkbox-state-layer-size: 40px
    }

    html {
      --mat-table-background-color: white;
      --mat-table-header-headline-color: rgba(0, 0, 0, .87);
      --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
      --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
    }

    html {
      --mat-table-header-container-height: 56px;
      --mat-table-footer-container-height: 52px;
      --mat-table-row-item-container-height: 52px
    }

    html {
      --mat-table-header-headline-font: Roboto, sans-serif;
      --mat-table-header-headline-line-height: 22px;
      --mat-table-header-headline-size: 14px;
      --mat-table-header-headline-weight: 500;
      --mat-table-header-headline-tracking: .0071428571em;
      --mat-table-row-item-label-text-font: Roboto, sans-serif;
      --mat-table-row-item-label-text-line-height: 20px;
      --mat-table-row-item-label-text-size: 14px;
      --mat-table-row-item-label-text-weight: 400;
      --mat-table-row-item-label-text-tracking: .0178571429em;
      --mat-table-footer-supporting-text-font: Roboto, sans-serif;
      --mat-table-footer-supporting-text-line-height: 20px;
      --mat-table-footer-supporting-text-size: 14px;
      --mat-table-footer-supporting-text-weight: 400;
      --mat-table-footer-supporting-text-tracking: .0178571429em
    }

    html {
      --mat-badge-background-color: #3f51b5;
      --mat-badge-text-color: white;
      --mat-badge-disabled-state-background-color: #b9b9b9;
      --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
    }

    html {
      --mat-badge-text-font: Roboto, sans-serif;
      --mat-badge-text-size: 12px;
      --mat-badge-text-weight: 600;
      --mat-badge-small-size-text-size: 9px;
      --mat-badge-large-size-text-size: 24px
    }

    html {
      --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
      --mat-bottom-sheet-container-background-color: white
    }

    html {
      --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
      --mat-bottom-sheet-container-text-line-height: 20px;
      --mat-bottom-sheet-container-text-size: 14px;
      --mat-bottom-sheet-container-text-tracking: .0178571429em;
      --mat-bottom-sheet-container-text-weight: 400
    }

    html {
      --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
      --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
      --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
      --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
      --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
      --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
      --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
      --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
      --mat-standard-button-toggle-background-color: white;
      --mat-standard-button-toggle-state-layer-color: black;
      --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
      --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
      --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
      --mat-standard-button-toggle-disabled-state-background-color: white;
      --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
      --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
      --mat-standard-button-toggle-divider-color: #e0e0e0
    }

    html {
      --mat-standard-button-toggle-height: 48px
    }

    html {
      --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
      --mat-standard-button-toggle-text-font: Roboto, sans-serif
    }

    html {
      --mat-datepicker-calendar-date-selected-state-text-color: white;
      --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
      --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);
      --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
      --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);
      --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);
      --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
      --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);
      --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
      --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
      --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
      --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
      --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
      --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
      --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
      --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
      --mat-datepicker-calendar-date-outline-color: transparent;
      --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
      --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
      --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
      --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
      --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
      --mat-datepicker-calendar-container-background-color: white;
      --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
    }

    html {
      --mat-datepicker-calendar-text-font: Roboto, sans-serif;
      --mat-datepicker-calendar-text-size: 13px;
      --mat-datepicker-calendar-body-label-text-size: 14px;
      --mat-datepicker-calendar-body-label-text-weight: 500;
      --mat-datepicker-calendar-period-button-text-size: 14px;
      --mat-datepicker-calendar-period-button-text-weight: 500;
      --mat-datepicker-calendar-header-text-size: 11px;
      --mat-datepicker-calendar-header-text-weight: 400
    }

    html {
      --mat-divider-color: rgba(0, 0, 0, .12)
    }

    html {
      --mat-expansion-container-background-color: white;
      --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
      --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
      --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
      --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
      --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
      --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
    }

    html {
      --mat-expansion-header-collapsed-state-height: 48px;
      --mat-expansion-header-expanded-state-height: 64px
    }

    html {
      --mat-expansion-header-text-font: Roboto, sans-serif;
      --mat-expansion-header-text-size: 14px;
      --mat-expansion-header-text-weight: 500;
      --mat-expansion-header-text-line-height: inherit;
      --mat-expansion-header-text-tracking: inherit;
      --mat-expansion-container-text-font: Roboto, sans-serif;
      --mat-expansion-container-text-line-height: 20px;
      --mat-expansion-container-text-size: 14px;
      --mat-expansion-container-text-tracking: .0178571429em;
      --mat-expansion-container-text-weight: 400
    }

    html {
      --mat-grid-list-tile-header-primary-text-size: 14px;
      --mat-grid-list-tile-header-secondary-text-size: 12px;
      --mat-grid-list-tile-footer-primary-text-size: 14px;
      --mat-grid-list-tile-footer-secondary-text-size: 12px
    }

    html {
      --mat-icon-color: inherit
    }

    html {
      --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
      --mat-sidenav-container-background-color: white;
      --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
      --mat-sidenav-content-background-color: #fafafa;
      --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
      --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
    }

    html {
      --mat-stepper-header-icon-foreground-color: white;
      --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
      --mat-stepper-header-selected-state-icon-foreground-color: white;
      --mat-stepper-header-done-state-icon-background-color: #3f51b5;
      --mat-stepper-header-done-state-icon-foreground-color: white;
      --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
      --mat-stepper-header-edit-state-icon-foreground-color: white;
      --mat-stepper-container-color: white;
      --mat-stepper-line-color: rgba(0, 0, 0, .12);
      --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
      --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
      --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
      --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
      --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
      --mat-stepper-header-error-state-label-text-color: #f44336;
      --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
      --mat-stepper-header-error-state-icon-foreground-color: #f44336;
      --mat-stepper-header-error-state-icon-background-color: transparent
    }

    html {
      --mat-stepper-header-height: 72px
    }

    html {
      --mat-stepper-container-text-font: Roboto, sans-serif;
      --mat-stepper-header-label-text-font: Roboto, sans-serif;
      --mat-stepper-header-label-text-size: 14px;
      --mat-stepper-header-label-text-weight: 400;
      --mat-stepper-header-error-state-label-text-size: 16px;
      --mat-stepper-header-selected-state-label-text-size: 16px;
      --mat-stepper-header-selected-state-label-text-weight: 400
    }

    html {
      --mat-toolbar-container-background-color: whitesmoke;
      --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
    }

    html {
      --mat-toolbar-standard-height: 64px;
      --mat-toolbar-mobile-height: 56px
    }

    html {
      --mat-toolbar-title-text-font: Roboto, sans-serif;
      --mat-toolbar-title-text-line-height: 32px;
      --mat-toolbar-title-text-size: 20px;
      --mat-toolbar-title-text-tracking: .0125em;
      --mat-toolbar-title-text-weight: 500
    }
   
  <link rel="stylesheet" href="./ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã¢â‚¬â„¢ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã¢â‚¬â„¢ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â² ÃƒÆ’Ã‚ÂÃƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬ËœÃƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã‚Â½ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã‚Â½ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â AMAZING ONLINE_files/styles.daf4b4aa4df57f1c.css"
    media="all" onload="this.media=&#39;all&#39;"><noscript>
    <link rel="stylesheet" href="styles.daf4b4aa4df57f1c.css">
  </noscript>
  <meta property="og:image" content="/assets/images/heads/start.png?1738259016">
  <meta name="description"
    content="ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â·ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ ÃƒÆ’Ã‚ÂÃƒâ€¦Ã‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â±ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚Â ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã¢â‚¬ËœÃƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸: ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸, ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â±ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã¢â‚¬ËœÃƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚Â ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°. ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â±ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¿ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾!">
  <meta name="og:description"
    content="ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â·ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ ÃƒÆ’Ã‚ÂÃƒâ€¦Ã‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â±ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚Â ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã¢â‚¬ËœÃƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸: ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸, ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â±ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã¢â‚¬ËœÃƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â²ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚Â ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°. ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â±ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¿ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾!">
  <meta name="keywords"
    content="ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â·ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³, amazing, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬ËœÃƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚Â, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¿, ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¼ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¿, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½-ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°, ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¿, ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Âµ ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¿ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¹, ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â±ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚ÂÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¿ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â»ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â½ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬ËœÃƒâ€šÃ‚Â ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬ËœÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂÃƒâ€šÃ‚Â°">
  <link rel="canonical" href="https://amazing-online.com/start">
  <style type="text/css"> 
   
    [_nghost-agg-crmp-webfront-c2135125497] {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      min-height: max-content
    }
   
   
    .banner-wrapper[_ngcontent-agg-crmp-webfront-c3763008399] {
      width: 410px;
      height: 238px;
      position: fixed;
      bottom: 24px;
      right: 24px;
      border-radius: 16px;
      z-index: 7
    }

    .banner-wrapper[_ngcontent-agg-crmp-webfront-c3763008399] .banner-img[_ngcontent-agg-crmp-webfront-c3763008399] {
      position: relative;
      width: 100%;
      height: 100%;
      cursor: pointer;
      animation: _ngcontent-agg-crmp-webfront-c3763008399_pulsing 2s linear infinite;
      border-radius: inherit
    }

    .banner-wrapper[_ngcontent-agg-crmp-webfront-c3763008399] .banner-img[_ngcontent-agg-crmp-webfront-c3763008399]:hover,
    .banner-wrapper[_ngcontent-agg-crmp-webfront-c3763008399] .banner-img[_ngcontent-agg-crmp-webfront-c3763008399]:focus {
      transform: translateY(-8px)
    }

    @keyframes _ngcontent-agg-crmp-webfront-c3763008399_pulsing {
      0% {
        transform: scale(.95)
      }

      50% {
        transform: scale(1.1)
      }

      to {
        transform: scale(.95)
      }
    }

    @media screen and (max-width: 910px) {
      .banner-wrapper[_ngcontent-agg-crmp-webfront-c3763008399] {
        width: 205px !important;
        height: 119px !important
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c560484730] {
      position: fixed;
      width: 100%;
      bottom: 65px;
      display: inline-flex;
      align-items: center;
      z-index: 1002;
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 15px;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] {
      box-sizing: border-box;
      position: relative;
      pointer-events: auto;
      max-width: 625px;
      width: 625px;
      border-radius: 25px;
      overflow: hidden;
      background-size: 100% 100%
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier.error[_ngcontent-agg-crmp-webfront-c560484730] {
      background-image: url(/assets/images/backgrounds/notification-background.png), linear-gradient(92deg, #BE2517 -.27%, #EB3E2E 70.39%);
      box-shadow: 0 0 32px #00000057
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier.error[_ngcontent-agg-crmp-webfront-c560484730] .notifier-navigation[_ngcontent-agg-crmp-webfront-c560484730] path[_ngcontent-agg-crmp-webfront-c560484730] {
      stroke: #eb3e2e
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier.success[_ngcontent-agg-crmp-webfront-c560484730] {
      background-image: url(/assets/images/backgrounds/notification-background.png), linear-gradient(92deg, #008300 -.27%, #00AF00 70.39%);
      box-shadow: 0 0 32px #01af014a
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier.success[_ngcontent-agg-crmp-webfront-c560484730] .notifier-navigation[_ngcontent-agg-crmp-webfront-c560484730] path[_ngcontent-agg-crmp-webfront-c560484730] {
      stroke: #00af00
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier.warning[_ngcontent-agg-crmp-webfront-c560484730] {
      background-image: url(/assets/images/backgrounds/notification-background.png), linear-gradient(0deg, #DD6A00, #DD6A00);
      box-shadow: 0 0 32px #ffcc014a
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier.warning[_ngcontent-agg-crmp-webfront-c560484730] .notifier-navigation[_ngcontent-agg-crmp-webfront-c560484730] path[_ngcontent-agg-crmp-webfront-c560484730] {
      stroke: #dd6a00
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: 15px;
      padding: 30px 30px 23px
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 10px
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] .notifier-title[_ngcontent-agg-crmp-webfront-c560484730] {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 10px
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] .notifier-title[_ngcontent-agg-crmp-webfront-c560484730] .notifier-title__text[_ngcontent-agg-crmp-webfront-c560484730] {
      font-family: Roboto, sans-serif;
      font-weight: 600;
      font-size: 24px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff;
      line-height: 25.2px
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] .notifier-title[_ngcontent-agg-crmp-webfront-c560484730] .notifier-title__icon[_ngcontent-agg-crmp-webfront-c560484730] {
      min-width: 21px;
      min-height: 21px;
      max-width: 21px;
      max-height: 21px
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] .notifier-message[_ngcontent-agg-crmp-webfront-c560484730] {
      font-family: Roboto, sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #ffffffe6;
      line-height: 25.2px;
      word-break: normal
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] .notifier-message[_ngcontent-agg-crmp-webfront-c560484730] b {
      font-family: Roboto, sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #ffffffe6;
      line-height: 25.2px;
      word-break: normal;
      font-weight: 700
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-navigation[_ngcontent-agg-crmp-webfront-c560484730] {
      min-width: 57px;
      min-height: 57px;
      max-width: 57px;
      max-height: 57px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      border-radius: 50%
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-progress[_ngcontent-agg-crmp-webfront-c560484730] {
      position: absolute;
      height: 7px;
      width: 100%;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, .46);
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px)
    }

    [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-progress[_ngcontent-agg-crmp-webfront-c560484730]:before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background: #FFF;
      animation: _ngcontent-agg-crmp-webfront-c560484730_navigation-progress-animation var(--animationTime, 5s) linear forwards
    }

    @keyframes _ngcontent-agg-crmp-webfront-c560484730_navigation-progress-animation {
      to {
        right: 100%
      }
    }

    @media screen and (max-width: 665px) {
      [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] {
        width: calc(100% - 40px);
        max-width: calc(100% - 40px)
      }

      [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] .notifier-title[_ngcontent-agg-crmp-webfront-c560484730] {
        font-family: Roboto, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 1.3em;
        letter-spacing: 0;
        color: #fff;
        line-height: 25.2px
      }

      [_nghost-agg-crmp-webfront-c560484730] .notifier[_ngcontent-agg-crmp-webfront-c560484730] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c560484730] .notifier-content[_ngcontent-agg-crmp-webfront-c560484730] .notifier-message[_ngcontent-agg-crmp-webfront-c560484730] {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.3em;
        letter-spacing: 0;
        color: #ffffffe6;
        line-height: 25.2px
      }
    }
   
   
    .opened[_nghost-agg-crmp-webfront-c671224130] {
      display: flex;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      overflow: auto
    }
   
   
    [_nghost-agg-crmp-webfront-c2229688059] {
      z-index: 9999;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c2229688059] .wrapper[_ngcontent-agg-crmp-webfront-c2229688059] {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, .8)
    }

    [_nghost-agg-crmp-webfront-c2229688059] .wrapper__inner[_ngcontent-agg-crmp-webfront-c2229688059] {
      display: flex;
      flex-direction: column;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c2229688059] .wrapper__inner[_ngcontent-agg-crmp-webfront-c2229688059]>*[_ngcontent-agg-crmp-webfront-c2229688059]:not(:last-child) {
      margin-bottom: 30px
    }

    [_nghost-agg-crmp-webfront-c2229688059] .wrapper__inner[_ngcontent-agg-crmp-webfront-c2229688059] .mat-mdc-progress-spinner circle {
      stroke: #fffc !important
    }

    [_nghost-agg-crmp-webfront-c2229688059] .wrapper__content[_ngcontent-agg-crmp-webfront-c2229688059] {
      font-family: Roboto, sans-serif;
      font-size: 18px;
      line-height: 1em;
      color: #fff;
      font-weight: 400
    }
   
   
    [_nghost-agg-crmp-webfront-c2006107063] {
      display: flex;
      flex-direction: column;
      flex-grow: 1
    }

    [_nghost-agg-crmp-webfront-c2006107063] .content[_ngcontent-agg-crmp-webfront-c2006107063] {
      display: flex;
      flex-direction: column;
      flex-grow: 1
    }

    [_nghost-agg-crmp-webfront-c2006107063] .content[_ngcontent-agg-crmp-webfront-c2006107063]>*:not(router-outlet) {
      flex-grow: 1
    }
   
   
    [_nghost-agg-crmp-webfront-c153501333] {
      position: fixed;
      bottom: 20px;
      left: 20px;
      z-index: 5
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] {
      display: flex;
      align-items: center;
      padding: 5px 6px;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 15px -10px #000
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-side[_ngcontent-agg-crmp-webfront-c153501333] {
      margin-right: 20px
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-side[_ngcontent-agg-crmp-webfront-c153501333]:last-child {
      margin-right: 0
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] {
      display: flex;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c153501333] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      margin-right: 6px;
      background-color: #ddd;
      border-radius: 5px;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c153501333]:hover {
      background-color: #ccc
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c153501333]:last-child {
      margin-right: 0
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c153501333]:before {
      display: block;
      content: "";
      width: 12px;
      height: 12px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item.control-prev[_ngcontent-agg-crmp-webfront-c153501333]:before {
      transform: rotate(180deg);
      background-image: url(/assets/images/icons/arrow.svg)
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item.control-next[_ngcontent-agg-crmp-webfront-c153501333]:before {
      background-image: url(/assets/images/icons/arrow.svg)
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item.control-play[_ngcontent-agg-crmp-webfront-c153501333]:before {
      background-image: url(/assets/images/icons/arrow-full.svg)
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls[_ngcontent-agg-crmp-webfront-c153501333] .music-player-controls-item.control-pause[_ngcontent-agg-crmp-webfront-c153501333]:before {
      background-image: url(/assets/images/icons/pause.svg)
    }

    [_nghost-agg-crmp-webfront-c153501333] .music-player[_ngcontent-agg-crmp-webfront-c153501333] .music-player-volume[_ngcontent-agg-crmp-webfront-c153501333] mat-slider[_ngcontent-agg-crmp-webfront-c153501333] {
      padding: 0;
      margin: -12px 0;
      filter: invert(1);
      min-width: 80px
    }

    @media screen and (max-width: 500px) {
      .music-player[_ngcontent-agg-crmp-webfront-c153501333] {
        display: none !important
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c2849336438] {
      display: flex;
      position: relative;
      align-items: center;
      min-height: 80px;
      box-sizing: border-box;
      border-bottom: 1px solid transparent;
      z-index: 5
    }

    .navigation-white[_nghost-agg-crmp-webfront-c2849336438] {
      background-color: #fff;
      border-bottom: 1px solid #ededed
    }

    .navigation-white[_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438]:after {
      content: " ";
      position: absolute;
      right: -8px;
      top: -4px;
      width: 8px;
      height: 8px;
      background: #c12612;
      border-radius: 50%
    }

    .navigation-fused-gray[_nghost-agg-crmp-webfront-c2849336438] {
      background-color: #f8f8f8;
      border-bottom: 1px solid #f8f8f8
    }

    .navigation-fused-gray[_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438]:after {
      position: absolute;
      content: " ";
      right: -8px;
      top: -4px;
      width: 8px;
      height: 8px;
      background: #c12612;
      border-radius: 50%
    }

    .navigation-transparent[_nghost-agg-crmp-webfront-c2849336438] {
      margin-bottom: -80px
    }

    .navigation-transparent[_nghost-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438] {
      color: #fff
    }

    .navigation-transparent[_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438]:after {
      position: absolute;
      content: " ";
      right: -8px;
      top: -4px;
      width: 8px;
      height: 8px;
      background: white;
      border-radius: 50%
    }

    .navigation-hidden[_nghost-agg-crmp-webfront-c2849336438] {
      display: none
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation[_ngcontent-agg-crmp-webfront-c2849336438] {
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-side[_ngcontent-agg-crmp-webfront-c2849336438] {
      display: flex;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438] {
      display: flex;
      align-items: center;
      margin-right: 45px;
      font-size: 16px;
      text-transform: uppercase;
      transition: opacity .2s ease;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438]:hover {
      opacity: .5
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438]:active {
      position: relative;
      top: 1px;
      -webkit-user-select: none;
      user-select: none
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438]:last-child {
      margin-right: 0
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] {
      display: flex;
      flex-direction: column;
      position: relative
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438]:hover .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] {
      visibility: visible;
      opacity: 1;
      top: 30px
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438]:after {
      animation: _ngcontent-agg-crmp-webfront-c2849336438_pulsing 2s linear infinite
    }

    @keyframes _ngcontent-agg-crmp-webfront-c2849336438_pulsing {
      0% {
        transform: scale(.9)
      }

      50% {
        transform: scale(1.1)
      }

      to {
        transform: scale(.9)
      }
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438] {
      margin-right: 0
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] {
      position: absolute;
      top: 50px;
      left: -90px;
      padding-top: 10px;
      visibility: hidden;
      opacity: 0;
      transition: all .2s ease;
      margin-top: -10px
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] {
      position: relative;
      background-color: #fff;
      padding: 5px 0;
      min-width: max-content;
      box-sizing: border-box;
      box-shadow: 0 15px 70px -10px #0006;
      border: 1px solid #ededed;
      border-radius: 6px
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438]:before {
      position: absolute;
      pointer-events: none;
      border: 8px solid transparent;
      border-bottom-color: #fff;
      top: -16px;
      right: 50%;
      width: 0;
      height: 0;
      margin: 0 -8px;
      content: ""
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438] {
      color: #2e2e2e !important;
      text-transform: unset;
      padding: 8px 30px;
      border-bottom: 1px solid #ededed;
      transition: background-color .1s ease
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438]:before {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      min-width: 20px;
      min-height: 20px;
      margin-right: 16px;
      content: ""
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438]:hover {
      background-color: #eee;
      opacity: unset
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item[_ngcontent-agg-crmp-webfront-c2849336438]:last-child {
      border-bottom: 0
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item.item-roulette[_ngcontent-agg-crmp-webfront-c2849336438]:before {
      background-image: url(roulette.95bad00267fcf6cb.svg);
      filter: invert(1)
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item.item-roulette-gold[_ngcontent-agg-crmp-webfront-c2849336438]:before {
      background-image: url(roulette-gold.d8272086d5b892c3.svg)
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item.item-roulette-brilliant[_ngcontent-agg-crmp-webfront-c2849336438]:before {
      background-image: url(roulette-brilliant.173259631bcc921d.svg)
    }

    [_nghost-agg-crmp-webfront-c2849336438] .navigation-menu[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c2849336438] .navigation-item.item-coinflip[_ngcontent-agg-crmp-webfront-c2849336438]:before {
      background-image: url(coinflip.f02ee3cd52c3e90d.svg)
    }

    @media screen and (max-width: 1030px) {
      [_nghost-agg-crmp-webfront-c2849336438] {
        display: none !important
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c1882317319] {
      display: flex
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] {
      width: max-content;
      margin-left: 20px
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] {
      padding: 8px 15px !important;
      background-color: #fff6 !important;
      border-radius: 5px !important
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319] {
      color: #000c !important
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319] {
      filter: unset !important
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] {
      right: -55px !important
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319]:before {
      right: 67px !important
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] {
      right: unset !important;
      left: -22px !important
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319]:before {
      right: unset !important;
      left: 29px !important
    }

    .mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319] {
      color: #000c !important;
      padding: 0 15px !important;
      margin-right: unset !important;
      background-color: #fff6 !important;
      border-radius: 5px !important
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex;
      align-items: center;
      margin-right: 15px;
      cursor: pointer;
      position: relative
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-avatar[_ngcontent-agg-crmp-webfront-c1882317319] {
      background-color: #ffe897
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319] {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      max-width: 180px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      margin-right: 10px
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] {
      position: absolute;
      right: -2px;
      top: 60px;
      padding: 6px 0;
      width: max-content;
      background-color: #fff;
      transition: top .1s linear, opacity .1s linear;
      box-shadow: 0 0 30px -5px #0000002e;
      border-radius: 5px;
      opacity: 0;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319]:before {
      content: "";
      position: absolute;
      pointer-events: none;
      border: 8px solid transparent;
      border-bottom-color: #fff;
      top: -16px;
      right: 17px;
      width: 0;
      height: 0;
      margin: 0 -8px
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu.shown[_ngcontent-agg-crmp-webfront-c1882317319] {
      opacity: 1;
      top: 42px;
      pointer-events: auto
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item[_ngcontent-agg-crmp-webfront-c1882317319] {
      padding: 6px 18px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 10px
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item[_ngcontent-agg-crmp-webfront-c1882317319]:hover {
      background-color: #eee
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item.sign-in-another[_ngcontent-agg-crmp-webfront-c1882317319] {
      justify-content: center
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item.sign-in-another.disabled[_ngcontent-agg-crmp-webfront-c1882317319] {
      color: #2e2e2e80
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex;
      position: relative;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319] {
      width: 25px;
      height: 100%;
      -webkit-mask-image: url(menu-tripple-horizontally.85645990ce359403.svg);
      mask-image: url(menu-tripple-horizontally.85645990ce359403.svg);
      -webkit-mask-size: 25px;
      mask-size: 25px;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      opacity: .5;
      cursor: pointer;
      background: white
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319]:hover {
      opacity: .8
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] {
      position: absolute;
      right: -20px;
      top: 60px;
      padding: 6px 0;
      width: max-content;
      background-color: #fff;
      transition: top .1s linear, opacity .1s linear;
      box-shadow: 0 0 30px -5px #0000002e;
      border-radius: 5px;
      opacity: 0;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319]:before {
      content: "";
      position: absolute;
      pointer-events: none;
      border: 8px solid transparent;
      border-bottom-color: #fff;
      top: -16px;
      right: 32px;
      width: 0;
      height: 0;
      margin: 0 -8px
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper.shown[_ngcontent-agg-crmp-webfront-c1882317319] {
      opacity: 1;
      top: 42px;
      pointer-events: auto
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-item[_ngcontent-agg-crmp-webfront-c1882317319] {
      padding: 6px 18px;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-item[_ngcontent-agg-crmp-webfront-c1882317319]:hover {
      background-color: #eee
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-start-button[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 42px;
      box-sizing: border-box;
      cursor: pointer;
      padding: 0 20px;
      background: url(/assets/images/lend/contact-support-banner-background.png), linear-gradient(90deg, #37A854 0%, #4CD06E 100%);
      background-repeat: no-repeat;
      background-position: right;
      border-radius: 10px;
      font-family: Roboto, sans-serif;
      font-weight: 600;
      font-size: 16px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-start-button[_ngcontent-agg-crmp-webfront-c1882317319]:active {
      position: relative;
      top: 1px
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-start-icon[_ngcontent-agg-crmp-webfront-c1882317319] {
      width: 16px;
      height: 16px;
      margin-left: 7px
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-line[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-line[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-line-element[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 42px;
      margin-left: 10px;
      margin-right: 10px;
      color: #fff;
      font-weight: 700
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319] {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 42px;
      color: #fff;
      font-size: 16px;
      margin-right: 30px;
      box-sizing: border-box;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319]:last-child {
      margin-right: 0
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button.sign-in[_ngcontent-agg-crmp-webfront-c1882317319] {
      padding: 0 15px;
      color: #2e2e2e;
      background-color: #fff;
      border-radius: 10px;
    }

    [_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319]:active {
      position: relative;
      top: 1px
    }

    .navigation-fused-gray[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319],
    .navigation-white[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319] {
      color: #2e2e2e
    }

    .navigation-fused-gray[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319],
    .navigation-white[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319] {
      background: black !important;
      filter: unset !important
    }
   
   
    [_nghost-agg-crmp-webfront-c2812011387] {
      display: none
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-action[_ngcontent-agg-crmp-webfront-c2812011387] {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      bottom: 0;
      right: 20px;
      width: 50px;
      height: 50px;
      background: white;
      box-shadow: 0 0 15px -10px #000;
      border-radius: 10px;
      transition: opacity .1s linear, bottom .1s linear;
      opacity: 0;
      pointer-events: none;
      cursor: pointer;
      z-index: 11
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-action[_ngcontent-agg-crmp-webfront-c2812011387]:before {
      display: block;
      content: "";
      width: 20px;
      height: 20px;
      background-image: url(/assets/images/icons/menu-hamb.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-action.navigation-shown[_ngcontent-agg-crmp-webfront-c2812011387] {
      opacity: 1;
      pointer-events: all;
      bottom: 20px
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-background[_ngcontent-agg-crmp-webfront-c2812011387] {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #000000b3;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      z-index: 4
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-overlay[_ngcontent-agg-crmp-webfront-c2812011387] {
      display: flex;
      flex-direction: column;
      position: fixed;
      top: 15%;
      left: 0;
      right: 0;
      bottom: 0;
      transform: scale(2) translateY(400px);
      background-color: #fffc;
      border-radius: 15px 15px 0 0;
      transition: transform .7s cubic-bezier(0, .8, .05, 1);
      opacity: 0;
      pointer-events: none;
      z-index: 10
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-overlay.navigation-shown[_ngcontent-agg-crmp-webfront-c2812011387] {
      opacity: 1;
      pointer-events: all;
      transform: scale(1) translateY(0)
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c2812011387] {
      display: flex;
      flex-direction: column;
      padding: 14px 20px;
      border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-header-line[_ngcontent-agg-crmp-webfront-c2812011387] {
      display: flex;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-header-title[_ngcontent-agg-crmp-webfront-c2812011387] {
      color: #000;
      font-size: 20px;
      font-weight: 700
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-header-close[_ngcontent-agg-crmp-webfront-c2812011387] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      margin-left: auto;
      background-color: #0000001a;
      border-radius: 60px;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-header-close[_ngcontent-agg-crmp-webfront-c2812011387]:before {
      display: block;
      content: "";
      width: 18px;
      height: 18px;
      transform: rotate(45deg);
      background-image: url(/assets/images/icons/plus.svg);
      background-position: center;
      background-size: contain;
      opacity: .7
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-content[_ngcontent-agg-crmp-webfront-c2812011387] {
      padding: 20px 0;
      overflow: auto
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] {
      margin-bottom: 30px
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387]:last-child {
      margin-bottom: 0
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-title[_ngcontent-agg-crmp-webfront-c2812011387] {
      color: #000c;
      margin-left: 20px;
      margin-bottom: 5px
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-items[_ngcontent-agg-crmp-webfront-c2812011387] {
      margin: 0 20px
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c2812011387] {
      display: flex;
      align-items: center;
      padding: 0 15px;
      height: 42px;
      text-transform: uppercase;
      margin-bottom: 10px;
      background-color: #fff6;
      box-sizing: border-box;
      border-radius: 5px
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c2812011387]:last-child {
      margin-bottom: 0
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387] {
      position: relative;
      margin-bottom: 10px
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387]:last-child {
      margin-bottom: 0
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c2812011387] {
      margin-bottom: 0
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c2812011387] {
      display: flex;
      flex-direction: column;
      position: absolute;
      bottom: 50px;
      right: 0;
      left: 0;
      background-color: #fff;
      padding: 5px 0;
      border-radius: 6px
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c2812011387]:before {
      position: absolute;
      pointer-events: none;
      border: 8px solid transparent;
      border-top-color: #fff;
      bottom: -16px;
      right: 50%;
      width: 0;
      height: 0;
      margin: 0 -8px;
      content: ""
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c2812011387] {
      text-transform: unset;
      padding: 8px 30px;
      border-bottom: 1px solid #ededed;
      transition: background-color .1s ease
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c2812011387]:hover {
      background-color: #eee
    }

    [_nghost-agg-crmp-webfront-c2812011387] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c2812011387] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c2812011387]:last-child {
      border-bottom: 0
    }

    @media screen and (max-width: 1030px) {
      [_nghost-agg-crmp-webfront-c2812011387] {
        display: block !important
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c1629136343] .start-preview[_ngcontent-agg-crmp-webfront-c1629136343] {
      display: flex;
      position: relative;
      align-items: flex-end;
      width: 100%;
      height: max-content;
      padding-top: 80px;
      background-image: url(/assets/images/header-start.jpg);
      background-color: #9c1b10;
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      box-sizing: border-box
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-preview[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-wrapper[_ngcontent-agg-crmp-webfront-c1629136343] {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 60px;
      overflow: hidden
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-preview[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-title[_ngcontent-agg-crmp-webfront-c1629136343] {
      color: #fff;
      font-size: 36px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 30px
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-preview[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-image-group[_ngcontent-agg-crmp-webfront-c1629136343] {
      width: 100%;
      max-width: 846px;
      position: relative;
      bottom: max(-9vw, -150px)
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-preview[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-image-group[_ngcontent-agg-crmp-webfront-c1629136343]:before {
      content: "";
      position: absolute;
      top: max(-9vw, -150px);
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(/assets/images/index-char-9-sm.webp?2);
      background-repeat: no-repeat;
      background-position: left;
      background-size: contain
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-preview[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-image-group[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-image[_ngcontent-agg-crmp-webfront-c1629136343] {
      width: 100%
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-preview[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-image-group[_ngcontent-agg-crmp-webfront-c1629136343] .start-preview-image.launcher[_ngcontent-agg-crmp-webfront-c1629136343] {
      width: 90%;
      float: right
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-play[_ngcontent-agg-crmp-webfront-c1629136343] {
      padding-top: 85px;
      /* padding-bottom: 90px; */
      background: #FCFCFC;
      border-top: 1px solid #eaeaea;
      position: relative
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-play[_ngcontent-agg-crmp-webfront-c1629136343]>*[_ngcontent-agg-crmp-webfront-c1629136343] {
      position: relative;
      z-index: 1
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-play[_ngcontent-agg-crmp-webfront-c1629136343]:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0%;
      left: 0%;
      z-index: 0;
      background: url(/assets/images/lend/start-play-steps-background-1.svg) 0 -350px/cover no-repeat, url(/assets/images/lend/start-play-steps-background-2.svg) 0 -350px/cover no-repeat
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-system-requirements[_ngcontent-agg-crmp-webfront-c1629136343] {
      background-color: #fff;
      border-top: 1px solid #eaeaea;
      margin-top: 90px
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-screenshots[_ngcontent-agg-crmp-webfront-c1629136343] {
      background: #FCFCFC;
      border-top: 1px solid #eaeaea
    }

    [_nghost-agg-crmp-webfront-c1629136343] .start-discord[_ngcontent-agg-crmp-webfront-c1629136343] {
      margin-top: 90px
    }
   
   
    [_nghost-agg-crmp-webfront-c2946621224] {
      display: block;
      background-color: #000000;
      overflow: hidden
    }

    [_nghost-agg-crmp-webfront-c2946621224] .container[_ngcontent-agg-crmp-webfront-c2946621224] {
      width: 100%;
      padding: 120px 20px 80px;
      margin: auto;
      box-sizing: border-box;
      max-width: 1495px;
      display: flex;
      flex-direction: column;
      align-items: center;
      background: url(/assets/images/lend/start-header-background.png) center bottom no-repeat;
      z-index: 2;
    }

    [_nghost-agg-crmp-webfront-c2946621224] .title[_ngcontent-agg-crmp-webfront-c2946621224] {
      font-family: Roboto, sans-serif;
      font-weight: 800;
      font-size: 36px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff;
      z-index: 1;
    }

    [_nghost-agg-crmp-webfront-c2946621224] .subtitle[_ngcontent-agg-crmp-webfront-c2946621224] {
      font-family: Roboto, sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff9
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] {
      margin-top: 40px;
      width: 100%;
      display: flex;
      flex-direction: row;
      gap: 90px
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .media-viewer[_ngcontent-agg-crmp-webfront-c2946621224] {
      flex: 0 0 850px;
      width: 850px;
      height: 100vw;
      max-height: 627px;
      z-index: 2;
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] {
      flex: 1;
      position: relative;
      margin-top: 27px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-logo-img[_ngcontent-agg-crmp-webfront-c2946621224] {
      -webkit-user-select: none;
      user-select: none;
      pointer-events: none;
      position: absolute;
      top: 41px;
      left: 0
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-char-img[_ngcontent-agg-crmp-webfront-c2946621224] {
      -webkit-user-select: none;
      user-select: none;
      pointer-events: none;
      position: absolute;
      z-index: 1;
      top: 0;
      right: -120px
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] {
      position: relative;
      z-index: 2
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download[_ngcontent-agg-crmp-webfront-c2946621224] {
      max-width: 351px;
      margin-top: 40px;
      padding-bottom: 90px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download-button[_ngcontent-agg-crmp-webfront-c2946621224] {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      box-sizing: border-box;
      width: 100%;
      max-width: 351px;
      height: 65px;
      margin-bottom: 20px;
      padding: 0 26px;
      font-weight: 500;
      font-size: 22px;
      line-height: normal;
      text-transform: uppercase;
      color: #fff;
      border-radius: 10px;
      background: url(/assets/images/lend/contact-support-banner-background.png), linear-gradient(90deg, #37A854 0%, #4CD06E 100%);
      background-repeat: no-repeat;
      background-position: right bottom;
      transition: transform .2s linear
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download-button[_ngcontent-agg-crmp-webfront-c2946621224]:hover {
      transform: scale(1.05)
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download-rights[_ngcontent-agg-crmp-webfront-c2946621224] {
      font-family: Roboto, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff9
    }

    [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download-rights[_ngcontent-agg-crmp-webfront-c2946621224] a[_ngcontent-agg-crmp-webfront-c2946621224] {
      font-family: Roboto, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff9;
      text-decoration: underline
    }

    @media screen and (max-width: 1420px) {
      [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] {
        flex-direction: column;
        align-items: center;
        gap: 50px
      }

      [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info-logo-img[_ngcontent-agg-crmp-webfront-c2946621224],
      [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info-char-img[_ngcontent-agg-crmp-webfront-c2946621224] {
        display: none
      }

      [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .media-viewer[_ngcontent-agg-crmp-webfront-c2946621224] {
        width: 100%;
        flex: unset
      }

      [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] {
        flex: unset;
        margin: unset;
        width: 100%
      }

      [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] {
        display: flex;
        justify-content: center
      }

      [_nghost-agg-crmp-webfront-c2946621224] .content[_ngcontent-agg-crmp-webfront-c2946621224] .info[_ngcontent-agg-crmp-webfront-c2946621224] .info-content[_ngcontent-agg-crmp-webfront-c2946621224] .info-content-download[_ngcontent-agg-crmp-webfront-c2946621224] {
        display: none
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c1909632206] .play[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-wrapper[_ngcontent-agg-crmp-webfront-c1909632206] {
      position: relative;
      max-width: 957px;
      width: 100%
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-line[_ngcontent-agg-crmp-webfront-c1909632206] {
      position: absolute;
      width: 2px;
      left: 53%;
      top: 29px;
      bottom: 340px;
      background: #e0e0e0
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-line[_ngcontent-agg-crmp-webfront-c1909632206]:before,
    [_nghost-agg-crmp-webfront-c1909632206] .play-line[_ngcontent-agg-crmp-webfront-c1909632206]:after {
      content: "";
      position: absolute;
      left: -14.5px;
      width: 29px;
      height: 29px;
      border: 2px solid #e0e0e0;
      box-sizing: border-box;
      border-radius: 30px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-line[_ngcontent-agg-crmp-webfront-c1909632206]:before {
      top: -29px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-line[_ngcontent-agg-crmp-webfront-c1909632206]:after {
      bottom: -29px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      justify-content: space-between
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      flex-direction: column
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-inner[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 460px;
      margin-left: 35px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-image[_ngcontent-agg-crmp-webfront-c1909632206] {
      width: 100%;
      max-width: 528px;
      border-radius: 3px;
      -webkit-user-select: none;
      user-select: none;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-image[_ngcontent-agg-crmp-webfront-c1909632206] img[_ngcontent-agg-crmp-webfront-c1909632206] {
      -webkit-user-select: none;
      user-select: none;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-image.image-launcher[_ngcontent-agg-crmp-webfront-c1909632206] {
      max-width: 446px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-image.image-dps[_ngcontent-agg-crmp-webfront-c1909632206] {
      max-width: 344px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-enumerator[_ngcontent-agg-crmp-webfront-c1909632206] {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 10px;
      color: gray
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-title[_ngcontent-agg-crmp-webfront-c1909632206] {
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #000
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-text[_ngcontent-agg-crmp-webfront-c1909632206] {
      color: #4d4d4d;
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 40px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-note[_ngcontent-agg-crmp-webfront-c1909632206] {
      max-width: 410px;
      padding: 25px 30px;
      font-size: 16px;
      line-height: 1.7;
      background: #F6F6F6;
      border: 2px dashed #D0D0D0;
      border-radius: 3px;
      box-sizing: border-box;
      margin-bottom: 25px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] {
      max-width: 353px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-title[_ngcontent-agg-crmp-webfront-c1909632206] {
      font-size: 16px;
      margin-bottom: 15px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-button[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      box-sizing: border-box;
      width: 100%;
      max-width: 353px;
      height: 75px;
      margin-bottom: 20px;
      padding: 0 26px;
      font-weight: 500;
      font-size: 22px;
      line-height: normal;
      text-transform: uppercase;
      color: #fff;
      border-radius: 10px;
      background: linear-gradient(90deg, #37A854 0%, #4CD06E 100%);
      transition: transform .2s linear
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-button[_ngcontent-agg-crmp-webfront-c1909632206]:hover {
      transform: scale(1.05)
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      align-items: center;
      gap: 10px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c1909632206]:first-child {
      padding-right: 10px;
      border-right: 1px solid #cccccc
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c1909632206]:last-child {
      padding-left: 10px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-addition-text[_ngcontent-agg-crmp-webfront-c1909632206] {
      color: #666;
      font-size: 12px;
      font-weight: 400;
      line-height: normal
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-addition-icon[_ngcontent-agg-crmp-webfront-c1909632206] {
      max-height: 14px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-rights[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: 400;
      color: #b3b3b3;
      margin-bottom: 65px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-download-rights[_ngcontent-agg-crmp-webfront-c1909632206] a[_ngcontent-agg-crmp-webfront-c1909632206] {
      font-size: 14px;
      font-weight: 400;
      color: #b3b3b3;
      text-decoration: underline !important
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] {
      position: relative;
      top: -120px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-inner[_ngcontent-agg-crmp-webfront-c1909632206] {
      margin-left: 0;
      max-width: 382px;
      position: relative;
      top: -30px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-title[_ngcontent-agg-crmp-webfront-c1909632206] {
      margin-bottom: 40px
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-text[_ngcontent-agg-crmp-webfront-c1909632206] {
      color: #000;
      font-size: 16px;
      font-weight: 400
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-text[_ngcontent-agg-crmp-webfront-c1909632206] b[_ngcontent-agg-crmp-webfront-c1909632206] {
      color: #000;
      font-size: 16px;
      font-weight: 500
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-text[_ngcontent-agg-crmp-webfront-c1909632206] .small[_ngcontent-agg-crmp-webfront-c1909632206] {
      color: #797979
    }

    [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-rules-button[_ngcontent-agg-crmp-webfront-c1909632206] {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      width: 192px;
      height: 55px;
      font-size: 16px;
      background: #2E2E2E;
      border-radius: 10px;
    }

    @media screen and (max-width: 1050px) {
      [_nghost-agg-crmp-webfront-c1909632206] .play-line[_ngcontent-agg-crmp-webfront-c1909632206] {
        display: none
      }

      [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] {
        flex-direction: column;
        margin-bottom: 100px
      }

      [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
      }

      [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-inner[_ngcontent-agg-crmp-webfront-c1909632206] {
        margin-left: 0;
        margin-right: 0
      }

      [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] {
        top: 0
      }

      [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c1909632206] .play-step-inner[_ngcontent-agg-crmp-webfront-c1909632206] {
        top: 0
      }
    }

    @media screen and (max-width: 860px) {
      [_nghost-agg-crmp-webfront-c1909632206] .play-steps[_ngcontent-agg-crmp-webfront-c1909632206] .play-step[_ngcontent-agg-crmp-webfront-c1909632206] {
        flex-direction: column
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c3932583921] {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      padding: 32px;
      width: 100%;
      box-sizing: border-box;
      gap: 40px;
      background: url(/assets/images/lend/start-header-download-button-background.png), linear-gradient(96.57deg, #EEEEEE -8.01%, #EEEEEE 15.5%);
      background-repeat: no-repeat;
      background-position: right bottom;
      border: 1px solid #FFFFFF
    }

    [_nghost-agg-crmp-webfront-c3932583921] .text-box[_ngcontent-agg-crmp-webfront-c3932583921] {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 20px
    }

    [_nghost-agg-crmp-webfront-c3932583921] .text-box__icon[_ngcontent-agg-crmp-webfront-c3932583921] {
      display: flex;
      align-items: center;
      justify-content: center
    }

    [_nghost-agg-crmp-webfront-c3932583921] .text-box__text[_ngcontent-agg-crmp-webfront-c3932583921] {
      font-family: Roboto, sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #535353;
      line-height: 18.75px
    }

    [_nghost-agg-crmp-webfront-c3932583921] .actions[_ngcontent-agg-crmp-webfront-c3932583921] {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      flex-grow: 1
    }

    [_nghost-agg-crmp-webfront-c3932583921] .actions__button[_ngcontent-agg-crmp-webfront-c3932583921] {
      box-sizing: border-box;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      max-width: 310px;
      width: 100%;
      text-align: center;
      font-family: Roboto, sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff
    }

    [_nghost-agg-crmp-webfront-c3932583921] .actions__separator[_ngcontent-agg-crmp-webfront-c3932583921] {
      width: 1px;
      height: 30px;
      background: #B6B6B6
    }

    [_nghost-agg-crmp-webfront-c3932583921] .watch-video[_ngcontent-agg-crmp-webfront-c3932583921] {
      background: linear-gradient(90deg, #00709F 0%, #2A93E7 100%)
    }

    [_nghost-agg-crmp-webfront-c3932583921] .write-to-support[_ngcontent-agg-crmp-webfront-c3932583921] {
      background: linear-gradient(90deg, #F72121 0%, #FE802C 100%)
    }

    @media screen and (max-width: 1180px) {
      [_nghost-agg-crmp-webfront-c3932583921] {
        flex-direction: column
      }

      [_nghost-agg-crmp-webfront-c3932583921] .actions[_ngcontent-agg-crmp-webfront-c3932583921] {
        flex-direction: column-reverse
      }

      [_nghost-agg-crmp-webfront-c3932583921] .actions__separator[_ngcontent-agg-crmp-webfront-c3932583921] {
        width: 50%;
        height: 1px
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c991303572] {
      display: block;
      padding: 0px 0 0
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-header[_ngcontent-agg-crmp-webfront-c991303572] {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 60px
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-header[_ngcontent-agg-crmp-webfront-c991303572] .features-header-title[_ngcontent-agg-crmp-webfront-c991303572] {
      font-size: 36px;
      font-weight: 700;
      text-align: center
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-content[_ngcontent-agg-crmp-webfront-c991303572] {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 260px;
      padding: 0 20px;
      margin: 0 auto 60px
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon[_ngcontent-agg-crmp-webfront-c991303572] {
      min-width: 50px;
      min-height: 50px;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: bottom;
      mask-position: bottom;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      margin-bottom: 30px
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-people[_ngcontent-agg-crmp-webfront-c991303572] {
      background-color: #00af00;
      -webkit-mask-image: url(https://amazing-online.com/assets/images/icons/people.svg);
      mask-image: url(https://amazing-online.com/assets/images/icons/people.svg)
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-voice[_ngcontent-agg-crmp-webfront-c991303572] {
      background-color: #f3502f;
      -webkit-mask-image: url(/assets/images/icons/mic-red.svg);
      mask-image: url(/assets/images/icons/mic-red.svg)
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-kremlin-plus-vehicle[_ngcontent-agg-crmp-webfront-c991303572] {
      background-color: #4a76b9;
      -webkit-mask-image: url(/assets/images/icons/kremlin-plus-vehicle-blue.svg);
      mask-image: url(/assets/images/icons/kremlin-plus-vehicle-blue.svg)
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-international[_ngcontent-agg-crmp-webfront-c991303572] {
      background-color: #f3502f;
      -webkit-mask-image: url(/assets/images/icons/community-red.svg);
      mask-image: url(/assets/images/icons/community-red.svg)
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-graphics[_ngcontent-agg-crmp-webfront-c991303572] {
      background-color: #4a76b9;
      -webkit-mask-image: url(/assets/images/icons/graphics.svg);
      mask-image: url(/assets/images/icons/graphics.svg)
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-atmosphere[_ngcontent-agg-crmp-webfront-c991303572] {
      background-color: #ffcb00;
      -webkit-mask-image: url(/assets/images/icons/atmosphere.svg);
      mask-image: url(/assets/images/icons/atmosphere.svg)
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-title[_ngcontent-agg-crmp-webfront-c991303572] {
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 8px
    }

    [_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-text[_ngcontent-agg-crmp-webfront-c991303572] {
      color: gray;
      text-align: center;
      font-size: 14px;
      line-height: 1.7
    }
   
   
    [_nghost-agg-crmp-webfront-c898857225] .play-discord[_ngcontent-agg-crmp-webfront-c898857225] {
      display: flex;
      align-items: center;
      width: 100%;
      height: 140px;
      background-image: url(/assets/images/start-discord.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 3px;
      box-shadow: 0 15px 35px #8292ce4d;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c898857225] .play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-title[_ngcontent-agg-crmp-webfront-c898857225] {
      color: #fff;
      font-weight: 700;
      font-size: 22px;
      margin-left: 260px;
      margin-right: 40px
    }

    [_nghost-agg-crmp-webfront-c898857225] .play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-button[_ngcontent-agg-crmp-webfront-c898857225] {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 162px;
      min-height: 40px;
      margin-left: auto;
      margin-right: 80px;
      font-size: 16px;
      color: #fff;
      background: #6882E2;
      border-radius: 3px
    }

    @media screen and (max-width: 845px) {
      .play-discord[_ngcontent-agg-crmp-webfront-c898857225] {
        background-position-x: -80px
      }

      .play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-title[_ngcontent-agg-crmp-webfront-c898857225] {
        display: none
      }

      .play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-button[_ngcontent-agg-crmp-webfront-c898857225] {
        margin: auto
      }
    }

    @media screen and (max-width: 410px) {
      .play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-button[_ngcontent-agg-crmp-webfront-c898857225] {
        display: none !important
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c639157890] {
      display: flex;
      flex-direction: column
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] {
      display: flex;
      flex-direction: column;
      padding: 40px 0
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] {
      display: flex;
      align-items: center;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border[_ngcontent-agg-crmp-webfront-c639157890] {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 64px;
      min-width: 64px;
      box-sizing: border-box;
      border: 1px solid rgba(46, 46, 46, .15);
      border-radius: 100%;
      margin-right: 40px
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border-img[_ngcontent-agg-crmp-webfront-c639157890] {
      object-fit: contain;
      height: 100%;
      width: 100%;
      max-width: 24px;
      max-height: 24px;
      transform: rotate(45deg);
      transition: transform .3s ease
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border-img.img-close[_ngcontent-agg-crmp-webfront-c639157890] {
      transform: rotate(0)
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-title[_ngcontent-agg-crmp-webfront-c639157890] {
      font-size: 36px;
      font-weight: 700
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-title[_ngcontent-agg-crmp-webfront-c639157890]:active {
      -webkit-user-select: none;
      user-select: none
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] {
      display: flex;
      flex-direction: column;
      padding-top: 40px
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content-wrapper[_ngcontent-agg-crmp-webfront-c639157890] {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(530px, 1fr));
      gap: 64px;
      margin-bottom: 40px
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content-notifier[_ngcontent-agg-crmp-webfront-c639157890] {
      display: flex;
      align-items: center;
      background-color: #ffe49e26;
      padding: 30px 35px;
      border-radius: 10px;
      margin-bottom: 40px
    }

    [_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content-notifier[_ngcontent-agg-crmp-webfront-c639157890]:before {
      background-image: url(/assets/images/icons/attention.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      min-width: 24px;
      min-height: 24px;
      margin-right: 10px;
      content: ""
    }

    @media screen and (max-width: 1190px) {
      .system-requirements-content-wrapper[_ngcontent-agg-crmp-webfront-c639157890] {
        grid-template-columns: 1fr !important
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c3823124274] {
      display: block;
      height: 100%
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] {
      overflow: hidden;
      position: relative;
      display: flex;
      flex-direction: column;
      height: 100%
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] {
      overflow: hidden;
      position: relative;
      flex-grow: 1;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn[_ngcontent-agg-crmp-webfront-c3823124274] {
      position: relative;
      top: 0;
      bottom: 0;
      height: 50%;
      width: 20%;
      cursor: pointer;
      z-index: 3;
      display: flex;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn[_ngcontent-agg-crmp-webfront-c3823124274] .icon-box[_ngcontent-agg-crmp-webfront-c3823124274] {
      position: absolute;
      height: 2em;
      width: 2em;
      -webkit-mask-image: url(arrow-bold.15c5f8d2115348ee.svg);
      mask-image: url(arrow-bold.15c5f8d2115348ee.svg);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
      background: #ffffff;
      opacity: .3;
      transition: opacity .2s
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn[_ngcontent-agg-crmp-webfront-c3823124274]:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100vh;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
      opacity: 0;
      transition: opacity .2s;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn[_ngcontent-agg-crmp-webfront-c3823124274]:hover .icon-box[_ngcontent-agg-crmp-webfront-c3823124274] {
      opacity: .8
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn[_ngcontent-agg-crmp-webfront-c3823124274]:hover:before {
      opacity: 1
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn.left[_ngcontent-agg-crmp-webfront-c3823124274]:before {
      background: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(255, 255, 255, 0))
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn.left[_ngcontent-agg-crmp-webfront-c3823124274] .icon-box[_ngcontent-agg-crmp-webfront-c3823124274] {
      transform: rotate(180deg);
      left: 40px
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn.right[_ngcontent-agg-crmp-webfront-c3823124274] {
      justify-content: end
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-swipe-btn.right[_ngcontent-agg-crmp-webfront-c3823124274] .icon-box[_ngcontent-agg-crmp-webfront-c3823124274] {
      right: 40px
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-item[_ngcontent-agg-crmp-webfront-c3823124274] {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center;
      opacity: 0;
      transition: opacity .5s ease-in-out
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-item[_ngcontent-agg-crmp-webfront-c3823124274] app-video-player-overlay[_ngcontent-agg-crmp-webfront-c3823124274] {
      display: flex;
      justify-content: center;
      align-items: center;
      justify-items: center;
      width: 100%;
      height: 100%
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-item[_ngcontent-agg-crmp-webfront-c3823124274] img[_ngcontent-agg-crmp-webfront-c3823124274] {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-player-area-item.selected[_ngcontent-agg-crmp-webfront-c3823124274] {
      opacity: 1;
      transition-delay: .15s;
      z-index: 2
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] {
      position: relative;
      flex: 0 0 98px;
      display: flex;
      align-items: center
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-control-btn[_ngcontent-agg-crmp-webfront-c3823124274] {
      flex: 0 0 30px;
      width: 30px;
      height: 98px;
      background-color: #fff3;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color .2s ease-in-out
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-control-btn[_ngcontent-agg-crmp-webfront-c3823124274] svg[_ngcontent-agg-crmp-webfront-c3823124274] path[_ngcontent-agg-crmp-webfront-c3823124274] {
      transition: opacity .2s ease-in-out
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-control-btn[_ngcontent-agg-crmp-webfront-c3823124274]:hover {
      background-color: #fff6
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-control-btn[_ngcontent-agg-crmp-webfront-c3823124274]:hover svg[_ngcontent-agg-crmp-webfront-c3823124274] path[_ngcontent-agg-crmp-webfront-c3823124274] {
      opacity: 1
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-wrapper[_ngcontent-agg-crmp-webfront-c3823124274] {
      margin: 0 20px;
      overflow: hidden
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-wrapper[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items[_ngcontent-agg-crmp-webfront-c3823124274] {
      margin: 21px 0;
      position: relative;
      z-index: 3;
      flex: 0 1 98px;
      height: 98px;
      width: max-content;
      transition: left .5s ease-in-out
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-wrapper[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-item[_ngcontent-agg-crmp-webfront-c3823124274] {
      float: left;
      margin-right: 20px;
      width: 169px;
      height: 98px;
      box-sizing: border-box;
      border-radius: 5px;
      border: 1px solid transparent;
      cursor: pointer;
      position: relative;
      transition: border-color .2s ease-in-out
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-wrapper[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-item[_ngcontent-agg-crmp-webfront-c3823124274]:last-child {
      margin-right: 0
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-wrapper[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-item[_ngcontent-agg-crmp-webfront-c3823124274] img[_ngcontent-agg-crmp-webfront-c3823124274] {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 5px
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-wrapper[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-item.selected[_ngcontent-agg-crmp-webfront-c3823124274] {
      border-color: #e8e8e8
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-container[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items-wrapper[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-items[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-item.video[_ngcontent-agg-crmp-webfront-c3823124274] .video-play-btn[_ngcontent-agg-crmp-webfront-c3823124274] {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      justify-content: center;
      align-items: center;
      width: 35px;
      height: 35px;
      background: linear-gradient(290.03deg, #FD852E 8.3%, #FF4516 82.33%);
      border-radius: 50%
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider[_ngcontent-agg-crmp-webfront-c3823124274] {
      position: relative;
      -webkit-user-select: none;
      user-select: none;
      flex: 0 0 7px;
      height: 7px;
      margin: 0 2px
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider-bar[_ngcontent-agg-crmp-webfront-c3823124274] {
      width: 100%;
      height: 100%;
      position: relative;
      border-radius: 100%
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider-bar[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider-bar-line[_ngcontent-agg-crmp-webfront-c3823124274] {
      width: 30%;
      height: 100%;
      background-color: #fff3;
      border-radius: 50px;
      position: relative;
      cursor: pointer;
      transition: left .5s ease-in-out, background-color .2s ease-in-out
    }

    [_nghost-agg-crmp-webfront-c3823124274] .viewer-overflow[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider-bar[_ngcontent-agg-crmp-webfront-c3823124274] .viewer-slider-bar-line[_ngcontent-agg-crmp-webfront-c3823124274]:hover {
      background-color: #fff6
    }

    [_nghost-agg-crmp-webfront-c3823124274] .no-transition[_ngcontent-agg-crmp-webfront-c3823124274] {
      transition: none !important
    }
   
   
    [_nghost-agg-crmp-webfront-c2928928921] {
      border-radius: 10px;
      width: 440px;
      height: 78px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px;
      box-sizing: border-box;
      position: relative;
      background-image: url(online-monitoring-banner-background.393a61917095640e.svg), linear-gradient(0deg, #FFFFFF, #FFFFFF);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: bottom right
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section[_ngcontent-agg-crmp-webfront-c2928928921] {
      display: flex;
      align-items: center;
      position: relative
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__value[_ngcontent-agg-crmp-webfront-c2928928921] {
      font-family: Roboto, sans-serif;
      font-weight: 700;
      font-size: 28px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #000;
      white-space: nowrap;
      position: relative
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__value-marker[_ngcontent-agg-crmp-webfront-c2928928921] {
      position: absolute;
      top: 0;
      right: 0;
      transform: translate(50%);
      width: 7px;
      height: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: currentColor;
      background-color: currentColor;
      border-radius: 50%
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__value-marker[_ngcontent-agg-crmp-webfront-c2928928921]:before {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      color: currentColor;
      background-color: currentColor;
      border-radius: 50%;
      opacity: .3;
      animation: _ngcontent-agg-crmp-webfront-c2928928921_marker-blink 2s infinite linear
    }

    @keyframes _ngcontent-agg-crmp-webfront-c2928928921_marker-blink {
      0% {
        opacity: .3
      }

      50% {
        opacity: 0
      }

      to {
        opacity: .3
      }
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__label[_ngcontent-agg-crmp-webfront-c2928928921] {
      font-family: Roboto, sans-serif;
      font-weight: 500;
      font-size: 12px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #00000080;
      line-height: 1.1em;
      margin-left: 10px
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__hint[_ngcontent-agg-crmp-webfront-c2928928921] {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: -7px;
      height: 18px;
      width: 18px
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__hint[_ngcontent-agg-crmp-webfront-c2928928921] svg[_ngcontent-agg-crmp-webfront-c2928928921] {
      opacity: .5;
      transition: opacity .2s
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__hint-tooltip[_ngcontent-agg-crmp-webfront-c2928928921] {
      font-family: Roboto, sans-serif;
      font-weight: 400;
      font-size: 12px;
      line-height: 1.3em;
      letter-spacing: 0;
      color: #fff;
      padding: 12px;
      background-color: #171717;
      border-radius: 5px;
      position: absolute;
      right: -5px;
      top: 0;
      transform: translate(100%);
      white-space: nowrap;
      opacity: 0;
      transition: opacity .2s;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section__hint[_ngcontent-agg-crmp-webfront-c2928928921]:hover svg[_ngcontent-agg-crmp-webfront-c2928928921],
    [_nghost-agg-crmp-webfront-c2928928921] .section__hint[_ngcontent-agg-crmp-webfront-c2928928921]:hover .section__hint-tooltip[_ngcontent-agg-crmp-webfront-c2928928921] {
      opacity: 1
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section[_ngcontent-agg-crmp-webfront-c2928928921]:first-child {
      flex: 1.2;
      justify-content: flex-end
    }

    [_nghost-agg-crmp-webfront-c2928928921] .section[_ngcontent-agg-crmp-webfront-c2928928921]:last-child {
      flex: 2
    }

    [_nghost-agg-crmp-webfront-c2928928921] .divider[_ngcontent-agg-crmp-webfront-c2928928921] {
      margin: 0 20px;
      width: 1px;
      height: 25px;
      background-color: #00000038
    }

    @media screen and (max-width: 685px) {
      [_nghost-agg-crmp-webfront-c2928928921] .section__hint-tooltip[_ngcontent-agg-crmp-webfront-c2928928921] {
        right: unset;
        left: -5px;
        transform: translate(-100%)
      }
    }

    @media screen and (max-width: 500px) {
      [_nghost-agg-crmp-webfront-c2928928921] {
        flex-direction: column;
        align-items: stretch;
        height: auto;
        width: 100%
      }

      [_nghost-agg-crmp-webfront-c2928928921] .divider[_ngcontent-agg-crmp-webfront-c2928928921] {
        margin: 20px 0;
        width: 25px;
        height: 1px;
        align-self: center
      }

      [_nghost-agg-crmp-webfront-c2928928921] .section[_ngcontent-agg-crmp-webfront-c2928928921] {
        flex: 1;
        justify-content: center !important
      }
    }
   
   
    [_nghost-agg-crmp-webfront-c2875717919] .icon[_ngcontent-agg-crmp-webfront-c2875717919] {
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
      width: 1em;
      height: 1em;
      background: #ffffff;
      opacity: .3;
      transition: opacity .2s;
      font-size: inherit
    }

    [_nghost-agg-crmp-webfront-c2875717919] .icon-box[_ngcontent-agg-crmp-webfront-c2875717919] {
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c2875717919] .icon-box[_ngcontent-agg-crmp-webfront-c2875717919]:after {
      content: "";
      position: absolute;
      width: .4em;
      height: .4em;
      transform: translate(-55%, -55%);
      left: 50%;
      top: 50%;
      background: transparent;
      filter: blur(15px);
      border-radius: 50%;
      opacity: 0;
      transition: opacity .2s
    }

    [_nghost-agg-crmp-webfront-c2875717919] .icon--arrow[_ngcontent-agg-crmp-webfront-c2875717919] {
      -webkit-mask-image: url(arrow-bold.15c5f8d2115348ee.svg);
      mask-image: url(arrow-bold.15c5f8d2115348ee.svg)
    }

    [_nghost-agg-crmp-webfront-c2875717919] .icon--cross[_ngcontent-agg-crmp-webfront-c2875717919] {
      -webkit-mask-image: url(cross-middle.224ddc490901d361.svg);
      mask-image: url(cross-middle.224ddc490901d361.svg)
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer[_ngcontent-agg-crmp-webfront-c2875717919] {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, .7);
      z-index: 100;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px)
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer[_ngcontent-agg-crmp-webfront-c2875717919]>*[_ngcontent-agg-crmp-webfront-c2875717919] {
      position: absolute
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__image[_ngcontent-agg-crmp-webfront-c2875717919] {
      width: 80%;
      max-height: 100%;
      border-radius: 20px
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button[_ngcontent-agg-crmp-webfront-c2875717919] {
      -webkit-user-select: none;
      user-select: none
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button[_ngcontent-agg-crmp-webfront-c2875717919] .icon-box[_ngcontent-agg-crmp-webfront-c2875717919] {
      position: absolute;
      font-size: 80px
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch[_ngcontent-agg-crmp-webfront-c2875717919] {
      height: 50%;
      width: 40%;
      display: flex;
      align-items: center;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch[_ngcontent-agg-crmp-webfront-c2875717919] .icon[_ngcontent-agg-crmp-webfront-c2875717919] {
      height: .78em;
      width: .78em
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch[_ngcontent-agg-crmp-webfront-c2875717919]:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100vh;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
      opacity: 0;
      transition: opacity .2s;
      pointer-events: none
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch--left[_ngcontent-agg-crmp-webfront-c2875717919] {
      left: 0;
      transform: rotate(180deg)
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch--left[_ngcontent-agg-crmp-webfront-c2875717919] .icon-box[_ngcontent-agg-crmp-webfront-c2875717919] {
      right: 50px
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch--right[_ngcontent-agg-crmp-webfront-c2875717919] {
      right: 0
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch--right[_ngcontent-agg-crmp-webfront-c2875717919] .icon-box[_ngcontent-agg-crmp-webfront-c2875717919] {
      right: 50px
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch[_ngcontent-agg-crmp-webfront-c2875717919]:hover:before {
      opacity: 1
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch[_ngcontent-agg-crmp-webfront-c2875717919]:hover .icon[_ngcontent-agg-crmp-webfront-c2875717919] {
      opacity: .8
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-switch[_ngcontent-agg-crmp-webfront-c2875717919]:hover .icon-box[_ngcontent-agg-crmp-webfront-c2875717919]:after {
      opacity: .8
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-close[_ngcontent-agg-crmp-webfront-c2875717919] {
      right: 0;
      top: 0;
      width: 150px;
      height: 150px
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-close[_ngcontent-agg-crmp-webfront-c2875717919] .icon-box[_ngcontent-agg-crmp-webfront-c2875717919] {
      top: 50px;
      right: 50px;
      font-size: 50px
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-close[_ngcontent-agg-crmp-webfront-c2875717919]:hover .icon[_ngcontent-agg-crmp-webfront-c2875717919] {
      opacity: .8
    }

    [_nghost-agg-crmp-webfront-c2875717919] .images-viewer__button-close[_ngcontent-agg-crmp-webfront-c2875717919]:hover .icon-box[_ngcontent-agg-crmp-webfront-c2875717919]:after {
      opacity: .8
    }

    .green-style[_nghost-agg-crmp-webfront-c2875717919] .icon[_ngcontent-agg-crmp-webfront-c2875717919] {
      background: #c7e05a
    }

    .green-style[_nghost-agg-crmp-webfront-c2875717919] .icon-box[_ngcontent-agg-crmp-webfront-c2875717919]:after {
      background: #c7e05a
    }

    .green-style[_nghost-agg-crmp-webfront-c2875717919] .icon--arrow[_ngcontent-agg-crmp-webfront-c2875717919] {
      -webkit-mask-image: url(arrow-right-fill.841bea46ec2f3580.svg);
      mask-image: url(arrow-right-fill.841bea46ec2f3580.svg)
    }

    .green-style[_nghost-agg-crmp-webfront-c2875717919] .icon--cross[_ngcontent-agg-crmp-webfront-c2875717919] {
      -webkit-mask-image: url(cross-middle.224ddc490901d361.svg);
      mask-image: url(cross-middle.224ddc490901d361.svg)
    }

    .green-style[_nghost-agg-crmp-webfront-c2875717919] .images-viewer[_ngcontent-agg-crmp-webfront-c2875717919] .icon[_ngcontent-agg-crmp-webfront-c2875717919] {
      font-size: 80px
    }
   
   
    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-color: #2e2e2e;
      min-height: 39px;
      -webkit-mask-image: url(/assets/images/logotypes/logotype-roleplay.svg);
      mask-image: url(/assets/images/logotypes/logotype-roleplay.svg);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain
    }

    [_nghost-agg-crmp-webfront-c3920418337] {
      display: flex;
      position: relative;
      flex-direction: column;
      padding: 80px 0;
      background-color: #000000;
      background-image: url(/assets/images/lend/footer.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border-top: 1px solid #ededed;
      margin-top: auto
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-container[_ngcontent-agg-crmp-webfront-c3920418337] {
      margin-top: 10px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-container[_ngcontent-agg-crmp-webfront-c3920418337]:first-child {
      margin-bottom: 65px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-container[_ngcontent-agg-crmp-webfront-c3920418337]:last-child {
      margin-top: 15px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: flex;
      align-items: flex-start;
      justify-content: space-between
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: flex;
      flex-direction: column
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337]:first-child {
      margin-right: 90px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: block
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c3920418337]:active {
      position: relative;
      top: 1px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__title[_ngcontent-agg-crmp-webfront-c3920418337] {
      font-size: 24px;
      font-weight: 700;
      line-height: 20px;
      margin-bottom: 25px;
      color: #ffffff;
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: flex;
      flex-direction: column;
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items--margin-top[_ngcontent-agg-crmp-webfront-c3920418337] {
      margin-top: 10px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c3920418337] {
      line-height: 35px;
      transition: opacity .3s ease;
      color: #969696;
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c3920418337]:hover {
      opacity: .8
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c3920418337]:active {
      position: relative;
      top: 1px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c3920418337]:last-child {
      margin-bottom: unset
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: grid;
      grid-template-rows: repeat(2, 84px);
      grid-template-columns: repeat(3, 84px);
      row-gap: 16px;
      -moz-column-gap: 16px;
      column-gap: 16px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-repeat: no-repeat;
      background-size: 30px 30px, cover;
      background-position: center;
      border-radius: 15px;
      transition: transform .3s ease;
      cursor: pointer
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item[_ngcontent-agg-crmp-webfront-c3920418337]:hover {
      transform: scale(1.05)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item[_ngcontent-agg-crmp-webfront-c3920418337]:active {
      position: relative;
      top: 1px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item.network-telegram[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-image: url(/assets/images/lend/telegram.svg), linear-gradient(-45deg, #03a9f4 0%, #42c4ff 100%)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item.network-vk[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-image: url(/assets/images/icons/vk-white.svg), linear-gradient(-45deg, #4a76a8 0%, #73b4fd 100%)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item.network-ok[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-size: 42px 42px, cover;
      background-image: url(/assets/images/icons/ok.svg), linear-gradient(-45deg, #ff8800 0%, #ff8800 100%)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item.network-instagram[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-image: url(/assets/images/icons/instagram.svg), linear-gradient(135deg, #ffdd55 6.62%, #ff543e 50.06%, #c837ab 93.5%)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item.network-youtube[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-image: url(/assets/images/lend/youtube.svg), linear-gradient(-45deg, #e53935 0%, #e5356a 100%)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item.network-tiktok[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-image: url(/assets/images/lend/tiktok.svg), linear-gradient(135deg, #25f4ee 0%, #fe2c55 100%)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section__networks__item.network-discord[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-image: url(/assets/images/lend/discord.svg), linear-gradient(0deg, #7289da 0%, #b9c8ff 100%)
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: flex;
      justify-content: space-between;
      align-items: flex-end
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright-container[_ngcontent-agg-crmp-webfront-c3920418337] {
      max-width: 284px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright__text[_ngcontent-agg-crmp-webfront-c3920418337] {
      color: #0009;
      line-height: 1.8;
      max-width: 545px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright__marker-text[_ngcontent-agg-crmp-webfront-c3920418337] {
      color: #000
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright__caption[_ngcontent-agg-crmp-webfront-c3920418337] {
      color: #0009
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright__element[_ngcontent-agg-crmp-webfront-c3920418337] {
      margin-top: 10px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright__marker[_ngcontent-agg-crmp-webfront-c3920418337] {
      -webkit-mask-image: url(age_marker.1e4403febc3b0fab.svg);
      mask-image: url(age_marker.1e4403febc3b0fab.svg);
      width: 50px;
      height: 50px;
      background-color: #9b9b9b
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright__caption-another[_ngcontent-agg-crmp-webfront-c3920418337] {
      margin-top: 10px;
      cursor: text
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-license[_ngcontent-agg-crmp-webfront-c3920418337] {
      display: flex;
      justify-content: space-between;
      align-items: flex-end
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-license[_ngcontent-agg-crmp-webfront-c3920418337] .footer-license__item[_ngcontent-agg-crmp-webfront-c3920418337] {
      line-height: 35px;
      transition: opacity .3s ease;
      color: #969696;
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-license[_ngcontent-agg-crmp-webfront-c3920418337] .footer-license__item.with-copyright[_ngcontent-agg-crmp-webfront-c3920418337] {
      max-width: 284px;
      width: 100%
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-license[_ngcontent-agg-crmp-webfront-c3920418337] .footer-license__item[_ngcontent-agg-crmp-webfront-c3920418337]:hover {
      opacity: .8
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-license[_ngcontent-agg-crmp-webfront-c3920418337] .footer-license__item[_ngcontent-agg-crmp-webfront-c3920418337]:active {
      position: relative;
      top: 1px
    }

    [_nghost-agg-crmp-webfront-c3920418337] .footer-license[_ngcontent-agg-crmp-webfront-c3920418337] .footer-license__item[_ngcontent-agg-crmp-webfront-c3920418337]:last-child {
      margin-bottom: unset
    }

    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] {
      background-color: #0d0d0d;
      border-top: 1px solid transparent
    }

    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c3920418337] {
      background-color: #f2f2f2 !important
    }

    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] .footer-navigation__section__title[_ngcontent-agg-crmp-webfront-c3920418337],
    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c3920418337] {
      color: #f2f2f2 !important
    }

    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] .footer-copyright__text[_ngcontent-agg-crmp-webfront-c3920418337],
    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] .footer-copyright__caption[_ngcontent-agg-crmp-webfront-c3920418337],
    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] .footer-license__item[_ngcontent-agg-crmp-webfront-c3920418337] {
      color: #fff9 !important
    }

    .footer-dark-mode[_nghost-agg-crmp-webfront-c3920418337] .footer-copyright__marker-text[_ngcontent-agg-crmp-webfront-c3920418337] {
      color: #fff !important
    }

    @media screen and (max-width: 1000px) {
      .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] {
        flex-direction: column
      }

      .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337] {
        margin-bottom: 50px
      }

      .footer-navigation[_ngcontent-agg-crmp-webfront-c3920418337] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c3920418337]:last-child {
        margin-bottom: unset
      }

      .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] {
        flex-direction: column;
        align-items: flex-start !important
      }

      .footer-copyright[_ngcontent-agg-crmp-webfront-c3920418337] .footer-copyright__text[_ngcontent-agg-crmp-webfront-c3920418337] {
        margin-bottom: 20px !important
      }

      .footer-license[_ngcontent-agg-crmp-webfront-c3920418337] {
        flex-direction: column;
        align-items: flex-start !important
      }
    }
















.fa-steam {
  color: #ffffff;
  font-size: 22px;
  margin-right: 5px
}

.navigation-item i {
  color: #ffffff;
  margin-right: 5px;
}

video {
  display: block;
  max-width: 100%;
  border-radius: 12px;
  border: 2px solid #222222;
}

* {
    scrollbar-color: rgb(38 38 41) #000000;
}












.logo {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    transition: color 0.5s ease;
    font-family: "Maven Pro", Montserrat, Arial;
    font-size: 20px;
    margin-right: 80px;
}

.logo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #ffffff;;
    border-radius: 12px;
    color: #ffffff;;
    transition: background-color 0.5s ease, color 0.5s ease;
    font-size: 240px;
}

.beta-badge {
    position: absolute;
    top: -5px;
    right: -25px;
    background-color: #fe3939;, #f0f0f0);
    color: #ffffff;, #333);
    font-size: 9px;
    font-weight: bold;
    padding: 3px 7px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.5s ease;
}

.beta-badge:hover {
    background-color: #fe3939, #dcdcdc);
}

.mini-footer.dark {
  width: 100%;
  background: #17181A;
  box-shadow: none;
  border: none;
  padding: 18px 0 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  color: #aaa;
  margin-top: 48px;
}

.mini-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.mini-footer__links a {
  color: #bbb;
  opacity: 0.88;
  text-decoration: none;
  font-size: 15px;
  transition: opacity 0.2s, color 0.2s;
}
.mini-footer__links a:hover {
  opacity: 1;
  color: #fff;
  text-decoration: underline;
}

.mini-footer__socials {
  display: flex;
  gap: 18px;
  margin-bottom: 0;
}
.mini-footer__socials a {
  display: flex;
  align-items: center;
  opacity: 0.83;
  transition: opacity 0.2s, color 0.2s;
  font-size: 22px;
  color: #bbb;
}
.mini-footer__socials a:hover {
  opacity: 1;
  color: #fcd535;
}

.mini-footer svg,
.mini-footer i {
  width: 22px;
  height: 22px;
  color: #bbb;
  display: block;
}



.support-banner__wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.support-banner {
  background: #23242a;
  border-radius: 18px;
  padding: 22px 30px 22px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 24px 0 rgba(0,0,0,0.14);
  margin: 30px 0;
  gap: 18px;
  min-height: 70px;
  max-width: 740px;
  width: 100%;
}

.support-banner__content {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 200px;
}

.support-banner__icon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #23242a;
  border-radius: 50%;
}

.support-banner__text {
  color: #fff;
  font-size: 1.09em;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.support-banner__button {
  background: #fcd535;
  color: #23242a;
  border: none;
  border-radius: 10px;
  padding: 11px 24px;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 12px 0 rgba(252,213,53,0.09);
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
  display: inline-block;
  margin-left: 12px;
  z-index: 1;
}

.support-banner__button:hover {
  background: #ffe170;
  color: #111;
}

@media (max-width: 650px) {
  .support-banner {
    flex-direction: column;
    padding: 16px 10px;
    gap: 10px;
    align-items: stretch;
    max-width: 98vw;
  }
  .support-banner__button {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
    text-align: center;
  }
  .support-banner__content {
    justify-content: flex-start;
  }
}