/* Extracted from inline <style> block 1 */
@charset "UTF-8";

    :root {
      --theme-primary: #d652ae;
      --theme-primary-rgb: 214, 82, 174;
      --theme-primary-muted: #8c527a;
      --theme-primary-dark: #82326c;
      --theme-primary-bright: #fe25a7;
      --theme-primary-alt: #ea4945;
      --on-theme-primary: #fff;
      --theme-secondary: #6d3d5e;
      --theme-tertiary: #5e34d4;
      --theme-primary-gradient: linear-gradient(var(--theme-primary), var(--theme-primary-alt));
      --theme-primary-gradient-border: var(--theme-primary) #ed4f6e var(--theme-primary-alt) #ed4f6e;
      --theme-bright-gradient: linear-gradient(180deg, #a70c66 -23.54%, #ea13bf 43.24%, #b30f90 68.78%);
      --theme-secondary-gradient: linear-gradient(var(--theme-primary), var(--theme-secondary));
      --theme-trans-gradient: linear-gradient(69.93deg, #311175b3 16.84%, #5115fbb3 86.87%);
      --theme-font-family: "Poppins", "Montserrat", "Arial", "apple color emoji", "noto color emoji", "segoe ui emoji", "android emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif;
      --text-font-family: var(--theme-font-family);
      --text-primary: #fff;
      --text-primary-accent: var(--theme-primary);
      --text-primary-accent-bright: var(--theme-primary-bright);
      --text-primary-accent-alt: var(--theme-primary-alt);
      --text-secondary: #909090;
      --text-secondary-rgb: 144, 144, 144;
      --text-primary-link: var(--theme-primary);
      --text-header: var(--on-theme-primary);
      --text-header-item: #d9d9d9;
      --text-menu-item: #d9d9d9;
      --footer-fs: 0.6875rem;
      --br-section: 0.75rem;
      --br-input: 0.75rem;
      --br-btn: 0.5rem;
      --br-card: 0.5rem;
      --br-thumbnail: 1rem;
      --bg-page: #040404;
      --bg-page-rgb: 20, 20, 20;
      --bg-section: #222;
      --bg-section-rgb: 34, 34, 34;
      --bg-header: transparent;
      --bg-header-scrolled: var(--bg-page);
      --bg-header-item: #404040;
      --bg-card: #2d2d2d;
      --bg-card-c: var(--theme-secondary);
      --bg-tag: #212121;
      --bg-modal: #393939;
      --bg-input: #101010;
      --bg-drawer: #1d1d1d;
      --bg-overlay: var(--theme-trans-gradient);
      --bg-tertiary: var(--theme-tertiary);
      --skeleton-bg: #181818;
      --stroke-tag: #626262;
      --fan-bg-gradient: linear-gradient(48deg, #5808fb66, #9929ea66);
      --action-text: #d9d9d9;
      --action-selected-bg: var(--theme-primary);
      --action-selected-bg-dark: var(--theme-primary-dark);
      --action-selected-bg-muted: var(--theme-primary-muted);
      --action-selected-text: var(--on-theme-primary);
      --action-selected-overlay: rgba(var(--theme-primary-rgb), 0.5);
      --action-selected-overlay-dark: rgba(var(--theme-primary-rgb), 0.25);
      --action-selected-overlay-light: rgba(var(--theme-primary-rgb), 0.7);
      --action-nav-bg: #2f2e2e;
      --action-nav-text: #d2d2d2;
      --action-cta-bg: grey;
      --action-cta-text: #fff;
      --action-cta-prim-bg: var(--theme-primary);
      --action-cta-prim-text: var(--on-theme-primary);
      --action-cta-bright-bg: var(--theme-bright-gradient);
      --header-cta-bg: grey;
      --header-cta-text: #fff;
      --header-cta-prim-bg: var(--theme-primary);
      --header-cta-prim-text: var(--on-theme-primary);
      --action-border-c: var(--theme-primary-bright);
      --goal-progress-bg: rgba(var(--theme-primary-rgb), 0.432);
      --moderate-pink: #d652ae;
      --nickname-gray: grey;
      --nickname-green: #4da84c;
      --nickname-blue: #4458f5;
      --nickname-purple: #853dea;
      --nickname-pink: #d9186e;
      --nickname-gold-start: #e7c071;
      --nickname-gold-end: #a07d4e;
      --join-free-banner-gr-start: #3718b6;
      --join-free-banner-gr-end: #9629d6;
      --join-free-banner-bg-btn: #9d9d9d;
      --chat-tab-icon-c: var(--text-primary);
      --gallery-cols-gap: 1rem;
      --gallery-rows-gap: 1rem;
      --base-item-width: 183;
      --aspect-ratio-cam-tile: 1;
      --tile-info-pad-x: 0.75;
      --tile-info-pad-y: 0.375;
      --tile-fs-info: 0.75;
      --tile-fs-title: 0.75;
      --tile-fw-title: 500
    }

    @media (min-width:1200px) {
      :root {
        --tile-fw-title: 400;
        --tile-fs-info: 0.625;
        --gallery-cols-gap: 1rem;
        --gallery-rows-gap: 1rem
      }
    }

    @media (min-width:1800px) {
      :root {
        --base-item-width: 243
      }
    }

    :root {
      --page-pad: 1rem;
      --sidebar-w: 13.125rem;
      --page-top-gap: 0.625rem;
      --container-width: 100vw;
      --footer-mobile-z-index: 100500;
      --modal-z-index: 100502;
      --header-height: 3.25rem;
      --main-padding-top: 0;
      --main-padding-right: var(--page-pad);
      --main-padding-bottom: 1rem;
      --main-padding-left: var(--page-pad);
      --main-margin-left: 0;
      --mobile-footer-height: 3.125rem;
      --bottom-banner-h: 2.8125rem;
      --page-menu-items-gap: 1rem
    }

    @media (min-width:1200px) {
      :root {
        --page-top-gap: 0.75rem;
        --main-padding-bottom: 0
      }
    }

    [data-brand=peepshow] {
      --bg-header: var(--theme-primary);
      --bg-header-scrolled: var(--theme-primary);
      --bg-header-item: var(--bg-page);
      --bg-tag: var(--bg-page);
      --stroke-tag: transparent;
      --acc-header-counter-c: var(--bg-page);
      --acc-header-counter-bg: var(--text-primary);
      --header-cta-bg: var(--bg-page);
      --header-cta-text: var(--text-primary);
      --header-cta-prim-bg: #fff;
      --header-cta-prim-text: var(--theme-primary);
      --br-section: 0.25rem;
      --br-thumbnail: 0.25rem;
      --bg-tertiary: var(--theme-primary);
      --fan-bg-gradient: linear-gradient(48deg, #740e24, #b30025);
      --gallery-cols-gap: 0.5rem;
      --gallery-rows-gap: 0.5rem;
      --base-item-width: 191;
      --aspect-ratio-cam-tile: 1.3264;
      --tile-info-pad-x: 0.5;
      --tile-info-pad-y: 0.1875;
      --tile-fs-info: 0.75;
      --tile-fs-title: 0.75;
      --tile-fw-title: 500;
      --page-pad: 0.75rem;
      --page-menu-items-gap: 0.5rem
    }

    @media (min-width:1200px) {
      [data-brand=peepshow] {
        --tile-fw-title: 500;
        --tile-fs-info: 0.75;
        --gallery-cols-gap: 0.5rem;
        --gallery-rows-gap: 0.5rem
      }
    }

    @media (min-width:1800px) {
      [data-brand=peepshow] {
        --base-item-width: 283
      }
    }

    [data-skin=red] {
      --theme-primary: #e91a4b;
      --theme-primary-rgb: 233, 26, 75;
      --theme-primary-muted: #923249;
      --theme-primary-dark: #a92342;
      --theme-primary-bright: #fe2558;
      --theme-secondary: #632231;
      --join-free-banner-gr-start: var(--theme-primary-dark);
      --join-free-banner-gr-end: var(--theme-primary-bright);
      --join-free-banner-bg-btn: #0a0a0a;
      --theme-bright-gradient: linear-gradient(180deg, #910022 -23.54%, #ea1346 43.24%, #b30f36 68.78%);
      --theme-trans-gradient: linear-gradient(72.52deg, #1b0208b3 14.52%, #4c111fb3 86.91%)
    }

    @font-face {
      font-display: block;
      font-family: Arial Black;
      font-style: normal;
      font-weight: 900;
      src: url(./fonts/arial/ariblk.woff2) format("woff2"), url(./fonts/arial/ariblk.woff) format("woff")
    }

    @font-face {
      font-display: block;
      font-family: "Harabara", var(--text-font-family);
      font-style: normal;
      font-weight: 500;
      src: local(""), url(./fonts/harabara/harabara.woff2) format("woff2"), url(./fonts/harabara/harabara.woff) format("woff")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/inter/inter-v13-cyrillic/inter-v13-cyrillic-regular.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/inter/inter-v13-cyrillic/inter-v13-cyrillic-700.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 900;
      src: url(./fonts/inter/inter-v13-cyrillic/inter-v13-cyrillic-900.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/inter/inter-v13-latin/inter-v13-latin-regular.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/inter/inter-v13-latin/inter-v13-latin-700.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 900;
      src: url(./fonts/inter/inter-v13-latin/inter-v13-latin-900.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Noto Sans;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/noto-sans/noto-sans-v35-cyrillic/noto-sans-v35-cyrillic-regular.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Noto Sans;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/noto-sans/noto-sans-v35-cyrillic/noto-sans-v35-cyrillic-700.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Noto Sans;
      font-style: italic;
      font-weight: 700;
      src: url(./fonts/noto-sans/noto-sans-v35-cyrillic/noto-sans-v35-cyrillic-700italic.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Noto Sans;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/noto-sans/noto-sans-v35-latin/noto-sans-v35-latin-regular.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Noto Sans;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/noto-sans/noto-sans-v35-latin/noto-sans-v35-latin-700.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Noto Sans;
      font-style: italic;
      font-weight: 700;
      src: url(./fonts/noto-sans/noto-sans-v35-latin/noto-sans-v35-latin-700italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 100;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-100italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 100;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-100italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 200;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-200italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 200;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-200italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 300;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-300italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 300;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-300italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 400;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-400italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 400;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-400italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 500;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-500italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 500;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-500italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 600;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-600italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 600;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-600italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 700;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-700italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 700;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-700italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 800;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-800italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 800;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-800italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 900;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-900italic.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: italic;
      font-weight: 900;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-900italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 100;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-100.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 100;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-100.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 200;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-200.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 200;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-200.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 300;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-300.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 300;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-300.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-400.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-400.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 500;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-500.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 500;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-500.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 600;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-600.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 600;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-600.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-700.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-700.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 800;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-800.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 800;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-800.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 900;
      src: url(./fonts/poppins/v24/latin-ext/poppins-v24-latin-ext-900.woff2) format("woff2");
      unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
    }

    @font-face {
      font-display: swap;
      font-family: Poppins;
      font-style: normal;
      font-weight: 900;
      src: url(./fonts/poppins/v24/latin/poppins-v24-latin-900.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-100.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-100italic.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-300.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-300italic.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-regular.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-italic.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-500.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-500italic.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-700.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-700italic.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-900.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      src: url(./fonts/roboto/roboto-v30-cyrillic/roboto-v30-cyrillic-900italic.woff2) format("woff2");
      unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 100;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-100.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 100;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-100italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 200;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-200.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 200;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-200italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-300.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 300;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-300italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-regular.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 400;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-500.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 500;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-500italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 600;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-600.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 600;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-600italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-700.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 700;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-700italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 800;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-800.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 800;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-800italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: normal;
      font-weight: 900;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-900.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: swap;
      font-family: Roboto;
      font-style: italic;
      font-weight: 900;
      src: url(./fonts/roboto/v50/latin/roboto-v50-latin-900italic.woff2) format("woff2");
      unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
    }

    @font-face {
      font-display: block;
      font-family: icomoon;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/icomoon.eot?lq1ajk);
      src: url(./fonts/icomoon.eot?lq1ajk#iefix) format("embedded-opentype"), url(./fonts/icomoon.ttf?lq1ajk) format("truetype"), url(./fonts/icomoon.woff?lq1ajk) format("woff"), url(./fonts/icomoon.svg?lq1ajk#icomoon) format("svg")
    }

    @font-face {
      font-display: block;
      font-family: icomoon_fix;
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/icomoon_fix.eot?lq1ajk);
      src: url(./fonts/icomoon_fix.eot?lq1ajk#iefix) format("embedded-opentype"), url(./fonts/icomoon_fix.ttf?lq1ajk) format("truetype"), url(./fonts/icomoon_fix.woff?lq1ajk) format("woff"), url(./fonts/icomoon_fix.svg?lq1ajk#icomoon) format("svg")
    }

    /*!
 * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
    .clearfix:after {
      clear: both;
      content: "";
      display: block
    }

    .link-primary {
      color: #0d6efd
    }

    .link-primary:focus,
    .link-primary:hover {
      color: #0a58ca
    }

    .link-secondary {
      color: #6c757d
    }

    .link-secondary:focus,
    .link-secondary:hover {
      color: #565e64
    }

    .link-success {
      color: #08a438
    }

    .link-success:focus,
    .link-success:hover {
      color: #39b660
    }

    .link-info {
      color: #0dcaf0
    }

    .link-info:focus,
    .link-info:hover {
      color: #3dd5f3
    }

    .link-warning {
      color: #ffc107
    }

    .link-warning:focus,
    .link-warning:hover {
      color: #ffcd39
    }

    .link-danger {
      color: #dc3545
    }

    .link-danger:focus,
    .link-danger:hover {
      color: #b02a37
    }

    .link-light {
      color: #f8f9fa
    }

    .link-light:focus,
    .link-light:hover {
      color: #f9fafb
    }

    .link-dark {
      color: #212529
    }

    .link-dark:focus,
    .link-dark:hover {
      color: #1a1e21
    }

    .ratio {
      position: relative;
      width: 100%
    }

    .ratio:before {
      content: "";
      display: block;
      padding-top: var(--bs-aspect-ratio)
    }

    .ratio>* {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%
    }

    .ratio-1x1 {
      --bs-aspect-ratio: 100%
    }

    .ratio-4x3 {
      --bs-aspect-ratio: 75%
    }

    .ratio-16x9 {
      --bs-aspect-ratio: 56.25%
    }

    .ratio-21x9 {
      --bs-aspect-ratio: 42.85714%
    }

    .fixed-top {
      top: 0
    }

    .fixed-bottom,
    .fixed-top {
      left: 0;
      position: fixed;
      right: 0;
      z-index: 1030
    }

    .fixed-bottom {
      bottom: 0
    }

    .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020
    }

    @media (min-width:576px) {
      .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
      }
    }

    @media (min-width:768px) {
      .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
      }
    }

    @media (min-width:992px) {
      .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
      }
    }

    @media (min-width:1200px) {
      .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
      }
    }

    @media (min-width:1400px) {
      .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
      }
    }

    .hstack {
      -ms-flex-align: center;
      -ms-flex-item-align: stretch;
      align-items: center;
      -ms-flex-direction: row;
      flex-direction: row
    }

    .hstack,
    .vstack {
      align-self: stretch;
      display: -ms-flexbox;
      display: flex
    }

    .vstack {
      -ms-flex-item-align: stretch;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -ms-flex-direction: column;
      flex-direction: column
    }

    .visually-hidden,
    .visually-hidden-focusable:not(:focus):not(:focus-within) {
      clip: rect(0, 0, 0, 0) !important;
      border: 0 !important;
      height: 1px !important;
      margin: -1px !important;
      overflow: hidden !important;
      padding: 0 !important;
      position: absolute !important;
      white-space: nowrap !important;
      width: 1px !important
    }

    .stretched-link:after {
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1
    }

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

    .vr {
      -ms-flex-item-align: stretch;
      align-self: stretch;
      background-color: currentColor;
      display: inline-block;
      min-height: 1em;
      opacity: .25;
      width: 1px
    }

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

    .align-top {
      vertical-align: top !important
    }

    .align-middle {
      vertical-align: middle !important
    }

    .align-bottom {
      vertical-align: bottom !important
    }

    .align-text-bottom {
      vertical-align: text-bottom !important
    }

    .align-text-top {
      vertical-align: text-top !important
    }

    .float-start {
      float: left !important
    }

    .float-end {
      float: right !important
    }

    .float-none {
      float: none !important
    }

    .opacity-0 {
      opacity: 0 !important
    }

    .opacity-25 {
      opacity: .25 !important
    }

    .opacity-50 {
      opacity: .5 !important
    }

    .opacity-75 {
      opacity: .75 !important
    }

    .opacity-100 {
      opacity: 1 !important
    }

    .overflow-auto {
      overflow: auto !important
    }

    .overflow-hidden {
      overflow: hidden !important
    }

    .overflow-visible {
      overflow: visible !important
    }

    .overflow-scroll {
      overflow: scroll !important
    }

    .d-inline {
      display: inline !important
    }

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

    .d-block {
      display: block !important
    }

    .d-grid {
      display: grid !important
    }

    .d-table {
      display: table !important
    }

    .d-table-row {
      display: table-row !important
    }

    .d-table-cell {
      display: table-cell !important
    }

    .d-flex {
      display: -ms-flexbox !important;
      display: flex !important
    }

    .d-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
    }

    .d-none {
      display: none !important
    }

    .shadow {
      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
    }

    .shadow-sm {
      box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
    }

    .shadow-lg {
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
    }

    .shadow-none {
      box-shadow: none !important
    }

    .position-static {
      position: static !important
    }

    .position-relative {
      position: relative !important
    }

    .position-absolute {
      position: absolute !important
    }

    .position-fixed {
      position: fixed !important
    }

    .position-sticky {
      position: -webkit-sticky !important;
      position: sticky !important
    }

    .top-0 {
      top: 0 !important
    }

    .top-50 {
      top: 50% !important
    }

    .top-100 {
      top: 100% !important
    }

    .bottom-0 {
      bottom: 0 !important
    }

    .bottom-50 {
      bottom: 50% !important
    }

    .bottom-100 {
      bottom: 100% !important
    }

    .start-0 {
      left: 0 !important
    }

    .start-50 {
      left: 50% !important
    }

    .start-100 {
      left: 100% !important
    }

    .end-0 {
      right: 0 !important
    }

    .end-50 {
      right: 50% !important
    }

    .end-100 {
      right: 100% !important
    }

    .translate-middle {
      transform: translate(-50%, -50%) !important
    }

    .translate-middle-x {
      transform: translateX(-50%) !important
    }

    .translate-middle-y {
      transform: translateY(-50%) !important
    }

    .border {
      border: 1px solid #dee2e6 !important
    }

    .border-0 {
      border: 0 !important
    }

    .border-top {
      border-top: 1px solid #dee2e6 !important
    }

    .border-top-0 {
      border-top: 0 !important
    }

    .border-end {
      border-right: 1px solid #dee2e6 !important
    }

    .border-end-0 {
      border-right: 0 !important
    }

    .border-bottom {
      border-bottom: 1px solid #dee2e6 !important
    }

    .border-bottom-0 {
      border-bottom: 0 !important
    }

    .border-start {
      border-left: 1px solid #dee2e6 !important
    }

    .border-start-0 {
      border-left: 0 !important
    }

    .border-primary {
      border-color: #0d6efd !important
    }

    .border-secondary {
      border-color: #6c757d !important
    }

    .border-success {
      border-color: #08a438 !important
    }

    .border-info {
      border-color: #0dcaf0 !important
    }

    .border-warning {
      border-color: #ffc107 !important
    }

    .border-danger {
      border-color: #dc3545 !important
    }

    .border-light {
      border-color: #f8f9fa !important
    }

    .border-dark {
      border-color: #212529 !important
    }

    .border-white {
      border-color: #fff !important
    }

    .border-1 {
      border-width: 1px !important
    }

    .border-2 {
      border-width: 2px !important
    }

    .border-3 {
      border-width: 3px !important
    }

    .border-4 {
      border-width: 4px !important
    }

    .border-5 {
      border-width: 5px !important
    }

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

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

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

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

    .w-auto {
      width: auto !important
    }

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

    .vw-100 {
      width: 100vw !important
    }

    .min-vw-100 {
      min-width: 100vw !important
    }

    .h-25 {
      height: 25% !important
    }

    .h-50 {
      height: 50% !important
    }

    .h-75 {
      height: 75% !important
    }

    .h-100 {
      height: 100% !important
    }

    .h-auto {
      height: auto !important
    }

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

    .vh-100 {
      height: 100vh !important
    }

    .min-vh-100 {
      min-height: 100vh !important
    }

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

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

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

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

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

    .flex-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
    }

    .flex-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
    }

    .flex-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
    }

    .flex-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
    }

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

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

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

    .gap-0 {
      gap: 0 !important
    }

    .gap-1 {
      gap: .25rem !important
    }

    .gap-2 {
      gap: .5rem !important
    }

    .gap-3 {
      gap: 1rem !important
    }

    .gap-4 {
      gap: 1.5rem !important
    }

    .gap-5 {
      gap: 3rem !important
    }

    .justify-content-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
    }

    .justify-content-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
    }

    .justify-content-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
    }

    .justify-content-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
    }

    .justify-content-around {
      -ms-flex-pack: distribute !important;
      justify-content: space-around !important
    }

    .justify-content-evenly {
      -ms-flex-pack: space-evenly !important;
      justify-content: space-evenly !important
    }

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

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

    .align-items-center {
      -ms-flex-align: center !important;
      align-items: center !important
    }

    .align-items-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
    }

    .align-items-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
    }

    .align-content-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
    }

    .align-content-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
    }

    .align-content-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
    }

    .align-content-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
    }

    .align-content-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
    }

    .align-content-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
    }

    .align-self-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
    }

    .align-self-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
    }

    .align-self-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
    }

    .align-self-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
    }

    .align-self-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
    }

    .align-self-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
    }

    .order-first {
      -ms-flex-order: -1 !important;
      order: -1 !important
    }

    .order-0 {
      -ms-flex-order: 0 !important;
      order: 0 !important
    }

    .order-1 {
      -ms-flex-order: 1 !important;
      order: 1 !important
    }

    .order-2 {
      -ms-flex-order: 2 !important;
      order: 2 !important
    }

    .order-3 {
      -ms-flex-order: 3 !important;
      order: 3 !important
    }

    .order-4 {
      -ms-flex-order: 4 !important;
      order: 4 !important
    }

    .order-5 {
      -ms-flex-order: 5 !important;
      order: 5 !important
    }

    .order-last {
      -ms-flex-order: 6 !important;
      order: 6 !important
    }

    .m-0 {
      margin: 0 !important
    }

    .m-1 {
      margin: .25rem !important
    }

    .m-2 {
      margin: .5rem !important
    }

    .m-3 {
      margin: 1rem !important
    }

    .m-4 {
      margin: 1.5rem !important
    }

    .m-5 {
      margin: 3rem !important
    }

    .m-auto {
      margin: auto !important
    }

    .mx-0 {
      margin-left: 0 !important;
      margin-right: 0 !important
    }

    .mx-1 {
      margin-left: .25rem !important;
      margin-right: .25rem !important
    }

    .mx-2 {
      margin-left: .5rem !important;
      margin-right: .5rem !important
    }

    .mx-3 {
      margin-left: 1rem !important;
      margin-right: 1rem !important
    }

    .mx-4 {
      margin-left: 1.5rem !important;
      margin-right: 1.5rem !important
    }

    .mx-5 {
      margin-left: 3rem !important;
      margin-right: 3rem !important
    }

    .mx-auto {
      margin-left: auto !important;
      margin-right: auto !important
    }

    .my-0 {
      margin-bottom: 0 !important;
      margin-top: 0 !important
    }

    .my-1 {
      margin-bottom: .25rem !important;
      margin-top: .25rem !important
    }

    .my-2 {
      margin-bottom: .5rem !important;
      margin-top: .5rem !important
    }

    .my-3 {
      margin-bottom: 1rem !important;
      margin-top: 1rem !important
    }

    .my-4 {
      margin-bottom: 1.5rem !important;
      margin-top: 1.5rem !important
    }

    .my-5 {
      margin-bottom: 3rem !important;
      margin-top: 3rem !important
    }

    .my-auto {
      margin-bottom: auto !important;
      margin-top: auto !important
    }

    .mt-0 {
      margin-top: 0 !important
    }

    .mt-1 {
      margin-top: .25rem !important
    }

    .mt-2 {
      margin-top: .5rem !important
    }

    .mt-3 {
      margin-top: 1rem !important
    }

    .mt-4 {
      margin-top: 1.5rem !important
    }

    .mt-5 {
      margin-top: 3rem !important
    }

    .mt-auto {
      margin-top: auto !important
    }

    .me-0 {
      margin-right: 0 !important
    }

    .me-1 {
      margin-right: .25rem !important
    }

    .me-2 {
      margin-right: .5rem !important
    }

    .me-3 {
      margin-right: 1rem !important
    }

    .me-4 {
      margin-right: 1.5rem !important
    }

    .me-5 {
      margin-right: 3rem !important
    }

    .me-auto {
      margin-right: auto !important
    }

    .mb-0 {
      margin-bottom: 0 !important
    }

    .mb-1 {
      margin-bottom: .25rem !important
    }

    .mb-2 {
      margin-bottom: .5rem !important
    }

    .mb-3 {
      margin-bottom: 1rem !important
    }

    .mb-4 {
      margin-bottom: 1.5rem !important
    }

    .mb-5 {
      margin-bottom: 3rem !important
    }

    .mb-auto {
      margin-bottom: auto !important
    }

    .ms-0 {
      margin-left: 0 !important
    }

    .ms-1 {
      margin-left: .25rem !important
    }

    .ms-2 {
      margin-left: .5rem !important
    }

    .ms-3 {
      margin-left: 1rem !important
    }

    .ms-4 {
      margin-left: 1.5rem !important
    }

    .ms-5 {
      margin-left: 3rem !important
    }

    .ms-auto {
      margin-left: auto !important
    }

    .p-0 {
      padding: 0 !important
    }

    .p-1 {
      padding: .25rem !important
    }

    .p-2 {
      padding: .5rem !important
    }

    .p-3 {
      padding: 1rem !important
    }

    .p-4 {
      padding: 1.5rem !important
    }

    .p-5 {
      padding: 3rem !important
    }

    .px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important
    }

    .px-1 {
      padding-left: .25rem !important;
      padding-right: .25rem !important
    }

    .px-2 {
      padding-left: .5rem !important;
      padding-right: .5rem !important
    }

    .px-3 {
      padding-left: 1rem !important;
      padding-right: 1rem !important
    }

    .px-4 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important
    }

    .px-5 {
      padding-left: 3rem !important;
      padding-right: 3rem !important
    }

    .py-0 {
      padding-bottom: 0 !important;
      padding-top: 0 !important
    }

    .py-1 {
      padding-bottom: .25rem !important;
      padding-top: .25rem !important
    }

    .py-2 {
      padding-bottom: .5rem !important;
      padding-top: .5rem !important
    }

    .py-3 {
      padding-bottom: 1rem !important;
      padding-top: 1rem !important
    }

    .py-4 {
      padding-bottom: 1.5rem !important;
      padding-top: 1.5rem !important
    }

    .py-5 {
      padding-bottom: 3rem !important;
      padding-top: 3rem !important
    }

    .pt-0 {
      padding-top: 0 !important
    }

    .pt-1 {
      padding-top: .25rem !important
    }

    .pt-2 {
      padding-top: .5rem !important
    }

    .pt-3 {
      padding-top: 1rem !important
    }

    .pt-4 {
      padding-top: 1.5rem !important
    }

    .pt-5 {
      padding-top: 3rem !important
    }

    .pe-0 {
      padding-right: 0 !important
    }

    .pe-1 {
      padding-right: .25rem !important
    }

    .pe-2 {
      padding-right: .5rem !important
    }

    .pe-3 {
      padding-right: 1rem !important
    }

    .pe-4 {
      padding-right: 1.5rem !important
    }

    .pe-5 {
      padding-right: 3rem !important
    }

    .pb-0 {
      padding-bottom: 0 !important
    }

    .pb-1 {
      padding-bottom: .25rem !important
    }

    .pb-2 {
      padding-bottom: .5rem !important
    }

    .pb-3 {
      padding-bottom: 1rem !important
    }

    .pb-4 {
      padding-bottom: 1.5rem !important
    }

    .pb-5 {
      padding-bottom: 3rem !important
    }

    .ps-0 {
      padding-left: 0 !important
    }

    .ps-1 {
      padding-left: .25rem !important
    }

    .ps-2 {
      padding-left: .5rem !important
    }

    .ps-3 {
      padding-left: 1rem !important
    }

    .ps-4 {
      padding-left: 1.5rem !important
    }

    .ps-5 {
      padding-left: 3rem !important
    }

    .font-monospace {
      font-family: var(--bs-font-monospace) !important
    }

    .fs-1 {
      font-size: calc(1.375rem + 1.5vw) !important
    }

    .fs-2 {
      font-size: calc(1.325rem + .9vw) !important
    }

    .fs-3 {
      font-size: calc(1.3rem + .6vw) !important
    }

    .fs-4 {
      font-size: calc(1.275rem + .3vw) !important
    }

    .fs-5 {
      font-size: 1.25rem !important
    }

    .fs-6 {
      font-size: 1rem !important
    }

    .fst-italic {
      font-style: italic !important
    }

    .fst-normal {
      font-style: normal !important
    }

    .fw-light {
      font-weight: 300 !important
    }

    .fw-lighter {
      font-weight: lighter !important
    }

    .fw-normal {
      font-weight: 400 !important
    }

    .fw-bold {
      font-weight: 700 !important
    }

    .fw-bolder {
      font-weight: bolder !important
    }

    .lh-1 {
      line-height: 1 !important
    }

    .lh-sm {
      line-height: 1.25 !important
    }

    .lh-base {
      line-height: 1.5 !important
    }

    .lh-lg {
      line-height: 2 !important
    }

    .text-start {
      text-align: left !important
    }

    .text-end {
      text-align: right !important
    }

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

    .text-decoration-none {
      text-decoration: none !important
    }

    .text-decoration-underline {
      text-decoration: underline !important
    }

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

    .text-lowercase {
      text-transform: lowercase !important
    }

    .text-uppercase {
      text-transform: uppercase !important
    }

    .text-capitalize {
      text-transform: capitalize !important
    }

    .text-wrap {
      white-space: normal !important
    }

    .text-nowrap {
      white-space: nowrap !important
    }

    .text-break {
      word-wrap: break-word !important;
      word-break: break-word !important
    }

    .text-primary {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
    }

    .text-secondary {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
    }

    .text-success {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
    }

    .text-info {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
    }

    .text-warning {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
    }

    .text-danger {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
    }

    .text-light {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
    }

    .text-dark {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
    }

    .text-black {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
    }

    .text-white {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
    }

    .text-body {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
    }

    .text-muted {
      --bs-text-opacity: 1;
      color: #6c757d !important
    }

    .text-black-50 {
      --bs-text-opacity: 1;
      color: rgba(0, 0, 0, .5) !important
    }

    .text-white-50 {
      --bs-text-opacity: 1;
      color: hsla(0, 0%, 100%, .5) !important
    }

    .text-reset {
      --bs-text-opacity: 1;
      color: inherit !important
    }

    .text-opacity-25 {
      --bs-text-opacity: 0.25
    }

    .text-opacity-50 {
      --bs-text-opacity: 0.5
    }

    .text-opacity-75 {
      --bs-text-opacity: 0.75
    }

    .text-opacity-100 {
      --bs-text-opacity: 1
    }

    .bg-primary {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-secondary {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-success {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-info {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-warning {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-danger {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-light {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-dark {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-black {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-white {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-body {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-transparent {
      --bs-bg-opacity: 1;
      background-color: transparent !important
    }

    .bg-opacity-10 {
      --bs-bg-opacity: 0.1
    }

    .bg-opacity-25 {
      --bs-bg-opacity: 0.25
    }

    .bg-opacity-50 {
      --bs-bg-opacity: 0.5
    }

    .bg-opacity-75 {
      --bs-bg-opacity: 0.75
    }

    .bg-opacity-100 {
      --bs-bg-opacity: 1
    }

    .bg-gradient {
      background-image: var(--bs-gradient) !important
    }

    .user-select-all {
      -webkit-user-select: all !important;
      -moz-user-select: all !important;
      user-select: all !important
    }

    .user-select-auto {
      -webkit-user-select: auto !important;
      -moz-user-select: auto !important;
      -ms-user-select: auto !important;
      user-select: auto !important
    }

    .user-select-none {
      -webkit-user-select: none !important;
      -moz-user-select: none !important;
      -ms-user-select: none !important;
      user-select: none !important
    }

    .pe-none {
      pointer-events: none !important
    }

    .pe-auto {
      pointer-events: auto !important
    }

    .rounded {
      border-radius: .25rem !important
    }

    .rounded-0 {
      border-radius: 0 !important
    }

    .rounded-1 {
      border-radius: .2rem !important
    }

    .rounded-2 {
      border-radius: .25rem !important
    }

    .rounded-3 {
      border-radius: .3rem !important
    }

    .rounded-circle {
      border-radius: 50% !important
    }

    .rounded-pill {
      border-radius: 50rem !important
    }

    .rounded-top {
      border-top-left-radius: .25rem !important
    }

    .rounded-end,
    .rounded-top {
      border-top-right-radius: .25rem !important
    }

    .rounded-bottom,
    .rounded-end {
      border-bottom-right-radius: .25rem !important
    }

    .rounded-bottom,
    .rounded-start {
      border-bottom-left-radius: .25rem !important
    }

    .rounded-start {
      border-top-left-radius: .25rem !important
    }

    .visible {
      visibility: visible !important
    }

    .invisible {
      visibility: hidden !important
    }

    @media (min-width:576px) {
      .float-sm-start {
        float: left !important
      }

      .float-sm-end {
        float: right !important
      }

      .float-sm-none {
        float: none !important
      }

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

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

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

      .d-sm-grid {
        display: grid !important
      }

      .d-sm-table {
        display: table !important
      }

      .d-sm-table-row {
        display: table-row !important
      }

      .d-sm-table-cell {
        display: table-cell !important
      }

      .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
      }

      .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
      }

      .d-sm-none {
        display: none !important
      }

      .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
      }

      .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
      }

      .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
      }

      .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
      }

      .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
      }

      .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
      }

      .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
      }

      .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
      }

      .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
      }

      .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
      }

      .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
      }

      .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
      }

      .gap-sm-0 {
        gap: 0 !important
      }

      .gap-sm-1 {
        gap: .25rem !important
      }

      .gap-sm-2 {
        gap: .5rem !important
      }

      .gap-sm-3 {
        gap: 1rem !important
      }

      .gap-sm-4 {
        gap: 1.5rem !important
      }

      .gap-sm-5 {
        gap: 3rem !important
      }

      .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
      }

      .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
      }

      .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
      }

      .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
      }

      .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
      }

      .justify-content-sm-evenly {
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
      }

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

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

      .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
      }

      .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
      }

      .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
      }

      .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
      }

      .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
      }

      .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
      }

      .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
      }

      .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
      }

      .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
      }

      .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
      }

      .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
      }

      .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
      }

      .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
      }

      .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
      }

      .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
      }

      .order-sm-first {
        -ms-flex-order: -1 !important;
        order: -1 !important
      }

      .order-sm-0 {
        -ms-flex-order: 0 !important;
        order: 0 !important
      }

      .order-sm-1 {
        -ms-flex-order: 1 !important;
        order: 1 !important
      }

      .order-sm-2 {
        -ms-flex-order: 2 !important;
        order: 2 !important
      }

      .order-sm-3 {
        -ms-flex-order: 3 !important;
        order: 3 !important
      }

      .order-sm-4 {
        -ms-flex-order: 4 !important;
        order: 4 !important
      }

      .order-sm-5 {
        -ms-flex-order: 5 !important;
        order: 5 !important
      }

      .order-sm-last {
        -ms-flex-order: 6 !important;
        order: 6 !important
      }

      .m-sm-0 {
        margin: 0 !important
      }

      .m-sm-1 {
        margin: .25rem !important
      }

      .m-sm-2 {
        margin: .5rem !important
      }

      .m-sm-3 {
        margin: 1rem !important
      }

      .m-sm-4 {
        margin: 1.5rem !important
      }

      .m-sm-5 {
        margin: 3rem !important
      }

      .m-sm-auto {
        margin: auto !important
      }

      .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
      }

      .mx-sm-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
      }

      .mx-sm-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
      }

      .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
      }

      .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
      }

      .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
      }

      .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important
      }

      .my-sm-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
      }

      .my-sm-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
      }

      .my-sm-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
      }

      .my-sm-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
      }

      .my-sm-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
      }

      .my-sm-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
      }

      .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
      }

      .mt-sm-0 {
        margin-top: 0 !important
      }

      .mt-sm-1 {
        margin-top: .25rem !important
      }

      .mt-sm-2 {
        margin-top: .5rem !important
      }

      .mt-sm-3 {
        margin-top: 1rem !important
      }

      .mt-sm-4 {
        margin-top: 1.5rem !important
      }

      .mt-sm-5 {
        margin-top: 3rem !important
      }

      .mt-sm-auto {
        margin-top: auto !important
      }

      .me-sm-0 {
        margin-right: 0 !important
      }

      .me-sm-1 {
        margin-right: .25rem !important
      }

      .me-sm-2 {
        margin-right: .5rem !important
      }

      .me-sm-3 {
        margin-right: 1rem !important
      }

      .me-sm-4 {
        margin-right: 1.5rem !important
      }

      .me-sm-5 {
        margin-right: 3rem !important
      }

      .me-sm-auto {
        margin-right: auto !important
      }

      .mb-sm-0 {
        margin-bottom: 0 !important
      }

      .mb-sm-1 {
        margin-bottom: .25rem !important
      }

      .mb-sm-2 {
        margin-bottom: .5rem !important
      }

      .mb-sm-3 {
        margin-bottom: 1rem !important
      }

      .mb-sm-4 {
        margin-bottom: 1.5rem !important
      }

      .mb-sm-5 {
        margin-bottom: 3rem !important
      }

      .mb-sm-auto {
        margin-bottom: auto !important
      }

      .ms-sm-0 {
        margin-left: 0 !important
      }

      .ms-sm-1 {
        margin-left: .25rem !important
      }

      .ms-sm-2 {
        margin-left: .5rem !important
      }

      .ms-sm-3 {
        margin-left: 1rem !important
      }

      .ms-sm-4 {
        margin-left: 1.5rem !important
      }

      .ms-sm-5 {
        margin-left: 3rem !important
      }

      .ms-sm-auto {
        margin-left: auto !important
      }

      .p-sm-0 {
        padding: 0 !important
      }

      .p-sm-1 {
        padding: .25rem !important
      }

      .p-sm-2 {
        padding: .5rem !important
      }

      .p-sm-3 {
        padding: 1rem !important
      }

      .p-sm-4 {
        padding: 1.5rem !important
      }

      .p-sm-5 {
        padding: 3rem !important
      }

      .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
      }

      .px-sm-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
      }

      .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
      }

      .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
      }

      .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
      }

      .py-sm-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
      }

      .py-sm-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
      }

      .py-sm-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
      }

      .py-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
      }

      .py-sm-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
      }

      .py-sm-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
      }

      .pt-sm-0 {
        padding-top: 0 !important
      }

      .pt-sm-1 {
        padding-top: .25rem !important
      }

      .pt-sm-2 {
        padding-top: .5rem !important
      }

      .pt-sm-3 {
        padding-top: 1rem !important
      }

      .pt-sm-4 {
        padding-top: 1.5rem !important
      }

      .pt-sm-5 {
        padding-top: 3rem !important
      }

      .pe-sm-0 {
        padding-right: 0 !important
      }

      .pe-sm-1 {
        padding-right: .25rem !important
      }

      .pe-sm-2 {
        padding-right: .5rem !important
      }

      .pe-sm-3 {
        padding-right: 1rem !important
      }

      .pe-sm-4 {
        padding-right: 1.5rem !important
      }

      .pe-sm-5 {
        padding-right: 3rem !important
      }

      .pb-sm-0 {
        padding-bottom: 0 !important
      }

      .pb-sm-1 {
        padding-bottom: .25rem !important
      }

      .pb-sm-2 {
        padding-bottom: .5rem !important
      }

      .pb-sm-3 {
        padding-bottom: 1rem !important
      }

      .pb-sm-4 {
        padding-bottom: 1.5rem !important
      }

      .pb-sm-5 {
        padding-bottom: 3rem !important
      }

      .ps-sm-0 {
        padding-left: 0 !important
      }

      .ps-sm-1 {
        padding-left: .25rem !important
      }

      .ps-sm-2 {
        padding-left: .5rem !important
      }

      .ps-sm-3 {
        padding-left: 1rem !important
      }

      .ps-sm-4 {
        padding-left: 1.5rem !important
      }

      .ps-sm-5 {
        padding-left: 3rem !important
      }

      .text-sm-start {
        text-align: left !important
      }

      .text-sm-end {
        text-align: right !important
      }

      .text-sm-center {
        text-align: center !important
      }
    }

    @media (min-width:768px) {
      .float-md-start {
        float: left !important
      }

      .float-md-end {
        float: right !important
      }

      .float-md-none {
        float: none !important
      }

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

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

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

      .d-md-grid {
        display: grid !important
      }

      .d-md-table {
        display: table !important
      }

      .d-md-table-row {
        display: table-row !important
      }

      .d-md-table-cell {
        display: table-cell !important
      }

      .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
      }

      .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
      }

      .d-md-none {
        display: none !important
      }

      .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
      }

      .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
      }

      .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
      }

      .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
      }

      .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
      }

      .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
      }

      .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
      }

      .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
      }

      .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
      }

      .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
      }

      .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
      }

      .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
      }

      .gap-md-0 {
        gap: 0 !important
      }

      .gap-md-1 {
        gap: .25rem !important
      }

      .gap-md-2 {
        gap: .5rem !important
      }

      .gap-md-3 {
        gap: 1rem !important
      }

      .gap-md-4 {
        gap: 1.5rem !important
      }

      .gap-md-5 {
        gap: 3rem !important
      }

      .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
      }

      .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
      }

      .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
      }

      .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
      }

      .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
      }

      .justify-content-md-evenly {
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
      }

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

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

      .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
      }

      .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
      }

      .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
      }

      .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
      }

      .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
      }

      .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
      }

      .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
      }

      .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
      }

      .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
      }

      .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
      }

      .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
      }

      .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
      }

      .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
      }

      .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
      }

      .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
      }

      .order-md-first {
        -ms-flex-order: -1 !important;
        order: -1 !important
      }

      .order-md-0 {
        -ms-flex-order: 0 !important;
        order: 0 !important
      }

      .order-md-1 {
        -ms-flex-order: 1 !important;
        order: 1 !important
      }

      .order-md-2 {
        -ms-flex-order: 2 !important;
        order: 2 !important
      }

      .order-md-3 {
        -ms-flex-order: 3 !important;
        order: 3 !important
      }

      .order-md-4 {
        -ms-flex-order: 4 !important;
        order: 4 !important
      }

      .order-md-5 {
        -ms-flex-order: 5 !important;
        order: 5 !important
      }

      .order-md-last {
        -ms-flex-order: 6 !important;
        order: 6 !important
      }

      .m-md-0 {
        margin: 0 !important
      }

      .m-md-1 {
        margin: .25rem !important
      }

      .m-md-2 {
        margin: .5rem !important
      }

      .m-md-3 {
        margin: 1rem !important
      }

      .m-md-4 {
        margin: 1.5rem !important
      }

      .m-md-5 {
        margin: 3rem !important
      }

      .m-md-auto {
        margin: auto !important
      }

      .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
      }

      .mx-md-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
      }

      .mx-md-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
      }

      .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
      }

      .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
      }

      .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
      }

      .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important
      }

      .my-md-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
      }

      .my-md-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
      }

      .my-md-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
      }

      .my-md-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
      }

      .my-md-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
      }

      .my-md-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
      }

      .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
      }

      .mt-md-0 {
        margin-top: 0 !important
      }

      .mt-md-1 {
        margin-top: .25rem !important
      }

      .mt-md-2 {
        margin-top: .5rem !important
      }

      .mt-md-3 {
        margin-top: 1rem !important
      }

      .mt-md-4 {
        margin-top: 1.5rem !important
      }

      .mt-md-5 {
        margin-top: 3rem !important
      }

      .mt-md-auto {
        margin-top: auto !important
      }

      .me-md-0 {
        margin-right: 0 !important
      }

      .me-md-1 {
        margin-right: .25rem !important
      }

      .me-md-2 {
        margin-right: .5rem !important
      }

      .me-md-3 {
        margin-right: 1rem !important
      }

      .me-md-4 {
        margin-right: 1.5rem !important
      }

      .me-md-5 {
        margin-right: 3rem !important
      }

      .me-md-auto {
        margin-right: auto !important
      }

      .mb-md-0 {
        margin-bottom: 0 !important
      }

      .mb-md-1 {
        margin-bottom: .25rem !important
      }

      .mb-md-2 {
        margin-bottom: .5rem !important
      }

      .mb-md-3 {
        margin-bottom: 1rem !important
      }

      .mb-md-4 {
        margin-bottom: 1.5rem !important
      }

      .mb-md-5 {
        margin-bottom: 3rem !important
      }

      .mb-md-auto {
        margin-bottom: auto !important
      }

      .ms-md-0 {
        margin-left: 0 !important
      }

      .ms-md-1 {
        margin-left: .25rem !important
      }

      .ms-md-2 {
        margin-left: .5rem !important
      }

      .ms-md-3 {
        margin-left: 1rem !important
      }

      .ms-md-4 {
        margin-left: 1.5rem !important
      }

      .ms-md-5 {
        margin-left: 3rem !important
      }

      .ms-md-auto {
        margin-left: auto !important
      }

      .p-md-0 {
        padding: 0 !important
      }

      .p-md-1 {
        padding: .25rem !important
      }

      .p-md-2 {
        padding: .5rem !important
      }

      .p-md-3 {
        padding: 1rem !important
      }

      .p-md-4 {
        padding: 1.5rem !important
      }

      .p-md-5 {
        padding: 3rem !important
      }

      .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
      }

      .px-md-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
      }

      .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
      }

      .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
      }

      .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
      }

      .py-md-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
      }

      .py-md-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
      }

      .py-md-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
      }

      .py-md-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
      }

      .py-md-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
      }

      .py-md-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
      }

      .pt-md-0 {
        padding-top: 0 !important
      }

      .pt-md-1 {
        padding-top: .25rem !important
      }

      .pt-md-2 {
        padding-top: .5rem !important
      }

      .pt-md-3 {
        padding-top: 1rem !important
      }

      .pt-md-4 {
        padding-top: 1.5rem !important
      }

      .pt-md-5 {
        padding-top: 3rem !important
      }

      .pe-md-0 {
        padding-right: 0 !important
      }

      .pe-md-1 {
        padding-right: .25rem !important
      }

      .pe-md-2 {
        padding-right: .5rem !important
      }

      .pe-md-3 {
        padding-right: 1rem !important
      }

      .pe-md-4 {
        padding-right: 1.5rem !important
      }

      .pe-md-5 {
        padding-right: 3rem !important
      }

      .pb-md-0 {
        padding-bottom: 0 !important
      }

      .pb-md-1 {
        padding-bottom: .25rem !important
      }

      .pb-md-2 {
        padding-bottom: .5rem !important
      }

      .pb-md-3 {
        padding-bottom: 1rem !important
      }

      .pb-md-4 {
        padding-bottom: 1.5rem !important
      }

      .pb-md-5 {
        padding-bottom: 3rem !important
      }

      .ps-md-0 {
        padding-left: 0 !important
      }

      .ps-md-1 {
        padding-left: .25rem !important
      }

      .ps-md-2 {
        padding-left: .5rem !important
      }

      .ps-md-3 {
        padding-left: 1rem !important
      }

      .ps-md-4 {
        padding-left: 1.5rem !important
      }

      .ps-md-5 {
        padding-left: 3rem !important
      }

      .text-md-start {
        text-align: left !important
      }

      .text-md-end {
        text-align: right !important
      }

      .text-md-center {
        text-align: center !important
      }
    }

    @media (min-width:992px) {
      .float-lg-start {
        float: left !important
      }

      .float-lg-end {
        float: right !important
      }

      .float-lg-none {
        float: none !important
      }

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

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

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

      .d-lg-grid {
        display: grid !important
      }

      .d-lg-table {
        display: table !important
      }

      .d-lg-table-row {
        display: table-row !important
      }

      .d-lg-table-cell {
        display: table-cell !important
      }

      .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
      }

      .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
      }

      .d-lg-none {
        display: none !important
      }

      .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
      }

      .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
      }

      .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
      }

      .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
      }

      .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
      }

      .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
      }

      .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
      }

      .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
      }

      .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
      }

      .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
      }

      .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
      }

      .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
      }

      .gap-lg-0 {
        gap: 0 !important
      }

      .gap-lg-1 {
        gap: .25rem !important
      }

      .gap-lg-2 {
        gap: .5rem !important
      }

      .gap-lg-3 {
        gap: 1rem !important
      }

      .gap-lg-4 {
        gap: 1.5rem !important
      }

      .gap-lg-5 {
        gap: 3rem !important
      }

      .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
      }

      .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
      }

      .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
      }

      .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
      }

      .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
      }

      .justify-content-lg-evenly {
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
      }

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

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

      .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
      }

      .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
      }

      .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
      }

      .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
      }

      .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
      }

      .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
      }

      .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
      }

      .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
      }

      .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
      }

      .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
      }

      .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
      }

      .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
      }

      .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
      }

      .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
      }

      .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
      }

      .order-lg-first {
        -ms-flex-order: -1 !important;
        order: -1 !important
      }

      .order-lg-0 {
        -ms-flex-order: 0 !important;
        order: 0 !important
      }

      .order-lg-1 {
        -ms-flex-order: 1 !important;
        order: 1 !important
      }

      .order-lg-2 {
        -ms-flex-order: 2 !important;
        order: 2 !important
      }

      .order-lg-3 {
        -ms-flex-order: 3 !important;
        order: 3 !important
      }

      .order-lg-4 {
        -ms-flex-order: 4 !important;
        order: 4 !important
      }

      .order-lg-5 {
        -ms-flex-order: 5 !important;
        order: 5 !important
      }

      .order-lg-last {
        -ms-flex-order: 6 !important;
        order: 6 !important
      }

      .m-lg-0 {
        margin: 0 !important
      }

      .m-lg-1 {
        margin: .25rem !important
      }

      .m-lg-2 {
        margin: .5rem !important
      }

      .m-lg-3 {
        margin: 1rem !important
      }

      .m-lg-4 {
        margin: 1.5rem !important
      }

      .m-lg-5 {
        margin: 3rem !important
      }

      .m-lg-auto {
        margin: auto !important
      }

      .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
      }

      .mx-lg-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
      }

      .mx-lg-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
      }

      .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
      }

      .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
      }

      .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
      }

      .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
      }

      .my-lg-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
      }

      .my-lg-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
      }

      .my-lg-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
      }

      .my-lg-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
      }

      .my-lg-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
      }

      .my-lg-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
      }

      .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
      }

      .mt-lg-0 {
        margin-top: 0 !important
      }

      .mt-lg-1 {
        margin-top: .25rem !important
      }

      .mt-lg-2 {
        margin-top: .5rem !important
      }

      .mt-lg-3 {
        margin-top: 1rem !important
      }

      .mt-lg-4 {
        margin-top: 1.5rem !important
      }

      .mt-lg-5 {
        margin-top: 3rem !important
      }

      .mt-lg-auto {
        margin-top: auto !important
      }

      .me-lg-0 {
        margin-right: 0 !important
      }

      .me-lg-1 {
        margin-right: .25rem !important
      }

      .me-lg-2 {
        margin-right: .5rem !important
      }

      .me-lg-3 {
        margin-right: 1rem !important
      }

      .me-lg-4 {
        margin-right: 1.5rem !important
      }

      .me-lg-5 {
        margin-right: 3rem !important
      }

      .me-lg-auto {
        margin-right: auto !important
      }

      .mb-lg-0 {
        margin-bottom: 0 !important
      }

      .mb-lg-1 {
        margin-bottom: .25rem !important
      }

      .mb-lg-2 {
        margin-bottom: .5rem !important
      }

      .mb-lg-3 {
        margin-bottom: 1rem !important
      }

      .mb-lg-4 {
        margin-bottom: 1.5rem !important
      }

      .mb-lg-5 {
        margin-bottom: 3rem !important
      }

      .mb-lg-auto {
        margin-bottom: auto !important
      }

      .ms-lg-0 {
        margin-left: 0 !important
      }

      .ms-lg-1 {
        margin-left: .25rem !important
      }

      .ms-lg-2 {
        margin-left: .5rem !important
      }

      .ms-lg-3 {
        margin-left: 1rem !important
      }

      .ms-lg-4 {
        margin-left: 1.5rem !important
      }

      .ms-lg-5 {
        margin-left: 3rem !important
      }

      .ms-lg-auto {
        margin-left: auto !important
      }

      .p-lg-0 {
        padding: 0 !important
      }

      .p-lg-1 {
        padding: .25rem !important
      }

      .p-lg-2 {
        padding: .5rem !important
      }

      .p-lg-3 {
        padding: 1rem !important
      }

      .p-lg-4 {
        padding: 1.5rem !important
      }

      .p-lg-5 {
        padding: 3rem !important
      }

      .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
      }

      .px-lg-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
      }

      .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
      }

      .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
      }

      .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
      }

      .py-lg-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
      }

      .py-lg-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
      }

      .py-lg-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
      }

      .py-lg-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
      }

      .py-lg-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
      }

      .py-lg-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
      }

      .pt-lg-0 {
        padding-top: 0 !important
      }

      .pt-lg-1 {
        padding-top: .25rem !important
      }

      .pt-lg-2 {
        padding-top: .5rem !important
      }

      .pt-lg-3 {
        padding-top: 1rem !important
      }

      .pt-lg-4 {
        padding-top: 1.5rem !important
      }

      .pt-lg-5 {
        padding-top: 3rem !important
      }

      .pe-lg-0 {
        padding-right: 0 !important
      }

      .pe-lg-1 {
        padding-right: .25rem !important
      }

      .pe-lg-2 {
        padding-right: .5rem !important
      }

      .pe-lg-3 {
        padding-right: 1rem !important
      }

      .pe-lg-4 {
        padding-right: 1.5rem !important
      }

      .pe-lg-5 {
        padding-right: 3rem !important
      }

      .pb-lg-0 {
        padding-bottom: 0 !important
      }

      .pb-lg-1 {
        padding-bottom: .25rem !important
      }

      .pb-lg-2 {
        padding-bottom: .5rem !important
      }

      .pb-lg-3 {
        padding-bottom: 1rem !important
      }

      .pb-lg-4 {
        padding-bottom: 1.5rem !important
      }

      .pb-lg-5 {
        padding-bottom: 3rem !important
      }

      .ps-lg-0 {
        padding-left: 0 !important
      }

      .ps-lg-1 {
        padding-left: .25rem !important
      }

      .ps-lg-2 {
        padding-left: .5rem !important
      }

      .ps-lg-3 {
        padding-left: 1rem !important
      }

      .ps-lg-4 {
        padding-left: 1.5rem !important
      }

      .ps-lg-5 {
        padding-left: 3rem !important
      }

      .text-lg-start {
        text-align: left !important
      }

      .text-lg-end {
        text-align: right !important
      }

      .text-lg-center {
        text-align: center !important
      }
    }

    @media (min-width:1200px) {
      .float-xl-start {
        float: left !important
      }

      .float-xl-end {
        float: right !important
      }

      .float-xl-none {
        float: none !important
      }

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

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

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

      .d-xl-grid {
        display: grid !important
      }

      .d-xl-table {
        display: table !important
      }

      .d-xl-table-row {
        display: table-row !important
      }

      .d-xl-table-cell {
        display: table-cell !important
      }

      .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
      }

      .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
      }

      .d-xl-none {
        display: none !important
      }

      .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
      }

      .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
      }

      .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
      }

      .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
      }

      .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
      }

      .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
      }

      .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
      }

      .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
      }

      .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
      }

      .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
      }

      .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
      }

      .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
      }

      .gap-xl-0 {
        gap: 0 !important
      }

      .gap-xl-1 {
        gap: .25rem !important
      }

      .gap-xl-2 {
        gap: .5rem !important
      }

      .gap-xl-3 {
        gap: 1rem !important
      }

      .gap-xl-4 {
        gap: 1.5rem !important
      }

      .gap-xl-5 {
        gap: 3rem !important
      }

      .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
      }

      .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
      }

      .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
      }

      .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
      }

      .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
      }

      .justify-content-xl-evenly {
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
      }

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

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

      .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
      }

      .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
      }

      .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
      }

      .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
      }

      .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
      }

      .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
      }

      .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
      }

      .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
      }

      .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
      }

      .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
      }

      .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
      }

      .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
      }

      .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
      }

      .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
      }

      .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
      }

      .order-xl-first {
        -ms-flex-order: -1 !important;
        order: -1 !important
      }

      .order-xl-0 {
        -ms-flex-order: 0 !important;
        order: 0 !important
      }

      .order-xl-1 {
        -ms-flex-order: 1 !important;
        order: 1 !important
      }

      .order-xl-2 {
        -ms-flex-order: 2 !important;
        order: 2 !important
      }

      .order-xl-3 {
        -ms-flex-order: 3 !important;
        order: 3 !important
      }

      .order-xl-4 {
        -ms-flex-order: 4 !important;
        order: 4 !important
      }

      .order-xl-5 {
        -ms-flex-order: 5 !important;
        order: 5 !important
      }

      .order-xl-last {
        -ms-flex-order: 6 !important;
        order: 6 !important
      }

      .m-xl-0 {
        margin: 0 !important
      }

      .m-xl-1 {
        margin: .25rem !important
      }

      .m-xl-2 {
        margin: .5rem !important
      }

      .m-xl-3 {
        margin: 1rem !important
      }

      .m-xl-4 {
        margin: 1.5rem !important
      }

      .m-xl-5 {
        margin: 3rem !important
      }

      .m-xl-auto {
        margin: auto !important
      }

      .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
      }

      .mx-xl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
      }

      .mx-xl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
      }

      .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
      }

      .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
      }

      .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
      }

      .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important
      }

      .my-xl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
      }

      .my-xl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
      }

      .my-xl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
      }

      .my-xl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
      }

      .my-xl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
      }

      .my-xl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
      }

      .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
      }

      .mt-xl-0 {
        margin-top: 0 !important
      }

      .mt-xl-1 {
        margin-top: .25rem !important
      }

      .mt-xl-2 {
        margin-top: .5rem !important
      }

      .mt-xl-3 {
        margin-top: 1rem !important
      }

      .mt-xl-4 {
        margin-top: 1.5rem !important
      }

      .mt-xl-5 {
        margin-top: 3rem !important
      }

      .mt-xl-auto {
        margin-top: auto !important
      }

      .me-xl-0 {
        margin-right: 0 !important
      }

      .me-xl-1 {
        margin-right: .25rem !important
      }

      .me-xl-2 {
        margin-right: .5rem !important
      }

      .me-xl-3 {
        margin-right: 1rem !important
      }

      .me-xl-4 {
        margin-right: 1.5rem !important
      }

      .me-xl-5 {
        margin-right: 3rem !important
      }

      .me-xl-auto {
        margin-right: auto !important
      }

      .mb-xl-0 {
        margin-bottom: 0 !important
      }

      .mb-xl-1 {
        margin-bottom: .25rem !important
      }

      .mb-xl-2 {
        margin-bottom: .5rem !important
      }

      .mb-xl-3 {
        margin-bottom: 1rem !important
      }

      .mb-xl-4 {
        margin-bottom: 1.5rem !important
      }

      .mb-xl-5 {
        margin-bottom: 3rem !important
      }

      .mb-xl-auto {
        margin-bottom: auto !important
      }

      .ms-xl-0 {
        margin-left: 0 !important
      }

      .ms-xl-1 {
        margin-left: .25rem !important
      }

      .ms-xl-2 {
        margin-left: .5rem !important
      }

      .ms-xl-3 {
        margin-left: 1rem !important
      }

      .ms-xl-4 {
        margin-left: 1.5rem !important
      }

      .ms-xl-5 {
        margin-left: 3rem !important
      }

      .ms-xl-auto {
        margin-left: auto !important
      }

      .p-xl-0 {
        padding: 0 !important
      }

      .p-xl-1 {
        padding: .25rem !important
      }

      .p-xl-2 {
        padding: .5rem !important
      }

      .p-xl-3 {
        padding: 1rem !important
      }

      .p-xl-4 {
        padding: 1.5rem !important
      }

      .p-xl-5 {
        padding: 3rem !important
      }

      .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .px-xl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
      }

      .px-xl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
      }

      .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
      }

      .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
      }

      .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
      }

      .py-xl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
      }

      .py-xl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
      }

      .py-xl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
      }

      .py-xl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
      }

      .py-xl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
      }

      .py-xl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
      }

      .pt-xl-0 {
        padding-top: 0 !important
      }

      .pt-xl-1 {
        padding-top: .25rem !important
      }

      .pt-xl-2 {
        padding-top: .5rem !important
      }

      .pt-xl-3 {
        padding-top: 1rem !important
      }

      .pt-xl-4 {
        padding-top: 1.5rem !important
      }

      .pt-xl-5 {
        padding-top: 3rem !important
      }

      .pe-xl-0 {
        padding-right: 0 !important
      }

      .pe-xl-1 {
        padding-right: .25rem !important
      }

      .pe-xl-2 {
        padding-right: .5rem !important
      }

      .pe-xl-3 {
        padding-right: 1rem !important
      }

      .pe-xl-4 {
        padding-right: 1.5rem !important
      }

      .pe-xl-5 {
        padding-right: 3rem !important
      }

      .pb-xl-0 {
        padding-bottom: 0 !important
      }

      .pb-xl-1 {
        padding-bottom: .25rem !important
      }

      .pb-xl-2 {
        padding-bottom: .5rem !important
      }

      .pb-xl-3 {
        padding-bottom: 1rem !important
      }

      .pb-xl-4 {
        padding-bottom: 1.5rem !important
      }

      .pb-xl-5 {
        padding-bottom: 3rem !important
      }

      .ps-xl-0 {
        padding-left: 0 !important
      }

      .ps-xl-1 {
        padding-left: .25rem !important
      }

      .ps-xl-2 {
        padding-left: .5rem !important
      }

      .ps-xl-3 {
        padding-left: 1rem !important
      }

      .ps-xl-4 {
        padding-left: 1.5rem !important
      }

      .ps-xl-5 {
        padding-left: 3rem !important
      }

      .text-xl-start {
        text-align: left !important
      }

      .text-xl-end {
        text-align: right !important
      }

      .text-xl-center {
        text-align: center !important
      }
    }

    @media (min-width:1400px) {
      .float-xxl-start {
        float: left !important
      }

      .float-xxl-end {
        float: right !important
      }

      .float-xxl-none {
        float: none !important
      }

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

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

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

      .d-xxl-grid {
        display: grid !important
      }

      .d-xxl-table {
        display: table !important
      }

      .d-xxl-table-row {
        display: table-row !important
      }

      .d-xxl-table-cell {
        display: table-cell !important
      }

      .d-xxl-flex {
        display: -ms-flexbox !important;
        display: flex !important
      }

      .d-xxl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
      }

      .d-xxl-none {
        display: none !important
      }

      .flex-xxl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
      }

      .flex-xxl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
      }

      .flex-xxl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
      }

      .flex-xxl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
      }

      .flex-xxl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
      }

      .flex-xxl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
      }

      .flex-xxl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
      }

      .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
      }

      .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
      }

      .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
      }

      .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
      }

      .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
      }

      .gap-xxl-0 {
        gap: 0 !important
      }

      .gap-xxl-1 {
        gap: .25rem !important
      }

      .gap-xxl-2 {
        gap: .5rem !important
      }

      .gap-xxl-3 {
        gap: 1rem !important
      }

      .gap-xxl-4 {
        gap: 1.5rem !important
      }

      .gap-xxl-5 {
        gap: 3rem !important
      }

      .justify-content-xxl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
      }

      .justify-content-xxl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
      }

      .justify-content-xxl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
      }

      .justify-content-xxl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
      }

      .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
      }

      .justify-content-xxl-evenly {
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
      }

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

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

      .align-items-xxl-center {
        -ms-flex-align: center !important;
        align-items: center !important
      }

      .align-items-xxl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
      }

      .align-items-xxl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
      }

      .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
      }

      .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
      }

      .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
      }

      .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
      }

      .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
      }

      .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
      }

      .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
      }

      .align-self-xxl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
      }

      .align-self-xxl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
      }

      .align-self-xxl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
      }

      .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
      }

      .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
      }

      .order-xxl-first {
        -ms-flex-order: -1 !important;
        order: -1 !important
      }

      .order-xxl-0 {
        -ms-flex-order: 0 !important;
        order: 0 !important
      }

      .order-xxl-1 {
        -ms-flex-order: 1 !important;
        order: 1 !important
      }

      .order-xxl-2 {
        -ms-flex-order: 2 !important;
        order: 2 !important
      }

      .order-xxl-3 {
        -ms-flex-order: 3 !important;
        order: 3 !important
      }

      .order-xxl-4 {
        -ms-flex-order: 4 !important;
        order: 4 !important
      }

      .order-xxl-5 {
        -ms-flex-order: 5 !important;
        order: 5 !important
      }

      .order-xxl-last {
        -ms-flex-order: 6 !important;
        order: 6 !important
      }

      .m-xxl-0 {
        margin: 0 !important
      }

      .m-xxl-1 {
        margin: .25rem !important
      }

      .m-xxl-2 {
        margin: .5rem !important
      }

      .m-xxl-3 {
        margin: 1rem !important
      }

      .m-xxl-4 {
        margin: 1.5rem !important
      }

      .m-xxl-5 {
        margin: 3rem !important
      }

      .m-xxl-auto {
        margin: auto !important
      }

      .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
      }

      .mx-xxl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
      }

      .mx-xxl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
      }

      .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
      }

      .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
      }

      .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
      }

      .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
      }

      .my-xxl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
      }

      .my-xxl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
      }

      .my-xxl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
      }

      .my-xxl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
      }

      .my-xxl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
      }

      .my-xxl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
      }

      .my-xxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
      }

      .mt-xxl-0 {
        margin-top: 0 !important
      }

      .mt-xxl-1 {
        margin-top: .25rem !important
      }

      .mt-xxl-2 {
        margin-top: .5rem !important
      }

      .mt-xxl-3 {
        margin-top: 1rem !important
      }

      .mt-xxl-4 {
        margin-top: 1.5rem !important
      }

      .mt-xxl-5 {
        margin-top: 3rem !important
      }

      .mt-xxl-auto {
        margin-top: auto !important
      }

      .me-xxl-0 {
        margin-right: 0 !important
      }

      .me-xxl-1 {
        margin-right: .25rem !important
      }

      .me-xxl-2 {
        margin-right: .5rem !important
      }

      .me-xxl-3 {
        margin-right: 1rem !important
      }

      .me-xxl-4 {
        margin-right: 1.5rem !important
      }

      .me-xxl-5 {
        margin-right: 3rem !important
      }

      .me-xxl-auto {
        margin-right: auto !important
      }

      .mb-xxl-0 {
        margin-bottom: 0 !important
      }

      .mb-xxl-1 {
        margin-bottom: .25rem !important
      }

      .mb-xxl-2 {
        margin-bottom: .5rem !important
      }

      .mb-xxl-3 {
        margin-bottom: 1rem !important
      }

      .mb-xxl-4 {
        margin-bottom: 1.5rem !important
      }

      .mb-xxl-5 {
        margin-bottom: 3rem !important
      }

      .mb-xxl-auto {
        margin-bottom: auto !important
      }

      .ms-xxl-0 {
        margin-left: 0 !important
      }

      .ms-xxl-1 {
        margin-left: .25rem !important
      }

      .ms-xxl-2 {
        margin-left: .5rem !important
      }

      .ms-xxl-3 {
        margin-left: 1rem !important
      }

      .ms-xxl-4 {
        margin-left: 1.5rem !important
      }

      .ms-xxl-5 {
        margin-left: 3rem !important
      }

      .ms-xxl-auto {
        margin-left: auto !important
      }

      .p-xxl-0 {
        padding: 0 !important
      }

      .p-xxl-1 {
        padding: .25rem !important
      }

      .p-xxl-2 {
        padding: .5rem !important
      }

      .p-xxl-3 {
        padding: 1rem !important
      }

      .p-xxl-4 {
        padding: 1.5rem !important
      }

      .p-xxl-5 {
        padding: 3rem !important
      }

      .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .px-xxl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
      }

      .px-xxl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
      }

      .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
      }

      .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
      }

      .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
      }

      .py-xxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
      }

      .py-xxl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
      }

      .py-xxl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
      }

      .py-xxl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
      }

      .py-xxl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
      }

      .py-xxl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
      }

      .pt-xxl-0 {
        padding-top: 0 !important
      }

      .pt-xxl-1 {
        padding-top: .25rem !important
      }

      .pt-xxl-2 {
        padding-top: .5rem !important
      }

      .pt-xxl-3 {
        padding-top: 1rem !important
      }

      .pt-xxl-4 {
        padding-top: 1.5rem !important
      }

      .pt-xxl-5 {
        padding-top: 3rem !important
      }

      .pe-xxl-0 {
        padding-right: 0 !important
      }

      .pe-xxl-1 {
        padding-right: .25rem !important
      }

      .pe-xxl-2 {
        padding-right: .5rem !important
      }

      .pe-xxl-3 {
        padding-right: 1rem !important
      }

      .pe-xxl-4 {
        padding-right: 1.5rem !important
      }

      .pe-xxl-5 {
        padding-right: 3rem !important
      }

      .pb-xxl-0 {
        padding-bottom: 0 !important
      }

      .pb-xxl-1 {
        padding-bottom: .25rem !important
      }

      .pb-xxl-2 {
        padding-bottom: .5rem !important
      }

      .pb-xxl-3 {
        padding-bottom: 1rem !important
      }

      .pb-xxl-4 {
        padding-bottom: 1.5rem !important
      }

      .pb-xxl-5 {
        padding-bottom: 3rem !important
      }

      .ps-xxl-0 {
        padding-left: 0 !important
      }

      .ps-xxl-1 {
        padding-left: .25rem !important
      }

      .ps-xxl-2 {
        padding-left: .5rem !important
      }

      .ps-xxl-3 {
        padding-left: 1rem !important
      }

      .ps-xxl-4 {
        padding-left: 1.5rem !important
      }

      .ps-xxl-5 {
        padding-left: 3rem !important
      }

      .text-xxl-start {
        text-align: left !important
      }

      .text-xxl-end {
        text-align: right !important
      }

      .text-xxl-center {
        text-align: center !important
      }
    }

    @media (min-width:1200px) {
      .fs-1 {
        font-size: 2.5rem !important
      }

      .fs-2 {
        font-size: 2rem !important
      }

      .fs-3 {
        font-size: 1.75rem !important
      }

      .fs-4 {
        font-size: 1.5rem !important
      }
    }

    @media print {
      .d-print-inline {
        display: inline !important
      }

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

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

      .d-print-grid {
        display: grid !important
      }

      .d-print-table {
        display: table !important
      }

      .d-print-table-row {
        display: table-row !important
      }

      .d-print-table-cell {
        display: table-cell !important
      }

      .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
      }

      .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
      }

      .d-print-none {
        display: none !important
      }
    }

    html {
      font-size: min(3.86473vw, 16px)
    }

    @media (min-width:1200px) {
      html {
        font-size: min(24px, 1.11111vw)
      }
    }

    body {
      background-color: var(--bg-page);
      color: var(--text-primary);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      font-family: var(--text-font-family);
      font-optical-sizing: auto;
      line-height: 1.2;
      margin: 0;
      min-height: 100svh;
      min-width: 350px;
      overflow-x: hidden;
      padding: 0;
      width: 100% !important
    }

    body.is-locked {
      -ms-touch-action: none;
      touch-action: none
    }

    .full-mobile-page body {
      bottom: 0;
      height: calc(var(--vh, 1dvh)*100);
      left: 0;
      min-height: auto;
      overflow-y: hidden;
      position: fixed;
      right: 0;
      top: 0
    }

    @media (min-width:1200px) {
      .full-mobile-page body {
        height: auto;
        min-height: 100svh;
        overflow-y: auto;
        position: relative
      }
    }

    .mobile-keyboard body {
      top: auto
    }

    .main .container {
      padding-left: 0;
      padding-right: 0;
      width: 100%
    }

    @media (min-width:1200px) {
      .main .container {
        --container-width: min(calc(100vw - var(--sidebar-w) - var(--page-pad)*2), 82.5rem);
        margin-left: auto;
        margin-right: auto;
        max-width: calc(var(--container-width) + var(--page-pad)*2);
        padding-left: var(--page-pad);
        padding-right: var(--page-pad)
      }

      .hide-sidebar .main .container {
        --container-width: min(calc(100vw - var(--page-pad)*2), 82.5rem)
      }
    }

    .row {
      margin-left: calc(var(--page-pad)*-1) !important;
      margin-right: calc(var(--page-pad)*-1) !important
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
      padding-left: var(--page-pad);
      padding-right: var(--page-pad)
    }

    #app {
      display: contents
    }

    .page,
    main {
      -ms-flex-positive: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      flex-grow: 1
    }

    .full-mobile-page .page {
      max-height: 100svh
    }

    @-moz-document url-prefix() {
      .full-mobile-page .page {
        scrollbar-width: none !important
      }
    }

    .full-mobile-page .page::-webkit-scrollbar {
      display: none
    }

    @media (min-width:1200px) {
      .full-mobile-page .page {
        max-height: none
      }

      @-moz-document url-prefix() {
        .full-mobile-page .page {
          scrollbar-width: thin !important
        }
      }

      .full-mobile-page .page::-webkit-scrollbar {
        display: unset
      }
    }

    *,
    :after,
    :before {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    *,
    :focus,
    :hover,
    button:focus,
    button:hover {
      outline: 0 !important
    }

    * {
      scrollbar-color: unset !important;
      scrollbar-width: unset !important
    }

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

    ::-webkit-scrollbar,
    ::-webkit-scrollbar-corner {
      background-color: transparent
    }

    ::-webkit-scrollbar-thumb {
      background-color: grey;
      border-radius: 4px
    }

    ::-webkit-scrollbar-button {
      display: none;
      height: 0;
      width: 0
    }

    ::-webkit-scrollbar-track {
      background-color: transparent;
      border-radius: 4px
    }

    @-moz-document url-prefix() {
      * {
        scrollbar-color: grey transparent !important;
        scrollbar-width: thin !important
      }
    }

    section {
      clear: both
    }

    .custom-select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(./img/icons/drop-down-arrow.svg) no-repeat calc(100% - 20px) #252525;
      background-size: 12px
    }

    a {
      color: var(--text-primary-link);
      transition-duration: .3s;
      transition-property: color, box-shadow
    }

    a,
    a:focus,
    a:hover {
      text-decoration: none
    }

    a:focus,
    a:hover {
      color: var(--text-primary)
    }

    a:focus {
      outline: 0;
      outline-offset: 0
    }

    hr {
      border: none;
      border-top: 1px solid hsla(0, 0%, 100%, .1);
      margin: 1em 0;
      width: 100%
    }

    button {
      all: unset;
      box-sizing: border-box;
      cursor: pointer;
      transition-duration: .3s
    }

    button:disabled {
      cursor: default;
      opacity: .5
    }

    p {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 0;
      padding-bottom: .5em
    }

    p:last-child {
      padding-bottom: 0
    }

    img {
      border-style: none;
      color: transparent;
      max-width: 100%;
      -o-user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      vertical-align: middle
    }

    img:-moz-loading {
      visibility: hidden
    }

    .vertical-image:not(.cover) {
      -o-object-fit: contain !important;
      object-fit: contain !important
    }

    iframe {
      border: 0;
      display: inline-block;
      vertical-align: middle;
      width: 100%
    }

    audio,
    canvas,
    progress,
    video {
      max-width: 100%;
      vertical-align: middle
    }

    video {
      display: block;
      max-height: 100%;
      width: 100%
    }

    video:-webkit-full-screen {
      height: 100% !important;
      max-height: 100% !important;
      width: 100% !important
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 400;
      margin-bottom: 0
    }

    input[type=submit] {
      cursor: pointer;
      outline: 0
    }

    input:-webkit-autofill,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:hover,
    select:-webkit-autofill,
    textarea:-webkit-autofill {
      -webkit-text-fill-color: var(--text-primary);
      box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
      caret-color: var(--text-primary);
      -webkit-transition: background-color 999999s ease-in-out 0s;
      transition: background-color 999999s ease-in-out 0s
    }

    label {
      cursor: pointer
    }

    mark {
      background-color: var(--action-selected-bg-dark);
      color: inherit
    }

    ::-moz-selection {
      background-color: var(--action-selected-bg-dark)
    }

    ::selection {
      background-color: var(--action-selected-bg-dark)
    }

    :-moz-placeholder,
    ::-moz-placeholder,
    ::-webkit-input-placeholder {
      color: #aaa;
      opacity: 1
    }

    .img-circle {
      border-radius: 100% !important
    }

    @media (max-width:calc(1200px - 1px)) {
      .hideonmobile {
        display: none !important
      }
    }

    @media (min-width:1200px) {
      .hideondesktop {
        display: none !important
      }
    }

    @media (max-width:calc(768px - 1px)) {
      .hideontablet {
        display: none !important
      }
    }

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

    .far,
    .fas {
      color: var(--text-primary-accent)
    }

    .withshadow {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, .4)
    }

    .sp-placeholder {
      background-image: url(./img/placeholders/thumbnail-flame.svg);
      background-position: 50%;
      background-size: cover
    }

    .sp-green {
      color: #34a353 !important
    }

    .sp-red {
      color: #e14344 !important
    }

    .sp-yellow {
      color: #e8a847 !important
    }

    .sp-soft-violet {
      color: #a484fb !important
    }

    .sp-pure-blue {
      color: #00acee !important
    }

    .sp-dark-green {
      color: #1d8f3d !important
    }

    .sp-moderate-pink {
      color: #d652ae !important
    }

    .sp-bright-violet {
      color: #c63bf8 !important
    }

    .sp-strong-green {
      color: #95d301 !important
    }

    .sp-soft-cyan {
      color: #6ae0d9 !important
    }

    .sp-moderate-blue {
      color: #456ed6 !important
    }

    .sp-vivid-red {
      color: #df0422 !important
    }

    .sp-vivid-orange {
      color: #f18b14 !important
    }

    .sp-vivid-yellow {
      color: #ffca10 !important
    }

    .sp-light-violet {
      color: #d55eff !important
    }

    .sp-keppel {
      color: #2aa29b !important
    }

    .gold-border {
      border: 2px solid #e0cb30 !important
    }

    .text-acid {
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
      background: var(--theme-primary-gradient);
      -webkit-background-clip: text;
      background-clip: text
    }

    .icon {
      fill: currentColor;
      height: 1em;
      vertical-align: -.125em;
      width: 1em
    }

    .lazyloading:not(.poster) {
      opacity: 0
    }

    .lazyloaded {
      opacity: 1;
      transition: opacity .3s
    }

    .fancybox__container {
      z-index: calc(var(--footer-mobile-z-index) + 50) !important
    }

    .fancybox__container .fancybox__thumbs {
      --f-thumb-outline-color: var(--text-primary-accent)
    }

    .one-line-text,
    .text-to-fit {
      opacity: 0;
      overflow: hidden;
      transition: opacity .3s;
      white-space: nowrap
    }

    .one-line-text *,
    .text-to-fit * {
      transition: none !important
    }

    .d-contents {
      display: contents
    }

    .read-more-text {
      opacity: 0;
      overflow: hidden;
      will-change: transform
    }

    .read-more-text .button--link {
      margin-left: .25em
    }

    .image-with-mat {
      overflow: hidden;
      position: relative
    }

    .image-with-mat img {
      height: 100%;
      inset: 0;
      -o-object-fit: cover;
      object-fit: cover;
      position: absolute;
      width: 100%
    }

    .image-with-mat__mat {
      -webkit-filter: blur(10px);
      filter: blur(10px)
    }

    .circle-img-in-ring {
      aspect-ratio: 1/1;
      background-clip: content-box;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 50%;
      display: block;
      min-width: 100%;
      padding: 4px;
      position: relative;
      transition: background-color .3s
    }

    @media (min-width:576px) {
      .circle-img-in-ring {
        padding: 5px
      }
    }

    .circle-img-in-ring:after,
    .circle-img-in-ring:before {
      background-clip: border-box;
      background-image: var(--ring-bgd-image, var(--theme-primary-gradient));
      background-origin: border-box;
      border: 2px solid transparent;
      border-radius: 50%;
      content: "";
      inset: 0;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      position: absolute;
      transition: .3s;
      z-index: -1
    }

    .circle-img-in-ring:after {
      background-color: #fff;
      background-image: none;
      opacity: 0
    }

    .circle-img-in-ring:hover:before {
      opacity: 0
    }

    .circle-img-in-ring:hover:after {
      opacity: 1
    }

    .circle-img-in-ring img {
      aspect-ratio: 1/1;
      border-radius: 50%;
      display: block;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%
    }

    .giphy-gif-img {
      background-color: var(--bg-section) !important
    }

    .giphy-loader,
    info-menu,
    single-categories-btn {
      display: none !important
    }

    button-logout,
    button-studio,
    page-menu-toggler {
      display: contents
    }

    @keyframes fadeIn {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    .fade-in {
      animation: fade-in .3s ease forwards
    }

    @keyframes fadeOut {
      0% {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    .fade-out {
      animation: fade-out .3s ease forwards
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(100%)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .fade-in-up {
      animation: fade-in-up .3s ease forwards
    }

    @keyframes fadeInDown {
      0% {
        opacity: 0;
        transform: translateY(-100%)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .fade-in-down {
      animation: fade-in-down .3s ease forwards
    }

    @keyframes spin {
      to {
        transform: translateZ(0) rotate(1turn)
      }
    }

    @keyframes scale-in-ver-top {
      0% {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: 100% 0
      }

      to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 0
      }
    }

    @keyframes red_glow {
      0% {
        box-shadow: 0 0 0 #c00
      }

      to {
        box-shadow: 0 0 10px #c00
      }
    }

    @keyframes expandX {
      0% {
        min-width: 0;
        opacity: 0;
        width: 0
      }
    }

    @keyframes expandY {
      0% {
        height: 0;
        opacity: 0
      }
    }

    @keyframes enter-up {
      0% {
        opacity: 0;
        transform: translateY(100px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .enter-up {
      animation: enter-up .3s ease forwards
    }

    @keyframes enter-right {
      0% {
        opacity: 0;
        transform: translateX(-100px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .enter-right {
      animation: enter-right .3s ease forwards
    }

    @keyframes skeleton-pulse {

      0%,
      to {
        opacity: 1
      }

      50% {
        opacity: .5
      }
    }

    .fade-enter-active,
    .fade-leave-active {
      transition: opacity .3s
    }

    .fade-enter,
    .fade-leave-to {
      opacity: 0
    }

    .button,
    .skeleton__btn {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: var(--br-btn);
      display: -ms-flexbox;
      display: flex;
      font-size: var(--btn-fs, 1rem);
      height: var(--btn-height, 2rem);
      justify-content: center;
      line-height: var(--btn-height, 2rem);
      padding: 0 var(--btn-px, 1em);
      text-align: center;
      transition: .3s;
      white-space: nowrap
    }

    .button.disabled,
    .button:disabled,
    .disabled.skeleton__btn,
    .skeleton__btn:disabled {
      cursor: default;
      opacity: .5
    }

    .button--primary {
      background-color: var(--action-selected-bg);
      color: var(--action-selected-text);
      transition: box-shadow .3s
    }

    @media (hover:hover) {
      .button--primary:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .button--primary:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .button--gray {
      background-color: #454545;
      color: var(--action-selected-text);
      transition: box-shadow .3s
    }

    @media (hover:hover) {
      .button--gray:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .button--gray:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .button--icon {
      --btn-hover-color: var(--text-primary-accent);
      background: none;
      border: none;
      border-radius: 0;
      color: inherit;
      padding: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .button--icon:not(:disabled):not(.disabled):focus,
    .button--icon:not(:disabled):not(.disabled):hover {
      color: inherit
    }

    .button--icon:not(:disabled):not(.disabled):active {
      color: var(--btn-hover-color, inherit)
    }

    .button--icon svg {
      height: 100%;
      width: auto
    }

    @media (hover:hover) {
      .button--icon:not(:disabled):not(.disabled):hover {
        color: var(--btn-hover-color, inherit)
      }

      .button--icon:not(:disabled):not(.disabled):active {
        color: inherit
      }
    }

    .button--link {
      border: none;
      border-radius: 0;
      color: var(--text-primary-link);
      display: inline;
      font-size: inherit;
      font-weight: inherit;
      height: auto;
      letter-spacing: inherit;
      line-height: inherit;
      padding: 0;
      vertical-align: baseline
    }

    .button--link:active,
    .button--link:focus,
    .button--link:hover {
      color: var(--text-primary-accent)
    }

    .btn {
      border: none;
      border-radius: var(--br-btn);
      cursor: pointer;
      display: inline-block;
      font-size: 1rem;
      font-weight: 400;
      overflow: hidden;
      padding: .875rem 1.75rem;
      position: relative;
      text-align: center;
      text-decoration: none;
      transition: .3s;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      vertical-align: middle
    }

    .btn:focus {
      box-shadow: none
    }

    .btn:focus-visible {
      outline: none
    }

    a.btn {
      text-decoration: none
    }

    .btn--primary {
      background-color: var(--text-primary-accent);
      color: #fff;
      font-weight: 400;
      position: relative;
      text-align: center;
      z-index: 1
    }

    .btn--primary:before {
      background-image: linear-gradient(var(--text-primary-accent), var(--text-primary-accent))
    }

    .btn--primary:after,
    .btn--primary:before {
      bottom: 0;
      content: "";
      display: block;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1
    }

    .btn--primary:after {
      background-color: transparent;
      transition: .3s
    }

    .btn--primary:focus,
    .btn--primary:hover {
      color: var(--action-selected-text)
    }

    .btn--primary:focus:after,
    .btn--primary:hover:after {
      background-color: var(--action-selected-bg)
    }

    .btn--primary:active {
      box-shadow: 0 0 1rem var(--text-primary-accent)
    }

    .btn--primary:active:after,
    .btn--red-gradient {
      background-color: transparent
    }

    .btn--red-gradient {
      box-shadow: 0 5px 15px 3px rgba(105, 7, 25, .51);
      color: #fff;
      font-weight: 500;
      position: relative;
      text-align: center;
      z-index: 1
    }

    .btn--red-gradient:before {
      background-image: linear-gradient(#bf002b, #d93258)
    }

    .btn--red-gradient:after,
    .btn--red-gradient:before {
      bottom: 0;
      content: "";
      display: block;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1
    }

    .btn--red-gradient:after {
      opacity: 0;
      transition: .3s
    }

    .btn--red-gradient:focus,
    .btn--red-gradient:hover {
      color: #fff
    }

    .btn--red-gradient:focus:after,
    .btn--red-gradient:hover:after {
      background-image: linear-gradient(#d93258, #bf002b);
      opacity: 1
    }

    .btn--red-gradient:active {
      box-shadow: 0 0 1rem #fff
    }

    .btn--red-gradient:active:after {
      opacity: 0
    }

    .btn--acid-gradient {
      background-color: transparent;
      color: #fff;
      position: relative;
      z-index: 1
    }

    .btn--acid-gradient:after,
    .btn--acid-gradient:before {
      content: "";
      display: block;
      inset: 0;
      position: absolute;
      transition: opacity .3s;
      z-index: -1
    }

    .btn--acid-gradient:before {
      background-image: linear-gradient(var(--text-primary-accent), var(--text-primary-accent))
    }

    .btn--acid-gradient:after {
      background-image: var(--theme-primary-gradient);
      opacity: 0
    }

    .btn--acid-gradient:focus,
    .btn--acid-gradient:hover {
      color: #fff
    }

    .btn--acid-gradient:focus:after,
    .btn--acid-gradient:hover:after {
      opacity: 1
    }

    .btn--acid-gradient:active {
      color: #fff
    }

    .btn--acid-gradient:active:after {
      opacity: 0
    }

    .btn--secondary {
      background-color: transparent;
      border: 1px solid var(--text-primary-accent);
      color: #fff
    }

    .btn--secondary:active,
    .btn--secondary:focus,
    .btn--secondary:hover {
      border: 1px solid #274cff;
      box-shadow: none;
      color: #fff
    }

    .btn--secondary:active {
      border: 1px solid #274cff;
      box-shadow: 0 0 1rem var(--text-primary-accent)
    }

    .btn--secondary-muted {
      background-color: transparent;
      border: 1px solid #737b8f;
      color: #fff;
      transition: .15s
    }

    @media (min-width:1200px) {

      .btn--secondary-muted:focus,
      .btn--secondary-muted:hover {
        border: 1px solid var(--text-primary-accent)
      }
    }

    .btn--secondary-muted:active {
      border: 1px solid var(--text-primary-accent);
      box-shadow: 0 0 1rem var(--text-primary-accent)
    }

    .btn--borderline {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #1e1e1e;
      border: 2px solid #2e2e2e;
      border-radius: 50%;
      color: #7c849a;
      display: -ms-flexbox;
      display: flex;
      height: 56px;
      justify-content: center;
      margin: 0 auto;
      padding: 0;
      transform: translateY(50%);
      width: 56px
    }

    .btn--borderline:focus,
    .btn--borderline:hover {
      background-color: var(--action-selected-bg);
      border-color: var(--action-selected-bg);
      color: var(--action-selected-text)
    }

    .btn--borderline:active {
      background-color: #1e1e1e;
      box-shadow: 0 0 1rem var(--text-primary-accent)
    }

    .btn--borderline svg {
      height: auto;
      width: 50%
    }

    .btn--icon {
      --btn-hover-color: var(--text-primary-accent);
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background: none;
      border: none;
      border-radius: 0;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      padding: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .btn--icon,
    .btn--icon:not(:disabled):not(.disabled):focus,
    .btn--icon:not(:disabled):not(.disabled):hover {
      color: inherit
    }

    .btn--icon:not(:disabled):not(.disabled):active {
      color: var(--btn-hover-color, inherit)
    }

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

    @media (hover:hover) {
      .btn--icon:not(:disabled):not(.disabled):hover {
        color: var(--btn-hover-color, inherit)
      }

      .btn--icon:not(:disabled):not(.disabled):active {
        color: inherit
      }
    }

    .btn--text {
      background: none;
      border: none;
      border-radius: 0;
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      padding: 0;
      -webkit-user-select: auto;
      -moz-user-select: auto;
      -ms-user-select: auto;
      user-select: auto
    }

    .btn--text:not(:disabled):active,
    .btn--text:not(:disabled):focus,
    .btn--text:not(:disabled):hover {
      color: var(--btn-hover-color, inherit)
    }

    .btn--link {
      -webkit-text-fill-color: var(--text-primary-accent);
      background: linear-gradient(var(--text-primary-accent), var(--text-primary-accent));
      -webkit-background-clip: text;
      background-clip: text;
      border: none;
      border-radius: 0;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      padding: 0;
      vertical-align: baseline
    }

    .btn--link:active,
    .btn--link:active:after,
    .btn--link:focus,
    .btn--link:focus:after,
    .btn--link:hover,
    .btn--link:hover:after {
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
      background: var(--theme-primary-gradient);
      -webkit-background-clip: text;
      background-clip: text
    }

    .btn--form {
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      padding: 18px;
      width: 100%
    }

    .btn--gray {
      background-color: #333;
      border: 1px solid #fff;
      color: #fff
    }

    .btn--gray:active,
    .btn--gray:focus,
    .btn--gray:hover {
      border-color: #274cff;
      box-shadow: none
    }

    .btn--gray:active {
      border-color: #274cff;
      box-shadow: 0 0 1rem var(--text-primary-accent)
    }

    .btn--flat-gray {
      background-color: var(--bg-section);
      border: none;
      color: #aaa
    }

    .btn--flat-gray.active,
    .btn--flat-gray:focus,
    .btn--flat-gray:hover {
      color: var(--text-primary-accent)
    }

    .btn--flat-gray:active {
      color: #aaa
    }

    .btn--pink {
      background-color: #d91f74;
      color: #fff
    }

    .btn--pink:active,
    .btn--pink:focus,
    .btn--pink:hover {
      background-color: #fa0070;
      box-shadow: none;
      color: #fff
    }

    .btn--pink:active {
      box-shadow: 0 0 1rem #fff
    }

    .btn--muted {
      background-color: var(--bg-section);
      border: none;
      box-shadow: 0 0 0 1px #404040;
      color: grey
    }

    .btn--muted:disabled {
      background-color: #282828;
      box-shadow: none;
      color: #ffffff33
    }

    .btn--muted.selected,
    .btn--muted:not(:disabled):focus,
    .btn--muted:not(:disabled):hover {
      box-shadow: 0 0 0 2px var(--text-primary-accent);
      color: #fff
    }

    .btn--muted:not(:disabled):active {
      box-shadow: 0 0 0 2px var(--text-primary-accent), 0 0 1rem var(--text-primary-accent)
    }

    .btn--cancel {
      background-color: var(--text-secondary);
      border: 1px solid var(--text-secondary);
      color: #aeaeae
    }

    .btn--cancel:not(:disabled):focus,
    .btn--cancel:not(:disabled):hover {
      border-color: var(--text-primary-accent);
      color: #fff
    }

    .btn--cancel:not(:disabled):active {
      border-color: #fff;
      color: #fff
    }

    .btn.disabled,
    .btn:disabled {
      cursor: default;
      opacity: .5
    }

    .btn.disabled:after,
    .btn:disabled:after {
      content: none
    }

    .btn--rounded {
      border-radius: 1000px;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.2;
      padding: .55em 1.5rem
    }

    .btn--acid-bordered {
      --bg-color: var(--bg-section);
      --bg-hover-color: var(--bg-section);
      background-clip: padding-box, border-box;
      background-color: var(--bg-color);
      background-origin: border-box;
      border: 1px solid grey;
      color: #aaa
    }

    @media (min-width:992px) {
      .btn--acid-bordered {
        border-color: transparent !important;
        border-width: 2px
      }
    }

    .btn--acid-bordered.active,
    .btn--acid-bordered:active {
      background-image: linear-gradient(var(--bg-color), var(--bg-color)), var(--theme-primary-gradient);
      border-color: transparent !important;
      color: #fff !important;
      cursor: default
    }

    @media (hover:hover) {
      .btn--acid-bordered {
        background-image: linear-gradient(var(--bg-hover-color), var(--bg-hover-color)), linear-gradient(var(--bg-hover-color), var(--bg-hover-color))
      }

      .btn--acid-bordered:not(.active):hover {
        color: var(--text-primary-accent)
      }
    }

    .btn--acid-solid-bordered {
      --bg-color: var(--bg-section);
      --bg-hover-color: var(--bg-section);
      --border-color: $semi_gray;
      background-color: var(--bg-color);
      border: 1px solid var(--border-color);
      color: #aaa !important;
      overflow: visible;
      position: relative;
      transform: translateZ(0);
      z-index: 1
    }

    .btn--acid-solid-bordered:before {
      background-clip: padding-box, border-box;
      background-image: linear-gradient(var(--bg-color), var(--bg-color)), var(--theme-primary-gradient);
      background-origin: border-box;
      border: 1px solid transparent;
      border-radius: inherit;
      content: "";
      inset: -1px;
      opacity: 0;
      position: absolute;
      transition: opacity .3s;
      z-index: -1
    }

    .btn--acid-solid-bordered.active,
    .btn--acid-solid-bordered:active {
      color: #fff !important;
      cursor: default
    }

    .btn--acid-solid-bordered.active:before,
    .btn--acid-solid-bordered:active:before {
      opacity: 1
    }

    @media (hover:hover) {
      .btn--acid-solid-bordered:hover {
        color: #fff !important
      }

      .btn--acid-solid-bordered:hover:before {
        opacity: 1
      }

      .btn--acid-solid-bordered:active {
        color: #aaa !important
      }
    }

    .btn--dark-pink {
      background-color: var(--bg-section);
      color: var(--text-primary-accent)
    }

    .btn--dark-pink.active {
      background-color: var(--action-selected-bg);
      color: var(--action-selected-text)
    }

    .btn--gold {
      background: linear-gradient(#e7c071, #a07d4e);
      color: #fff
    }

    @media (hover:hover) {
      .btn--gold {
        transition: box-shadow .3s
      }

      .btn--gold:not(:disabled):hover {
        box-shadow: 0 0 0 2px #fff;
        color: #fff
      }
    }

    .btn--violet {
      background-color: var(--bg-tertiary);
      color: #fff
    }

    @media (hover:hover) {
      .btn--violet {
        transition: box-shadow .3s
      }

      .btn--violet:hover {
        box-shadow: 0 0 0 2px #fff;
        color: #fff
      }
    }

    .btn--green {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #34a353;
      border-radius: 1000px;
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      font-size: 1rem;
      height: var(--btn-height, 2.5rem);
      justify-content: center;
      line-height: var(--btn-height, 2.5rem);
      padding: 0 1rem;
      transition: box-shadow .3s;
      white-space: nowrap
    }

    @media (hover:hover) {
      .btn--green:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 0 2px #fff
      }
    }

    .btn--green:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .btn--semi-gray {
      background-color: grey;
      border: 1px solid grey;
      color: #fff
    }

    @media (hover:hover) {
      .btn--semi-gray:hover {
        border-color: #fff;
        color: #fff
      }
    }

    .page {
      margin: 0;
      min-height: 100svh;
      position: relative
    }

    @media (min-width:1200px) {
      .page {
        --sidebar-width: calc(var(--page-pad) + var(--sidebar-w));
        display: grid;
        gap: 0;
        grid-template-areas: "header header" "top top" "sidebar main" "sidebar footer";
        grid-template-columns: minmax(0, var(--sidebar-width)) minmax(0, 1fr);
        transition: .3s
      }

      .hide-sidebar .page {
        --sidebar-width: 0rem
      }

      .is-guest .page {
        padding-bottom: var(--bottom-banner-h)
      }
    }

    .page__header {
      grid-area: header
    }

    .page__top {
      grid-area: top
    }

    .page__top section {
      padding: 0 var(--page-pad)
    }

    .page__top .section-header {
      font-size: .9375rem
    }

    .page__sidebar {
      --scroll-shadow-h: 4rem;
      --scroll-shadow-z: 2;
      background-color: #000;
      height: calc(100svh - var(--header-height));
      left: 0;
      padding: 0 var(--page-pad);
      position: fixed;
      top: var(--header-height);
      transform: translate3d(-100%, 0, 0);
      transition: .3s;
      width: min(100vw, 540px);
      z-index: var(--footer-mobile-z-index)
    }

    @media (min-width:1200px) {
      .page__sidebar {
        align-self: start;
        background-color: transparent;
        grid-area: sidebar;
        height: calc(100vh - var(--page-pad));
        max-height: calc(100vh - var(--header-height) - var(--page-top-gap) - var(--page-top-h, 0px));
        max-width: var(--sidebar-width);
        overflow: hidden;
        padding: 0 0 0 var(--page-pad);
        position: -webkit-sticky;
        position: sticky;
        top: var(--page-pad);
        transform: translateZ(0);
        width: 100%
      }

      .is-guest .page__sidebar {
        max-height: calc(100vh - var(--header-height) - var(--page-top-gap) - var(--page-top-h, 0px) - var(--bottom-banner-h))
      }

      .scrolled .page__sidebar {
        max-height: calc(100vh - var(--page-pad))
      }

      .is-guest .scrolled .page__sidebar {
        max-height: calc(100vh - var(--page-pad) - var(--bottom-banner-h))
      }

      .hide-sidebar .page__sidebar {
        padding-left: 0;
        transform: translate3d(-100%, 0, 0)
      }

      .page__sidebar--mobile {
        height: calc(100vh - var(--mr-header-height) - var(--page-pad));
        left: 0;
        position: fixed;
        top: var(--mr-header-height);
        transform: translate3d(-100%, 0, 0);
        width: 17rem;
        z-index: var(--footer-mobile-z-index)
      }
    }

    .menu-open .page__sidebar {
      transform: translateZ(0)
    }

    .page__overlay {
      background-color: rgba(var(--bg-page-rgb), .9);
      inset: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transition: opacity .3s;
      z-index: 9
    }

    .menu-open .page__overlay {
      opacity: 1;
      pointer-events: auto
    }

    @media (min-width:1200px) {
      .page__overlay {
        display: none
      }
    }

    .main {
      grid-area: main;
      min-width: 0
    }

    .page__footer {
      align-self: end;
      grid-area: footer;
      min-width: 0
    }

    .header {
      left: 0;
      margin-bottom: var(--page-top-gap);
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      width: 100%;
      z-index: 10002
    }

    .live-stream-page .header {
      margin-bottom: 0
    }

    @media (min-width:1200px) {
      .live-stream-page .header {
        margin-bottom: var(--page-top-gap)
      }
    }

    .mobile-keyboard .header {
      position: relative
    }

    @media (min-width:1200px) {
      .header {
        position: relative;
        width: auto;
        z-index: var(--modal-z-index, 100502)
      }
    }

    .fullscreen-inbox .header {
      height: 0
    }

    .fullscreen-video .header {
      display: none
    }

    .header__main {
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--bg-header);
      display: grid;
      gap: .5rem;
      grid-template-columns: 1fr auto 1fr;
      height: var(--header-height);
      padding: 0 var(--page-pad);
      position: relative;
      transition: height .6s;
      width: 100%;
      z-index: 20
    }

    .header__main.from-sintube {
      display: none
    }

    @media (min-width:1200px) {
      .header__main {
        gap: 1.125rem
      }

      .header__main,
      .header__main.from-sintube {
        display: -ms-flexbox;
        display: flex
      }

      [data-brand=peepshow] .header__main,
      [data-brand=peepshow] .header__main.from-sintube {
        display: grid
      }
    }

    .scrolled .header__main {
      background-color: var(--bg-header-scrolled, var(--bg-page))
    }

    .fullscreen-inbox .header__main {
      display: none
    }

    .header__logo {
      -ms-flex-positive: 0;
      flex-grow: 0;
      height: 2rem;
      max-width: 8.75rem;
      width: auto
    }

    @media (min-width:1200px) {
      .header__logo {
        -ms-flex: none;
        flex: none;
        width: 9.625rem
      }
    }

    .header__logo img,
    .header__logo svg {
      height: 100%;
      width: auto
    }

    .header__search-toggle {
      -ms-flex-align: center;
      align-items: center;
      background: none;
      border: none;
      display: -ms-flexbox;
      display: flex;
      height: max(30px, 1.875rem);
      width: 1.5rem
    }

    @media (min-width:1200px) {
      .header__search-toggle {
        margin-left: auto;
        min-width: 1.5rem;
        width: auto
      }
    }

    .header__search-toggle svg {
      fill: var(--text-primary);
      height: auto;
      width: 1.5rem
    }

    @media (min-width:1200px) {
      .header__search-toggle svg {
        width: 1.25rem
      }
    }

    .header__search-toggle:active svg,
    .header__search-toggle:focus svg,
    .header__search-toggle:hover svg {
      fill: url(#primaryGradient)
    }

    .header__navigation {
      margin-left: auto
    }

    .header__toggler {
      aspect-ratio: 1;
      -ms-flex: none;
      flex: none;
      height: 2rem;
      width: auto
    }

    @media (min-width:1200px) {
      .header__toggler {
        border-radius: var(--br-btn);
        color: var(--text-header);
        margin-left: -.25rem;
        transition: .3s;
        transition: box-shadow .3s
      }
    }

    @media (min-width:1200px) and (hover:hover) {
      .header__toggler:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    @media (min-width:1200px) {
      .header__toggler:not(:disabled):not(.disabled):active {
        box-shadow: 0 0 0 2px #fff
      }
    }

    .header__toggler button,
    .header__toggler a {
      -ms-flex: none;
      flex: none
    }

    @media (min-width:1200px) {
      .header__toggler button,
      .header__toggler a {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: center;
        aspect-ratio: 1;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        justify-content: center;
        width: auto
      }
    }

    .footer {
      --nav-item-gap: 0.75rem;
      background: var(--bg-section);
      color: var(--text-secondary);
      display: grid;
      font-size: var(--footer-fs);
      gap: 1.5rem 1rem;
      grid-template-columns: 1fr 50%;
      line-height: 1.49;
      margin-left: var(--main-margin-left);
      overflow: hidden;
      padding: 1.125rem;
      position: relative;
      width: 100%;
      z-index: 1
    }

    @media (min-width:992px) {
      .footer .on-narrow {
        display: none !important
      }
    }

    @media (max-width:calc(992px - 1px)) {
      .footer .on-wide {
        display: none !important
      }
    }

    @media (min-width:992px) {
      .footer {
        --nav-item-gap: 0.25rem;
        font-size: .75rem;
        gap: var(--nav-item-gap) 1rem;
        grid-template-columns: 35% 7% 6% 19% 1fr;
        grid-template-rows: 2.625rem;
        padding: 1.5rem 3rem 1rem
      }
    }

    .footer--has-mobile-menu {
      padding-bottom: calc(var(--page-pad) + var(--mobile-footer-height))
    }

    @media (min-width:1200px) {
      .footer {
        border-radius: var(--br-section);
        margin: var(--page-pad);
        padding-bottom: 1rem;
        width: calc(100% - 2 * var(--page-pad));
      }
    }

    .full-mobile-page .footer {
      display: none
    }

    @media (min-width:1200px) {
      .full-mobile-page .footer {
        display: grid
      }
    }

    .footer__logo {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      height: 2rem;
      width: auto
    }

    @media (min-width:992px) {
      .footer__logo {
        height: 2.625rem
      }
    }

    .footer__logo svg {
      height: 100%;
      width: auto
    }

    .footer__socials {
      --icon-size: 2rem;
      display: -ms-flexbox;
      display: flex;
      gap: .5rem;
      height: var(--icon-size);
      margin-left: auto
    }

    @media (min-width:992px) {
      .footer__socials {
        --icon-size: 2.5rem;
        gap: 1.125rem
      }
    }

    .footer__socials a {
      background-color: var(--action-selected-bg);
      border-radius: 50%;
      color: #040404;
      height: var(--icon-size);
      transition: box-shadow .3s;
      width: var(--icon-size)
    }

    @media (hover:hover) {
      .footer__socials a:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .footer__socials a:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .footer__socials a svg {
      height: 100%;
      width: 100%
    }

    @media (min-width:992px) {
      .footer__socials {
        align-self: end;
        grid-area: 3/1/4/2;
        grid-column: auto;
        margin-left: 0
      }
    }

    .footer__nav {
      min-width: 0
    }

    @media (min-width:992px) {
      .footer__nav--explore {
        grid-area: 1/2/3/4
      }

      .footer__nav--work-with-us {
        grid-area: 1/4/3/5
      }

      .footer__nav--support {
        grid-area: 1/5/3/6
      }

      .footer__nav--legal-stuff {
        grid-area: 3/5/5/6
      }
    }

    .footer__copyright {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .25rem;
      grid-column: span 2
    }

    .footer__copyright address {
      all: unset
    }

    @media (min-width:992px) {
      .footer__copyright {
        grid-area: 2/1/3/2
      }
    }

    .footer__enforcement {
      grid-column: span 2
    }

    @media (min-width:992px) {
      .footer__enforcement {
        align-self: end;
        grid-area: 3/3/5/5;
        margin-bottom: .25rem
      }
    }

    .footer__statement {
      grid-column: span 2
    }

    @media (min-width:992px) {
      .footer__statement {
        align-self: end;
        grid-area: 4/1/5/3
      }
    }

    .footer-nav__title {
      color: var(--text-primary);
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.49;
      margin-bottom: var(--nav-item-gap);
      padding-bottom: 0
    }

    .footer-nav ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: var(--nav-item-gap);
      list-style: none;
      padding: 0
    }

    .footer-nav a,
    .footer-nav button {
      color: var(--text-secondary);
      display: block;
      font-weight: inherit;
      white-space: nowrap
    }

    .footer-nav a:hover,
    .footer-nav button:hover {
      color: var(--text-primary-accent)
    }

    .enforcement {
      -ms-flex-pack: justify;
      color: #555454;
      display: -ms-flexbox;
      display: flex;
      gap: .5rem;
      height: 1.5rem;
      justify-content: space-between
    }

    @media (min-width:768px) {
      .enforcement {
        -ms-flex-pack: start;
        justify-content: flex-start
      }
    }

    @media (min-width:992px) {
      .enforcement {
        -ms-flex-pack: justify;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        justify-content: space-between;
        width: 11.875rem
      }
    }

    .enforcement img,
    .enforcement svg {
      height: 1.5rem;
      width: auto
    }

    .enforcement__item {
      height: 100%;
      width: auto
    }

    @media (min-width:992px) {
      .enforcement__item {
        height: 1.5rem
      }
    }

    .enforcement__item--rta {
      display: -ms-flexbox;
      display: flex;
      font-size: .64rem;
      gap: .375rem;
      line-height: 1.14
    }

    .enforcement__item--rta span {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content
    }

    .enforcement__item--acasp {
      display: contents
    }

    .main {
      color: var(--text-primary);
      margin-left: var(--main-margin-left);
      padding-bottom: var(--main-padding-bottom);
      transition: margin-left .3s
    }

    @media (min-width:1200px) {
      .main {
        padding-top: var(--main-padding-top);
        z-index: 2
      }

      .main--home {
        margin-top: calc(var(--header-height)*-1);
        padding-top: 0
      }
    }

    .main--hero {
      margin-top: calc(var(--header-height)*-1);
      padding-top: 0
    }

    .main--billing {
      min-height: calc(100vh - var(--header-height));
      padding: 0 1.25rem
    }

    @media (min-width:1200px) {
      .main--billing {
        padding: 0
      }
    }

    .main__advertisement-video-top-banner {
      margin: 0 calc(var(--page-pad)*-1);
      min-height: calc(19vw + 2.25rem);
      padding: 1.125rem 0
    }

    .main creator-content-section {
      display: none
    }

    .main__back-btn {
      color: var(--text-primary);
      display: -ms-flexbox;
      display: flex;
      font-size: 1.25rem;
      font-weight: 700;
      gap: .5rem;
      line-height: 1.25rem
    }

    .main__back-btn svg {
      fill: currentColor;
      height: 1em;
      transform: rotate(90deg);
      width: auto
    }

    @media (min-width:1200px) {
      .main__back-btn {
        display: none
      }
    }

    .full-mobile-page .main {
      padding-bottom: var(--mobile-footer-height)
    }

    .main__section {
      margin-bottom: 2rem;
      transition: padding-left .3s;
      z-index: 1
    }

    .main__section:last-child {
      margin-bottom: 0
    }

    .main__section--hero {
      display: -ms-flexbox;
      display: flex;
      min-height: calc(100vh - var(--header-height) - var(--main-padding-top) - var(--main-padding-bottom))
    }

    :not(.container) .main__section {
      padding: 0 var(--page-pad)
    }

    @media (min-width:1200px) {
      :not(.container) .main__section {
        --container-width: calc(100vw - var(--page-pad)*2);
        padding: 0 var(--page-pad) 0 var(--page-pad)
      }

      .live-stream-page :not(.container) .main__section {
        padding: 0 var(--page-pad)
      }
    }

    .main__section.with-overlay {
      z-index: 10000
    }

    .full-mobile-page .main__section {
      -ms-flex-positive: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      flex-grow: 1
    }

    .navigation {
      display: -ms-flexbox;
      display: flex;
      gap: .25rem;
      height: 2rem;
      text-align: left
    }

    @media (min-width:1200px) {
      .navigation {
        gap: 1rem
      }
    }

    .is-guest .navigation {
      max-width: 100%;
      min-width: 0
    }

    .navigation__item {
      -ms-flex-align: center;
      align-items: center;
      background: var(--bg-header-item);
      border-radius: var(--br-btn);
      color: var(--text-header-item);
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      height: auto;
      position: relative;
      transition: .3s;
      transition: box-shadow .3s
    }

    @media (hover:hover) {
      .navigation__item:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .navigation__item:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .navigation__item--balance {
      padding: 0 .5625rem
    }

    .navigation__item--sq,
    .navigation__item--sq button {
      aspect-ratio: 1;
      height: 100%;
      width: auto
    }

    .navigation__item--sq button {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      justify-content: center
    }

    .navigation__item--sq svg {
      fill: currentColor;
      height: 1.375rem;
      width: 1.375rem
    }

    .navigation__item--sq .skeleton {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      aspect-ratio: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      height: 100%;
      justify-content: center;
      opacity: .5;
      width: auto
    }

    .navigation__item--search svg {
      height: 1rem;
      width: 1rem
    }

    .navigation__btn {
      border-radius: var(--br-btn);
      display: block;
      font-size: .75rem;
      font-weight: 700;
      height: 2rem;
      line-height: 2rem;
      min-width: 4.375rem;
      overflow: hidden;
      padding: 0 .75rem;
      text-align: center;
      text-overflow: ellipsis;
      text-transform: uppercase;
      transition: box-shadow .3s;
      white-space: nowrap
    }

    @media (hover:hover) {
      .navigation__btn:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .navigation__btn:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .navigation__btn--secondary {
      background: var(--header-cta-bg);
      color: var(--header-cta-text)
    }

    .navigation__btn--primary {
      background: var(--header-cta-prim-bg);
      color: var(--header-cta-prim-text)
    }

    .button-top-up-wallet {
      font-size: var(--top-up-btn-fs, 1.125rem);
      line-height: 1.3;
      width: auto
    }

    .button-top-up-wallet>span {
      -ms-flex: none;
      flex: none;
      gap: .5rem
    }

    .button-top-up-wallet>span,
    .button-top-up-wallet>span>span {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex
    }

    .button-top-up-wallet>span>span {
      gap: .25rem;
      padding-bottom: 0
    }

    .button-top-up-wallet svg {
      color: var(--text-primary-accent)
    }

    .button-top-up-wallet svg.coins-icon {
      height: 1.5rem;
      width: 1.5rem
    }

    .button-top-up-wallet svg.plus-icon {
      height: 1rem;
      margin-left: auto;
      width: 1rem
    }

    .button-top-up-wallet b {
      font-weight: 600
    }

    .button-top-up-wallet small {
      color: var(--action-text);
      font-size: .56em;
      font-style: normal;
      font-weight: 400;
      text-transform: lowercase
    }

    .footer-mobile {
      background: var(--bg-section);
      border-radius: 1rem 1rem 0 0;
      bottom: 0;
      box-shadow: 0 -5px 14px 0 rgba(0, 0, 0, .6);
      height: var(--mobile-footer-height);
      left: 0;
      padding: 0 2.375rem;
      position: fixed;
      width: 100%;
      z-index: var(--footer-mobile-z-index)
    }

    .mobile-keyboard .footer-mobile {
      display: none
    }

    .footer-mobile svg {
      transform: translateZ(0)
    }

    .footer-mobile__menu {
      -ms-flex-pack: justify;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      justify-content: space-between;
      list-style: none
    }

    @media (min-width:768px) {
      .footer-mobile__menu {
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
      }
    }

    .footer-mobile__item {
      color: var(--action-nav-text);
      display: grid;
      font-size: .75rem;
      gap: .44rem;
      justify-items: center;
      line-height: 1.3;
      position: relative;
      text-align: center
    }

    .footer-mobile__item.active {
      color: var(--action-selected-bg)
    }

    .footer-mobile__item a,
    .footer-mobile__item button {
      color: inherit;
      display: contents
    }

    .footer-mobile__item a:active,
    .footer-mobile__item button:active {
      color: var(--action-selected-bg)
    }

    .footer-mobile__item svg {
      height: 1.5rem;
      width: auto
    }

    .footer-mobile__item--home a:active,
    .footer-mobile__item--home a:focus,
    .footer-mobile__item--home a:hover,
    .footer-mobile__item--home button:active,
    .footer-mobile__item--home button:focus,
    .footer-mobile__item--home button:hover {
      color: var(--action-selected-bg)
    }

    .footer-mobile__item--home svg {
      height: 2rem;
      width: auto
    }

    .skeleton {
      width: 100%
    }

    .skeleton--pulse {
      animation: skeleton-pulse 1.5s ease-in-out infinite
    }

    .skeleton__section {
      background-color: var(--skeleton-bg);
      border-radius: var(--br-section);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .5rem;
      height: auto;
      padding: .5rem;
      width: 100%
    }

    .skeleton__section--square {
      aspect-ratio: 1/1
    }

    .skeleton__btn {
      background-color: var(--skeleton-bg, #181818);
      min-width: 5rem
    }

    .skeleton__btn--icon {
      aspect-ratio: 1/1;
      min-width: auto
    }

    .skeleton__card {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      font-size: 1rem;
      gap: .5rem
    }

    .skeleton__card *,
    .skeleton__circle {
      background-color: var(--skeleton-bg, #181818)
    }

    .skeleton__circle {
      aspect-ratio: 1/1;
      border-radius: 50%
    }

    .skeleton__thumbnail {
      background-color: var(--skeleton-bg, #181818);
      border-radius: var(--br-thumbnail);
      width: 100%
    }

    .skeleton__thumbnail.square {
      aspect-ratio: 1/1;
      border-radius: 0
    }

    @media (min-width:1200px) {
      .skeleton__thumbnail.square {
        border-radius: var(--br-thumbnail)
      }
    }

    .skeleton__thumbnail.widescreen {
      aspect-ratio: 16/9
    }

    .absent .skeleton__thumbnail--sincam-poster {
      aspect-ratio: 4/5;
      border-radius: var(--presentation-border-radius)
    }

    @media (min-width:1200px) {
      .absent .skeleton__thumbnail--sincam-poster {
        aspect-ratio: unset;
        height: 100%
      }
    }

    .skeleton__line {
      background-color: var(--skeleton-bg, #181818);
      border-radius: var(--br-btn);
      display: block;
      width: 50%
    }

    .skeleton__line:before {
      content: " "
    }

    .skeleton__section-filters {
      display: -ms-flexbox;
      display: flex;
      gap: 1rem;
      height: 2.375rem;
      padding-bottom: .725rem;
      padding-top: .4rem
    }

    @media (min-width:992px) {
      .skeleton__section-filters {
        height: 3.125rem;
        padding-bottom: .85rem
      }
    }

    .skeleton--content-section {
      margin-top: .5rem
    }

    .skeleton--content-section .content-menu {
      height: 2.375rem
    }

    @media (min-width:992px) {
      .skeleton--content-section .content-menu {
        height: 3.125rem
      }
    }

    .skeleton--content-section .content-gallery--listing {
      --rows-gap: 2.9rem
    }

    @media (min-width:1200px) {
      .skeleton--content-section {
        margin-top: .75rem
      }

      .skeleton--content-section .content-gallery--listing {
        --rows-gap: 4.45rem
      }
    }

    .skeleton--creator-content {
      opacity: 0;
      transition: opacity .3s
    }

    .skeleton--creator-content.grid,
    .skeleton--creator-content.list {
      opacity: 1
    }

    .grid.skeleton .content-feed {
      display: none
    }

    .grid.skeleton .skeleton__thumbnail {
      aspect-ratio: 1/1
    }

    .grid.skeleton .skeleton__line {
      display: none
    }

    @media (min-width:1200px) {
      .grid.skeleton {
        aspect-ratio: unset;
        background-color: transparent
      }

      .grid.skeleton .skeleton__thumbnail {
        aspect-ratio: 16/9
      }

      .grid.skeleton .skeleton__line {
        display: block
      }
    }

    .list.skeleton {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
    }

    @media (min-width:1200px) {
      .list.skeleton {
        display: block
      }

      .list.skeleton.list {
        margin-left: auto;
        margin-right: auto;
        max-width: 56.25rem;
        padding: 0 !important;
        width: 100%
      }
    }

    .list.skeleton .content-gallery {
      display: none
    }

    .list.skeleton .skeleton__thumbnail {
      aspect-ratio: 16/9
    }

    .list.skeleton .creator-content-filters {
      display: none
    }

    .list.skeleton .content-feed {
      display: grid;
      gap: 3rem;
      margin-top: 1.5rem
    }

    .list.skeleton .content-feed-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      font-size: 1rem;
      gap: 1rem;
      position: relative
    }

    .filter.skeleton {
      display: -ms-flexbox;
      display: flex;
      gap: var(--item-gap)
    }

    .filter.skeleton .skeleton__btn {
      min-width: 7rem
    }

    .page-menu.skeleton {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .75rem;
      overflow: hidden;
      padding: 1rem 0
    }

    @media (min-width:1200px) {
      .page-menu.skeleton {
        padding: 0
      }
    }

    .skeleton--comments-section {
      display: none
    }

    @media (min-width:768px) {
      .skeleton--comments-section {
        display: -ms-flexbox;
        display: flex;
        gap: .5rem;
        height: 2.5rem;
        margin-bottom: 1.25rem;
        margin-top: 2.125rem;
        width: 100%
      }
    }

    .skeleton--comments-section>div {
      -ms-flex-positive: 1;
      background-color: var(--bg-section);
      border-radius: var(--br-section);
      flex-grow: 1
    }

    .skeleton--comments-section .ratio {
      border-radius: 50%;
      -ms-flex: none;
      flex: none;
      width: 2.5rem
    }

    button-top-up,
    comment-section,
    content-section {
      display: none !important
    }

    [set-colls-number] {
      opacity: 0;
      transition: opacity .3s
    }

    .age-gate-overlay {
      background: rgba(var(--bg-page-rgb), .9);
      font-size: 0;
      inset: 0;
      overflow: auto;
      padding: var(--page-pad);
      position: fixed;
      text-align: center;
      transform: translateZ(0);
      z-index: calc(var(--modal-z-index) - 1)
    }

    @-moz-document url-prefix() {
      .age-gate-overlay {
        scrollbar-width: none !important
      }
    }

    .age-gate-overlay::-webkit-scrollbar {
      display: none
    }

    .age-gate-overlay:after {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle
    }

    .age-gate-overlay__inner {
      display: inline-block;
      max-width: 100%;
      position: relative;
      vertical-align: middle
    }

    .age-gate-overlay.blured {
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px)
    }

    .age-gate-overlay.dark {
      background: rgba(var(--bg-page-rgb), .98)
    }

    .age-gate-overlay.transparent {
      background: transparent
    }

    .age-gate-overlay.passive {
      pointer-events: none
    }

    .age-gate-overlay.passive>* {
      pointer-events: auto
    }

    .age-gate-overlay [hidden] {
      display: none !important
    }

    .modal-black-list {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #1d1d1d;
      border: 2px solid var(--action-selected-bg);
      border-radius: 1rem;
      box-shadow: 0 5px 14px rgba(0, 0, 0, .6);
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
      flex-flow: column;
      gap: 2rem;
      justify-content: center;
      padding: 2rem;
      text-align: center
    }

    @media (min-width:576px) {
      .modal-black-list {
        padding: 2rem 5rem
      }
    }

    @media (min-width:992px) {
      .modal-black-list {
        min-width: 36.875rem
      }
    }

    .modal-black-list__title {
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 1rem
    }

    .modal-black-list__desc {
      color: #aaa;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.3
    }

    .modal-black-list__link {
      color: #fff;
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.3;
      text-decoration: none
    }

    .modal-black-list__link:not(:disabled):hover {
      color: var(--text-primary-accent) !important
    }

    .modal-black-list__btn {
      --btn-fs: 1rem;
      --btn-height: 3.375rem;
      --btn-px: 2.255rem;
      width: 100%
    }

    .modal-black-list .loading-spinner {
      height: 3.375rem;
      width: 3.375rem
    }

    .modal-age-verify {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #1d1d1d;
      border: 2px solid var(--action-selected-bg);
      border-radius: 1rem;
      box-shadow: 0 5px 14px rgba(0, 0, 0, .6);
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
      flex-flow: column;
      gap: 2rem;
      justify-content: center;
      padding: 2rem 1.5rem;
      text-align: center
    }

    @media (min-width:576px) {
      .modal-age-verify {
        max-width: 37.875rem;
        padding: 2rem 4rem
      }
    }

    .modal-age-verify__logo {
      height: 1.8125rem;
      width: 6.375rem
    }

    @media (min-width:576px) {
      .modal-age-verify__logo {
        height: inherit;
        width: inherit
      }
    }

    .modal-age-verify__title {
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 1rem
    }

    @media (min-width:576px) {
      .modal-age-verify__title {
        font-size: 2rem
      }
    }

    .modal-age-verify__desc {
      color: #fff;
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.3
    }

    @media (min-width:576px) {
      .modal-age-verify__desc {
        font-size: 1rem
      }
    }

    .modal-age-verify__text {
      color: #aaa;
      font-size: .625rem;
      font-weight: 400;
      line-height: 1.4;
      text-decoration: none
    }

    @media (min-width:576px) {
      .modal-age-verify__text {
        font-size: .75rem
      }
    }

    .modal-age-verify__actions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row;
      flex-flow: row;
      gap: 1rem;
      padding: 0 .5rem;
      width: 100%
    }

    .modal-age-verify__btn {
      --btn-fs: 1rem;
      --btn-height: 3.375rem;
      --btn-px: 2.255rem;
      font-weight: 400;
      text-transform: capitalize;
      width: 100%
    }

    .modal-age-verify__footer {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      gap: .5rem;
      justify-content: center
    }

    .modal-age-verify__footer-text {
      color: var(--text-secondary);
      display: inline-block;
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.3;
      max-width: 10rem;
      text-align: left
    }

/* Extracted from inline <style> block 2 */
.account-counter {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--action-selected-bg);
      border-radius: .8em;
      color: var(--action-selected-text);
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      font-size: .625em;
      font-weight: 400;
      height: 1.8em;
      justify-content: center;
      line-height: 1;
      margin-left: .6em;
      min-width: 1.8em;
      padding: 0 .25em;
      transform: translateY(-1.1em)
    }

    .account-counter--float {
      margin: 0;
      position: absolute;
      right: 0;
      top: 0;
      transform: translate(50%, -50%);
      z-index: 10
    }

    .account-counter--on-header {
      background-color: var(--acc-header-counter-bg, var(--action-selected-bg));
      color: var(--acc-header-counter-c, var(--action-selected-text))
    }

/* Extracted from inline <style> block 3 */
.sincam-progress-card {
      -ms-flex-pack: justify;
      background: var(--progress-card-background);
      border-radius: var(--br-section);
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      -ms-flex-direction: column;
      flex-direction: column;
      font-size: 1rem;
      height: 4.375em;
      justify-content: space-between;
      padding: .625em
    }

    .sincam-progress-card.completed {
      height: auto
    }

    .sincam-progress-card.compact {
      border-radius: .5em;
      height: 2.5em;
      padding: .5em
    }

    .sincam-progress-card.compact.completed {
      height: auto
    }

    .sincam-progress-card.clickable {
      cursor: pointer
    }

    .sincam-progress-card--gray {
      --progress-card-background: linear-gradient(90deg, rgba(95, 95, 95, .3), hsla(0, 0%, 69%, .3));
      --progress-card-fill-background: linear-gradient(90deg, #5f5f5f, #b0b0b0);
      --progress-card-color: grey
    }

    .sincam-progress-card--green {
      --progress-card-background: linear-gradient(180deg, rgba(15, 150, 80, .3), rgba(12, 98, 54, .3));
      --progress-card-fill-background: linear-gradient(180deg, #0f9650, #0c6236);
      --progress-card-color: #4da84c
    }

    .sincam-progress-card--blue {
      --progress-card-background: linear-gradient(180deg, rgba(61, 79, 240, .3), rgba(36, 51, 161, .3));
      --progress-card-fill-background: linear-gradient(180deg, #3d4ff0, #2433a1);
      --progress-card-color: #4458f5
    }

    .sincam-progress-card--purple {
      --progress-card-background: linear-gradient(180deg, rgba(136, 66, 228, .3), rgba(97, 48, 176, .3));
      --progress-card-fill-background: linear-gradient(180deg, #8842e4, #6130b0);
      --progress-card-color: #853dea
    }

    .sincam-progress-card--gold {
      --progress-card-background: linear-gradient(180deg, hsla(40, 71%, 67%, .3), rgba(160, 125, 78, .3));
      --progress-card-fill-background: linear-gradient(180deg, #e7c071, #a07d4e)
    }

    .sincam-progress-card--pink {
      --progress-card-background: linear-gradient(180deg, rgba(200, 7, 93, .3), rgba(172, 9, 114, .3));
      --progress-card-fill-background: linear-gradient(180deg, #c8075d, #ac0972);
      --progress-card-color: #d9186e
    }

    .sincam-progress-card__header {
      -ms-flex-align: center;
      align-items: center;
      display: grid;
      grid-template-columns: 1fr auto 1fr
    }

    .compact .sincam-progress-card__header {
      -ms-flex-pack: justify;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between
    }

    .sincam-progress-card__title {
      color: var(--progress-card-color);
      -webkit-filter: brightness(1.5);
      filter: brightness(1.5);
      font-size: .75em;
      font-weight: 700;
      line-height: 1.35
    }

    .compact .sincam-progress-card__title {
      font-size: .4375em;
      text-transform: uppercase
    }

    .sincam-progress-card__desc,
    .sincam-progress-card__you-label {
      color: #858585;
      font-weight: 700
    }

    .sincam-progress-card__desc {
      font-size: .625em
    }

    .sincam-progress-card--gold .sincam-progress-card__title {
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
      background: linear-gradient(#e7c071, #a07d4e);
      -webkit-background-clip: text;
      background-clip: text
    }

    .sincam-progress-card__btn {
      background-color: #626262;
      border-radius: .25rem;
      color: #cecece;
      font-size: .625em;
      justify-self: flex-end;
      line-height: 1.75;
      padding: 0 .8em
    }

    .sincam-progress-card__btn:hover {
      background-color: var(--action-selected-bg)
    }

    .compact .sincam-progress-card__btn {
      --btn-hover-color: #fff;
      background: none;
      color: #aaa;
      height: .9em;
      padding: 0;
      width: .9em
    }

    .compact .sincam-progress-card__btn:hover {
      background: none
    }

    .sincam-progress-card__btn svg {
      fill: none;
      height: 100%;
      width: 100%
    }

    .sincam-progress-card__bar-container {
      position: relative
    }

    .sincam-progress-card__bar {
      background: #202020;
      border-radius: .5em;
      height: 1.25em;
      overflow: hidden;
      width: 100%
    }

    .compact .sincam-progress-card__bar {
      height: .6875em
    }

    .sincam-progress-card__fill {
      -ms-flex-align: center;
      align-items: center;
      background: var(--progress-card-fill-background);
      border-radius: .5em;
      display: -ms-flexbox;
      display: flex;
      height: 100%
    }

    .sincam-progress-card__progress-text {
      bottom: 0;
      color: #ececec;
      font-size: .625em;
      left: .6em;
      line-height: 1;
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
    }

    .sincam-progress-card__progress-text b {
      color: #fff;
      font-weight: 700
    }

    .compact .sincam-progress-card__progress-text {
      font-size: .4375em
    }

    .sincam-progress-card__next-label {
      -ms-flex-align: center;
      align-items: center;
      bottom: 0;
      color: grey;
      display: -ms-flexbox;
      display: flex;
      font-size: .625em;
      line-height: 1.35;
      position: absolute;
      right: .6em;
      top: 0
    }

    .sincam-progress-card__next-label--gray {
      color: grey
    }

    .sincam-progress-card__next-label--green {
      color: #4da84c
    }

    .sincam-progress-card__next-label--blue {
      color: #4458f5
    }

    .sincam-progress-card__next-label--purple {
      color: #853dea
    }

    .sincam-progress-card__next-label--gold {
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
      background: linear-gradient(#e7c071, #a07d4e);
      -webkit-background-clip: text;
      background-clip: text
    }

    .sincam-progress-card__next-label--pink {
      color: #d9186e
    }

    .compact .sincam-progress-card__next-label {
      color: #f2f2f2;
      font-size: .4375em
    }

    .sincam-progress-card .skeleton {
      animation: skeleton-loading 1.5s infinite;
      background-image: linear-gradient(90deg, #333 25%, #555 50%, #333 75%);
      background-size: 200% 100%;
      border-radius: .25em
    }

    .sincam-progress-card__title.skeleton {
      height: 1em;
      width: 60%
    }

    .compact .sincam-progress-card__title.skeleton {
      width: 40%
    }

    .sincam-progress-card__btn.skeleton {
      border-radius: 100px;
      height: 1.6em;
      width: 4.2em
    }

    .compact .sincam-progress-card__btn.skeleton {
      border-radius: 50%;
      height: .9em;
      width: .9em
    }

    .sincam-progress-card__fill.skeleton {
      border-radius: .5em;
      width: 30%
    }

    .sincam-progress-card__progress-text.skeleton {
      height: 1em;
      top: calc(50% - .5em);
      width: 40%
    }

    .sincam-progress-card__next-label.skeleton {
      height: 1em;
      top: calc(50% - .5em);
      width: 25%
    }

    @keyframes skeleton-loading {
      0% {
        background-position: 200% 0
      }

      to {
        background-position: -200% 0
      }
    }

/* Extracted from inline <style> block 4 */
.info-page-menu {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 2rem
    }

    .info-page-menu__title {
      color: #fff;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 1rem;
      text-transform: uppercase
    }

    .info-page-menu__list {
      display: grid;
      gap: 1rem;
      list-style: none
    }

    .info-page-menu__list li {
      color: #aaa
    }

    .info-page-menu__list li a,
    .info-page-menu__list li button {
      color: #aaa;
      font-size: 1rem;
      line-height: 1.3
    }

    .info-page-menu__list li a.active,
    .info-page-menu__list li button.active {
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
      background: var(--theme-primary-gradient);
      -webkit-background-clip: text;
      background-clip: text
    }

    @media (hover:hover) {

      .info-page-menu__list li a:focus,
      .info-page-menu__list li a:hover,
      .info-page-menu__list li button:focus,
      .info-page-menu__list li button:hover {
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        background: var(--theme-primary-gradient);
        -webkit-background-clip: text;
        background-clip: text
      }
    }

    .info-menu {
      background: var(--bg-page);
      bottom: 0;
      left: 0;
      overflow: auto;
      padding: var(--page-pad) var(--page-pad) calc(var(--page-pad) + var(--mobile-footer-height));
      position: fixed;
      top: var(--header-height);
      transform: translateX(calc(-100% - 1px));
      transition: .3s;
      width: 100%;
      z-index: var(--footer-mobile-z-index)
    }

    .info-menu.open {
      transform: translateX(0)
    }

    @media (min-width:768px) {
      .info-menu {
        top: 0;
        width: var(--sidebar-w)
      }
    }

    .info-menu .info-page-menu {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
    }

    .info-menu__back {
      -ms-flex-align: center;
      align-items: center;
      color: #aaa;
      display: -ms-flexbox;
      display: flex;
      font-size: 1rem;
      gap: .5em;
      height: 1.3125rem;
      line-height: 1;
      margin-bottom: 1.25rem
    }

    .info-menu__back svg {
      height: .75rem;
      width: auto
    }

/* Extracted from inline <style> block 5 */
.button-processing {
      position: relative
    }

    .button-processing.processing {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      cursor: default;
      max-height: 100%;
      position: relative;
      transition: 0s
    }

    .button-processing.processing:after,
    .button-processing.processing:before {
      content: none !important
    }

    .button-processing.processing:not(:disabled):active,
    .button-processing.processing:not(:disabled):focus,
    .button-processing.processing:not(:disabled):hover {
      background: none !important;
      border: none !important;
      box-shadow: none !important
    }

    .button-processing__slot {
      height: 100%;
      width: 100%
    }

    .button-processing.processing .button-processing__slot {
      opacity: 0
    }

    .button-processing.processing .button-processing__slot--translucent {
      opacity: .33
    }

    .button-processing .loading-spinner {
      inset: 0;
      position: absolute
    }

/* Extracted from inline <style> block 6 */
.page-menu-item {
      color: var(--text-menu-item);
      display: block;
      font-size: .875rem;
      list-style: none
    }

    .page-menu-item__dd {
      --item-gap: 1rem;
      --item-height: 1.75rem;
      display: grid;
      gap: var(--item-gap);
      list-style: none;
      margin-left: 1.75rem;
      max-height: 0;
      overflow: hidden
    }

    .page-menu-item__dd:not(.is-permanent) {
      transition: all .3s
    }

    .dd-open>.page-menu-item__dd {
      max-height: calc(var(--items, 0)*var(--item-height) + var(--items, 0)*var(--item-gap) + 1rem);
      padding-top: 1rem
    }

    .page-menu-item__link {
      -ms-flex-align: center;
      align-items: center;
      color: inherit;
      display: grid;
      font-size: inherit;
      gap: .5rem;
      grid-template-columns: 1.25rem 1fr;
      grid-template-rows: 1.25rem;
      line-height: 1.25rem;
      overflow: visible;
      position: relative;
      text-align: left;
      transition: color .3s;
      width: 100%
    }

    .page-menu-item__link.active,
    .page-menu-item__link:active,
    .page-menu-item__link:focus {
      color: var(--text-primary-accent)
    }

    @media (hover:hover) {
      .page-menu-item__link:hover {
        color: var(--text-primary-accent)
      }
    }

    .page-menu-item__link--without-icon {
      grid-template-columns: 1fr
    }

    .page-menu-item__link--toggler {
      grid-template-columns: 1.25rem 1fr 1.25rem
    }

    .page-menu-item__link--permanent {
      grid-template-columns: 1fr
    }

    .page-menu-item__link--permanent .page-menu-item__title {
      color: var(--text-primary-accent);
      font-size: 1.125rem;
      font-weight: 500
    }

    .page-menu-item__link.page-menu-item__link--toggler.page-menu-item__link--without-icon {
      color: var(--text-primary);
      font-weight: 700;
      grid-template-columns: 1fr 1.25rem;
      padding: 0 .375rem
    }

    .page-menu-item__link.page-menu-item__link--toggler.page-menu-item__link--without-icon.active {
      color: var(--text-primary-accent)
    }

    @media (hover:hover) {
      .page-menu-item__link.page-menu-item__link--toggler.page-menu-item__link--without-icon:hover {
        color: var(--text-primary-accent)
      }
    }

    .page-menu-item__link :first-child {
      justify-self: center
    }

    .page-menu-item__link.active {
      cursor: default
    }

    .page-menu-item__dd-icon {
      fill: #adadad;
      height: 1rem;
      margin-left: auto;
      transition: .3s;
      width: 1rem
    }

    .dd-open .page-menu-item__dd-icon {
      transform: scaleY(-1)
    }

    .page-menu-item__icon {
      color: currentColor;
      height: 1.25rem;
      width: 1.25rem
    }

    .page-menu-item__title {
      margin-right: auto;
      max-width: 100%;
      min-width: 0;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .page-menu-item__title--badge {
      overflow: visible
    }

    .page-menu-item__badge {
      font-size: .5rem;
      font-weight: 700;
      height: .875rem;
      left: 100%;
      min-width: .875rem;
      position: absolute;
      top: 0;
      transform: none
    }

/* Extracted from inline <style> block 7 */
.page-menu-user-block {
      --balance-h: 2.75rem;
      --progress-h: 3.5rem;
      --top-up-btn-fs: 1.375rem
    }

    .page-menu-user-block__balance {
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--bg-page);
      border: 1px solid var(--action-selected-bg);
      border-radius: var(--br-btn);
      display: -ms-flexbox;
      display: flex;
      height: var(--balance-h);
      padding: 0 .5625rem
    }

    .page-menu-user-block__balance .plus-icon {
      display: none
    }

    .page-menu-user-block__progress-card .sincam-progress-card {
      font-size: .8rem;
      height: var(--progress-h)
    }

    .page-menu-user-block .page-menu-item__dd {
      margin-left: 0
    }

    .page-menu-user-block .dd-open>.page-menu-item__dd {
      max-height: calc(var(--progress-h) + var(--balance-h) + var(--items, 0)*var(--item-height) + var(--items, 0)*var(--item-gap) + 1rem)
    }

/* Extracted from inline <style> block 8 */
.page-menu {
      height: 100%
    }

    @-moz-document url-prefix() {
      .page-menu {
        scrollbar-width: none !important
      }
    }

    .page-menu::-webkit-scrollbar {
      display: none
    }

    @media (min-width:1200px) {

      .page-menu.scroll-shadow:after,
      .page-menu.scroll-shadow:before {
        opacity: 0
      }
    }

    .page-menu__wrap {
      --llfa-height: 1.875rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: var(--gallery-rows-gap);
      padding-bottom: calc(var(--mobile-footer-height) + var(--page-pad));
      padding-top: var(--page-pad)
    }

    .with-footer .page-menu__wrap {
      padding-bottom: calc(var(--mobile-footer-height) + var(--page-pad) + var(--page-pad)*2 + var(--llfa-height))
    }

    .no-mobile-footer .page-menu__wrap {
      padding-bottom: calc(var(--page-pad) + var(--page-pad)*2 + var(--llfa-height))
    }

    @media (min-width:1200px) {
      .page-menu__wrap {
        padding: 0 0 var(--page-pad)
      }
    }

    .page-menu__block {
      --parent-bg: var(--bg-card);
      border-radius: var(--br-section);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: var(--page-menu-items-gap)
    }

    .page-menu .live-list-filter-actions,
    .page-menu__block {
      background-color: var(--bg-card);
      padding: var(--page-pad)
    }

    .page-menu .live-list-filter-actions {
      border-radius: var(--br-section) var(--br-section) 0 0;
      bottom: var(--mobile-footer-height);
      left: var(--page-pad);
      margin: 0;
      position: fixed;
      right: var(--page-pad);
      z-index: 1
    }

    @media (min-width:1200px) {
      .page-menu .live-list-filter-actions {
        display: none
      }
    }

/* Extracted from inline <style> block 9 */
.popup-info-fade-enter,
    .popup-info-fade-leave-active {
      opacity: 0;
      transform: scale(1.2)
    }

    .popup-info-fade-enter-active,
    .popup-info-fade-leave-active {
      transition: .3s ease
    }

/* Extracted from inline <style> block 10 */
.app-modal-enter {
      opacity: 0
    }

    .app-modal-enter-active {
      transition: opacity .3s
    }

    .app-modal-leave-active {
      opacity: 0;
      transition: opacity .3s
    }

    .app-modal-component-enter {
      opacity: 0
    }

    .app-modal-component-enter-active {
      transition: .6s
    }

    .app-modal-component-leave-active {
      opacity: 0;
      transition: 0
    }

    .app-modal.loading-spinner {
      padding: 2.5rem
    }

    .app-modal.loading-error {
      background-color: var(--bg-page, #000);
      border-radius: 1rem;
      color: var(--text-primary, #fff);
      padding: 5rem
    }

    .popup__close--loading {
      opacity: 0;
      transition: opacity 0s
    }

/* Extracted from inline <style> block 11 */
.popup-fade-in-enter,
    .popup-fade-in-leave-active {
      opacity: 0;
      transform: scale(.5)
    }

    .popup-fade-in-enter-active,
    .popup-fade-in-leave-active {
      transition: .3s ease
    }

    .popup-announcement {
      -webkit-backdrop-filter: blur(19px);
      backdrop-filter: blur(19px);
      background: rgba(60, 59, 61, .6);
      border-radius: 1.146rem;
      display: grid;
      gap: .75rem;
      grid-template-columns: 1fr auto;
      overflow: hidden;
      padding: 1.15rem;
      position: relative;
      transition: .3s;
      width: 100%;
      z-index: 10
    }

    @media (min-width:768px) {
      .popup-announcement {
        margin-left: auto;
        padding: 1.06rem 2.62rem 1.06rem 1.06rem;
        width: 37.5rem
      }
    }

    .popup-announcement__image {
      background: #c6c6c6;
      border-radius: .5625rem;
      height: 5.625rem;
      -o-object-fit: cover;
      object-fit: cover;
      width: 5.625rem
    }

    @media (min-width:768px) {
      .popup-announcement__image {
        grid-area: 1/2/3/2;
        height: 6.95rem;
        width: 6.88rem
      }
    }

    .popup-announcement__title {
      color: #fff;
      font-size: .875rem;
      font-weight: 700;
      grid-column: span 2;
      line-height: 1.4
    }

    @media (min-width:768px) {
      .popup-announcement__title {
        font-size: .8125rem;
        grid-column: auto
      }
    }

    .popup-announcement__description {
      color: #fff;
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.3
    }

    .popup-announcement__description a,
    .popup-announcement__description h1,
    .popup-announcement__description h2,
    .popup-announcement__description h3,
    .popup-announcement__description h4,
    .popup-announcement__description h5,
    .popup-announcement__description h6,
    .popup-announcement__description p {
      font-size: inherit;
      line-height: inherit
    }

    .popup-announcement__description a {
      font-weight: 500;
      text-decoration: none
    }

    @media (min-width:768px) {
      .popup-announcement__description {
        font-size: .8125rem
      }
    }

    .popup-announcement__close {
      background: none;
      border: none;
      color: #fff;
      cursor: pointer;
      height: .875rem;
      opacity: .5;
      position: absolute;
      right: .9rem;
      top: .8rem;
      transition: opacity .3s;
      width: .875rem
    }

    .popup-announcement__close:after,
    .popup-announcement__close:before {
      background-color: currentColor;
      border-radius: 1px;
      content: "";
      display: block;
      height: 2px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      width: 100%
    }

    .popup-announcement__close:after {
      transform: translate(-50%, -50%) rotate(-45deg)
    }

    .popup-announcement__close:active {
      opacity: 1
    }

    @media (hover:hover) {

      .popup-announcement__close:focus,
      .popup-announcement__close:hover {
        opacity: 1
      }
    }

/* Extracted from inline <style> block 12 */
.overlay-lock {
      --overlay-btn-fs: 0.875em;
      --overlay-btn-p: 0.5em 1em;
      --overlay-fs: 1rem;
      --overlay-gap: 1em;
      --overlay-icon-h: 4em;
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      font-size: var(--overlay-fs);
      gap: var(--overlay-gap);
      inset: 0;
      justify-content: center;
      padding: .5em;
      position: absolute
    }

    @media (min-width:1200px) {
      .overlay-lock {
        --overlay-btn-fs: 1.125em;
        --overlay-icon-h: 8em
      }
    }

    .overlay-lock svg {
      stroke-width: 1.5px;
      -webkit-filter: drop-shadow(0 5px 5px #00000099);
      filter: drop-shadow(0 5px 5px #00000099);
      height: var(--overlay-icon-h);
      width: auto
    }

    .overlay-lock .button {
      border-radius: .25rem;
      display: block;
      font-size: var(--overlay-btn-fs);
      font-weight: 500;
      height: auto;
      line-height: 1;
      overflow: hidden;
      padding: var(--overlay-btn-p);
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap
    }

    .overlay-lock--tile {
      --overlay-btn-fs: 1.2em;
      --overlay-btn-p: 0.75em 1em;
      --overlay-fs: 1em;
      --overlay-gap: 1.1em;
      --overlay-icon-h: 4.2em
    }

    .multiple .photoset-thumbnail__image .overlay-lock--tile {
      --overlay-btn-fs: 0.8em;
      --overlay-btn-p: 0.75em 1.32em;
      --overlay-gap: 0.8em;
      --overlay-icon-h: 1.9em
    }

    .video-card--pennant .overlay-lock--tile {
      --overlay-btn-fs: 0.8em;
      --overlay-btn-p: 0.3em 0.4em;
      --overlay-fs: 1em;
      --overlay-gap: 0.5em;
      --overlay-icon-h: 1.2em
    }

    .video-card--pennant .overlay-lock--tile .button {
      margin-bottom: 1.8em
    }

    .video-card--pennant .overlay-lock--tile .overlay-lock__cta-icon {
      --overlay-icon-h: 2em
    }

    .video-card--pennant .overlay-lock--tile svg {
      stroke-width: 3px
    }

    .overlay-lock--square-tile {
      --overlay-btn-fs: 0.8em;
      --overlay-btn-p: 0.9em 1.1em;
      --overlay-fs: 1.25em;
      --overlay-gap: 1.1em;
      --overlay-icon-h: 4em
    }

    .multiple .photoset-thumbnail__image .overlay-lock--square-tile {
      --overlay-btn-fs: 0.5em;
      --overlay-btn-p: 0.3em 0.87em;
      --overlay-gap: 0.25em;
      --overlay-icon-h: 0.75em
    }

    @media (min-width:1200px) {
      .multiple .photoset-thumbnail__image .overlay-lock--square-tile {
        --overlay-btn-fs: 1.125em;
        --overlay-icon-h: 4.2em
      }
    }

    .multiple .photoset-thumbnail__image:first-child .overlay-lock--square-tile {
      --overlay-btn-fs: 0.8em;
      --overlay-btn-p: 0.4em 1.1em;
      --overlay-gap: 0.5em;
      --overlay-icon-h: 1.2em
    }

    @media (min-width:1200px) {
      .multiple .photoset-thumbnail__image:first-child .overlay-lock--square-tile {
        --overlay-btn-fs: 1.125em;
        --overlay-icon-h: 2.5em
      }
    }

    .overlay-lock--feed {
      --overlay-btn-fs: 1.6em;
      --overlay-btn-p: 0.65em 1.1em;
      --overlay-fs: 0.625em;
      --overlay-gap: 1.6em;
      --overlay-icon-h: 3.65em
    }

    .multiple .photoset-thumbnail__image .overlay-lock--feed {
      --overlay-fs: 0.5em
    }

    @media (min-width:1200px) {
      .overlay-lock--feed {
        --overlay-btn-fs: 2em;
        --overlay-btn-p: 0.7em 1.1em;
        --overlay-gap: 2.1em;
        --overlay-icon-h: 4.7em
      }
    }

/* Extracted from inline <style> block 13 */
.image-mat {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-filter: blur(10px);
      filter: blur(10px);
      inset: 0;
      position: absolute
    }

    .image-mat.lazyloaded {
      background-image: var(--background-image)
    }

/* Extracted from inline <style> block 14 */
.photoset-thumbnail {
      aspect-ratio: 16/9;
      background: none;
      display: grid;
      gap: 3px;
      grid-auto-rows: 1fr;
      grid-template-columns: 2fr 1fr;
      position: relative
    }

    .photoset-thumbnail.multiple {
      border-radius: 0 !important
    }

    .photoset-thumbnail--mono {
      grid-template-columns: 1fr
    }

    .photoset-thumbnail--square {
      aspect-ratio: 1/1;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .photoset-thumbnail__overlay-link {
      cursor: pointer;
      display: block;
      inset: 0;
      position: absolute;
      z-index: 1
    }

    .photoset-thumbnail .overlay-lock {
      z-index: 1
    }

    .photoset-thumbnail__image {
      --photoset-image-br: 0;
      --photoset-image-ibr: var(--photoset-image-br);
      --photoset-image-obr: var(--photoset-image-br);
      background: rgba(0, 0, 0, .2);
      overflow: hidden;
      position: relative
    }

    .photoset-thumbnail__image>* {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      width: 100%
    }

    .multiple .photoset-thumbnail__image:first-child {
      border-radius: var(--photoset-image-obr) var(--photoset-image-ibr) var(--photoset-image-ibr) var(--photoset-image-obr);
      grid-row: 1/span 2
    }

    .multiple .photoset-thumbnail__image:not(:first-child) {
      border-radius: var(--photoset-image-ibr) var(--photoset-image-obr) var(--photoset-image-obr) var(--photoset-image-ibr)
    }

    .photoset-thumbnail__image[data-more]:last-child:after {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-backdrop-filter: blur(5.67961px);
      backdrop-filter: blur(5.67961px);
      background: rgba(0, 0, 0, .2);
      color: #d9d9d9;
      content: attr(data-more);
      display: -ms-flexbox;
      display: flex;
      font-size: 3em;
      font-weight: 700;
      inset: -1px;
      justify-content: center;
      line-height: 1.1;
      position: absolute;
      text-align: center
    }

    .photo-card--pennant .photoset-thumbnail__image[data-more]:last-child:after {
      font-size: 1.5em
    }

    .photoset-thumbnail__image img {
      height: 100%;
      inset: 0;
      position: absolute;
      width: 100%
    }

    .photoset-thumbnail__image img,
    .photoset-thumbnail__image img.vertical-image {
      -o-object-fit: contain;
      object-fit: contain
    }

    .photoset-thumbnail__image--in-square {
      border-radius: 0 !important
    }

    .photoset-thumbnail__image--in-square:first-child {
      grid-area: 1/1/3/4
    }

    .photoset-thumbnail--mono .photoset-thumbnail__image--in-square:first-child {
      grid-area: 1/1/4/4
    }

    .photoset-thumbnail__image--in-square[data-more]:last-child:after {
      font-size: 1.75em
    }

/* Extracted from inline <style> block 15 */
.card-video-preview {
      background-color: #181818
    }

/* Extracted from inline <style> block 16 */
.media-tile-badge {
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--action-selected-bg);
      border-radius: 1000px;
      color: var(--action-selected-text);
      display: -ms-flexbox;
      display: flex;
      font-size: .714em;
      gap: .4em;
      height: 2.1em !important;
      left: 1.35em;
      line-height: 1.3;
      padding: 0 .94em;
      position: absolute;
      text-transform: uppercase;
      top: 1.2em;
      width: auto !important
    }

    @media (min-width:1200px) {
      .media-tile-badge {
        font-size: 1em
      }
    }

    .media-tile-badge svg {
      fill: currentColor;
      height: .8em;
      width: .8em
    }

    .video-card--pennant .media-tile-badge {
      height: 1.875em !important;
      left: .5em;
      padding: 0 .875em;
      top: .5em
    }

    @media (min-width:1200px) {
      .video-card--pennant .media-tile-badge {
        font-size: .875em
      }
    }

/* Extracted from inline <style> block 17 */
.media-details-icon {
      -ms-flex-align: center;
      align-items: center;
      background-color: #1d1d1d80;
      border-radius: .6em;
      bottom: .7em;
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      font-size: .924em;
      gap: .4em;
      height: auto !important;
      left: .8em;
      line-height: 1;
      padding: .3em;
      position: absolute;
      top: auto;
      width: auto !important
    }

    .media-tile.ratio .media-details-icon {
      font-size: 1.25em
    }

    @media (min-width:1200px) {
      .media-details-icon {
        font-size: 1.4em
      }
    }

    .media-details-icon svg {
      fill: #fff;
      height: 1.14em;
      width: 1.14em
    }

/* Extracted from inline <style> block 18 */
.media-pin-icon {
      color: var(--text-primary-accent);
      display: block;
      height: 2em !important;
      left: unset;
      position: absolute;
      right: 1.25em;
      top: 1.25em;
      width: 2em !important
    }

/* Extracted from inline <style> block 19 */
.media-watermark {
      bottom: min(1vw, 8px);
      color: #fff;
      font-size: .45rem;
      font-weight: 700;
      height: auto !important;
      left: auto;
      line-height: 1.4375rem;
      position: absolute;
      right: min(1vw, 18px);
      text-shadow: 0 5px 14px rgba(0, 0, 0, .6);
      top: auto;
      width: auto !important
    }

/* Extracted from inline <style> block 20 */
.content-footer {
      margin-top: .9em
    }

    .content-footer--grid {
      -ms-flex-align: center;
      align-items: center;
      display: grid;
      gap: 0 .8em;
      grid-template-areas: "owner-logo owner-title cta-unlock cta-subscribe" "owner-logo title       title      title" "actions    actions     actions    actions";
      grid-template-columns: 2.4em minmax(0, 1fr) auto auto
    }

    @media (min-width:1200px) {
      .content-footer--grid {
        grid-template-columns: 3.2em minmax(0, 1fr) auto auto
      }
    }

    .content-footer--grid>button.content-footer__cta {
      -ms-flex-item-align: start;
      align-self: start;
      float: none;
      justify-self: end;
      margin-left: 0
    }

    .content-footer__title {
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      display: -webkit-box;
      font-size: 1em;
      grid-area: title;
      line-height: 1.3;
      margin: 0;
      overflow: hidden
    }

    @media (min-width:1200px) {
      .content-footer__title {
        font-size: 1.4em
      }
    }

    .content-footer__title:focus,
    .content-footer__title:hover {
      color: var(--text-primary-accent)
    }

    .content-footer__title--under-owner {
      -webkit-line-clamp: 1;
      line-clamp: 1
    }

    .content-footer__cta {
      --btn-fs: 1.2em;
      --btn-height: 1.67em;
      border-radius: .25rem;
      display: -ms-inline-flexbox;
      display: inline-flex;
      float: right;
      margin-left: .6em;
      text-transform: uppercase;
      white-space: nowrap;
      width: auto
    }

    .content-footer--grid>button.content-footer__cta:first-of-type {
      grid-area: cta-subscribe
    }

    .content-footer--grid>button.content-footer__cta:last-of-type {
      grid-area: cta-unlock
    }

    .content-footer__owner-logo {
      aspect-ratio: 1/1;
      display: block;
      grid-area: owner-logo;
      width: 100%
    }

    .content-footer__owner-logo img {
      aspect-ratio: 1/1;
      border-radius: 50%;
      display: block;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%
    }

    @media (hover:hover) {
      .content-footer__owner-logo img {
        transition: .3s
      }

      .content-footer__owner-logo img:hover {
        transform: scale(1.05)
      }
    }

    .content-footer__owner-title {
      color: #fff;
      font-size: 1em;
      font-weight: 500;
      grid-area: owner-title;
      line-height: 1.4
    }

    @media (min-width:1200px) {
      .content-footer__owner-title {
        font-size: 1.6em
      }
    }

    .content-footer__owner-title sup {
      position: relative;
      vertical-align: inherit
    }

    .content-footer__owner-title svg {
      display: block;
      height: .5em;
      left: .2em;
      position: absolute;
      top: 0;
      width: auto
    }

    .content-footer__actions {
      grid-area: actions;
      margin-top: .7em
    }

    @media (min-width:1200px) {
      .content-footer__actions {
        font-size: 1.2em
      }
    }

/* Extracted from inline <style> block 21 */
.media-content {
      -webkit-line-clamp: 12;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      font-size: .75rem;
      overflow: hidden
    }

/* Extracted from inline <style> block 22 */
.record {
      background: #2b2b2b;
      border-radius: 1rem;
      display: -ms-flexbox;
      display: flex;
      gap: 1rem;
      padding: .75rem 1rem
    }

    .record audio {
      display: none
    }

    .record__btn {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background: #545454;
      border-radius: 50%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      height: 2rem;
      justify-content: center;
      padding: 0;
      width: 2rem
    }

    .record__btn svg {
      fill: #fff;
      height: 100%;
      width: 100%
    }

    .record__progress {
      width: 100%
    }

    .record__duration {
      -ms-flex-item-align: center;
      align-self: center;
      color: #aaa;
      font-size: .625rem;
      font-weight: 400;
      line-height: 1.2
    }

/* Extracted from inline <style> block 23 */
.poll {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
      flex-flow: column;
      gap: 1rem
    }

    @media (min-width:1200px) {
      .poll {
        margin: .5rem 0
      }
    }

    .poll__choices {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
      flex-flow: column;
      gap: .625rem;
      position: relative
    }

    @media (min-width:1200px) {
      .poll__choices {
        gap: 1rem
      }
    }

    .poll__choices--loading {
      opacity: .7
    }

    .poll__choice {
      --choice-height: 2.5rem;
      -ms-flex-align: center;
      align-items: center;
      display: grid;
      font-size: .875rem;
      gap: .5rem;
      grid-template-columns: 1fr 2.75em;
      height: var(--choice-height);
      line-height: var(--choice-height)
    }

    @media (min-width:1200px) {
      .poll__choice {
        --choice-height: 3.75rem;
        font-size: 1.3125rem
      }
    }

    .poll__choice-text {
      min-width: 0;
      overflow: hidden;
      padding-left: .5rem;
      position: relative;
      text-overflow: ellipsis
    }

    @media (min-width:1200px) {
      .poll__choice-text {
        padding-left: .75rem
      }
    }

    .poll__choice-text:before {
      background: #2b2b2b;
      border-radius: .75rem;
      content: "";
      height: 100%;
      left: 0;
      opacity: 1;
      position: absolute;
      top: 0;
      transition: all .3s;
      width: var(--percentage, 0);
      z-index: -1
    }

    .poll__choice:hover .poll__choice-text:before {
      opacity: .5
    }

    .poll__info {
      color: #aaa;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row;
      flex-flow: row;
      font-size: .875rem;
      font-weight: 400;
      gap: .75rem;
      line-height: 1.3
    }

    @media (min-width:1200px) {
      .poll__info {
        font-size: 1.25rem
      }
    }

    .poll__info span:first-child:before {
      content: unset
    }

    .poll__info span:before {
      background: #aaa;
      border-radius: 50%;
      content: "";
      display: inline-block;
      height: .375rem;
      margin-right: .75rem;
      vertical-align: middle;
      width: .375rem
    }

    .poll__btn {
      background-color: transparent;
      border: 1px solid #d9d9d9;
      color: #fff;
      font-size: 1rem;
      line-height: 1.5;
      padding: .75rem
    }

    @media (min-width:1200px) {
      .poll__btn {
        font-size: 1.25rem;
        padding: .8749rem
      }
    }

    .poll__btn.active,
    .poll__btn:hover {
      border-color: var(--text-primary-accent);
      color: var(--text-primary-accent)
    }

    .poll__loading {
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%)
    }

/* Extracted from inline <style> block 24 */
.gif {
      position: relative;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
    }

    .gif__content {
      height: var(--gif-height);
      width: 100%
    }

    .gif--grid .gif__content {
      height: 100%;
      max-height: var(--gif-height)
    }

    .gif__content div,
    .gif__content img {
      height: 100%;
      width: 100%
    }

    .gif__content img {
      -o-object-fit: contain;
      object-fit: contain
    }

    .gif__overlay {
      -webkit-backdrop-filter: blur(2rem);
      backdrop-filter: blur(2rem)
    }

/* Extracted from inline <style> block 25 */
.media-tile {
      font-size: 10px
    }

    .media-tile.ratio {
      font-size: 8px
    }

    @media (min-width:1200px) {
      .media-tile {
        font-size: 10px
      }
    }

    .media-tile__link,
    .media-tile__link:active,
    .media-tile__link:focus,
    .media-tile__link:hover {
      color: #fff
    }

    .media-tile__thumbnail {
      border-radius: var(--br-thumbnail);
      inset: 0;
      overflow: hidden;
      position: absolute
    }

    .media-tile.ratio .media-tile__thumbnail {
      border-radius: 0
    }

    @media (min-width:1200px) {

      .media-tile.ratio .media-tile__thumbnail,
      .media-tile__thumbnail {
        border-radius: var(--br-thumbnail)
      }

      .media-tile__thumbnail {
        position: static
      }

      .media-tile__thumbnail.multiple {
        border-radius: 0
      }

      .media-tile__thumbnail .photoset-thumbnail__image {
        --photoset-image-br: var(--br-thumbnail);
        --photoset-image-ibr: calc(var(--br-thumbnail)*0.5);
        --photoset-image-obr: calc(var(--br-thumbnail)*0.5)
      }
    }

    .media-tile__cta {
      font-weight: 500;
      height: 2.5rem;
      margin-top: .5rem;
      width: 100%
    }

    .media-tile__cta-detail {
      background: none;
      bottom: 50%;
      font-size: .6875rem;
      left: unset;
      right: .5rem;
      transform: translateY(50%)
    }

    @media (min-width:1200px) {
      .media-tile__cta-detail {
        right: 1rem
      }
    }

    .media-tile .media-tile-badge {
      left: .76em;
      position: absolute;
      top: .7em
    }

    @media (min-width:1200px) {
      .media-tile .media-tile-badge {
        left: 1.35em;
        top: 1.2em
      }
    }

    .media-tile .loading-spinner {
      aspect-ratio: 16/9;
      background-color: rgba(var(--bg-page-rgb), .5);
      font-size: 1em;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%
    }

    .media-tile .loading-spinner svg {
      max-height: 75%;
      width: auto
    }

    .media-tile.ratio .media-tile-badge {
      font-size: .9em;
      left: 1.11em;
      top: 1.11em
    }

    .media-tile.ratio .media-details-icon {
      bottom: .8em;
      left: .8em
    }

    .media-tile .overlay-lock {
      z-index: 10
    }

    @media (min-width:1200px) {
      .media-tile .overlay-lock svg {
        margin-top: 4em;
        transition: .3s
      }

      .media-tile .overlay-lock .button {
        opacity: 0
      }

      .media-tile .overlay-lock:hover svg {
        margin-top: 0
      }

      .media-tile .overlay-lock:hover .button {
        opacity: 1
      }
    }

/* Extracted from inline <style> block 26 */
.content-pagination {
      -ms-flex-pack: center;
      display: -ms-flexbox;
      display: flex;
      gap: .625rem;
      justify-content: center
    }

    .content-pagination--loading {
      opacity: .5
    }

    .content-pagination__item {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--action-nav-bg);
      border-radius: var(--br-btn);
      color: var(--action-nav-text);
      display: -ms-flexbox;
      display: flex;
      font-size: .75rem;
      height: 2rem;
      justify-content: center;
      line-height: 1.5;
      overflow: visible;
      padding: 0;
      position: relative;
      transition: box-shadow .3s;
      width: 2rem
    }

    @media (hover:hover) {
      .content-pagination__item:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .content-pagination__item:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .content-pagination__item--active:not(.disabled) {
      background-color: var(--action-selected-bg-muted);
      color: var(--action-selected-text)
    }

    .content-pagination__item--next,
    .content-pagination__item--prev {
      background-color: transparent
    }

    .content-pagination__item--prev svg {
      transform: rotate(180deg)
    }

    .content-pagination__item.disabled {
      opacity: .5
    }

    .content-pagination__item svg {
      fill: #aaa
    }

/* Extracted from inline <style> block 27 */
.live-list__loading svg {
      height: 50px;
      width: 50px
    }

/* Extracted from inline <style> block 28 */
.content-searchbox {
      --content-searchbox-clear-width: 1rem;
      --content-searchbox-height: 1.625rem;
      --content-searchbox-input-width: 12rem;
      --content-searchbox-side-paddings: 0.5rem;
      --content-searchbox-font-size: 0.75rem;
      --content-searchbox-border-radius: var(--br-btn);
      --content-searchbox-gap: 0.25rem;
      -ms-flex: none;
      flex: none;
      font-size: var(--content-searchbox-font-size);
      position: relative
    }

    .content-searchbox.active {
      --content-searchbox-input-width: calc(11rem - var(--content-searchbox-clear-width))
    }

    @media (min-width:1200px) {
      .content-searchbox {
        --content-searchbox-font-size: 0.625rem
      }
    }

    .content-searchbox__control {
      -ms-flex-negative: 0;
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--action-nav-bg);
      border: 1px solid #606060;
      border-radius: var(--content-searchbox-border-radius);
      display: -ms-flexbox;
      display: flex;
      flex-shrink: 0;
      gap: var(--content-searchbox-gap);
      height: var(--content-searchbox-height);
      padding: 0 var(--content-searchbox-side-paddings);
      position: relative;
      transition: .3s
    }

    .content-searchbox__placeholder {
      color: #b0b0b0;
      font-size: var(--content-searchbox-font-size);
      left: calc(var(--content-searchbox-side-paddings) + 1.5rem + var(--content-searchbox-gap));
      line-height: var(--content-searchbox-height);
      overflow: hidden;
      position: absolute;
      text-overflow: ellipsis;
      top: 50%;
      transform: translateY(-50%);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      white-space: nowrap;
      width: var(--content-searchbox-input-width)
    }

    .content-searchbox__placeholder.active {
      color: #737b8f;
      font-size: 1em;
      font-style: italic
    }

    .is-iphone .content-searchbox__placeholder.active {
      font-size: 16px
    }

    .content-searchbox__placeholder b {
      color: transparent;
      font-style: normal;
      font-weight: 700;
      margin-right: .15em
    }

    .content-searchbox__input {
      -ms-flex-positive: 1;
      background-color: transparent;
      border: none;
      color: #d9d9d9;
      flex-grow: 1;
      font-size: 1em;
      font-weight: 700;
      height: var(--content-searchbox-height);
      line-height: var(--content-searchbox-height);
      position: relative;
      width: var(--content-searchbox-input-width)
    }

    .is-iphone .content-searchbox__input {
      font-size: 16px
    }

    .content-searchbox__input-buffer {
      left: -10000px;
      position: absolute;
      top: -10000px;
      visibility: hidden;
      white-space: nowrap;
      width: calc(var(--content-searchbox-input-width) - var(--content-searchbox-side-paddings))
    }

    .content-searchbox__suggestions {
      -ms-flex-align: start;
      align-items: flex-start;
      background: var(--bg-section);
      border-radius: var(--content-searchbox-border-radius);
      box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .6);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      left: 0;
      padding: .35rem 0 .55rem;
      position: absolute;
      right: 0;
      top: calc(var(--content-searchbox-height) + .25rem);
      z-index: 5
    }

    @media (min-width:768px) {
      .content-searchbox__suggestions {
        padding: .43rem 0 .63rem
      }
    }

    .content-searchbox__suggestion {
      color: #fff;
      cursor: pointer;
      font-style: italic;
      font-weight: 300;
      line-height: 1.5;
      padding: .25rem .8rem;
      width: 100%
    }

    @media (min-width:768px) {
      .content-searchbox__suggestion {
        padding: .17rem .8rem
      }
    }

    .content-searchbox__suggestion b {
      font-style: normal;
      font-weight: 700
    }

    .content-searchbox__suggestion:hover {
      background-color: #b0b0b0
    }

    .content-searchbox__suggestion--dot-loader {
      cursor: default;
      letter-spacing: .25em
    }

    .content-searchbox__suggestion--dot-loader:hover {
      background-color: unset
    }

    .content-searchbox--dot-loader {
      cursor: default;
      letter-spacing: .25em
    }

    .content-searchbox--dot-loader:hover {
      background-color: unset
    }

    .content-searchbox__submit {
      -ms-flex-negative: 0;
      color: #fff;
      flex-shrink: 0;
      height: 1.5rem;
      padding: .375rem;
      transition: .3s;
      width: 1.5rem
    }

    @media (min-width:768px) {
      .content-searchbox__submit {
        color: silver
      }
    }

    @media (hover:hover) {
      .content-searchbox__submit:not(:disabled):hover {
        color: #fff
      }
    }

    .content-searchbox__submit svg {
      fill: currentColor;
      height: 100%;
      width: 100%
    }

    .content-searchbox__clear {
      -ms-flex: none;
      flex: none;
      height: var(--content-searchbox-clear-width);
      opacity: .5;
      transition: opacity .3s;
      width: var(--content-searchbox-clear-width)
    }

    .content-searchbox__clear:hover {
      opacity: 1
    }

/* Extracted from inline <style> block 29 */
.live-list-nav {
      position: relative
    }

    .live-list-nav__title {
      font-size: 1.125rem;
      font-weight: 700;
      overflow: hidden;
      padding-bottom: 0;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    @media (min-width:1200px) {
      .live-list-nav__title {
        font-size: 1.25rem
      }
    }

    .live-list-nav__back {
      -ms-flex-align: center;
      align-items: center;
      color: var(--text-secondary);
      display: -ms-flexbox;
      display: flex;
      font-size: 1rem;
      font-weight: 400;
      gap: .5rem;
      line-height: 1;
      transition: .3s;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
    }

    .live-list-nav__back svg {
      fill: currentColor;
      transform: rotate(180deg);
      transition: .3s
    }

    .live-list-nav__back:hover {
      color: var(--text-primary-accent)
    }

    .live-list-nav__cta {
      position: relative;
      transition: box-shadow .3s
    }

    @media (hover:hover) {
      .live-list-nav__cta:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .live-list-nav__cta:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .live-list-nav__cta--icon {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      aspect-ratio: 1;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      padding: 0;
      width: auto
    }

    .live-list-nav__cta--icon svg {
      height: 50%;
      width: 50%
    }

    .live-list-nav__cta--active {
      background-color: var(--action-selected-bg-muted);
      color: var(--action-selected-text)
    }

    @media (hover:hover) {
      .live-list-nav__cta:hover {
        color: inherit
      }
    }

    .live-list-nav .content-searchbox {
      --content-searchbox-input-width: 21.5rem
    }

/* Extracted from inline <style> block 30 */
.popup-fade-in-enter,
    .popup-fade-in-leave-to {
      opacity: 0;
      transform: scale(.5)
    }

    .popup-fade-in-enter-active,
    .popup-fade-in-leave-active {
      transition: 1.5s ease
    }

    .cookie-consent {
      background-color: #1d1d1d;
      background-image: linear-gradient(var(--action-selected-bg), var(--action-selected-bg));
      border-radius: 1rem;
      bottom: .5rem;
      box-shadow: 0 5px 14px 0 #000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .65rem;
      left: 50%;
      max-width: 693px;
      padding: 1.125rem;
      position: fixed;
      transform: translate(-50%);
      width: 92%;
      z-index: calc(var(--footer-mobile-z-index) + 1)
    }

    .cookie-consent--has-mobile-menu {
      bottom: calc(var(--mobile-footer-height) + .5rem)
    }

    @media (min-width:1200px) {
      .cookie-consent--has-mobile-menu {
        bottom: 1rem
      }
    }

    @media (min-width:576px) {
      .cookie-consent {
        left: .5rem;
        transform: unset
      }
    }

    @media (min-width:1200px) {
      .cookie-consent {
        bottom: 1rem;
        left: 2.5rem
      }
    }

    .cookie-consent:before {
      background-color: #1d1d1d;
      border-radius: calc(1rem - 3px);
      content: "";
      inset: 3px;
      position: absolute;
      z-index: -1
    }

    .cookie-consent__title {
      color: #fff;
      font-size: 1.125rem;
      font-weight: 400;
      line-height: 1.5;
      margin-bottom: .3rem
    }

    .cookie-consent__description {
      color: #fff;
      font-size: .75rem;
      font-weight: 400;
      line-height: 1.5;
      padding-bottom: 0
    }

    .cookie-consent__description a {
      color: #fff;
      text-decoration: underline
    }

    .cookie-consent__description a:hover {
      text-decoration: none
    }

    .cookie-consent__actions {
      -ms-flex-align: center;
      -ms-flex-pack: end;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      gap: .8rem;
      justify-content: flex-end
    }

    .cookie-consent__action {
      --btn-fs: 0.725rem;
      --btn-height: 2.25rem;
      --btn-px: 1.2rem;
      font-weight: 400
    }

    .cookie-consent__action--manage {
      min-width: 8.75rem;
      width: auto
    }

    @media (min-width:576px) {
      .cookie-consent__action--manage {
        min-width: unset
      }
    }

    .cookie-consent__action--accept {
      width: 100%
    }

    @media (min-width:576px) {
      .cookie-consent__action--accept {
        min-width: 13.5rem;
        width: auto
      }
    }

/* Extracted from inline <style> block 31 */
.join-free-banner {
      background: linear-gradient(91.16deg, var(--join-free-banner-gr-start) -8.99%, var(--join-free-banner-gr-end) 107.23%);
      bottom: 0;
      display: none;
      height: var(--bottom-banner-h);
      left: 0;
      position: fixed;
      width: 100%;
      z-index: var(--footer-mobile-z-index)
    }

    @media (min-width:1200px) {
      .join-free-banner {
        display: block
      }
    }

    .join-free-banner__inner {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      gap: .8125rem;
      height: 100%;
      justify-content: center;
      margin: 0 auto;
      padding: 0 1.5rem
    }

    .join-free-banner__message {
      color: #fff;
      font-family: var(--text-font-family);
      font-size: .875rem;
      font-style: normal;
      font-weight: 600;
      line-height: 1.49;
      margin: 0
    }

    .join-free-banner__cta {
      -ms-flex-negative: 0;
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background: var(--join-free-banner-bg-btn);
      border: none;
      border-radius: var(--br-btn);
      color: var(--action-selected-text);
      display: -ms-flexbox;
      display: flex;
      flex-shrink: 0;
      font-size: .8rem;
      font-weight: 700;
      height: 1.6875rem;
      justify-content: center;
      line-height: 1.1;
      min-width: 6.25rem;
      padding: 0 1.25rem;
      text-transform: uppercase;
      transition: box-shadow .3s
    }

    @media (hover:hover) {
      .join-free-banner__cta:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .join-free-banner__cta:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .join-free-banner-fade-enter-active,
    .join-free-banner-fade-leave-active {
      transition: transform .6s ease
    }

    .join-free-banner-fade-enter,
    .join-free-banner-fade-leave-to {
      transform: translateY(100%)
    }

/* Extracted from inline <style> block 32 */
.item-fade-in-enter,
    .item-fade-in-leave-active {
      opacity: 0
    }

    .item-fade-in-enter-active,
    .item-fade-in-leave-active {
      transition: .3s ease
    }

/* Extracted from inline <style> block 33 */
.following-menu__heading {
      font-size: .875rem;
      font-weight: 700;
      line-height: 1.125rem;
      margin: .25rem 0 .75rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .following-menu__block,
    .following-menu__item {
      display: grid;
      gap: .5rem
    }

    .following-menu__item {
      --following-menu-item-height: 1.5rem;
      -ms-flex-align: center;
      align-items: center;
      color: var(--text-menu-item);
      font-size: .875rem;
      font-weight: 500;
      grid-template-columns: var(--following-menu-item-height) 1fr;
      line-height: var(--following-menu-item-height);
      overflow: visible;
      position: relative;
      text-align: left;
      text-transform: capitalize;
      width: 100%
    }

    .following-menu__item:hover {
      color: var(--text-primary-accent)
    }

    .following-menu__item:active {
      color: #fff
    }

    .following-menu__item :first-child {
      justify-self: center
    }

    .mobile-menu.open .following-menu__item:focus,
    .mobile-menu.open .following-menu__item:hover {
      color: var(--text-menu-item) !important
    }

    .following-menu__item-img {
      --ph-index: 0;
      --ph-total: 20;
      background-clip: border-box;
      background-image: url(./img/placeholders/live-models/90x90/sprite.webp);
      background-origin: border-box;
      background-position: calc(var(--ph-index)*100%/(var(--ph-total) - 1)) 0;
      background-repeat: no-repeat;
      background-size: calc(var(--ph-total)*100%) 100%;
      border-radius: 50%;
      display: block;
      height: var(--following-menu-item-height);
      position: relative;
      width: var(--following-menu-item-height)
    }

    .following-menu__item-img img {
      background-color: var(--bg-page);
      border-radius: 50%;
      display: block;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%
    }

    .following-menu__item-title {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .following-menu__item-title .skeleton__line {
      animation: skeleton-pulse 1.5s ease-in-out infinite;
      display: inline-block;
      height: 1em;
      vertical-align: middle
    }

    .following-menu__more {
      color: var(--text-primary-accent);
      display: block;
      font-size: .75rem;
      line-height: 1.3;
      margin-top: .75rem;
      text-transform: capitalize
    }

    .following-menu__more:hover {
      color: var(--text-primary)
    }

/* Extracted from inline <style> block 34 */
.searchbox-results {
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
    }

    .searchbox-results__tabs {
      display: -ms-flexbox;
      display: flex;
      gap: .5rem;
      margin-bottom: 1rem;
      position: relative;
      z-index: 0
    }

    .searchbox-results__tab {
      background-clip: padding-box;
      background-color: #2b2b2b;
      border: 1px solid transparent;
      border-radius: 1000px;
      color: #aaa;
      display: block;
      font-size: .75rem;
      height: 1.625rem;
      line-height: 1.5rem;
      padding: 0 .75rem;
      position: relative;
      text-transform: capitalize
    }

    .searchbox-results__tab:before {
      background: var(--theme-primary-gradient);
      border-radius: inherit;
      bottom: 0;
      content: "";
      left: 0;
      margin: -1px;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      transition: all .3s;
      z-index: -1
    }

    .searchbox-results__tab--active,
    .searchbox-results__tab:hover {
      color: inherit
    }

    .searchbox-results__tab--active:before,
    .searchbox-results__tab:hover:before {
      opacity: 1
    }

    .searchbox-results__tab--active {
      background-color: var(--bg-page);
      color: #fff
    }

    .searchbox-results__content {
      text-align: left
    }

    .searchbox-results__title {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.375rem;
      margin-bottom: .75rem
    }

    .searchbox-results__section {
      height: calc(var(--items-number, 0)*1.625rem + 1.625rem);
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: .6s;
      visibility: hidden
    }

    .searchbox-results__section--visible {
      margin-bottom: 1.5rem;
      max-height: 30rem;
      opacity: 1;
      visibility: visible
    }

    .searchbox-results__section--live .searchbox-results__title {
      color: #34a353
    }

    .searchbox-results__section--profiles .searchbox-results__title {
      color: #00acee
    }

    .searchbox-results__section--categories .searchbox-results__title {
      color: #e14344
    }

    .searchbox-results__list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .5rem;
      list-style: none;
      margin: 0;
      padding: 0
    }

    .searchbox-results__item a {
      color: #aaa;
      font-size: .875rem;
      line-height: 1.125rem
    }

    .searchbox-results__item a b {
      color: #fff;
      font-weight: 500
    }

    .searchbox-results__item a:hover {
      text-decoration: underline
    }

/* Extracted from inline <style> block 35 */
.searchbox {
      --searchbox-height: 2.25rem;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex: none;
      flex: none;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .75rem;
      position: relative
    }

    .searchbox__section {
      max-height: 0;
      opacity: 0;
      transition: .3s;
      visibility: hidden
    }

    .searchbox__section--visible {
      max-height: 100vh;
      opacity: 1;
      visibility: visible
    }

    .searchbox__icon {
      fill: #fff;
      -ms-flex: none;
      flex: none;
      height: 1rem;
      width: 1rem
    }

    .searchbox__icon--in-progress {
      animation: fadeOut .6s linear infinite alternate
    }

    .searchbox__control {
      -ms-flex-negative: 0;
      -ms-flex-align: center;
      align-items: center;
      background-color: #2b2b2b;
      border: none;
      border-radius: 1000px;
      box-shadow: 0 5px 14px 0 #00000099;
      display: -ms-flexbox;
      display: flex;
      flex-shrink: 0;
      gap: .5rem;
      height: var(--searchbox-height);
      margin-bottom: .625rem;
      padding: 0 1rem;
      position: relative;
      transition: .3s
    }

    .searchbox__placeholder {
      color: grey;
      font-size: .875rem;
      left: 2.5rem;
      line-height: var(--searchbox-height);
      overflow: hidden;
      position: absolute;
      text-overflow: ellipsis;
      top: 50%;
      transform: translateY(-50%);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      white-space: nowrap
    }

    .searchbox__placeholder.active {
      color: #737b8f;
      font-size: 1em;
      font-style: italic
    }

    .is-iphone .searchbox__placeholder.active {
      font-size: 16px
    }

    .searchbox__placeholder b {
      color: transparent;
      font-style: normal;
      font-weight: 700
    }

    .searchbox__input {
      -ms-flex-positive: 1;
      background-color: transparent;
      border: none;
      color: #fff;
      flex-grow: 1;
      font-size: 1rem;
      font-weight: 400;
      height: var(--searchbox-height);
      line-height: var(--searchbox-height);
      position: relative;
      width: auto
    }

    .is-iphone .searchbox__input {
      font-size: 16px
    }

    .searchbox__result {
      background-color: #1d1d1d;
      border-radius: 1rem;
      box-shadow: 0 5px 14px 0 #00000099;
      padding: .75rem 1rem
    }

    .searchbox__suggestions {
      -ms-flex-align: start;
      align-items: flex-start;
      background: var(--bg-section);
      border-radius: .65rem;
      box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .6);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: .35rem 0 .55rem
    }

    @media (min-width:768px) {
      .searchbox__suggestions {
        padding: .43rem 0 .63rem
      }
    }

    .searchbox__suggestion {
      color: #fff;
      cursor: pointer;
      font-style: italic;
      font-weight: 300;
      line-height: 1.5;
      padding: .25rem .8rem;
      width: 100%
    }

    @media (min-width:768px) {
      .searchbox__suggestion {
        padding: .17rem .8rem
      }
    }

    .searchbox__suggestion b {
      font-style: normal;
      font-weight: 700
    }

    .searchbox__suggestion:hover {
      background-color: grey
    }

    .searchbox__close {
      --close-icon-stroke: 2px;
      -ms-flex: none;
      flex: none;
      height: 1rem;
      width: 1rem
    }

    .searchbox .following-menu__heading {
      font-size: 1rem;
      font-weight: 600;
      margin: 0 0 .5rem;
      padding-left: 0;
      text-align: left
    }

    .searchbox .following-menu__heading:before {
      content: none
    }

    .searchbox .following-menu__heading span {
      opacity: 1
    }

    .searchbox .following-menu__block {
      gap: .5rem
    }

    .searchbox .following-menu__item {
      --following-menu-item-height: 2.5rem;
      gap: 1rem;
      grid-template-columns: var(--following-menu-item-height) 1fr
    }

    .searchbox .following-menu__more {
      display: none
    }

/* Extracted from inline <style> block 36 */
.search-modal {
      background: rgba(29, 29, 29, .8);
      font-size: 0;
      inset: 0;
      overflow: auto;
      padding: .625rem var(--page-pad);
      position: fixed;
      text-align: center;
      transform: translateZ(0);
      z-index: calc(var(--footer-mobile-z-index) + 2)
    }

    @-moz-document url-prefix() {
      .search-modal {
        scrollbar-width: none !important
      }
    }

    .search-modal::-webkit-scrollbar {
      display: none
    }

    @media (min-width:1200px) {
      .search-modal {
        padding: 1.125rem var(--page-pad)
      }
    }

    .search-modal:after {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle
    }

    .search-modal__box {
      display: inline-block;
      max-width: 37.5rem;
      vertical-align: top;
      width: 100%
    }

    @media (min-width:1200px) {
      .search-modal__box {
        transform: translateY(max(0px, calc(var(--search-button-top, 0) - 1.125rem)))
      }
    }

/* Extracted from inline <style> block 37 */
.live-notification-form {
      --form-control-font-size: 0.625em;
      --form-control-height: 3.2em;
      --form-control-radius: 1.2em;
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: var(--sp-lnf-gap, 1em);
      padding: 1.5em 1em 1em
    }

    .live-notification-form__header {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      gap: .7em
    }

    .live-notification-form__avatar {
      border-radius: 50%;
      -ms-flex: none;
      flex: none;
      height: 3.333em;
      width: 3.333em
    }

    .live-notification-form__title {
      font-size: 1em;
      font-weight: 500;
      line-height: 1.53
    }

    .live-notification-form__preview-cta {
      --btn-hover-color: #fff;
      -ms-flex-align: center;
      align-items: center;
      background: var(--action-cta-prim-bg);
      border-radius: 999px;
      color: var(--action-cta-prim-text);
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      font-size: 1em;
      height: 2em;
      padding: 0 1em
    }

    @media (hover:hover) {
      .live-notification-form__preview-cta:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1em #fff
      }

      .live-notification-form__preview-cta:not(:disabled):not(.disabled):active {
        box-shadow: 0 0 2px #fff
      }
    }

    .live-notification-form__email {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .5em
    }

    .live-notification-form__checkbox {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      gap: .625em;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
    }

    .live-notification-form__checkbox input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-clip: content-box;
      background-color: transparent;
      border-color: var(--sp-lnf-checkbox-bc, grey);
      border-radius: 50%;
      border-style: solid;
      border-width: 1px;
      cursor: pointer;
      display: block;
      -ms-flex: none;
      flex: none;
      font-size: 1em;
      height: var(--sp-lnf-checkbox-width, .9375em);
      padding: 2px;
      width: var(--sp-lnf-checkbox-width, .9375em)
    }

    .live-notification-form__checkbox input:checked {
      background-color: var(--action-selected-bg);
      border-color: var(--action-selected-bg)
    }

    .live-notification-form__checkbox span {
      font-size: var(--sp-lnf-checkbox-fs, .75em);
      font-weight: 500;
      line-height: 1.53;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .live-notification-form__input .form__control {
      padding: 0 1.6em
    }

    .live-notification-form__actions {
      -ms-flex-pack: justify;
      display: -ms-flexbox;
      display: flex;
      gap: .625rem;
      justify-content: space-between
    }

    .live-notification-form__actions .button {
      --btn-fs: 1em;
      --btn-height: var(--sp-lnf-actions-height, 2em);
      -ms-flex: 1 1 50%;
      flex: 1 1 50%
    }

    .live-notification-form__actions .button span {
      font-size: var(--sp-lnf-actions-fs, .875em);
      font-weight: 600
    }

    .live-notification-form__close-icon {
      color: #dedede;
      font-size: 1em;
      height: 1em;
      position: absolute;
      right: .5em;
      top: .5em;
      width: 1em
    }

    .live-notification-form__close-icon svg {
      height: 100%;
      width: 100%
    }

/* Extracted from inline <style> block 38 */
.modal-notify-online {
      background-color: #2b2b2b;
      border-radius: 1em;
      font-size: .8333rem;
      position: absolute;
      z-index: var(--modal-z-index)
    }

/* Extracted from inline <style> block 39 */
.live-list-filter-tabs {
      display: grid;
      -ms-flex: none;
      flex: none;
      gap: .375rem;
      grid-template-columns: 1fr 1fr;
      height: 2rem;
      margin-bottom: .75rem
    }

    .live-list-filter-tabs__tab {
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #404040;
      border-radius: var(--br-btn);
      color: var(--action-nav-text);
      display: -ms-flexbox;
      display: flex;
      font-size: .75rem;
      font-weight: 700;
      height: 100%;
      justify-content: center;
      min-width: 0;
      padding: 0 1em;
      transition: box-shadow .3s
    }

    @media (hover:hover) {
      .live-list-filter-tabs__tab:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .live-list-filter-tabs__tab:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .live-list-filter-tabs__tab--active {
      background-color: var(--action-selected-bg-muted);
      color: var(--action-selected-text)
    }

    .filter-modal .live-list-filter-tabs {
      display: -ms-flexbox;
      display: flex;
      gap: .5rem;
      margin-bottom: .875rem
    }

    .filter-modal .live-list-filter-tabs__tab {
      font-size: .875rem;
      height: 100%;
      min-width: 6.875rem;
      padding: 0 1.125rem
    }

/* Extracted from inline <style> block 40 */
.live-list-filter-actions {
      -ms-flex-pack: justify;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      margin: 1rem 0
    }

    @media (min-width:768px) {
      .filter-modal .live-list-filter-actions {
        margin: .75rem 0 0
      }
    }

    .live-list-filter-actions__btn {
      border-radius: .375rem;
      display: block;
      font-size: .75rem;
      font-weight: 400;
      height: var(--llfa-height, 1.875rem);
      line-height: var(--llfa-height, 1.875rem);
      padding: 0 1.125rem;
      text-align: center;
      transition: box-shadow .3s
    }

    @media (hover:hover) {
      .live-list-filter-actions__btn:not(:disabled):not(.disabled):hover {
        box-shadow: 0 0 1px 2px var(--action-selected-text)
      }
    }

    .live-list-filter-actions__btn:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 2px #fff
    }

    .live-list-filter-actions__btn--secondary {
      background: var(--action-cta-bg);
      color: var(--action-cta-text)
    }

    .live-list-filter-actions__btn--primary {
      background: var(--action-cta-prim-bg);
      color: var(--action-cta-prim-text);
      font-weight: 500
    }

/* Extracted from inline <style> block 41 */
.live-filter-item {
      --live-filter-item-h: 1.625rem;
      -ms-flex-align: center;
      align-items: center;
      background: var(--bg-tag);
      border: 1px solid var(--stroke-tag);
      border-radius: .25rem;
      color: var(--action-text);
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      font-size: .8125rem;
      font-weight: 400;
      height: var(--live-filter-item-h);
      line-height: var(--live-filter-item-h);
      padding: 0 .46em;
      position: relative;
      transition: all .3s ease;
      white-space: nowrap
    }

    .live-filter-item.active {
      background: var(--action-selected-bg);
      border-color: transparent;
      color: var(--action-selected-text)
    }

    @media (hover:hover) {
      .live-filter-item:hover {
        background: var(--action-selected-bg);
        color: var(--action-selected-text)
      }
    }

    @media (min-width:1200px) {
      .live-filter-item {
        --live-filter-item-h: 1.375rem;
        font-size: .6875rem
      }
    }

    .filter-modal .live-filter-item {
      --live-filter-item-h: 1.625rem;
      font-size: .875rem
    }

    .live-filter-item__remove {
      display: block;
      position: absolute;
      right: -.25rem;
      top: -.45rem
    }

/* Extracted from inline <style> block 42 */
.collapsible-filters {
      color: var(--text-menu-item)
    }

    .filter-modal .collapsible-filters {
      background-color: var(--bg-card);
      border-radius: var(--br-card);
      padding: .75rem .5rem .875rem
    }

    @media (min-width:768px) {
      .filter-modal .collapsible-filters {
        padding: .5rem .375rem
      }
    }

    .collapsible-filters__title {
      -ms-flex-align: center;
      align-items: center;
      color: var(--text-primary);
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      font-size: .875rem;
      font-weight: 700;
      gap: .75em
    }

    .permanent .collapsible-filters__title {
      cursor: default
    }

    @media (min-width:1200px) {
      .collapsible-filters__title {
        font-size: .75rem
      }
    }

    .filter-modal .collapsible-filters__title {
      font-size: .875rem;
      padding: 0 .43em
    }

    @media (min-width:768px) {
      .filter-modal .collapsible-filters__title {
        font-size: .625rem
      }
    }

    .collapsible-filters__title-icon {
      height: 1rem;
      margin-left: auto;
      transition: all .3s ease;
      width: 1rem
    }

    .show .collapsible-filters__title-icon {
      transform: scaleY(-1)
    }

    .collapsible-filters__title-count {
      -ms-flex-pack: center;
      background: var(--action-selected-bg);
      border-radius: 50%;
      font-size: .7em;
      height: 1.6em;
      justify-content: center;
      width: 1.6em
    }

    .collapsible-filters__content,
    .collapsible-filters__title-count {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex
    }

    .collapsible-filters__content {
      -ms-flex-pack: start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: .25rem;
      justify-content: flex-start;
      overflow: hidden;
      transition: .5s
    }

    .show .collapsible-filters__content {
      margin-top: .25rem
    }

    @media (min-width:768px) {
      .filter-modal .collapsible-filters__content {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: hidden;
        overflow-y: auto
      }
    }

/* Extracted from inline <style> block 43 */
.live-list-categories {
      display: contents
    }

    .live-list-categories__content-wrap {
      -ms-flex-positive: 1;
      flex-grow: 1;
      overflow: auto
    }

    @-moz-document url-prefix() {
      .live-list-categories__content-wrap {
        scrollbar-width: none !important
      }
    }

    .live-list-categories__content-wrap::-webkit-scrollbar {
      display: none
    }

    @media (min-width:768px) {
      .filter-modal .live-list-categories__content-wrap {
        display: contents
      }
    }

    .live-list-categories__content {
      display: grid;
      gap: .75rem
    }

    @media (min-width:768px) {
      .filter-modal .live-list-categories__content {
        gap: .75rem;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, minmax(0, auto));
        min-height: 0
      }
    }

    .live-list-categories__selected {
      -ms-flex-pack: start;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      gap: .5rem;
      justify-content: flex-start;
      margin: .5rem 0 1rem
    }

    .live-list-categories__section {
      min-width: 0
    }

    .live-list-categories__section--skeleton {
      animation: skeleton-pulse 1.5s ease-in-out infinite;
      aspect-ratio: 5;
      background-color: var(--bg-tag);
      border-radius: var(--br-card);
      height: auto;
      width: 100%
    }

    @media (min-width:768px) {
      .filter-modal .live-list-categories__section {
        display: grid;
        grid-template-rows: auto 1fr
      }

      .filter-modal .live-list-categories__section--skeleton {
        aspect-ratio: 1;
        background-color: var(--bg-card)
      }

      .filter-modal .live-list-categories .live-filter-item {
        --live-filter-item-h: 0.875rem;
        background: none;
        border: none;
        font-size: .625rem;
        padding: 0 .375rem
      }

      .filter-modal .live-list-categories .live-filter-item.active {
        background: var(--action-selected-bg)
      }
    }

/* Extracted from inline <style> block 44 */
.tag-searchbox {
      --tag-searchbox-border-radius: 0.25rem;
      --tag-searchbox-clear-width: 1rem;
      --tag-searchbox-font-size: max(16px, 0.875rem);
      --tag-searchbox-gap: 0.25rem;
      --tag-searchbox-height: 2rem;
      --tag-searchbox-input-width: 12rem;
      --tag-searchbox-side-paddings: 0.375rem
    }

    @media (min-width:1200px) {
      .tag-searchbox {
        --tag-searchbox-font-size: 0.875rem
      }
    }

    .tag-searchbox__control {
      -ms-flex-align: center;
      align-items: center;
      background-color: #000;
      border-radius: var(--tag-searchbox-border-radius);
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
      flex: none;
      font-size: var(--tag-searchbox-font-size);
      gap: var(--tag-searchbox-gap);
      height: var(--tag-searchbox-height);
      padding: 0 var(--tag-searchbox-side-paddings);
      position: relative
    }

    .tag-searchbox__placeholder {
      color: #6e6e6e;
      font-size: var(--tag-searchbox-font-size);
      left: var(--tag-searchbox-side-paddings);
      line-height: var(--tag-searchbox-height);
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
    }

    .tag-searchbox__input {
      -ms-flex-positive: 1;
      background-color: transparent;
      border: none;
      color: #fff;
      flex-grow: 1;
      font-size: 1em;
      font-weight: 700;
      height: var(--tag-searchbox-height);
      line-height: var(--tag-searchbox-height);
      position: relative;
      width: var(--tag-searchbox-input-width)
    }

    .is-iphone .tag-searchbox__input {
      font-size: 16px
    }

    .tag-searchbox__clear {
      -ms-flex: none;
      flex: none;
      height: var(--tag-searchbox-clear-width);
      opacity: .5;
      transition: opacity .3s;
      width: var(--tag-searchbox-clear-width)
    }

    .tag-searchbox__clear:hover {
      opacity: 1
    }

    .tag-searchbox__icon {
      color: var(--action-text);
      -ms-flex: none;
      flex: none;
      height: 1.5rem;
      padding: .1875rem;
      width: 1.5rem
    }

    .tag-searchbox__icon svg {
      fill: currentColor;
      height: 100%;
      width: 100%
    }

    .tag-searchbox__sorry {
      height: 4.375rem;
      margin-top: .75rem;
      text-align: center
    }

    .tag-searchbox__sorry p {
      color: var(--action-text);
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.3;
      padding: 0;
      text-align: center
    }

    .tag-searchbox__sorry-btn {
      color: var(--text-primary-accent);
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.3;
      text-align: center
    }

/* Extracted from inline <style> block 45 */
.live-list-tags-section {
      color: var(--text-menu-item)
    }

    .live-list-tags-section__title {
      -ms-flex-align: center;
      align-items: center;
      color: var(--text-primary);
      display: -ms-flexbox;
      display: flex;
      font-size: .875rem;
      font-weight: 700;
      gap: .75em;
      text-transform: capitalize
    }

    @media (min-width:1200px) {
      .live-list-tags-section__title {
        font-size: .75rem
      }
    }

    .live-list-tags-section__content {
      -ms-flex-pack: start;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: .25rem;
      justify-content: flex-start;
      margin-top: .75rem;
      overflow: hidden
    }

/* Extracted from inline <style> block 46 */
.live-list-tags {
      --parent-bg: var(--filter-modal-bg);
      --scroll-shadow-h: 4rem;
      --scroll-shadow-z: 2;
      display: contents
    }

    .live-list-tags__searchbox {
      margin-bottom: .75rem
    }

    .live-list-tags__result {
      -ms-flex-pack: start;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: .25rem;
      justify-content: flex-start;
      margin: .75rem 0 2.75rem
    }

    .live-list-tags__content-wrap {
      -ms-flex-positive: 1;
      flex-grow: 1;
      overflow: auto;
      position: relative;
      z-index: 1
    }

    @-moz-document url-prefix() {
      .live-list-tags__content-wrap {
        scrollbar-width: none !important
      }
    }

    .live-list-tags__content-wrap::-webkit-scrollbar {
      display: none
    }

    .live-list-tags__content {
      display: grid;
      gap: .75rem;
      margin: calc(var(--scroll-shadow-h)*-1) 0
    }

    .live-list-tags__section {
      min-width: 0
    }

    .live-list-tags__section--skeleton {
      animation: skeleton-pulse 1.5s ease-in-out infinite;
      aspect-ratio: 5;
      background-color: var(--bg-tag);
      border-radius: var(--br-card);
      height: auto;
      width: 100%
    }

/* Extracted from inline <style> block 47 */
.live-list-filter.is-modal {
      display: contents
    }

/* Extracted from inline <style> block 48 */
.promo-register-poster {
      background-color: var(--bg-page);
      border-radius: var(--br-card) 0 0 var(--br-card);
      display: none;
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      transition: width .6s;
      width: 23.75rem
    }

    @media (min-width:992px) {
      .promo-register-poster {
        display: block
      }
    }

    .promo-register-poster img {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%
    }

    .promo-register-poster.loaded {
      width: 29rem
    }

    .promo-register-poster__logo {
      height: auto;
      top: 1.7rem;
      width: 12em
    }

    .promo-register-poster__logo,
    .promo-register-poster__text {
      left: calc(50% - 1rem);
      position: absolute;
      transform: translateX(-50%)
    }

    .promo-register-poster__text {
      background: #000;
      border-radius: .625rem;
      bottom: 4em;
      box-shadow: 0 0 25px 0 var(--outline-color, #ff5b54);
      font-family: Arial Black;
      font-weight: 900;
      letter-spacing: 0;
      line-height: 1;
      padding: .765rem;
      text-transform: uppercase;
      width: 20rem
    }

    .promo-register-poster__text .text-to-fit {
      letter-spacing: .05em;
      padding: .05em
    }

/* Extracted from inline <style> block 49 */
.promo-affiliate {
      background-color: #2e0e6566;
      background-image: url(./img/promotion/banners/affiliate/reg-affiliate-m.webp);
      background-position: 100% 0;
      background-size: cover;
      border-radius: var(--br-card) var(--br-card) 0 0;
      min-height: 8.5rem;
      position: relative;
      width: auto
    }

    .promo-affiliate img {
      height: 100%;
      width: 100%
    }

    @media (min-width:768px) {
      .promo-affiliate {
        background-color: #2e0e6566;
        background-image: url(./img/promotion/banners/affiliate/reg-affiliate.webp);
        border-radius: 0 var(--br-card) var(--br-card) 0;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        transition: width .3s;
        width: 19rem
      }

      .promo-affiliate.loaded {
        width: 22rem
      }
    }

    .promo-affiliate__logo {
      height: auto;
      left: calc(50% + 1.625rem);
      position: absolute;
      top: 3.125rem;
      transform: translateX(-50%);
      width: 7rem
    }

/* Extracted from inline <style> block 50 */
.onlyfans-base {
            fill: currentColor;
          }

          .onlyfans-shade-1 {
            fill: color-mix(in srgb, currentColor 80%, black);
          }

          .onlyfans-shade-2 {
            fill: color-mix(in srgb, currentColor 65%, white);
          }

/* Extracted from inline <style> block 51 */
.tiktok-base {
            fill: currentColor;
          }

          .tiktok-shade-1 {
            fill: color-mix(in srgb, currentColor 80%, black);
          }

          .tiktok-shade-2 {
            fill: color-mix(in srgb, currentColor 65%, white);
          }