.live-card[data-v-3fd77e26]{background-color:#18181be6;border-radius:.75rem;display:block;min-width:0;overflow:hidden;--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);--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42/var(--tw-ring-opacity));transition-duration:.2s;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)}.live-card[data-v-3fd77e26]:hover{--tw-translate-y:-.125rem;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-ring-color:rgba(239,68,68,.5)}.live-card[data-v-3fd77e26]:focus-visible{outline:2px solid transparent;outline-offset:2px;--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);--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.media[data-v-3fd77e26]{aspect-ratio:16/9;overflow:hidden;position:relative;--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity))}.thumbnail[data-v-3fd77e26]{height:100%;-o-object-fit:cover;object-fit:cover;transition-duration:.3s;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);width:100%}.group:hover .thumbnail[data-v-3fd77e26]{--tw-scale-x:1.02;--tw-scale-y:1.02;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))}.state-badge[data-v-3fd77e26]{align-items:center;border-radius:.375rem;display:inline-flex;gap:.375rem;left:.5rem;position:absolute;top:.5rem;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity));font-size:10px;font-weight:900;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.state-badge.reconnecting[data-v-3fd77e26]{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.state-dot[data-v-3fd77e26]{background-color:currentColor;height:.375rem;width:.375rem}.play[data-v-3fd77e26],.state-dot[data-v-3fd77e26]{border-radius:9999px}.play[data-v-3fd77e26]{align-items:center;background-color:#000000a6;display:flex;height:2.75rem;top:0;right:0;bottom:0;left:0;justify-content:center;margin:auto;position:absolute;width:2.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:0;--tw-backdrop-blur:blur(8px);-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-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)}.group:hover .play[data-v-3fd77e26]{opacity:1}.copy[data-v-3fd77e26]{display:flex;gap:.75rem;padding:.75rem}.avatar[data-v-3fd77e26]{border-radius:9999px;flex-shrink:0;height:2.25rem;width:2.25rem;--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity));-o-object-fit:cover;object-fit:cover;--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);--tw-ring-opacity:1;--tw-ring-color:rgb(63 63 70/var(--tw-ring-opacity))}h3[data-v-3fd77e26]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;font-weight:700;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.creator[data-v-3fd77e26]{align-items:center;color:rgb(212 212 216/var(--tw-text-opacity));display:flex;gap:.25rem}.context[data-v-3fd77e26],.creator[data-v-3fd77e26]{font-size:.75rem;line-height:1rem;margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1}.context[data-v-3fd77e26]{color:rgb(113 113 122/var(--tw-text-opacity))}.live-card-compact[data-v-3fd77e26]{flex-shrink:0;max-width:320px;width:82vw}@media (min-width:640px){.live-card-compact[data-v-3fd77e26]{width:300px}}