.channel-info[data-v-0c9c2b30]{display:flex;flex-direction:row;height:-moz-fit-content;height:fit-content;width:100%;margin-bottom:0;gap:.75rem;padding:.5rem .75rem .5rem .5rem}@media (min-width: 768px){.channel-info[data-v-0c9c2b30]{margin-bottom:.5rem}}@media (min-width: 1024px){.channel-info[data-v-0c9c2b30]{padding:1.5rem}}.channel-info[data-v-0c9c2b30]{align-items:flex-start}.stream-username[data-v-0c9c2b30]{font-size:1.5rem;font-weight:700;line-height:1rem}@media (min-width: 768px){.stream-username[data-v-0c9c2b30]{font-size:1.25rem;line-height:1.5rem}}.stream-username[data-v-0c9c2b30]{margin-top:.375rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.stream-username[data-v-0c9c2b30]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.stream-title[data-v-0c9c2b30]{padding-top:.5rem;font-size:.75rem;font-weight:500;line-height:1rem}@media (min-width: 768px){.stream-title[data-v-0c9c2b30]{font-size:.875rem;line-height:1.25rem}}.show-more-btn-bg[data-v-0c9c2b30]{background:linear-gradient(to right,transparent,#0b0e0f 12px)}.social-icon[data-v-0c9c2b30]{fill:#929ea6}.group:hover .social-icon[data-v-0c9c2b30]{fill:#fff}.card-menu-btn-holder[data-v-b6ffe0f1]{display:flex;width:1.25rem;cursor:pointer;flex-direction:row;align-content:center;align-items:flex-start;justify-content:center;line-height:17px;margin-bottom:3px}.base-dropdown-workaround[data-v-91d9c355] dialog{z-index:1}.base-dropdown-workaround[data-v-91d9c355] .menu-mobile-title{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.base-dropdown-workaround[data-v-91d9c355] .button-content{display:flex;align-items:center;justify-content:space-between}.base-button-workaround.rotated-icon[data-v-91d9c355] .inner-icon{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stream-preview[data-v-fdc1ed81]{position:relative;aspect-ratio:16 / 9;width:100%;--tw-bg-opacity: 1;background-color:rgb(23 28 30 / var(--tw-bg-opacity));background-size:cover;background-position:center}.stream-preview[data-v-fdc1ed81]:after{position:absolute;top:.5rem;left:.5rem;width:-moz-fit-content;width:fit-content;border-radius:.125rem;--tw-bg-opacity: 1;background-color:rgb(7 8 9 / var(--tw-bg-opacity));padding:.125rem .375rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(83 252 24 / var(--tw-text-opacity));content:attr(data-label)}.progress-bar-container[data-v-fdc1ed81] .progress-bar{border-radius:0 0 4px 4px}.list-group-item.ghost[data-v-4063d096]{opacity:0}.floating-chat[data-v-088ea48c]{top:calc(100% - 40px);height:100%;z-index:1000;position:absolute;left:0px;width:100vw;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(25 27 31 / var(--tw-bg-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.floating-chat.show[data-v-088ea48c]{top:0}.viewers[data-v-088ea48c]{width:350px;position:absolute;top:0px;display:flex;flex-direction:column;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(32 34 37 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);right:-350px;transition:right .15s ease-in-out}.viewers.open[data-v-088ea48c]{right:0}.channel-status[contenteditable=true][data-v-088ea48c]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity));padding-left:.25rem;padding-right:.25rem;font-size:1rem;line-height:1.5rem;font-weight:400;font-style:normal}.channel-status[contenteditable=true][data-v-088ea48c]:focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.previous-stream-thumb[data-v-088ea48c]{position:relative;height:100%;width:100%;transform-origin:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(32 34 37 / var(--tw-bg-opacity));background-size:cover;background-position:center;background-repeat:no-repeat;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.previous-stream-thumb[data-v-088ea48c]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.previous-stream[data-v-088ea48c]{position:relative;overflow:hidden;aspect-ratio:16/9}.previous-stream[data-v-088ea48c]:after{content:"";pointer-events:none;position:absolute;top:0px;left:0px;height:100%;width:100%;border-width:1px;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-border-opacity: 0;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-duration:.15s}.previous-stream[data-v-088ea48c]:hover:after{--tw-border-opacity: .5}.chat-container[data-v-088ea48c]{position:relative;width:340px;transition:margin-right .15s;margin-right:-340px}.chat-container .chat-content[data-v-088ea48c]{opacity:0}.chat-container.open[data-v-088ea48c]{margin-right:0}.chat-container.open .chat-content[data-v-088ea48c]{opacity:1}.profile-live[data-v-088ea48c]{position:absolute;top:0px;left:0px;z-index:10;height:100%;width:100%;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(255 21 21 / var(--tw-border-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 1024px){.profile-live[data-v-088ea48c]{border-width:4px}}.profile-offline[data-v-088ea48c]{position:absolute;top:0px;left:0px;z-index:10;height:100%;width:100%;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(146 158 166 / var(--tw-border-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 1024px){.profile-offline[data-v-088ea48c]{border-width:4px}}.profile-online[data-v-088ea48c]{position:absolute;top:0px;left:0px;z-index:10;height:100%;width:100%;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(83 252 24 / var(--tw-border-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 1024px){.profile-online[data-v-088ea48c]{border-width:4px}}.controls-background{background:linear-gradient(180deg,rgba(16,16,16,.02) 0%,rgba(16,16,16,.5) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.v-leave-active{transition:opacity 0s ease}.v-enter-active{transition:opacity 1s ease}.v-enter-from,.v-leave-to{opacity:0}.channel .chat-heading{padding:.25rem}.animation-pulse{animation-name:pulse;animation-duration:1s;animation-timing-function:ease-out;animation-direction:alternate;animation-iteration-count:infinite;animation-play-state:running}@keyframes pulse{0%{opacity:1}to{opacity:0}}.delete-video-icon{top:-10px;right:-10px;z-index:10}.livestream-fold{display:flex;flex-direction:column;max-height:calc(100vh - 60px)}