*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb;}
:after,:before{--tw-content:"";}
a{color:inherit;text-decoration:inherit;}
button{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}
button{text-transform:none;}
button{-webkit-appearance:button;background-color:transparent;background-image:none;}
p{margin:0;}
button{cursor:pointer;}
:disabled{cursor:default;}
img,svg,video{display:block;vertical-align:middle;}
img,video{max-width:100%;height:auto;}
*,: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-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(20,117,225,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}
.absolute{position:absolute;}
.relative{position:relative;}
.inset-0{inset:0;}
.bottom-0{bottom:0;}
.bottom-1\.5{bottom:.375rem;}
.bottom-2{bottom:.5rem;}
.left-0{left:0;}
.left-1\.5{left:.375rem;}
.left-2{left:.5rem;}
.right-0{right:0;}
.top-1\.5{top:.375rem;}
.top-1\/2{top:50%;}
.top-2{top:.5rem;}
.z-\[202\]{z-index:202;}
.z-absolute{z-index:101;}
.z-controls{z-index:202;}
.z-player{z-index:201;}
.m-auto{margin:auto;}
.-mx-4{margin-left:-1rem;margin-right:-1rem;}
.-ml-3{margin-left:-.75rem;}
.mt-1{margin-top:.25rem;}
.box-border{box-sizing:border-box;}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-2{-webkit-line-clamp:2;}
.inline{display:inline;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
/* .hidden{display:none;} */
.aspect-\[164\/219\]{aspect-ratio:164/219;}
.aspect-video{aspect-ratio:16/9;}
.\!size-4{width:1rem!important;height:1rem!important;}
.\!size-8{width:2rem!important;height:2rem!important;}
.size-1\.5{width:.375rem;height:.375rem;}
.size-10{width:2.5rem;height:2.5rem;}
.size-11{width:2.75rem;height:2.75rem;}
.size-8{width:2rem;height:2rem;}
.h-0\.5{height:.125rem;}
.h-1{height:.25rem;}
.h-3{height:.75rem;}
.h-4{height:1rem;}
.h-\[22px\]{height:22px;}
.h-\[328px\]{height:328px;}
.h-auto{height:auto;}
.h-fit{height:-moz-fit-content;height:fit-content;}
.h-full{height:100%;}
.max-h-\[22px\]{max-height:22px;}
.w-1{width:.25rem;}
.w-10{width:2.5rem;}
.w-2{width:.5rem;}
.w-\[480px\]{width:480px;}
.w-fit{width:-moz-fit-content;width:fit-content;}
.w-full{width:100%;}
.w-px{width:1px;}
.min-w-0{min-width:0;}
.max-w-\[125rem\]{max-width:125rem;}
.max-w-\[680px\]{max-width:680px;}
.max-w-full{max-width:100%;}
.flex-shrink-0{flex-shrink:0;}
.shrink{flex-shrink:1;}
.shrink-0{flex-shrink:0;}
.flex-grow-0{flex-grow:0;}
.grow{flex-grow:1;}
.grow-0{flex-grow:0;}
.-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%;}
.cursor-pointer{cursor:pointer;}
.touch-pan-y{--tw-pan-y:pan-y;}
.touch-pan-y,.touch-pinch-zoom{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);}
.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;}
.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness);}
.snap-mandatory{--tw-scroll-snap-strictness:mandatory;}
.scroll-ps-4{scroll-padding-inline-start:1rem;}
.auto-rows-\[0\]{grid-auto-rows:0;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr));}
.flex-row{flex-direction:row;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.items-baseline{align-items:baseline;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-1{gap:.25rem;}
.gap-1\.5{gap:.375rem;}
.gap-2{gap:.5rem;}
.gap-2\.5{gap:.625rem;}
.gap-3{gap:.75rem;}
.gap-4{gap:1rem;}
.gap-7{gap:1.75rem;}
.gap-8{gap:2rem;}
.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem;}
.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem;}
.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem;}
.gap-x-4{-moz-column-gap:1rem;column-gap:1rem;}
.gap-y-10{row-gap:2.5rem;}
.gap-y-3{row-gap:.75rem;}
.gap-y-5{row-gap:1.25rem;}
.overflow-hidden{overflow:hidden;}
.overflow-y-hidden{overflow-y:hidden;}
.truncate{overflow:hidden;white-space:nowrap;}
.overflow-ellipsis,.truncate{text-overflow:ellipsis;}
.whitespace-normal{white-space:normal;}
.whitespace-nowrap{white-space:nowrap;}
.rounded{border-radius:.25rem;}
.rounded-full{border-radius:9999px;}
.border-2{border-width:2px;}
.border-transparent{border-color:transparent;}
.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));}
.bg-\[\#070809\]{--tw-bg-opacity:1;background-color:rgb(7 8 9/var(--tw-bg-opacity));}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));}
.bg-green-500{--tw-bg-opacity:1;background-color:rgba(83,252,24,var(--tw-bg-opacity));}
.bg-grey-500{--tw-bg-opacity:1;background-color:rgba(100,108,118,var(--tw-bg-opacity));}
.bg-neutral\/20{background-color:rgba(168,177,184,.2);}
.bg-secondary\/20{background-color:hsla(210,8%,69%,.2);}
.bg-shade-lower{--tw-bg-opacity:1;background-color:rgba(35,38,40,var(--tw-bg-opacity));}
.bg-surface-tint{--tw-bg-opacity:1;background-color:rgba(49,53,56,var(--tw-bg-opacity));}
.bg-transparent{background-color:transparent;}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));}
.bg-opacity-80{--tw-bg-opacity:0.8;}
.fill-current{fill:currentColor;}
.object-cover{-o-object-fit:cover;object-fit:cover;}
.\!p-0{padding:0!important;}
.p-1{padding:.25rem;}
.px-1\.5{padding-left:.375rem;padding-right:.375rem;}
.px-2{padding-left:.5rem;padding-right:.5rem;}
.px-3{padding-left:.75rem;padding-right:.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.py-1{padding-top:.25rem;padding-bottom:.25rem;}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem;}
.py-2{padding-top:.5rem;padding-bottom:.5rem;}
.pb-2\.5{padding-bottom:.625rem;}
.pl-3{padding-left:.75rem;}
.pt-0{padding-top:0;}
.pt-10{padding-top:2.5rem;}
.pt-3{padding-top:.75rem;}
.pt-7{padding-top:1.75rem;}
.text-center{text-align:center;}
.\!text-base{font-size:1rem!important;line-height:1.5rem!important;}
.text-\[32px\]{font-size:32px;}
.text-base{font-size:1rem;line-height:1.5rem;}
.text-sm{font-size:.875rem;line-height:1.25rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.text-xs{font-size:.75rem;line-height:1rem;}
.font-black{font-weight:900;}
.font-bold{font-weight:700;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}
.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}
.\!leading-\[1\.2\]{line-height:1.2!important;}
.\!leading-none{line-height:1!important;}
.\!leading-normal{line-height:1.5!important;}
.leading-5{line-height:1.25rem;}
.leading-none{line-height:1;}
.text-grey-300{--tw-text-opacity:1;color:rgba(170,176,182,var(--tw-text-opacity));}
.text-grey-400{--tw-text-opacity:1;color:rgba(127,136,145,var(--tw-text-opacity));}
.text-grey-500{--tw-text-opacity:1;color:rgba(100,108,118,var(--tw-text-opacity));}
.text-neutral{--tw-text-opacity:1;color:rgba(168,177,184,var(--tw-text-opacity));}
.text-primary{--tw-text-opacity:1;color:rgba(83,252,24,var(--tw-text-opacity));}
.text-text-secondary{--tw-text-opacity:1;color:rgba(211,216,219,var(--tw-text-opacity));}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));}
.underline-offset-2{text-underline-offset:2px;}
.opacity-0{opacity:0;}
.opacity-100{opacity:1;}
.opacity-75{opacity:.75;}
.outline{outline-style:solid;}
.outline-2{outline-width:2px;}
.outline-offset-2{outline-offset:2px;}
.outline-transparent{outline-color:transparent;}
.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);}
.ring-0{--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);}
.brightness-110{--tw-brightness:brightness(1.1);}
.brightness-110{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);}
.contrast-\[110\%\]{--tw-contrast:contrast(110%);}
.contrast-\[110\%\]{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);}
.saturate-\[110\%\]{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);}
.saturate-\[110\%\]{--tw-saturate:saturate(110%);}
.transition-\[transform\]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.text-shadow-categoryPosition{text-shadow:0 4px 6px rgba(27,23,23,.2),0 2px 4px rgba(0,0,0,.12);}
.no-scrollbar::-webkit-scrollbar{display:none;}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-thumb{border-radius:15px;background-clip:padding-box;border:5px solid hsla(0,0%,100%,.25);}
.after\:absolute:after{content:var(--tw-content);position:absolute;}
.after\:inset-0:after{content:var(--tw-content);inset:0;}
.after\:z-common:after{content:var(--tw-content);z-index:1;}
.after\:rounded:after{content:var(--tw-content);border-radius:.25rem;}
.after\:bg-gradient-home-category:after{content:var(--tw-content);background-image:linear-gradient(149deg,rgba(0,0,0,.72),rgba(54,54,54,.2) 32%);}
.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content);}
.active\:scale-\[0\.95\]:active{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));}
.active\:scale-\[0\.95\]:active{--tw-scale-x:0.95;--tw-scale-y:0.95;}
.active\:scale-\[0\.985\]:active{--tw-scale-x:0.985;--tw-scale-y:0.985;}
.active\:scale-\[0\.985\]:active{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));}
.disabled\:pointer-events-none:disabled{pointer-events:none;}
.disabled\:bg-transparent:disabled{background-color:transparent;}
.disabled\:text-grey-300:disabled{--tw-text-opacity:1;color:rgba(170,176,182,var(--tw-text-opacity));}
.disabled\:text-grey-600:disabled{--tw-text-opacity:1;color:rgba(85,92,101,var(--tw-text-opacity));}
.disabled\:opacity-30:disabled{opacity:.3;}
.data-\[showingmore\=false\]\:\!gap-y-0[data-showingmore=false]{row-gap:0!important;}
@media (min-width:640px){
.sm\:\!h-auto{height:auto!important;}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width:768px){
.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (min-width:1024px){
.lg\:mx-0{margin-left:0;margin-right:0;}
.lg\:block{display:block;}
.lg\:flex{display:flex;}
.lg\:grid{display:grid;}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lg\:grid-cols-auto-fill-category{grid-template-columns:repeat(auto-fill,minmax(139px,1fr));}
.lg\:flex-row{flex-direction:row;}
.lg\:gap-0{gap:0;}
.lg\:\!gap-y-0{row-gap:0!important;}
.lg\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem;}
.lg\:gap-y-4{row-gap:1rem;}
.lg\:gap-y-6{row-gap:1.5rem;}
.lg\:gap-y-7{row-gap:1.75rem;}
.lg\:px-0{padding-left:0;padding-right:0;}
.lg\:px-1\.5{padding-left:.375rem;padding-right:.375rem;}
.lg\:px-8{padding-left:2rem;padding-right:2rem;}
.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem;}
.lg\:pb-3{padding-bottom:.75rem;}
.lg\:pt-0{padding-top:0;}
.lg\:text-2xl{font-size:1.5rem;line-height:2rem;}
.lg\:text-base{font-size:1rem;line-height:1.5rem;}
.lg\:text-lg{font-size:1.125rem;line-height:1.75rem;}
.lg\:text-sm{font-size:.875rem;line-height:1.25rem;}
}
@media (min-width:1280px){
.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem;}
}
@media (min-width:1536px){
.\32xl\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.\32xl\:h-\[400px\]{height:400px;}
.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (hover:hover){
.group\/card:hover .betterhover\:group-hover\/card\:opacity-100{opacity:1;}
@media (min-width:640px){
.group\/card:hover .betterhover\:sm\:group-hover\/card\:opacity-100{opacity:1;}
}
}
@media (min-width:1920px){
.\33xl\:bottom-14{bottom:3.5rem;}
.\33xl\:aspect-auto{aspect-ratio:auto;}
.\33xl\:w-\[900px\]{width:900px;}
.\33xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media (min-width:1536px){
.\32xl\:\[\&\>div\:nth-child\(n\+9\)\:nth-child\(-n\+10\)\]\:flex>div:nth-child(n+9):nth-child(-n+10){display:flex;}
}
@media (min-width:1920px){
.\33xl\:\[\&\>div\:nth-child\(n\+9\)\:nth-child\(-n\+12\)\]\:flex>div:nth-child(n+9):nth-child(-n+12){display:flex;}
}
@media (min-width:1024px){
.lg\:\[\&\>div\:nth-last-child\(-n\+6\)\]\:hidden>div:nth-last-child(-n+6){display:none;}
}
.\[\&\>div\]\:w-\[108px\]>div{width:108px;}
.\[\&\>div\]\:w-\[268px\]>div{width:268px;}
.\[\&\>div\]\:snap-start>div{scroll-snap-align:start;}
@media (min-width:1024px){
.\[\&\>div\]\:lg\:w-full>div{width:100%;}
.\[\&\>div\]\:lg\:snap-align-none>div{scroll-snap-align:none;}
}
.\[\&_svg\]\:size-\[1em\] svg{width:1em;height:1em;}
.\[\&_svg\]\:fill-current svg{fill:currentColor;}
.play-button {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.betterhover\:hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

@media screen and (max-width: 768px){
    #signin-modal > div {
        width: 100%;
        height: 100%;
    }

    #video {
        display:none;
    }

    #overflow-wrap {
        min-height: 2310px;
    }

    #previews {
        display: none;
    }

    #invite-text span {
        font-size: 1.15rem;
    }

    #invite-text .avatar-holder {
        width: 80px!important;
        height: 80px!important;
    }

    .base-button[data-v-27ab58fe] {
        display: block!important;
    }
}