@font-face {
    font-family: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u1_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.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: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u2_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2") format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u3_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2") format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u4_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.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: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u5_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.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: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u6_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.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: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u7_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.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: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u8_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.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: 'Geometria';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u9_KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.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: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u10_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.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: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u11_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u12_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u13_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.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: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u14_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.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: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u15_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.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: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u16_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.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: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u17_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.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: 'Geometria';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../assets/upload/fonts/u18_KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.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;
}


[_nghost-ng-c2227226197] .splash-screen[_ngcontent-ng-c2227226197] {
    z-index: 1052;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(3 10 22 / var(--tw-bg-opacity, 1));
    padding-left: .75rem;
    padding-right: .75rem
}

[_nghost-ng-c2227226197] .splash-screen[_ngcontent-ng-c2227226197] img[_ngcontent-ng-c2227226197] {
    width: 459px
}

html {
    --mat-sys-on-surface: initial
}

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

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

:before,
:after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

html {
    background: #030a16;
    height: 100%;
    overflow-x: hidden;
    font-family: Geometria, serif;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

body {
    overflow: visible
}

*:focus {
    outline: none
}

[_nghost-ng-c3109577971] {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem;
    background-color: #030a16cc;
    background-repeat: repeat
}

[_nghost-ng-c3109577971] .sidebar[_ngcontent-ng-c3109577971] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 1rem
}

[_nghost-ng-c3109577971] .sidebar[_ngcontent-ng-c3109577971]::-webkit-scrollbar {
    width: .25rem
}

[_nghost-ng-c3109577971] .sidebar[_ngcontent-ng-c3109577971]::-webkit-scrollbar-track {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(138 144 161 / var(--tw-bg-opacity, 1))
}

[_nghost-ng-c3109577971] .sidebar[_ngcontent-ng-c3109577971]::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 97 / var(--tw-bg-opacity, 1))
}

[_nghost-ng-c3109577971] .sidebar-top[_ngcontent-ng-c3109577971] {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

[_nghost-ng-c3109577971] .sidebar-top[_ngcontent-ng-c3109577971] button[_ngcontent-ng-c3109577971] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    flex: 1 1 auto;
    background: none;
    color: white;
    width: 50px;
    cursor: pointer;
}

[_nghost-ng-c3109577971] .sidebar-top[_ngcontent-ng-c3109577971] i[_ngcontent-ng-c3109577971] {
    --tw-text-opacity: 1;
    color: rgb(188 188 188 / var(--tw-text-opacity, 1))
}

[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] a[_ngcontent-ng-c3109577971],
[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] a[_ngcontent-ng-c3109577971] {
    position: relative;
    margin-bottom: .125rem;
    display: flex;
    align-items: center;
    border-radius: .75rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 640px) {

    [_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] a[_ngcontent-ng-c3109577971]:hover,
    [_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] a[_ngcontent-ng-c3109577971]:hover {
        background-color: #ffffff1a
    }
}

[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] a.active-link[_ngcontent-ng-c3109577971],
[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] a.active-link[_ngcontent-ng-c3109577971] {
    background-color: #ffffff1a
}

[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] .sidebar-menu-container[_ngcontent-ng-c3109577971] {
    padding: .625rem 1rem .625rem .5rem
}

[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] .sidebar-menu-container[_ngcontent-ng-c3109577971] span[_ngcontent-ng-c3109577971] {
    padding: 5px;
    position: relative;
    display: block;
    border-radius: 9999px
}

[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] .sidebar-menu-container[_ngcontent-ng-c3109577971] span[_ngcontent-ng-c3109577971]:before {
    content: "";
    background: var(--catBlur);
    filter: blur(12.5px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] .sidebar-menu-container[_ngcontent-ng-c3109577971] img[_ngcontent-ng-c3109577971] {
    margin-left: auto;
    margin-right: auto;
    height: 2rem;
    width: 2rem
}

[_nghost-ng-c3109577971] .sidebar-menu[_ngcontent-ng-c3109577971] .sidebar-menu-container[_ngcontent-ng-c3109577971] i[_ngcontent-ng-c3109577971] {
    font-size: 32px;
    display: flex
}

[_nghost-ng-c3109577971] .sidebar-divider[_ngcontent-ng-c3109577971] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    height: 1px;
    width: 100%;
    background-color: #fff3
}

[_nghost-ng-c3109577971] .sidebar-pages-menu[_ngcontent-ng-c3109577971] {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

[_nghost-ng-c3109577971] .sidebar-pages-menu[_ngcontent-ng-c3109577971] a[_ngcontent-ng-c3109577971] {
    margin-bottom: .75rem;
    display: block
}

@media (min-width: 640px) {
    [_nghost-ng-c3109577971] .sidebar-pages-menu[_ngcontent-ng-c3109577971] a[_ngcontent-ng-c3109577971]:hover {
        --tw-text-opacity: 1;
        color: rgb(41 138 241 / var(--tw-text-opacity, 1))
    }
}

[_nghost-ng-c3109577971] .sidebar-avatar[_ngcontent-ng-c3109577971] {
    margin-right: .5rem;
    flex-shrink: 0;
    flex-basis: 88px
}

[_nghost-ng-c3109577971] .sidebar-avatar[_ngcontent-ng-c3109577971] > a[_ngcontent-ng-c3109577971] {
    position: relative
}

[_nghost-ng-c3109577971] .sidebar-avatar[_ngcontent-ng-c3109577971] > a[_ngcontent-ng-c3109577971] .user-level[_ngcontent-ng-c3109577971] {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    display: flex;
    height: 1.25rem;
    width: 1.25rem;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 21 / var(--tw-bg-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1
}

[_nghost-ng-c3109577971] .sidebar-user[_ngcontent-ng-c3109577971] {
    flex: 1 1 auto;
    overflow: hidden
}

[_nghost-ng-c3109577971] .sidebar-user[_ngcontent-ng-c3109577971] a[_ngcontent-ng-c3109577971] {
    margin-bottom: .375rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700
}

[_nghost-ng-c3109577971] .sidebar-cat[_ngcontent-ng-c3109577971] {
    display: block
}

@media (min-width: 640px) {
    [_nghost-ng-c3109577971] .sidebar-cat[_ngcontent-ng-c3109577971] {
        display: none
    }
}

[_nghost-ng-c3109577971] h5[_ngcontent-ng-c3109577971],
.h5{
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}


[_nghost-ng-c3983041582] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 30;
    display: block;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(3 10 22 / var(--tw-bg-opacity, 1))
}

[_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .875rem
}

@media (min-width: 1536px) {
    [_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
        width: 100%
    }

    @media (min-width: 640px) {
        [_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        [_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        [_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
            max-width: 1024px
        }
    }

    @media (min-width: 1280px) {
        [_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
            max-width: 1280px
        }
    }

    [_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
        max-width: 1536px
    }
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header[_ngcontent-ng-c3983041582] {
        padding: 1rem 2rem
    }
}

[_nghost-ng-c3983041582] .header-l[_ngcontent-ng-c3983041582] {
    margin-right: 1rem;
    display: flex;
    align-items: center
}

[_nghost-ng-c3983041582] .header-l[_ngcontent-ng-c3983041582] div[_ngcontent-ng-c3983041582] {
    display: none;
    cursor: pointer;
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-l[_ngcontent-ng-c3983041582] div[_ngcontent-ng-c3983041582] {
        display: block;
    }
}

[_nghost-ng-c3983041582] .header-l[_ngcontent-ng-c3983041582] a[_ngcontent-ng-c3983041582] > img[_ngcontent-ng-c3983041582] {
    height: 2rem;
    width: auto
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-l[_ngcontent-ng-c3983041582] a[_ngcontent-ng-c3983041582] > img[_ngcontent-ng-c3983041582] {
        height: auto
    }
}

[_nghost-ng-c3983041582] .header-r[_ngcontent-ng-c3983041582] {
    display: flex;
    align-items: center
}

[_nghost-ng-c3983041582] .header-r[_ngcontent-ng-c3983041582] div[_ngcontent-ng-c3983041582]:not(.header-lang) {
    width: auto;
    min-width: 0px
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-r[_ngcontent-ng-c3983041582] div[_ngcontent-ng-c3983041582]:not(.header-lang) {
        min-width: 8rem;
        cursor: pointer;
    }
}

[_nghost-ng-c3983041582] .header-r[_ngcontent-ng-c3983041582] .h-account[_ngcontent-ng-c3983041582] {
    height: 2rem;
    width: 2rem;
    padding: .25rem
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-r[_ngcontent-ng-c3983041582] .h-account[_ngcontent-ng-c3983041582] {
        height: auto;
        width: auto;
        padding: .75rem 1rem
    }
}

[_nghost-ng-c3983041582] .header-r[_ngcontent-ng-c3983041582] .btn-xs-mobile[_ngcontent-ng-c3983041582] {
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 1
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-r[_ngcontent-ng-c3983041582] .btn-xs-mobile[_ngcontent-ng-c3983041582] {
        height: 2.75rem;
        padding-top: .75rem;
        padding-bottom: .75rem;
        line-height: 1.25
    }
}

[_nghost-ng-c3983041582] .header-c[_ngcontent-ng-c3983041582] {
    margin-left: .25rem;
    margin-right: 2.25rem;
    display: none;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 1024px) {
    [_nghost-ng-c3983041582] .header-c[_ngcontent-ng-c3983041582] {
        display: flex
    }
}

[_nghost-ng-c3983041582] .header-menu[_ngcontent-ng-c3983041582] {
    margin-right: 2.5rem;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center
}

[_nghost-ng-c3983041582] .header-menu[_ngcontent-ng-c3983041582] a[_ngcontent-ng-c3983041582] {
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    display: block;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700
}

[_nghost-ng-c3983041582] .header-menu[_ngcontent-ng-c3983041582] a[_ngcontent-ng-c3983041582]:nth-child(3),
[_nghost-ng-c3983041582] .header-menu[_ngcontent-ng-c3983041582] a[_ngcontent-ng-c3983041582]:nth-child(4) {
    display: none
}

@media (min-width: 1280px) {

    [_nghost-ng-c3983041582] .header-menu[_ngcontent-ng-c3983041582] a[_ngcontent-ng-c3983041582]:nth-child(3),
    [_nghost-ng-c3983041582] .header-menu[_ngcontent-ng-c3983041582] a[_ngcontent-ng-c3983041582]:nth-child(4) {
        display: block
    }
}

[_nghost-ng-c3983041582] .header-menu[_ngcontent-ng-c3983041582] .h-menu-active[_ngcontent-ng-c3983041582]:after {
    content: "";
    position: absolute;
    bottom: -1.75rem;
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(41 138 241 / var(--tw-border-opacity, 1))
}

[_nghost-ng-c3983041582] .header-search[_ngcontent-ng-c3983041582] {
    border-radius: 10px;
    max-width: 264px;
    display: none;
    width: 100%;
    flex: 1 1 auto;
    align-items: center;
    border-width: 1px;
    border-color: transparent;
    background-color: #ffffff0d;
    padding: .625rem 1rem;
    color: #ffffff4d
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-search[_ngcontent-ng-c3983041582] {
        display: flex
    }
}

[_nghost-ng-c3983041582] .header-search[_ngcontent-ng-c3983041582] i[_ngcontent-ng-c3983041582] {
    margin-right: .75rem;
    color: #ffffff80
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-search[_ngcontent-ng-c3983041582]:hover {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1))
    }

    [_nghost-ng-c3983041582] .header-search[_ngcontent-ng-c3983041582]:hover i[_ngcontent-ng-c3983041582] {
        --tw-text-opacity: 1;
        color: rgb(41 138 241 / var(--tw-text-opacity, 1))
    }
}

[_nghost-ng-c3983041582] .header-lang[_ngcontent-ng-c3983041582] {
    margin-left: 1rem;
    display: none;
    align-items: center;
    text-transform: uppercase;
    background: none;
    color: white;
    cursor: pointer;
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-lang[_ngcontent-ng-c3983041582] {
        display: flex
    }
}

[_nghost-ng-c3983041582] .header-lang[_ngcontent-ng-c3983041582] img[_ngcontent-ng-c3983041582] {
    margin-right: .5rem
}

[_nghost-ng-c3983041582] .header-wallet[_ngcontent-ng-c3983041582] {
    margin-right: .75rem;
    display: flex;
    height: 2rem;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

@media (min-width: 640px) {
    [_nghost-ng-c3983041582] .header-wallet[_ngcontent-ng-c3983041582] {
        margin-right: 1rem;
        height: 2.75rem
    }
}

[_nghost-ng-c3983041582] .header-wallet[_ngcontent-ng-c3983041582] i[_ngcontent-ng-c3983041582] {
    margin-right: .25rem
}


[_nghost-ng-c338622056] .cookies[_ngcontent-ng-c338622056] {
    border-radius: 20px;
    background-color: #14235a;
    position: fixed;
    bottom: 6rem;
    left: 50%;
    z-index: 20;
    display: flex;
    width: auto;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: space-between;
    padding: .375rem 1rem
}

@media (min-width: 640px) {
    [_nghost-ng-c338622056] .cookies[_ngcontent-ng-c338622056] {
        bottom: 1.5rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

[_nghost-ng-c338622056] .cookies[_ngcontent-ng-c338622056] p[_ngcontent-ng-c338622056] {
    margin-left: .5rem;
    margin-right: .5rem;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 640px) {
    [_nghost-ng-c338622056] .cookies[_ngcontent-ng-c338622056] p[_ngcontent-ng-c338622056] {
        margin-right: 2rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

[_nghost-ng-c338622056] .cookies[_ngcontent-ng-c338622056] p[_ngcontent-ng-c338622056] a[_ngcontent-ng-c338622056] {
    --tw-text-opacity: 1;
    color: rgb(41 138 241 / var(--tw-text-opacity, 1))
}

[_nghost-ng-c338622056] .cookies[_ngcontent-ng-c338622056] p[_ngcontent-ng-c338622056] a[_ngcontent-ng-c338622056]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 90 / var(--tw-text-opacity, 1))
}

[_nghost-ng-c338622056] a[_ngcontent-ng-c338622056] {
    min-width: 0px;
    flex-shrink: 0
}


[_nghost-ng-c1587733378] {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    padding-left: .875rem;
    padding-right: .875rem
}

@media (min-width: 1280px) {
    [_nghost-ng-c1587733378] {
        width: 100%
    }

    @media (min-width: 640px) {
        [_nghost-ng-c1587733378] {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        [_nghost-ng-c1587733378] {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        [_nghost-ng-c1587733378] {
            max-width: 1024px
        }
    }

    [_nghost-ng-c1587733378] {
        max-width: 1280px
    }

    @media (min-width: 1536px) {
        [_nghost-ng-c1587733378] {
            max-width: 1536px
        }
    }
}

[_nghost-ng-c1587733378] .footer-container[_ngcontent-ng-c1587733378] {
    margin-bottom: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 640px) {
    [_nghost-ng-c1587733378] .footer-container[_ngcontent-ng-c1587733378] {
        margin-bottom: 2.5rem
    }
}

[_nghost-ng-c1587733378] .footer-lang[_ngcontent-ng-c1587733378] {
    border-radius: 10px;
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(20 35 90 / var(--tw-bg-opacity, 1));
    padding: .75rem;
    color: white;
    cursor: pointer;
}

[_nghost-ng-c1587733378] .footer-lang[_ngcontent-ng-c1587733378] img[_ngcontent-ng-c1587733378] {
    margin-right: .5rem
}

[_nghost-ng-c1587733378] .footer-menu[_ngcontent-ng-c1587733378] {
    border-radius: 20px;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width: 1024px) {
    [_nghost-ng-c1587733378] .footer-menu[_ngcontent-ng-c1587733378] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        background-color: #ffffff0d;
        padding: 2rem 2.75rem
    }
}

[_nghost-ng-c1587733378] .menu-active[_ngcontent-ng-c1587733378] {
    --tw-text-opacity: 1;
    color: rgb(41 138 241 / var(--tw-text-opacity, 1));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

[_nghost-ng-c1587733378] .footer-placeholder[_ngcontent-ng-c1587733378] {
    min-height: 100px
}


[_nghost-ng-c2147654928] {
    background-color: #14235a;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.25rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: 1rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2147654928] {
        display: none
    }
}

[_nghost-ng-c2147654928] a[_ngcontent-ng-c2147654928],
[_nghost-ng-c2147654928] a[_ngcontent-ng-c2147654928] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .75rem;
    line-height: 1rem
}

[_nghost-ng-c2147654928] a[_ngcontent-ng-c2147654928] i[_ngcontent-ng-c2147654928],
[_nghost-ng-c2147654928] a[_ngcontent-ng-c2147654928] i[_ngcontent-ng-c2147654928] {
    color: #adbcd3;
    display: flex
}

[_nghost-ng-c2147654928] a[_ngcontent-ng-c2147654928]:disabled,
[_nghost-ng-c2147654928] a.disabled[_ngcontent-ng-c2147654928] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: grayscale(100%)
}

[_nghost-ng-c2147654928] .tabbar-shadow[_ngcontent-ng-c2147654928] {
    position: relative;
    display: block;
    border-radius: 9999px;
    padding: .375rem
}

[_nghost-ng-c2147654928] .tabbar-shadow[_ngcontent-ng-c2147654928]:before {
    content: "";
    background: #298af166;
    filter: blur(12.5px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[_nghost-ng-c2147654928] .tabbar-button[_ngcontent-ng-c2147654928] {
    display: flex;
    justify-content: center;
    margin-top: -35px
}

[_nghost-ng-c2147654928] .tabbar-button[_ngcontent-ng-c2147654928] div[_ngcontent-ng-c2147654928] {
    min-width: auto;
    margin-bottom: .375rem;
    border-radius: 9999px;
    padding: 1.25rem
}

[_nghost-ng-c2147654928] .tabbar-button[_ngcontent-ng-c2147654928] div[_ngcontent-ng-c2147654928] i[_ngcontent-ng-c2147654928] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

[_nghost-ng-c2147654928] .tabbar-button[_ngcontent-ng-c2147654928] .icon-user-plus[_ngcontent-ng-c2147654928] {
    position: relative;
    left: .125rem
}


[_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem
}

@media (min-width: 1280px) {
    [_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
        width: 100%
    }

    @media (min-width: 640px) {
        [_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        [_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        [_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
            max-width: 1024px
        }
    }

    [_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
        max-width: 1280px
    }

    @media (min-width: 1536px) {
        [_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
            max-width: 1536px
        }
    }
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] {
        margin-bottom: 3.5rem;
        padding-left: .875rem;
        padding-right: .875rem
    }
}

[_nghost-ng-c1905927543] .home-container[_ngcontent-ng-c1905927543] app-categories[_ngcontent-ng-c1905927543] {
    padding-left: .875rem;
    padding-right: .875rem
}

[_nghost-ng-c1905927543] app-categories[_ngcontent-ng-c1905927543] {
    margin-bottom: 1.25rem;
    display: block
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] app-categories[_ngcontent-ng-c1905927543] {
        margin-bottom: 2.5rem
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1905927543] app-categories[_ngcontent-ng-c1905927543] {
        margin-bottom: 3.5rem
    }
}

[_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543] {
    display: flex;
    justify-content: space-between
}

[_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543] > [_ngcontent-ng-c1905927543]:not([hidden]) ~ [_ngcontent-ng-c1905927543]:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.875rem * var(--tw-space-x-reverse));
    margin-left: calc(.875rem * calc(1 - var(--tw-space-x-reverse)))
}

[_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543] {
    overflow: auto;
    padding-bottom: .5rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543] > [_ngcontent-ng-c1905927543]:not([hidden]) ~ [_ngcontent-ng-c1905927543]:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543] > [_ngcontent-ng-c1905927543]:not([hidden]) ~ [_ngcontent-ng-c1905927543]:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
}

[_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543]::-webkit-scrollbar {
    height: 0px;
    width: 0px
}

[_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543]::-webkit-scrollbar-track {
    background-color: transparent
}

[_nghost-ng-c1905927543] .why-us[_ngcontent-ng-c1905927543]::-webkit-scrollbar-thumb {
    background-color: transparent
}

[_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] {
    border-radius: 20px;
    min-width: 270px;
    min-height: 365px;
    position: relative;
    display: flex;
    flex: 1 1 0%;
    align-items: flex-end;
    justify-content: space-between;
    overflow: hidden;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] {
        align-items: center;
        padding-left: 2.5rem;
        min-height: 315px;
        min-width: 380px
    }
}

[_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543]:before {
    content: "";
    background: linear-gradient(180deg, transparent, rgba(1, 15, 37, .88) 100%);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] > div[_ngcontent-ng-c1905927543] {
    z-index: 2;
    position: relative
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] > div[_ngcontent-ng-c1905927543] {
        width: 66.666667%
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] > div[_ngcontent-ng-c1905927543] {
        width: 50%
    }
}

[_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] span[_ngcontent-ng-c1905927543] {
    margin-bottom: .875rem;
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 900;
    text-transform: uppercase
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] span[_ngcontent-ng-c1905927543] {
        text-align: left
    }
}

[_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] p[_ngcontent-ng-c1905927543] {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] p[_ngcontent-ng-c1905927543] {
        text-align: left
    }
}

[_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] a[_ngcontent-ng-c1905927543] {
    min-width: 205px;
    margin-bottom: 2rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] a[_ngcontent-ng-c1905927543] {
        margin-bottom: 0
    }
}

[_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] img[_ngcontent-ng-c1905927543] {
    position: absolute;
    top: 0;
    left: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-container[_ngcontent-ng-c1905927543] img[_ngcontent-ng-c1905927543] {
        top: auto;
        bottom: 0;
        right: 0;
        left: auto;
        --tw-translate-x: -0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

[_nghost-ng-c1905927543] .why-us-1[_ngcontent-ng-c1905927543] {
    background-image: url("../images/why-us-1-mob.webp")
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-1[_ngcontent-ng-c1905927543] {
        background-image: url("../images/why-us-1.webp")
    }
}

[_nghost-ng-c1905927543] .why-us-2[_ngcontent-ng-c1905927543] {
    background-image: url("../images/why-us-2-mob.webp")
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-2[_ngcontent-ng-c1905927543] {
        background-image: url("../images/why-us-2.webp")
    }
}

[_nghost-ng-c1905927543] .why-us-3[_ngcontent-ng-c1905927543] {
    background-image: url("../images/why-us-3-mob.webp")
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-3[_ngcontent-ng-c1905927543] {
        background-image: url("../images/why-us-3.webp")
    }
}

[_nghost-ng-c1905927543] .why-us-header[_ngcontent-ng-c1905927543] {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    padding-left: .875rem;
    padding-right: .875rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-header[_ngcontent-ng-c1905927543] {
        margin-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1905927543] .why-us-header[_ngcontent-ng-c1905927543] {
        margin-bottom: 3.5rem
    }
}

[_nghost-ng-c1905927543] .why-us-header[_ngcontent-ng-c1905927543] h2[_ngcontent-ng-c1905927543] {
    margin-left: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 900;
    text-transform: uppercase
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .why-us-header[_ngcontent-ng-c1905927543] h2[_ngcontent-ng-c1905927543] {
        font-size: 26px;
        line-height: 2rem
    }
}

[_nghost-ng-c1905927543] .why-us-header[_ngcontent-ng-c1905927543] i[_ngcontent-ng-c1905927543] {
    --tw-text-opacity: 1;
    color: rgb(41 138 241 / var(--tw-text-opacity, 1))
}

[_nghost-ng-c1905927543] .home-offset[_ngcontent-ng-c1905927543] {
    padding-left: .875rem;
    padding-right: .875rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1905927543] .home-offset[_ngcontent-ng-c1905927543] {
        padding-left: 0;
        padding-right: 0
    }
}


[_nghost-ng-c4185357879] .main-banner[_ngcontent-ng-c4185357879] {
    height: 371px;
    max-width: 1920px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .main-banner[_ngcontent-ng-c4185357879] {
        height: 513px
    }
}

@media (min-width: 1920px) {
    [_nghost-ng-c4185357879] .main-banner[_ngcontent-ng-c4185357879]:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 8rem;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #030A16 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(3 10 22 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        transform: translateZ(0);
        z-index: 2;
        left: -1px
    }

    [_nghost-ng-c4185357879] .main-banner[_ngcontent-ng-c4185357879]:after {
        content: "";
        position: absolute;
        right: -.125rem;
        top: 0;
        height: 100%;
        width: 8rem;
        background-image: linear-gradient(to left, var(--tw-gradient-stops));
        --tw-gradient-from: #030A16 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(3 10 22 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        transform: translateZ(0);
        z-index: 2
    }
}

[_nghost-ng-c4185357879] .banner-shadow[_ngcontent-ng-c4185357879] {
    height: 172px;
    background: #030a16;
    background: linear-gradient(0deg, #030a16, #030a16 30%, #030a1600);
    position: absolute;
    bottom: 0;
    width: 100%
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-shadow[_ngcontent-ng-c4185357879] {
        height: 135px;
        bottom: -1px
    }
}

[_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] {
    z-index: 3;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

[_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] h3[_ngcontent-ng-c4185357879],
.h3{
    text-shadow: 0 4px 16px #001333;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    font-weight: 900;
    --tw-text-opacity: 1;
    color: rgb(255 255 90 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] h3[_ngcontent-ng-c4185357879],
    .h3{
        margin-bottom: 2rem;
        font-size: 70px;
        line-height: 1
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] h3[_ngcontent-ng-c4185357879],
    .h3{
        font-size: 75px;
        line-height: 1
    }
}

[_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] h5[_ngcontent-ng-c4185357879],
[_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] p[_ngcontent-ng-c4185357879].banner-subtitle{
    font-size: 22px;
    text-align: center;
    font-weight: 700
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] h5[_ngcontent-ng-c4185357879],
    [_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] p[_ngcontent-ng-c4185357879].banner-subtitle{
        margin-bottom: .5rem;
        font-size: 40px;
        line-height: 48px
    }
}

[_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] p[_ngcontent-ng-c4185357879] {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 1.75rem;
    text-align: center;
    font-weight: 500
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] p[_ngcontent-ng-c4185357879] {
        font-size: 22px;
        line-height: 26px
    }
}

[_nghost-ng-c4185357879] .banner-offer[_ngcontent-ng-c4185357879] a[_ngcontent-ng-c4185357879] {
    min-width: 205px
}

[_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] {
    position: absolute;
    top: .625rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.75rem;
    display: flex;
    width: 80%;
    align-items: center
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] {
        top: 5rem
    }
}

@media (min-width: 1024px) {
    [_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] {
        width: 60%
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] {
        width: 40%
    }
}

[_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] > .line-1px[_ngcontent-ng-c4185357879] {
    background: linear-gradient(90deg, #ffdd7d00, #ffdd7d 49.5%, #ffdd7d00);
    height: 1px;
    flex: 1 1 auto
}

[_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] .square-1[_ngcontent-ng-c4185357879] {
    width: 6px;
    height: 6px;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(255 221 125 / var(--tw-bg-opacity, 1))
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] .square-1[_ngcontent-ng-c4185357879] {
        width: 8px;
        height: 8px
    }
}

[_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] .square-2[_ngcontent-ng-c4185357879] {
    width: 12px;
    height: 12px;
    margin-left: 1rem;
    margin-right: 1rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(255 221 125 / var(--tw-bg-opacity, 1))
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-divider[_ngcontent-ng-c4185357879] .square-2[_ngcontent-ng-c4185357879] {
        width: 16px;
        height: 16px
    }
}

[_nghost-ng-c4185357879] .banner-button[_ngcontent-ng-c4185357879] {
    z-index: 3;
    position: relative
}

[_nghost-ng-c4185357879] .banner-button[_ngcontent-ng-c4185357879] a[_ngcontent-ng-c4185357879] {
    animation: _ngcontent-ng-c4185357879_pulse 1.8s infinite;
    z-index: 4;
    position: relative
}

[_nghost-ng-c4185357879] .banner-button[_ngcontent-ng-c4185357879] a[_ngcontent-ng-c4185357879] span[_ngcontent-ng-c4185357879] {
    z-index: 5;
    min-height: 48px;
    min-width: 190px;
    color: #123317;
    font-size: 17px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase
}

[_nghost-ng-c4185357879] .banner-button[_ngcontent-ng-c4185357879] a[_ngcontent-ng-c4185357879] img[_ngcontent-ng-c4185357879] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[_nghost-ng-c4185357879] .banner-button[_ngcontent-ng-c4185357879] a[_ngcontent-ng-c4185357879]:before {
    content: "";
    background-image: url("../images/button.png");
    background-position: center center;
    z-index: 5;
    min-height: 48px;
    background-size: 100% 100%;
    filter: drop-shadow(0px 0px 9px #008C18);
    animation: _ngcontent-ng-c4185357879_dropShadow 1s;
    animation-fill-mode: forwards;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-repeat: no-repeat
}

[_nghost-ng-c4185357879] .banner-button[_ngcontent-ng-c4185357879]:after {
    content: "";
    background-image: url("../images/anim-diamonds.png");
    background-position: center center;
    height: 200px;
    top: -72px;
    z-index: 3;
    pointer-events: none;
    position: absolute;
    left: 0;
    width: 100%;
    background-repeat: no-repeat
}

[_nghost-ng-c4185357879] .banner-slider[_ngcontent-ng-c4185357879] {
    height: 100%;
    flex: 1 1 auto
}

[_nghost-ng-c4185357879] .slider-panel[_ngcontent-ng-c4185357879] {
    margin-top: 1.75rem;
    display: flex;
    height: 100%;
    flex-direction: column;
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .slider-panel[_ngcontent-ng-c4185357879] {
        margin-top: 0;
        justify-content: center
    }
}

@keyframes _ngcontent-ng-c4185357879_pulse {
    0% {
        transform: scale(1)
    }

    40%,
    60% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes _ngcontent-ng-c4185357879_dropShadow {
    0% {
        filter: drop-shadow(0px 0px 9px #008C18)
    }

    to {
        filter: drop-shadow(0px 0px 9px #008C18)
    }
}

[_nghost-ng-c4185357879] .banner-button-position[_ngcontent-ng-c4185357879] {
    bottom: 58px;
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: center
}

@media (min-width: 640px) {
    [_nghost-ng-c4185357879] .banner-button-position[_ngcontent-ng-c4185357879] {
        bottom: 5rem
    }
}


[_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 1
}

@media (min-width: 640px) {
    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] {
        padding-top: 1.5rem
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] {
        padding-top: 2rem
    }
}

[_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891],
[_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891] {
    max-width: 60px;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #f4f3fcb3
}

@media (min-width: 640px) {

    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891],
    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

[_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891]:not(:last-child),
[_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891]:not(:last-child) {
    margin-right: 1rem
}

@media (min-width: 640px) {

    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891]:not(:last-child),
    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891]:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width: 1536px) {

    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891]:not(:last-child),
    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891]:not(:last-child) {
        margin-right: 2.5rem
    }
}

@media (min-width: 640px) {

    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891],
    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891] {
        max-width: 80px
    }
}

@media (min-width: 1536px) {

    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891],
    [_nghost-ng-c1588615891] .categories[_ngcontent-ng-c1588615891] a[_ngcontent-ng-c1588615891] {
        max-width: 88px
    }
}

[_nghost-ng-c1588615891] .categories-scroll[_ngcontent-ng-c1588615891] {
    margin-right: 1rem;
    display: flex;
    flex: 1 1 auto;
    align-items: flex-start;
    justify-content: space-between;
    overflow: auto
}

@media (min-width: 640px) {
    [_nghost-ng-c1588615891] .categories-scroll[_ngcontent-ng-c1588615891] {
        margin-right: 1.25rem
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1588615891] .categories-scroll[_ngcontent-ng-c1588615891] {
        margin-right: 2.5rem
    }
}

[_nghost-ng-c1588615891] .categories-scroll[_ngcontent-ng-c1588615891]::-webkit-scrollbar {
    height: .25rem
}

[_nghost-ng-c1588615891] .categories-scroll[_ngcontent-ng-c1588615891]::-webkit-scrollbar-track {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(138 144 161 / var(--tw-bg-opacity, 1))
}

[_nghost-ng-c1588615891] .categories-scroll[_ngcontent-ng-c1588615891]::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 97 / var(--tw-bg-opacity, 1))
}

[_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] {
    border-radius: 15px;
    margin-bottom: .75rem;
    padding: .625rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] {
        padding: .75rem
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] {
        padding: 1rem
    }
}

[_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891]:not(.provider-container) {
    background-color: #14235acc
}

@media (min-width: 640px) {
    [_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] {
        border-radius: 22px
    }
}

[_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] span[_ngcontent-ng-c1588615891] {
    padding: 5px;
    position: relative;
    display: block;
    border-radius: 9999px
}

@media (min-width: 640px) {
    [_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] span[_ngcontent-ng-c1588615891] {
        padding: .5rem
    }
}

[_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] span[_ngcontent-ng-c1588615891]:before {
    content: "";
    background: var(--catBlur);
    filter: blur(12.5px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] img[_ngcontent-ng-c1588615891] {
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 640px) {
    [_nghost-ng-c1588615891] .cat-container[_ngcontent-ng-c1588615891] img[_ngcontent-ng-c1588615891] {
        height: 2.5rem;
        width: 2.5rem
    }
}

[_nghost-ng-c1588615891] .provider-container[_ngcontent-ng-c1588615891] {
    background: radial-gradient(110.23% 82.81% at 50% 17.19%, #ffffff1a, #ffffff0a), radial-gradient(172.39% 156.26% at 105.11% -15.62%, #13e5d580 19.66%, #13e5d50f 71.06%), radial-gradient(93.05% 104.93% at 20.17% -22.66%, #1d52a0, #1d52a02e), radial-gradient(135.71% 87.74% at 33.81% 109.38%, #6681e2cf, #6681e200 95.37%), #eef9ff;
    box-shadow: 0 0 10px #ffffff80 inset
}


.flicking-viewport {
    position: relative;
    overflow: hidden
}

.flicking-viewport.vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flicking-viewport.vertical > .flicking-camera {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flicking-viewport.flicking-hidden > .flicking-camera > * {
    visibility: hidden
}

.flicking-camera {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 1;
    will-change: transform
}

.flicking-camera > * {
    -ms-flex-negative: 0;
    flex-shrink: 0
}


[_nghost-ng-c2749622704] .panel-header[_ngcontent-ng-c2749622704] {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .875rem;
    padding-right: .875rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .panel-header[_ngcontent-ng-c2749622704] {
        margin-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c2749622704] .panel-header[_ngcontent-ng-c2749622704] {
        margin-bottom: 3.5rem
    }
}

[_nghost-ng-c2749622704] .panel-title[_ngcontent-ng-c2749622704] {
    display: flex;
    align-items: center
}

[_nghost-ng-c2749622704] .panel-title[_ngcontent-ng-c2749622704] img[_ngcontent-ng-c2749622704] {
    width: 30px;
    height: 30px;
    margin-right: 1.25rem;
}

[_nghost-ng-c2749622704] .panel-title[_ngcontent-ng-c2749622704] span[_ngcontent-ng-c2749622704] {
    margin-left: .5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 900;
    text-transform: uppercase
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .panel-title[_ngcontent-ng-c2749622704] span[_ngcontent-ng-c2749622704] {
        margin-left: 1.25rem;
        font-size: 26px;
        line-height: 2rem
    }
}

[_nghost-ng-c2749622704] .panel-slide-controls[_ngcontent-ng-c2749622704] {
    margin-right: .75rem;
    display: flex;
    align-items: center
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .panel-slide-controls[_ngcontent-ng-c2749622704] {
        margin-right: 1.75rem
    }
}

[_nghost-ng-c2749622704] .slide-prev[_ngcontent-ng-c2749622704] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    background-color: #ffffff26;
    padding: .25rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .slide-prev[_ngcontent-ng-c2749622704] {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    [_nghost-ng-c2749622704] .slide-prev[_ngcontent-ng-c2749622704]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(20 35 90 / var(--tw-bg-opacity, 1))
    }
}

[_nghost-ng-c2749622704] .slide-prev[_ngcontent-ng-c2749622704] i[_ngcontent-ng-c2749622704] {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

[_nghost-ng-c2749622704] .slide-next[_ngcontent-ng-c2749622704] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: .125rem;
    display: flex;
    background-color: #ffffff26;
    padding: .25rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .slide-next[_ngcontent-ng-c2749622704] {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    [_nghost-ng-c2749622704] .slide-next[_ngcontent-ng-c2749622704]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(20 35 90 / var(--tw-bg-opacity, 1))
    }
}

[_nghost-ng-c2749622704] .slide-next[_ngcontent-ng-c2749622704] i[_ngcontent-ng-c2749622704] {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

[_nghost-ng-c2749622704] .games-panel[_ngcontent-ng-c2749622704] {
    margin-bottom: 2.5rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .games-panel[_ngcontent-ng-c2749622704] {
        margin-bottom: 3.5rem
    }
}

[_nghost-ng-c2749622704] .games-slide-wrap[_ngcontent-ng-c2749622704] {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(9 34 77 / var(--tw-bg-opacity, 1));
    padding-top: .875rem;
    padding-bottom: .875rem;
    padding-left: .875rem;
    padding-right: 0
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .games-slide-wrap[_ngcontent-ng-c2749622704] {
        padding: 2.5rem;
        border-radius: 20px
    }
}

[_nghost-ng-c2749622704] div[class^=blur-][_ngcontent-ng-c2749622704] {
    width: 368px;
    height: 344px;
    filter: blur(100px);
    position: absolute;
    border-radius: 9999px
}

[_nghost-ng-c2749622704] .blur-1[_ngcontent-ng-c2749622704] {
    background-color: #10afe9;
    left: 10%;
    top: -60%
}

[_nghost-ng-c2749622704] .blur-2[_ngcontent-ng-c2749622704] {
    background-color: #0f428e;
    left: -5%;
    bottom: -60%
}

[_nghost-ng-c2749622704] .blur-3[_ngcontent-ng-c2749622704] {
    background-color: #10afe9bf;
    right: -5%;
    top: -60%;
    display: none
}

@media (min-width: 1536px) {
    [_nghost-ng-c2749622704] .blur-3[_ngcontent-ng-c2749622704] {
        display: block
    }
}

[_nghost-ng-c2749622704] .blur-4[_ngcontent-ng-c2749622704] {
    background-color: #1427d2a8;
    right: -5%;
    bottom: -60%;
    display: none
}

@media (min-width: 1536px) {
    [_nghost-ng-c2749622704] .blur-4[_ngcontent-ng-c2749622704] {
        display: block
    }
}

[_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704] {
    min-height: 322px;
    grid-template-columns: repeat(var(--columns), 19.5rem);
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: .875rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704] {
        gap: 1rem
    }
}

[_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704] {
    scrollbar-width: none;
    scrollbar-color: transparent transparent
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704] {
        min-height: 326px
    }
}

[_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704]::-webkit-scrollbar {
    display: none;
    height: 0px;
    width: 0px
}

[_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704]::-webkit-scrollbar-track {
    background-color: transparent
}

[_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704]::-webkit-scrollbar-thumb {
    background-color: transparent
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704] {
        grid-template-columns: repeat(var(--columns), calc(50% - 8px))
    }
}

@media (min-width: 1024px) {
    [_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704] {
        grid-template-columns: repeat(var(--columns), calc(33.3% - 11px))
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c2749622704] .games-landscape[_ngcontent-ng-c2749622704] {
        grid-template-columns: repeat(var(--columns), calc(25% - 12px))
    }
}

[_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704] {
    grid-template-columns: repeat(var(--columns), 7.5rem);
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    column-gap: .875rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704] {
        column-gap: 1rem
    }
}

[_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704] {
    scrollbar-width: none;
    scrollbar-color: transparent transparent
}

[_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704]::-webkit-scrollbar {
    display: none;
    height: 0px;
    width: 0px
}

[_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704]::-webkit-scrollbar-track {
    background-color: transparent
}

[_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704]::-webkit-scrollbar-thumb {
    background-color: transparent
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704] {
        grid-template-columns: repeat(var(--columns), 10.6rem)
    }
}

@media (min-width: 1024px) {
    [_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704] {
        grid-template-columns: repeat(var(--columns), 11.7rem)
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c2749622704] .games-slide-container[_ngcontent-ng-c2749622704] {
        grid-template-columns: repeat(var(--columns), 10.5rem)
    }
}

[_nghost-ng-c2749622704] .two-rows[_ngcontent-ng-c2749622704] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    row-gap: 1.25rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .two-rows[_ngcontent-ng-c2749622704] {
        row-gap: 2.5rem
    }
}

[_nghost-ng-c2749622704] .see-all[_ngcontent-ng-c2749622704] {
    background: radial-gradient(238.39% 44.19% at 96.59% 31.25%, #ffffff4d, #fff0), radial-gradient(182.56% 55.34% at 5.68% 100%, #f6fb2282, #ff9e4500), radial-gradient(137.51% 118.3% at 32.95% 0%, #ff8989eb 21.25%, #ffa96a91 88.62%), radial-gradient(178.09% 220.16% at 94.89% -132.81%, #ff7a00 67.59%, #ffc70061), #fff500;
    border-radius: 10px;
    white-space: nowrap;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

@media (min-width: 640px) {
    [_nghost-ng-c2749622704] .see-all[_ngcontent-ng-c2749622704] {
        padding: .625rem 1.25rem
    }
}

[_nghost-ng-c2749622704] .see-all[_ngcontent-ng-c2749622704]:hover {
    background: radial-gradient(45.91% 85.94% at 55.4% 14.06%, #fff6, #ffffff08), radial-gradient(121.48% 78.97% at 22.73% 20.31%, #2df15133 18.63%, #37f12d30), radial-gradient(80.45% 122.89% at 33.52% -15.63%, #f2f292, #169000 85.15%);
    box-shadow: 0 0 10px #fff9 inset
}


[_nghost-ng-c2287379654] {
    position: relative
}

[_nghost-ng-c2287379654] .game-card[_ngcontent-ng-c2287379654] {
    border-radius: 10px;
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden
}

@media (min-width: 640px) {
    [_nghost-ng-c2287379654] .game-card[_ngcontent-ng-c2287379654] {
        margin-bottom: 1.25rem;
        border-radius: 20px
    }
}

[_nghost-ng-c2287379654] .game-card[_ngcontent-ng-c2287379654]:hover .game-card-overlay[_ngcontent-ng-c2287379654] {
    opacity: 1
}

[_nghost-ng-c2287379654] .game-card[_ngcontent-ng-c2287379654]:hover .game-label[_ngcontent-ng-c2287379654] {
    opacity: 0
}

[_nghost-ng-c2287379654] app-image-loader[_ngcontent-ng-c2287379654] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[_nghost-ng-c2287379654] .favorite[_ngcontent-ng-c2287379654] {
    z-index: 19;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: .75rem;
    margin-right: .5rem;
    padding: .375rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2287379654] .favorite[_ngcontent-ng-c2287379654] {
        margin-top: 1rem;
        margin-right: .75rem
    }
}

[_nghost-ng-c2287379654] .favorite[_ngcontent-ng-c2287379654] i[_ngcontent-ng-c2287379654] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

[_nghost-ng-c2287379654] .game-card-padding[_ngcontent-ng-c2287379654] {
    padding-top: 108%
}

[_nghost-ng-c2287379654] .game-card-overlay[_ngcontent-ng-c2287379654] {
    background: linear-gradient(0deg, #011333cf, #011333cf), linear-gradient(180deg, #080a5000, #080a50), linear-gradient(180deg, #13151b, #13151b00 21.99%), linear-gradient(180deg, #101d2300 49.48%, #101d23 71.33%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition-duration: .3s
}

[_nghost-ng-c2287379654] .game-name[_ngcontent-ng-c2287379654] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer;
    font-weight: 600
}

@media (min-width: 640px) {
    [_nghost-ng-c2287379654] .game-name[_ngcontent-ng-c2287379654] {
        margin-bottom: .25rem
    }
}

[_nghost-ng-c2287379654] .game-provider-name[_ngcontent-ng-c2287379654] {
    font-weight: 600;
    color: #ffffff80
}

[_nghost-ng-c2287379654] .game-label[_ngcontent-ng-c2287379654] {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    text-transform: uppercase
}

[_nghost-ng-c2287379654] .play[_ngcontent-ng-c2287379654] {
    border-radius: 10px;
    background: radial-gradient(45.91% 85.94% at 55.4% 14.06%, #fff6, #ffffff08), radial-gradient(121.48% 78.97% at 22.73% 20.31%, #2df15133 18.63%, #37f12d30), radial-gradient(80.45% 122.89% at 33.52% -15.63%, #f2f292, #169000 85.15%);
    box-shadow: 0 0 10px #fff9 inset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem .625rem
}

@media (min-width: 640px) {
    [_nghost-ng-c2287379654] .play[_ngcontent-ng-c2287379654] {
        padding: .875rem 1.25rem
    }

    [_nghost-ng-c2287379654] .play[_ngcontent-ng-c2287379654] i[_ngcontent-ng-c2287379654] {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    [_nghost-ng-c2287379654] .play[_ngcontent-ng-c2287379654] {
        border-radius: 15px
    }
}

[_nghost-ng-c2287379654] .play-demo[_ngcontent-ng-c2287379654] {
    bottom: 10%;
    position: absolute;
    font-weight: 600;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

[_nghost-ng-c2287379654] .game-card-landscape[_ngcontent-ng-c2287379654] {
    min-height: 98px;
    background-color: #071b3e;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-width: 1px;
    border-color: #ffffff1a;
    padding: .5rem
}

[_nghost-ng-c2287379654] .game-card-landscape[_ngcontent-ng-c2287379654] a[_ngcontent-ng-c2287379654] {
    min-width: auto;
    margin-left: 1rem
}

[_nghost-ng-c2287379654] .game-landscape-image[_ngcontent-ng-c2287379654] {
    position: relative;
    margin-right: 1rem;
    height: 5rem;
    width: 5rem;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: .75rem
}

[_nghost-ng-c2287379654] .game-landscape-name[_ngcontent-ng-c2287379654] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25rem
}

[_nghost-ng-c2287379654] .game-landscape-provider-name[_ngcontent-ng-c2287379654] {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #ffffff4d
}


[_nghost-ng-c1601422745] img[_ngcontent-ng-c1601422745] {
    height: 100%;
    width: 100%;
    object-fit: cover
}

[_nghost-ng-c1090696697] .promotions-panel[_ngcontent-ng-c1090696697] {
    margin-bottom: 2.5rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1090696697] .promotions-panel[_ngcontent-ng-c1090696697] {
        margin-bottom: 3.5rem
    }
}

[_nghost-ng-c1090696697] .promotions-panel-header[_ngcontent-ng-c1090696697] {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    padding-left: .875rem;
    padding-right: .875rem
}

@media (min-width: 640px) {
    [_nghost-ng-c1090696697] .promotions-panel-header[_ngcontent-ng-c1090696697] {
        margin-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c1090696697] .promotions-panel-header[_ngcontent-ng-c1090696697] {
        margin-bottom: 3.5rem
    }
}

[_nghost-ng-c1090696697] .promotions-panel-header[_ngcontent-ng-c1090696697] i[_ngcontent-ng-c1090696697] {
    margin-right: 1.25rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(119 114 252 / var(--tw-text-opacity, 1))
}

[_nghost-ng-c1090696697] span[_ngcontent-ng-c1090696697],
[_nghost-ng-c1090696697] p[_ngcontent-ng-c1090696697],
p[_ngcontent-ng-c2749622704]{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 900;
    text-transform: uppercase
}

@media (min-width: 640px) {
    [_nghost-ng-c1090696697] span[_ngcontent-ng-c1090696697],
    [_nghost-ng-c1090696697] p[_ngcontent-ng-c1090696697],
    p[_ngcontent-ng-c2749622704]{
        font-size: 26px;
        line-height: 2rem
    }
}

[_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697] {
    min-height: 410px;
    grid-template-columns: repeat(var(--columnsPromo), 80%);
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    gap: .875rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth
}

@media (min-width: 640px) {
    [_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697] {
        gap: 1.25rem
    }
}

[_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697] {
    scrollbar-width: none;
    scrollbar-color: transparent transparent
}

@media (min-width: 640px) {
    [_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697] {
        min-height: 370px
    }
}

@media (min-width: 1024px) {
    [_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697] {
        min-height: 1150px;
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

[_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697]::-webkit-scrollbar {
    display: none;
    height: 0px;
    width: 0px
}

[_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697]::-webkit-scrollbar-track {
    background-color: transparent
}

[_nghost-ng-c1090696697] .promotions-panel-grid[_ngcontent-ng-c1090696697]::-webkit-scrollbar-thumb {
    background-color: transparent
}


.mat-expansion-panel {
    box-sizing: content-box;
    display: block;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: var(--mat-expansion-container-background-color, var(--mat-sys-surface));
    color: var(--mat-expansion-container-text-color, var(--mat-sys-on-surface));
    border-radius: var(--mat-expansion-container-shape, 12px)
}

.mat-expansion-panel.mat-expansion-panel-animations-enabled {
    transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)
}

.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
    border-radius: 0
}

.mat-accordion .mat-expansion-panel:first-of-type {
    border-top-right-radius: var(--mat-expansion-container-shape, 12px);
    border-top-left-radius: var(--mat-expansion-container-shape, 12px)
}

.mat-accordion .mat-expansion-panel:last-of-type {
    border-bottom-right-radius: var(--mat-expansion-container-shape, 12px);
    border-bottom-left-radius: var(--mat-expansion-container-shape, 12px)
}

@media (forced-colors: active) {
    .mat-expansion-panel {
        outline: solid 1px
    }
}

.mat-expansion-panel-content-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    grid-template-columns: 100%
}

.mat-expansion-panel-animations-enabled .mat-expansion-panel-content-wrapper {
    transition: grid-template-rows 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper {
    grid-template-rows: 1fr
}

@supports not (grid-template-rows: 0fr) {
    .mat-expansion-panel-content-wrapper {
        height: 0
    }

    .mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper {
        height: auto
    }
}

.mat-expansion-panel-content {
    display: flex;
    flex-direction: column;
    overflow: visible;
    min-height: 0;
    visibility: hidden;
    font-family: var(--mat-expansion-container-text-font, var(--mat-sys-body-large-font));
    font-size: var(--mat-expansion-container-text-size, var(--mat-sys-body-large-size));
    font-weight: var(--mat-expansion-container-text-weight, var(--mat-sys-body-large-weight));
    line-height: var(--mat-expansion-container-text-line-height, var(--mat-sys-body-large-line-height));
    letter-spacing: var(--mat-expansion-container-text-tracking, var(--mat-sys-body-large-tracking))
}

.mat-expansion-panel-animations-enabled .mat-expansion-panel-content {
    transition: visibility 190ms linear
}

.mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper > .mat-expansion-panel-content {
    visibility: visible
}

.mat-expansion-panel-body {
    padding: 0 24px 16px
}

.mat-expansion-panel-spacing {
    margin: 16px 0
}

.mat-accordion > .mat-expansion-panel-spacing:first-child,
.mat-accordion > *:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-top: 0
}

.mat-accordion > .mat-expansion-panel-spacing:last-child,
.mat-accordion > *:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-bottom: 0
}

.mat-action-row {
    border-top-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 16px 8px 16px 24px;
    border-top-color: var(--mat-expansion-actions-divider-color, var(--mat-sys-outline))
}

.mat-action-row .mat-button-base,
.mat-action-row .mat-mdc-button-base {
    margin-left: 8px
}

[dir=rtl] .mat-action-row .mat-button-base,
[dir=rtl] .mat-action-row .mat-mdc-button-base {
    margin-left: 0;
    margin-right: 8px
}

.header-lang {
    svg {
        width: 20px;
    }
}

.m-icon-loadable {
    width: 20px;
}


[_nghost-ng-c1150339642] .game-image-placeholder[_ngcontent-ng-c1150339642] {
    background-image: url("../images/logo-alt.svg");
    border-radius: 20px;
    margin-bottom: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(1 19 51 / var(--tw-bg-opacity, 1));
    background-position: center;
    background-repeat: no-repeat
}

.dialog-languages{
    max-width: 400px!important;
    grid-template-columns: repeat(2, 1fr)!important;
    gap: 20px!important;
    padding: 20px!important;
}

.domain-list__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[_nghost-ng-c1150339642] .game-image-padding[_ngcontent-ng-c1150339642] {
    padding-top: 108%
}

[_nghost-ng-c1150339642] .placeholder-game-name[_ngcontent-ng-c1150339642] {
    border-radius: 10px;
    pointer-events: none;
    margin-bottom: .5rem;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(1 19 51 / var(--tw-bg-opacity, 1));
    font-weight: 600;
    color: transparent
}

[_nghost-ng-c1150339642] .placeholder-provider-name[_ngcontent-ng-c1150339642] {
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(1 19 51 / var(--tw-bg-opacity, 1));
    color: transparent
}


.mat-expansion-panel-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    border-radius: inherit;
    height: var(--mat-expansion-header-collapsed-state-height, 48px);
    font-family: var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));
    font-size: var(--mat-expansion-header-text-size, var(--mat-sys-title-medium-size));
    font-weight: var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));
    line-height: var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));
    letter-spacing: var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking))
}

.mat-expansion-panel-animations-enabled .mat-expansion-panel-header {
    transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel-header::before {
    border-radius: inherit
}

.mat-expansion-panel-header.mat-expanded {
    height: var(--mat-expansion-header-expanded-state-height, 64px)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: var(--mat-expansion-header-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))
}

.mat-expansion-panel-header:not([aria-disabled=true]) {
    cursor: pointer
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: var(--mat-expansion-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
        background: var(--mat-expansion-container-background-color, var(--mat-sys-surface))
    }
}

.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused {
    background: var(--mat-expansion-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent))
}

.mat-expansion-panel-header._mat-animation-noopable {
    transition: none
}

.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
    outline: none
}

.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
    background: inherit
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before {
    flex-direction: row-reverse
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 16px 0 0
}

[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 0 0 16px
}

.mat-content {
    display: flex;
    flex: 1;
    flex-direction: row;
    overflow: hidden
}

.mat-content.mat-content-hide-toggle {
    margin-right: 8px
}

[dir=rtl] .mat-content.mat-content-hide-toggle {
    margin-right: 0;
    margin-left: 8px
}

.mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
    margin-left: 24px;
    margin-right: 0
}

[dir=rtl] .mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
    margin-right: 24px;
    margin-left: 0
}

.mat-expansion-panel-header-title {
    color: var(--mat-expansion-header-text-color, var(--mat-sys-on-surface))
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 16px;
    align-items: center
}

[dir=rtl] .mat-expansion-panel-header-title,
[dir=rtl] .mat-expansion-panel-header-description {
    margin-right: 0;
    margin-left: 16px
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header-description {
    flex-grow: 2;
    color: var(--mat-expansion-header-description-color, var(--mat-sys-on-surface-variant))
}

.mat-expansion-panel-animations-enabled .mat-expansion-indicator {
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel-header.mat-expanded .mat-expansion-indicator {
    transform: rotate(180deg)
}

.mat-expansion-indicator::after {
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    vertical-align: middle;
    color: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));
    display: var(--mat-expansion-legacy-header-indicator-display, none)
}

.mat-expansion-indicator svg {
    width: 24px;
    height: 24px;
    margin: 0 -8px;
    vertical-align: middle;
    fill: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));
    display: var(--mat-expansion-header-indicator-display, inline-block)
}

@media (forced-colors: active) {
    .mat-expansion-panel-content {
        border-top: 1px solid;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}


.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border-width: var(--mat-focus-indicator-border-width, 3px);
    border-style: var(--mat-focus-indicator-border-style, solid);
    border-color: var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus::before {
    content: ""
}

@media (forced-colors: active) {
    html {
        --mat-focus-indicator-display: block
    }
}


[_nghost-ng-c3819053565] .partners[_ngcontent-ng-c3819053565] {
    border-radius: 20px;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    background-color: #ffffff0d;
    padding: 1rem 3rem
}

[_nghost-ng-c3819053565] .licence[_ngcontent-ng-c3819053565] {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 640px) {
    [_nghost-ng-c3819053565] .licence[_ngcontent-ng-c3819053565] {
        flex-direction: row;
        align-items: flex-start
    }
}

[_nghost-ng-c3819053565] .licence-logos[_ngcontent-ng-c3819053565] {
    margin-bottom: .75rem;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    overflow: hidden
}

@media (min-width: 640px) {
    [_nghost-ng-c3819053565] .licence-logos[_ngcontent-ng-c3819053565] {
        margin-bottom: 0
    }

    [_nghost-ng-c3819053565] .licence-logos[_ngcontent-ng-c3819053565] > [_ngcontent-ng-c3819053565]:not([hidden]) ~ [_ngcontent-ng-c3819053565]:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
    }
}

[_nghost-ng-c3819053565] .licence-logos[_ngcontent-ng-c3819053565] iframe[_ngcontent-ng-c3819053565] {
    height: 104px;
    width: 160px
}

[_nghost-ng-c3819053565] .copyright[_ngcontent-ng-c3819053565] {
    flex: 1 1 auto;
    color: #ffffff80
}

@media (min-width: 640px) {
    [_nghost-ng-c3819053565] .copyright[_ngcontent-ng-c3819053565] {
        margin-left: 1.25rem
    }
}

[_nghost-ng-c3819053565] .main-terms[_ngcontent-ng-c3819053565] {
    margin-bottom: .5rem;
    color: #ffffff80
}


[_nghost-ng-c4211832986] {
    border-radius: 20px;
    overflow: hidden
}

[_nghost-ng-c4211832986] > button[_ngcontent-ng-c4211832986] {
    min-height: 410px;
    background-position: right bottom;
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] > button[_ngcontent-ng-c4211832986] {
        flex-direction: row;
        align-items: flex-end;
        padding-left: 2.25rem
    }
}

@media (min-width: 1536px) {
    [_nghost-ng-c4211832986] > button[_ngcontent-ng-c4211832986] {
        padding-left: 3rem
    }
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] > button[_ngcontent-ng-c4211832986] {
        min-height: 370px
    }
}

[_nghost-ng-c4211832986] > button[_ngcontent-ng-c4211832986]:before {
    content: "";
    background: linear-gradient(0deg, var(--promoBgColor) 0%, var(--promoBgColor) 38%, transparent 58%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] > button[_ngcontent-ng-c4211832986]:before {
        background: none
    }
}

[_nghost-ng-c4211832986] h5[_ngcontent-ng-c4211832986],
[_nghost-ng-c4211832986] p.dep-title[_ngcontent-ng-c4211832986]{
    margin-bottom: .5rem;
    text-align: center;
    font-size: 26px;
    line-height: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(251 191 21 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] h5[_ngcontent-ng-c4211832986],
    [_nghost-ng-c4211832986] p.dep-title[_ngcontent-ng-c4211832986]{
        text-align: left;
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

[_nghost-ng-c4211832986] p[_ngcontent-ng-c4211832986] {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] p[_ngcontent-ng-c4211832986] {
        margin-bottom: 2.5rem;
        text-align: left;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

[_nghost-ng-c4211832986] .promo-image[_ngcontent-ng-c4211832986] {
    max-width: 217px;
    min-width: 217px;
    order: 1;
    margin-left: auto;
    margin-right: auto;
    margin-top: -.25rem;
    display: flex;
    width: 75%;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] .promo-image[_ngcontent-ng-c4211832986] {
        max-width: none;
        min-width: auto;
        order: 2;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: auto
    }
}

[_nghost-ng-c4211832986] .promo-image[_ngcontent-ng-c4211832986] img[_ngcontent-ng-c4211832986] {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: right
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] .promo-image[_ngcontent-ng-c4211832986] img[_ngcontent-ng-c4211832986] {
        height: 80%
    }
}

[_nghost-ng-c4211832986] .promo-offer[_ngcontent-ng-c4211832986] {
    background: linear-gradient(0deg, var(--promoBgColor) 0%, var(--promoBgColor) 88%, transparent 100%);
    margin-top: -55px;
    position: relative;
    order: 2;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] .promo-offer[_ngcontent-ng-c4211832986] {
        background: none;
        position: absolute;
        left: 2.25rem;
        order: 1;
        margin-top: 0;
        width: 60%;
        align-items: flex-start;
        justify-content: center;
        padding-left: 0;
        padding-right: 0
    }
}

[_nghost-ng-c4211832986] .promo-offer[_ngcontent-ng-c4211832986] a[_ngcontent-ng-c4211832986] {
    margin-bottom: 2rem;
    width: 13rem
}

@media (min-width: 640px) {
    [_nghost-ng-c4211832986] .promo-offer[_ngcontent-ng-c4211832986] a[_ngcontent-ng-c4211832986] {
        margin-bottom: 0
    }
}

.close-sidenav {
    cursor: pointer;
}

.bottom-button {
    font-size: 0;
    width: 24px;
    height: 24px;
}

#content-container {

    h1,
    h2,
    h3,
    p,
    span,
    li,
    table {
        font-family: "Open Sans", sans-serif;
    }

    h1,
    h2,
    h3 {
        color: #fff;
        margin: 24px 0 12px 0;
    }

    h1 {
        font-size: 24px;
        font-weight: 700;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 16px;
    }

    p,
    span {
        font-size: 14px;
        color: #ffffffb6;
    }

    ul {
        display: flex;
        flex-direction: column;
        gap: 4px;
        list-style: none;
        padding: 0;
    }

    li {
        padding: 8px 16px;
        background: linear-gradient(30deg, #ffffff12, #ffffff09) !important;
        border-radius: 16px;
        border: 0.5px solid #ffffffb6;
        color: #ffffffec;
    }

    ol {
        display: flex;
        flex-direction: column;
        gap: 4px;
        list-style-type: none;
        counter-reset: num;
        padding: 0;

        li {
            display: flex;
            align-items: center;
            padding: 8px 16px 8px 0 !important;
        }

        li::before {
            height: 100%;
            content: counter(num);
            counter-increment: num;
            padding: 0 16px;
            font-size: 16px;
            font-weight: 700;
        }
    }

    table {
        width: 100%;
        border: none;
        margin-bottom: 20px;
        border-collapse: separate;
        border-spacing: 0 0;
        -webkit-border-vertical-spacing: 0;
        -webkit-border-horizontal-spacing: 0;
    }

    table thead th {
        font-weight: 700;
        text-align: left;
        border: none;
        padding: 10px 16px;
        background: #ffffff15;
        font-size: 14px;
        border-top: 0.5px solid #ffffffb6;
        border-bottom: 0.5px solid #ffffffb6;
        margin-bottom: 10px;
        color: #fff;
    }

    table thead::after {
        content: "@";
        display: block;
        line-height: 4px;
        text-indent: -99999px;
    }

    table tr th:first-child,
    table tr td:first-child {
        border-left: 0.5px solid #ffffffb6;
    }

    table tr th:last-child,
    table tr td:last-child {
        border-right: 0.5px solid #ffffffb6;
    }

    table thead tr th:first-child {
        border-radius: 16px 0 0 16px;
    }

    table thead tr th:last-child {
        border-radius: 0 16px 16px 0;
    }

    table tbody td {
        text-align: left;
        border: none;
        padding: 10px 16px;
        font-size: 14px;
        vertical-align: top;
        color: #ffffffec;
    }

    table tbody tr:nth-child(odd) {
        background: #ffffff15;
    }

    table tbody tr:first-child td {
        border-top: solid 0.5px #ffffffb6;
    }

    table tbody tr:first-child td:first-child {
        border-radius: 16px 0 0 0;
    }

    table tbody tr:first-child td:last-child {
        border-radius: 0 16px 0 0;
    }

    table tbody tr:last-child td {
        border-bottom: 0.5px solid #ffffffb6;
    }

    table tbody tr:last-child td:first-child {
        border-radius: 0 0 0 16px;
    }

    table tbody tr:last-child td:last-child {
        border-radius: 0 0 16px 0;
    }
}

#content-container p{
    margin-bottom: 10px;
}