.live-preview-card{border-radius:var(--radius-xl);-webkit-user-select:none;user-select:none;cursor:pointer;width:20.6rem;height:30.7rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast);background-color:#141112;flex-shrink:0;position:relative;overflow:hidden}.live-preview-card:hover{transform:translateY(-3px);box-shadow:0 1.2rem 3rem #0009}.live-preview-card__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);display:block;position:absolute;inset:0}.live-preview-card:hover .live-preview-card__image{transform:scale(1.02)}.live-preview-card__overlay-top{pointer-events:none;z-index:1;background:linear-gradient(#0000008c,#0000);height:35%;position:absolute;top:0;left:0;right:0}.live-preview-card__overlay-bottom{pointer-events:none;z-index:1;background:linear-gradient(0deg,#000000f2 0,#000000a6 50%,#0000);height:60%;position:absolute;bottom:0;left:0;right:0}.live-preview-card__top-bar{z-index:2;align-items:center;gap:.6rem;display:flex;position:absolute;top:1.2rem;left:1.2rem}.live-preview-card__bottom{z-index:2;font-family:var(--font-source-sans);flex-direction:column;gap:.6rem;padding:1.2rem 1.4rem;display:flex;position:absolute;bottom:0;left:0;right:0}.live-preview-card__streamer-row{justify-content:space-between;align-items:center;width:100%;display:flex}.live-preview-card__streamer-name{color:#fff;font-size:var(--font-size-sm);font-weight:var(--fw-semibold);line-height:1.2}.live-preview-card__time{align-items:center;gap:var(--1);color:var(--color-foreground-3-rest);font-size:var(--font-size-sm);font-weight:var(--fw-regular);display:inline-flex}.live-preview-card__clock-icon{width:1.5rem;height:1.5rem;color:var(--color-foreground-3-rest);display:block}.live-preview-card__title{color:#fff;font-size:1.3rem;font-weight:var(--fw-medium);-webkit-line-clamp:2;line-clamp:2;text-shadow:0 .1rem .4rem #0009;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.live-preview-card__tags{font-size:var(--font-size-sm);font-weight:var(--fw-medium);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}:root{--font-family-base:Source Sans 3, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-family-heading:Bricolage Grotesque, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--font-size-200:1.4rem;--font-size-250:1.5rem;--font-size-300:1.6rem;--font-size-400:1.8rem;--font-size-500:2rem;--font-size-600:2.4rem;--font-size-700:2.8rem;--font-size-800:3.2rem;--font-size-900:4rem;--font-size-1000:6.8rem;--line-height-100:1.5rem;--line-height-200:1.7rem;--line-height-250:1.8rem;--line-height-300:2rem;--line-height-400:2.2rem;--line-height-500:2.4rem;--line-height-600:2.8rem;--line-height-700:3.2rem;--line-height-800:3.6rem;--line-height-900:4.4rem;--line-height-1000:7.2rem}.text-display{font-size:6.8rem;line-height:7.2rem}.text-display,.text-large-title{letter-spacing:0;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.text-large-title{font-size:4rem;line-height:4.4rem}.text-title-1{font-size:3.2rem;line-height:3.6rem}.text-title-1,.text-title-2{letter-spacing:0;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.text-title-2{font-size:2.8rem;line-height:3.2rem}.text-title-3{font-size:2.4rem;line-height:2.8rem}.text-subtitle-1,.text-title-3{letter-spacing:0;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.text-subtitle-1{font-size:2rem;line-height:2.4rem}.text-subtitle-2{letter-spacing:0;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.8rem;font-weight:600;line-height:2.2rem}.text-subtitle-3{font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.text-action-1,.text-subtitle-3{letter-spacing:0;font-size:1.6rem;font-weight:600;line-height:2rem}.text-action-1{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-action-2{letter-spacing:0;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.8rem}.text-action-3{font-size:1.4rem;font-weight:500;line-height:1.7rem}.text-action-3,.text-body-1{letter-spacing:0;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-body-1{font-size:1.6rem;font-weight:400;line-height:2rem}.text-body-1-strong{font-weight:500}.text-body-1-strong,.text-body-1-stronger{letter-spacing:0;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:2rem}.text-body-1-stronger{font-weight:600}.text-body-2{letter-spacing:0;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;line-height:2.2rem}.text-caption-1{font-weight:400}.text-caption-1,.text-caption-1-strong{letter-spacing:0;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.4rem;line-height:1.7rem}.text-caption-1-strong{font-weight:500}.text-caption-1-stronger{letter-spacing:0;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:600;line-height:1.7rem}.text-caption-2{font-weight:400}.text-caption-2,.text-caption-2-strong{letter-spacing:0;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.5rem;line-height:1.5rem}.text-caption-2-strong{font-weight:500}.text-caption-3{letter-spacing:0;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.7rem}.live-preview-section{gap:var(--4);flex-direction:column;width:100%;display:flex}.live-preview-section__header{justify-content:flex-start;align-items:center;display:flex}.live-preview-section__title-link{align-items:center;gap:var(--2);color:#fff;cursor:pointer;transition:opacity var(--transition-fast);text-decoration:none;display:inline-flex}.live-preview-section__title-link:hover{opacity:.88}.live-preview-section__icon{flex-shrink:0;width:2.2rem;height:2.2rem}.live-preview-section__title{letter-spacing:0;color:#fff;margin:0;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.8rem;font-weight:600;line-height:2.2rem}.live-preview-section__chevron{color:#fff;stroke-width:2.5px;width:1.8rem;height:1.8rem}.live-preview-section__filters{scrollbar-width:none;align-items:center;gap:1rem;padding:.4rem .2rem;display:flex;overflow-x:auto}.live-preview-section__filters::-webkit-scrollbar{display:none}.live-preview-section__grid{align-items:stretch;gap:var(--4);scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.live-preview-section__grid::-webkit-scrollbar{display:none}.live-preview-section__empty{color:var(--color-text-muted);text-align:center;padding:var(--8) var(--4)}