:root {
    --main-color: #FF002F;
    --main-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --blog-body-bg: #202124;
    --blog-body-color: #fff
}

#__next,body,html {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding-bottom: 20px;
}

@supports(-webkit-touch-callout:none) {
    #__next,body,html {
        min-height: calc(100% + env(safe-area-inset-top))
    }

    html {
        padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left)
    }
}

body {
    margin: 0;
    font-family: var(--main-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body ::-webkit-scrollbar {
    display: none
}

main {
    height: 100%
}

@media (display-mode:standalone) {
    main {
        height: 100vh
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: var(--main-color);
    position: fixed;
    z-index: 1031;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    bottom: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-color: #c51162 #0000 #0000 #c51162;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    animation: nprogress-spinner .4s linear infinite
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #c51162,0 0 5px #c51162;
    opacity: 1
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.button_container__9RcON {
    border: 0;
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    position: relative;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;
    padding: 6px 16px;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: 4px;
    text-transform: uppercase;
    margin: 16px 0 0;
    color: #fff;
    background-color: var(--main-color);
    min-height: 32px
}

.button_container__9RcON:hover {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px 0 #00000024,0 1px 10px 0 #0000001f;
    background-color: #c51162
}

.button_label__QVsjd {
    font-size: .875rem;
    font-family: var(--main-font),"Helvetica","Arial",sans-serif;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: .02857em;
    text-transform: uppercase
}

.button_secondary__P_jHw {
    background-color: #0000;
    color: #f50057;
    box-shadow: unset
}

.button_secondary__P_jHw:hover {
    background-color: #f5005714
}

.formcontrol_container__KJd3f {
    width: 100%;
    border: 0;
    margin: 0;
    display: inline-flex;
    padding: 0;
    position: relative;
    min-width: 0;
    flex-direction: column;
    min-height: 80px
}

.input_container__xUASv {
    color: #fff;
    cursor: text;
    display: inline-flex;
    font-size: 1rem;
    box-sizing: border-box;
    align-items: center;
    font-weight: 400;
    line-height: 1.1876em;
    letter-spacing: .00938em;
    position: relative;
    min-height: 32px
}

.input_container__xUASv:focus-within:after {
    transform: scaleX(1)
}

.input_container__xUASv:before {
    content: " ";
    transition: border-bottom-color .2s cubic-bezier(.4,0,.2,1) 0ms;
    border-bottom: 1px solid #ffffffb3
}

.input_container__xUASv:after,.input_container__xUASv:before {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.input_container__xUASv:after {
    content: "";
    transform: scaleX(0);
    transition: transform .2s cubic-bezier(0,0,.2,1) 0ms;
    border-bottom: 2px solid var(--main-color)
}

.input_input__e8Pfe {
    overflow: visible;
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1875em;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    box-sizing: initial
}

.input_input__e8Pfe:focus {
    outline: 0
}

.input_input__e8Pfe::placeholder {
    color: currentColor;
    opacity: .5;
    transition: opacity .2s cubic-bezier(.4,0,.2,1) 0ms
}

.input_before___HM2u {
    height: .01em;
    display: flex;
    max-height: 2em;
    align-items: center;
    white-space: nowrap;
    margin-right: 8px
}

.input_text__j5Bj5 {
    color: #ffffffb3;
    font-size: 1rem;
    font-family: var(--main-font),"Helvetica","Arial",sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .00938em;
    margin: 0
}

.list_container__DJiRE {
    margin: 0;
    position: relative;
    list-style: none;
    padding: 8px 0
}

.listitem_item__H0b3Z {
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    border-radius: 0;
    justify-content: center;
    background-color: #0000;
    width: 100%;
    display: flex;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    padding: 8px 16px;
    transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
    border-style: none
}

.listitem_container__R4aYP {
    flex: 1 1 auto;
    min-width: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: left;
    color: inherit
}

.listitem_text__SpDCt {
    display: block;
    color: inherit;
    font-size: 1rem;
    font-family: var(--main-font),"Helvetica","Arial",sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .00938em
}

.listitem_text__SpDCt:hover {
    color: #fff;
    font-weight: 700
}

.dialog_window__UjSoC {
    position: fixed;
    z-index: 1300;
    inset: 0;
    visibility: hidden;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0
}

.dialog_backdrop__n8mzk {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: -1;
    position: fixed;
    align-items: center;
    justify-content: center;
    background-color: #00000080;
    opacity: 0;
    transition: opacity 195ms cubic-bezier(.4,0,.2,1) 0ms
}

.dialog_visible__GQfSX {
    visibility: unset;
    opacity: 1
}

.dialog_container__Uz3jy {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    outline: 0
}

.dialog_dialog__DvYLG {
    height: 100%;
    max-height: calc(100% - 64px);
    width: calc(100% - 64px);
    max-width: 600px;
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    color: #fff;
    transition: box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: 4px;
    background-color: #000;
    z-index: 10;
    margin: 32px;
    position: relative
}

.content_container__4fu4W,.dialog_dialog__DvYLG {
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.content_container__4fu4W {
    flex: 1 1 auto;
    padding: 8px 24px
}

.title_container__Ohvi8 {
    flex: 0 0 auto;
    margin: 0;
    padding: 16px
}

.title_container__Ohvi8>h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: var(--main-font),"Helvetica","Arial",sans-serif;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .0075em
}

.fab_fab__IntNq {
    border: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    text-decoration: none;
    background-color: #0000;
    top: -14px;
    right: -16px;
    position: absolute;
    color: #fff;
    width: 56px;
    height: 56px
}

.fab_label__uaayh {
    cursor: pointer
}

.models_container__dFKFC {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow-y: hidden;
    overflow-x: scroll;
    width: calc(100% + 24px);
    height: 100%
}

@media screen and (max-width: 768px) {
    .models_container__dFKFC {
        overflow:hidden;
        overflow-x: auto
    }
}

.models_itemcontainer__Kat5G {
    display: block;
    padding: 1em .75rem .75rem;
    flex: none;
    width: 14%;
    height: 100%
}

@media screen and (max-width: 768px) {
    .models_itemcontainer__Kat5G {
        width:20%
    }
}

.models_item__uPitt {
    position: relative
}

.models_title__F8AR6 {
    text-align: center;
    font-weight: 400;
    padding-top: 1rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.models_image__qZgx6 {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    display: block;
    position: relative
}

.models_avatar__QLF1D {
    position: relative;
    border: 2px solid var(--main-color);
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.models_link__dbdd3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

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

.menu_divider__jF1Ag {
    border: none;
    height: 1px;
    margin: 0;
    flex-shrink: 0;
    background-color: #ffffff1f
}

.menu_bottom__KZ9aP {
    flex: 0 0 auto;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-end
}

.menu_link__l6f6v {
    text-decoration: none;
    color: #ffffffb3
}

.menu_cta__jD9xn {
    text-align: center;
    padding: 0 8px;
    animation: menu_breathing__f9vd2 2s ease-out infinite normal
}

@media screen and (max-width: 768px) {
    .menu_cta__jD9xn {
        font-size:1.2em
    }
}

.menu_cta__jD9xn>a {
    color: #fff
}

.menu_discord__RLEpC {
    margin: 24px 0;
    color: #f50057;
    font-size: .8em;
    font-weight: 700;
    text-decoration: none
}

.menu_policylink__9Cmf5 {
    color: #f50057;
    text-decoration: underline;
    font-weight: 700
}

.menu_install__QxhFv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer
}

.menu_cams__FTWmc {
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.menu_framead__eMIL3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 1rem 0;
    width: 100%;
    height: 100%
}

.menu_framead__eMIL3 img {
    width: 100%;
    height: auto;
    max-width: 320px
}

.menu_details__exhTy {
    padding: 12px 0
}

.menu_summary___zsgb {
    font-size: 1.3em;
    font-weight: 700
}

@keyframes menu_breathing__f9vd2 {
    0% {
        transform: scale(.95)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.95)
    }
}

.typography_typography__ef5U4 {
    margin: 0;
    font-size: 1rem;
    font-family: var(--main-font),"Helvetica","Arial",sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .00938em;
    color: #fff
}

.header_header__A5I_i {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 100;
    color: #fff;
    margin: 1rem 3rem 0rem 3rem;

}

.header_container__cv77f p {
    font-weight: 700
}

@supports(-webkit-touch-callout:none) {
    @media (display-mode:standalone) {
        .header_container__cv77f {
            margin: env(safe-area-inset-top) 2rem env(safe-area-inset-bottom)
        }
    }
}

.header_link__ecZTm {
    color: inherit;
    margin: 0;
    text-decoration: none
}

.header_link__ecZTm:hover {
    text-decoration: underline
}

.header_quality__Km7qD {
    position: relative;
    display: inline-block;
    position: absolute;
    left: 0
}

.header_nav__t4xN3 {
    margin: 0;
    font-size: 1rem;
    font-family: var(--main-font),"Helvetica","Arial",sans-serif;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .00938em;
    color: #ffffffb3
}

.header_ol__HoijX {
    margin: 0;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    align-items: center
}

.header_li__3uSAm {
    display: list-item;
    text-align: -webkit-match-parent
}

.header_seperator__yq7vY {
    display: flex;
    margin-left: 8px;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 8px
}

.interaction_interaction__kEcc2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
    text-align: center;
    color: #fff
}

.interaction_interaction__kEcc2 svg {
    filter: drop-shadow(0 0 3px rgba(0,0,0,.5))
}

@media screen and (min-width: 1100px) {
    .interaction_share__qzlfV {
        display:none
    }
}

.interaction_icon__hcYZ3 {
    width: 35px;
    height: 35px;
    text-align: center
}

.interaction_text__Ygi4u {
    font-size: .9rem;
    font-weight: 100;
    text-align: center;
    text-shadow: 0 0 5px #000000b3
}

.chatbadge_container__1QWyW {
    display: flex;
    flex-direction: column;
    padding-bottom: 6px;
    font-weight: 700
}

.chatbadge_wrapper__bQBpc {
    display: inline-flex;
    position: relative;
    flex-shrink: 0;
    left: 2px;
    align-self: center
}

.chatbadge_link__X6shC {
    color: #fff;
    display: flex;
    font-size: .875rem;
    text-align: center;
    text-shadow: 0 0 5px #000000b3;
    flex-direction: column;
    text-decoration: none
}

.chatbadge_avatarcontainer__dgisf {
    width: 40px;
    height: 40px;
    display: flex;
    overflow: hidden;
    position: relative;
    font-size: 1.25rem;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
    border-radius: 50%;
    border: 3px solid var(--main-color);
    justify-content: center;
    box-shadow: 0 0 0 0 #c51162;
    transform: scale(1);
    animation: chatbadge_pulse__shQgz 2s infinite
}

.chatbadge_avatarcontainer__dgisf:before {
    content: "LIVE";
    position: absolute;
    background-color: var(--main-color);
    top: 0;
    border-radius: 10px;
    padding: 2px;
    font-size: .4em;
    font-weight: 700;
    font-family: var(--main-font)
}

.chatbadge_profilecontainer__7QRsL {
    animation: unset
}

.chatbadge_profilecontainer__7QRsL:before {
    content: "+";
    bottom: -4px;
    top: unset;
    padding: 1px 4px;
    font-size: .7em
}

.chatbadge_image__uIRR8 {
    color: #0000;
    object-fit: cover;
    text-align: center;
    text-indent: 10000px;
    width: 40px;
    height: 40px
}

@keyframes chatbadge_pulse__shQgz {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #c51162b3
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px #c5116200
    }

    to {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #c5116200
    }
}

.interactions_interactions__L8kQf {
    position: absolute;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    margin: 1rem .5rem 1rem 1rem;
    z-index: 40;
    pointer-events: auto; /* Re-enable clicks on interactive elements */
}

 

.interactions_link__4Ncdc {
    font-size: .9rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 5px #000000b3
}

.interactions_interaction__pjOcj {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.interactions_interaction__pjOcj svg {
    filter: drop-shadow(0 0 3px rgba(0,0,0,.5))
}

.interactions_icon__WGszB {
    width: 35px;
    height: 35px;
    text-align: center
}

.interactions_text__gJFZg {
    font-size: .9rem;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 0 5px #000000b3
}

.overlay_overlay__Y1a_f {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 30;
    pointer-events: none; /* Allow clicks to pass through to video */
}

.overlay_container__DOCw_ {
    z-index: 35;
    width: 100%;
    overflow: inherit;
    padding: 2rem 1rem 1rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
}

@supports(-webkit-touch-callout:none) {
    .overlay_container__DOCw_ {
        padding-bottom: calc(1rem + env(safe-area-inset-bottom))
    }
}

@media (display-mode:standalone) {
    .overlay_container__DOCw_ {
        padding-bottom: env(safe-area-inset-bottom)
    }
}

.overlay_user__WeSKF {
    display: flex;
    font-weight: 600;
    flex-direction: row;
    justify-content: flex-start;
    font-family: var(--main-font),"Helvetica","Arial",sans-serif
}

.overlay_avatar__GoxqS {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 8px
}

.overlay_description__rzyQI {
    padding: 6px 0;
    width: 100%;
    max-width: 300px;

}

@media screen and (max-width: 376px) {
    .overlay_description__rzyQI {
        max-width:65%
    }
}

.overlay_link__zSho1 {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #fff;
    cursor: pointer;
    font-family: "Helvetica","Arial",sans-serif

}

.overlay_content__7piAd {
    font-size: 1em
}

@media screen and (max-width: 420px) {
    .overlay_content__7piAd {
        font-size:.9em
    }
}

.display_display__Inn7J {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    position: relative
}

.display_image__DSKmS {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: inherit;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 2
}

.display_image__DSKmS,.display_video__UdZxy {
    max-height: 100%;
    max-width: 100vw
}

.display_background__jk9cp {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: inherit;
    pointer-events: none;
    filter: blur(10px) opacity(.5);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    z-index: 0
}

.display_text__NcUUB {
    color: #fff;
    padding: 1rem;
    margin: 2rem;
    border: 1px solid #fff;
    text-shadow: 0 0 2px #00000080;
    background-color: #00000059;
    border-radius: 5px
}

.post_wrapper__4yQFk {
    height: 100%;
    scroll-snap-align: start;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    scroll-snap-stop:always;content-visibility: auto
}

.post_thumbnail__932uO {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    -webkit-filter: blur(18px);
    filter: blur(18px);
    object-position: center;
    opacity: .5;
    top: 0;
   
}

.post_image__bBnIl {
    position: relative;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: 10
}

.post_image__bBnIl video,.post_image__bBnIl>img {
    height: 100%;
    width: 100vw;
    object-fit: contain
}

@media screen and (min-width: 960px) {
    .post_image__bBnIl video,.post_image__bBnIl>img {
        height:100vh
    }
}

.post_play__GFrZ2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 3;
    color: #fff;
    font-weight: 700
}

.post_play__GFrZ2 svg {
    width: 50px;
    height: 50px;
    padding: 24px
}

.post_post__37JY0 {
    overflow: hidden
}

.slide_wrapper__zO3UB {
    scroll-snap-align: start;
    scroll-snap-stop:always;content-visibility: auto
}

.slide_link__jmJur,.slide_wrapper__zO3UB {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

.slide_link__jmJur {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: 1;
    text-decoration: none
}

.slide_blocker__V2Jab,.slide_frame__sljKa {
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: -1
}

.slide_frame__sljKa {
    border: none;
    pointer-events: none;
    object-fit: cover
}

.slide_content__29eLL {
    display: flex;
    flex-direction: column;
    padding: 1.5em .5em;
    position: absolute;
    z-index: 1;
    color: #fff
}

.slide_content__29eLL>h4 {
    padding: 4px 0;
    margin: 4px 0
}

.slide_content__29eLL>h4>span {
    padding: 4px;
    border-radius: 5px;
    background-image: linear-gradient(90deg,#f857a6 0,#ff5858 51%,#f857a6)
}

.slide_content__29eLL>p {
    margin: 2px 0
}

.slide_content__29eLL>p:nth-of-type(2) {
    font-size: .8em
}

.postlist_container__0vHo5 {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    content-visibility: auto;
    contain-intrinsic-size: 100vh;
}

.pause_icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background-image: url("/assets/img/icons/pause.svg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .paused .pause_icon {
    display: block;
  }
  
  .paused .display_video__UdZxy {
    opacity: 0.5;
  }

  .text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.fullscreen-button {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 1;
    background: transparent;
    border: none;
    cursor: pointer;
    pointer-events: auto; /* Ensure fullscreen button is clickable */
}  .fullscreen-icon {
    display: block;
  }
 
    .post_image__bBnIl {
      position: relative;
    }
  
    .loading-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      background: url('/assets/img/icons/loading.svg') no-repeat center center;
      width: 56px;
      height: 56px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display: block; /* Show by default until video plays */
    }
    
    .loading-icon.hide {
      display: none !important; /* Hide when video is playing */
    }

    .progress-bar-line {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 8px;
        background-color: rgba(255, 255, 255, 0.3);
        width: 100%;
        z-index: 60;
        --progress: 0%;
      }
      
      /* On desktop screens, nav menu is not at bottom, so progress bar can be at bottom */
      @media screen and (min-width: 767px) {
        .progress-bar-line {
          bottom: 0;
        }
      }
      
      .progress-bar-line::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: var(--progress);
        background-color: rgb(255 0 51 / 50%);
        transition: width 0.1s ease;
      }

/* Mute button hover effects */
.interaction_icon__hcYZ3.mute-button {
    cursor: pointer;
    transition: all 0.2s ease;
}

.interaction_icon__hcYZ3.mute-button:hover {
    transform: scale(1.1);
    filter: brightness(1.2);
}

.dropdown-menu{
        min-width: 3rem!important;
    }
    
    
      /* Positioning for the floating icon */
      .floating-icon {
        position: fixed;
        left: 1rem;
        top: 1rem;
        z-index: 110;
      }
    
      /* Styling for the icon image */
      .floating-icon img {
        width: 46px; /* Adjust the width and height as needed */
        height: auto;
        border-radius: 50%; /* Makes it round, if it's a circular icon */
      }
    
      /* Media query for smaller screens (e.g., mobile devices) */
      @media (max-width: 768px) {
        .floating-icon {
          left: 10px; /* Adjust the left position for smaller screens */
          top: 10px; /* Adjust the top position for smaller screens */
        }
    
        .floating-icon img {
          width: 40px; /* Adjust the size for smaller screens */
        }
      }

/* Ensure all interactive elements in overlay can receive clicks */
.overlay_overlay__Y1a_f .position-absolute,
.overlay_overlay__Y1a_f button,
.overlay_overlay__Y1a_f a,
.overlay_overlay__Y1a_f [role="button"],
.overlay_overlay__Y1a_f .btn {
    pointer-events: auto;
}