@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  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: 'Inter';
  src: url('../fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  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;
  src: url('../fonts/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  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+2074,
    u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Roboto;
  src: url('../fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
    u+2193, u+2212, u+2215, u+feff, u+fffd;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  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;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  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;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  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;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  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;
  src: url('../fonts/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
    u+2193, u+2212, u+2215, u+feff, u+fffd;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}
img {
  max-width: 100%;
}
.logo img {
  width: auto;
}
.logo {
  width: auto;
}

:root {
  color-scheme: light dark;
}
body {
  --font-primary: Roboto, sans-serif;
  --bg-body: #f2f2f2;
  --bg-main: #fff;
  --bg-white: #fff;
  --bg-white-lv2: #fff;
  --bg-gray-med: #f0f0f0;
  --bg-gray-bold: #efedef;
  --bg-blue-lite: #f1f6fc;
  --bg-blue-inverted: #dfdfdf;
  --bg-place: #f2f2f2;
  --bg-place2: #e2e2e2;
  --bg-black: #000;
  --bg-black-transparent: hsla(0, 0%, 100%, 0.75);
  --bg-input: #fff;
  --bg-toggle: #d7d7d7;
  --bg-radio: #f4f4f4;
  --bg-disabled: #dadada;
  --cl-main: #1a1a1a;
  --cl-white: #fff;
  --cl-gray: #717171;
  --cl-gray-lite: #999;
  --cl-gray-med: #666;
  --cl-gray-med2: #666;
  --cl-gray-bold: #545454;
  --cl-blue: #3ca5dd;
  --cl-red: red;
  --cl-orange: #e55225;
  --br-black: #000;
  --br-gray-bold: #9b9b9b;
  --br-gray-med: #c9c9ca;
  --br-grey-reg: #dbdbdb;
  --br-gray-lite: #e5e5e5;
  --br-list: #e2e2e2;
  --br-list-lv2: #e3e2e3;
  --br-blue: #3ca5dd;
  --cl-shadow: #f1f1f1;
  --cl-shadow-none: #ddd;
  --cl-shadow-nav: rgba(0, 0, 0, 0.75);
  --cl-shadow-inset: 0 3px 6px rgba(0, 0, 0, 0.16) inset, 0 3px 6px rgba(0, 0, 0, 0.16);
  --cl-hover: #000;
  --cl-alpha: 1;
  --img-filter: none;
  --img-grayscale: none;
  --img-dark: 0;
  --img-light: 1;
  --img-kolom: none;
  --ico-invert: invert(1);
  --bg-title: transparent;
  --cl-title: #4a4a4a;
  --bg-panel1: #3a3a3a;
  --bg-panel2: #424242;
  --bg-most: #71c4d6;
  --bg-most2: #e7e7e7;
  --br-most: #fff;
  --bg-breaking1: #dedede;
  --bg-breaking2: #eaeaea;
  --cl-breaking1: #ed1c24;
  --cl-crumb: #e55225;
  --bg-share: #dcdcdc;
  --weight-title: 500;
  --bg-topic: #9b9b9b;
  --cl-video-disabled: 255, 255, 255;
  --bg-copy: 0, 0, 0;
  --cl-copy: #fff;
  --bg-info: #daeaf7;
  --bg-auto-bar: #bbe7ff;
  --bg-comment: 245, 252, 255;
  --bg-comment-hover: #d6eefa;
  --bg-comment2: #eff5f7;
  --bg-comment3: #e4f4fc;
  --bg-banner1: hsla(0, 0%, 100%, 0.8);
  --bg-adsbox: #fff;
  --bg-brandz: #f2f2f2;
  --cl-brandz-border: #fff;
  --cl-bangkit: #b9b9b9;
  --cl-parapuan: #f4d2ca;
  --cl-parapuan-dark: #833275;
  --bg-profile: #e7f7fb;
  --br-profile: #c9e6ee;
  --cl-anchor: #1fb9e1;
  --br-anchor: #1fb9e1;
  --bg-warticle: #f1f1f1;
  --bg-warning: #fff7e9;
  --br-warning: #ffe5b7;
  --bg-smart: #eaf5fb;
  --bg-dark-sun: #ffb42b;
  --bg-dark-shade: transparent;
  --bg-dark-light: #ffb42b;
  --bg-submenu: #383838;
  --bg-submenu2: #fff;
  --cl-submenu: #fff;
  --bg-news-menu1: #f62d1d;
  --bg-news-menu2: #de1e0e;
  --bg-news-menu3: #bd190c;
  --bg-tren: #1fb9e1;
  --bg-tren-subtitle: #fff;
  --cl-tren: #1fb9e1;
  --cl-grey-border: #ebebeb;
  --bg-toc: #edf1fd;
  --cl-toc: #3c5cb9;
  --cl-infografik: #ad0243;
  --bg-infografik: #ad0243;
  --cl-gray-video: #a0a4a8;
  --bg-video-kg: #b70000;
  --bg-cekfakta: #c00;
  --bg-blogger: #ebf8ff;
  --bg-modal: hsla(0, 0%, 100%, 0.9);
  --bg-modal-header: #f6f9f9;
  --cl-modal-black: #000;
  --cl-modal-dark: #666;
  --img-modal-gray: none;
  --cl-txt: #333;
  --cl-time: #959595;
  --cl-time2: #888;
  --bg-section-title: #f3f5f6;
  --bg-time: #333;
  --bg-bullet: #c9c9c9;
  --br-item: #e3e3e3;
  --br-tab: #d9d9d9;
  --br-tab2: #e5e5e5;
  --cl-tab2: #a7a7a7;
  --cl-channel: #bf451f;
  --cl-blue3: #007aff;
  --cl-blue2: #007aff;
  --br-item2: #dfdfdf;
  --bg-btn2: #fff;
  --hover-bg-btn2: #fff;
  --hover-cl-btn2: #0068da;
  --hover-br-btn2: #0068da;
  --active-bg-btn2: #f1f1f1;
  --active-br-btn2: #0056b4;
  --active-cl-btn2: #0056b4;
  --filter--neutral-70: invert(32%) sepia(4%) saturate(699%) hue-rotate(185deg) brightness(92%) contrast(86%);
  --filter--neutral-90: invert(12%) sepia(4%) saturate(602%) hue-rotate(182deg) brightness(93%) contrast(94%);
  --filter--yale-blue-50: invert(34%) sepia(30%) saturate(3760%) hue-rotate(184deg) brightness(95%) contrast(88%);
  --yale-blue-5: #f5fbff;
  --yale-blue-10: #ebf6fe;
  --yale-blue-10-1: #ebf6fe;
  --yale-blue-10-2: #ebf6fe;
  --yale-blue-20: #d7edfc;
  --yale-blue-30: #88c8f6;
  --yale-blue-40: #39a3f0;
  --yale-blue-50: #0f79c6;
  --yale-blue-60: #0a5388;
  --yale-blue-70: #094977;
  --yale-blue-80: #06304f;
  --yale-blue-90: #05243b;
  --neutral-5: #f9f9f9;
  --neutral-10: #f3f3f3;
  --neutral-20: #e7e8e9;
  --neutral-20-1: #e7e8e9;
  --neutral-30: #dbdcde;
  --neutral-40: #b7b9be;
  --neutral-40-1: #b7b9be;
  --neutral-50: #878b92;
  --neutral-50-1: #878b92;
  --neutral-60: #6c6f75;
  --neutral-70: #515358;
  --neutral-70-1: #515358;
  --neutral-80: #36383a;
  --neutral-80-1: #36383a;
  --neutral-90: #232426;
  --neutral-90-1: #232426;
  --bg-bOrn: #94d8ee;
  --filter-base-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(227deg) brightness(104%) contrast(102%);
  --filter-base-error: brightness(0) saturate(100%) invert(16%) sepia(93%) saturate(2463%) hue-rotate(350deg)
    brightness(119%) contrast(93%);
  --filter-txt-800: invert(11%) sepia(1%) saturate(3513%) hue-rotate(58deg) brightness(90%) contrast(83%);
  --filter-txt-600: invert(37%) sepia(1%) saturate(2408%) hue-rotate(340deg) brightness(87%) contrast(82%);
  --filter-txt-400: invert(56%) sepia(4%) saturate(8%) hue-rotate(314deg) brightness(95%) contrast(98%);
  --filter-neutral-900: invert(12%) sepia(4%) saturate(602%) hue-rotate(182deg) brightness(93%) contrast(94%);
  --filter-neutral-700: invert(32%) sepia(4%) saturate(699%) hue-rotate(185deg) brightness(92%) contrast(86%);
  --filter-neutral-400: invert(99%) sepia(1%) saturate(4201%) hue-rotate(182deg) brightness(85%) contrast(71%);
  --filter-gray2: invert(39%) sepia(5%) saturate(18%) hue-rotate(109deg) brightness(98%) contrast(89%);
  --filter-gray3: brightness(0) saturate(100%) invert(18%) sepia(0%) saturate(0%) hue-rotate(80deg) brightness(101%)
    contrast(94%);
  --filter-gray_v3: invert(33%) sepia(7%) saturate(359%) hue-rotate(185deg) brightness(93%) contrast(93%);
  --filter-gray4: invert(33%) sepia(7%) saturate(376%) hue-rotate(185deg) brightness(92%) contrast(91%);
  --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%) saturate(2%) hue-rotate(203deg)
    brightness(111%) contrast(100%);
  --filter-hover-gray4: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(1563%) hue-rotate(179deg)
    brightness(97%) contrast(93%);
  --filter-hover-blue2: brightness(0) saturate(100%) invert(36%) sepia(63%) saturate(1450%) hue-rotate(178deg)
    brightness(91%) contrast(90%);
  --filter--hover-neutral-200: invert(100%) sepia(1%) saturate(1889%) hue-rotate(173deg) brightness(92%) contrast(99%);
  --filter-yale-blue-500: invert(36%) sepia(95%) saturate(3910%) hue-rotate(188deg) brightness(91%) contrast(88%);
  --filter-yale-blue-500-1: invert(36%) sepia(95%) saturate(3910%) hue-rotate(188deg) brightness(91%) contrast(88%);
  --filter-flame-600-2: invert(43%) sepia(36%) saturate(6565%) hue-rotate(352deg) brightness(98%) contrast(85%);
  --filter-azure: invert(46%) sepia(85%) saturate(5629%) hue-rotate(200deg) brightness(101%) contrast(109%);
  --bg-linear-more: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.9) 35%);
  --bg-la-all: linear-gradient(88.79deg, #ecf8ff 0.9%, #fcfbfb 98.96%);
  --bg-ai: linear-gradient(180deg, #fff 40%, #fcf7fb 90%, #f5f3fd 95%);
  --bg-ai-overview:
    linear-gradient(116.19deg, #e9edfe, #f5f3fd 32.38%, #fbf6fb 64.44%, #fcf7fb 69.43%),
    linear-gradient(
      272.21deg,
      hsla(30, 97%, 76%, 0.4) 0.51%,
      rgba(238, 156, 184, 0.4) 13.28%,
      rgba(216, 134, 205, 0.4) 27.42%,
      rgba(144, 105, 219, 0.4) 64.11%,
      rgba(115, 151, 227, 0.4) 95.4%
    );
  --bg-scroll-fade: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.9) 50%, #fff 65%);
  --bg-ai-skeleton: #f6f6f6;
  --bg-ai-skeleton-shimmer: #b8b8b8;
  --scroll-thumb: rgba(0, 0, 0, 0.1);
  --scroll-track: #f1f1f1;
  --scroll-thumb-hover: rgba(0, 0, 0, 0.4);
  --bg-qr: linear-gradient(180deg, #e9edfe, #f5f3fd 32.21%, #fcf7fb 63.46%, #fff 97.6%);
  --bg-news: #0f79c6;
  --bg-tren-2: #1fb9e1;
  --bg-food-2: #f5bb00;
  --bg-hype-2: #f5b432;
  --bg-tekno-2: #bad107;
  --bg-lestari-2: #ebebeb;
  --bg-umkm-2: #ebebeb;
  --bg-parapuan-2: #ebebeb;
  --bg-otomotif-2: #fb0404;
  --bg-health-2: #1fb9e1;
  --bg-edukasi-2: #058ab6;
  --bg-bola-2: #0db24b;
  --bg-money-2: #438e10;
  --bg-travel-2: #bf174c;
  --bg-sains-2: #0161b8;
  --bg-lifestyle-2: #00a783;
  --bg-properti-2: #b57c29;
  --bg-homey-2: #d8b370;
  --bg-fotovideo-2: #ebebeb;
  --bg-pemilu: #55a3d7;
  --bg-ikn: #6f887b;
  --bg-video: #ef5353;
  --bg-cahaya: #2ecc71;
  --bg-lestari-menu: #ebebeb;
  --cl-blue-lestari-2: #183466;
  --cl-black: #000;
  --base-black: #121212;
  --base-white: #fff;
  --base-white-1: #fff;
  --base-orange: #e55225;
  --base-error: #d92d20;
  --txt-200: #b8b8b8;
  --txt-400: #888;
  --txt-600: #5a5a5a;
  --txt-600-1: #5a5a5a;
  --txt-600-2: #5a5a5a;
  --txt-800: #2a2a2a;
  --txt-800-1: #2a2a2a;
  --primary-25: #f2f7fb;
  --primary-50: #e6f1f9;
  --primary-200: #afd2ec;
  --primary-400: #5fa6d9;
  --primary-600: #0f79c6;
  --primary-800: #0a5388;
  --primary-900: #083d63;
  --neutral-25: #f3f3f3;
  --neutral-25-1: #f3f3f3;
  --neutral-25-2: #f3f3f3;
  --neutral-50: #e7e7e7;
  --neutral-50-1: #e7e7e7;
  --neutral-100: #d0d0d0;
  --neutral-100-1: #d0d0d0;
  --neutral-100-2: #d0d0d0;
  --neutral-200: #b8b8b8;
  --neutral-200-1: #b8b8b8;
  --neutral-200-2: #b8b8b8;
  --neutral-300: #a0a0a0;
  --neutral-300-1: #a0a0a0;
  --neutral-400: #888;
  --neutral-400-1: #888;
  --neutral-500: #878b92;
  --neutral-500-1: #878b92;
  --neutral-600: #5a5a5a;
  --neutral-600-1: #5a5a5a;
  --neutral-700: #414141;
  --neutral-700-1: #414141;
  --neutral-800: #2a2a2a;
  --neutral-800-1: #2a2a2a;
  --neutral-900: #232426;
  --neutral-900-1: #232426;
  --flame-25: #fdf5f3;
  --flame-50: #fcede9;
  --flame-50-1: #fcede9;
  --flame-50-2: #fcede9;
  --flame-100: #fdeee9;
  --flame-200: #f6c5b6;
  --flame-300: #f8ccbd;
  --flame-400: #ee8c6e;
  --flame-500: #ec7750;
  --flame-600: #e75524;
  --flame-600-1: #e75524;
  --flame-600-2: #e55225;
  --flame-700: #b9441d;
  --flame-800: #993719;
  --flame-900: #732913;
  --yale-blue-50: #f5fbff;
  --yale-blue-50-1: #f5fbff;
  --yale-blue-100: #ebf6fe;
  --yale-blue-100-1: #ebf6fe;
  --yale-blue-100-2: #ebf6fe;
  --yale-blue-200: #d7edfc;
  --yale-blue-200-1: #d7edfc;
  --yale-blue-200-2: #d7edfc;
  --yale-blue-300: #88c8f6;
  --yale-blue-400: #39a3f0;
  --yale-blue-500: #0f79c6;
  --yale-blue-600: #0a5388;
  --yale-blue-700: #06304f;
  --yale-blue-800: #094977;
  --yale-blue-900: #05243b;
  --tower-gray-50: #f6f9f9;
  --tower-gray-100: #ecf2f2;
  --tower-gray-200: #d6e1e1;
  --tower-gray-300: #b2c7c7;
  --tower-gray-700: #446060;
  --tower-gray-800: #3b5151;
  --azure-white: #eff6ff;
  --azure-white2: #f9f9f9;
  --azure-lighter: #b3d7ff;
  --azure-lightest: #e1efff;
  --cl-jingga01: #e75524;
  --cl-blue-2: #39a3f0;
  --cl-line: #e7e7e7;
  --charcoal-lightest: gray;
  --charcoal-light: #515151;
  --charcoal-white: #999;
  --charcoal: #333;
  --grey-charcoal-1: #f8f8f8;
  --grey-charcoal: #a7a7a7;
  --platinum-light: #efefef;
  --platinum-lighter: #f5f5f5;
  --platinum-dark: #e0e0e0;
  --elevation-0: #fff;
  --elevation-1: #f7f7f7;
  --elevation-2: #f0f0f0;
  --elevation-3: #e8e8e8;
  --info-elevation-1: #f2f7fb;
  --info-elevation-2: #e6f1f9;
  --error-elevation-1: #fffbfa;
  --error-elevation-2: #fffbfa;
  --stroke-50: #e7e7e7;
  --stroke-50-1: #e7e7e7;
  --stroke-50-2: #e7e7e7;
  --stroke-200: #b8b8b8;
  --stroke-400: #888;
  --success-dark: #054f31;
  --success-25: #f6fef9;
  --success-50: #ecfdf3;
  --success-200: #a6f4c5;
  --success-400: #32d583;
  --success-600: #039855;
  --success-800: #05603a;
  --success-900: #054f31;
  --warning-25: #fffcf5;
  --warning-50: #fffaeb;
  --warning-200: #fedf89;
  --warning-400: #fdb022;
  --warning-600: #dc6803;
  --warning-800: #93370d;
  --warning-900: #7a2e0e;
  --error-25: #fffbfa;
  --error-50: #fef3f2;
  --error-200: #fecdca;
  --error-400: #f97066;
  --error-600: #d92d20;
  --error-800: #912018;
  --error-900: #7a271a;
}
body {
  --primary_flame-60: #e75524;
  --tower-gray-400: #9ab6b5;
  --tower-gray-500: #698e8c;
  --tower-gray-600: #537676;
  --tower-gray-900: #354445;
  --accent-positive-5: #f3faf7;
  --accent-positive-50: #0e9f6e;
  --accent-negative-50: #f12323;
}
@media not all and (prefers-color-scheme) {
  .dark-header-item,
  .dark-wrapper {
    display: none;
  }
}
.mt-24 {
  --myt: 24px;
  margin-top: 24px;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-justify-between {
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.flex-justify-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-align-center {
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.flex-align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:root {
  --btn-height: 44px;
  --btn-height-sm: 34px;
  --btn-radius: 8px;
  --btn-radius-sm: 8px;
  --btn-py: var(--padding-y, 10px);
  --btn-px: var(--padding-x, 16px);
  --btn-py-sm: var(--padding-y, 8px);
  --btn-px-sm: var(--padding-x, 12px);
}
*,
:after,
:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body,
html {
  margin: 0;
  padding: 0;
}
body {
  color: #2a2a2a;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeSpeed;
  background: var(--bg-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  vertical-align: baseline;
  outline: 0;
  color: inherit;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a,
a:hover {
  text-decoration: none;
}
a:hover {
  color: var(--yale-blue-500);
}
a:focus,
button:focus {
  outline: 0;
  outline-offset: 0;
}
img {
  width: auto;
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
button,
input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input:focus {
  outline: 0;
}
input:focus:-moz-placeholder,
input:focus:-ms-input-placeholder,
input:focus::-moz-placeholder,
input:focus::-webkit-input-placeholder {
  color: transparent;
}
h1,
h2,
h3,
h4 {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
}

.col-bs9-7,
.col-bs10-3,
.col-bs10-5,
.col-bs10-7,
.col-bs10-10,
.col-bs12-4,
.col-bs12-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-bs10-3 {
  width: 30%;
}
.col-bs10-5 {
  width: 50%;
}
.col-bs10-7 {
  width: 70%;
}
.col-bs10-10 {
  width: 100%;
}
.col-bs9-7 {
  padding-left: 0 !important;
}
.col-bs12-4 {
  width: 33.33333%;
}
.col-bs12-8 {
  width: 66.66667%;
}
.clearfix:after,
.clearfix:before {
  content: '';
  display: table;
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.col-offset-fluid {
  margin-right: -15px;
  margin-left: -15px;
}
.col-offset-0 {
  padding-right: 0;
  padding-left: 0;
}
.icon {
  display: inline-block;
  height: 20px;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
}
.icon-svg {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.icon-darkmode {
  width: 26px;
  height: 26px;
  -webkit-filter: invert(87%) sepia(100%) saturate(0) hue-rotate(322deg) brightness(107%) contrast(109%);
  filter: invert(87%) sepia(100%) saturate(0) hue-rotate(322deg) brightness(107%) contrast(109%);
}
.icon-darkmode svg {
  width: 26px;
  height: 26px;
}
.icoBase,
.icoInline {
  position: relative;
  display: inline-block;
}
.icoInline {
  width: 13px;
  height: 13px;
  margin-bottom: -1px;
  vertical-align: baseline;
}
.icoLike svg {
  width: 20px;
  height: 20px;
}
.icoShare {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 0;
  background-color: transparent !important;
  cursor: pointer;
}
.icoShare svg {
  width: 20px;
  height: 20px;
}
.icoGift {
  position: relative;
}
.icoGift svg {
  width: 24px;
  height: 24px;
}
.icoBurger {
  width: 16px !important;
  height: 16px !important;
  background: transparent;
}
.icoBurger svg {
  width: 16px;
  height: 16px;
}
.icon {
  width: 1em;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto 100%;
}
.dark-wrapper {
  position: relative;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  width: auto;
  padding: 0;
  opacity: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.dark-wrapper > .button-default {
  padding: 0;
}
.dark-wrapper.-active {
  visibility: visible;
  opacity: 1;
}
.button-default {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 32px;
  height: 32px;
  border: transparent;
  padding: 0 7px;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.button-default:after {
  content: attr(aria-label);
  position: absolute;
  top: calc(100% + 5px);
  z-index: 1000;
  border-radius: 5px;
  padding: 5px 10px;
  opacity: 0;
  color: #2a2a2a;
  font-size: 14px;
  background: #e0e0e0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  pointer-events: none;
  white-space: nowrap;
}
.button-default:hover:after {
  opacity: 1;
}
.dark-header-item {
  position: relative;
  display: inline-block;
  order: 3;
  margin: 0 0 0 32px;
  padding: 0;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
}
.header {
  position: relative;
  z-index: 99;
  width: 100%;
  background: #000;
}
@media (min-width: 1100px) {
  .header {
    width: 100%;
  }
}
.header__wrap {
  padding: 12px 0;
}
.header__row > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.header-search {
  position: relative;
  width: 100%;
  height: 40px;
  margin: 0;
  pointer-events: none;
}
.header-search-box {
  position: relative;
  margin-right: 0;
}
.header-search-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  margin: 0;
  border: 1px solid #6c6f75;
  border-radius: 8px;
  padding: 0 50px 0 16px;
  color: #c1c1b9;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  background: #434343;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.header-search-input:focus {
  border: 1px solid #fff;
  color: #fff;
}
.header-search-input::-webkit-input-placeholder {
  color: #a1adb9;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}
.header-search-input::-moz-placeholder {
  color: #a1adb9;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}
.header-search-input:-ms-input-placeholder,
.header-search-input::-ms-input-placeholder {
  color: #a1adb9;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}
.header-search-input::placeholder {
  color: #a1adb9;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}
.header-search .icon-search {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: transparent;
  pointer-events: none;
}
.header-search .icon-search svg {
  width: 18px;
  height: 18px;
}
.logo {
  position: relative;
  width: 350px;
  min-width: 130px;
  height: 50px;
}
.logo,
.logo a {
  display: inline-block;
}
.logo img {
  width: auto;
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
}
.nav {
  z-index: 999;
  border-top: 1px solid #383838;
  background: #000;
}
.nav,
.nav__wrap {
  position: relative;
}
.nav__wrap {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.nav__wrap:after,
.nav__wrap:before {
  content: none;
}
.nav__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 0;
  flex-basis: auto;
  justify-content: space-between;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-preferred-size: auto;
}
@media (max-width: 1024px) {
  .nav__row {
    flex-grow: 1;
    flex-basis: 0;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
  }
}
.nav__row:after,
.nav__row:before {
  content: none;
}
.nav__item {
  position: relative;
  display: inline-block;
  flex-grow: 0;
  flex-basis: 0;
  pointer-events: none;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-preferred-size: 0;
}
.nav__item:hover .nav__link {
  background: #212121;
}
.nav__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 7px;
  color: #fff;
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  white-space: nowrap;
}
.nav__link--new:after {
  content: 'NEW';
  position: absolute;
  top: 4px;
  right: -8px;
  z-index: 1;
  border-radius: 4px;
  padding: 0 2px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 10px;
  background: red;
}
.nav__link:hover {
  color: #e55225;
  background: #1b1b1b;
}
.icoBurger {
  position: relative;
}
.sso__header {
  order: 4;
  float: none;
  width: auto;
  padding: 0;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
}
.sso__header {
  position: relative;
  display: inline-block;
}
.sso__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  vertical-align: middle;
  overflow: hidden;
  text-transform: uppercase;
  word-break: break-all;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.sso__link:hover {
  color: #fff;
}

.sso__icon__login svg {
  width: 26px;
  height: 26px;
}

.sso__icon__login {
  position: relative;
  display: inline-block;
}
.sso__icon__login {
  width: 26px;
  height: 26px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  -webkit-filter: invert(100%) sepia(0) saturate(687%) hue-rotate(29deg) brightness(115%) contrast(100%);
  filter: invert(100%) sepia(0) saturate(687%) hue-rotate(29deg) brightness(115%) contrast(100%);
}
.js-sso-user.-active {
  color: #fff;
}
.menu-store {
  order: 2;
  margin: 0 16px 0 32px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
}
.menu-store .icon-store {
  width: 26px;
  height: 26px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.menu-store > .button-default {
  padding: 0;
}
.menu-store ~ .dark-header-item {
  margin: 0;
}
.menu-plus {
  order: 4;
  margin: 0 16px;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
}
.menu-plus > .button-default {
  padding: 0;
}
.menu-plus .icon-plus {
  width: 26px;
  height: 26px;
}
.menu-plus .icon-plus svg {
  width: 26.5px;
  height: 26px;
}
.menu-plus-sticky {
  position: relative;
  flex-grow: 0;
  flex-basis: 172px;
  justify-content: center;
  align-items: center;
  width: 172px;
  height: 30px;
  border-radius: 4px;
  padding: 0 4px;
  color: #191919;
  font-weight: 700;
  font-size: 11px;
  line-height: 120%;
  background-color: #fff;
  -ms-flex-preferred-size: 172px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.menu-plus-sticky:hover {
  color: #191919;
}
.kid__wrap {
  position: relative;
  display: inline-block;
  order: 1;
  margin: 0 0 0 48px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
}
.kid__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 160px;
  height: 40px;
  min-height: 30px;
  border-radius: 8px;
  padding: 8px 16px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  background: var(--yale-blue-500);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  white-space: nowrap;
}
.title {
  position: relative;
  border-bottom: 1px solid var(--br-gray-bold);
}
.title img {
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.title--center {
  text-align: center;
}
.title__content {
  position: relative;
  display: inline-block;
  padding: 10px 0;
  color: var(--cl-title);
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}
.title__content:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 101%;
  border-bottom: 5px solid #3ca5dd;
}
.title--center:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 33.3333333%;
  width: 33.3333333%;
  border-bottom: 5px solid #3ca5dd;
}
.title--center .title__content:after {
  border-bottom: transparent;
}
.article__asset {
  position: relative;
}
.article__asset img {
  display: block;
  width: 100%;
}
.article__title {
  margin: 0 0 10px;
  color: var(--neutral-800);
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
}
.article__title--medium {
  font-size: 20px;
  line-height: 1.3;
}

.article__list {
  position: relative;
}
.article__list {
  margin: 0 0 15px;
  background: var(--bg-main);
}
.article__list:after {
  content: '';
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  border-bottom: 1px solid var(--br-list-lv2);
}
.article__list__asset {
  position: relative;
  z-index: 2;
  float: left;
  width: 197px;
  padding-right: 20px;
  background: var(--bg-main);
}
.article__list__title {
  display: -webkit-box;
  height: 70px;
  margin-bottom: 18px;
  -webkit-box-orient: vertical;
}
.article__link {
  display: block;
}
.most,
.most__list {
  position: relative;
}
.most__list {
  height: 100px;
  margin-bottom: 1px;
  padding-left: 60px;
  background: var(--bg-warticle);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.most__count {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  border-right: 1px solid var(--br-most);
  padding: 15px 0;
  color: var(--cl-white);
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
  text-align: center;
  background: var(--bg-most);
}
.most__title {
  display: -webkit-box;
  height: 62px;
  margin: 11px 0 5px;
  padding: 0 10px;
  overflow: hidden;
  color: var(--cl-main);
  font-weight: 300;
  font-size: 16px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.most__link {
  color: inherit;
}
.photo__caption {
  padding: 10px 0;
  color: var(--cl-gray-lite);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
}
.cover-photo {
  color: var(--bg-gray-med);
  background-color: var(--bg-gray-med);
}
.cover-photo > .photo__caption {
  background: var(--bg-main);
}
img:not([src]):not([srcset]) {
  visibility: hidden;
}
.button {
  position: relative;
}
.oldArticle .article__list__asset {
  width: 105px;
  padding-right: 10px;
}
.oldArticle .article__list__asset .article__asset {
  height: 95px;
}
.oldArticle .article__list__title {
  height: 62px;
  margin-bottom: 5px;
  -webkit-line-clamp: 3;
}
.oldArticle .article__title--medium {
  font-weight: 400;
  font-size: 16px;
}
.read__title {
  margin: 5px 0 16px;
  color: var(--txt-800);
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.3;
}
.read__time {
  color: var(--cl-time2);
}
.read__time p {
  display: inline;
  font-weight: 700;
}
.read__content {
  position: relative;
  padding: 0;
  color: var(--cl-main);
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.5;
}
.read__content h2 {
  margin: 30px 0 15px;
  font-weight: 700;
  font-size: 22px;
}
.read__content h3 {
  font-weight: 700;
  font-size: 19px;
}
.read__content ol,
.read__content ul {
  padding: 0 0 0 30px;
  list-style: disc;
}
.read__content ol {
  list-style: decimal;
}
.read__content li {
  display: list-item;
  margin: 0.75em 0;
  list-style: inherit;
}
.read__content a {
  position: relative;
  color: #39c;
}
.read__content a:hover {
  color: var(--cl-main);
}

.read__content a {
  color: var(--txt-800) !important;
  font-weight: 400;
  text-decoration-color: #e75524;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 10%;
  text-decoration-skip-ink: none;
  -webkit-text-decoration-skip-ink: none;
  text-underline-offset: 30%;
  -webkit-transition: initial;
  transition: initial;
}

.read__content a:hover {
  text-decoration-color: #ff8c00d1;
  text-decoration-thickness: 40%;
  text-underline-offset: -5%;
}
.breadcrumb,
.breadcrumb__wrap {
  position: relative;
}
.breadcrumb__item {
  display: inline-block;
  color: var(--cl-crumb);
  font-weight: 500;
  font-size: 16px;
}
.breadcrumb__item:after {
  content: ' / ';
}
.breadcrumb__item:last-child:after {
  content: '';
}
.breadcrumb__link {
  position: relative;
  display: inline-block;
}
.icoInline {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-bottom: -1px;
  vertical-align: baseline;
  background-repeat: no-repeat;
  background-position: 50%;
}
.footerMain {
  position: relative;
  width: 1100px;
  margin-top: 60px;
  padding: 32px 0;
  color: var(--cl-white);
  background: #000;
}
@media (min-width: 1100px) {
  .footerMain {
    width: 100%;
  }
}
.footerMain > .container {
  z-index: 1;
}
.footerLogo {
  display: inline-table;
  width: auto;
  height: 26px;
}
.footerLogo img {
  height: 26px;
  -o-object-fit: contain;
  object-fit: contain;
}
.footerBottom {
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.footerBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.footerCopyright p {
  font-size: 14px;
  line-height: 20px;
}
.footerCopyright p {
  margin: 0;
  color: #999;
  font-weight: 400;
}
.social {
  position: relative;
}
.social__item {
  display: inline-block;
  padding: 0 2px;
  vertical-align: top;
}
.page--read .social__item:nth-child(5),
.page--read .social__item:nth-child(6),
.page--read .social__item:nth-child(7) {
  display: none;
}
.social__link {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  background: #fff;
}
.social--fixed .social__link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.social__link--facebook {
  background: #3b5998;
}
.social__link--twitter {
  background: #000;
}
.social__link--telegram {
  background: #2aabee;
}
.social__link--whatsapp {
  background: #25d366;
}
.social--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
}
.social--article {
  padding: 5px;
}
.social--article {
  display: inline-block;
  vertical-align: top;
}
.social--text {
  flex-grow: 0;
  flex-basis: 80px;
  color: var(--cl-main);
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  -ms-flex-preferred-size: 80px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
}
.social--fixed {
  height: 46px;
  -webkit-box-shadow: 0 0 10px 0 var(--cl-shadow-nav);
  box-shadow: 0 0 10px 0 var(--cl-shadow-nav);
  background-color: var(--bg-share);
}
.social--fixed .social--article {
  flex-grow: 0;
  flex-basis: 180px;
  -ms-flex-preferred-size: 180px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
}
.social--fixed .social--dshare {
  position: relative;
  flex-grow: 1;
  flex-basis: calc(100% - 82px - 180px - 150px - 30px);
  height: auto;
  margin: 0;
  overflow: hidden;
  color: var(--cl-main);
  font-weight: 500;
  font-size: 17px;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: calc(100% - 82px - 180px - 150px - 30px);
  white-space: nowrap;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
:root {
  --swiper-theme-color: #007aff;
}
.nav .nav__link--news:hover {
  color: var(--bg-news);
}
.nav .nav__link--travel:hover {
  color: var(--bg-travel-2);
}
.nav .nav__link--tekno:hover {
  color: var(--bg-tekno-2);
}
.nav .nav__link--otomotif:hover {
  color: var(--bg-otomotif-2);
}
.nav .nav__link--bola:hover {
  color: var(--bg-bola-2);
}
.nav .nav__link--lifestyle:hover {
  color: var(--bg-lifestyle-2);
}
.nav .nav__link--tren:hover {
  color: var(--bg-tren-2);
}
.nav .nav__link--lestari:hover {
  color: #e5233d;
}
.nav .nav__link--properti:hover {
  color: var(--bg-properti-2);
}
.nav .nav__link--edukasi:hover {
  color: var(--bg-edukasi-2);
}
.nav .nav__link--nusaraya:hover {
  color: #c70000;
}
.nav .nav__link--cahaya:hover {
  color: #2ecc71;
}
.icon-store {
  background: transparent;
}
/* заменить */

.icon-store svg {
  width: 26px;
  height: 26px;
}

.-bigger .reactionItem {
  font-family: Inter, sans-serif;
}
body {
  --bg-linear-card: linear-gradient(360deg, #f3f3f3, hsla(240, 4%, 95%, 0));
  --filter-icon-blue: none;
}
.social--container .comment__read__bar .social--article {
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
}
.social--container .comment__read__bar {
  position: relative;
  top: auto;
  right: auto;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 0;
  flex-basis: 150px;
  align-items: center;
  -ms-flex-preferred-size: 150px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.comment__read__bar:before {
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  z-index: -1;
  width: 450px;
  height: 46px;
  background: #dcdcdc;
  background: -moz-linear-gradient(90deg, hsla(0, 0%, 86%, 0) 0, var(--bg-share) 60%, var(--bg-share) 100%);
  background: -webkit-linear-gradient(90deg, hsla(0, 0%, 86%, 0), var(--bg-share) 60%, var(--bg-share));
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(hsla(0, 0%, 86%, 0)),
    color-stop(60%, var(--bg-share)),
    to(var(--bg-share))
  );
  background: linear-gradient(90deg, hsla(0, 0%, 86%, 0), var(--bg-share) 60%, var(--bg-share));
}
.social--container .comment__read__bar:before {
  right: 0;
}
.comment__read__bar > span {
  display: inline-block;
  padding: 11px 10px 0 0;
  vertical-align: top;
  color: var(--cl-main);
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
}
.social--container .comment__read__bar > span {
  padding: 0;
}
.comment__read__bar .social--article {
  left: -10px;
}
.social--container .comment__read__bar .social--article {
  left: auto;
}
.social--container .comment__read__bar .social--article:after,
.social--container .comment__read__bar .social--article:before {
  content: none;
}
.comment__read__bar .social__link {
  position: relative;
  padding: 3px;
  background: transparent;
}
.comment__read__bar .social__link .icon {
  width: 100%;
  height: 100%;
}
.comment__counter {
  position: absolute;
  top: -2px;
  left: 20px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  min-height: 17px;
  border-radius: 8px;
  padding: 0 5px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 9px;
  line-height: 1;
  background: #e65225;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.comment__counter:empty {
  display: none;
}
@media (max-width: 700px) {
  .title__content {
    color: #000;
    font-size: 16px;
  }
}
span.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
span.icon-comment svg {
  width: 29px;
  height: 29px;
}
body {
  min-height: 101vh;
}
.article__asset {
  background-color: var(--bg-gray-med);
}
.mt1 {
  margin-top: 10px;
}
.mt2 {
  margin-top: 20px;
}
.col-bs9-7 .read__content {
  margin-right: -15px;
}
.header__row > div > div {
  width: 34%;
}
.header__row > div > div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 66%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.article__list__asset .article__asset {
  height: 117px;
  overflow: hidden;
  background: var(--bg-gray-med);
}
.article__list__asset .article__asset img {
  width: auto;
  max-width: none;
  height: 100%;
  margin: 0 auto;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.header__wrap .sso__header {
  order: 5;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
}
#widget-comment-bottom {
  margin-bottom: 16px;
}
:root {
  --cl-primary: #833275;
  --cl-secondary: #da664a;
}
body:after {
  content: '';
  background: transparent;
}
body {
  --of-bg: #fff;
  --of-otxt: #3e3e3e;
  --of-sml: #6c6f75;
  --of-b: #eaecf0;
  --of-btn: #0f79c6;
  --of-c: invert(53%) sepia(53%) saturate(690%) hue-rotate(165deg) brightness(99%) contrast(90%);
  --of-op: 1;
  --of-drk: 0;
  --of-lig: 1;
}
body {
  --txt-link: #0f79c6;
}
body {
  --bg-yellow-restricted: #ffdb12;
  --fill-yellow-restricted: #2a2a2a;
}
body {
  --bg-react-modal: #f3f3f3;
  --bg-react-icon: #c5c5c5;
  --cl-kompas: #007aff;
  --cl-list-title: #343232;
  --filter-gray: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
  --filter-gray2: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
  --bg-react-filter: invert(39%) sepia(0%) saturate(3369%) hue-rotate(355deg) brightness(95%) contrast(78%);
  --bg-close: currentColor;
  --filter-close: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
  --bg-stop-rec: #f8f8f8;
  --br-stop-rec: #dfdfdf;
  --cl-stop-rec: #8b8b8b;
}
.icoBase {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
}
.icoLike {
  width: 32px;
  height: 32px;
}
.icoBookmark,
.icoShare {
  width: 32px;
  height: 32px;
}
.icoBookmark svg {
  width: 20px;
  height: 20px;
}
.buttonBookmark.-active .icoBookmark {
  -webkit-filter: var(--filter-gray2);
  filter: var(--filter-gray2);
}
.icoComment svg {
  width: 20px;
  height: 20px;
}
.reactionItem .icoBase {
  -webkit-filter: var(--filter-gray);
  filter: var(--filter-gray);
}

.display-flex,
.reactionItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reactionItem {
  justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.button {
  border: 0;
  outline: 0;
  background: unset;
  cursor: pointer;
}
.reaction {
  margin-bottom: 16px;
  padding-right: 10px;
  padding-left: 10px;
}
.reaction.-top {
  margin-top: 16px;
}
.reactionList {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.reactionItem {
  width: 20%;
  color: var(--cl-gray-med);
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}
.reactionItem .icoBase {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.reactionTxt {
  color: var(--cl-gray-med);
}
.reaction,
.reaction.-top {
  position: relative;
}
.reaction.-top.--new {
  gap: 8px;
  padding: 0;
}
.reactionBox-bottom {
  position: relative;
  overflow: hidden;
}
.reaction.--new {
  margin-top: 0;
  margin-bottom: 0;
}
.reaction.--new .reactionList {
  gap: 12px;
}
.reaction.--new .button {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 30px;
  padding: 0;
  background-color: var(--neutral-10);
}
.reaction.--new .button:has(.reactionTxt) {
  width: auto;
}
.reaction.--new .buttonGift {
  width: 50px;
  height: 50px;
  background-color: transparent;
}
.reaction.--new .buttonGift.--v2 {
  width: 40px;
  height: 40px;
}
.reaction.--new .button .icoBase {
  width: 20px;
  height: 20px;
  -webkit-filter: var(--filter-gray4);
  filter: var(--filter-gray4);
}
.reaction.--new .button.buttonComment {
  gap: 4px;
  padding: 1px 10px;
}
.reaction.--new .giftCtaWrap {
  --t1: '';
  --t2: '';
  --stage-origin-x: 20px;
  --icon-start-x: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.reaction.--new .giftCta {
  position: relative;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  opacity: 1;
  background-color: var(--neutral-10);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.reaction.--new .giftCta .icoBase.icoGift {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-filter: var(--filter-gray) !important;
  filter: var(--filter-gray) !important;
}
.oldArticle .title--center {
  border-bottom: transparent;
  text-align: left;
}
.oldArticle .title--center:after {
  border-bottom: transparent;
}
.oldArticle .title__content {
  padding-bottom: 0;
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  text-transform: none;
}
#widget-comment-bottom {
  margin-bottom: 0;
}
body {
  --cl-kgnow-grey: #2b3947;
  --cl-kgnow-grey_1: #f6f6f6;
}
.avatarInit {
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #a7d98c;
}
.avatarInit,
.avatarInit:before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.avatarInit:before {
  content: attr(data-avatar-initial);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.avatarInit > img {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.credit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.credit-picture {
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.credit-picture-img {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 2px solid var(--br-most);
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 4px 0 #00000033;
  box-shadow: 0 2px 4px 0 #00000033;
  overflow: hidden;
  background: var(--bg-gray-med);
}
.credit-picture-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.credit-picture-img:not(:first-of-type) {
  margin-left: -24px;
}
.credit-picture-img.avatarInit {
  position: relative;
  width: 48px;
  height: 48px;
}
.credit-picture-img.avatarInit:before {
  font-size: 20px;
}
.credit-title-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.credit-title-nameEditor {
  color: var(--cl-txt);
  font-weight: 700;
  font-size: 14px;
}
.credit-title-nameEditor a:hover {
  color: var(--cl-txt);
}
.credit-title-nameEditor:after {
  content: '\0000a0';
}
.credit-title p {
  margin: 4px 0 0;
  color: var(--cl-time2);
  font-size: 12px;
}

.latest .article__list {
  margin-bottom: 24px;
}

.latest .article__list:after {
  content: none;
}

.latest .article__list__asset {
  width: 252px;
  padding-right: 16px;
}

.oldArticle .latest .article__list__asset {
  width: 102px;
  padding-right: 12px;
}

.latest .article__list__asset .article__asset {
  width: 236px;
  height: 132.75px;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 16/9;
}

.oldArticle .latest .article__list__asset .article__asset {
  width: 90px;
  height: 90px;
  aspect-ratio: 1/1;
}

.latest .article__list__asset .article__asset img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.latest .article__list__title {
  height: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-line-clamp: 3;
}

.oldArticle .latest .article__list__title {
  margin-top: 4px;
  margin-bottom: 4px;
}

.latest .article__title--medium {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.2px;
}

.oldArticle .latest .article__title--medium {
  max-height: 65px;
  overflow: clip;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  -webkit-line-clamp: 3;
}
.page--read .title {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 12px;
  border-bottom: none;
  text-align: left;
}
.page--read .title__content {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  color: var(--cl-txt);
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.2px;
  text-align: left;
  text-transform: none;
  background: var(--bg-main);
}
.page--read .title--center:after,
.page--read .title__content:after {
  border-bottom: none;
}
.page--read .title__content:after {
  content: '';
  position: absolute;
  top: 2.5px;
  left: 0;
  height: calc(100% - 5px);
  border-bottom: none;
  border-left: 2px solid #e65225;
}

.icon {
  width: 20px;
}
body {
  --btn-bg: #fff;
  --btn-bg2: #fafafa;
  --btn-br: #e2e2e2;
  --btn-cl: #007aff;
  --btn-cl2: #006ee6;
  --btn-bg-disabled: #e3e3e3;
  --btn-cl-disabled: #fff;
  --btn-bg-default: #fff;
  --btn-bg-default-hover: #fafafa;
  --btn-br-default: #0f79c6;
  --btn-cl-default: #0f79c6;
  --bg-modal: #fff;
  --bg-modal2: #fff;
  --bg-modal-header: #f6f9f9;
  --cl-modal-black: #000;
  --cl-modal-dark: #34475a;
  --cl-modal-gray: #454545;
  --cl-modal-btn: #007aff;
  --img-modal-gray: none;
}
body {
  --text-dark-grey: #2c3138;
  --text-grey: #373e49;
  --darker-grey-v-1: #333;
  --darker-grey-v-2: #666;
  --bg-modal-header2: #f5f9fa;
  --grey-lightest: #d0d5dd;
  --azure: #007aff;
  --azure-v2: #007aff;
  --azure-v3: #fff;
  --azure-v4: #0e0e0f;
  --form-line-grey: #e2e2e2;
  --day-sub-text: #45454a;
  --Azure-white: #eff6ff;
  --Azure-white2: #f9f9f9;
  --Azure-lighter: #b3d7ff;
  --Azure-lightest: #e1efff;
  --Grey-Lightest: #45454a;
  --Green-crayola-lightest: #e8fcf3;
  --Bright-yellow-lightest: #fff7e9;
  --Platinum-light: #f2f4f7;
  --filter-azure: invert(46%) sepia(85%) saturate(5629%) hue-rotate(200deg) brightness(101%) contrast(109%);
  --filter-cal-arrow: invert(53%) sepia(13%) saturate(269%) hue-rotate(193deg) brightness(89%) contrast(83%);
  --ot-txt: #121212;
  --ot-txt2: #515358;
  --ot-txt3: #757575;
  --ot-txt4: #9a9a9a;
  --ot-hover: #000;
  --ot-bg: #fff;
  --ot-bg2: #fafafa;
  --ot-line: #e2e2e2;
  --ot-filter: opacity(1) invert(30%) sepia(99%) saturate(1476%) hue-rotate(197deg) brightness(100%) contrast(117%);
  --ot-filter-2: brightness(0) saturate(100%) invert(71%) sepia(12%) saturate(0%) hue-rotate(208deg) brightness(86%)
    contrast(84%);
}
:root {
  color-scheme: normal !important;
}
body {
  --cl-disclaimer: #838282;
  --cl-comment-txt: #333;
  --cl-txt-1: rgba(51, 51, 51, 0.8);
  --cl-comment-gray-med: #efefef;
  --cl-comment-black: #000;
  --cl-comment-author: #54585f;
  --btn-cl: #007aff;
  --btn-bg: #fff;
  --btn-bg2: #fafafa;
  --filter-icon-comment: invert(38%) sepia(62%) saturate(9%) hue-rotate(346deg) brightness(89%) contrast(88%);
  --filter-icon-blue2: invert(18%) sepia(42%) saturate(4907%) hue-rotate(200deg) brightness(92%) contrast(101%);
  --filter-icon-grey: invert(20%) sepia(28%) saturate(0%) hue-rotate(152deg) brightness(92%) contrast(104%);
  --filter-comment-icon_setting: invert(71%) sepia(2%) saturate(74%) hue-rotate(348deg) brightness(85%) contrast(97%);
}
body {
  --btn-br: #e2e2e2;
  --filter-icon-blue: invert(38%) sepia(71%) saturate(4731%) hue-rotate(200deg) brightness(101%) contrast(106%);
}
.commentRow {
  position: relative;
  padding: 0;
}
.commentTopbar {
  align-items: baseline;
  gap: 8px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
}

.commentTopbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.commentWrap {
  position: relative;
  margin: 0;
  padding: 10px 10px 30px;
}
.commentItem {
  position: relative;
  padding: 20px 0 20px 60px;
}
.commentUser {
  color: var(--vid-text);
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 700px) {
  .commentUser {
    display: inline-block;
  }
}
.commentContent {
  display: -webkit-box;
  padding: 8px 0 12px;
  overflow: hidden;
  color: var(--txt-600);
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.28px;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.social--container .comment__read__bar .social--article {
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
}
.social--container .comment__read__bar {
  position: relative;
  top: auto;
  right: auto;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 0;
  flex-basis: 150px;
  align-items: center;
  -ms-flex-preferred-size: 150px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.comment__read__bar:before {
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  z-index: -1;
  width: 450px;
  height: 46px;
  background: #dcdcdc;
  background: -moz-linear-gradient(90deg, hsla(0, 0%, 86%, 0) 0, var(--bg-share) 60%, var(--bg-share) 100%);
  background: -webkit-linear-gradient(90deg, hsla(0, 0%, 86%, 0), var(--bg-share) 60%, var(--bg-share));
  background: linear-gradient(90deg, hsla(0, 0%, 86%, 0), var(--bg-share) 60%, var(--bg-share));
}
.social--container .comment__read__bar:before {
  right: 0;
}
.comment__read__bar > span {
  display: inline-block;
  padding: 11px 10px 0 0;
  vertical-align: top;
  color: var(--cl-main);
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
}
.social--container .comment__read__bar > span {
  padding: 0;
}
.comment__read__bar .social--article {
  left: -10px;
}
.social--container .comment__read__bar .social--article {
  left: auto;
}
.social--container .comment__read__bar .social--article:after,
.social--container .comment__read__bar .social--article:before {
  content: none;
}
.comment__read__bar .social__link {
  position: relative;
  padding: 3px;
  background: transparent;
}
.comment__read__bar .social__link .icon {
  width: 100%;
  height: 100%;
}
.comment__counter {
  position: absolute;
  top: -2px;
  left: 20px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  min-height: 17px;
  border-radius: 8px;
  padding: 0 5px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 9px;
  line-height: 1;
  background: #e65225;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.comment__counter:empty {
  display: none;
}
@media (max-width: 700px) {
  .title__content {
    color: #000;
    font-size: 16px;
  }
}
body:after {
  content: '';
  background: transparent;
}
span.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.commentWrap {
  padding: 0;
}
.commentWrap.--comment_v2 .commentUser {
  color: var(--cl-txt-1);
}
.commentWrap.--comment_v2 .commentItem {
  padding: 20px 15px 0 45px;
}
.button * {
  pointer-events: none;
}
.commentUser .icoBase {
  vertical-align: top;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-right: auto;
  background-color: #000;
  transition: transform 0.3s ease-in-out;
  transform: translateY(-100%);
}
.fixed .nav__row {
  width: auto;
}
.show {
  transform: translateY(0);
}
.fix-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 100%;
  margin: 0;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #000;
}
.fix-header .logo--sticky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  height: 16px;
}
.fix-header .logo--sticky img {
  height: auto;
}
.menu-plus-sticky {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 0;
  flex-basis: 172px;
  justify-content: center;
  align-items: center;
  width: 172px;
  height: 30px;
  border-radius: 4px;
  padding: 0 4px;
  color: #191919;
  font-weight: 700;
  font-size: 11px;
  line-height: 120%;
  background-color: #fff;
  -ms-flex-preferred-size: 172px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.social--container {
  gap: 10px;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 1024px) {
  .fix-header .logo--sticky,
  .menu-plus-sticky {
    display: none;
  }
}

@media (min-width: 1300px) {
  .fixed .fix-header {
    width: 1300px;
    margin-inline: auto;
  }
  .social--container {
    width: 1300px;
  }
}

@media (min-width: 1400px) {
  .fixed .fix-header {
    gap: 24px;
    width: 1400px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .social--container {
    width: 1400px;
    padding-right: 24px;
    padding-left: 24px;
  }
}

.reactionItem {
  pointer-events: none;
}

.avatarInit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}

.cover-photo {
  margin: 0;
}

.cover-photo img {
  width: 100%;
}

.latest {
  display: flex;
  flex-direction: column;
}

.article__link {
  margin-block: 0;
}

.info-box {
  margin: 32px 0;
  border-radius: 8px;
  padding: 24px 28px 20px;
  background: #e8eff5;
}

.info-box h3 {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 22px;
}

.info-box h3 a {
  font-weight: inherit;
}

.info-box ul {
  padding-left: 0;
}

.expert-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px;
  border: 1px solid #e8ecf0;
  border-radius: 10px;
  padding: 24px;
  background: #f7f9fb;
}

.expert-avatar {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border: 3px solid #d9d9d9;
  border-radius: 50%;
  object-fit: cover;
}

.expert-info {
  flex: 1;
}

.expert-info h4 {
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 22px;
}

.expert-info > span {
  display: block;
  margin-bottom: 10px;
  color: #666;
  font-size: 17px;
}

.expert-info p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}

.reg-button {
  margin: 30px 0;
  text-align: center;
}

.read__article .read__content .reg-button .button-link {
  display: inline-block;
  border-radius: 5px;
  padding: 15px 30px;
  color: white !important;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none !important;
  text-transform: uppercase;
  background-color: #3ca5dd !important;
}

.read__article .read__content .reg-button .button-link:hover {
  background-color: #1a1a1a !important;
}

.reactionBox-bottom .commentWrap.--comment_v2 .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.row.comment .title {
  position: relative;
  border-bottom: 1px solid #9b9b9b;
}

.row.comment .title__content {
  position: relative;
  display: inline-block;
  border-bottom: 5px solid #3ca5dd;
  padding: 10px 0;
  color: var(--cl-title);
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.row.comment .comment__icon {
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: 3px;
  padding: 0;
  vertical-align: text-bottom;
  background: transparent;
}

.row.comment .comment__icon .icon {
  width: 100%;
  height: 100%;
}

.row.comment .title__content:after {
  border-left: none;
}

.commentSorting {
  margin-top: 18px;
}

.commentSorting-head {
  color: var(--cl-list-title);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
}

.commentSorting-form {
  margin: 14px 0;
}

.commentSorting-form ul,
.commentSorting-form ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.commentSorting-form ul {
  gap: 8px;
}

.commentSorting-form ul li div {
  border: 1px solid var(--cl-comment-gray-med);
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--cl-gray-med);
  font-weight: 500;
  font-size: 16px;
  background-color: var(--cl-comment-gray-med);
}

.commentSorting-form ul li.active div {
  border: 1px solid var(--cl-kompas);
  color: var(--cl-kompas);
  background-color: #e0f8ff;
}

.commentWrap.--comment_v2 .commentItem {
  position: relative;
  padding: 15px 15px 15px 60px;
}

.commentWrap.--comment_v2 .commentAvatar::before {
  content: attr(data-init);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.commentWrap.--comment_v2 .commentAvatar {
  position: absolute;
  top: 20px;
  left: 8px;
  z-index: 1;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  overflow: hidden;
}

.commentTopbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 0;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
}

.commentWrap.--comment_v2 .commentUser {
  color: var(--cl-txt-1);
}

.commentUser {
  font-weight: 700;
  font-size: 16px;
}

.commentDate {
  display: inline-block;
  padding: 3px 0;
  color: #a9a9a9;
  font-size: 12px;
}

@media (min-width: 700px) {
  .commentUser {
    display: inline-block;
  }
  .commentDate {
    padding: 0;
  }
}

.icoMeatball {
  position: relative;
  display: block;
  margin-right: 12px;
  margin-left: 12px;
}

.commentButton-meatball {
  position: absolute;
  top: -2px;
  right: -25px;
  z-index: 2;
  height: 27px;
  margin-right: 0;
  cursor: default !important;
}

.icoMeatball::after,
.icoMeatball::before {
  content: '';
  position: absolute;
}

.commentButton-meatball .icoMeatball::before {
  top: -5px;
  right: 0;
}

.commentButton-meatball .icoMeatball:after {
  top: 5px;
  right: 0;
  left: unset;
}

.commentButton-meatball .icoMeatball,
.commentButton-meatball .icoMeatball::after,
.commentButton-meatball .icoMeatball::before {
  width: 3px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--cl-txt);
}

.commentAction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 0 -6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.commentButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--cl-gray-bold);
  font-size: 12px;
  line-height: normal;
  background: transparent;
  pointer-events: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.commentButton .icon {
  width: 21px;
  height: 22px;
  margin-right: 5px;
}

.commentWrap .icon-thumbs-down,
.commentWrap .icon-thumbs-up {
  background-size: 30px;
  -webkit-filter: var(--filter-gray);
  filter: var(--filter-gray);
}

span.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
}

.commentWrap .icon-thumbs-up {
  background-image: url('../svg/icon-like.svg');
}

.commentWrap .icon-thumbs-down {
  background-image: url('../svg/icon-dislike.svg');
}

.commentWrap.--comment_v2 .commentSubitem.--reply .action {
  color: var(--cl-gray-med);
  font-weight: 600;
  font-size: 16px;
}

.replies-count {
  margin-top: 20px;
  font-weight: 700;
}

.accent-border {
  border-left: 1px solid #dabc50;
  padding-left: 12px;
}

.footerMain {
  position: relative;
  width: 100%;
  padding: 60px 0 60px;
  color: var(--cl-white);
  background: #000;
}

.footerMain > .container {
  z-index: 1;
}

.footerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 102px;
  padding-bottom: 24px;
}

.footerBottom,
.footerBottom-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.footerBottom {
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #515151;
  padding: 24px 0 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.footerCol-column,
.footerCol-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.footerCol-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  max-width: 222px;
}

.footerCol-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
  gap: 8px;
  -webkit-box-flex: 1;
}

.footerCol-nav.--colNetwork {
  max-width: 125px;
}

.footerLogo {
  display: inline-table;
  width: auto;
  height: 26px;
}

.footerLogo img {
  height: 26px;
  -o-object-fit: contain;
  object-fit: contain;
}

.footerSosmed-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.footerSosmed-wrap ~ .footerSosmed-wrap {
  margin-top: 8px;
}

.footerAchievement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.footerAchievement-title {
  color: gray;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.footerAchievement-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 13px;
}

.footerAchievement-img {
  width: auto;
  height: 40px;
}

.footerAchievement-img img {
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}

.footerMenu-title {
  color: #efefef;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

.footerMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footerMenu-wrap {
  width: 100%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.footerMenu-link {
  position: relative;
  color: #999;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
}

.footerCol-nav.--colNetwork .footerMenu-wrap {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.footerBottom-menu {
  gap: 24px;
}

.iconSos {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #fbfbfb;
  border-radius: 100%;
  aspect-ratio: 1;
}

.iconSos svg {
  max-width: 19px;
  height: 18.5px;
}

.read__ctaLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 0;
  flex-basis: 116px;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  width: 116px;
  height: 32px;
  margin-right: 10px;
  border: 1px solid #e7e8e9;
  border-radius: 5px;
  padding: 4px 5px;
  color: #3478f6;
  font-weight: 700;
  font-size: 11px;
  -ms-flex-preferred-size: 116px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.read__ctaIcon {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
}

.read__ctaicoLink {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  background-image: url('../svg/app.svg');
  background-size: cover;
}

.container {
  max-width: 1100px;
}
.container.fix-header,
.container.social--container {
  max-width: none;
}

@media (width < 1024px) {
  .mobile-hidden {
    display: none;
  }
  .mobile-visible {
    display: flex;
  }
  .header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 12;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #000;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .header__wrap {
    width: 100%;
  }
  .header__wrap .container {
    padding-inline: 0;
  }
  .header__wrap .col-bs10-5 {
    justify-content: start;
  }
  .logo {
    width: 180px;
  }
  .logo img {
    position: relative;
    display: inline-block;
    flex-grow: 0;
    flex-basis: 180px;
    width: 122px;
    margin-left: 10px;
    -ms-flex-preferred-size: 180px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
  }
  .menu-store .icon-store,
  .icon-darkmode,
  .menu-plus .icon-plus img {
    width: 24px;
    height: 24px;
  }
  .menu-plus {
    margin-inline: 5px;
  }
  .col-bs10-5 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
  }
  .col-bs10-5 {
    flex-grow: 1;
    flex-basis: 0;
    justify-content: flex-end;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  .header .col-bs10-5 {
    flex-basis: auto;
    padding-left: 0;
  }
  .header__row > .row {
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
  }
  .header__row > div > div {
    width: auto;
  }
  .header__row > div > div:last-child {
    width: auto;
    padding-inline: 0;
  }
  .menu-store {
    margin-right: 5px;
    margin-left: 0;
  }
  .menu-bar {
    order: 4;
  }
  .button-burger {
    margin-right: 5px;
  }
  .button-burger::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 1;
    width: 18px;
    height: 14px;
    opacity: 1;
    background-color: #000;
    background-image: url('../svg/burder-lupa.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px auto;
    pointer-events: none;
  }
  .icon-bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .icon-bar::after,
  .icon-bar::before {
    content: '';
    position: absolute;
    right: 0;
  }
  .icon-bar::before {
    bottom: 0;
  }
  .icon-bar::after {
    top: 0;
  }
  .icon-bar::after,
  .icon-bar::before,
  .icon-bar > i {
    width: 100%;
    height: 2px;
    background: #fff;
  }
  .icon-bar > i {
    display: block;
  }
  .breadcrumb__link {
    font-size: 11px;
  }
  .breadcrumb__item::after {
    content: '›';
    padding: 1px 5px;
    color: var(--cl-hover);
    line-height: 10px;
  }
  .col-bs10-10 {
    padding-inline: 10px;
  }
  .read__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
  }
  .read__time {
    font-size: 12px;
  }
  .col-bs10-7 {
    width: 100%;
  }
  .credit-picture-img.avatarInit {
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .credit-title-nameEditor {
    font-weight: 400;
    font-size: 12px;
  }
  .credit-title p {
    font-size: 10px;
  }
  .reaction.-top.mobile-visible {
    display: block;
    margin-bottom: 16px;
  }
  .reactionList {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-grow: 1;
    flex-basis: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    width: auto;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  }
  .credit {
    padding-left: 5px;
  }
  .read__article {
    font-size: 17px;
    line-height: 150%;
  }
  .col-bs9-7,
  .col-bs10-3,
  .col-bs10-5,
  .col-bs10-7,
  .col-bs10-10,
  .col-bs12-4,
  .col-bs12-8 {
    float: none;
  }
  .col-offset-fluid {
    display: flex;
    flex-direction: column;
  }
  .col-bs10-3 {
    width: 100%;
  }
  .cover-photo {
    margin: 0 -15px;
  }
  .photo__caption {
    padding-inline: 15px;
  }
  .footerMain {
    position: relative;
    width: 100%;
    border-top: 1px solid #2c2c2c;
    padding: 5px 0 10px;
    text-align: center;
    background: #000;
  }
  .footerMain .container {
    padding-inline: 0;
  }
  .footerWrap {
    justify-content: center;
    padding-bottom: 0;
  }
  .footerCol-column {
    align-items: center;
  }
  .footerLogo {
    padding: 20px 0 10px;
  }
  .footerLogo img {
    height: 35px;
  }
  .footerAchievement-title {
    color: #f0f0f0;
  }
  .footerAchievement-img img {
    height: 50px;
  }
  .footerBottom {
    border: none;
    padding-top: 10px;
  }
  .footerBottom-menu {
    display: block;
    margin: 0;
    padding: 20px 0 0;
    color: #999;
  }
  .footerBottom-menu li {
    display: inline-block;
    padding-inline: 5px;
    font-size: 12px;
  }
  .footerMenu-link {
    font-size: 12px;
  }
  .footerSosmed {
    padding: 44px 15px 10px;
  }
  .footerCopyright-mobile {
    display: block;
    padding: 15px 0;
    color: #999;
    font-size: 12px;
  }
  .read__article .read__content .reg-button .button-link {
    font-size: 18px;
  }
  .oldArticle .latest .article__title--medium {
    font-size: 14px;
  }
  .commentTopbar {
    padding-top: 10px;
  }
  .commentWrap.--comment_v2 .commentSubitem.--reply .action {
    font-size: 12px;
  }
}
@media (width < 768px) {
  .expert-info p {
    margin-left: -100px;
  }
}
@media (width < 430px) {
  .commentSorting-form ul li div {
    padding: 5px 9px;
    font-size: 14px;
  }
  .read__article .read__content .reg-button .button-link {
    font-size: 15px;
  }
}
@media (width >= 1024px) {
  .mobile-visible {
    display: none;
  }
}

/* SLIDER */
/* SLIDER */
/* SLIDER */
/* SLIDER */
/* SLIDER */

/* Slideshow container */

/* Hide the images by default */
.mySlides {
  position: relative;
  display: none;
  overflow: hidden;
  background-color: #62626237;
  user-select: none;
  touch-action: pan-y;
}

/* Next & previous buttons */
.prev,
.next {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: auto;
  margin-top: -22px;
  border: none;
  border-radius: 0 3px 3px 0;
  padding: 16px;
  color: #fe003d;
  font-weight: bold;
  font-size: 18px;
  background-color: transparent;
  transition:
    color 0.3s ease,
    background-color 0.3s ease;
  cursor: pointer;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  color: #007fff;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Slide number text (1/3 etc) */
.slide-number {
  position: absolute;
  top: 0;
  z-index: 5;
  padding: 8px 12px;
  color: #f2f2f2;
  font-weight: 700;
  font-size: 12px;
}

/* The dots/bullets/indicators */
.dots-container {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  left: 0;
  z-index: 5;
  text-align: center;
}

.dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 2px;
  border-radius: 50%;
  background-color: #bbb;
  transition: background-color 0.6s ease;
  cursor: pointer;
}

.dot.active {
  background-color: #fe003d;
}

.dot:hover {
  background-color: #717171;
}

/* Zoom styles */
.zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: zoom-out;
  user-select: none;
  /* Safari */
  isolation: isolate;
  will-change: opacity;
  -webkit-tap-highlight-color: transparent;
}

.zoom-image {
  max-width: 95%;
  max-height: 95%;
  object-fit: contain;
  transition: opacity 0.2s ease;
  /* Safari */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: default;
  will-change: opacity, transform;
}

.zoom-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  color: white;
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
  transition: color 0.3s ease;
  /* Safari */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.zoom-close:hover {
  color: #e11229;
}

[data-zoomable] {
  position: relative;
  display: block;
  /* Safari */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: zoom-in;
}

[data-zoomable] img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* Safari */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  image-rendering: -webkit-optimize-contrast;
}

[data-zoomable]::after {
  content: '';
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  z-index: 2;
  width: 48px;
  height: 48px;
  opacity: 0.5;
  color: #e11229;
  background-image: url('../svg/lupa.svg');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  user-select: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    /* Safari only */
    .zoom-overlay {
      isolation: isolate;
    }

    .zoom-image {
      image-rendering: auto;
    }
  }
}

/* Fading animation */

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

/* SLIDER */
/* SLIDER */
/* SLIDER */
/* SLIDER */
/* SLIDER */