@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/d6fc113833db48fe-s.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: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/e1df014bb05b8510-s.p.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/13a314e63820922b-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/04c24f78ad5a47d8-s.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: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/6d9d93fc6431e29f-s.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+1ee??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/37da3febcafd463e-s.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+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, 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+1f0??, 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+1f7??, 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+1fb??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/51f6eedf9be77cd7-s.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: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/403511e41efd5e81-s.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: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/5d258b355fefebcb-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/d6fc113833db48fe-s.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: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/e1df014bb05b8510-s.p.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/13a314e63820922b-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/04c24f78ad5a47d8-s.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: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/6d9d93fc6431e29f-s.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+1ee??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/37da3febcafd463e-s.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+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, 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+1f0??, 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+1f7??, 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+1fb??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/51f6eedf9be77cd7-s.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: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/403511e41efd5e81-s.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: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/5d258b355fefebcb-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/d6fc113833db48fe-s.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: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/e1df014bb05b8510-s.p.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/13a314e63820922b-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/04c24f78ad5a47d8-s.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: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/6d9d93fc6431e29f-s.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+1ee??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/37da3febcafd463e-s.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+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, 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+1f0??, 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+1f7??, 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+1fb??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/51f6eedf9be77cd7-s.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: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/403511e41efd5e81-s.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: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/5d258b355fefebcb-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/d6fc113833db48fe-s.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: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/e1df014bb05b8510-s.p.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/13a314e63820922b-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/04c24f78ad5a47d8-s.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: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/6d9d93fc6431e29f-s.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+1ee??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/37da3febcafd463e-s.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+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, 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+1f0??, 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+1f7??, 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+1fb??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/51f6eedf9be77cd7-s.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: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/403511e41efd5e81-s.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: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/5d258b355fefebcb-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/d6fc113833db48fe-s.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: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/e1df014bb05b8510-s.p.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/13a314e63820922b-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/04c24f78ad5a47d8-s.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: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/6d9d93fc6431e29f-s.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+1ee??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/37da3febcafd463e-s.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+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, 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+1f0??, 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+1f7??, 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+1fb??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/51f6eedf9be77cd7-s.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: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/403511e41efd5e81-s.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: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/5d258b355fefebcb-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/d6fc113833db48fe-s.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: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/e1df014bb05b8510-s.p.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/13a314e63820922b-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/04c24f78ad5a47d8-s.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: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/6d9d93fc6431e29f-s.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+1ee??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/37da3febcafd463e-s.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+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, 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+1f0??, 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+1f7??, 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+1fb??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/51f6eedf9be77cd7-s.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: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/403511e41efd5e81-s.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: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/_next/static/media/5d258b355fefebcb-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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: Open Sans Fallback;
    src: local("Arial");
    ascent-override: 101.65%;
    descent-override: 27.86%;
    line-gap-override: 0.00%;
    size-adjust: 105.15%
}

.__className_bc6f52 {
    font-family: Open Sans, Open Sans Fallback;
    font-style: normal
}

.__variable_bc6f52 {
    --font-open-sans: "Open Sans", "Open Sans Fallback"
}

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

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

[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

:root {
    --color-black-10: #0d0d0d;
    --color-black-20: #1a1a1a;
    --color-black-30: #1c1c1c;
    --color-black-31: #121212;
    --color-black-32: #151515;
    --color-black-40: #171717;
    --color-black-50: #222222;
    --color-black-60: #2b2b2b;
    --color-gray-10: #333333;
    --color-gray-14: #444444;
    --color-gray-15: #545454;
    --color-gray-20: #666666;
    --color-gray-30: #999999;
    --color-gray-40: #cacaca;
    --color-gray-45: #cccccc;
    --color-theme-text-black: var(--color-black-40);
    --color-theme-primary-dark: var(--color-black-30);
    --color-theme-background: var(--color-black-10);
    --color-white: #ffffff;
    --color-red: #d41a00;
    --color-red-10: #c25452;
    --color-red-20: #e80000;
    --color-orange: #ffa200;
    --color-orange-10: #ff8983;
    --font-size-64: 64px;
    --font-size-h1-64: var(--font-size-64);
    --font-size-54: 54px;
    --font-size-h1-54: var(--font-size-54);
    --font-size-40: 40px;
    --font-size-h1-40: var(--font-size-40);
    --font-size-33: 33px;
    --font-size-h2: var(--font-size-33);
    --font-size-28: 28px;
    --font-size-h3: var(--font-size-28);
    --font-size-24: 24px;
    --font-size-23: 23px;
    --font-size-h4: var(--font-size-23);
    --font-size-21: 21px;
    --font-size-19: 19px;
    --font-size-18: 18px;
    --font-size-h5: var(--font-size-19);
    --font-size-16: 16px;
    --font-size-h6: var(--font-size-16);
    --font-size-17: 17px;
    --font-size-15: 15px;
    --font-size-14: 14px;
    --font-size-13: 13px;
    --font-size-12: 12px;
    --font-size-11: 11px;
    --letter-spacing-15: -1.5px;
    --letter-spacing-1: -1px;
    --letter-spacing-05: -0.5px;
    --letter-spacing-025: -0.25px;
    --letter-spacing-0: 0px;
    --line-height-100: 100%;
    --line-height-110: 110%;
    --line-height-120: 120%;
    --line-height-130: 130%;
    --line-height-140: 140%;
    --line-height-150: 150%;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-base: "Open Sans", sans-serif;
    --font-h1: 40px;
    --font-h2: 33px;
    --font-h3: 28px;
    --font-h4: 24px;
    --font-h5: 19px;
    --font-p: 14px;
    --font-accent: 13px;
    --font-caption: 12px;
    --font-small: 11px;
    --am-labs-vh: 100vh;
    --player-height: 90px;
    --nav-height: 83px;
    --color-gray-transparent: #ffffff1a;
    --font-h6: 16px
}

@media(max-width: 768px) {
    :root {
        --font-size-h1-64: 60px;
        --font-size-h1-54: 52px;
        --font-size-h1-40: 37px;
        --font-size-h2: 31px;
        --font-size-h3: 26px;
        --font-size-h4: 21px;
        --font-size-h5: 17px;
        --font-size-h6: 15px;
        --font-h1: calc(40px - 3px);
        --font-h2: calc(33px - 2px);
        --font-h3: calc(28px - 2.5px);
        --font-h4: calc(24px - 2px);
        --font-h5: calc(19px - 2px);
        --font-p: 14px;
        --font-accent: 13px;
        --font-caption: 12px;
        --font-small: 11px;
        --nav-height: 63px;
        --player-height: 68px;
        --font-h6: calc(16px - 1px)
    }
}

@supports(height: 100dvh) {
    :root {
        --am-labs-vh: 100dvh
    }
}

.NoAuthUserHero-title {
    font-size: var(--font-size-33);
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-1);
    font-weight: var(--font-weight-700)
}

.NoAuthUserHero-text {
    font-size: var(--font-size-19);
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-600)
}

.Footer-general-nav-link,
.SearchInput-suggestions_item,
.SidebarNav-list-item-link,
body,
html {
    font-size: var(--font-size-16);
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-400)
}

.Footer-general-nav-link {
    font-weight: var(--font-weight-800);
    text-transform: uppercase
}

.Footer-about,
.Footer-copy,
.Footer-legal-nav-item,
.HeaderAuth-link {
    font-size: var(--font-size-14);
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-400)
}

.Footer-legal-nav-item {
    font-weight: var(--font-weight-700)
}

.HeaderGetPlus-divider,
.HeaderGetPlus-link,
.SidebarAd-text-bold {
    font-size: var(--font-size-13);
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-400)
}

.SidebarAd-text-small {
    font-size: var(--font-size-12);
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-0);
    font-weight: var(--font-weight-400)
}

:root {
    --link_transition: 0.2s
}

body,
html {
    height: 100%;
    font-family: var(--font-open-sans), sans-serif;
    color: var(--color-white);
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: normal;
    background-color: var(--color-theme-background);
    letter-spacing: var(--letter-spacing-05)
}

* {
    box-sizing: border-box
}

.no-overflow {
    overflow: hidden
}

.orange {
    color: var(--color-orange) !important
}

.bold {
    font-weight: var(--font-weight-700)
}

::selection {
    background-color: var(--color-orange);
    color: var(--color-black-10)
}

a {
    text-decoration: none;
    color: var(--color-white)
}

a:hover,
a:hover svg path {
    color: var(--color-orange);
    transition: color .2s ease-in
}

button {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-family: var(--font-open-sans), sans-serif;
    color: var(--color-white);
    padding: 0
}

body {
    scrollbar-width: thin;
    -ms-overflow-style: none
}

body::-webkit-scrollbar {
    width: 8px;
    height: 6px
}

@media(max-width: 768px) {
    body::-webkit-scrollbar {
        width: 0;
        height: 0
    }
}

body:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-transparent)
}

body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px;
    border: 3px solid rgba(0, 0, 0, 0)
}

body::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-gray-10)
}

body::-webkit-scrollbar-thumb:active {
    background-color: var(--color-gray-45)
}

body::-webkit-scrollbar-button,
body::-webkit-scrollbar-corner,
body::-webkit-scrollbar-gripper,
body::-webkit-scrollbar-gripper:active,
body::-webkit-scrollbar-gripper:hover,
body::-webkit-scrollbar-resizer,
body::-webkit-scrollbar-track-piece {
    display: none
}

.HeaderLogo {
    display: flex;
    align-items: center;
    gap: 4px
}

.HeaderLogo-logoLink {
    line-height: 1
}

.HeaderLogo-logoLink .Icon path:nth-of-type(2) {
    fill: var(--color-orange)
}

.HeaderGetPlus {
    display: flex;
    align-items: center;
    gap: 4px
}

.HeaderGetPlus-divider {
    color: var(--color-black-60);
    line-height: 1.3
}

.HeaderGetPlus-link {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-white);
    white-space: nowrap;
    text-transform: capitalize;
    line-height: 1.3;
    font-weight: var(--font-weight-700);
    text-decoration: none;
    transition: color var(--link_transition)
}

.HeaderGetPlus-link:hover {
    transition: color var(--link_transition);
    color: var(--color-orange)
}

.HeaderGetPlus-link-sign {
    color: var(--color-orange);
    font-size: 13px;
    font-weight: var(--font-weight-700)
}

.HeaderNavigation {
    display: flex;
    align-items: center;
    gap: 24px
}

.HeaderNavigation-link {
    color: var(--color-white);
    text-decoration: none;
    transition: var(--link_transition);
    font-size: var(--font-size-15);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-800);
    text-transform: uppercase;
    white-space: nowrap;
    position: relative
}

.HeaderNavigation-link.active {
    color: var(--color-orange)
}

.HeaderNavigation-link.with-dot:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: var(--color-orange);
    transform: translateX(50%)
}

.HeaderNavigation-subLink {
    white-space: nowrap;
    justify-content: space-between;
    gap: 8px;
    letter-spacing: var(--letter-spacing-025)
}

.HeaderNavigation-subLink,
.HeaderNavigation-subLink-newItems {
    display: flex;
    align-items: center;
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-700)
}

.HeaderNavigation-subLink-newItems {
    justify-content: center;
    background-color: var(--color-orange);
    min-height: 24px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 24px;
    color: var(--color-black-10);
    border-radius: 50px;
    line-height: 100%;
    padding: 0 4px
}

.HeaderNavigation-subLink:not(:last-child) {
    -webkit-margin-after: 16px;
    margin-block-end: 16px
}

.HeaderNavigation-subLink>svg {
    -webkit-margin-after: 3px;
    margin-block-end: 3px
}

.HeaderNavigation-subLink.active {
    color: var(--color-orange)
}

.HeaderAuth {
    display: flex;
    align-items: center;
    gap: 4px
}

.HeaderAuth-link {
    font-weight: var(--font-weight-700);
    text-decoration: none;
    color: var(--color-white);
    transition: var(--link_transition)
}

.HeaderAuth-link:hover {
    transition: var(--link_transition);
    color: var(--color-orange)
}

.HeaderAuth-divider {
    color: var(--color-orange);
    font-size: var(--font-size-14);
    line-height: 1.3
}

.HeaderUser-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-block: 16px !important
}

.HeaderUser-avatarImg {
    border-radius: 50%;
    border: 1px solid var(--color-gray-transparent);
    object-fit: cover
}

.HeaderUser-avatarIcon {
    position: absolute;
    width: 40%;
    right: 1px;
    bottom: 0
}

@media screen and (max-width: 767px) {
    .HeaderUser-avatarIcon {
        bottom: 0;
        right: 0
    }
}

.HeaderUser-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    white-space: nowrap;
    font-size: var(--font-size-13);
    letter-spacing: var(--letter-spacing-025) !important;
    font-weight: var(--font-weight-700) !important;
    color: var(--color-white);
    padding-inline: 0
}

.HeaderUser-link.onlyOnMobile {
    display: none
}

.HeaderUser-link.withDivider {
    padding-top: 16px;
    -webkit-border-before: 1px solid var(--color-black-60);
    border-block-start: 1px solid var(--color-black-60)
}

.HeaderUser-link svg {
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .HeaderUser-link.onlyOnMobile {
        display: flex
    }

    .HeaderUser-content {
        width: 200px;
        transform: translateX(-90%) !important
    }
}

.HeaderMobileNavigation-linkGroup {
    display: flex;
    flex-direction: column;
    gap: 23px;
    padding-block: 24px;
    -webkit-border-after: 1px solid var(--color-black-60);
    border-block-end: 1px solid var(--color-black-60)
}

.HeaderMobileNavigation-linkGroup: first-of-type {
    -webkit-border-before: 1px solid var(--color-black-60);
    border-block-start: 1px solid var(--color-black-60)
}

.HeaderMobileNavigation-ad {
    margin-top: 32px
}

.HeaderMobileNavigation-link {
    font-size: var(--font-size-15);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-800);
    text-transform: uppercase
}

.HeaderMobileNavigation-link.active {
    color: var(--color-orange)
}

.HeaderMobileNavigation-subLink {
    font-size: var(--font-size-15);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-700);
    text-transform: capitalize;
    color: var(--color-gray-45)
}

.HeaderMobileNavigation-subLink:first-of-type {
    -webkit-margin-before: 8px;
    margin-block-start: 8px
}

.HeaderMobileNavigation-subLink.active {
    color: var(--color-orange)
}

.HeaderMobileNavigation-subLink-newItems {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 32px;
    background-color: var(--color-orange);
    min-height: 24px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 24px;
    color: var(--color-black-10);
    border-radius: 50px;
    line-height: 100%;
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-700);
    padding: 0 4px
}

.HeaderMobileMenu-btnMenu {
    display: none !important;
    padding-block: 14px;
    -webkit-padding-start: 3px;
    padding-inline-start: 3px;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px
}

.HeaderMobileMenu-menuWrap {
    position: fixed;
    inset-block: 0;
    inset-inline: 0;
    width: 100%;
    height: 100dvh;
    background-color: var(--color-black-10);
    z-index: 10;
    padding-block: 62px 80px;
    padding-inline: 24px;
    overflow-y: auto
}

.HeaderMobileMenu-btnClose {
    position: fixed;
    inset-block-start: 24px;
    inset-inline-end: 20px
}

.HeaderMobile {
    display: none;
    align-items: center;
    flex-grow: 1;
    gap: 8px
}

.HeaderMobile-logoLink {
    line-height: 1;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    flex-shrink: 0
}

.HeaderMobile-searchInput {
    display: flex !important;
    flex: 1 1;
    margin-inline: 8px
}

.HeaderMobile-btnSearch {
    -webkit-margin-end: 12px;
    margin-inline-end: 12px;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.HeaderMobile-btnClose,
.HeaderMobile-btnSearch {
    padding: 12px;
    flex-shrink: 0
}

.HeaderMobile .DropDown-content {
    inset-inline-start: auto;
    inset-inline-end: 0;
    transform: none
}

@media screen and (max-width: 767px) {
    .HeaderMobile {
        display: flex
    }
}

.NotificationText {
    flex: 1 1;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: var(--font-size-13)
}

.NotificationText .orange {
    font-weight: var(--font-weight-700);
    color: var(--color-orange)
}

.NotificationText a.orange:hover {
    text-decoration: underline
}

.NotificationText .grayed {
    font-weight: var(--font-weight-600);
    color: var(--color-gray-30)
}

.NotificationText .bold {
    font-weight: var(--font-weight-700)
}

.NotificationUpsell {
    margin: 16px 0;
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    display: inline-flex;
    column-gap: 8px;
    align-items: center;
    position: relative
}

.NotificationUpsell--popover {
    background-color: var(--color-black-60)
}

.NotificationUpsell--page {
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 0
}

.NotificationUpsell--page:after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--color-gray-transparent);
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    transform: translateX(-50%)
}

.NotificationUpsell-title {
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-700);
    line-height: var(--line-height-120)
}

.NotificationUpsell-text {
    font-size: var(--font-size-13);
    color: var(--color-gray-40);
    line-height: var(--line-height-120)
}

.NotificationUpsell-premiumLink {
    margin-left: auto;
    color: var(--color-black-10);
    background-color: var(--color-orange);
    padding: 6px 16px;
    border-radius: 50px;
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-700)
}

.LinkMedia {
    width: 60px;
    text-align: center
}

.PlaylistNotificationCard-content,
.PlaylistNotificationCard-heading,
.PlaylistNotificationCard-images {
    display: flex;
    align-items: center
}

.PlaylistNotificationCard {
    padding: 12px 16px;
    margin-bottom: 8px;
    display: block;
    transition: background-color .2s ease-in
}

.PlaylistNotificationCard:hover {
    background-color: var(--color-black-50)
}

.PlaylistNotificationCard-icon {
    min-width: 16px
}

.PlaylistNotificationCard-content {
    justify-content: space-between
}

.PlaylistNotificationCard-arrow {
    transform: rotate(-90deg)
}

.PlaylistNotificationCard-heading {
    flex-wrap: wrap;
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-14);
    color: var(--color-gray-40);
    column-gap: 4px;
    margin-bottom: 16px
}

.PlaylistNotificationCard-heading b {
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-14);
    color: var(--color-white)
}

.PlaylistNotificationCard-images {
    column-gap: 8px
}

@media screen and (max-width: 767px) {
    .PlaylistNotificationCard {
        margin-bottom: 8px
    }
}

.UserActionNotification {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 12px 16px;
    transition: background-color .2s ease-in;
    background-color: rgba(0, 0, 0, 0)
}

.UserActionNotification:hover {
    background-color: var(--color-black-50)
}

.UserActionNotification-content {
    flex-grow: 1
}

.UserActionNotification-userImg {
    border-radius: 60px
}

.UserActionNotification .time {
    flex: 0 0 100%;
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-400);
    color: var(--color-gray-40)
}

.HeaderNotifications-btn {
    background: rgba(0, 0, 0, 0);
    border: none;
    position: relative
}

.HeaderNotifications-btn .marker {
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-700);
    padding: 0 5px;
    border-radius: 40px;
    background-color: var(--color-orange);
    color: var(--color-black-10);
    min-width: 20px;
    height: 20px;
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100%
}

.HeaderNotifications-item {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid var(--color-gray-transparent)
}

.HeaderNotifications-item:hover {
    background-color: var(--color-black-60) !important
}

.HeaderNotifications-popover {
    background-color: var(--color-black-50) !important;
    width: 380px;
    max-height: 350px;
    overflow: auto;
    padding: 16px
}

.HeaderNotifications-popover-title {
    text-align: center;
    font-weight: var(--font-weight-800);
    font-size: var(--font-size-16);
    letter-spacing: var(--letter-spacing-05);
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-gray-transparent)
}

.HeaderNotifications-popover-content {
    border-top: 1px solid var(--color-gray-transparent);
    border-bottom: 1px solid var(--color-gray-transparent)
}

.HeaderNotifications-popover-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
    padding: 16px 0
}

.HeaderNotifications-popover-empty-p,
.HeaderNotifications-popover-link {
    font-weight: var(--font-weight-700)
}

.HeaderNotifications-popover-link {
    display: block !important;
    text-align: center;
    padding: 16px 0;
    color: var(--color-orange);
    position: -webkit-sticky;
    position: sticky;
    bottom: -16px;
    left: 0;
    z-index: 1;
    background-color: var(--color-black-50);
    border-top: 1px solid var(--color-gray-transparent);
    font-size: var(--font-size-14)
}

.HeaderNotifications-loader {
    background-color: rgba(0, 0, 0, 0) !important
}

:root {
    --header-height: 83px
}

.Header-container {
    z-index: 999
}

.Header,
.Header-container {
    background-color: var(--color-black-10)
}

.Header {
    height: var(--header-height);
    -webkit-border-after: 1px solid var(--color-black-60);
    border-block-end: 1px solid var(--color-black-60);
    padding-inline: 15px;
    display: flex;
    align-items: center;
    position: relative
}

.Header .SearchInput {
    margin-inline: 30px
}

.Header .HeaderNavigation {
    -webkit-margin-end: 30px;
    margin-inline-end: 30px
}

.Header-actions {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 24px;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.Header-authedWrap {
    display: flex;
    align-items: center;
    gap: 21px
}

.Header-uploadBtn {
    text-transform: uppercase;
    font-size: var(--font-size-16) !important;
    font-weight: var(--font-weight-800) !important;
    padding-inline: 24px !important
}

@media screen and (max-width: 1199px) {
    .Header .SearchInput {
        flex: 0 1 70%;
        margin-inline: 16px
    }

    .Header .HeaderNavigation {
        display: none
    }

    .Header .HeaderMobileMenu-btnMenu {
        display: flex !important
    }
}

@media screen and (max-width: 767px) {
    .Header {
        height: 63px;
        -webkit-border-after: 0 !important;
        border-block-end: 0 !important
    }

    .Header .Modal-content {
        margin: 50px auto auto
    }

    .Header .HeaderGetPlus,
    .Header .HeaderLogo,
    .Header .SearchInput,
    .Header-actions,
    .Header-uploadBtn {
        display: none
    }
}

.Button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-family: var(--font-open-sans);
    font-weight: var(--font-weight-700);
    word-wrap: nowrap;
    padding: 0 16px
}

.Button:hover {
    opacity: .8
}

.Button.x-small {
    height: 30px;
    border-radius: 70px
}

.Button.small,
.Button.x-small {
    font-size: var(--font-size-13);
    letter-spacing: var(--letter-spacing-05)
}

.Button.small {
    height: 40px;
    border-radius: 24px
}

.Button.medium {
    height: 48px;
    border-radius: 24px
}

.Button.medium,
.Button.medium-large {
    font-size: var(--font-size-13);
    letter-spacing: var(--letter-spacing-025)
}

.Button.medium-large {
    height: 50px;
    border-radius: 25px
}

.Button.large {
    height: 52px;
    border-radius: 70px
}

.Button.large,
.Button.x-large {
    font-size: var(--font-size-16);
    letter-spacing: var(--letter-spacing-05)
}

.Button.x-large {
    height: 80px;
    border-radius: 76px
}

.Button.filledLight {
    border: none;
    background-color: var(--color-orange);
    color: var(--color-black-10)
}

.Button.filledDark {
    border: none;
    background-color: var(--color-black-50);
    color: var(--color-white)
}

.Button.outlined {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid var(--color-orange);
    border-color: var(--color-orange);
    color: var(--color-white)
}

.Button.large.outlined {
    border: 3px solid var(--color-orange)
}

.IconButton {
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    font-family: var(--font-open-sans);
    font-weight: var(--font-weight-700)
}

.IconButton.plain {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.IconButton.filledLight {
    border: none;
    background-color: var(--color-orange);
    color: var(--color-black-50)
}

.IconButton.filledDark {
    border: none;
    background-color: var(--color-black-50);
    color: var(--color-white)
}

.IconButton.outlined {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid var(--color-orange);
    border-color: var(--color-orange);
    color: var(--color-white)
}

.IconButton.small {
    width: max-content;
    height: max-content
}

.IconButton.large {
    width: 52px;
    height: 52px
}

.IconButton.x-large {
    width: 80px;
    height: 80px
}

.PillButton {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: var(--font-open-sans);
    font-weight: var(--font-weight-700)
}

.PillButton.small {
    height: 24px;
    padding: 0 8px;
    font-size: var(--font-size-13);
    letter-spacing: var(--letter-spacing-05)
}

.PillButton.medium {
    padding: 0 16px;
    height: 36px;
    font-size: var(--font-size-13);
    letter-spacing: var(--letter-spacing-025)
}

.PillButton.filled {
    border: none;
    background-color: var(--color-orange);
    color: var(--color-black-50);
    border-radius: 70px
}

.PillButton.outlined {
    border-radius: 70px;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid var(--color-gray-10);
    color: var(--color-white)
}

.PillButton.outlined:hover {
    border: 2px solid var(--color-gray-20)
}

.PillButton.outlined.active {
    border: 2px solid var(--color-orange)
}

.PillButton.filledRect {
    border: none;
    background-color: var(--color-orange);
    color: var(--color-black-50);
    border-radius: 5px
}

.DropDown {
    position: relative
}

.DropDown-title {
    cursor: pointer
}

.DropDown .DropDown-content {
    position: absolute;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--link_transition) ease;
    border-radius: 6px;
    padding: 16px;
    background-color: var(--color-black-30);
    z-index: 2
}

.DropDown .DropDown-content.active {
    opacity: 1;
    visibility: visible
}

.Icon.fill path {
    fill: inherit
}

.SearchInput {
    border-radius: 50px;
    background-color: var(--color-black-50);
    padding-inline: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 1 25%;
    position: relative
}

.SearchInput-icon {
    flex-shrink: 0
}

.SearchInput-input {
    background-color: rgba(0, 0, 0, 0);
    color: var(--color-white);
    border: none;
    outline: none;
    width: 100%;
    font-size: var(--font-size-14);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-600);
    font-family: var(--font-open-sans), sans-serif;
    padding: 12px 16px
}

.SearchInput-input::placeholder {
    color: var(--color-gray-45)
}

.SearchInput-input:focus::placeholder {
    color: rgba(0, 0, 0, 0)
}

.SearchInput-closeBtn {
    padding: 12px 4px
}

.SearchInput-spinner {
    fill: var(--color-orange)
}

.SearchInput-suggestions {
    position: absolute;
    top: 100%;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    background-color: var(--color-black-30);
    border-radius: 5px;
    max-height: 338px;
    overflow-y: auto;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5764705882);
    padding: 6px 0;
    margin-top: 8px
}

.SearchInput-suggestions_item {
    display: block;
    width: 100%;
    padding: 8px 16px;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-white);
    min-height: 40px
}

.SearchInput-suggestions_item.active,
.SearchInput-suggestions_item:hover {
    background-color: var(--color-black-50)
}

.SearchInput-suggestions_item:hover .highlighted,
.SearchInput-suggestions_item:hover .notHighlighted {
    color: var(--color-orange) !important
}

.SearchInput-suggestions_item .highlighted {
    font-weight: 700
}

.SearchInput-suggestions_item .notHighlighted {
    color: var(--color-gray-40)
}

@media(max-width: 767px) {
    .SearchInput-suggestions {
        max-height: 360px
    }

    .SearchInput-suggestions_item {
        font-size: var(--font-size-15)
    }
}

.NoAuthUserHero {
    max-width: 1366px;
    width: 100%;
    min-height: 256px;
    margin: 24px auto;
    padding: 40px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    border: 1px solid var(--color-gray-transparent);
    position: relative;
    background-color: var(--color-black-31)
}

.NoAuthUserHero-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: 100%
}

.NoAuthUserHero-content {
    width: 100%;
    max-width: 58%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 1
}

.NoAuthUserHero-title {
    text-align: center
}

.NoAuthUserHero-title b {
    color: var(--color-orange)
}

.NoAuthUserHero-text {
    font-size: var(--font-size-h5);
    max-width: 485px;
    text-align: center;
    color: var(--color-gray-45)
}

.NoAuthUserHero-text b {
    color: var(--color-white)
}

.NoAuthUserHero-cta {
    margin-top: 16px;
    padding: 16px 32px !important
}

@media screen and (max-width: 1199px) {
    .NoAuthUserHero-content {
        max-width: 60%
    }
}

@media screen and (max-width: 767px) {
    .NoAuthUserHero {
        min-height: 215px;
        margin-top: 5px;
        max-width: 95%;
        width: 100%;
        margin-bottom: 0
    }

    .NoAuthUserHero-img {
        height: 100%;
        width: auto;
        object-fit: fill;
        object-position: initial;
        transform: translateX(-400px)
    }

    .NoAuthUserHero-content {
        max-width: none
    }

    .NoAuthUserHero-title {
        font-size: var(--font-size-16)
    }

    .NoAuthUserHero-text {
        font-size: var(--font-size-13)
    }

    .NoAuthUserHero-cta {
        font-size: var(--font-size-13) !important;
        padding: 12px 16px !important;
        height: auto !important
    }
}

@media screen and (max-width: 575px) {
    .NoAuthUserHero-img {
        display: none
    }
}

.Img {
    object-fit: cover;
    object-position: center
}

.Img-block {
    line-height: 0;
    overflow: hidden
}

.Img-block,
.Img-cover {
    display: block;
    height: 100%
}

.Img-animateBg {
    background-image: linear-gradient(-45deg, var(--color-black-10), var(--color-gray-14));
    background-size: 400% 400%;
    animation: gradient 3s ease infinite
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.Footer {
    margin-top: 96px;
    padding: 48px 15px 190px;
    background-color: var(--color-black-31);
    justify-content: center
}

.Footer,
.Footer-container {
    display: flex;
    align-items: center
}

.Footer-container {
    max-width: 1200px;
    width: 100%;
    flex-direction: column
}

.Footer-logo-container,
.Footer-socials {
    padding-bottom: 24px
}

.Footer-socials {
    display: flex;
    column-gap: 0
}

.Footer-socials-icon {
    display: inline-block;
    padding: 0 12px
}

.Footer-socials-icon:hover svg path {
    fill: var(--color-orange)
}

.Footer-general-nav {
    padding-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 8px;
    row-gap: 24px
}

.Footer-general-nav-link {
    padding: 0 12px;
    white-space: nowrap;
    color: var(--color-white)
}

.Footer-download {
    padding-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 8px
}

.Footer-download-link {
    padding: 0 12px
}

.Footer-download-link svg path,
.Footer-download-link svg rect {
    transition: fill .2s ease-in
}

.Footer-download-link:hover svg path,
.Footer-download-link:hover svg rect {
    fill: var(--color-orange)
}

.Footer-about {
    text-align: center;
    color: var(--color-gray-45);
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 32px
}

.Footer-legal-nav {
    padding-bottom: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 16px;
    row-gap: 16px
}

.Footer-legal-nav-item {
    padding: 0 12px;
    white-space: nowrap
}

.Footer-legal-nav-item[type=button] {
    background-color: initial;
    border: none;
    color: var(--color-white)
}

.Footer-copy {
    color: var(--color-gray-45)
}

@media screen and (max-width: 767px) {

    .Footer-about,
    .Footer-container,
    .Footer-copy,
    .Footer-download,
    .Footer-general-nav,
    .Footer-legal-nav,
    .Footer-socials {
        width: 100%
    }

    .Footer-general-nav,
    .Footer-legal-nav {
        max-width: none
    }

    .Footer-logo {
        order: 0
    }

    .Footer-general-nav {
        order: 0;
        flex-direction: column
    }

    .Footer-general-nav-link {
        padding: 0
    }

    .Footer-socials {
        order: 2
    }

    .Footer-socials-icon {
        padding: 0 4px
    }

    .Footer-download {
        order: 1;
        justify-content: flex-start;
        gap: 0
    }

    .Footer-download-link {
        padding: 0 16px 0 0
    }

    .Footer-about {
        order: 3;
        text-align: start;
        max-width: 100%
    }

    .Footer-legal-nav {
        order: 3;
        flex-direction: column
    }

    .Footer-legal-nav-item {
        text-align: start;
        padding: 0
    }

    .Footer-copy {
        order: 4;
        text-align: start
    }
}

@media screen and (max-width: 425px) {
    .Footer-download {
        gap: 12px
    }

    .Footer-download-link {
        flex: 1 1 45%;
        padding: 0
    }

    .Footer-download-link-icon {
        width: 100%;
        height: auto
    }
}

@media screen and (min-width: 768px)and (max-width:992px) {

    .Footer-general-nav,
    .Footer-legal-nav {
        max-width: 485px
    }
}

.AddToLinkTree span {
    line-height: 1 !important;
    visibility: hidden !important;
    height: 33px;
    display: block;
    overflow: hidden
}

.AddToLinkTree span:before {
    font-family: Open Sans, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    content: "Add to Linktree" !important;
    visibility: visible !important;
    display: block;
    text-align: left;
    white-space: nowrap
}

.AddToLinkTree button {
    border: 0 !important;
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    height: 17.4px !important;
    width: 100px !important;
    color: #fff !important;
    min-height: 0 !important
}

.AddToLinkTree button:focus,
.AddToLinkTree button:hover {
    background: rgba(0, 0, 0, 0) !important;
    color: var(--color-orange) !important
}

.MakePublic {
    width: 100%;
    max-width: 300px;
    padding: 32px 45px;
    background-color: var(--color-black-30);
    border-radius: 5px;
    margin: 0 auto
}

.MakePublic-h {
    text-transform: uppercase;
    font-weight: var(--font-weight-700);
    font-size: var(--font-size-12);
    color: var(--color-gray-30);
    letter-spacing: .5px;
    opacity: .8
}

.MakePublic-h,
.MakePublic-p {
    text-align: center;
    margin-bottom: 22px
}

.MakePublic-p {
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-150)
}

.MakePublic-cancel,
.MakePublic-confirm {
    display: block;
    width: 100%;
    border-radius: 50px;
    padding: 16px 30px;
    background-color: rgba(0, 0, 0, 0);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
    letter-spacing: var(--letter-spacing-05)
}

.MakePublic-confirm {
    margin-bottom: 4px;
    background-color: var(--color-orange);
    color: var(--color-black-10)
}

@media screen and (max-width: 767px) {
    .MakePublic {
        max-width: 100%
    }

    .MakePublic-modal .Modal-content {
        margin-top: 48px
    }
}

.CreatePromotionalLink {
    padding: 15px 20px;
    background-color: var(--color-black-30);
    border-radius: 5px;
    max-width: 720px;
    width: 100%
}

.CreatePromotionalLink-h {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
    text-align: center;
    text-transform: uppercase;
    padding: 20px
}

.CreatePromotionalLink-p {
    line-height: var(--line-height-150);
    font-size: var(--font-size-14);
    margin-bottom: 24px
}

.CreatePromotionalLink-form {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px
}

.CreatePromotionalLink-form .InputWrap {
    flex: 1 1;
    min-width: 300px
}

.CreatePromotionalLink-form-btn {
    border-radius: 50px;
    background-color: var(--color-orange);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-700);
    color: var(--color-black-10);
    height: -moz-fit-content;
    height: fit-content;
    padding: 14px 45px;
    margin-top: 28px;
    margin-left: 24px
}

.CreatePromotionalLink-form-btn:hover {
    opacity: .8
}

.CreatePromotionalLink-table {
    width: 100%
}

.CreatePromotionalLink-table-container {
    max-width: 100%;
    overflow-x: auto
}

.CreatePromotionalLink-table td,
.CreatePromotionalLink-table th {
    padding: 8px;
    vertical-align: top;
    font-size: var(--font-size-14)
}

.CreatePromotionalLink-table .CreatePromotionalLink-table-body tr {
    border-top: 1px solid var(--color-gray-transparent)
}

.CreatePromotionalLink-table .CreatePromotionalLink-table-body tr:first-child {
    border-top: none
}

.CreatePromotionalLink-table-btn,
.CreatePromotionalLink-table-head,
.CreatePromotionalLink-table-key {
    font-weight: var(--font-weight-700)
}

.CreatePromotionalLink-table-head {
    border-bottom: 2px solid var(--color-gray-transparent)
}

.CreatePromotionalLink-table-key {
    color: var(--color-orange)
}

.CreatePromotionalLink-table-link {
    text-decoration: underline;
    text-align: center
}

.CreatePromotionalLink-table-link:hover {
    color: var(--color-white)
}

.CreatePromotionalLink-table-btn {
    background-color: var(--color-orange);
    padding: 8px 16px;
    color: var(--color-black-10);
    border-radius: 50px
}

.CreatePromotionalLink-table-btn:hover {
    opacity: .8
}

.CreatePromotionalLink-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin: 36px 0
}

.CreatePromotionalLink-empty-p {
    font-weight: var(--font-weight-700);
    font-size: var(--font-size-16)
}

@media screen and (max-width: 767px) {
    .CreatePromotionalLink {
        background-color: rgba(0, 0, 0, 0);
        max-width: 100vw
    }

    .CreatePromotionalLink-form {
        display: flex;
        flex-direction: column
    }

    .CreatePromotionalLink-form-btn {
        width: -moz-fit-content;
        width: fit-content;
        margin: 20px auto 0
    }

    .CreatePromotionalLink-h {
        padding-top: 0
    }

    .CreatePromotionalLink-modal .Modal-content {
        margin-top: 32px
    }
}

.MusicActions {
    margin-top: 8px;
    display: flex;
    align-items: center
}

.MusicActions-btn {
    background: none;
    border: none;
    padding: 8px 16px
}

.MusicActions-btn svg.active path,
.MusicActions-btn:hover svg path {
    fill: var(--color-orange);
    stroke: var(--color-orange)
}

.MusicActions-btn.playlist svg {
    width: 24px
}

.MusicActions-btn.vertical {
    transform: rotate(90deg)
}

.MusicActions-btn-popover {
    background-color: var(--color-black-30) !important;
    min-width: 180px;
    padding: 8px 16px;
    border-radius: 6px
}

.MusicActions-btn-popover-item {
    display: flex;
    flex: 0 0 100%;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: var(--font-size-13);
    line-height: var(--line-height-130);
    color: var(--color-white);
    font-weight: var(--font-weight-700);
    text-transform: capitalize
}

.MusicActions-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.MusicActions-text {
    display: block;
    text-align: center;
    color: var(--color-gray-30);
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-130);
    margin-top: 4px
}

.MusicActions-popover {
    background-color: var(--color-black-30) !important
}

.MoreActionsList {
    padding: 16px
}

.MoreActionsList .MusicActions-btn,
.MoreActionsList-dropdown-item,
.MoreActionsList-popover-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 8px 0;
    font-size: var(--font-size-13);
    line-height: var(--line-height-130);
    color: var(--color-white);
    font-weight: var(--font-weight-700);
    text-transform: capitalize
}

.MoreActionsList .MusicActions-btn:hover,
.MoreActionsList-dropdown-item:hover,
.MoreActionsList-popover-item:hover {
    color: var(--color-orange)
}

.MoreActionsList .MusicActions-btn:disabled,
.MoreActionsList-dropdown-item:disabled,
.MoreActionsList-popover-item:disabled {
    opacity: .5;
    cursor: not-allowed
}

.MoreActionsList .MusicActions-btn.active,
.MoreActionsList .MusicActions-btn.highlighted,
.MoreActionsList-dropdown-item.active,
.MoreActionsList-dropdown-item.highlighted,
.MoreActionsList-popover-item.active,
.MoreActionsList-popover-item.highlighted {
    color: var(--color-orange)
}

.MoreActionsList-dropdown-item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 8px 12px;
    flex: 0 0 100%
}

.MoreActionsList-dropdown-item .Icon {
    margin-left: 16px
}

.SidebarNav {
    padding: 16px 0 24px 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--color-gray-transparent)
}

.SidebarNav-header {
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-800);
    font-size: var(--font-size-14);
    color: var(--color-orange);
    text-transform: uppercase;
    margin-bottom: 12px
}

.SidebarNav-list.not-active {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.SidebarNav-list-item {
    position: relative
}

.SidebarNav-list-item.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: calc(100% + 20px);
    height: 100%;
    transform: translateX(-20px);
    border-radius: 100px;
    background-color: var(--color-black-20)
}

.SidebarNav-list-item.active .SidebarNav-list-item-link {
    color: var(--color-white)
}

.SidebarNav-list-item-link {
    color: var(--color-gray-45);
    justify-content: space-between
}

.SidebarNav-list-item-link,
.SidebarNav-list-item-link-newItems {
    font-weight: var(--font-weight-700);
    border-radius: 50px;
    display: flex;
    align-items: center
}

.SidebarNav-list-item-link-newItems {
    margin-right: 36px;
    justify-content: center;
    background-color: var(--color-orange);
    min-height: 30px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 30px;
    color: var(--color-black-10);
    line-height: 100%;
    font-size: var(--font-size-16);
    padding: 0 8px;
    text-align: right
}

.SidebarNav-list.column .SidebarNav-list-item-link {
    padding: 12px 0;
    position: relative;
    margin-bottom: 4px
}

.SidebarNav-list.row {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px
}

.SidebarNav-list.row .SidebarNav-list-item {
    border: 2px solid var(--color-black-50);
    border-radius: 100px;
    cursor: pointer
}

.SidebarNav-list.row .SidebarNav-list-item:hover {
    border-color: var(--color-gray-20);
    color: var(--color-white);
    opacity: .8
}

.SidebarNav-list.row .SidebarNav-list-item.active {
    border-color: var(--color-orange)
}

.SidebarNav-list.row .SidebarNav-list-item.active:before {
    content: normal
}

.SidebarNav-list.row .SidebarNav-list-item-link {
    padding: 10px 13px;
    font-size: var(--font-size-13);
    color: var(--color-white)
}

.SidebarAd {
    width: 100%;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.SidebarAd-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    max-height: 100%
}

.SidebarAd-content {
    position: relative;
    z-index: 1
}

.SidebarAd.hide {
    display: none
}

.SidebarAd-closeBtn {
    position: absolute;
    padding: 4px;
    right: 12px;
    top: 12px;
    z-index: 3
}

.SidebarAd-logo {
    margin-right: 4px
}

.SidebarAd-logo path:nth-of-type(2) {
    fill: var(--color-orange)
}

.SidebarAd-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

.SidebarAd-text-bold {
    font-weight: var(--font-weight-700);
    margin-bottom: 4px
}

.SidebarAd-text-small {
    margin-bottom: 16px
}

.SidebarAd-cta {
    padding: 2px 25px !important;
    font-size: var(--font-size-16) !important;
    display: inline-flex !important
}

@media screen and (max-width: 767px) {
    .SidebarAd-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        max-width: none !important
    }
}

#sidebar_opener {
    position: fixed;
    left: -100%;
    top: -100%
}

.Sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    width: 100%;
    height: calc(100vh - 85px);
    overflow: auto
}

.Sidebar .SidebarNav:nth-last-child(-n+1) {
    border: none
}

.Sidebar-cover {
    display: none
}

.Sidebar-absolute {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 128px
}

.Sidebar-btnOpen {
    display: none;
    width: 56px;
    height: 56px;
    background-color: var(--color-orange);
    border-radius: 56px;
    padding-top: 4px;
    position: fixed;
    right: 16px;
    bottom: 126px;
    z-index: 7;
    cursor: pointer
}

.Sidebar-btnClose-icon {
    margin-left: auto;
    margin-right: 16px;
    background-color: initial;
    border: initial;
    padding: 4px;
    cursor: pointer
}

.Sidebar-btnClose-icon-container {
    display: none;
    padding-top: 24px;
    margin-bottom: -16px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3
}

.Sidebar-btnClose-text {
    border-radius: 50px;
    margin: 0 auto;
    padding: 16px 30px !important;
    background-color: var(--color-orange);
    color: var(--color-theme-primary-dark);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
    letter-spacing: var(--letter-spacing-025);
    cursor: pointer
}

.Sidebar-btnClose-text-container {
    display: none;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
    left: 0;
    bottom: 0;
    padding: 30px 0;
    background-image: linear-gradient(180deg, hsla(0, 0%, 5%, 0) 0, var(--color-theme-background) 100%);
    text-align: center
}

@media screen and (max-width: 991px) {
    .Sidebar {
        padding: 0 16px;
        z-index: 1002;
        background-color: var(--color-theme-background);
        height: 100vh;
        max-width: 60% !important;
        max-height: 100vh;
        overflow-y: auto;
        transition: transform .2s ease-in
    }

    .Sidebar,
    .Sidebar-cover {
        position: fixed;
        left: 0;
        top: 0;
        transform: translateX(-100%)
    }

    .Sidebar-cover {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .69);
        z-index: 7;
        opacity: 0;
        transition: opacity .2s ease-in
    }

    .Sidebar.isOpened {
        transform: translateX(0)
    }

    .Sidebar-cover.isOpened {
        opacity: 1;
        transform: translateX(0)
    }

    .Sidebar-btnOpen {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .Sidebar-btnClose-icon-container,
    .Sidebar-btnClose-text-container {
        display: flex
    }
}

@media screen and (max-width: 767px) {
    .Sidebar {
        max-width: 100vw !important;
        padding-bottom: 0;
        padding-top: 16px
    }
}

.GoogleAdSense {
    margin: 8px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.GoogleAdSense:empty {
    display: none
}

.GoogleAdSense .adsbygoogle {
    position: relative;
    display: block
}

.GoogleAdSense .adsbygoogle.fixed-ad-responsive {
    width: 320px;
    height: 100px;
    margin: 0 auto
}

@media(min-width: 500px) {
    .GoogleAdSense .adsbygoogle.fixed-ad-responsive {
        width: 468px;
        height: 60px
    }
}

@media(min-width: 800px) {
    .GoogleAdSense .adsbygoogle.fixed-ad-responsive {
        width: 728px;
        height: 90px
    }
}

.GoogleAdSense.unfilled {
    display: none !important
}

.Loading {
    z-index: 9;
    width: 100%;
    background-color: var(--color-black-10);
    display: flex;
    align-items: center;
    row-gap: 16px;
    flex-direction: column;
    padding: 16px 0
}

.Loading-text {
    color: var(--color-gray-30)
}

.Popover {
    background-color: var(--color-gray-10);
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    z-index: 1000 !important
}

.NotFoundPage {
    background-color: var(--color-black-10);
    width: 100%;
    min-height: 70vh;
    height: 100%;
    flex-direction: column;
    row-gap: 16px
}

.NotFoundPage,
.NotFoundPage-code {
    display: flex;
    align-items: center;
    justify-content: center
}

.NotFoundPage-code {
    flex-wrap: nowrap
}

.NotFoundPage-code-num {
    font-size: 200px;
    font-weight: var(--font-weight-700);
    color: var(--color-white);
    line-height: normal
}

.NotFoundPage-title {
    color: var(--color-gray-40);
    font-size: var(--font-size-33);
    font-weight: var(--font-weight-700);
    letter-spacing: var(--letter-spacing-1);
    line-height: 45px;
    text-transform: uppercase
}

.NotFoundPage-text {
    line-height: var(--line-height-150);
    color: var(--color-gray-30);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500)
}

.NotFoundPage-link {
    color: var(--color-orange);
    font-weight: var(--font-weight-700)
}

.NotFoundPage-btn {
    padding: 16px 32px;
    margin-top: 16px;
    color: var(--color-black-10) !important;
    background-color: var(--color-orange);
    border-radius: 30px;
    display: inline-block;
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700)
}

.NotFoundPage-btn:hover {
    opacity: .8
}

.NotFoundPage.EmbedMode {
    text-align: center
}

.NotFoundPage.EmbedMode .NotFoundPage-code-num {
    font-size: 50px
}

.NotFoundPage.EmbedMode .NotFoundPage-title {
    font-size: 24px
}

.NotFoundPage.MessageMode .NotFoundPage-code-num {
    font-size: 130px
}

.NotFoundPage.MessageMode .NotFoundPage-title {
    font-size: 20px
}

.rootLayout {
    display: flex;
    flex-direction: column;
    min-height: 100dvh
}

.LayoutWithSidebar {
    flex: 1 1;
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    max-width: 1400px;
    margin-inline: auto;
    padding-inline: 16px
}

.LayoutWithSidebar .Sidebar {
    max-width: 328px;
    flex-shrink: 0
}

.LayoutWithSidebar-main {
    width: calc(100% - 328px - 32px);
    position: relative
}

@media screen and (max-width: 1399px) {
    .LayoutWithSidebar {
        margin-inline: 0
    }
}

@media screen and (max-width: 991px) {
    .LayoutWithSidebar-main {
        width: 100%
    }
}

.SwitchAccountWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
    min-height: calc(100vh - (var(--nav-height) + 150px))
}

#ot-sdk-btn-floating.ot-floating-button {
    display: none !important
}

#ot-sdk-btn.optanon-show-settings,
#ot-sdk-btn.ot-sdk-show-settings {
    border-radius: 5px;
    color: var(--color-white) !important;
    border: none !important;
    padding: 0 !important;
    font-family: var(--font-base) !important;
    font-weight: 700
}

#ot-sdk-btn.optanon-show-settings:hover,
#ot-sdk-btn.ot-sdk-show-settings:hover {
    background: rgba(0, 0, 0, 0) !important;
    color: var(--color-white) !important
}

#onetrust-pc-sdk * {
    font-family: var(--font-base) !important
}

#onetrust-consent-sdk #onetrust-banner-sdk {
    background-color: var(--color-black-30) !important
}

#onetrust-consent-sdk #onetrust-policy-text {
    color: var(--color-white) !important;
    font-weight: 600
}

#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-accept-btn-handler {
    color: var(--color-black-10) !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    color: var(--color-orange) !important;
    border-color: var(--color-orange) !important;
    background-color: rgba(0, 0, 0, 0) !important
}

#onetrust-banner-sdk .ot-close-icon {
    filter: invert(1)
}