/* Файл основных css-правил шаблона  ====================== */

/* Global ================================= */

:root {
    --gray-25: #f6f7f9;
    --gray-50: #e4e8ec;
    --gray-100: #ccd4dc;
    --gray-200: #b3c0cb;
    --gray-300: #9babbb;
    --gray-400: #8397aa;
    --gray-500: #6b8399;
    --gray-600: #596e82;
    --gray-700: #495a6a;
    --gray-800: #384552;
    --gray-900: #283139;
    --gray-950: #1b2127;
    --brand-25: #f5faef;
    --brand-50: #ebf6e0;
    --brand-100: #d6ecc0;
    --brand-200: #c2e3a1;
    --brand-300: #aeda81;
    --brand-400: #99d062;
    --brand-500-rgb: 133 199 66;
    --brand-500: rgb(var(--brand-500-rgb));
    --brand-600: #71ad34;
    --brand-700: #5c8d2a;
    --brand-800: #486e21;
    --brand-900: #334f17;
    --brand-950: #243710;
    --error-25: snow;
    --error-50: #fef2f2;
    --error-100: #fee2e2;
    --error-200: #fecaca;
    --error-300: #fca5a5;
    --error-400: #f87171;
    --error-500: #ef4444;
    --error-600: #dc2626;
    --error-700: #b91c1c;
    --error-800: #991b1b;
    --error-900: #7f1d1d;
    --error-950: #450a0a;
    --warning-25: #fffef5;
    --warning-50: #fefce8;
    --warning-100: #fef9c3;
    --warning-200: #fef08a;
    --warning-300: #fde047;
    --warning-400: #facc15;
    --warning-500: #eab308;
    --warning-600: #ca8a04;
    --warning-700: #a16207;
    --warning-800: #854d0e;
    --warning-900: #713f12;
    --warning-950: #422006;
    --success-25: #fbfefc;
    --success-50: #f0fdf4;
    --success-100: #dcfce7;
    --success-200: #bbf7d0;
    --success-300: #86efac;
    --success-400: #4ade80;
    --success-500: #22c55e;
    --success-600: #16a34a;
    --success-700: #15803d;
    --success-800: #166534;
    --success-900: #14532d;
    --success-950: #052e16;
    --fierce-red-25: #fffafb;
    --fierce-red-50: #feecf0;
    --fierce-red-100: #fccad6;
    --fierce-red-200: #f9a4b9;
    --fierce-red-300: #f77d9b;
    --fierce-red-400: #f4577d;
    --fierce-red-500: #f23160;
    --fierce-red-600: #eb0f44;
    --fierce-red-700: #c50d39;
    --fierce-red-800: #9e0a2e;
    --fierce-red-900: #780823;
    --fierce-red-950: #510518;
    --royal-purple-25: #f7f6fd;
    --royal-purple-50: #f4f2fd;
    --royal-purple-100: #e8e5fa;
    --royal-purple-200: #cac3f4;
    --royal-purple-300: #aba0ed;
    --royal-purple-400: #8c7ee7;
    --royal-purple-500: #6e5ce0;
    --royal-purple-600: #4f3ada;
    --royal-purple-700: #3a25c5;
    --royal-purple-800: #301fa3;
    --royal-purple-900: #261881;
    --royal-purple-950: #1c125f;
    --tree-poppy-25: #fffcfa;
    --tree-poppy-50: #fff1e5;
    --tree-poppy-100: #ffe1c7;
    --tree-poppy-200: #ffcc9e;
    --tree-poppy-300: #ffb675;
    --tree-poppy-400: #ffa04d;
    --tree-poppy-500: #ff8c26;
    --tree-poppy-600: #fa7500;
    --tree-poppy-700: #d16200;
    --tree-poppy-800: #a84f00;
    --tree-poppy-900: #803c00;
    --tree-poppy-950: #572900;
    --white-shades-00: #fff0;
    --white-shades-20: #fff3;
    --white-shades-40: #fff6;
    --white-shades-60: #fff9;
    --white-shades-80: #fffc;
    --white-shades-100: #fff;
    --black-shades-00: #0000;
    --black-shades-20: #0003;
    --black-shades-40: #0006;
    --black-shades-60: #0009;
    --black-shades-80: #000c;
    --black-shades-100: #000;
    --vivid-blue-25: #f2f4fd;
    --vivid-blue-50: #e0e6fa;
    --vivid-blue-100: #c1c9f6;
    --vivid-blue-200: #a1adef;
    --vivid-blue-300: #7f8dec;
    --vivid-blue-400: #3b66f9;
    --vivid-blue-500: #3258e6;
    --vivid-blue-600: #2b50d1;
    --vivid-blue-700: #2341b2;
    --vivid-blue-800: #1d3794;
    --vivid-blue-900: #142d77;
    --vivid-blue-950: #0e255e;
    --creator-program-25: #f4fbff;
    --creator-program-50: #ecf8ff;
    --creator-program-100: #dbf1ff;
    --creator-program-200: #c3e9ff;
    --creator-program-300: #9adaff;
    --creator-program-400: #71cbff;
    --creator-program-500: #45b5f6;
    --creator-program-600: #3198d4;
    --creator-program-700: #217db2;
    --creator-program-800: #136290;
    --creator-program-900: #09496e;
    --creator-program-950: #03314c;
    --bg-blue: #37c;
    --black: #000;
    --blue-hover: #2a62a7;
    --cloud: #88a0b8;
    --bone-rgb: 214 224 234;
    --bone: rgb(var(--bone-rgb));
    --bone-50: rgb(var(--bone-rgb)/50%);
    --bone-70: rgb(var(--bone-rgb)/70%);
    --bone-highlight: #e6ecf2;
    --darkest-rgb: 0 0 0;
    --darkest: rgb(var(--darkest-rgb));
    --darkest-0: rgb(var(--darkest-rgb)/0%);
    --darkest-5: rgb(var(--darkest-rgb)/5%);
    --darkest-10: rgb(var(--darkest-rgb)/10%);
    --darkest-20: rgb(var(--darkest-rgb)/20%);
    --darkest-40: rgb(var(--darkest-rgb)/40%);
    --darkest-80: rgb(var(--darkest-rgb)/80%);
    --darkest-90: rgb(var(--darkest-rgb)/90%);
    --darkest-muted: #101220;
    --darkmo-rgb: 6 23 38;
    --darkmo: rgb(var(--darkmo-rgb));
    --darkmo-0: rgb(var(--darkmo-rgb)/0%);
    --darkmo-50: rgb(var(--darkmo-rgb)/50%);
    --darkmo-90: rgb(var(--darkmo-rgb)/90%);
    --fierce-red-rgb: 242 49 96;
    --fierce-red: rgb(var(--fierce-red-rgb));
    --fierce-red-90: rgb(var(--fierce-red-rgb)/90%);
    --fierce-contrast-red-rgb: 224, 45, 89;
    --fierce-contrast-red: rgb(var(--fierce-contrast-red-rgb));
    --fjord-light-rgb: 146 156 166;
    --fjord-light: rgb(var(--fjord-light-rgb));
    --fjord-rgb: 73 90 106;
    --fjord: rgb(var(--fjord-rgb));
    --fjord-50: rgb(var(--fjord-rgb)/50%);
    --fjord-highlight-rgb: 44 54 64;
    --fjord-highlight: rgb(var(--fjord-highlight-rgb));
    --gren-hover: #77b23b;
    --important: #d14900;
    --warning: #ec0;
    --lite-gray: #eee;
    --lite-rgb: 243 245 248;
    --lite: rgb(var(--lite-rgb));
    --lite-0: rgb(var(--lite-rgb)/0%);
    --lite-5: rgb(var(--lite-rgb)/5%);
    --lite-20: rgb(var(--lite-rgb)/20%);
    --lite-80: rgb(var(--lite-rgb)/80%);
    --lite-muted: #e9ebee;
    --powerslap-blue: #002cfe;
    --powerslap-blue-dark: #041e72;
    --barstool-sports-blue: #02213d;
    --barstool-sports-red: #d40f31;
    --royal-purple: #6e5ce0;
    --ufc-red-light: #d20a0a;
    --ufc-red-dark: #c41230;
    --dark-green-rbg: 76 136 0;
    --dark-green: rgb(var(--dark-green-rbg));
    --white-rgb: 255 255 255;
    --white: rgb(var(--white-rgb));
    --white-0: rgb(var(--white-rgb)/0%);
    --white-50: rgb(var(--white-rgb)/50%);
    --white-80: rgb(var(--white-rgb)/80%);
    --locals-bg-dark: #272727;
    --locals-fill-dark: var(--white);
    --locals-bg-light: #f0f0f0;
    --locals-fill-light: #080808;
    --locals-purple: #421c52;
    --locals-red: #e73348;
    --locals-red-hover: #c6172c;
    --channel-border-light: var(--bone-70);
    --channel-border-dark: #1f2e3c;
    --color-bg-featured: var(--white);
    --color-bg-featured-0: var(--white-0);
    --color-bg-default: #f6f6f6;
    --color-bg-default-0: var(--white-0);
    --color-bg-main: var(--lite-muted);
    --color-separator: var(--bone);
    --color-separator-highlight: var(--bone-highlight);
    --color-txt-default: var(--darkest);
    --inverse-text-1: var(--white);
    --title-color: var(--color-txt-default);
    --text-2: var(--fjord);
    --icon-fill: var(--darkest);
    --menu-icon-color: var(--fjord);
    --menu-item-hover: var(--bone-50);
    --menu-border-color: var(--bone);
    --ufc-red: var(--ufc-red-light);
    --channel-border: var(--channel-border-light);
    --rumble-green: var(--brand-500);
    --rumble-green-25: rgb(var(--brand-500-rgb)/25%);
    --locals-bg: var(--locals-bg-light);
    --locals-fill: var(--locals-fill-light);
    --brand-sm-1: #f97805;
    --brand-sm-2: #4e2817;
    --brand-whatsapp: #4dc247;
    --brand-truthsocial: #5150e7;
    --brand-email: #d44638;
    --background: var(--white);
    --surface: var(--gray-25);
    --subtle-highlight: var(--surface);
    --background-highlight: var(--gray-50);
    --on-secondary: var(--gray-200);
    --secondary-variant: var(--gray-400);
    --primary-variant: var(--gray-600);
    --secondary: var(--gray-800);
    --primary: var(--darkest);
    --link-green: var(--brand-800);
    --rant-01: #63a1ef;
    --rant-02: #b8ea86;
    --rant-03: #f8e81b;
    --rant-04: #f4a622;
    --rant-05: #bd0fe0;
    --rant-06: #910ffe;
    --rant-07: #d0021c
}

[data-theme=dark] {
    --color-bg-featured: var(--darkest);
    --color-bg-featured-0: var(--darkest-0);
    --color-bg-default: #14191f;
    --color-bg-default-0: var(--darkest-0);
    --color-bg-main: var(--darkest);
    --color-separator: var(--fjord-50);
    --color-separator-highlight: var(--fjord-highlight);
    --color-txt-default: var(--white);
    --inverse-text-1: var(--darkest);
    --text-2: var(--cloud);
    --icon-fill: var(--white);
    --menu-icon-color: var(--bone);
    --menu-item-hover: var(--fjord-50);
    --menu-border-color: var(--fjord);
    --ufc-red: var(--ufc-red-dark);
    --channel-border: var(--channel-border-dark);
    scrollbar-color: var(--bone) var(--fjord-highlight);
    --locals-bg: var(--locals-bg-dark);
    --locals-fill: var(--locals-fill-dark);
    --brand-sm-2: var(--white);
    --background: var(--darkest);
    --surface: var(--gray-950);
    --background-highlight: var(--gray-900);
    --on-secondary: var(--gray-700);
    --secondary-variant: var(--gray-300);
    --primary-variant: var(--gray-100);
    --secondary: var(--gray-25);
    --primary: var(--white);
    --link-green: var(--brand-500)
}

:root {
    --screen-xxs: 240px;
    --screen-xs: 380px;
    --screen-sm: 480px;
    --screen-md: 700px;
    --screen-lg: 900px;
    --screen-xlg: 1200px;
    --screen-xl: 1440px;
    --screen-xxl: 1920px;
    --border-radius-xl: 16px;
    --border-radius-lg: 12px;
    --border-radius: 8px;
    --border-radius-sm: 6px;
    --border-radius-xs: 4px;
    --border-radius-xxs: 2px;
    --font-base: inter, system-ui, sans-serif;
    --header-height: 72px;
    --header-logo-width: 10rem;
    --featured-height: 60px;
    --padding-home: 24px;
    --max-content-width: 1700px;
    --main-menu-transition: 150ms;
    --color-scheme: light
}

@font-face {
    font-display: optional;
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    src: url(/templates/modern/assets/fonts/inter-v.woff2) format("woff2-variations");
    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
}

[data-theme=dark] {
    --color-scheme: dark
}

.border-box {
    box-sizing: border-box
}

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

.bottom-border {
    border-bottom: 1px solid var(--color-separator)
}

.link:active,
.link:hover,
.links:link {
    text-decoration: none
}

.section-content {
    background-color: var(--color-bg-featured)
}

.padded-content {
    padding-bottom: 32px;
    padding-top: 32px
}

@media (max-width:699.98px) {
    .padded-content {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

html {
    background-color: var(--color-bg-default);
    color: var(--color-txt-default);
    color-scheme: var(--color-scheme);
    font: normal 14px/1.5 var(--font-base);
    -webkit-text-size-adjust: 100%
}

    html[data-theme=dark] {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }

main {background-color: #f6f6f6;}

@media (max-width:699.98px) {
    :root {
        --header-height: 4rem;
        --header-logo-width: 8rem
    }
}

body {margin-top: -20px !important;}

a,
button,
input,
select,
textarea {-webkit-tap-highlight-color: transparent}

a,
address,
body,
button,
h1,
h2,
h3,
input,
ol,
option,
select,
textarea,
ul {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: inherit
}

[type=button],
[type=submit],
button {
    -webkit-appearance: button;
    appearance: button;
    background-color: initial;
    border-style: none;
    cursor: pointer
}

    button svg {
        pointer-events: none
    }

ol,
ul {
    list-style: none
}

    ol.bullet-list,
    ul.bullet-list {
        list-style: disc;
        padding-left: 16px
    }

label {
    cursor: pointer
}

a:hover {
    text-decoration: underline
}

button {
    white-space: nowrap
}

.h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 1rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word
}

small {
    color: var(--text-2);
    font-size: .9rem
}

.themable-locals-icon {
    color: var(--locals-purple)
}

[data-theme=dark] .themable-locals-icon {
    color: #fff
}

.flex {
    display: flex
}

.flex-1 {
    flex: 1
}

.clear {
    clear: both
}

.text-fierce-red {
    color: var(--fierce-red)
}

.round-button{
	border-radius:9px !important;
	font-size:18px !important;
	background-color:#00A1E7 !important;
	color:#FFFFFF !important;
	padding-top:3px !important;
	padding-bottom:3px !important;
	font-weight:normal !important;
	padding-left:17px !important;
	padding-right:17px !important;
	
}
.round-button a.ajax-modal{text-decoration: none}
.round-button:hover{
	color:#FFFFFF !important;
	background-color:#1EABE9 !important;
}
.round-button {
    align-items: center;
    border-radius: 10rem;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    justify-content: center;
    margin-left: .35rem;
    margin-right: .35rem;
    opacity: 1;
    padding: .5rem .7rem
}

    .round-button:hover {
        opacity: .85;
        text-decoration: none;
    }

    .round-button:disabled,
    .round-button:disabled:hover {
        background: #999;
        cursor: default
    }

.bg-green {
    background: #00a1e7;
    color: inherit
}

    .bg-green:focus-visible,
    .bg-green:hover {
        background: var(--gren-hover);
        opacity: 1
    }

.bg-blue {
    background: var(--bg-blue);
    color: #fff
}

    .bg-blue:focus-visible,
    .bg-blue:hover {
        background: var(--blue-hover);
        opacity: 1
    }

.bg-red {
    background: #b70000;
    color: #fff
}

.bg-grey {
    background: #999;
    color: #fff
}

.bg-purple {
    background: var(--royal-purple);
    color: #fff
}

    .bg-purple:focus-visible,
    .bg-purple:hover {
        background: var(--royal-purple);
        color: #fff;
        opacity: .85
    }

    .bg-purple[disabled],
    .bg-purple[disabled]:hover {
        background: var(--royal-purple);
        color: #fff;
        opacity: .5
    }

.bg-ghost {
    border: 2px solid #00a1e7;
    box-sizing: border-box
}

    .bg-ghost:hover {
        border: 2px solid var(--gren-hover)
    }

.ringed-button {
    box-shadow: inset 0 0 0 2px #00a1e7;
}

.ringed-button,
.transparent-button {
    background-color: initial;
    color: #0d2437
}

    .ringed-button:focus-visible,
    .ringed-button:hover,
    .transparent-button:focus-visible,
    .transparent-button:hover {
        background: #1EABE9;
    }

.select-arrow-bg {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 21'%3E%3Cpath d='M16.984 12.888 4.682 1.022.984 4.589l16 15.433 16-15.433-3.698-3.567z'/%3E%3C/svg%3E");
    background-position: 92%;
    background-repeat: no-repeat;
    background-size: 8px
}

.CollectJsStyleSniffer iframe {
    height: auto
}

.CollectJsStyleSniffer input,
.input-field {
    background-color: initial;
    border: 1px solid var(--bone-highlight);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--darkest);
    line-height: 1rem;
    padding: 1rem 1.25rem;
    width: 100%
}

textarea.input-field {
    line-height: 20px
}

.CollectJsStyleSniffer input,
.input-field-thin {
    padding: .5rem .75rem
}

    .CollectJsStyleSniffer input.invalid,
    .input-field-error,
    .input-field:invalid {
        border: 1px solid var(--fierce-red)
    }

        .input-field:focus,
        .input-field:invalid:focus {
            border: 1px solid var(--fjord-highlight);
            outline: none
        }

.input-field:disabled {
    background-color: #06172614;
    border: 1px solid #0000;
    color: #06172680;
    pointer-events: none
}

.input-field option {
    background-color: #fff;
    color: var(--darkest)
}

.input-field__counter-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: 0 4px 4px
}

.input-field__counter {
    color: var(--menu-border-color);
    display: block;
    font-size: 12px;
    margin-left: 8px
}

.input-field-error-message {
    color: var(--fierce-red);
    font-size: 12px
}

.input-field-hint-message {
    color: var(--menu-border-color);
    font-size: 12px
}

.thirds {
    margin-left: -1rem;
    margin-right: -1rem
}

.one-thirds,
.two-thirds {
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.video-processing-error {
    background: #900;
    color: #fff;
    padding: .75rem 1rem
}

.lrt-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    max-height: 0;
    overflow: visible;
    position: fixed;
    right: 0;
    top: 16px;
    z-index: 3000
}

.lrt {
    align-items: stretch;
    border: 1px solid;
    border-radius: .4em;
    box-shadow: 0 5px 15px 0 #0006;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    max-width: 80vw;
    min-width: 5em;
    transition: opacity .5s ease-in
}

.lrt--fade-out {
    opacity: 0
}

.lrt--success {
    background: #00a1e7;
    border-color: #4c8800;
    color: #284700
}

.lrt--warning {
    background: #f2f2cc;
    border-color: #ee6;
    color: #a60
}

.lrt--error {
    background: #900;
    border-color: #c00;
    color: #fff
}

.lrt__content {
    padding: .6em .6em .6em 1em
}

    .lrt__content :any-link {
        text-decoration: underline
    }

.lrt__count-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lrt__count-number {
    border: 1px solid;
    border-radius: calc(1px + .7em);
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    opacity: .75;
    padding: .1em .6em
}

.lrt__close {
    opacity: .75;
    padding: .6em 1em .6em .6em
}

.lrt:hover > .lrt__close {
    opacity: 1
}

@media (min-width:700px) {
    .mobile-only {
        display: none
    }

    .h1 {
        font-size: 2.2857rem
    }

    .thirds {
        display: flex;
        flex-wrap: wrap
    }

    .one-half,
    .one-thirds,
    .two-thirds {
        display: flex;
        flex-direction: column;
        width: 33.3333%
    }

    .two-thirds {
        width: 66.6667%
    }

    .one-half {
        width: 50%
    }

    .round-button {
        font-size: 1rem;
        margin-left: .5rem;
        margin-right: .5rem;
        padding: .85rem 1.3rem
    }
}

@media (max-width:699.98px) {
    .desktop-only {
        display: none
    }
}

.header {
    background: #fff;
    border-bottom: 1px solid var(--color-separator);
    box-shadow: none !important;
    border-style: solid !important;
    border-width: 0px !important;
    box-sizing: border-box;
    height: var(--header-height);
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 72px !important;
    z-index: 99
}

[data-theme=dark] .header {
    color: var(--bone)
}

.header-div {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    padding: 0 1rem;
    height: 72px !important;
    position: relative
}

.main-menu-toggle,
.menu-toggle {
    align-items: center;
    display: flex;
    margin-left: -1.2rem;
    padding: 1rem
}

.main-menu-close,
.main-menu-open {
    display: inline-block;
    stroke: var(--darkest);
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round
}

.main-menu-close {
    display: none;
    stroke-width: 3px
}

.main-menu-expanded .main-menu-close {
    display: inline-block
}

.main-menu-expanded .main-menu-open {
    display: none
}

.header-logo {
    color: var(--color-txt-default);
    margin-right: .2rem;
    width: var(--header-logo-width)
}

.header-upload {
    align-items: center;
    border-radius: 10rem;
    box-sizing: border-box;
    display: flex;
    height: 2.6rem;
    padding: 0 .35rem;
    width: 2.6rem
}

    .header-upload svg {
        width: 100%
    }

.header-upload-menu {
    border: 1px solid var(--menu-item-hover);
    border-radius: var(--border-radius-lg);
    box-shadow: 0 4px 48px 0 #14191f;
    display: none;
    right: 0;
    top: var(--header-height)
}

    .header-upload-menu > hr {
        border: 1px solid var(--color-separator);
        border-bottom: 0;
        margin: 8px -8px
    }

    .header-upload-menu.pop-show,
    main {
        display: block
    }

main {
    margin-top: var(--header-height)
}

    .page__footer.nav--transition,
    main.nav--transition {
        transition: margin-left var(--main-menu-transition)
    }

.u-deemphasized {
    color: var(--fjord)
}

#main-menu.main-menu-nav {
    border-right: 1px solid var(--color-separator)
}

.main-menu-heading-extra,
.main-menu-item-label {
    display: none
}

.main-menu-heading-extra {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3
}

.main-menu-expanded .main-menu-heading-extra,
.main-menu-expanded .main-menu-item-label,
.main-menu-item-label-collapsed {
    display: block
}

.main-menu-expanded .main-menu-item-label-collapsed {
    display: none
}

.main-menu-heading-extra:hover {
    text-decoration: none
}

.main-menu-item-channel .user-image {
    height: 30px;
    margin: 0;
    width: 30px
}

.main-menu-expanded .main-menu-item-channel .user-image {
    margin-right: .75rem
}

.main-menu-item-channel:not(.main-menu-item-channel-is-live) .user-image:hover {
    outline: 5px solid var(--lite)
}

[data-theme=dark] .main-menu-item-channel:not(.main-menu-item-channel-is-live) .user-image:hover {
    outline-color: #192a37
}

.htmx-indicator {
    display: none
}

.htmx-request .htmx-indicator {
    display: unset
}

.header-user-actions {
    align-items: center;
    color: var(--color-txt-default);
    display: flex
}

@media (min-width:700px) {
    .header-div {
        padding: 0 2rem
    }

    .cmi,
    .cmx__section-head {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .header-logo {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.header-user-info {
    display: none
}

.header-user {
    text-align: left
}

i.header-user-img,
svg.header-user-img {
    display: block;
    flex-shrink: 0;
    font-size: 2.6rem;
    height: 2.6rem;
    padding: .35rem;
    width: 2.6rem
}

@media (min-width:700px) {
    .header-user {
        align-items: center;
        display: flex
    }

    .header-user-name,
    .header-user-stat {
        color: var(--darkest);
        display: block
    }

    .header-user-name {
        color: var(--darkest);
        padding: .1rem 0
    }

    .header-user-info {
        display: inline-block;
        margin-left: .5rem
    }
}

#header-user-menu {
    border: 1px solid var(--menu-item-hover);
    border-radius: var(--border-radius-lg);
    box-shadow: 0 4px 48px 0 #14191f;
    display: none;
    right: 0;
    top: var(--header-height)
}

    #header-user-menu.pop-show,
    .header-user-menu-link {
        display: block
    }

.main-menu-licensed-icon {
    fill: #fff
}

.cart-hidden {
    display: none
}

.navs {
    position: fixed;
    top: var(--header-height);
    width: 100%;
    z-index: 98
}

#main-menu a.main-menu-item {margin-right: -4px;margin-left: -4px;}
a.main-menu-item{color:#29333D;}
a.main-menu-item:hover{color:#030303;background: #e1e5ea;}
#main-menu a.active {font-weight: bold;color:#29333D;background: #e1e5ea;}
div.hover-menu {background-color: #fff !important;}
.hover-menu {
    background: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 12px 8px;
    position: absolute;
    width: 16rem;
}

#main-menu {
    background: #fff;
    border-radius: 0;
    bottom: 0;
    display: none;
    font-size: 10.4px;
    left: 0;
    min-width: 0;
    padding-bottom: 3rem;
    position: fixed;
    text-align: center;
    top: var(--header-height) !important;
    width: 80px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.main-menu-expanded #main-menu {
    display: block;
    font-size: 14.4px;
    font-weight: 500;
    padding: 20px 12px;
    text-align: unset;
    width: 260px;
    -ms-overflow-style: unset;
    scrollbar-width: unset
}

@media (min-width:700px) {

    #main-menu,
    .navs {
        top: var(--header-height)
    }
}

@media (min-width:1024px) {
    #main-menu {
        top: 5.5rem;
        display: block
    }
}

.main-menu-item {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    padding: 8px 4px
}

.main-menu-expanded .main-menu-item {
    border-radius: 24px;
    flex-direction: row;
    padding: 10px 8px 10px 16px
}

.main-menu-item-channel:hover,
.main-menu-item:hover {
    text-decoration: none
}

.main-menu-item:not(.main-menu-item--active):hover {
    background-color: var(--lite)
}

[data-theme=dark] .main-menu-item:not(.main-menu-item-channel):not(.main-menu-item--active):hover {
    background-color: #192a37
}

.main-menu-item.active {
    background-color: var(--lite);
    color: #00a1e7
}

[data-theme=dark] .main-menu-item.active {
    background-color: #192a37
}

.main-menu-item-channel-container {
    align-items: center;
    display: flex;
    justify-content: center
}

a.main-menu-item {
    overflow: hidden;
    text-overflow: ellipsis
}

.header-user-menu__menu-item,
button.main-menu-item {
    white-space: normal;
    width: 100%
}

.header-user-menu__menu-item {
    align-items: center;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    line-height: 1.3;
    overflow: hidden;
    padding: 10px 8px 10px 16px;
    text-overflow: ellipsis
}

    .header-user-menu__menu-item:hover {
        background-color: var(--lite);
        text-decoration: none
    }

[data-theme=dark] .header-user-menu__menu-item:hover {
    background-color: #192a37
}

.header-user-menu__menu-icon {
    height: 20px;
    margin-bottom: 0;
    margin-right: 1rem;
    width: 20px
}

.header-user-menu__menu-item--user {
    justify-content: space-between;
    overflow: hidden;
    padding: 10px 0
}

    .header-user-menu__menu-item--user:hover,
    [data-theme=dark] .header-user-menu__menu-item--user:hover {
        background-color: initial
    }

.header-user-menu__user-container {
    align-items: center;
    display: flex;
    overflow: hidden
}

.header-user-menu__user-info {
    overflow: hidden
}

.header-user-menu__user-container .header-user-menu__user-img {
    height: 36px;
    margin-right: 5px;
    width: 36px
}

.header-user-menu__name {
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-user-menu__name--small {
    font-size: 10px;
    font-weight: 500
}

.header-user-menu__menu-item--locals {
    background-color: var(--lite);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -.03em;
    margin-bottom: 12px;
    padding: 8px;
    text-decoration: underline
}

[data-theme=dark] .header-user-menu__menu-item--locals {
    background: #2c3640
}

.header-user-menu__menu-item--locals svg {
    margin-right: 10px
}

.main-menu-item-channel-container .main-menu-item-channel {
    align-items: center;
    border-radius: 20px;
    color: var(--color-txt-default);
    display: flex
}

.main-menu-item-channel:hover {
    background: var(--lite)
}

.main-menu-expanded .main-menu-item-channel-container .main-menu-item-channel {
    width: 100%
}

.main-menu-item.main-menu-item-channel:hover,
[data-theme=dark] .main-menu-item.main-menu-item-channel:hover {
    background: #0000
}

.main-menu-expanded .main-menu-item.main-menu-item-channel:hover {
    background-color: var(--lite)
}

[data-theme=dark] .main-menu-expanded .main-menu-item.main-menu-item-channel:hover {
    background-color: #192a37
}
 
#context-menu-mountpoint {
    position: relative
}

.cxm {
    border: 1px solid var(--bone-highlight);
    border-radius: 5px;
    box-shadow: 0 4px 48px 0 #14191f;
    position: absolute;
    z-index: 2023
}

[data-theme=dark] .cxm {
    border: 1px solid var(--fjord-highlight)
}

.cmx__section-head,
.main-menu-heading {
    color: var(--color-txt-default);
    cursor: default;
    font-weight: 600
}

.cmi {
    -webkit-appearance: none;
    appearance: none;
    text-align: left;
    white-space: normal;
    width: 100%
}

    .cmi + .cmx__section-head {
        border-top: 1px solid var(--bone-highlight);
        margin-top: .3rem;
        padding-top: .7rem
    }

.cmi,
.cmx__section-head {
    display: block;
    padding: 10px 8px 10px 16px
}

.main-menu-item-important {
    color: var(--important)
}

.cmi:not(.cmi--active):focus-visible,
.cmi:not(.cmi--active):hover {
    text-decoration: none
}

.cmi.cmi--info {
    color: #666;
    font-size: 1rem
}

    .cmi.cmi--info:hover {
        background: #0000;
        color: #666
    }

.main-menu-divider {
    margin: 4px 0
}

.main-menu-divider,
.main-menu-heading {
    border-top: 1px solid var(--color-separator)
}

.main-menu-heading {
    align-items: center;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.3;
    margin: 20px 0 0;
    padding: 1.5rem 5px 1rem
}

.main-menu-expanded .main-menu-heading {
    font-size: 16px;
    justify-content: space-between;
    padding: 24px 0 12px
}

:any-link > .main-menu-heading {
    cursor: pointer
}

a .main-menu-heading:active .main-menu-item-label,
a .main-menu-heading:hover .main-menu-item-label {
    text-decoration: underline
}

.main-menu-icon {
    height: 20px;
    margin-bottom: .5rem;
    margin-right: 0;
    width: 20px
}

.main-menu-expanded .main-menu-icon {
    margin-bottom: 0;
    margin-right: 1rem
}

.main-menu-end-icon {
    height: 20px;
    margin-left: auto;
    opacity: .5;
    width: 20px
}

.main-menu-item--active {
    color: #00a1e7;
    cursor: default
}

    .main-menu-item--active:hover {
        text-decoration: none
    }

.main-menu-signout {
    margin: 1rem 0 1.25rem
}

.main-menu-channel-count {
    display: none
}

.main-menu-expanded .main-menu-channel-count,
.main-menu__view-all,
.main-menu__view-all--collapsed {
    align-items: center;
    display: flex;
    justify-content: center
}

.main-menu__view-all,
.main-menu__view-all--collapsed {
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    padding: 16px 8px 4px
}

.main-menu__view-all {
    display: none;
    font-size: 14px
}

.main-menu-expanded .main-menu__view-all--collapsed {
    display: none;
    font-size: 12px
}

.main-menu-expanded .main-menu__view-all {
    display: flex
}

#main-menu,
.foot,
.hover-menu {
    background: var(--color-bg-default);
    color: var(--color-txt-default)
}

.foot {
    align-items: center;
    border-top: 1px solid var(--color-separator);
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 2rem
}

[data-theme=dark] .foot {
    color: var(--bone)
}

.foot__legal,
.foot__nav {
    padding: .4em .5em
}

.foot__legal-list,
.foot__nav-list {
    display: flex;
    flex-wrap: wrap
}

.foot__nav-list {
    flex-direction: column;
    font-weight: 600
}

.foot__legal-list {
    flex-direction: row;
    justify-content: center
}

.foot__copyright,
.foot__legal {
    font-size: 12px
}

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

.foot__icon {
    height: 24px;
    margin-left: 24px;
    fill: var(--fjord)
}

[data-theme=dark] .foot__icon {
    fill: var(--cloud)
}

@media (min-width:1200px) {

    .page__footer,
    main {
        margin-left: 80px
    }

    .main-menu-expanded .page__footer,
    .main-menu-expanded main {
        margin-left: 260px
    }
}

.foot__legal-item,
.foot__nav-item {
    display: block;
    list-style-type: none;
    padding: .5rem
}

.foot__nav-item {
    white-space: nowrap
}

.foot__legal-link,
.foot__nav-link {
    color: #0d2437;
    outline-offset: .25em;
    text-decoration: none
}

@media (min-width:700px) {
    .foot__nav-list {
        flex-direction: row
    }
}

@media (max-width:699.98px) {
    .foot {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.5rem 1rem
    }

    .foot__legal,
    .foot__nav {
        padding: 1em 0
    }

    .foot__copyright,
    .foot__legal {
        width: 100%
    }
}

#-v2 .constrained,
.constrained {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--max-content-width);
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:700px) {
    .constrained {
        padding-left: 0;
        padding-right: 0;
    }
}

.main-menu-item-channel .user-image.channel-live {
    border: 2px solid var(--fierce-red)
}

.news_notification {
    align-items: center;
    background: #00a1e7;
    color: var(--darkest);
    display: flex;
    justify-content: center;
    padding: .5rem 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.news_notification_a {
    box-sizing: border-box;
    padding: 0 2.1rem 0 .5rem;
    text-align: center;
    width: 100%
}

.news_close {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    padding: 0 .7rem;
    position: absolute;
    right: 0;
    top: 0
}

.news_close-x {
    background: #ffffff80;
    border-radius: 100%;
    height: .8rem;
    padding: .2rem;
    width: .8rem;
    stroke: #333
}

.news_close:hover .news_close-x {
    background: #ffffffbf
}

.theme-black-white {
    color: #000
}

[data-theme=dark] .channel-item,
[data-theme=dark] .media-engage .media-video-action,
[data-theme=dark] .video-counters--icon {
    color: var(--bone)
}

[data-theme=dark] .content {
    background: var(--darkest)
}

[data-theme=dark] .mediaList-list.related {
    background: var(--darkest);
    border-color: var(--darkest);
    box-shadow: none
}

[data-theme=dark] .round-button {
    color: var(--bone)
}

    [data-theme=dark] .round-button:focus-visible,
    [data-theme=dark] .round-button:hover {
        background: #1a2a37;
        color: var(--white);
        opacity: 1
    }

    [data-theme=dark] .round-button:focus-visible {
        outline: 1px solid var(--white);
        outline-offset: 2px
    }

    [data-theme=dark] .round-button:disabled,
    [data-theme=dark] .round-button:disabled:hover {
        background: var(--fjord)
    }

[data-theme=dark] .bg-green {
    background: #00a1e7;
    color: var(--darkest)
}

    [data-theme=dark] .bg-green:focus-visible,
    [data-theme=dark] .bg-green:hover {
        background: #8dd447;
        color: var(--darkest)
    }

[data-theme=dark] .bg-blue {
    background: var(--bone);
    color: var(--darkest)
}

    [data-theme=dark] .bg-blue:focus-visible,
    [data-theme=dark] .bg-blue:hover {
        background: var(--white);
        color: var(--darkest)
    }

[data-theme=dark] .bg-red {
    background: #e02d59;
    color: #fff
}

    [data-theme=dark] .bg-red:focus-visible,
    [data-theme=dark] .bg-red:hover {
        background: var(--fierce-red);
        color: #fff
    }

[data-theme=dark] .bg-grey {
    background: #0000;
    border: 1px solid #00a1e7;
    color: var(--bone)
}

    [data-theme=dark] .bg-grey:focus-visible,
    [data-theme=dark] .bg-grey:hover {
        background: #1a2a37;
        color: var(--white)
    }

[data-theme=dark] .bg-purple {
    background: var(--royal-purple);
    color: #fff
}

    [data-theme=dark] .bg-purple:focus-visible,
    [data-theme=dark] .bg-purple:hover {
        background: var(--royal-purple);
        color: #fff;
        opacity: .85
    }

    [data-theme=dark] .bg-purple[disabled],
    [data-theme=dark] .bg-purple[disabled]:hover {
        background: var(--royal-purple);
        color: #fff;
        opacity: .5
    }

[data-theme=dark] .select-arrow-bg {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 21'%3E%3Cpath fill='%2388A0B8' d='M16.984 12.888 4.682 1.022.984 4.589l16 15.433 16-15.433-3.698-3.567z'/%3E%3C/svg%3E")
}

[data-theme=dark] .video-processing-error {
    background: #e02d59;
    color: #fff
}

[data-theme=dark] .theater-mode #theaterVideoPlayer {
    background: var(--darkest)
}

[data-theme=dark] .docked-chat {
    background: var(--darkest) !important
}

    [data-theme=dark] .docked-chat > .chat {
        color: var(--bone)
    }

[data-theme=dark] .lrt {
    box-shadow: 0 5 20px 0 #0009
}

[data-theme=dark] .lrt--success {
    background: #00a1e7;
    border-color: #00a1e7;
    color: var(--darkest)
}

[data-theme=dark] .lrt--error {
    background: #e02d59;
    border-color: #fff;
    color: #fff
}

[data-theme=dark] .module-title {
    color: var(--cloud)
}

[data-theme=dark] .tab-heading.tab-active {
    background: var(--darkest);
    border-color: var(--darkest);
    color: var(--bone)
}

[data-theme=dark] .livestream-begins,
[data-theme=dark] .watching-now {
    color: var(--fierce-red)
}

[data-theme=dark] #video-comments-loading {
    color: var(--fjord)
}

[data-theme=dark] .loading-spinner {
    border-color: var(--cloud);
    border-top-color: #00a1e7
}

[data-theme=dark] .user-image.user-image--img,
[data-theme=dark] svg.user-image--icon {
    background-color: #1f2e3c;
    border-color: #344453;
    stroke: var(--cloud)
}

    [data-theme=dark] .user-image.user-image--img.channel-live {
        border-color: var(--fierce-red)
    }

[data-theme=dark] .media-heading-info,
[data-theme=dark] .streamed-on {
    color: var(--cloud)
}

[data-theme=dark] button.locals-button {
    background: #e02d59
}

[data-theme=dark] .locals-button:hover {
    background: var(--fierce-red)
}

[data-theme=dark] .share-fb-container,
[data-theme=dark] iframe {
    color-scheme: auto
}

[data-theme=dark] .rumbles-vote {
    color: var(--cloud)
}

[data-theme=dark] .rumbles-vote-down,
[data-theme=dark] .rumbles-vote-up,
[data-theme=dark] button.rumbles-vote-down,
[data-theme=dark] button.rumbles-vote-up {
    color: var(--bone)
}

[data-theme=dark] button.rumbles-vote-down,
[data-theme=dark] button.rumbles-vote-up {
    background: #1f2e3c;
    border-color: var(--fjord-highlight)
}

    [data-theme=dark] .rumbles-vote-down:focus-visible,
    [data-theme=dark] .rumbles-vote-down:hover,
    [data-theme=dark] .rumbles-vote-up:focus-visible,
    [data-theme=dark] .rumbles-vote-up:hover,
    [data-theme=dark] button.rumbles-vote-down:focus-visible,
    [data-theme=dark] button.rumbles-vote-down:hover,
    [data-theme=dark] button.rumbles-vote-up:focus-visible,
    [data-theme=dark] button.rumbles-vote-up:hover {
        background: #344453;
        color: var(--white)
    }

[data-theme=dark] .rumbles-vote-down:focus-visible,
[data-theme=dark] .rumbles-vote-up:focus-visible {
    outline: 1px solid var(--white);
    outline-offset: -1px
}

[data-theme=dark] button.rumbles-vote-down.active,
[data-theme=dark] button.rumbles-vote-up.active {
    background: #427500;
    color: whitefff
}

[data-theme=dark] .media-icon-embed,
[data-theme=dark] .media-icon-license {
    stroke: var(--bone)
}

[data-theme=dark] .media-description,
[data-theme=dark] foot__legal-item a,
[data-theme=dark] foot__nav-item a {
    color: var(--bone)
}

[data-theme=dark] .mediaList-link-more a {
    background: var(--darkest);
    border-color: var(--fjord-highlight);
    color: var(--cloud)
}

    [data-theme=dark] .mediaList-link-more a:focus-visible,
    [data-theme=dark] .mediaList-link-more a:hover {
        background: #1a2a37;
        border-color: var(--cloud);
        color: var(--bone)
    }

[data-theme=dark] .mediaList-item:has(.mediaList-link:hover) {
    background: #1a2a37
}

[data-theme=dark] .mediaList-link:focus-visible,
[data-theme=dark] .mediaList-link:hover {
    background: #1a2a37
}

    [data-theme=dark] .mediaList-link:focus-visible h3,
    [data-theme=dark] .mediaList-link:hover h3 {
        color: var(--white)
    }

[data-theme=dark] img.mediaList-image {
    background: #10212f
}

[data-theme=dark] .mediaList-by-heading,
[data-theme=dark] .mediaList-earnings,
[data-theme=dark] .mediaList-rumbles {
    color: var(--cloud)
}

[data-theme=dark] .mediaList-liveCount {
    color: var(--fierce-red)
}

[data-theme=dark] .mediaList-by.size-large .mediaList-earnings:before,
[data-theme=dark] .mediaList-by.size-large .mediaList-liveCount:before,
[data-theme=dark] .mediaList-by.size-xlarge .mediaList-earnings:before,
[data-theme=dark] .mediaList-by.size-xlarge .mediaList-liveCount:before,
[data-theme=dark] .mediaList-plays,
[data-theme=dark] .mediaList-plays:before,
[data-theme=dark] .mediaList-timestamp,
[data-theme=dark] .mediaList-timestamp:before {
    color: var(--cloud)
}

[data-theme=dark] .mediaList-duration,
[data-theme=dark] .mediaList-live {
    background: #06172699;
    color: var(--white)
}

[data-theme=dark] .mediaList-duration {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

[data-theme=dark] .mediaList-live {
    background: #e02d59;
    color: #fff
}

[data-theme=dark] .main-menu-close,
[data-theme=dark] .main-menu-open {
    stroke: var(--bone)
}

    [data-theme=dark] .main-menu-close:hover,
    [data-theme=dark] .main-menu-open:hover {
        stroke: var(--white)
    }

[data-theme=dark] .cmi {
    color: var(--bone)
}

    [data-theme=dark] .cmi + .cmx__section-head {
        border-top-color: var(--fjord-highlight)
    }

    [data-theme=dark] .cmi.cmi--info {
        color: var(--cloud)
    }

    [data-theme=dark] .cmi:not(.cmi--active):focus-visible,
    [data-theme=dark] .cmi:not(.cmi--active):hover {
        background-color: #192a37
    }

    [data-theme=dark] .cmi.cmi--info:hover {
        background: #0000;
        color: var(--cloud)
    }

[data-theme=dark] .main-menu-item-important {
    color: #ff8c26
}

    [data-theme=dark] .main-menu-item-important > .main-menu-icon {
        color: #ff8c26ee
    }

[data-theme=dark] .main-menu-licensed-icon {
    fill: none
}

[data-theme=dark] .u-deemphasized {
    color: var(--cloud)
}

[data-theme=dark] .footer-nav-link:focus-visible,
[data-theme=dark] .footer-nav-link:hover,
[data-theme=dark] .footer-terms-link:focus-visible,
[data-theme=dark] .footer-terms-link:hover {
    color: var(--white)
}

[data-theme=dark] .footer-copyright {
    color: var(--cloud)
}

[data-theme=dark] .user-notifications {
    background: var(--darkest)
}

    [data-theme=dark] .user-notifications h1,
    [data-theme=dark] .user-notifications--empty--text,
    [data-theme=dark] .user-notifications--loading-bar,
    [data-theme=dark] .user-notifications--text {
        color: #fff
    }

[data-theme=dark] .user-notifications--bell path {
    fill: #fff
}

[data-theme=dark] .user-notifications--show-more {
    color: #fff
}

[data-theme=dark] .user-notifications--close path {
    fill: #fff
}

@media (min-width:700px) {
    [data-theme=dark] .media-heading-info:before {
        color: var(--fjord)
    }

    [data-theme=dark] .header-user-name,
    [data-theme=dark] .header-user-stat,
    [data-theme=dark] .media-earnings {
        color: var(--cloud)
    }

    [data-theme=dark] .header-user-name {
        color: var(--white)
    }

    [data-theme=dark] .footer-terms-link.divider:after {
        color: var(--fjord)
    }
}

[data-theme=dark] .promo-widget-content {
    color: var(--darkest)
}

[data-theme=dark] #wrapper {
    background: var(--darkest);
    padding-bottom: 20px
}

    [data-theme=dark] #wrapper .app-promote__subtitle,
    [data-theme=dark] #wrapper .description,
    [data-theme=dark] #wrapper .small-description,
    [data-theme=dark] #wrapper .small-title,
    [data-theme=dark] #wrapper .title {
        color: var(--bone)
    }

[data-theme=dark] .legal-nav--a {
    background-color: initial;
    border-color: var(--fjord-highlight);
    color: var(--bone)
}

    [data-theme=dark] .legal-nav--a:focus-visible,
    [data-theme=dark] .legal-nav--a:hover {
        background-color: #1a2a37;
        color: var(--white)
    }

    [data-theme=dark] .legal-nav--a:focus-visible {
        text-decoration: underline
    }

[data-theme=dark] .updated.highlight {
    color: #00a1e7;
    text-decoration: underline
}

    [data-theme=dark] .updated.highlight.line {
        border-left: 2px solid var(--cloud);
        margin-left: -20px;
        padding-left: 20px
    }

[data-theme=dark] .h3 {
    color: var(--bone)
}

[data-theme=dark] .listing-header--white-bg {
    background: #1a2a37
}

[data-theme=dark] .listing-header--thumb {
    border-color: #294257
}

[data-theme=dark] .listing-header--icon svg {
    stroke: var(--bone)
}

[data-theme=dark] .video-item {
    background: var(--darkest);
    box-shadow: none
}

    [data-theme=dark] .video-item:hover {
        background: #1a2a37
    }

        [data-theme=dark] .video-item:has(.video-item--a:focus-visible) h3.video-item--title-color,
        [data-theme=dark] .video-item:hover h3.video-item--title-color {
            color: var(--white)
        }

    [data-theme=dark] .video-item:has(.video-item--a:focus-visible) {
        background: #1a2a37
    }

[data-theme=dark] .video-item--img {
    background-color: #10212f
}

[data-theme=dark] .video-item--earned:after,
[data-theme=dark] .video-item--footer {
    color: var(--cloud)
}

[data-theme=dark] .video-item--live:after {
    background-color: #e02d59
}

[data-theme=dark] .video-item--duration:after {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #06172699;
    color: var(--white)
}

[data-theme=dark] .tuner-box--section {
    background: var(--darkest);
    box-shadow: none
}

[data-theme=dark] .tuner-box--section-header {
    color: var(--cloud);
    font-weight: 600
}

[data-theme=dark] .tuner-box--link {
    color: var(--bone)
}

[data-theme=dark] a.tuner-box--link:focus-visible,
[data-theme=dark] a.tuner-box--link:hover {
    background: #1f2e3c;
    color: var(--white)
}

[data-theme=dark] .tuner-box--link--current {
    background: #1f2e3c;
    color: var(--white)
}

@media (min-width:900px) {
    [data-theme=dark] .media-by {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:1199.95px) {
    [data-theme=dark] #is-sidebar-open:checked + .bottom-popup {
        background-color: var(--darkest)
    }
}

[data-theme=dark] .video-item--by-a {
    color: #fff
}

[data-theme=dark] .bottom-popup--button {
    background: #0000;
    border: 1px solid #00a1e7;
    color: var(--bone)
}

    [data-theme=dark] .bottom-popup--button:focus-visible,
    [data-theme=dark] .bottom-popup--button:hover {
        background: #1a2a37;
        color: #fff
    }

[data-theme=dark] #is-sidebar-open:not(:checked) + .bottom-popup .bottom-popup--header {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #06172680
}

[data-theme=dark] .verification-badge-icon {
    fill: #00a1e7;
    color: var(--darkest)
}

[data-theme=dark] .overlay {
    background: var(--darkest);
    box-shadow: 0 0 30px 0 #14191f
}

[data-theme=dark] .overlay-heading {
    background: var(--darkest);
    color: var(--bone)
}

[data-theme=dark] .overlay-close {
    color: var(--bone)
}

    [data-theme=dark] .overlay-close:hover {
        color: var(--white)
    }

[data-theme=dark] .overlay-button {
    background: #ddd;
    color: #000;
    opacity: .7
}

    [data-theme=dark] .overlay-button:hover {
        opacity: 1
    }

[data-theme=dark] .overlay-bg {
    background: #06172680
}

[data-theme=dark] div.error,
[data-theme=dark] p.error,
[data-theme=dark] span.error {
    color: var(--fierce-red)
}

[data-theme=dark] input.error,
[data-theme=dark] input.error[type=checkbox],
[data-theme=dark] textarea.error {
    border: 1px solid #e02d59
}

[data-theme=dark] #-v2 .form-checkbox label:before {
    background: url(/i/check-sheet-dark-2x.png) left 4px/32px 64px no-repeat
}

[data-theme=dark] #-v2 .form-radio label:before {
    background: url(/i/radio-sheet-dark-2x.png) left 4px/32px 64px no-repeat
}

[data-theme=dark] .CollectJsStyleSniffer input,
[data-theme=dark] .input-field {
    border: 1px solid var(--fjord-highlight);
    color: #fff
}

    [data-theme=dark] .CollectJsStyleSniffer input.invalid,
    [data-theme=dark] .input-field-error,
    [data-theme=dark] .input-field:invalid {
        border: 1px solid var(--fierce-red)
    }

    [data-theme=dark] .input-field:disabled {
        background-color: #ffffff1f;
        color: #ffffff80
    }

    [data-theme=dark] .input-field:focus,
    [data-theme=dark] .input-field:invalid:focus {
        border: 1px solid var(--white)
    }

    [data-theme=dark] .input-field option {
        background-color: var(--darkest);
        color: #fff
    }

[data-theme=dark] .login-form-login-div {
    border-bottom-color: var(--fjord-highlight)
}

[data-theme=dark] .login-form-input {
    background: #1f2e3c;
    border-color: #1f2e3c
}

    [data-theme=dark] .login-form-input::placeholder {
        color: #73899e
    }

[data-theme=dark] .login-form-register-div {
    border-top-color: var(--fjord-highlight)
}

[data-theme=dark] .license-modalpopup .description,
[data-theme=dark] .license-modalpopup .footer .final-price .title,
[data-theme=dark] .license-modalpopup .more-info {
    color: var(--cloud)
}

[data-theme=dark] .license-modalpopup li div {
    background: var(--darkest);
    color: var(--bone)
}

[data-theme=dark] .license-modalpopup li.selected div {
    background: var(--bone);
    border-color: var(--bone-highlight);
    color: var(--darkest)
}

[data-theme=dark] .license-modalpopup li:hover:not(.selected) div {
    background: #1a2a37;
    color: var(--white)
}

[data-theme=dark] .license-modalpopup li .license-amount,
[data-theme=dark] .license-modalpopup li .license-name,
[data-theme=dark] .license-modalpopup li.selected .license-amount,
[data-theme=dark] .license-modalpopup li.selected .license-name {
    color: inherit
}

[data-theme=dark] .license-modalpopup .footer .final-price .amount {
    color: var(--bone)
}

[data-theme=dark] .license-modalpopup .footer {
    background: var(--darkest)
}

[data-theme=dark] .license-modalpopup :any-link {
    color: var(--bone)
}

    [data-theme=dark] .license-modalpopup :any-link:focus-visible,
    [data-theme=dark] .license-modalpopup :any-link:hover {
        color: var(--white)
    }

[data-theme=dark] .channel-item {
    background-color: var(--darkest);
    box-shadow: none
}

[data-theme=dark] span.username-selection-is-final {
    color: var(--cloud) !important
}

[data-theme=dark] #-v2 .registration_wrap input.default,
[data-theme=dark] #-v2 .registration_wrap select {
    background: var(--darkest);
    border-color: var(--fjord-highlight);
    color: var(--bone)
}

    [data-theme=dark] #-v2 .registration_wrap input.default::placeholder,
    [data-theme=dark] #-v2 .registration_wrap select.placeholder {
        color: #73899e !important
    }

    [data-theme=dark] #-v2 .registration_wrap select option {
        color: var(--bone)
    }

        [data-theme=dark] #-v2 #birthday-wrap select option.empty,
        [data-theme=dark] #-v2 #birthday-wrap select.digits,
        [data-theme=dark] #-v2 .registration_wrap select option.placeholder {
            color: #73899e
        }

[data-theme=dark] #-v2 #birthday-wrap select option {
    color: var(--bone)
}

[data-theme=dark] #-v2 #birthday-wrap label {
    color: inherit
}

[data-theme=dark] #-v2 #registration a {
    color: var(--bone)
}

[data-theme=dark] #-v2 .ref_note,
[data-theme=dark] #-v2 .spec,
[data-theme=dark] #-v2 h4,
[data-theme=dark] #-v2 h5 {
    color: var(--cloud)
}

[data-theme=dark] #-v2 h1 {
    color: var(--bone)
}

[data-theme=dark] #-v2 .register-options,
[data-theme=dark] #-v2 .register-options .check {
    background: var(--darkest);
    border-color: var(--fjord-highlight)
}

    [data-theme=dark] #-v2 .package-display .package-name,
    [data-theme=dark] #-v2 .package-display .package-price,
    [data-theme=dark] #-v2 .register-options .sub,
    [data-theme=dark] #-v2 .register-options .type {
        color: var(--bone)
    }

    [data-theme=dark] #-v2 .package-display,
    [data-theme=dark] #-v2 .register-options small {
        color: var(--cloud)
    }

    [data-theme=dark] #-v2 .register-options.active {
        background: var(--bone)
    }

        [data-theme=dark] #-v2 .register-options.active .check {
            background-color: var(--fjord)
        }

        [data-theme=dark] #-v2 .register-options.active .sub,
        [data-theme=dark] #-v2 .register-options.active .type,
        [data-theme=dark] #-v2 .register-options.active small {
            color: var(--darkest)
        }

[data-theme=dark] #-v2 #regForm ul.group .datalist li {
    background: var(--darkest);
    border-color: var(--darkest);
    color: var(--cloud)
}

[data-theme=dark] #-v2 .regSubmitBtn,
[data-theme=dark] #-v2 button.action {
    background: #00a1e7;
    color: var(--darkest)
}

    [data-theme=dark] #-v2 .regSubmitBtn:focus-visible,
    [data-theme=dark] #-v2 .regSubmitBtn:hover,
    [data-theme=dark] #-v2 button.action:focus-visible,
    [data-theme=dark] #-v2 button.action:hover {
        background: #8dd447
    }

[data-theme=dark] #-v2 #regForm form label.chackbox_wrap {
    background: url(/i/check_box_privacy_policy_bg_light.png) no-repeat
}

[data-theme=dark] #-v2 #regForm p,
[data-theme=dark] #-v2 .registration_wrap.thirdPartyReg #regForm form label {
    color: var(--cloud)
}

[data-theme=dark] #chat--num-unread-messages {
    background: #00a1e7;
    color: var(--darkest)
}

    [data-theme=dark] #chat--num-unread-messages:focus-visible,
    [data-theme=dark] #chat--num-unread-messages:hover {
        background-color: #8dd447
    }

[data-theme=dark] .chat {
    background-color: var(--darkest);
    border-left: 1px solid var(--fjord-highlight)
}

[data-theme=dark] .chat--emoji {
    --background: var(--darkest);
    --border-color: var(--fjord-highlight);
    --input-border-color: var(--fjord-highlight);
    --input-placeholder-color: #73899e;
    --input-font-color: var(--bone)
}

[data-theme=dark] .chat-subscribe-form {
    background-color: var(--darkest);
    border-top: 1px solid var(--fjord-highlight)
}

[data-theme=dark] .chat--emoji-toggle {
    fill: var(--bone);
    color: var(--bone)
}

[data-theme=dark] .chat--subscribe-button:hover {
    background: #7f7f7f1a
}

[data-theme=dark] .chat--subscribe-close-button {
    stroke: #fff
}

[data-theme=dark] .chat--subscribe-header--desc-name,
[data-theme=dark] .chat--subscribe-header--title-color {
    color: #fff
}

[data-theme=dark] .chat--subscribe-header--desc-text {
    color: var(--bone)
}

    [data-theme=dark] .chat--subscribe-header--desc-text a {
        color: #00a1e7
    }

[data-theme=dark] .chat--subscribe-benefits-container {
    background-color: #ffffff14
}

[data-theme=dark] .chat--subscribe-badge-text,
[data-theme=dark] .chat--subscribe-benefits-text,
[data-theme=dark] .chat--subscribe-emotes-text {
    color: #fff
}

[data-theme=dark] .chat--subscribe-badge-example-background {
    background-color: #1a2a3780
}

[data-theme=dark] .chat--subscribe-badge-example-skelaton-text {
    background-color: #ffffff14
}

    [data-theme=dark] .chat--subscribe-badge-example-skelaton-icon,
    [data-theme=dark] .chat--subscribe-badge-example-skelaton-text:first-child {
        background-color: #ffffff3d
    }

[data-theme=dark] .chat--subscribe-badge-example-ui-demo {
    background-color: #1a2a37;
    border: 1px solid var(--fjord-highlight)
}

[data-theme=dark] .chat--subscribe-badge-example-ui-demo-text {
    color: #fff
}

[data-theme=dark] .chat--subscribe-tos-text {
    color: var(--cloud)
}

    [data-theme=dark] .chat--subscribe-tos-text a {
        color: #00a1e7
    }

[data-theme=dark] .chat--subscribe-cardselect-price {
    color: #fff
}

[data-theme=dark] .chat--rant-button {
    background-color: #fff3
}

[data-theme=dark] .chat--rant-overlay {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #061726bf
}

    [data-theme=dark] .chat--rant-overlay:before {
        color: var(--white)
    }

[data-theme=dark] .chat--verify-account {
    color: #00a1e7
}

[data-theme=dark] .chat--sign-in {
    color: var(--darkest)
}

    [data-theme=dark] .chat--sign-in:hover {
        background: #8dd447
    }

[data-theme=dark] .chat-message-form-section {
    border-bottom: 1px solid var(--fjord-highlight)
}

[data-theme=dark] .chat--input {
    background: var(--darkest);
    border-color: var(--fjord-highlight)
}

    [data-theme=dark] .chat--input::placeholder {
        color: #73899e
    }

    [data-theme=dark] .chat--input:focus {
        border-color: var(--cloud)
    }

[data-theme=dark] .chat--message-len {
    color: var(--bone)
}

[data-theme=dark] .chat--send:disabled {
    background: var(--fjord);
    color: var(--bone);
    opacity: .35
}

[data-theme=dark] .chat--header {
    color: #fff
}

[data-theme=dark] .chat--header,
[data-theme=dark] .chat--height {
    border-bottom: 1px solid var(--fjord-highlight)
}

[data-theme=dark] .chat--rant-price {
    background-color: #1a2a37;
    border-color: var(--fjord-highlight)
}

    [data-theme=dark] .chat--rant-price:focus {
        background-color: #1a2a37;
        border-color: var(--cloud)
    }

[data-theme=dark] .chat--send-rant {
    background: #00a1e7;
    color: var(--darkest)
}

    [data-theme=dark] .chat--send-rant:hover {
        background: #8dd447
    }

    [data-theme=dark] .chat--send-rant:disabled {
        background: #1a2a37;
        color: var(--fjord)
    }

[data-theme=dark] .chat--rant-empty-warning {
    color: var(--fierce-red)
}

[data-theme=dark] .chat--profile-pic {
    background-color: var(--white);
    border-color: var(--white)
}

[data-theme=dark] .chat-history--username {
    color: var(--cloud)
}

[data-theme=dark] .chat-history--rant {
    color: var(--white)
}

[data-theme=dark] .chat-history--kebab-button {
    background: #1f2e3c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Ccircle cx='2' cy='2' r='2' fill='%23D6E0EA'/%3E%3Ccircle cx='8' cy='2' r='2' fill='%23D6E0EA'/%3E%3Ccircle cx='14' cy='2' r='2' fill='%23D6E0EA'/%3E%3C/svg%3E") no-repeat 50%
}

[data-theme=dark] .chat--new-card-fields {
    color: var(--darkest);
    color-scheme: light
}

[data-theme=dark] #slider:before {
    background: var(--fjord)
}

[data-theme=dark] .chat--rant-amount-wrapper {
    background: var(--darkest)
}

[data-theme=dark] .chat--rant-preview-duration {
    color: var(--cloud)
}

[data-theme=dark] .chat--payment-form select[name=payment_method] {
    background-color: var(--darkest)
}

[data-theme=dark] .chat--lock {
    stroke: #fff
}

[data-theme=dark] #buy-to-see-comments,
[data-theme=dark] #sign-in-to-see-comments {
    background-color: var(--darkest)
}

[data-theme=dark] .comment-count {
    color: var(--cloud)
}

[data-theme=dark] .comments-meta-author-video-owner {
    background-color: #2c3640
}

[data-theme=dark] .comments-sort-by {
    background-color: var(--darkest);
    box-shadow: none
}

[data-theme=dark] .comment-highlighted {
    background-color: var(--darkest)
}

[data-theme=dark] .comments-create-textarea {
    background: var(--darkest);
    border: 1px solid var(--fjord-highlight);
    color: #fff
}

    [data-theme=dark] .comments-create-textarea::placeholder {
        color: #73899e
    }

    [data-theme=dark] .comments-create-textarea:focus {
        border-color: var(--cloud)
    }

[data-theme=dark] .comment-len {
    color: var(--cloud)
}

[data-theme=dark] .comments-action,
[data-theme=dark] .comments-action:hover {
    color: var(--bone)
}

[data-theme=dark] .comment-toggle-replies {
    color: #00a1e7
}

    [data-theme=dark] .comment-toggle-replies:focus,
    [data-theme=dark] .comment-toggle-replies:hover {
        text-decoration: underline
    }

[data-theme=dark] .locals-overlay .counts {
    color: var(--cloud)
}

[data-theme=dark] .locals-join-button-wrapper {
    background: #1a2a37
}

[data-theme=dark] .locals-overlay .note {
    color: var(--cloud)
}

[data-theme=dark] .locals-overlay .counts,
[data-theme=dark] .locals-overlay .features {
    border-top-color: #1f2e3c
}

[data-theme=dark] .roku-wrap {
    background: var(--darkest);
    border-color: #1f2e3c
}

[data-theme=dark] .roku-code {
    background: #1f2e3c;
    border: 1px solid var(--fjord-highlight);
    color: var(--white)
}

    [data-theme=dark] .roku-code:focus {
        border-color: var(--cloud)
    }

[data-theme=dark] div.media-description-section {
    background: var(--darkest)
}

[data-theme=dark] div.media-description-with-separator {
    border-color: var(--fjord-highlight)
}

[data-theme=dark] .media-heading-name {
    color: var(--white)
}

[data-theme=dark] .homepage-item--img {
    background-color: var(--darkest)
}

[data-theme=dark] .homepage-feature--line,
[data-theme=dark] .homepage-item--info {
    color: inherit
}

[data-theme=dark] .homepage-item--top-live-viewers {
    color: var(--cloud)
}

[data-theme=dark] .main-menu-heading-extra,
[data-theme=dark] .video-item--comments,
[data-theme=dark] .video-item--views {
    color: var(--bone)
}

[data-theme=dark] .homepage-feature--info-inner h4 {
    color: var(--cloud)
}

[data-theme=dark] .tuner-box {
    background: var(--darkest)
}

[data-theme=dark] .tuner-box--ul > li:not(:first-child) {
    border-color: var(--fjord-highlight)
}

[data-theme=dark] .media-icon-share {
    stroke: var(--bone)
}

[data-theme=dark] .channel-item--by-verified {
    stroke: #000
}

[data-theme=dark] .video-item--comments svg,
[data-theme=dark] .video-item--time,
[data-theme=dark] .video-item--views svg {
    color: var(--bone)
}

[data-theme=dark] .round-button.media-video-action:focus-visible svg,
[data-theme=dark] .round-button.media-video-action:hover svg {
    stroke: var(--white)
}

[data-theme=dark] .media-published {
    color: #bccbd9
}

[data-theme=dark] .comment-replies,
[data-theme=dark] .comment-replies .comments-meta:before {
    border-color: var(--fjord-highlight)
}

    [data-theme=dark] .comment-replies:before {
        background: var(--fjord)
    }

[data-theme=dark] .rating-bar__fill {
    border-color: #0a1725
}

[data-theme=dark] .chat-sticky-rants__container {
    border-color: var(--fjord-highlight)
}

[data-theme=dark] .media-description--hide-button,
[data-theme=dark] .media-description--show-button {
    color: #a2b5c9
}

[data-theme=dark] .buy-ppv-price-info,
[data-theme=dark] .buy-ppv-success-check {
    background-color: #1a2a37
}

[data-theme=dark] .buy-ppv-channel-image {
    border-color: #294257 !important
}

[data-theme=dark] .notification-btn {
    background: #ffffff1a
}

[data-theme=dark] .icon-notification {
    stroke: #fff
}

[data-theme=dark] .channel-about-description-socials,
[data-theme=dark] .channel-about-sidebar--inner {
    background: var(--darkest)
}

    [data-theme=dark] .channel-about-description-socials p,
    [data-theme=dark] .channel-about-sidebar .sidebar-details-icon,
    [data-theme=dark] .channel-about-sidebar p {
        color: var(--bone)
    }

@media (max-width:1200px) {

    [data-theme=dark] .channel-about-description-socials,
    [data-theme=dark] .channel-about-sidebar--inner {
        background: none
    }
}

[data-theme=dark] .share-url-container .share-url {
    background-color: var(--darkest);
    border: 1px solid var(--fjord-highlight);
    color: #ffffff80
}

[data-theme=dark] .share-start:checked:before {
    border-color: #fff
}

[data-theme=dark] .share-start__time.checked {
    border-bottom: 1px solid #fff;
    color: #fff
}

[data-theme=dark] .register-back-button {
    stroke: #fff
}

[data-theme=dark] .register-continue-button,
[data-theme=dark] .register-submit-button {
    color: var(--darkest)
}

[data-theme=dark] .register-step-1 input,
[data-theme=dark] .register-step-2 input {
    background: var(--darkest);
    border: 1px solid var(--fjord-highlight)
}

[data-theme=dark] .register-form-login {
    border-top: 1px solid var(--fjord-highlight);
    color: var(--bone)
}

    [data-theme=dark] .register-form-login .login-button {
        color: #85c742
    }

[data-theme=dark] .register-terms-label {
    color: #fff
}

    [data-theme=dark] .register-terms-label input:before {
        border: 2px solid var(--fjord-highlight)
    }

    [data-theme=dark] .register-terms-label input:checked:before {
        border: 2px solid #fff
    }

    [data-theme=dark] .register-terms-label a {
        color: #85c742
    }

[data-theme=dark] .consent-page--wrap h2,
[data-theme=dark] .theme-black-white {
    color: #fff
}

[data-theme=dark] .consent-page--main .consent-page--description {
    color: var(--bone)
}

[data-theme=dark] .consent-page--wrap a {color: #85c742}

.homepage-view-all,.homepage-view-all-mobile {background:var(--color-bg-featured); border:1px solid #2897e1; border-radius:2rem; color:var(--fjord); padding:.4rem 1.2rem}
.homepage-view-all-mobile {box-sizing:border-box; display:none; margin-top:var(--padding-home); padding:.4rem 0; text-align:center; width:100%}
.homepage-view-all-mobile:hover,.homepage-view-all:hover {background:#2897e1; color:inherit; text-decoration:none }
[data-theme=dark] .homepage-view-all,[data-theme=dark] .homepage-view-all-mobile {border-color:#333E4A;background-color:#303233;color:#e1e5ea;}
[data-theme=dark] .homepage-view-all-mobile:hover,[data-theme=dark] .homepage-view-all:hover {background-color:#4E5052;color:#fff;}

.homepage-menu {margin-left: 12px;}
.homepage-menu,.homepage-menu-mobile {background:var(--color-bg-featured); border:1px solid #e1e5ea; border-radius:9px; color:var(--fjord); padding:.4rem 1.2rem}
.homepage-menu-mobile {box-sizing:border-box; display:none; margin-top:var(--padding-home); padding:.4rem 0; text-align:center; width:100%}
.homepage-menu-mobile:hover,.homepage-menu:hover {background:#e1e5ea; color:inherit; text-decoration:none }
[data-theme=dark] .homepage-menu,[data-theme=dark] .homepage-menu-mobile {color:#fff; border-color: #e1e5ea;}
[data-theme=dark] .homepage-menu-mobile:hover,[data-theme=dark] .homepage-menu:hover {background:#ffffff1a }
[data-theme=dark] .homepage-menu{border-color:#333E4A;background-color:#303233;color:#e1e5ea;}
[data-theme=dark] .homepage-menu:hover{background-color:#4E5052;color:#fff;}


@media (max-width:500px) {
 a.homepage-menu {display:none }
}

.homepage-heading,
.homepage-heading-header {
    overflow: hidden
}

.homepage-heading-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-overflow: ellipsis;
    white-space: nowrap
}

.homepage-heading > h1 {
    font-size: 22px;
    font-weight: 700
}

    .homepage-heading > h1:hover {
        opacity: .9
    }

.homepage-heading__title {
    align-items: center;
    display: flex
}

.homepage-heading__image {
    margin-right: .75rem
}

.power-slap__image {
    fill: #002cfe
}

.homepage-feature .user-image,
.homepage-item .user-image {
    margin-right: 7px
}

.homepage-feature--user,
.homepage-item--user {
    align-items: center;
    display: inline-flex;
    height: 42px;
    margin-right: 7px;
    overflow: hidden
}

.homepage-item--featured {
    align-items: center;
    display: flex;
    margin: 0 12px
}

    .homepage-item--featured .thumbnail__thumb {
        flex: 1
    }

.videostream.homepage-item--featured:hover .thumbnail__thumb {
    filter: none
}

.homepage-item--featured .playlist-cxm {
    display: none
}

.homepage-feature--info-inner .homepage-feature--line {
    margin-bottom: 1rem
}

.homepage-item--user-name {
    font-size: 13px;
    line-height: 1.15;
    max-height: 15px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.homepage-feature--date,
.homepage-item--date {
    margin-left: 7px;
    white-space: nowrap
}

.homepage-item--user-2nd > .homepage-item--date {
    margin-left: 0
}

.homepage-item--user-name-block {
    align-items: center;
    display: flex
}

.homepage-feature--date {
    font-weight: 700
}

.homepage-item h3:not(.thumbnail__title) {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    overflow: hidden
}

.video-item--by-verified {
    height: 16px;
    margin: 0 0 0 4px;
    width: 16px
}

.homepage-item .video-item--by-verified {
    flex-shrink: 0;
    height: 10px;
    width: 10px
}

.homepage-item a:hover {
    text-decoration: none
}

.homepage-item--img {
    aspect-ratio: 16/9;
    background: var(--white);
    color: #0000;
    display: block;
    object-fit: fill;
    width: 100%
}

.homepage-item--imgsection {
    line-height: 0;
    overflow: hidden;
    position: relative
}

.homepage-item--img,
.homepage-item--imgsection {
    border-radius: var(--border-radius)
}

.homepage-feature--line,
.homepage-item--info {
    align-items: center;
    color: var(--fjord);
    display: flex;
    font-size: 13px
}

.homepage-content {
    margin: 0 -12px
}
.homepage-content li {
	text-align:center !important;
}
.homepage-content--inner {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%
}

.homepage-item {
    padding: 0 12px;
    width: calc(100%/var(--section-items, 5))
}

    .homepage-item:nth-child(n+6) {
        padding-top: var(--padding-home)
    }

.homepage-content--top-live-list {
    display: flex;
    justify-content: space-between;
    margin: 0 12px;
    overflow-x: auto
}

.homepage-content--inner,
.homepage-content--top-live-list {
    padding: calc(var(--padding-home)/2) 0 0
}

@media (max-width:500px) {
    .homepage-content--top-live-list {
        margin: 0 -1rem;
        padding-bottom: calc(var(--padding-home)/6);
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.homepage-item--top-live {
    max-width: 135px;
    min-width: 85px;
    overflow: hidden;
    width: 100%
}

    .homepage-item--top-live:not(:first-child) {
        margin-left: 16px
    }

    .homepage-item--top-live:nth-child(n+13) {
        display: none
    }

@media (max-width:1600px) {
    .homepage-item--top-live:nth-child(n+11) {
        display: none
    }
}

@media (max-width:1440px) {
    .homepage-item--top-live:not(:first-child) {
        margin-left: 14px
    }

    .homepage-item--top-live:nth-child(n+10) {
        display: none
    }
}

@media (max-width:1200px) {
    .homepage-item--top-live:nth-child(n+9) {
        display: none
    }
}

@media (max-width:1050px) {
    .homepage-item--top-live:not(:first-child) {
        margin-left: 12px
    }

    .homepage-item--top-live:nth-child(n+8) {
        display: none
    }
}

@media (max-width:800px) {
    .homepage-item--top-live:nth-child(n+7) {
        display: none
    }
}

@media (max-width:500px) {
    .homepage-item--top-live:not(:first-child) {
        margin-left: 8px
    }

    .homepage-heading > h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .homepage-item--top-live h3 {
        font-size: 12px
    }
}

.homepage-item--top-live-img {
    aspect-ratio: 10/15;
    border-radius: var(--border-radius);
    width: 100%
}

.homepage-item--top-live-viewers {
    color: var(--fjord);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3
}

.homepage-section {
    padding: var(--padding-home) 0
}

    .homepage-section:not(:last-child) {
        border-bottom: 1px solid var(--color-separator)
    }

main > section:first-of-type {
    padding-top: calc(var(--featured-height) + var(--padding-home))
}

.videostream__footer {
    flex: 1
}

.homepage-item--featured > .videostream__footer {
    margin: 0;
    padding: 0 50px
}

@media (min-width:700px) and (max-width:899.98px) {
    .homepage-item--featured > .videostream__footer {
        padding: 0 20px
    }
}

.homepage-item--featured .thumbnail__title {
    font-size: 26px
}

.homepage-item--featured .channel__verified {
    height: 16px;
    width: 16px
}

#section-live-videos h1:before {
    color: var(--fierce-red);
    content: "•";
    font-weight: 900;
    margin-right: .5rem
}

.homepage-section--single-row .homepage-item:nth-child(n+6) {
    display: none
}

@media (max-width:1440px) {
    .homepage-item {
        width: 25%
    }

        .homepage-item:nth-child(n+5) {
            padding-top: 24px
        }

        .homepage-item:nth-child(n+9),
        .homepage-section--single-row .homepage-item:nth-child(n+5) {
            display: none
        }
}

@media (max-width:1050px) {
    .homepage-item {
        width: 33.3333%
    }

        .homepage-item:nth-child(n+4) {
            padding-top: var(--padding-home)
        }

        .homepage-item:nth-child(n+7),
        .homepage-section--single-row .homepage-item:nth-child(n+4) {
            display: none
        }
}

@media (max-width:800px) {
    .homepage-item {
        width: 50%
    }

        .homepage-item:nth-child(n+3) {
            padding-top: var(--padding-home)
        }

        .homepage-item:nth-child(n+5),
        .homepage-section--single-row .homepage-item:nth-child(n+3) {
            display: none
        }
}

@media (min-width:500px) and (max-width:699.95px) {
    .homepage-item:nth-child(odd) {
        padding-right: 6px
    }

    .homepage-item:nth-child(2n) {
        padding-left: 6px
    }
}

@media (max-width:500px) {

    .homepage-content,
    .homepage-item--featured {
        margin: 0
    }

    .homepage-content--inner {
        display: block
    }

    a.homepage-heading {
        float: none
    }

    .homepage-item {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

        .homepage-item:not(:first-child) {
            padding-top: var(--padding-home)
        }

    a.homepage-view-all-mobile {
        display: block;
        float: none
    }

    a.homepage-view-all {
        display: none
    }
}

.videostream__footer__featured {
    color: var(--cloud);
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 12px
}

@media (max-width:899.98px) {
    .homepage-item--featured .videostream__footer__featured {
        font-size: 14px;
        margin-bottom: 4px
    }

    .homepage-item--featured .thumbnail__title {
        font-size: 22px;
        line-height: 1.25;
        margin-bottom: 4px
    }

    .homepage-feature--info-inner .homepage-feature--line {
        margin-bottom: 4px
    }
}

@media (max-width:699.98px) {
    .homepage-item--featured {
        display: block
    }

        .homepage-item--featured > .videostream__footer {
            padding: 1rem 0 0
        }
}

.homepage-featured {
    align-items: center;
    background: var(--white);
    border-bottom: 1px solid var(--color-separator-highlight);
    display: flex;
    height: var(--featured-height);
    left: 0;
    position: fixed;
    right: 0;
    top: var(--header-height);
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 99
}

.nav--transition .homepage-featured {
    transition: left var(--main-menu-transition)
}

.homepage-featured--inner {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: scroll;
    padding-left: 2rem;
    padding-right: 2rem;
    scrollbar-width: none
}

    .homepage-featured--inner a {
        background: var(--subtle-highlight);
        border-radius: 6px;
        color: var(--secondary);
        font-weight: 600;
        line-height: 18px;
        padding: 5px 12px
    }

@media (max-width:699.98px) {
    .homepage-featured--inner {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.homepage-featured--inner::-webkit-scrollbar {
    display: none
}

.homepage-featured a:hover,
.homepage-featured button:hover {
    background: #697d91;
    color: var(--white);
    text-decoration: none
}

.homepage-featured a.homepage-featured-active {
    background: var(--primary);
    color: var(--background);
    transition-timing-function: ease-out
}

a.homepage-featured-ufc {
    background: var(--ufc-red)
}

    a.homepage-featured-ufc svg {
        fill: var(--white)
    }

a.homepage-featured-sls svg {
    fill: var(--darkest);
    margin-top: -.4rem;
    overflow: visible
}

a.homepage-featured-barstool-sports {
    align-items: center;
    background-color: var(--barstool-sports-blue);
    display: flex;
    justify-content: center;
    padding-bottom: 4px;
    padding-top: 4px
}

    a.homepage-featured-barstool-sports svg path {
        color: var(--white)
    }

        a.homepage-featured-barstool-sports svg path:nth-of-type(2) {
            color: var(--barstool-sports-red)
        }

    a.homepage-featured-barstool-sports.homepage-featured-active svg path,
    a.homepage-featured-barstool-sports:hover svg path {
        color: var(--white)
    }

[data-theme=dark] a.homepage-featured-barstool-sports.homepage-featured-active svg path {
    fill: var(--darkest)
}

a.homepage-featured-power-slap {
    background: var(--powerslap-blue)
}

    a.homepage-featured-power-slap svg,
    a.homepage-featured-power-slap.homepage-featured-active svg,
    a.homepage-featured-power-slap:hover svg {
        fill: var(--white)
    }

a.homepage-featured-live-videos {
    background: var(--fierce-red);
    color: var(--white)
}

    a.homepage-featured-live-videos.homepage-featured-active span {
        color: var(--fierce-red)
    }

    a.homepage-featured-live-videos:before {
        content: "•";
        font-weight: 700;
        margin-left: -3px;
        margin-right: 4px
    }

.homepage-featured--link {
    align-items: center;
    background-color: var(--bone-50);
    border-radius: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px
}

.homepage-featured--left,
.homepage-featured--right {
    bottom: 0;
    display: none;
    margin: 0;
    position: absolute;
    top: 0;
    width: 54px
}

.homepage-featured--left {
    background: linear-gradient(to left, var(--color-bg-default-0) 0, var(--color-bg-default) 45%);
    left: 0
}

    .homepage-featured--left .homepage-featured--link {
        left: 2px
    }

.homepage-featured--right {
    background: linear-gradient(to right, var(--color-bg-default-0) 0, var(--color-bg-default) 45%);
    right: 0
}

    .homepage-featured--right .homepage-featured--link {
        right: 2px
    }

[data-theme=dark] .homepage-featured {
    background: var(--darkest)
}

[data-theme=dark] .homepage-featured--link {
    background-color: var(--fjord-50)
}

[data-theme=dark] a.homepage-featured-live-videos {
    background: var(--fierce-red);
    color: var(--white)
}

[data-theme=dark] a.homepage-featured-barstool-sports {
    background: var(--barstool-sports-blue)
}

    [data-theme=dark] a.homepage-featured-barstool-sports:hover svg path {
        fill: var(--darkest)
    }

[data-theme=dark] a.homepage-featured-power-slap {
    background: var(--powerslap-blue-dark)
}

[data-theme=dark] a.homepage-featured-ufc {
    background: var(--ufc-red)
}

[data-theme=dark] a.homepage-featured-sls {
    background: var(--darkest)
}

    [data-theme=dark] a.homepage-featured-sls svg {
        fill: var(--white)
    }

[data-theme=dark] .homepage-featured a.homepage-featured-active {
    background: var(--color-txt-default);
    color: var(--color-bg-default)
}

[data-theme=dark] a.homepage-featured-power-slap.homepage-featured-active svg,
[data-theme=dark] a.homepage-featured-power-slap:hover svg,
[data-theme=dark] a.homepage-featured-sls.homepage-featured-active svg,
[data-theme=dark] a.homepage-featured-sls:hover svg,
[data-theme=dark] a.homepage-featured-ufc.homepage-featured-active svg,
[data-theme=dark] a.homepage-featured-ufc:hover svg {
    fill: var(--darkest)
}

[data-theme=dark] .homepage-featured a:hover,
[data-theme=dark] .homepage-featured button:hover {
    background: #ddd;
    color: #0a1725
}

@media (min-width:1200px) {
    .homepage-featured {
        left: 80px
    }

    .main-menu-expanded .homepage-featured {
        left: 20rem
    }
}

.channel__avatar {
    border-radius: 50%;
    box-sizing: border-box;
    font-size: var(--avatar-font-size, 18px);
    height: var(--avatar-size, 32px);
    width: var(--avatar-size, 32px)
}

.channel__avatar--xl {
    font-size: var(--avatar-font-size, 40px);
    height: 72px;
    width: 72px
}

    .channel__avatar--xl > .channel__avatar {
        height: auto;
        width: 100%
    }

.channel__border {
    border: 1px solid var(--channel-border)
}

.channel__border--xl {
    border-width: 4px
}

.channel__image {
    border-radius: 100%;
    color: #0000;
    display: inline-block;
    height: 100%;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.channel__letter {
    align-items: center;
    background-color: var(--bg-blue);
    border-color: var(--lite-gray);
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: center;
    position: relative;
    text-transform: capitalize
}

.channel__border,
.channel__letter {
    flex-shrink: 0
}

.channel__live {
    border: 2px solid var(--fierce-red)
}

.live__tag {
    background-color: var(--fierce-red);
    border-radius: .3em;
    bottom: 0;
    color: #fff;
    font-size: .275em;
    font-weight: 800;
    left: 50%;
    letter-spacing: .02em;
    line-height: 1.6;
    padding: .2em .8em;
    position: absolute;
    text-align: center;
    transform: translate(-50%, 50%)
}

.videostream {
    position: relative
}

.playlist__link {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.video__link {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}


.thumbnail__thumb {
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative
}

.thumbnail__thumb--live {
    border: 1px solid;
}
.thumbnail__image {
    border: 1px solid;
}

.thumbnail__thumb--dvr,
.thumbnail__thumb--upcoming {
    border: 2px solid var(--warning)
}

.thumbnail__image {
    background-color: var(--menu-item-hover);
    color: #0000;
    display: block;
    height: auto;
    width: 100%
}

@supports (aspect-ratio:16/9) {
    .thumbnail__image {
        aspect-ratio: 16/9
    }
}

.videostream__badge {
    align-items: center;
    background-color: var(--darkest-90);
    border-radius: var(--border-radius-sm);
    display: flex
}
.video__badge {
    align-items: center;
    background-color: rgba(20, 25, 21, 0.5);
    border-radius: var(--border-radius-sm);
    display: flex
}
.videostream__info {
    color: #fff;
    display: flex;
    left: 6px;
    position: absolute;
    right: 6px
}

.videostream__info--top {
    bottom: auto;
    top: 8px
}

.videostream__info--bottom {
    bottom: 8px;
    top: auto
}
.video__info {
    color: #fff;
    display: flex;
    left: 6px;
    position: absolute;
    right: 6px
}

.video__info--top {
    bottom: auto;
    top: 8px
}

.video__info--bottom {
    bottom: 8px;
    top: auto
}
.video__info--bottom {
    bottom: 8px;
    top: auto
}
.videostream__views-ppv {
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    padding: 5px 8px
}
.video__limit {
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    padding: 5px 8px
}
.videostream__ppv {
    background-color: var(--royal-purple)
}

.videostream__ppv--purchased {
    background-color: var(--locals-purple)
}

.videostream__number {
    margin-left: 6px
}
.video_limit_age {
    margin-left: 6px
}
.videostream__status {
    font-size: 10px;
    font-weight: 800;
    justify-content: center;
    line-height: 16px;
    margin-left: auto;
    padding: 4px 10px;
    text-transform: uppercase
}

.videostream__status--live {
    background-color: var(--darkest-90)
}

.videostream__status--dvr,
.videostream__status--upcoming {
    background-color: var(--warning);
    color: var(--darkest-90)
}

.videostream__status--duration {
    background-color: var(--darkest-90)
}

.videostream__status--hidden {
    display: none
}

.video_time {
    font-size: 10px;
    font-weight: 800;
    justify-content: center;
    line-height: 16px;
    margin-left: auto;
    padding: 4px 10px;
    text-transform: uppercase
}

.video_time--cover {
    background-color: rgba(20, 25, 21, 0.5);
}

.video_time--dvr,
.video_time--upcoming {
    background-color: var(--warning);
    color: var(--darkest-90)
}

.video_time--duration {
    background-color: var(--darkest-90)
}

.video_time--hidden {
    display: none
}

.videostream__watched {
    background: var(--menu-item-hover);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.videostream__watched--percentage {
    background-color: #00a1e7;
    height: 4px;
    width: var(--watched-percentage)
}

.title__link {
    display: inline-flex;
    max-width: 100%;
    overflow: hidden
}

.thumbnail__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin: 8px 0 4px
}

.channel {
    justify-content: space-between;
    margin-top: 8px
}

.channel,
.videostream__ranking {
    align-items: center;
    display: flex
}

.videostream__ranking {
    background: #0006;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.thumbnail__thumb:hover .videostream__ranking {
    opacity: .3
}

.channel,
.bottom__data {
    color: var(--menu-icon-color)
}

.channel__link {
    align-items: center;
    display: flex;
    overflow: hidden;
    position: relative
}

@media (hover:hover) {
    .channel__link.link:hover .channel__name {
        text-decoration: underline
    }
}

.videostream:focus-within .content-menu {
    visibility: visible
}

.channel__data,
.bottom__data {
    margin-left: 6px
}

.channel__data,
.video__data {
    margin-left: 6px
}

.channel,
.video__data {
    color: var(--menu-icon-color)
}
.channel__data {
    align-items: center;
    display: flex;
    flex-basis: 100%
}

.channel__name {
    font-size: 13px;
    font-weight: 600;
    line-height: 130%
}

.channel__verified {
    flex-shrink: 0;
    height: 12px;
    margin-left: 4px;
    width: 12px
}

.bottom__data {
    font-size: 13px
}

.videostream__comments,
.bottom__data--icon {
    display: none
}

.videostream__views--count:before {
    content: "•"
}

.videostream__footer--live .videostream__views--count:before {
    content: ""
}
.video__footer--name .videostream__views--count:before {
    content: ""
}
.content-menu {
    flex-shrink: 0;
    margin-left: 6px;
    position: relative;
    visibility: hidden
}

@media (hover:hover) {
    .videostream:not(.homepage-item--featured):hover .content-menu {
        visibility: visible
    }
}

@media (hover:none) {
    .content-menu {
        visibility: visible
    }
}

.content-menu--visible {
    visibility: visible
}

.content-menu--hidden {
    max-height: 0;
    overflow: hidden
}

.content-menu__button {
    align-items: center;
    border-radius: 100px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

@media (hover:hover) {
    .content-menu__button:hover {
        background-color: var(--menu-item-hover)
    }
}

.content-menu__button--menu-open {
    background-color: var(--menu-item-hover)
}

.content-menu__icon {
    fill: var(--icon-fill)
}

.content-menu__options {
    background: var(--color-bg-default);
    border: 1px solid var(--menu-border-color);
    border-radius: 16px;
    box-shadow: 0 4px 48px 0 #14191f;
    display: none;
    padding: 6px 0;
    position: absolute;
    right: 0;
    z-index: 2021
}

.content-menu__options--visible {
    display: block
}

.content-menu__options--bottom {
    margin-top: 8px;
    top: 100%
}

.content-menu__options--top {
    bottom: 100%;
    margin-bottom: 8px
}

.content-menu__option {
    align-items: center;
    display: flex;
    padding: 10px 16px
}

.content-menu__option,
.content-menu__separator {
    width: 100%
}

.content-menu__separator {
    border: 1px solid var(--menu-border-color);
    margin: 6px 0
}

@media (hover:hover) {
    .content-menu__option:hover {
        background-color: var(--menu-item-hover)
    }
}

.content-menu__entry {
    display: flex;
    line-height: 1.3;
    text-align: left
}

.content-menu__entry-icon {
    color: var(--menu-icon-color);
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.content-menu__entry,
.content-menu__entry-icon {
    pointer-events: none
}

.content-menu__padded-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 4px
}

.content-menu__entry-name {
    display: inline-block;
    margin-left: 4px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.category {
    background-clip: padding-box;
    border: 0 solid #0000;
    border-width: 0 20px 20px 0;
    width: 11.1%
}

@supports (display:grid) {
    .category {
        background-clip: unset;
        border: unset;
        width: 100%
    }
}

@media (max-width:800px) {
    .category {
        border-width: 0 12px 12px 0
    }

    @supports (display:grid) {
        .category {
            border: unset
        }
    }
}

@media (max-width:1560px) {
    .category {
        width: 12.4875%
    }

    @supports (display:grid) {
        .category {
            width: 100%
        }
    }
}

@media (max-width:1440px) {
    .category {
        width: 14.27143%
    }

    @supports (display:grid) {
        .category {
            width: 100%
        }
    }
}

@media (max-width:1220px) {
    .category {
        width: 16.65%
    }

    @supports (display:grid) {
        .category {
            width: 100%
        }
    }
}

@media (max-width:1050px) {
    .category {
        width: 19.98%
    }

    @supports (display:grid) {
        .category {
            width: 100%
        }
    }
}

@media (max-width:875px) {
    .category {
        width: 24.975%
    }

    @supports (display:grid) {
        .category {
            width: 100%
        }
    }
}

@media (max-width:720px) {
    .category {
        width: 33.3%
    }

    @supports (display:grid) {
        .category {
            width: 100%
        }
    }
}

@media (max-width:520px) {
    .category {
        width: 49.95%
    }

    @supports (display:grid) {
        .category {
            width: 100%
        }
    }
}

.video_img_cover {
    background-color: #fff;
    border-radius: var(--border-radius);
    transition: filter .4s cubic-bezier(0, 0, 0, 1);
}

[data-theme=dark] .video_img_cover {
    background-color: var(--darkest)
}

.video_img_cover:hover {
    filter: contrast(1.1) brightness(1.1) saturate(1.6)
}

 

.category__image {
    background-color: #fff;
    border-radius: var(--border-radius);
    flex-grow: 1;
    margin-bottom: 4px;
    transition: filter .4s cubic-bezier(0, 0, 0, 1);
    width: 100%
}

[data-theme=dark] .category__image {
    background-color: var(--darkest)
}

.category__image:hover {
    filter: contrast(1.1) brightness(1.1) saturate(1.6)
}

.category__title {
    color: var(--title-color);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    position: relative;
    transition: opacity .2s ease-in
}

@media (max-width:500px) {
    .category__title {
        font-size: 12px
    }
}

.category__title:hover {
    opacity: .8
}

.category__views {
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3
}

@media (max-width:500px) {
    .category__views {
        line-height: 1
    }
}

.category__pill {
    align-items: center;
    border: 1px solid;
    border-color: var(--text-2);
    border-radius: 1000px;
    color: var(--title-color);
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 1;
    margin-top: 4px;
    padding: 6px 12px
}

@supports (aspect-ratio:10/15) {
    .category__image {
        aspect-ratio: 10/15
    }
}

.playlist__channel {
    align-items: flex-start;
    color: var(--menu-icon-color);
    display: flex;
    flex-direction: column
}

.playlist__info {
    align-items: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: var(--darkest-90);
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    background-color: rgba(20, 25, 21, 0.4);
    padding: 10px 12px;
    position: absolute;
    right: 0
}

.playlist__icon,
.playlist__videos {
    color: var(--white)
}

.playlist__videos {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.16px
}

.playlist__address {
    display: flex
}

.playlist .channel__verified {
    height: 16px;
    width: 16px
}

.playlist__name {
    display: inline-flex
}

.playlist__name,
.playlist__updated {
    font-weight: 600;
    overflow: hidden
}

.playlist .channel__link,
.playlist__name,
.playlist__updated {
    max-width: 100%
}

.playlist__updated {
    font-size: 12px
}

.playlist-restricted {
    align-items: center;
    border: 1px solid var(--text-2);
    border-radius: 1000px;
    display: inline-flex;
    justify-content: center;
    margin-top: 8px;
    padding: 4px 8px
}

.playlist-restricted__icon {
    height: 14px;
    width: 14px
}

.playlist-restricted__content {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-left: 6px;
    text-transform: capitalize
}

.playlist .channel__avatar {
    height: 24px;
    width: 24px
}

.playlist .channel__letter,
.playlist .channel__name {
    font-size: 14px
}

.playlist .channel__link {
    padding-bottom: 4px
}

    .playlist .channel__link .channel__name {
        margin-left: 6px
    }

.playlist .thumbnail__image {
    border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg)
}

.header-search {
    align-items: center;
    border-radius: var(--border-radius);
    box-sizing: border-box;
    display: flex;
    margin-left: auto;
    height: 45px !important;
    position: relative
}

.header-search-field,
.header-search-select {
    background-color: initial;
    border: 0;
    color: var(--darkest);
    display: none;
    font-size: 16px;
    height: 100%;
    outline-offset: 3px
}

.header-search-field {
    -webkit-appearance: textfield;
    appearance: textfield;
    padding: 8px 16px;
    width: 100%
}

    .header-search-field:focus-visible,
    .header-search-submit:focus-visible {
        outline: none
    }

    .header-search-field::-webkit-search-decoration {
        -webkit-appearance: none;
        appearance: none
    }

    .header-search-field::placeholder {
        color: var(--darkest)
    }

.header-search-select {
    border: 0;
    flex-shrink: 0;
    padding: 0 1.5rem 0 1rem;
    text-indent: .01px;
    width: 7rem
}

.header-search-submit {
    flex-shrink: 0;
    padding: 8px;
    width: 20px !important;
    height: 20px !important;
}

.header-search-field.pop-show,
.header-search-select.pop-show {
    display: block
}

.header-search-icon {
    color: var(--primary);
    height: 100%;
    width: 100%
}

@media (min-width:700px) {

    .header-search-field,
    .header-search-select {
        display: block
    }

    .header-search,
    .header-search.pop-show {
        margin-left: auto;
        margin-right: auto
    }

    .header-search {
        border: 1px solid var(--background-highlight);
        flex-grow: 1;
        max-width: 500px
    }
}

@media (max-width:699.98px) {
    .header-search.pop-show {
        background: #fff;
        border: 1px solid var(--background-highlight);
        left: 1rem;
        position: absolute;
        right: 1rem;
        z-index: 100
    }
}

[data-theme=dark] .header-search-field,
[data-theme=dark] .header-search-select {
    color: var(--bone)
}

    [data-theme=dark] .header-search-select option {
        background: var(--white);
        color: var(--darkest)
    }

    [data-theme=dark] .header-search-field::placeholder {
        color: #73899e
    }

[data-theme=dark] .header-search-icon {
    stroke: var(--bone)
}

[data-theme=dark] .header-search {
    background: #1c232b;
}

.header-search__autocomplete-wrapper {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 8px)
}

    .header-search__autocomplete-wrapper.open {
        display: block
    }

.header-search__autocomplete-container {
    background-color: var(--color-bg-default);
    border: 1px solid var(--background-highlight);
    border-radius: var(--border-radius);
    max-height: 60vh;
    overflow-y: auto;
    padding: 8px
}

.header-search:focus-within,
.header-search:focus-within .header-search__autocomplete-container {
    border-color: var(--on-secondary)
}

.autocomplete__recent-header-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.autocomplete__recent-button {
    color: #00a1e7
}

.autocomplete__link {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    padding: 8px 12px;
    text-decoration: none;
    width: 100%
}

.autocomplete__arrow-icon {
    color: var(--color-txt-default);
    display: none;
    flex-shrink: 0;
    height: 16px;
    margin-left: 8px;
    width: 16px
}

.autocomplete__link.active,
.autocomplete__link:hover {
    background-color: var(--menu-border-color);
    text-decoration: none
}

    .autocomplete__link.active .autocomplete__arrow-icon,
    .autocomplete__link:hover .autocomplete__arrow-icon {
        display: block
    }

.autocomplete__thumb-history {
    color: var(--color-txt-default);
    height: 16px;
    margin: 8px 20px 8px 8px;
    width: 16px
}

.autocomplete__thumb-category {
    border-radius: 4px;
    height: 48px;
    margin-right: 12px;
    width: 32px
}

.autocomplete__user-image {
    flex-shrink: 0;
    height: 32px;
    margin-right: 12px;
    width: 32px
}

.autocomplete__title-container {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
    text-align: left
}

.autocomplete__title {
    color: var(--color-txt-default);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.autocomplete__title--highlight {
    font-weight: 700
}

.autocomplete__verified-badge {
    flex-shrink: 0;
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.user-image {
    font-size: 24px;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

    .user-image.user-image--72 {
        font-size: 48px;
        width: 72px;
        height: 72px;
    }

    .user-image.user-image--60 {
        font-size: 48px;
        width: 60px;
        height: 60px;
    }

i.user-image.user-image--no-border {
    border: none;
}

svg.user-image--icon {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 50%;
    background: #FFFFFF;
    stroke: #333;
}

i.user-image--letter {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: #37c;
    flex-shrink: 0;
}

    i.user-image--letter:after {
        display: flex;
        justify-content: center;
        align-items: center;
        font-style: normal;
        content: attr(data-letter);
        text-transform: capitalize;
        font-weight: bold;
        color: white;
        font-size: 75%;
        height: 100%;
    }

i.user-image--img {
    display: block;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

i.user-image--img--id-0bfa45b1c401445720182e2fdde1c857 {
    background-image: url(https://1a-1791.com/video/z8/1/u/n/b/1unba.baa.1-NewsmaxTV-qu1fdv.jpeg);
}

i.user-image--img--id-4922d319ede2bfe4fe5626fbed9b454a {
    background-image: url(https://1a-1791.com/video/z8/P/P/4/g/PP4ga.baa.3-LofiGirl-smjcy4.png);
}

i.user-image--img--id-7f835bdde7c6db580d338c1b321d6b37 {
    background-image: url(https://1a-1791.com/video/z8/X/q/O/g/XqOga.baa.3-PriceOfReason-sqzcyj.jpeg);
}

i.user-image--img--id-3d0731a5f27ffa436aad15f3c8eac8fc {
    background-image: url(https://1a-1791.com/video/z8/M/7/K/i/M7Kia.baa-UnchartedX-rnxo8e.png);
}

i.user-image--img--id-6b36dc87223cb15dab2becee6759e723 {
    background-image: url(https://1a-1791.com/video/z8/j/M/E/b/jMEba.baa.5-DrSteveTurley-sv4itl.jpeg);
}

i.user-image--img--id-841388b574d023c5c04ed15b36206bae {
    background-image: url(https://1a-1791.com/video/z8/c/K/_/y/cK_ya.baa.1-TheDailyCallerNewsFoundat-sghge3.jpeg);
}

i.user-image--img--id-446246d25cb68d466cc1801f5eb9fa05 {
    background-image: url(https://1a-1791.com/video/z8/j/L/D/D/jLDDa.baa-WestwoodOneSports-t04g2b.jpeg);
}

i.user-image--img--id-a583ded8d2b8d1607e4ff1cec3b36b0b {
    background-image: url(https://1a-1791.com/video/z8/l/J/R/h/lJRha.baa-RasmussenReports-rk239w.jpeg);
}

i.user-image--img--id-6fadcc7a71ac6e1bc54840132111cad2 {
    background-image: url(https://1a-1791.com/video/z8/E/w/u/y/Ewuya.baa-calebhammerFA-sekkbf.jpeg);
}

i.user-image--img--id-a78b804af6102bc9a363e32a44261748 {
    background-image: url(https://1a-1791.com/video/z8/D/E/v/D/DEvDa.baa-SteveHarveyTV-surl2y.jpeg);
}

i.user-image--img--id-637cb56259073f9b97c1c47ceb85a630 {
    background-image: url(https://1a-1791.com/video/z8/5/6/W/g/56Wga.baa.2-robbraxman-s6e8m0.png);
}

i.user-image--img--id-fb430d047b48eed22e28b97fd495e0e3 {
    background-image: url(https://1a-1791.com/video/z8/N/k/w/b/Nkwba.baa.2-DrewHernandez-rjvqe7.jpeg);
}

i.user-image--img--id-2eb78cbadb66847e257c3f9128162d3a {
    background-image: url(https://1a-1791.com/video/z8/g/D/5/d/gD5da.baa.2-GGreenwald-rml416.png);
}

i.user-image--img--id-02b050f1bb54ce7e778317f283d1363f {
    background-image: url(https://1a-1791.com/video/z8/m/1/3/C/m13Ca.baa-PopCultureCrisisOfficial-srn5qj.jpeg);
}

i.user-image--img--id-2f20a52089e3c2a6c1490eeb86f2b1c1 {
    background-image: url(https://1a-1791.com/video/z8/o/Z/k/h/oZkha.baa-FAMELOT331-rhruqv.png);
}

i.user-image--img--id-16938bdfebffc9925e682f7c34fa6138 {
    background-image: url(https://1a-1791.com/video/z8/_/V/H/D/_VHDa.baa-LCNetwork-syrx7k.jpeg);
}

i.user-image--img--id-5abb0c1101008e05b203c95ff5c02fef {
    background-image: url(https://1a-1791.com/video/z8/r/6/2/d/r62da.baa.6-RubinReport-staanw.jpeg);
}

i.user-image--img--id-97217de32246314d7646c43c0955e7ce {
    background-image: url(https://1a-1791.com/video/z0/V/u/q/b/Vuqba.asF.4-71v3-r79nct.jpeg);
}

i.user-image--img--id-ed65a896d84e3a93aeb238253d1f88fb {
    background-image: url(https://1a-1791.com/video/z8/3/q/i/b/3qiba.baa.1-X22Report-rj5faj.jpeg);
}

i.user-image--img--id-be8069e2637a24ed8acb521a4d79ffb9 {
    background-image: url(https://1a-1791.com/video/z8/X/q/j/B/XqjBa.baa-VSiNLive-soarvc.jpeg);
}

i.user-image--img--id-e3da95f09e95be58aa7ac478f8b82eeb {
    background-image: url(https://1a-1791.com/video/z8/P/P/W/d/PPWda.baa-BreakingPoints-sbznxf.jpeg);
}

i.user-image--img--id-71daa98c5c38d5360e050be6b210579b {
    background-image: url(https://1a-1791.com/video/z8/h/L/D/D/hLDDa.baa-CumulusPodcastNetwork-t04fyr.jpeg);
}

i.user-image--img--id-8e3ff212072fee5ab7a4d553f530536d {
    background-image: url(https://1a-1791.com/video/z8/I/D/-/y/ID-ya.baa-OutdoorChannelTV-sx8pjd.png);
}

i.user-image--img--id-5b9a5eefca883186b12154a64e2f0ec3 {
    background-image: url(https://1a-1791.com/video/z8/d/0/H/D/d0HDa.baa-nikkoortiz-sysjhm.jpeg);
}

i.user-image--img--id-b163a49580c6104233ee3afb66a284c2 {
    background-image: url(https://1a-1791.com/video/z8/p/h/z/d/phzda.baa.1-VivekRamaswamy-s2qbbc.jpeg);
}

i.user-image--img--id-3cb7d7a5e8083e7ce2f1a10f68047a95 {
    background-image: url(https://1a-1791.com/video/z8/C/6/1/l/C61la.baa-TheArchCast-rv2sux.jpeg);
}

i.user-image--img--id-05b6591e65748d0cc5fc553c22d5e9b8 {
    background-image: url(https://1a-1791.com/video/z8/G/-/A/A/G-AAa.baa-BarryCunningham1-smuopt.jpeg);
}

i.user-image--img--id-aeaf145dc5c452da85fb94324ded48fd {
    background-image: url(https://1a-1791.com/video/z8/f/Y/q/z/fYqza.baa-MikeRowe-sr7zt6.png);
}

i.user-image--img--id-709cf31afd82b413b64533e851fae66d {
    background-image: url(https://1a-1791.com/video/z8/r/4/y/z/r4yza.baa.1-AnthonyPompliano-snl514.png);
}

i.user-image--img--id-9a5d262045aae65c49a33067fd360cf7 {
    background-image: url(https://1a-1791.com/video/z8/B/0/u/c/B0uca.baa.2-BenShapiro-s03thh.png);
}

i.user-image--img--id-b6616668e366ddccd596d75862d67c7d {
    background-image: url(https://1a-1791.com/video/z8/f/P/o/b/fPoba.baa.5-GrahamAllenOfficial-ss8q3o.png);
}

i.user-image--img--id-33ce2b527a92a493b4d775e8ad462d56 {
    background-image: url(https://1a-1791.com/video/z8/b/t/P/o/btPoa.baa-WorldPokerTour-rzgbpa.jpeg);
}

i.user-image--img--id-5993ffa8b6d133c09b60ffdf2a479dea {
    background-image: url(https://1a-1791.com/video/z8/l/u/L/b/luLba.baa.1-DonaldTrump-sctc4a.jpeg);
}

i.user-image--img--id-c9229dcd5819fcaee657ce03c91fdef3 {
    background-image: url(https://1a-1791.com/video/z8/0/5/z/w/05zwa.baa-AthleteArtistShow-s9l4u9.png);
}

i.user-image--img--id-0d18f666d28160179b3a29eeec72387b {
    background-image: url(https://1a-1791.com/video/z8/_/R/1/b/_R1ba.baa.3-RebelNews-svhw7z.jpeg);
}

i.user-image--img--id-6cf2fca0d570d3c801c8c7d90635ac60 {
    background-image: url(https://1a-1791.com/video/z8/D/m/2/l/Dm2la.baa.1-darkhorse-sg26cm.png);
}

i.user-image--img--id-bb6ecee8aef1142f924f7fafbcd8b2c6 {
    background-image: url(https://1a-1791.com/video/z8/J/Y/p/d/JYpda.baa.2-TimcastIRL-srjiah.jpeg);
}

i.user-image--img--id-c653edc4bd6642fcae072b34f4d649ba {
    background-image: url(https://1a-1791.com/video/z8/g/V/-/k/gV-ka.baa-Akademiks-rtjuvp.jpeg);
}

i.user-image--img--id-82388c6a222f9b6a2aa53106ece7e634 {
    background-image: url(https://1a-1791.com/video/z8/C/E/n/D/CEnDa.baa-BBrettCooper-ssm4gf.png);
}

i.user-image--img--id-cc4448ee1b9d3f7f1cf92192dfa4550f {
    background-image: url(https://1a-1791.com/video/z8/Y/m/a/j/Ymaja.baa-KimberlyGuilfoyle-rpgw1n.jpeg);
}

i.user-image--img--id-478a90650ad8e4fbef3ad86b8d0023b7 {
    background-image: url(https://1a-1791.com/video/z8/v/t/n/u/vtnua.baa-WinstonMarshall-s7vlkp.webp);
}

i.user-image--img--id-7f42c00df81b86fd013e2d9f9e040e08 {
    background-image: url(https://1a-1791.com/video/z8/r/7/G/D/r7GDa.baa-DocRich2-syj5ph.png);
}

i.user-image--img--id-25ac4cb4920682932cb968aa8f7ec7e3 {
    background-image: url(https://1a-1791.com/video/z8/H/r/b/h/Hrbha.baa-DrJohnCampbellTeaching-rh6g1t.jpeg);
}

i.user-image--img--id-c9e2b8a80d69999e7d098ff6ebf92bfa {
    background-image: url(https://1a-1791.com/video/z8/7/j/O/x/7jOxa.baa-thechriscuomoproject-scxumt.jpeg);
}

i.user-image--img--id-990790dc7d0a567fae66c7c809bb1724 {
    background-image: url(https://1a-1791.com/video/z8/P/b/n/b/Pbnba.baa.1-CharlieKirk-rl70u9.jpeg);
}

i.user-image--img--id-fd9b1b8f96765049cd2451d7bcdb807c {
    background-image: url(https://1a-1791.com/video/z8/z/m/s/b/zmsba.baa.2-SeanHannity-rjl884.jpeg);
}

i.user-image--img--id-07bd0b401324ad78d3d5934a16130061 {
    background-image: url(https://1a-1791.com/video/z8/o/A/I/i/oAIia.baa-JustPearlyThings-rno650.jpeg);
}

i.user-image--img--id-d6b8783bb0a3c41a8e9429b6df73e11c {
    background-image: url(https://1a-1791.com/video/z8/J/D/C/D/JDCDa.baa-DonutOperator-sx1o36.jpeg);
}

i.user-image--img--id-0919828dd1d2950726c2cd2b030f5fc1 {
    background-image: url(https://1a-1791.com/video/z8/d/l/n/e/dlnea.baa.8-BadlandsMedia-sr8yno.png);
}

i.user-image--img--id-5f76f0fd5f1c4a4993e7cf2123374bd7 {
    background-image: url(https://1a-1791.com/video/z8/0/X/t/q/0Xtqa.baa.1-scammerpayback-se0gpp.jpeg);
}

.user-notifications--bell-button {
    display: flex;
    margin: 0 1.5em 0 .3rem;
    position: relative
}

.user-notifications--bell-button--unread:after {
    --size: 10px;
    background-color: var(--fierce-red);
    border-radius: var(--size);
    content: "";
    display: block;
    height: var(--size);
    position: absolute;
    right: 0;
    top: 0;
    width: var(--size)
}

.user-notifications--bell {
    height: 24px;
    width: 24px
}

    .user-notifications--bell path {
        fill: var(--darkest)
    }

.user-notifications {
    background: #fff;
    border: 1px solid var(--menu-item-hover);
    border-radius: var(--border-radius-lg);
    box-shadow: 0 4px 48px #14191f;
    box-sizing: border-box;
    max-width: 420px;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(5rem - 1px);
    width: 100%
}

.user-notifications--header {
    align-items: center;
    border-bottom: 1px solid var(--menu-item-hover);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-grow: 0;
    padding: 14px 20px;
    width: 100%
}

.user-notifications--close {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 25px
}

    .user-notifications--close svg {
        height: 16px;
        width: 16px
    }

.user-notifications--empty--bell {
    flex: none;
    flex-grow: 0;
    order: 0;
    text-align: center
}

.user-notifications--empty--text {
    color: var(--darkest);
    flex: none;
    flex-grow: 0;
    order: 1;
    padding: 1rem 1rem 2rem;
    text-align: center
}

.user-notifications h1 {
    color: var(--darkest);
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.user-notifications--text {
    color: var(--darkest);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    min-width: 0
}

.user-notifications--loading-bar {
    color: var(--darkest);
    padding: 1rem;
    text-align: center
}

.user-notifications--body {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word
}

    .user-notifications--body a {
        float: left;
        font-weight: 700;
        margin-right: .5ch;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        z-index: 2
    }

.user-notifications--list-wrapper {
    width: 100%
}

.user-notifications--list {
    overscroll-behavior-block: contain
}

.user-notifications ul {
    max-height: 480px;
    overflow: hidden auto;
    width: 100%
}

.user-notifications li {
    align-self: stretch;
    box-sizing: border-box;
    display: flex;
    flex-grow: 0;
    padding: 7px 15px;
    position: relative;
    width: 100%
}

.user-notifications--notification-wrapper--unread .user-notifications--user-link:before {
    --size: 10px;
    background-color: var(--fierce-red);
    border-radius: var(--size);
    content: "";
    height: var(--size);
    left: .35rem;
    position: absolute;
    top: calc(2rem - var(--size)/2);
    width: var(--size);
    z-index: 3
}

.user-notifications li:first-child {
    padding-top: 15px
}

.user-notifications li:last-child {
    padding-bottom: 15px
}

.user-notifications--user-thumb {
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    stroke: #333;
    height: 2.6rem;
    padding: .1rem;
    width: 2.6rem
}

.user-notifications--main-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.user-notifications--user-link {
    flex-grow: 0;
    margin-right: .75rem;
    position: relative;
    z-index: 2
}

.user-notifications--video-thumb {
    flex-grow: 0;
    margin-left: 1rem
}

    .user-notifications--video-thumb img {
        border-radius: 8px;
        width: 86px
    }

.user-notifications span.username {
    color: var(--darkest);
    font-weight: 600
}

.user-notifications--time-ago {
    font-size: 12px
}

.user-notifications--show-more {
    border-top: 1px solid var(--menu-item-hover);
    box-sizing: border-box;
    color: var(--fjord);
    padding: .7rem 1rem .8rem;
    text-align: center;
    width: 100%
}

.user-notifications .hidden,
.user-notifications--bell.hidden,
.user-notifications.hidden {
    display: none
}

.user-notifications.pop-show {
    display: block
}

@media (max-width:699.95px) {
    .user-notifications--bell-button {
        margin: 0 1.25em 0 0
    }

    .user-notifications {
        background: #fff;
        border: none;
        border-radius: 0;
        left: 0;
        max-width: none;
        right: 0;
        top: 0
    }
}

*,
::backdrop,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}

.content-program-container {
    display: flex;
    flex-direction: column
}

    .content-program-container > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.57143rem*var(--tw-space-y-reverse));
        margin-top: calc(.57143rem*(1 - var(--tw-space-y-reverse)))
    }

.content-program-container {
    border-color: var(--background-highlight);
    border-radius: .571429rem;
    border-style: solid;
    border-width: 1px;
    color: var(--secondary);
    padding: .857143rem
}

@media (min-width:380px) {
    .content-program-container > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.14286rem*var(--tw-space-y-reverse));
        margin-top: calc(1.14286rem*(1 - var(--tw-space-y-reverse)))
    }

    .content-program-container {
        padding: 1.142857rem
    }
}

.shadow-progress-container {
    box-shadow: inset 0 2px 8px 0 #00000052, inset 0 -1px 4px 0 #ffffff1f
}

.shadow-progress {
    box-shadow: 0 -2px 4px 0 #0000007a inset, 0 5px 5px 0 #ffffff3d inset, 0 1px 0 0 #1b2127, 0 1px 3px 0 #1b2127, 0 0 12px 0 rgb(var(--shadow-progress)/50%)
}

.bg-progress-incomplete {
    background: url(../img/gradient-pulse-effect.gif), linear-gradient(270deg, #0000, #0000004d), #45b5f6;
    background-blend-mode: color-dodge, multiply, normal;
    background-size: 100%
}

.bg-progress-complete {
    background: url(../img/shimmer-effect.gif) 50%/240px, linear-gradient(270deg, #0000, #0000004d), #85c742;
    background-blend-mode: color-dodge, multiply, normal
}

.payment-tab {
    align-items: center;
    background-color: var(--background-highlight);
    border-color: var(--on-secondary);
    border-style: solid;
    border-width: 1px 0 1px 1px;
    display: flex;
    font-size: 1.142857rem;
    justify-content: center;
    line-height: 1.714286rem;
    line-height: 1.25;
    padding: .785714rem 1.714286rem
}

    .payment-tab:first-of-type {
        border-bottom-left-radius: .571429rem;
        border-top-left-radius: .571429rem;
        border-width: 1px 0 1px 1px
    }

    .payment-tab:last-of-type {
        border-bottom-right-radius: .571429rem;
        border-top-right-radius: .571429rem;
        border-width: 1px
    }

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}

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

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.\!fixed {
    position: fixed !important
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.\!relative {
    position: relative !important
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

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

.\!left-0 {
    left: 0 !important
}

.\!right-0 {
    right: 0 !important
}

.\!right-5 {
    right: 1.428571rem !important
}

.\!top-5 {
    top: 1.428571rem !important
}

.-bottom-1 {
    bottom: -.285714rem
}

.-left-10 {
    left: -2.857143rem
}

.-left-9 {
    left: -2.571429rem
}

.-right-1 {
    right: -.285714rem
}

.-right-96 {
    right: -27.428571rem
}

.-top-2 {
    top: -.571429rem
}

.bottom-0 {
    bottom: 0
}

.bottom-16 {
    bottom: 4.571429rem
}

.bottom-6 {
    bottom: 1.714286rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .571429rem
}

.left-\[8px\] {
    left: 8px
}

.right-0 {
    right: 0
}

.right-10 {
    right: 2.857143rem
}

.right-2 {
    right: .571429rem
}

.right-5 {
    right: 1.428571rem
}

.right-\[20px\] {
    right: 20px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-10 {
    top: 2.857143rem
}

.top-2 {
    top: .571429rem
}

.top-5 {
    top: 1.428571rem
}

.top-\[8px\] {
    top: 8px
}

.top-full {
    top: 100%
}

.isolate {
    isolation: isolate
}

.\!z-\[2022\] {
    z-index: 2022 !important
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-\[1011\] {
    z-index: 1011
}

.z-\[1\] {
    z-index: 1
}

.z-\[2024\] {
    z-index: 2024
}

.col-\[--col-span\] {
    grid-column: var(--col-span)
}

.col-\[--col-start\] {
    grid-column: var(--col-start)
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-start-1 {
    grid-column-start: 1
}

.row-start-1 {
    grid-row-start: 1
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none
}

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

.\!m-6 {
    margin: 1.714286rem !important
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .285714rem
}

.m-3 {
    margin: .857143rem
}

.m-4 {
    margin: 1.142857rem
}

.m-\[57px\] {
    margin: 57px
}

.-mx-3 {
    margin-left: -.857143rem;
    margin-right: -.857143rem
}

.-mx-5 {
    margin-left: -1.428571rem;
    margin-right: -1.428571rem
}

.mx-1 {
    margin-left: .285714rem;
    margin-right: .285714rem
}

.mx-2 {
    margin-left: .571429rem;
    margin-right: .571429rem
}

.mx-2\.5 {
    margin-left: .714286rem;
    margin-right: .714286rem
}

.mx-3 {
    margin-left: .857143rem;
    margin-right: .857143rem
}

.mx-4 {
    margin-left: 1.142857rem;
    margin-right: 1.142857rem
}

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

.my-1 {
    margin-bottom: .285714rem;
    margin-top: .285714rem
}

.my-1\.5 {
    margin-bottom: .428571rem;
    margin-top: .428571rem
}

.my-12 {
    margin-bottom: 3.428571rem;
    margin-top: 3.428571rem
}

.my-16 {
    margin-bottom: 4.571429rem;
    margin-top: 4.571429rem
}

.my-2 {
    margin-bottom: .571429rem;
    margin-top: .571429rem
}

.my-3 {
    margin-bottom: .857143rem;
    margin-top: .857143rem
}

.my-3\.5 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-4 {
    margin-bottom: 1.142857rem;
    margin-top: 1.142857rem
}

.my-5 {
    margin-bottom: 1.428571rem;
    margin-top: 1.428571rem
}

.my-\[50px\] {
    margin-bottom: 50px;
    margin-top: 50px
}

.\!-mt-6 {
    margin-top: -1.714286rem !important
}

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

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

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

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

.\!mb-6 {
    margin-bottom: 1.714286rem !important
}

.\!ml-0 {
    margin-left: 0 !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.\!mt-8 {
    margin-top: 2.285714rem !important
}

.-ml-1 {
    margin-left: -.285714rem
}

.-ml-2 {
    margin-left: -.571429rem
}

.-ml-4 {
    margin-left: -1.142857rem
}

.-mr-1 {
    margin-right: -.285714rem
}

.-mr-6 {
    margin-right: -1.714286rem
}

.-mt-px {
    margin-top: -1px
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .285714rem
}

.mb-10 {
    margin-bottom: 2.857143rem
}

.mb-12 {
    margin-bottom: 3.428571rem
}

.mb-2 {
    margin-bottom: .571429rem
}

.mb-2\.5 {
    margin-bottom: .714286rem
}

.mb-20 {
    margin-bottom: 5.714286rem
}

.mb-28 {
    margin-bottom: 8rem
}

.mb-3 {
    margin-bottom: .857143rem
}

.mb-32 {
    margin-bottom: 9.142857rem
}

.mb-4 {
    margin-bottom: 1.142857rem
}

.mb-5 {
    margin-bottom: 1.428571rem
}

.mb-6 {
    margin-bottom: 1.114286rem
}

.mb-8 {
    margin-bottom: 2.285714rem
}

.me-auto {
    margin-right: auto
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .285714rem
}

.ml-1\.5 {
    margin-left: .428571rem
}

.ml-2 {
    margin-left: .571429rem
}

.ml-3 {
    margin-left: .857143rem
}

.ml-4 {
    margin-left: 1.142857rem
}

.ml-5 {
    margin-left: 1.428571rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: .285714rem
}

.mr-1\.5 {
    margin-right: .428571rem
}

.mr-2 {
    margin-right: .571429rem
}

.mr-2\.5 {
    margin-right: .714286rem
}

.mr-3 {
    margin-right: .857143rem
}

.mr-4 {
    margin-right: 1.142857rem
}

.mr-6 {
    margin-right: 1.714286rem
}

.mr-auto {
    margin-right: auto
}

.ms-auto {
    margin-left: auto
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .142857rem
}

.mt-1 {
    margin-top: .285714rem
}

.mt-1\.5 {
    margin-top: .428571rem
}

.mt-12 {
    margin-top: 3.428571rem
}

.mt-14 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .571429rem
}

.mt-3 {
    margin-top: .857143rem
}

.mt-4 {
    margin-top: 1.142857rem
}

.mt-5 {
    margin-top: 1.428571rem
}

.mt-6 {
    margin-top: 1.714286rem
}

.mt-8 {
    margin-top: 2.285714rem
}

.mt-\[-22px\] {
    margin-top: -22px
}

.mt-\[-245px\] {
    margin-top: -245px
}

.\!box-border {
    box-sizing: border-box !important
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: initial
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1,
.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.block {
    display: block
}

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

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

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

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.aspect-video {
    aspect-ratio: 16/9
}

.size-12 {
    height: 3.428571rem;
    width: 3.428571rem
}

.size-16 {
    height: 4.571429rem;
    width: 4.571429rem
}

.size-3 {
    height: .857143rem;
    width: .857143rem
}

.size-3\.5 {
    height: 1rem;
    width: 1rem
}

.size-4 {
    height: 1.142857rem;
    width: 1.142857rem
}

.size-6 {
    height: 1.714286rem;
    width: 1.714286rem
}

.size-8 {
    height: 2.285714rem;
    width: 2.285714rem
}

.size-9 {
    height: 2.571429rem;
    width: 2.571429rem
}

.size-\[120px\] {
    height: 120px;
    width: 120px
}

.size-full {
    height: 100%;
    width: 100%
}

.\!h-3\.5 {
    height: 1rem !important
}

.\!h-auto {
    height: auto !important
}

.h-0 {
    height: 0
}

.h-1 {
    height: .285714rem
}

.h-11 {
    height: 3.142857rem
}

.h-12 {
    height: 3.428571rem
}

.h-14 {
    height: 4rem
}

.h-16 {
    height: 4.571429rem
}

.h-2\.5 {
    height: .714286rem
}

.h-20 {
    height: 5.714286rem
}

.h-26 {
    height: 7.428571rem
}

.h-28 {
    height: 8rem
}

.h-3 {
    height: .857143rem
}

.h-3\.5 {
    height: 1rem
}

.h-3\/4 {
    height: 75%
}

.h-4 {
    height: 1.142857rem
}

.h-5 {
    height: 1.428571rem
}

.h-52 {
    height: 14.857143rem
}

.h-6 {
    height: 1.714286rem
}

.h-6\.5 {
    height: 1.857143rem
}

.h-68 {
    height: 19.428571rem
}

.h-7 {
    height: 2rem
}

.h-8 {
    height: 2.285714rem
}

.h-9 {
    height: 2.571429rem
}

.h-\[16px\] {
    height: 16px
}

.h-\[18px\] {
    height: 18px
}

.h-\[1px\] {
    height: 1px
}

.h-\[2px\] {
    height: 2px
}

.h-\[360px\] {
    height: 360px
}

.h-\[400px\] {
    height: 400px
}

.h-\[90\%\] {
    height: 90%
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-12 {
    max-height: 3.428571rem
}

.max-h-16 {
    max-height: 4.571429rem
}

.max-h-40 {
    max-height: 11.428571rem
}

.max-h-44 {
    max-height: 12.571429rem
}

.max-h-\[150px\] {
    max-height: 150px
}

.max-h-\[238px\] {
    max-height: 238px
}

.max-h-\[260px\] {
    max-height: 260px
}

.max-h-\[303px\] {
    max-height: 303px
}

.max-h-\[360px\] {
    max-height: 360px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-dvh {
    max-height: 100dvh
}

.max-h-full {
    max-height: 100%
}

.max-h-svh {
    max-height: 100svh
}

.min-h-8 {
    min-height: 2.285714rem
}

.min-h-\[75vh\] {
    min-height: 75vh
}

.min-h-full {
    min-height: 100%
}

.\!w-12 {
    width: 3.428571rem !important
}

.\!w-3\.5 {
    width: 1rem !important
}

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

.w-0 {
    width: 0
}

.w-1\/2 {
    width: 50%
}

.w-1\/5 {
    width: 20%
}

.w-11\/12 {
    width: 91.666667%
}

.w-12 {
    width: 3.428571rem
}

.w-14 {
    width: 4rem
}

.w-2\.5 {
    width: .714286rem
}

.w-2\/5 {
    width: 40%
}

.w-20 {
    width: 5.714286rem
}

.w-28 {
    width: 8rem
}

.w-3 {
    width: .857143rem
}

.w-3\.5 {
    width: 1rem
}

.w-3\/4 {
    width: 75%
}

.w-4 {
    width: 1.142857rem
}

.w-44 {
    width: 12.571429rem
}

.w-48 {
    width: 13.714286rem
}

.w-5 {
    width: 1.428571rem
}

.w-52 {
    width: 14.857143rem
}

.w-6 {
    width: 1.714286rem
}

.w-7 {
    width: 2rem
}

.w-8 {
    width: 2.285714rem
}

.w-9 {
    width: 2.571429rem
}

.w-9\/12 {
    width: 75%
}

.w-\[--hours-streamed\] {
    width: var(--hours-streamed)
}

.w-\[160px\] {
    width: 160px
}

.w-\[16px\] {
    width: 16px
}

.w-\[18px\] {
    width: 18px
}

.w-\[300px\] {
    width: 300px
}

.w-\[600px\] {
    width: 600px
}

.w-\[96rem\] {
    width: 96rem
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-5 {
    min-width: 1.428571rem
}

.min-w-72 {
    min-width: 20.571429rem
}

.min-w-8 {
    min-width: 2.285714rem
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[420px\] {
    min-width: 420px
}

.min-w-\[85px\] {
    min-width: 85px
}

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.\!max-w-xl {
    max-width: 41.142857rem !important
}

.max-w-240 {
    max-width: 68.571429rem
}

.max-w-2xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 64rem
}

.max-w-5xl {
    max-width: 73.142857rem
}

.max-w-60 {
    max-width: 17.142857rem
}

.max-w-80 {
    max-width: 22.857143rem
}

.max-w-88 {
    max-width: 25.142857rem
}

.max-w-96 {
    max-width: 27.428571rem
}

.max-w-\[--max-content-width\] {
    max-width: var(--max-content-width)
}

.max-w-\[1440px\] {
    max-width: 1440px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[360px\] {
    max-width: 360px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[460px\] {
    max-width: 460px
}

.max-w-\[496px\] {
    max-width: 496px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[620px\] {
    max-width: 620px
}

.max-w-\[642px\] {
    max-width: 642px
}

.max-w-\[680px\] {
    max-width: 680px
}

.max-w-\[800px\] {
    max-width: 800px
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 36.571429rem
}

.max-w-md {
    max-width: 32rem
}

.max-w-screen-lg {
    max-width: 900px
}

.max-w-screen-sm {
    max-width: 480px
}

.max-w-screen-xl {
    max-width: 1440px
}

.max-w-screen-xlg {
    max-width: 1200px
}

.max-w-sm {
    max-width: 27.428571rem
}

.max-w-xl {
    max-width: 41.142857rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-full {
    flex-basis: 100%
}

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.border-collapse {
    border-collapse: collapse
}

.border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.\!translate-y-full {
    --tw-translate-y: 100% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-1\/4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-1\/4 {
    --tw-translate-x: -25%
}

.-translate-x-\[4px\] {
    --tw-translate-x: -4px
}

.-translate-x-\[4px\],
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-\[6px\] {
    --tw-translate-y: -6px
}

.-translate-y-\[6px\],
.translate-x-\[6px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[6px\] {
    --tw-translate-x: 6px
}

.translate-y-\[6px\] {
    --tw-translate-y: 6px
}

.-rotate-90,
.translate-y-\[6px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-150,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.select-all {
    -webkit-user-select: all;
    user-select: all
}

.resize {
    resize: both
}

.list-inside {
    list-style-position: inside
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    appearance: none
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

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

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

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

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

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.content-center {
    align-content: center
}

.items-start {
    align-items: flex-start
}

.\!items-center {
    align-items: center !important
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-normal {
    justify-content: normal
}

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

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

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

.justify-center {
    justify-content: center
}

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

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

.\!gap-12 {
    gap: 3.428571rem !important
}

.\!gap-2 {
    gap: .571429rem !important
}

.\!gap-3 {
    gap: .857143rem !important
}

.\!gap-4 {
    gap: 1.142857rem !important
}

.gap-1 {
    gap: .285714rem
}

.gap-2 {
    gap: .571429rem
}

.gap-2\.5 {
    gap: .714286rem
}

.gap-3 {
    gap: .857143rem
}

.gap-3\.5 {
    gap: 1rem
}

.gap-4 {
    gap: 1.142857rem
}

.gap-5 {
    gap: 1.428571rem
}

.gap-6 {
    gap: 1.714286rem
}

.gap-8 {
    gap: 2.285714rem
}

.\!space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(0px*var(--tw-space-x-reverse)) !important
}

.\!space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(1.14286rem*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(1.14286rem*var(--tw-space-x-reverse)) !important
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.28571rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.28571rem*var(--tw-space-x-reverse))
}

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.42857rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.42857rem*var(--tw-space-x-reverse))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.57143rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.57143rem*var(--tw-space-x-reverse))
}

.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.71429rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.71429rem*var(--tw-space-x-reverse))
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.85714rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.85714rem*var(--tw-space-x-reverse))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.14286rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.14286rem*var(--tw-space-x-reverse))
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.42857rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.42857rem*var(--tw-space-x-reverse))
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.71429rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.71429rem*var(--tw-space-x-reverse))
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2.28571rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2.28571rem*var(--tw-space-x-reverse))
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.28571rem*var(--tw-space-y-reverse));
    margin-top: calc(.28571rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.42857rem*var(--tw-space-y-reverse));
    margin-top: calc(.42857rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.57143rem*var(--tw-space-y-reverse));
    margin-top: calc(.57143rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.85714rem*var(--tw-space-y-reverse));
    margin-top: calc(.85714rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.14286rem*var(--tw-space-y-reverse));
    margin-top: calc(1.14286rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.42857rem*var(--tw-space-y-reverse));
    margin-top: calc(1.42857rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.71429rem*var(--tw-space-y-reverse));
    margin-top: calc(1.71429rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.28571rem*var(--tw-space-y-reverse));
    margin-top: calc(2.28571rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 1
}

.place-self-start {
    place-self: start
}

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

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

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overscroll-contain {
    overscroll-behavior: contain
}

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

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.\!rounded-full {
    border-radius: 9999px !important
}

.\!rounded-lg {
    border-radius: .571429rem !important
}

.rounded {
    border-radius: .285714rem
}

.rounded-2xl {
    border-radius: 1.142857rem
}

.rounded-3xl {
    border-radius: 1.714286rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .571429rem
}

.rounded-md {
    border-radius: .428571rem
}

.rounded-xl {
    border-radius: .857143rem
}

.rounded-l-lg {
    border-bottom-left-radius: .571429rem;
    border-top-left-radius: .571429rem
}

.rounded-r-lg {
    border-bottom-right-radius: .571429rem
}

.rounded-r-lg,
.rounded-t-lg {
    border-top-right-radius: .571429rem
}

.rounded-t-lg {
    border-top-left-radius: .571429rem
}

.rounded-bl-lg {
    border-bottom-left-radius: .571429rem
}

.rounded-br-lg {
    border-bottom-right-radius: .571429rem
}

.rounded-tl-lg {
    border-top-left-radius: .571429rem
}

.rounded-tr-lg {
    border-top-right-radius: .571429rem
}

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

.\!border-0 {
    border-width: 0 !important
}

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

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

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

.border-8 {
    border-width: 8px
}

.border-\[0\] {
    border-width: 0
}

.border-\[3px\] {
    border-width: 3px
}

.border-x-0 {
    border-left-width: 0;
    border-right-width: 0
}

.border-y {
    border-bottom-width: 1px;
    border-top-width: 1px
}

.\!border-b {
    border-bottom-width: 1px !important
}

.\!border-t {
    border-top-width: 1px !important
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-4 {
    border-top-width: 4px
}

.\!border-solid {
    border-style: solid !important
}

.border-solid {
    border-style: solid
}

.\!border-background-highlight {
    border-color: var(--background-highlight) !important
}

.\!border-black {
    border-color: var(--black) !important
}

.\!border-fierce-red-500 {
    border-color: var(--fierce-red-500) !important
}

.\!border-rumble-green {
    border-color: #00a1e7 !important
}

.border-\[\#85C742\] {
    --tw-border-opacity: 1;
    border-color: rgb(133 199 66/var(--tw-border-opacity, 1))
}

.border-\[var\(--bone-highlight\)\] {
    border-color: var(--bone-highlight)
}

.border-\[var\(--color-separator\)\] {
    border-color: var(--color-separator)
}

.border-background {
    border-color: var(--background)
}

.border-background-highlight {
    border-color: var(--background-highlight)
}

.border-black {
    border-color: var(--black)
}

.border-bone {
    border-color: var(--bone)
}

.border-bone-highlight {
    border-color: var(--bone-highlight)
}

.border-brand-500 {
    border-color: var(--brand-500)
}

.border-brand-sm-1 {
    border-color: var(--brand-sm-1)
}

.border-channel-border {
    border-color: var(--channel-border)
}

.border-color-separator {
    border-color: var(--color-separator)
}

.border-color-separator-highlight {
    border-color: var(--color-separator-highlight)
}

.border-dark-green {
    border-color: var(--dark-green)
}

.border-darkest {
    border-color: var(--darkest)
}

.border-fierce-red {
    border-color: var(--fierce-red)
}

.border-fierce-red-200 {
    border-color: var(--fierce-red-200)
}

.border-fjord {
    border-color: var(--fjord)
}

.border-fjord-highlight {
    border-color: var(--fjord-highlight)
}

.border-gray-100 {
    border-color: var(--gray-100)
}

.border-gray-50 {
    border-color: var(--gray-50)
}

.border-gray-700 {
    border-color: var(--gray-700)
}

.border-gray-800 {
    border-color: var(--gray-800)
}

.border-gray-900 {
    border-color: var(--gray-900)
}

.border-lite-gray {
    border-color: var(--lite-gray)
}

.border-menu-border-color {
    border-color: var(--menu-border-color)
}

.border-on-secondary {
    border-color: var(--on-secondary)
}

.border-primary {
    border-color: var(--primary)
}

.border-royal-purple-500 {
    border-color: var(--royal-purple-500)
}

.border-rumble-green {
    border-color: #00a1e7
}

.border-secondary {
    border-color: var(--secondary)
}

.border-surface {
    border-color: var(--surface)
}

.border-warning-500 {
    border-color: var(--warning-500)
}

.border-b-background-highlight {
    border-bottom-color: var(--background-highlight)
}

.border-b-bone-highlight {
    border-bottom-color: var(--bone-highlight)
}

.border-b-brand-500 {
    border-bottom-color: var(--brand-500)
}

.border-b-color-separator-highlight {
    border-bottom-color: var(--color-separator-highlight)
}

.border-r-background-highlight {
    border-right-color: var(--background-highlight)
}

.border-t-\[transparent\] {
    border-top-color: #0000
}

.border-t-bone-highlight {
    border-top-color: var(--bone-highlight)
}

.border-t-color-separator-highlight {
    border-top-color: var(--color-separator-highlight)
}

.border-t-rumble-green {
    border-top-color: #00a1e7
}

.\!bg-\[\#010413\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 4 19/var(--tw-bg-opacity, 1)) !important
}

.\!bg-background {
    background-color: var(--background) !important
}

.\!bg-background-highlight {
    background-color: var(--background-highlight) !important
}

.\!bg-black {
    background-color: var(--black) !important
}

.\!bg-color-bg-default {
    background-color: var(--color-bg-default) !important
}

.\!bg-rumble-green {
    background-color: #00a1e7 !important
}

.\!bg-white {
    background-color: var(--white) !important
}

.bg-\[\#010413\] {
    --tw-bg-opacity: 1;
    background-color: rgb(1 4 19/var(--tw-bg-opacity, 1))
}

.bg-\[\#1b212799\] {
    background-color: #1b212799
}

.bg-\[\#333\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.bg-\[\#45B5F6E5\] {
    background-color: #45b5f6e5
}

.bg-\[\#FFFFFFCC\] {
    background-color: #fffc
}

.bg-\[\#FFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[--gift-sticky-fill\] {
    background-color: var(--gift-sticky-fill)
}

.bg-\[var\(--brand-500\)\] {
    background-color: var(--brand-500)
}

.bg-\[var\(--locals-red\)\] {
    background-color: var(--locals-red)
}

.bg-background {
    background-color: var(--background)
}

.bg-background-highlight {
    background-color: var(--background-highlight)
}

.bg-bg-blue {
    background-color: var(--bg-blue)
}

.bg-black {
    background-color: var(--black)
}

.bg-bone-highlight {
    background-color: var(--bone-highlight)
}

.bg-brand-500 {
    background-color: var(--brand-500)
}

.bg-brand-email {
    background-color: var(--brand-email)
}

.bg-brand-sm-1 {
    background-color: var(--brand-sm-1)
}

.bg-brand-truthsocial {
    background-color: var(--brand-truthsocial)
}

.bg-brand-whatsapp {
    background-color: var(--brand-whatsapp)
}

.bg-color-bg-default {
    background-color: var(--color-bg-default)
}

.bg-color-separator-highlight {
    background-color: var(--color-separator-highlight)
}

.bg-darkest {
    background-color: var(--darkest)
}

.bg-darkest-20 {
    background-color: var(--darkest-20)
}

.bg-darkest-40 {
    background-color: var(--darkest-40)
}

.bg-darkest-80 {
    background-color: var(--darkest-80)
}

.bg-darkest-90 {
    background-color: var(--darkest-90)
}

.bg-darkmo {
    background-color: var(--darkmo)
}

.bg-fierce-red {
    background-color: var(--fierce-red)
}

.bg-fierce-red-50 {
    background-color: var(--fierce-red-50)
}

.bg-fierce-red-500 {
    background-color: var(--fierce-red-500)
}

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

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

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

.bg-lite-80 {
    background-color: var(--lite-80)
}

.bg-locals-red {
    background-color: var(--locals-red)
}

.bg-menu-border-color {
    background-color: var(--menu-border-color)
}

.bg-on-secondary {
    background-color: var(--on-secondary)
}

.bg-primary {
    background-color: var(--primary)
}

.bg-royal-purple-500 {
    background-color: var(--royal-purple-500)
}

.bg-rumble-green {
    background-color: #00a1e7
}

.bg-subtle-highlight {
    background-color: var(--subtle-highlight)
}

.bg-surface {
    background-color: var(--surface)
}

.bg-warning-500 {
    background-color: var(--warning-500)
}

.bg-white {
    background-color: var(--white)
}

.bg-white-0 {
    background-color: var(--white-0)
}

.\!bg-\[url\(\/img\/rumble-premium-banner-mobile\.jpg\)\] {
    background-image: url(/img/rumble-premium-banner-mobile.jpg) !important
}

.\!bg-\[url\(\/img\/rumble-premium-banner\.jpg\)\] {
    background-image: url(/img/rumble-premium-banner.jpg) !important
}

.bg-\[linear-gradient\(140\.78deg\2c rgba\(179\2c 192\2c 203\2c 0\.2\)_8\.61\%\2c rgba\(228\2c 232\2c 236\2c 0\.2\)_90\.95\%\)\] {
    background-image: linear-gradient(140.78deg, #b3c0cb33 8.61%, #e4e8ec33 90.95%)
}

.bg-\[url\(\'\/img\/rumble-creator-program-bg-mobile\.png\'\)\] {
    background-image: url(/img/rumble-creator-program-bg-mobile.png)
}

.bg-\[url\(\'\/img\/rumble-premium-videos-bg\.png\'\)\] {
    background-image: url(/img/rumble-premium-videos-bg.png)
}

.bg-\[url\(\/img\/rumble-arrows-green-header-half\.png\)\] {
    background-image: url(/img/rumble-arrows-green-header-half.png)
}

.bg-\[url\(\/img\/rumble-premium-landing-bottom-bg-light\.png\)\] {
    background-image: url(/img/rumble-premium-landing-bottom-bg-light.png)
}

.bg-\[url\(\/img\/rumble-premium-landing-top-bg-light\.c\.png\)\] {
    background-image: url(/img/rumble-premium-landing-top-bg-light.c.png)
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.from-brand-800 {
    --tw-gradient-from: var(--brand-800) var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-dark-green {
    --tw-gradient-from: var(--dark-green) var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fjord {
    --tw-gradient-from: var(--fjord) var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700 {
    --tw-gradient-from: var(--gray-700) var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-brand-500 {
    --tw-gradient-to: var(--brand-500) var(--tw-gradient-to-position)
}

.to-fjord-light {
    --tw-gradient-to: var(--fjord-light) var(--tw-gradient-to-position)
}

.to-gray-500 {
    --tw-gradient-to: var(--gray-500) var(--tw-gradient-to-position)
}

.to-rumble-green {
    --tw-gradient-to: #00a1e7 var(--tw-gradient-to-position)
}

.\!bg-\[length\:1500px\] {
    background-size: 1500px !important
}

.\!bg-auto {
    background-size: auto !important
}

.\!bg-cover {
    background-size: cover !important
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.\!bg-left {
    background-position: 0 !important
}

.\!bg-right {
    background-position: 100% !important
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-left-top {
    background-position: 0 0
}

.bg-top {
    background-position: top
}

.\!bg-no-repeat {
    background-repeat: no-repeat !important
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-\[\#0F7C0F\] {
    fill: #0f7c0f
}

.fill-background {
    fill: var(--background)
}

.fill-black {
    fill: var(--black)
}

.fill-brand-600 {
    fill: var(--brand-600)
}

.fill-brand-sm-1 {
    fill: var(--brand-sm-1)
}

.fill-brand-sm-2 {
    fill: var(--brand-sm-2)
}

.fill-color-txt-default {
    fill: var(--color-txt-default)
}

.fill-primary {
    fill: var(--primary)
}

.fill-white {
    fill: var(--white)
}

.stroke-color-txt-default {
    stroke: var(--color-txt-default)
}

.stroke-primary {
    stroke: var(--primary)
}

.stroke-2 {
    stroke-width: 2
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

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

.\!p-2 {
    padding: .571429rem !important
}

.\!p-4 {
    padding: 1.142857rem !important
}

.\!p-6 {
    padding: 1.714286rem !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .142857rem
}

.p-1 {
    padding: .285714rem
}

.p-12 {
    padding: 3.428571rem
}

.p-2 {
    padding: .571429rem
}

.p-3 {
    padding: .857143rem
}

.p-3\.5 {
    padding: 1rem
}

.p-4 {
    padding: 1.142857rem
}

.p-5 {
    padding: 1.428571rem
}

.p-6 {
    padding: 1.714286rem
}

.p-8 {
    padding: 2.285714rem
}

.p-\[7px\] {
    padding: 7px
}

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

.\!px-8 {
    padding-left: 2.285714rem !important;
    padding-right: 2.285714rem !important
}

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

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

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

.px-0\.5 {
    padding-left: .142857rem;
    padding-right: .142857rem
}

.px-1 {
    padding-left: .285714rem;
    padding-right: .285714rem
}

.px-1\.5 {
    padding-left: .428571rem;
    padding-right: .428571rem
}

.px-12 {
    padding-left: 3.428571rem;
    padding-right: 3.428571rem
}

.px-2 {
    padding-left: .571429rem;
    padding-right: .571429rem
}

.px-2\.5 {
    padding-left: .714286rem;
    padding-right: .714286rem
}

.px-3 {
    padding-left: .857143rem;
    padding-right: .857143rem
}

.px-3\.5 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-4 {
    padding-left: 1.142857rem;
    padding-right: 1.142857rem
}

.px-5 {
    padding-left: 1.428571rem;
    padding-right: 1.428571rem
}

.px-6 {
    padding-left: 1.714286rem;
    padding-right: 1.714286rem
}

.px-8 {
    padding-left: 2.285714rem;
    padding-right: 2.285714rem
}

.py-0\.5 {
    padding-bottom: .142857rem;
    padding-top: .142857rem
}

.py-1 {
    padding-bottom: .285714rem;
    padding-top: .285714rem
}

.py-1\.5 {
    padding-bottom: .428571rem;
    padding-top: .428571rem
}

.py-12 {
    padding-bottom: 3.428571rem;
    padding-top: 3.428571rem
}

.py-2 {
    padding-bottom: .571429rem;
    padding-top: .571429rem
}

.py-2\.5 {
    padding-bottom: .714286rem;
    padding-top: .714286rem
}

.py-2\.75 {
    padding-bottom: .785714rem;
    padding-top: .785714rem
}

.py-20 {
    padding-bottom: 5.714286rem;
    padding-top: 5.714286rem
}

.py-3 {
    padding-bottom: .857143rem;
    padding-top: .857143rem
}

.py-3\.5 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-4 {
    padding-bottom: 1.142857rem;
    padding-top: 1.142857rem
}

.py-5 {
    padding-bottom: 1.428571rem;
    padding-top: 1.428571rem
}

.py-6 {
    padding-bottom: 1.714286rem;
    padding-top: 1.714286rem
}

.py-8 {
    padding-bottom: 2.285714rem;
    padding-top: 2.285714rem
}

.\!pb-24 {
    padding-bottom: 6.857143rem !important
}

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

.\!pr-12 {
    padding-right: 3.428571rem !important
}

.\!pr-9 {
    padding-right: 2.571429rem !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-1\.5 {
    padding-bottom: .428571rem
}

.pb-2 {
    padding-bottom: .571429rem
}

.pb-4 {
    padding-bottom: 1.142857rem
}

.pb-5 {
    padding-bottom: 1.428571rem
}

.pb-6 {
    padding-bottom: 1.714286rem
}

.pb-8 {
    padding-bottom: 2.285714rem
}

.pb-\[18px\] {
    padding-bottom: 18px
}

.pb-\[30px\] {
    padding-bottom: 30px
}

.pl-1\.5 {
    padding-left: .428571rem
}

.pl-2 {
    padding-left: .571429rem
}

.pl-3 {
    padding-left: .857143rem
}

.pl-4 {
    padding-left: 1.142857rem
}

.pl-6 {
    padding-left: 1.714286rem
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[17px\] {
    padding-left: 17px
}

.pr-1\.5 {
    padding-right: .428571rem
}

.pr-12 {
    padding-right: 3.428571rem
}

.pr-2 {
    padding-right: .571429rem
}

.pr-3 {
    padding-right: .857143rem
}

.pr-4 {
    padding-right: 1.142857rem
}

.pr-5 {
    padding-right: 1.428571rem
}

.pr-8 {
    padding-right: 2.285714rem
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .142857rem
}

.pt-1 {
    padding-top: .285714rem
}

.pt-1\.5 {
    padding-top: .428571rem
}

.pt-12 {
    padding-top: 3.428571rem
}

.pt-16 {
    padding-top: 4.571429rem
}

.pt-2 {
    padding-top: .571429rem
}

.pt-20 {
    padding-top: 5.714286rem
}

.pt-3 {
    padding-top: .857143rem
}

.pt-4 {
    padding-top: 1.142857rem
}

.pt-5 {
    padding-top: 1.428571rem
}

.pt-6 {
    padding-top: 1.714286rem
}

.pt-8 {
    padding-top: 2.285714rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.\!text-2xl {
    font-size: 1.714286rem !important;
    line-height: 2.285714rem !important
}

.\!text-\[16px\] {
    font-size: 16px !important
}

.\!text-base {
    font-size: 1.142857rem !important;
    line-height: 1.714286rem !important
}

.\!text-lg {
    font-size: 1.285714rem !important
}

.\!text-lg,
.\!text-xl {
    line-height: 2rem !important
}

.\!text-xl {
    font-size: 1.428571rem !important
}

.\!text-xs {
    font-size: .857143rem !important;
    line-height: 1.142857rem !important
}

.text-1xl {
    font-size: 24px;
    line-height: 2.285714rem;
}
.text-0xl {
    font-size: 20px;
    font-weight: 100 !important;
    line-height: 2.285714rem;
}
.text-2xl {
    font-size: 1.314286rem;
    line-height: 2.285714rem
}

.text-2xs {
    font-size: .714286rem;
    line-height: .857143rem
}

.text-3xl {
    font-size: 2.142857rem;
    line-height: 2.571429rem
}

.text-4xl {
    font-size: 2.571429rem;
    line-height: 2.857143rem
}

.text-5xl {
    font-size: 3.428571rem;
    line-height: 1
}

.text-\[1\.5em\] {
    font-size: 1.5em
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[28px\] {
    font-size: 28px
}

.text-base {
    font-size: 1.142857rem;
    line-height: 1.714286rem
}

.text-lg {
    font-size: 1.285714rem;
    line-height: 2rem
}

.text-sm {
    font-size: 1rem;
    line-height: 1.428571rem
}

.text-xl {
    font-size: 1.428571rem;
    line-height: 2rem
}

.text-xs {
    font-size: .857143rem;
    line-height: 1.142857rem
}

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

.\!font-semibold {
    font-weight: 600 !important
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.\!normal-case {
    text-transform: none !important
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-3 {
    line-height: .857143rem
}

.leading-4 {
    line-height: 1.142857rem
}

.leading-5 {
    line-height: 1.428571rem
}

.leading-8 {
    line-height: 2.285714rem
}

.leading-\[1\.3\] {
    line-height: 1.3
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[18\.2px\] {
    line-height: 18.2px
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.\!text-black {
    color: var(--black) !important
}

.\!text-dark-green {
    color: var(--dark-green) !important
}

.\!text-darkest {
    color: var(--darkest) !important
}

.\!text-darkmo {
    color: var(--darkmo) !important
}

.\!text-error-500 {
    color: var(--error-500) !important
}

.\!text-fierce-red-500 {
    color: var(--fierce-red-500) !important
}

.\!text-primary {
    color: var(--primary) !important
}

.\!text-secondary {
    color: var(--secondary) !important
}

.\!text-white {
    color: var(--white) !important
}

.text-\[\#3a8dbd\] {
    --tw-text-opacity: 1;
    color: rgb(58 141 189/var(--tw-text-opacity, 1))
}

.text-\[\#848484\] {
    --tw-text-opacity: 1;
    color: rgb(132 132 132/var(--tw-text-opacity, 1))
}

.text-\[var\(--brand-500\)\] {
    color: var(--brand-500)
}

.text-\[var\(--cloud\)\] {
    color: var(--cloud)
}

.text-\[var\(--color-txt-default\)\] {
    color: var(--color-txt-default)
}

.text-\[var\(--darkmo\)\] {
    color: var(--darkmo)
}

.text-\[var\(--fjord\)\] {
    color: var(--fjord)
}

.text-\[var\(--locals-red\)\] {
    color: var(--locals-red)
}

.text-\[var\(--text-2\)\] {
    color: var(--text-2)
}

.text-\[var\(--white\)\] {
    color: var(--white)
}

.text-background {
    color: var(--background)
}

.text-black {
    color: var(--black)
}

.text-bone {
    color: var(--bone)
}

.text-brand-500 {
    color: var(--brand-500)
}

.text-brand-600 {
    color: var(--brand-600)
}

.text-cloud {
    color: var(--cloud)
}

.text-color-separator {
    color: var(--color-separator)
}

.text-color-txt-default {
    color: var(--color-txt-default)
}

.text-dark-green {
    color: var(--dark-green)
}

.text-darkest {
    color: var(--darkest)
}

.text-darkmo {
    color: var(--darkmo)
}

.text-darkmo-50 {
    color: var(--darkmo-50)
}

.text-fierce-red {
    color: var(--fierce-red)
}

.text-fierce-red-500 {
    color: var(--fierce-red-500)
}

.text-fjord {
    color: var(--fjord)
}

.text-gray-100 {
    color: var(--gray-100)
}

.text-gray-400 {
    color: var(--gray-400)
}

.text-link-green {
    color: var(--link-green)
}

.text-lite {
    color: var(--lite)
}

.text-locals-red {
    color: var(--locals-red)
}

.text-menu-border-color {
    color: var(--menu-border-color)
}

.text-menu-icon-color {
    color: var(--menu-icon-color)
}

.text-primary {
    color: var(--primary)
}

.text-primary-variant {
    color: var(--primary-variant)
}

.text-rumble-green {
    color: #00a1e7
}

.text-secondary {
    color: var(--secondary)
}

.text-secondary-variant {
    color: var(--secondary-variant)
}

.text-text-2 {
    color: var(--text-2)
}

.text-warning-500 {
    color: var(--warning-500)
}

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

.text-white-80 {
    color: var(--white-80)
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-75 {
    opacity: .75
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-\[0_5px_10px_rgba\(18\2c 18\2c 18\2c 0\.08\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_5px_10px_rgba\(18\2c 18\2c 18\2c 0\.08\)\] {
    --tw-shadow: 0 5px 10px #12121214;
    --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-background {
    --tw-ring-color: var(--background)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-sm {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.drop-shadow-\[0_1px_1px_var\(--darkest\)\] {
    --tw-drop-shadow: drop-shadow(0 1px 1px var(--darkest))
}

.drop-shadow-\[0_1px_1px_var\(--darkest\)\],
.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.\!transition-all {
    transition-duration: .15s !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.ease-linear {
    transition-timing-function: linear
}

@supports (aspect-ratio:1/1) {
    .aspect-ratio-\[2\/3\] {
        aspect-ratio: 2/3
    }
}

@supports not (aspect-ratio:1/1) {
    .aspect-ratio-\[2\/3\]:before {
        content: "";
        float: left;
        padding-top: 150%
    }

    .aspect-ratio-\[2\/3\]:after {
        clear: left;
        content: "";
        display: block
    }
}

@supports (aspect-ratio:1/1) {
    .aspect-ratio-\[3\/1\] {
        aspect-ratio: 3/1
    }
}

@supports not (aspect-ratio:1/1) {
    .aspect-ratio-\[3\/1\]:before {
        content: "";
        float: left;
        padding-top: 33.33333%
    }

    .aspect-ratio-\[3\/1\]:after {
        clear: left;
        content: "";
        display: block
    }
}

@supports (aspect-ratio:1/1) {
    .aspect-ratio-\[6\/7\] {
        aspect-ratio: 6/7
    }
}

@supports not (aspect-ratio:1/1) {
    .aspect-ratio-\[6\/7\]:before {
        content: "";
        float: left;
        padding-top: 116.66667%
    }

    .aspect-ratio-\[6\/7\]:after {
        clear: left;
        content: "";
        display: block
    }
}

@supports (aspect-ratio:1/1) {
    .aspect-ratio-\[9\/1\] {
        aspect-ratio: 9/1
    }
}

@supports not (aspect-ratio:1/1) {
    .aspect-ratio-\[9\/1\]:before {
        content: "";
        float: left;
        padding-top: 11.11111%
    }

    .aspect-ratio-\[9\/1\]:after {
        clear: left;
        content: "";
        display: block
    }
}

.bg-initial {
    background-color: initial
}

.autofill-clip-force-black {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    caret-color: #fff
}

.border-t-solid {
    border-top-style: solid;
    border-top-width: 1px
}

.border-b-solid {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.placeholder-normal-case::placeholder {
    text-transform: none
}

.box-border-inherit {
    box-sizing: border-box
}

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

.break-word {
    word-break: break-word
}

.gradient-header-studio-rtmp {
    background: linear-gradient(45deg, var(--brand-800) 0, var(--brand-500) 100%)
}

.gradient-wallet {
    background-image: linear-gradient(to top, var(--rumble-green-25) .01%, var(--darkest-0) 100%)
}

.gradient-wallet-payment-tab {
    background: linear-gradient(0deg, var(--background-highlight)), linear-gradient(83.49deg, var(--white-0) -11.16%, var(--white-80) 106.61%)
}

[data-theme=dark] .gradient-wallet-payment-tab {
    background: linear-gradient(0deg, var(--darkest-80)), linear-gradient(45deg, var(--gray-800) 0, var(--gray-500) 100%)
}

.\[gdpr\:0\2c 1\2c 2\] {
    gdpr: 0, 1, 2
}

.before\:content-\[\'\2022\'\]:before {
    --tw-content: "•";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:inset-0\.5:after {
    bottom: .142857rem;
    content: var(--tw-content);
    left: .142857rem;
    right: .142857rem;
    top: .142857rem
}

.after\:rounded-full:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.first\:rounded-tl-lg:first-child {
    border-top-left-radius: .571429rem
}

.odd\:bg-bone-highlight:nth-child(odd) {
    background-color: var(--bone-highlight)
}

.odd\:bg-surface:nth-child(odd) {
    background-color: var(--surface)
}

.after\:checked\:bg-rumble-green:checked:after {
    background-color: #00a1e7;
    content: var(--tw-content)
}

.after\:checked\:content-\[\'\'\]:checked:after {
    --tw-content: "";
    content: var(--tw-content)
}

.empty\:hidden:empty {
    display: none
}

.hover\:border-color-txt-default:hover {
    border-color: var(--color-txt-default)
}

.hover\:bg-\[var\(--brand-700\)\]:hover {
    background-color: var(--brand-700)
}

.hover\:bg-background-highlight:hover {
    background-color: var(--background-highlight)
}

.hover\:bg-bone:hover {
    background-color: var(--bone)
}

.hover\:bg-gray-200:hover {
    background-color: var(--gray-200)
}

.hover\:bg-locals-red:hover {
    background-color: var(--locals-red)
}

.hover\:bg-locals-red-hover:hover {
    background-color: var(--locals-red-hover)
}

.hover\:bg-menu-item-hover:hover {
    background-color: var(--menu-item-hover)
}

.hover\:bg-on-secondary:hover {
    background-color: var(--on-secondary)
}

.hover\:bg-primary:hover {
    background-color: var(--primary)
}

.hover\:bg-rumble-green:hover {
    background-color: #00a1e7
}

.hover\:text-background:hover {
    color: var(--background)
}

.hover\:text-darkest:hover {
    color: var(--darkest)
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.enabled\:hover\:opacity-70:hover:enabled {
    opacity: .7
}

.disabled\:cursor-default:disabled {
    cursor: default
}

.disabled\:bg-background-highlight:disabled {
    background-color: var(--background-highlight)
}

.disabled\:bg-brand-200:disabled {
    background-color: var(--brand-200)
}

.disabled\:bg-brand-800:disabled {
    background-color: var(--brand-800)
}

.disabled\:bg-menu-border-color:disabled {
    background-color: var(--menu-border-color)
}

.disabled\:text-white:disabled {
    color: var(--white)
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:invalid .group-invalid\:bg-background-highlight {
    background-color: var(--background-highlight)
}

.group\/repost:focus-within .group-focus-within\/repost\:inline-block {
    display: inline-block
}

.group:hover .group-hover\:inline {
    display: inline
}

.group:hover .group-hover\:hidden {
    display: none
}

.group:hover .group-hover\:text-color-txt-default {
    color: var(--color-txt-default)
}

.group:hover .group-hover\:underline {
    text-decoration-line: underline
}

.group\/follow-creators.request .group-\[\.request\]\/follow-creators\:z-30 {
    z-index: 30
}

.group.popout--visible .group-\[\.popout--visible\]\:inline-block {
    display: inline-block
}

.group.htmx-request .group-\[\.htmx-request\]\:flex {
    display: flex
}

.group\/follow-creators.request .group-\[\.request\]\/follow-creators\:grid {
    display: grid
}

.group.popout--visible .group-\[\.popout--visible\]\:bg-background-highlight {
    background-color: var(--background-highlight)
}

.peer:checked ~ .peer-checked\:inline {
    display: inline
}

.peer\/monthly:checked ~ .peer-checked\/monthly\:border-rumble-green,
.peer\/yearly:checked ~ .peer-checked\/yearly\:border-rumble-green {
    border-color: #00a1e7
}

.peer\/apple-pay:checked ~ .peer-checked\/apple-pay\:bg-background,
.peer\/card:checked ~ .peer-checked\/card\:bg-background,
.peer\/google-pay:checked ~ .peer-checked\/google-pay\:bg-background,
.peer\/rumble-wallet:checked ~ .peer-checked\/rumble-wallet\:bg-background {
    background-color: var(--background)
}

.peer\/monthly:checked ~ .peer-checked\/monthly\:ring-1,
.peer\/yearly:checked ~ .peer-checked\/yearly\:ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.peer:checked ~ .peer-checked\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.peer:checked ~ .peer-checked\:ring-inset,
.peer\/monthly:checked ~ .peer-checked\/monthly\:ring-inset,
.peer\/yearly:checked ~ .peer-checked\/yearly\:ring-inset {
    --tw-ring-inset: inset
}

.peer:checked ~ .peer-checked\:ring-rumble-green,
.peer\/monthly:checked ~ .peer-checked\/monthly\:ring-rumble-green,
.peer\/yearly:checked ~ .peer-checked\/yearly\:ring-rumble-green {
    --tw-ring-color: #00a1e7
}

.peer\/apple-pay:focus-visible ~ .peer-focus-visible\/apple-pay\:z-10 {
    z-index: 10
}

.peer\/card:focus-visible ~ .peer-focus-visible\/card\:z-10 {
    z-index: 10
}

.peer\/google-pay:focus-visible ~ .peer-focus-visible\/google-pay\:z-10 {
    z-index: 10
}

.peer\/rumble-wallet:focus-visible ~ .peer-focus-visible\/rumble-wallet\:z-10 {
    z-index: 10
}

.peer\/apple-pay:focus-visible ~ .peer-focus-visible\/apple-pay\:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.peer\/card:focus-visible ~ .peer-focus-visible\/card\:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.peer\/google-pay:focus-visible ~ .peer-focus-visible\/google-pay\:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.peer\/monthly:focus-visible ~ .peer-focus-visible\/monthly\:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.peer\/rumble-wallet:focus-visible ~ .peer-focus-visible\/rumble-wallet\:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.peer\/yearly:focus-visible ~ .peer-focus-visible\/yearly\:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.peer:focus-visible ~ .peer-focus-visible\:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.peer\/apple-pay:disabled ~ .peer-disabled\/apple-pay\:cursor-default,
.peer\/card:disabled ~ .peer-disabled\/card\:cursor-default,
.peer\/google-pay:disabled ~ .peer-disabled\/google-pay\:cursor-default,
.peer\/rumble-wallet:disabled ~ .peer-disabled\/rumble-wallet\:cursor-default {
    cursor: default
}

.peer.hidden ~ .peer-\[\.hidden\]\:hidden {
    display: none
}

@media (hover:hover) and (pointer:fine) {
    .hover-never\:z-20:hover {
        z-index: 20
    }

    .hover-never\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .hover-never\:scale-125:hover,
    .hover-never\:scale-150:hover {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .hover-never\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .hover-never\:cursor-pointer:hover {
        cursor: pointer
    }

    .hover-never\:bg-background-highlight:hover {
        background-color: var(--background-highlight)
    }

    .group\/repost:hover .group-hover-always\/repost\:inline-block {
        display: inline-block
    }
}

@media not all and (hover:hover) and (pointer:fine) {
    .group-hover-always\/repost\:inline-block {
        display: inline-block
    }
}

.is-selected .is-selected\:block {
    display: block
}

.is-selected .is-selected\:inline-block {
    display: inline-block
}

.is-selected .is-selected\:flex {
    display: flex
}

.is-selected .is-selected\:cursor-default {
    cursor: default
}

.is-selected .is-selected\:border-rumble-green {
    border-color: #00a1e7
}

.is-selected .is-selected\:border-b-\[transparent\] {
    border-bottom-color: #0000
}

.is-selected .is-selected\:border-t-rumble-green {
    border-top-color: #00a1e7
}

.is-selected .is-selected\:bg-background {
    background-color: var(--background)
}

.is-selected .is-selected\:bg-error-500 {
    background-color: var(--error-500)
}

.is-selected .is-selected\:bg-primary {
    background-color: var(--primary)
}

.is-selected .is-selected\:bg-rumble-green {
    background-color: #00a1e7
}

.is-selected .is-selected\:text-darkmo {
    color: var(--darkmo)
}

.is-selected .is-selected\:text-inverse-text-1 {
    color: var(--inverse-text-1)
}

.is-selected .is-selected\:opacity-40 {
    opacity: .4
}

.is-selected .is-selected\:hover\:bg-background:hover {
    background-color: var(--background)
}

.is-selected\:block.is-selected {
    display: block
}

.is-selected\:inline-block.is-selected {
    display: inline-block
}

.is-selected\:flex.is-selected {
    display: flex
}

.is-selected\:cursor-default.is-selected {
    cursor: default
}

.is-selected\:border-rumble-green.is-selected {
    border-color: #00a1e7
}

.is-selected\:border-b-\[transparent\].is-selected {
    border-bottom-color: #0000
}

.is-selected\:border-t-rumble-green.is-selected {
    border-top-color: #00a1e7
}

.is-selected\:bg-background.is-selected {
    background-color: var(--background)
}

.is-selected\:bg-error-500.is-selected {
    background-color: var(--error-500)
}

.is-selected\:bg-primary.is-selected {
    background-color: var(--primary)
}

.is-selected\:bg-rumble-green.is-selected {
    background-color: #00a1e7
}

.is-selected\:text-darkmo.is-selected {
    color: var(--darkmo)
}

.is-selected\:text-inverse-text-1.is-selected {
    color: var(--inverse-text-1)
}

.is-selected\:opacity-40.is-selected {
    opacity: .4
}

.is-selected\:hover\:bg-background:hover.is-selected {
    background-color: var(--background)
}

@media not all and (min-width:900px) {
    .max-lg\:mt-4 {
        margin-top: 1.142857rem
    }

    .max-lg\:hidden {
        display: none
    }

    .max-lg\:w-full {
        width: 100%
    }

    .max-lg\:flex-col {
        flex-direction: column
    }

    .max-lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.57143rem*var(--tw-space-y-reverse));
        margin-top: calc(.57143rem*(1 - var(--tw-space-y-reverse)))
    }

    .max-lg\:self-start {
        align-self: flex-start
    }

    .max-lg\:self-end {
        align-self: flex-end
    }
}

@media not all and (min-width:700px) {
    .max-md\:mt-3 {
        margin-top: .857143rem
    }

    .max-md\:mt-4 {
        margin-top: 1.142857rem
    }

    .max-md\:hidden {
        display: none
    }

    .max-md\:w-full {
        width: 100%
    }

    .max-md\:overflow-x-auto {
        overflow-x: auto
    }

    .peer:not(.pop-show) ~ .peer-\[\:not\(\.pop-show\)\]\:max-md\:hidden {
        display: none
    }
}

@media not all and (min-width:480px) {
    .max-sm\:hidden {
        display: none
    }

    .max-sm\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .max-sm\:items-center {
        align-items: center
    }

    .max-sm\:justify-center {
        justify-content: center
    }

    .max-sm\:justify-items-center {
        justify-items: center
    }

    .max-sm\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.28571rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.28571rem*var(--tw-space-x-reverse))
    }

    .max-sm\:text-center {
        text-align: center
    }
}

@media not all and (min-width:380px) {
    .max-xs\:px-1 {
        padding-left: .285714rem;
        padding-right: .285714rem
    }
}

@media not all and (min-width:240px) {
    .max-xxs\:mb-1 {
        margin-bottom: .285714rem
    }
}

@media (min-width:240px) {
    .xxs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xxs\:flex-row {
        flex-direction: row
    }
}

@media (min-width:350px) {
    .min-\[350px\]\:size-11 {
        height: 3.142857rem;
        width: 3.142857rem
    }

    .min-\[350px\]\:size-12 {
        height: 3.428571rem;
        width: 3.428571rem
    }

    .min-\[350px\]\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.71429rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.71429rem*var(--tw-space-x-reverse))
    }
}

@media (min-width:380px) {
    .xs\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.14286rem*var(--tw-space-y-reverse));
        margin-top: calc(1.14286rem*(1 - var(--tw-space-y-reverse)))
    }

    .xs\:text-sm {
        font-size: 1rem;
        line-height: 1.428571rem
    }

    .xs\:text-xs {
        font-size: .857143rem;
        line-height: 1.142857rem
    }
}

@media (min-width:480px) {
    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:m-8 {
        margin: 2.285714rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-6 {
        margin-bottom: 1.714286rem
    }

    .sm\:mb-8 {
        margin-bottom: 2.285714rem
    }

    .sm\:ml-3 {
        margin-left: .857143rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-24 {
        margin-top: 6.857143rem
    }

    .sm\:mt-32 {
        margin-top: 9.142857rem
    }

    .sm\:mt-9 {
        margin-top: 2.571429rem
    }

    .sm\:mt-\[-200px\] {
        margin-top: -200px
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-20 {
        height: 5.714286rem
    }

    .sm\:h-4 {
        height: 1.142857rem
    }

    .sm\:h-\[300px\] {
        height: 300px
    }

    .sm\:h-\[360px\] {
        height: 360px
    }

    .sm\:max-h-\[680px\] {
        max-height: 680px
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-20 {
        width: 5.714286rem
    }

    .sm\:w-4 {
        width: 1.142857rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:max-w-\[360px\] {
        max-width: 360px
    }

    .sm\:max-w-\[380px\] {
        max-width: 380px
    }

    .sm\:grid-flow-col {
        grid-auto-flow: column
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:gap-4 {
        gap: 1.142857rem
    }

    .sm\:gap-6 {
        gap: 1.714286rem
    }

    .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.57143rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.57143rem*var(--tw-space-x-reverse))
    }

    .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.71429rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.71429rem*var(--tw-space-x-reverse))
    }

    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.85714rem*var(--tw-space-y-reverse));
        margin-top: calc(.85714rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(2.28571rem*var(--tw-space-y-reverse));
        margin-top: calc(2.28571rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:justify-self-center {
        justify-self: center
    }

    .sm\:rounded-3xl {
        border-radius: 1.714286rem
    }

    .sm\:border-4 {
        border-width: 4px
    }

    .sm\:\!bg-none {
        background-image: none !important
    }

    .sm\:p-12 {
        padding: 3.428571rem
    }

    .sm\:p-6 {
        padding: 1.714286rem
    }

    .sm\:px-6 {
        padding-left: 1.714286rem;
        padding-right: 1.714286rem
    }

    .sm\:px-8 {
        padding-left: 2.285714rem;
        padding-right: 2.285714rem
    }

    .sm\:py-4 {
        padding-bottom: 1.142857rem;
        padding-top: 1.142857rem
    }

    .sm\:pt-5 {
        padding-top: 1.428571rem
    }

    .sm\:text-2xl {
        font-size: 1.714286rem;
        line-height: 2.285714rem
    }

    .sm\:text-3xl {
        font-size: 2.142857rem;
        line-height: 2.571429rem
    }

    .sm\:text-base {
        font-size: 1.142857rem;
        line-height: 1.714286rem
    }

    .sm\:text-lg {
        font-size: 1.285714rem;
        line-height: 2rem
    }

    .sm\:text-sm {
        font-size: 1rem;
        line-height: 1.428571rem
    }

    .sm\:text-xl {
        font-size: 1.428571rem;
        line-height: 2rem
    }

    .sm\:text-xs {
        font-size: .857143rem
    }

    .sm\:leading-4,
    .sm\:text-xs {
        line-height: 1.142857rem
    }
}

@media (min-width:530px) {
    .min-\[530px\]\:\!mb-0 {
        margin-bottom: 0 !important
    }

    .min-\[530px\]\:\!mr-4 {
        margin-right: 1.142857rem !important
    }

    .min-\[530px\]\:\!w-auto {
        width: auto !important
    }

    .min-\[530px\]\:w-auto {
        width: auto
    }

    .min-\[530px\]\:\!flex-row {
        flex-direction: row !important
    }
}

@media (min-width:570px) {
    .min-\[570px\]\:mb-0 {
        margin-bottom: 0
    }

    .min-\[570px\]\:w-auto {
        width: auto
    }

    .min-\[570px\]\:flex-row {
        flex-direction: row
    }

    .min-\[570px\]\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.14286rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.14286rem*var(--tw-space-x-reverse))
    }
}

@media (min-width:700px) {
    .md\:m-0 {
        margin: 0
    }

    .md\:-mx-6 {
        margin-left: -1.714286rem;
        margin-right: -1.714286rem
    }

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

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:ml-3 {
        margin-left: .857143rem
    }

    .md\:ml-4 {
        margin-left: 1.142857rem
    }

    .md\:mt-8 {
        margin-top: 2.285714rem
    }

    .md\:mt-9 {
        margin-top: 2.571429rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-4 {
        height: 1.142857rem
    }

    .md\:h-8 {
        height: 2.285714rem
    }

    .md\:w-4 {
        width: 1.142857rem
    }

    .md\:w-8 {
        width: 2.285714rem
    }

    .md\:max-w-80 {
        max-width: 22.857143rem
    }

    .md\:max-w-\[380px\] {
        max-width: 380px
    }

    .md\:max-w-\[50\%\] {
        max-width: 50%
    }

    .md\:basis-1\/3 {
        flex-basis: 33.333333%
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:\!items-center {
        align-items: center !important
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-28 {
        gap: 8rem
    }

    .md\:gap-3 {
        gap: .857143rem
    }

    .md\:\!space-x-8 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(2.28571rem*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(2.28571rem*var(--tw-space-x-reverse)) !important
    }

    .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.14286rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.14286rem*var(--tw-space-x-reverse))
    }

    .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.42857rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.42857rem*var(--tw-space-x-reverse))
    }

    .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.71429rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.71429rem*var(--tw-space-x-reverse))
    }

    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .md\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.57143rem*var(--tw-space-y-reverse));
        margin-top: calc(.57143rem*(1 - var(--tw-space-y-reverse)))
    }

    .md\:whitespace-nowrap {
        white-space: nowrap
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-b-0 {
        border-bottom-width: 0
    }

    .md\:border-solid {
        border-style: solid
    }

    .md\:border-color-separator-highlight {
        border-color: var(--color-separator-highlight)
    }

    .md\:\!bg-\[url\(\/img\/rumble-green-arrows-sm\.png\)\] {
        background-image: url(/img/rumble-green-arrows-sm.png) !important
    }

    .md\:\!bg-\[url\(\/img\/rumble-premium-banner\.jpg\)\] {
        background-image: url(/img/rumble-premium-banner.jpg) !important
    }

    .md\:\!bg-\[url\(\/img\/rumble-premium-popup\.jpg\)\] {
        background-image: url(/img/rumble-premium-popup.jpg) !important
    }

    .md\:p-24 {
        padding: 6.857143rem
    }

    .md\:p-4 {
        padding: 1.142857rem
    }

    .md\:p-6 {
        padding: 1.714286rem
    }

    .md\:p-7 {
        padding: 2rem
    }

    .md\:p-8 {
        padding: 2.285714rem
    }

    .md\:px-10 {
        padding-left: 2.857143rem;
        padding-right: 2.857143rem
    }

    .md\:px-12 {
        padding-left: 3.428571rem;
        padding-right: 3.428571rem
    }

    .md\:px-24 {
        padding-left: 6.857143rem;
        padding-right: 6.857143rem
    }

    .md\:px-4 {
        padding-left: 1.142857rem;
        padding-right: 1.142857rem
    }

    .md\:px-5 {
        padding-left: 1.428571rem;
        padding-right: 1.428571rem
    }

    .md\:px-7 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-20 {
        padding-bottom: 5.714286rem;
        padding-top: 5.714286rem
    }

    .md\:py-32 {
        padding-bottom: 9.142857rem;
        padding-top: 9.142857rem
    }

    .md\:py-6 {
        padding-bottom: 1.714286rem;
        padding-top: 1.714286rem
    }

    .md\:py-8 {
        padding-bottom: 2.285714rem;
        padding-top: 2.285714rem
    }

    .md\:py-\[72px\] {
        padding-bottom: 72px;
        padding-top: 72px
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pl-24 {
        padding-left: 6.857143rem
    }

    .md\:pr-24 {
        padding-right: 6.857143rem
    }

    .md\:pt-32 {
        padding-top: 9.142857rem
    }

    .md\:pt-4 {
        padding-top: 1.142857rem
    }

    .md\:pt-6 {
        padding-top: 1.714286rem
    }

    .md\:\!text-2xl {
        font-size: 1.714286rem !important;
        line-height: 2.285714rem !important
    }

    .md\:\!text-base {
        font-size: 1.142857rem !important;
        line-height: 1.714286rem !important
    }

    .md\:\!text-sm {
        font-size: 1rem !important;
        line-height: 1.428571rem !important
    }

    .md\:\!text-xl {
        font-size: 1.428571rem !important;
        line-height: 2rem !important
    }

    .md\:text-2xl {
        font-size: 1.714286rem;
        line-height: 2.285714rem
    }

    .md\:text-3xl {
        font-size: 2.142857rem;
        line-height: 2.571429rem
    }

    .md\:text-4xl {
        font-size: 2.571429rem;
        line-height: 2.857143rem
    }

    .md\:text-5xl {
        font-size: 3.428571rem;
        line-height: 1
    }

    .md\:text-7xl {
        font-size: 5.142857rem;
        line-height: 1
    }

    .md\:text-\[32px\] {
        font-size: 32px
    }

    .md\:text-base {
        font-size: 1.142857rem;
        line-height: 1.714286rem
    }

    .md\:text-sm {
        font-size: 1rem;
        line-height: 1.428571rem
    }

    .md\:text-xl {
        font-size: 1.428571rem;
        line-height: 2rem
    }

    .md\:text-xs {
        font-size: .857143rem;
        line-height: 1.142857rem
    }

    .md\:leading-tight {
        line-height: 1.25
    }

    .md\:\!text-white {
        color: var(--white) !important
    }
}

@media (min-width:800px) {
    .min-\[800px\]\:mb-0 {
        margin-bottom: 0
    }

    .min-\[800px\]\:mt-0 {
        margin-top: 0
    }

    .min-\[800px\]\:grid {
        display: grid
    }

    .min-\[800px\]\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .min-\[800px\]\:flex-row {
        flex-direction: row
    }

    .min-\[800px\]\:items-center {
        align-items: center
    }

    .min-\[800px\]\:justify-between {
        justify-content: space-between
    }

    .min-\[800px\]\:gap-6 {
        gap: 1.714286rem
    }
}

@media (min-width:900px) {
    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-32 {
        height: 9.142857rem
    }

    .lg\:h-\[180px\] {
        height: 180px
    }

    .lg\:h-\[246px\] {
        height: 246px
    }

    .lg\:h-\[330px\] {
        height: 330px
    }

    .lg\:h-\[360px\] {
        height: 360px
    }

    .lg\:h-\[400px\] {
        height: 400px
    }

    .lg\:max-h-\[200px\] {
        max-height: 200px
    }

    .lg\:max-h-\[250px\] {
        max-height: 250px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-32 {
        width: 9.142857rem
    }

    .lg\:max-w-\[340px\] {
        max-width: 340px
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.14286rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.14286rem*var(--tw-space-x-reverse))
    }

    .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .lg\:rounded-\[32px\] {
        border-radius: 32px
    }

    .lg\:border-b-0 {
        border-bottom-width: 0
    }

    .lg\:border-r {
        border-right-width: 1px
    }

    .lg\:bg-\[url\(\'\/img\/rumble-creator-program-bg\.jpg\'\)\] {
        background-image: url(/img/rumble-creator-program-bg.jpg)
    }
}

@media (min-width:1050px) {
    .min-\[1050px\]\:col-span-2 {
        grid-column: span 2/span 2
    }

    .min-\[1050px\]\:block {
        display: block
    }

    .min-\[1050px\]\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:1200px) {
    .xlg\:sticky {
        position: sticky
    }

    .xlg\:top-24 {
        top: 6.857143rem
    }

    .xlg\:h-\[206px\] {
        height: 206px
    }

    .xlg\:h-\[360px\] {
        height: 360px
    }

    .xlg\:max-h-\[238px\] {
        max-height: 238px
    }

    .xlg\:max-h-\[260px\] {
        max-height: 260px
    }

    .xlg\:py-12 {
        padding-bottom: 3.428571rem;
        padding-top: 3.428571rem
    }

    .xlg\:text-\[32px\] {
        font-size: 32px
    }

    .xlg\:text-sm {
        font-size: 1rem;
        line-height: 1.428571rem
    }
}

@media (min-width:1440px) {
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.dark\:block:where([data-theme=dark], [data-theme=dark] *) {
    display: block
}

.dark\:inline-block:where([data-theme=dark], [data-theme=dark] *) {
    display: inline-block
}

.dark\:hidden:where([data-theme=dark], [data-theme=dark] *) {
    display: none
}

.dark\:border-\[var\(--gray-700\)\]:where([data-theme=dark], [data-theme=dark] *) {
    border-color: var(--gray-700)
}

.dark\:border-fjord:where([data-theme=dark], [data-theme=dark] *) {
    border-color: var(--fjord)
}

.dark\:border-fjord-highlight:where([data-theme=dark], [data-theme=dark] *) {
    border-color: var(--fjord-highlight)
}

.dark\:border-gray-700:where([data-theme=dark], [data-theme=dark] *) {
    border-color: var(--gray-700)
}

.dark\:border-gray-900:where([data-theme=dark], [data-theme=dark] *) {
    border-color: var(--gray-900)
}

.dark\:border-b-fjord-highlight:where([data-theme=dark], [data-theme=dark] *) {
    border-bottom-color: var(--fjord-highlight)
}

.dark\:border-t-fjord-highlight:where([data-theme=dark], [data-theme=dark] *) {
    border-top-color: var(--fjord-highlight)
}

.dark\:bg-\[\#000312CC\]:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #000312cc
}

.dark\:bg-\[var\(--gray-900\)\]:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--gray-900)
}

.dark\:bg-black:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--black)
}

.dark\:bg-darkest-80:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--darkest-80)
}

.dark\:bg-fjord-highlight:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--fjord-highlight)
}

.dark\:bg-gray-900:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--gray-900)
}

.dark\:bg-lite-20:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--lite-20)
}

.dark\:bg-white:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--white)
}

.dark\:bg-white-shades-20:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--white-shades-20)
}

.dark\:bg-\[linear-gradient\(140\.78deg\2c rgba\(131\2c 151\2c 170\2c 0\.2\)_8\.61\%\2c rgba\(40\2c 49\2c 57\2c 0\.2\)_90\.95\%\)\]:where([data-theme=dark], [data-theme=dark] *) {
    background-image: linear-gradient(140.78deg, #8397aa33 8.61%, #28313933 90.95%)
}

.dark\:bg-\[url\(\/img\/rumble-premium-landing-bottom-bg-dark\.c\.png\)\]:where([data-theme=dark], [data-theme=dark] *) {
    background-image: url(/img/rumble-premium-landing-bottom-bg-dark.c.png)
}

.dark\:bg-\[url\(\/img\/rumble-premium-landing-top-bg-dark\.c\.png\)\]:where([data-theme=dark], [data-theme=dark] *) {
    background-image: url(/img/rumble-premium-landing-top-bg-dark.c.png)
}

.dark\:fill-rumble-green:where([data-theme=dark], [data-theme=dark] *) {
    fill: #00a1e7
}

.dark\:fill-white:where([data-theme=dark], [data-theme=dark] *) {
    fill: var(--white)
}

.dark\:\!text-white:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--white) !important
}

.dark\:text-\[\#88a0b8\]:where([data-theme=dark], [data-theme=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(136 160 184/var(--tw-text-opacity, 1))
}

.dark\:text-barstool-sports-red:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--barstool-sports-red)
}

.dark\:text-black:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--black)
}

.dark\:text-bone:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--bone)
}

.dark\:text-cloud:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--cloud)
}

.dark\:text-darkmo:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--darkmo)
}

.dark\:text-fjord:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--fjord)
}

.dark\:text-gray-100:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--gray-100)
}

.dark\:text-gray-25:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--gray-25)
}

.dark\:text-lite:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--lite)
}

.dark\:text-rumble-green:where([data-theme=dark], [data-theme=dark] *) {
    color: #00a1e7
}

.dark\:text-white:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--white)
}

.dark\:text-white-50:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--white-50)
}

.dark\:odd\:bg-fjord-highlight:nth-child(odd):where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--fjord-highlight)
}

.dark\:hover\:bg-locals-red:hover:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--locals-red)
}

.dark\:hover\:bg-rumble-green:hover:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #00a1e7
}

.hover\:dark\:bg-fjord:where([data-theme=dark], [data-theme=dark] *):hover {
    background-color: var(--fjord)
}

.hover\:dark\:bg-gray-950:where([data-theme=dark], [data-theme=dark] *):hover {
    background-color: var(--gray-950)
}

.\[\&\:not\(\.hidden\)\]\:flex:not(.hidden) {
    display: flex
}

.\[\&\:not\(\:first-of-type\)\]\:mt-5:not(:first-of-type) {
    margin-top: 1.428571rem
}

.\[\&\>\*\:not\(\:first-child\)\]\:ml-2\.5 > :not(:first-child) {
    margin-left: .714286rem
}

.peer\/yearly:checked ~ .peer-checked\/yearly\:\[\&\>\:first-child\]\:bg-rumble-green > :first-child {
    background-color: #00a1e7
}

.\[\&_iframe\]\:absolute iframe {
    position: absolute
}

.\[\&_iframe\]\:inset-0 iframe {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.\[\&_iframe\]\:w-full iframe {
    width: 100%
}

/* ======================================== */