@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-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: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-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: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/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
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    max-height: 100%;
    z-index: 1000
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0;
    touch-action: manipulation;
    z-index: 1000;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1)
}

@media (prefers-reduced-motion) {
    .cdk-overlay-backdrop {
        transition-duration: 1ms
    }
}

.cdk-overlay-backdrop-showing {
    opacity: 1
}

@media (forced-colors: active) {
    .cdk-overlay-backdrop-showing {
        opacity: .6
    }
}

.cdk-overlay-dark-backdrop {
    background: #00000052
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
    z-index: 1000
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

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

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root,:root.dark-theme {
    --color-brand-primary: #ff2400;
    --color-brand-secondary: #00cfa6;
    --color-brand-secondary-light: rgba(0, 207, 166, .15);
    --color-additionals-danger: #ff2400;
    --color-additionals-success: #00cfa6;
    --color-additionals-warning: #ffc700;
    --color-additionals-favorites: #ffc700;
    --color-additionals-accent: #ff9900;
    --color-button-primary-bg: #ff2400;
    --color-button-primary-bg-animation: rgba(255, 36, 0, .5);
    --color-button-primary-bg-hover: linear-gradient(0deg, rgba(49, 51, 52, .15), rgba(49, 51, 52, .15)), #ff2400;
    --color-button-primary-bg-pressed: linear-gradient(0deg, rgba(13, 16, 22, .2), rgba(13, 16, 22, .2)), #ff2400;
    --color-button-primary-txt: #ffffff;
    --color-button-primary-txt-pressed: #c2c4c9;
    --color-button-secondary-strk: #ff2400;
    --color-button-secondary-bg-hover: #ff2400;
    --color-button-secondary-bg-pressed: linear-gradient(0deg, rgba(13, 16, 22, .2), rgba(13, 16, 22, .2)), #ff2400;
    --color-button-secondary-txt: #ffffff;
    --color-button-secondary-txt-hover: #ffffff;
    --color-button-secondary-txt-pressed: #c2c4c9;
    --color-button-secondary-icon: #ff2400;
    --color-button-secondary-icon-hover: #ffffff;
    --color-button-secondary-icon-pressed: #c2c4c9;
    --color-button-tertiary-strk: #444852;
    --color-button-tertiary-strk-hover: linear-gradient(163deg, #00cfa6 0%, #444852 59.09%);
    --color-button-tertiary-strk-before: linear-gradient(163deg, #00cfa6 0%, #444852 59.09%);
    --color-button-tertiary-strk-pressed: linear-gradient(136.34deg, #00cfa6 0%, rgba(0, 207, 166, .3) 59.09%);
    --color-button-tertiary-strk-hover-only-icon: linear-gradient(136.34deg, #00cfa6 0%, #444852 59.09%);
    --color-button-tertiary-strk-pressed-only-icon: linear-gradient(136.34deg, #00cfa6 0%, #444852 59.09%);
    --color-button-tertiary-bg-pressed: linear-gradient(95.29deg, rgba(0, 207, 166, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-button-tertiary-txt: #80858f;
    --color-button-tertiary-txt-hover: #c2c4c9;
    --color-button-tertiary-txt-pressed: #c2c4c9;
    --color-button-tertiary-animation-highlight: linear-gradient( 270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 25%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .1) 75%, rgba(255, 255, 255, 0) 100% );
    --color-button-tertiary-accent-strk: #444852;
    --color-button-tertiary-accent-strk-hover: linear-gradient(163deg, rgba(255, 199, 0, 1) 0%, rgba(255, 199, 0, .3) 59.09%);
    --color-button-tertiary-accent-strk-hover-2: linear-gradient(136deg, #ffc700 0%, #444852 59.09%);
    --color-button-tertiary-accent-strk-pressed: linear-gradient(163deg, rgba(255, 199, 0, 1) 0%, rgba(255, 199, 0, .3) 59.09%);
    --color-button-tertiary-accent-strk-pressed-2: linear-gradient(136deg, #ffc700 0%, rgba(255, 199, 0, .3) 59.09%);
    --color-button-tertiary-accent-strk-hover-only-icon: linear-gradient(163deg, rgba(255, 199, 0, 1) 0%, rgba(255, 199, 0, .3) 59.09%);
    --color-button-tertiary-accent-strk-pressed-only-icon: linear-gradient(163deg, rgba(255, 199, 0, 1) 0%, rgba(255, 199, 0, .3) 59.09%);
    --color-button-tertiary-accent-bg-pressed: linear-gradient(95.29deg, rgba(255, 199, 0, .2) 0%, rgba(255, 199, 0, 0) 100%);
    --color-button-tertiary-accent-txt: #80858f;
    --color-button-tertiary-accent-txt-hover: #c2c4c9;
    --color-button-tertiary-accent-txt-pressed: #ffffff;
    --color-button-link-txt: #80858f;
    --color-button-link-txt-pressed: #444852;
    --color-button-special-bg-1: rgba(13, 16, 22, .85);
    --color-button-special-bg-pressed-1: #0d1016;
    --color-button-special-txt-1: #80858f;
    --color-button-special-txt-pressed-1: #444852;
    --color-button-special-strk-1: linear-gradient(180deg, #80858f 0%, rgba(13, 16, 22, 0) 92.5%);
    --color-button-special-strk-hover-1: linear-gradient(180.03deg, #00cfa6 .03%, rgba(13, 16, 22, 0) 99.98%);
    --color-button-special-strk-pressed-1: linear-gradient(180.03deg, #00cfa6 .03%, rgba(13, 16, 22, 0) 99.98%);
    --color-button-special-bg-2: transparent;
    --color-button-special-bg-hover-2: rgba(13, 16, 22, .25);
    --color-button-special-bg-pressed-2: rgba(13, 16, 22, .4);
    --color-button-special-txt-2: #ffffff;
    --color-button-special-txt-pressed-2: #c2c4c9;
    --color-button-special-strk-2: #ffffff;
    --color-button-special-txt-3: #ffffff;
    --color-button-special-txt-pressed-3: #c2c4c9;
    --color-button-special-strk-3: #ffffff;
    --color-button-special-bg-pressed-3: rgba(13, 16, 22, .4);
    --color-nav-button-disabled: #5e5a5b;
    --padding-vertical-button-s: 1rem;
    --padding-vertical-button-l: 2rem;
    --padding-horizontal-button-s: .4375rem;
    --padding-horizontal-button-l: .9375rem;
    --border-radius-button-s: .25rem;
    --border-radius-button: .25rem;
    --text-transform-button: none;
    --line-height-button-s: .875rem;
    --line-height-button-m: 1rem;
    --line-height-button-l: 1rem;
    --font-size-button-s: .875rem;
    --font-size-button-m: 1rem;
    --font-size-button-l: 1rem;
    --font-weight-button-s: 500;
    --font-weight-button-m: 500;
    --font-weight-button-l: 500;
    --promocode-form-button-padding: .5rem;
    --promocode-form-button-top-gap: 6px;
    --color-bg-1: #0d1016;
    --color-bg-2: #13171f;
    --color-bg-3: #1b1f28;
    --color-bg-4: #232834;
    --color-bg-5: #80858f;
    --color-bg-6: #a7aab1;
    --color-bg-7: #c2c4c9;
    --color-bg-8: #ffffff;
    --color-bg-9: transparent;
    --shadow-welcome-banner: 0px 0px 10px rgba(0, 0, 0, .3);
    --shadow-lang-dropdown: 0px 4px 8px rgba(0, 0, 0, .4);
    --shadow-lang-icon: none;
    --shadow-navbar-tabs: 0px -4px 10px rgba(0, 0, 0, .4);
    --shadow-balance-details: 0px 2px 8px rgba(0, 0, 0, .4);
    --shadow-control-tooltip: 0px 4px 8px rgba(0, 0, 0, .4);
    --shadow-control-dropdown: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-news-cta-button: 0px -4px 10px rgba(0, 0, 0, .4);
    --shadow-game-frame: 0px 0px 16px rgba(0, 0, 0, .8);
    --shadow-profile-tooltip: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-tooltip: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-balance-filters-footer: 0px -4px 10px rgba(0, 0, 0, .4);
    --shadow-calendar-dropdown: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-select-list-option: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-fd-bonus: 0px 0px 16px rgba(0, 0, 0, .8);
    --shadow-login: 0px 4px 4px rgba(0, 0, 0, .6);
    --shadow-rules-details: 0px 4px 8px rgba(0, 0, 0, .4);
    --shadow-championship-nav: 3px 0px 6px rgba(0, 0, 0, .4);
    --shadow-championship-nav-item: 3px 2px 2px rgba(0, 0, 0, .2);
    --shadow-taxes-calculator: 0px 0px 4px 0px rgba(0, 0, 0, .2);
    --shadow-promo-survey-step-dialog: 0px 0px 10px rgba(0, 0, 0, .3);
    --color-txt-icon-1: #ffffff;
    --color-txt-icon-2: #c2c4c9;
    --color-txt-icon-3: #80858f;
    --color-txt-icon-4: #444852;
    --color-txt-icon-5: #0d1016;
    --color-txt-icon-6: #80858f;
    --color-txt-icon-banner-1: #ffffff;
    --color-txt-icon-white: #ffffff;
    --color-txt-icon-jackpot-accent: #ffc700;
    --color-txt-icon-jackpot-accent-2: #ffa800;
    --gradient-menu-divider: linear-gradient( 90deg, rgba(0, 207, 166, 0) 0%, rgba(0, 207, 166, .35) 27.6%, rgba(0, 207, 166, .7) 52.62%, rgba(0, 207, 166, .35) 74.48%, rgba(0, 207, 166, 0) 100% );
    --gradient-menu-divider-2: linear-gradient( 90deg, rgba(0, 207, 166, 0) 0%, rgba(0, 207, 166, .35) 27.6%, rgba(0, 207, 166, .7) 52.62%, rgba(0, 207, 166, .35) 74.48%, rgba(0, 207, 166, 0) 100% );
    --gradient-hover: #00cfa6 0%, rgba(13, 16, 22, .2) 59.09%;
    --gradient-divider-horiz: linear-gradient( 90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100% );
    --gradient-divider-vert: linear-gradient( 0deg, rgba(30, 35, 46, 0) .01%, rgba(128, 133, 143, .252417) 27.61%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100% );
    --gradient-tab-highlighting: linear-gradient(90deg, rgba(255, 36, 0, 0) 0%, #ff2400 50.52%, rgba(255, 36, 0, 0) 100%);
    --gradient-navbar-deposit-btn-highlighting: linear-gradient( 90deg, rgba(255, 36, 0, 0) 0%, rgba(255, 36, 0, .35) 27.6%, rgba(255, 36, 0, .7) 52.62%, rgba(255, 36, 0, .35) 74.48%, rgba(255, 36, 0, 0) 100% );
    --gradient-navbar-tab-highlighting: transparent;
    --gradient-accent-menu-highlight: linear-gradient(180deg, rgba(0, 207, 166, 0) 17.94%, #00cfa6 40.59%, rgba(0, 207, 166, 0) 63.66%);
    --gradient-secondary-menu-highlight: linear-gradient( 180deg, rgba(128, 133, 143, 0) 17.94%, #80858f 40.59%, rgba(128, 133, 143, 0) 63.66% );
    --gradient-scroll-shadow: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #0d1016 81.82%);
    --gradient-scroll-shadow-2: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #0d1016 81.82%);
    --gradient-horiz-tab-scroll: linear-gradient(270deg, #0d1016 0%, rgba(13, 16, 22, 0) 86.76%);
    --gradient-horiz-tab-scroll-2: linear-gradient(270deg, rgba(255, 255, 255, 0) 14.01%, #ffffff 86.76%);
    --gradient-horiz-tab-scroll-padding-24: linear-gradient(270deg, #0d1016 28.47%, rgba(255, 255, 255, 0) 86.76%);
    --gradient-horiz-tab-scroll-rotate: linear-gradient(90deg, #0d1016 0%, rgba(13, 16, 22, 0) 86.76%);
    --gradient-horiz-tab-scroll-padding-24-rotate: linear-gradient(90deg, #0d1016 28.47%, rgba(255, 255, 255, 0) 86.76%);
    --gradient-progressbar: linear-gradient(90deg, #ffc700 79.95%, rgba(255, 199, 0, 0) 100%);
    --gradient-progressbar-1: linear-gradient(90deg, #00cfa6 79.95%, rgba(0, 207, 166, 0) 100%);
    --gradient-progressbar-2: linear-gradient(90deg, #ff2400 79.95%, rgba(0, 207, 166, 0) 100%);
    --gradient-progressbar-3: linear-gradient(90deg, #ffc700 79.95%, rgba(0, 207, 166, 0) 100%);
    --gradient-selected-point: linear-gradient(98.86deg, #00cfa6 0%, rgba(0, 207, 166, .2) 100%);
    --gradient-sidebar-bottom-down: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #0d1016 100%);
    --gradient-sidebar-bottom-down-2: linear-gradient(180deg, #858585 0%, rgba(13, 16, 22, 0) 100%);
    --gradient-sb-pt-left: linear-gradient(90deg, rgba(13, 16, 22, 0) 0%, #80858f 100%);
    --gradient-sb-pt-right: linear-gradient(90.05deg, #00cfa6 .04%, rgba(13, 16, 22, 0) 99.96%);
    --gradient-bottom-bar: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #0d1016 64.77%);
    --gradient-bottom-bar-2: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 64.77%);
    --gradient-corner-shadow-small: linear-gradient(128.83deg, #0d1016 0%, rgba(13, 16, 22, 0) 23.69%);
    --gradient-corner-shadow-big: linear-gradient(120.62deg, #0d1016 0%, rgba(13, 16, 22, 0) 39.74%);
    --gradients-graphics-mobile-cards: linear-gradient(360deg, rgba(19, 23, 31, .3) 0%, rgba(19, 23, 31, .243) 33.56%, rgba(19, 23, 31, 0) 100%), linear-gradient(360deg, #13171f 0%, rgba(19, 23, 31, .81) 33.56%, rgba(19, 23, 31, 0) 100%);
    --gradients-graphics-mobile-page: linear-gradient( 0deg, rgba(13, 16, 22, .3) 0%, rgba(255, 255, 255, .3) 0%, rgba(13, 16, 22, .3) 0%, rgba(13, 16, 22, .24) 33.56%, rgba(13, 16, 22, 0) 100% ), linear-gradient(0deg, #0d1016 0%, #fff 0%, #0d1016 0%, rgba(13, 16, 22, .81) 33.56%, rgba(13, 16, 22, 0) 100%);
    --gradients-graphics-desktop-cards: linear-gradient(0deg, rgba(19, 23, 31, .3) 0%, rgba(19, 23, 31, .243) 22.77%, rgba(19, 23, 31, 0) 67.86%), linear-gradient(0deg, #13171f 0%, rgba(19, 23, 31, .81) 22.77%, rgba(19, 23, 31, 0) 67.86%);
    --gradients-tournaments-sidebar-picture: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #0d1016 100%);
    --gradients-skeleton-blur: linear-gradient( 93.37deg, rgba(255, 255, 255, 0) .89%, rgba(255, 255, 255, .6) 48.66%, rgba(255, 255, 255, 0) 96.17% );
    --gradient-sport-menu-dropdown-item: linear-gradient( 90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .25) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .29) 74.48%, rgba(13, 16, 22, 0) 100% );
    --gradient-label-corner-accent: linear-gradient(214.86deg, #00cfa6 0%, rgba(0, 207, 166, 0) 22.41%);
    --gradient-radial-2: radial-gradient(50% 50% at 50% 50%, #232834 46.15%, rgba(27, 31, 40, 0) 100%);
    --gradients-label-new: linear-gradient(135deg, #ffc700 0%, rgba(13, 16, 22, .2) 54%);
    --gradients-label-exclusive: linear-gradient(136deg, #fff 0%, rgba(13, 16, 22, .2) 57.1%);
    --gradients-bm-t-bar-highlighting: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 50.52%, rgba(255, 255, 255, 0) 100%);
    --gradients-1-lbl: linear-gradient(131deg, #0d1016 0%, rgba(13, 16, 22, 0) 28.71%);
    --gradients-2-lbl: linear-gradient(126deg, #0d1016 0%, rgba(13, 16, 22, 0) 39.73%);
    --gradients-txt-accent: linear-gradient(180deg, #ffc700 6.29%, #ff7a00 100%);
    --gradient-quick-deposit-divider: linear-gradient( 90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100% );
    --color-menu-icon: #80858f;
    --color-menu-icon-hover: #ffffff;
    --color-menu-icon-active: #ff2400;
    --color-menu-icon-secondary: #80858f;
    --color-menu-icon-indicator: #00cfa6;
    --color-menu-icon-default: #6e9190;
    --color-menu-text: #80858f;
    --color-menu-text-hover: #ffffff;
    --color-menu-text-active: #ffffff;
    --color-menu-text-active-2: #ffffff;
    --color-menu-text-default-2: #b4dcda;
    --color-menu-bg: #232834;
    --color-menu-bg-2: #13171f;
    --color-menu-bg-hover: #1b1f28;
    --color-menu-bg-hover-2: #0d1016;
    --color-menu-bg-line: #1b1f28;
    --color-menu-bg-gradient: linear-gradient(90deg, #1b1f28 0%, rgba(27, 31, 40, 0) 100%);
    --color-menu-bg-gradient-2: linear-gradient(84.68deg, rgba(0, 207, 166, .1) 3.75%, rgba(0, 207, 166, 0) 95.24%);
    --shadow-menu-hover: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-menu-hover-2: 0px 1px 3px rgba(0, 0, 0, .5);
    --color-sidebar-icon: #00cfa6;
    --color-sidebar-icon-hover: #00cfa6;
    --color-sidebar-icon-2: #80858f;
    --color-sidebar-icon-hover-2: #80858f;
    --color-sidebar-bg: #0d1016;
    --color-sidebar-bg-secondary: #0d1016;
    --shadow-sidebar-scrolling-bottom: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #0d1016 100%);
    --color-sidebar-line: #1b1f28;
    --shadow-sidebar-pulling-tag: 3px 0px 6px rgba(0, 0, 0, .4);
    --shadow-sidebar-pulling-tag-2: 3px 0px 6px rgba(0, 0, 0, .4);
    --header-height-s: 40px;
    --color-headers-bg: #0d1016;
    --shadow-headers: 0px 4px 10px rgba(0, 0, 0, .4);
    --color-headers-bg-secondary: #13171f;
    --color-headers-bg-tertiary: #1b1f28;
    --color-headers-bg-quaternary: #232834;
    --color-headers-bg-grad: linear-gradient(270deg, #13171f 0%, rgba(19, 23, 31, 0) 86.76%);
    --color-headers-bg-grad-2: linear-gradient(270deg, #0d1016 0%, rgba(13, 16, 22, 0) 86.76%);
    --color-headers-bg-grad-3: linear-gradient(270deg, #0d1016 0%, rgba(13, 16, 22, 0) 86.76%);
    --color-headers-bg-line: #232834;
    --color-headers-txt-icon: #ffffff;
    --color-headers-txt-icon-secondary: #80858f;
    --color-headers-txt-icon-tertiary: #444852;
    --color-headers-txt-icon-accent: #ffffff;
    --color-footer-txt-1: #ffffff;
    --color-footer-txt-2: #80858f;
    --color-footer-txt-3: #80858f;
    --color-breadcrumbs-txt-icon: #444852;
    --color-breadcrumbs-txt-icon-hover: #ffffff;
    --color-tabs-icon: #80858f;
    --color-tabs-icon-hover: #ffffff;
    --color-tabs-icon-active: #ff2400;
    --color-tabs-bg: #0d1016;
    --color-tabs-bg-gradient-left: linear-gradient(135deg, rgba(0, 207, 166, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-tabs-bg-gradient-right: linear-gradient(225deg, rgba(0, 207, 166, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-tabs-txt: #80858f;
    --color-tabs-txt-active-1: #ffffff;
    --color-tabs-txt-hover-1: #ffffff;
    --color-tabs-txt-active-2: #ffffff;
    --color-tabs-tag-txt: #ffc700;
    --color-tabs-txt-active-3: #ffffff;
    --letter-spacing-tabs: normal;
    --text-transform-tabs: none;
    --font-weight-category-tab-active-sm: 400;
    --font-weight-category-tab-active-md: 400;
    --font-weight-category-tab-active-xl: 400;
    --color-tabs-strk: #444852;
    --color-tabs-strk-gradient-left: linear-gradient(135deg, #00cfa6 0%, #444852 100%);
    --color-tabs-strk-gradient-right: linear-gradient(225deg, #00cfa6 0%, #444852 100%);
    --color-tabs-strk-default: #ff2400;
    --height-tabs-underline: 3px;
    --filter-tabs-underline: none;
    --color-navbar-icon: #80858f;
    --color-navbar-icon-active: #ffffff;
    --color-navbar-bg: #0d1016;
    --color-navbar-txt: #80858f;
    --color-navbar-txt-active: #ffffff;
    --color-navbar-tag-txt: #ffc700;
    --color-filters-sorting-icon: #80858f;
    --color-filters-sorting-icon-hover: #c2c4c9;
    --color-filters-sorting-icon-active: #ffffff;
    --color-filters-sorting-bg: #232834;
    --color-filters-sorting-bg-active: #1b1f28;
    --color-filters-sorting-txt-active: #ffffff;
    --color-filters-sorting-txt: #80858f;
    --color-filters-search-icon-1: #80858f;
    --color-filters-search-icon-2: #80858f;
    --color-filters-search-bg: #1b1f28;
    --color-filters-search-txt-placeholder: #80858f;
    --color-filters-search-txt-filling: #ffffff;
    --shadow-filters-sorting-label: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-filters-sorting-list: 0px 4px 8px rgba(0, 0, 0, .4);
    --color-providers-bg: linear-gradient(291.37deg, rgba(13, 16, 22, .5) 0%, rgba(13, 16, 22, 0) 36.07%), #232834;
    --color-providers-bg-hover: #2d3443;
    --color-providers-bg-active: #0d1016;
    --color-providers-hover-light: rgba(255, 255, 255, .05);
    --color-providers-txt-title: #ffffff;
    --color-providers-tag-txt: #ffc700;
    --color-providers-tag-highlight: linear-gradient(135.14deg, #ffc700 0%, rgba(13, 16, 22, .2) 54%);
    --shadow-provider-card: 0px 0px 4px rgba(0, 0, 0, .2);
    --color-search-result-txt-title: #80858f;
    --color-search-result-txt-placeholder: #ffffff;
    --color-search-result-txt-name: #ffffff;
    --color-search-result-txt-highlight: #00cfa6;
    --color-search-result-darker-mob: rgba(13, 16, 22, .9);
    --color-label-in-bottom-text: #ffffff;
    --color-label-in-bottom-bg: rgba(13, 16, 22, .65);
    --color-label-txt: #ffffff;
    --color-label-game-tile: #c2c4c9;
    --color-label-game-empty-star: #ffffff;
    --color-label-game-darker: rgba(13, 16, 22, .7);
    --color-label-winner-bg: rgba(13, 16, 22, .95);
    --color-label-winner-bg-hover: #0d1016;
    --shadow-label-winner-bg-hover: 0px 0px 8px rgba(0, 0, 0, .5);
    --color-label-new-bg: rgba(255, 36, 0, .6);
    --color-label-exclusive-bg: rgba(0, 207, 166, .6);
    --color-label-freespins-bg: rgba(13, 16, 22, .6);
    --label-border-radius: .125rem;
    --label-padding-horizontal: .25rem;
    --filter-color-tabs-icon: brightness(0) saturate(100%) invert(60%) sepia(3%) saturate(1090%) hue-rotate(182deg) brightness(87%) contrast(88%);
    --filter-color-tabs-icon-hover: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(343deg) brightness(102%) contrast(101%);
    --filter-tabs-icon-active: brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(5905%) hue-rotate(6deg) brightness(104%) contrast(105%);
    --filter-brightness-0: brightness(0%);
    --color-toggle-bg: #80858f;
    --color-toggle-bg-2: #444852;
    --color-toggle-bg-active: #00cfa6;
    --color-toggle-bg-active-2: #ffc700;
    --color-toggle-circle: linear-gradient(141.95deg, #dddddd 25.7%, #939393 100%);
    --color-toggle-circle-active: linear-gradient(141.95deg, #01cfa6 25.7%, #007e65 100%);
    --color-toggle-circle-active-2: linear-gradient(142deg, #ffc700 25.7%, #c39800 100%);
    --color-toggle-circle-bg: linear-gradient(144.73deg, #e3e3e3 15.19%, #ffffff 56.91%);
    --color-toggle-circle-strk: linear-gradient(90deg, #ffffff -20.71%, rgba(255, 255, 255, 0) 120.71%);
    --shadow-toggle: inset -1px 1px 1px rgba(0, 0, 0, .18);
    --shadow-toggle-active: inset 1px 1px 1px rgba(0, 0, 0, .18);
    --shadow-toggle-circle: 1px 1px 1px rgba(0, 0, 0, .18);
    --shadow-toggle-circle-active: -1px 1px 1px rgba(0, 0, 0, .18);
    --color-checkbox-bg: transparent;
    --color-checkbox-bg-active: #00cfa6;
    --color-checkbox-strk: #444852;
    --color-checkbox-strk-2: #444852;
    --color-checkbox-txt: #80858f;
    --color-checkbox-point: #ffffff;
    --border-checkbox: 1px solid var(--color-checkbox-strk);
    --border-checkbox-2: 1px solid var(--color-checkbox-strk-2);
    --shadow-checkbox: inset -1px 1px 2px rgba(13, 16, 22, .4);
    --shadow-checkbox-icon: drop-shadow(1px 1px 1px rgba(0, 0, 0, .18));
    --shadow-checkbox-active: inset 1px 1px 2px rgba(13, 16, 22, .4);
    --color-radiobutton-bg: transparent;
    --color-radiobutton-bg-2: #1b1f28;
    --color-radiobutton-bg-active: #00cfa6;
    --color-radiobutton-bg-active-2: #ffc700;
    --color-radiobutton-strk: #444852;
    --color-radiobutton-strk-2: linear-gradient(180deg, rgba(0, 207, 166, 1) 0%, rgba(0, 207, 166, .3) 100%);
    --color-radiobutton-circle-bg: linear-gradient(144.73deg, #e3e3e3 15.19%, #ffffff 56.91%);
    --color-radiobutton-circle-bg-active: linear-gradient(141.95deg, #01cfa6 25.7%, #007e65 100%);
    --color-radiobutton-circle-bg-active-2: linear-gradient(141.95deg, #ffc700 25.7%, #7d6200 100%);
    --color-radiobutton-circle-strk: #ffffff;
    --color-radiobutton-circle-strk-2: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .2) 100%);
    --shadow-radiobutton-circle-strk: 0px 0px 4px rgba(0, 0, 0, .2);
    --radiobutton-border-width: 1px;
    --color-stepper-strk: #444852;
    --color-stepper-bg: transparent;
    --color-stepper-bg-active: #00cfa6;
    --color-stepper-txt: #80858f;
    --color-stepper-txt-active: #c2c4c9;
    --color-stepper-txt-point: #ffffff;
    --shadow-stepper-txt-point: 0px 0px 4px rgba(0, 0, 0, .2);
    --shadow-controls-inner-right: -1px 1px 2px 0px #0d101666 inset;
    --shadow-controls-inner-left: 1px 1px 2px 0px #0d101666 inset;
    --shadow-controls-to-right: 1px 1px 1px 0px #0000002e;
    --shadow-controls-to-left: -1px 1px 1px 0px #0000002e;
    --text-shadow-controls-to-right: 1px 1px 1px #0000002e;
    --filter-drop-shadow-controls-to-right: drop-shadow(1px 1px 1px #0000002e);
    --color-input-bg: transparent;
    --color-input-border-active: #80858f;
    --color-input-border-focus: #c2c4c9;
    --color-input-border-filled: #80858f;
    --color-input-border-uneditable: #232834;
    --color-input-bg-label-1: #0d1016;
    --color-input-bg-label-2: #13171f;
    --color-input-bg-label-3: #0d1016;
    --color-input-bg-label-4: #1b1f28;
    --color-input-txt-label: #80858f;
    --color-input-txt-label-focus: #c2c4c9;
    --color-input-txt-placeholder: #444852;
    --color-input-txt-filled: #ffffff;
    --color-input-hint-txt: #80858f;
    --color-input-hint-icon: #00cfa6;
    --color-input-hint-bg: #13171f;
    --color-input-list-bg: #232834;
    --color-input-list-bg-hover: #1b1f28;
    --color-input-list-bg-active: #1b1f28;
    --color-input-list-txt: #80858f;
    --color-input-list-txt-hover: #80858f;
    --color-input-list-txt-active: #ffffff;
    --color-input-list-icon: #444852;
    --color-input-list-icon-hover: #80858f;
    --input-border-width: 1px;
    --input-border-width-filled: 1px;
    --input-border-width-highlight: 1px;
    --input-border-radius: .25rem;
    --input-padding-top: .75rem;
    --input-padding-bottom: .5rem;
    --input-padding-horizonral: .6875rem;
    --input-padding-right: 2.625rem;
    --input-margin-top: .375rem;
    --input-label-outline-top: .375rem;
    --input-label-outline-gap-border-width: 0;
    --input-label-outline-gap-filled-border-width: 0px;
    --input-label-top: 1.125rem;
    --input-label-top-position: -.0625rem;
    --input-icon-top-gap: .3125rem;
    --input-textarea-min-height: 2.5rem;
    --input-sum-font-size: 1rem;
    --input-sum-line-height: 1.375rem;
    --input-sum-padding-top: .625rem;
    --input-sum-padding-right: .9375rem;
    --input-sum-padding-bottom: .375rem;
    --input-sum-padding-left: .6875rem;
    --input-sum-currency-top-gap: .3125rem;
    --input-sum-currency-left-aligned-top-gap: .3125rem;
    --input-sum-currency-left-aligned-width: 3.125rem;
    --input-sum-currency-left-aligned-padding-left: 0;
    --input-phone-select-margin-top: .5625rem;
    --input-right-padding-top: .625rem;
    --input-right-padding-bottom: .375rem;
    --input-right-label-top-position: -.0625rem;
    --input-right-currency-top-gap: .3125rem;
    --quick-deposit-input-direction-type: right;
    --quick-deposit-button-size: m;
    --quick-deposit-input-top: -6px;
    --quick-deposit-top: 0;
    --quick-deposit-select-label-color: #ffffff;
    --quick-deposit-icon-margin-top: .5rem;
    --quick-deposit-currency-top: .3125rem;
    --quick-deposit-img-margin-top: .5rem;
    --quick-deposit-fp-img-height: 26px;
    --quick-deposit-full-height: 46px;
    --quick-deposit-toggle-sm-txt-transform: initial;
    --select-padding-vertical: .625rem;
    --select-content-left-gap: .75rem;
    --select-content-top-gap: .625rem;
    --select-chevron-top-gap: .625rem;
    --select-labelled-top-gap: .375rem;
    --select-labelled-content-top-gap: 1.125rem;
    --select-labelled-chevron-top-gap: 1.125rem;
    --color-tournaments-prize-first: rgba(255, 186, 86, 1);
    --color-tournaments-prize-second: rgba(0, 207, 166, 1);
    --color-tournaments-prize-third: rgba(128, 133, 143, 1);
    --thematic-section-card-underlay-display: block;
    --thematic-section-card-border-visibility-s: visible;
    --tournaments-card-border-radius: .25rem;
    --promo-card-border-radius: .25rem;
    --thematic-section-card-border-radius: .25rem;
    --thematic-section-card-underlay-border-radius: .375rem;
    --home-bonus-card-border-radius-s: .5rem;
    --home-bonus-card-border-radius-m: 1rem;
    --home-bonus-card-border-radius-l: 1.5rem;
    --pincoins-card-border-radius: .25rem;
    --bonus-mini-card-border-radius: .25rem;
    --bonus-card-border-radius: .25rem;
    --gift-box-widget-card-border-radius: .25rem;
    --gift-box-card-border-radius: .25rem;
    --profile-widget-card-border-radius: .25rem;
    --live-dealers-popular-card-border-radius: .25rem;
    --game-tile-border-radius: .25rem;
    --dialog-border-radius: .25rem;
    --color-cashbox-switch-bg: #232834;
    --color-cashbox-switch-ic-passive: #232834;
    --color-cashbox-switch-ic-active: #ffffff;
    --color-cashbox-cardholder-bg-1: #1b1f28;
    --color-cashbox-cardholder-bg-2: #0d1016;
    --color-cashbox-cardholder-bg-3: #232834;
    --color-cashbox-payment-bg-default: #232834;
    --color-cashbox-payment-bg-selected: linear-gradient(95.29deg, rgba(0, 207, 166, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-cashbox-payment-gradient: linear-gradient(142deg, #00cfa6 0%, #444852 59.09%);
    --color-cashbox-payment-gradient-row: linear-gradient(171deg, #00cfa6 0%, #444852 59.09%);
    --color-cashbox-tnx-puzzle-border: #80858f;
    --color-cashbox-conclusion-status-bg-1: #1b1f28;
    --color-cashbox-conclusion-status-bg-2: #232834;
    --color-cashbox-conclusion-status-txt-1: #80858f;
    --color-cashbox-conclusion-status-txt-2: #ffffff;
    --color-cashbox-conclusion-status-txt-3: #9d9b9b;
    --color-cashbox-comment-line: #1b1f28;
    --color-cashbox-header-bg-1: #13171f;
    --color-cashbox-header-bg-2: #232834;
    --color-cashbox-header-txt-1: #ffffff;
    --color-cashbox-header-txt-2: #80858f;
    --color-cashbox-related-method-bg: #232834;
    --color-cashbox-tips-method-bg: #232834;
    --color-cashbox-related-method-stroke: transparent;
    --color-cashbox-related-method-txt: #ffffff;
    --color-cashbox-related-method-txt-secondary: #80858f;
    --color-cashbox-tabs-cdk-bg-1: #1b1f28;
    --color-cashbox-tabs-cdk-bg-2: #232834;
    --color-cashbox-bg-1: #1b1f28;
    --color-cashbox-bg-2: #13171f;
    --shadow-front-card: 0px 0px 8px rgba(0, 0, 0, .5);
    --shadow-qr-card: 0px 0px 6px 0px rgba(0, 0, 0, .2);
    --color-cashbox-tech-works-description-txt: #ffffff;
    --input-cashbox-select-margin-top: .5625rem;
    --tech-difficulties-cashbox-info-height: 4.5rem ;
    --cashbox-sum-bonus-color: var(--color-txt-icon-5);
    --color-cashbox-bonuses-quick-amounts-bg: #ffc700;
    --color-cashbox-bonuses-quick-amounts-txt-label: #0d1016;
    --color-cashbox-bonuses-quick-amounts-txt-bonus: #ffc700;
    --cashbox-sum-input-use-right-dir-for-right-aligned-currency: false;
    --color-pop-up-bg-header: #232834;
    --color-pop-up-bg-header-2: #232834;
    --color-pop-up-bg-header-3: #0c1e1e;
    --color-pop-up-bg-body: #1b1f28;
    --color-pop-up-bg-body-2: #13171f;
    --color-pop-up-bg-body-3: #1b1f28;
    --color-pop-up-line: #13171f;
    --color-pop-up-bg-toast: #232834;
    --color-pop-up-txt-header: #ffffff;
    --color-pop-up-txt-body: #c2c4c9;
    --color-pop-up-txt-body-2: #c2c4c9;
    --color-pop-up-txt-body-3: #80858f;
    --color-pop-up-txt-currency-counter: #ffc700;
    --color-pop-up-ic-close: #80858f;
    --color-pop-up-ic-result-success: #ffffff;
    --color-pop-up-overlay-darken: rgba(13, 16, 22, .7);
    --color-pop-up-bg-gradient: linear-gradient(270deg, #1b1f28 0%, rgba(27, 31, 40, 0) 86.76%);
    --color-pop-up-bg-gradient-2: linear-gradient(180deg, #1b1f28 0%, rgba(27, 31, 40, 0) 100%);
    --color-pop-up-bg-gradient-rotate: linear-gradient(90deg, #1b1f28 0%, rgba(27, 31, 40, 0) 86.76%);
    --pincoins-exchange-bg: url(https://www.pin-up767.com/assets/pincoins/exchange-bg_dark.svg);
    --gift-box-bg: url(https://www.pin-up767.com/assets/gift-box/gift-box-bg_dark.jpg);
    --gift-box-bg-webp: url(https://www.pin-up767.com/assets/gift-box/gift-box-bg_dark.webp);
    --gift-box-widget-bg: url(https://www.pin-up767.com/assets/gift-box/widget/widget-box-bg_dark.svg);
    --gift-box-card-bg-mobile: url(https://www.pin-up767.com/assets/gift-box/page/box-bg-mobile_dark.svg);
    --gift-box-card-bg-desktop: url(https://www.pin-up767.com/assets/gift-box/page/box-bg-desktop_dark.svg);
    --gift-box-card-dots: url(https://www.pin-up767.com/assets/gift-box/page/dots_dark.svg);
    --gift-box-history-card-dots: url(https://www.pin-up767.com/assets/gift-box/history/dots-middle_dark.svg);
    --color-card-bg-1: #13171f;
    --color-card-bg-2: #1b1f28;
    --color-card-bg-3: #1b1f28;
    --color-card-bg-4: #444852;
    --color-card-bg-accent-1: #ff2400;
    --color-card-bg-accent-2: linear-gradient(0deg, rgba(49, 51, 52, .2), rgba(49, 51, 52, .2)), #ff2400;
    --color-card-bg-accent-3: linear-gradient(0deg, #0d1016, #1d222c);
    --color-card-bg-accent-4: linear-gradient(0deg, #0d1016 0%, #232834 100%);
    --color-card-bg-accent-5: linear-gradient(0deg, rgba(0, 207, 166, .2) 0%, #0d1016 100%);
    --color-card-bg-line-1: #1b1f28;
    --color-card-bg-line-2: #232834;
    --color-card-bg-line-3: rgba(255, 255, 255, .2);
    --color-card-txt-1: #ffffff;
    --color-card-txt-2: #80858f;
    --color-card-txt-3: #444852;
    --color-card-txt-4: #444852;
    --color-card-txt-5: #ffffff;
    --color-profile-txt-1: #ffffff;
    --color-profile-txt-2: #80858f;
    --color-profile-txt-3: #80858f;
    --color-profile-txt-4: #444852;
    --color-profile-table-bg-1: #13171f;
    --color-profile-table-line-1: #1b1f28;
    --color-profile-table-txt-header: #ffffff;
    --color-profile-table-txt-1: #c2c4c9;
    --color-profile-table-txt-2: #80858f;
    --color-profile-table-txt-accent: #00cfa6;
    --border-radius-profile-mob-section: .25rem;
    --gam-accent-1: #00cfa6;
    --gam-accent-2: #ff2400;
    --gam-accent-3: #ffc700;
    --gam-accent-4: #ff9900;
    --gam-accent-5: #80858f;
    --gam-accent-6: #1b1f28;
    --gam-accent-7: #232834;
    --color-gam-pop-up-txt-body: var(--color-pop-up-txt-body);
    --color-gam-profile-txt-2: var(--color-profile-txt-2);
    --gam-action-button-size: 40px;
    --gam-action-button-margin: 6px;
    --gradients-table-row-accent-bg-1: linear-gradient(90deg, rgba(0, 207, 166, .2) .51%, rgba(0, 207, 166, 0) 99.49%);
    --color-gam-card-content-bg: rgba(255, 255, 255, .03);
    --color-gam-card-img-bg-1: #53181f;
    --color-gam-card-img-bg-2: #13312e;
    --color-gam-micro-card-bg-default: #13171f;
    --color-gam-micro-card-bg-hover: #1b1f28;
    --color-text-header: #ffffff;
    --color-text-1: #c2c4c9;
    --color-text-2: #80858f;
    --color-text-3: #ffffff;
    --general-txt-icon-white: #ffffff;
    --circle-progress-indicator-txt-1: #ffffff;
    --color-gam-statistics-bg-1: #13171f;
    --card-txt-color-1: #ffffff;
    --card-txt-color-2: #80858f;
    --general-card-bg-color-1: #13171f;
    --color-gam-achievement-image-bg: #1b1f28;
    --gam-quest-card-border-radius: .5rem;
    --color-gam-bg-grad-right: linear-gradient(270deg, #13171f 26.03%, rgba(19, 23, 31, 0) 86.76%);
    --color-gam-bg-grad-left: linear-gradient(270deg, rgba(19, 23, 31, 0) 26.03%, #13171f 86.76%);
    --color-bg-grad-gam-card-divider: linear-gradient( to bottom, rgba(30, 35, 46, 0) 5%, rgba(128, 133, 143, .5) 50%, rgb(128, 133, 143) 50%, rgba(128, 133, 143, .5) 50%, rgba(13, 16, 22, 0) 95% );
    --color-bg-grad-gam-prizes-divider: linear-gradient( to right, rgba(30, 35, 46, 0) 5%, rgba(128, 133, 143, .5) 50%, rgb(128, 133, 143) 50%, rgba(128, 133, 143, .5) 50%, rgba(13, 16, 22, 0) 95% );
    --color-grad-gam-text: linear-gradient(to bottom, #ffc700 6%, #ff7a00 100%);
    --shadow-quest-details-item: 0px -4px 10px 0px rgb(0, 0, 0);
    --color-card-glow-radial-1: radial-gradient( 67.87% 110.14% at 50% -10.14%, rgba(0, 207, 166, .4) 0%, rgba(19, 23, 31, .1) 60%, rgba(19, 23, 31, 0) 100% );
    --color-card-glow-linear-1: linear-gradient(90deg, rgba(0, 207, 166, 0) 0%, rgba(0, 207, 166, .8) 50%, rgba(0, 207, 166, 0) 100%);
    --color-card-glow-radial-2: radial-gradient( 67.87% 110.14% at 50% -10.14%, rgba(255, 36, 0, .4) 0%, rgba(19, 23, 31, .1) 60%, rgba(19, 23, 31, 0) 100% );
    --color-card-glow-linear-2: linear-gradient(90deg, rgba(255, 36, 0, 0) 0%, rgba(255, 36, 0, .8) 50%, rgba(255, 36, 0, 0) 100%);
    --color-card-glow-radial-3: radial-gradient( 67.87% 110.14% at 50% -10.14%, rgba(255, 153, 0, .4) 0%, rgba(19, 23, 31, .1) 60%, rgba(19, 23, 31, 0) 100% );
    --color-card-glow-linear-3: linear-gradient(90deg, rgba(255, 199, 0, 0) 0%, rgba(255, 199, 0, .8) 50%, rgba(255, 199, 0, 0) 100%);
    --color-card-glow-radial-4: radial-gradient( 67.87% 110.14% at 50% -10.14%, rgba(255, 255, 255, .2) 0%, rgba(19, 23, 31, .1) 60%, rgba(19, 23, 31, 0) 100% );
    --color-card-glow-linear-4: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);
    --color-stage-bg-1: #1b1f28;
    --color-stage-bg-2: #13171f;
    --color-stage-bg-3: #80858f;
    --color-stage-bg-4: #80858f;
    --color-stage-bg-accent: #ff2400;
    --color-stage-txt-ic-1: #444852;
    --color-stage-txt-ic-2: #ffffff;
    --color-stage-txt-ic-3: #13171f;
    --color-stage-txt-ic-accent: #ff2400;
    --color-stage-ic: #13171f;
    --color-countdown-num-1: #ffffff;
    --color-countdown-txt-1: #80858f;
    --color-countdown-num-2: #ffffff;
    --color-countdown-txt-2: #c2c4c9;
    --color-countdown-txt-secondary: #13171f;
    --color-avatar-bg-gradient: linear-gradient(180deg, rgba(0, 207, 166, .52), rgba(0, 207, 166, 0));
    --color-avatar-bg-gradient-2: linear-gradient(180deg, rgba(244, 194, 95, .52), rgba(244, 194, 95, 0));
    --color-avatar-bg-1: #232834;
    --color-avatar-bg-2: #f4c25f;
    --animation-border-rotation-width: 1px;
    --color-transparent: transparent;
    --color-white: #ffffff;
    --color-overlay-backdrop: var(--color-bg-1);
    --color-banner-txt-icon: #ffffff;
    --color-banner-pagination: #ffffff;
    --color-progressbar-bg-1: #232834;
    --color-progressbar-full: #ffc700;
    --color-progressbar-full-1: #00cfa6;
    --color-progressbar-full-2: #ff2400;
    --color-progressbar-full-3: #ffc700;
    --content-summary-chevron: url(https://www.pin-up767.com/assets/content-page/summary-chevron-light.svg);
    --not-found-page-bg: #000211;
    --bonus-option-border-radius: .125rem;
    --starshine-block-underline-decoration-visibility: visible;
    --color-championship-counter-unit: var(--color-white);
    --color-championship-counter-unit-expired: var(--color-white);
    --color-secondary-championship-counter-unit-expired: var(--color-white);
    --color-secondary-championship-counter-unit: #13171f;
    --color-secondary-championship-counter-number: #13171f;
    --text-shadow-championship-counter-unit: 0 3px 0 rgba(0, 0, 0, .25);
    --text-shadow-championship-counter-unit-expired: 0 3px 0 rgba(0, 0, 0, .25);
    --color-advent-calendar-content-wrapper-bg: rgba(13, 16, 22, .7);
    --color-promo-bonus-option-bg: var(--color-card-bg-2);
    --color-promo-survey-input-bg: #232834;
    --color-promo-survey-button-tertiary-strk: linear-gradient(136.34deg, #00cfa6 0%, rgba(0, 207, 166, .3) 59.09%);
    --color-promo-survey-txt-icon-1: #ffffff;
    --color-promo-survey-txt-icon-2: #ffffff;
    --color-promo-survey-txt-icon-3: #9d9b9b;
    --color-promo-survey-txt-icon-4: #c2c4c9;
    --color-promo-survey-txt-icon-5: #80858f;
    --color-promo-survey-bg-1: #13171f;
    --color-promo-survey-bg-2: #0d1016;
    --maintenance-bg: #000211;
    color: #fff;
    background: var(--color-bg-1);
    --mtt-ticket-decorator-size: 36px;
    --mtt-ticket-border-radius: .25rem;
    --mtt-widget-ticket-bg: url(https://www.pin-up767.com/assets/poker/mtt-widget-ticket-bg.svg);
    --color-profile-edit-text: #80858f;
    --poker-rules-bg-1: #232834;
    --poker-rules-tabs-bg-1: #232834;
    --poker-rules-tabs-bg-2: #232834;
    --color-poker-rules-tabs-text-1: #c2c4c9;
    --color-poker-rules-tabs-text-2: #ffffff;
    --color-poker-rules-tabs-icon-1: #ff2400;
    --color-poker-rules-info: #c2c4c9;
    --skeleton-shape-bg: #232834;
    --skeleton-shape-bg-gradient: linear-gradient( 90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100% );
    --skeleton-base-widget-bg: linear-gradient(180deg, #1b1f28 0%, #1b1f28 26.04%, #000000 100%);
    --color-lobby-title-line-1: linear-gradient(270deg, rgba(4, 207, 170, 0) 0%, rgba(0, 207, 166, .5) 53.84%, rgba(4, 207, 170, 1) 100%);
    --color-lobby-title-line-2: linear-gradient(90deg, rgba(4, 207, 170, 0) 0%, rgba(0, 207, 166, .5) 53.84%, rgba(4, 207, 170, 1) 100%);
    --color-lobby-title-bg: radial-gradient(ellipse at center, #00cfa6 0%, rgba(0, 207, 166, 0) 100%);
    --coef-txt-secondary: #4c8c89;
    --coef-bg-default: #031717;
    --coef-border-color: #02312f;
    --coef-value-color-gradient-low: linear-gradient(180deg, #ffffff 6.29%, #b4dcda 100%);
    --coef-value-color-gradient-medium: linear-gradient(180deg, #ffeba6 0%, #ffaf66 100%);
    --coef-value-color-gradient-high: linear-gradient(180deg, #ffc700 6.29%, #ff7a00 100%);
    --color-lw-sector-txt-1: colors.$white;
    --color-lw-sector-txt-2: #241257;
    --color-bg-increased-bonus-counter: linear-gradient(180deg, #ffc700 26.48%, #ff8a00 100%)
}

:root {
    --color-odds-bg: transparent;
    --color-odds-strk: #444852;
    --color-odds-strk-hover: linear-gradient(136.34deg, #00cfa6 0%, #444852 59.09%);
    --color-odds-strk-pressed: linear-gradient(94.94deg, #00cfa6 0%, rgba(0, 207, 166, .3) 100%);
    --color-odds-strk-block: #444852;
    --color-odds-txt: #ffffff;
    --color-odds-txt-secondary: #80858f;
    --color-odds-txt-tertiary: #ffffff;
    --color-odds-txt-raise: #00cfa6;
    --color-odds-txt-drop: #ff2400;
    --color-odds-bg-hover: transparent;
    --color-odds-bg-pressed: linear-gradient(89.71deg, rgba(0, 207, 166, .2) .51%, rgba(0, 207, 166, 0) 99.49%);
    --color-odds-filled-bg: #232834;
    --color-outright-bg: #13171f;
    --color-outright-txt: #80858f;
    --color-outright-bg-hover: #13171f;
    --color-outright-txt-hover: #c2c4c9;
    --color-outright-bg-pressed: #232834;
    --color-outright-txt-pressed: #ffffff;
    --event-card-border-radius: .25rem;
    --event-card-border-radius-bottom-left: .25rem;
    --event-card-btn-txt-transform: none;
    --color-event-card-txt-icon: #ffffff;
    --color-event-card-txt-icon-accent: #80858f;
    --color-event-card-txt-icon-accent-2: #ffffff;
    --color-event-card-txt-icon-secondary: #80858f;
    --color-event-card-txt-icon-tertiary: #80858f;
    --color-event-card-txt-icon-quaternary: #444852;
    --color-event-card-txt-icon-brand-primary: #ff2400;
    --color-event-card-txt-icon-brand-secondary: #00cfa6;
    --color-event-card-txt-icon-score: #ffc700;
    --color-event-card-bg: #1b1f28;
    --color-event-card-bg-2: #1b1f28;
    --color-event-card-bg-3: #13171f;
    --color-event-card-header-bg: #13171f;
    --color-event-card-bg-accent: #1b1f28;
    --color-event-card-bg-secondary: #0d1016;
    --color-event-card-bg-tertiary: #0d1016;
    --color-event-card-bg-line: #232834;
    --color-event-card-bg-line-2: #232834;
    --color-event-card-bg-line-3: #232834;
    --color-event-card-bg-grad-to-right: linear-gradient(270deg, #1b1f28 0%, rgba(27, 31, 40, 0) 86.76%);
    --color-event-card-bg-grad-to-right-2: linear-gradient(270deg, #0D1016 0%, rgba(13, 16, 22, 0) 86.76%);
    --color-event-card-bg-grad-to-right-3: linear-gradient(270deg, #13171F 0%, rgba(19, 23, 31, 0) 86.76%);
    --color-event-card-bg-grad-to-right-act: linear-gradient(270deg, #1b1f28 0%, rgba(27, 31, 40, 0) 86.76%);
    --color-event-card-bg-grad-to-right-hover: linear-gradient(270deg, #13171f 0%, rgba(19, 23, 31, 0) 86.76%);
    --color-event-card-bg-grad-to-down: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #0d1016 81.82%);
    --color-event-card-bg-grad-to-down-2: linear-gradient(180deg, #1B1F28 0%, #1B1F28 100%);
    --color-event-card-bg-grad-horizon: linear-gradient(90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%);
    --color-event-card-bg-strk: #444852;
    --color-event-card-bg-strk-selected: linear-gradient(94.94deg, #00CFA6 0%, rgba(0, 207, 166, .3) 100%);
    --color-event-card-bg-selected: #80858f;
    --color-event-card-bg-hover: #13171f;
    --color-event-card-bg-info: #444852;
    --color-event-card-bg-info-table: rgba(255, 255, 255, .06);
    --shadow-event-card-mini: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-event-card-light: 0px 4px 8px rgba(0, 0, 0, .4);
    --shadow-event-card: 1px 1px 2px 0px rgba(0, 0, 0, .25);
    --color-filter-bg: #13171f;
    --color-filter-bg-2: #0d1016;
    --color-filter-bg-secondary: #1b1f28;
    --color-filter-bg-selected: #232834;
    --color-filter-txt-icon: #80858f;
    --color-filter-txt-icon-selected: #ffffff;
    --color-filter-txt-icon-selected-2: #ffffff;
    --color-filter-txt-icon-hover: #ffffff;
    --color-list-bg: #13171f;
    --color-list-bg-secondary: #1b1f28;
    --color-list-bg-tertiary: #232834;
    --color-list-strk-drag: #444852;
    --color-list-txt-icon: #ffffff;
    --color-list-txt-icon-secondary: #80858f;
    --color-list-txt-icon-brand-secondary: #00cfa6;
    --color-tr-logo-bg: #13171f;
    --color-tr-logo-bg-secondary: #13171f;
    --color-tr-logo-bg-grad: linear-gradient(270deg, #13171f 0%, rgba(19, 23, 31, 0) 86.76%);
    --color-tr-logo-bg-grad-rotate: linear-gradient(90deg, #13171f 0%, rgba(19, 23, 31, 0) 86.76%);
    --color-tr-logo-txt-icon: #ffffff;
    --color-tr-logo-txt-icon-secondary: #80858f;
    --betslipcard-border-radius: .25rem;
    --betslipcard-in-list-border-radius: 0;
    --betslipcard-in-list-margin: 0;
    --betslipcard-head-padding: .5rem;
    --color-betslipcard-in-list-bg-line: #232834;
    --shadow-betslipcard-list-bg: 0px 0px 6px 0px rgba(0, 0, 0, .2);
    --color-betslipcard-bg: #1b1f28;
    --color-betslipcard-bg-2: #1b1f28;
    --color-betslipcard-bg-secondary: #13171f;
    --color-betslipcard-bg-tertiary: #13171f;
    --color-betslipcard-bg-grad: #1b1f28;
    --color-betslipcard-bg-line: #232834;
    --color-betslipcard-bg-line-2: #232834;
    --color-betslipcard-bg-line-3: #232834;
    --color-betslipcard-strk-hover: linear-gradient(136.34deg, #00cfa6 0%, #1B1F28 59.09%);
    --color-betslipcard-strk-accent: rgba(0, 207, 166, .5);
    --color-betslipcard-txt-icon: #ffffff;
    --color-betslipcard-txt-icon-secondary: #80858f;
    --color-betslipcard-txt-icon-secondary-2: #80858f;
    --color-betslipcard-txt-icon-tertiary: #444852;
    --color-betslipcard-txt-icon-raise: #00cfa6;
    --color-betslipcard-txt-icon-drop: #ff2400;
    --color-betslipcard-txt-icon-freebet: #ffc700;
    --color-betslipcard-txt-icon-accent: #ffc700;
    --color-betslipcard-txt-icon-accent-2: #00cfa6;
    --shadow-betslipcard-bg: 0px 0px 6px 0px rgba(0, 0, 0, .2);
    --color-betslipcard-txt-strk-betbuilder: #13171f;
    --color-betslipcard-bg-betbuilder: #1b1f28;
    --color-betslipcard-bg-accordion: #13171f;
    --color-betslip-bg: #13171f;
    --color-betslip-bg-secondary: #1b1f28;
    --color-betslip-bg-line: #1b1f28;
    --color-betslip-bg-line-2: #232834;
    --color-betslip-bg-grad-right: linear-gradient(270deg, #13171F 0%, rgba(19, 23, 31, 0) 86.76%);
    --color-betslip-bg-grad-right-2: linear-gradient(270deg, #1B1F28 0%, rgba(27, 31, 40, 0) 86.76%);
    --color-betslip-bg-grad-left: linear-gradient(270deg, rgba(19, 23, 31, 0) 12.5%, #13171F 100%);
    --shadow-betslip-bg: 4px 4px 30px 0px rgb(0, 0, 0);
    --color-betslip-txt-icon: #ffffff;
    --color-betslip-txt-icon-secondary: #80858f;
    --color-betslip-txt-icon-secondary-2: #80858f;
    --color-betslip-txt-icon-odds: #ffc700;
    --color-betslip-bullet-list-bg: #444852;
    --color-betslip-calculator-footer-bg: #232834;
    --color-betslip-calculator-footer-bg-shadow: transparent;
    --color-betslip-calculator-order-txt-color: #80858f;
    --color-betslip-calculator-order-number-txt-color: #ffffff;
    --color-betslip-calculator-order-bg: #232834;
    --color-btn-free-bet-bg-default: #ffc700;
    --color-btn-free-bet-bg-hover: linear-gradient(0deg, #ffc700, #ffc700), linear-gradient(0deg, rgba(13, 16, 22, .15), rgba(13, 16, 22, .15));
    --color-btn-free-bet-bg-pressed: linear-gradient(0deg, #ffc700, #ffc700), linear-gradient(0deg, rgba(13, 16, 22, .2), rgba(13, 16, 22, .2));
    --color-btn-free-bet-txt-default: #0d1016;
    --color-btn-free-bet-txt-pressed: #1b1f28;
    --color-betsliprollup-bg: linear-gradient(144deg, rgba(0, 179, 143, .2) 50%, #1b262d 100%), linear-gradient(0deg, #1b1f28, #1b1f28);
    --color-betsliprollup-bg-secondary: #1b1f28;
    --color-betsliprollup-bg-label: #00cfa6;
    --color-betsliprollup-txt-icon: #ffffff;
    --color-betsliprollup-txt-icon-secondary: #ffffff;
    --color-betsliprollup-txt-icon-label: #0d1016;
    --color-betsliprollup-strk: linear-gradient(94.94deg, #00cfa6 0%, rgba(0, 207, 166, .3) 50%, #00cfa6 100%);
    --shadow-betsliprollup-bg: 4px 4px 30px 0px rgb(0, 0, 0);
    --color-betslip-widget-strk: rgba(128, 133, 143, .2);
    --color-betslip-widget-bg: #0d1016;
    --color-betslip-widget-bg-grad-1: linear-gradient(135deg, rgba(1, 206, 165, .3) 0%, rgba(14, 17, 23, 0) 66.67%);
    --color-betslip-widget-bg-grad-2: linear-gradient(45deg, rgba(13, 16, 22, 0) 29.81%, rgba(128, 133, 143, .2) 100%);
    --color-betslip-widget-bg-grad-3: linear-gradient(135deg, rgba(255, 199, 0, .25) 0%, rgba(14, 17, 23, 0) 66.67%);
    --color-betslip-widget-txt-icon: #ffffff;
    --color-betslip-widget-txt-icon-secondary: #80858f;
    --color-betslip-widget-txt-icon-accent: #00cfa6;
    --color-repeat-bet-tip-bg: #ffc700;
    --color-repeat-bet-tip-text: #313334;
    --color-express-bonus-hint-bg: #00CFA6;
    --color-express-bonus-hint-txt: #0d1016;
    --color-betslip-bg-info-message: #444852;
    --color-betslip-txt-info-message: #ffffff;
    --color-betslip-bonus-txt-icon: #ffffff;
    --color-betslip-bonus-txt-icon-secondary: #80858f;
    --color-betslip-bonus-txt-icon-accent: #ffc700;
    --color-betslip-bonus-strk: #444852;
    --color-betslip-bonus-strk-grad: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 100%);
    --color-betslip-bonus-bg: #13171f;
    --color-betslip-bonus-bg-grad: linear-gradient(-100deg, rgba(128, 133, 143, .2) 0%, rgba(14, 17, 23, 0) 66.67%);
    --color-betslip-bonus-bg-grad-2: linear-gradient(100deg, rgba(255, 199, 0, .2) 0%, rgba(14, 17, 23, 0) 66.67%);
    --color-betslip-bg-coeff: rgba(128, 133, 143, .3);
    --color-betslip-txt-icon-coeff: #ffc700;
    --color-event-banner-bg-grad: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, rgba(13, 16, 22, .9) 26.04%, #0d1016 100%);
    --color-event-banner-bg-date: rgba(13, 16, 22, .6);
    --color-event-banner-bg-date-2: rgba(13, 16, 22, .5);
    --color-event-banner-bg-card: #1b1f28;
    --color-event-banner-bg-card-2: #13171f;
    --color-event-banner-bg-line: #232834;
    --color-event-banner-txt-icon: #ffffff;
    --color-event-banner-txt-icon-secondary: #c2c4c9;
    --color-event-banner-txt-icon-date: #c2c4c9;
    --color-event-banner-txt-icon-date-2: #c2c4c9;
    --color-event-banner-txt-icon-date-dsk: #80858f;
    --color-event-banner-txt-icon-score: #ffc700;
    --color-event-banner-txt-icon-tournament: #ffffff;
    --event-banner-border-radius: .25rem;
    --event-banner-esports-mobile-border-radius: 0;
    --color-event-banner-upd-txt-icon: #ffffff;
    --color-event-banner-upd-bg-discount: rgba(255, 255, 255, .07);
    --color-event-banner-upd-bg-odds: linear-gradient(103deg, rgba(255, 255, 255, .25) 2.23%, rgba(255, 255, 255, .18) 100%);
    --color-event-banner-upd-txt-odds-secondary: #c2c4c9;
    --color-event-banner-upd-strk-odds: rgba(255, 255, 255, .12);
    --color-event-banner-upd-txt-icon-dsk: #c2c4c9;
    --color-event-banner-upd-txt-icon-time: #ffffff;
    --color-banner-bet-strk-hover: linear-gradient(136.34deg, #00cfa6 0%, rgba(13, 16, 22, .2) 59.09%);
    --color-banner-bet-txt-icon-primary: #ffffff;
    --color-banner-bet-bg: rgba(13, 16, 22, .85);
    --color-search-bet-bg-result: #1b1f28;
    --color-search-bet-bg: #13171f;
    --color-search-bet-line: #1b1f28;
    --color-search-bet-hover: #1b1f28;
    --color-search-bet-txt-icon: #80858f;
    --color-search-bet-txt-icon-primary: #ffffff;
    --color-search-bet-txt-icon-accent: #00cfa6;
    --color-watermark-bg: #80858f;
    --color-watermark-bg-win: #00cfa6;
    --color-watermark-bg-loss: #ff2400;
    --color-watermark-bg-sales: #ffc700;
    --color-watermark-bg-logo: rgba(255, 255, 255, .1);
    --color-score-info-bg: rgba(13, 16, 22, .5);
    --color-score-info-bg-line: rgba(255, 255, 255, .08);
    --color-score-info-bg-icon: rgba(255, 255, 255, .04);
    --color-score-info-bg-secondary: rgba(13, 16, 22, .3);
    --color-score-info-bg-scrollbar: rgba(255, 255, 255, .3);
    --color-score-info-txt-icon-primary: #ffffff;
    --color-score-info-txt-icon-secondary: #c2c4c9;
    --color-score-info-txt-icon-tertiary: rgba(255, 255, 255, .75);
    --color-score-info-txt-icon-final: #ffc700;
    --color-jackpots-bg: #1b1f28;
    --color-jackpots-bg-secondary: #232834;
    --color-jackpots-bg-tertiary: #13171f;
    --color-jackpots-txt-icon-primary: #ffffff;
    --color-jackpots-txt-icon-secondary: #80858f;
    --color-jackpots-txt-icon-accent: #ffc700;
    --color-jackpots-txt-icon-grad: linear-gradient(180deg, #ffc700 6.29%, #ff7a00 100%);
    --history-filters-aligment: flex-end;
    --info-column-item-border-radius: .25rem;
    --color-live-info-bg: rgb(19,23,31);
    --color-live-info-bg-secondary: rgb(27,31,40);
    --color-live-info-txt: rgb(255,255,255);
    --color-live-info-txt-secondary: rgb(179,179,179);
    --color-live-info-progress: rgb(179,179,179);
    --color-live-info-accent: rgb(255,36,0);
    --color-live-info-accent-secondary: rgb(0,207,166);
    --color-live-info-score-bg: rgb(19,23,31);
    --color-live-info-score-txt: rgb(255,183,0);
    --color-hover-tooltip-txt-icon-primary: #ffffff;
    --color-hover-tooltip-bg: #232834;
    --color-hover-tooltip-bg-secondary: #444852;
    --shadow-dialog-footer-bg: 0px -4px 10px rgba(0, 0, 0, .4);
    --sport-dropdown-chevron: #80858f;
    --sport-dropdown-chevron-active: #ffffff;
    --color-primary-tabs-gradient: linear-gradient(90.02deg, rgba(0, 207, 166, 0) 1.04%, #55FFDD 49.89%, rgba(0, 207, 166, 0) 98.74%);
    --color-primary-tabs-line-gradient-horizon: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 19.96%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .04) 80%, rgba(255, 255, 255, 0) 100%);
    --color-primary-tabs-line-gradient: linear-gradient(0deg, rgba(128, 133, 143, 0) .01%, rgba(128, 133, 143, .252417) 25.01%, rgba(128, 133, 143, .5) 50.01%, rgba(128, 133, 143, .25) 75%, rgba(128, 133, 143, 0) 100%);
    --color-primary-tabs-txt: #80858f;
    --color-primary-tabs-txt-selected: #ffffff;
    --color-primary-tabs-selected-bg: transparent;
    --style-primary-tabs-txt-transform: none;
    --style-primary-tab-border: none;
    --style-primary-tab-border-radius: none;
    --style-primary-active-tab-pseudo-display: block;
    --style-primary-tabs-height: 2.5rem;
    --style-primary-tab-pseudo-divider-height: 2rem;
    --style-primary-tabs-txt-fz: 14px;
    --style-primary-tabs-txt-lh: 18px;
    --style-primary-tabs-txt-fw: 400;
    --style-primary-active-tab-txt-fz: 14px;
    --style-primary-active-tab-txt-lh: 14px;
    --style-primary-active-tab-txt-fw: 500;
    --style-primary-events-type-tabs-desktop-max-width: 584px;
    --style-cyber-tabs-height: 2.5rem;
    --style-cyber-active-tab-pseudo-display: block;
    --style-cyber-tab-pseudo-divider-height: 2rem;
    --color-cyber-tabs-txt: #80858f;
    --color-cyber-tabs-txt-selected: #ffffff;
    --color-cyber-tabs-txt-selected-2: #ffffff;
    --color-cyber-tabs-txt-transform: none;
    --color-cyber-tabs-line: rgba(255, 255, 255, .08);
    --color-cyber-tabs-line-gradient: linear-gradient(0deg, rgba(128, 133, 143, 0) .01%, rgba(128, 133, 143, .252417) 25.01%, rgba(128, 133, 143, .5) 50.01%, rgba(128, 133, 143, .25) 75%, rgba(128, 133, 143, 0) 100%);
    --color-cyber-tabs-line-gradient-horizon: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 19.96%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .04) 80%, rgba(255, 255, 255, 0) 100%);
    --color-cyber-tabs-gradient: linear-gradient(90.02deg, rgba(0, 207, 166, 0) 1.04%, #55FFDD 49.89%, rgba(0, 207, 166, 0) 98.74%);
    --color-cyber-tabs-glow: #00FFCC;
    --color-cyber-tabs-bg: #1B1F28 linear-gradient(58.71deg, rgba(255, 255, 255, .1632) 0%, rgba(146, 146, 146, 0) 54.3%);
    --color-cyber-tabs-bg-selected: #1B1F28 linear-gradient(45deg, rgba(0, 207, 166, .68) 0%, rgba(0, 207, 166, .1088) 100%);
    --style-cyber-tabs-txt-selected-fw: 400;
    --style-primary-tabs-mobile-margin: 0;
    --style-primary-tabs-mobile-max-width: auto;
    --style-primary-tabs-desktop-max-width: 600px;
    --style-primary-tabs-live-max-width: 600px;
    --color-cyber-primary-tab-selected-bg: transparent;
    --style-cyber-primary-tab-border: none;
    --style-cyber-primary-tab-border-radius: none;
    --color-cyber-breadcrumb-bg: #1b1f28;
    --color-cyber-breadcrumb-bg-hover: #232834;
    --color-cyber-breadcrumb-bg-pressed: #13171f;
    --color-cyber-breadcrumb-txt-icon: #80858f;
    --style-cyber-event-card-header-divider-height: 2px;
    --style-cyber-event-card-shadow: none;
    --style-cyber-event-card-header-live-padding: 1px;
    --style-cyber-event-card-bottom-divider-display: block;
    --color-cyber-event-card-txt-icon: #ffffff;
    --color-cyber-events-list-head-bg: #1b1f28;
    --color-cyber-events-list-head-icon: #80858f;
    --style-cyber-events-list-head-border: 2px solid #0d1016;
    --style-period-tab-effect-type: blur;
    --skeleton-top-event-card-bg: linear-gradient(180deg, #1B1F28 0%, #1B1F28 26.04%, #000000 100%);
    --tips-color-bg-line: rgba(255, 255, 255, .08);
    --tips-color-bg-line-divider: rgba(255, 255, 255, .08);
    --tips-color-bg: #13171f;
    --tips-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .25);
    --tips-color-bg-gradient: radial-gradient(72.75% 100% at 50% 0%, #103837 0%, #13171f 100%);
    --tips-color-bg-secondary: transparent;
    --tips-color-text-accent: #80858f;
    --tips-color-text-secondary: #80858f;
    --tips-color-text-gradient: linear-gradient(to bottom, #80858f 61.96%, rgba(255, 255, 255, 0) 100%);
    --tips-color-text-primary: #ffffff;
    --tips-color-versus-icon: #80858f;
    --tips-color-tooltip-text: #ffffff;
    --tips-color-tooltip-bg: #444852;
    --tips-color-sport-bg: rgba(255, 255, 255, .04);
    --tips-font-size: .75rem;
    --tips-line-height: 1rem;
    --tips-card-skeleton-header-bg-color: #1b1f28;
    --tips-card-skeleton-body-bg-color: linear-gradient(180deg, #1b1f28 0%, #1b1f28 50%, #13171f 100%);
    --tips-card-skeleton-color-bg-line: rgba(255, 255, 255, .08);
    --tips-card-skeleton-bg-line-divider: rgba(255, 255, 255, .08);
    --top-parley-card-header-color: #80858f;
    --top-parley-card-subheader-color: #80858f;
    --top-parley-card-hint-color: #ffffff;
    --top-parley-card-bg-color: #13171f;
    --top-parley-card-divider-bg-color: #232834;
    --top-parley-card-mini-bg-color: #1b1f28;
    --top-parley-cards-br: .5rem;
    --top-parley-cards-br-color: transparent;
    --top-parley-footer-btn-shadow: none;
    --top-parley-footer-btn-br: .25rem;
    --top-parley-footer-content-padding: none;
    --top-parley-footer-content-bg-color: none;
    --top-parley-other-odds-title-color: #80858f;
    --label-bg: #80858f;
    --label-bg-accent: #00cfa6;
    --label-txt-icon-primary: #ffffff;
    --label-txt-icon-accent: #ffffff;
    --label-txt-icon-secondary: #80858f;
    --color-promo-card-bg: radial-gradient(72.75% 100% at 50% 0%, #103837 0%, #13171f 100%);
    --color-promo-card-txt-ic: #ffffff;
    --color-promo-card-txt-ic-secondary: rgba(255, 255, 255, .5);
    --promo-card-border-radius: .25rem;
    --color-nominal-bg: #444852;
    --color-nominal-bg-hover: #80858f;
    --color-vip-bet-bg-default: #0d1016;
    --color-vip-bet-bg-default2: #0d1016;
    --vip-bet-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .25);
    --vip-bet-widget-shadow: 0px -4px 10px 0px rgba(0, 0, 0, .4);
    --color-vip-bet-txt-ic-primary: #ffffff;
    --color-vip-bet-txt-ic-secondary: #80858f;
    --color-vip-bet-txt-ic-accent: #ffc700;
    --color-vip-bet-widget-bg: linear-gradient(90deg, rgba(128, 133, 143, .2) 0%, rgba(128, 133, 143, .4) 50%, rgba(128, 133, 143, .2) 100%);
    --color-vip-bet-label: #80858f;
    --color-vip-bet-label-crossed: #80858f;
    --color-vip-bet-top-line-light-bg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 100%);
    --color-vip-bet-bottom-light-bg: radial-gradient(53% 106% at 50% 100%, rgba(255, 199, 0, .05) 0%, rgba(13, 16, 22, 0) 100%);
    --color-vip-bet-bg-grad1: linear-gradient(135deg, rgba(255, 199, 0, .2) 0%, rgba(14, 17, 23, 0) 66.67%);
    --color-vip-bet-bg-grad2: linear-gradient(45deg, rgba(13, 16, 22, 0) 29.81%, rgba(128, 133, 143, .2) 100%);
    --color-vip-bet-bg-coef: rgba(255, 199, 0, .2);
    --color-vip-bet-coef: #ffffff;
    --color-discounts-banner-bg: #13171f;
    --color-discounts-banner-txt: #ffffff;
    --color-discounts-banner-border: rgba(255, 255, 255, .05);
    --color-discounts-banner-icon: #80858f;
    --color-discounts-banner-bg-grad-1: radial-gradient( 80% 100% at 0% 50%, rgba(0, 165, 132, .95) 0%, rgba(0, 165, 132, .5) 35%, rgba(29, 32, 38, .1) 65%, rgba(29, 32, 38, 0) 100% );
    --color-discounts-banner-bg-grad-2: radial-gradient( 90% 100% at 100% 50%, rgba(255, 255, 255, .15) 0%, rgba(61, 63, 68, .8) 30%, rgba(29, 32, 38, .2) 60%, rgba(29, 32, 38, 0) 100% );
    --color-discounts-banner-line-1: linear-gradient(90deg, rgba(0, 207, 166, 0) 0%, rgba(0, 207, 166, .6) 50%, rgba(0, 207, 166, 0) 100%);
    --color-discounts-banner-line-2: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100% );
    --shadow-discounts-banner-line-1: 0 0 20px 10px rgba(0, 207, 166, .6), 0 0 12px rgba(0, 207, 166, .4), 0 0 18px rgba(0, 207, 166, .3);
    --color-live-widget-bg-grad: radial-gradient(66.9% 100% at 50.13% 100%, rgba(0, 207, 166, .7) 0%, rgba(13, 16, 22, .5) 100%);
    --color-native-tabs-border-primary: #444852;
    --color-native-tabs-border1: linear-gradient(135deg, #00cfa6 0%, #444852 100%);
    --color-native-tabs-border2: linear-gradient(135deg, #00cfa6 0%, #444852 100%);
    --color-native-tabs-border3: linear-gradient(225deg, #00cfa6 0%, #444852 100%);
    --style-native-tabs-border-radius: .25rem;
    --color-native-tabs-bg-primary: #0d1016;
    --color-native-tabs-bg1: linear-gradient(135deg, rgba(0, 207, 166, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-native-tabs-bg2: linear-gradient(135deg, rgba(0, 207, 166, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-native-tabs-bg3: linear-gradient(225deg, rgba(0, 207, 166, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-native-tabs-text: #80858f;
    --color-native-tabs-text-active: #ffffff;
    --color-popular-outcome-bg: #1b1f28;
    --color-popular-outcome-bg-label: linear-gradient(90deg, rgba(0, 207, 166, .2) .51%, rgba(0, 207, 166, .04) 99.49%);
    --color-popular-outcome-txt-ic: #ffffff;
    --color-popular-outcome-txt-ic-secondary: #80858f
}

@keyframes shine {
    0% {
        left: -150%
    }

    to {
        left: 150%
    }
}

@keyframes live-flashing {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes blink {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    font: inherit;
    vertical-align: baseline
}

button,input[type=button],input[type=submit],input[type=reset],input[type=file] {
    border-radius: 0
}

input[type=text]::-ms-clear {
    display: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

img,picture {
    display: block;
    max-width: 100%
}

summary::-webkit-details-marker {
    content: "";
    display: none
}

button,a,div {
    -webkit-tap-highlight-color: transparent
}

@font-face {
    font-family: Banner-Bold-It;
    src: url(https://www.pin-up767.com/assets/fonts/Banner-Bold-It/Banner-Bold-It.eot);
    src: url(https://www.pin-up767.com/assets/fonts/Banner-Bold-It/Banner-Bold-It.eot?#iefix) format("embedded-opentype"),url(https://www.pin-up767.com/assets/fonts/Banner-Bold-It/Banner-Bold-It.woff2) format("woff2"),url(https://www.pin-up767.com/assets/fonts/Banner-Bold-It/Banner-Bold-It.woff) format("woff"),url(https://www.pin-up767.com/assets/fonts/Banner-Bold-It/Banner-Bold-It.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

div.cdk-overlay-container>div.cdk-global-overlay-wrapper>div[id*=cdk-overlay-].cdk-overlay-pane {
    display: flex!important
}

.cdk-overlay-backdrop.pu-overlay-backdrop {
    background-color: var(--color-pop-up-overlay-darken)
}

.cdk-overlay-backdrop.pu-overlay-backdrop.shadow {
    background-color: #000c;
    z-index: 1001
}

.cdk-overlay-backdrop.pu-transparent-backdrop {
    opacity: 0
}

.pu-overlay-panel {
    display: flex;
    flex-direction: column;
    cursor: auto;
    height: 100%;
    justify-content: flex-end
}

@media (min-width: 768px) {
    .pu-overlay-panel {
        justify-content:center
    }
}

.pu-overlay-panel_full-width {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.pu-overlay-panel_fixed {
    position: fixed
}

.pu-overlay-panel_full-screen {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.pu-overlay-panel_navbar {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end
}

.pu-overlay-panel_full-screen-with-header {
    display: flex;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    height: calc(100% - var(--actual-header-height));
    width: 100%
}

.pu-overlay-panel_full-screen-native-sports {
    display: flex;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%
}

.pu-overlay-panel-cashbox {
    height: 100%;
    display: flex;
    align-items: center
}

.cdk-global-scrollblock {
    overscroll-behavior: none
}

.ui-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.ui-icon-svg.\32xs {
    height: 12px;
    width: 12px
}

.ui-icon-svg.xs {
    height: 16px;
    width: 16px
}

.ui-icon-svg.s {
    height: 20px;
    width: 20px
}

.ui-icon-svg.m {
    height: 24px;
    width: 24px
}

.ui-icon-svg.\32m {
    height: 28px;
    width: 28px
}

.ui-icon-svg.l {
    height: 32px;
    width: 32px
}

.ui-icon-svg.xl {
    height: 40px;
    width: 40px
}

.ui-icon-svg.\32xl {
    height: 48px;
    width: 48px
}

.ui-icon-svg.\34xl {
    height: 96px;
    width: 96px
}

.ui-icon-svg.custom {
    width: 100%;
    height: 100%
}

@media (min-width: 375px) {
    .sm\:ui-icon_2xs .ui-icon-svg {
        height:12px;
        width: 12px
    }

    .sm\:ui-icon_xs .ui-icon-svg {
        height: 16px;
        width: 16px
    }

    .sm\:ui-icon_s .ui-icon-svg {
        height: 20px;
        width: 20px
    }

    .sm\:ui-icon_m .ui-icon-svg {
        height: 24px;
        width: 24px
    }

    .sm\:ui-icon_2m .ui-icon-svg {
        height: 28px;
        width: 28px
    }

    .sm\:ui-icon_l .ui-icon-svg {
        height: 32px;
        width: 32px
    }

    .sm\:ui-icon_xl .ui-icon-svg {
        height: 40px;
        width: 40px
    }
}

@media (min-width: 768px) {
    .md\:ui-icon_s .ui-icon-svg {
        height:20px;
        width: 20px
    }

    .md\:ui-icon_2m .ui-icon-svg {
        height: 28px;
        width: 28px
    }

    .md\:ui-icon_l .ui-icon-svg {
        height: 32px;
        width: 32px
    }

    .md\:ui-icon_xl .ui-icon-svg {
        height: 40px;
        width: 40px
    }

    .md\:ui-icon_4xl .ui-icon-svg {
        height: 96px;
        width: 96px
    }
}

@media (min-width: 1280px) {
    .xl\:ui-icon_2xl .ui-icon-svg {
        height:48px;
        width: 48px
    }
}

.ui-language-icon svg {
    border-radius: .125rem;
    box-shadow: var(--shadow-lang-icon)
}

@media (min-width: 768px) {
    .ui-dialog-header__close-icon .ui-icon-svg.s {
        width:24px;
        height: 24px
    }
}

.pu-casino-search__placeholder .ui-icon-svg {
    width: 144px;
    height: 144px
}

@media (min-width: 1280px) {
    .pu-casino-search__placeholder .ui-icon-svg {
        width:268px;
        height: 268px
    }
}

@media (min-width: 768px) {
    .pu-dialog-body__restricted .ui-icon-svg {
        width:96px;
        height: 96px
    }
}

.ui-profile-user-identification__verified-icon .ui-icon-svg {
    width: 80px;
    height: 80px
}

.ui-odds__arrow .ui-icon-svg {
    width: 8px;
    height: 8px
}

.ui-odds__arrow .ui-icon-svg svg {
    display: block
}

.ui-button {
    box-sizing: border-box;
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;
    border-radius: var(--border-radius-button-s);
    padding: var(--padding-horizontal-button-s) var(--padding-vertical-button-s);
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s)
}

.ui-button>*,.ui-button>*:before,.ui-button>*:after {
    box-sizing: inherit
}

.ui-button::-moz-focus-inner {
    border: 0
}

.ui-button .ui-icon+span {
    margin-left: .5rem
}

.ui-button .ui-icon-svg.m {
    width: 12px;
    height: 12px
}

.ui-button.ui-button_primary-animation:after {
    width: calc(100% + 24px);
    height: calc(100% + 24px)
}

.ui-button.ui-button_quaternary {
    padding: .5rem 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: .75rem
}

@media (hover: hover) {
    .ui-button.ui-button_quaternary:not(:disabled):hover,.ui-button.ui-button_quaternary.ui-button_pressed,.ui-button.ui-button_quaternary:active {
        padding:6px 0 .5rem;
        font-size: .875rem;
        line-height: .875rem
    }
}

.ui-button.ui-button_only-icon {
    padding: 6px
}

.ui-button.ui-button_only-icon .ui-icon-svg.m {
    width: 16px;
    height: 16px
}

@media (hover: hover) {
    .ui-button.ui-button_only-icon.ui-button_quaternary:hover,.ui-button.ui-button_only-icon.ui-button_quaternary:active,.ui-button.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:4px
    }

    .ui-button.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }
}

.ui-button.ui-button_special-demo,.ui-button.ui-button_special-demo-search {
    padding: 7px 28px;
    font-size: .75rem;
    line-height: .75rem
}

.ui-button.ui-button_special-go-top {
    padding: .5rem
}

.ui-button.ui-button_special-go-top:hover:not(:disabled),.ui-button.ui-button_special-go-top:active,.ui-button.ui-button_special-go-top.ui-button_pressed {
    padding-bottom: 18px
}

.ui-button.ui-button_special-go-top .ui-icon-svg.m {
    width: 24px;
    height: 24px
}

.ui-button {
    display: flex;
    text-transform: var(--text-transform-button);
    align-items: center;
    touch-action: manipulation
}

.ui-button_m {
    font-size: var(--font-size-button-m);
    line-height: var(--font-size-button-m);
    font-weight: var(--font-weight-button-m);
    padding: .5rem 1.5rem
}

.ui-button_m {
    border-radius: var(--border-radius-button);
    line-height: 24px
}

.ui-button_m .ui-icon+span {
    margin-left: .5rem
}

.ui-button_m .ui-icon-svg.m {
    width: 20px;
    height: 20px
}

.ui-button_m.ui-button_secondary {
    padding: .5rem 1rem
}

.ui-button_m.ui-button_secondary .ui-icon-svg.m {
    width: 24px;
    height: 24px
}

.ui-button_m.ui-button_tertiary,.ui-button_m.ui-button_tertiary-accent,.ui-button_m.ui-button_tertiary-animation {
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s);
    padding: .5rem 1rem
}

.ui-button_m.ui-button_tertiary,.ui-button_m.ui-button_tertiary-accent,.ui-button_m.ui-button_tertiary-animation {
    line-height: 24px
}

.ui-button_m.ui-button_tertiary .ui-icon-svg.m,.ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m,.ui-button_m.ui-button_tertiary-animation .ui-icon-svg.m {
    width: 24px;
    height: 24px
}

.ui-button_m.ui-button_quaternary {
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s)
}

.ui-button_m.ui-button_quaternary {
    padding: .5rem 0;
    line-height: 20px
}

@media (hover: hover) {
    .ui-button_m.ui-button_quaternary:not(:disabled):hover,.ui-button_m.ui-button_quaternary:active,.ui-button_m.ui-button_quaternary.ui-button_pressed {
        font-size:var(--font-size-button-m);
        line-height: var(--font-size-button-m);
        font-weight: var(--font-weight-button-m)
    }

    .ui-button_m.ui-button_quaternary:not(:disabled):hover,.ui-button_m.ui-button_quaternary:active,.ui-button_m.ui-button_quaternary.ui-button_pressed {
        line-height: 20px;
        padding: .5rem 0
    }
}

.ui-button_m.ui-button_only-icon {
    padding: .5rem
}

.ui-button_m.ui-button_only-icon .ui-icon-svg.m {
    width: 24px;
    height: 24px
}

.ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 20px;
    height: 20px
}

@media (hover: hover) {
    .ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,.ui-button_m.ui-button_only-icon.ui-button_quaternary:active,.ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:6px
    }

    .ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }
}

.ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
    padding: .5rem 1rem
}

.ui-button_m.ui-button_special-demo {
    padding: .75rem 44px;
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s)
}

.ui-button_l {
    padding: var(--padding-horizontal-button-l) var(--padding-vertical-button-l);
    border-radius: var(--border-radius-button);
    font-size: var(--font-size-button-l);
    line-height: var(--line-height-button-l);
    font-weight: var(--font-weight-button-l)
}

.ui-button_l .ui-icon+span {
    margin-left: .5rem
}

.ui-button_l .ui-icon-svg.m {
    width: 24px;
    height: 24px
}

.ui-button_l.ui-button_secondary {
    padding: .6875rem 1.5rem
}

.ui-button_l.ui-button_tertiary,.ui-button_l.ui-button_tertiary-accent,.ui-button_l.ui-button_tertiary-animation {
    line-height: 24px;
    padding: .5rem 1.5rem
}

.ui-button_l.ui-button_quaternary {
    font-size: var(--font-size-button-l);
    line-height: var(--line-height-button-l);
    font-weight: var(--font-weight-button-l)
}

.ui-button_l.ui-button_quaternary {
    padding: .5rem 0;
    line-height: 24px
}

@media (hover: hover) {
    .ui-button_l.ui-button_quaternary:not(:disabled):hover,.ui-button_l.ui-button_quaternary:active,.ui-button_l.ui-button_quaternary.ui-button_pressed {
        font-size:1.125rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .ui-button_l.ui-button_quaternary:not(:disabled):hover,.ui-button_l.ui-button_quaternary:active,.ui-button_l.ui-button_quaternary.ui-button_pressed {
        line-height: 24px;
        padding: .5rem 0
    }
}

.ui-button_l.ui-button_only-icon {
    padding: 7px
}

.ui-button_l.ui-button_only-icon .ui-icon-svg.m {
    width: 32px;
    height: 32px
}

.ui-button_l.ui-button_only-icon.ui-button_tertiary,.ui-button_l.ui-button_only-icon.ui-button_tertiary-accent,.ui-button_l.ui-button_only-icon.ui-button_tertiary-animation {
    padding: .25rem
}

.ui-button_l.ui-button_only-icon.ui-button_quaternary {
    padding: .5rem
}

.ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 24px;
    height: 24px
}

@media (hover: hover) {
    .ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,.ui-button_l.ui-button_only-icon.ui-button_quaternary:active,.ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:4px
    }

    .ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 32px;
        height: 32px
    }
}

.ui-button_l.ui-button_special-demo {
    padding: 1rem 2rem;
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s)
}

.ui-button_primary,.ui-button_primary-animation {
    background: var(--color-button-primary-bg);
    color: var(--color-button-primary-txt);
    position: relative
}

.ui-button_primary:active,.ui-button_primary.ui-button_pressed,.ui-button_primary-animation:active,.ui-button_primary-animation.ui-button_pressed {
    color: var(--color-button-primary-txt-pressed);
    background: var(--color-button-primary-bg-pressed)
}

.ui-button_primary.ui-button_loading:after,.ui-button_primary-animation.ui-button_loading:after {
    background-color: var(--color-button-primary-txt)
}

.ui-button_primary:not(.ui-button_pressed):not(:active):hover:not(:disabled),.ui-button_primary-animation:not(.ui-button_pressed):not(:active):hover:not(:disabled) {
    background: var(--color-button-primary-bg-hover)
}

.ui-button_primary-animation:not(.ui-button_pressed):not(.ui-button_prerender):not(:active):not(:disabled):after {
    content: "";
    animation: button-pulse 1.6s ease-out infinite .5s;
    position: absolute;
    border-radius: var(--border-radius-button);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: var(--color-button-primary-bg-animation);
    z-index: -1;
    opacity: 0;
    transition: transform .5s linear
}

.ui-button_secondary {
    position: relative;
    color: var(--color-button-secondary-txt);
    transition: .3s linear
}

.ui-button_secondary .ui-icon-svg {
    transition: .3s linear;
    color: var(--color-button-secondary-icon)
}

.ui-button_secondary.pu-championship__control_with-secondary-icon .ui-icon-svg {
    color: var(--color-button-secondary-txt)
}

.ui-button_secondary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    padding: 1px;
    -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

body.pu-old-scss .ui-button_secondary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    clip-path: polygon(0% 0%,0% 100%,2px 100%,2px 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - 2px),0 calc(100% - 2px),0 100%,100% 100%,100% 0%);
    -webkit-clip-path: polygon(0% 0%,0% 100%,2px 100%,2px 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - 2px),0 calc(100% - 2px),0 100%,100% 100%,100% 0%)
}

.ui-button_secondary:before {
    padding: 1px;
    background: var(--color-button-secondary-strk)
}

.ui-button_secondary:active,.ui-button_secondary.ui-button_pressed {
    background: var(--color-button-secondary-bg-pressed);
    color: var(--color-button-secondary-txt-pressed)
}

.ui-button_secondary:active:before,.ui-button_secondary.ui-button_pressed:before {
    background: var(--color-button-secondary-bg-pressed)
}

.ui-button_secondary:active .ui-icon-svg,.ui-button_secondary.ui-button_pressed .ui-icon-svg {
    color: var(--color-button-secondary-icon-pressed)
}

.ui-button_secondary.ui-button_loading:after {
    background: var(--color-button-secondary-strk)
}

.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover {
    background: var(--color-button-secondary-bg-hover);
    color: var(--color-button-secondary-txt-hover)
}

.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover:before {
    background: var(--color-button-secondary-bg-hover)
}

.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover .ui-icon-svg {
    color: var(--color-button-secondary-icon-hover)
}

@media (pointer: coarse) {
    .ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover {
        background:none;
        color: var(--color-button-secondary-txt)
    }

    .ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover:before {
        background: var(--color-button-secondary-strk)
    }

    .ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover .ui-icon-svg {
        color: var(--color-button-secondary-icon)
    }
}

.ui-button_tertiary,.ui-button_tertiary-animation {
    position: relative;
    color: var(--color-button-tertiary-txt)
}

.ui-button_tertiary:before,.ui-button_tertiary-animation:before {
    background: var(--color-button-tertiary-strk);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    padding: 1px;
    -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

body.pu-old-scss .ui-button_tertiary:before,body.pu-old-scss .ui-button_tertiary-animation:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    clip-path: polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%);
    -webkit-clip-path: polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%)
}

.ui-button_tertiary:active,.ui-button_tertiary.ui-button_pressed,.ui-button_tertiary-animation:active,.ui-button_tertiary-animation.ui-button_pressed {
    background: var(--color-button-tertiary-bg-pressed);
    color: var(--color-button-tertiary-txt-pressed)
}

.ui-button_tertiary:active:before,.ui-button_tertiary.ui-button_pressed:before,.ui-button_tertiary-animation:active:before,.ui-button_tertiary-animation.ui-button_pressed:before {
    background: var(--color-button-tertiary-strk-pressed)
}

.ui-button_tertiary:active.ui-button_only-icon:before,.ui-button_tertiary.ui-button_pressed.ui-button_only-icon:before,.ui-button_tertiary-animation:active.ui-button_only-icon:before,.ui-button_tertiary-animation.ui-button_pressed.ui-button_only-icon:before {
    background: var(--color-button-tertiary-strk-pressed-only-icon)
}

.ui-button_tertiary.ui-button_loading:after,.ui-button_tertiary-animation.ui-button_loading:after {
    background-color: var(--color-button-tertiary-txt)
}

.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover,.ui-button_tertiary-animation:not(.ui-button_pressed):not(:active):not(:disabled):hover {
    color: var(--color-button-tertiary-txt-hover)
}

.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover:before,.ui-button_tertiary-animation:not(.ui-button_pressed):not(:active):not(:disabled):hover:before {
    background: var(--color-button-tertiary-strk-hover)
}

.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_only-icon:before,.ui-button_tertiary-animation:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_only-icon:before {
    background: var(--color-button-tertiary-strk-hover-only-icon)
}

.ui-button_tertiary-animation {
    overflow: hidden
}

.ui-button_tertiary-animation:not(.ui-button_tertiary-animation_pressed):not(.ui-button_tertiary-animation_prerender):not(:active):not(:disabled):after {
    content: "";
    position: absolute;
    height: 100%;
    width: 30%;
    animation: button-shine 1.5s ease-out infinite;
    transform: skew(-30deg) translateZ(0);
    background-image: var(--color-button-tertiary-animation-highlight)
}

.ui-button_tertiary-accent {
    position: relative;
    color: var(--color-button-tertiary-accent-txt)
}

.ui-button_tertiary-accent:before {
    background: var(--color-button-tertiary-accent-strk);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    padding: 1px;
    -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

body.pu-old-scss .ui-button_tertiary-accent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    clip-path: polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%);
    -webkit-clip-path: polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%)
}

.ui-button_tertiary-accent:active,.ui-button_tertiary-accent.ui-button_pressed {
    background: var(--color-button-tertiary-accent-bg-pressed);
    color: var(--color-button-tertiary-accent-txt-pressed)
}

.ui-button_tertiary-accent:active:before,.ui-button_tertiary-accent.ui-button_pressed:before {
    background: var(--color-button-tertiary-accent-strk-pressed)
}

.ui-button_tertiary-accent:active.ui-button_only-icon:before,.ui-button_tertiary-accent.ui-button_pressed.ui-button_only-icon:before {
    background: var(--color-button-tertiary-accent-strk-pressed-only-icon)
}

.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover {
    color: var(--color-button-tertiary-accent-txt-hover)
}

.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover:before {
    background: var(--color-button-tertiary-accent-strk-hover)
}

.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_only-icon:before {
    background: var(--color-button-tertiary-accent-strk-hover-only-icon)
}

.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_loading:after {
    background-color: var(--color-button-tertiary-accent-txt-pressed)
}

.ui-button_quaternary {
    color: var(--color-button-link-txt);
    transition: font-size .2s ease-in-out
}

.ui-button_quaternary:active,.ui-button_quaternary.ui-button_pressed {
    color: var(--color-button-link-txt-pressed);
    text-decoration: none
}

.ui-button_quaternary .ui-icon+span {
    text-decoration: none;
    position: relative
}

.ui-button_quaternary .ui-icon+span:after {
    transition: width .2s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: var(--color-button-link-txt)
}

.ui-button_quaternary.ui-button_loading:after {
    background-color: var(--color-button-link-txt)
}

.ui-button_quaternary:hover:not(.ui-button_pressed):not(:active) .ui-icon+span:after {
    width: 100%
}

.ui-button_quaternary>span {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

.ui-button_special-demo {
    background: var(--color-button-special-bg-2);
    color: var(--color-button-special-txt-2);
    border: 1px solid var(--color-button-special-strk-2);
    text-transform: uppercase;
    justify-content: center
}

.ui-button_special-demo:active,.ui-button_special-demo.ui-button_pressed {
    color: var(--color-button-special-txt-pressed-2);
    background: var(--color-button-special-bg-pressed-2)
}

.ui-button_special-demo:not(.ui-button_pressed):not(:active):not(:disabled):hover {
    background: var(--color-button-special-bg-hover-2)
}

.ui-button_special-demo-search {
    color: var(--color-button-special-txt-3);
    border: 1px solid var(--color-button-special-strk-3);
    text-transform: uppercase
}

.ui-button_special-demo-search:active,.ui-button_special-demo-search.ui-button_pressed {
    color: var(--color-button-special-txt-pressed-3);
    background: var(--color-button-special-bg-pressed-3)
}

.ui-button_special-go-top {
    position: relative;
    background-color: var(--color-button-special-bg-1);
    color: var(--color-button-special-txt-1)
}

.ui-button_special-go-top:before {
    background: var(--color-button-special-strk-1);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    padding: 1px;
    -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    mask: linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

body.pu-old-scss .ui-button_special-go-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius-button);
    clip-path: polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%);
    -webkit-clip-path: polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%)
}

.ui-button_special-go-top:active,.ui-button_special-go-top.ui-button_pressed {
    color: var(--color-button-special-txt-pressed-1);
    background: var(--color-button-special-bg-pressed-1)
}

.ui-button_special-go-top:active:before,.ui-button_special-go-top.ui-button_pressed:before {
    background: var(--color-button-special-strk-pressed-1)
}

.ui-button_special-go-top:not(.ui-button_pressed):not(:active):not(:disabled):hover:before {
    background: var(--color-button-special-strk-hover-1)
}

.ui-button.ui-button_loading {
    position: relative;
    pointer-events: none;
    color: transparent
}

.ui-button.ui-button_loading:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    mask: url(https://www.pin-up767.com/assets/btn-spinner.svg) no-repeat center;
    -webkit-mask-size: auto 60%;
    mask-size: auto 60%
}

.ui-button:disabled,.ui-button_disabled {
    pointer-events: none;
    opacity: .3
}

.ui-button_full-width {
    width: 100%;
    justify-content: center
}

@media (min-width: 768px) {
    .ui-button.md\:ui-button_s {
        border-radius:var(--border-radius-button-s);
        padding: var(--padding-horizontal-button-s) var(--padding-vertical-button-s);
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s)
    }

    .ui-button.md\:ui-button_s .ui-icon+span {
        margin-left: .5rem
    }

    .ui-button.md\:ui-button_s .ui-icon-svg.m {
        width: 12px;
        height: 12px
    }

    .ui-button.md\:ui-button_s.ui-button_primary-animation:after {
        width: calc(100% + 24px);
        height: calc(100% + 24px)
    }

    .ui-button.md\:ui-button_s.ui-button_quaternary {
        padding: .5rem 0;
        font-weight: 400;
        font-size: .75rem;
        line-height: .75rem
    }
}

@media (min-width: 768px) and (hover: hover) {
    .ui-button.md\:ui-button_s.ui-button_quaternary:not(:disabled):hover,.ui-button.md\:ui-button_s.ui-button_quaternary.ui-button_pressed,.ui-button.md\:ui-button_s.ui-button_quaternary:active {
        padding:6px 0 .5rem;
        font-size: .875rem;
        line-height: .875rem
    }
}

@media (min-width: 768px) {
    .ui-button.md\:ui-button_s.ui-button_only-icon {
        padding:6px
    }

    .ui-button.md\:ui-button_s.ui-button_only-icon .ui-icon-svg.m {
        width: 16px;
        height: 16px
    }
}

@media (min-width: 768px) and (hover: hover) {
    .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover,.ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active,.ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:4px
    }

    .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }
}

@media (min-width: 768px) {
    .ui-button.md\:ui-button_s.ui-button_special-demo,.ui-button.md\:ui-button_s.ui-button_special-demo-search {
        padding:7px 28px;
        font-size: .75rem;
        line-height: .75rem
    }

    .ui-button.md\:ui-button_s.ui-button_special-go-top {
        padding: .5rem
    }

    .ui-button.md\:ui-button_s.ui-button_special-go-top:hover:not(:disabled),.ui-button.md\:ui-button_s.ui-button_special-go-top:active,.ui-button.md\:ui-button_s.ui-button_special-go-top.ui-button_pressed {
        padding-bottom: 18px
    }

    .ui-button.md\:ui-button_s.ui-button_special-go-top .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.md\:ui-button_m {
        font-size: var(--font-size-button-m);
        line-height: var(--font-size-button-m);
        font-weight: var(--font-weight-button-m);
        padding: .5rem 1.5rem
    }

    .ui-button.md\:ui-button_m {
        border-radius: var(--border-radius-button);
        line-height: 24px
    }

    .ui-button.md\:ui-button_m .ui-icon+span {
        margin-left: .5rem
    }

    .ui-button.md\:ui-button_m .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }

    .ui-button.md\:ui-button_m.ui-button_secondary {
        padding: .5rem 1rem
    }

    .ui-button.md\:ui-button_m.ui-button_secondary .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.md\:ui-button_m.ui-button_tertiary,.ui-button.md\:ui-button_m.ui-button_tertiary-accent,.ui-button.md\:ui-button_m.ui-button_tertiary-animation {
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s);
        padding: .5rem 1rem
    }

    .ui-button.md\:ui-button_m.ui-button_tertiary,.ui-button.md\:ui-button_m.ui-button_tertiary-accent,.ui-button.md\:ui-button_m.ui-button_tertiary-animation {
        line-height: 24px
    }

    .ui-button.md\:ui-button_m.ui-button_tertiary .ui-icon-svg.m,.ui-button.md\:ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m,.ui-button.md\:ui-button_m.ui-button_tertiary-animation .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.md\:ui-button_m.ui-button_quaternary {
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s)
    }

    .ui-button.md\:ui-button_m.ui-button_quaternary {
        padding: .5rem 0;
        line-height: 20px
    }
}

@media (min-width: 768px) and (hover: hover) {
    .ui-button.md\:ui-button_m.ui-button_quaternary:not(:disabled):hover,.ui-button.md\:ui-button_m.ui-button_quaternary:active,.ui-button.md\:ui-button_m.ui-button_quaternary.ui-button_pressed {
        font-size:var(--font-size-button-m);
        line-height: var(--font-size-button-m);
        font-weight: var(--font-weight-button-m)
    }

    .ui-button.md\:ui-button_m.ui-button_quaternary:not(:disabled):hover,.ui-button.md\:ui-button_m.ui-button_quaternary:active,.ui-button.md\:ui-button_m.ui-button_quaternary.ui-button_pressed {
        line-height: 20px;
        padding: .5rem 0
    }
}

@media (min-width: 768px) {
    .ui-button.md\:ui-button_m.ui-button_only-icon {
        padding:.5rem
    }

    .ui-button.md\:ui-button_m.ui-button_only-icon .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }
}

@media (min-width: 768px) and (hover: hover) {
    .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,.ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,.ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:6px
    }

    .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 768px) {
    .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
        padding:.5rem 1rem
    }

    .ui-button.md\:ui-button_m.ui-button_special-demo {
        padding: .75rem 44px;
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s)
    }

    .ui-button.md\:ui-button_l {
        padding: var(--padding-horizontal-button-l) var(--padding-vertical-button-l);
        border-radius: var(--border-radius-button);
        font-size: var(--font-size-button-l);
        line-height: var(--line-height-button-l);
        font-weight: var(--font-weight-button-l)
    }

    .ui-button.md\:ui-button_l .ui-icon+span {
        margin-left: .5rem
    }

    .ui-button.md\:ui-button_l .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.md\:ui-button_l.ui-button_secondary {
        padding: .6875rem 1.5rem
    }

    .ui-button.md\:ui-button_l.ui-button_tertiary,.ui-button.md\:ui-button_l.ui-button_tertiary-accent,.ui-button.md\:ui-button_l.ui-button_tertiary-animation {
        line-height: 24px;
        padding: .5rem 1.5rem
    }

    .ui-button.md\:ui-button_l.ui-button_quaternary {
        font-size: var(--font-size-button-l);
        line-height: var(--line-height-button-l);
        font-weight: var(--font-weight-button-l)
    }

    .ui-button.md\:ui-button_l.ui-button_quaternary {
        padding: .5rem 0;
        line-height: 24px
    }
}

@media (min-width: 768px) and (hover: hover) {
    .ui-button.md\:ui-button_l.ui-button_quaternary:not(:disabled):hover,.ui-button.md\:ui-button_l.ui-button_quaternary:active,.ui-button.md\:ui-button_l.ui-button_quaternary.ui-button_pressed {
        font-size:1.125rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .ui-button.md\:ui-button_l.ui-button_quaternary:not(:disabled):hover,.ui-button.md\:ui-button_l.ui-button_quaternary:active,.ui-button.md\:ui-button_l.ui-button_quaternary.ui-button_pressed {
        line-height: 24px;
        padding: .5rem 0
    }
}

@media (min-width: 768px) {
    .ui-button.md\:ui-button_l.ui-button_only-icon {
        padding:7px
    }

    .ui-button.md\:ui-button_l.ui-button_only-icon .ui-icon-svg.m {
        width: 32px;
        height: 32px
    }

    .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_tertiary,.ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_tertiary-accent,.ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_tertiary-animation {
        padding: .25rem
    }

    .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
        padding: .5rem
    }

    .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 768px) and (hover: hover) {
    .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,.ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,.ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:4px
    }

    .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 32px;
        height: 32px
    }
}

@media (min-width: 768px) {
    .ui-button.md\:ui-button_l.ui-button_special-demo {
        padding:1rem 2rem;
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s)
    }
}

@media (min-width: 1280px) {
    .ui-button.xl\:ui-button_m {
        font-size:var(--font-size-button-m);
        line-height: var(--font-size-button-m);
        font-weight: var(--font-weight-button-m);
        padding: .5rem 1.5rem
    }

    .ui-button.xl\:ui-button_m {
        border-radius: var(--border-radius-button);
        line-height: 24px
    }

    .ui-button.xl\:ui-button_m .ui-icon+span {
        margin-left: .5rem
    }

    .ui-button.xl\:ui-button_m .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }

    .ui-button.xl\:ui-button_m.ui-button_secondary {
        padding: .5rem 1rem
    }

    .ui-button.xl\:ui-button_m.ui-button_secondary .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.xl\:ui-button_m.ui-button_tertiary,.ui-button.xl\:ui-button_m.ui-button_tertiary-accent,.ui-button.xl\:ui-button_m.ui-button_tertiary-animation {
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s);
        padding: .5rem 1rem
    }

    .ui-button.xl\:ui-button_m.ui-button_tertiary,.ui-button.xl\:ui-button_m.ui-button_tertiary-accent,.ui-button.xl\:ui-button_m.ui-button_tertiary-animation {
        line-height: 24px
    }

    .ui-button.xl\:ui-button_m.ui-button_tertiary .ui-icon-svg.m,.ui-button.xl\:ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m,.ui-button.xl\:ui-button_m.ui-button_tertiary-animation .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.xl\:ui-button_m.ui-button_quaternary {
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s)
    }

    .ui-button.xl\:ui-button_m.ui-button_quaternary {
        padding: .5rem 0;
        line-height: 20px
    }
}

@media (min-width: 1280px) and (hover: hover) {
    .ui-button.xl\:ui-button_m.ui-button_quaternary:not(:disabled):hover,.ui-button.xl\:ui-button_m.ui-button_quaternary:active,.ui-button.xl\:ui-button_m.ui-button_quaternary.ui-button_pressed {
        font-size:var(--font-size-button-m);
        line-height: var(--font-size-button-m);
        font-weight: var(--font-weight-button-m)
    }

    .ui-button.xl\:ui-button_m.ui-button_quaternary:not(:disabled):hover,.ui-button.xl\:ui-button_m.ui-button_quaternary:active,.ui-button.xl\:ui-button_m.ui-button_quaternary.ui-button_pressed {
        line-height: 20px;
        padding: .5rem 0
    }
}

@media (min-width: 1280px) {
    .ui-button.xl\:ui-button_m.ui-button_only-icon {
        padding:.5rem
    }

    .ui-button.xl\:ui-button_m.ui-button_only-icon .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }
}

@media (min-width: 1280px) and (hover: hover) {
    .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,.ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,.ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:6px
    }

    .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 1280px) {
    .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
        padding:.5rem 1rem
    }

    .ui-button.xl\:ui-button_m.ui-button_special-demo {
        padding: .75rem 44px;
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s)
    }

    .ui-button.xl\:ui-button_l {
        padding: var(--padding-horizontal-button-l) var(--padding-vertical-button-l);
        border-radius: var(--border-radius-button);
        font-size: var(--font-size-button-l);
        line-height: var(--line-height-button-l);
        font-weight: var(--font-weight-button-l)
    }

    .ui-button.xl\:ui-button_l .ui-icon+span {
        margin-left: .5rem
    }

    .ui-button.xl\:ui-button_l .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }

    .ui-button.xl\:ui-button_l.ui-button_secondary {
        padding: .6875rem 1.5rem
    }

    .ui-button.xl\:ui-button_l.ui-button_tertiary,.ui-button.xl\:ui-button_l.ui-button_tertiary-accent,.ui-button.xl\:ui-button_l.ui-button_tertiary-animation {
        line-height: 24px;
        padding: .5rem 1.5rem
    }

    .ui-button.xl\:ui-button_l.ui-button_quaternary {
        font-size: var(--font-size-button-l);
        line-height: var(--line-height-button-l);
        font-weight: var(--font-weight-button-l)
    }

    .ui-button.xl\:ui-button_l.ui-button_quaternary {
        padding: .5rem 0;
        line-height: 24px
    }
}

@media (min-width: 1280px) and (hover: hover) {
    .ui-button.xl\:ui-button_l.ui-button_quaternary:not(:disabled):hover,.ui-button.xl\:ui-button_l.ui-button_quaternary:active,.ui-button.xl\:ui-button_l.ui-button_quaternary.ui-button_pressed {
        font-size:1.125rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .ui-button.xl\:ui-button_l.ui-button_quaternary:not(:disabled):hover,.ui-button.xl\:ui-button_l.ui-button_quaternary:active,.ui-button.xl\:ui-button_l.ui-button_quaternary.ui-button_pressed {
        line-height: 24px;
        padding: .5rem 0
    }
}

@media (min-width: 1280px) {
    .ui-button.xl\:ui-button_l.ui-button_only-icon {
        padding:7px
    }

    .ui-button.xl\:ui-button_l.ui-button_only-icon .ui-icon-svg.m {
        width: 32px;
        height: 32px
    }

    .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary,.ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary-accent,.ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary-animation {
        padding: .25rem
    }

    .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
        padding: .5rem
    }

    .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 1280px) and (hover: hover) {
    .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,.ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,.ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
        padding:4px
    }

    .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
        width: 32px;
        height: 32px
    }
}

@media (min-width: 1280px) {
    .ui-button.xl\:ui-button_l.ui-button_special-demo {
        padding:1rem 2rem;
        font-size: var(--font-size-button-s);
        line-height: var(--line-height-button-s);
        font-weight: var(--font-weight-button-s)
    }
}

@keyframes button-shine {
    0% {
        left: -150%
    }

    to {
        left: 150%
    }
}

@keyframes button-pulse {
    0% {
        transform: translate(-50%,-50%) scale(.7,.5);
        opacity: 0
    }

    12% {
        opacity: 1
    }

    34% {
        transform: translate(-50%,-50%) scale(1)
    }

    38% {
        opacity: 0
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        opacity: 0
    }
}

.ui-menu-list-item {
    box-sizing: border-box;
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400
}

.ui-menu-list-item>*,.ui-menu-list-item>*:before,.ui-menu-list-item>*:after {
    box-sizing: inherit
}

.ui-menu-list-item::-moz-focus-inner {
    border: 0
}

.ui-menu-list-item {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-menu-text);
    border-radius: .25rem
}

.ui-menu-list-item+.ui-menu-list-item {
    margin-top: .25rem
}

@media (min-width: 1280px) {
    .ui-menu-list-item:hover {
        color:var(--color-menu-text-hover)
    }

    .ui-menu-list-item:hover>span {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 400
    }

    .ui-menu-list-item:hover object,.ui-menu-list-item:hover img {
        width: 28px;
        height: 28px
    }

    .ui-menu-list-item:hover .ui-icon {
        color: var(--color-menu-icon-hover)
    }

    .ui-menu-list-item:hover .ui-icon-svg.m {
        width: 28px;
        height: 28px
    }

    .ui-menu-list-item:hover .ui-icon object,.ui-menu-list-item:hover .ui-icon img {
        width: 28px;
        height: 28px;
        min-width: 28px
    }
}

.ui-menu-list-item>span {
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-menu-list-item>span {
    display: flex;
    align-items: center;
    flex-grow: 1;
    text-align: left;
    margin: 0 .25rem;
    width: auto;
    visibility: visible;
    transition: width .2s ease-in-out .2s,visibility .2s ease-in-out .2s
}

.ui-menu-list-item__label {
    position: absolute;
    top: -.25rem;
    left: 44px;
    padding: 2px .25rem;
    color: var(--color-label-txt);
    border-radius: 2px;
    text-transform: uppercase;
    background-color: var(--color-brand-primary);
    font-size: .5rem;
    line-height: .5rem;
    font-weight: 500
}

.ui-menu-list-item__label_centered {
    top: 50%;
    left: auto;
    right: 44px;
    transform: translateY(-50%)
}

.ui-menu-list-item .ui-icon {
    color: var(--color-menu-icon);
    height: 40px;
    width: 40px;
    min-width: 40px
}

.ui-menu-list-item .ui-icon_hidden {
    display: none
}

.ui-menu-list-item .ui-icon object,.ui-menu-list-item .ui-icon img {
    height: 1.5rem;
    width: 1.5rem;
    min-width: 1.5rem
}

.ui-menu-list-item_active,.ui-menu-list-item_active:hover {
    color: var(--color-menu-text-active)
}

.ui-menu-list-item_active .ui-icon,.ui-menu-list-item_active:hover .ui-icon {
    color: var(--color-menu-icon-active)
}

.ui-menu-list-item_minified>span {
    width: 0;
    visibility: hidden
}

.ui-menu-list.vertical .ui-menu-list-item_minified:hover {
    position: absolute;
    background: var(--color-menu-bg-hover-2);
    z-index: 2
}

.ui-menu-list-item_live .ui-icon:before {
    content: "";
    position: absolute;
    left: 6px;
    top: .5rem;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background-color: var(--color-brand-primary);
    animation: live-flashing 2s ease-out infinite .3s
}

.ui-menu-list-item_promotion:not(.ui-menu-list-item_active) {
    color: var(--color-brand-primary)
}

.ui-menu-list-item_promotion:not(.ui-menu-list-item_active) .ui-icon {
    color: var(--color-brand-primary)
}

.ui-menu-list.horizontal .ui-menu-list-item {
    position: relative;
    margin-bottom: 0;
    margin-top: 0
}

.ui-menu-list.horizontal .ui-menu-list-item+.ui-menu-list-item {
    margin-left: 1.5rem
}

.ui-menu-list.horizontal .ui-menu-list-item>span {
    margin-right: 0
}

.ui-menu-list.horizontal .ui-menu-list-item:hover>span {
    transform: scale(1.15) translate(3px);
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400
}

.ui-menu-list.horizontal .ui-menu-list-item:hover .ui-menu-list-item__label {
    transform: scale(1.15) translateY(-2px)
}

body {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    padding-top: env(safe-area-inset-top)
}

body.pu-touch:not(.pu-android) {
    cursor: pointer
}

@keyframes slide-up {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.pu-swiper-autosize .swiper-slide {
    width: auto
}

.pu-swiper-equal-height .swiper-slide {
    height: auto
}

.pu-swiper-centered .swiper-wrapper {
    justify-content: center;
    transform: translateZ(0)!important
}

.pu-swiper-centered .swiper-slide:last-child {
    margin-right: 0!important
}

.pu-swiper-autosize-full-width-slides .swiper-slide {
    flex-shrink: 1;
    padding: 0 .25rem
}

.pu-swiper-autosize-full-width-slides .swiper-slide:first-child {
    padding-left: 0
}

.pu-swiper-autosize-full-width-slides .swiper-slide:last-child {
    padding-right: 0
}

.pu-swiper-without-gaps .swiper-slide:first-child {
    margin-left: -.5rem
}

@media (min-width: 768px) {
    .pu-swiper-without-gaps .swiper-slide:first-child {
        margin-left:-.75rem
    }
}

.pu-swiper-without-gaps .swiper-slide:last-child {
    margin-right: -.5rem
}

@media (min-width: 768px) {
    .pu-swiper-without-gaps .swiper-slide:last-child {
        margin-right:-.75rem
    }
}

.pu-swiper-with-side-indentations .swiper-slide:first-child {
    padding-left: 1rem
}

@media (min-width: 768px) {
    .pu-swiper-with-side-indentations .swiper-slide:first-child {
        padding-left:1.5rem
    }
}

.pu-swiper-with-side-indentations .swiper-slide:last-child {
    padding-right: 1rem
}

@media (min-width: 768px) {
    .pu-swiper-with-side-indentations .swiper-slide:last-child {
        padding-right:1.5rem
    }
}

.pu-swiper-prerender .swiper-wrapper {
    flex-wrap: wrap
}

.container {
    padding: 0rem .5rem
}

@media (min-width: 768px) {
    .container {
        padding:0rem 1rem
    }
}

@media (min-width: 1280px) {
    .container {
        padding:0rem 1.5rem
    }
}

@media (min-width: 768px) {
    .md\:container {
        padding:0rem .5rem
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .md\:container {
        padding:0rem 1rem
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .md\:container {
        padding:0rem 1.5rem
    }
}

@media (min-width: 1280px) {
    .xl\:container {
        padding:0rem .5rem
    }
}

@media (min-width: 1280px) and (min-width: 768px) {
    .xl\:container {
        padding:0rem 1rem
    }
}

@media (min-width: 1280px) and (min-width: 1280px) {
    .xl\:container {
        padding:0rem 1.5rem
    }
}

.swiper-button-disabled,.swiper-button-lock {
    display: none!important
}

.swiper-pagination {
    position: absolute;
    z-index: 2;
    display: flex;
    bottom: .75rem;
    cursor: pointer
}

.pu-grouped-elements-widget__items .swiper-pagination {
    bottom: .25rem
}

.swiper-pagination-bullet {
    width: .75rem;
    height: 2px;
    background: var(--color-banner-pagination);
    opacity: .4;
    border-radius: 2px;
    margin: 0rem .125rem
}

.swiper-pagination-bullet-active {
    width: 1.5rem;
    opacity: initial
}

.search-highlight {
    color: var(--color-search-result-txt-highlight)
}

.search-highlight-alternative {
    color: var(--color-event-card-txt-icon-brand-secondary)
}

.ui-pincoins-cards-slider .swiper-slide,.ui-pincoins-chips-slider .swiper-slide {
    width: auto
}

.ui-promo-banner-carousel .swiper-slide {
    margin-right: 1.5rem
}

a {
    color: var(--color-brand-secondary)
}

a.terms-conditions {
    cursor: pointer;
    text-decoration: none
}

.grecaptcha-badge {
    visibility: hidden
}

.pu-promo-ny__wrapper,.pu-championship__wrapper {
    height: 100%
}

.pu-promo-ny__slide,.pu-championship__slide {
    position: relative;
    height: 100%
}

.pu-promo-ny__slide_active-server,.pu-championship__slide_active-server {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2
}

.pu-promo-ny__slide:not(.pu-promo-ny__slide_active,.pu-championship__slide_active),.pu-championship__slide:not(.pu-promo-ny__slide_active,.pu-championship__slide_active) {
    pointer-events: none
}

ngx-simplebar {
    height: 100%;
    overflow: auto
}

ngx-simplebar .simplebar-track.simplebar-vertical {
    height: 100%;
    width: .5rem;
    background-color: var(--color-bg-3);
    border-radius: .25rem
}

ngx-simplebar .simplebar-scrollbar {
    width: .5rem;
    border-radius: .25rem;
    background-color: var(--color-brand-secondary)
}

ngx-simplebar .simplebar-scrollbar:before {
    content: none
}

.ui-jackpot-odometer_gradient .odometer.odometer-theme-default {
    font-family: Banner-Black,sans-serif
}

.ui-jackpot-odometer_gradient .odometer-value,.ui-jackpot-odometer_gradient .odometer-formatting-mark {
    background: var(--color-jackpots-txt-icon-grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.jackpot-widget-mobile-variation-1 .odometer-value,.jackpot-widget-mobile-variation-1 .odometer-formatting-mark,.jackpot-widget-mobile-variation-1 .ui-jackpot-odometer__currency {
    -webkit-text-fill-color: var(--color-txt-icon-white)
}

.pu-multi-menu-tabset .swiper-wrapper {
    justify-content: space-between;
    padding: 0 1rem;
    box-sizing: border-box
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
    background-clip: content-box!important
}

.pu-control {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1
}

.pu-control input:-webkit-autofill,.pu-control input:-webkit-autofill:hover,.pu-control input:-webkit-autofill:focus,.pu-control input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--color-bg-1) inset!important;
    -webkit-text-fill-color: var(--color-input-txt-filled)!important
}

.pu-control[disabled] {
    opacity: .3
}

.pu-control[disabled] .pu-control__icon {
    cursor: initial;
    pointer-events: none
}

.pu-control__edit-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .75rem;
    cursor: pointer;
    color: var(--color-input-list-icon)
}

.pu-control__edit-icon:hover {
    color: var(--color-input-list-icon-hover)
}

.pu-control__edit-icon_view {
    pointer-events: none
}

.pu-control__edit-icon_view:hover {
    color: var(--color-input-list-icon)
}

.pu-control__content {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center
}

.pu-control__content_left-aligned {
    flex-direction: row-reverse
}

.pu-control__input {
    font-family: Roboto,sans-serif;
    padding: var(--input-padding-top) var(--input-padding-horizonral) var(--input-padding-bottom);
    border: var(--input-border-width) solid transparent;
    border-radius: var(--input-border-radius);
    color: var(--color-input-txt-filled);
    background: transparent;
    margin-top: var(--input-margin-top);
    width: 100%;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    font-weight: 500
}

.pu-control__input::placeholder {
    color: var(--color-input-txt-placeholder);
    font-weight: 400
}

.pu-control__input:focus {
    outline: none
}

.pu-control__input:focus+.pu-control__label {
    color: var(--color-input-txt-label);
    top: var(--input-label-top-position);
    left: .5rem;
    padding: 0 .25rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400
}

@media (min-width: 768px) {
    .pu-control__input:focus+.pu-control__label {
        font-size:.875rem;
        line-height: 1.125rem;
        font-weight: 400
    }
}

.pu-control__input:focus+.pu-control__label.pu-control__label_small {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400
}

.pu-control__input:focus~.pu-control__textarea-grab {
    background: var(--color-input-border-focus)
}

.pu-control__input:focus~.pu-control__textarea-grab:after,.pu-control__input:focus~.pu-control__textarea-grab:before {
    background: var(--color-input-border-focus)
}

.pu-control__input:read-only {
    pointer-events: none
}

.pu-control__input:read-only~.pu-control__textarea-grab {
    background: var(--color-input-border-uneditable)
}

.pu-control__input:read-only~.pu-control__textarea-grab:after,.pu-control__input:read-only~.pu-control__textarea-grab:before {
    background: var(--color-input-border-uneditable)
}

.pu-control__input_invalid~.pu-control__textarea-grab,.pu-control__input_invalid:focus~.pu-control__textarea-grab,.pu-control__input_invalid.pu-control__input:read-only~.pu-control__textarea-grab {
    background: var(--color-additionals-danger)
}

.pu-control__input_invalid~.pu-control__textarea-grab:after,.pu-control__input_invalid~.pu-control__textarea-grab:before,.pu-control__input_invalid:focus~.pu-control__textarea-grab:after,.pu-control__input_invalid:focus~.pu-control__textarea-grab:before,.pu-control__input_invalid.pu-control__input:read-only~.pu-control__textarea-grab:after,.pu-control__input_invalid.pu-control__input:read-only~.pu-control__textarea-grab:before {
    background: var(--color-additionals-danger)
}

.pu-control__input_invalid:focus+.pu-control__label,.pu-control__input_invalid.pu-control__input:read-only+.pu-control__label {
    color: var(--color-additionals-danger)
}

.pu-control__input_padding {
    padding-right: var(--input-padding-right)
}

.pu-control__input_sum {
    padding: var(--input-sum-padding-top) var(--input-sum-padding-right) var(--input-sum-padding-bottom) var(--input-sum-padding-left);
    width: 100%;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    font-weight: 500
}

.pu-control__input_sum {
    font-size: var(--input-sum-font-size);
    line-height: var(--input-sum-line-height)
}

.pu-control__input_sum::placeholder {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400
}

.pu-control__input_sum::placeholder {
    font-weight: 400
}

.pu-control__input_textarea {
    resize: vertical;
    min-height: var(--input-textarea-min-height)
}

.pu-control__input_textarea::-webkit-resizer {
    display: none
}

.pu-control__input_right {
    padding-top: var(--input-right-padding-top);
    padding-bottom: var(--input-right-padding-bottom);
    text-align: right;
    padding-right: 7px
}

.pu-control__input_right+.pu-control__label,.pu-control__input_right:focus+.pu-control__label {
    top: var(--input-right-label-top-position)
}

.pu-control__label {
    color: var(--color-input-txt-placeholder);
    position: absolute;
    transition: .1s linear;
    left: var(--input-padding-horizonral);
    top: var(--input-label-top);
    pointer-events: none;
    width: calc(100% - 1rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400
}

.pu-control__label_active {
    color: var(--color-input-txt-label);
    top: var(--input-label-top-position);
    left: .5rem;
    padding: 0 .25rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400
}

@media (min-width: 768px) {
    .pu-control__label_active {
        font-size:.875rem;
        line-height: 1.125rem;
        font-weight: 400
    }
}

.pu-control__label_active.pu-control__label_small {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400
}

.pu-control__label_invalid:is(.pu-control__label_active) {
    color: var(--color-additionals-danger)
}

.pu-control__icon {
    position: absolute;
    right: .75rem;
    top: calc(50% + var(--input-icon-top-gap));
    transform: translateY(-50%);
    color: var(--color-input-txt-placeholder)
}

.pu-control__icon_tooltip {
    cursor: pointer
}

.pu-control__currency {
    position: relative;
    top: var(--input-sum-currency-top-gap);
    padding-right: 15px;
    text-align: center;
    color: var(--color-input-txt-filled)
}

.pu-control__currency:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -11px;
    width: 1px;
    height: calc(100% + 4px);
    background: var(--color-input-border-active);
    pointer-events: none
}

.pu-control__currency_right:before {
    display: none
}

.pu-control__currency_right {
    top: var(--input-right-currency-top-gap)
}

.pu-control__currency_left-aligned {
    top: var(--input-sum-currency-left-aligned-top-gap);
    padding-right: 0;
    padding-left: var(--input-sum-currency-left-aligned-padding-left);
    width: var(--input-sum-currency-left-aligned-width)
}

.pu-control__currency_left-aligned:before {
    left: 40px
}

.pu-control__hint {
    color: var(--color-input-hint-txt);
    position: absolute;
    bottom: -20px;
    padding-left: .75rem;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400
}

.pu-control__hint:before {
    background: var(--color-input-hint-txt);
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: .25rem;
    height: .25rem;
    border-radius: 50%
}

.pu-control__hint_invalid {
    color: var(--color-additionals-danger)
}

.pu-control__hint_invalid:before {
    background: var(--color-additionals-danger)
}

.pu-control__hint_input {
    margin: .5rem 0;
    position: relative;
    bottom: 0
}

.pu-control__hint_input:before {
    transform: none;
    top: 6px
}

.pu-control__textarea-grab {
    position: absolute;
    bottom: 10px;
    right: 1px;
    height: 1px;
    width: 19px;
    border-radius: 2px;
    transform: matrix(-.71,.7,-.71,-.71,0,0);
    background: var(--color-input-border-active);
    pointer-events: none
}

.pu-control__textarea-grab:before,.pu-control__textarea-grab:after {
    content: "";
    position: absolute;
    height: 1px;
    border-radius: 2px;
    background: var(--color-input-border-active)
}

.pu-control__textarea-grab:before {
    left: 3px;
    top: -3px;
    width: 13px
}

.pu-control__textarea-grab:after {
    left: 6px;
    top: -6px;
    width: 7px
}

.pu-control__textarea-grab_invalid {
    background: var(--color-additionals-danger)
}

.pu-control__textarea-grab_invalid:after,.pu-control__textarea-grab_invalid:before {
    background: var(--color-additionals-danger)
}

.pinupchat-root.pinupchat-html-button-container {
    display: none!important
}

.pinupchat-root.pinupchat-desktop-mode .pinupchat-resizable {
    max-width: 380px!important;
    max-height: 370px!important
}

.pinupchat-root.pinupchat-desktop-mode.pinupchat-separate-container {
    top: unset!important;
    left: -10px!important;
    bottom: 90px!important;
    right: unset!important
}

.pu-default-chat-full-screen .pinupchat-root.pinupchat-separate-container {
    left: 0!important;
    bottom: 0!important;
    width: 100%!important;
    height: 100%!important
}

.pu-default-chat-full-screen .pinupchat-root.pinupchat-separate-container .pinupchat-chat {
    margin-left: 0!important
}

.pu-default-chat-full-screen .pinupchat-root.pinupchat-separate-container .pinupchat-chat-block {
    margin-right: 0!important
}

.pu-default-chat-full-screen .pinupchat-root.pinupchat-separate-container .pinupchat-header {
    max-width: 100%!important;
    width: 100%!important;
    box-sizing: border-box!important
}

.pu-default-chat-full-screen .pinupchat-root.pinupchat-separate-container .pinupchat-resizable {
    width: 100%!important;
    height: calc(100vh - 87px)!important;
    max-width: 100%!important;
    max-height: 100%!important
}

.sign-up .pinupchat-root.pinupchat-desktop-mode.pinupchat-separate-container {
    left: 0!important;
    right: 0!important;
    max-width: 396px;
    margin: 0 auto;
    bottom: 65px!important
}

@media (min-width: 768px) {
    .sign-up .pinupchat-root.pinupchat-desktop-mode.pinupchat-separate-container {
        bottom:95px!important
    }
}

@media (min-width: 1280px) {
    .sign-up .pinupchat-root.pinupchat-desktop-mode.pinupchat-separate-container {
        bottom:70px!important;
        left: auto!important
    }
}

.password-recovery .pinupchat-root.pinupchat-desktop-mode.pinupchat-separate-container {
    left: auto!important;
    right: 0!important;
    bottom: 65px!important
}

@media (min-width: 768px) {
    .password-recovery .pinupchat-root.pinupchat-desktop-mode.pinupchat-separate-container {
        bottom:95px!important
    }
}

@media (min-width: 1280px) {
    .password-recovery .pinupchat-root.pinupchat-desktop-mode.pinupchat-separate-container {
        display:none!important
    }
}

.webim_button,.webim-root.webim-html-button-container {
    display: none!important
}

.webim-root.webim-desktop-mode .webim-resizable {
    max-width: 380px!important;
    max-height: 370px!important;
    height: 370px!important
}

.webim-root.webim-desktop-mode.webim-separate-container {
    top: unset!important;
    left: -10px!important;
    bottom: 70px!important;
    right: unset!important
}

.pu-default-chat-full-screen .webim-root.webim-separate-container {
    left: 0!important;
    bottom: 0!important;
    width: 100%!important;
    height: 100%!important
}

.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-chat {
    margin-left: 0!important
}

.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-chat-block {
    margin-right: 0!important
}

.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-header {
    max-width: 100%!important;
    width: 100%!important;
    box-sizing: border-box!important
}

.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-resizable {
    width: 100%!important;
    height: calc(100vh - 87px)!important;
    max-width: 100%!important;
    max-height: 100%!important
}

.sign-up .webim-root.webim-desktop-mode.webim-separate-container {
    left: 0!important;
    right: 0!important;
    max-width: 396px;
    margin: 0 auto;
    bottom: 65px!important
}

@media (min-width: 768px) {
    .sign-up .webim-root.webim-desktop-mode.webim-separate-container {
        bottom:95px!important
    }
}

@media (min-width: 1280px) {
    .sign-up .webim-root.webim-desktop-mode.webim-separate-container {
        bottom:70px!important;
        left: auto!important
    }
}

.password-recovery .webim-root.webim-desktop-mode.webim-separate-container {
    left: auto!important;
    right: 0!important;
    bottom: 65px!important
}

@media (min-width: 768px) {
    .password-recovery .webim-root.webim-desktop-mode.webim-separate-container {
        bottom:95px!important
    }
}

@media (min-width: 1280px) {
    .password-recovery .webim-root.webim-desktop-mode.webim-separate-container {
        display:none!important
    }
}

.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0)
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family: Helvetica Neue,sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.odometer.odometer-theme-default {
    line-height: inherit;
    font-family: inherit
}

.odometer.odometer-theme-default .odometer-digit {
    vertical-align: baseline
}

.odometer.odometer-theme-default,.odometer-digit,.odometer-inside {
    height: 100%
}

:not(.default-scrollbar)::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

:not(.default-scrollbar)::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.05)
}

:not(.default-scrollbar)::-webkit-scrollbar-thumb {
    background-color: var(--color-bg-4);
    border-radius: .5rem
}

.ui-swiper-wide-bullets .swiper-pagination-bullet {
    position: relative;
    overflow: visible
}

.ui-swiper-wide-bullets .swiper-pagination-bullet:before {
    content: "";
    height: 400%;
    width: 100%;
    left: 0;
    top: 50%;
    display: block;
    position: absolute;
    transform: translateY(-50%)
}

/*# sourceMappingURL=styles-VCE66IEG.css.map */