.desktop-preview[data-v-145984ba]{display:none}.preview-main[data-v-145984ba]{aspect-ratio:16/9;color:#fff;background:#08090a;min-width:0;position:relative;overflow:hidden}.preview-main[data-v-145984ba]>.content-image{height:100%}.preview-play[data-v-145984ba]{color:#fff;background:#0009;border:1px solid #ffffff5f;border-radius:5px;align-items:center;gap:10px;padding:16px 22px;font-size:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-caption[data-v-145984ba]{background:linear-gradient(#0000,#000c);padding:16px 20px;position:absolute;bottom:0;left:0;right:0}.preview-caption>a[data-v-145984ba]{justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}.preview-caption span[data-v-145984ba]{flex:none;align-items:center;gap:5px;font-size:12px;display:flex}.preview-thumbnails[data-v-145984ba]{grid-template-rows:repeat(5,minmax(0,1fr));gap:7px;min-height:0;display:grid;overflow:hidden}.preview-thumbnails button[data-v-145984ba]{color:#fff;background:#1d1e23;border:2px solid #0000;border-radius:3px;flex:1;min-height:0;padding:0;position:relative;overflow:hidden}.preview-thumbnails .content-image[data-v-145984ba]{height:100%;aspect-ratio:auto!important}.preview-thumbnails button[aria-pressed=true][data-v-145984ba]{border-color:var(--primary)}.preview-thumbnails button>span[data-v-145984ba]:not(.content-image){white-space:nowrap;text-overflow:ellipsis;background:#0009;padding:3px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.preview-error[data-v-145984ba]{text-align:center;background:#000b;padding:10px;font-size:13px;position:absolute;inset:auto 10px 50px}@media (width>=0){:where(html[data-device-mode=desktop]) .desktop-preview[data-v-145984ba]{background:#111;border-radius:5px;grid-template-columns:minmax(0,1fr) 180px;gap:8px;margin:20px 0;padding:8px;display:grid}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .desktop-preview[data-v-145984ba]{background:#111;border-radius:5px;grid-template-columns:minmax(0,1fr) 180px;gap:8px;margin:20px 0;padding:8px;display:grid}}}.desktop-preview--auto[data-v-145984ba]{background:#111;border-radius:5px;gap:8px;margin:20px 0;padding:8px;display:grid}.preview-main--playing .preview-caption[data-v-145984ba]{background:linear-gradient(#000b,#0000);padding:10px 16px;top:0;bottom:auto}.preview-enter-room[data-v-145984ba]{z-index:3;border:1px solid var(--primary);color:#fff;white-space:nowrap;background:#000b;border-radius:5px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-size:16px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=0){:where(html[data-device-mode=phone]) .desktop-preview--auto[data-v-145984ba]{grid-template-columns:minmax(0,1fr)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .desktop-preview--auto[data-v-145984ba]{grid-template-columns:minmax(0,1fr)}}:where(html[data-device-mode=phone]) .desktop-preview--auto .preview-thumbnails[data-v-145984ba]{flex-direction:row;height:72px;display:flex}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .desktop-preview--auto .preview-thumbnails[data-v-145984ba]{flex-direction:row;height:72px;display:flex}}:where(html[data-device-mode=phone]) .desktop-preview--auto .preview-thumbnails button[data-v-145984ba]{min-width:0}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .desktop-preview--auto .preview-thumbnails button[data-v-145984ba]{min-width:0}}}.preview-player-placeholder[data-v-145984ba]{z-index:1;pointer-events:none;height:100%;position:absolute;inset:0}.preview-switch-mask[data-v-145984ba]{z-index:5;background:#08090a;position:absolute;inset:0}.preview-switch-mask[data-v-145984ba] .content-image{height:100%}.preview-main:has(.live-player__start) .preview-enter-room[data-v-145984ba]{display:none}.preview-enter-room[data-v-145984ba]{height:60px;color:var(--primary);opacity:.5;background:#000;border-radius:6px;padding:0 25px;font-size:20px;transition:background-color .5s,color .5s,opacity .5s}.preview-enter-room[data-v-145984ba]:active,.preview-enter-room[data-v-145984ba]:focus-visible,.preview-main:hover .preview-enter-room[data-v-145984ba]{background:var(--primary);color:#fff;opacity:1}@media (prefers-reduced-motion:reduce){.preview-enter-room[data-v-145984ba]{transition:none}}:where(html[data-device-mode=desktop]) .preview-thumbnails[data-v-145984ba]{contain:size}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .preview-thumbnails[data-v-145984ba]{contain:size}}@media (width<1200px){:where(html[data-device-mode=desktop]) .desktop-preview[data-v-145984ba]{grid-template-columns:minmax(0,1fr)}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .desktop-preview[data-v-145984ba]{grid-template-columns:minmax(0,1fr)}}:where(html[data-device-mode=desktop]) .preview-thumbnails[data-v-145984ba]{contain:none;flex-direction:row;gap:6px;height:clamp(58px,10vw,96px);display:flex}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .preview-thumbnails[data-v-145984ba]{contain:none;flex-direction:row;gap:6px;height:clamp(58px,10vw,96px);display:flex}}:where(html[data-device-mode=desktop]) .preview-thumbnails button[data-v-145984ba]{flex:1 1 0;min-width:0}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .preview-thumbnails button[data-v-145984ba]{flex:1 1 0;min-width:0}}}@media (width<600px){:where(html[data-device-mode=desktop]) .desktop-preview[data-v-145984ba]{gap:5px;margin-block:12px;padding:5px}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .desktop-preview[data-v-145984ba]{gap:5px;margin-block:12px;padding:5px}}:where(html[data-device-mode=desktop]) .preview-caption[data-v-145984ba]{padding:10px}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .preview-caption[data-v-145984ba]{padding:10px}}:where(html[data-device-mode=desktop]) .preview-caption>a[data-v-145984ba]{gap:6px;font-size:13px}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .preview-caption>a[data-v-145984ba]{gap:6px;font-size:13px}}:where(html[data-device-mode=desktop]) .preview-enter-room[data-v-145984ba]{height:auto;min-height:44px;padding:8px 14px;font-size:16px}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .preview-enter-room[data-v-145984ba]{height:auto;min-height:44px;padding:8px 14px;font-size:16px}}:where(html[data-device-mode=desktop]) .preview-thumbnails button>span[data-v-145984ba]:not(.content-image){padding:2px;font-size:9px}@media (hover:none),(width>=900px){:where(html[data-device-mode=auto]) .preview-thumbnails button>span[data-v-145984ba]:not(.content-image){padding:2px;font-size:9px}}}