:root {
    --bg-color: #fff;
    --bg-color-header: #fff;
    --text-color: #242529;
    --overlay-color: rgba(0, 0, 0, .5);
    --title-color: #242529;
    --marked-color: #f6f7f8
}

:root.m-mode-dark {
    --bg-color: #161618;
    --text-color: #f6f7f8;
    --bg-color-header: #18181a;
    --overlay-color: rgba(0, 0, 0, .6);
    --title-color: #fefefe;
    --marked-color: #242529
}

:root {
    --scroll-bar-width: 0px
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
    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
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format("woff2");
    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
}

@font-face {
    font-family: onlyfans;
    src: url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/onlyfans.eot);
    src: url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/onlyfans.eot#iefix) format("embedded-opentype"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/onlyfans.woff2) format("woff2"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/onlyfans.woff) format("woff"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/onlyfans.ttf) format("truetype"), url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/img/onlyfans.svg#onlyfans) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: onlyfans;
    font-style: normal;
    font-weight: 400;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-ic-info:before {
    content: "\0e60"
}

.icon-ic-full-screen-exit:before {
    content: "\e600"
}

.icon-ic-full-screen:before {
    content: "\e601"
}

.icon-ic-mini-player-off:before {
    content: "\e602"
}

.icon-ic-mini-player:before {
    content: "\e603"
}

.icon-ic-pause:before {
    content: "\e604"
}

.icon-ic-play:before {
    content: "\e605"
}

.icon-ic-settings:before {
    content: "\e606"
}

.icon-ic-size-max:before {
    content: "\e607"
}

.icon-ic-size-min:before {
    content: "\e608"
}

.icon-ic-undo:before {
    content: "\e609"
}

.icon-ic-volume-high:before {
    content: "\e60a"
}

.icon-ic-volume-low:before {
    content: "\e60b"
}

.icon-ic-volume-off:before {
    content: "\e60c"
}

.icon-ic-arrow-select:before {
    content: "\e60d"
}

.icon-ic-clear-input:before {
    content: "\e60e"
}

.icon-ic-alert-red:before {
    content: "\e60f"
}

@font-face {
    font-family: NotoColorEmoji;
    unicode-range: u+1f1e6-1f1ff;
    src: url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/NotoColorEmoji.ttf) format("truetype")
}

body.m-ua-windows .b-agenda__area-events__item-inward, body.m-ua-windows .b-chat__message__text, body.m-ua-windows .b-chat__search-nothing, body.m-ua-windows .b-comments__item-text, body.m-ua-windows .b-list-emoji .emoji-outer, body.m-ua-windows .b-post__text-el, body.m-ua-windows .b-search-form__input, body.m-ua-windows .b-streaming__comment__text, body.m-ua-windows .g-user-name, body.m-ua-windows .toast-message-text, body.m-ua-windows .v-input input, body.m-ua-windows .v-input textarea {
    font-family: NotoColorEmoji, Roboto, sans-serif
}

@font-face {
    font-family: Fira Sans;
    src: url(https://static2.onlyfans.com/static/prod/f/202408091509-c94515e7cf/fonts/firasans-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

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

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto;
    resize: vertical
}

textarea.form-control {
    height: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

:focus {
    outline: none !important
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

hr {
    margin-top: 51px;
    margin-bottom: 51px;
    border-top: 1px solid #c8ccd0
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600;
    color: inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1, .h2, h1, h2 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, h1 .small, h1 small, h2 .small, h2 small {
    font-size: 65%
}

.h3, h3 {
    word-wrap: break-word;
    word-break: normal
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 22px
}

.h1, .h2, h1, h2 {
    font-weight: 300
}

.h2, h2 {
    margin: 0 0 5px;
    font-size: 26px;
    line-height: 30px
}

.h3, h3 {
    font-size: 18px;
    font-weight: 300
}

.h3 a, h3 a {
    color: inherit
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300
}

p {
    margin: 0 0 10px
}

.small, small {
    font-size: 85%
}

.mark, mark {
    background-color: #fcf8e3;
    padding: .2em
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.3333
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.3333
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

code, kbd {
    padding: 2px 4px;
    font-size: 90%
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.3333;
    word-break: break-all;
    word-wrap: break-word;
    color: #3b3b3b;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    border-radius: 0
}

pre code, table {
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.3333;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>tbody>tr>th, .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid $base
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #f4f7fa
}

.table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

.table td[class*=col-], .table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: inherit;
    color: #000
}

label {
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px 9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: none !important
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.3333;
    color: #8899a6
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 36px
    }
}

.form-group {
    margin-bottom: 22px;
    position: relative
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .form-control {
    width: 100%;
    display: inline-block
}

textarea.form-horizontal .form-control {
    max-width: inherit
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .counter {
    padding-left: 10px
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 12px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: 7px
    }

    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px;
        font-size: 18px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 9px;
        font-size: 12px
    }
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.bounce-enter-active {
    animation: bounce-in .5s
}

.bounce-leave-active {
    animation: bounce-in .5s reverse
}

@keyframes bounce-in {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

html {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    background: var(--bg-color);
    display: flex;
    margin-right: 0 !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    overflow-anchor: none
}

html.m-prevent-scrolling {
    position: relative
}

html.m-prevent-scrolling div[style*="z-index: 2000000000;"]:last-child[style*="position: absolute;"] {
    position: fixed !important;
    top: 0 !important
}

html.p-personal-chats-chat {
    min-height: 100dvh
}

html div[style*=border][style*="z-index: 2000000000;"]:not([class]) {
    box-sizing: content-box
}

html [type=button] {
    -webkit-appearance: none
}

body {
    color: var(--text-color);
    background: var(--bg-color);
    padding-right: var(--scroll-bar-width);
    width: 100%;
    display: flex;
    flex-direction: column;
    font: 16px/1.3334 Roboto, sans-serif
}

body[id*=page_] {
    height: auto;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (max-width: 1003px) {
    .p-personal-chats-chat body {
        overflow: hidden
    }
}

.m-disable-scrolling.story-ran .m-black-body, .m-prevent-scrolling.force-no-scroll .m-black-body {
    background: #000
}

iframe {
    border: none
}

.main-wrapper {
    background-color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.m-prevent-scrolling .main-wrapper {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (max-width: 499px) {
    .main-wrapper {
        justify-content: flex-end
    }
}

@media (max-width: 767px) {
    .m-disable-scrolling .main-wrapper {
        justify-content: flex-start
    }
}

@media (min-width: 1004px) {
    .main-wrapper.m-chat-container {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        overflow: hidden
    }
}

@media (max-width: 499px) and (orientation:portrait) {
    @supports (padding-bottom:constant(safe-area-inset-bottom)) {
        .main-wrapper {
            padding-bottom: calc(57px + constant(safe-area-inset-bottom))
        }
    }

    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .main-wrapper {
            padding-bottom: calc(57px + env(safe-area-inset-bottom))
        }
    }

    @supports (padding-bottom: constant(safe-area-inset-bottom)) or (padding-bottom:env(safe-area-inset-bottom)) {
        .p-personal-chats-chat .main-wrapper {
            padding-bottom: 0
        }
    }
}

.g-hidden {
    display: none !important
}

@media (min-width: 768px) {
    .g-hidden-desktop {
        display: none !important
    }
}

@media (max-width: 767px) {
    .g-hidden-mobile {
        display: none !important
    }
}

.g-shown, .show {
    display: block !important
}

.g-invisible {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important
}

.g-overflow-hidden {
    overflow: hidden
}

.g-border-top {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.g-border-top-bold {
    border-top: 8px solid var(--marked-color)
}

.g-border-bottom {
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.g-border-bottom-bold {
    border-bottom: 8px solid var(--marked-color)
}

.b-badge-icon {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.text-line-through {
    text-decoration: line-through
}

.g-section-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500
}

.g-blue {
    color: #00aff0
}

.progress {
    height: 10px
}

@media (max-width: 1003px) {
    .progress {
        margin-top: 35px
    }
}

.g-section {
    padding: 0 4px
}

.b-separate-section .g-section {
    font-size: 16px;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0
}

.g-section .g-section-title {
    padding: 0 0 5px
}

.g-section p {
    margin: 0 0 5px
}

.g-section-title {
    font-size: 15px;
    color: #8a96a3;
    padding: 0 4px 10px
}

.b-separate-section .g-section-title {
    padding-left: 0;
    padding-right: 0
}

.g-section-title.m-default-title {
    font-size: 16px;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0
}

.g-section-title.m-default-title:not(.m-row-gaps) {
    padding-top: 0;
    padding-bottom: 0
}

.g-section-title.m-default-title.m-row-gaps {
    padding-top: 16px;
    padding-bottom: 16px
}

.contact_form .g-section-title.m-default-title.m-row-gaps {
    padding-bottom: 13px
}

.g-section-title.m-default-title .g-icon-info {
    transform: translateY(2px)
}

.g-section-title.m-default-title .b-icon-title {
    display: inline-flex;
    margin-left: 10px
}

.g-section-title.m-flex {
    justify-content: space-between
}

.g-section-title.m-aligned-vertical, .g-section-title.m-flex {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.g-section-title.m-aligned-vertical {
    justify-content: center
}

.g-section-title.m-filtered {
    color: #00aff0
}

.g-section__header {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 12px 4px 0;
    position: relative
}

.g-section__header .g-btn__wrapper {
    flex-wrap: wrap;
    padding: 0 0 0 12px;
    margin: 0 -6px -12px auto
}

.g-section__header .g-btn__wrapper .g-btn {
    margin: 0 6px 12px
}

.g-section__header .g-section-title {
    padding: 0
}

.g-section__header .dropdown:not(.m-position-inline) {
    position: absolute;
    right: 0;
    top: 0
}

.g-section__header .dropdown:not(.m-position-inline) .dropdown-menu {
    left: auto;
    right: -4px;
    margin: 0
}

.g-section__header .dropdown:not(.m-position-inline).m-top.open>.dropdown-menu {
    margin-bottom: 4px
}

.g-section__header__btn {
    color: #8a96a3
}

.g-section__header__btn .g-icon {
    display: block
}

.g-section__header__btn.m-selected {
    position: relative
}

.g-section__header__btn.m-selected:after {
    background: #00aff0;
    width: 12px;
    height: 12px;
    right: 0;
    top: 0;
    border-radius: 1000px;
    content: "";
    position: absolute;
    border: 2px solid var(--bg-color)
}

.b-separate-section .g-section__header {
    margin-top: -3px;
    margin-bottom: 22px
}

.g-btn__wrapper+.g-section {
    margin-top: -17px
}

.g-date {
    font-size: 13px;
    color: #8a96a3
}

.g-page__subheader {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px
}

.g-page__subheader+.b-new-event-btn {
    margin-top: 16px
}

.b-account-deleted {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center
}

.g-gray-text {
    color: #8a96a3;
    font-weight: 400
}

.g-page-title .g-gray-text, .g-user-name .g-gray-text {
    font-weight: inherit
}

.empty-message {
    display: none;
    font-weight: 500;
    font-size: 16px;
    color: rgba(138, 150, 163, .4);
    margin: auto;
    padding: 10px 0
}

.empty-message:not(.text-left) {
    text-align: center
}

.b-search-autocomplete .empty-message {
    padding-top: 12px;
    padding-bottom: 12px
}

.empty-message.m-height-page {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.empty-message.m-height-page.show {
    display: flex !important
}

.empty-message.m-gaps-lg {
    padding-top: 30px;
    padding-bottom: 30px
}

.empty-message.error {
    margin-bottom: 25px
}

.b-photos .empty-message, .b-users__list:empty+.empty-message, .user_posts .empty-message {
    display: block
}

.user_posts .b-post~.empty-message {
    display: none
}

.empty-message.m-uppercase {
    text-transform: uppercase
}

.empty-message.m-show {
    display: block
}

.empty-message.m-light-text {
    color: rgba(138, 150, 163, .4);
    font-size: 16px;
    line-height: 24px
}

.empty-message.m-light-text .g-icon {
    color: rgba(138, 150, 163, .25)
}

.empty-message__icon-img {
    width: 240px;
    flex: 0 0 240px;
    height: 160px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .empty-message__icon-img {
        width: 300px;
        flex: 0 0 300px;
        height: 200px
    }
}

.empty-message .g-icon {
    display: block;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    margin: 0 auto 5px;
    color: inherit
}

@media (min-width: 1004px) {
    .empty-message .g-icon {
        width: 64px;
        height: 64px;
        flex: 0 0 64px
    }
}

.empty-message .g-icon.m-md-size {
    width: 48px;
    height: 48px;
    flex: 0 0 48px
}

.empty-message .g-icon.m-sm-size {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.empty-message .g-btn.m-fluid-width {
    margin: 0 auto
}

.empty-message.m-flex-align-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center
}

.b-notifications__list .empty-message {
    height: calc(100vh - 174px);
    height: calc(var(--vh, 1vh)*100 - 174px)
}

.empty-message.m-absolute-pos-center {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.empty-message>p:last-child {
    margin-bottom: 0
}

.jq-toast-loader {
    background: #00aff0 !important
}

.jq-toast-single {
    border-radius: 6px;
    padding: 17px 23px;
    border: 1px solid rgba(138, 150, 163, .4);
    background: var(--bg-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    color: inherit
}

@media (min-width: 768px) {
    .jq-toast-single {
        min-height: 95px
    }
}

@media (max-width: 767px) {
    .jq-toast-single {
        padding: 5px
    }
}

.jq-toast-single a {
    color: #00aff0;
    font: inherit;
    padding: 0;
    border: none
}

@media (max-width: 767px) {
    .jq-toast-single a {
        max-width: 100%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: top;
        font: inherit
    }
}

.jq-toast-single h2 {
    font: inherit;
    font-weight: 500
}

@media (max-width: 767px) {
    .jq-toast-single h2 {
        display: none
    }
}

.grecaptcha-badge {
    display: none !important
}

.input-error {
    font-size: 13px
}

.input-error .g-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-right: 6px
}

.g-text-color-highlighted {
    color: #8a96a3
}

.g-text-highlighted {
    background: rgba(0, 175, 240, .2)
}

.emoji-outer {
    vertical-align: middle;
    display: inline-block;
    height: 24px;
    width: 24px;
    font-size: 24px;
    line-height: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.g-nowrap {
    white-space: nowrap
}

.g-nowrap .g-icon {
    vertical-align: middle
}

.g-icon-info {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #8a96a3;
    cursor: pointer;
    margin-left: 6px
}

.g-icon-info.m-md-gap {
    margin-left: 13px
}

.g-icon-info.m-with-round-hover:after {
    width: 23px;
    height: 23px
}

.g-icon-info .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.g-icon-info:hover {
    color: #0091ea
}

.g-icon-info:hover .g-icon {
    color: inherit
}

.g-icon-info.m-icon-sm .g-icon {
    width: 15px;
    height: 15px;
    flex: 0 0 15px
}

.g-icon-info.m-icon-sm.m-with-round-hover:after {
    width: 20px;
    height: 20px
}

.g-icon-info.m-icon-lg {
    font-size: 24px
}

.g-icon-info.m-icon-lg .g-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.g-icon-info.m-icon-lg.m-with-round-hover:after {
    width: 29px;
    height: 29px
}

.g-icon-info.m-inline {
    vertical-align: middle
}

.m-no-pointer {
    pointer-events: none
}

.m-capitalize {
    text-transform: capitalize
}

.m-temp-height {
    min-height: 100vh
}

html body a[href].m-forbidden {
    pointer-events: none !important
}

.b-header-userinfo {
    position: relative;
    min-height: 51px;
    padding-left: 60px;
    padding-top: 4px;
    margin-bottom: 28px
}

.m-discount-content .b-header-userinfo {
    margin-bottom: 14px
}

.m-tip-modal .b-header-userinfo {
    margin-top: -7px;
    margin-bottom: 21px
}

.g-bittersweet-text {
    color: #ff6060
}

.g-danger-text, .payment-errors {
    color: #e76c6c
}

.g-italic {
    font-style: italic
}

.m-default-bg {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AgMAAACVvSnQAAAACVBMVEX29/jw8vTz9PXgV05KAAAUE0lEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYU9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWGnjm0QhoEAil7tUTwPZjN6GiS4KWkQQhSEJontvLfClz4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD7qfl2j/nky62tKrr00XayymUh6REC5w8xrprZtneOzpRccI3xlHy0/8weuOaX8Vdd8tJ2dIqOPMk1g9uGgRgIEvpFfeQRV+ES8sgZfroUNZG/PgGErTKCLQGGrVgUAuGW3GlhsCSPvKveVIo3Jzez4KveTIrxU+pzNhIaPBC8Fx+qZ5dLMP4g6ESNwsKnMdDiSpIQNyTh5RF8wB3RO3HLpLeUi1WnwT/ojAuq9HIIbjGRoUyz6S3laJshKc+EZfpQ+NgqmM4vzzTdMjx7n+isKgCyGOarzgSCgSyGG8r4jthWWMZnrmGasftWF9wAWQyTlueRk/lh9lvVcPNdaPELJvdb0XBL7HfbtZByvqpuuC3MuAXz+wWsBh+FmrP5iODXZ1jL7xbBbPsriq0lu1/ntTCIX4dhNb9bBNPcj3huS/x+/ddC5geS17CgX9cxKZLfV48lRb8+wREGaN8orfP+nelslWiCB1tG0m9GwS/asMj++R5bJ5xgdLY/QfzmFAzbnfcSg5OtE1DwYAvIDdCJBS+1YcEBq/iOSREFP7dhyQbsuzWEFAx7QLEBpxY82G68lTh4bg0xBe/XhpsSiMSCYTvB+gF6kYutE1XwYDOyBdp3a4gqeJ6khQt0csGwCdEJesR1a4gr+FakhQt0dsFTkdZccdwwB4EFw0Ykd9ATJ1sntOBeesISEIxOecLy3RpiCx40j0gzZ1sntmB0whOWhGDoPpGKbxUdXXAvHGAJwRAOsOvWEF7woBtg1yo6vGB0sgEWETzIBti1io4vGJ1qgIs5SCAYqgGWEdyLBvhkDjIIhmiAv8xBCsG9ZICFBEMywL5VdA7BvWKAfZvKHIKhGGApwb3SR46ZizlIIhhKHzlmjuYgi+BeL8C+TWUWwb/sncFtA0EMAzePlJDSth+VoqegKgNcBaR/NzRbGEBcjg/wnk/ze9+aLMCd9sQSTSUG8IZtJNVUcgD3+Sh/961JA7xhTyzRVIIAd9RGUk0lCPBmPbFEkUUC3ElPrETAm/TEUk0lCnAFPbFUU4kCPDkW66oiCwV4K+eJlQl4jpWf++YcKSzAWykjWBZZMMB9nNw3RxRZMMCbMoJjAXfKhYb98aiekBEsiywc4Aq50KrIwgGeCE15ZZGFA7yVcaFzAU/GhVZFFg/wZlxoVWQBAXfEhVZFFhDwRlxo1XMQAVfChU4GPAEXWhZZRMAbcKFlkYUE3HQPfXWRhQS88F8K79U9BxNw4S90OODBX2hZZDEBL/pruydHDBRwk7+2u9cQWVDAA/4e+onsOaCAt+AXWvYcVMCD1liG56ACXvZI+gLeRo8kXWRhAQ9ZYxmeAwt4CzySDM/BBdzgkWR4Di7gBY8kw3OAARd3JBmeAwy4uSPJ8BxgwMsdScYMJgMubAV/AT8ZbAUbnoMMeLEjyfAcaMBN/CD6SR01aMAD9ZSO50ADXqindDwHG3BDK9jwHGzAA61gw3OwAW8xK9iYwXDAjaxgZwbDAQ+ygp0ZDAe8RaxgZwbTATexgp0ZTAc8xAp2ZjAd8Bawgp0ZjAfcwAp2ZjAe8AAr2JnBeMBbuAq2ZjAf8D+7ZlDEQAwDMZTmkzLJpzNpUBaDnifdUtDD1tpbN4KRBvsBH9k71jAN9gO+y/WONUyDA4C36x0LanAA8FF9RA/U4ADgaxvBSIMLgLdsBCMNLgA+rpqDaXAB8HXVHEyDE4CXquZgGpwAfEyXBqjBCcBXNYKZBjcAL1HNATW4AXiLag6owQ3AV1RzQA2OAF6emgNqcATw9uxYUIMjgI+n5oAaHAF8PTUH1OAK4KXZsaAGVwAfzY4FNbgC+FpqDmpJGcCfkQRaUgbwdySBlpQBbBnB1JIygMcSyOMF/LBQS6oA/o0k1JIqgDU7Fj0WVgBrdixqSRXAYwm1pBfww0ItKQL4z54d1DAAxEAMLMR+jmRRFkWUkRVT8MerzTTW+kpCBWcaa30loYIzjbW+klDBr8L6SjrBkwAryRTcaaz1lWQKzjTW/koyBWcaa38lneBBhJVkCn4V9iOaFNxprO9nnR9Ip7H2V9IJHkRYSaTgTGMBEU0KfhWAiBYFdxpr/2o4wYMQK0kU3GksIKJFwZ3GAiL6BM8hXA2k4JfhA/Dj6DSWENGg4E5jCRF9gscgrgZRcKexhJUECn4ZhIg+wWMYEe0J7kS0cDWAgjuNRUT0CZ4CiWhP8EV0XPCfnTs4bhgGYiiqJrdJVZlTDjk6JMePGPwW/owBrCRPDESJruBTICWaE9wSHS44p2MZJbqCD6GUaE5wS3S44InBKNEVfAilRGuCc0o08TqHJzinYyEluoLPwJRoTXBOiRbeiQYFTwxIia7gIzCHSk1wS3S44HasCr4E5FCpCW6JDhc8MTwKL8WkwJRoS3BOiVYOlRV8BKhEW4JzSjTTsSzBOSVaOVRW8AmkjmUJnhSYQ2UFn0DqWJTgnBLNHCotwTkl2ulYFXwA6FBpCY4p0VDHquD9SIdKS/CkAHUsSXBOiYY6VgXvh+pYkuCYEi11rArejtWxJMExJVrqWJLgScF5GFzBB7A6FiQ4pkRTHauCd4N1LEhwTImmOhYkOKZES3esCt4O1rEgwROC1bEqeDNax3IEx5Roq2NV8Ga0juUIjllJj8WrkFKisY5VwXuh3nm3BE8I1KOkCt4N17EYwSklGvqusIL3w505HMEpK0nrWBW8Fa9jMYJTVtKj8SJMBtqZo4K3AnYsRXBKicYeJVXwXrwzByM4pERzZ44KTo9gRXDISuLOHBW8E/DMwQieDB6P12Ai8M4ciuCQlQRGcAWHRzAiOGQleWeOCt4HeeZQBGesJPDMoQieCLwnDRUcH8GG4IwSTUZwBYdHsCE4o0STEVzB4RFsCI5YSWYEV3B4BBuCJwEzgis4PIIJwRErCY3gCg6PYEJwxEpCI7iCwyOYEJywktQIruDwCCYETwBqBFdweAQLghNWEhvBFRwewYLghJXERnAFh0ewIDhgJbkRXMHhESwInvtxI7iCwyMYEBywksTvgit4G+Z3wY7ggJUkfhdcwdsg/5oDEnz/SpIjuIKXoUeSIHiuBx5JFbwMfacUBN+/kuA7ZQXHR/D3Bd+/kh6a90Mq+C/4SKrgVew7pSD4+hlMj6QKXkQfSYDguRx7JFXwIvpI+r7g62fwg/N+RgX/gR9J3xd8+0rSf6EreAl+JH1f8OUrSR9JFbwEf8YCBM/dyK/bVfAqN/xC/0NwV9Iv/hmrgpe4YCT9sG8mRwwDMQCq0v23kvtv5EfMLrTAWCO0SYKvcP8z1v8FuzP49mesBF9BMaG54DL4h+CMleALOCY0F1wGfzGcsRJ8AceE5oKrpA+KM1aC50gmNBZcJX2RTOgED7FM6AQPsUxoLLgM/mB4Ck7wHM2ExoLL4DeKp+AEz9FMaCy4DH7hmdAJHuGZ0FRwlfTGcuVI8PITmgqukl5orhwJniGa0AkeYJrQVHAZ/MQ0oRM8wDShqeAy+Dgkv7ZL8BTH76HvIFibwaIJnWCMa0InGOOa0FBwGXwciv8UJniM6CHp74IPJ5an/gRPUJ0pueAyWHWmTDDHFcEJpsgimAoug2URnGCKLIKp4DJYFsEJhtgimAoug2URnGCGLoITzNBFMBW8fQbrVqwEE3wRDAVvn8G+FSvBAOOKxQRvn8G+FSvB51GuWAk+j3LFYoI3z2DjipXg1T9gJHjzDDauWAlefMVK8OofMBG8953DuWIlePEVCwneOoOtH3CCT+E8Q1PBW2ewdMVK8Cm0jZTg5T9gInjjDH6wbwdXCMQwDERdJQcqoCxKpQTkE3g0aeE/mVhZrv1fReDVubsjrYCL1+CzO5LA+AALDA/wAri357gcYIG/nss70gq4dg2+W3IIzA+wwPAAL4Bbe47bARYYHuAcuHUNPh5ggeEBFhge4By4s+c4H2CB4QHOgSvX4PsBFhgeYIHhAc6BG3sOQIAFhgc4Bm5cgwkBFhgeYIHhAY6B+3oORoAFhgc4Bq5bg1/DOJFHIfDpb6EFhn8L/XPg/+85MAEWGB7gFLhsDX4O5iQefcCQFUlgdsexAe7qOUABFhh9wxKYvSItgJt6DlSABUbfsHLgop6DdMMSmPuKJHDDDSsG7uk53gM7gUcTMOyGFQO3rMEP2A1LYPQKLDD4lXAJXNJz8Aa0wPABLTB8QKfAFT0HcUALDB/QIXBDz8Ec0ALDB7TA8AEdAvN7Dl4HLTD6kVBg+CPhEpjec9C+4hC4Y0PKgdk9B/ARWOCSH+A98AwOmPwD/GHvDG4UiYEo+uWjMxlHsSHsYeFACBNFh8JlpYYolx1pV4IB+hkaqb6LF8GgN64qfxvTJ1j/GSnnGLoB97jSGcMIHrsBc1N7XVAGETy6XyhYVxgi5xg2gu7TpKsMIHjwAYta0g3sc47RBywoSTcxFzzwEUOPo0m3sRY8/AD9xVN+VZxzjrETLCp4r7tUX8HjD9BE8KwFmqvgBAM0ETxpgWKac2TxK1Cg71MtBWfYIBHBAjTDnCOPXy0UaEDxE5zIrxYmLEJzE5wi4CCCJzHMco4cAQeQMwtSrQTn8ntPsDBOgpP51cIWiVF9co5sfgUWMMBGcDq/Ah0YUE0EZ9ofLQme1INHkJXQr8ACJjQHwRn9CixgQjHIOdKcLxDBszpp4QXn9CuwR0KU6IJz3N/AgtVN7Jxjm9WvwAJm1MiCd+m2vwuCJ3VTAgv+VF7AiAVpYXOOWYkBFRpSwgp+0fxcf8oAMGJRwgp+zQ3ZD4+Lt6BCU1rcIGuv1TmY3KwGIxalxBW8uuHy94P8kAGgQmPy5Bz19Dl8Bc96kBpY8KqGP4xeBwAVGlMiCwazNC7PTs8/gArNCZpzrGu4bf4hB0CF5tTQgje7NZfvxlbwpIcpsQWvcCOr2d2fJxWaEzPnWG3Uqr/9viBBKjSnRRf8zLlDufjrf8kBkkNzSnjBj58MX7QXW8F6iqBB1hmfk/o5uv7OA6rQnGYgeLM5qpOj7w95oArNqWFzjjO2c1/vvYrFaaHQJolTPAR3rOJbVcdVsJ7ERvCpF++1RDvYv8PEWjCnBs45vnOvI5XjYYSHtlgL5hQrwSd21/6p6/KGzuS0ULBCc9wEf7Ht7yOegmc9TYudc9xnwMfiYYXm1LfgUMBNEqekESwLaAvmxA+y8gqetQItiWCP00LRFsypb8GRoC2YU0yCrOdwOS0UbsGct+BIvEBwyyHY47RQeMbiVLsg6wFcDpOEZyxOeQsOBJ6xOCVHzvGHPTM2jhgGYuAOQ5bCKl3Khy7TzvzOpB9hREDYFjYguOdxTOL6JxgqeCOuf4JhPUKwxzGJ659gmE/oHIaCv7iI8QjBHsckiWAeIRgPBBsL1gM6h5/g7wo+js2tAcHGglnB26B4ghkPCFkmtwYUTzBU8DZU8EfYHJNQbCxY+SHL5NaAYmPBrOBdUGwsGPmCTW4NKsH5IcskRSPZWFDBuyDZWLDiBZvcGlSCZ3rIshP8quAz2NwakGwsGOmCXVK0SjDpIctOMBV8Ap8UjWZjwQoX7JKiZYJneMhyE/yq4DP4pGhEG4sRLtglRcsEEx6y3ARDBZ/AJ0XrBK/ozmFTKvkb0RUcLPjF5cxswbigExzdOWxKJaoRzajgLZAJJlqwTYpGNaIhunPYlEqh4FXBO/D2S6rgoxilaFQjGmZyyLIplRX8CUalEtmIZlTwDggFJ4csm1KJbERDsmBsqOAHCP5GwsoNWT6lsoI/wKlUIvslwcwV7BOypIJzQ1YFA4xcwT6lkvdvcAUfw6lUKgXTkLUB79/gCq7gCv7FqVSi+wbDasi6nwo+jVXIQvdLglnB9yMVnBqyjEqlVPBIFWwUsvj3Da7gI1iFLK3ghqz7EX6DoYLvp4JPYxWytIIbsu5H2DlghQrGiJ/2zOCEYSCIgYufLiX9pL+UmreP2EYEYUZoKliYl2YrWIXVObyC98yQReocc+wcFVzBFYwKWV7BW0PW4xxDVgXfw+ocFSzD6hxewZMZskidY44hq4IruIJRIcssuCHrcbyCX4mCUZ1jllJZwXfAOodbcGLIQnWOClaBdY5RSqXOXsEqTMHvJFAhq4JVYJ3DLHhLFDworCl6tsCQxeocFSxC6xwVLELrHG7BgSGL1TnMgidQMGsGz/JrqOAbaDPYLTgwZLFmcAWL0GZwBVfwX7ziQhasc8z6LazgS3Cdo4I1cJ2jgjVwncMuOK5UwjqHW/AeJxjWOSpYA9c55jNW9rhSOTAqWIE3gytYgjeD7YLTSiVtBlewBG8GV7AEbwa7BW9pIYs2gytYgjeDZz24gq/gzWC74LCQhZvBFawAnMEVrACcwXbBYSELN4MrWAE4gytYATiD7YLDQhZuBlewAHEluQVPlmDeSrILzgpZvJVUwQLElVTBAsSVZCcrZPFW0koFX0BcSSsVfAHwWegnKmQBZ/BKBZ+DnMErFXwOcgavVPA5XUm/iCqVwJX0BRpmB6MRAlzyAAAAAElFTkSuQmCC) 50%/cover
}

.m-mode-dark .m-default-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAABlBMVEUkJikoKy42GSMBAAAVuElEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXYpXcbhIEAiIInERBSAqW4iospxf0cAdXQBDkSIvAii9iB5V8y08HTLgAAAAAAAAAAAAAAAAAwpUuGsptL5isr6pNXa/ddmk8ZHRp8zbPWWzKMzZ+ypXOSw4Pzrn3y/S/cHimb6bLAWuf7UWf3um3DQBzAG3TImDfomxR9CkZA0IZ7u2QJELiI6eeh4ChLgKD5kF5C9VIknmW09iKokGNdSctNzehkh6IKnW8xYC/++8c7UvQeyGBdOJcweKOLVtzWAu8VEhZaOHkWlhDpTwgtZiOwq6+3Ehb/hGXYvrEAGoGBKeH0pXCi+pjGZF6rp1baSgJToEYPa2H51Pmu+1+EDxKIYSWcG8Kj2Zs2tz2gIfw2D2XIRNnDniF8xyNiedsI3A8SSCEpp3RhCGdpn1jeFgIfxEo4YFz6WpgZwkMe/ybUv7qcv89eKgKlCzmAFgZDGNSHEYntt73AH3jcC6XPPCmXwmJdWAZx77aVfZ5M4P04FdMEFCpArIUTQ3ghptmYwnmjtcDngsdHoVSoUoZamBvCfnw0PCYzsFoIvD9SwrASTjVEbgiDAJjPCBywnsvxyyy0MOOlcKCFPUNYqrcOAzoL2jXwgbcUzkvhhdCvprCuxYzGjtRC4Hkp7JXCvhZmprAunxOZ0M6B94elcFEKgxaGqjCksy4e+PEau43oUpiVwnIpLCrCMjgmMrF0YLcRXQpDKVxWUhVeTMY0JhaA0zXM+2dhXXJVYVXY7993f6Z0F36brQvDBmHwJxERYBfhd8O/wkbxqrAs7m+JADsE3psAKpyjwtmAwohWNWh+HujLO0zYQ4WHJxRGtJPwqQ8ZJlygwvBAA9hB+LGQQ0yYocLyatz5IcsxcE9JYsKAC8Ntt6do9//SRkoyxIT7qLCc2P+2oIuMcF9JppjwBBe+n3W/JzkJx0o4wISPa4QvCIwsl8BCCS8w4XmN8DzqfmRB4SCsexUTPqwTvux+ZLkEFkoNMGGoE35ocIwmFDg+VnSYsC5UOI2sT1mUAos5AIxwYUCF+VnnKxqeHIQPFd1djbBAhIN01PmKdgksQFVWI5wgwik/jxqvaAL38EvYTzXCHBEO09GZ/YreEeEcEY75+UWDFb0bwh4iDOloHlmeOigF3ihcVIXvGO8NzxquaAr38BuFWVV4CukjfLc8R1MKvFEYqsJXjJ+yr5HtiqYTeLNwryIMWvjhstGTIYlr6c3C04ow08Jfflj+BU4o8Gbho5fC/lK4yAZWmxKlwJuF4aXwQgl/lv7RuNExi8AtrSGMlTCFAyUMqq5tN6WdEU5M4VTf/aiaWm5KuyPMTeEQIANV3yKr60pCgbcJ56ZwrAeZFj5p0sIEbmm3CnumMKzq5sGmhSkF3iZcmMJyVT+/DBq0MIFb2q3CDBcOi7FVC++OMODCiX9t1cI7JMw4LvzLooUpBd4unOPCNwP7FiZwS/sKYa9GePb6FqYUeLtwUSP80bqFKdzhmcJ44cLTzOZZeJeEARe++hS9/ll4t4Sfq78uDNmJ7bMwhUvLP+TYz0sbURAH8PyJHrpJsWhybnvIoeAx+5/U89P8uEiLULr/hEUklpyjoIemLrvJTtOkNAnsm/fGeSzfTeYgoiB885GZNyMSftgWjk7G3ucspMAS4dMtYaKXM++ehRRYIpxvhG+i6OQ+kT07II6WIuHmRpj+Cnc9nx1QgSXC9ECb9EvhsW/PQgosEY5OL3aEz2Q9C+KkJRPOFzvC97HfswMqsEi4OdwV7vj1LKjAImGa7Qqnop4FccOTCUftXeGmX8+CCqwSpljSsyAuPDrhqOP1zoIKrBP+6tWzoALrhB8luyHESUsnXHzx6llQgVXCrUXic8+CCqwSXrS6gp4FceHRCo99HpZQgZXC7wVNGuKkpRWm2ONhCRVYJ9w0E/8mDXHhUQoTjbya9L4IZ8aMfZr03gi3l189mjRUYJXwbPk19m7SECctvXDH2aSxAquFU98mjXHh0Qu/cTZprMBqYfJt0hgXHr1wlLiaNFZgtXBx7tmkMQ4eeuFW6j537JVwduls0vsl3M49mzTGwUMvPB0mjps0VmC1cC87d0wlrMBqYTNM/aYSxoVHL0zZpaNJYwXWCh+b4Yvf6oCx/6uFibJvMT+VsAKrhKdmWcMfE6+phLH/64R7K2Ea8VMJK7BK2KyEzdhrKmHs/zphWgv/ZqcSWGCN8N1aOHoXc1MJLLBGeP0Z5VQkHlMJ5OChEjarGpiLLjeVwAJrhOmfMN16TCWQdVgjfLcW7kfRR24qgQVWCG8+otxjKoHs/xph87+GMTOVwAIrhDffZhPmggcW+PXCx1vCR+4xDLL/i4VLK0+ZMQwWWCY8NaU1GLjHMMj+LxTuWYRzZgyDBZYJG4twP3GOYZD9XyhMFmHq2McwWGCRcGER7kcj1xhG2f9lwi2y1aN9DIMFFglnxlbXrjGMsg7LhNtkqyf7GAYLLBKeWoWvEtcYBlmHZcJMnI51DIMFFgkzH8rINYZB1uFgwo+2MYwWWCRs7HXtGsMg26FMmOz1ZBvDaIElwgUjfBXzYxhlOxQJt9jmaRnDaIElwouIqSM+MMp2GE44tbw70AJLhDPD1IAfwyjboUi4TUzlNQksEZ6ywjH77kDZDkXCPVY4KX13wAWWCBuu+l323YGyHYqEia3b8ncHWmCJcMTWJ3YMo2yHAYV/lo9htMDhhD+wgVG2w4DClJTdO+ACC4QLw9c58+6A2Q4lwi1X/2TeHTDLkkR4EfH1tuzdARc4oPAv5t0BsyyFFG7XInBA4dlnshbMshRUuORP4AUOKcz8DmZZCipM1sLZHWon/HxowhMg4ZeSn+EFrptwAiRcVniBBcKZ4es7WQtnWdoRRviXVQQOLjx7/RUXZ1mqnXADSJjshbMs1U14DiRcOrXwAtdMOK1SeGrYGpK9cHaHHWGEsaMIHFwY4aE1CSoMMHYUgcMLI/zHJ4cmnAAJE1M4u0PdhBsVCheGrQuyF9BTeku4DgePokrhBcDnMT804TmQMLNaIO0ONRNOqxTOAJ7SzyGF67AOT0IKK9dhshfSy3JLuA7rcFKl8A3AwzM+NOG4SmGApzQ1QgrXYFkqGhUKFwA3y3lQ4Ro8tP6Qb8e6DoMwFIb96H40XqI7cyaWSihy0F1zhzJEHPsQs3dov6j4h9aWCucYpfcS7kTCk5dTjdJ7CVdP4fMdo/RNeINYKp7CX4KxRLMJK4/w7CuNapTeSniIp/DxjlH6Jsyfw+Yq/Il/4Hs24eYqTHAqXdcK8x94VE/h8ZJR+ibMH0vFU/gieOA1m7B4Cp/xp9JD1grnGKVvwvSxZNmEO5HwHn8s3U24uQofLxmlb8L0sVRchT/xH4dmE1ZXYYJYkrXCDL9Zma4hrsLxH4dlEzYi4ckozTZ3bCTcXIVH/L1DXS0c/9DOV3EVvuLLQrMJq6vwGR9LsliY4LJsuoa4Cn/Dy8KyCRuT8O/X0c0d+wg3X+Ej/N6hrhYmOMOZruIr/AmfSjSbsPoKh8fSkOXC4RvPgzeMEw7fsyybcPcVHuGx1JYLx28809V8ha/wPatkEy6+wmf4zZIChKljSdYLU+fwkGTCxiT8+xuNcO7YRbg7Cx8PY4nuvOOfMHMOV2fh8Oddswmrs3B4LAlAmDmHhzgLP4olyrljE+HuLDyexRJh/t+FmXO4Ogtfz2KJMP93EVZn4fPZ3SHjNnwTZo4lQQgT57BlEzaIMHEON4gwcSw1iDBxDpdswgUiTJzDAhEmjiWBCPPmsGUTNowwbw43jDBvLDWMMG8Ol2zCBSPMm8OCEeaNJcEI0+awZRM2kDBtDjeQMG0sVZAwbQ6XbMIKEqbNYQEJs8bSEJAwaw5bNuGOEmbN4YoSZo2lihJmzWHNJqwoYdIcHoISJo0lE5QwaQ73bMINJkyawwUmTBpLBSZMmsOSTVhgwpw5bDhhzljqOGHOHG7ZhCtOmDOHFSfMGUuKE6bM4SHJhE0kl3DLJvxH3h2bShQDMRS9pb/SXIpLcOjkmx8sazYSG2hAy6iFA8ZSMqtQOHLwGIXCkXX4KRSOHDygl/AByoQTB48NdcKJdXgBZcKJg8eEXsIDKBNOHDyAOuHAOnwAyoQDB48NtBLeAGXCgYPHBOqEA8vSACgTDqzDAK2EASgTzqvDYt9xCOeVpQ1AmXBeHZ4AnYQHAI2EAWgkfBAxCMcNHuKRtgjH1eGNiEE4bvCYADQSHogYhOMGD0Qcwml1+CDiEE4bPDYA9BFeiDiE0waPgYhDOK0OP4g4hNMGD15pIyw+libhsMFjIWIRDitLExGLcNixtIGIRTjsK42IRzjrWNp9s7oIb0Q8wlnH0hYiHuGsr/RAxCOcdSyNd5oIH0RMwlHH0sQjbROO+kovREzCUcfSBu80EX64aSF8uOkhLN4sn3DSObyFiEs4qQ5PRFzCSefwHm5aCB9EbMJBg8dGxCYcVIcXIjbhoMFjwE0L4QcRm3DO4HEQ8Qnn1OGNSK3w+Vr4R74dn8I5X+mBSK3w39eT1k/sWaHC/9zYwY2EMBBE0Upy8tl4JomdJLhz5uQL0ghpYa8I0LcPNnS5UngN7i44lZoLL8WVlsnasRcOs0qPgjQWnksLD5e1I6LwKkhr4am08HBZO/bCUVbpUZDWwkNh4WGzdkQU1iG9Cx/Xju6FkyDNhd9FlZbTJ7wTDnIOC9Je+FVSaVl9wuGEkyB1hWMUHqMgdYVjnMOCVBYOUXisOqZz4aRT+hYedUznwoLUFo5Qaa2C1BaOUHgkQWoLR6i0Pjqlb2FBqgsHqLRgkW4gHOAcToJUFw5QeHx0TtfCukrHwpefcM/CoyD1hZ+vtH4EqS/8eOGxCtJA+PFK66urdCz8EaSB8OOVliBthcuH1u5RYuElL2y2V7Jw/ljye5RYeM5VWn6PUiDhryA3CU+5SsvvUSLh/Cpt+Cix8MCVluVEhxEeBblL+I3ZNsNHiYW3TPzWLBZeWdhzokmYV2nTiSbhvxfGc6KDCCdBbhNeuNLynGgQ5lXa9B+NwjNXWp4THUMYJ7pDYZzoHoWTKPcJT1xpeU40CNOxZPuPRuGBKy3DPTqIsDj3Cb8xv3ZdR1Z4gxi2d1nhNSPsOdH/7JwxbhsxEEX/ylgYUeNKtXtdwnuELRQnhQ+RAxigjuIy8CWiI6RR6pRBqhQpjMAQY+/KCGguhySib88o+QcQ9vMtyZm/pBKEe2AhVBZmN+EU4RsAePNWlLP5Rk8S7jDoxCdkdxMOCMfL5vxWkMlNeJLwKhyNWIY34ZBwPOatMIdNbsIx4RGwjNhqJxwRjgCLiG0uWROEEchPyGT+niAcTap5MrS0uWTFhDsEanwkw1VWTDg+aZGMtGwuWRHhHs905p/L4EdwgXA85qlIy2AZPUF4NTUioQyX0RHhyZdsniBsck+KCHcIFPRMxwH4GWFMKBFaGgUcEl5hQhd+0JEADgn/AEon8SejgEPCHZCZxObOksqEMalpwkYBB4RXQHISH8kMDgmHU1huip1RwAHhDkhM4uMBHBBONS+HDy1vwFee8EoYlCNokyLC6cdYHDrS6lAuIuEeCZ16bz7omCK8QULNBGFjSdYkYSTlH2T2g3CSsFDsLePQ0uSWFBLukdT5K2XRJxsANMLCUtIKoSWT8MUG4BHuhJF+nTl86qmEpZBYiLSIiMfaj0YYgtxrID4fDbMIX0PQMiZMR3zquYQ/y4P98oi95xL+AEFtFFrS852LoCYjEBZH/eTFq+mzoAglEP61hqRDR1rr/AQmE34HFC/T/Mij8Z5NOPMEy4gw9aUO5jqHcA+ULtP8lTpc3DiEM8tIe/iTluIz8Ql3uUXk4NpJfPmENxA1uw3Fc9xESxuHMDLyDAmvUmCYQPg7MuJcD9gkpi+f8BUEsb8Sx0eG+ITjTFrOphmWL3iBfUy4z9e25VL9hWJPOJuszUpCSwuG94Q7RKrvl0wY3hNeI5L09cHwFZ89YWTl8zJheCT8BVkdF+Fr4AAbsQnDI+FvyGpeGloqvyEwEu4BjRvxYJhCuOCX23xoacLwSLgDNG7EPMJrZNVUENb86XwkvIbKjXg0zCCMAi2zoaUJwwPhq9KhkWXC8GDjJwq0KA8tNV/FHAi/h6DyaNqEYVdcws3LQ0vNt6mDyyx/HU1bIVy0wc/+NcL5UsuEYVf86jTloaXmiyADYQAaSy2KYVf+w8tMaGnD8CPhSwBQmHnQCN8rJTw8F4NwD6gstSiGXXlW1haGlqpz+D+EFaZaHMLlScosG1paIdwBKkstimFX0WcXEladww+EUabGy7Jh2FXU6LnQ0oThJ8IaU62vIMhVVHBLObS0YXi8GK6zmOYQrtjf50cQSz8S7gGdxTTFsKtYDFs5lrZheCSss5hegyBXsTbM5NDShuHxzx10FtMcwhVTpSkKLXWntI+EAaXFNBhy3q//E9aRTO/AkKsZyCOIpTH8QYvOdolEuOZ3FwWhpfIMbySss13iGHb+XivhOzA0/AWPznaJRLhmIOf2Y+mRsM52iWPY1WSDrf3QEtunZknfQR6OYVcTlTXmT0vvCetsiDmGXVVyZD+WfiAMKG2IN2DI1QQpjf3QciCstCFmEUaFzJ+WBrYrQGlDzDHsdqjQ0vpZWmB7CShtiEGRq2rCFuZDS2xXWgnvQJG/00qYZPj2I6Az8lBBeG79LC1wewPojDxIhuva7NZ8aPm7nTPGiRCMwuAsic32ewkPqZxnT8ERrCy04QgUFhQGTFxNLOSRP+aR+cF3gp1MtvgGwqdhZ/JIAp57q+GB2/0b/tuVjbCm8k88ANcOnFFrILitDJ+qj5ZcW6RRKwl4bq2GO253GMNJwDNFt5ql7YWHV5BmyyTgR4puNVragwfPIM2W5NxkNTyRcy9Ww1nADxTd/VKWrgb4HZzZMvhhWwJflqLlXoHXDOvnMG9Ww1nAIzjD9EBw2wGfl7L0XoEPZ/iyEi31+58RnI8esoAHiu5uxbB+/zNYDUuAzytZWr//GcD56CEL+Kn0PxxHS/3+p7caJul6qeGJrzuKYQtwE2dp/xymB+XjwzTgjqI7xdHSP4fppIY1wLFh/zrUGrYAN3GW9q9DrWEL8CmOlv51SAvKVwA0wLFh/zrUGrYAE2dp/zrUGub7DmL4xzo8hmEPcJilK1iHtChf1PIAh1m6gnVoNTxiudBwBesQnIY9wGGWrmAdWg17gMMsXcE6tBr2AIeGK1iHVsMe4DBLV7AOpYYnNPdrlt4z8BxcDWNJajgP+APOqbY1JGLJMQAAAABJRU5ErkJggg==)
}

.g-disabled {
    pointer-events: none;
    opacity: .4
}

.g-page__link, .g-pointer-cursor {
    cursor: pointer
}

.g-negative-sides-gaps {
    margin-left: -16px;
    margin-right: -16px
}

.g-negative-l-gap {
    margin-left: -16px
}

.g-negative-r-gap {
    margin-right: -16px
}

.g-sides-l-gap {
    padding-left: 16px
}

.g-sides-gaps, .g-sides-r-gap {
    padding-right: 16px
}

.g-sides-gaps {
    padding-left: 16px
}

.g-sides-gaps.m-exception-height {
    flex: 1 1 auto
}

#content>.g-sides-gaps:not(.m-exception-height) {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (max-width: 499px) {
    #content>.g-sides-gaps:not(.m-exception-height) {
        min-height: calc(100vh - 57px);
        min-height: calc(var(--vh, 1vh)*100 - 57px)
    }
}

.l-wrapper__content>.g-sides-gaps:not(.m-exception-height):only-child {
    min-height: inherit
}

.g-empty-content, .g-sides-gaps.m-empty-content {
    display: flex;
    flex-direction: column
}

.g-sides-gaps>.g-empty-content {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (max-width: 499px) {
    .g-sides-gaps>.g-empty-content {
        min-height: calc(100vh - 57px);
        min-height: calc(var(--vh, 1vh)*100 - 57px)
    }
}

.g-min-height {
    min-height: 100%
}

@media (min-width: 1004px) {
    .m-cookies-notice-show .g-min-height.m-main-container {
        min-height: calc(100% - 56px)
    }
}

@media (max-width: 1003px) and (orientation:landscape) {
    .g-min-height {
        min-height: auto
    }
}

.g-text-uppercase {
    text-transform: uppercase
}

.h-100 {
    height: 100%
}

.w-100 {
    width: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.mw-0 {
    min-width: 0
}

span.m-success {
    display: inherit
}

span.m-success>.g-icon {
    color: #00aff0
}

span.m-danger {
    display: inherit
}

span.m-danger>.g-icon {
    color: #e76c6c
}

.m-lowercase {
    text-transform: lowercase
}

#dialog {
    z-index: 10000000
}

#dialog .modal-sm {
    max-width: none
}

.circular {
    animation: rotation 2s linear infinite;
    transform-origin: center center
}

.circular .path {
    stroke: #fff;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round
}

.g-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-break-word {
    -webkit-hyphens: auto;
    hyphens: auto
}

.m-break-word, .m-break-word-default {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word
}

.m-bg-color-gray {
    background-color: var(--marked-color)
}

.m-default-font-weight {
    font-weight: 400
}

.g-semibold {
    font-weight: 500
}

hr {
    border: 0;
    height: 0;
    overflow: visible
}

.b-line-hr {
    position: relative;
    padding-top: 10px;
    height: 1px;
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.no-bottom {
    bottom: 0 !important
}

.g-sm-text {
    font-size: 12px;
    line-height: 16px
}

.g-sm-text.m-less-fs {
    font-size: 11px
}

.g-sm-text.m-more-fs {
    font-size: 14px;
    line-height: 16px
}

.b-section-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.b-useful-data .b-section-title {
    margin-bottom: 14px
}

.b-section-title.m-simple-text, .b-section-title.m-size-sm {
    font-size: 14px;
    line-height: 20px
}

.b-section-title.m-simple-text {
    font-weight: 400;
    color: #8a96a3;
    margin-bottom: 9px
}

.b-useful-data .b-section-title.m-simple-text {
    margin-bottom: 14px
}

.b-separate-section .b-section-title.m-simple-text {
    margin-top: 10px
}

.b-section-title.m-row {
    padding: 12px 16px
}

button.b-section-title.m-row {
    width: 100%;
    text-align: left
}

.b-section-title.m-row.m-with-rectangle-hover:hover {
    color: #0091ea
}

.b-section-title.m-row.m-collapsible {
    padding-right: 52px
}

.b-useful-data .b-section-title.g-text-uppercase.g-gray-text {
    margin-bottom: 5px;
    margin-top: 4px
}

.b-separate-section .b-section-title.g-text-uppercase.g-gray-text {
    margin-bottom: 15px
}

.b-useful-data .b-section-title.g-text-uppercase.g-gray-text.m-empty-block-title {
    margin-bottom: 26px
}

.b-section-title__arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    margin: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 24px;
    height: 24px
}

.b-section-title__arrow .g-icon.m-button-arrow {
    transition: transform .2s
}

.active .b-section-title__arrow .g-icon.m-button-arrow {
    transform: rotate(180deg)
}

.g-md-text {
    font-size: 14px;
    line-height: 20px
}

.g-default-text {
    font-size: 16px;
    line-height: 24px
}

.b-separate-section {
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    padding-top: 18px
}

.b-separate-section+.b-separate-section, .b-separate-section:not([style="display: none;"])+.b-sticky-position-dropdown .b-holder-options {
    border-top: 8px solid var(--marked-color)
}

.b-separate-section:not(.mb-0):last-child {
    margin-bottom: 40px
}

.b-separate-section.m-without-bold-border {
    border-top: none
}

.b-separate-section.m-expanded+.m-without-bold-border>:first-child {
    border-top: 8px solid var(--marked-color)
}

.b-separate-section.m-pt-after-tabs {
    padding-top: 8px
}

.b-separate-section.m-top-extra-sm {
    padding-top: 11px
}

.b-separate-section.m-without-cards:last-child {
    margin-bottom: 0
}

.b-separate-section.m-without-cards~.b-separate-section {
    border-top: none;
    border-bottom: none;
    padding-top: 0
}

.b-separate-section.m-reset-bb {
    border-bottom: none
}

.b-separate-section__header {
    padding-top: 16px;
    padding-bottom: 16px
}

.b-separate-section__header:first-child {
    margin-top: -18px
}

.b-separate-section__header.m-notice {
    padding-top: 14px;
    padding-bottom: 14px
}

.b-payout-types .b-separate-section__header {
    padding-top: 15px
}

.b-strong-codes {
    font-family: Roboto Mono, monospace
}

.g-page-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (max-width: 499px) {
    .g-page-content {
        min-height: calc(100vh - 57px);
        min-height: calc(var(--vh, 1vh)*100 - 57px)
    }
}

.b-settings__wrapper .g-page-content {
    width: auto;
    min-height: calc(100vh - 56px);
    min-height: calc(var(--vh, 1vh)*100 - 56px)
}

@media (max-width: 499px) {
    .b-settings__wrapper .g-page-content {
        min-height: calc(100vh - 113px);
        min-height: calc(var(--vh, 1vh)*100 - 113px)
    }
}

.m-modal-view .g-page-content {
    min-height: auto;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 6px
}

.m-modal-view .l-main-content:not(.m-r-side) .g-page-content {
    border-top-left-radius: 6px
}

.g-page-content.m-no-results {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch
}

.g-page-content.m-no-results>.infinite-loading-container {
    margin: auto
}

.g-position-relative {
    position: relative
}

.g-empty-container {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.g-empty-container .infinite-loading-container {
    flex: 1;
    width: 100%
}

.b-price {
    color: #8a96a3;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.b-price .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-left: 4px
}

body div#goog-gt-tt.skiptranslate, body div.goog-te-spinner-pos {
    display: none
}

.g-page__link:hover {
    text-decoration: underline
}

.g-page__link.g-blue:hover {
    color: #0091ea
}

.g-page__link.m-click-area {
    position: relative
}

.g-page__link.m-click-area:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px
}

@-moz-document url-prefix() {
    @media (orientation: portrait) {
        .m-android.m-sidebar-visible.m-prevent-scrolling {
            position: static
        }
    }
}

.m-captcha-modal:not([style*="left: 0;"]) {
    left: 50% !important;
    transform: translateX(-50%)
}

.m-captcha-modal:not([style*="left: 0;"]) .g-recaptcha-bubble-arrow {
    display: none !important
}

.g-header-sticky-edge {
    padding-top: 56px;
    top: -56px;
    margin-top: -56px;
    min-height: 112px
}

.g-header-sticky-edge.m-content-header {
    padding-top: 0;
    margin-top: 0
}

ul.default-list {
    margin: 0 0 10px 20px
}

.b-post .b-summary-list {
    margin-top: 6px
}

.b-summary-list+.b-comments:not(:empty) {
    margin-top: 4px
}

.b-summary-list__item.m-current {
    color: var(--text-color)
}

.pswp .b-summary-list__item {
    color: #fefefe
}

.b-summary-list__item[disabled] {
    opacity: 1
}

.b-summary-list__item>span {
    font-weight: 500
}

.b-summary-list__item[href][m-hover-state] {
    text-decoration: underline
}

@media (any-hover: hover) and (pointer:fine) {
    .b-summary-list__item[href]:hover {
        text-decoration: underline
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

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

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column {
    flex-direction: column !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-fill-1 {
    flex: 1 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-basis-0 {
    flex-basis: 0 !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.align-items-center {
    align-items: center !important;
    align-content: center !important
}

.align-items-start {
    align-items: flex-start !important;
    align-content: flex-start !important
}

.align-items-end {
    align-items: flex-end !important;
    align-content: flex-end !important
}

.align-items-baseline {
    align-items: baseline !important;
    align-content: baseline !important
}

.align-items-stretch {
    align-items: stretch !important;
    align-content: stretch !important
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

@media (min-width: 1px) {
    .col-xs-1 {
        transform: "xs";
        max-width: 8.333333333333334%;
        flex: 0 0 8.333333333333334%
    }

    .col-xs-2 {
        transform: "xs";
        max-width: 16.666666666666668%;
        flex: 0 0 16.666666666666668%
    }

    .col-xs-3 {
        transform: "xs";
        max-width: 25%;
        flex: 0 0 25%
    }

    .col-xs-4 {
        transform: "xs";
        max-width: 33.333333333333336%;
        flex: 0 0 33.333333333333336%
    }

    .col-xs-5 {
        transform: "xs";
        max-width: 41.66666666666667%;
        flex: 0 0 41.66666666666667%
    }

    .col-xs-6 {
        transform: "xs";
        max-width: 50%;
        flex: 0 0 50%
    }

    .col-xs-7 {
        transform: "xs";
        max-width: 58.333333333333336%;
        flex: 0 0 58.333333333333336%
    }

    .col-xs-8 {
        transform: "xs";
        max-width: 66.66666666666667%;
        flex: 0 0 66.66666666666667%
    }

    .col-xs-9 {
        transform: "xs";
        max-width: 75%;
        flex: 0 0 75%
    }

    .col-xs-10 {
        transform: "xs";
        max-width: 83.33333333333334%;
        flex: 0 0 83.33333333333334%
    }

    .col-xs-11 {
        transform: "xs";
        max-width: 91.66666666666667%;
        flex: 0 0 91.66666666666667%
    }

    .col-xs-12 {
        transform: "xs";
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media (min-width: 768px) {
    .col-sm-1 {
        transform: "sm";
        max-width: 8.333333333333334%;
        flex: 0 0 8.333333333333334%
    }

    .col-sm-2 {
        transform: "sm";
        max-width: 16.666666666666668%;
        flex: 0 0 16.666666666666668%
    }

    .col-sm-3 {
        transform: "sm";
        max-width: 25%;
        flex: 0 0 25%
    }

    .col-sm-4 {
        transform: "sm";
        max-width: 33.333333333333336%;
        flex: 0 0 33.333333333333336%
    }

    .col-sm-5 {
        transform: "sm";
        max-width: 41.66666666666667%;
        flex: 0 0 41.66666666666667%
    }

    .col-sm-6 {
        transform: "sm";
        max-width: 50%;
        flex: 0 0 50%
    }

    .col-sm-7 {
        transform: "sm";
        max-width: 58.333333333333336%;
        flex: 0 0 58.333333333333336%
    }

    .col-sm-8 {
        transform: "sm";
        max-width: 66.66666666666667%;
        flex: 0 0 66.66666666666667%
    }

    .col-sm-9 {
        transform: "sm";
        max-width: 75%;
        flex: 0 0 75%
    }

    .col-sm-10 {
        transform: "sm";
        max-width: 83.33333333333334%;
        flex: 0 0 83.33333333333334%
    }

    .col-sm-11 {
        transform: "sm";
        max-width: 91.66666666666667%;
        flex: 0 0 91.66666666666667%
    }

    .col-sm-12 {
        transform: "sm";
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media (min-width: 1004px) {
    .col-md-1 {
        transform: "md";
        max-width: 8.333333333333334%;
        flex: 0 0 8.333333333333334%
    }

    .col-md-2 {
        transform: "md";
        max-width: 16.666666666666668%;
        flex: 0 0 16.666666666666668%
    }

    .col-md-3 {
        transform: "md";
        max-width: 25%;
        flex: 0 0 25%
    }

    .col-md-4 {
        transform: "md";
        max-width: 33.333333333333336%;
        flex: 0 0 33.333333333333336%
    }

    .col-md-5 {
        transform: "md";
        max-width: 41.66666666666667%;
        flex: 0 0 41.66666666666667%
    }

    .col-md-6 {
        transform: "md";
        max-width: 50%;
        flex: 0 0 50%
    }

    .col-md-7 {
        transform: "md";
        max-width: 58.333333333333336%;
        flex: 0 0 58.333333333333336%
    }

    .col-md-8 {
        transform: "md";
        max-width: 66.66666666666667%;
        flex: 0 0 66.66666666666667%
    }

    .col-md-9 {
        transform: "md";
        max-width: 75%;
        flex: 0 0 75%
    }

    .col-md-10 {
        transform: "md";
        max-width: 83.33333333333334%;
        flex: 0 0 83.33333333333334%
    }

    .col-md-11 {
        transform: "md";
        max-width: 91.66666666666667%;
        flex: 0 0 91.66666666666667%
    }

    .col-md-12 {
        transform: "md";
        max-width: 100%;
        flex: 0 0 100%
    }
}

.col-1 {
    max-width: 8.333333333333334%;
    flex: 0 0 8.333333333333334%
}

@media (min-width: 1280px) {
    .col-lg-1 {
        transform: "lg";
        max-width: 8.333333333333334%;
        flex: 0 0 8.333333333333334%
    }
}

.col-2 {
    max-width: 16.666666666666668%;
    flex: 0 0 16.666666666666668%
}

@media (min-width: 1280px) {
    .col-lg-2 {
        transform: "lg";
        max-width: 16.666666666666668%;
        flex: 0 0 16.666666666666668%
    }
}

.col-3 {
    max-width: 25%;
    flex: 0 0 25%
}

@media (min-width: 1280px) {
    .col-lg-3 {
        transform: "lg";
        max-width: 25%;
        flex: 0 0 25%
    }
}

.col-4 {
    max-width: 33.333333333333336%;
    flex: 0 0 33.333333333333336%
}

@media (min-width: 1280px) {
    .col-lg-4 {
        transform: "lg";
        max-width: 33.333333333333336%;
        flex: 0 0 33.333333333333336%
    }
}

.col-5 {
    max-width: 41.66666666666667%;
    flex: 0 0 41.66666666666667%
}

@media (min-width: 1280px) {
    .col-lg-5 {
        transform: "lg";
        max-width: 41.66666666666667%;
        flex: 0 0 41.66666666666667%
    }
}

.col-6 {
    max-width: 50%;
    flex: 0 0 50%
}

@media (min-width: 1280px) {
    .col-lg-6 {
        transform: "lg";
        max-width: 50%;
        flex: 0 0 50%
    }
}

.col-7 {
    max-width: 58.333333333333336%;
    flex: 0 0 58.333333333333336%
}

@media (min-width: 1280px) {
    .col-lg-7 {
        transform: "lg";
        max-width: 58.333333333333336%;
        flex: 0 0 58.333333333333336%
    }
}

.col-8 {
    max-width: 66.66666666666667%;
    flex: 0 0 66.66666666666667%
}

@media (min-width: 1280px) {
    .col-lg-8 {
        transform: "lg";
        max-width: 66.66666666666667%;
        flex: 0 0 66.66666666666667%
    }
}

.col-9 {
    max-width: 75%;
    flex: 0 0 75%
}

@media (min-width: 1280px) {
    .col-lg-9 {
        transform: "lg";
        max-width: 75%;
        flex: 0 0 75%
    }
}

.col-10 {
    max-width: 83.33333333333334%;
    flex: 0 0 83.33333333333334%
}

@media (min-width: 1280px) {
    .col-lg-10 {
        transform: "lg";
        max-width: 83.33333333333334%;
        flex: 0 0 83.33333333333334%
    }
}

.col-11 {
    max-width: 91.66666666666667%;
    flex: 0 0 91.66666666666667%
}

@media (min-width: 1280px) {
    .col-lg-11 {
        transform: "lg";
        max-width: 91.66666666666667%;
        flex: 0 0 91.66666666666667%
    }
}

.col-12 {
    max-width: 100%;
    flex: 0 0 100%
}

@media (min-width: 1280px) {
    .col-lg-12 {
        transform: "lg";
        max-width: 100%;
        flex: 0 0 100%
    }
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px;
    width: 100%
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 1004px) {
    .container {
        max-width: 1080px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1312px
    }
}

.container:after, .container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.container-center {
    align-items: center;
    justify-content: center
}

.container.m-main-container {
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (min-width: 500px) {
    .container.m-main-container {
        flex-direction: row;
        align-items: flex-start;
        align-content: flex-start
    }
}

@media (max-width: 1003px) {
    .container.m-main-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 500px) {
    .container.m-main-container:not(.m-right-sidebar) #content {
        border-left: 1px solid rgba(138, 150, 163, .25)
    }

    .m-black-body .container.m-main-container:not(.m-right-sidebar) #content {
        border-left: none;
        max-width: 100%
    }
}

@media (min-width: 1004px) {
    .container.m-main-container:not(.m-right-sidebar) #content {
        border-left: none
    }

    .container.m-main-container:not(.m-right-sidebar) #content>.b-chats>.b-chats__conversations, .container.m-main-container:not(.m-right-sidebar) #content>.b-settings, .container.m-main-container:not(.m-right-sidebar) #content>.container, .container.m-main-container:not(.m-right-sidebar) #content>.g-sides-gaps, .container.m-main-container:not(.m-right-sidebar) #content>.l-container {
        width: 100%;
        max-width: 999px;
        margin-left: auto;
        margin-right: 0;
        border-left: 1px solid rgba(138, 150, 163, .25)
    }

    .container.m-main-container:not(.m-right-sidebar) #content>.b-settings {
        min-height: 100vh
    }
}

@media only screen and (min-width: 680px) {
    .container.m-main-container:not(.m-right-sidebar) #content {
        border-right: 1px solid rgba(138, 150, 163, .25)
    }

    .m-black-body .container.m-main-container:not(.m-right-sidebar) #content {
        border-right: none
    }
}

.story-ran .container.m-main-container body:not(.image-editor) {
    opacity: 0
}

@media (max-width: 499px) {
    .container.m-main-container+.l-footer-static.m-guest {
        padding-bottom: 107px
    }
}

@media (min-width: 500px) {
    .m-chat-container .container.m-main-container {
        min-height: 0
    }
}

.container.m-w9-page {
    max-width: 1312px
}

.g-static-container {
    flex: 1
}

@media (min-width: 768px) {
    .g-static-container .container {
        max-width: 746px
    }
}

@media (min-width: 1004px) {
    .g-static-container .container {
        max-width: 966px
    }
}

@media (min-width: 1280px) {
    .g-static-container .container {
        max-width: 1200px
    }
}

@media (min-width: 768px) {
    .g-static-container .m-apperance .container {
        max-width: 968px
    }
}

.g-static-container .b-wrapper-page, .g-static-container .b-wrapper-page>.container {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px
}

.row>[class*=col]:not(.col-auto) {
    width: 100%
}

.row>[class*=col] {
    position: relative;
    min-height: 1px;
    padding: 0 16px
}

.row.m-half-gap {
    margin-left: -8px;
    margin-right: -8px
}

.row.m-half-gap [class*=col-] {
    padding-left: 8px;
    padding-right: 8px
}

.row.m-quarter-gap {
    margin-left: -4px;
    margin-right: -4px
}

.row.m-quarter-gap [class*=col-] {
    padding-left: 4px;
    padding-right: 4px
}

.row.m-block {
    align-items: flex-start
}

.row:after, .row:before {
    content: none
}

#content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    min-height: 100%
}

@media (min-width: 500px) {
    body[style*=padding-right] #content[style*=margin-left] {
        border-right: 1px solid rgba(138, 150, 163, .25);
        box-sizing: content-box
    }
}

#content>.container {
    flex: 1;
    display: flex;
    flex-direction: column
}

@media (max-width: 767px) {
    #content>.container {
        width: 100%
    }
}

@media (min-width: 500px) {
    .m-main-container #content {
        margin-left: auto;
        max-width: calc(100% - 64px)
    }
}

@media (min-width: 616px) {
    .m-main-container #content {
        max-width: calc(100% - 80px)
    }
}

@media (min-width: 1004px) {
    .m-main-container #content {
        max-width: calc(100% - 64px)
    }
}

@media (min-width: 1280px) {
    .m-main-container #content {
        max-width: calc(100% - 264px)
    }

    .m-main-container .m-narrow-width-header~#content {
        max-width: calc(100% - 64px)
    }
}

.l-wrapper.m-relative {
    position: relative
}

#content .l-wrapper {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width: 1280px) {
    #content .l-wrapper:not(.m-sidebar-wider) {
        max-width: 100%
    }
}

.l-wrapper.m-screen-height {
    min-height: calc(100vh - 57px);
    min-height: calc(var(--vh, 1vh)*100 - 57px)
}

@media (min-width: 500px) {
    .l-wrapper.m-screen-height {
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }
}

.image-editor .l-wrapper, .story-ran .l-wrapper {
    visibility: hidden
}

.l-wrapper__holder-content {
    max-width: 100%;
    flex: 0 0 100%;
    min-height: 100%
}

@media (min-width: 1004px) {
    .l-wrapper__holder-content {
        min-width: 600px;
        max-width: 632px;
        flex: 1;
        position: relative
    }

    .l-wrapper__holder-content:last-child {
        margin-right: 384px
    }

    .m-content-one-column .l-wrapper__holder-content {
        width: 100%;
        max-width: 1000px;
        flex: 0 0 100%;
        margin-left: auto
    }
}

.l-wrapper__holder-content.m-inherit-zindex, .m-prevent-scrolling .l-wrapper__holder-content.m-inherit-zindex {
    z-index: inherit
}

@media (min-width: 768px) {
    .m-prevent-scrolling .l-wrapper__holder-content {
        z-index: 1
    }
}

.l-wrapper__holder-content.m-height-loading {
    display: flex;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh)*100)
}

@media (min-width: 1004px) {
    .m-right-sidebar .l-wrapper__holder-content {
        align-self: stretch
    }
}

.l-wrapper__content {
    max-width: 100%;
    flex: 0 0 100%;
    min-height: 100%
}

@media (max-width: 1003px) {
    .l-wrapper__content {
        align-self: stretch
    }
}

@media (min-width: 500px) {
    .l-wrapper__content {
        margin-left: auto;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }
}

@media (min-width: 1004px) {
    .l-wrapper__content {
        max-width: 600px;
        flex: 0 0 600px;
        position: relative;
        z-index: 0;
        align-self: stretch
    }

    .l-wrapper__content, .l-wrapper__content:after {
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }

    .l-wrapper__content:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: -1px;
        border-right: 1px solid rgba(138, 150, 163, .25);
        pointer-events: none
    }
}

@media (min-width: 1280px) {
    .l-wrapper__content {
        margin-left: auto;
        margin-right: auto
    }

    .m-sidebar-wider .l-wrapper__content {
        margin-right: 0
    }
}

@media (min-width: 1004px) {
    .m-sidebar-wider .l-wrapper__content {
        max-width: 602px;
        flex: 0 0 602px
    }
}

.m-height-loading .l-wrapper__content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.m-right-sidebar .l-wrapper__content {
    border-left: 1px solid rgba(138, 150, 163, .25)
}

@media (min-width: 1004px) {
    .m-right-sidebar .l-wrapper__content {
        min-height: inherit
    }
}

.m-inherit-zindex .l-wrapper__content, .m-prevent-scrolling .m-inherit-zindex .l-wrapper__content {
    z-index: inherit
}

@media (min-width: 1004px) {
    .m-content-one-column .l-wrapper__content {
        width: 100%;
        max-width: 1000px;
        flex: 0 0 100%;
        margin-right: 0
    }

    .l-wrapper__sidebar {
        flex: 1;
        max-width: 368px;
        margin-left: 16px;
        z-index: 2;
        padding-top: 16px;
        padding-bottom: 16px;
        top: 0;
        overflow: auto;
        position: -webkit-sticky;
        position: sticky;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }

    .l-wrapper__sidebar:not(.m-disable-autoscroll) {
        pointer-events: none;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        scrollbar-width: none;
        scroll-behavior: auto
    }
}

@media (min-width: 1004px) {
    @supports (-moz-appearance:none) {
        .l-wrapper__sidebar:not(.m-disable-autoscroll) {
            scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color)
        }
    }

    .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar {
        display: none;
        color: #fff;
        height: 0;
        width: 0;
        -webkit-appearance: none
    }

    .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar, .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar-track {
        width: 0;
        height: 0;
        -webkit-appearance: none;
        background: transparent;
        opacity: 0
    }

    .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar-thumb {
        opacity: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        -webkit-appearance: none;
        display: none
    }

    .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar-button {
        display: none;
        width: 0;
        height: 0
    }

    .l-wrapper__sidebar.m-scrollbar-y {
        max-width: 378px;
        margin-right: -10px
    }

    .l-wrapper__sidebar.m-disable-autoscroll {
        max-height: 100vh;
        max-height: calc(var(--vh, 1vh)*100)
    }

    .l-wrapper__sidebar.m-disable-autoscroll.m-native-custom-scrollbar {
        overflow-y: scroll
    }

    .l-wrapper__sidebar.m-disable-fully-scroll {
        overflow: visible
    }

    .l-wrapper__sidebar.m-empty-section {
        display: flex;
        flex-direction: column
    }

    .m-sidebar-wider .l-wrapper__sidebar {
        margin-left: 1px;
        max-width: 397px;
        margin-right: -16px
    }

    .l-wrapper__sidebar__inner {
        max-height: 100vh;
        max-height: calc(var(--vh, 1vh)*100);
        padding-top: 16px;
        padding-bottom: 16px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        position: absolute
    }

    .m-empty-section .l-wrapper__sidebar__inner {
        flex: 1;
        display: flex;
        flex-direction: column
    }

    .l-wrapper__sidebar>* {
        pointer-events: auto
    }
}

@media (min-width: 1280px) {
    .m-sidebar-wider .l-wrapper__sidebar {
        min-width: 397px;
        margin-right: 0
    }
}

@media (min-width: 1004px) {
    .m-prevent-scrolling .l-wrapper__sidebar {
        z-index: 0
    }
}

@media (min-width: 1004px) and (min-width:1004px) {
    .l-wrapper__sidebar.m-disable-fully-scroll {
        border-right: 1px solid rgba(138, 150, 163, .25)
    }
}

[class*=col-].m-equal-heights {
    display: flex
}

.l-container {
    position: relative
}

@media (max-width: 1003px) {
    .l-container {
        display: flex;
        flex-direction: column;
        flex: 1
    }
}

@media (min-width: 768px) {
    .l-container {
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }
}

.l-container.m-modal-view {
    min-height: auto;
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh)*100 - 80px)
}

@media (min-width: 768px) {
    .l-container.m-modal-view {
        height: calc(100vh - 146px);
        height: calc(var(--vh, 1vh)*100 - 146px)
    }
}

@media (min-width: 1004px) {
    .l-container {
        display: flex
    }
}

.l-sidebar-column {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (max-width: 499px) {
    .l-sidebar-column {
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }
}

@media (min-width: 1004px) {
    .l-sidebar-column {
        width: 360px
    }

    .m-modal-view .l-sidebar-column {
        width: 50%
    }
}

.m-modal-view .l-sidebar-column {
    min-height: 100%;
    border-top-left-radius: 6px
}

.l-sidebar-column.m-sticky-column {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh)*100);
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.l-container:hover .l-sidebar-column.m-sticky-column.m-safari-sticky-fix {
    z-index: 100
}

@media (min-width: 1004px) {
    .l-sidebar-column.m-l-side {
        border-right: 1px solid rgba(138, 150, 163, .25)
    }
}

@media (max-width: 1003px) {
    .l-sidebar-column.m-l-side .g-page__header:after {
        display: none
    }
}

.l-sidebar-column__scroll-section {
    flex: 1;
    position: relative
}

.l-sidebar-column__scroll-section__inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.l-sidebar-column__scroll-section__inner>:only-child {
    min-height: 100%;
    position: relative
}

@media (max-width: 499px) and (orientation:portrait) {
    .l-sidebar-column {
        min-height: calc(100vh - 57px);
        min-height: calc(var(--vh, 1vh)*100 - 57px)
    }

    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .l-sidebar-column {
            min-height: calc(100vh - 57px - env(safe-area-inset-bottom));
            min-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom))
        }
    }

    @supports (padding-bottom: constant(safe-area-inset-bottom)) {
        .l-sidebar-column {
            min-height: calc(100vh - 57px - constant(safe-area-inset-bottom));
            min-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom))
        }
    }
}

.l-main-content {
    position: relative
}

.l-main-content.m-r-side {
    max-width: calc(100% - 360px);
    flex: 1
}

@media (min-width: 1004px) {
    .m-modal-view .l-main-content.m-r-side {
        max-width: 50%
    }
}

.l-main-content.m-empty-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (max-width: 1003px) {
    .l-main-content.m-empty-content {
        flex: 1;
        min-height: auto
    }
}

.m-disable-scrolling, .m-prevent-scrolling {
    overflow: hidden !important
}

.m-disable-scrolling:not(.story-ran), .m-prevent-scrolling:not(.story-ran) {
    touch-action: none
}

@media (max-width: 559px) {
    .m-disable-scrolling body, .m-prevent-scrolling body {
        position: fixed;
        width: 100%;
        top: 0;
        min-height: 100%
    }

    .p-list-chats.m-disable-scrolling body, .p-list-chats.m-prevent-scrolling body {
        bottom: auto
    }

    .p-personal-chats-chat.m-disable-scrolling body, .p-personal-chats-chat.m-prevent-scrolling body {
        bottom: 0
    }
}

@media (orientation: landscape) {
    .m-disable-scrolling.m-mobile-definition body, .m-prevent-scrolling.m-mobile-definition body {
        position: fixed;
        width: 100%;
        top: 0;
        min-height: 100%
    }
}

.image-editor [id^=ModalStoryStat_], .image-editor [id^=js-story-answer-modal], .image-editor [id^=js-story-stats-modal] {
    display: none;
    opacity: 0;
    pointer-events: none
}

.modal {
    z-index: 1050
}

.modal[style*="display: block;"].m-hidden, .modal[style*="display: block;"].m-hidden~.modal-backdrop {
    display: none !important
}

@media (max-width: 767px) {
    .modal.m-modal-mob-page {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        pointer-events: none
    }
}

@media (max-width: 499px) {
    .modal.m-modal-mob-page {
        height: calc(100% - 57px)
    }
}

@media (max-width: 1003px) {
    .modal.m-modal-mob-page+.modal-backdrop {
        display: none
    }

    .modal.m-modal-mob-page .modal-title {
        font-size: 19px;
        line-height: 24px
    }
}

.modal.m-modal-mob-page .modal-content:after {
    display: none
}

@media (max-width: 1003px) {
    .modal.m-modal-mob-page .modal-header {
        padding-top: 16px;
        padding-bottom: 15px;
        height: 56px
    }
}

@media (max-width: 767px) {
    .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        max-height: 100vh;
        max-height: calc(var(--vh, 1vh)*100)
    }
}

@media (max-width: 499px) {
    .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content {
        height: calc(100vh - 57px);
        height: calc(var(--vh, 1vh)*100 - 57px);
        max-height: calc(100vh - 57px);
        max-height: calc(var(--vh, 1vh)*100 - 57px)
    }
}

@media (max-width: 499px) and (orientation:portrait) {
    @supports (max-height:env(safe-area-inset-bottom)) {
        .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content {
            height: calc(100vh - 57px - env(safe-area-inset-bottom));
            height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom));
            max-height: calc(100vh - 57px - env(safe-area-inset-bottom));
            max-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom))
        }
    }

    @supports (max-height: constant(safe-area-inset-bottom)) {
        .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content {
            height: calc(100vh - 57px - constant(safe-area-inset-bottom));
            height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom));
            max-height: calc(100vh - 57px - constant(safe-area-inset-bottom));
            max-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom))
        }
    }
}

@media (max-width: 499px) and (orientation:portrait) {
    @supports (height:constant(safe-area-inset-bottom)) {
        .modal.m-modal-mob-page {
            height: calc(100% - 57px - constant(safe-area-inset-bottom))
        }
    }

    @supports (height: env(safe-area-inset-bottom)) {
        .modal.m-modal-mob-page {
            height: calc(100% - 57px - env(safe-area-inset-bottom))
        }
    }
}

.modal.m-colored-modal .modal-content {
    background-color: var(--marked-color)
}

.modal.m-tickets-modal .modal-dialog {
    margin-top: 53px;
    max-height: calc(100% - 106px);
    min-height: calc(100% - 106px);
    margin-bottom: 53px
}

.modal.m-tickets-modal .modal-header {
    min-height: 56px
}

.modal.m-modal-story-editor .modal-dialog {
    flex-direction: column
}

.modal.m-modal-story-editor .modal-dialog.modal-dialog-centered {
    margin-top: 0;
    margin-bottom: 0;
    max-height: 100%;
    min-height: 100%;
    flex-wrap: nowrap
}

.modal.m-modal-story-editor .modal-dialog.modal-dialog-centered:after, .modal.m-modal-story-editor .modal-dialog.modal-dialog-centered:before {
    height: 56px;
    flex: 0 0 56px
}

.modal.m-modal-story-editor .modal-dialog.modal-dialog-centered .modal-content {
    margin-top: auto;
    margin-bottom: auto;
    max-height: calc(100% - 112px);
    min-height: 528px
}

@media (max-width: 1003px) and (orientation:landscape) {
    .modal.m-modal-story-editor .modal-dialog.modal-dialog-centered .modal-content {
        min-height: 290px
    }
}

.modal-backdrop {
    opacity: .5;
    width: 100%
}

.modal .modal-dialog {
    width: calc(100% - 32px);
    max-height: calc(100% - 52px);
    min-height: calc(100% - 52px);
    margin: 6px auto
}

@media (max-width: 559px) {
    .modal .modal-dialog {
        max-width: 344px
    }
}

.modal .modal-dialog.modal-extra-sm {
    max-width: 256px
}

.modal .modal-dialog.modal-middle-sm {
    max-width: 312px
}

.modal .modal-dialog.modal-middle-md {
    max-width: 432px
}

@media (min-width: 560px) {
    .modal .modal-dialog.modal-sm {
        max-width: 344px
    }

    .modal .modal-dialog.modal-md {
        max-width: 500px
    }

    .modal .modal-dialog.modal-lg {
        max-width: 630px
    }

    .modal .modal-dialog.modal-extra-lg {
        max-width: 688px;
        max-height: 100%;
        min-height: 100%;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .modal .modal-dialog.m-modal-lg-mob {
        max-width: 718px
    }
}

.modal .modal-dialog.modal-dialog-centered {
    flex-wrap: wrap
}

.modal .modal-dialog.modal-dialog-centered:after, .modal .modal-dialog.modal-dialog-centered:before {
    content: "";
    height: 10px;
    width: 100%
}

body.modal-open {
    overflow: visible
}

body.modal-open.image-editor {
    overflow-y: overlay
}

.modal-dialog {
    display: flex;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0
}

@media (max-width: 767px) {
    .m-modal-mob-page .modal-dialog {
        width: 100%;
        max-width: 100%;
        min-height: 100%;
        margin: 0 auto
    }
}

@media (max-width: 615px) {
    .stickers_modal .modal-dialog {
        max-width: 100%
    }
}

.modal.m-bundle .g-input__help, .modal.m-discount .g-input__help {
    margin-top: 12px;
    padding: 0
}

.modal.m-bundle .g-input__help.m-last, .modal.m-discount .g-input__help.m-last {
    margin-bottom: 0
}

.modal.m-discount .g-input__help {
    margin-bottom: 20px
}

.modal .modal-title {
    margin-top: 0;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    flex: 1;
    color: var(--text-color);
    display: block
}

.modal .modal-title:not(.g-text-ellipsis) {
    white-space: normal
}

.modal .modal-title.m-size-text-lg {
    font-size: 19px;
    line-height: 24px
}

.modal .modal-title.m-sm-mb {
    margin-bottom: 15px
}

.modal .modal-title>.g-icon {
    color: #00aff0;
    margin: 0 8px 0 0
}

.modal .modal-header {
    padding: 14px 16px;
    align-content: center;
    align-items: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.modal .modal-header:not([class*=g-border-]) {
    border: none
}

.modal .modal-header.m-sticky-modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 1px 1px 0;
    min-height: 48px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--bg-color);
    z-index: 2
}

.modal .modal-header.m-sticky-modal-header+.b-tabs__nav.m-tab-rounded {
    padding-top: 7px
}

.modal .modal-header.m-sticky-modal-header~.modal-body {
    z-index: 1
}

.modal .modal-header.m-sm-bottom-gap {
    padding-bottom: 5px
}

.modal .modal-header__inner {
    display: inherit;
    flex-wrap: wrap;
    flex: 1;
    max-width: 100%
}

.modal .modal-header__inner .g-btn.m-back-btn {
    margin: -9px 5px -9px -6px
}

.modal .modal-header__inner .g-btn.m-back-btn~.modal-title {
    margin-top: -1px;
    margin-bottom: -1px
}

.modal .modal-header__subrow {
    flex: 0 0 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    max-width: 100%
}

.modal-header {
    z-index: 1
}

@media (min-width: 500px) and (max-width:767px) {
    .m-modal-mob-page .modal-header {
        background-color: var(--bg-color)
    }
}

.modal-header__btns-group {
    margin: -9px 0;
    min-height: 32px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.modal-header__btns-group.m-move-right {
    margin-right: -7px
}

.modal-header__btns-group>.g-btn {
    margin-left: 12px
}

.modal-header__btns-group .b-dropdown {
    margin-left: 2px;
    margin-right: 3px
}

.modal-header__btns-group.m-left .g-btn {
    margin-left: 0;
    margin-right: 4px
}

.modal-header .g-icon-info {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 15px;
    margin-right: -4px;
    margin-top: -1px
}

.m-black-body .modal-header .g-icon-info {
    color: #fefefe
}

.m-black-body .modal-header .g-icon-info.m-with-round-hover:after {
    background-color: #fefefe
}

.modal-header .g-icon-info .g-icon {
    color: inherit
}

.modal-header .g-icon-info:hover {
    opacity: 1
}

.modal-header .g-icon-info:hover:after {
    opacity: .12
}

.modal .modal-content {
    background-color: var(--bg-color);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 6px;
    border: none
}

.modal .modal-content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
    border-radius: inherit;
    pointer-events: none;
    z-index: 0
}

.m-dark-modal .modal .modal-content:after, .m-in-black-body .modal-content {
    background-color: rgba(138, 150, 163, .12)
}

.m-dark-modal .m-in-black-body .modal-content:after, .m-in-black-body .modal-content:after {
    background-color: rgba(0, 0, 0, .9)
}

@media (max-width: 767px) {
    .m-modal-mob-page .modal-content {
        border-radius: 0;
        box-shadow: none;
        min-height: 100%;
        border: none;
        pointer-events: auto
    }
}

@media (min-width: 500px) and (max-width:767px) {
    .m-modal-mob-page .modal-content {
        border-left: 1px solid transparent;
        background: none;
        margin-left: auto
    }
}

@media (max-width: 767px) and (min-width:500px) {
    .m-modal-mob-page .modal-content {
        max-width: calc(100% - 64px)
    }
}

@media (max-width: 767px) and (min-width:616px) {
    .m-modal-mob-page .modal-content {
        max-width: calc(100% - 80px)
    }
}

@media (max-width: 767px) and (min-width:1004px) {
    .m-modal-mob-page .modal-content {
        max-width: calc(100% - 80px)
    }
}

@media (max-width: 767px) and (min-width:1280px) {
    .m-modal-mob-page .modal-content {
        max-width: calc(100% - 280px)
    }
}

.m-dark-modal .modal-content {
    color: #fefefe
}

.modal:not(.show) .modal-content {
    pointer-events: none
}

.modal-dialog-centered .modal-content {
    margin: auto
}

.modal .modal-body {
    padding: 15px 16px
}

.modal .modal-body.m-empty-content {
    min-height: 134px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.modal .modal-body.m-loading-content {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.modal-body .dialog_message svg {
    max-width: 100%
}

.modal-body .dialog_message a[href] {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.modal-body .dialog_message a[href*="mailto:"] {
    display: inline-block
}

.modal-body.m-reset-body-paddings {
    padding: 0
}

.modal-body.m-reset-body-paddings-sides {
    padding-left: 0;
    padding-right: 0
}

.modal-body.m-reset-body-paddings-sides-v {
    padding-top: 0;
    padding-bottom: 0
}

.m-reset-body-padding-top .modal-body, .modal-body.m-reset-body-padding-top {
    padding-top: 0
}

.m-reset-body-padding-bottom .modal-body, .modal-body.m-reset-body-padding-bottom {
    padding-bottom: 0
}

.modal-body.m-footer-inside-body {
    padding: 0
}

.modal-body.m-footer-inside-body .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px
}

.m-discount .modal-body.m-footer-inside-body .modal-footer {
    margin-top: 8px
}

@media (min-width: 500px) and (max-width:767px) {
    .m-modal-mob-page .modal-body {
        background-color: var(--bg-color)
    }
}

.modal-body.m-pt-sm {
    padding-top: 8px
}

.tip-modal .modal-body {
    padding-top: 6px
}

.story-answer-modal .modal-body {
    padding-top: 10px
}

.m-modal-lg-mob .modal-body overflow-x hidden {
    max-height: calc(100vh - 136px);
    max-height: calc(var(--vh, 1vh)*100 - 136px)
}

@media (max-width: 767px) {
    .m-modal-mob-page .m-modal-lg-mob .modal-body {
        max-height: calc(100vh - 57px);
        max-height: calc(var(--vh, 1vh)*100 - 57px)
    }
}

@media (max-width: 499px) and (orientation:portrait) {
    @supports (max-height:env(safe-area-inset-bottom)) {
        .m-modal-mob-page .m-modal-lg-mob .modal-body {
            max-height: calc(100vh - 57px - env(safe-area-inset-bottom));
            max-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom))
        }
    }

    @supports (max-height: constant(safe-area-inset-bottom)) {
        .m-modal-mob-page .m-modal-lg-mob .modal-body {
            max-height: calc(100vh - 57px - constant(safe-area-inset-bottom));
            max-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom))
        }
    }
}

.modal-body .modal-title {
    flex: 0 0 auto;
    width: 100%
}

.modal-footer {
    padding-top: 6px;
    padding-bottom: 6px
}

.modal-footer:not(.g-sides-gaps) {
    padding-left: 10px;
    padding-right: 10px
}

.modal-footer.g-sides-gaps {
    padding-left: 16px;
    padding-right: 16px
}

.modal-footer.m-reset-paddings {
    padding: 0
}

.modal-footer.g-border-top {
    padding-top: 5px
}

.modal-footer:not(.g-border-top) {
    border-top: none
}

.modal-footer.m-more-buttons {
    flex-direction: column;
    align-items: flex-end;
    align-content: flex-end
}

.modal-footer.m-more-buttons .g-btn {
    margin-right: -3px
}

.modal-footer.m-more-buttons .g-btn:not(:last-child) {
    margin-bottom: 4px
}

.modal-footer .g-btn {
    margin: 0 0 0 4px
}

.modal-footer .g-btn:last-child {
    margin-right: -4px
}

.modal-footer .g-btn.m-back-highlights {
    margin-right: auto;
    margin-left: 0
}

.modal.m-search-users .b-users__list {
    display: block;
    max-height: 300px;
    width: calc(100% + 32px)
}

.b-modal {
    padding: 12px
}

.b-modal.in {
    display: block
}

.b-modal__subscribe .b-modal__btns .g-btn:not(:last-child):not(.m-reset-mb) {
    margin-bottom: 20px
}

.b-modal__subscribe .b-users__item__inner .b-modal__section-btns.m-opened+.b-btn-collapse {
    margin-top: 20px
}

@media (max-width: 767px) {
    .b-modal.m-guest {
        background: var(--bg-color);
        align-items: unset !important;
        padding: 0
    }

    .b-modal.m-guest .modal-dialog {
        width: 100%;
        max-width: unset;
        margin: 0;
        display: block;
        transition: none !important;
        transform: none !important
    }

    .b-modal.m-guest .modal-dialog:before {
        content: none
    }

    .b-modal.m-guest .modal-content {
        box-shadow: none;
        border: none;
        overflow: hidden
    }

    .b-modal.m-guest .b-modal-logo {
        display: none
    }
}

.m-guest .b-modal__container {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 0 24px
}

@media (min-width: 768px) {
    .m-guest .b-modal__container {
        margin: 0 20px 24px;
        width: 350px
    }
}

.m-guest .b-modal__container:after {
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
    content: "";
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: inherit
}

@media (max-width: 767px) {
    .b-modal__container__col:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width: 768px) {
    .m-guest .b-modal__container__col {
        display: flex;
        align-items: center
    }
}

.b-modal .modal-content {
    overflow: hidden
}

.b-modal__close {
    z-index: 20;
    top: 5px;
    right: 10px
}

.b-modal__close.m-with-round-hover {
    position: absolute
}

.b-modal__user__info {
    margin-top: -70px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 26px;
    padding-left: 16px;
    padding-right: 16px
}

.b-modal__user__info .g-user-name.m-verified {
    padding-left: 32px
}

.b-modal__user__info .g-avatar {
    margin: 0 0 10px
}

.b-modal__user__desc__title {
    color: #8a96a3;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px
}

.b-modal__list {
    padding-left: 0;
    margin-bottom: 15px;
    list-style: none;
    font-size: 15px;
    line-height: 20px
}

.b-modal__list__item {
    display: flex;
    margin-bottom: 4px
}

.b-modal__list__item:last-child {
    margin-bottom: 0
}

.b-modal__list__icon {
    margin-right: 9px;
    margin-left: -1px;
    transform: translateY(-2px)
}

.b-modal__list__icon .g-icon {
    display: block;
    color: #00aff0
}

.b-modal__list__title {
    flex-grow: 1
}

.b-modal__btns {
    margin-bottom: 24px
}

.b-modal__btns:last-child {
    margin-bottom: 0
}

.b-modal__btns .g-btn:not(:last-child):not(.m-reset-mb) {
    margin-bottom: 16px
}

.b-modal__section-btns {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px
}

.b-modal__section-btns.m-opened {
    border-top: 1px solid rgba(138, 150, 163, .25);
    padding-top: 16px
}

.b-users__item__inner .b-modal__section-btns.m-opened {
    margin-top: 11px;
    margin-bottom: 16px
}

.m-model-card .b-users__item__inner .b-modal__section-btns.m-opened {
    margin-bottom: 0
}

.b-users__item__inner .b-modal__section-btns.m-opened+.b-btn-collapse {
    margin-top: 15px
}

.b-modal__custom-name .g-user-name {
    font-size: 18px
}

.b-modal__custom-name .g-user-name .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.b-modal__filter__item {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px
}

.b-modal__filter__item .modal-filter-checkbox .b-input-radio__text {
    padding-top: 12px;
    padding-bottom: 12px
}

.b-modal__filter__item .modal-filter-checkbox .b-input-radio__label {
    top: 50%;
    transform: translateY(-50%)
}

.b-modal__filter__item .g-input__increment {
    flex: 0 0 164px
}

.b-subscribe__bottom-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #8a96a3
}

p.b-subscribe__bottom-text {
    margin-bottom: 26px
}

div.b-subscribe__bottom-text {
    margin-top: -12px
}

iframe[src*="//api.securionpay.com/3d-secure/popup/"] {
    width: 100% !important
}

.b-modal-scrollbar {
    margin-right: -16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    .b-modal-scrollbar {
        max-height: 70vh
    }
}

.m-confirm .modal-body:empty, .modal-alert .modal-body:empty {
    padding: 0
}

.m-modal-view .dialog_message:last-child {
    margin-bottom: 0
}

.dialog_message video {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: calc(100vh - 210px);
    max-height: calc(var(--vh, 1vh)*100 - 210px)
}

.dialog_message audio {
    width: 100%;
    display: block
}

.dialog_message+.dialog_form {
    margin-top: 28px;
    margin-bottom: 16px
}

.m-modal-view .dialog_message {
    margin-bottom: 30px
}

.b-tips-form .g-input__wrapper.m-tips-comment .g-input__wrapper:not(.m-focused)~.g-btn {
    color: hsla(0, 0%, 100%, .5)
}

.b-tips-form .g-input__wrapper.m-tips-comment .g-btn {
    position: absolute;
    top: 6px;
    left: 6px
}

.b-tips-form .g-input__wrapper.m-tips-comment .g-btn .g-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px
}

.b-tips-form .g-input__group {
    margin-bottom: 9px
}

.b-modal__card-verify .v-messages__message {
    line-height: normal;
    margin: 0 0 10px
}

.b-modal-support-text {
    padding: 22px 0 25px
}

div[modal-alert] {
    z-index: 1100 !important
}

.b-modal-header-section {
    padding: 7px 16px 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap
}

.b-modal-header-section__text {
    flex: 1
}

.b-modal-header-section .g-btn.m-back-btn {
    margin: -2px 6px -2px -5px
}

.collapse.in {
    display: block !important
}

.story-ran div[id^=ModalVotingUsers][style*=z-index] {
    display: none
}

.m-modal-empty-loading {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%
}

.story-highlights-content .g-input__wrapper+.b-wrapper-highlights.m-name-highlights-step {
    max-height: calc(100vh - 244px);
    max-height: calc(var(--vh, 1vh)*100 - 244px)
}

.story-highlights-content .g-input__wrapper+.modal-title+.b-wrapper-highlights.m-name-highlights-step {
    max-height: calc(100vh - 255px);
    max-height: calc(var(--vh, 1vh)*100 - 255px)
}

@media (min-width: 500px) {
    .story-highlights-content .g-input__wrapper+.modal-title+.b-wrapper-highlights.m-name-highlights-step {
        max-height: calc(100vh - 199px);
        max-height: calc(var(--vh, 1vh)*100 - 199px)
    }
}

@media (min-width: 768px) {
    .story-highlights-content .g-input__wrapper+.modal-title+.b-wrapper-highlights.m-name-highlights-step {
        max-height: calc(100vh - 273px);
        max-height: calc(var(--vh, 1vh)*100 - 273px)
    }
}

#story-create-highlight-modal___BV_modal_outer_ {
    z-index: 999 !important
}

@media (max-width: 767px) {
    .m-modal-lg-mob .b-wrapper-highlights {
        flex: 1
    }
}

.b-wrapper-highlights.m-invisible-scrollbar {
    padding-right: 0
}

.b-wrapper-highlights.m-invisible-scrollbar .modal-body:not(.m-reset-body-paddings):not(.m-reset-body-paddings-sides) {
    margin-right: 0
}

@media (min-width: 768px) {
    .b-wrapper-highlights.m-edit-highlights-step {
        max-height: calc(100vh - 228px);
        max-height: calc(var(--vh, 1vh)*100 - 228px)
    }
}

.b-wrapper-highlights.m-name-highlights-step {
    max-height: calc(100vh - 152px);
    max-height: calc(var(--vh, 1vh)*100 - 152px)
}

.b-modal-logo {
    max-width: 250px;
    display: inline-block
}

.b-modal-logo svg {
    vertical-align: top
}

@media (max-width: 767px) {
    [id*=Modal]~.v-menu-overlay {
        display: none
    }
}

[id^=ModalMediaVault][style*=z-index] {
    z-index: 1037 !important
}

label {
    color: var(--text-color)
}

select:invalid {
    color: rgba(138, 150, 163, .7)
}

select:invalid option {
    color: var(--text-color)
}

select[disabled] {
    opacity: .5
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input:-internal-autofill-selected {
    background-color: transparent !important
}

::-ms-reveal {
    display: none
}

[placeholder] {
    text-overflow: ellipsis
}

.g-input {
    margin: 0 0 4px;
    height: 36px
}

.b-otp-form.m-card .g-input {
    min-height: 68px
}

input[type=password].m-with-field-control .g-input::-ms-clear, input[type=password].m-with-field-control .g-input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.m-with-field-control .g-input input[type=password]::-webkit-contacts-auto-fill-button, .m-with-field-control .g-input input[type=password]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0
}

.g-input__field-control {
    background: var(--bg-color)
}

.g-input__field-control.m-with-round-hover {
    position: absolute;
    top: 0;
    right: 0
}

.v-input:not(.v-select).error--text .g-input__field-control {
    right: 50px
}

.g-input__fieldset {
    padding: 0 6px
}

.m-chips-items .g-input__fieldset {
    padding-left: 0;
    padding-right: 0
}

.g-input__wrapper {
    padding-bottom: 20px;
    position: relative
}

.g-input__wrapper.m-placeholder-text-color .v-input input::-moz-placeholder, .g-input__wrapper.m-placeholder-text-color .v-input textarea::-moz-placeholder {
    color: var(--text-color) !important
}

.g-input__wrapper.m-placeholder-text-color .v-input input::placeholder, .g-input__wrapper.m-placeholder-text-color .v-input textarea::placeholder {
    color: var(--text-color) !important
}

.row>.g-input__wrapper {
    width: 100%
}

.g-input__wrapper.m-gap-xxxs-negative {
    margin-bottom: -4px
}

.g-input__wrapper.m-gap-xxxs {
    padding-bottom: 6px
}

.g-input__wrapper.m-gap-xxs {
    padding-bottom: 10px
}

.g-input__wrapper.m-gap-xms {
    padding-bottom: 14px
}

.g-input__wrapper.m-gap-xs {
    padding-bottom: 17px
}

.g-input__wrapper.m-gap-xs:last-child {
    padding-bottom: 0
}

.g-input__wrapper.m-gap-sm {
    padding-bottom: 20px
}

.g-input__wrapper.m-gap-sm:last-child {
    padding-bottom: 0
}

.g-input__wrapper.m-gap-lg {
    padding-bottom: 24px
}

.g-input__wrapper.m-gap-extra-lg {
    padding-bottom: 34px
}

.g-input__wrapper.m-reset-bottom-gap {
    padding-bottom: 0
}

.g-input__wrapper.m-code {
    padding-left: 24px;
    padding-right: 24px
}

.g-input__wrapper.m-bottom-border:after {
    content: "";
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: 0;
    height: 1px;
    background-color: rgba(138, 150, 163, .25)
}

.g-input__wrapper.m-checkbox__toggle {
    position: relative;
    text-align: left;
    padding-right: 44px
}

.b-settings .g-input__wrapper.m-checkbox__toggle.m-disabled {
    opacity: 1
}

.b-settings .g-input__wrapper.m-checkbox__toggle.m-disabled>* {
    opacity: .4
}

.g-input__wrapper.m-checkbox__toggle .g-input__label {
    display: flex;
    align-content: center;
    align-items: center
}

.b-settings .g-input__wrapper.m-checkbox__toggle .g-input__label {
    text-transform: unset;
    font: unset;
    color: unset;
    padding: 0 48px 0 0
}

.g-input__wrapper.m-checkbox__toggle .g-input__label .g-icon-info {
    font-size: 16px;
    margin-left: 6px
}

.g-input__wrapper.m-checkbox__toggle .checkbox+.b-checkbox-switcher {
    position: absolute;
    top: 2px;
    right: 8px;
    margin: 0
}

.b-settings .g-input__wrapper.m-checkbox__toggle .checkbox+.b-checkbox-switcher {
    top: 16px;
    right: 20px
}

.g-input__wrapper.m-checkbox__toggle .g-input__help {
    padding: 6px 0 0;
    color: #8a96a3
}

.g-input__wrapper.m-radio-wrapper {
    padding-left: 8px;
    padding-right: 8px
}

.g-input__wrapper.m-radio-wrapper:last-child {
    padding-bottom: 0
}

.g-input__wrapper.m-disabled {
    opacity: .4;
    pointer-events: none
}

.g-input__label {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #8a96a3;
    padding: 0 6px;
    margin: 0
}

.m-field-row .g-input__label {
    color: var(--title-color);
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    padding-left: 0
}

.g-input__optional {
    font-weight: 400;
    text-transform: lowercase;
    margin-left: 3px
}

.m-size-lg-text .g-input__optional {
    font-size: 15px
}

.g-input__help {
    font-size: 12px;
    line-height: 16px;
    color: rgba(138, 150, 163, .75);
    margin: 0;
    min-height: 16px
}

.g-input__help:not(:empty) {
    padding: 1px 16px 0
}

.g-input__help:not(:empty).m-pt-4 {
    padding-top: 4px
}

.g-input__help.m-reset-gaps {
    padding-left: 0;
    padding-right: 0
}

.g-input__help .g-danger-text, .g-input__help.m-danger {
    display: block;
    color: #ff6060
}

.g-input__help.m-text {
    color: #8a96a3
}

.g-input__help.m-bottom-bordered {
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.modal-body .g-input__help.m-bottom-bordered {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 10px;
    margin-bottom: 23px
}

.modal-body .g-input__help.m-bottom-bordered:not(.m-text-over-tabs) {
    margin-bottom: 23px
}

.modal-body .g-input__help.m-bottom-bordered.m-text-over-tabs {
    margin-bottom: 15px
}

.b-tabs__nav .g-input__help {
    flex: 0 0 100%;
    margin-bottom: 0
}

.m-discount .b-tabs__nav .g-input__help {
    margin-bottom: -2px
}

.v-input .g-input__help {
    color: #8a96a3
}

.g-input__file_select_wrapper {
    display: flex
}

.g-input__file__name {
    position: relative;
    overflow: hidden;
    padding: 6px 34px 6px 32px;
    border-radius: 18px;
    background-color: rgba(138, 150, 163, .12);
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    max-width: 100%
}

.g-input__file__name:hover {
    color: #0091ea;
    background-color: rgba(0, 145, 234, .12)
}

.m-chips-items .g-input__file__name {
    margin-right: 8px;
    margin-bottom: 10px
}

.g-input__file__name>.g-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #00aff0
}

.g-input__file__name>.g-icon:not(.m-icon-extra-sm) {
    width: 20px;
    height: 20px;
    flex: 0 0 20px
}

.g-input__increment {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    position: relative
}

.g-input__increment__value {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 36px;
    right: 36px
}

.g-input__increment__value.show .dropdown-toggle {
    background-color: rgba(0, 145, 234, .06);
    color: #0091ea
}

.g-input__increment__value .dropdown-toggle {
    padding: 7px 4px;
    height: 36px;
    width: 100%;
    color: var(--title-color);
    text-align: center;
    border-radius: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.g-input__increment__value .dropdown-toggle:hover {
    background-color: rgba(0, 145, 234, .06)
}

.g-input__error {
    color: red;
    padding: 1px 6px 0
}

.b-input-ripple {
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    z-index: 0
}

.b-input-ripple:after, .b-input-ripple:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1000px
}

.b-input-ripple:before {
    box-shadow: 0 0 0 8px rgba(0, 175, 240, .06);
    transform: scale(0);
    opacity: 0;
    transition: transform .1s, opacity .1s;
    z-index: 0;
    background-color: rgba(0, 175, 240, .06)
}

.l-streaming-container .b-input-ripple:before {
    box-shadow: 0 0 0 8px hsla(0, 0%, 100%, .06);
    background-color: hsla(0, 0%, 100%, .06)
}

.checkbox-item .b-input-ripple:before {
    box-shadow: 0 0 0 8px hsla(0, 0%, 100%, .12);
    background-color: hsla(0, 0%, 100%, .12)
}

.m-sm-size-radio .b-input-ripple:before {
    box-shadow: 0 0 0 5px rgba(0, 175, 240, .06)
}

.b-input-ripple:after {
    z-index: 1
}

.checkbox-item .b-input-ripple {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.g-select__wrapper {
    position: relative
}

.g-select__wrapper svg.g-icon {
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: rgba(138, 150, 163, .7);
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    transform-origin: top;
    z-index: 10
}

.g-select__wrapper.m-opened-select svg.g-icon {
    transform: rotate(180deg) translateY(-50%)
}

.b-ticket .g-select__wrapper.m-opened-select svg.g-icon {
    color: #00aff0
}

.g-select__wrapper select[style] {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.checkbox {
    display: none
}

.checkbox+.switcher-loading {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 32px;
    height: 24px;
    text-align: center
}

.checkbox+.b-checkbox-switcher {
    position: relative;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    margin: 0 2px 0 0;
    display: block
}

.checkbox+.b-checkbox-switcher:after, .checkbox+.b-checkbox-switcher:before {
    content: ""
}

.checkbox+.b-checkbox-switcher:before {
    width: 32px;
    height: 16px;
    border-radius: 8px;
    display: block;
    background-color: rgba(138, 150, 163, .4);
    transition: background-color .3s
}

.checkbox+.b-checkbox-switcher:after {
    top: -2px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    background: var(--bg-color);
    transition: all .2s ease;
    position: absolute;
    border: 2px solid rgba(138, 150, 163, .7)
}

.checkbox+.b-checkbox-switcher .b-input-ripple {
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    top: -2px;
    left: -1px;
    position: absolute
}

.checkbox+.b-checkbox-switcher:hover:after {
    border-color: #0091ea
}

.checkbox+.b-checkbox-switcher:hover .b-input-ripple:before {
    opacity: 1;
    transform: scale(1)
}

.checkbox[disabled]+.b-checkbox-switcher {
    pointer-events: none;
    opacity: .5
}

.checkbox.m-btn.checked+.b-checkbox-switcher:before, .checkbox:not(.m-btn):checked+.b-checkbox-switcher:before {
    background-color: rgba(0, 175, 240, .4)
}

.checkbox.m-btn.checked+.b-checkbox-switcher:after, .checkbox:not(.m-btn):checked+.b-checkbox-switcher:after {
    left: 13px;
    border-color: transparent;
    background-color: #00aff0
}

.checkbox.m-btn.checked+.b-checkbox-switcher .b-input-ripple, .checkbox:not(.m-btn):checked+.b-checkbox-switcher .b-input-ripple {
    left: 13px
}

.checkbox.m-btn.checked+.b-checkbox-switcher .b-input-ripple:after, .checkbox:not(.m-btn):checked+.b-checkbox-switcher .b-input-ripple:after {
    animation: pulse-hover 1s forwards;
    animation-delay: .4s
}

.m-black-body .checkbox.m-btn.checked+.b-checkbox-switcher .b-input-ripple:after, .m-black-body .checkbox:not(.m-btn):checked+.b-checkbox-switcher .b-input-ripple:after {
    animation: pulse-hover-light 1s forwards;
    animation-delay: .4s
}

.checkbox.m-btn.checked+.b-checkbox-switcher:hover:after, .checkbox:not(.m-btn):checked+.b-checkbox-switcher:hover:after {
    background-color: #0091ea
}

.label-group label span, .label-group-addon span {
    background: none;
    border: 1px solid rgba(138, 150, 163, .25);
    color: inherit
}

.b-text-field-details {
    margin: 0;
    position: absolute;
    right: 16px;
    top: 24px;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 16px;
    color: #8a96a3
}

.b-text-field-details__total {
    font-size: 10px;
    line-height: 16px
}

.b-text-field-details__amount {
    color: var(--text-color)
}

.m-vat-field .v-input.error--text .b-text-field-details {
    display: none
}

.b-text-attention {
    margin-bottom: 20px;
    color: #ff6060;
    font-size: 16px
}

.b-text-attention.m-simple {
    color: var(--text-color)
}

.form-horizontal .control-label {
    font-size: 15px;
    padding-bottom: 7px
}

.form-horizontal .form-control[name=zip] {
    width: 128px;
    max-width: 100%
}

.form-horizontal .form-group {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 25px
}

.form-horizontal .form-inline .form-control {
    width: auto
}

.form-horizontal .form-inline span {
    padding: 0 5px
}

#payment-form-legal fieldset {
    padding-right: 0;
    width: 100%
}

.label-group {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.label-group label, .label-group-addon {
    flex: 0 1 auto;
    margin: 0;
    font-size: 15px
}

.label-group label span, .label-group-addon span {
    display: inline-block;
    text-align: center;
    background: #e1e1e1;
    border: 1px solid #e1e1e1;
    border-radius: 1000px;
    width: 14px;
    cursor: pointer;
    margin-left: 10px;
    color: #292f33;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px
}

.label-group-addon .popover-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.label-group-addon .popover-content a {
    max-width: 100%;
    display: inline-block;
    white-space: normal
}

.form-control {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    background-color: transparent;
    color: inherit;
    font: inherit;
    -webkit-appearance: none;
    transition: border-bottom-color .1s ease;
    vertical-align: top
}

div.form-control {
    border: none;
    padding: 0;
    height: auto;
    background: none
}

div.form-control span.val {
    color: #adadad;
    padding-left: 10px
}

textarea.form-control {
    -moz-appearance: textarea;
    -webkit-appearance: textarea
}

.form-control:focus {
    border-bottom-color: #0091ea
}

.form-control::-moz-placeholder {
    color: rgba(138, 150, 163, .75);
    opacity: 1
}

.form-control::placeholder {
    color: rgba(138, 150, 163, .75);
    opacity: 1
}

.has-feedback .form-control {
    padding-right: 26px
}

.form-control option {
    background: var(--bg-color)
}

.b-field-like {
    display: flex;
    align-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .25);
    min-height: 48px;
    padding: 12px;
    font-size: 16px;
    line-height: 24px
}

.b-field-like.m-sm-size {
    min-height: 36px;
    padding: 6px 14px
}

.b-field-like.form-control {
    border-color: rgba(138, 150, 163, .4)
}

.b-field-like.form-control:hover {
    border-color: #8a96a3
}

.b-field-like.form-control:focus {
    border-color: #00aff0
}

.b-field-like .g-icon {
    margin-right: 8px
}

.b-field-like a {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-field-like+.g-input__help {
    padding-top: 5px
}

.checkbox-item {
    position: absolute;
    z-index: 2;
    box-sizing: content-box;
    padding: 15px
}

.checkbox-item__inside {
    color: #fefefe;
    position: relative;
    width: inherit;
    height: inherit;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center
}

.checkbox-item__inside:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: inherit;
    height: inherit;
    z-index: 0;
    transition: border-color .1s, background-color .1s;
    border: 2px solid hsla(0, 0%, 100%, .75);
    border-radius: 1000px;
    cursor: pointer
}

.m-gray .checkbox-item__inside:after {
    border-color: #8a96a3
}

.checkbox-item.m-pos-center {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px
}

.checkbox-item.m-pos-right-top {
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    padding: 10px
}

.b-selection-user .checkbox-item.m-pos-right-top {
    right: 7px;
    top: 7px
}

.checkbox-item.m-pos-right-top .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.checkbox-item.m-pos-left-bottom {
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px
}

.checkbox-item.m-pos-left-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px
}

.checkbox-item.selected:hover .checkbox-item__inside:after, .selected .checkbox-item:hover .checkbox-item__inside:after {
    border-color: #00aff0
}

.checkbox-item.selected .checkbox-item__inside:after, .selected .checkbox-item .checkbox-item__inside:after {
    background-color: #00aff0;
    border-color: #00aff0
}

.checkbox-item.selected .b-input-ripple:after, .selected .checkbox-item .b-input-ripple:after {
    animation: pulse-hover 1s forwards
}

@media (min-width: 1004px) {
    .checkbox-item:hover .checkbox-item__inside:after {
        border-color: #fefefe
    }

    .checkbox-item:hover .b-input-ripple:before {
        opacity: 1;
        transform: scale(1)
    }
}

.checkbox-item__num {
    opacity: 0;
    transition: opacity .1s;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    z-index: 1
}

.selected .checkbox-item__num {
    opacity: 1
}

.checkbox-item .g-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 0;
    transition: opacity .1s
}

.selected .checkbox-item .g-icon {
    opacity: 1
}

@keyframes pulse-hover {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 175, 240, .4)
    }

    70% {
        box-shadow: 0 0 0 8px rgba(0, 175, 240, 0)
    }

    to {
        box-shadow: 0 0 0 0 rgba(0, 175, 240, 0)
    }
}

@keyframes pulse-hover-light {
    0% {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .4)
    }

    70% {
        box-shadow: 0 0 0 8px hsla(0, 0%, 100%, 0)
    }

    to {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
    }
}

[type=button] {
    -webkit-appearance: none
}

.g-btn {
    border: none;
    padding: 8px 18px;
    font-size: 14px;
    line-height: 20px;
    background: #00aff0;
    min-width: 78px;
    transition: opacity .15s ease, background-color .15s ease, box-shadow .15s ease;
    display: inline-block;
    text-align: center;
    text-transform: uppercase
}

.g-btn, .g-btn[role=button], .g-btn[type=button], .g-btn[type=reset], .g-btn[type=submit] {
    color: #fefefe
}

.g-btn:not(.m-default-font-weight) {
    font-weight: 500
}

.g-btn[m-hover-state] {
    background: #0091ea;
    color: #fefefe
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn:hover {
        background: #0091ea;
        color: #fefefe
    }
}

.g-btn.m-sm-width {
    min-width: 72px
}

.g-btn.m-reset-width {
    min-width: auto
}

.g-btn.m-ex-sm {
    padding: 6px 16px
}

.g-btn.m-sm {
    padding: 8px 16px
}

.g-btn.m-sm.m-lg-gaps-sides {
    padding-right: 24px;
    padding-left: 24px
}

.g-btn.m-md {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px
}

.g-btn.m-lg {
    padding: 14px 16px;
    min-height: 48px
}

.g-btn.m-gray-color {
    color: #8a96a3
}

.g-btn.m-gray {
    background: #8a96a3
}

.g-btn.m-lgray-bg {
    background-color: rgba(138, 150, 163, .12);
    color: var(--text-color)
}

.g-btn.m-lgray-bg[m-hover-state] {
    background-color: rgba(0, 145, 234, .12);
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-lgray-bg:hover {
        background-color: rgba(0, 145, 234, .12);
        color: #0091ea
    }
}

.g-btn.m-lgray-bg.disabled, .g-btn.m-lgray-bg[disabled] {
    background-color: rgba(138, 150, 163, .12)
}

.g-btn.m-dark-bg {
    background: none;
    position: relative
}

.g-btn.m-dark-bg[m-hover-state] {
    background: none
}

.g-btn.m-dark-bg[m-hover-state]:before {
    opacity: .4
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-dark-bg:hover {
        background: none
    }

    .g-btn.m-dark-bg:hover:before {
        opacity: .4
    }
}

.g-btn.m-dark-bg.dropdown-toggle {
    color: #fefefe
}

.g-btn.m-dark-bg:after, .g-btn.m-dark-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    opacity: .25;
    transition: opacity .1s
}

.g-btn.m-dark-bg:before {
    background-color: #000;
    z-index: 1
}

.g-btn.m-dark-bg:after {
    background-color: #fefefe;
    z-index: 0
}

.g-btn.m-dark-bg.m-lighter-bg[m-hover-state]:before {
    opacity: .25
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-dark-bg.m-lighter-bg:hover:before {
        opacity: .25
    }
}

.g-btn.m-dark-bg.m-lighter-bg:after {
    opacity: .08
}

.g-btn.m-dark-bg span {
    position: relative;
    z-index: 4
}

.g-btn.m-dark-bg .g-icon {
    position: relative;
    z-index: 3
}

.g-btn.m-dark-bg.m-icon-btn {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    height: 32px;
    padding-left: 7px;
    padding-right: 12px
}

.g-btn.m-dark-bg.m-icon-btn .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-right: 6px
}

.g-btn.m-flex {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.g-btn.m-flex:not(.m-space-between) {
    justify-content: center
}

.g-btn.m-flex.m-space-between, .g-btn.m-flex.m-space-between .b-wrap-btn-text {
    justify-content: space-between
}

.g-btn.m-flex.m-space-between.m-lg {
    padding-left: 22px;
    padding-right: 22px
}

.g-btn.m-flex.m-center {
    justify-content: center
}

.g-btn.m-flex.m-center.m-lg {
    padding-left: 22px;
    padding-right: 22px
}

.g-btn.m-flex.m-fluid-width {
    width: auto
}

.g-btn.m-flex.m-block {
    display: flex
}

.g-btn.m-flex .g-icon {
    margin: 0 10px 0 0
}

.g-btn.m-flex .g-icon.m-rg-sm {
    margin-right: 5px
}

.g-btn.m-flex .g-icon.m-loader {
    margin-right: 0;
    margin-left: 10px
}

.g-btn.m-flex.m-lg .g-icon {
    margin-top: -2px;
    margin-bottom: -2px
}

.g-btn.m-flex .b-wrap-btn-text {
    display: flex;
    flex: 1
}

.alert .g-btn.m-flex .b-wrap-btn-text {
    display: inline
}

.g-btn.m-no-uppercase {
    text-transform: none
}

.g-btn.m-uppercase {
    text-transform: uppercase
}

.g-btn.m-icon-absolute {
    position: relative
}

.g-btn.m-icon-absolute .g-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.g-btn.m-icon-absolute .g-icon.m-half-left {
    left: 8px
}

.g-btn.m-icon-absolute .g-btn-spinner {
    position: absolute;
    right: 16px;
    top: 50%;
    margin: -6px 0 0
}

.g-btn.m-border {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
    color: #00aff0;
    transition: color .15s, background-color .15s, box-shadow .15s;
    position: relative
}

.g-btn.m-border.m-danger {
    color: #ff6060;
    background-color: transparent
}

.g-btn.m-border.disabled, .g-btn.m-border[disabled] {
    background-color: transparent;
    color: #8a96a3
}

.g-btn.m-border.m-active {
    box-shadow: inset 0 0 0 1px rgba(0, 145, 234, .75);
    color: #0091ea;
    background-color: rgba(0, 145, 234, .06)
}

.g-btn.m-border.m-active.m-danger {
    box-shadow: inset 0 0 0 1px #ff6060;
    color: #ff6060;
    background-color: rgba(255, 96, 96, .06)
}

.g-btn.m-border.m-active .g-icon {
    color: #0091ea
}

.g-btn.m-border[m-hover-state] {
    box-shadow: inset 0 0 0 1px rgba(0, 145, 234, .75);
    color: #0091ea;
    background-color: rgba(0, 145, 234, .06)
}

.g-btn.m-border[m-hover-state].m-danger {
    box-shadow: inset 0 0 0 1px #ff6060;
    color: #ff6060;
    background-color: rgba(255, 96, 96, .06)
}

.g-btn.m-border[m-hover-state] .g-icon {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-border:hover {
        box-shadow: inset 0 0 0 1px rgba(0, 145, 234, .75);
        color: #0091ea;
        background-color: rgba(0, 145, 234, .06)
    }

    .g-btn.m-border:hover.m-danger {
        box-shadow: inset 0 0 0 1px #ff6060;
        color: #ff6060;
        background-color: rgba(255, 96, 96, .06)
    }

    .g-btn.m-border:hover .g-icon {
        color: #0091ea
    }
}

.g-btn.m-border.dark .g-icon {
    color: #8a96a3
}

.g-btn.m-border.dark[m-hover-state] {
    background-color: rgba(138, 150, 163, .05);
    box-shadow: inset 0 0 0 1px #8a96a3;
    color: #0091ea
}

.g-btn.m-border.dark[m-hover-state] .g-icon {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-border.dark:hover {
        background-color: rgba(138, 150, 163, .05);
        box-shadow: inset 0 0 0 1px #8a96a3;
        color: #0091ea
    }

    .g-btn.m-border.dark:hover .g-icon {
        color: #0091ea
    }
}

.g-btn.m-border.m-sm .g-icon {
    width: 17px;
    height: 17px;
    flex: 0 0 17px
}

.g-btn.m-rounded {
    border-radius: 1000px
}

.b-btns-group .g-btn.m-rounded {
    margin-left: 8px
}

.g-btn.m-flat {
    color: #00aff0;
    padding: 0;
    background-color: transparent
}

.g-btn.m-flat.m-semi-light {
    opacity: .75
}

.g-btn.m-flat.m-semi-light[m-hover-state] {
    opacity: 1
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-flat.m-semi-light:hover {
        opacity: 1
    }
}

.g-btn.m-flat.m-btn-arrow {
    width: 32px;
    height: 32px
}

.g-btn.m-flat.m-gray {
    color: #8a96a3
}

.g-btn.m-flat.m-light, .g-btn.m-flat.m-light[m-hover-state] {
    color: #fefefe
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-flat.m-light:hover {
        color: #fefefe
    }
}

.g-btn.m-flat.m-light.disabled, .g-btn.m-flat.m-light[disabled] {
    color: #fefefe
}

.g-btn.m-flat.m-danger {
    color: #e76c6c;
    background-color: transparent
}

.g-btn.m-flat.m-danger[m-hover-state] {
    color: #e76c6c
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-flat.m-danger:hover {
        color: #e76c6c
    }
}

.g-btn.m-flat.m-text {
    color: var(--text-color)
}

.g-btn.m-flat.m-link {
    cursor: pointer
}

.g-btn.m-flat.m-link[m-hover-state] {
    text-decoration: underline
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-flat.m-link:hover {
        text-decoration: underline
    }
}

.g-btn.m-flat.text-left {
    text-align: left
}

.g-btn.m-flat.disabled, .g-btn.m-flat[disabled] {
    background: none;
    color: #8a96a3
}

.g-btn.m-flat[m-hover-state] {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-flat:hover {
        color: #0091ea
    }
}

.g-btn.m-flat .g-icon {
    transition: transform .15s ease
}

.g-btn.m-flat.m-less .g-icon {
    transform: rotate(180deg)
}

.g-btn.m-flat.m-btn-gaps {
    padding: 8px 16px;
    border-radius: 1000px
}

.g-btn.m-flat.m-btn-gaps.m-ex-sm {
    padding: 2px 10px
}

.g-btn.m-flat.m-btn-gaps.m-gaps-sides-sm {
    padding-left: 12px;
    padding-right: 12px
}

.modal-header .g-btn.m-flat.m-btn-gaps {
    margin: -9px -9px -9px 0
}

.g-btn.m-flat.m-btn-gaps[m-hover-state] {
    background-color: rgba(0, 145, 234, .06)
}

.m-mode-dark .g-btn.m-flat.m-btn-gaps[m-hover-state] {
    background-color: hsla(0, 0%, 100%, .12)
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-flat.m-btn-gaps:hover {
        background-color: rgba(0, 145, 234, .06)
    }

    .m-mode-dark .g-btn.m-flat.m-btn-gaps:hover {
        background-color: hsla(0, 0%, 100%, .12)
    }
}

.g-btn.m-flat.m-btn-gaps.m-danger[m-hover-state] {
    background-color: hsla(0, 72%, 66%, .12)
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-flat.m-btn-gaps.m-danger:hover {
        background-color: hsla(0, 72%, 66%, .12)
    }
}

.g-btn.m-default-icon-size .g-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.g-btn.m-sm-icon-size .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.g-btn.m-sms-icon-size .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.g-btn.m-fix-width {
    max-width: 244px
}

.g-input__help>.g-btn {
    font-size: 12px;
    line-height: 16px
}

.videochat-toast .b-btns-group:not(.m-sm-gaps-between-btns):not(.m-lg-gaps-between-btns) .g-btn {
    margin-left: 8px
}

.g-page__header .b-btns-group:not(.m-sm-gaps-between-btns):not(.m-lg-gaps-between-btns) .g-btn.m-rounded {
    margin-left: 16px
}

.g-page__header .b-btns-group:not(.m-sm-gaps-between-btns):not(.m-lg-gaps-between-btns) .g-btn.m-flat {
    margin-left: 18px
}

.g-btn.m-with-plus.m-border, .g-btn.m-with-plus.m-btn-gaps {
    padding-left: 36px
}

.modal-footer .g-btn.m-with-plus {
    margin-left: 0;
    margin-right: auto
}

.g-btn.m-with-plus .g-icon {
    left: 6px
}

.b-btns-group.m-lg-gaps-between-btns .g-btn {
    margin-left: 24px
}

.g-btn.m-btn-remove {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    padding: 0;
    position: relative
}

.g-btn.m-btn-remove.m-md-size {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.g-btn.m-btn-remove .g-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: inherit
}

.g-btn.m-btn-remove[m-hover-state] {
    box-shadow: 0 0 0 2px rgba(0, 175, 240, .06)
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-btn-remove:hover {
        box-shadow: 0 0 0 2px rgba(0, 175, 240, .06)
    }
}

.g-btn.m-btn-remove.m-secondary:not(:hover) {
    background-color: rgba(138, 150, 163, .75)
}

.g-btn.m-btn-remove:not(.m-colored-btn).m-with-round-hover {
    background: none;
    box-shadow: none
}

.g-btn.m-btn-remove.m-with-round-hover {
    box-shadow: none
}

.g-btn.m-btn-remove[class*=m-thumb-r-] {
    position: absolute;
    z-index: 3
}

.g-btn.m-btn-remove.m-thumb-r-center-pos {
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.g-btn.m-btn-remove.m-thumb-r-center-pos.b-btn-icon-reset {
    right: 15px
}

.g-btn.m-btn-remove.m-thumb-r-corner-pos {
    top: 10px;
    right: 10px
}

.b-available-users__item .b-settings .g-btn.m-btn-remove.m-thumb-r-corner-pos, .b-settings__menu__item>a .g-btn.m-btn-remove.m-thumb-r-corner-pos, .b-settings__menu__item>span .g-btn.m-btn-remove.m-thumb-r-corner-pos {
    right: 18px;
    top: 14px
}

.b-paid-operation .g-btn.m-btn-remove.m-thumb-r-corner-pos {
    right: 2px;
    top: -2px
}

.b-paid-operation .g-btn.m-btn-remove.m-thumb-r-corner-pos:not(:hover) .g-icon {
    opacity: .75
}

.b-comment-form__header .g-btn.m-btn-remove.m-thumb-r-corner-pos {
    top: 12px;
    right: 14px
}

.b-streaming__systemstats .g-btn.m-btn-remove.m-thumb-r-corner-pos {
    top: 16px;
    right: 11px
}

.b-offer-join .g-btn.m-btn-remove {
    margin-left: 18px;
    margin-top: 2px
}

.g-btn.m-flexible-behavior {
    padding: 0;
    height: 48px;
    overflow: hidden;
    pointer-events: none;
    box-shadow: none
}

.g-btn.m-flexible-behavior:hover {
    background-color: transparent
}

.g-btn.m-flexible-behavior:hover:after {
    border-color: rgba(0, 145, 234, .75)
}

.g-btn.m-flexible-behavior:hover [class*=b-flexible-behavior-] {
    background-color: rgba(0, 145, 234, .06);
    color: #0091ea
}

.g-btn.m-flexible-behavior:hover [class*=b-flexible-behavior-]:after {
    border-color: rgba(0, 145, 234, .75)
}

.g-btn.m-flexible-behavior:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    width: 24px;
    border-radius: 0 1000px 1000px 0;
    border: 1px solid rgba(138, 150, 163, .25);
    border-left: none;
    transition: border-color .15s
}

.g-btn.m-flexible-behavior [class*=b-flexible-behavior-] {
    height: 48px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    pointer-events: auto;
    position: relative
}

.g-btn.m-flexible-behavior [class*=b-flexible-behavior-]:after {
    content: "";
    position: absolute;
    top: 0;
    transition: border-color .15s
}

.g-btn.m-flexible-behavior .b-flexible-behavior-icon {
    width: 48px;
    border-radius: 1000px 0 0 1000px;
    transition: background-color .15s
}

.g-btn.m-flexible-behavior .b-flexible-behavior-icon:after {
    left: 0;
    height: 48px;
    width: 24px;
    border-radius: 1000px 0 0 1000px;
    border: 1px solid rgba(138, 150, 163, .25);
    border-right: none
}

.g-btn.m-flexible-behavior .b-flexible-behavior-text {
    padding-right: 22px;
    transition: background-color .15s
}

.g-btn.m-flexible-behavior .b-flexible-behavior-text:after {
    bottom: 0;
    right: 24px;
    left: -24px;
    border-top: 1px solid rgba(138, 150, 163, .25);
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.g-btn.m-flexible-behavior .b-flexible-behavior__inside-text {
    margin-left: -6px
}

.g-btn__group {
    display: flex
}

.g-btn__group .b-posts_preloader {
    margin-right: 10px
}

.g-btn__group.m-right {
    justify-content: flex-end
}

.g-btn__group.m-justify .g-btn {
    flex: 1;
    margin-bottom: 12px
}

.g-btn__group .g-btn+.g-btn {
    margin-left: 11px
}

.g-btn__group .g-btn+.g-btn.m-icon {
    margin-left: 8px
}

.g-btn__wrapper {
    padding: 8px 6px 48px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-start
}

.g-btn__wrapper.m-move-negative {
    margin-left: -10px;
    margin-right: -10px
}

.g-btn__wrapper-aligner {
    display: inline-flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.g-btn__wrapper-aligner .g-btn {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 10px
}

.g-btn__wrapper-aligner .g-btn+.g-btn, .g-btn__wrapper-aligner .g-btn:not(:last-child) {
    flex-grow: 1
}

.g-btn__wrapper .g-btn__wrapper-aligner .g-btn+.g-btn {
    margin-left: 6px
}

.g-btn__wrapper__small {
    padding: 8px 6px
}

.g-btn__wrapper_vcenter {
    align-items: center
}

.alert+.g-btn__wrapper {
    padding-top: 23px
}

.g-btn__wrapper .g-icon {
    margin: 6px
}

.g-btn__wrapper .g-btn+.g-btn {
    margin-left: 11px
}

.g-btn__wrapper .g-btn+.g-btn.m-icon {
    margin-left: 8px
}

.g-btn__wrapper.m-space-between {
    justify-content: space-between
}

.g-btn .g-icon {
    vertical-align: middle
}

.g-btn__row {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.g-btn__row.m-negative-half-gaps {
    margin-left: -8px;
    margin-right: -8px
}

.g-btn__row.m-negative-gaps {
    margin-left: -6px;
    margin-right: -6px
}

.g-btn__row.m-gap-extra-lg {
    padding-bottom: 63px
}

.b-statistics-page-content .b-separate-section.g-negative-sides-gaps.g-sides-gaps .g-btn__row {
    margin-left: -4px;
    margin-right: -4px
}

.g-btn__row .g-btn:not(:first-child) {
    margin-left: 8px
}

.g-btn__row .g-btn.m-block {
    flex: 1
}

.b-separate-section .g-btn__row:not(.m-reset-mb):last-child {
    margin-bottom: 9px
}

.g-btn__row .g-icon.m-loader-icon {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px
}

.g-btn__text {
    text-align: left;
    vertical-align: middle;
    margin-right: 8px
}

.g-btn.m-block {
    display: block;
    width: 100%
}

.g-btn.m-danger {
    background: #e76c6c;
    padding-right: 30px;
    padding-left: 30px
}

.g-btn.m-danger.m-sm {
    padding-left: 16px;
    padding-right: 16px
}

.modal-footer .g-btn.m-danger {
    padding-left: 18px;
    padding-right: 18px
}

.g-btn.m-icon {
    min-width: unset;
    padding: 6px 4px
}

.g-btn.m-icon:not(.m-colored) {
    background: none;
    transition: color .15s
}

.g-btn.m-icon:not(.m-colored):not(.m-with-text):not(.m-active) {
    color: rgba(138, 150, 163, .7)
}

.g-btn.m-icon:not(.m-colored).m-with-text {
    color: #8a96a3;
    padding-right: 17px;
    padding-left: 6px
}

.g-btn.m-icon:not(.m-colored).m-with-text .g-icon {
    margin-right: 5px
}

.g-btn.m-icon:not(.m-colored).m-with-text.m-white {
    color: #fefefe;
    padding-right: 8px
}

.g-btn.m-icon:not(.m-colored).m-with-text.m-white .g-icon {
    margin-right: 2px
}

.g-btn.m-icon:not(.m-colored).m-with-text.m-white:hover {
    color: #fefefe
}

.g-btn.m-icon:not(.m-colored):hover {
    color: #0091ea
}

.g-btn.m-icon.m-active {
    color: var(--text-color)
}

.g-btn.m-icon.m-icon-only {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    padding: 0;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.g-btn.m-icon.m-icon-only.m-xs-size {
    width: 24px;
    height: 24px;
    min-height: 24px;
    flex-basis: 24px
}

.g-btn.m-icon.m-icon-only.m-xs-size .g-icon:not(.m-default-size) {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.g-btn.m-icon.m-icon-only.m-sm-size {
    width: 36px;
    height: 36px;
    min-height: 36px;
    flex-basis: 36px
}

.g-btn.m-icon.m-icon-only.m-sm-size.m-icon-size-lg .g-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-default-color {
    color: var(--text-color)
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-default-color .g-icon {
    color: inherit
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-white {
    color: #fefefe
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-white .g-icon, .g-btn.m-icon.m-icon-only:not(.m-colored).m-white:hover .g-icon {
    color: inherit
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray {
    color: #8a96a3
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray .g-icon {
    color: inherit
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray .b-input-radio__label {
    border-color: #8a96a3
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray[m-hover-state] .b-input-radio__label {
    border-color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray:hover .b-input-radio__label {
        border-color: #0091ea
    }
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-lighter {
    color: rgba(138, 150, 163, .75)
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-lighter .b-input-radio__label {
    border-color: rgba(138, 150, 163, .75)
}

.b-streaming__summary__covers-item .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-lighter[m-hover-state] .g-icon {
    color: #fefefe
}

@media (any-hover: hover) and (pointer:fine) {
    .b-streaming__summary__covers-item .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-lighter:hover .g-icon {
        color: #fefefe
    }
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-active {
    color: #00aff0
}

.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-active[m-hover-state] {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-active:hover {
        color: #0091ea
    }
}

.g-btn.m-icon.m-icon-only:not(.m-colored) .g-icon {
    color: #00aff0
}

.g-btn.m-icon.m-icon-only:not(.m-colored)[m-hover-state] .g-icon {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-icon.m-icon-only:not(.m-colored):hover .g-icon {
        color: #0091ea
    }
}

.g-btn.m-icon.m-icon-only .g-icon {
    margin: 0 auto;
    transform: translateZ(0)
}

.g-btn.m-time-period {
    margin-bottom: 12px;
    padding-left: 46px
}

.g-btn.m-time-period .b-btn-text {
    color: #8a96a3
}

.g-btn.m-time-period .g-icon.m-half-left {
    left: 10px
}

.g-btn.m-time-period[m-hover-state] .b-btn-text {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-time-period:hover .b-btn-text {
        color: #0091ea
    }
}

.g-btn.m-time-period .b-date-value {
    color: var(--title-color);
    margin-left: 4px;
    margin-right: 4px
}

.g-btn.m-time-period .b-date-value:last-child {
    margin-right: 0
}

.g-btn__new-line-text {
    display: inline-block
}

.g-btn.disabled, .g-btn[disabled] {
    background: rgba(138, 150, 163, .75);
    opacity: .4;
    pointer-events: none
}

.g-btn.disabled .g-btn-spinner, .g-btn[disabled] .g-btn-spinner {
    display: inline-block
}

.g-btn.m-loading {
    position: relative;
    padding-right: 50px
}

.g-btn.m-loading.m-block {
    padding-left: 40px;
    padding-right: 40px
}

.g-btn.m-loading[disabled] {
    background: #00aff0;
    opacity: 1
}

.g-btn.m-loading .g-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.g-btn.m-send-queue-to-paid-customers {
    margin-right: 5px;
    line-height: 16px
}

.g-page__header .g-btn.m-move-btn-right {
    margin-right: -6px
}

.g-btn.m-spotify {
    background: #1db954;
    padding: 12px
}

.g-btn.m-spotify .g-icon {
    left: 12px
}

.g-btn.m-spotify[m-hover-state] {
    background: #16af79
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-spotify:hover {
        background: #16af79
    }
}

.g-btn.m-google, .g-btn.m-twitter {
    padding-left: 38px
}

.g-btn.m-google .g-icon, .g-btn.m-twitter .g-icon {
    left: 8px
}

.g-btn.m-google span, .g-btn.m-twitter span {
    position: relative;
    z-index: 2
}

.g-btn.m-twitter {
    background: #1da1f2
}

@media (max-width: 767px) {
    .g-btn.m-twitter {
        color: #fff
    }
}

.g-btn.m-twitter[m-hover-state] {
    background: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-twitter:hover {
        background: #0091ea
    }
}

.g-btn.m-google {
    position: relative;
    background: #4285f4
}

.g-btn.m-google[m-hover-state] {
    background: #3367d6
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-google:hover {
        background: #3367d6
    }
}

.g-btn.m-google:before {
    content: "";
    position: absolute;
    background: #fefefe;
    width: 35px;
    bottom: 2px;
    left: 2px;
    top: 2px;
    border-radius: 1000px 2px 2px 1000px
}

.g-btn.m-spring-store {
    background: #2f2f2f;
    position: relative
}

.g-btn.m-spring-store:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    z-index: 0;
    background-color: rgba(0, 145, 234, .25);
    opacity: 0;
    transition: opacity .1s
}

.g-btn.m-spring-store[m-hover-state]:before {
    opacity: 1
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-spring-store:hover:before {
        opacity: 1
    }
}

.g-btn.m-opensea {
    background: #e27925;
    width: 100%
}

.g-btn.m-opensea .g-icon {
    left: 12px
}

.g-btn.m-opensea[m-hover-state] {
    background: #ce6727
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn.m-opensea:hover {
        background: #ce6727
    }
}

.g-btn.m-spring-store .g-icon {
    left: 12px
}

.g-btn-spinner {
    display: none;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    border: 2px solid #fefefe;
    border-right-color: transparent;
    border-radius: 50%;
    animation: rotation .75s linear infinite;
    margin-right: 5px;
    margin-top: -2px
}

.b-btn-text.m-notice:after {
    margin-left: 4px;
    content: "*"
}

.b-btn-text__small {
    text-transform: lowercase
}

.b-btn-text__center {
    display: flex;
    justify-content: center;
    width: 100%
}

.dropdown-menu .m-collapse-title, .dropdown-menu a.dropdown-item, .dropdown-menu button.dropdown-item, .m-with-rectangle-hover {
    position: relative;
    cursor: pointer
}

.dropdown-menu .m-collapse-title:after, .dropdown-menu a.dropdown-item:after, .dropdown-menu button.dropdown-item:after, .m-with-rectangle-hover:after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border-radius: 4px;
    background-color: rgba(0, 145, 234, .06);
    pointer-events: none;
    opacity: 0;
    transition: opacity .1s;
    z-index: -1
}

.m-mode-dark .dropdown-menu .m-collapse-title:after, .m-mode-dark .dropdown-menu a.dropdown-item:after, .m-mode-dark .dropdown-menu button.dropdown-item:after, .m-mode-dark .m-with-rectangle-hover:after {
    background-color: rgba(0, 145, 234, .12)
}

.dropdown-menu .m-collapse-title.m-tb-sm:after, .dropdown-menu .m-collapse-title:after, .dropdown-menu a.dropdown-item.m-tb-sm:after, .dropdown-menu a.dropdown-item:after, .dropdown-menu button.dropdown-item.m-tb-sm:after, .dropdown-menu button.dropdown-item:after, .m-with-rectangle-hover.m-tb-sm:after {
    top: 4px;
    bottom: 4px
}

.dropdown-menu .m-collapse-title.m-tb-md:after, .dropdown-menu a.dropdown-item.m-tb-md:after, .dropdown-menu button.dropdown-item.m-tb-md:after, .m-with-rectangle-hover.m-tb-md:after {
    top: 6px;
    bottom: 6px
}

.dropdown-menu .m-collapse-title.m-lr-md:after, .dropdown-menu a.dropdown-item.m-lr-md:after, .dropdown-menu button.dropdown-item.m-lr-md:after, .m-with-rectangle-hover.m-lr-md:after {
    left: 6px;
    right: 6px
}

.dropdown-menu .m-collapse-title[m-hover-state]:after, .dropdown-menu a.dropdown-item[m-hover-state]:after, .dropdown-menu button.dropdown-item[m-hover-state]:after, .m-with-rectangle-hover[m-hover-state]:after {
    opacity: 1
}

@media (any-hover: hover) and (pointer:fine) {
    .dropdown-menu .m-collapse-title:hover:after, .dropdown-menu a.dropdown-item:hover:after, .dropdown-menu button.dropdown-item:hover:after, .m-with-rectangle-hover:hover:after {
        opacity: 1
    }
}

.m-with-round-hover {
    position: relative
}

.m-with-round-hover.m-disabled, .m-with-round-hover[disabled] {
    pointer-events: none
}

.m-with-round-hover.m-width-fluid-hover:after {
    width: 100%
}

.m-with-round-hover.m-width-oblong-hover.m-size-sm-hover:after {
    width: 36px
}

.m-with-round-hover:not(.m-width-fluid-hover).m-size-extra-lg-hover:after {
    width: 48px
}

.m-with-round-hover:not(.m-width-fluid-hover).m-size-lg-hover:after {
    width: 40px
}

.m-with-round-hover:not(.m-width-fluid-hover).m-size-md-hover:after {
    width: 36px
}

.m-with-round-hover:not(.m-width-fluid-hover).m-size-md-btw-hover:after {
    width: 32px
}

.m-with-round-hover:not(.m-width-fluid-hover).m-size-sm-hover:after {
    width: 24px
}

.m-with-round-hover:not(.m-width-fluid-hover).m-size-sms-hover:after {
    width: 20px
}

.m-with-round-hover.m-size-extra-lg-hover:after {
    height: 48px
}

.m-with-round-hover.m-size-lg-hover:after {
    height: 40px
}

.m-with-round-hover.m-size-md-hover:after {
    height: 36px
}

.m-with-round-hover.m-size-md-btw-hover:after {
    height: 32px
}

.m-with-round-hover.m-size-sm-hover:after {
    height: 24px
}

.m-with-round-hover.m-size-sms-hover:after {
    height: 20px
}

.m-with-round-hover:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    transition: opacity .15s;
    pointer-events: none;
    opacity: 0;
    border-radius: 1000px;
    background-color: #0091ea;
    display: block
}

.l-streaming-container .m-with-round-hover:after {
    background-color: #fefefe;
    z-index: -1
}

.m-with-round-hover.m-light:after {
    background-color: #fefefe
}

.m-with-round-hover.m-light[m-hover-state]:after {
    opacity: .12
}

@media (any-hover: hover) and (pointer:fine) {
    .m-with-round-hover.m-light:hover:after {
        opacity: .12
    }
}

.m-with-round-hover[m-hover-state]:after {
    opacity: .06
}

.l-streaming-container .m-with-round-hover[m-hover-state]:after {
    opacity: .12
}

@media (any-hover: hover) and (pointer:fine) {
    .m-with-round-hover:hover:after {
        opacity: .06
    }

    .l-streaming-container .m-with-round-hover:hover:after {
        opacity: .12
    }
}

.g-btn-link {
    padding: 0;
    background: none;
    border: none;
    color: #8a96a3
}

.g-btn-link.m-link-color {
    color: #00aff0
}

.g-btn-link[m-hover-state] {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn-link:hover {
        color: #0091ea
    }
}

.g-btn-link[disabled] {
    color: #8a96a3
}

.b-btns-group.m-move-right {
    margin-right: -6px
}

.b-btns-group.m-move-right-feed {
    margin-right: -9px
}

.g-section__header .b-btns-group {
    margin-top: -6px;
    margin-bottom: -6px
}

.b-btns-group>:not(:first-child) {
    margin-left: 4px
}

.b-stream-header .b-btns-group>:not(:first-child) {
    margin-left: 9px
}

.b-btns-group .g-btn.m-flat.m-link, .b-btns-group .g-btn.m-flat.m-text {
    font-size: 14px;
    line-height: 20px
}

.g-btn-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    transform: translateY(2px);
    padding: 0;
    border: none;
    color: rgba(138, 150, 163, .75);
    background: none;
    z-index: 10
}

.g-btn-close[m-hover-state] {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .g-btn-close:hover {
        color: #0091ea
    }
}

.g-btn-close.m-with-round-hover {
    position: absolute
}

.g-btn-close .g-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.g-btn-close.m-light {
    color: #fefefe
}

.g-btn-close:not(.m-pos-back) .m-btn-back {
    display: none
}

.g-btn-close.m-pos-back {
    right: auto;
    left: 0
}

.g-btn-close.m-pos-back .m-btn-close {
    display: none
}

.b-new-event-btn {
    background-color: rgba(138, 150, 163, .08);
    border-radius: 6px;
    height: 56px;
    flex: 0 0 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #8a96a3;
    width: 100%;
    border: none
}

.l-wrapper__content .b-new-event-btn {
    margin-top: 16px
}

.b-new-event-btn.m-md-size {
    height: 64px;
    flex: 0 0 64px
}

.b-new-event-btn.m-lg-size {
    height: 72px;
    flex: 0 0 72px
}

.b-new-event-btn.m-square {
    height: auto;
    flex: auto;
    padding-top: 100%;
    border-radius: 0;
    position: relative
}

.b-new-event-btn.m-square .g-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.b-new-event-btn:last-child {
    margin-bottom: 16px
}

.l-wrapper__sidebar .b-new-event-btn:last-child {
    margin-bottom: 0
}

.b-widget .b-new-event-btn:last-child {
    margin-bottom: 0;
    margin-top: 20px
}

.b-new-event-btn[m-hover-state] {
    background-color: rgba(0, 145, 234, .06);
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .b-new-event-btn:hover {
        background-color: rgba(0, 145, 234, .06);
        color: #0091ea
    }
}

.btn-referrals-back {
    position: fixed;
    right: 8px;
    bottom: 64px;
    z-index: 1000
}

@media (min-width: 500px) {
    .btn-referrals-back {
        bottom: 6px
    }
}

.g-btn-play {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 1000px;
    z-index: 2
}

.g-btn-play.m-sm-size {
    width: 36px;
    height: 36px;
    transition: background-color .1s ease
}

.g-btn-play.m-lg-size {
    width: 60px;
    height: 60px;
    line-height: 60px;
    opacity: .7;
    transition: background-color .3s ease, opacity .3s ease
}

.m-with-btn-play:hover .g-btn-play.m-lg-size {
    opacity: 1
}

.pswp--open .g-btn-play.m-lg-size {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.pswp--open .g-btn-play.m-lg-size[m-hover-state] {
    opacity: 1
}

@media (any-hover: hover) and (pointer:fine) {
    .pswp--open .g-btn-play.m-lg-size:hover {
        opacity: 1
    }
}

.g-btn-play.m-lg-size .g-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px
}

.m-with-btn-play:hover .g-btn-play, .pswp--open .g-btn-play[m-hover-state] {
    background-color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .pswp--open .g-btn-play:hover {
        background-color: #0091ea
    }
}

.g-btn-play .g-icon {
    color: #fefefe;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.table {
    font: 14px/18px Roboto, sans-serif
}

.table.m-reset-mb {
    margin-bottom: 0
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    position: relative;
    border-top-color: rgba(138, 150, 163, .25);
    padding: 10px 16px
}

.table>tbody>tr>td:not([valign=top]), .table>tbody>tr>th:not([valign=top]), .table>tfoot>tr>td:not([valign=top]), .table>tfoot>tr>th:not([valign=top]), .table>thead>tr>td:not([valign=top]), .table>thead>tr>th:not([valign=top]) {
    vertical-align: middle
}

.table>tbody>tr>td[valign=top], .table>tbody>tr>th[valign=top], .table>tfoot>tr>td[valign=top], .table>tfoot>tr>th[valign=top], .table>thead>tr>td[valign=top], .table>thead>tr>th[valign=top] {
    vertical-align: top
}

.table td, .table th {
    padding-top: 10px;
    padding-bottom: 10px
}

.table td {
    background: none;
    border-top: 1px solid rgba(138, 150, 163, .25);
    vertical-align: middle;
    padding-left: 16px;
    padding-right: 16px
}

.table th {
    background: transparent;
    color: #a6a6a6;
    padding-left: 19px;
    padding-right: 19px
}

.table.m-list-determination.m-large-gaps td {
    padding-top: 10px;
    padding-bottom: 11px
}

.table.m-list-determination td {
    border-top: none;
    padding-top: 3px;
    padding-bottom: 3px
}

.table.m-list-determination td:first-child {
    color: #8a96a3;
    padding-left: 0;
    padding-right: 4px
}

.table.m-list-determination td:last-child {
    padding-left: 4px;
    padding-right: 0
}

.table.m-user-economy {
    line-height: 20px;
    display: flex;
    flex-wrap: wrap
}

.b-top-statistic .table.m-user-economy {
    width: calc(100% + 16px);
    max-width: calc(100% + 16px)
}

.b-useful-data .table.m-user-economy {
    margin-bottom: -5px
}

.table.m-user-economy tbody {
    display: inherit;
    width: 100%;
    max-width: 100%
}

.table.m-user-economy tbody td {
    padding-top: 2px;
    padding-bottom: 12px;
    border-top: none
}

.table.m-user-economy tfoot {
    display: inherit;
    width: 100%;
    max-width: 100%
}

.table.m-user-economy tfoot td {
    padding-top: 11px;
    padding-bottom: 0
}

.table.m-user-economy tfoot td:first-child {
    color: #8a96a3
}

.table.m-user-economy tr {
    display: inherit;
    flex: 1;
    max-width: 100%
}

.table.m-user-economy td {
    line-height: inherit
}

.table.m-user-economy td:first-child {
    padding-left: 0;
    padding-right: 4px;
    flex: 1;
    min-width: 0
}

.table.m-user-economy td:last-child {
    padding-left: 4px;
    padding-right: 16px
}

.b-table {
    font-size: 13px;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
    width: 100%;
    color: var(--text-color);
    overflow: hidden
}

.b-table.m-default-table {
    box-shadow: none;
    border-top: 1px solid rgba(138, 150, 163, .25);
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    border-radius: 0;
    margin-left: -16px;
    width: calc(100% + 32px)
}

.b-separate-section .b-table.m-default-table:first-child, .b-useful-data .b-table.m-default-table:first-child {
    border-top: none
}

.b-separate-section .b-table.m-default-table:last-child, .b-useful-data .b-table.m-default-table:last-child {
    border-bottom: none
}

.b-useful-data .b-table.m-default-table:last-child {
    margin-bottom: -13px
}

.b-separate-section .b-table.m-default-table:last-child {
    border-bottom: none
}

.b-table.m-default-table:last-child.m-bottom-gap {
    margin-bottom: 50px
}

.b-table.m-default-table.m-reset-bt {
    border-top: none
}

.b-table.m-default-table.m-reset-bb {
    border-bottom: none
}

.b-table.m-default-table .b-user-header {
    margin-left: -3px
}

@media (max-width: 767px) {
    .b-table.m-default-table .b-user-header {
        margin-left: -2px
    }
}

.transactions-block .b-table.m-default-table {
    margin-top: 3px
}

.b-table.m-default-table.m-overview-earnings-table thead tr {
    display: flex
}

.b-table.m-default-table.m-overview-earnings-table thead tr th {
    flex: 1
}

.b-table.m-default-table.m-overview-earnings-table thead tr th.text-right {
    flex: 0 0 90px
}

.b-table.m-default-table.m-overview-earnings-table thead tr th.text-right:last-child {
    flex: 0 0 calc(90px + 6%)
}

@media (min-width: 768px) {
    .b-table.m-default-table.m-overview-earnings-table thead tr th.text-right:last-child {
        flex: 0 0 calc(90px + 16%)
    }
}

.b-table.m-default-table.m-overview-earnings-table tbody tr td {
    padding-bottom: 0
}

.b-table.m-default-table.m-overview-earnings-table tbody tr:first-child td {
    padding-top: 0
}

.b-table.m-default-table thead th {
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #8a96a3;
    padding: 8px 8px 7px;
    position: relative
}

.b-table.m-default-table thead th:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.b-table.m-default-table thead th:first-child {
    padding-left: 16px
}

.b-table.m-default-table thead th:last-child {
    padding-right: 16px
}

.b-table.m-default-table thead th.g-pointer-cursor:hover {
    text-decoration: underline;
    color: #0091ea
}

.b-table.m-default-table thead th.g-pointer-cursor.m-active {
    font-weight: 500
}

.transactions-block .b-table.m-default-table thead th {
    padding-bottom: 12px
}

.b-table.m-default-table tbody tr:first-child~tr td:first-child:after {
    left: 0
}

.b-table.m-default-table tbody tr:first-child~tr td:last-child:after {
    right: 0
}

.b-table.m-default-table tbody tr:first-child td {
    padding-top: 12px
}

.transactions-block .b-table.m-default-table tbody tr:first-child td {
    padding-top: 14px
}

.b-table.m-default-table tbody tr.g-gray-text .b-username-row .b-username {
    color: inherit
}

.b-table.m-default-table tbody td {
    padding: 13px 8px 14px;
    font-size: 14px;
    line-height: 20px
}

.b-table.m-default-table tbody td:first-child {
    padding-left: 16px
}

.b-table.m-default-table tbody td:last-child {
    padding-right: 16px
}

.b-table.m-default-table tbody td.m-fans-table-cell {
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .b-table.m-default-table tbody td.m-fans-cell-long {
        width: 388px
    }
}

.b-table.m-default-table tbody td.b-table__loader__cell {
    padding-left: 0;
    padding-right: 0
}

.b-useful-data .b-table.m-default-table tbody td.b-table__loader__cell {
    padding-bottom: 0
}

.b-table.m-default-table tbody td .approved, .b-table.m-default-table tbody td .pending, .b-table.m-default-table tbody td .rejected {
    display: flex
}

.b-table.m-default-table tbody td .approved .b-state-icon, .b-table.m-default-table tbody td .pending .b-state-icon, .b-table.m-default-table tbody td .rejected .b-state-icon {
    padding-left: 16px;
    margin-left: auto;
    margin-top: 3px
}

.b-table.m-default-table tbody td .approved .g-icon, .b-table.m-default-table tbody td .pending .g-icon, .b-table.m-default-table tbody td .rejected .g-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px
}

.b-table.m-default-table tbody td .pending .g-icon {
    color: #8a96a3
}

.b-table.m-default-table tbody td .rejected .g-icon {
    color: #ff6060
}

.b-table.m-default-table tbody td .approved .g-icon {
    color: #00aff0
}

.b-table.m-default-table .g-btn.m-flex {
    width: auto;
    display: inline-flex
}

@media (max-width: 767px) {
    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) {
        table-layout: fixed
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead {
        display: block
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead tr {
        padding: 0;
        width: 100%
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead tr.m-responsive__align-left th:not(.text-right) {
        text-align: left
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th {
        flex: 1
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th.m-responsive__hidden {
        display: none
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th.m-responsive__hidden:first-child+th {
        padding-left: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th.m-responsive__right-gap {
        padding-right: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tr {
        box-shadow: none;
        border-radius: 0;
        margin: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tr:not(:first-child) {
        border-top: 1px solid rgba(138, 150, 163, .25)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr {
        padding-top: 0;
        padding-left: 16px;
        padding-right: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr:not(.m-responsive__reset-pb) {
        padding-bottom: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr.m-responsive__reset-pb {
        padding-bottom: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr.m-responsive__reset-pb.m-relative {
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td:first-child {
        padding-left: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__hidden {
        display: none
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line {
        border-top: 1px solid rgba(138, 150, 163, .25)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over {
        max-width: calc(100% + 16px);
        flex: 0 0 calc(100% + 16px);
        padding-right: 16px;
        border-top: 1px solid rgba(138, 150, 163, .25);
        padding-left: 0;
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over:last-child {
        padding-bottom: 0;
        margin-bottom: 15px;
        padding-top: 5px
    }

    .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over:last-child {
        margin-bottom: 12px;
        padding-top: 6px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-error-line {
        border-top-color: hsla(2, 76%, 66%, .25)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-payout-cell {
        padding-right: 44px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-payout-cell-with-download {
        margin-bottom: 35px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-vat-cell {
        padding-bottom: 15px;
        padding-top: 5px;
        padding-right: 44px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over a:hover {
        text-decoration: underline
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under {
        flex: 0 0 calc(100% + 16px);
        padding-right: 16px;
        border-bottom: 1px solid rgba(138, 150, 163, .25);
        padding-bottom: 6px;
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under+td {
        padding-left: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under~td {
        padding-top: 6px;
        padding-left: 4px;
        padding-right: 4px;
        flex: 1
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__align-left, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under~td:not(.text-right) {
        text-align: left
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__equal-width_2 {
        width: 50%;
        padding-top: 13px;
        padding-bottom: 6px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__equal-width_float {
        flex: 1;
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child {
        padding-right: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child~td {
        display: block;
        width: 100%;
        padding: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child~td:not(:last-child) {
        margin-bottom: 8px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child~td.m-responsive__border-line {
        padding-top: 10px;
        margin-right: -16px;
        padding-right: 16px;
        width: calc(100% + 16px)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__valign-center {
        display: inline-flex;
        flex-direction: row;
        align-content: center;
        align-items: center
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__before-line-over {
        padding-bottom: 7px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__before-line-over.m-last-in-row {
        margin-right: -16px;
        padding-right: 16px
    }

    .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__before-line-over {
        padding-bottom: 5px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr:first-child~tr td:after, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tfoot tr th:after {
        content: none
    }
}

@media (min-width: 768px) and (max-width:1003px) {
    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg {
        table-layout: fixed
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead {
        display: block
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead tr {
        padding: 0;
        width: 100%
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead tr.m-responsive__align-left th:not(.text-right) {
        text-align: left
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th {
        flex: 1
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th.m-responsive__hidden {
        display: none
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th.m-responsive__hidden:first-child+th {
        padding-left: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th.m-responsive__right-gap {
        padding-right: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tr {
        box-shadow: none;
        border-radius: 0;
        margin: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tr:not(:first-child) {
        border-top: 1px solid rgba(138, 150, 163, .25)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr {
        padding-top: 0;
        padding-left: 16px;
        padding-right: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr:not(.m-responsive__reset-pb) {
        padding-bottom: 16px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr.m-responsive__reset-pb {
        padding-bottom: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr.m-responsive__reset-pb.m-relative {
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td:first-child {
        padding-left: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__hidden {
        display: none
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line {
        border-top: 1px solid rgba(138, 150, 163, .25)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over {
        max-width: calc(100% + 16px);
        flex: 0 0 calc(100% + 16px);
        padding-right: 16px;
        border-top: 1px solid rgba(138, 150, 163, .25);
        padding-left: 0;
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over:last-child {
        padding-bottom: 0;
        margin-bottom: 15px;
        padding-top: 5px
    }

    .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over:last-child {
        margin-bottom: 12px;
        padding-top: 6px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-error-line {
        border-top-color: hsla(2, 76%, 66%, .25)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-payout-cell {
        padding-right: 44px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-payout-cell-with-download {
        margin-bottom: 35px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-vat-cell {
        padding-bottom: 15px;
        padding-top: 5px;
        padding-right: 44px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over a:hover {
        text-decoration: underline
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under {
        flex: 0 0 calc(100% + 16px);
        padding-right: 16px;
        border-bottom: 1px solid rgba(138, 150, 163, .25);
        padding-bottom: 6px;
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under+td {
        padding-left: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under~td {
        padding-top: 6px;
        padding-left: 4px;
        padding-right: 4px;
        flex: 1
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__align-left, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under~td:not(.text-right) {
        text-align: left
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__equal-width_2 {
        width: 50%;
        padding-top: 13px;
        padding-bottom: 6px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__equal-width_float {
        flex: 1;
        position: relative
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child {
        padding-right: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child~td {
        display: block;
        width: 100%;
        padding: 0
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child~td:not(:last-child) {
        margin-bottom: 8px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child~td.m-responsive__border-line {
        padding-top: 10px;
        margin-right: -16px;
        padding-right: 16px;
        width: calc(100% + 16px)
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__valign-center {
        display: inline-flex;
        flex-direction: row;
        align-content: center;
        align-items: center
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__before-line-over {
        padding-bottom: 7px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__before-line-over.m-last-in-row {
        margin-right: -16px;
        padding-right: 16px
    }

    .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__before-line-over {
        padding-bottom: 5px
    }

    .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr:first-child~tr td:after, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tfoot tr th:after {
        content: none
    }
}

.b-table.m-default-table.m-responsive.m-compact-view-mode {
    table-layout: fixed
}

.b-table.m-default-table.m-responsive.m-compact-view-mode thead {
    display: block
}

.b-table.m-default-table.m-responsive.m-compact-view-mode thead tr {
    padding: 0;
    width: 100%
}

.b-table.m-default-table.m-responsive.m-compact-view-mode thead tr.m-responsive__align-left th:not(.text-right) {
    text-align: left
}

.b-table.m-default-table.m-responsive.m-compact-view-mode thead th {
    flex: 1
}

.b-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-responsive__hidden {
    display: none
}

.b-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-responsive__hidden:first-child+th {
    padding-left: 16px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-responsive__right-gap {
    padding-right: 16px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tr {
    box-shadow: none;
    border-radius: 0;
    margin: 0
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tr:not(:first-child) {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr:not(.m-responsive__reset-pb) {
    padding-bottom: 16px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr.m-responsive__reset-pb {
    padding-bottom: 0
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr.m-responsive__reset-pb.m-relative {
    position: relative
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td:first-child {
    padding-left: 0
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__hidden {
    display: none
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over {
    max-width: calc(100% + 16px);
    flex: 0 0 calc(100% + 16px);
    padding-right: 16px;
    border-top: 1px solid rgba(138, 150, 163, .25);
    padding-left: 0;
    position: relative
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over:last-child {
    padding-bottom: 0;
    margin-bottom: 15px;
    padding-top: 5px
}

.transactions-block .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over:last-child {
    margin-bottom: 12px;
    padding-top: 6px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-error-line {
    border-top-color: hsla(2, 76%, 66%, .25)
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-payout-cell {
    padding-right: 44px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-payout-cell-with-download {
    margin-bottom: 35px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-vat-cell {
    padding-bottom: 15px;
    padding-top: 5px;
    padding-right: 44px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over a:hover {
    text-decoration: underline
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under {
    flex: 0 0 calc(100% + 16px);
    padding-right: 16px;
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    padding-bottom: 6px;
    position: relative
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under+td {
    padding-left: 0
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under~td {
    padding-top: 6px;
    padding-left: 4px;
    padding-right: 4px;
    flex: 1
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__align-left, .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under~td:not(.text-right) {
    text-align: left
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__equal-width_2 {
    width: 50%;
    padding-top: 13px;
    padding-bottom: 6px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__equal-width_float {
    flex: 1;
    position: relative
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child {
    padding-right: 0
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child~td {
    display: block;
    width: 100%;
    padding: 0
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child~td:not(:last-child) {
    margin-bottom: 8px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child~td.m-responsive__border-line {
    padding-top: 10px;
    margin-right: -16px;
    padding-right: 16px;
    width: calc(100% + 16px)
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__valign-center {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over {
    padding-bottom: 7px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-last-in-row {
    margin-right: -16px;
    padding-right: 16px
}

.transactions-block .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over {
    padding-bottom: 5px
}

.b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr:first-child~tr td:after, .b-table.m-default-table.m-responsive.m-compact-view-mode tfoot tr th:after {
    content: none
}

@media (min-width: 768px) and (max-width:1003px) {
    .b-table.m-default-table.m-responsive.m-compact-view-mode.m-to-level-lg {
        padding-top: 10px;
        margin-right: -16px;
        padding-right: 16px;
        width: calc(100% + 16px)
    }
}

.b-table.m-earnings, .b-table.m-payments, .b-table.m-payouts, .b-table.m-refbonus {
    margin: 0 0 24px
}

.b-table.m-payouts .b-table__desc {
    white-space: normal;
    position: relative
}

.b-table.m-payouts .b-table__desc .approved, .b-table.m-payouts .b-table__desc .pending, .b-table.m-payouts .b-table__desc .rejected {
    display: block;
    position: relative;
    min-height: 17px;
    padding-right: 36px
}

.b-table.m-payouts .b-table__desc_short-status .approved, .b-table.m-payouts .b-table__desc_short-status .pending, .b-table.m-payouts .b-table__desc_short-status .rejected {
    padding-right: 0
}

.b-table.m-payouts .b-table__desc_short-status .g-icon {
    right: auto;
    left: 50%;
    transform: translateX(-50%)
}

.b-table.m-payouts .b-table__desc .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    position: absolute;
    right: 6px;
    top: 1px
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-done"] {
    color: #00aff0;
    fill: #00aff0
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-loading"] {
    color: #8a96a3;
    fill: #8a96a3
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-alert"] {
    color: #e76c6c;
    fill: #e76c6c
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-undo"] {
    color: #ff485b;
    fill: #ff485b
}

.b-table.m-payouts .b-table__desc .pending {
    color: #8a96a3
}

.b-table.m-refbonus {
    font-weight: 500
}

.b-table.m-refbonus tr td:last-child, .b-table.m-refbonus tr th:last-child {
    text-align: right
}

.b-table.m-refbonus tfoot td {
    padding-top: 0;
    padding-bottom: 12px
}

.b-table.m-support td {
    border: 2px solid #000
}

.b-table__month, .b-table__payouts-date {
    font-weight: 500
}

@media (min-width: 1004px) {
    .b-table__month, .b-table__payouts-date {
        white-space: nowrap
    }
}

.b-table__date {
    font-weight: 500
}

@media (min-width: 768px) {
    .b-table__date__date {
        display: inline-block;
        white-space: nowrap;
        margin-right: 4px
    }

    .b-table__date__time {
        display: inline-block
    }
}

.b-table__desc a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: inline-block
}

.b-table thead th {
    font-weight: 500;
    font-size: 11px;
    color: rgba(138, 150, 163, .7);
    text-transform: uppercase
}

.b-table td, .b-table th {
    padding-left: 12px;
    padding-right: 12px
}

.b-table td.m-error-color, .b-table th.m-error-color {
    color: #ff6060
}

.b-table td.td-table-text, .b-table th.td-table-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.b-table td.td-table-text .g-truncated-text, .b-table th.td-table-text .g-truncated-text {
    text-align: left
}

.b-table td.td-table-text .g-truncated-text p:last-child, .b-table th.td-table-text .g-truncated-text p:last-child {
    margin: 0
}

.b-table td.td-table-text img, .b-table th.td-table-text img {
    max-width: 100%
}

.b-table td.td-table-text h1, .b-table td.td-table-text h2, .b-table td.td-table-text h3, .b-table td.td-table-text h4, .b-table td.td-table-text h5, .b-table td.td-table-text h6, .b-table th.td-table-text h1, .b-table th.td-table-text h2, .b-table th.td-table-text h3, .b-table th.td-table-text h4, .b-table th.td-table-text h5, .b-table th.td-table-text h6 {
    margin: 0
}

@media (min-width: 768px) {
    .b-table th {
        padding-top: 15px;
        padding-bottom: 10px
    }

    .b-table td {
        padding-top: 10px;
        padding-bottom: 9px
    }
}

.b-table>tbody>tr:first-child>td {
    padding-top: 0
}

.b-table>tbody>tr:first-child>td.b-link-cell .g-text-ellipsis {
    top: 0
}

.b-table .in-collapse tbody tr:first-child td {
    padding-top: 10px
}

.b-table tbody .collapsing-slot {
    transition: all .2s;
    min-height: 0;
    overflow: hidden;
    position: relative
}

.b-table tbody .collapsing-slot.collapsed {
    min-height: 50px
}

.b-table tbody .collapsing-slot .collapsing-slot-wrapper {
    width: 100%
}

.b-table tbody tr td.useable-icon {
    vertical-align: baseline;
    color: #8a96a3;
    cursor: pointer;
    text-align: center
}

.b-table tbody tr td.useable-icon.m-alert {
    color: #ff6060
}

.b-table tbody tr td.useable-icon.m-done {
    color: #00aff0
}

.b-table tbody tr td.useable-icon .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.b-table tbody tr td.useable-icon.m-vat-cell {
    top: 7px
}

.b-table tbody tr td.useable-icon.m-payout-cell {
    top: calc(50% + 5px);
    transform: translateY(calc(-50% - 2.5px))
}

.b-table tbody tr td.useable-icon.m-payout-cell, .b-table tbody tr td.useable-icon.m-vat-cell {
    position: absolute;
    right: 14px;
    padding: 0;
    margin: 0;
    height: 16px
}

.b-table tbody tr td.useable-icon.m-payout-cell .g-icon, .b-table tbody tr td.useable-icon.m-vat-cell .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.b-table tbody tr td.useable-icon.m-with-round-hover:after {
    display: block
}

.b-table tbody tr td.useable-icon.m-with-round-hover:hover {
    color: #0091ea
}

.b-table tbody tr td.collapsing-icon {
    transition: all .3s;
    vertical-align: top
}

.b-table tbody tr td.collapsing-icon .g-icon {
    transition: all .3s;
    margin-bottom: 0
}

.b-table tbody tr td.collapsing-icon.rotate .g-icon {
    transform: rotate(180deg)
}

@media (min-width: 768px) {
    .b-table tfoot tr th, .b-table>tbody>tr:first-child~tr>td {
        position: relative
    }

    .b-table tfoot tr th:after, .b-table>tbody>tr:first-child~tr>td:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-top: 1px solid rgba(138, 150, 163, .25)
    }

    .b-table tfoot tr th:first-child:after, .b-table>tbody>tr:first-child~tr>td:first-child:after {
        left: 12px
    }

    .b-table tfoot tr th:last-child:after, .b-table>tbody>tr:first-child~tr>td:last-child:after {
        right: 12px
    }
}

.b-table .b-table__status-tip {
    position: relative
}

.b-table .b-table__status-tip .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    vertical-align: top
}

.b-table .b-table__status-tip .g-icon use[*|href*="#icon-done"] {
    color: #00aff0;
    fill: #00aff0
}

.b-table .b-table__status-tip .g-icon use[*|href*="#icon-loading"] {
    color: #8a96a3;
    fill: #8a96a3
}

.b-table .b-table__status-tip .g-icon use[*|href*="#icon-alert"] {
    color: #e76c6c;
    fill: #e76c6c
}

.b-table .b-table__status-tip .g-icon:not(.g-blue) use[*|href*="#icon-undo"] {
    color: #ff485b;
    fill: #ff485b
}

.b-table .b-table__status-tip .tip-text {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    border: 1px solid rgba(138, 150, 163, .4);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    background: var(--bg-color);
    border-radius: 6px;
    right: -11px;
    padding: 7px 12px 9px;
    top: 100%;
    margin-top: 6px
}

.b-table .b-table__status-tip .tip-text:after {
    position: absolute;
    content: "";
    background: inherit;
    top: -10px;
    right: 10px;
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
    border-left: 1px solid rgba(138, 150, 163, .4);
    border-top: 1px solid rgba(138, 150, 163, .4)
}

.b-table .b-table__status-tip:hover {
    z-index: 5
}

.b-table .b-table__status-tip:hover .tip-text {
    opacity: 1
}

.b-table .b-table__status-tip.m-top .tip-text {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 6px
}

.b-table .b-table__status-tip.m-top .tip-text:after {
    top: auto;
    bottom: -10px;
    transform: rotate(-135deg);
    box-shadow: -3px -3px 5px rgba(0, 0, 0, .16)
}

@media (min-width: 768px) {
    .b-table.m-mass-chats-stat {
        margin-bottom: 15px
    }
}

.b-table.m-mass-chats-stat .m-gray-bg {
    background: rgba(138, 150, 163, .12)
}

@media (min-width: 768px) {
    .b-table.m-responsive .b-table__desc .b-table__status-tip {
        display: none
    }
}

@media (max-width: 767px) {
    .b-table.m-responsive {
        box-shadow: none
    }

    .b-table.m-responsive, .b-table.m-responsive tbody, .b-table.m-responsive td, .b-table.m-responsive tfoot, .b-table.m-responsive tr {
        display: block
    }

    .b-table.m-responsive tbody.useable-icon, .b-table.m-responsive td.useable-icon, .b-table.m-responsive tfoot.useable-icon, .b-table.m-responsive tr.useable-icon, .b-table.m-responsive.useable-icon {
        margin-top: 20px
    }

    .b-table.m-responsive tbody.collapsed, .b-table.m-responsive td.collapsed, .b-table.m-responsive tfoot.collapsed, .b-table.m-responsive tr.collapsed, .b-table.m-responsive.collapsed {
        margin-top: -20px;
        box-shadow: inset 0 -1px 0 1px rgba(138, 150, 163, .25)
    }

    .b-table.m-responsive thead {
        display: none
    }

    .b-table.m-responsive tr {
        display: flex;
        border-radius: 6px;
        box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
        margin: 0 0 12px;
        flex-wrap: wrap;
        padding: 8px 12px 10px
    }

    .b-table.m-responsive tr.m-responsive__grid {
        display: grid;
        align-items: center
    }

    .b-table.m-responsive tr.m-responsive__grid.m-cols-1fr-auto {
        grid-template-columns: 1fr auto
    }

    .b-table.m-responsive tr.m-responsive__justify-between {
        justify-content: space-between
    }

    .b-table.m-responsive tr.m-responsive__justify-between td:not(.m-responsive__border-line__under) {
        flex: auto
    }

    .b-table.m-responsive tbody tr~tr td:first-child:after, .b-table.m-responsive tfoot tr th:after {
        content: none
    }

    .b-table.m-responsive tfoot tr {
        justify-content: space-between
    }

    .b-table.m-responsive .b-table__status {
        display: none
    }

    .b-table.m-responsive .b-table__status-tip:not(.m-relative) {
        position: absolute;
        right: 6px;
        top: 9px
    }

    .b-table.m-responsive .b-table__net strong, .b-table.m-responsive .b-table__payouts-amount strong, .b-table.m-responsive .b-table__total-net strong {
        font-weight: 700
    }

    .b-table.m-responsive.m-payments tr, .b-table.m-responsive.m-payouts tr, .b-table.m-responsive.m-tickets tr {
        justify-content: space-between
    }

    .b-table.m-responsive.m-payments .b-table__amount strong {
        font-weight: 700
    }

    .b-table.m-responsive.m-tickets td {
        text-align: left;
        flex: 1
    }

    .b-table.m-responsive.m-tickets td:first-child, .b-table.m-responsive.m-tickets td:last-child {
        flex: 0 1 25%
    }

    .b-table.m-responsive th {
        font-weight: 400
    }

    .b-table.m-responsive td, .b-table.m-responsive th {
        padding-left: 6px;
        padding-right: 6px
    }

    .b-table.m-responsive td:not(.text-left), .b-table.m-responsive th:not(.text-left) {
        text-align: right
    }

    .b-table.m-responsive td.b-table__desc, .b-table.m-responsive td.b-table__subscriptions, .b-table.m-responsive td.m-responsive__first-child, .b-table.m-responsive td:first-child, .b-table.m-responsive th.m-responsive__first-child, .b-table.m-responsive th:first-child {
        text-align: left
    }

    .b-table.m-responsive td.b-table__desc {
        padding: 9px 30px 0 6px
    }

    .b-table.m-responsive td.b-table__desc_rgap-reset {
        padding-right: 0
    }

    .b-table.m-responsive td.m-responsive__grid__data-cell {
        padding: 8px 0 0
    }

    .b-table.m-responsive td.m-responsive__grid__data-cell+.m-responsive__grid__data-cell {
        padding: 0 0 8px
    }

    .b-table.m-responsive td.m-responsive__grid__united-rows-two {
        padding-top: 10px;
        padding-bottom: 10px;
        grid-row: 1/span 2
    }

    .b-table.m-responsive .b-table__date {
        flex: 0 1 31.1926606%
    }

    .b-table.m-responsive .b-table__date__date {
        display: block;
        font-size: 11px;
        color: rgba(138, 150, 163, .7);
        text-transform: uppercase;
        margin: 0 0 5px
    }

    .b-table.m-responsive .b-table__amount, .b-table.m-responsive .b-table__fee, .b-table.m-responsive .b-table__net {
        flex: 0 1 22.9357798%
    }

    .b-table.m-responsive .b-table__desc {
        flex: 0 1 100%;
        border-top: 1px solid rgba(138, 150, 163, .25);
        position: relative;
        margin: 9px 0 0;
        width: 100%
    }

    .b-table.m-responsive .b-table__desc__desc {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .b-table.m-responsive [data-title]:before {
        display: block;
        content: attr(data-title);
        font-size: 11px;
        color: rgba(138, 150, 163, .7);
        font-weight: 500;
        text-transform: uppercase;
        margin-right: auto;
        align-self: flex-start;
        white-space: nowrap
    }
}

@media (min-width: 768px) and (max-width:1003px) {
    .b-table.m-responsive.m-to-level-lg {
        box-shadow: none
    }

    .b-table.m-responsive.m-to-level-lg, .b-table.m-responsive.m-to-level-lg tbody, .b-table.m-responsive.m-to-level-lg td, .b-table.m-responsive.m-to-level-lg tfoot, .b-table.m-responsive.m-to-level-lg tr {
        display: block
    }

    .b-table.m-responsive.m-to-level-lg tbody.useable-icon, .b-table.m-responsive.m-to-level-lg td.useable-icon, .b-table.m-responsive.m-to-level-lg tfoot.useable-icon, .b-table.m-responsive.m-to-level-lg tr.useable-icon, .b-table.m-responsive.m-to-level-lg.useable-icon {
        margin-top: 20px
    }

    .b-table.m-responsive.m-to-level-lg tbody.collapsed, .b-table.m-responsive.m-to-level-lg td.collapsed, .b-table.m-responsive.m-to-level-lg tfoot.collapsed, .b-table.m-responsive.m-to-level-lg tr.collapsed, .b-table.m-responsive.m-to-level-lg.collapsed {
        margin-top: -20px;
        box-shadow: inset 0 -1px 0 1px rgba(138, 150, 163, .25)
    }

    .b-table.m-responsive.m-to-level-lg thead {
        display: none
    }

    .b-table.m-responsive.m-to-level-lg tr {
        display: flex;
        border-radius: 6px;
        box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
        margin: 0 0 12px;
        flex-wrap: wrap;
        padding: 8px 12px 10px
    }

    .b-table.m-responsive.m-to-level-lg tr.m-responsive__grid {
        display: grid;
        align-items: center
    }

    .b-table.m-responsive.m-to-level-lg tr.m-responsive__grid.m-cols-1fr-auto {
        grid-template-columns: 1fr auto
    }

    .b-table.m-responsive.m-to-level-lg tr.m-responsive__justify-between {
        justify-content: space-between
    }

    .b-table.m-responsive.m-to-level-lg tr.m-responsive__justify-between td:not(.m-responsive__border-line__under) {
        flex: auto
    }

    .b-table.m-responsive.m-to-level-lg tbody tr~tr td:first-child:after, .b-table.m-responsive.m-to-level-lg tfoot tr th:after {
        content: none
    }

    .b-table.m-responsive.m-to-level-lg tfoot tr {
        justify-content: space-between
    }

    .b-table.m-responsive.m-to-level-lg .b-table__status {
        display: none
    }

    .b-table.m-responsive.m-to-level-lg .b-table__status-tip:not(.m-relative) {
        position: absolute;
        right: 6px;
        top: 9px
    }

    .b-table.m-responsive.m-to-level-lg .b-table__net strong, .b-table.m-responsive.m-to-level-lg .b-table__payouts-amount strong, .b-table.m-responsive.m-to-level-lg .b-table__total-net strong {
        font-weight: 700
    }

    .b-table.m-responsive.m-to-level-lg.m-payments tr, .b-table.m-responsive.m-to-level-lg.m-payouts tr, .b-table.m-responsive.m-to-level-lg.m-tickets tr {
        justify-content: space-between
    }

    .b-table.m-responsive.m-to-level-lg.m-payments .b-table__amount strong {
        font-weight: 700
    }

    .b-table.m-responsive.m-to-level-lg.m-tickets td {
        text-align: left;
        flex: 1
    }

    .b-table.m-responsive.m-to-level-lg.m-tickets td:first-child, .b-table.m-responsive.m-to-level-lg.m-tickets td:last-child {
        flex: 0 1 25%
    }

    .b-table.m-responsive.m-to-level-lg th {
        font-weight: 400
    }

    .b-table.m-responsive.m-to-level-lg td, .b-table.m-responsive.m-to-level-lg th {
        padding-left: 6px;
        padding-right: 6px
    }

    .b-table.m-responsive.m-to-level-lg td:not(.text-left), .b-table.m-responsive.m-to-level-lg th:not(.text-left) {
        text-align: right
    }

    .b-table.m-responsive.m-to-level-lg td.b-table__desc, .b-table.m-responsive.m-to-level-lg td.b-table__subscriptions, .b-table.m-responsive.m-to-level-lg td.m-responsive__first-child, .b-table.m-responsive.m-to-level-lg td:first-child, .b-table.m-responsive.m-to-level-lg th.m-responsive__first-child, .b-table.m-responsive.m-to-level-lg th:first-child {
        text-align: left
    }

    .b-table.m-responsive.m-to-level-lg td.b-table__desc {
        padding: 9px 30px 0 6px
    }

    .b-table.m-responsive.m-to-level-lg td.b-table__desc_rgap-reset {
        padding-right: 0
    }

    .b-table.m-responsive.m-to-level-lg td.m-responsive__grid__data-cell {
        padding: 8px 0 0
    }

    .b-table.m-responsive.m-to-level-lg td.m-responsive__grid__data-cell+.m-responsive__grid__data-cell {
        padding: 0 0 8px
    }

    .b-table.m-responsive.m-to-level-lg td.m-responsive__grid__united-rows-two {
        padding-top: 10px;
        padding-bottom: 10px;
        grid-row: 1/span 2
    }

    .b-table.m-responsive.m-to-level-lg .b-table__date {
        flex: 0 1 31.1926606%
    }

    .b-table.m-responsive.m-to-level-lg .b-table__date__date {
        display: block;
        font-size: 11px;
        color: rgba(138, 150, 163, .7);
        text-transform: uppercase;
        margin: 0 0 5px
    }

    .b-table.m-responsive.m-to-level-lg .b-table__amount, .b-table.m-responsive.m-to-level-lg .b-table__fee, .b-table.m-responsive.m-to-level-lg .b-table__net {
        flex: 0 1 22.9357798%
    }

    .b-table.m-responsive.m-to-level-lg .b-table__desc {
        flex: 0 1 100%;
        border-top: 1px solid rgba(138, 150, 163, .25);
        position: relative;
        margin: 9px 0 0;
        width: 100%
    }

    .b-table.m-responsive.m-to-level-lg .b-table__desc__desc {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .b-table.m-responsive.m-to-level-lg [data-title]:before {
        display: block;
        content: attr(data-title);
        font-size: 11px;
        color: rgba(138, 150, 163, .7);
        font-weight: 500;
        text-transform: uppercase;
        margin-right: auto;
        align-self: flex-start;
        white-space: nowrap
    }
}

@media (max-width: 767px) {
    .b-table.m-responsive__hidden {
        display: none
    }
}

.b-table.m-responsive.m-mass-chats-stat [data-title]:before {
    padding-right: 30px
}

@media (max-width: 1003px) {
    .b-table.m-responsive.m-mass-chats-stat [data-title]:before {
        display: block;
        content: attr(data-title);
        font-size: 11px;
        color: rgba(138, 150, 163, .7);
        font-weight: 500;
        text-transform: uppercase;
        margin-right: auto;
        align-self: flex-start;
        white-space: nowrap
    }
}

@media (min-width: 768px) and (max-width:1003px) {
    .b-table.m-responsive.m-mass-chats-stat thead+tbody tr:first-child td:not(:first-child) {
        position: relative
    }

    .b-table.m-responsive.m-mass-chats-stat thead+tbody tr:first-child td:not(:first-child):after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-top: 1px solid rgba(138, 150, 163, .25)
    }
}

@media (min-width: 768px) {
    .b-table.m-responsive.m-mass-chats-stat tr.m-gray-bg td {
        padding-top: 10px
    }
}

@media (min-width: 768px) and (max-width:1003px) {
    .b-table.m-responsive.m-mass-chats-stat tr td {
        padding-top: 10px;
        padding-bottom: 0
    }
}

@media (max-width: 1003px) {
    .b-table.m-responsive.m-mass-chats-stat tr {
        display: block;
        padding: 0 12px;
        overflow: hidden
    }

    .b-table.m-responsive.m-mass-chats-stat td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 5px
    }

    .b-table.m-responsive.m-mass-chats-stat td:empty {
        display: none
    }
}

@media (max-width: 767px) {
    .b-table.m-responsive.m-mass-chats-stat tr {
        padding: 8px 12px 10px
    }
}

.b-table__group-btns .g-btn:not(:first-child) {
    margin-left: 8px
}

.b-table.m-compact-view-mode thead tr {
    width: 100%;
    padding: 0
}

.b-table.m-compact-view-mode thead tr th {
    flex: 1
}

.b-table.m-compact-view-mode thead tr th.m-width-vat:first-child {
    flex: 0 0 54%
}

.b-table.m-compact-view-mode tbody tr {
    padding-left: 16px;
    padding-right: 16px
}

.b-table.m-compact-view-mode tbody tr.m-expired {
    color: #8a96a3
}

.b-table.m-compact-view-mode tbody tr.m-expired .b-nowrap-table-item__text.g-page-title__link {
    cursor: text
}

.b-table.m-compact-view-mode tbody tr.m-expired .b-nowrap-table-item__text.g-page-title__link:hover {
    text-decoration: none
}

.b-table.m-compact-view-mode tr {
    display: flex;
    flex-wrap: wrap
}

.b-table__loader {
    padding: 0;
    justify-content: center;
    text-align: center
}

.b-icon-table {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin-right: 8px;
    margin-left: 0
}

.b-icon-table.m-icon-link {
    color: #00aff0
}

.b-icon-table.m-icon-gray {
    color: #8a96a3
}

.b-icon-table .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.b-link-cell {
    position: relative
}

.b-link-cell .g-text-ellipsis {
    position: absolute;
    left: 12px;
    top: 10px;
    width: calc(100% - 24px)
}

.b-view-table-btn {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-top: -10px;
    position: relative;
    z-index: 2;
    padding-bottom: 6px
}

.b-useful-data .b-view-table-btn:last-child {
    padding-bottom: 0;
    margin-bottom: -8px
}

.b-view-table-btn__el {
    padding-left: 12px;
    padding-right: 12px;
    color: #8a96a3;
    background-color: var(--bg-color);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.b-view-table-btn:hover .b-view-table-btn__el {
    color: #0091ea;
    text-decoration: underline
}

.b-view-table-btn__el .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-left: 4px;
    margin-right: -3px;
    transform-origin: center;
    transition: transform .1s
}

.b-view-table-btn.m-collapsed .g-icon {
    transform: rotate(-180deg)
}

.b-nowrap-table-item {
    min-height: 20px;
    position: relative
}

.b-nowrap-table-item__text {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead tr {
    padding-left: 16px;
    padding-right: 16px
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-width-statements {
    max-width: calc(42% + 16px);
    flex: 0 0 calc(42% + 16px)
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-width-engagement {
    max-width: calc(28% + 16px);
    flex: 0 0 calc(28% + 16px)
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-width-invoice-button {
    flex: 0 0 50px
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th:first-child {
    margin-left: -16px
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th:last-child {
    margin-right: -16px
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td .b-statements-text-table {
    padding-right: 36px;
    display: block
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-statements {
    max-width: calc(42% + 16px);
    flex: 0 0 calc(42% + 16px)
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-engagement {
    max-width: calc(28% + 16px);
    flex: 0 0 calc(28% + 16px)
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-vat {
    flex: 1
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-vat:first-child {
    flex: 0 0 54%
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child {
    margin-left: -16px;
    padding-left: 16px
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child~.m-responsive__before-line-over {
    flex: 1;
    text-align: right
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child~.m-responsive__before-line-over:not(.m-break-word) {
    overflow: hidden;
    text-overflow: ellipsis
}

.b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child~.m-responsive__before-line-over.m-width-invoice-button {
    flex: 0 0 50px
}

.b-table-group-btns {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
    height: 16px
}

.b-transaction-state {
    position: relative;
    display: flex;
    padding-right: 30px
}

.b-transaction-state .b-icon-table {
    position: absolute;
    left: 0;
    top: 2px
}

.b-table-flex-cell {
    display: flex
}

.b-table-flex-cell__col.m-flex-all {
    flex: 1
}

.b-table-flex-cell__col:last-child {
    margin-left: 8px
}

@media (min-width: 768px) {
    .m-reach-cell-short {
        width: 94px;
        text-align: right
    }

    .m-reach-cell-total-subscribers {
        width: 95px;
        text-align: right
    }

    .m-reach-cell-total {
        width: 100px
    }
}

.useable-icon {
    vertical-align: baseline;
    color: #8a96a3;
    cursor: pointer;
    text-align: center
}

.useable-icon.m-alert {
    color: #ff6060
}

.useable-icon.m-done {
    color: #00aff0
}

.useable-icon .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.useable-icon.m-vat-cell {
    top: 7px
}

.useable-icon.m-payout-cell {
    top: calc(50% + 5px);
    transform: translateY(calc(-50% - 2.5px))
}

.useable-icon.m-payout-cell, .useable-icon.m-vat-cell {
    position: absolute;
    right: 14px;
    padding: 0;
    margin: 0;
    height: 16px
}

.useable-icon.m-payout-cell .g-icon, .useable-icon.m-vat-cell .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.useable-icon.m-with-round-hover:after {
    display: block
}

.useable-icon.m-with-round-hover:hover {
    color: #0091ea
}

.b-table.m-default-table.m-responsive .m-payout-cell-with-download .download-invoice-link {
    position: absolute;
    right: 6px;
    top: 100%;
    margin-top: 5px
}

.b-table.m-default-table.m-responsive .m-payout-cell-with-download .download-invoice-link.g-btn:hover {
    text-decoration: none
}

.b-search-form {
    padding-top: 0;
    padding-bottom: 0;
    background: var(--bg-color);
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.b-search-form:not(.g-sides-gaps) {
    padding-left: 0;
    padding-right: 0
}

.b-search-form.m-default-form {
    position: relative;
    margin-bottom: 16px;
    z-index: 2
}

.b-search-form.m-default-form .g-page__header__btn.m-search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.b-search-form:not(.m-default-form) {
    position: absolute;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 3;
    visibility: hidden
}

.m-search-form-visible .b-search-form:not(.m-default-form) {
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

.m-search-header .b-search-form:not(.m-with-bg) {
    background: none
}

.m-search-header .b-search-form {
    min-height: inherit;
    height: inherit;
    width: calc(100% + 32px)
}

.modal-header__btns-group .b-search-form {
    right: 9px;
    top: 5px;
    left: 16px;
    width: auto
}

@media (max-width: 499px) {
    .m-search-overlay-enable .b-search-form__overlay {
        position: absolute;
        height: calc(100vh - 55px);
        height: calc(var(--vh, 1vh)*100 - 55px);
        background-color: rgba(0, 0, 0, .5);
        touch-action: none;
        left: 0;
        right: 0
    }

    .m-search-overlay-enable .m-autocomplete-search.m-with-tabs .b-search-form__overlay {
        top: 56px
    }

    .m-search-overlay-enable .m-autocomplete-search:not(.m-with-tabs) .b-search-form__overlay {
        top: 100%
    }

    .modal-body .b-search-form__overlay {
        display: none
    }
}

.b-search-form__wrapper {
    flex: 1;
    display: flex;
    border: 1px solid rgba(138, 150, 163, .25);
    border-radius: 6px;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 16px;
    margin-right: 16px
}

.b-search-form__clear-input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9px
}

.b-btns-group .b-search-form__clear-input.g-btn.m-icon.m-icon-only:last-child {
    margin: 0
}

@media (min-width: 1004px) {
    .m-default-form .b-search-form__clear-input {
        right: 12px
    }
}

.b-search-form.m-with-tabs {
    height: 56px;
    margin-top: -56px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px
}

.b-search-form.m-with-tabs:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #00aff0
}

.b-search-form.m-with-tabs.m-autocomplete-search:after {
    background-color: rgba(138, 150, 163, .25)
}

.m-search-form-visible .b-search-form.m-with-tabs {
    width: calc(100% + 32px)
}

.b-btns-group .b-search-form {
    right: 0;
    left: 0;
    width: auto;
    padding-right: 16px;
    padding-left: 12px;
    margin-left: 0
}

.m-search-form-visible .b-btns-group .b-search-form {
    position: absolute;
    margin-top: 0
}

.b-search-form__wrapper-autocomplete {
    flex: 1;
    position: relative;
    display: flex
}

.m-autocomplete-search .b-search-form__wrapper-autocomplete {
    align-self: center
}

.m-autocomplete-search:not(.m-default-form) .b-search-form__wrapper-autocomplete {
    margin-left: 6px;
    margin-right: 6px
}

.b-search-form__input {
    border: none;
    height: 56px;
    flex: 1
}

.m-field-height-lg .b-search-form__input {
    height: 48px;
    padding: 14px 44px 14px 16px
}

.m-field-height-md .b-search-form__input {
    height: 40px;
    padding: 10px 16px 11px
}

.m-field-height-md .b-search-form__input.m-with-clear-btn {
    padding-right: 40px
}

.m-field-height-md .b-search-form__input::-moz-placeholder {
    text-overflow: clip
}

.m-field-height-md .b-search-form__input::placeholder {
    text-overflow: clip
}

.m-field-height-sm .b-search-form__input {
    height: 36px;
    padding: 8px 16px 9px
}

.m-field-height-sm .b-search-form__input:-moz-placeholder-shown {
    padding-right: 8px
}

.m-field-height-sm .b-search-form__input:placeholder-shown {
    padding-right: 8px
}

.m-field-height-sm .b-search-form__input.m-with-clear-btn {
    padding-right: 36px
}

.m-autocomplete-search .b-search-form__input {
    border-radius: 6px;
    border: 1px solid transparent;
    transition: border .05s
}

.m-autocomplete-search.m-opened-results .b-search-form__input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: rgba(0, 175, 240, .75)
}

.m-autocomplete-search:not(.m-opened-results) .b-search-form__input {
    border-color: rgba(138, 150, 163, .25)
}

.m-autocomplete-search:not(.m-opened-results) .b-search-form__input:focus {
    border-color: rgba(0, 175, 240, .75)
}

.m-autocomplete-search:not(.m-opened-results) .b-search-form__input.m-field-fill {
    border-color: #00aff0
}

@media (any-hover: hover) and (pointer:fine) {
    .m-autocomplete-search:not(.m-opened-results) .b-search-form__input:hover:not(:focus) {
        border-color: #8a96a3
    }
}

.b-search-form__input::-ms-clear, .b-search-form__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.b-search-form .g-btn.m-icon-only {
    margin-top: auto;
    margin-bottom: auto
}

.b-search-form__results {
    position: absolute;
    top: 100%;
    left: 0
}

.b-search-form__results.mention-container {
    padding: 0
}

.b-search-form__results .connected-accounts-info:hover {
    background: var(--marked-color)
}

.b-search-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-color);
    border-radius: 0 0 6px 6px;
    border: 1px solid rgba(0, 175, 240, .75);
    border-top: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    z-index: 1
}

.b-search-autocomplete__scroller {
    min-height: 48px;
    max-height: calc(100vh - 65px);
    max-height: calc(var(--vh, 1vh)*100 - 65px)
}

.b-search-autocomplete__scroller.m-keyboard-size {
    max-height: calc(100vh - 300px);
    max-height: calc(var(--vh, 1vh)*100 - 300px)
}

@media (min-width: 1004px) {
    .b-search-autocomplete__scroller {
        max-height: calc(100vh - 140px);
        max-height: calc(var(--vh, 1vh)*100 - 140px)
    }
}

.b-search-autocomplete__header {
    padding: 14px 16px 15px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    z-index: 1
}

.b-search-autocomplete__header+.b-search-autocomplete__scroller.m-keyboard-size {
    max-height: calc(100vh - 249px);
    max-height: calc(var(--vh, 1vh)*100 - 249px)
}

.b-search-autocomplete__list {
    list-style: none;
    margin-bottom: 0
}

.b-search-autocomplete__list:not(:first-child):not(:first-of-type):not(:empty) {
    border-top: 8px solid var(--marked-color)
}

.b-search-autocomplete__list-item {
    position: relative
}

.b-search-autocomplete__list-item.m-selected:after {
    opacity: 1
}

.b-search-autocomplete__list-item:first-child .b-search-autocomplete__user-result__body:before {
    content: none
}

.b-search-autocomplete__list-item.m-with-rectangle-hover:hover .b-search-autocomplete__post-result .g-icon {
    color: #0091ea
}

.b-search-autocomplete__list-item__remove {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%)
}

.b-search-autocomplete__user-result {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px
}

.b-search-autocomplete__user-result__body {
    padding: 12px 0 12px 0;
    margin-right: -16px;
    margin-left: 12px;
    flex: 1;
    max-width: calc(100% - 32px);
    position: relative
}

.m-with-remove-btn .b-search-autocomplete__user-result__body {
    padding-right: 48px
}

.b-search-autocomplete__user-result__body:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background-color: rgba(138, 150, 163, .25)
}

.b-search-autocomplete__post-result {
    height: 48px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding: 0 44px 0 52px;
    position: relative
}

.b-search-autocomplete__post-result .g-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: #8a96a3
}

.b-search-autocomplete__post-result__text {
    max-width: 100%
}

.b-search-autocomplete__post-result:hover .g-icon {
    color: #0091ea
}

.b-preloader-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    z-index: 1;
    overflow: hidden
}

.b-preloader-line:after {
    content: "";
    width: 100px;
    height: inherit;
    background-color: #00aff0;
    animation: speed-line 2s linear infinite;
    display: block
}

.b-wrapper-search {
    min-height: calc(100vh - 120px);
    min-height: calc(var(--vh, 1vh)*100 - 120px)
}

.b-wrapper-search.m-empty-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center
}

@keyframes speed-line {
    0% {
        margin-left: -100px
    }

    to {
        margin-left: 100%
    }
}

.b-tabs__nav {
    margin-top: 0;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    padding: 0
}

.b-tabs__nav+.b-scrolled-modal-content {
    margin-top: 0
}

.b-users__item .b-tabs__nav {
    margin-bottom: 0
}

.g-page__header .b-tabs__nav {
    padding-top: 12px;
    margin-right: 16px
}

.transactions-block .b-tabs__nav {
    padding-top: 16px
}

.m-in-stream .b-tabs__nav {
    margin-left: -16px;
    margin-right: -16px
}

.b-tabs__nav:not(.g-negative-sides-gaps) {
    margin-left: 0;
    margin-right: 0
}

.b-tabs__nav.m-block-allocated.m-tab-rounded:after {
    content: "";
    border-bottom: 8px solid var(--marked-color);
    display: block;
    box-sizing: content-box;
    position: relative;
    flex: 0 0 calc(100% + 32px);
    margin-left: -16px
}

.b-tabs__nav.m-reset-mb {
    margin-bottom: 0
}

.b-tabs__nav.m-bottom-bordered {
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    padding-bottom: 13px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px
}

.b-tabs__nav.m-bottom-bordered.m-gap-inside-sm {
    padding-bottom: 8px
}

.b-tabs__nav.m-nowrap {
    flex-wrap: nowrap;
    white-space: nowrap
}

.b-tabs__nav.m-wrap {
    flex-wrap: wrap
}

.b-tabs__nav.m-search {
    justify-content: flex-start
}

.b-tabs__nav.m-search:after {
    display: none
}

.b-tabs__nav.m-tab-rounded {
    margin-bottom: 17px;
    min-height: 32px
}

.b-users__item.m-subscriptions .b-tabs__nav.m-tab-rounded {
    margin-bottom: 16px
}

.b-useful-data .b-tabs__nav.m-tab-rounded {
    margin-bottom: 14px
}

.b-tabs__nav.m-tab-rounded:not(.m-wrap) {
    flex-wrap: nowrap
}

.b-tabs__nav.m-tab-rounded.m-lg-mb {
    margin-bottom: 23px
}

.b-useful-data .b-tabs__nav.m-tab-rounded.m-lg-mb {
    margin-bottom: 18px
}

.b-tabs__nav.m-tab-rounded.m-sm-mb {
    margin-bottom: 10px
}

.b-tabs__nav.m-tab-rounded.m-reset-mb {
    margin-bottom: 0
}

.b-tabs__nav.m-tab-rounded:after {
    display: none
}

.b-tabs__nav.m-tab-rounded.m-with-counter .b-dragscroll {
    padding-top: 8px
}

.b-tabs__nav.m-tabs-default+.b-separate-section:not(.m-without-bold-border) {
    border-top: 8px solid var(--marked-color)
}

.b-tabs__nav.m-tabs-default~.b-separate-section:last-child {
    border-bottom: none
}

.b-tabs__nav.m-tabs-default+.b-separate-section .transactions-block.m-empty-section {
    min-height: calc(100vh - 178px);
    min-height: calc(var(--vh, 1vh)*100 - 178px);
    padding-bottom: 26px
}

@media (min-width: 500px) {
    .b-tabs__nav.m-tabs-default+.b-separate-section .transactions-block.m-empty-section {
        min-height: calc(100vh - 121px);
        min-height: calc(var(--vh, 1vh)*100 - 121px)
    }
}

.modal-body:not(.m-reset-body-paddings-sides):not(.m-reset-body-paddings) .b-tabs__nav.m-tabs-default {
    margin-left: -16px;
    margin-right: -16px
}

.b-tabs__nav.m-tabs-default .b-tabs__nav__item {
    line-height: 16px
}

.b-tabs__nav.m-tabs-default.m-size-sm .b-tabs__nav__item {
    font-size: 14px;
    line-height: 20px
}

.b-tabs__nav.m-tabs-default.m-size-md .b-tabs__nav__item {
    font-size: 14px
}

.b-tabs__nav.m-over-separator {
    border-top: 1px solid rgba(138, 150, 163, .25);
    padding-top: 8px
}

.b-tabs__nav.m-over-separator:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 8px;
    background-color: var(--marked-color)
}

.b-tabs__nav.m-mb-reset {
    margin-bottom: 0
}

.b-tabs__nav.m-reset-sides-gaps {
    margin-left: -16px;
    margin-right: -16px
}

.b-tabs__nav.m-gap-over {
    margin-bottom: 16px
}

.b-tabs__nav.m-sticky-after-header {
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
    background-color: var(--bg-color);
    z-index: 4
}

.b-tabs__nav.m-inside-sidebar {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 0
}

@media (max-width: 1003px) {
    .b-tabs__nav.m-inside-sidebar {
        padding-bottom: 1px
    }
}

@media (min-width: 1004px) {
    .b-tabs__nav.m-inside-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 56px;
        margin-top: 0;
        max-height: calc(100vh - 56px);
        align-self: flex-start
    }
}

@media (max-width: 1003px) {
    .b-tabs__nav.m-inside-sidebar:after {
        padding-left: 16px;
        padding-right: 16px;
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px)
    }
}

.b-tabs__nav:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(138, 150, 163, .25);
    z-index: 0
}

.modal-header .b-tabs__nav:after {
    content: none
}

.modal-header .b-tabs__nav {
    margin: 0 0 -17px
}

.b-tabs__nav.m-flex-width {
    width: 100%
}

.b-tabs__nav.m-flex-width.m-reset-sides-gaps {
    width: calc(100% + 32px)
}

.b-tabs__nav__list {
    display: inherit;
    margin-bottom: 0;
    flex-wrap: inherit;
    white-space: inherit;
    list-style: none;
    flex: 1
}

.b-tabs__nav__item {
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    color: #8a96a3;
    font-weight: 500;
    font-size: 0;
    border: none;
    background: none;
    border-bottom: 2px solid transparent;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    transition: color .3s ease, border-color .3s ease
}

@media (min-width: 1004px) {
    .b-tabs__nav__item {
        font-size: 16px
    }
}

.b-tabs__nav__item[disabled]:not(.m-current) {
    opacity: .4;
    pointer-events: none
}

.b-tabs__nav__item[type=button] {
    background: none
}

.b-tabs__nav__item:not([href]) {
    padding: 0;
    border: none;
    outline: none
}

.modal-header .b-tabs__nav__item {
    font-size: inherit
}

.modal-header .b-tabs__nav__item .g-icon {
    margin-right: 5px
}

.m-text .b-tabs__nav__item {
    padding: 4px 1px 13px;
    font-size: 19px;
    color: rgba(138, 150, 163, .7)
}

.m-text .b-tabs__nav__item+mx-hover-state(), .m-text .b-tabs__nav__item.m-current {
    color: var(--text-color)
}

.m-text .b-tabs__nav__item:nth-child(2):last-child, .m-text .b-tabs__nav__item:nth-child(3):last-child {
    margin-right: auto
}

.m-text .b-tabs__nav__item.m-current {
    border-bottom-color: currentColor
}

.m-search .b-tabs__nav__item {
    font-size: 15px;
    line-height: 21px;
    padding-top: 11px;
    padding-bottom: 9px;
    border-top: 2px solid transparent;
    border-bottom: none;
    margin-right: 21px;
    color: rgba(138, 150, 163, .7)
}

.m-search .b-tabs__nav__item:not(.m-current)[m-hover-state] {
    color: var(--text-color);
    border-top-color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .m-search .b-tabs__nav__item:not(.m-current):hover {
        color: var(--text-color);
        border-top-color: #0091ea
    }
}

.m-search .b-tabs__nav__item.m-current {
    border-top-color: #00aff0;
    color: var(--text-color)
}

.m-search .b-tabs__nav__item.m-current[m-hover-state] {
    border-top-color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .m-search .b-tabs__nav__item.m-current:hover {
        border-top-color: #0091ea
    }
}

.m-tab-rounded .b-tabs__nav__item {
    font-size: 14px;
    line-height: 16px;
    text-transform: none;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 1000px;
    margin-right: 12px;
    border: none;
    color: var(--text-color);
    background-color: rgba(138, 150, 163, .12);
    transition: background-color .1s, color .1s;
    display: inline-flex;
    min-height: 32px;
    text-align: left
}

.m-tab-rounded .b-tabs__nav__item .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.modal .m-tab-rounded .b-tabs__nav__item {
    margin-right: 8px
}

.m-mode-dark .modal .m-tab-rounded .b-tabs__nav__item {
    background-color: hsla(0, 0%, 100%, .12)
}

.m-tab-rounded .b-tabs__nav__item.m-profile.m-border {
    display: block;
    box-shadow: none;
    min-height: auto;
    padding: 8px 14px
}

.m-tab-rounded .b-tabs__nav__item.m-profile.m-border .g-icon {
    position: relative;
    left: auto;
    top: auto;
    transform: none
}

.m-tabs-default.m-flex-width .b-tabs__nav__item {
    flex: 1;
    justify-content: center
}

.m-tabs-default.m-flex-width .b-tabs__nav__item .b-tabs__nav__text {
    padding-left: 6px;
    padding-right: 6px
}

.m-tab-rounded:not(.m-single-current) .b-tabs__nav__item {
    padding-left: 12px;
    padding-right: 12px
}

.m-tab-rounded.m-single-current .b-tabs__nav__item {
    padding-left: 14px;
    padding-right: 14px
}

.m-tabs-default .b-tabs__nav__item {
    margin-right: 0
}

.m-tabs-default .b-tabs__nav__item.m-current:not(.m-disabled):not([disabled])[m-hover-state] {
    color: #0091ea;
    border-bottom-color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .m-tabs-default .b-tabs__nav__item.m-current:not(.m-disabled):not([disabled]):hover {
        color: #0091ea;
        border-bottom-color: #0091ea
    }
}

.b-tabs__nav__item.m-tabs-media {
    padding-left: 4px !important;
    padding-top: 4px;
    padding-bottom: 4px
}

.m-tabs-default.m-tabs-separate .b-tabs__nav__item:not(:first-child) {
    border-left: 1px solid rgba(138, 150, 163, .25)
}

.m-tab-rounded.m-single-current .b-tabs__nav__item.m-included {
    box-shadow: inset 0 0 0 2px rgba(0, 175, 240, .25)
}

.b-tabs__nav__item.m-current.m-disabled {
    pointer-events: none
}

.b-tabs__nav__item.m-current:not([href])>a:not(.b-tabs__nav__link) {
    border-bottom-color: currentColor
}

.m-tab-rounded:not(.m-single-current) .b-tabs__nav__item.m-current {
    background-color: rgba(138, 150, 163, .3);
    padding-right: 15px
}

.m-tab-rounded.m-single-current .b-tabs__nav__item.m-current {
    background-color: rgba(0, 175, 240, .25)
}

.m-tabs-default .b-tabs__nav__item.m-current:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #242529
}

.modal-header .b-tabs__nav__item.m-current .g-icon {
    color: #00aff0
}

.m-tabs-default .b-tabs__nav__item:not(.m-disabled):not([disabled])[m-hover-state] {
    color: #0091ea
}

.m-tabs-default .b-tabs__nav__item:not(.m-disabled):not([disabled])[m-hover-state]:after {
    background-color: #0091ea
}

.m-tab-rounded .b-tabs__nav__item:not(.m-disabled):not([disabled])[m-hover-state] {
    background-color: rgba(0, 145, 234, .18);
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .m-tabs-default .b-tabs__nav__item:not(.m-disabled):not([disabled]):hover {
        color: #0091ea
    }

    .m-tabs-default .b-tabs__nav__item:not(.m-disabled):not([disabled]):hover:after {
        background-color: #0091ea
    }

    .m-tab-rounded .b-tabs__nav__item:not(.m-disabled):not([disabled]):hover {
        background-color: rgba(0, 145, 234, .18);
        color: #0091ea
    }
}

.b-tabs__nav__item .v-icon.v-icon {
    color: inherit
}

@media (min-width: 1004px) {
    .b-tabs__nav__item .g-icon, .b-tabs__nav__item .v-icon.v-icon {
        margin-right: 5px
    }

    .b-tabs__nav__item .g-icon:last-child, .b-tabs__nav__item .v-icon.v-icon:last-child {
        margin-right: 0
    }
}

.m-tab-rounded.m-single-current .b-tabs__nav__item .g-icon:last-child, .m-tab-rounded.m-single-current .b-tabs__nav__item .v-icon.v-icon:last-child {
    margin-left: -6px;
    margin-right: -6px
}

.m-tab-rounded .b-tabs__nav__item .g-icon, .m-tab-rounded .b-tabs__nav__item .v-icon.v-icon {
    font-size: 16px
}

@media (max-width: 1003px) {
    .m-tab-rounded .b-tabs__nav__item .g-icon, .m-tab-rounded .b-tabs__nav__item .v-icon.v-icon {
        margin-right: 5px
    }
}

.m-tab-rounded.m-single-current .b-tabs__nav__item .g-icon, .m-tab-rounded.m-single-current .b-tabs__nav__item .v-icon.v-icon, .m-tab-rounded:not(.m-single-current) .b-tabs__nav__item .g-icon, .m-tab-rounded:not(.m-single-current) .b-tabs__nav__item .v-icon.v-icon {
    margin-left: -2px
}

.m-tab-rounded.m-single-current .b-tabs__nav__item .g-icon, .m-tab-rounded.m-single-current .b-tabs__nav__item .v-icon.v-icon {
    margin-left: -6px
}

.m-tabs-default .b-tabs__nav__item .g-icon.m-icon-state, .m-tabs-default .b-tabs__nav__item .v-icon.v-icon.m-icon-state {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #ff6060
}

@media (min-width: 1004px) {
    .b-tabs__nav__item .g-icon.m-default-size, .b-tabs__nav__item .v-icon.v-icon.m-default-size {
        margin-right: 6px
    }
}

.m-tab-rounded .b-tabs__nav__item .g-icon.m-default-size, .m-tab-rounded .b-tabs__nav__item .v-icon.v-icon.m-default-size {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-top: -7px;
    margin-bottom: -7px
}

.m-tab-rounded.m-single-current .b-tabs__nav__item .g-icon.m-default-size, .m-tab-rounded.m-single-current .b-tabs__nav__item .v-icon.v-icon.m-default-size {
    margin-left: -11px
}

.b-tabs__nav__link {
    text-transform: inherit;
    background: none;
    border: none;
    padding: 6px 4px 16px;
    color: inherit;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    transition: color .3s ease, border-color .3s ease;
    z-index: 1;
    cursor: pointer
}

.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]).m-current, .m-tabs-default .m-current .b-tabs__nav__link:not(.m-disabled):not([disabled]) {
    color: var(--text-color);
    border-bottom-color: currentColor
}

.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled])[m-hover-state] {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]):hover {
        color: #0091ea
    }
}

.b-tabs__nav__link.m-disabled, .b-tabs__nav__link[disabled], .m-disabled .b-tabs__nav__link {
    pointer-events: none;
    color: #8a96a3;
    opacity: .4
}

.b-tabs__nav__link.m-disabled.m-with-rectangle-hover:after, .b-tabs__nav__link[disabled].m-with-rectangle-hover:after, .m-disabled .b-tabs__nav__link.m-with-rectangle-hover:after {
    opacity: 0
}

.m-disabled.m-current .b-tabs__nav__link {
    opacity: 1
}

.b-settings__nav .b-tabs__nav__link {
    padding: 17px 4px 17px 0
}

@media (min-width: 1004px) {
    .m-inside-sidebar .b-tabs__nav__link {
        padding: 17px 4px 17px 12px
    }
}

.m-tabs-default.m-flex-width .b-tabs__nav__link {
    flex: 1;
    justify-content: center
}

.m-tabs-default.m-size-md .b-tabs__nav__link {
    padding-top: 2px;
    padding-bottom: 0;
    height: 48px
}

.m-tabs-default.m-size-lg .b-tabs__nav__link {
    height: 72px;
    padding: 0 10px 0 0
}

.m-tabs-default.m-size-md:not(.m-lg-sides-gaps) .b-tabs__nav__link {
    padding-left: 4px;
    padding-right: 4px
}

.m-tabs-default.m-size-md.m-lg-sides-gaps .b-tabs__nav__link {
    padding-left: 15px;
    padding-right: 15px
}

.m-tabs-default.m-size-md.m-lg-sides-gaps .b-tabs__nav__link .b-tabs__nav__count {
    left: calc(100% - 5px);
    right: auto
}

.m-tabs-default.m-size-sm .b-tabs__nav__link {
    padding: 2px 4px 0;
    height: 32px
}

.b-tabs__nav__link.m-with-rectangle-hover.m-tb-sm:after {
    bottom: 3px
}

.b-tabs__nav__link__counter-title {
    display: inline-block;
    font-size: 14px
}

.b-tabs__nav__text {
    position: relative
}

.b-tabs__nav:not(.m-tabs-default.m-flex-width) .b-tabs__nav__text+.g-icon {
    margin-left: 6px
}

.b-tabs__nav__text.m-indicator:after {
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    width: 5px;
    height: 5px;
    box-shadow: 0 0 0 2px var(--bg-color);
    background: #ff485b;
    border-radius: 50%
}

.b-tabs__nav__count {
    position: absolute;
    background: #00aff0;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 10px;
    height: 10px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 10px;
    text-align: center;
    color: #fefefe;
    top: 5px;
    left: 20px;
    box-shadow: 0 0 0 2px var(--bg-color);
    z-index: 1;
    display: block
}

.b-tabs__nav__count.m-danger {
    background: #ff485b
}

.m-with-counter .b-tabs__nav__count {
    font-weight: 700;
    padding-left: 4px;
    padding-right: 4px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    top: -8px;
    right: -5px;
    left: auto;
    bottom: auto
}

.b-tabs__nav__icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-right: 2px;
    position: relative;
    overflow: hidden
}

.b-tabs__nav__icon.m-avatar-gap {
    margin-right: 6px
}

.b-tabs__nav__icon.m-inside-icon {
    background-color: rgba(138, 150, 163, .12);
    border-radius: 1000px
}

.b-tabs__nav__icon.m-inside-icon .g-icon {
    opacity: .75;
    color: var(--text-color)
}

.b-tabs__nav__icon .b-status-icon {
    width: inherit;
    height: inherit;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 2;
    color: #fefefe;
    background-color: rgba(138, 150, 163, .12);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: inherit
}

.b-tabs__nav__icon .b-status-icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    background-color: rgba(0, 0, 0, .25);
    z-index: 1;
    border-radius: inherit
}

.b-tabs__nav__icon .b-status-icon .g-icon {
    position: relative;
    z-index: 2
}

.b-tabs__nav.m-lg .b-tabs__nav__item {
    margin-right: 0
}

@media (min-width: 1200px) {
    .b-tabs__nav.m-lg .b-tabs__nav__item {
        font-size: 16px
    }
}

@media (min-width: 1004px) {
    .b-tabs__nav.m-lg .b-tabs__nav__item {
        font-size: 15px
    }
}

.modal-body .b-tabs__nav+.g-input__help {
    margin-top: 15px
}

.b-dot-item {
    display: inline-flex;
    color: #8a96a3;
    margin-right: 5px
}

.user_posts .b-dot-item {
    color: var(--text-color)
}

.pswp .b-dot-item {
    color: inherit
}

.b-dot-item:not(:last-child):after {
    margin-left: 6px
}

.b-dragscroll .b-dot-item.b-summary-list__item.m-current:after, .b-dragscroll .b-dot-item.b-tabs__nav__item.m-current:after, .b-dragscroll a.b-dot-item.m-current:after, .b-useful-data .b-dot-item:not(.m-current) {
    color: #8a96a3
}

.b-dot-item.m-dot-bold:not(:last-child) {
    margin-right: 16px
}

.b-dot-item.m-dot-bold:not(:last-child):after {
    right: -11px;
    font-weight: 500
}

.b-dot-item:not(:last-child) {
    position: relative;
    margin-right: 21px
}

.b-dot-item:not(:last-child):after {
    content: "\2022";
    color: inherit;
    pointer-events: none;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: -13px;
    font-size: 14px
}

.pswp .b-dot-item:not(:last-child):after {
    opacity: .75
}

.b-tabs__nav.m-nv.m-tab-rounded.m-block-allocated {
    padding-bottom: 9px
}

.b-tabs__nav.m-nv.m-tab-rounded.m-block-allocated:after {
    content: "";
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: 0;
    margin-left: 0;
    display: block;
    border-bottom: 8px solid var(--marked-color);
    box-sizing: content-box
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__item {
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

@media (any-hover: hover) and (pointer:fine) {
    .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__item:hover {
        color: inherit;
        background-color: transparent
    }
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link {
    min-height: 32px;
    min-width: 32px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    border: none;
    color: var(--text-color);
    border-radius: 1000px;
    background-color: rgba(138, 150, 163, .12);
    transition: background-color .1s, color .1s
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link[m-hover-state] {
    background-color: rgba(0, 175, 240, .12);
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link:hover {
        background-color: rgba(0, 175, 240, .12);
        color: #0091ea
    }
}

.m-mode-dark .modal .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link:not(:hover):not(.m-current) {
    background-color: hsla(0, 0%, 100%, .12)
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link .g-btn.m-btn-remove .g-icon {
    margin: auto
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon:only-child {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon {
    margin: 0
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon:not(.m-default-size):not(.b-default-avatar) {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon.m-invalid-state {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon.m-invalid-state+.g-icon {
    opacity: .1
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__icon:not(:only-child) {
    margin-right: 1px;
    margin-left: -8px
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__icon.m-avatar-gap {
    margin-right: 6px
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link {
    padding: 0 12px
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-tabs-media {
    padding-right: 14px
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-tabs-media .b-tabs__nav__icon {
    margin-left: -8px;
    margin-right: 6px
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link .g-btn.m-btn-remove {
    margin-left: 8px;
    margin-right: -7px
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-current {
    padding-right: 15px;
    background-color: rgba(138, 150, 163, .3)
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-current[m-hover-state] {
    background-color: rgba(0, 175, 240, .12);
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-current:hover {
        background-color: rgba(0, 175, 240, .12);
        color: #0091ea
    }
}

.b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current.m-bottom-line:before {
    content: "";
    position: absolute;
    left: 16px;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(138, 150, 163, .25)
}

.b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link {
    padding: 4px 14px
}

.m-black-body .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link:not(.m-current) {
    background-color: rgba(0, 0, 0, .25);
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .12), hsla(0, 0%, 100%, .12));
    background-blend-mode: difference
}

.m-black-body .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link:not(.m-current)[m-hover-state] {
    color: #fefefe
}

@media (any-hover: hover) and (pointer:fine) {
    .m-black-body .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link:not(.m-current):hover {
        color: #fefefe;
        background-color: rgba(0, 0, 0, .4);
        background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25));
        background-blend-mode: difference
    }
}

.b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current {
    background-color: rgba(0, 175, 240, .25)
}

.image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current {
    background-color: hsla(0, 0%, 100%, .5);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    background-blend-mode: multiply
}

.image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current .b-tabs__nav__text {
    z-index: 1
}

.image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current[m-hover-state] {
    color: #fefefe
}

.image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current[m-hover-state]:after {
    opacity: .35
}

@media (any-hover: hover) and (pointer:fine) {
    .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current:hover {
        color: #fefefe
    }

    .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current:hover:after {
        opacity: .35
    }
}

.b-tabs__nav.m-nv.m-tab-rounded.m-with-counter .b-tabs__nav__text {
    position: static
}

.b-tabs__nav.m-nv.m-tabs-default {
    font-size: 0
}

.b-tabs__nav.m-nv.m-tabs-default~.b-separate-section:last-child {
    border-bottom: none
}

.b-tabs__nav.m-nv.m-tabs-default+.b-separate-section:not(.m-without-bold-border) {
    border-top: 8px solid var(--marked-color)
}

.b-tabs__nav.m-nv.m-tabs-default+.b-separate-section .transactions-block.m-empty-section {
    min-height: calc(100vh - 178px);
    min-height: calc(var(--vh, 1vh)*100 - 178px);
    padding-bottom: 26px
}

@media (min-width: 500px) {
    .b-tabs__nav.m-nv.m-tabs-default+.b-separate-section .transactions-block.m-empty-section {
        min-height: calc(100vh - 121px);
        min-height: calc(var(--vh, 1vh)*100 - 121px)
    }
}

.b-tabs__nav.m-nv.m-tabs-default .b-dragscroll>.b-tabs__nav__item, .b-tabs__nav.m-nv.m-tabs-default .b-dragscroll>:not(.b-dot-item) {
    margin-right: 0
}

.b-tabs__nav.m-nv.m-tabs-default:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(138, 150, 163, .25);
    z-index: 0
}

.modal-header .b-tabs__nav.m-nv.m-tabs-default:after {
    content: none
}

.b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__link {
    padding: 6px 4px 16px;
    line-height: 0
}

.b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__item:nth-child(n+1):nth-child(-n+6):last-child {
    margin-right: auto
}

.b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__item:not(:last-child) {
    margin-right: 19px
}

@media (min-width: 1080px) {
    .b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__item:not(:last-child) {
        margin-right: 21px
    }
}

.b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__item {
    z-index: 1
}

.b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link {
    width: 100%;
    justify-content: center;
    line-height: 16px;
    border-bottom: 2px solid transparent;
    color: #8a96a3
}

.b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current {
    color: var(--text-color);
    border-bottom-color: currentColor;
    transition: none
}

.b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current[m-hover-state] {
    border-bottom-color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current:hover {
        border-bottom-color: #0091ea
    }
}

.b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled])[m-hover-state] {
    color: #0091ea
}

@media (any-hover: hover) and (pointer:fine) {
    .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]):hover {
        color: #0091ea
    }
}

.b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__count {
    left: calc(100% - 5px);
    top: -6px
}

.b-tabs__nav.m-nv.m-tabs-default[class*=m-size-] .b-tabs__nav__link {
    padding-top: 2px;
    padding-bottom: 0
}

.b-tabs__nav.m-nv.m-tabs-default.m-flex-width .b-tabs__nav__link {
    flex: 1;
    justify-content: center
}

.b-tabs__nav.m-nv.m-tabs-default.m-flex-width .b-tabs__nav__item {
    flex: 1
}

.b-tabs__nav.m-nv.m-tabs-default.m-flex-width .b-tabs__nav__text {
    padding-left: 6px;
    padding-right: 6px
}

.b-tabs__nav.m-nv.m-tabs-default.m-size-lg .b-tabs__nav__link {
    height: 72px;
    padding: 0 10px 0 0
}

.b-tabs__nav.m-nv.m-tabs-default.m-size-md .b-tabs__nav__link {
    height: 48px
}

.b-tabs__nav.m-nv.m-tabs-default.m-size-md.m-lg-sides-gaps .b-tabs__nav__link {
    padding-left: 15px;
    padding-right: 15px
}

.b-tabs__nav.m-nv.m-tabs-default.m-size-md.m-lg-sides-gaps .b-tabs__nav__count {
    left: calc(100% - 5px);
    right: auto
}

.b-tabs__nav.m-nv.m-tabs-default.m-size-sm .b-tabs__nav__link {
    padding: 2px 4px 0;
    height: 32px
}

.b-tabs__nav.m-nv.m-tabs-default.m-tabs-separate .b-tabs__nav__item:not(:first-child) {
    border-left: 1px solid rgba(138, 150, 163, .25)
}

.b-tabs__nav.m-row-item.m-nv .b-tabs__nav__item {
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link {
    flex: 1;
    border-bottom-width: 1px;
    padding: 17px 4px 17px 0
}

.b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link.m-current {
    color: var(--text-color)
}

.b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link.m-current .b-tabs__nav__text:after {
    background-color: currentColor
}

.b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link .g-icon {
    margin: 0
}

@media (min-width: 1004px) {
    .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__text:after {
        content: "";
        position: absolute;
        left: -29px;
        right: -4px;
        bottom: -21px;
        height: 2px;
        transition: background-color .1s
    }
}

.b-tabs__nav.m-tabs-tile {
    position: static
}

.b-tabs__nav.m-tabs-tile:after {
    content: none
}

.b-tabs__nav.m-tabs-tile.m-emoji-list {
    margin-left: -7px;
    margin-right: -7px
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__item {
    margin-bottom: 16px
}

.b-tabs__nav.m-tabs-tile.m-row-3 .b-tabs__nav__list {
    margin-left: 3px;
    margin-right: 1px
}

.b-tabs__nav.m-tabs-tile.m-row-3 .b-tabs__nav__list>:not(.infinite-loading-container):not(.b-posts_preloader) {
    flex: 0 0 calc(33.33333% - 10.66667px);
    margin-left: 16px
}

.b-tabs__nav.m-tabs-tile.m-row-3 .b-tabs__nav__list>:not(.infinite-loading-container):not(.b-posts_preloader):nth-child(3n+1) {
    margin-left: 0
}

.b-tabs__nav.m-tabs-tile.m-row-4 .b-tabs__nav__list>:not(.infinite-loading-container):not(.b-posts_preloader) {
    flex: 0 0 calc(25% - 12px);
    margin-left: 16px
}

.b-tabs__nav.m-tabs-tile.m-row-4 .b-tabs__nav__list>:not(.infinite-loading-container):not(.b-posts_preloader):nth-child(4n+1) {
    margin-left: 0
}

.b-tabs__nav.m-tabs-tile.m-fluid-size .b-tabs__nav__link {
    padding: 0
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link {
    width: 100%;
    padding: 100% 0 0;
    border-bottom: none
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link:not([class*=m-bg-]) {
    transition: opacity .1s
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link:not([class*=m-bg-]):hover {
    opacity: .75
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link[class*=m-bg-] {
    border-radius: 6px
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light {
    transition: color .1s
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:after, .b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:before {
    content: "";
    position: absolute;
    border-radius: inherit;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity .1s
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:before {
    background-color: #0091ea;
    opacity: 0
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:after {
    background-color: #fefefe;
    z-index: -1
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:hover {
    color: #0091ea
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:hover:before {
    opacity: .06
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:hover .g-icon {
    color: #0091ea
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:not(:hover) .g-icon {
    color: #00aff0
}

.m-mode-dark .b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light:not(:hover) {
    color: #000
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light.m-with-opacity:before {
    content: none
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light.m-with-opacity:after {
    opacity: .12
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light.m-with-opacity:hover:after {
    opacity: .25
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light.m-with-opacity .g-icon {
    color: inherit
}

.m-mode-dark .b-tabs__nav.m-tabs-tile .b-tabs__nav__link.m-bg-light.m-with-opacity {
    color: #fefefe
}

.b-tabs__nav.m-tabs-tile .b-tabs__nav__item {
    text-transform: none;
    font-size: 14px;
    line-height: 20px
}

.b-tabs__nav__col+.infinite-loading-container {
    width: 100%
}

.b-tile-body {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    line-height: 24px
}

.b-tile-body.m-tab-emoji {
    width: 48px;
    height: 48px
}

.m-custom-sticker .b-tile-body.m-tab-emoji {
    width: 72px;
    height: 72px
}

.b-tile-body .b-tabs__nav__icon {
    margin-right: 0;
    margin-top: 4px;
    -webkit-transform: translateZ(0)
}

.b-tile-body .b-tabs__nav__icon+.b-tabs__nav__text {
    margin-top: -7px
}

.m-stream-color {
    color: #ec407a
}

.m-post-color {
    color: #00aff0
}

.m-chat-color {
    color: #fda000
}

.m-reminder-color {
    color: #ff6060
}

.user_posts {
    padding: 14px 0 0;
    flex: 1;
    display: flex;
    flex-direction: column
}

.b-content-filter-wrapper+.user_posts, .m-grid-mode+.user_posts {
    padding-top: 0
}

.b-feed-content.g-sides-gaps .user_posts .vue-recycle-scroller, .b-feed__wrapper.g-sides-gaps .user_posts .vue-recycle-scroller {
    margin-left: -16px;
    margin-right: -16px
}

.b-feed-content.g-sides-gaps .user_posts .vue-recycle-scroller__item-view, .b-feed__wrapper.g-sides-gaps .user_posts .vue-recycle-scroller__item-view {
    padding-left: 16px;
    padding-right: 16px
}

.link-trunc {
    color: #00aff0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px
}

.link-trunc:hover {
    color: #0091ea;
    text-decoration: underline
}

.b-icon-counter {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.b-icon-counter:not(:first-child) {
    margin-left: 6px
}

.b-icon-counter.m-text-overflow {
    overflow: hidden
}

.b-icon-counter.m-dot:not(:first-child) {
    margin-left: 0
}

.b-icon-counter.m-dot:not(:first-child):before {
    content: "\2022";
    font-size: 12px;
    color: rgba(138, 150, 163, .75);
    margin-left: 6px;
    margin-right: 6px
}

.b-icn-media {
    border-radius: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 4
}

.b-icn-media+.b-post__unknown {
    margin-top: 16px
}

.b-icn-media.m-over-youtube {
    margin-right: -16px;
    top: 54px
}

.b-icn-media .g-icon {
    color: #fefefe;
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.g-user-name, .g-user-username {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.g-user-name {
    font-weight: 500;
    position: relative;
    color: var(--text-color)
}

.g-user-name.m-regular {
    font-weight: 400
}

.g-user-name.m-muted {
    color: #8a96a3
}

.g-user-name+.g-user-realname {
    margin-left: 4px;
    margin-right: 0;
    display: inline;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.b-username-row.m-inline .g-user-name+.g-user-realname {
    white-space: normal
}

.g-user-username {
    font-size: 14px;
    color: #8a96a3
}

.g-user-username[href]:hover {
    color: #0091ea;
    text-decoration: underline
}

.g-user-realname {
    font-size: 14px;
    font-weight: 500;
    color: #8a96a3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: .25em
}

.g-user-realname.m-round-brackets {
    padding-left: 7px;
    padding-right: 7px;
    position: relative
}

.g-user-realname.m-round-brackets:after, .g-user-realname.m-round-brackets:before {
    position: absolute;
    top: 0
}

.g-user-realname.m-round-brackets:before {
    content: "(";
    left: 0
}

.g-user-realname.m-round-brackets:after {
    content: ")";
    right: 0
}

.g-user-realname__wrapper {
    max-width: 100%
}

.g-user-realname__wrapper.m-nowrap-text {
    display: inline-flex;
    min-width: 0
}

.g-user-realname__wrapper.m-nowrap-text [class*=g-user-] {
    min-width: 0
}

.g-user-realname__wrapper.m-like-link:hover [class*=g-user-] {
    color: #0091ea;
    text-decoration: underline
}

.g-user-realname__wrapper[href].m-nowrap-text:hover [class*=g-user-], .g-user-realname__wrapper[href]:not(.m-nowrap-text):hover {
    text-decoration: underline
}

.g-user-realname__wrapper[href]:hover [class*=g-user-] {
    color: inherit
}

.g-user-realname__wrapper [class*=g-user-] {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    align-self: center
}

.g-user-realname__wrapper .g-user-name+.g-user-realname {
    font-size: inherit
}

.b-username.m-like-link .g-user-name, .b-username[href] .g-user-name {
    color: inherit
}

.b-username.m-like-link:hover [class*=g-user-], .b-username[href]:hover [class*=g-user-] {
    text-decoration: underline
}

.g-user-name.m-sm-size, .g-user-username.m-sm-size {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.g-user-name.m-md-size, .g-user-username.m-md-size {
    font-size: 16px;
    line-height: 20px
}

.g-user-name.m-lg-size, .g-user-username.m-lg-size {
    font-size: 19px;
    line-height: 24px
}

.g-user-name.m-lg-size .g-icon.m-verified, .g-user-username.m-lg-size .g-icon.m-verified {
    width: 19px;
    height: 19px;
    flex: 0 0 19px
}

.g-user-name.m-extralg-size, .g-user-username.m-extralg-size {
    font-size: 24px;
    line-height: 33px
}

.g-user-name.m-extralg-size.m-verified, .g-user-username.m-extralg-size.m-verified {
    padding-right: 32px
}

.g-user-name.m-extralg-size .g-icon.m-verified, .g-user-username.m-extralg-size .g-icon.m-verified {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.g-user-name.m-verified, .g-user-username.m-verified {
    position: relative;
    padding-right: 20px
}

.b-username-wrapper {
    display: flex
}

@media (max-width: 767px) {
    .b-username-wrapper {
        flex-wrap: wrap
    }
}

.b-username-wrapper .b-username-row {
    min-width: 0
}

.b-username-row {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-bottom: 2px
}

.b-username-row.m-gap-clear {
    margin-bottom: 0
}

.b-username-row.m-gap-lg {
    margin-bottom: 4px
}

.b-username-row.m-gap-lg-middle {
    margin-bottom: 5px
}

.b-username-row.m-gap-lg-extra {
    margin-bottom: 6px
}

@media (min-width: 768px) {
    .b-username-row.m-gap-more {
        margin-bottom: 6px
    }
}

.b-username-row.m-width-limit {
    max-width: 100%
}

.b-username-row.m-center {
    justify-content: center
}

.b-username-row.m-absolute-limit {
    position: relative;
    min-height: 20px
}

.b-username-row.m-absolute-limit .b-username {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%
}

.b-username-wrapper .b-username-row {
    margin-bottom: 0;
    margin-right: 10px
}

.b-username-row:last-child {
    margin-bottom: 0
}

.b-post__mentioned-posts-item .b-username-row:last-child .b-username {
    font-size: 13px
}

.b-username-row .b-username {
    min-width: 0;
    display: block;
    color: var(--text-color)
}

.b-username-row .b-username.m-flex {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.b-username-row .b-username.m-flex .b-username+.b-username, .b-username-row .b-username.m-flex .b-username+.g-user-realname__wrapper, .b-username-row .b-username.m-flex .b-username+.g-user-username, .b-username-row .b-username.m-flex .g-user-name+.b-username, .b-username-row .b-username.m-flex .g-user-name+.g-user-realname__wrapper, .b-username-row .b-username.m-flex .g-user-name+.g-user-username {
    margin-left: 5px
}

.b-username-row .g-user-name {
    display: block
}

.b-post__mentioned-posts-item .b-username-row .g-user-name {
    line-height: 19px
}

.b-username-row [class*=g-user-] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-username-row.m-inline {
    display: inline;
    max-width: 100%
}

.b-username-row.m-inline .b-username {
    display: inline
}

.b-username-row.m-inline .g-user-name {
    display: inline;
    white-space: normal;
    padding-right: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.b-username-row.m-inline .g-user-name.m-verified:not(:last-child) {
    margin-right: 4px
}

.b-username-row.m-inline .g-user-name.m-verified:not(:last-child)+.g-user-realname {
    margin-left: 0
}

.b-fans {
    width: 100%;
    min-height: inherit
}

.b-fans__btn-expand {
    position: absolute;
    right: 10px;
    top: -6px
}

.b-fans__container {
    position: relative;
    z-index: 1
}

.b-fans__item__header {
    position: relative;
    padding: 0 16px 0 80px;
    margin: 0 0 8px;
    min-height: 48px
}

.m-helpers .b-fans__item__header {
    padding-left: 64px;
    padding-right: 50px
}

.dialog_message .b-fans__item__header {
    margin: -14px 6px 20px;
    padding-top: 8px
}

.dialog_message .b-fans__item__header:after {
    position: absolute;
    bottom: 0;
    height: 1px;
    background: rgba(138, 150, 163, .25);
    content: "";
    left: 36px;
    right: 0
}

.dialog_message .b-fans__item__header .g-user-username {
    display: none
}

.b-fans__item__header .g-icon.m-verified {
    width: 15px;
    height: 15px;
    flex: 0 0 15px
}

.b-fans__item__header .b-group-btns {
    margin-top: -6px;
    margin-bottom: -6px;
    margin-right: -6px
}

.b-fans__item__header .b-group-btns>:not(:first-child) {
    margin-left: 4px
}

.b-fans__item__header+.b-tabs__nav {
    margin-top: 10px
}

.b-fans__item__regular-price {
    color: rgba(138, 150, 163, .7)
}

.b-fans__item__regular-price:before {
    content: "("
}

.b-fans__item__regular-price:after {
    content: ")"
}

.b-fans__item__list {
    margin-bottom: 0
}

.b-offer-join .b-fans__item__list {
    margin-top: 17px;
    margin-bottom: 8px
}

.b-settings .b-offer-join .b-fans__item__list {
    margin-top: 12px;
    margin-bottom: 6px
}

.b-settings .b-offer-join .b-fans__item__list.m-trial-link {
    margin-top: 3px;
    margin-bottom: 4px
}

.l-wrapper .b-offer-join .b-fans__item__list+.b-offer-join__btn {
    padding-top: 0
}

.modal .b-fans__item__list {
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    max-height: 300px
}

.b-fans__item__list.m-fan-stats {
    padding: 0;
    margin-bottom: -7px;
    margin-left: 16px
}

.b-fans__item__list__item {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(138, 150, 163, .25);
    margin: 0;
    text-align: right;
    transition: color .1s ease;
    padding: 7px 6px 8px;
    font-size: 16px
}

.b-offer-join .b-fans__item__list__item, .b-users__item .b-fans__item__list__item, .m-vat-table .b-fans__item__list__item {
    font-size: 14px;
    line-height: 20px
}

.b-users__item .b-fans__item__list__item {
    min-height: 40px;
    padding: 10px 16px
}

.b-offer-join .b-fans__item__list__item {
    min-height: 40px;
    padding: 10px 16px 10px 0;
    margin-right: -16px
}

.m-vat-table .b-fans__item__list__item {
    padding: 13px 16px 13px 0;
    margin-right: -16px;
    min-height: 48px;
    align-content: flex-start;
    align-items: flex-start
}

.b-fans__item__list__item.m-item-header .b-fans__item__list__label {
    color: var(--text-color);
    font-weight: 500
}

.b-profile__content__list .b-fans__item__list__item {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px 10px 0
}

.b-fans__item__list__item.m-reset-pb {
    padding-bottom: 0
}

.b-fans__item__list__item:first-child {
    border-top: none
}

.b-profile__content__list .b-fans__item__list__item:first-child {
    padding-top: 2px
}

.m-earnings-list .b-fans__item__list__item:last-child {
    font-weight: 500
}

.b-fans__item__list__label {
    color: #8a96a3;
    text-align: left;
    transition: color .1s ease;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 13px;
    text-transform: uppercase
}

.b-fans__item__list__label.m-orderable {
    cursor: pointer
}

.b-fans__item__list__label.m-orderable:hover {
    color: #0091ea
}

.m-vat-table .b-fans__item__list__label {
    padding-right: 16px
}

.b-offer-join .b-fans__item__list__label, .b-profile__content__list .b-fans__item__list__label, .b-users__item .b-fans__item__list__label, .m-vat-table .b-fans__item__list__label {
    font-size: 14px;
    line-height: 20px;
    text-transform: none
}

.b-fans__item__list__label .g-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-left: 3px
}

.b-fans__item__list__btns .g-btn {
    margin-left: 24px
}

.b-fans .g-section__header {
    padding: 0 4px 10px;
    flex-wrap: wrap
}

@media (max-width: 559px) {
    .b-fans .g-section__header.m-with-online .g-section-title {
        margin-right: 100%;
        white-space: nowrap
    }

    .b-fans .g-section__header.m-with-online .g-section__header__inner {
        margin-right: -80px
    }
}

@media (max-width: 767px) {
    .b-fans .g-section__header.m-with-online.b-fans__header-referred .g-section-title {
        margin-right: 100%;
        white-space: nowrap
    }

    .b-fans .g-section__header.m-with-online.b-fans__header-referred .g-section__header__inner {
        margin-right: -80px
    }
}

.b-fans .g-section__header__inner {
    display: flex;
    align-content: center;
    align-items: center;
    flex: 1
}

.b-btn-collapse {
    position: relative;
    text-align: center;
    line-height: 0
}

.m-model-card .b-btn-collapse {
    line-height: normal
}

.b-btn-collapse.m-disabled {
    pointer-events: none;
    opacity: .4
}

.b-modal__section-btns .b-btn-collapse, .modal .b-modal__btns .b-btn-collapse {
    margin-left: -16px;
    margin-right: -16px;
    height: unset
}

.modal .b-modal__btns .b-btn-collapse {
    margin-bottom: 0
}

.b-users__item.m-model-card .b-btn-collapse {
    margin-top: 10px
}

.b-btn-collapse:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: rgba(138, 150, 163, .25);
    flex: 1
}

.b-btn-collapse .g-btn-link {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding-left: 9px;
    padding-right: 9px;
    z-index: 1;
    position: relative;
    background-color: var(--bg-color);
    margin-top: -10px;
    margin-bottom: -10px;
    font-size: 14px;
    line-height: 20px
}

.m-bg-colored .b-btn-collapse .g-btn-link, .m-colored-modal .b-btn-collapse .g-btn-link, .m-expired .b-btn-collapse .g-btn-link {
    background-color: var(--marked-color)
}

.m-processing-card .b-btn-collapse .g-btn-link {
    background-color: var(--bg-color)
}

.m-processing-card .b-btn-collapse .g-btn-link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(138, 150, 163, .25)
}

.b-btn-collapse .g-btn-link:not(:hover) {
    color: #8a96a3
}

.b-btn-collapse .g-btn-link:before {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px
}

.b-btn-collapse .g-btn-link .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-left: 4px
}

.b-form-trial-links__select-group {
    display: flex;
    margin-bottom: 23px
}

.b-form-trial-links__select-group:last-child {
    margin-bottom: 0
}

.b-form-trial-links__select-group.m-gap-bottom-sm {
    margin-bottom: 8px
}

.b-form-trial-links__select-item {
    flex: 1 1 auto;
    margin: 0 16px
}

.b-form-trial-links__select-item[id*=m-] {
    position: relative
}

.b-form-trial-links__select-item.m-w-1-3 {
    width: calc(44.84305% - 16px)
}

.b-form-trial-links__select-item.m-w-1-3+.m-w-2-3 {
    margin-left: 0
}

.b-form-trial-links__select-item.m-w-2-2 {
    flex: auto
}

.b-form-trial-links__select-item.m-w-2-2.m-first-child {
    margin-right: 0;
    max-width: calc(50% - 16px);
    flex: 0 0 calc(50% - 16px)
}

.b-form-trial-links__select-item.m-w-2-2.m-last-child {
    flex: 1
}

.b-form-trial-links__select-item.m-w-2-3 {
    width: calc(50% - 16px)
}

.b-dropzone__label {
    position: absolute;
    pointer-events: none;
    background: rgba(0, 175, 240, .5);
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    z-index: 10
}

.is-dragover .b-dropzone__label {
    transition: opacity .3s ease;
    opacity: 1
}

.b-dropzone__previews {
    position: relative
}

.b-dropzone__previews .b-dropzone__preview:not(.m-tip):first-child {
    margin-left: 0
}

.b-dropzone__previews .b-dropzone__preview:not(.m-tip):last-child {
    margin-right: 0
}

.b-dropzone__preview {
    position: relative;
    margin: 0 4px;
    border-radius: 6px;
    overflow: hidden;
    width: 128px;
    height: 128px;
    flex: 0 0 128px
}

.b-dropzone__preview .b-dropzone__preview__media {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -o-object-position: center;
    object-position: center
}

.b-make-post .files .b-dropzone__preview.m-tip {
    margin: 0;
    max-width: 100%;
    flex: 1
}

.b-make-post .files .b-dropzone__preview.m-tip:before {
    content: none
}

.b-make-post .files .b-dropzone__preview.m-tip:first-child {
    margin-left: 0
}

.b-make-post .files .b-dropzone__preview.m-tip:last-child {
    margin-right: 0
}

.b-make-post .files .b-dropzone__preview.m-tip.m-width-auto {
    width: auto;
    flex: 0 0 auto
}

.b-dropzone__preview[data-duration]:after {
    content: attr(data-duration);
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: #000;
    color: #fff;
    border-radius: 3px;
    padding: 3px;
    pointer-events: none
}

.b-dropzone__preview:not(.m-loaded):before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    background: rgba(138, 150, 163, .25);
    z-index: 2;
    pointer-events: none
}

.b-dropzone__preview .js-dropzone__video-lightbox-link {
    display: block;
    height: 100%
}

.b-dropzone__preview__media {
    display: block;
    opacity: .4;
    height: inherit;
    width: 128px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
    max-width: 100%
}

.selected .b-dropzone__preview__media {
    opacity: 1
}

.b-dropzone__preview__media.m-video {
    -o-object-position: center;
    object-position: center
}

.b-dropzone__preview__progress {
    pointer-events: none;
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 4px;
    height: 4px;
    background: #fff;
    border-radius: 1000px;
    overflow: hidden;
    z-index: 10
}

.b-dropzone__preview.m-audio .b-dropzone__preview__progress {
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    left: 48px
}

.b-dropzone__preview__progress:after {
    content: "";
    width: var(--progWidth);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #00aff0;
    transition: width .6s ease
}

.b-dropzone__preview__name {
    height: 144px;
    width: 144px;
    line-height: 144px;
    display: block;
    text-align: center
}

.b-dropzone__preview__error-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    background: #e76c6c;
    border-radius: 1000px;
    transition: background-color .3s ease;
    pointer-events: none
}

.b-dropzone__preview__error-icon .g-icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -56%)
}

.b-dropzone__preview[data-type=video]:hover .g-btn-play {
    background: #00aff0
}

.b-dropzone__preview.m-loaded:before {
    z-index: -1
}

.b-dropzone__preview.m-loaded:not(.m-not-selected) .b-dropzone__preview__media {
    opacity: 1
}

.b-dropzone__preview.m-audio {
    height: 40px;
    background: rgba(138, 150, 163, .08)
}

.b-dropzone__preview.m-audio:before {
    content: none
}

.b-dropzone__preview__badge {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: .7em;
    top: 8px;
    left: 8px;
    padding: 0 5px;
    background: rgba(0, 0, 0, .3);
    border-radius: 6px;
    text-transform: capitalize
}

.b-audioplayer {
    width: 100%;
    display: flex;
    background: none;
    font: inherit;
    align-items: center;
    height: auto;
    position: relative;
    background: var(--bg-color) linear-gradient(rgba(138, 150, 163, .12), rgba(138, 150, 163, .12));
    padding: 18px 6px 2px;
    border-radius: 6px
}

.b-audioplayer:last-child {
    margin-bottom: 0
}

.b-audioplayer.m-dropzone-audio {
    background: none;
    border-radius: 0;
    padding: 0 32px 0 8px;
    height: inherit
}

.b-audioplayer.m-dropzone-audio .m-btn-player {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    margin-right: 16px
}

.b-audioplayer.m-dropzone-audio .m-btn-player.m-with-round-hover:after {
    width: inherit;
    height: inherit
}

.m-queue-post .b-audioplayer {
    background: rgba(0, 175, 240, .12)
}

.m-queue-post .audio-wrapper .b-audioplayer {
    border-bottom-right-radius: 0
}

.post_media+audio+.b-audioplayer {
    margin-top: 16px
}

.b-audioplayer .m-btn-player {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    position: relative;
    color: var(--text-color);
    transition: width .3s, flex-basis .3s;
    text-align: left
}

.b-audioplayer .m-btn-player.m-visible-volume-control {
    width: 146px;
    flex: 0 0 146px;
    z-index: 0
}

.b-audioplayer .m-btn-player.m-visible-volume-control:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.b-audioplayer .m-btn-player .g-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.b-audioplayer .m-btn-player:hover {
    color: #0091ea
}

.b-audioplayer .m-btn-player:hover .b-audioplayer__btn-volume {
    color: #0091ea;
    z-index: 2
}

.b-audioplayer__btn-play {
    border: none;
    height: auto;
    background: none;
    padding: 0;
    margin: 0;
    line-height: 0
}

.b-audioplayer__btn-play .g-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px
}

.b-audioplayer__timeline {
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 16px;
    right: 16px;
    background-color: rgba(138, 150, 163, .25);
    height: 4px;
    transition: background-color .1s;
    border-radius: 4px
}

.m-dropzone-audio .b-audioplayer__timeline {
    flex: 1;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto
}

.b-audioplayer__timeline:after {
    content: "";
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 0;
    cursor: pointer
}

.b-audioplayer__timeline:hover {
    background-color: rgba(0, 175, 240, .25)
}

.b-audioplayer__timeline:hover .b-audioplayer__progress {
    background-color: #00aff0
}

.b-audioplayer__timeline:hover .b-audioplayer__playhead {
    font-size: 13px;
    transition: font-size .2s ease, left .25s linear
}

.m-audio-rewind .b-audioplayer__timeline:hover .b-audioplayer__playhead {
    transition: none !important
}

.b-audioplayer__timing {
    color: var(--text-color);
    text-shadow: none;
    font: inherit;
    border: none;
    height: auto;
    font-size: 13px;
    font-weight: 500;
    padding: 1px 13px 0 5px
}

.m-dropzone-audio .b-audioplayer__timing {
    padding-right: 12px;
    padding-left: 18px;
    font-size: 14px
}

.b-audioplayer__timing span {
    padding: 0 2px 0 0
}

.m-dropzone-audio .b-audioplayer__timing span:last-child {
    padding-right: 0
}

.b-audioplayer__timing span+span {
    padding: 0 0 0 2px
}

.m-dropzone-audio .b-audioplayer__timeline, .m-dropzone-audio .b-audioplayer__timing {
    visibility: hidden
}

.m-loaded .m-dropzone-audio .b-audioplayer__timeline, .m-loaded .m-dropzone-audio .b-audioplayer__timing {
    visibility: unset
}

.b-audioplayer__progress {
    border-radius: inherit;
    background-color: rgba(0, 175, 240, .75);
    height: 100%;
    transition: background-color .2s ease 1s, width .25s linear;
    width: 0
}

.m-audio-rewind .b-audioplayer__progress {
    transition: none !important
}

.b-audioplayer__playhead {
    cursor: pointer;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 0;
    border-radius: 1000px;
    background: #00aff0;
    font-size: 0;
    z-index: 2;
    height: 1em;
    width: 1em;
    transition: background-color .2s ease 1s, left .25s linear
}

.m-audio-rewind .b-audioplayer__playhead {
    transition: none !important
}

.b-audioplayer__playhead:hover {
    background-color: #0091ea;
    box-shadow: 0 0 0 5px rgba(0, 175, 240, .06)
}

.pswp__zoom-wrap .b-audioplayer {
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%;
    transform: translateY(-50%);
    width: auto
}

body .b-toaster {
    position: fixed;
    margin: 0;
    padding: 0;
    overflow: visible;
    z-index: 102;
    width: 100%
}

body .b-toaster__only_msg .toast-header {
    margin-bottom: 0
}

body .b-toaster .b-toaster-slot {
    max-width: 291px
}

body .b-toaster .b-toaster-slot .toast-body .text-wrap {
    margin-left: 0
}

body .b-toaster.b-toaster-bottom-left {
    max-width: 291px;
    left: 12px
}

@media (min-width: 500px) {
    body .b-toaster.b-toaster-bottom-left {
        bottom: 20px
    }
}

body .b-toaster.b-toaster-bottom-left .b-toaster-slot {
    max-width: 291px
}

body .b-toaster.m-toast-stream {
    bottom: 60px
}

.m-prevent-scrolling body .b-toaster, body.modal-open .b-toaster {
    z-index: 1042
}

.b-toaster-slot {
    max-width: 291px
}

.b-toaster-slot a:not(:first-child) {
    color: #fefefe;
    opacity: .7
}

.b-toaster-slot .close {
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    font-size: 22px;
    line-height: 26px;
    color: hsla(0, 0%, 100%, .5);
    transition: color .3s;
    border-radius: 1000px;
    font-weight: 400
}

.b-toaster-slot .close:hover {
    color: #fefefe;
    background-color: hsla(0, 0%, 100%, .12)
}

.b-toaster-slot .toast-header {
    margin-bottom: 0
}

.b-toaster-slot .toast-header strong {
    color: #fefefe;
    display: block;
    margin-left: 48px;
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.b-toaster-slot .toast-header strong+.close {
    transform: translateY(calc(-50% + 18px))
}

.b-toaster-slot .toast-header .close {
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.b-toaster-slot .b-toast {
    border: none;
    border-radius: 6px;
    max-width: 291px;
    background: var(--bg-color) linear-gradient(102deg, #00aff0, #007aca);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    min-height: 60px;
    margin-top: 16px
}

.b-toaster-error .b-toaster-slot .b-toast, .b-toaster-slot .b-toast.b-toast-danger {
    background: var(--bg-color) linear-gradient(102deg, #ff6060, #ff485b)
}

.b-toaster-slot .b-toast .toast {
    padding: 10px 11px;
    position: relative;
    background: none
}

.b-toaster-slot .b-toast .toast:not(.m-without-timer) .close:before {
    animation: progressline 2.3s linear 2.2s 1 forwards;
    transform: rotate(180deg)
}

.b-toaster-slot .b-toast .toast:not(.m-without-timer) .close:after, .b-toaster-slot .b-toast .toast:not(.m-without-timer) .close:before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 1000px;
    border: 2px solid hsla(0, 0%, 100%, .12);
    position: absolute;
    top: -2px;
    right: -2px;
    clip: rect(0, 28px, 0, 14px)
}

.b-toaster-slot .b-toast .toast:not(.m-without-timer) .close:after {
    animation: progressline 2.3s linear 1 forwards
}

.b-toaster-slot .b-toast .toast .toast-body {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    color: #fefefe;
    font-weight: 600;
    font-size: 14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.b-toaster-slot .b-toast .toast .toast-body.m-toast-btns {
    padding-right: 0
}

.b-toaster-slot .b-toast .toast .toast-body.m-toast-btns .b-toast-body {
    max-width: calc(100% - 76px)
}

.b-toaster-slot .b-toast .toast .toast-body>div:not(.b-btns-group) {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-left: -10px;
    flex: 1
}

.b-toaster-slot .b-toast .toast .toast-body span {
    font-weight: 400
}

.b-toaster-slot .b-toast .toast .toast-body span a {
    color: #fefefe;
    opacity: .7
}

.b-toaster-slot .b-toast .toast .toast-body .m-toast-btn {
    margin: auto 0 auto auto
}

.b-toaster-slot .b-toast .toast-body {
    padding-right: 36px;
    padding-left: 10px;
    min-height: 40px
}

.b-toaster-slot .b-toast .toast-body .b-btns-group {
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto
}

.b-toaster-slot .g-user-name {
    color: #fefefe
}

.b-toaster-slot .g-user-username {
    color: #fefefe;
    opacity: .7
}

.b-toast-body {
    max-width: 100%
}

.b-toast-body__img {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 2px;
    background-color: #fff;
    padding: 2px
}

.b-toast-body__img img {
    display: block;
    max-width: 100%;
    width: 100%;
    border-radius: 2px
}

.b-toast-body__content {
    flex: 1;
    max-width: 180px;
    margin-left: 16px
}

.b-toast-body__content-head {
    display: flex;
    margin-bottom: 2px
}

.b-toast-body__content-head .g-icon {
    margin-top: -3px;
    margin-right: 4px
}

.b-toast-body__content-head>span {
    font-weight: 500
}

.b-toast-body__content-body {
    opacity: .5;
    margin-bottom: 0;
    font-weight: 400
}

.b-toast-body__content-body a {
    color: #fefefe;
    opacity: .7
}

.b-toast-body__content-body a:hover {
    color: inherit
}

.b-toast-body .g-avatar {
    margin: 3px 14px 0 4px
}

.b-toast-body .text-wrap {
    font-size: 14px;
    line-height: 20px;
    color: #fefefe;
    font-weight: 400;
    max-width: calc(100% - 49px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 44px
}

.b-toast-body .text-wrap .b-toast-username {
    margin-bottom: 4px
}

.b-toast-body .text-wrap .b-toast-username:last-child {
    margin-bottom: 0
}

.b-toast-body .text-wrap .b-toast-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.b-toast-body .text-wrap .b-toast-text a {
    word-break: break-all;
    display: inline
}

.b-toast-text a {
    color: #fefefe;
    opacity: .7
}

.b-toast-text.m-fundraising-toast .toast-text a.text-link {
    word-break: keep-all
}

.b-toast-username>a {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.b-toast-username .g-user-name, .b-toast-username .g-user-username {
    min-width: 0
}

.b-toaster .b-toast-body .text-wrap .b-toast-username .g-user-name {
    font-weight: 600
}

.b-toast-username .g-user-username {
    margin-left: 4px
}

.toast-message-text {
    max-width: 100%;
    display: block
}

.toast-message-text:last-child {
    margin-bottom: 0
}

.b-toaster-stream {
    max-width: calc(100% - 32px);
    width: calc(100% - 32px);
    pointer-events: none
}

body .b-toaster-stream {
    z-index: 105
}

@media (max-width: 1003px) {
    body .b-toaster-stream {
        margin-top: -12px;
        margin-bottom: 12px;
        margin-left: 16px
    }
}

@media (min-width: 1004px) {
    .b-toaster-stream {
        left: 16px;
        bottom: 80px
    }

    .m-comments-opened .b-toaster-stream {
        width: 100vw;
        max-width: calc(100vw - 524px);
        bottom: 46px
    }
}

.b-toaster-stream.b-toaster .b-toaster-slot {
    margin-top: 8px;
    pointer-events: auto;
    max-width: 344px
}

.b-toaster-stream.b-toaster .b-toaster-slot:first-child {
    margin-top: 0
}

.b-toaster-stream.b-toaster .b-toaster-slot .b-toast {
    max-width: 100%
}

.b-toaster-stream .g-btn.m-accept {
    background: #66bb6a
}

.b-toaster-stream .g-btn.m-cancel {
    background: #ff6060
}

.label-popover a {
    white-space: normal
}

.b-toaster.b-toaster-bottom-left {
    max-width: 250px;
    bottom: 20px;
    left: 20px
}

@media (max-width: 767px) {
    .b-toaster.b-toaster-bottom-left {
        bottom: 63px
    }
}

.b-toast {
    max-width: 250px;
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .4);
    background: var(--bg-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    font-size: 12px
}

.toast {
    padding: 17px 23px
}

@media (max-width: 767px) {
    .toast {
        padding: 7px
    }
}

.toast-header {
    margin-bottom: 7px;
    font-weight: 700
}

.toast-header .close {
    position: absolute;
    top: 0;
    right: 5px
}

@keyframes progressline {
    0% {
        clip: rect(0, 28px, 0, 14px)
    }

    to {
        clip: rect(0, 28px, 28px, 14px)
    }
}

.tooltip {
    z-index: 100;
    pointer-events: none;
    max-width: 300px
}

.tooltip, .tooltip.show {
    opacity: 1
}

.m-black-body .tooltip {
    z-index: 103
}

.m-disable-scrolling .tooltip {
    z-index: 1039
}

.tooltip.m-pointer-events-auto {
    pointer-events: auto
}

.tooltip.m-capitalized-on .tooltip-inner {
    text-transform: capitalize
}

.tooltip.m-tooltip-higher {
    z-index: 1048
}

.tooltip.m-theme-dependent .tooltip-arrow {
    border-color: var(--bg-color)
}

.tooltip.m-theme-dependent .tooltip-inner {
    background: var(--bg-color);
    color: var(--text-color)
}

.tooltip.m-tooltip-light .tooltip-arrow {
    border-color: #fefefe
}

.tooltip.m-tooltip-light .tooltip-inner {
    background: #fefefe;
    color: #242529
}

.m-mode-dark .tooltip:not(.m-tooltip-light):not(.m-theme-dependent) .tooltip-inner {
    background: #8a96a3;
    color: #242529
}

.m-mode-dark .tooltip:not(.m-tooltip-light):not(.m-theme-dependent) .tooltip-inner a {
    color: #015a90
}

.m-mode-dark .tooltip:not(.m-tooltip-light):not(.m-theme-dependent) .tooltip-arrow {
    border-color: #8a96a3
}

.tooltip.m-tooltip-colored[x-placement^=top] {
    margin-bottom: 10px
}

.tooltip.m-tooltip-colored[x-placement^=top] .tooltip-arrow {
    bottom: -10px;
    border-width: 10px 10px 0
}

.tooltip.m-tooltip-colored[x-placement^=bottom] {
    margin-top: 10px
}

.tooltip.m-tooltip-colored[x-placement^=bottom] .tooltip-arrow {
    top: -10px;
    border-width: 0 10px 10px
}

.tooltip.m-tooltip-colored .tooltip-arrow {
    border-color: #00aff0
}

.tooltip.m-tooltip-colored .tooltip-inner {
    background: #00aff0;
    color: #fefefe;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 7px
}

.tooltip.m-moved-dropdown-more[x-placement^=top] {
    margin-top: -30px
}

.tooltip.m-moved-dropdown-more[x-placement^=bottom] {
    margin-bottom: -30px
}

.tooltip .tooltip-inner {
    background: #242529;
    color: #fefefe;
    padding: 5px 8px;
    font-size: 11px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    border-radius: 5px;
    text-align: center;
    max-width: calc(100vw - 100px);
    font-weight: 400;
    text-transform: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    margin: 5px;
    border-color: #242529;
    z-index: 1;
    position: absolute;
    overflow: hidden
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: var(--text-color);
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .16);
    position: absolute;
    left: 50%;
    top: 0
}

.tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip[x-placement^=top] .tooltip-arrow {
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

.tooltip[x-placement^=top] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-bottom-color: transparent !important;
    bottom: -5px
}

.tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-top-color: transparent !important;
    top: -5px
}

.tooltip[x-placement^=left] .tooltip-arrow, .tooltip[x-placement^=right] .tooltip-arrow {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=right] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    left: -5px
}

.tooltip[x-placement^=left] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-right-color: transparent !important;
    right: -5px
}

.tooltip.m-link {
    pointer-events: auto
}

.tooltip.m-link a {
    color: #fefefe
}

.tooltip.popover.m-lg {
    max-width: 320px
}

.m-prevent-scrolling .tooltip.popover.m-lg {
    position: fixed !important
}

.tooltip.popover img {
    max-width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.tooltip.popover img+img {
    margin: 8px 0 0
}

.custom-datepicker {
    font-family: Roboto, sans-serif
}

.custom-datepicker .vdatetime-input {
    cursor: pointer
}

.custom-datepicker .vdatetime-input[readonly] {
    pointer-events: none;
    background: rgba(138, 150, 163, .08)
}

.custom-datepicker .vdatetime-input[readonly]~.v-datetime__icon {
    opacity: .5;
    pointer-events: none
}

.custom-datepicker .vdatetime-input[readonly]~.v-datetime__label:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 8px;
    z-index: -1;
    background: rgba(138, 150, 163, .08)
}

.custom-datepicker .vdatetime-month-picker__item, .custom-datepicker .vdatetime-year-picker__item {
    font-size: 20px;
    padding-top: 7px;
    padding-bottom: 7px
}

.m-mode-dark .custom-datepicker .vdatetime-month-picker__item, .m-mode-dark .custom-datepicker .vdatetime-year-picker__item {
    color: #fefefe
}

.custom-datepicker .vdatetime-month-picker__item--disabled, .custom-datepicker .vdatetime-year-picker__item--disabled, .m-mode-dark .custom-datepicker .vdatetime-month-picker__item--disabled, .m-mode-dark .custom-datepicker .vdatetime-year-picker__item--disabled {
    color: rgba(138, 150, 163, .44);
    opacity: 1
}

.custom-datepicker .vdatetime-month-picker__item--selected, .custom-datepicker .vdatetime-year-picker__item--selected, .m-mode-dark .custom-datepicker .vdatetime-month-picker__item--selected, .m-mode-dark .custom-datepicker .vdatetime-year-picker__item--selected {
    color: #00aff0;
    font-size: 20px
}

.custom-datepicker .vdatetime-popup {
    background: var(--bg-color);
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
    border-radius: 6px;
    overflow: hidden;
    font-family: inherit;
    width: 328px;
    max-width: calc(100% - 32px)
}

.custom-datepicker .vdatetime-popup__title {
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    flex: 0 0 100%;
    order: 1;
    display: flex;
    align-content: center;
    align-items: center
}

.custom-datepicker .vdatetime-popup__title .g-icon {
    margin-right: 6px;
    color: #00aff0
}

.custom-datepicker .vdatetime-popup__header {
    background: none;
    color: var(--title-color);
    padding: 15px 16px;
    position: relative;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 22px
}

.custom-datepicker .vdatetime-popup__header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(138, 150, 163, .25)
}

.custom-datepicker .vdatetime-popup__year {
    order: 3
}

.custom-datepicker .vdatetime-popup__date {
    order: 2;
    padding-left: 4px;
    padding-right: 4px
}

.custom-datepicker .vdatetime-popup__date, .custom-datepicker .vdatetime-popup__year {
    display: inline-block;
    font-weight: 500;
    opacity: 1;
    position: relative;
    font-size: 14px;
    line-height: 16px
}

.custom-datepicker .vdatetime-popup__date:after, .custom-datepicker .vdatetime-popup__year:after {
    content: "";
    position: absolute;
    left: 0;
    right: -5px;
    bottom: -15px;
    height: 2px;
    background-color: #242529
}

.custom-datepicker .vdatetime-popup__actions {
    border-top: 1px solid rgba(138, 150, 163, .25);
    padding: 6px 10px;
    font-size: 0;
    flex-wrap: wrap;
    position: relative;
    display: flex;
    justify-content: flex-end;
    font-weight: 500
}

.custom-datepicker .vdatetime-popup__actions__button {
    padding: 0
}

.custom-datepicker .vdatetime-popup__actions__button .g-btn {
    margin-left: 4px;
    text-transform: uppercase
}

.custom-datepicker .vdatetime-popup__actions__button .g-btn.m-border {
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .4)
}

.custom-datepicker .vdatetime-calendar__current--month {
    font-weight: 500;
    font-size: 14px
}

.m-mode-dark .custom-datepicker .vdatetime-calendar__current--month {
    color: #fefefe
}

.custom-datepicker .vdatetime-calendar__month {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    min-height: 284px
}

.custom-datepicker .vdatetime-calendar__month__day, .custom-datepicker .vdatetime-calendar__month__weekday {
    width: 36px;
    height: 36px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 4px;
    flex: 0 0 calc(14.28% - 10px)
}

.m-mode-dark .custom-datepicker .vdatetime-calendar__month__day, .m-mode-dark .custom-datepicker .vdatetime-calendar__month__weekday {
    color: #fefefe
}

.custom-datepicker .vdatetime-calendar__month__weekday {
    text-transform: uppercase;
    color: #8a96a3;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    margin-bottom: 16px
}

.custom-datepicker .vdatetime-calendar__month__day {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-color);
    font-weight: 500
}

.custom-datepicker .vdatetime-calendar__month__day:hover>span>span {
    background: none;
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .66)
}

.m-mode-dark .custom-datepicker .vdatetime-calendar__month__day:hover>span>span {
    color: #fefefe
}

.custom-datepicker .vdatetime-calendar__month__day--disabled {
    opacity: 1;
    color: rgba(138, 150, 163, .44)
}

.m-mode-dark .custom-datepicker .vdatetime-calendar__month__day--disabled {
    color: rgba(138, 150, 163, .74)
}

.custom-datepicker .vdatetime-calendar__month__day--disabled:hover>span>span {
    color: rgba(138, 150, 163, .44)
}

.m-mode-dark .custom-datepicker .vdatetime-calendar__month__day--disabled:hover>span>span {
    color: rgba(138, 150, 163, .74)
}

.custom-datepicker .vdatetime-calendar__month__day--selected>span>span {
    background: #00aff0
}

.custom-datepicker .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #0091ea;
    box-shadow: none
}

.m-mode-dark .custom-datepicker .vdatetime-calendar__month__day--selected:hover>span>span {
    color: #fefefe
}

.custom-datepicker .vdatetime-calendar__month__day.vdatetime-calendar__month__day--disabled:hover>span>span, .custom-datepicker .vdatetime-calendar__month__day.vdatetime-calendar__month__day--selected:hover>span>span {
    box-shadow: none
}

.custom-datepicker .vdatetime-calendar__navigation {
    margin-top: 0;
    margin-bottom: 25px
}

.custom-datepicker .vdatetime-calendar__navigation--previous {
    left: 25px
}

.custom-datepicker .vdatetime-calendar__navigation--next {
    right: 25px
}

.custom-datepicker .vdatetime-calendar__navigation--next, .custom-datepicker .vdatetime-calendar__navigation--previous {
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 1000px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: background-color .1s;
    top: -4px
}

@media (any-hover: hover) {
    .custom-datepicker .vdatetime-calendar__navigation--next:hover, .custom-datepicker .vdatetime-calendar__navigation--previous:hover {
        background-color: rgba(0, 145, 234, .06)
    }

    .custom-datepicker .vdatetime-calendar__navigation--next:hover svg path, .custom-datepicker .vdatetime-calendar__navigation--previous:hover svg path {
        stroke: #0091ea
    }
}

.custom-datepicker .vdatetime-calendar__navigation--next svg, .custom-datepicker .vdatetime-calendar__navigation--previous svg {
    width: 6px;
    height: 15px;
    color: var(--title-color)
}

.m-black-body .custom-datepicker .vdatetime-calendar__navigation--next svg path, .m-black-body .custom-datepicker .vdatetime-calendar__navigation--previous svg path {
    stroke: #fefefe;
    opacity: .5
}

.m-black-body .custom-datepicker .vdatetime-calendar__navigation--next svg:hover path, .m-black-body .custom-datepicker .vdatetime-calendar__navigation--previous svg:hover path {
    opacity: 1
}

.m-mode-dark .custom-datepicker .vdatetime-calendar__navigation--next svg path, .m-mode-dark .custom-datepicker .vdatetime-calendar__navigation--previous svg path {
    stroke: #fefefe
}

.custom-datepicker-button-cancel {
    margin-right: 0;
    margin-left: auto
}

.custom-datepicker .vdatetime-time-picker {
    width: 264px;
    margin: 0 auto 15px;
    -webkit-mask-image: linear-gradient(180deg, #000 90%, transparent);
    mask-image: linear-gradient(180deg, #000 90%, transparent)
}

.custom-datepicker .vdatetime-time-picker__item {
    color: #242529;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    font-size: 21px;
    line-height: 22px
}

.m-mode-dark .custom-datepicker .vdatetime-time-picker__item:not(.vdatetime-time-picker__item--selected) {
    color: #fff
}

.m-mode-dark .custom-datepicker .vdatetime-time-picker__item.vdatetime-time-picker__item--disabled {
    color: #8a96a3
}

.custom-datepicker .vdatetime-time-picker__item:hover {
    font-size: 20px
}

.custom-datepicker .vdatetime-time-picker__item:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: #00aff0;
    border-radius: 1000px;
    width: 42px;
    height: 42px;
    z-index: -1;
    opacity: 0;
    transition: opacity .3s
}

.custom-datepicker .vdatetime-time-picker__item--selected {
    font-weight: 400;
    color: #00aff0
}

.custom-datepicker .vdatetime-time-picker__item--disabled {
    color: rgba(138, 150, 163, .73);
    opacity: 1
}

.custom-datepicker .vdatetime-time-picker__item--disabled:after {
    opacity: 0
}

.custom-datepicker .vdatetime-time-picker__list {
    height: 318px;
    padding: 0;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-width: none;
    scroll-behavior: auto;
    -webkit-mask-image: linear-gradient(transparent 1%, #000 10%);
    mask-image: linear-gradient(transparent 1%, #000 10%)
}

@supports (-moz-appearance: none) {
    .custom-datepicker .vdatetime-time-picker__list {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color)
    }
}

.custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar {
    display: none;
    color: #fff;
    height: 0;
    width: 0;
    -webkit-appearance: none
}

.custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar, .custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar-track {
    width: 0;
    height: 0;
    -webkit-appearance: none;
    background: transparent;
    opacity: 0
}

.custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar-thumb {
    opacity: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    display: none
}

.custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0
}

.custom-datepicker .vdatetime-time-picker__list:last-child {
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase
}

.vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-end {
    width: calc(100% - 5px) !important;
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important
}

.vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked, .vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked {
    pointer-events: auto
}

.vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked:not(.vfc-start-marked) {
    background-color: transparent;
    color: var(--text-color)
}

@media (any-hover: hover) {
    .vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked:not(.vfc-start-marked):hover {
        background-color: rgba(0, 175, 240, .06)
    }
}

.vfc-popover-container.custom-datepicker-range.to-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-start {
    width: calc(100% - 5px) !important;
    border-top-left-radius: 18px !important;
    border-bottom-left-radius: 18px !important
}

.vfc-popover-container.custom-datepicker-range.to-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked:not(.vfc-end-marked) {
    background-color: transparent;
    color: var(--text-color);
    pointer-events: auto
}

@media (any-hover: hover) {
    .vfc-popover-container.custom-datepicker-range.to-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked:not(.vfc-end-marked):hover {
        background-color: rgba(0, 175, 240, .06)
    }
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container {
    background-color: transparent;
    font-family: Open Sans, sans-serif;
    box-shadow: none;
    border-radius: 0;
    height: 327px !important
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container {
    margin-top: -20px;
    padding-top: 20px;
    overflow: visible
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons {
    flex: 0 1 0;
    position: relative;
    height: 0;
    margin: 0
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left {
    border-top-width: 1px;
    border-left-width: 1px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:after {
    left: -10px;
    top: -10px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right {
    border-top-width: 1px;
    border-right-width: 1px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:after {
    left: -7px;
    top: -11px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right {
    width: 7px;
    height: 7px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover {
    border-color: #0091ea
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover:after {
    opacity: 1
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: rgba(0, 145, 234, .06);
    border-radius: 1000px;
    opacity: 0;
    transition: opacity .1s
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:active, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:active, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:active, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:active {
    border-color: var(--text-color)
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left.vfc-disabled, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right.vfc-disabled, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left.vfc-disabled, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right.vfc-disabled {
    border-color: rgba(138, 150, 163, .4)
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons .vfc-arrow-right {
    position: absolute;
    top: 3px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons .vfc-arrow-left {
    left: 31px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons .vfc-arrow-right {
    right: 31px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars {
    flex: 0 1 100%
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content {
    margin: 0 7px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-top-date {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: Roboto, sans-serif;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 6px;
    color: var(--text-color);
    border-radius: 48px;
    cursor: pointer
}

@media (any-hover: hover) {
    .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-top-date:hover {
        color: #0091ea;
        background-color: rgba(0, 145, 234, .06)
    }
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-top-date a {
    color: inherit;
    text-decoration: none;
    margin: 0
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-dayNames {
    margin-top: 41px;
    margin-bottom: 14px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-dayNames span {
    text-transform: uppercase;
    color: #8a96a3;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    font-weight: 500;
    font-family: Roboto, sans-serif
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day {
    margin: 0
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-hovered {
    background-color: transparent
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered {
    cursor: pointer;
    width: 36px;
    height: 36px;
    color: var(--text-color);
    font-size: 12px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 4px;
    font-family: Roboto, sans-serif;
    background-color: transparent
}

@media (any-hover: hover) {
    .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover:not(.vfc-today):not(.vfc-marked):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered:not(.vfc-today):not(.vfc-marked):hover {
        background: rgba(0, 145, 234, .06)
    }

    .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover:not(.vfc-today):not(.vfc-marked).vfc-disabled:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered:not(.vfc-today):not(.vfc-marked).vfc-disabled:hover {
        background: none
    }
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed {
    cursor: not-allowed
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed:hover {
    background: none
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed:hover {
    color: rgba(138, 150, 163, .4)
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-today {
    background-color: var(--bg-color);
    border: 1px solid #00aff0
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-today:hover {
    background-color: #00aff0;
    color: #fefefe
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hide:not(.vfc-today):not(.vfc-hover), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered:not(.vfc-today):not(.vfc-hover) {
    color: #8a96a3
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked {
    background-color: transparent
}

@media (any-hover: hover) {
    .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked:hover {
        background-color: rgba(0, 175, 240, .06)
    }
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked:before {
    background-color: rgba(0, 175, 240, .12);
    height: 36px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-borderd {
    color: var(--bg-color);
    background-color: #00aff0
}

@media (any-hover: hover) {
    .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-borderd:hover {
        color: var(--bg-color)
    }
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-borderd:before {
    display: none
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked {
    color: var(--bg-color);
    background-color: #00aff0;
    pointer-events: none
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked:before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked:before {
    background-color: transparent
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-end, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-start {
    background-color: rgba(0, 175, 240, .12);
    height: 36px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-end+.vfc-span-day:before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-start+.vfc-span-day:before {
    display: none
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-end+.vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-end+.vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-start+.vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day .vfc-base-start+.vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked):hover {
    background-color: #00aff0;
    color: #fefefe
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day:first-child span.vfc-span-day.vfc-marked:before {
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar>div.vfc-content .vfc-week div.vfc-day:last-child span.vfc-span-day.vfc-marked:before {
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

.vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-navigation-buttons div, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-separately-navigation-buttons div {
    margin: 0
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content {
    background-color: var(--bg-color);
    margin: 0;
    width: 216px;
    max-height: 268px;
    overflow-y: auto;
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 4px 0;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

@supports (-moz-appearance: none) {
    .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
        scrollbar-width: thin
    }
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 67%, .6);
    border-radius: 6px
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-button {
    display: none
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-track {
    background-color: none;
    box-shadow: inset 0 0 10px 10px transparent;
    border: 2px solid transparent;
    width: 10px
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-resizer, .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-corner {
    display: none
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px transparent
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-navigation-buttons {
    display: none
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months {
    display: block
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item {
    color: var(--text-color);
    text-align: left;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-family: Roboto, sans-serif;
    padding: 12px 16px;
    position: relative;
    z-index: 2
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item:after {
    content: "";
    z-index: -1;
    background-color: rgba(0, 145, 234, .06);
    border-radius: 4px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 8px;
    right: 8px;
    opacity: 0
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item:hover {
    background-color: transparent;
    color: #0091ea
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item:hover:after {
    opacity: 1
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item.vfc-selected {
    text-shadow: none;
    background: none;
    color: #0091ea
}

.vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item.vfc-selected:after {
    opacity: 1
}

.v-datetime.m-field-label-over {
    position: relative
}

.v-datetime .datetime-input-label {
    position: absolute;
    top: 14px;
    left: 0;
    padding-left: 3px;
    padding-right: 3px;
    background-color: var(--bg-color);
    font-size: 16px;
    line-height: 20px;
    margin: 0 13px;
    transform: translateY(-21px) scale(.75);
    transform-origin: left top;
    color: #8a96a3
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header {
    margin-bottom: 0
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header .vdatetime-popup__date, .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header .vdatetime-popup__year, .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header:after {
    display: none
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__title {
    margin-bottom: 0
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__body {
    overflow: hidden;
    min-height: 345px
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs {
    display: flex;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs+.vdatetime-popup__body .vdatetime-calendar, .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs+.vdatetime-popup__body .vfc-popover-container {
    margin-top: 20px
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs+.vdatetime-popup__body .vdatetime-time-picker {
    margin-top: 12px
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs.m-hyphen {
    position: relative
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs.m-hyphen:after {
    content: "\2014";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 3px));
    color: #8a96a3;
    font-size: 19px;
    font-weight: 500
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab {
    font-size: 19px;
    font-weight: 500;
    color: #8a96a3;
    position: relative;
    cursor: pointer;
    flex: 1;
    padding: 13px 10px 10px;
    transition: color .1s;
    text-align: center
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 8px;
    right: 8px;
    background-color: rgba(0, 145, 234, .06);
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: opacity .1s
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background-color: #242529;
    width: 0;
    transition: width .3s
}

.m-mode-dark .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:after {
    background-color: #fefefe
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:hover {
    color: #0091ea
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:hover:before {
    opacity: 1
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab.active:not(:hover) {
    color: var(--title-color)
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab.active:after {
    width: 100%
}

.custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab span {
    font-weight: 400
}

.g-page__header .b-btns-group .dropdown:last-child {
    margin-right: 3px
}

.dropdown[disabled] {
    opacity: .4;
    pointer-events: none
}

.dropdown.m-upload-square {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.m-long-narrow-list.dropdown-menu .dropdown-item.active {
    background-color: #00aff0;
    color: #fefefe;
    transition: background-color .1s, color .1s
}

.m-long-narrow-list.dropdown-menu .dropdown-item.active:hover {
    color: #fefefe;
    background-color: #0091ea
}

.m-long-narrow-list.dropdown-menu .dropdown-item.active:after {
    opacity: 1;
    left: 0;
    right: 0;
    border-radius: 0
}

.dropdown-item.disabled {
    opacity: .4;
    pointer-events: none
}

.dropdown-item.disabled .b-dropdown__icon {
    border-color: rgba(138, 150, 163, .75)
}

.modal .m-long-narrow-list .dropdown-item {
    text-align: center;
    justify-content: center
}

a.dropdown-item[href="javascript:void(0)"]:after {
    content: none
}

.dropdown-menu a.dropdown-item[href="javascript:void(0)"]:hover {
    color: var(--text-color)
}

.dropdown.m-active .dropdown-toggle:not(:hover) {
    color: #00aff0
}

.dropdown.m-filtered .dropdown-toggle:before {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 1000px;
    content: "";
    background: #ff485b;
    top: 4px;
    right: 4px
}

.dropdown.m-dropdown-sm {
    height: 16px
}

@media (max-width: 767px) {
    .b-btns-group .dropdown.m-page-header-dots {
        margin-right: -9px
    }
}

.dropdown-menu {
    background: var(--bg-color);
    border: 1px solid rgba(138, 150, 163, .25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    width: 100%;
    min-width: 220px;
    max-width: 256px;
    z-index: 101;
    top: 0;
    display: none;
    cursor: auto;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 0;
    min-height: 48px;
    list-style: none;
    border-radius: 6px
}

.dropdown-menu.m-dropdown-over-modal {
    z-index: 1051
}

.dropdown-menu.show {
    display: block
}

.dropdown-menu.m-in-black-body {
    background: rgba(138, 150, 163, .12);
    border: none
}

.dropdown-menu.m-in-black-body:before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: inherit;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .9);
    box-shadow: 0 0 0 1px rgba(138, 150, 163, .25);
    z-index: 0
}

.dropdown-menu:not(.m-dropdown-row) {
    max-height: calc(100vh - 60px);
    max-height: calc(var(--vh, 1vh)*100 - 60px);
    overflow-y: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

@supports (-moz-appearance: none) {
    .dropdown-menu:not(.m-dropdown-row) {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
        scrollbar-width: thin
    }
}

.dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 67%, .6);
    border-radius: 6px
}

.dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-button {
    display: none
}

.dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-track {
    background-color: none;
    box-shadow: inset 0 0 10px 10px transparent;
    border: 2px solid transparent;
    width: 10px
}

.dropdown-menu:not(.m-dropdown-row)::-webkit-resizer, .dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-corner {
    display: none
}

.dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px transparent
}

.dropdown-menu:not(.m-dropdown-row):hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
}

.b-dropdown>.dropdown-menu {
    width: 256px
}

.m-dropdown-menu-inside .dropdown-menu {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: none;
    background: none;
    border: none;
    position: relative;
    margin-top: 0
}

.dropdown-menu.m-long-narrow-list {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 768px) {
    .dropdown-menu.m-long-narrow-list {
        max-height: 300px;
        max-width: 150px;
        min-width: 150px;
        margin-left: -30px
    }
}

.dropdown-menu.m-dropdown-select-list {
    padding-top: 5px;
    padding-bottom: 0;
    width: 100%;
    margin-right: -4px
}

@media (min-width: 1004px) {
    .dropdown-menu.m-dropdown-select-list[x-placement=bottom-end] {
        margin-top: -70px
    }

    .dropdown-menu.m-dropdown-select-list[x-placement=top-end] {
        margin-bottom: -70px
    }

    .dropdown-menu.m-stream-options[x-placement=bottom-end] {
        margin-right: -4px;
        margin-top: 10px
    }
}

.dropdown-menu.m-dropdown-row {
    background-color: #242529;
    box-shadow: none;
    border: none;
    padding: 0 2px;
    min-width: auto;
    max-width: none;
    width: auto;
    min-height: auto;
    z-index: 4;
    border-radius: 4px
}

.dropdown-menu.m-dropdown-row:after {
    content: "";
    width: 10px;
    height: 10px;
    border: none;
    transform: rotate(45deg);
    background: inherit;
    border-left: 1px solid rgba(138, 150, 163, .25);
    border-top: 1px solid rgba(138, 150, 163, .25);
    z-index: -1;
    position: absolute
}

.dropdown-menu.m-dropdown-row[x-placement=left-start]:after, .dropdown-menu.m-dropdown-row[x-placement=right-start]:after {
    top: -5px
}

.dropdown-menu.m-dropdown-row[x-placement=left-start] {
    margin-right: -39px
}

.dropdown-menu.m-dropdown-row[x-placement=left-start].m-bookmarks-shift {
    margin-right: -45px
}

.dropdown-menu.m-dropdown-row[x-placement=left-start]:after {
    right: 22px
}

.dropdown-menu.m-dropdown-row[x-placement=right-start] {
    margin-left: -39px
}

.dropdown-menu.m-dropdown-row[x-placement=right-start].m-bookmarks-shift {
    margin-left: -45px
}

.dropdown-menu.m-dropdown-row[x-placement=right-start]:after {
    left: 22px
}

.dropdown-menu.m-dropdown-row.show {
    display: flex !important
}

.dropdown-menu.m-dropdown-row.m-bookmarks-shift {
    margin-bottom: 0;
    margin-top: 4px
}

.dropdown-menu.m-dropdown-row .dropdown-item {
    color: #fefefe;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 20px
}

.dropdown-menu.m-dropdown-row .dropdown-item:hover {
    color: #fefefe;
    opacity: .6
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal {
    position: relative;
    background: none;
    border: none;
    box-shadow: none;
    max-height: calc(100vh - 40px);
    max-height: calc(var(--vh, 1vh)*100 - 40px);
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 4px;
    margin-bottom: 4px
}

@supports (-moz-appearance: none) {
    .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
        scrollbar-width: thin
    }
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 67%, .6);
    border-radius: 6px
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-button {
    display: none
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-track {
    background-color: none;
    box-shadow: inset 0 0 10px 10px transparent;
    border: 2px solid transparent;
    width: 10px
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-resizer, .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-corner {
    display: none
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px transparent
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal:after {
    display: none
}

@media (min-width: 500px) {
    .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal.m-default-width-modal {
        max-width: 256px
    }
}

.dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal[x-placement] {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 101;
    background-color: var(--bg-color);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border: 1px solid rgba(138, 150, 163, .25)
}

@media (min-width: 500px) {
    .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal[x-placement] {
        max-width: 344px
    }
}

.m-mode-dark .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal[x-placement] {
    background-color: #000
}

.dropdown-menu .m-sticky-item {
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--bg-color);
    z-index: 10;
    top: 0
}

.dropdown-menu .m-sticky-item+.m-divider-item {
    position: -webkit-sticky;
    position: sticky;
    top: 48px
}

.dropdown-menu .m-sticky-item.m-first {
    top: 0;
    margin-bottom: -4px;
    padding-bottom: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.dropdown-menu .m-sticky-item.m-first+.m-divider-item {
    top: 52px
}

.dropdown-menu .m-capitalize .dropdown-item {
    text-transform: capitalize
}

.dropdown-menu.m-user-switcher {
    max-width: 350px;
    width: 350px
}

@media screen and (max-width: 380px) {
    .dropdown-menu.m-user-switcher {
        min-width: 320px;
        max-width: 320px;
        width: auto
    }
}

@media (min-width: 500px) {
    .dropdown-menu.m-user-switcher.dropdown-menu[x-placement=bottom-start]:after {
        left: 110px
    }
}

@media only screen and (min-width: 570px) {
    .dropdown-menu.m-user-switcher.dropdown-menu[x-placement=bottom-start]:after {
        left: 10px
    }
}

.dropdown-menu.m-lang-switcher {
    width: auto
}

.dropdown-menu.m-lang-switcher .dropdown-item {
    padding-top: 0;
    padding-bottom: 0
}

.dropdown-menu[x-placement=bottom-end], .dropdown-menu[x-placement=bottom-start] {
    margin-top: 4px
}

.dropdown-menu[x-placement=bottom-end].m-vertical-dots-list, .dropdown-menu[x-placement=bottom-start].m-vertical-dots-list {
    margin-top: 8px;
    margin-right: -7px
}

.dropdown-menu[x-placement=top-end], .dropdown-menu[x-placement=top-start] {
    margin-bottom: 4px
}

.dropdown-menu[x-placement=top-end].m-vertical-dots-list, .dropdown-menu[x-placement=top-start].m-vertical-dots-list {
    margin-bottom: 8px;
    margin-left: -7px
}

@media (min-width: 768px) {
    .dropdown-menu.m-without-wrapper {
        z-index: 101
    }
}

.dropdown-menu.m-without-wrapper[x-placement=top-end], .dropdown-menu.m-without-wrapper[x-placement=top-start] {
    margin-bottom: 8px
}

.dropdown-menu.m-without-wrapper[x-placement=top-end].m-vertical-dots-list, .dropdown-menu.m-without-wrapper[x-placement=top-start].m-vertical-dots-list {
    margin-left: -7px
}

.dropdown-menu.m-without-wrapper[x-placement=bottom-end], .dropdown-menu.m-without-wrapper[x-placement=bottom-start] {
    margin-top: 8px
}

.dropdown-menu.m-without-wrapper[x-placement=bottom-end].m-vertical-dots-list, .dropdown-menu.m-without-wrapper[x-placement=bottom-start].m-vertical-dots-list {
    margin-right: -7px
}

.m-not-width-limit .dropdown-menu {
    width: auto;
    max-width: calc(100vw - 40px)
}

.b-chat__header .dropdown-menu {
    margin-top: 24px
}

.b-videocontent .b-action-panel .dropdown-menu {
    margin-bottom: 18px
}

.dropdown-menu__header {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 16px;
    margin-top: -4px;
    color: var(--text-color)
}

>.dropdown-menu .open {
    top: 100%
}

.dropdown-menu>div>li>a, .dropdown-menu>div>li>button, .dropdown-menu>dl>dd>a, .dropdown-menu>dl>dd>button, .dropdown-menu>li>a, .dropdown-menu>li>button, .dropdown-menu>ul>li>a, .dropdown-menu>ul>li>button {
    color: var(--text-color);
    border: none;
    background: none;
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 400
}

.m-dark-modal .dropdown-menu>div>li>a, .m-dark-modal .dropdown-menu>div>li>button, .m-dark-modal .dropdown-menu>dl>dd>a, .m-dark-modal .dropdown-menu>dl>dd>button, .m-dark-modal .dropdown-menu>li>a, .m-dark-modal .dropdown-menu>li>button, .m-dark-modal .dropdown-menu>ul>li>a, .m-dark-modal .dropdown-menu>ul>li>button {
    color: #fefefe
}

.dropdown-menu>div>li>a[disabled], .dropdown-menu>div>li>button[disabled], .dropdown-menu>dl>dd>a[disabled], .dropdown-menu>dl>dd>button[disabled], .dropdown-menu>li>a[disabled], .dropdown-menu>li>button[disabled], .dropdown-menu>ul>li>a[disabled], .dropdown-menu>ul>li>button[disabled] {
    pointer-events: none;
    opacity: .5
}

.dropdown-menu>div>li>a:hover, .dropdown-menu>div>li>button:hover, .dropdown-menu>dl>dd>a:hover, .dropdown-menu>dl>dd>button:hover, .dropdown-menu>li>a:hover, .dropdown-menu>li>button:hover, .dropdown-menu>ul>li>a:hover, .dropdown-menu>ul>li>button:hover {
    background: none;
    color: var(--text-color)
}

.dropdown-menu>dl>dd, .dropdown-menu>ul>li {
    display: flex;
    align-items: center
}

.dropdown-menu>dl>dd>a, .dropdown-menu>dl>dd>button, .dropdown-menu>ul>li>a, .dropdown-menu>ul>li>button {
    display: flex;
    align-items: flex-start;
    line-height: 1.3334
}

.m-not-width-limit .dropdown-menu>ul>li a, .m-not-width-limit .dropdown-menu>ul>li button {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown-menu>ul>li a.m-align-center, .dropdown-menu>ul>li button.m-align-center {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.dropdown-menu>ul>li a.m-align-center .b-dropdown__icon, .dropdown-menu>ul>li button.m-align-center .b-dropdown__icon {
    margin-bottom: auto
}

.dropdown-menu>ul>li a.m-item-with-icon .g-icon, .dropdown-menu>ul>li button.m-item-with-icon .g-icon {
    margin-right: 10px
}

.dropdown-menu dt {
    text-transform: uppercase;
    font-weight: 600;
    color: #8a96a3;
    margin: 0 0 20px
}

.dropdown-menu dl, .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.dropdown-menu dl+dl, .dropdown-menu dl+ul, .dropdown-menu ul+dl, .dropdown-menu ul+ul {
    border-top: 1px solid rgba(138, 150, 163, .25);
    padding: 4px 0 0;
    margin-top: 4px
}

.dropdown-menu ul:empty {
    display: none
}

.dropdown-menu ul:empty+.empty-message {
    display: block
}

.dropdown-menu .js-audio-menu ul li a, .dropdown-menu .js-audio-menu-record ul li a, .dropdown-menu .js-video-menu ul li a, .dropdown-menu.js-audio-menu ul li a, .dropdown-menu.js-audio-menu-record ul li a, .dropdown-menu.js-video-menu ul li a {
    padding: 14px 16px 15px;
    white-space: normal;
    line-height: 19px;
    display: block;
    color: var(--text-color);
    cursor: pointer
}

.dropdown-menu .js-audio-menu ul li a.b-streaming__mic-select__option .b-dropdown__icon, .dropdown-menu .js-audio-menu-record ul li a.b-streaming__mic-select__option .b-dropdown__icon, .dropdown-menu .js-video-menu ul li a.b-streaming__mic-select__option .b-dropdown__icon, .dropdown-menu.js-audio-menu ul li a.b-streaming__mic-select__option .b-dropdown__icon, .dropdown-menu.js-audio-menu-record ul li a.b-streaming__mic-select__option .b-dropdown__icon, .dropdown-menu.js-video-menu ul li a.b-streaming__mic-select__option .b-dropdown__icon {
    transition: background-color .1s, box-shadow .1s
}

.dropdown-menu .js-audio-menu ul li a.b-streaming__mic-select__option.m-active .b-dropdown__icon:after, .dropdown-menu .js-audio-menu-record ul li a.b-streaming__mic-select__option.m-active .b-dropdown__icon:after, .dropdown-menu .js-video-menu ul li a.b-streaming__mic-select__option.m-active .b-dropdown__icon:after, .dropdown-menu.js-audio-menu ul li a.b-streaming__mic-select__option.m-active .b-dropdown__icon:after, .dropdown-menu.js-audio-menu-record ul li a.b-streaming__mic-select__option.m-active .b-dropdown__icon:after, .dropdown-menu.js-video-menu ul li a.b-streaming__mic-select__option.m-active .b-dropdown__icon:after {
    opacity: 1
}

.dropdown-menu .js-audio-menu ul li a.b-streaming__mic-select__option.m-active:hover .b-dropdown__icon, .dropdown-menu .js-audio-menu-record ul li a.b-streaming__mic-select__option.m-active:hover .b-dropdown__icon, .dropdown-menu .js-video-menu ul li a.b-streaming__mic-select__option.m-active:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu ul li a.b-streaming__mic-select__option.m-active:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu-record ul li a.b-streaming__mic-select__option.m-active:hover .b-dropdown__icon, .dropdown-menu.js-video-menu ul li a.b-streaming__mic-select__option.m-active:hover .b-dropdown__icon {
    border-color: #0091ea;
    background-color: #0091ea
}

.dropdown-menu .js-audio-menu ul li a.b-streaming__mic-select__option svg, .dropdown-menu .js-audio-menu-record ul li a.b-streaming__mic-select__option svg, .dropdown-menu .js-video-menu ul li a.b-streaming__mic-select__option svg, .dropdown-menu.js-audio-menu ul li a.b-streaming__mic-select__option svg, .dropdown-menu.js-audio-menu-record ul li a.b-streaming__mic-select__option svg, .dropdown-menu.js-video-menu ul li a.b-streaming__mic-select__option svg {
    display: none
}

.dropdown-menu .js-audio-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon, .dropdown-menu .js-audio-menu-record ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon, .dropdown-menu .js-video-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu-record ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon, .dropdown-menu.js-video-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon {
    border-color: #00aff0
}

.dropdown-menu .js-audio-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon .b-input-ripple:before, .dropdown-menu .js-audio-menu-record ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon .b-input-ripple:before, .dropdown-menu .js-video-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon .b-input-ripple:before, .dropdown-menu.js-audio-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon .b-input-ripple:before, .dropdown-menu.js-audio-menu-record ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon .b-input-ripple:before, .dropdown-menu.js-video-menu ul li a.b-streaming__mic-select__option:hover .b-dropdown__icon .b-input-ripple:before {
    opacity: 1;
    transform: scale(1)
}

.dropdown-menu .m-active .b-dropdown__icon {
    box-shadow: none;
    background: #00aff0
}

.dropdown-menu .m-active .b-dropdown__icon>.g-icon {
    opacity: 1
}

.dropdown-menu .m-active:hover .b-dropdown__icon {
    background: #0091ea
}

.dropdown-menu .b-dropdown__item-icon {
    margin-right: 15px;
    line-height: 24px
}

.dropdown-menu .b-dropdown__item-icon:not(.m-default-color) {
    color: #00aff0
}

.dropdown-menu .b-dropdown__item-icon.m-light-gray-color {
    color: #8a96a3
}

.dropdown-menu .b-dropdown__item-icon.m-default-color {
    color: var(--text-color)
}

.dropdown-menu .b-dropdown__item-icon>.g-icon {
    vertical-align: top
}

.dropdown-menu .b-dropdown__item-icon+.b-dropdown__item-text {
    max-width: calc(100% - 40px);
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.dropdown-menu .b-dropdown__icon {
    min-width: 20px;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 1000px;
    border: 2px solid rgba(138, 150, 163, .4);
    margin: 0 13px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    transition: border-color .1s, background-color .1s;
    pointer-events: none
}

.m-black-body .dropdown-menu .b-dropdown__icon {
    border-color: hsla(0, 0%, 100%, .75)
}

.dropdown-menu .b-dropdown__icon:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    opacity: 0;
    border: 2px solid #fefefe;
    border-radius: 1000px;
    transition: opacity .2s
}

.js-focus-visible .video-js .dropdown-menu:focus {
    background: var(--bg-color)
}

.dropdown-menu .m-flex-item .dropdown-item, .dropdown-menu .m-tips-item .dropdown-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.dropdown-menu .m-flex-item .b-dropdown__item-icon, .dropdown-menu .m-tips-item .b-dropdown__item-icon {
    margin-top: -3px;
    margin-bottom: -3px
}

.dropdown-menu .m-user-data-item .dropdown-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.dropdown-menu .m-user-data-item .dropdown-item:hover .g-user-username {
    color: #0091ea
}

.dropdown-menu .m-user-data-item .g-avatar {
    margin-top: -3px;
    margin-bottom: -3px
}

.dropdown-menu .m-user-data-item .b-username-row {
    margin-left: 12px;
    max-width: calc(100% - 50px)
}

.dropdown-menu .m-user-data-item .g-user-username {
    color: var(--text-color);
    text-decoration: none
}

.dropdown-menu li.m-danger .m-collapse-title:after, .dropdown-menu li.m-danger a.dropdown-item:after, .dropdown-menu li.m-danger button.dropdown-item:after {
    background-color: rgba(255, 96, 96, .06)
}

.dropdown-menu li.m-danger .m-collapse-title:hover, .dropdown-menu li.m-danger a.dropdown-item:hover, .dropdown-menu li.m-danger button.dropdown-item:hover {
    color: #ff6060
}

.m-in-black-body .dropdown-menu li:not(.m-danger) .m-collapse-title:after, .m-in-black-body .dropdown-menu li:not(.m-danger) a.dropdown-item:after, .m-in-black-body .dropdown-menu li:not(.m-danger) button.dropdown-item:after, .m-in-black-body.dropdown-menu li:not(.m-danger) .m-collapse-title:after, .m-in-black-body.dropdown-menu li:not(.m-danger) a.dropdown-item:after, .m-in-black-body.dropdown-menu li:not(.m-danger) button.dropdown-item:after, .m-mode-dark .dropdown-menu li:not(.m-danger) .m-collapse-title:after, .m-mode-dark .dropdown-menu li:not(.m-danger) a.dropdown-item:after, .m-mode-dark .dropdown-menu li:not(.m-danger) button.dropdown-item:after {
    background-color: hsla(0, 0%, 100%, .12)
}

.dropdown-menu li:not(.m-danger) .m-collapse-title:hover, .dropdown-menu li:not(.m-danger) a.dropdown-item:hover, .dropdown-menu li:not(.m-danger) button.dropdown-item:hover {
    color: #0091ea
}

.m-in-black-body .dropdown-menu li:not(.m-danger) .m-collapse-title:hover, .m-in-black-body .dropdown-menu li:not(.m-danger) a.dropdown-item:hover, .m-in-black-body .dropdown-menu li:not(.m-danger) button.dropdown-item:hover, .m-in-black-body.dropdown-menu li:not(.m-danger) .m-collapse-title:hover, .m-in-black-body.dropdown-menu li:not(.m-danger) a.dropdown-item:hover, .m-in-black-body.dropdown-menu li:not(.m-danger) button.dropdown-item:hover, .m-mode-dark .dropdown-menu li:not(.m-danger) .m-collapse-title:hover, .m-mode-dark .dropdown-menu li:not(.m-danger) a.dropdown-item:hover, .m-mode-dark .dropdown-menu li:not(.m-danger) button.dropdown-item:hover {
    color: #fefefe
}

.dropdown-menu li:not(.m-danger) .m-collapse-title:hover .b-dropdown__item-icon, .dropdown-menu li:not(.m-danger) a.dropdown-item:hover .b-dropdown__item-icon, .dropdown-menu li:not(.m-danger) button.dropdown-item:hover .b-dropdown__item-icon {
    color: inherit
}

.dropdown-menu li:not(.m-danger) .m-collapse-title:hover:after, .dropdown-menu li:not(.m-danger) a.dropdown-item:hover:after, .dropdown-menu li:not(.m-danger) button.dropdown-item:hover:after {
    opacity: 1
}

.dropdown-menu li:not(.m-danger) .m-collapse-title:hover .g-icon-info, .dropdown-menu li:not(.m-danger) a.dropdown-item:hover .g-icon-info, .dropdown-menu li:not(.m-danger) button.dropdown-item:hover .g-icon-info {
    color: inherit
}

.dropdown-menu button.dropdown-item {
    width: 100%
}

.dropdown-menu .dropdown-item {
    white-space: normal;
    line-height: 19px;
    padding: 14px 16px 15px;
    position: relative;
    z-index: 1;
    text-align: left;
    font-weight: 400;
    display: block
}

.dropdown-menu .dropdown-item.m-md-height-item {
    padding-top: 12px;
    padding-bottom: 12px
}

.modal .dropdown-menu .dropdown-item:not([href="javascript:void(0)"]) {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.dropdown-menu .dropdown-item.m-collapse-title {
    padding-right: 50px
}

.dropdown-menu .dropdown-item.m-collapse-title .g-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.dropdown-menu .dropdown-item .g-icon-info {
    vertical-align: middle
}

.dropdown-menu .dropdown-item:hover {
    color: var(--text-color)
}

.m-black-body .dropdown-menu .dropdown-item:hover {
    color: #fefefe
}

.dropdown-menu .dropdown-item:hover .g-icon.g-gray-text {
    color: inherit
}

.modal:not([id*=ModalDropdown]) .dropdown-menu .dropdown-item .g-icon:not(.b-default-avatar) {
    margin-right: 12px;
    margin-top: -2px;
    margin-bottom: -3px
}

.dropdown-menu .dropdown-item[disabled] {
    opacity: .4;
    pointer-events: none
}

.dropdown-menu .dropdown-item[disabled] .b-dropdown__item-text {
    color: #8a96a3
}

.dropdown-divider {
    height: 0;
    margin: 4px 0;
    overflow: hidden;
    border-top: 1px solid rgba(138, 150, 163, .25);
    position: relative
}

.dropdown-divider.m-sm-gaps {
    margin-top: 1px;
    margin-bottom: 1px
}

.m-dropdown-row .dropdown-divider {
    width: 0;
    height: 18px;
    border-top: none;
    border-left: 1px solid hsla(0, 0%, 100%, .6)
}

.dropdown-toggle {
    background: none;
    border: none;
    padding: 4px;
    color: #8a96a3;
    position: relative
}

.dropdown-toggle.m-with-round-hover {
    width: 36px;
    height: 36px
}

.dropdown-toggle.m-active {
    color: #00aff0
}

.dropdown-toggle.m-size-sm {
    font-size: 16px
}

.dropdown-toggle.m-size-sm .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.dropdown-toggle.m-size-sm.m-rectangle.btn-link:after {
    width: 24px;
    height: 16px
}

.dropdown:not(.m-hover-vertical) .dropdown-toggle.m-size-sm.btn-link:after {
    width: 20px;
    height: 20px
}

.dropdown-toggle.m-size-md {
    font-size: 18px;
    width: 24px;
    height: 24px
}

.dropdown-toggle.m-size-md .g-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.dropdown-toggle.m-size-md .g-icon.m-vertical-dots {
    transform: translate(6px)
}

.dropdown-toggle.m-size-lg {
    font-size: 24px
}

.b-dropdown.m-light .dropdown-toggle, .b-dropdown.m-light .dropdown-toggle:hover, .dropdown-toggle.m-light, .dropdown-toggle.m-light:hover {
    color: #fefefe
}

.dropdown-toggle.m-white, .dropdown-toggle.m-white:hover {
    color: #fff
}

.dropdown-toggle.m-light, .dropdown-toggle.m-light:hover {
    color: #fefefe
}

.dropdown-toggle.m-gray {
    color: #8a96a3
}

.dropdown-toggle.m-dark {
    color: var(--text-color)
}

.dropdown-toggle.m-dark:hover {
    color: #0091ea
}

.dropdown-toggle.m-link {
    color: #00aff0
}

.dropdown-toggle.m-center {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.dropdown-toggle.m-reset-gaps {
    padding: 0
}

.dropdown-toggle.m-sm-gaps {
    padding: 3px
}

.dropdown-toggle.m-post-btn {
    padding: 0 4px
}

.b-post .show:not(.m-light) .dropdown-toggle.m-post-btn .g-icon {
    color: var(--text-color)
}

.dropdown-toggle.m-action-btn {
    padding: 6px 0
}

.dropdown-toggle.m-user-status {
    padding: 6px 0;
    margin-top: -6px;
    margin-bottom: -6px;
    color: #8a96a3;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.dropdown-toggle.m-user-status:hover {
    text-decoration: underline
}

.dropdown-toggle.m-user-status .b-icon-dropdown {
    width: 16px;
    margin-left: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.dropdown-toggle.m-user-status .b-icon-dropdown .g-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px
}

.dropdown-toggle.m-user-status.btn-link:after {
    background-color: transparent
}

.dropdown-toggle.btn-link:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 36px;
    height: 24px;
    transition: opacity .1s;
    pointer-events: none;
    opacity: 0;
    border-radius: 24px;
    z-index: 0;
    background-color: #00aff0
}

.b-action-panel .dropdown-toggle.btn-link:after, .b-profile-status .dropdown-toggle.btn-link:after, .m-btn-vertical-dots:not(.m-default-hover-color) .dropdown-toggle.btn-link:after, .m-light-hover .dropdown-toggle.btn-link:after {
    background-color: #fefefe
}

.m-btn-vertical-dots .dropdown-toggle.btn-link {
    width: 24px;
    height: 36px
}

.m-btn-vertical-dots .dropdown-toggle.btn-link:after {
    width: inherit;
    height: inherit
}

.dropdown-toggle.btn-link:not(.m-light):hover:after {
    opacity: .06
}

.dropdown-toggle.btn-link.m-light:hover:after, .m-light-hover .dropdown-toggle.btn-link:hover:after {
    opacity: .12
}

.m-dropdown-sm .dropdown-toggle {
    height: inherit
}

.m-upload-square .dropdown-toggle {
    width: 100%;
    height: 100%
}

.dropdown-toggle:active {
    box-shadow: none
}

.dropdown-toggle:hover {
    color: #0091ea
}

.dropdown-toggle.disabled, .dropdown-toggle[disabled] {
    opacity: .4;
    pointer-events: none
}

.dropdown-toggle__icon {
    margin-right: 10px
}

.m-radial-gradient-btn .dropdown-toggle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-58%, -50%);
    opacity: .12;
    width: 36px;
    height: 36px;
    background: radial-gradient(ellipse at center, #000 0, transparent 50%);
    z-index: 0
}

.dropdown-toggle .g-icon {
    vertical-align: top;
    position: relative
}

.m-btn-vertical-dots .dropdown-toggle .g-icon {
    transform: translateX(6px)
}

.m-btn-vertical-dots .dropdown-toggle .g-icon.m-dots-size-sm {
    transform: translate(8px)
}

.dropdown-toggle .g-icon.m-vertical-dots {
    transform: translateX(5px)
}

.dropdown-header {
    text-transform: uppercase;
    color: #8a96a3;
    padding: 8px 16px 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.m-black-body .dropdown-header {
    color: #fefefe;
    position: relative;
    z-index: 1
}

.m-statistics-dropdown .list-unstyled {
    max-height: 498px
}

.m-clear-gap-link>.dropdown-item {
    padding: 0
}

.m-clear-gap-link .b-dropdown-text {
    margin-bottom: 0
}

.m-btn-with-hint .dropdown-item {
    width: 100%;
    padding-right: 40px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.m-btn-with-hint .b-dropdown-text {
    font-weight: 400;
    padding: 0;
    margin: 0;
    position: relative
}

.m-btn-with-hint .b-dropdown-text .g-icon-info, .m-btn-with-hint .dropdown-item .g-icon-info {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin-left: 0;
    padding: 15px 16px
}

.mark-all-as-read:disabled, .mark-all-as-read:disabled:hover {
    color: #8a96a3
}

.b-dropdown-form {
    padding: 0
}

.b-dropdown-form:focus {
    outline: none !important
}

.b-dropdown-form .b-input-radio__text {
    padding: 14px 16px 15px 48px
}

.b-dropdown-form .b-input-radio__label {
    top: 16px;
    left: 16px
}

.b-dropdown__btn-toggle .dropdown-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    pointer-events: none
}

.b-dropdown__btn-toggle .dropdown-item .g-icon {
    transition: transform .3s;
    will-change: transform
}

.b-dropdown__btn-toggle.not-collapsed .dropdown-item .g-icon {
    transform: rotate(180deg)
}

.b-dropdown__btn-toggle:hover .dropdown-item {
    color: #0091ea
}

.b-dropdown__btn-toggle:hover .dropdown-item:after {
    opacity: 1
}

.b-dropdown[toggle-class^=m-] .dropdown-toggle:not(:hover) {
    color: inherit
}

.b-dropdown[toggle-class*=m-gray] {
    color: #8a96a3
}

.b-dropdown[toggle-class*=m-dark] {
    color: var(--text-color)
}

.b-dropdown[toggle-class*=m-dark].m-gray {
    color: #8a96a3
}

.b-dropdown[toggle-class*=m-dark].m-light {
    color: #fefefe
}

@media (max-width: 767px) {
    .b-dropdown-wrapper {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 101;
        pointer-events: auto
    }

    .b-dropdown-wrapper .overlay {
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, .5);
        border: none;
        box-shadow: none;
        width: 100vw;
        height: 100vh;
        right: 0;
        bottom: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 0
    }
}

.b-dropdown-wrapper .m-only-dropdown+.overlay {
    display: none
}

.b-dropdown-wrapper.b-streaming__mic-select, .b-dropdown-wrapper.b-streaming__video-select {
    cursor: auto
}

.b-dropdown-wrapper.b-streaming__mic-select .dropdown-toggle, .b-dropdown-wrapper.b-streaming__video-select .dropdown-toggle {
    bottom: 32px;
    position: absolute
}

@media (min-width: 768px) {
    .b-dropdown-wrapper.b-streaming__mic-select .dropdown-toggle, .b-dropdown-wrapper.b-streaming__video-select .dropdown-toggle {
        bottom: 0
    }
}

.b-dropdown-wrapper.b-streaming__mic-select:not(.show), .b-dropdown-wrapper.b-streaming__video-select:not(.show) {
    pointer-events: none
}

.b-dropdown-wrapper.b-streaming__mic-select:not(.show) .dropdown-toggle, .b-dropdown-wrapper.b-streaming__video-select:not(.show) .dropdown-toggle {
    pointer-events: auto
}

.b-dropdown-wrapper.b-streaming__mic-select.show:after, .b-dropdown-wrapper.b-streaming__video-select.show:after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1
}

.b-dropdown-wrapper.b-streaming__mic-select .dropdown-toggle {
    left: 16px
}

@media (min-width: 768px) {
    .b-dropdown-wrapper.b-streaming__mic-select .dropdown-toggle {
        left: 0
    }
}

.b-dropdown-wrapper.b-streaming__video-select .dropdown-toggle {
    right: 16px
}

@media (min-width: 768px) {
    .b-dropdown-wrapper.b-streaming__video-select .dropdown-toggle {
        right: 0
    }
}

.m-btn-vertical-dots .b-dropdown-dots-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.m-native-custom-scrollbar, .mention-container>ul {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

@supports (-moz-appearance: none) {
    .m-native-custom-scrollbar, .mention-container>ul {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
        scrollbar-width: thin
    }
}

.m-native-custom-scrollbar::-webkit-scrollbar, .mention-container>ul::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.m-native-custom-scrollbar::-webkit-scrollbar-thumb, .mention-container>ul::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 67%, .6);
    border-radius: 6px
}

.m-native-custom-scrollbar::-webkit-scrollbar-button, .mention-container>ul::-webkit-scrollbar-button {
    display: none
}

.m-native-custom-scrollbar::-webkit-scrollbar-track, .mention-container>ul::-webkit-scrollbar-track {
    background-color: none;
    box-shadow: inset 0 0 10px 10px transparent;
    border: 2px solid transparent;
    width: 10px
}

.m-native-custom-scrollbar::-webkit-resizer, .m-native-custom-scrollbar::-webkit-scrollbar-corner, .mention-container>ul::-webkit-resizer, .mention-container>ul::-webkit-scrollbar-corner {
    display: none
}

.m-native-custom-scrollbar::-webkit-scrollbar-thumb, .mention-container>ul::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px transparent
}

.m-native-custom-scrollbar:hover::-webkit-scrollbar-thumb, .mention-container>ul:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
}

.m-native-custom-scrollbar.m-scroll-behavior-auto, .mention-container>ul.m-scroll-behavior-auto {
    scroll-behavior: auto
}

.m-native-custom-scrollbar.m-overscroll-behavior-auto, .mention-container>ul.m-overscroll-behavior-auto {
    overscroll-behavior: auto
}

.m-native-custom-scrollbar.m-scrollbar-x, .mention-container>ul.m-scrollbar-x {
    overflow-x: auto
}

.m-native-custom-scrollbar.m-scrollbar-x>.b-posts_preloader, .mention-container>ul.m-scrollbar-x>.b-posts_preloader {
    display: flex;
    margin-right: 8px;
    vertical-align: middle
}

.m-native-custom-scrollbar.m-scrollbar-x>.b-posts_preloader .g-icon, .mention-container>ul.m-scrollbar-x>.b-posts_preloader .g-icon {
    vertical-align: middle
}

.m-native-custom-scrollbar.m-scrollbar-x.m-scrollbar-always, .mention-container>ul.m-scrollbar-x.m-scrollbar-always {
    overflow-x: scroll
}

.m-native-custom-scrollbar.m-scrollbar-y, .mention-container>ul.m-scrollbar-y {
    overflow-y: auto
}

@supports (-moz-appearance: none) {
    .m-native-custom-scrollbar.m-scrollbar-y, .mention-container>ul.m-scrollbar-y {
        padding-right: 10px
    }
}

.m-native-custom-scrollbar.m-scrollbar-y.m-scrollbar-always, .mention-container>ul.m-scrollbar-y.m-scrollbar-always {
    overflow-y: scroll
}

.m-native-custom-scrollbar.m-scrollbar-y.m-scrollbar-always.b-group-alerts, .mention-container>ul.m-scrollbar-y.m-scrollbar-always.b-group-alerts {
    margin-right: -10px
}

@supports (-webkit-touch-callout:none) {
    .m-native-custom-scrollbar.m-scrollbar-y.m-scrollbar-always.b-group-alerts, .mention-container>ul.m-scrollbar-y.m-scrollbar-always.b-group-alerts {
        margin-right: 0
    }
}

@media (max-width: 1003px) {
    body[style*="-webkit-user-select: none;"] .m-native-custom-scrollbar.m-scrollbar-y, body[style*="-webkit-user-select: none;"] .mention-container>ul.m-scrollbar-y {
        overflow-x: hidden
    }
}

.m-native-custom-scrollbar.m-invisible-scrollbar, .mention-container>ul.m-invisible-scrollbar {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-width: none;
    scroll-behavior: auto
}

@supports (-moz-appearance: none) {
    .m-native-custom-scrollbar.m-invisible-scrollbar, .mention-container>ul.m-invisible-scrollbar {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color)
    }
}

.m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar, .mention-container>ul.m-invisible-scrollbar::-webkit-scrollbar {
    display: none;
    color: #fff;
    height: 0;
    width: 0;
    -webkit-appearance: none
}

.m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar, .m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar-track, .mention-container>ul.m-invisible-scrollbar::-webkit-scrollbar, .mention-container>ul.m-invisible-scrollbar::-webkit-scrollbar-track {
    width: 0;
    height: 0;
    -webkit-appearance: none;
    background: transparent;
    opacity: 0
}

.m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar-thumb, .mention-container>ul.m-invisible-scrollbar::-webkit-scrollbar-thumb {
    opacity: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    display: none
}

.m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar-button, .mention-container>ul.m-invisible-scrollbar::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0
}

@supports (-moz-appearance: none) {
    .m-native-custom-scrollbar.m-invisible-scrollbar.m-scrollbar-y:not(.g-sides-gaps), .mention-container>ul.m-invisible-scrollbar.m-scrollbar-y:not(.g-sides-gaps) {
        padding-right: 0
    }

    .m-native-custom-scrollbar.m-invisible-scrollbar.m-scrollbar-y.g-sides-gaps, .mention-container>ul.m-invisible-scrollbar.m-scrollbar-y.g-sides-gaps {
        padding-right: 16px
    }
}

.modal-body:not(.m-reset-body-paddings) .m-native-custom-scrollbar.m-invisible-scrollbar.m-scrollbar-x, .modal-body:not(.m-reset-body-paddings) .mention-container>ul.m-invisible-scrollbar.m-scrollbar-x {
    padding-left: 16px;
    padding-right: 16px
}

.m-native-custom-scrollbar.m-visible-forcibly, .mention-container>ul.m-visible-forcibly {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

@supports (-moz-appearance: none) {
    .m-native-custom-scrollbar.m-visible-forcibly, .mention-container>ul.m-visible-forcibly {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
        scrollbar-width: thin
    }
}

.m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar, .mention-container>ul.m-visible-forcibly::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-thumb, .mention-container>ul.m-visible-forcibly::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 67%, .6);
    border-radius: 6px
}

.m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-button, .mention-container>ul.m-visible-forcibly::-webkit-scrollbar-button {
    display: none
}

.m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-track, .mention-container>ul.m-visible-forcibly::-webkit-scrollbar-track {
    background-color: none;
    box-shadow: inset 0 0 10px 10px transparent;
    border: 2px solid transparent;
    width: 10px
}

.m-native-custom-scrollbar.m-visible-forcibly::-webkit-resizer, .m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-corner, .mention-container>ul.m-visible-forcibly::-webkit-resizer, .mention-container>ul.m-visible-forcibly::-webkit-scrollbar-corner {
    display: none
}

.m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-thumb, .mention-container>ul.m-visible-forcibly::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
}

.m-native-custom-scrollbar.m-disable-elastic-scroll, .mention-container>ul.m-disable-elastic-scroll {
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto
}

.v-select__selection--comma {
    margin-right: 0
}

.v-input--is-disabled .v-select__selection--comma {
    opacity: .4
}

.main-wrapper .v-textarea textarea, .modal-open .v-textarea textarea {
    font-size: 16px;
    line-height: 24px;
    padding-right: 16px;
    overflow-y: auto;
    max-height: 64px;
    margin-right: -16px;
    width: calc(100% + 16px);
    max-width: calc(100% + 16px);
    min-height: 40px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

@supports (-moz-appearance: none) {
    .main-wrapper .v-textarea textarea, .modal-open .v-textarea textarea {
        scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
        scrollbar-width: thin
    }
}

.main-wrapper .v-textarea textarea::-webkit-scrollbar, .modal-open .v-textarea textarea::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.main-wrapper .v-textarea textarea::-webkit-scrollbar-thumb, .modal-open .v-textarea textarea::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 67%, .6);
    border-radius: 6px
}

.main-wrapper .v-textarea textarea::-webkit-scrollbar-button, .modal-open .v-textarea textarea::-webkit-scrollbar-button {
    display: none
}

.main-wrapper .v-textarea textarea::-webkit-scrollbar-track, .modal-open .v-textarea textarea::-webkit-scrollbar-track {
    background-color: none;
    box-shadow: inset 0 0 10px 10px transparent;
    border: 2px solid transparent;
    width: 10px
}

.main-wrapper .v-textarea textarea::-webkit-resizer, .main-wrapper .v-textarea textarea::-webkit-scrollbar-corner, .modal-open .v-textarea textarea::-webkit-resizer, .modal-open .v-textarea textarea::-webkit-scrollbar-corner {
    display: none
}

.main-wrapper .v-textarea textarea::-webkit-scrollbar-thumb, .modal-open .v-textarea textarea::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px transparent
}

.main-wrapper .v-textarea textarea:hover::-webkit-scrollbar-thumb, .modal-open .v-textarea textarea:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
}

.main-wrapper .m-no-border .v-textarea textarea, .modal-open .m-no-border .v-textarea textarea {
    min-height: 20px
}

.m-make-post .v-textarea textarea {
    min-height: 40px;
    max-height: 170px;
    line-height: 24px
}

.m-textarea-height-md .v-textarea textarea {
    max-height: 116px
}

.m-textarea-fully-grow .v-textarea textarea {
    max-height: none
}

.m-textarea-fluid-height-lg .v-textarea textarea, .m-textarea-height-lg .v-textarea textarea {
    max-height: 140px
}

.contact_form .v-textarea textarea {
    max-height: 92px
}

.b-ticket__reply-form .v-textarea textarea {
    min-height: 80px
}

.b-form-stream-info .v-textarea textarea {
    max-height: 60px;
    margin-left: 3px;
    margin-right: -13px;
    width: calc(100% + 13px);
    max-width: calc(100% + 13px);
    min-height: 40px
}

.b-comment-form.m-field-form .v-textarea textarea {
    min-height: 48px;
    max-height: 78px
}

.m-streaming .v-textarea textarea {
    padding-left: 32px
}

.v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense).v-input .v-label, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense).v-input .v-label, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense).v-input .v-label, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense).v-input .v-label {
    top: 14px
}

.v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea {
    margin-top: 10px;
    margin-bottom: 14px
}

.m-make-post .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .m-make-post .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .m-make-post .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .m-make-post .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .m-make-post .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .m-make-post .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .m-make-post .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .m-make-post .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea {
    margin-top: 16px;
    margin-bottom: 16px
}

.modal-open .modal .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .modal-open .modal .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .modal-open .modal .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .modal-open .modal .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .modal-open .modal .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .modal-open .modal .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .modal-open .modal .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .modal-open .modal .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .modal-open .modal .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .modal-open .modal .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .modal-open .modal .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .modal-open .modal .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea {
    margin-top: 8px;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 12px;
    line-height: 24px
}

.b-ticket__reply-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-ticket__reply-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .b-ticket__reply-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-ticket__reply-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .b-ticket__reply-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-ticket__reply-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .b-ticket__reply-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-ticket__reply-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea {
    margin-top: 0
}

.b-form-stream-info .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-form-stream-info .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .b-form-stream-info .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-form-stream-info .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .b-form-stream-info .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-form-stream-info .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .b-form-stream-info .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-form-stream-info .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea {
    margin-top: 0;
    margin-bottom: 0
}

.b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea {
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-right: -29px;
    width: calc(100% + 29px);
    max-width: calc(100% + 29px);
    line-height: 20px
}

.b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea::-webkit-scrollbar {
    width: 30px
}

.b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea::-webkit-scrollbar-track {
    border-width: 14px
}

.b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    scrollbar-width: none
}

.b-form-stream-info .v-text-field {
    padding-top: 0;
    margin-top: 0
}

.m-black-body .m-price-stream .m-placeholder-free .m-filled .v-text-field.v-text-field--prefix.v-text-field--placeholder .v-text-field__prefix {
    color: #fefefe
}

.m-placeholder-free .v-text-field.v-text-field--prefix.v-text-field--placeholder .v-text-field__prefix {
    color: var(--text-color)
}

.m-black-body .m-price-stream .m-placeholder-free .v-text-field.v-text-field--prefix.v-text-field--placeholder .v-text-field__prefix, .v-text-field.theme--light .v-text-field__prefix {
    color: #8a96a3
}

.m-modal-view .v-text-field.theme--dark .v-text-field__prefix, .v-text-field.theme--dark .v-text-field__prefix {
    color: #fefefe
}

.v-text-field__prefix {
    transition: none
}

.v-input:not(.v-text-field--placeholder) .v-text-field__prefix {
    display: none
}

.v-input--is-disabled .v-text-field__prefix {
    opacity: .4
}

.m-field-username .v-text-field__prefix {
    transform: translateY(-1px)
}

.v-text-field__details {
    min-height: auto
}

.v-text-field__details .v-messages .v-messages__wrapper .v-messages__message {
    padding-top: 4px
}

.b-loginreg__form .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message {
    padding-bottom: 4px
}

.v-text-field__details .v-counter {
    color: #8a96a3;
    font-size: 12px;
    line-height: 16px;
    padding-top: 4px;
    word-spacing: -.25em;
    margin-left: auto
}

.v-text-field.v-input--has-state .v-text-field__details .v-counter.theme--dark, .v-text-field.v-input--has-state .v-text-field__details .v-counter.theme--light {
    color: #8a96a3
}

.m-mode-dark .m-modal-view .v-text-field__details .v-counter {
    color: hsla(0, 0%, 100%, .75)
}

.b-form-stream-info .v-text-field>.v-input__control>.v-input__slot:before {
    border: none
}

.v-text-field.v-input--is-readonly>.v-input__control fieldset {
    background: rgba(138, 150, 163, .08)
}

.v-text-field.v-text-field--enclosed .v-text-field__details {
    margin-bottom: 0
}

.v-text-field.v-text-field--enclosed .v-text-field__details, .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    padding-left: 16px;
    padding-right: 16px
}

.m-month-field .v-text-field.v-text-field--enclosed .v-text-field__details, .m-month-field .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    padding-right: 0
}

.m-with-field-control .v-text-field.v-text-field--enclosed .v-text-field__details, .m-with-field-control .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    padding-right: 48px
}

.b-stream-wrapper .b-comment-form .v-text-field.v-text-field--enclosed .v-text-field__details, .b-stream-wrapper .b-comment-form .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    padding-left: 48px;
    padding-right: 18px
}

.b-form-stream-info .v-text-field.v-text-field--enclosed .v-text-field__details, .b-form-stream-info .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot, .m-border-underline .v-text-field.v-text-field--enclosed .v-text-field__details, .m-border-underline .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    padding-left: 0;
    padding-right: 0
}

.vote-input .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    background-color: var(--bg-color)
}

.m-paid-post .vote-input .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    background-color: rgba(0, 175, 240, .06)
}

.v-text-field.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select)>.v-input__control>.v-input__slot {
    padding-right: 50px
}

.m-with-field-control .v-text-field.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select)>.v-input__control>.v-input__slot {
    padding-right: 100px
}

.b-card-number-photo .v-text-field.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select)>.v-input__control>.v-input__slot {
    padding-right: 80px
}

.v-text-field--filled>.v-input__control>.v-input__slot, .v-text-field--full-width>.v-input__control>.v-input__slot, .v-text-field--outlined>.v-input__control>.v-input__slot {
    min-height: 48px
}

.m-sm-height .v-text-field--filled>.v-input__control>.v-input__slot, .m-sm-height .v-text-field--full-width>.v-input__control>.v-input__slot, .m-sm-height .v-text-field--outlined>.v-input__control>.v-input__slot {
    min-height: 36px
}

.b-field-expiration .v-text-field--filled>.v-input__control>.v-input__slot, .b-field-expiration .v-text-field--full-width>.v-input__control>.v-input__slot, .b-field-expiration .v-text-field--outlined>.v-input__control>.v-input__slot {
    min-height: 46px
}

.m-textarea-height-lg .v-text-field--filled>.v-input__control>.v-input__slot, .m-textarea-height-lg .v-text-field--full-width>.v-input__control>.v-input__slot, .m-textarea-height-lg .v-text-field--outlined>.v-input__control>.v-input__slot {
    min-height: 140px
}

.b-form-stream-info .v-text-field--filled>.v-input__control>.v-input__slot, .b-form-stream-info .v-text-field--full-width>.v-input__control>.v-input__slot, .b-form-stream-info .v-text-field--outlined>.v-input__control>.v-input__slot, .vote-input .v-text-field--filled>.v-input__control>.v-input__slot, .vote-input .v-text-field--full-width>.v-input__control>.v-input__slot, .vote-input .v-text-field--outlined>.v-input__control>.v-input__slot {
    min-height: 40px
}

.b-comment-form__input .v-text-field--filled>.v-input__control>.v-input__slot, .b-comment-form__input .v-text-field--full-width>.v-input__control>.v-input__slot, .b-comment-form__input .v-text-field--outlined>.v-input__control>.v-input__slot {
    min-height: 35px
}

.v-text-field--outlined, .v-text-field--solo {
    border-radius: 6px
}

.b-comment-form.m-field-form .v-text-field--outlined, .b-comment-form.m-field-form .v-text-field--solo {
    border-radius: 24px;
    background-color: rgba(0, 0, 0, .12);
    overflow: hidden
}

.b-stream-wrapper .b-comment-form.m-field-form .v-text-field--outlined, .b-stream-wrapper .b-comment-form.m-field-form .v-text-field--solo {
    background-color: #000
}

.b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-text-field--outlined, .b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-text-field--solo {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.v-text-field--outlined legend {
    transition: none;
    margin-bottom: 0
}

.m-border-underline .v-text-field--outlined fieldset {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0
}

.b-form-stream-info .v-text-field--outlined fieldset, .m-no-border .v-text-field--outlined fieldset {
    border: none;
    top: 0
}

.m-state-private .v-text-field--outlined fieldset {
    border-style: dashed
}

.v-text-field--outlined .v-label {
    top: 14px
}

.v-text-field--prefix.m-placeholder-gap.v-text-field--outlined .v-label {
    margin-left: 6px
}

.v-text-field--outlined .v-label--active {
    transform: translateY(-21px) scale(.75);
    left: auto !important
}

.m-mode-dark .v-text-field--outlined .v-label--active {
    background: none
}

.v-text-field--prefix.m-placeholder-gap.v-text-field--outlined .v-label--active {
    margin-left: 0
}

.v-text-field--outlined.v-input--has-state fieldset, .v-text-field--outlined.v-input--is-focused fieldset {
    border-width: 1px
}

body .v-text-field--outlined.v-select:not(.v-text-field--single-line) .v-select__selections {
    margin-right: -4px;
    padding: 0;
    color: var(--text-color)
}

.v-text-field--outlined.v-input--is-disabled fieldset {
    opacity: .4
}

.v-text-field--enclosed.error--text .v-input__append-outer .g-input__help:first-child, .v-text-field--full-width.error--text .v-input__append-outer .g-input__help:first-child {
    padding-top: 0
}

.v-text-field--enclosed.v-select .v-input__append-inner .v-input__icon, .v-text-field--enclosed.v-select .v-input__prepend-inner .v-input__icon, .v-text-field--full-width.v-select .v-input__append-inner .v-input__icon, .v-text-field--full-width.v-select .v-input__prepend-inner .v-input__icon {
    flex: 0 0 36px
}

.v-text-field--enclosed.v-select .v-input__append-inner .v-icon.v-icon.mdi-menu-down:after, .v-text-field--enclosed.v-select .v-input__prepend-inner .v-icon.v-icon.mdi-menu-down:after, .v-text-field--full-width.v-select .v-input__append-inner .v-icon.v-icon.mdi-menu-down:after, .v-text-field--full-width.v-select .v-input__prepend-inner .v-icon.v-icon.mdi-menu-down:after {
    content: "\E60D"
}

.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner, .v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner {
    position: absolute;
    left: 17px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0;
    height: 100%
}

.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner .vti__icon, .v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner .vti__icon {
    margin-top: 0
}

.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner~.v-select__slot .v-select__selection, .v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner~.v-select__slot input, .v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner~.v-select__slot .v-select__selection, .v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner~.v-select__slot input {
    padding-left: 32px
}

.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner~.v-select__slot label, .v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner~.v-select__slot label {
    left: auto !important
}

.v-text-field--enclosed:not(.v-select) .v-input__append-inner:hover .v-icon.v-icon, .v-text-field--enclosed:not(.v-select) .v-input__prepend-inner:hover .v-icon.v-icon, .v-text-field--full-width:not(.v-select) .v-input__append-inner:hover .v-icon.v-icon, .v-text-field--full-width:not(.v-select) .v-input__prepend-inner:hover .v-icon.v-icon {
    background-color: rgba(0, 145, 234, .06);
    color: #0091ea
}

.v-text-field--enclosed .v-input__append-outer, .v-text-field--full-width .v-input__append-outer {
    margin: 0;
    flex-wrap: wrap
}

.v-text-field--enclosed .v-input__append-outer .g-input__field-control~.g-input__help, .v-text-field--full-width .v-input__append-outer .g-input__field-control~.g-input__help {
    padding-top: 3px
}

.v-text-field--enclosed .v-input__append-outer .g-input__help, .v-text-field--full-width .v-input__append-outer .g-input__help {
    flex: 0 0 100%
}

.vote-input .v-text-field--enclosed .v-input__append-outer .g-input__help, .vote-input .v-text-field--full-width .v-input__append-outer .g-input__help {
    display: none
}

.v-text-field--enclosed .v-input__append-outer .g-input__help:first-child, .v-text-field--full-width .v-input__append-outer .g-input__help:first-child {
    padding-top: 4px
}

.v-text-field--enclosed .v-input__append-outer .g-input__help.m-width-short, .v-text-field--full-width .v-input__append-outer .g-input__help.m-width-short {
    flex: 0 0 65%
}

.v-text-field--enclosed .v-input__append-inner, .v-text-field--enclosed .v-input__prepend-inner, .v-text-field--full-width .v-input__append-inner, .v-text-field--full-width .v-input__prepend-inner {
    margin-top: 6px
}

.v-text-field--enclosed .v-input__append-inner:last-of-type, .v-text-field--enclosed .v-input__prepend-inner:last-of-type, .v-text-field--full-width .v-input__append-inner:last-of-type, .v-text-field--full-width .v-input__prepend-inner:last-of-type {
    margin-right: -10px;
    margin-left: 4px
}

.v-text-field--enclosed .v-input__append-inner .b-field-loader, .v-text-field--enclosed .v-input__prepend-inner .b-field-loader, .v-text-field--full-width .v-input__append-inner .b-field-loader, .v-text-field--full-width .v-input__prepend-inner .b-field-loader {
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon {
    width: 36px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    font-style: normal;
    color: #8a96a3;
    border-radius: inherit;
    transition: background-color .1s, color .1s, transform .1s;
    cursor: pointer
}

.vote-input .v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .vote-input .v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .vote-input .v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .vote-input .v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon {
    width: 26px;
    height: 26px;
    font-size: 16px;
    line-height: 28px
}

.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon:after, .v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon:after, .v-text-field--full-width .v-input__append-inner .v-icon.v-icon:after, .v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon:after {
    content: "\E60E";
    font-family: onlyfans;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: transparent;
    opacity: 1
}

.v-text-field--enclosed .v-input__append-inner:hover .v-icon.v-icon, .v-text-field--enclosed .v-input__prepend-inner:hover .v-icon.v-icon, .v-text-field--full-width .v-input__append-inner:hover .v-icon.v-icon, .v-text-field--full-width .v-input__prepend-inner:hover .v-icon.v-icon {
    color: #0091ea;
    background-color: rgba(0, 145, 234, .06)
}

.b-form-stream-info .v-text-field.v-input--is-focused>.v-input__control>.v-input__slot:after {
    display: none
}

.v-text-field.v-input--is-focused.theme--light .v-text-field__prefix {
    color: #8a96a3;
    display: block
}

.v-text-field.v-input--is-focused .label-group-addon {
    opacity: 0;
    pointer-events: none
}

.v-text-field.v-input--is-dirty.theme--light .v-text-field__prefix, .v-text-field.v-input--is-label-active.theme--light .v-text-field__prefix {
    color: var(--text-color);
    display: block
}

.m-mode-dark .m-modal-view .v-text-field.v-input--is-dirty.theme--light .v-text-field__prefix {
    color: #fefefe
}

.v-text-field.v-input--is-disabled.theme--dark .v-input__control .v-counter, .v-text-field.v-input--is-disabled.theme--light .v-input__control .v-counter {
    color: #8a96a3;
    opacity: .4
}

.v-label {
    transition: transform .1s;
    font-size: 16px
}

.v-input--has-state.error--text .v-label, .v-label {
    animation: none
}

.v-label.theme--light {
    color: #8a96a3
}

.v-label.theme--light.error--text {
    color: #ff6060
}

.v-input--is-focused .v-label.theme--light, .v-label.theme--dark {
    color: #8a96a3
}

.v-input--is-focused .v-label.theme--dark {
    color: #00aff0
}

.m-streaming .v-label.v-label--active {
    margin-left: 0
}

.m-streaming .v-label {
    margin-left: 32px
}

.v-input--is-disabled .v-label {
    opacity: .4
}

.v-label .m-auto-pointer a {
    pointer-events: auto
}

.v-input {
    flex-wrap: wrap
}

.vote-input .v-input {
    padding: 0
}

.b-make-post__voting .vote-input .v-input {
    border: none;
    height: auto;
    background-color: transparent
}

.modal .v-input {
    z-index: 0
}

.g-pointer-cursor .v-input.v-input--is-readonly.theme--light:hover fieldset {
    border-color: #8a96a3
}

.v-input fieldset {
    padding-left: 12px;
    transition: border-color .1s
}

.b-field-expiration .v-input fieldset {
    border: none
}

.v-input label {
    margin: 0;
    transform-origin: top left
}

.v-input label .v-input__prepend-inner {
    position: absolute
}

.v-input input, .v-input textarea {
    font-size: 16px;
    line-height: 20px
}

.v-input input:-webkit-autofill, .v-input textarea:-webkit-autofill {
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    transition-delay: 99999s
}

.v-input input:-webkit-autofill:first-line, .v-input textarea:-webkit-autofill:first-line {
    font-size: 16px;
    font-family: Roboto, sans-serif
}

.v-input input::-moz-placeholder, .v-input textarea::-moz-placeholder {
    opacity: 1
}

.v-input input::placeholder, .v-input textarea::placeholder {
    opacity: 1
}

.v-input input {
    max-height: 48px;
    padding-top: 14px;
    padding-bottom: 14px
}

.m-sm-height .v-input input {
    max-height: 36px;
    padding-top: 10px;
    padding-bottom: 10px
}

.b-field-expiration .v-input input {
    max-height: 46px
}

.vote-input .v-input input {
    max-height: 40px;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 44px;
    font-size: 14px
}

.b-comment-form__input .v-input input {
    max-height: 35px;
    height: 35px;
    padding: 7px 42px 8px 34px
}

.b-comment-form.m-field-form .b-comment-form__input .v-input input {
    max-height: 48px;
    height: 48px;
    padding: 12px 42px 12px 0
}

.b-card-number.m-always-show-placeholder .v-input input {
    padding-left: 7px
}

.v-input--is-disabled .v-input__control {
    pointer-events: none
}

.g-pointer-cursor .v-input--is-readonly .v-input__control {
    background: none
}

.v-input__icon {
    width: 36px;
    height: 36px;
    border-radius: 1000px;
    transition: background-color .3s
}

.vote-input .v-input__icon.v-input__icon--clear {
    width: 26px;
    height: 26px
}

.v-input__icon .v-icon {
    transition: transform .3s
}

.v-input__slot {
    margin-bottom: 0
}

.theme--light .v-input__slot:hover fieldset {
    border-color: #8a96a3
}

.vote-input.m-right-answer .theme--light .v-input__slot:hover fieldset {
    border-color: #35d063
}

.m-modal-view .theme--dark .v-input__slot:hover fieldset, .theme--dark .v-input__slot:hover fieldset {
    border-color: #8a96a3
}

.v-input--is-readonly.theme--dark .v-input__slot:hover fieldset, .v-input--is-readonly.theme--light .v-input__slot:hover fieldset {
    border-color: rgba(138, 150, 163, .5)
}

.g-pointer-cursor .v-input--is-readonly.theme--dark .v-input__slot, .g-pointer-cursor .v-input--is-readonly.theme--light .v-input__slot {
    pointer-events: none
}

.v-input__append-outer, .v-input__prepend-outer {
    display: flex
}

.v-input.v-select {
    z-index: 0
}

.v-input.v-select fieldset {
    border-width: 1px
}

.v-input.v-select.multiselect__tags {
    background: none;
    min-height: auto;
    border-radius: none;
    font-size: inherit;
    border: none
}

.v-input.v-select.v-select--is-menu-active:not(.v-input--is-focused) .v-input__icon--append .v-icon {
    transform: none
}

.v-input.v-select.v-select--is-menu-active.v-input--is-focused .v-input__icon--append .v-icon {
    transform: rotate(180deg)
}

.v-input.v-select.v-select--is-menu-active.v-input--is-focused .v-select__slot .v-input__append-inner {
    pointer-events: auto
}

.v-input.v-select .v-select__slot .v-input__append-inner, .v-input.v-select.v-select--is-menu-active.v-input--is-focused .v-select__slot:after {
    pointer-events: none
}

.v-input.v-select .v-select__slot:after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    right: -10px;
    top: 6px;
    cursor: pointer;
    z-index: 2
}

.v-input.v-select.theme--light[v-menu-direction=up] .v-input__slot:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    height: 7px;
    background: var(--bg-color);
    display: block;
    border: 1px solid rgba(0, 175, 240, .75);
    border-top: none;
    border-bottom: none;
    transform: translateY(-7px);
    z-index: -1
}

.v-input.v-select.v-select--is-menu-active.theme--light[v-menu-direction=up] fieldset {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.v-input.v-select.v-select--is-menu-active.theme--light[v-menu-direction=down] fieldset {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.v-input.v-select.v-select--is-menu-active.theme--light.error--text .v-input__slot:after {
    border-left-color: #ff6060;
    border-right-color: #ff6060
}

.v-input.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text) fieldset {
    border-color: rgba(0, 175, 240, .75)
}

.v-input.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text) label {
    color: #00aff0
}

.m-black-body .m-modal-view .v-input.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text) label {
    border-color: #fefefe
}

.v-input.v-select.v-select--is-menu-active .v-input__append-inner:hover .v-icon {
    color: #8a96a3
}

.v-input.v-select .v-input__icon {
    transition: transform .3s, background-color .3s
}

.v-input.v-select.v-input--is-disabled .v-input__icon {
    opacity: .4
}

.v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover.v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down, .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover:not(.v-select--is-menu-active) .v-icon.v-icon.mdi-menu-down {
    background-color: rgba(0, 145, 234, .06);
    color: #0091ea
}

.vue-tel-input-vuetify .v-input:not(.v-select)[v-menu-direction=up].error--text .v-input__slot:after {
    border-left-color: #ff6060;
    border-right-color: #ff6060
}

.vue-tel-input-vuetify .v-input:not(.v-select)[v-menu-direction=up] .v-input__slot {
    z-index: 1
}

.vue-tel-input-vuetify .v-input:not(.v-select)[v-menu-direction=up] .v-input__slot:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    height: 7px;
    background: var(--bg-color);
    display: block;
    border: 1px solid rgba(0, 175, 240, .75);
    border-top: none;
    border-bottom: none;
    transform: translateY(-7px);
    z-index: -1
}

.vue-tel-input-vuetify .v-input:not(.v-select)[v-menu-direction=up] fieldset {
    border-color: rgba(0, 175, 240, .75);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vue-tel-input-vuetify .v-input:not(.v-select)[v-menu-direction=up] fieldset:before {
    background-color: rgba(0, 175, 240, .75) !important
}

.vue-tel-input-vuetify .v-input:not(.v-select)[v-menu-direction=down] fieldset {
    border-color: rgba(0, 175, 240, .75);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vue-tel-input-vuetify .v-input:not(.v-select)[v-menu-direction=down] fieldset:before {
    background-color: rgba(0, 175, 240, .75) !important
}

.v-input:not(.v-select).v-input--is-focused fieldset {
    border-width: 1px
}

.v-input:not(.v-select).v-input--is-focused.theme--light fieldset {
    border-color: rgba(0, 175, 240, .75)
}

.story-ran .b-comment-form.m-field-form .v-input:not(.v-select).v-input--is-focused.theme--light fieldset {
    border-color: #fefefe
}

.b-ticket .m-border-underline .v-input:not(.v-select).v-input--is-focused.theme--light fieldset {
    border-color: #0091ea
}

.vote-input.m-right-answer .v-input:not(.v-select).v-input--is-focused.theme--light fieldset {
    border-color: rgba(53, 208, 99, .75)
}

.m-no-border.m-placeholder-full-lgray .v-input:not(.v-select).v-input--is-focused.theme--light input::-moz-placeholder, .m-no-border.m-placeholder-full-lgray .v-input:not(.v-select).v-input--is-focused.theme--light textarea::-moz-placeholder {
    color: rgba(138, 150, 163, .4)
}

.m-no-border.m-placeholder-full-lgray .v-input:not(.v-select).v-input--is-focused.theme--light input::placeholder, .m-no-border.m-placeholder-full-lgray .v-input:not(.v-select).v-input--is-focused.theme--light textarea::placeholder {
    color: rgba(138, 150, 163, .4)
}

.v-input:not(.v-select).v-input--is-focused.theme--light label {
    color: #00aff0
}

.v-input:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly label {
    color: #8a96a3
}

.b-ticket .m-border-underline .v-input:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly fieldset, .m-black-body .v-input:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly fieldset, .m-mode-dark .m-modal-view .v-input:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly fieldset, .v-input:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly fieldset {
    border-color: rgba(138, 150, 163, .5)
}

.m-modal-view .v-input:not(.v-select).v-input--is-focused.theme--dark fieldset, .v-input:not(.v-select).v-input--is-focused.theme--dark fieldset {
    border-color: rgba(0, 175, 240, .75)
}

.m-modal-view .v-input:not(.v-select).v-input--is-focused.theme--dark.v-input--is-readonly fieldset, .v-input:not(.v-select).v-input--is-focused.theme--dark.v-input--is-readonly fieldset {
    border-color: rgba(138, 150, 163, .5)
}

.m-modal-view .v-input:not(.v-select).v-input--is-focused.error--text fieldset, .v-input:not(.v-select).v-input--is-focused.error--text fieldset {
    border-color: #ff6060
}

.m-black-body .b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-input:not(.v-select):not(.v-input--is-focused) {
    border-top-color: hsla(0, 0%, 100%, .25)
}

.v-input:not(.v-select).error--text fieldset:after {
    content: "\E60F";
    font-family: onlyfans;
    right: 11px;
    top: 6px;
    position: absolute;
    font-size: 24px;
    line-height: 24px;
    color: #ff6060
}

.form-control.m-sm-height .v-input:not(.v-select).error--text fieldset:after {
    top: 0
}

.b-card-number-photo .v-input:not(.v-select).error--text fieldset:after {
    right: 46px
}

.vote-input .v-input:not(.v-select).error--text fieldset:after {
    display: none
}

.v-input.error--text.v-input--is-focused:not(.v-select).theme--dark .tips-hint-message, .v-input.error--text.v-input--is-focused:not(.v-select).theme--dark label, .v-input.error--text.v-input--is-focused:not(.v-select).theme--light .tips-hint-message, .v-input.error--text.v-input--is-focused:not(.v-select).theme--light label, .v-input.error--text.v-input--is-label-active:not(.v-select).theme--dark .tips-hint-message, .v-input.error--text.v-input--is-label-active:not(.v-select).theme--dark label, .v-input.error--text.v-input--is-label-active:not(.v-select).theme--light .tips-hint-message, .v-input.error--text.v-input--is-label-active:not(.v-select).theme--light label {
    color: #ff6060;
    caret-color: #ff6060
}

.v-input.error--text.v-input--is-focused.v-select fieldset, .v-input.error--text.v-input--is-label-active.v-select fieldset {
    border-color: #ff6060
}

.v-input.error--text.v-input--is-focused.v-select .tips-hint-message, .v-input.error--text.v-input--is-focused.v-select label, .v-input.error--text.v-input--is-label-active.v-select .tips-hint-message, .v-input.error--text.v-input--is-label-active.v-select label {
    color: #ff6060;
    caret-color: #ff6060
}

.m-black-body .m-modal-view .v-input.error--text:not(.v-select).theme--dark input, .m-black-body .m-modal-view .v-input.error--text:not(.v-select).theme--dark textarea, .m-black-body .m-modal-view .v-input.error--text:not(.v-select).theme--light input, .m-black-body .m-modal-view .v-input.error--text:not(.v-select).theme--light textarea, .v-input.error--text:not(.v-select).theme--dark input, .v-input.error--text:not(.v-select).theme--dark textarea, .v-input.error--text:not(.v-select).theme--light input, .v-input.error--text:not(.v-select).theme--light textarea {
    caret-color: #ff6060
}

.v-input.error--text:not(.v-select).theme--dark fieldset, .v-input.error--text:not(.v-select).theme--light fieldset {
    border-color: #ff6060;
    border-width: 1px
}

.vue-tel-input-vuetify .v-input.error--text:not(.v-select).theme--dark fieldset:before, .vue-tel-input-vuetify .v-input.error--text:not(.v-select).theme--light fieldset:before {
    background-color: #ff6060 !important
}

.v-input.error--text.v-select fieldset {
    border-color: #ff6060
}

.m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder input::-moz-placeholder, .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder textarea::-moz-placeholder, .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder input::-moz-placeholder, .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder textarea::-moz-placeholder {
    color: var(--text-color)
}

.m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder input::placeholder, .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder textarea::placeholder, .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder input::placeholder, .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder textarea::placeholder {
    color: var(--text-color)
}

.vote-input .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder input::-moz-placeholder, .vote-input .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder textarea::-moz-placeholder, .vote-input .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder input::-moz-placeholder, .vote-input .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder textarea::-moz-placeholder {
    color: rgba(138, 150, 163, .75)
}

.vote-input .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder input::placeholder, .vote-input .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder textarea::placeholder, .vote-input .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder input::placeholder, .vote-input .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder textarea::placeholder {
    color: rgba(138, 150, 163, .75)
}

.m-black-body .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder input::-moz-placeholder, .m-black-body .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder textarea::-moz-placeholder, .m-black-body .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder input::-moz-placeholder, .m-black-body .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder textarea::-moz-placeholder {
    color: #8a96a3
}

.m-black-body .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder input::placeholder, .m-black-body .m-placeholder-free .v-input.theme--dark.v-text-field--prefix.v-text-field--placeholder textarea::placeholder, .m-black-body .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder input::placeholder, .m-black-body .m-placeholder-free .v-input.theme--light.v-text-field--prefix.v-text-field--placeholder textarea::placeholder {
    color: #8a96a3
}

.m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--dark input::-moz-placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--dark textarea::-moz-placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--light input::-moz-placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--light textarea::-moz-placeholder {
    color: rgba(138, 150, 163, .75)
}

.m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--dark input::placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--dark textarea::placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--light input::placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.theme--light textarea::placeholder {
    color: rgba(138, 150, 163, .75)
}

.m-no-border.m-placeholder-full-lgray .v-input.theme--dark input::-moz-placeholder, .m-no-border.m-placeholder-full-lgray .v-input.theme--dark textarea::-moz-placeholder, .m-no-border.m-placeholder-full-lgray .v-input.theme--light input::-moz-placeholder, .m-no-border.m-placeholder-full-lgray .v-input.theme--light textarea::-moz-placeholder {
    color: #8a96a3
}

.m-no-border.m-placeholder-full-lgray .v-input.theme--dark input::placeholder, .m-no-border.m-placeholder-full-lgray .v-input.theme--dark textarea::placeholder, .m-no-border.m-placeholder-full-lgray .v-input.theme--light input::placeholder, .m-no-border.m-placeholder-full-lgray .v-input.theme--light textarea::placeholder {
    color: #8a96a3
}

.vote-input .v-input.theme--dark input::-moz-placeholder, .vote-input .v-input.theme--dark textarea::-moz-placeholder, .vote-input .v-input.theme--light input::-moz-placeholder, .vote-input .v-input.theme--light textarea::-moz-placeholder {
    font-weight: 400
}

.vote-input .v-input.theme--dark input::placeholder, .vote-input .v-input.theme--dark textarea::placeholder, .vote-input .v-input.theme--light input::placeholder, .vote-input .v-input.theme--light textarea::placeholder {
    font-weight: 400
}

.v-input.theme--light fieldset {
    border-color: rgba(138, 150, 163, .5)
}

.m-privacy-comment-form .v-input.theme--light fieldset {
    border-style: dashed
}

.story-ran .b-comment-form.m-field-form .v-input.theme--light fieldset {
    border-color: hsla(0, 0%, 100%, .75)
}

.m-black-body .b-stream-wrapper .b-comment-form .v-input.theme--light fieldset {
    background-color: rgba(0, 0, 0, .12)
}

.m-black-body .b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-input.theme--light fieldset {
    background-color: transparent
}

.b-ticket .m-border-underline .v-input.theme--light fieldset {
    border-color: rgba(138, 150, 163, .25)
}

.vote-input.m-right-answer .v-input.theme--light fieldset {
    border-color: rgba(53, 208, 99, .5)
}

.v-input.theme--light input::-moz-placeholder, .v-input.theme--light textarea::-moz-placeholder {
    color: #8a96a3
}

.v-input.theme--light input::placeholder, .v-input.theme--light textarea::placeholder {
    color: #8a96a3
}

.b-comment-form__input .v-input.theme--light input::-moz-placeholder, .b-comment-form__input .v-input.theme--light textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .75)
}

.b-comment-form__input .v-input.theme--light input::placeholder, .b-comment-form__input .v-input.theme--light textarea::placeholder {
    color: hsla(0, 0%, 100%, .75)
}

.v-input.theme--dark fieldset {
    border-color: rgba(138, 150, 163, .5)
}

.vote-input .v-input.theme--dark fieldset {
    border-color: rgba(138, 150, 163, .4)
}

.m-modal-view .v-input.theme--dark fieldset {
    border-color: rgba(138, 150, 163, .5)
}

.m-modal-view .v-input.theme--dark input, .m-modal-view .v-input.theme--dark textarea {
    color: #fefefe
}

.v-input.theme--dark input::-moz-placeholder, .v-input.theme--dark textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .75)
}

.v-input.theme--dark input::placeholder, .v-input.theme--dark textarea::placeholder {
    color: hsla(0, 0%, 100%, .75)
}

.b-form-stream-info .v-input.theme--dark input::-moz-placeholder, .b-form-stream-info .v-input.theme--dark textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .75)
}

.b-form-stream-info .v-input.theme--dark input::placeholder, .b-form-stream-info .v-input.theme--dark textarea::placeholder {
    color: hsla(0, 0%, 100%, .75)
}

.b-form-stream-info .v-input.theme--dark textarea {
    padding-top: 0;
    line-height: 24px
}

.v-input.v-text-field--prefix input {
    margin-left: 6px
}

.vote-input .v-input.v-text-field--prefix input {
    margin-left: 0
}

.m-solid-prefix .v-input.v-text-field--prefix input {
    margin-left: 0;
    display: block !important
}

.v-input.v-input--is-disabled {
    pointer-events: auto
}

.v-input.v-input--is-disabled input, .v-input.v-input--is-disabled textarea {
    opacity: .4
}

.v-input input, .v-input textarea {
    caret-color: #0091ea
}

.v-input .label-group-addon {
    color: #00aff0;
    height: 36px;
    margin-right: 7px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    transition: opacity .1s
}

.v-input .label-group-addon .g-icon {
    vertical-align: top
}

.v-input .b-preloader-line {
    bottom: -2px;
    top: auto
}

.b-select__caret {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 1000px;
    right: -10px;
    top: 6px;
    color: #8a96a3
}

.b-select__caret .g-icon {
    position: absolute;
    left: 6px;
    top: 6px
}

.v-input__slot:hover .b-select__caret {
    background-color: rgba(0, 145, 234, .06);
    color: #0091ea
}

.v-application--is-ltr .v-text-field--outlined fieldset {
    padding-left: 12px
}

body .v-list-item {
    min-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative
}

spanbody .v-list-item__title {
    font: inherit
}

body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--disabled) {
    color: var(--text-color) !important
}

@media (max-width: 1003px) {
    body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--disabled) .v-ripple__container {
        display: none
    }
}

@media (min-width: 1004px) {
    body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--disabled):hover {
        color: #0091ea !important
    }
}

@media (max-width: 1003px) {
    body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly) .v-ripple__container {
        display: none
    }
}

@media (min-width: 1004px) {
    body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly):hover {
        color: #0091ea !important
    }
}

body .v-list-item.theme--light.v-list-item--active:before {
    opacity: 1
}

body .v-list-item.theme--light:hover:before {
    opacity: 0
}

@media (min-width: 1004px) {
    body .v-list-item.theme--light:hover:before {
        opacity: .06
    }
}

body .v-list-item.v-list-item--disabled {
    color: #8a96a3
}

body .v-list-item.v-list-item--disabled .v-list-item__content>* {
    opacity: .4
}

body .v-list-item--link {
    cursor: pointer
}

body .v-list-item--link:before {
    background-color: #00aff0
}

body .v-list-item--link:not(.v-list-item--active) .v-ripple__container {
    top: 4px;
    bottom: 4px;
    left: 8px;
    right: 8px;
    border-radius: 4px !important;
    overflow: hidden;
    height: auto;
    width: calc(100% - 16px);
    z-index: 0;
    position: absolute
}

body .v-list-item--link:not(.v-list-item--active):before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 8px;
    right: 8px;
    border-radius: 4px;
    opacity: 0
}

body .v-list-item--link.v-list-item--active, body .v-list-item--link.v-list-item--active .v-list-item__content {
    color: #fefefe
}

body .v-list-item--link.v-list-item--active:before {
    opacity: 1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

body .v-list-item--link.v-list-item--active:hover:before {
    background-color: #0091ea;
    opacity: 1
}

body .v-list-item__content {
    color: var(--text-color);
    position: relative;
    z-index: 2
}

body .v-list-item__content .v-list-item__title {
    flex: 0 0 auto
}

body .v-list-item__title {
    font: inherit
}

body .m-v-menu-mob .v-list-item__content {
    padding-top: 7px;
    padding-bottom: 7px;
    color: inherit
}

.v-application {
    background: unset !important;
    color: inherit !important
}

.theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea, .theme--light.v-select .v-select__selection--comma, .theme--light.v-select .v-select__selection--comma.v-select__selection--disabled {
    color: var(--text-color)
}

.b-comment-form__input .theme--light.v-input, .b-comment-form__input .theme--light.v-input input, .b-comment-form__input .theme--light.v-input textarea, .b-comment-form__input .theme--light.v-select .v-select__selection--comma, .b-comment-form__input .theme--light.v-select .v-select__selection--comma.v-select__selection--disabled {
    color: #fefefe
}

.vote-input .theme--light.v-input, .vote-input .theme--light.v-input input, .vote-input .theme--light.v-input textarea, .vote-input .theme--light.v-select .v-select__selection--comma, .vote-input .theme--light.v-select .v-select__selection--comma.v-select__selection--disabled {
    font-weight: 500
}

.theme--light.v-icon.mdi-close:before, .theme--light.v-icon.mdi-menu-down:before {
    display: none
}

body .theme--light.v-list {
    background: var(--bg-color)
}

.v-application .v-list-item:not(.v-list-item--active):not(.v-list-item--disabled), .v-application .v-list-item:not(.v-list-item--active):not(.v-list-item--is-readonly) {
    color: inherit !important
}

.v-ripple__animation {
    background: #0091ea
}

.v-menu__content {
    border: 1px solid rgba(0, 175, 240, .75);
    background: var(--bg-color);
    position: absolute;
    display: inline-block;
    max-width: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    contain: content
}

.v-menu__content.m-v-reset-width {
    max-width: 0
}

@media (max-width: 767px) {
    .m-prevent-scrolling .v-menu__content {
        z-index: 1042 !important
    }
}

.v-menu__content .v-list {
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .v-menu__content:not(.m-v-menu-mob) {
        position: fixed;
        left: 0 !important;
        top: 0 !important;
        transform: translate(0) !important;
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        box-shadow: none;
        max-width: 100%;
        max-height: 100% !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center
    }

    .modal .v-menu__content:not(.m-v-menu-mob) {
        background-color: var(--overlay-color)
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list {
        border: 1px solid rgba(138, 150, 163, .25) !important;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16) !important;
        border-radius: 6px !important;
        max-width: 80vw !important;
        min-width: 256px !important;
        background: var(--bg-color);
        max-height: calc(var(--vh, 1vh)*90) !important;
        overflow-y: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain
    }
}

@media (max-width: 767px) {
    @supports (-moz-appearance:none) {
        .v-menu__content:not(.m-v-menu-mob) .v-select-list {
            scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
            scrollbar-width: thin
        }
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-thumb {
        border: 3px solid transparent;
        background-clip: padding-box;
        background-color: hsla(0, 0%, 67%, .6);
        border-radius: 6px
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-button {
        display: none
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-track {
        background-color: none;
        box-shadow: inset 0 0 10px 10px transparent;
        border: 2px solid transparent;
        width: 10px
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-resizer, .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-corner {
        display: none
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 10px 10px transparent
    }

    .v-menu__content:not(.m-v-menu-mob) .v-select-list:hover::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
    }
}

.v-menu__content[v-menu-direction=up] {
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, .16);
    transform: translateY(-6px)
}

.v-menu__content[v-menu-direction=up].v-autocomplete__content {
    border-radius: 6px 6px 0 0
}

@media (min-width: 768px) {
    .m-attach-select .v-menu__content[v-menu-direction=up] {
        left: inherit !important;
        top: auto !important;
        bottom: 48px !important
    }
}

.v-menu__content[v-menu-direction=down] {
    border-radius: 0 0 6px 6px;
    border-top: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.v-menu__content[v-menu-direction=down].v-autocomplete__content {
    border-radius: 0 0 6px 6px
}

@media (min-width: 768px) {
    .m-attach-select .v-menu__content[v-menu-direction=down] {
        left: inherit !important
    }

    .v-menu__content {
        background: var(--bg-color);
        color: inherit;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain
    }
}

@media (min-width: 768px) {
    @supports (-moz-appearance:none) {
        .v-menu__content {
            scrollbar-color: hsla(0, 0%, 67%, .6) var(--bg-color);
            scrollbar-width: thin
        }
    }

    .v-menu__content::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

    .v-menu__content::-webkit-scrollbar-thumb {
        border: 3px solid transparent;
        background-clip: padding-box;
        background-color: hsla(0, 0%, 67%, .6);
        border-radius: 6px
    }

    .v-menu__content::-webkit-scrollbar-button {
        display: none
    }

    .v-menu__content::-webkit-scrollbar-track {
        background-color: none;
        box-shadow: inset 0 0 10px 10px transparent;
        border: 2px solid transparent;
        width: 10px
    }

    .v-menu__content::-webkit-resizer, .v-menu__content::-webkit-scrollbar-corner {
        display: none
    }

    .v-menu__content::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 10px 10px transparent
    }

    .v-menu__content:hover::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 10px 10px hsla(0, 0%, 67%, .6)
    }
}

.v-menu__content.m-error-state {
    border-color: #ff6060
}

@media (max-width: 767px) {
    .v-menu__content.v-autocomplete__content .v-list {
        border-radius: 6px
    }
}

@media (min-width: 768px) {
    .v-menu__content .v-list {
        box-shadow: none
    }
}

.v-menu__content .v-list-item__title {
    white-space: normal;
    max-width: 100%
}

.v-menu__content .v-list-item .vti__flag {
    margin-right: 11px
}

.v-menu__content .v-list-item--active {
    color: #fefefe
}

.v-menu__content .v-list-item--active .vti__flag, .v-menu__content .v-list-item--active .vti__flag+span, .v-menu__content .v-list-item--active .vti__icon, .v-menu__content .v-list-item--active .vti__icon+span {
    position: relative;
    z-index: 1
}

.v-menu__content .v-list-item.theme--light:not(.v-list-item--link):not(.v-list-item--disabled) {
    padding-left: 5px;
    padding-right: 5px
}

.v-menu__content .v-list-item.theme--light:not(.v-list-item--link):not(.v-list-item--disabled) .v-list-item__content {
    color: rgba(138, 150, 163, .4) !important;
    font-weight: 500;
    text-align: center;
    justify-content: center
}

.v-messages {
    min-height: auto;
    align-self: flex-start
}

.v-messages__message, .v-messages__wrapper {
    transition: none !important
}

.v-messages__message {
    font-size: 12px;
    line-height: 16px
}

.v-messages.theme--light {
    color: #8a96a3
}

.v-messages.theme--light.error--text {
    color: #ff6060
}

.v-messages.theme--light:not(.error--text) {
    display: none
}

.v-autonumeric .vdatetime, .v-datetime .vdatetime {
    position: relative
}

.v-autonumeric__icon, .v-datetime__icon {
    width: 36px;
    height: 36px;
    border-radius: 1000px;
    transition: background-color .3s, color .3s;
    position: absolute;
    right: 6px;
    top: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #8a96a3;
    pointer-events: none
}

.v-autonumeric__icon .v-icon.theme--light, .v-datetime__icon .v-icon.theme--light {
    color: inherit
}

.v-autonumeric__label, .v-datetime__label {
    position: absolute;
    left: 12px;
    top: 14px;
    margin: 0;
    color: #8a96a3;
    font-size: 16px;
    transition: transform .3s, color .3s, padding .3s;
    transform-origin: left;
    pointer-events: none;
    padding-left: 4px;
    padding-right: 4px
}

.v-autonumeric__label.m-label, .v-datetime__label.m-label {
    transform: translateY(-23px) scale(.75);
    background-color: var(--bg-color)
}

.v-autonumeric .g-input, .v-datetime .g-input {
    height: 48px;
    margin: 0
}

.v-autonumeric .g-input__help, .v-datetime .g-input__help {
    padding-top: 4px
}

.v-autonumeric .form-control, .v-datetime .form-control {
    border: 1px solid rgba(138, 150, 163, .5);
    border-radius: 6px;
    padding: 14px 46px 14px 15px;
    transition: none
}

.v-autonumeric .form-control::-moz-placeholder, .v-datetime .form-control::-moz-placeholder {
    opacity: 0
}

.v-autonumeric .form-control::placeholder, .v-datetime .form-control::placeholder {
    opacity: 0
}

.v-autonumeric .form-control:hover, .v-datetime .form-control:hover {
    border-color: #8a96a3
}

.v-autonumeric .form-control:hover~.v-datetime__icon, .v-datetime .form-control:hover~.v-datetime__icon {
    background-color: rgba(0, 145, 234, .06);
    color: #0091ea
}

.v-autonumeric .form-control:focus, .v-datetime .form-control:focus {
    border-color: rgba(0, 175, 240, .75)
}

.v-autonumeric .form-control:focus~.v-autonumeric__label, .v-autonumeric .form-control:focus~.v-datetime__label, .v-datetime .form-control:focus~.v-autonumeric__label, .v-datetime .form-control:focus~.v-datetime__label {
    background-color: var(--bg-color);
    color: #0091ea
}

.v-autonumeric .form-control:focus~.v-datetime__icon, .v-datetime .form-control:focus~.v-datetime__icon {
    color: #8a96a3
}

.v-autonumeric .form-control:focus~.v-datetime__label, .v-datetime .form-control:focus~.v-datetime__label {
    transform: translateY(-23px) scale(.75)
}

.v-autonumeric .form-control:focus::-moz-placeholder, .v-datetime .form-control:focus::-moz-placeholder {
    opacity: 1
}

.v-autonumeric .form-control:focus::placeholder, .v-datetime .form-control:focus::placeholder {
    opacity: 1
}

.v-autonumeric__optional, .v-datetime__optional {
    display: inline
}

.v-autonumeric__hint, .v-datetime__hint {
    font-size: 12px;
    color: #8a96a3;
    padding-left: 16px;
    padding-right: 16px
}

.v-autonumeric__active-field .form-control, .v-datetime__active-field .form-control {
    border-color: rgba(0, 175, 240, .75)
}

.v-autonumeric__active-field .v-autonumeric__icon, .v-autonumeric__active-field .v-datetime__icon, .v-datetime__active-field .v-autonumeric__icon, .v-datetime__active-field .v-datetime__icon {
    color: #8a96a3
}

.v-autonumeric__active-field .v-autonumeric__label, .v-autonumeric__active-field .v-datetime__label, .v-datetime__active-field .v-autonumeric__label, .v-datetime__active-field .v-datetime__label {
    transform: translateY(-23px) scale(.75);
    background-color: var(--bg-color);
    color: #0091ea
}

.v-autonumeric__fill-field .v-autonumeric__label, .v-autonumeric__fill-field .v-datetime__label, .v-datetime__fill-field .v-autonumeric__label, .v-datetime__fill-field .v-datetime__label {
    transform: translateY(-23px) scale(.75);
    background-color: var(--bg-color)
}

.v-autonumeric__error-field:not(.v-datetime__active-field) .form-control, .v-autonumeric__error-field:not(.v-datetime__active-field) .form-control:hover, .v-datetime__error-field:not(.v-datetime__active-field) .form-control, .v-datetime__error-field:not(.v-datetime__active-field) .form-control:hover {
    border-color: #ff6060
}

div.vue-tel-input-vuetify {
    position: relative
}

div.vue-tel-input-vuetify[disabled] .v-input.v-select .v-select__slot:after {
    pointer-events: none
}

div.vue-tel-input-vuetify[disabled] .v-input.v-select .v-select__slot .v-icon.v-icon--disabled {
    color: inherit !important
}

div.vue-tel-input-vuetify[disabled] .v-input.v-text-field.v-text-field--prefix.v-input--is-disabled .v-label {
    opacity: 1
}

div.vue-tel-input-vuetify[disabled] .v-input.v-text-field.v-text-field--prefix.v-input--is-disabled fieldset {
    opacity: 1;
    background-color: rgba(138, 150, 163, .08)
}

div.vue-tel-input-vuetify .country-code {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    pointer-events: none
}

div.vue-tel-input-vuetify .country-code .v-input__append-inner .v-input__icon, div.vue-tel-input-vuetify .country-code .v-input__prepend-inner .v-input__icon {
    width: 60px;
    flex: 0 0 60px;
    height: 36px;
    position: relative;
    font-size: 24px
}

div.vue-tel-input-vuetify .country-code .v-input__append-inner .v-icon.v-icon, div.vue-tel-input-vuetify .country-code .v-input__prepend-inner .v-icon.v-icon {
    width: 60px;
    flex: 0 0 60px;
    height: 36px
}

div.vue-tel-input-vuetify .country-code .v-input__append-inner .v-icon.v-icon:after, div.vue-tel-input-vuetify .country-code .v-input__prepend-inner .v-icon.v-icon:after {
    transform: none;
    left: auto;
    right: 5px;
    top: 7px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    transition: transform .1s
}

div.vue-tel-input-vuetify .country-code .v-input.v-select.theme--light[v-menu-direction=up] .v-input__slot:after {
    display: none
}

div.vue-tel-input-vuetify .country-code .v-input__slot fieldset {
    border: none;
    width: 72px;
    pointer-events: auto;
    padding: 0;
    cursor: pointer
}

div.vue-tel-input-vuetify .country-code .v-select__slot {
    width: 72px;
    margin-left: -16px;
    pointer-events: auto;
    position: relative
}

div.vue-tel-input-vuetify .country-code .v-select__slot:after {
    width: auto;
    left: 0;
    right: 0
}

div.vue-tel-input-vuetify .country-code .v-select__slot .v-input__append-inner {
    left: 0;
    right: 0;
    padding: 0;
    justify-content: center;
    margin: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

div.vue-tel-input-vuetify .country-code .v-select.v-select--is-menu-active .v-input__icon--append .v-icon {
    transform: none
}

div.vue-tel-input-vuetify .country-code .v-select.v-select--is-menu-active .v-input__icon--append .v-icon:after {
    transform: rotate(180deg)
}

div.vue-tel-input-vuetify .country-code .v-text-field--outlined.v-select:not(.v-text-field--single-line) .v-select__selections {
    padding: 0 0 0 14px;
    min-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-content: center;
    align-items: center
}

div.vue-tel-input-vuetify>.v-input:not(.v-select).v-input--is-focused.theme--dark>.v-input__control>.v-input__slot fieldset:before, div.vue-tel-input-vuetify>.v-input:not(.v-select).v-input--is-focused.theme--light>.v-input__control>.v-input__slot fieldset:before {
    background-color: rgba(0, 175, 240, .75)
}

div.vue-tel-input-vuetify>.v-input>.v-input__control>.v-input__slot fieldset {
    padding-left: 88px
}

div.vue-tel-input-vuetify>.v-input>.v-input__control>.v-input__slot fieldset:before {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0;
    width: 1px;
    height: 46px;
    background-color: rgba(138, 150, 163, .5);
    transition: background-color .1s
}

div.vue-tel-input-vuetify>.v-input>.v-input__control>.v-input__slot>.v-text-field__slot {
    margin-left: 73px
}

div.vue-tel-input-vuetify>.v-input>.v-input__control>.v-input__slot:hover fieldset:before {
    background-color: #8a96a3
}

div.vue-tel-input-vuetify>.v-input.v-input--is-dirty>.v-input__control>.v-input__slot fieldset, div.vue-tel-input-vuetify>.v-input.v-input--is-focused>.v-input__control>.v-input__slot fieldset {
    padding-left: 12px
}

div.vue-tel-input-vuetify>.v-input.v-input--is-dirty .v-input__slot legend, div.vue-tel-input-vuetify>.v-input.v-input--is-focused .v-input__slot legend {
    transform: translateX(-74px)
}

div.vue-tel-input-vuetify>.v-input.v-input--is-dirty .v-text-field__slot .v-label, div.vue-tel-input-vuetify>.v-input.v-input--is-focused .v-text-field__slot .v-label {
    transform: translate(-72px, -21px) scale(.75);
    background-color: var(--bg-color)
}

.v-captcha-field {
    position: relative
}

.v-captcha-field__img {
    position: absolute;
    top: 8px;
    left: 8px
}

.v-captcha-field__img img {
    display: block
}

.v-captcha-field__img img.m-error, .v-captcha-field__img img.m-loading {
    opacity: 0
}

.v-captcha-field__img .g-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 10
}

.v-captcha-field__img .g-icon use[*|href*="#icon-alert"] {
    color: #e76c6c
}

.v-captcha-field .v-input .v-input__control .v-input__slot fieldset {
    padding-left: 128px
}

.v-captcha-field .v-input .v-input__control .v-input__slot .v-text-field__slot {
    margin-left: 112px
}

.v-captcha-field .v-input.v-input--is-dirty .v-input__control .v-input__slot fieldset, .v-captcha-field .v-input.v-input--is-focused .v-input__control .v-input__slot fieldset {
    padding-left: 12px
}

.v-captcha-field .v-input.v-input--is-dirty .v-input__slot legend, .v-captcha-field .v-input.v-input--is-focused .v-input__slot legend {
    transform: translateX(8px)
}

.v-captcha-field .v-input.v-input--is-dirty .v-text-field__slot .v-label, .v-captcha-field .v-input.v-input--is-focused .v-text-field__slot .v-label {
    transform: translate(-112px, -21px) scale(.75)
}

.v-datetime__error {
    color: #ff6060;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 16px 0;
    display: block
}

.v-datetime__error-field.v-datetime__active-field .v-datetime__error {
    display: none
}

.v-menu-overlay {
    z-index: 1041;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    background-color: var(--overlay-color);
    position: fixed
}

@media (min-width: 768px) {
    .v-menu-overlay {
        display: none
    }
}

.vti__flag {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    max-width: 20px;
    flex: 0 0 20px;
    margin-right: 8px
}

.v-input__prepend-inner .vti__flag {
    margin-top: -1px
}

.b-separate-section .vti__flag {
    transform: scale(.8)
}

.vti__flag+.v-list-item__title {
    max-width: calc(100% - 34px)
}

body .vti__icon {
    flex: none;
    margin-right: 8px;
    margin-bottom: 0;
    line-height: 1;
    height: 24px
}

.v-input__prepend-inner .vti__icon {
    margin-top: 5px
}

.g-input__suffix-value {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    padding-top: 13px;
    padding-left: 16px;
    color: var(--text-color)
}

.g-input__suffix-value.m-focused {
    color: rgba(138, 150, 163, .75)
}

.g-input__suffix-mask {
    visibility: hidden
}

.b-field-expiration {
    display: flex;
    border: 1px solid rgba(138, 150, 163, .5);
    border-radius: 6px;
    transition: border-color .1s;
    position: relative
}

.b-field-expiration:after {
    content: "/";
    position: absolute;
    top: 13px;
    left: 60px
}

@media (min-width: 1004px) {
    .b-field-expiration:after {
        left: 50px
    }
}

.b-field-expiration.m-error {
    border-color: #ff6060
}

.b-field-expiration.m-error:before {
    content: "\E60F";
    font-family: onlyfans;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    font-size: 24px;
    line-height: 24px;
    color: #ff6060
}

.b-field-expiration-wrapper {
    margin-bottom: 24px
}

.b-field-expiration-wrapper__hint {
    font-size: 12px;
    line-height: 16px;
    margin: 4px 16px 0;
    color: #8a96a3
}

.b-field-expiration-wrapper__hint.m-error {
    color: #ff6060
}

.b-field-expiration-wrapper__hint p {
    margin-bottom: 0
}

.b-field-expiration-wrapper__hint p:empty {
    display: none
}

.b-field-expiration.m-focused {
    border-color: rgba(0, 175, 240, .75)
}

.b-field-expiration .g-input__wrapper.m-month-field {
    flex: 0 0 60px;
    margin-right: 7px
}

@media (min-width: 1004px) {
    .b-field-expiration .g-input__wrapper.m-month-field {
        flex: 0 0 50px
    }
}

.b-field-expiration .g-input__wrapper.m-year-field {
    flex: 1
}

.b-field-expiration__label {
    position: absolute;
    left: 12px;
    top: -8px;
    font-size: 12px;
    line-height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: var(--bg-color);
    color: #8a96a3
}

.m-focused .b-field-expiration__label {
    color: #00aff0
}

.m-error .b-field-expiration__label {
    color: #ff6060
}

.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .6, 1);
    width: 100%
}

.v-progress-linear--absolute {
    position: absolute
}

.v-progress-linear__buffer {
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%
}

.v-progress-linear .v-progress-linear__indeterminate {
    background: #00aff0
}

.v-progress-linear .v-progress-linear__indeterminate .long, .v-progress-linear .v-progress-linear__indeterminate .short {
    animation-play-state: paused;
    background-color: inherit;
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: auto;
    will-change: left, right
}

.v-progress-linear .v-progress-linear__indeterminate--active .short {
    animation-name: indeterminate-short-ltr;
    animation-duration: 2.2s;
    animation-iteration-count: infinite
}

.v-progress-linear .v-progress-linear__indeterminate--active .long {
    animation-name: indeterminate-ltr;
    animation-duration: 2.2s;
    animation-iteration-count: infinite
}

.v-progress-linear.v-progress-linear--visible .v-progress-linear__indeterminate--active .long, .v-progress-linear.v-progress-linear--visible .v-progress-linear__indeterminate--active .short {
    animation-play-state: running
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    to {
        left: 100%;
        right: -35%
    }
}

.swiper-container.swiper-container-3d.m-without-perspective {
    perspective: none
}

.swiper-container.m-gaps-inside {
    padding-left: 16px;
    padding-right: 16px
}

.swiper-container.m-gaps-outside {
    margin-left: -16px;
    margin-right: -16px;
    flex: 0 0 calc(100% + 32px)
}

.swiper-container.m-with-scrollbar .swiper-wrapper {
    margin-bottom: 7px
}

.swiper-container.m-with-scrollbar .swiper-wrapper~.swiper-scrollbar {
    bottom: 0
}

.swiper-container.m-reset-center {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    flex: 0 0 100%
}

.swiper-container:hover .swiper-scrollbar {
    opacity: 1
}

.m-slide-width-auto .swiper-slide {
    width: auto
}

.b-slideshow .swiper-slide {
    cursor: pointer;
    height: unset;
    overflow: hidden
}

.swiper-scrollbar {
    background: none;
    border-radius: 0;
    opacity: 0;
    transition: opacity .15s linear;
    height: 4px;
    margin-top: 10px
}

.swiper-container>.swiper-scrollbar {
    bottom: 0;
    left: 16px;
    right: 16px;
    width: auto;
    position: absolute;
    margin-top: 0;
    height: 4px
}

@media (max-width: 767px) {
    .swiper-container>.swiper-scrollbar {
        left: 16px;
        right: 16px
    }
}

.swiper-scrollbar:hover .swiper-scrollbar-drag {
    background: #aaa
}

.swiper-scrollbar-drag {
    border-radius: 6px;
    background: hsla(0, 0%, 67%, .6)
}

.swiper-pagination-bullets {
    display: flex;
    justify-content: center
}

.m-pagination-under-swiper .swiper-pagination-bullets {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    margin: 0
}

.swiper-pagination-bullet {
    background: none;
    opacity: 1;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border-width: 1px;
    border-style: solid;
    transition: all .1s ease;
    cursor: pointer;
    position: relative;
    border-radius: 1000px
}

.m-pagination-under-swiper .swiper-pagination-bullet {
    border-color: rgba(138, 150, 163, .7)
}

.m-pagination-under-swiper .swiper-pagination-bullet-active {
    background: rgba(138, 150, 163, .7);
    border-color: transparent
}

.b-about .swiper-pagination-bullet-active {
    background: #00aff0
}

.swiper-button-next, .swiper-button-prev {
    background: none;
    margin: 0
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .4;
    pointer-events: auto
}

.b-slideshow .swiper-button-next, .b-slideshow .swiper-button-prev {
    top: 0;
    bottom: 0;
    background: none;
    width: 48px;
    height: auto;
    margin-top: 0;
    color: hsla(0, 0%, 100%, .75);
    position: absolute;
    z-index: 9;
    transition: color .1s
}

.b-slideshow .swiper-button-next:not(.swiper-button-disabled):hover, .b-slideshow .swiper-button-prev:not(.swiper-button-disabled):hover {
    color: #fefefe
}

.b-slideshow .swiper-button-next:not(.swiper-button-disabled):hover .b-swiper-button-icon:after, .b-slideshow .swiper-button-prev:not(.swiper-button-disabled):hover .b-swiper-button-icon:after {
    opacity: .25
}

.b-slideshow .swiper-button-prev {
    left: 0
}

.b-slideshow .swiper-button-next {
    right: 0
}

.b-swiper-button-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.post_media.m-video .b-swiper-button-icon {
    margin-top: 28px
}

.m-prevent-scrolling .b-swiper-button-icon, .p-personal-chats-chat .b-swiper-button-icon {
    margin-top: 0
}

.b-swiper-button-icon:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: radial-gradient(ellipse at center, #000 0, hsla(0, 0%, 100%, 0) 60%);
    opacity: .12;
    border-radius: 24px;
    width: 36px;
    height: 36px;
    transition: opacity .15s;
    z-index: -1
}

.video-wrapper {
    position: relative;
    background: #000;
    overflow: hidden;
    z-index: 1
}

.video-wrapper .video-js {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.m-has-addressbar .video-wrapper .video-js {
    max-height: inherit
}

.post_media .video-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    max-height: inherit
}

.post_media .video-wrapper[style*=padding-top] {
    align-self: flex-start;
    position: static;
    min-height: inherit
}

.post_media .video-wrapper[style*=padding-top] .video-js, .post_media .video-wrapper[style*=padding-top] .video-trigger {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: calc(100vh - 120px);
    max-height: calc(var(--vh, 1vh)*100 - 120px);
    height: 100%
}

.b-chat__message .post_media .video-wrapper[style*=padding-top] .video-js, .b-chat__message .post_media .video-wrapper[style*=padding-top] .video-trigger {
    max-height: 100%
}

.post_media .video-wrapper[style*=padding-top] .b-placeholder-preview {
    height: 100%
}

.post_media.m-has-addressbar .video-wrapper[style*=padding-top][style*=max-height] {
    max-height: inherit !important
}

.post_media.m-has-addressbar .video-wrapper[style*=padding-top][style*=max-height] .video-js, .post_media.m-has-addressbar .video-wrapper[style*=padding-top][style*=max-height] .video-trigger {
    max-height: inherit
}

.video-wrapper__controls {
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 70%
}

.video-wrapper__controls .g-btn {
    pointer-events: auto
}

.b-youtube_container {
    position: relative
}

.b-post .b-youtube_container {
    margin: 12px -16px 0;
    width: calc(100% + 32px)
}

.b-youtube_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0
}

.embed_video_container, .oftv_container, .youtube_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.post_media .embed_video_container, .post_media .oftv_container, .post_media .youtube_container {
    z-index: 3
}

big {
    font-size: 16px
}

a {
    color: #00aff0;
    text-decoration: none
}

a:hover {
    color: #0091ea
}

b, strong {
    font-weight: 500
}

em>strong, strong>em {
    color: #00aff0
}

p.input-help {
    font-size: 13px;
    color: #9b9b9b;
    margin: 0
}

ul.list {
    padding-left: 20px
}

ul.list li {
    margin: 0 0 15px
}

.m-possible-markdown .h1, .m-possible-markdown .h2, .m-possible-markdown .h3, .m-possible-markdown .h4, .m-possible-markdown .h5, .m-possible-markdown .h6, .m-possible-markdown h1, .m-possible-markdown h2, .m-possible-markdown h3, .m-possible-markdown h4, .m-possible-markdown h5, .m-possible-markdown h6 {
    font-weight: 500;
    margin: 0
}

.m-possible-markdown .h1, .m-possible-markdown h1 {
    font-size: 28px;
    line-height: 36px
}

.h1.title, h1.title {
    border-bottom: 1px solid #00aff0;
    font: 300 25px/30px Roboto, sans-serif;
    padding: 0 0 10px;
    margin: 0 0 24px
}

.m-possible-markdown .h2, .m-possible-markdown h2 {
    font-size: 24px;
    line-height: 32px
}

.m-possible-markdown .h3, .m-possible-markdown h3 {
    font-size: 20px;
    line-height: 28px
}

.m-possible-markdown .h4, .m-possible-markdown h4 {
    font-size: 16px;
    line-height: 24px
}

.m-possible-markdown .h5, .m-possible-markdown h5 {
    font-size: 14px;
    line-height: 20px
}

.m-possible-markdown .h6, .m-possible-markdown h6 {
    font-size: 12px;
    line-height: 16px
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

ol {
    list-style: none;
    counter-reset: list;
    padding: 0 30px;
    margin: 0 0 10px
}

ol li {
    position: relative;
    padding: 0 0 6px
}

ol li:before {
    counter-increment: list;
    content: counter(list) ". ";
    position: absolute;
    right: 100%;
    top: 0;
    font-weight: 500;
    margin-right: 5px
}

code, pre {
    background: rgba(138, 150, 163, .1);
    border-color: rgba(138, 150, 163, .25)
}

pre {
    color: var(--text-color)
}

.g-list-without-marker {
    list-style: none
}

.b-user-header {
    position: relative;
    min-height: 48px;
    padding: 0 0 0 60px;
    line-height: 1.3334;
    margin-bottom: 10px
}

.b-user-header.m-size-avatar-36 {
    padding-left: 50px;
    min-height: 36px
}

.m-user-economy .b-user-header.m-size-avatar-36 {
    padding-left: 47px
}

.b-user-header.m-size-avatar-56 {
    padding-left: 69px;
    min-height: 56px
}

.b-user-header.m-reset-mb {
    margin-bottom: 0
}

.b-modal__custom-name .b-user-header {
    margin: 7px 0 28px
}

.b-user-header.m-modal-header {
    margin: 9px 0 28px
}

.b-user-header.m-absolute-pos {
    position: absolute
}

.m-responsive__equal-width_float .b-user-header.m-absolute-pos {
    left: 0;
    right: 0
}

.m-fans .b-user-header {
    margin-bottom: 5px;
    padding-left: 64px;
    padding-right: 22px
}

.m-helpers .m-fans .b-user-header {
    margin-bottom: 8px
}

.b-user-header .b-username-row:not(.m-reset-mt):first-of-type {
    margin-top: 3px
}

.b-user-header .b-username-row.m-gap-lg {
    margin-bottom: 5px
}

.stream-chart-scale {
    display: flex;
    justify-content: space-between;
    padding: 7px 0 20px;
    font-size: 11px
}

.modal .stream-chart-scale.m-no-border, .stream-chart-scale.m-no-border {
    border-bottom: none;
    padding-bottom: 0
}

.stream-chart-scale.m-gap-bottom {
    margin-bottom: 12px
}

.modal .stream-chart-scale {
    margin: 0 5px 9px;
    padding: 15px 0 17px;
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    color: #8a96a3
}

.b-chart {
    padding-bottom: 13px
}

.b-chart:empty {
    padding-bottom: 0
}

.b-chart__tooltip {
    opacity: 0;
    background: var(--bg-color);
    transition: transform .15s ease-in-out, left .15s ease-in-out, top .15s ease-in-out;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    padding: 10px 12px 9px;
    border-radius: 6px;
    z-index: 1;
    border: 1px solid rgba(138, 150, 163, .25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    font-size: 11px;
    line-height: 12px;
    min-width: 160px
}

.b-chart__tooltip__title {
    font-weight: 500;
    margin-bottom: 3px
}

.b-chart__tooltip__circle {
    position: absolute;
    left: 0;
    top: 2px;
    width: 6px;
    height: 6px;
    border-radius: 1000px
}

.b-chart__tooltip__text {
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left: 12px
}

.b-chart__tooltip__text:not(:last-child) {
    margin-bottom: 3px
}

.b-chart__tooltip__text__value {
    font-weight: 500
}

.b-chart__tooltip__text__title {
    text-transform: capitalize
}

.b-chart__double-line__base {
    width: 100%;
    height: 152px;
    position: relative;
    z-index: 0
}

.b-chart__double-line__base__wrapper {
    position: relative
}

.b-chart__double-line__main {
    width: 100%;
    height: 112px;
    margin-top: 10px;
    border-top: 1px solid #fff;
    position: relative;
    z-index: 0
}

.m-mode-dark .b-chart__double-line__main {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-chart__double-line__aside {
    width: 100%;
    height: 80px;
    margin-top: -8px
}

.b-chart__multiple-line {
    width: 100%;
    height: 180px;
    margin-top: 15px
}

.b-chart__wrapper {
    position: relative
}

.b-chart__wrapper--earning .b-chart__tooltip {
    z-index: 4
}

.b-chart-preloader {
    height: 217px;
    position: relative
}

.pr-0 {
    padding-right: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.pr-1 {
    padding-right: 10px !important
}

.pl-1 {
    padding-left: 10px !important
}

.pb-1 {
    padding-bottom: 10px !important
}

.pt-1 {
    padding-top: 10px !important
}

.mr-1 {
    margin-right: 10px !important
}

.ml-1 {
    margin-left: 10px !important
}

.mt-1 {
    margin-top: 10px !important
}

.mb-1 {
    margin-bottom: 10px !important
}

.pr-2 {
    padding-right: 20px !important
}

.pl-2 {
    padding-left: 20px !important
}

.pb-2 {
    padding-bottom: 20px !important
}

.pt-2 {
    padding-top: 20px !important
}

.mr-2 {
    margin-right: 20px !important
}

.ml-2 {
    margin-left: 20px !important
}

.mt-2 {
    margin-top: 20px !important
}

.mb-2 {
    margin-bottom: 20px !important
}

.pr-3 {
    padding-right: 30px !important
}

.pl-3 {
    padding-left: 30px !important
}

.pb-3 {
    padding-bottom: 30px !important
}

.pt-3 {
    padding-top: 30px !important
}

.mr-3 {
    margin-right: 30px !important
}

.ml-3 {
    margin-left: 30px !important
}

.mt-3 {
    margin-top: 30px !important
}

.mb-3 {
    margin-bottom: 30px !important
}

.pr-4 {
    padding-right: 40px !important
}

.pl-4 {
    padding-left: 40px !important
}

.pb-4 {
    padding-bottom: 40px !important
}

.pt-4 {
    padding-top: 40px !important
}

.mr-4 {
    margin-right: 40px !important
}

.ml-4 {
    margin-left: 40px !important
}

.mt-4 {
    margin-top: 40px !important
}

.mb-4 {
    margin-bottom: 40px !important
}

.pr-5 {
    padding-right: 50px !important
}

.pl-5 {
    padding-left: 50px !important
}

.pb-5 {
    padding-bottom: 50px !important
}

.pt-5 {
    padding-top: 50px !important
}

.mr-5 {
    margin-right: 50px !important
}

.ml-5 {
    margin-left: 50px !important
}

.mt-5 {
    margin-top: 50px !important
}

.mb-5 {
    margin-bottom: 50px !important
}

.m-pt-6 {
    padding-top: 6px !important
}

.m-pt-13 {
    padding-top: 13px !important
}

.m-pt-15 {
    padding-top: 15px !important
}

.m-pt-17 {
    padding-top: 17px !important
}

.m-pt-25 {
    padding-top: 25px !important
}

.m-pb-0 {
    padding-bottom: 0 !important
}

.m-pb-7 {
    padding-bottom: 7px !important
}

.m-pb-12 {
    padding-bottom: 12px !important
}

.m-pb-13 {
    padding-bottom: 13px !important
}

.m-pb-16 {
    padding-bottom: 16px !important
}

.m-mt-6 {
    margin-top: 6px !important
}

.m-mt-8 {
    margin-top: 8px !important
}

.m-mt-12 {
    margin-top: 12px !important
}

.m-mt-14 {
    margin-top: 14px !important
}

.m-mt-15 {
    margin-top: 15px !important
}

.m-mt-16 {
    margin-top: 16px !important
}

.m-mt-18 {
    margin-top: 18px !important
}

.m-mt-20 {
    margin-top: 20px !important
}

.m-mb-0 {
    margin-bottom: 0 !important
}

.m-mb-2 {
    margin-bottom: 2px !important
}

.m-mb-3 {
    margin-bottom: 3px !important
}

.m-mb-4 {
    margin-bottom: 4px !important
}

.m-mb-5 {
    margin-bottom: 5px !important
}

.m-mb-8 {
    margin-bottom: 8px !important
}

.m-mb-9 {
    margin-bottom: 9px !important
}

.m-mb-10 {
    margin-bottom: 10px !important
}

.m-mb-11 {
    margin-bottom: 11px !important
}

.m-mb-12 {
    margin-bottom: 12px !important
}

.m-mb-13 {
    margin-bottom: 13px !important
}

.m-mb-14 {
    margin-bottom: 14px !important
}

.m-mb-15 {
    margin-bottom: 15px !important
}

.m-mb-16 {
    margin-bottom: 16px !important
}

.m-mb-20 {
    margin-bottom: 20px !important
}

.m-mb-24 {
    margin-bottom: 24px !important
}

.m-mb-25 {
    margin-bottom: 25px !important
}

.m-mb-28 {
    margin-bottom: 28px !important
}

.m-mb-30 {
    margin-bottom: 30px !important
}

.m-mb-33 {
    margin-bottom: 33px !important
}

.m-mr-3 {
    margin-right: 3px !important
}

.m-mr-5 {
    margin-right: 5px !important
}

.m-mr-7 {
    margin-right: 7px !important
}

.m-mr-8 {
    margin-right: 8px !important
}

.m-mall-auto {
    margin: auto
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.ml-auto {
    margin-left: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.b-photos {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 20px;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
}

.b-photos.m-col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.b-photos.m-col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.b-photos.m-gap-gutter {
    grid-gap: 16px
}

.b-photos.m-reset-grid {
    display: block
}

.modal-body .b-photos {
    flex: 1
}

.b-photos:not(:empty)+.b-posts_preloader {
    padding-top: 10px;
    padding-bottom: 10px
}

.b-photos:empty {
    display: none
}

.b-photos:empty+.b-posts_preloader {
    min-height: 200px
}

.b-photos:empty+.b-posts_preloader .g-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: #8a96a3
}

@media (min-width: 768px) {
    .b-photos:empty+.b-posts_preloader .g-icon {
        width: 64px;
        height: 64px;
        flex: 0 0 64px;
        margin-bottom: 25px
    }
}

.b-photos__item {
    position: relative
}

.m-recent-list .b-photos__item {
    overflow: hidden
}

.m-recent-list .b-photos__item .b-subscribe-block.m-inside-grid {
    padding-left: 6px;
    padding-right: 6px
}

.m-recent-list .b-photos__item:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.m-recent-list .b-photos__item:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.b-photos__item.m-square {
    height: 0;
    padding-top: 100%
}

.b-photos__item, .b-photos__item:hover {
    color: inherit
}

.b-photos__item.m-video-item {
    background-color: #000
}

@media (any-hover: hover) and (pointer:fine) {
    .b-photos__item:not(.m-without-clickable):hover .g-btn-play {
        background-color: #0091ea
    }
}

.b-photos__item.m-checkbox-control {
    overflow: hidden
}

.b-photos__item.m-checkbox-control.m-opacity-all .b-photos__item__img {
    opacity: 1
}

.b-photos__item.m-checkbox-control.selected:not(.m-create):before {
    background-color: rgba(0, 0, 0, .25);
    z-index: 1
}

.b-photos__item.m-checkbox-control .b-input-radio__label {
    z-index: 2;
    pointer-events: auto
}

.b-photos__item.m-highlight:not(.m-create):hover {
    color: #fefefe
}

.b-photos__item.m-highlight:not(.m-create):after {
    content: "";
    background: linear-gradient(#000, rgba(138, 150, 163, 0));
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50%;
    pointer-events: none;
    opacity: .25;
    z-index: 1;
    border: none
}

.b-photos__item.m-highlight:not(.m-create).m-description-bottom {
    color: #fefefe
}

.b-photos__item.m-highlight:not(.m-create).m-description-bottom:after {
    top: auto;
    bottom: 0;
    transform: rotate(180deg)
}

.b-photos__item.m-highlight .g-btn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 2
}

.b-photos__item.m-highlight.checked {
    box-shadow: none
}

.b-photos__item.m-highlight.checked:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 3px #00aff0;
    height: auto;
    opacity: 1
}

.b-photos__item:before {
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    transition: background-color .1s;
    pointer-events: none
}

.b-photos__item:before, .b-photos__item__img {
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.b-photos__item__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity .3s;
    z-index: 0
}

.b-gallery-wrapper .b-photos__item .g-avatar~.b-users__item__new-posts-count {
    left: auto;
    right: 8px;
    max-width: calc(100% - 56px);
    display: inline-flex
}

.b-gallery-wrapper .b-photos__item .g-avatar~.b-users__item__new-posts-count .g-icon {
    margin-left: 3px
}

.b-photos__item .b-users__item__new-posts-count {
    left: 8px
}

.b-photos__item.b-input-radio__container:not(.m-disabled):hover .b-input-radio__label {
    border-color: hsla(0, 0%, 100%, .75)
}

.b-photos__item .b-input-radio__label {
    left: auto;
    right: 10px;
    top: 10px;
    border-color: hsla(0, 0%, 100%, .75)
}

.b-photos__item__wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.b-photos__item__text {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 12px;
    left: 12px;
    bottom: 33px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 2
}

.m-description-bottom .b-photos__item__text {
    top: auto;
    bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .7))
}

@media (min-width: 560px) {
    .m-description-bottom .b-photos__item__text {
        bottom: 12px
    }

    .b-photos__item__text {
        bottom: 50px
    }
}

.b-photos__item .g-avatar+.b-photos__item__text {
    -webkit-line-clamp: 2
}

.b-photos .timestamp {
    position: absolute;
    left: 6px;
    top: 8px;
    border-radius: 6px;
    color: hsla(0, 0%, 100%, .75);
    font-size: 12px;
    line-height: 16px;
    padding: 4px 6px;
    z-index: 2;
    display: flex;
    font-weight: 500;
    background-color: rgba(0, 0, 0, .25)
}

.b-photos .timestamp.m-zero-value {
    opacity: .25
}

.b-photos .timestamp.m-video-duration {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 12px 11px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .25));
    border-radius: 0
}

.b-photos .timestamp.m-video-duration.m-sm-tb {
    padding-top: 7px;
    padding-bottom: 7px
}

.b-photos .timestamp.m-video-duration .g-icon {
    margin-left: 0;
    margin-right: 4px
}

.b-photos .timestamp .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-right: 2px;
    margin-left: 1px;
    vertical-align: top
}

.b-photos .infinite-loading-container {
    width: 100%
}

.b-photos .b-photos__item+.infinite-loading-container .infinite-status-prompt>div:not(:empty) {
    padding-top: 100%;
    position: relative
}

.b-photos .b-photos__item+.infinite-loading-container .b-posts_preloader {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 0
}

.b-photos .dynamic-scroller-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2px
}

.b-photos .vue-recycle-scroller__item-view:not(:last-child) .dynamic-scroller-item {
    padding-bottom: 2px
}

.b-photos .g-btn.m-btn-load-posts {
    grid-column-start: 1;
    grid-column-end: 4;
    margin-left: 16px;
    margin-right: 16px
}

.b-stats-row {
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .25);
    margin-bottom: 12px;
    padding: 13px 12px
}

.b-separate-section .b-stats-row {
    border-radius: 0;
    border: none;
    padding: 0;
    margin-bottom: 0
}

.b-stats-row__head {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 15px 42px 15px 21px;
    margin: -13px -12px;
    cursor: pointer;
    z-index: 1
}

.b-separate-section .b-stats-row__head {
    padding: 18px 16px;
    margin: 0
}

.b-stats-row__head .g-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .1s;
    color: #8a96a3
}

.m-expanded .b-stats-row__head .g-icon {
    transform: translateY(-50%) rotate(180deg)
}

.b-stats-row:hover .b-stats-row__head .g-icon {
    color: #0091ea
}

.b-stats-row__chart-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.b-streaming__summary__container .b-stats-row__content {
    margin: 0 16px 12px
}

.modal-content .b-stats-row__content {
    margin-right: -16px
}

.b-separate-section .b-stats-row__content {
    padding-bottom: 9px
}

.b-stats-row__label {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.b-separate-section .b-stats-row__label {
    padding-bottom: 9px;
    margin-right: -16px;
    padding-right: 16px
}

.b-stats-row__label.m-border-line {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-stats-row__label.m-border-line:not(.m-first-el):first-child {
    border-top: none
}

.b-stats-row__label.m-border-line.m-total {
    border-top-color: #00aff0
}

.b-stats-row__label.m-border-line.m-total, .b-stats-row__label.m-total-item {
    align-content: flex-end;
    align-items: flex-end
}

@media (min-width: 1004px) {
    .b-stats-row__label.m-total-item {
        max-width: 40%;
        flex: 0 0 40%;
        justify-content: flex-end
    }
}

.b-separate-section .b-stats-row__label.m-current {
    font-weight: 500
}

.b-separate-section .b-stats-row__label.m-current:hover .b-input-radio__label {
    border-color: #0091ea;
    background-color: #0091ea
}

.b-stats-row__label.m-pointer {
    cursor: pointer
}

.b-stats-row__label.m-pointer:not(.m-current):hover {
    color: #0091ea
}

.b-stats-row__label.m-pointer:not(.m-current):hover .b-stats-row__name.m-dots {
    opacity: 1
}

.b-separate-section .b-stats-row__label.m-pointer:not(.m-current):hover {
    color: var(--text-color)
}

.b-stats-row__label.m-checkbox {
    position: relative;
    z-index: 0
}

.b-stats-row__label.m-checkbox:not(.m-without-switcher) {
    padding-left: 38px;
    cursor: pointer
}

.b-stats-row__label.m-checkbox .b-input-radio__container {
    top: 10px;
    left: 2px;
    position: absolute
}

.b-stats-row__label.m-checkbox.m-purchases .b-input-radio__label {
    transition: background-color .3s ease
}

.b-stats-row__label.m-checkbox.m-purchases:not(.m-current) .b-input-radio__label {
    border-color: rgba(124, 179, 66, .75)
}

.b-stats-row__label.m-checkbox.m-purchases.m-current .b-input-radio__label {
    border-color: transparent;
    background-color: transparent
}

.b-stats-row__label.m-checkbox.m-purchases.m-current .b-input-radio__label .b-input-ripple:after {
    background-color: rgba(124, 179, 66, .75)
}

.b-stats-row__label.m-checkbox.m-purchases.m-current:hover .b-input-radio__label .b-input-ripple:after {
    background-color: #7cb342
}

.b-stats-row__label.m-checkbox.m-viewers .b-input-radio__label {
    transition: background-color .3s ease
}

.b-stats-row__label.m-checkbox.m-viewers:not(.m-current) .b-input-radio__label {
    border-color: rgba(0, 175, 240, .75)
}

.b-stats-row__label.m-checkbox.m-viewers.m-current .b-input-radio__label {
    border-color: transparent;
    background-color: transparent
}

.b-stats-row__label.m-checkbox.m-viewers.m-current .b-input-radio__label .b-input-ripple:after {
    background-color: rgba(0, 175, 240, .75)
}

.b-stats-row__label.m-checkbox.m-viewers.m-current:hover .b-input-radio__label .b-input-ripple:after {
    background-color: #00aff0
}

.b-stats-row__label.m-checkbox.m-unique-viewers .b-input-radio__label {
    transition: background-color .3s ease
}

.b-stats-row__label.m-checkbox.m-unique-viewers:not(.m-current) .b-input-radio__label {
    border-color: hsla(0, 0%, 42%, .75)
}

.b-stats-row__label.m-checkbox.m-unique-viewers.m-current .b-input-radio__label {
    border-color: transparent;
    background-color: transparent
}

.b-stats-row__label.m-checkbox.m-unique-viewers.m-current .b-input-radio__label .b-input-ripple:after {
    background-color: hsla(0, 0%, 42%, .75)
}

.b-stats-row__label.m-checkbox.m-unique-viewers.m-current:hover .b-input-radio__label .b-input-ripple:after {
    background-color: #6b6b6b
}

.b-stats-row__label.m-checkbox.m-likes .b-input-radio__label {
    transition: background-color .3s ease
}

.b-stats-row__label.m-checkbox.m-likes:not(.m-current) .b-input-radio__label {
    border-color: rgba(236, 64, 122, .75)
}

.b-stats-row__label.m-checkbox.m-likes.m-current .b-input-radio__label {
    border-color: transparent;
    background-color: transparent
}

.b-stats-row__label.m-checkbox.m-likes.m-current .b-input-radio__label .b-input-ripple:after {
    background-color: rgba(236, 64, 122, .75)
}

.b-stats-row__label.m-checkbox.m-likes.m-current:hover .b-input-radio__label .b-input-ripple:after {
    background-color: #ec407a
}

.b-stats-row__label.m-checkbox.m-comments .b-input-radio__label {
    transition: background-color .3s ease
}

.b-stats-row__label.m-checkbox.m-comments:not(.m-current) .b-input-radio__label {
    border-color: rgba(255, 160, 0, .75)
}

.b-stats-row__label.m-checkbox.m-comments.m-current .b-input-radio__label {
    border-color: transparent;
    background-color: transparent
}

.b-stats-row__label.m-checkbox.m-comments.m-current .b-input-radio__label .b-input-ripple:after {
    background-color: rgba(255, 160, 0, .75)
}

.b-stats-row__label.m-checkbox.m-comments.m-current:hover .b-input-radio__label .b-input-ripple:after {
    background-color: #ffa000
}

.b-stats-row__label.m-checkbox.m-tips .b-input-radio__label {
    transition: background-color .3s ease
}

.b-stats-row__label.m-checkbox.m-tips:not(.m-current) .b-input-radio__label {
    border-color: rgba(149, 117, 205, .75)
}

.b-stats-row__label.m-checkbox.m-tips.m-current .b-input-radio__label {
    border-color: transparent;
    background-color: transparent
}

.b-stats-row__label.m-checkbox.m-tips.m-current .b-input-radio__label .b-input-ripple:after {
    background-color: rgba(149, 117, 205, .75)
}

.b-stats-row__label.m-checkbox.m-tips.m-current:hover .b-input-radio__label .b-input-ripple:after {
    background-color: #9575cd
}

.modal-content .b-stats-row__label {
    padding-right: 16px
}

.b-streaming__summary__container .b-stats-row__label {
    padding-top: 8px;
    padding-bottom: 7px;
    padding-right: 6px
}

.m-expanded .b-stats-row__month {
    font-weight: 500
}

.m-expanded .b-stats-row__total-net {
    color: #8a96a3
}

.b-separate-section .m-expanded .b-stats-row__total-net {
    color: var(--text-color)
}

.b-stats-row__name {
    text-transform: uppercase
}

@media (min-width: 1004px) {
    .b-stats-row .b-stats-row__name {
        max-width: 20%;
        flex: 0 0 20%
    }
}

.m-total .b-stats-row__name {
    font-weight: 500
}

.m-total-item .b-stats-row__name {
    font-weight: 400;
    color: #8a96a3;
    margin-right: 8px;
    flex: 0 0 auto;
    max-width: none
}

.b-stats-row__name.m-aside {
    font-weight: 400;
    color: #8a96a3
}

.b-stats-row__name.m-control {
    position: relative;
    text-transform: none;
    flex: 1;
    max-width: none
}

.b-stats-row__name.m-control~.b-stats-row__val {
    flex: 0 0 90px;
    max-width: none
}

.b-stats-row__name.m-control~.b-stats-row__val:last-child {
    flex-basis: calc(90px + 6%)
}

@media (min-width: 768px) {
    .b-stats-row__name.m-control~.b-stats-row__val:last-child {
        flex-basis: calc(90px + 16%)
    }
}

.b-stats-row__name.m-control .b-input-radio__text:hover {
    text-decoration: underline
}

.b-stats-row__name.m-control .b-input-radio__label {
    border-color: #8a96a3
}

.b-stats-row__name.m-dots {
    position: relative;
    padding-left: 18px;
    opacity: .5;
    text-transform: none
}

.b-streaming__summary__container .b-stats-row__name.m-dots, .m-current .b-stats-row__name.m-dots {
    opacity: 1
}

.b-stats-row__name.m-dots:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 1000px;
    width: 6px;
    height: 6px
}

.m-subscriptions .b-stats-row__name.m-dots:before {
    background-color: #2196f3
}

.m-referrals .b-stats-row__name.m-dots:before {
    background-color: #9575cd
}

.m-posts .b-stats-row__name.m-dots:before {
    background-color: #ec407a
}

.m-messages .b-stats-row__name.m-dots:before {
    background-color: #ff7043
}

.m-calls .b-stats-row__name.m-dots:before {
    background-color: #ffa000
}

.m-streams .b-stats-row__name.m-dots:before {
    background-color: #7cb342
}

.m-tips .b-stats-row__name.m-dots:before {
    background-color: #00bcd4
}

.m-subscribe .b-stats-row__name.m-dots:before {
    background-color: #edc240
}

.m-prolong .b-stats-row__name.m-dots:before {
    background-color: #afd8f8
}

.m-expire .b-stats-row__name.m-dots:before {
    background-color: #cb4a4b
}

.m-unsubscribe .b-stats-row__name.m-dots:before {
    background-color: #4da74c
}

.m-restore .b-stats-row__name.m-dots:before {
    background-color: #9340ed
}

.m-duration .b-stats-row__name.m-dots:before {
    background-color: #8a96a3
}

.m-purchases .b-stats-row__name.m-dots:before {
    background-color: #2196f3
}

.m-viewers .b-stats-row__name.m-dots:before {
    background-color: #ec407a
}

.m-unique-viewers .b-stats-row__name.m-dots:before {
    background-color: #6b6b6b
}

.m-likes .b-stats-row__name.m-dots:before {
    background-color: #ffa000
}

.m-comments .b-stats-row__name.m-dots:before {
    background-color: #7cb342
}

.m-checkbox .b-stats-row__name {
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-stats-row__val {
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 1004px) {
    .b-stats-row .b-stats-row__val {
        text-align: right;
        max-width: 40%;
        flex: 0 0 40%
    }

    .b-stats-row .m-total-item .b-stats-row__val {
        flex: 0 0 auto;
        max-width: none
    }
}

.m-checkbox .b-stats-row__val {
    white-space: nowrap;
    margin-left: 16px
}

.b-stats-row__body {
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s
}

.m-expanded .b-stats-row__body {
    max-height: 2000px
}

.b-users .b-posts_preloader_container {
    margin: auto
}

.b-users .g-page-title {
    padding-left: 4px
}

.b-users__list {
    padding-bottom: 12px;
    width: 100%
}

@media (min-width: 768px) {
    .b-users__list {
        display: grid;
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(2, calc(50% - 16px))
    }
}

@media (min-width: 1200px) {
    .b-users__list {
        grid-template-columns: repeat(3, calc(33.33% - 21.6px))
    }
}

@media (min-width: 768px) {
    .m-helpers .b-users__list {
        display: block
    }
}

@media (min-width: 1200px) {
    .m-helpers .b-users__list {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 16px))
    }
}

.b-users__list>* {
    display: flex
}

.b-users__list:after, .b-users__list:before {
    content: none
}

.b-users__item {
    display: flex;
    padding-bottom: 12px
}

.b-users__item:not(.g-negative-sides-gaps) {
    margin-left: 0;
    margin-right: 0
}

.b-users__item.m-fans {
    padding-bottom: 16px
}

.b-useful-data .b-users__item.m-fans {
    margin-bottom: -13px
}

.modal .b-users__item.m-fans {
    margin-bottom: 0
}

.b-users__item.m-fans.m-trial-link .b-users__item__inner {
    padding-bottom: 8px;
    padding-top: 8px
}

.b-modal__subscribe .b-users__item {
    margin: 0;
    padding: 0
}

.m-subscriber .b-users__item {
    padding: 0;
    width: 100%;
    margin: 0
}

.b-users__item.m-model-card {
    padding-bottom: 16px;
    align-self: flex-start
}

@media (min-width: 768px) {
    .b-users__item.m-model-card .g-btn.m-lg:last-child {
        margin-bottom: 10px
    }
}

.b-users__item.m-subscriptions {
    width: 100%
}

.b-users__item.m-subscriptions .g-btn__group {
    margin: 0 -3px;
    padding: 18px 0 0;
    flex-wrap: wrap
}

.b-users__item.m-subscriptions .g-btn__group .g-btn {
    flex: 1 1 auto;
    margin: 0 3px 12px
}

.b-users__item.m-subscriptions .g-btn__group .g-btn.m-icon {
    flex: 0 1 auto
}

.b-users__item.m-subscriptions .g-box {
    margin: 0 -11px;
    border-radius: 0;
    width: auto
}

.b-users__item.m-subscriptions .g-box:after {
    content: none
}

.b-users__item.m-fans .b-users__item__inner {
    padding: 16px 0;
    overflow: unset
}

.b-useful-data .b-users__item.m-fans .b-users__item__inner, .m-helpers .b-users__item.m-fans .b-users__item__inner, .modal .b-users__item.m-fans .b-users__item__inner {
    padding-bottom: 0
}

.modal .b-users__item.m-fans .b-users__item__inner:after {
    display: none
}

.b-users__item.m-fans .g-btn__group {
    margin: 0 -5.5px 7px;
    flex-wrap: wrap
}

.b-users__item.m-fans .g-btn__group .g-btn {
    margin: 12px 5.5px 0
}

.b-users__item.m-fans .g-btn__group .g-btn.m-sm {
    font-weight: 500;
    min-height: 36px;
    flex: 1 0 auto;
    max-width: calc(100% - 11px)
}

.b-users__item.m-fans .g-btn__group .g-btn.m-sm:not(.m-subscribe-btn) {
    display: inline-flex;
    align-items: center
}

.b-users__item__loader {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #8a96a3
}

.b-users__item__inner {
    width: 100%;
    border-radius: 6px;
    position: relative;
    padding: 0 16px 16px;
    display: flex;
    flex-direction: column;
    z-index: 0
}

.modal .b-users__item__inner {
    padding-bottom: 0
}

.b-users__item__inner.m-processing-card {
    background-color: rgba(138, 150, 163, .25)
}

.b-users__item__inner.m-processing-card>:not(.b-users__item__loader) {
    opacity: .2;
    pointer-events: none
}

.b-users__item__inner.m-bg-colored:not(.m-processing-card) {
    background-color: var(--marked-color)
}

.b-useful-data.m-bg-colored .b-users__item__inner.m-bg-colored:not(.m-processing-card) {
    background-color: transparent
}

.b-users__item__inner:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .25);
    border-radius: 6px;
    content: "";
    pointer-events: none
}

.b-modal:not(.m-guest) .b-users__item__inner:after, .b-useful-data .b-users__item__inner:after {
    display: none
}

.b-users__item__inner .g-section-title {
    padding: 0 6px
}

.m-model-card .b-users__item__inner .b-btn-collapse {
    margin-left: -15px;
    margin-right: -15px
}

.b-users__item__cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 6px 6px 0 0
}

.m-friend-recommended .b-users__item__cover {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.b-users__item__cover__wrapper {
    position: relative;
    height: 120px
}

.b-users__item__cover__wrapper.m-size-sm {
    height: 80px
}

.m-friend-card .b-users__item__cover__wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 64px
}

@media (min-width: 1004px) {
    .m-friend-card .b-users__item__cover__wrapper {
        height: 56px
    }
}

.m-friend-recommended .b-users__item__cover__wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: inherit
}

.b-users__item__cover__wrapper:after, .b-users__item__cover__wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px 6px 0 0
}

.b-users__item__cover__wrapper:before {
    background: linear-gradient(rgba(0, 0, 0, .12), transparent);
    top: 0
}

.m-friend-card .b-users__item__cover__wrapper:before, .m-friend-recommended .b-users__item__cover__wrapper:before {
    display: none
}

.b-users__item__cover__wrapper:after {
    background: linear-gradient(transparent, rgba(0, 0, 0, .25));
    top: auto;
    height: 50%
}

.m-friend-card .b-users__item__cover__wrapper:after, .m-friend-recommended .b-users__item__cover__wrapper:after {
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(#000, rgba(138, 150, 163, 0))
}

.m-friend-card .b-users__item__cover__wrapper:after {
    opacity: .25
}

.m-friend-recommended .b-users__item__cover__wrapper:after {
    width: 100%;
    opacity: .12
}

.b-users__item__subscription-date {
    font-size: 14px;
    line-height: 20px;
    padding: 11px 0 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.list-offers .b-users__item__subscription-date {
    padding-bottom: 9px
}

.b-users__item__subscription-date__label {
    color: #8a96a3
}

.b-users__item__subscription-date__label .b-users__item__subscription-date__label {
    margin: 4px 0 3px;
    display: block
}

.b-users__item__subscription-date__value {
    color: var(--title-color)
}

.b-users__item__subscription-date:empty {
    display: none
}

.b-users__item__subscription-date>span, .list-offers .b-users__item__subscription-date:empty {
    display: block
}

.b-users__item__subscription-date .checkbox+label {
    margin-left: 20px
}

.b-users__item__subscription-date .local-time {
    color: var(--text-color)
}

@media (max-width: 767px) {
    .b-users__item.m-model-card .b-users__item__subscription-date+.b-btn-collapse {
        margin-top: 11px
    }
}

.b-modal .b-users__item__subscription-date {
    padding-bottom: 4px;
    margin-bottom: 10px
}

.b-modal .b-users__item__subscription-date+.b-modal__section-btns.m-opened {
    margin-top: 0
}

.b-users__item.m-model-card .b-offer-wrapper .b-users__item__subscription-date:last-child {
    margin-bottom: -9px
}

.b-users__item.m-model-card .b-users__item__subscription-date:last-child {
    margin-bottom: -6px
}

.b-users__item__controls {
    position: absolute;
    right: 9px;
    top: 10px;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    z-index: 2
}

.b-profile-info-card:not(.m-friend-recommended) .b-users__item__controls {
    top: 5px;
    right: 3px
}

.b-users__item__controls>:not(:first-child) {
    margin-left: 4px
}

.b-users__item__controls .b-dropdown.m-btn-vertical-dots .dropdown-toggle:not(:hover):before, .b-users__item__controls .g-btn:not(:hover):before {
    content: "";
    background: radial-gradient(ellipse at center, #000 0, hsla(0, 0%, 100%, 0) 60%);
    opacity: .12;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 24px;
    width: inherit;
    height: inherit;
    transition: opacity .15s;
    z-index: -1;
    pointer-events: none
}

.b-users__item__new-posts-count {
    position: absolute;
    background: rgba(0, 0, 0, .25);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #fefefe;
    left: 8px;
    top: 8px;
    border-radius: 6px;
    padding: 4px 6px;
    min-height: 24px
}

ul.gray-list {
    padding: 0 0 0 12px;
    margin: 0 0 4px;
    color: #8a96a3
}

ul.gray-list li {
    padding: 4px 0 0
}

ul.gray-list li::marker {
    content: "•  "
}

.b-purchase {
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.b-purchase__state {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    line-height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(138, 150, 163, .4);
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s
}

.b-photos .b-purchase__state {
    position: absolute;
    right: 12px;
    top: 12px
}

.b-purchase__state.state-clicked {
    border-color: #00aff0
}

.b-purchase__state.state-clicked .g-icon {
    opacity: 0
}

.b-purchase__state.state-clicked .price-pay {
    opacity: 1
}

.b-purchase__state.state-clicked .price-pay:after {
    transform: scale(1)
}

.b-purchase__state .g-icon {
    color: #00aff0;
    transition: opacity .3s
}

@media (max-width: 767px) {
    .b-photos .b-purchase__state .g-icon {
        opacity: 0;
        pointer-events: none
    }
}

.b-purchase__cost {
    color: #00aff0;
    font-weight: 500
}

@media (max-width: 767px) {
    .b-photos .b-purchase__cost {
        display: none
    }
}

.b-purchase__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    flex-grow: 1;
    vertical-align: top;
    min-width: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.b-photos .b-purchase__list {
    max-width: 100%
}

@media (max-width: 767px) {
    .b-photos .b-purchase__list {
        margin-bottom: 0
    }
}

.b-purchase__list.m-disable-text-truncate {
    text-overflow: clip
}

.b-purchase__list-item {
    position: relative;
    display: inline-flex;
    vertical-align: top
}

.b-purchase__list-item.m-disable-dot-separator:after {
    display: none
}

.b-purchase__list-item.m-truncate-item {
    padding-left: 0
}

.b-purchase__list-item.m-without-counter .g-icon {
    margin-right: 0
}

.b-purchase__list-item.m-price-lock:not(:first-child) {
    margin-left: 12px
}

.b-purchase__list-item:last-child:after {
    content: none
}

.b-purchase__list-item:after {
    content: "\2022";
    color: inherit;
    margin-left: 4px;
    margin-right: 4px
}

.b-purchase__list-item .g-icon {
    margin-right: 0;
    display: inline-block;
    vertical-align: top
}

.b-purchase__list-item .g-icon:not(.m-icon-extra-sm) {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.b-purchase__list-item__count+.g-icon, .g-icon+.b-purchase__list-item__count {
    margin-left: 3px
}

.b-purchase__list-item__count:empty {
    display: none
}

.b-statistics__row {
    flex-grow: 0
}

.b-statistics__row .b-tabs__nav__item:not(.m-single-current).m-current {
    font-weight: 400;
    background-color: rgba(0, 175, 240, .5);
    padding-right: 12px
}

.b-statistics__row .b-tabs__nav {
    padding-left: 16px
}

.b-statistics-columns {
    display: grid;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    margin-right: -16px
}

@media (min-width: 768px) {
    .b-statistics-columns {
        grid-template-columns: 1fr 1fr;
        margin-left: -16px;
        margin-right: -16px
    }
}

.b-statistics-columns.m-without-header {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

@media (max-width: 767px) {
    .b-statistics-columns.m-without-header {
        margin-left: -16px
    }
}

@media (min-width: 768px) {
    .b-statistics-columns.m-separate-block {
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        border-bottom: none
    }
}

.b-statistics-columns.mb-5+.infinite-loading-container .b-posts_preloader {
    margin-top: -50px
}

.b-statistics-item {
    padding: 10px 16px 0;
    position: relative
}

.b-statistics-item:not(.m-header) {
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.b-statistics-item:not(.m-header).m-empty-item {
    padding-bottom: 10px
}

.b-useful-data .b-statistics-item:not(.m-header) {
    border-bottom: none
}

.b-statistics-item.m-header {
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .b-statistics-item.m-header {
        grid-column: span 2
    }

    .b-statistics-columns .b-statistics-item.m-header~.b-statistics-item:nth-child(2n), .b-statistics-columns.m-without-header .b-statistics-item:nth-child(odd) {
        border-right: 1px solid rgba(138, 150, 163, .25)
    }
}

@media (max-width: 767px) {
    .b-statistics-item:not(.b-top-statistic) {
        padding-left: 0;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.b-statistics-item.m-loading:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--bg-color);
    opacity: .7;
    z-index: 2
}

@media (min-width: 768px) {
    .m-separate-block .b-statistics-item {
        padding: 0;
        border-top: none
    }

    .m-separate-block:not(.m-rows-items) .b-statistics-item {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.b-statistics-item.m-empty-item {
    grid-template-columns: 1fr
}

.b-elements-determinant {
    margin-bottom: 15px
}

.b-elements-determinant.m-reset-mb {
    margin-bottom: 0
}

.m-rows-items .b-elements-determinant.m-empty-item {
    grid-template-columns: 1fr
}

.b-elements-determinant.m-loading {
    position: relative
}

.m-header .b-elements-determinant {
    margin-bottom: 0
}

.m-rows-items .b-elements-determinant {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.b-useful-data .m-rows-items .b-elements-determinant {
    margin-right: -16px;
    padding-right: 16px
}

.m-rows-items .b-elements-determinant.m-rows-charts {
    grid-template-columns: 1fr auto
}

.m-rows-items .b-elements-determinant:not(:last-child) {
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    margin-bottom: 11px;
    padding-bottom: 14px;
    grid-column-gap: 35px
}

.b-useful-data .b-elements-determinant:last-child {
    margin-bottom: 0
}

.b-elements-determinant.m-chart {
    padding-right: 6%
}

.b-useful-data .b-elements-determinant.m-chart {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0
}

.m-rows-items .b-elements-determinant.m-chart {
    grid-template-columns: 1fr
}

.b-elements-determinant .b-chart {
    padding-bottom: 0
}

.b-elements-determinant.m-chart-details {
    display: flex
}

.b-elements-determinant__label {
    font-size: 14px;
    line-height: 20px;
    color: #8a96a3
}

.m-header .b-elements-determinant__label {
    color: var(--text-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.b-elements-determinant__label:not(:last-child) {
    margin-bottom: 6px
}

.b-elements-determinant__value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.m-header .b-elements-determinant__value {
    font-size: 19px;
    line-height: 24px
}

.b-elements-determinant__value.m-inline {
    display: inline-flex
}

.b-elements-determinant__value.m-loading-state {
    min-height: 100px;
    position: relative
}

.b-elements-determinant__hint {
    color: #8a96a3;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-left: auto;
    padding-left: 16px
}

.m-loading>.b-elements-determinant__unit {
    opacity: .8
}

.m-rows-charts .b-elements-determinant__unit:nth-child(2n) {
    width: 132px
}

.b-statistics-columns.m-rows-items .b-elements-determinant__unit:nth-child(2)~* {
    margin-top: 15px
}

.b-statistics-columns.m-rows-items .b-elements-determinant__unit:nth-child(2)+.b-elements-determinant__unit.m-chart {
    grid-column-end: 3
}

.b-statistics-level {
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    height: 24px;
    padding-left: 5px;
    padding-right: 8px;
    margin-left: 5px
}

.b-statistics-level.m-level-up {
    background-color: rgba(53, 208, 99, .08);
    color: #35d063
}

.b-statistics-level.m-level-down {
    background-color: rgba(255, 96, 96, .08);
    color: #ff6060
}

.b-statistics-level .g-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-right: 3px
}

.b-statistics-level__text {
    display: flex;
    margin-left: 5px
}

.b-statistics-level__text span {
    margin-right: 4px
}

.b-useful-data {
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .25);
    padding: 11px 16px 13px
}

.b-useful-data, .b-useful-data:not(:last-child) {
    margin-bottom: 16px
}

.b-useful-data.m-reset-padding-bottom {
    padding-bottom: 0
}

.b-useful-data.m-reset-paddings {
    padding: 0
}

.b-useful-data.m-bg-colored {
    background-color: var(--marked-color)
}

.b-useful-data .m-statistics-alert.m-wider:first-child {
    margin-top: -11px;
    border-top: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.b-useful-data .m-statistics-alert.m-wider:before {
    display: none
}

@media (max-width: 1003px) {
    .l-wrapper__sidebar .b-useful-data {
        border: none;
        padding-left: 0
    }
}

.b-useful-data.m-banking-start {
    padding-top: 7px
}

.b-useful-data.m-banking-start .g-sm-text {
    margin-bottom: 22px
}

.b-useful-data.m-banking-start .b-payout-types-system {
    overflow: hidden
}

.b-useful-data.m-banking-start .b-payout-types-system:not(:last-child) {
    margin-bottom: 13px
}

.b-useful-data.m-banking-start .b-payout-types-system .g-icon {
    margin-bottom: 38px
}

.b-useful-data__header {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px
}

.b-useful-data__header.m-header-underline {
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    margin-right: -16px;
    padding-right: 16px;
    padding-bottom: 13px;
    margin-bottom: 10px
}

@media (max-width: 1003px) {
    .l-wrapper__sidebar .b-useful-data__header.m-header-underline {
        margin-right: -32px
    }
}

.b-useful-data__row-btn {
    padding-top: 16px;
    padding-bottom: 16px
}

.b-useful-data .b-useful-data__row-btn {
    margin-bottom: -13px
}

.b-useful-data .empty-message {
    padding-bottom: 30px
}

.b-sticky-position-dropdown {
    z-index: 3;
    top: 95px;
    position: -webkit-sticky;
    position: sticky
}

.b-separate-section .b-sticky-position-dropdown:first-child {
    margin-top: -16px
}

.b-holder-options {
    margin-left: -16px;
    margin-right: -16px;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    z-index: 1
}

.b-holder-options:not(.dropdown-toggle) {
    padding-left: 16px;
    padding-right: 56px
}

.b-holder-options.dropdown-toggle {
    padding: 7px 56px 10px 16px;
    color: var(--text-color)
}

.b-holder-options.dropdown-toggle:hover {
    color: var(--text-color)
}

.b-sticky-position-dropdown .b-holder-options {
    background-color: var(--bg-color);
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    width: calc(100% + 32px)
}

.b-statistics-page-content .b-holder-options {
    z-index: 1;
    top: 96px;
    position: -webkit-sticky;
    position: sticky
}

.b-useful-data .b-holder-options {
    margin-bottom: 2px
}

.b-separate-section .b-holder-options, .b-useful-data .b-holder-options {
    width: calc(100% + 32px)
}

.b-holder-options__title {
    font-size: 16px;
    line-height: 24px
}

.b-holder-options__title.m-bold {
    font-weight: 500
}

.b-holder-options__arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #8a96a3;
    width: 24px;
    height: 24px
}

.b-holder-options:hover .b-holder-options__arrow {
    color: #0091ea
}

.b-statistics-page-content {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 95px);
    min-height: calc(var(--vh, 1vh)*100 - 95px)
}

@media (max-width: 499px) {
    .b-statistics-page-content {
        min-height: calc(100vh - 152px);
        min-height: calc(var(--vh, 1vh)*100 - 152px)
    }
}

.b-statistics-page-content__wrapper.m-empty-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column
}

.b-statistics-page-content__wrapper.m-empty-wrapper .empty-message {
    margin: auto
}

.b-statistics-page-content.m-after-alerts {
    margin-top: -16px
}

.b-statistics-page-content.m-after-alerts .b-separate-section[style="display: none;"]+.b-sticky-position-dropdown .b-holder-options {
    border-top: none
}

.b-top-statistic {
    font-size: 14px;
    line-height: 20px
}

.b-separate-section .b-top-statistic {
    margin-bottom: 13px
}

.b-table .b-top-statistic {
    margin-bottom: 0
}

.b-top-statistic.m-loading {
    position: relative;
    pointer-events: none;
    min-height: 60px
}

.b-top-statistic.m-loading:after {
    content: "";
    position: absolute;
    left: -16px;
    right: -16px;
    top: 0;
    bottom: 0;
    background-color: var(--bg-color);
    opacity: .7;
    z-index: 2
}

.b-top-statistic.b-statistics-item {
    padding-top: 8px;
    padding-bottom: 4px;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .b-top-statistic.b-statistics-item {
        padding-top: 18px;
        padding-bottom: 13px;
        margin-bottom: 0
    }
}

.b-top-statistic__header {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(138, 150, 163, .25);
    display: flex
}

.m-reset-separate-borders .b-top-statistic__header {
    border-bottom: none
}

.b-top-statistic.b-statistics-item .b-top-statistic__header {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px
}

.b-top-statistic__header__date {
    margin-right: auto
}

.b-top-statistic__header__details {
    margin-left: auto;
    display: flex
}

.b-top-statistic__header .b-dropdown {
    margin: -2px -5px -2px 7px
}

.b-top-statistic__body {
    display: flex;
    min-height: 41px;
    padding-top: 3px
}

.b-top-statistic__body.m-img-size-lg {
    min-height: 95px
}

.b-top-statistic__footer {
    margin-top: 4px;
    border-top: 1px solid rgba(138, 150, 163, .25);
    padding-top: 7px
}

.m-reset-separate-borders .b-top-statistic__footer {
    border-top: none;
    padding-top: 0;
    padding-bottom: 5px
}

.b-top-statistic__footer, .b-top-statistic__header {
    margin-right: -16px;
    padding-right: 16px
}

.b-top-statistic__img {
    width: 36px;
    height: 36px;
    margin-right: 16px;
    position: relative
}

.b-top-statistic__img>.g-icon {
    width: 100%;
    height: 100%
}

.b-top-statistic__img--placeholder {
    background-color: var(--marked-color);
    border-radius: 2px;
    border: 1px solid rgba(138, 150, 163, .12)
}

.b-top-statistic__img.b-photos {
    margin-left: 0;
    margin-right: 16px;
    margin-bottom: 0
}

.m-img-size-lg .b-top-statistic__img {
    width: 95px;
    height: 95px
}

.b-top-statistic__img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover
}

.m-img-size-lg .b-top-statistic__img img {
    border-radius: 6px
}

.b-top-statistic__img .timestamp.m-video-duration {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.m-img-size-lg .b-top-statistic__img .timestamp.m-video-duration {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.b-top-statistic__content {
    max-width: calc(100% - 52px);
    flex: 1;
    margin-top: -2px;
    display: flex;
    flex-direction: column
}

.m-without-img .b-top-statistic__content {
    max-width: 100%
}

.m-img-size-lg .b-top-statistic__content {
    max-width: calc(100% - 88px)
}

.b-top-statistic__content .link-trunc {
    margin-top: 0
}

.b-top-statistic__content .b-top-statistic__content {
    margin-top: 2px
}

.b-top-statistic__content .table.m-list-determination {
    margin-top: 3px
}

.b-top-statistic.b-statistics-item .b-top-statistic__content .table.m-list-determination {
    margin-top: 0
}

.b-top-statistic__text .g-truncated-text {
    margin-bottom: 0;
    overflow-wrap: break-word
}

.b-top-statistic__btns {
    margin: -2px -6px -2px auto;
    display: inline-flex
}

.b-top-statistic__btns-row {
    display: flex;
    margin-top: auto
}

.b-top-statistic__btns .g-btn.m-flat.m-btn-gaps.m-ex-sm {
    padding-left: 7px;
    padding-right: 7px
}

.b-top-statistic__link {
    color: var(--text-color)
}

.b-top-statistic__link:hover {
    color: var(--text-color);
    text-decoration: underline
}

.b-photos.m-statistics-preview {
    display: flex;
    justify-content: center;
    flex: 0 0 auto
}

.modal-body .b-photos.m-statistics-preview {
    min-height: auto;
    margin: 0;
    padding-bottom: 8px
}

.m-statistics-preview .b-photos__item {
    width: 96px;
    height: 96px;
    padding: 0;
    border-radius: 6px;
    overflow: hidden
}

.b-clean-state__title {
    color: #8a96a3;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 20px
}

.b-clean-state__title.m-useful-header {
    color: var(--text-color);
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px
}

.b-separate-section .b-clean-state__title {
    margin-bottom: 10px;
    margin-top: 10px
}

.b-useful-data .b-clean-state__title {
    margin-bottom: 11px
}

.b-separate-section .b-clean-state .g-message-empty {
    margin-bottom: 15px;
    margin-top: 6px
}

.b-separate-section .b-clean-state .empty-message {
    margin-bottom: 15px
}

.b-engagements-summary__item:not(:last-of-type) {
    margin-right: 5px
}

.b-engagements-summary__item:not(:last-of-type):after {
    content: ","
}

.b-streak-tab {
    font-size: 14px;
    line-height: 24px;
    text-transform: none;
    padding-top: 5px
}

.m-finished-streak .b-streak-tab, .m-no-streak .b-streak-tab {
    color: #8a96a3
}

.b-streak-tab .g-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin-top: -2px
}

.m-active-streak.m-disabled .b-streak-tab__body {
    color: #0091ea
}

.b-streak-tab__icon {
    flex: 0 0 62px;
    height: 38px;
    position: relative
}

.b-streak-tab__icon .g-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.b-streak-tab__count {
    font-size: 22px;
    line-height: 25px;
    font-weight: 500
}

.b-streak-tab__count.m-color {
    color: #fda700
}

.m-no-streak .b-streak-tab__count.m-color {
    color: #00aff0
}

.m-no-streak .b-tabs__nav__link {
    opacity: 1
}

.mention-container {
    padding-top: 10px;
    width: 250px;
    z-index: 10
}

.m-black-body .mention-container {
    z-index: 1040
}

.mention-container>ul {
    background: var(--bg-color);
    border: 1px solid rgba(138, 150, 163, .25);
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 6px;
    overflow: hidden auto;
    max-height: 62px
}

@media (min-height: 224px) {
    .mention-container>ul {
        max-height: 124px
    }
}

@media (min-height: 286px) {
    .mention-container>ul {
        max-height: 86px
    }
}

@media (min-height: 348px) {
    .mention-container>ul {
        max-height: 248px
    }
}

.mention-container>ul>li {
    padding: 10px;
    cursor: pointer
}

.mention-container>ul>li.highlight {
    background: var(--marked-color)
}

.v-list-item:not(.v-list-item--active) .payment-method--internal-only .payment-method__image, .v-select__selections .payment-method--internal-only .payment-method__image {
    color: #8a96a3
}

.payment-method {
    font-weight: 500;
    display: flex;
    opacity: 1 !important
}

.payment-method__image {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.payment-method .v-list-item__title {
    margin-right: auto;
    flex: 0 0 auto
}

.v-list-item--disabled .payment-method .v-list-item__title {
    opacity: .4
}

.payment-method .g-btn {
    margin-left: 10px;
    pointer-events: auto
}

.v-list-item--link.v-list-item--active .v-list-item__content .payment-method .g-btn {
    color: inherit
}

.v-list-item--link.v-list-item--active .v-list-item__content .payment-method .g-btn:hover {
    opacity: .6
}

.b-round-progress {
    transform: translate(-50%, -50%);
    height: 100%
}

.b-round-progress, .svg-progress {
    position: absolute;
    top: 50%;
    left: 50%
}

.svg-progress {
    transform: translate(-50%, -50%) rotate(-90deg)
}

.svg-progress .progress__meter, .svg-progress .progress__value {
    fill: none
}

.svg-progress .progress__meter {
    stroke: rgba(138, 150, 163, .25)
}

.svg-progress .progress__value {
    stroke: #00aff0;
    stroke-linecap: round;
    opacity: 0
}

.svg-progress .progress__value[style] {
    opacity: 1
}

.b-available-users__list {
    flex: 1;
    position: relative;
    min-height: 50px
}

.b-available-users__list.m-availability-block {
    min-height: 374px
}

.b-available-users__list.m-fluid-height {
    min-height: auto
}

.b-settings .b-available-users__list {
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.b-available-users__list .b-make-post__datepicker-input {
    height: 0;
    overflow: hidden
}

.b-available-users__item {
    padding: 12px 16px 11px;
    border: none;
    position: relative;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 72px
}

.b-available-users__item:has(.b-available-users__round-img):has(.g-avatar.m-w50), .b-available-users__item:has(.b-available-users__round-img):has(img) {
    padding-left: 80px
}

.b-available-users__item:has(.b-available-users__round-img):has(.g-avatar.m-w50):before, .b-available-users__item:has(.b-available-users__round-img):has(img):before {
    left: 80px
}

.b-available-users__item:has(.b-available-users__item__icon:first-child+.b-available-users__round-img) {
    padding-left: 0
}

.b-available-users__item:has(.b-available-users__item__icon:last-child) {
    padding-right: 50px
}

button.b-available-users__item {
    background: none
}

button.b-available-users__item[disabled] {
    pointer-events: none;
    opacity: .4
}

.b-available-users__item:before {
    content: "";
    background-color: rgba(138, 150, 163, .25);
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.swipeout .b-available-users__item:before {
    width: 200%
}

.b-settings__menu__item .b-available-users__item:before, .b-users .b-available-users__item:before {
    display: none
}

.b-available-users__item:last-child:not(.b-chats__item):before {
    content: none
}

.b-available-users__item.m-active {
    cursor: default
}

.b-available-users__item__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
    line-height: 20px
}

.b-available-users__item__icon:last-child {
    right: 16px;
    left: auto
}

.b-available-users__item__icon>* {
    vertical-align: top
}

.b-available-users__item>.b-username-row {
    flex: 0 0 100%
}

.b-available-users__item .b-username-row [class*=g-user-] {
    display: block
}

.b-available-users__round-img {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-content: center;
    align-items: center
}

.b-available-users__round-img:has(.g-avatar.m-w50), .b-available-users__round-img:has(>img) {
    width: 50px;
    height: 50px;
    flex: 0 0 50px
}

.b-available-users__round-img:has(>img) {
    border-radius: 1000px
}

.b-available-users__round-img img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.vue-recycle-scroller.ready.g-negative-sides-gaps {
    width: calc(100% + 32px)
}

.m-video-fullscreen .vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    will-change: auto
}

.p-posts-index-index .vue-recycle-scroller.ready .vue-recycle-scroller__item-wrapper {
    overflow: visible
}

.m-visible-fly-selected.m-preloader-move-up .infinite-loading-container {
    margin-top: -66px;
    margin-bottom: 58px
}

.infinite-loading-container.m-no-results {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.b-intro-page__inside {
    padding-top: 15px;
    padding-bottom: 20px
}

.b-intro-page p {
    margin-bottom: 5px
}

.modal .b-release-form--items .b-tabs__nav {
    padding-top: 7px;
    padding-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
    background-color: var(--bg-color);
    z-index: 1;
    margin-left: 1px;
    margin-right: 1px
}

.b-release-form__docs.m-modal-height {
    height: 352px
}

.b-release-form__docs.m-modal-height .empty-message {
    transform: translateY(-3px)
}

.b-release-form__docs.m-visible-fly-selected {
    margin-bottom: auto
}

.b-release-form__docs.m-visible-fly-selected+.b-placeholder-item-selected {
    margin-top: -58px
}

.modal .b-release-form__docs.m-visible-fly-selected+.b-placeholder-item-selected {
    margin-top: -64px
}

.b-offer-wrapper {
    margin-bottom: 16px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.b-offer-wrapper.m-reset-mb, .b-offer-wrapper:last-child, .m-offer-bottom-gap-reset>.b-offer-wrapper {
    margin-bottom: 0
}

.b-settings__menu__item .b-offer-wrapper {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-offer-wrapper.m-bottom-gap {
    padding-bottom: 16px
}

.b-offer-join {
    flex: 1;
    position: relative;
    max-width: 100%
}

.m-bundle-row .b-offer-join {
    display: flex;
    flex-wrap: wrap
}

.b-offer-join.m-only-start-btn {
    padding-top: 10px;
    padding-bottom: 10px
}

.b-offer-join.m-only-start-btn+.b-content-filter-wrapper {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-settings .b-offer-wrapper.m-my-campaign .b-offer-join:not(.m-only-start-btn) {
    padding-top: 5px;
    padding-bottom: 0;
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-settings .b-offer-wrapper.m-my-campaign .b-offer-join:not(.m-only-start-btn).m-trial-link-block:first-child {
    border-top: none;
    padding-top: 12px
}

.b-settings .b-offer-wrapper.m-my-campaign .b-offer-join:not(.m-only-start-btn).m-trial-link-block:not(:first-child) {
    padding-top: 12px
}

.b-settings .b-offer-wrapper.m-my-campaign .b-offer-join:not(.m-only-start-btn).m-trial-link-block:not(:last-child) {
    margin-bottom: 1px
}

.b-settings__menu__item .b-offer-wrapper.m-my-campaign .b-offer-join:not(.m-only-start-btn):not(:first-child) {
    border-top: 1px solid rgba(138, 150, 163, .25)
}

.b-offer-wrapper .b-offer-join {
    padding-left: 16px;
    padding-right: 16px
}

.m-model-card .b-offer-wrapper .b-offer-join {
    padding-left: 0;
    padding-right: 0
}

.b-offer-join .b-fans__item__list {
    width: 100%
}

.b-offer-join .g-icon-info {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 2
}

.b-offer-join .g-icon-info .g-icon {
    margin: 0
}

.b-offer-join__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #8a96a3;
    min-height: 20px;
    width: 100%;
    position: relative
}

.b-offer-join__bubble {
    position: relative;
    padding-left: 18px;
    width: 100%
}

.b-settings .b-offer-wrapper.m-my-campaign .b-offer-join__bubble, .m-started-campaign:not(.m-my-campaign) .b-offer-join__bubble {
    margin-top: 10px
}

.b-offer-join__bubble__text {
    background-color: rgba(138, 150, 163, .08);
    border-radius: 0 6px 6px 6px;
    padding: 6px 12px 6px 26px;
    font-size: 16px;
    line-height: 24px
}

.b-offer-join__bubble__text p {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 0
}

.b-offer-join__bubble__text .link-trunc {
    margin-top: 2px
}

.b-offer-join__left-time {
    color: #8a96a3;
    font-size: 12px;
    line-height: 16px
}

.l-profile-page .b-offer-wrapper:not(.m-my-campaign) .b-offer-join__left-time {
    font-size: 14px;
    line-height: 20px
}

.b-offer-join__left-time__el {
    display: inline;
    margin-right: 5px
}

.b-offer-join__left-time__el:not(:first-child):before {
    content: "\2022";
    margin-right: 4px
}

.b-offer-join__details {
    font-weight: 500;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 24px
}

.b-offer-join__details:last-child {
    margin-bottom: 0
}

.l-profile-page .b-offer-wrapper:not(.m-my-campaign):not(.m-bundle-row) .b-offer-join__details {
    font-size: 19px;
    padding-top: 1px
}

.m-bundle-row .b-offer-join__details {
    font-weight: 400;
    margin-bottom: 0;
    flex: 1;
    width: 100%;
    display: flex
}

.b-offer-join__details__discount {
    margin-left: auto;
    color: #8a96a3;
    padding-left: 12px
}

.m-model-card .b-offer-join__details {
    margin-bottom: 0
}

.b-offer-join__details .m-num {
    font-weight: 500
}

.b-offer-join__details .m-num:first-letter {
    font-size: 16px
}

.b-offer-join__content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start
}

.m-start-campaign.m-my-campaign .b-offer-join__content {
    padding-top: 7px;
    padding-bottom: 7px
}

.b-offer-join__content .g-icon-info {
    right: 0;
    top: 3px
}

.b-offer-join__btn {
    padding-top: 14px;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: auto 0 0
}

.m-my-campaign.m-started-campaign .b-offer-join__btn {
    padding-bottom: 5px;
    margin-left: -2px;
    width: calc(100% + 12px)
}

.m-my-campaign.m-started-campaign .b-offer-join__btn .g-btn {
    margin-left: 4px
}

.m-my-campaign:not(.m-started-campaign) .b-offer-join__btn {
    padding-bottom: 16px
}

.b-settings .b-offer-join__btn {
    padding-top: 0
}

.b-offer-join__btn .g-btn.m-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap
}

.b-offer-join>.g-btn:last-child[role=button], .m-guest .b-offer-join>.g-btn:last-child {
    margin-bottom: 16px
}

.g-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-block;
    fill: currentColor;
    line-height: 1
}

.animated-rotation>.g-icon use {
    animation: rotation 1s linear infinite;
    transform-origin: 50% 50%
}

.g-icon:not(.m-static-icon) use[*|href*="#icon-loading"] {
    animation: rotation 1s steps(8) infinite;
    transform-origin: 50% 50%
}

.g-icon use[*|href*="#icon-star6"] {
    color: #fa0
}

.g-icon[data-icon-name=icon-throne-social] {
    fill: transparent;
    background: linear-gradient(45deg, #4ca6ff, #990aff 15%, #4d4dff 50%, #d21eb4 75%, #ffc400);
    border-radius: 1000px
}

.g-icon.m-pointer {
    cursor: pointer
}

.g-icon.m-success {
    color: #00aff0
}

.g-icon.m-error {
    color: #ff6060
}

.g-icon.m-danger {
    color: #e76c6c
}

.g-icon.m-light-color {
    color: #8a96a3
}

.g-icon.m-aligned-top {
    vertical-align: top
}

.g-icon.m-verified {
    color: inherit;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.b-username-row.m-inline .g-icon.m-verified {
    top: auto;
    bottom: 0;
    transform: none;
    position: relative;
    margin: -3px 0 -3px 4px
}

.g-icon.m-rotated-90 {
    transform: rotate(90deg)
}

.g-icon.m-rotated-180 {
    transform: rotate(180deg)
}

.g-icon.m-lg {
    width: 48px;
    height: 48px;
    flex: 0 0 48px
}

.g-icon.m-icon-sm {
    width: 18px;
    height: 18px;
    flex: 0 0 18px
}

.g-icon.m-icon-extra-sm {
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.b-badge-icon .g-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px
}

.alert, .g-icon.m-block {
    display: block
}

.alert {
    border-radius: 6px;
    padding: 10px 16px 10px 40px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    position: relative
}

.b-feed-alerts .alert:last-child, .b-group-alerts .alert:last-child {
    margin-bottom: 0
}

.g-page__header+.alert {
    margin-top: 8px
}

.b-separate-section+.alert {
    margin-top: 20px
}

.g-section+.alert {
    margin-top: 10px
}

.b-separate-section .g-section+.alert {
    margin-top: 7px
}

.g-section.m-mb-20+.alert {
    margin-top: -10px
}

.alert+.b-banking-wrapper .g-section-title:first-child {
    margin-top: -16px
}

.b-banking-wrapper>.alert:first-child:before {
    border-top: none
}

.alert .g-icon-info {
    vertical-align: top;
    margin-top: 2px
}

.alert.m-reset-mb {
    margin-bottom: 0
}

.alert:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 24px solid transparent;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    pointer-events: none
}

.alert .g-icon.m-alert-icon {
    left: 8px;
    top: 11px;
    position: absolute
}

.b-tabs__nav+.alert:not(.m-wider) {
    margin-top: 20px
}

.alert:not(.m-wider).m-reset-mt {
    margin-top: 0
}

.alert.m-wider {
    border: none;
    border-radius: 0;
    background-color: var(--bg-color);
    border-top: 8px solid var(--marked-color);
    border-bottom: 8px solid var(--marked-color)
}

.alert.m-wider.m-reset-narrow-bt:before, .b-group-alerts .alert.m-wider:first-child, .b-group-alerts .alert.m-wider:first-child:before {
    border-top: none
}

.b-group-alerts .alert.m-wider:last-child, .b-group-alerts .alert.m-wider:last-child:before {
    border-bottom: none
}

.alert.m-wider:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 1px solid rgba(138, 150, 163, .25);
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.b-tabs__nav.m-tabs-default+.alert.m-wider:before, .b-tabs__nav.m-tabs-default+.b-separate-section .alert.m-wider:first-child, .b-tabs__nav.m-tabs-default+.b-separate-section .alert.m-wider:first-child:before {
    border-top: none
}

.g-sides-gaps .alert.m-wider {
    width: auto;
    margin-left: -16px;
    margin-right: -16px
}

.b-feed__wrapper .b-create-post-form+.alert.m-wider {
    margin-top: -9px;
    margin-left: 0;
    margin-right: 0
}

.g-page__header+.alert.m-wider {
    border-top: none;
    margin-top: -9px
}

.g-page__header+.alert.m-wider:before {
    border-top: none
}

@media (min-width: 1004px) {
    .g-page__header+.alert.m-wider+.b-statements__row .b-statements__aside {
        margin-top: -16px
    }
}

.g-page__header.mb-0+.alert.m-wider {
    margin-top: 0
}

.g-page__header.m-gap-lg+.alert.m-wider {
    margin-top: -14px
}

.b-separate-section:not(.m-reset-mb) .alert.m-wider:first-child {
    margin-top: -18px
}

.b-feed-alerts .alert.m-wider {
    position: relative;
    z-index: 1
}

.b-feed-alerts .alert.m-wider+.b-feed-alerts__scroll-section {
    margin-top: -25px;
    position: relative;
    z-index: 0
}

.alert.m-wider+.alert.m-wider {
    margin-top: -24px
}

.alert.m-wider+.alert.m-wider, .alert.m-wider+.alert.m-wider:before {
    border-top: none
}

.alert.m-wider.m-following-group-alerts+.b-separate-section {
    margin-top: -8px
}

.alert.m-wider.m-following-group-alerts+.b-separate-section .alert.m-wider:first-child, .alert.m-wider.m-following-group-alerts+.b-separate-section .alert.m-wider:first-child:before {
    border-top: none
}

.alert.m-wider.m-reset-bold-border-b {
    border-bottom: none
}

.alert.m-wider.m-reset-bold-border-t {
    border-top: none
}

.alert.m-wider+.user_posts {
    padding-top: 0
}

.alert.m-no-border {
    border-top: none;
    border-bottom: none
}

.alert.m-no-border:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 0;
    border-bottom: 1px solid rgba(138, 150, 163, .25)
}

.g-btn__wrapper+.alert {
    margin-top: -12px
}

@media (max-width: 767px) {
    .chat-footer__alert .alert {
        margin-left: 16px;
        margin-right: 16px
    }
}

.alert .g-btn {
    align-self: flex-end;
    margin-top: 0
}

.alert hr {
    border-top-color: currentColor
}

.alert-danger {
    border: 1px solid rgba(255, 96, 96, .25)
}

.alert-danger:before {
    border-left-color: rgba(255, 96, 96, .12)
}

.alert-danger .g-icon.m-alert-icon {
    color: #ff6060
}

.alert-info {
    border: 1px solid rgba(0, 175, 240, .25)
}

.alert-info:before {
    border-left-color: rgba(0, 175, 240, .12)
}

.alert-info.m-info-streak:before {
    border-left-color: rgba(253, 167, 0, .12)
}

.alert-info.m-info-streak .g-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    left: 6px;
    top: 9px
}

.alert-info .g-icon.m-alert-icon {
    color: #00aff0
}

.alert-dismissible {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%
}

.alert .alert-text-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2px;
    text-align: left
}

.alert .alert-text-wrapper .alert-text {
    display: block
}

.alert .alert-text-wrapper .alert-text:not(:last-child) {
    margin-bottom: 8px
}

.alert .alert-text-wrapper .alert-text:not(:last-child) .g-icon-info {
    vertical-align: middle;
    margin-top: 0
}

.alert .alert-text-wrapper .alert-text p:last-child {
    margin-bottom: 0
}

.alert .alert-text-wrapper a {
    display: contents
}

.alert .alert-text-wrapper+.m-subscribe-btn {
    width: auto
}

.alert-btns-wrapper {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-top: 8px
}

.alert-btns-wrapper:empty {
    display: none
}

.m-wider .alert-btns-wrapper {
    margin-right: 0
}

.alert-btns-wrapper>.g-icon {
    margin-left: 4px;
    margin-right: 10px
}

.alert-btns-wrapper .g-btn {
    margin-left: 4px
}

.alert-btns-wrapper .g-btn.m-flex {
    width: auto
}

.alert-text-error {
    color: #e76c6c
}