@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) 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-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) 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-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) 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-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) 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-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) 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-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) 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-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }


        /* ========== SECTION ========== */


        @font-face {
            font-family: 'Material Icons';
            font-style: normal;
            font-weight: 400;
            src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
        }

        .material-icons {
            font-family: 'Material Icons';
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-smoothing: antialiased;
        }


        /* ========== SECTION ========== */


        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
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-Black.woff2) format("woff2"), url(Roboto-Black.woff) format("woff");
            font-weight: 900;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-BlackItalic.woff2) format("woff2"), url(Roboto-BlackItalic.woff) format("woff");
            font-weight: 900;
            font-style: italic;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-Light.woff2) format("woff2"), url(Roboto-Light.woff) format("woff");
            font-weight: 300;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-LightItalic.woff2) format("woff2"), url(Roboto-LightItalic.woff) format("woff");
            font-weight: 300;
            font-style: italic;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-Bold.woff2) format("woff2"), url(Roboto-Bold.woff) format("woff");
            font-weight: 700;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-BoldItalic.woff2) format("woff2"), url(Roboto-BoldItalic.woff) format("woff");
            font-weight: 700;
            font-style: italic;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-Medium.woff2) format("woff2"), url(Roboto-Medium.woff) format("woff");
            font-weight: 500;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-MediumItalic.woff2) format("woff2"), url(Roboto-MediumItalic.woff) format("woff");
            font-weight: 500;
            font-style: italic;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-Regular.woff2) format("woff2"), url(Roboto-Regular.woff) format("woff");
            font-weight: 400;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-Italic.woff2) format("woff2"), url(Roboto-Italic.woff) format("woff");
            font-weight: 400;
            font-style: italic;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-ThinItalic.woff2) format("woff2"), url(Roboto-ThinItalic.woff) format("woff");
            font-weight: 100;
            font-style: italic;
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            src: url(Roboto-Thin.woff2) format("woff2"), url(Roboto-Thin.woff) format("woff");
            font-weight: 100;
            font-style: normal;
            font-display: swap
        }

        :root {
            --swiper-pagination-bullet-horizontal-gap: 2.5px;
            --swiper-pagination-bullet-size: 7px;
            --sidebar-width: 276px;
            --sidebar-speed: transform linear .5s;
            --base-color1: #f3c239;
            --base-color2: #1E1E1E;
            --base-color3: #4c4b4b;
            --dark-background-font: #ffffff
        }

        :root,
        body {
            --primary-color: var(--base-color1);
            --secondary-color: var(--base-color1);
            --primary-bg-color: var(--base-color1);
            --text-primary-color: #ffffff;
            --text-secondary-color: #888888;
            --text-contrast-color: #000000;
            --text-green-color: #43A047;
            --text-red-color: #BB1927;
            --footer-bar-bg-color: #EEEEEE;
            --mat-icon-color: #ffffff;
            --button-bg-color: #ffffff;
            --input-text-bg-color: #ffffff;
            --input-text-color: #888888;
            --input-placeholder-color: #d0d0d0;
            --logo-large: url(logo-large-light.png);
            --main-header-bg-left: url(header-left-light.png);
            --main-header-logo-left: url(logo-light.png);
            --body-background-image: url(background-light.jpg);
            --footer-logo-image: url(logo-footer-light.png)
        }

        :root {
            --primary-color: var(--base-color1);
            --secondary-color: #000000;
            --primary-bg-color: #1A5587;
            --text-primary-color: var(--dark-background-font);
            --text-secondary-color: #ffffff;
            --text-contrast-color: #ffffff;
            --text-green-color: #00D11F;
            --text-red-color: #f94141;
            --footer-bar-bg-color: #000000;
            --mat-icon-color: var(--base-color1);
            --button-bg-color: var(--base-color1);
            --input-text-bg-color: #25292e;
            --input-text-color: #ffffff;
            --input-placeholder-color: #bbe3f1;
            --logo-large: url(logo-large-dark.png);
            --main-header-bg-left: url(header-left-dark.png);
            --main-header-logo-left: url(logo-dark.png);
            --body-background-image: url(background-dark.jpg);
            --body-background-color: var(--base-color2);
            --footer-logo-image: url(logo-footer-dark.png);
            --sideMenu-logo-image: url(logo-sideMenu-dark.png)
        }

        html,
        body {
            max-width: 100% !important;
            min-height: 100dvh !important;
            overflow-x: hidden !important;
            touch-action: none;
            background-repeat: no-repeat;
            background-size: cover;
            color: var(--primary-color) !important;
            background-color: var(--body-background-color) !important
        }

        :root {
            --swiper-theme-color: #007aff
        }

        :root {
            --swiper-navigation-size: 44px
        }

        :root {
            --bs-blue: #0d6efd;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #0d6efd;
            --bs-secondary: #6c757d;
            --bs-success: #198754;
            --bs-info: #0dcaf0;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 13, 110, 253;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-primary-text-emphasis: #052c65;
            --bs-secondary-text-emphasis: #2b2f32;
            --bs-success-text-emphasis: #0a3622;
            --bs-info-text-emphasis: #055160;
            --bs-warning-text-emphasis: #664d03;
            --bs-danger-text-emphasis: #58151c;
            --bs-light-text-emphasis: #495057;
            --bs-dark-text-emphasis: #495057;
            --bs-primary-bg-subtle: #cfe2ff;
            --bs-secondary-bg-subtle: #e2e3e5;
            --bs-success-bg-subtle: #d1e7dd;
            --bs-info-bg-subtle: #cff4fc;
            --bs-warning-bg-subtle: #fff3cd;
            --bs-danger-bg-subtle: #f8d7da;
            --bs-light-bg-subtle: #fcfcfd;
            --bs-dark-bg-subtle: #ced4da;
            --bs-primary-border-subtle: #9ec5fe;
            --bs-secondary-border-subtle: #c4c8cb;
            --bs-success-border-subtle: #a3cfbb;
            --bs-info-border-subtle: #9eeaf9;
            --bs-warning-border-subtle: #ffe69c;
            --bs-danger-border-subtle: #f1aeb5;
            --bs-light-border-subtle: #e9ecef;
            --bs-dark-border-subtle: #adb5bd;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg: #fff;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-emphasis-color: #000;
            --bs-emphasis-color-rgb: 0, 0, 0;
            --bs-secondary-color: rgba(33, 37, 41, .75);
            --bs-secondary-color-rgb: 33, 37, 41;
            --bs-secondary-bg: #e9ecef;
            --bs-secondary-bg-rgb: 233, 236, 239;
            --bs-tertiary-color: rgba(33, 37, 41, .5);
            --bs-tertiary-color-rgb: 33, 37, 41;
            --bs-tertiary-bg: #f8f9fa;
            --bs-tertiary-bg-rgb: 248, 249, 250;
            --bs-heading-color: inherit;
            --bs-link-color: #0d6efd;
            --bs-link-color-rgb: 13, 110, 253;
            --bs-link-decoration: underline;
            --bs-link-hover-color: #0a58ca;
            --bs-link-hover-color-rgb: 10, 88, 202;
            --bs-code-color: #d63384;
            --bs-highlight-color: #212529;
            --bs-highlight-bg: #fff3cd;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, .175);
            --bs-border-radius: .375rem;
            --bs-border-radius-sm: .25rem;
            --bs-border-radius-lg: .5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-xxl: 2rem;
            --bs-border-radius-2xl: var(--bs-border-radius-xxl);
            --bs-border-radius-pill: 50rem;
            --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
            --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
            --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
            --bs-focus-ring-width: .25rem;
            --bs-focus-ring-opacity: .25;
            --bs-focus-ring-color: rgba(13, 110, 253, .25);
            --bs-form-valid-color: #198754;
            --bs-form-valid-border-color: #198754;
            --bs-form-invalid-color: #dc3545;
            --bs-form-invalid-border-color: #dc3545
        }

        *,
        :after,
        :before {
            box-sizing: border-box
        }

        @media (prefers-reduced-motion:no-preference) {
            :root {
                scroll-behavior: smooth
            }
        }

        body {
            margin: 0;
            font-family: var(--bs-body-font-family);
            font-size: var(--bs-body-font-size);
            font-weight: var(--bs-body-font-weight);
            line-height: var(--bs-body-line-height);
            color: var(--bs-body-color);
            text-align: var(--bs-body-text-align);
            background-color: var(--bs-body-bg);
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent
        }

        iframe {
            border: 0
        }

        :root {
            --bs-breakpoint-xs: 0;
            --bs-breakpoint-sm: 576px;
            --bs-breakpoint-md: 768px;
            --bs-breakpoint-lg: 992px;
            --bs-breakpoint-xl: 1200px;
            --bs-breakpoint-xxl: 1400px
        }

        :root {
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
            --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            --surface-a: #ffffff;
            --surface-b: #efefef;
            --surface-c: #e9ecef;
            --surface-d: #dee2e6;
            --surface-e: #ffffff;
            --surface-f: #ffffff;
            --text-color: #212529;
            --text-color-secondary: #6c757d;
            --primary-color: #007bff;
            --primary-color-text: #ffffff;
            --surface-0: #ffffff;
            --surface-50: #f9fafb;
            --surface-100: #f8f9fa;
            --surface-200: #e9ecef;
            --surface-300: #dee2e6;
            --surface-400: #ced4da;
            --surface-500: #adb5bd;
            --surface-600: #6c757d;
            --surface-700: #495057;
            --surface-800: #343a40;
            --surface-900: #212529;
            --gray-50: #f9fafb;
            --gray-100: #f8f9fa;
            --gray-200: #e9ecef;
            --gray-300: #dee2e6;
            --gray-400: #ced4da;
            --gray-500: #adb5bd;
            --gray-600: #6c757d;
            --gray-700: #495057;
            --gray-800: #343a40;
            --gray-900: #212529;
            --content-padding: 1.25rem;
            --inline-spacing: .5rem;
            --border-radius: 4px;
            --surface-ground: #efefef;
            --surface-section: #ffffff;
            --surface-card: #ffffff;
            --surface-overlay: #ffffff;
            --surface-border: #dee2e6;
            --surface-hover: #e9ecef;
            --maskbg: rgba(0, 0, 0, .4);
            --highlight-bg: #007bff;
            --highlight-text-color: #ffffff;
            --focus-ring: 0 0 0 .2rem rgba(38, 143, 255, .5);
            color-scheme: light
        }

        :root {
            --blue-50: #f3f8ff;
            --blue-100: #c5dcff;
            --blue-200: #97c1fe;
            --blue-300: #69a5fe;
            --blue-400: #3b8afd;
            --blue-500: #0d6efd;
            --blue-600: #0b5ed7;
            --blue-700: #094db1;
            --blue-800: #073d8b;
            --blue-900: #052c65;
            --green-50: #f4f9f6;
            --green-100: #c8e2d6;
            --green-200: #9ccbb5;
            --green-300: #70b595;
            --green-400: #459e74;
            --green-500: #198754;
            --green-600: #157347;
            --green-700: #125f3b;
            --green-800: #0e4a2e;
            --green-900: #0a3622;
            --yellow-50: #fffcf3;
            --yellow-100: #fff0c3;
            --yellow-200: #ffe494;
            --yellow-300: #ffd965;
            --yellow-400: #ffcd36;
            --yellow-500: #ffc107;
            --yellow-600: #d9a406;
            --yellow-700: #b38705;
            --yellow-800: #8c6a04;
            --yellow-900: #664d03;
            --cyan-50: #f3fcfe;
            --cyan-100: #c5f2fb;
            --cyan-200: #97e8f9;
            --cyan-300: #69def6;
            --cyan-400: #3bd4f3;
            --cyan-500: #0dcaf0;
            --cyan-600: #0baccc;
            --cyan-700: #098da8;
            --cyan-800: #076f84;
            --cyan-900: #055160;
            --pink-50: #fdf5f9;
            --pink-100: #f5cee1;
            --pink-200: #eda7ca;
            --pink-300: #e681b3;
            --pink-400: #de5a9b;
            --pink-500: #d63384;
            --pink-600: #b62b70;
            --pink-700: #96245c;
            --pink-800: #761c49;
            --pink-900: #561435;
            --indigo-50: #f7f3fe;
            --indigo-100: #dac6fc;
            --indigo-200: #bd98f9;
            --indigo-300: #a06bf7;
            --indigo-400: #833df4;
            --indigo-500: #6610f2;
            --indigo-600: #570ece;
            --indigo-700: #470ba9;
            --indigo-800: #380985;
            --indigo-900: #290661;
            --teal-50: #f4fcfa;
            --teal-100: #c9f2e6;
            --teal-200: #9fe8d2;
            --teal-300: #75debf;
            --teal-400: #4ad3ab;
            --teal-500: #20c997;
            --teal-600: #1bab80;
            --teal-700: #168d6a;
            --teal-800: #126f53;
            --teal-900: #0d503c;
            --orange-50: #fff9f3;
            --orange-100: #ffe0c7;
            --orange-200: #fec89a;
            --orange-300: #feaf6d;
            --orange-400: #fd9741;
            --orange-500: #fd7e14;
            --orange-600: #d76b11;
            --orange-700: #b1580e;
            --orange-800: #8b450b;
            --orange-900: #653208;
            --bluegray-50: #f8f9fb;
            --bluegray-100: #e0e4ea;
            --bluegray-200: #c7ced9;
            --bluegray-300: #aeb9c8;
            --bluegray-400: #95a3b8;
            --bluegray-500: #7c8ea7;
            --bluegray-600: #69798e;
            --bluegray-700: #576375;
            --bluegray-800: #444e5c;
            --bluegray-900: #323943;
            --purple-50: #f8f6fc;
            --purple-100: #dcd2f0;
            --purple-200: #c1aee4;
            --purple-300: #a68ad9;
            --purple-400: #8a66cd;
            --purple-500: #6f42c1;
            --purple-600: #5e38a4;
            --purple-700: #4e2e87;
            --purple-800: #3d246a;
            --purple-900: #2c1a4d;
            --red-50: #fdf5f6;
            --red-100: #f7cfd2;
            --red-200: #f0a8af;
            --red-300: #e9828c;
            --red-400: #e35b68;
            --red-500: #dc3545;
            --red-600: #bb2d3b;
            --red-700: #9a2530;
            --red-800: #791d26;
            --red-900: #58151c;
            --primary-50: #f2f8ff;
            --primary-100: #c2dfff;
            --primary-200: #91c6ff;
            --primary-300: #61adff;
            --primary-400: #3094ff;
            --primary-500: #007bff;
            --primary-600: #0069d9;
            --primary-700: #0056b3;
            --primary-800: #00448c;
            --primary-900: #003166
        }

        @layer primeng {
            * {
                box-sizing: border-box
            }
        }

        @layer primeng {}


        /* ========== SECTION ========== */


        .ngx-spinner-overlay[_ngcontent-ng-c2009170884] {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .ngx-spinner-overlay[_ngcontent-ng-c2009170884]>div[_ngcontent-ng-c2009170884]:not(.loading-text) {
            top: 50%;
            left: 50%;
            margin: 0;
            position: absolute;
            transform: translate(-50%, -50%)
        }

        .loading-text[_ngcontent-ng-c2009170884] {
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, -60%)
        }


        /* ========== SECTION ========== */


        @layer primeng {
            .p-toast {
                position: fixed;
                width: 25rem
            }

            .p-toast-message {
                overflow: hidden
            }

            .p-toast-message-content {
                display: flex;
                align-items: flex-start
            }

            .p-toast-message-text {
                flex: 1 1 auto
            }

            .p-toast-top-right {
                top: 20px;
                right: 20px
            }

            .p-toast-top-left {
                top: 20px;
                left: 20px
            }

            .p-toast-bottom-left {
                bottom: 20px;
                left: 20px
            }

            .p-toast-bottom-right {
                bottom: 20px;
                right: 20px
            }

            .p-toast-top-center {
                top: 20px;
                left: 50%;
                transform: translate(-50%)
            }

            .p-toast-bottom-center {
                bottom: 20px;
                left: 50%;
                transform: translate(-50%)
            }

            .p-toast-center {
                left: 50%;
                top: 50%;
                min-width: 20vw;
                transform: translate(-50%, -50%)
            }

            .p-toast-icon-close {
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                position: relative;
                flex: none
            }

            .p-toast-icon-close.p-link {
                cursor: pointer
            }
        }


        /* ========== SECTION ========== */



        /* ========== SECTION ========== */


        div.full-page[_ngcontent-ng-c4026103550] {
            height: 100%;
            overflow: hidden
        }

        div.desktop-header[_ngcontent-ng-c4026103550] {
            display: none
        }

        div.content-body[_ngcontent-ng-c4026103550] {
            display: block
        }

        div.desktop-menu[_ngcontent-ng-c4026103550] {
            display: none
        }

        div.content-page[_ngcontent-ng-c4026103550] {
            display: block
        }

        div.mobile-header[_ngcontent-ng-c4026103550],
        div.mobile-menu[_ngcontent-ng-c4026103550] {
            display: block;
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

        @media (min-width: 576px) {
            div.full-page[_ngcontent-ng-c4026103550] {
                height: 100%;
                overflow: hidden
            }

            div.desktop-header[_ngcontent-ng-c4026103550] {
                display: none
            }

            div.content-body[_ngcontent-ng-c4026103550] {
                display: block
            }

            div.desktop-menu[_ngcontent-ng-c4026103550] {
                display: none
            }

            div.content-page[_ngcontent-ng-c4026103550] {
                display: block
            }

            div.mobile-header[_ngcontent-ng-c4026103550],
            div.mobile-menu[_ngcontent-ng-c4026103550] {
                display: block;
                width: 100%;
                padding-left: 0;
                padding-right: 0
            }
        }

        @media (min-width: 768px) {
            div.full-page[_ngcontent-ng-c4026103550] {
                height: 100%;
                overflow: hidden
            }

            div.desktop-header[_ngcontent-ng-c4026103550] {
                display: none
            }

            div.content-body[_ngcontent-ng-c4026103550] {
                display: block
            }

            div.desktop-menu[_ngcontent-ng-c4026103550] {
                display: none
            }

            div.content-page[_ngcontent-ng-c4026103550] {
                display: block
            }

            div.mobile-header[_ngcontent-ng-c4026103550],
            div.mobile-menu[_ngcontent-ng-c4026103550] {
                display: block;
                width: 100%;
                padding-left: 0;
                padding-right: 0
            }
        }

        @media (min-width: 992px) {
            div.full-page[_ngcontent-ng-c4026103550] {
                height: 100vh;
                overflow: hidden
            }

            div.desktop-header[_ngcontent-ng-c4026103550] {
                display: block;
                width: 100%;
                padding-left: 0;
                padding-right: 0
            }

            div.content-body[_ngcontent-ng-c4026103550] {
                display: flex
            }

            div.desktop-menu[_ngcontent-ng-c4026103550] {
                display: block;
                flex: 0 0 auto;
                width: 20%;
                background-color: var(--base-color2);
                padding-left: 0;
                padding-right: 0
            }

            div.content-page[_ngcontent-ng-c4026103550] {
                flex: 0 0 auto;
                width: 80%
            }

            div.mobile-header[_ngcontent-ng-c4026103550],
            div.mobile-menu[_ngcontent-ng-c4026103550] {
                display: none
            }
        }

        @media (min-width: 1200px) {
            div.full-page[_ngcontent-ng-c4026103550] {
                height: 100vh;
                overflow: hidden
            }

            div.desktop-header[_ngcontent-ng-c4026103550] {
                display: block;
                width: 100%;
                padding-left: 0;
                padding-right: 0
            }

            div.content-body[_ngcontent-ng-c4026103550] {
                display: flex
            }

            div.desktop-menu[_ngcontent-ng-c4026103550] {
                display: block;
                flex: 0 0 auto;
                width: 20%;
                background-color: var(--base-color2);
                padding-left: 0;
                padding-right: 0
            }

            div.content-page[_ngcontent-ng-c4026103550] {
                flex: 0 0 auto;
                width: 80%
            }

            div.mobile-header[_ngcontent-ng-c4026103550],
            div.mobile-menu[_ngcontent-ng-c4026103550] {
                display: none
            }
        }

        @media (min-width: 1400px) {
            div.full-page[_ngcontent-ng-c4026103550] {
                height: 100vh;
                overflow: hidden
            }

            div.desktop-header[_ngcontent-ng-c4026103550] {
                display: block;
                width: 100%;
                padding-left: 0;
                padding-right: 0
            }

            div.content-body[_ngcontent-ng-c4026103550] {
                display: flex
            }

            div.desktop-menu[_ngcontent-ng-c4026103550] {
                display: block;
                flex: 0 0 auto;
                width: 20%;
                background-color: var(--base-color2);
                padding-left: 0;
                padding-right: 0
            }

            div.content-page[_ngcontent-ng-c4026103550] {
                flex: 0 0 auto;
                width: 80%
            }

            div.mobile-header[_ngcontent-ng-c4026103550],
            div.mobile-menu[_ngcontent-ng-c4026103550] {
                display: none
            }
        }


        /* ========== SECTION ========== */


        .btn-user-info[_ngcontent-ng-c2694431925] img[_ngcontent-ng-c2694431925] {
            width: 25px
        }

        .header-logo[_ngcontent-ng-c2694431925] {
            content: var(--main-header-logo-left);
            max-width: -webkit-fill-available;
            max-width: -moz-available;
            max-width: stretch;
            max-height: 40px
        }

        .language-text[_ngcontent-ng-c2694431925] {
            text-decoration: none;
            font-family: Roboto;
            font-size: 11px;
            cursor: pointer
        }

        .language-img[_ngcontent-ng-c2694431925] {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-bottom: 10px;
            border: 1px solid var(--base-color1)
        }

        div#language.p-dialog-header[_ngcontent-ng-c2694431925] {
            display: none !important
        }

        header#main-header[_ngcontent-ng-c2694431925] button.btn-header[_ngcontent-ng-c2694431925] {
            background: unset;
            border: unset
        }

        header#main-header[_ngcontent-ng-c2694431925] button.btn-header[_ngcontent-ng-c2694431925] img[_ngcontent-ng-c2694431925] {
            vertical-align: middle
        }

        header#main-header[_ngcontent-ng-c2694431925] button.btn-header-static[_ngcontent-ng-c2694431925] {
            background: unset;
            border: unset;
            cursor: default
        }

        header#main-header[_ngcontent-ng-c2694431925] button.btn-header-static[_ngcontent-ng-c2694431925] img[_ngcontent-ng-c2694431925] {
            vertical-align: middle
        }

        div.username-cash-container[_ngcontent-ng-c2694431925] {
            display: flex;
            color: var(--text-primary-color)
        }

        div#icon-menu-left[_ngcontent-ng-c2694431925] {
            display: none;
            justify-content: flex-start;
            align-items: center;
            padding-left: 30px
        }

        div#icon-menu-right[_ngcontent-ng-c2694431925] {
            display: flex;
            justify-content: flex-end;
            align-items: center
        }

        div#icon-menu-right[_ngcontent-ng-c2694431925] .side-menu[_ngcontent-ng-c2694431925] {
            display: flex
        }

        div#icon-menu-right[_ngcontent-ng-c2694431925] .wallet-menu[_ngcontent-ng-c2694431925],
        div#icon-menu-right[_ngcontent-ng-c2694431925] .currency-menu[_ngcontent-ng-c2694431925],
        div#icon-menu-right[_ngcontent-ng-c2694431925] .reward-menu[_ngcontent-ng-c2694431925] {
            display: none
        }

        @media (min-width: 576px) {
            div#icon-menu-left[_ngcontent-ng-c2694431925] {
                display: none
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .side-menu[_ngcontent-ng-c2694431925] {
                display: flex
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .wallet-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .currency-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .reward-menu[_ngcontent-ng-c2694431925] {
                display: none
            }
        }

        @media (min-width: 768px) {
            div#icon-menu-left[_ngcontent-ng-c2694431925] {
                display: none
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .side-menu[_ngcontent-ng-c2694431925] {
                display: flex
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .wallet-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .currency-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .reward-menu[_ngcontent-ng-c2694431925] {
                display: none
            }
        }

        @media (min-width: 992px) {
            div#icon-menu-left[_ngcontent-ng-c2694431925] {
                display: flex
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .side-menu[_ngcontent-ng-c2694431925] {
                display: none
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .wallet-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .currency-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .reward-menu[_ngcontent-ng-c2694431925] {
                display: flex
            }
        }

        @media (min-width: 1200px) {
            div#icon-menu-left[_ngcontent-ng-c2694431925] {
                display: flex
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .side-menu[_ngcontent-ng-c2694431925] {
                display: none
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .wallet-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .currency-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .reward-menu[_ngcontent-ng-c2694431925] {
                display: flex
            }
        }

        @media (min-width: 1400px) {
            div#icon-menu-left[_ngcontent-ng-c2694431925] {
                display: flex
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .side-menu[_ngcontent-ng-c2694431925] {
                display: none
            }

            div#icon-menu-right[_ngcontent-ng-c2694431925] .wallet-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .currency-menu[_ngcontent-ng-c2694431925],
            div#icon-menu-right[_ngcontent-ng-c2694431925] .reward-menu[_ngcontent-ng-c2694431925] {
                display: flex
            }
        }

        .currency-switch[_ngcontent-ng-c2694431925] .language-btn[_ngcontent-ng-c2694431925] {
            background-color: var(--base-color1);
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            border-radius: 10px;
            padding: 5px 0;
            display: flex;
            justify-content: space-around
        }

        .currency-switch[_ngcontent-ng-c2694431925] .language-btn[_ngcontent-ng-c2694431925] .currency-flag[_ngcontent-ng-c2694431925] {
            width: 30px
        }

        .currency-switch[_ngcontent-ng-c2694431925] .language-btn[_ngcontent-ng-c2694431925] mat-icon[_ngcontent-ng-c2694431925] {
            color: green
        }

        .p-dialog .p-dialog-header {
            background-color: var(--footer-bar-bg-color) !important;
            color: var(--primary-color) !important
        }

        .p-dialog .p-dialog-content {
            background-color: var(--input-text-bg-color) !important;
            color: var(--input-text-color) !important
        }

        .p-dialog .p-dialog-footer {
            background-color: var(--input-text-bg-color) !important;
            color: var(--input-text-color) !important
        }


        /* ========== SECTION ========== */


        div#sidebar[_ngcontent-ng-c729506265]::-webkit-scrollbar {
            display: none
        }

        div#sidebar[_ngcontent-ng-c729506265] {
            height: calc(100dvh - 50px);
            padding: 10px 10px 20px;
            overflow: auto;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        a.sidebar-item[_ngcontent-ng-c729506265] {
            display: flex;
            align-items: center;
            flex-direction: row;
            text-decoration: none;
            font-family: Roboto;
            font-size: 11px;
            color: #fff;
            text-align: center;
            justify-content: flex-start;
            padding: 7px 0;
            margin: 3px 0
        }

        a.sidebar-item[_ngcontent-ng-c729506265] img[_ngcontent-ng-c729506265] {
            width: 35px !important
        }

        a.sidebar-item[_ngcontent-ng-c729506265]:hover {
            color: #fff;
            background-color: #ececec;
            border-radius: 10px
        }

        a.sidebar-item.active[_ngcontent-ng-c729506265] {
            color: #fff;
            background-color: var(--base-color3);
            border-radius: 10px
        }

        a.sidebar-item[_ngcontent-ng-c729506265] mat-icon[_ngcontent-ng-c729506265] {
            font-size: 35px !important;
            height: 35px !important;
            width: 35px !important
        }

        a.sidebar-item[_ngcontent-ng-c729506265] span[_ngcontent-ng-c729506265] {
            font-size: 18px;
            font-weight: 400;
            margin-left: .4rem;
            text-align: left;
            color: var(--text-primary-color)
        }

        [_nghost-ng-c729506265] .p-button {
            font-weight: 700
        }

        img.footer-logo[_ngcontent-ng-c729506265] {
            content: var(--sideMenu-logo-image);
            max-width: -webkit-fill-available;
            max-width: -moz-available;
            max-width: stretch;
            max-height: 70px
        }

        .confirm-header[_ngcontent-ng-c729506265] mat-icon[_ngcontent-ng-c729506265] {
            color: var(--text-red-color) !important;
            margin-right: 10px
        }

        .p-dialog .p-dialog-footer .p-button-danger {
            color: var(--text-red-color) !important
        }

        .p-dialog .p-dialog-footer .p-button-secondary {
            color: var(--input-text-color) !important
        }

        .p-dialog .p-dialog-header {
            background-color: var(--footer-bar-bg-color) !important;
            color: var(--primary-color) !important
        }

        .p-dialog .p-dialog-content {
            background-color: var(--input-text-bg-color) !important;
            color: var(--input-text-color) !important
        }

        .p-dialog .p-dialog-footer {
            background-color: var(--input-text-bg-color) !important;
            color: var(--input-text-color) !important
        }


        /* ========== SECTION ========== */


        .footerbar[_ngcontent-ng-c1669597028] {
            background: var(--footer-bar-bg-color);
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%
        }

        .footerbar[_ngcontent-ng-c1669597028] ul[_ngcontent-ng-c1669597028] {
            list-style: none;
            width: 100%;
            height: 100%;
            display: flex;
            position: relative;
            padding: 0 !important;
            margin: 0 !important;
            justify-content: space-around
        }

        .footerbar[_ngcontent-ng-c1669597028] ul[_ngcontent-ng-c1669597028] li[_ngcontent-ng-c1669597028] {
            width: 80px;
            height: 60px;
            color: #333;
            font-size: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer
        }

        .li-container[_ngcontent-ng-c1669597028] {
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: 120px
        }

        mat-icon[_ngcontent-ng-c1669597028] {
            font-size: 28px !important;
            height: 28px !important;
            width: 28px !important
        }

        #circle-big[_ngcontent-ng-c1669597028] {
            position: absolute;
            width: 90px;
            height: 90px;
            background: var(--footer-bar-bg-color);
            border-radius: 50%;
            top: -28px
        }

        #circle-small[_ngcontent-ng-c1669597028] {
            position: absolute;
            width: 70px;
            height: 70px;
            background: var(--base-color1);
            border-radius: 50%;
            top: -20px;
            text-align-last: center;
            padding: 1px;
            cursor: pointer
        }

        img.logo[_ngcontent-ng-c1669597028] {
            margin-bottom: none !important
        }

        img.footer-logo[_ngcontent-ng-c1669597028] {
            content: var(--footer-logo-image);
            max-width: -webkit-fill-available;
            max-width: -moz-available;
            max-width: stretch;
            max-height: 70px
        }

        .footerbar[_ngcontent-ng-c1669597028] ul[_ngcontent-ng-c1669597028] li[_ngcontent-ng-c1669597028] mat-icon[_ngcontent-ng-c1669597028] {
            font-size: 40px;
            height: 40px;
            width: 40px;
            color: var(--base-color1)
        }

        .footerbar[_ngcontent-ng-c1669597028] ul[_ngcontent-ng-c1669597028] li.active[_ngcontent-ng-c1669597028] mat-icon[_ngcontent-ng-c1669597028] {
            color: var(--base-color3)
        }

        .label-light[_ngcontent-ng-c1669597028] {
            color: var(--text-primary-color)
        }


        /* ========== SECTION ========== */


        mat-icon,
        mat-icon.mat-primary,
        mat-icon.mat-accent,
        mat-icon.mat-warn {
            color: var(--mat-icon-color)
        }

        .mat-icon {
            -webkit-user-select: none;
            user-select: none;
            background-repeat: no-repeat;
            display: inline-block;
            fill: currentColor;
            height: 24px;
            width: 24px;
            overflow: hidden
        }

        .mat-icon.mat-icon-inline {
            font-size: inherit;
            height: inherit;
            line-height: inherit;
            width: inherit
        }

        .mat-icon.mat-ligature-font[fontIcon]::before {
            content: attr(fontIcon)
        }

        [dir=rtl] .mat-icon-rtl-mirror {
            transform: scale(-1, 1)
        }

        .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
        .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
            display: block
        }

        .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
        .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
            margin: auto
        }


        /* ========== SECTION ========== */


        @layer primeng {
            .p-dialog-mask {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                pointer-events: none
            }

            .p-dialog-mask.p-component-overlay {
                pointer-events: auto
            }

            .p-dialog {
                display: flex;
                flex-direction: column;
                pointer-events: auto;
                max-height: 90%;
                transform: scale(1);
                position: relative
            }

            .p-dialog-content {
                overflow-y: auto;
                flex-grow: 1
            }

            .p-dialog-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-shrink: 0
            }

            .p-dialog-draggable .p-dialog-header {
                cursor: move
            }

            .p-dialog-footer {
                flex-shrink: 0
            }

            .p-dialog .p-dialog-header-icons {
                display: flex;
                align-items: center
            }

            .p-dialog .p-dialog-header-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                position: relative
            }

            .p-fluid .p-dialog-footer .p-button {
                width: auto
            }

            .p-dialog-top .p-dialog,
            .p-dialog-bottom .p-dialog,
            .p-dialog-left .p-dialog,
            .p-dialog-right .p-dialog,
            .p-dialog-top-left .p-dialog,
            .p-dialog-top-right .p-dialog,
            .p-dialog-bottom-left .p-dialog,
            .p-dialog-bottom-right .p-dialog {
                margin: .75rem;
                transform: translateZ(0)
            }

            .p-dialog-maximized {
                transition: none;
                transform: none;
                width: 100vw !important;
                height: 100vh !important;
                top: 0 !important;
                left: 0 !important;
                max-height: 100%;
                height: 100%
            }

            .p-dialog-maximized .p-dialog-content {
                flex-grow: 1
            }

            .p-dialog-left {
                justify-content: flex-start
            }

            .p-dialog-right {
                justify-content: flex-end
            }

            .p-dialog-top {
                align-items: flex-start
            }

            .p-dialog-top-left {
                justify-content: flex-start;
                align-items: flex-start
            }

            .p-dialog-top-right {
                justify-content: flex-end;
                align-items: flex-start
            }

            .p-dialog-bottom {
                align-items: flex-end
            }

            .p-dialog-bottom-left {
                justify-content: flex-start;
                align-items: flex-end
            }

            .p-dialog-bottom-right {
                justify-content: flex-end;
                align-items: flex-end
            }

            .p-dialog .p-resizable-handle {
                position: absolute;
                font-size: .1px;
                display: block;
                cursor: se-resize;
                width: 12px;
                height: 12px;
                right: 1px;
                bottom: 1px
            }

            .p-confirm-dialog .p-dialog-content {
                display: flex;
                align-items: center
            }
        }


        /* ========== SECTION ========== */


        #account[_ngcontent-ng-c826121133] {
            max-height: calc(100dvh - 60px);
            position: relative;
            overflow: auto;
            overflow-x: hidden
        }

        #account[_ngcontent-ng-c826121133]::-webkit-scrollbar {
            display: none
        }

        #account[_ngcontent-ng-c826121133] {
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .action[_ngcontent-ng-c826121133] .payment[_ngcontent-ng-c826121133] {
            --bs-gutter-x: .5rem !important;
            margin-bottom: 10px !important
        }

        .action[_ngcontent-ng-c826121133] .payment[_ngcontent-ng-c826121133] button[_ngcontent-ng-c826121133] {
            background-color: var(--base-color3);
            box-shadow: 0 1px 3px #2f2e2f47;
            -webkit-box-shadow: 0px 1px 3px 0px rgba(47, 46, 47, .28);
            -moz-box-shadow: 0px 1px 3px 0px rgba(47, 46, 47, .28);
            padding: 15px;
            width: 100%;
            color: var(--primary-color);
            border-radius: 15px;
            height: 80px
        }

        .action[_ngcontent-ng-c826121133] .payment[_ngcontent-ng-c826121133] button[_ngcontent-ng-c826121133] img[_ngcontent-ng-c826121133] {
            width: 25px
        }

        .action[_ngcontent-ng-c826121133] .payment[_ngcontent-ng-c826121133] button[_ngcontent-ng-c826121133] p[_ngcontent-ng-c826121133] {
            font-size: x-small;
            margin: 1px
        }

        .title-bar[_ngcontent-ng-c826121133] span.title[_ngcontent-ng-c826121133] {
            padding-right: 5px
        }

        div.user-action[_ngcontent-ng-c826121133] div.action[_ngcontent-ng-c826121133],
        div.logout[_ngcontent-ng-c826121133] div.logout-button[_ngcontent-ng-c826121133] {
            cursor: pointer
        }

        .space[_ngcontent-ng-c826121133] {
            margin-bottom: 54px
        }

        .overview[_ngcontent-ng-c826121133] {
            margin: 5px;
            padding: 5px;
            background-color: var(--primary-color);
            border-radius: 5px;
            color: #000
        }

        .overview[_ngcontent-ng-c826121133] .title[_ngcontent-ng-c826121133] {
            margin: 10px 0;
            font-size: 16px
        }

        .overview[_ngcontent-ng-c826121133] .info[_ngcontent-ng-c826121133] {
            font-size: 13px;
            font-weight: 700
        }

        .overview[_ngcontent-ng-c826121133] .value[_ngcontent-ng-c826121133] {
            font-size: 13px;
            font-weight: 700;
            color: #fff
        }

        .mat-icon-name[_ngcontent-ng-c826121133] {
            margin: 5px;
            vertical-align: middle;
            font-size: 16px !important;
            height: 16px !important;
            width: 16px !important;
            color: #fff !important
        }

        mat-icon[_ngcontent-ng-c826121133] {
            color: var(--primary-color)
        }


        /* ========== SECTION ========== */


        .push-up-6[_ngcontent-ng-c2848634980] {
            margin-top: -6px
        }

        .games[_ngcontent-ng-c2848634980] {
            padding-left: 5px;
            padding-right: 5px
        }

        div.self-info[_ngcontent-ng-c2848634980] {
            display: block
        }

        @media (min-width: 576px) {
            div.self-info[_ngcontent-ng-c2848634980] {
                display: block
            }
        }

        @media (min-width: 768px) {
            div.self-info[_ngcontent-ng-c2848634980] {
                display: block
            }
        }

        @media (min-width: 992px) {
            div.self-info[_ngcontent-ng-c2848634980] {
                display: none
            }
        }

        @media (min-width: 1200px) {
            div.self-info[_ngcontent-ng-c2848634980] {
                display: none
            }
        }

        @media (min-width: 1400px) {
            div.self-info[_ngcontent-ng-c2848634980] {
                display: none
            }
        }


        /* ========== SECTION ========== */


        .marquee-container[_ngcontent-ng-c4289922203] {
            height: 33px;
            display: flex;
            align-items: center;
            width: 100%;
            overflow: hidden
        }

        .with-icon[_ngcontent-ng-c4289922203] {
            content: "";
            background-color: var(--base-color3);
            background-image: url(icon-announcement.png);
            background-repeat: no-repeat;
            background-size: 14px auto;
            background-position: 14px 7px;
            height: 33px;
            width: 35px;
            z-index: 1;
            display: block
        }

        .scroll-container[_ngcontent-ng-c4289922203] {
            width: 100%;
            height: 33px;
            background-color: var(--base-color3);
            white-space: nowrap;
            overflow: hidden
        }

        .scroll-text[_ngcontent-ng-c4289922203] {
            font-family: Roboto;
            font-size: 15px;
            font-weight: 400;
            color: #fff;
            background-color: var(--base-color3);
            height: 33px;
            white-space: nowrap;
            display: inline-block;
            padding-left: 100%;
            animation: _ngcontent-ng-c4289922203_scroll-container 23s linear infinite
        }

        @keyframes _ngcontent-ng-c4289922203_scroll-container {
            0% {
                transform: translate(0)
            }

            to {
                transform: translate(-100%)
            }
        }


        /* ========== SECTION ========== */


        .swiper[_ngcontent-ng-c3835134048] {
            height: 150px !important
        }

        @media (min-width: 576px) {
            .swiper[_ngcontent-ng-c3835134048] {
                height: 150px !important
            }
        }

        @media (min-width: 768px) {
            .swiper[_ngcontent-ng-c3835134048] {
                height: 150px !important
            }
        }

        @media (min-width: 992px) {
            .swiper[_ngcontent-ng-c3835134048] {
                height: 250px !important
            }
        }

        @media (min-width: 1200px) {
            .swiper[_ngcontent-ng-c3835134048] {
                height: 250px !important
            }
        }

        @media (min-width: 1400px) {
            .swiper[_ngcontent-ng-c3835134048] {
                height: 250px !important
            }
        }


        /* ========== SECTION ========== */


        div.d-grid[_ngcontent-ng-c2901312863] p[_ngcontent-ng-c2901312863] {
            font-size: x-small;
            text-align: center
        }

        .btn-user-info[_ngcontent-ng-c2901312863] {
            width: 90%;
            background-color: var(--button-bg-color);
            color: var(--base-color2);
            border: none;
            border-radius: 5px;
            height: 30px
        }

        .btn-user-info[_ngcontent-ng-c2901312863] img[_ngcontent-ng-c2901312863] {
            width: 25px;
            margin-right: 5px
        }

        .user-info-cash[_ngcontent-ng-c2901312863] {
            background-color: var(--base-color3);
            padding: 1px 10px;
            border-radius: 5px;
            font-size: 14px
        }

        .user-info-username[_ngcontent-ng-c2901312863] {
            padding: 1px 10px;
            font-size: 14px
        }

        .username[_ngcontent-ng-c2901312863] .value[_ngcontent-ng-c2901312863] {
            color: var(--text-primary-color)
        }

        .username[_ngcontent-ng-c2901312863] mat-icon[_ngcontent-ng-c2901312863] {
            color: var(--text-primary-color);
            margin: 5px;
            vertical-align: middle;
            font-size: 20px !important;
            height: 20px !important;
            width: 20px !important
        }

        .label[_ngcontent-ng-c2901312863] {
            color: var(--primary-color)
        }

        .label-light[_ngcontent-ng-c2901312863] {
            color: var(--text-primary-color)
        }

        .currency-switch[_ngcontent-ng-c2901312863] .language-btn[_ngcontent-ng-c2901312863] {
            background-color: var(--base-color1);
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            border-radius: 10px;
            padding: 5px 0;
            display: flex;
            justify-content: space-around
        }

        .currency-switch[_ngcontent-ng-c2901312863] .language-btn[_ngcontent-ng-c2901312863] .currency-flag[_ngcontent-ng-c2901312863] {
            width: 30px
        }

        .currency-switch[_ngcontent-ng-c2901312863] .language-btn[_ngcontent-ng-c2901312863] mat-icon[_ngcontent-ng-c2901312863] {
            color: green
        }

        .btn-user-info[_ngcontent-ng-c2901312863] div[_ngcontent-ng-c2901312863] {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .btn-user-info[_ngcontent-ng-c2901312863] div[_ngcontent-ng-c2901312863] span[_ngcontent-ng-c2901312863] {
            font-size: 15px
        }

        .quit-game-and-refresh-page[_ngcontent-ng-c2901312863] {
            vertical-align: middle;
            margin: 0 5px;
            color: var(--primary-color)
        }


        /* ========== SECTION ========== */


        .game-container[_ngcontent-ng-c2939629206] {
            position: relative;
            text-align: center;
            color: #000;
            padding: 3px
        }

        .maintainance[_ngcontent-ng-c2939629206] {
            opacity: .7;
            cursor: not-allowed
        }

        .game-wrapper[_ngcontent-ng-c2939629206] {
            display: flex;
            -webkit-display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }

        .game-container[_ngcontent-ng-c2939629206] .top-left[_ngcontent-ng-c2939629206] {
            position: absolute;
            top: 3px
        }

        .game-container[_ngcontent-ng-c2939629206] .top-right[_ngcontent-ng-c2939629206] {
            position: absolute;
            top: 0;
            right: 0
        }

        .game-container[_ngcontent-ng-c2939629206] .bottom-right[_ngcontent-ng-c2939629206] {
            position: absolute;
            bottom: 0;
            right: 0
        }

        .game-container[_ngcontent-ng-c2939629206] .centered[_ngcontent-ng-c2939629206] {
            opacity: 1;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            text-align: center
        }

        .game-container[_ngcontent-ng-c2939629206] .centered[_ngcontent-ng-c2939629206] b[_ngcontent-ng-c2939629206] {
            background-color: #9e9e9e;
            color: #000;
            padding: 3px 5px;
            border-radius: 10px
        }

        .game-container[_ngcontent-ng-c2939629206] .text-small[_ngcontent-ng-c2939629206] {
            font-size: small
        }

        div.hot[_ngcontent-ng-c2939629206] {
            width: 34px
        }

        div.hot[_ngcontent-ng-c2939629206] img[_ngcontent-ng-c2939629206] {
            width: 25px
        }

        div.in-game[_ngcontent-ng-c2939629206] {
            width: 34px
        }

        div.in-game[_ngcontent-ng-c2939629206] img[_ngcontent-ng-c2939629206] {
            width: 25px
        }

        a[_ngcontent-ng-c2939629206] .chip[_ngcontent-ng-c2939629206] {
            background-color: var(--base-color1);
            border-radius: 50%;
            width: 19px;
            height: 19px
        }

        a[_ngcontent-ng-c2939629206] .chip[_ngcontent-ng-c2939629206] img[_ngcontent-ng-c2939629206] {
            position: absolute;
            left: 1px;
            top: 1px
        }

        a.btn-game-cat.active[_ngcontent-ng-c2939629206] {
            background-color: none;
            color: var(--primary-color)
        }

        div#game-main-container.tab-content[_ngcontent-ng-c2939629206] .provider-item[_ngcontent-ng-c2939629206] {
            display: block
        }

        div#game-main-container.tab-content[_ngcontent-ng-c2939629206]::-webkit-scrollbar {
            display: none
        }

        div.gameCategory[_ngcontent-ng-c2939629206] {
            height: 50px;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            margin-top: 5px
        }

        div.gameCategory[_ngcontent-ng-c2939629206]::-webkit-scrollbar {
            display: none
        }

        .active-a[_ngcontent-ng-c2939629206] {
            border-top: 2px solid #f3c239
        }

        .deactive-a[_ngcontent-ng-c2939629206] {
            opacity: 0 !important
        }

        hr[_ngcontent-ng-c2939629206] {
            margin: .25rem !important;
            opacity: 2 !important
        }

        a.btn-game-cat[_ngcontent-ng-c2939629206] {
            background-color: none;
            color: var(--dark-background-font);
            border-radius: 10px;
            padding: 4px;
            box-shadow: 0 1px 3px #2f2e2f47;
            -webkit-box-shadow: 0px 1px 3px 0px rgba(47, 46, 47, .28);
            -moz-box-shadow: 0px 1px 3px 0px rgba(47, 46, 47, .28);
            margin-bottom: 5px;
            font-size: 12px;
            font-weight: 400;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            width: 90px
        }

        a.btn-game-cat[_ngcontent-ng-c2939629206] img.tab-img[_ngcontent-ng-c2939629206] {
            width: 25px !important
        }

        div#game-main-container.tab-content[_ngcontent-ng-c2939629206] {
            max-height: calc(100dvh - 430px);
            overflow: auto;
            position: relative
        }

        div#game-main-container.tab-content[_ngcontent-ng-c2939629206] .game-display[_ngcontent-ng-c2939629206] {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: auto;
            -webkit-flex-grow: 0;
            -webkit-flex-shrink: 0;
            -webkit-flex-basis: auto;
            width: 25%;
            -webkit-width: 25%
        }

        @media (max-width: 425px) {
            .game-container[_ngcontent-ng-c2939629206] .text-small[_ngcontent-ng-c2939629206] {
                font-size: xx-small
            }
        }

        @media (max-width: 575px) and (min-width: 426px) {
            .game-container[_ngcontent-ng-c2939629206] .text-small[_ngcontent-ng-c2939629206] {
                font-size: x-small
            }
        }

        @media (min-width: 576px) {
            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] {
                height: calc(100dvh - 425px);
                overflow: auto;
                position: relative
            }

            div.gameCategory[_ngcontent-ng-c2939629206] {
                height: auto
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] {
                height: 35px;
                width: 100px;
                font-size: 12px;
                font-weight: 400
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] img.tab-img[_ngcontent-ng-c2939629206] {
                width: 25px !important
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] {
                max-height: calc(100dvh - 354px)
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] .game-display[_ngcontent-ng-c2939629206] {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: auto;
                -webkit-flex-grow: 0;
                -webkit-flex-shrink: 0;
                -webkit-flex-basis: auto;
                width: 25%;
                -webkit-width: 25%
            }
        }

        @media (min-width: 768px) {
            div.gameCategory[_ngcontent-ng-c2939629206] {
                height: auto
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] {
                height: 35px;
                width: 100px;
                font-size: 12px;
                font-weight: 400
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] img.tab-img[_ngcontent-ng-c2939629206] {
                width: 25px !important
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] {
                max-height: calc(100dvh - 354px)
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] .game-display[_ngcontent-ng-c2939629206] {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: auto;
                -webkit-flex-grow: 0;
                -webkit-flex-shrink: 0;
                -webkit-flex-basis: auto;
                width: 25%;
                -webkit-width: 25%
            }
        }

        @media (min-width: 992px) {
            div.gameCategory[_ngcontent-ng-c2939629206] {
                height: 70px
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] {
                height: 50px;
                width: 130px;
                font-size: 14px;
                font-weight: 600
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] img.tab-img[_ngcontent-ng-c2939629206] {
                width: 45px !important
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] {
                max-height: calc(100dvh - 350px)
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] .game-display[_ngcontent-ng-c2939629206] {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: auto;
                -webkit-flex-grow: 0;
                -webkit-flex-shrink: 0;
                -webkit-flex-basis: auto;
                width: 20%;
                -webkit-width: 20%
            }
        }

        @media (min-width: 1200px) {
            div.gameCategory[_ngcontent-ng-c2939629206] {
                height: 70px
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] {
                height: 50px;
                width: 130px;
                font-size: 14px;
                font-weight: 600
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] img.tab-img[_ngcontent-ng-c2939629206] {
                width: 45px !important
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] {
                max-height: calc(100dvh - 350px)
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] .game-display[_ngcontent-ng-c2939629206] {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: auto;
                -webkit-flex-grow: 0;
                -webkit-flex-shrink: 0;
                -webkit-flex-basis: auto;
                width: 20%;
                -webkit-width: 20%
            }
        }

        @media (min-width: 1400px) {
            div.gameCategory[_ngcontent-ng-c2939629206] {
                height: 70px
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] {
                height: 50px;
                width: 130px;
                font-size: 14px;
                font-weight: 600
            }

            a.btn-game-cat[_ngcontent-ng-c2939629206] img.tab-img[_ngcontent-ng-c2939629206] {
                width: 45px !important
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] {
                max-height: calc(100dvh - 350px)
            }

            div#game-main-container.tab-content[_ngcontent-ng-c2939629206] .game-display[_ngcontent-ng-c2939629206] {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: auto;
                -webkit-flex-grow: 0;
                -webkit-flex-shrink: 0;
                -webkit-flex-basis: auto;
                width: 20%;
                -webkit-width: 20%
            }
        }


        /* ========== SECTION ========== */


        swiper {
            display: block
        }


        /* ========== SECTION ========== */


        .txn-list-btn[_ngcontent-ng-c1675075128] {
            padding: 15px;
            margin-bottom: 15px;
            text-decoration: none;
            font-weight: 700;
            color: var(--base-color1)
        }

        .withIcon[_ngcontent-ng-c1675075128] mat-icon[_ngcontent-ng-c1675075128] {
            margin-right: 10px;
            width: 30px;
            color: var(--base-color1)
        }

        .confirm-header-red[_ngcontent-ng-c1675075128] mat-icon[_ngcontent-ng-c1675075128] {
            color: var(--text-red-color) !important;
            margin-right: 10px
        }

        [_nghost-ng-c1675075128] .p-button {
            font-weight: 700
        }

        .p-dialog .p-dialog-footer .p-button-danger {
            color: var(--text-red-color) !important
        }

        .p-dialog .p-dialog-footer .p-button-secondary {
            color: var(--input-text-color) !important
        }

        mat-icon[_ngcontent-ng-c1675075128] {
            color: var(--primary-color)
        }

        .p-dialog .p-dialog-header {
            background-color: var(--footer-bar-bg-color) !important;
            color: var(--text-red-color) !important
        }

        .p-dialog .p-dialog-content {
            background-color: var(--input-text-bg-color) !important;
            color: var(--input-text-color) !important
        }

        .p-dialog .p-dialog-footer {
            background-color: var(--input-text-bg-color) !important;
            color: var(--input-text-color) !important
        }