.clip-grid{--clip-grid-row-height:8px;grid-template-columns:var(--grid-three-columns);grid-auto-flow:dense;grid-auto-rows:var(--clip-grid-row-height);align-items:start;gap:var(--layout-grid-gap);display:grid}.clip-grid--profile{grid-template-columns:var(--grid-three-columns)}@media (width<=980px){.clip-grid,.clip-grid--profile{grid-template-columns:var(--grid-two-columns)}}@media (width<=640px){.clip-grid,.clip-grid--profile{grid-template-columns:var(--grid-single-column);grid-auto-rows:auto;grid-auto-flow:row}.clip-grid>.clip-card-shell,.clip-grid--profile>.clip-card-shell{grid-row-end:auto}}.clip-card-shell{--clip-card-row-span:10;grid-row-end:span var(--clip-card-row-span);gap:var(--space-2);align-content:start;min-width:0;display:grid;position:relative;container-type:inline-size}.clip-card-shell.is-portrait{--clip-card-row-span:18}.clip-card{--clip-card-avatar-size:34px;--clip-card-platform-badge-size:16px;--clip-card-title-size:.98rem;--clip-card-streamer-size:.82rem;--clip-card-chip-size:var(--text-control);--clip-card-date-size:var(--text-control);--clip-card-padding:12px;--clip-card-radius:var(--radius-media);--clip-card-aspect-ratio:16 / 9;--clip-card-preview-media-fade:.28s;--clip-card-preview-meta-fade:.26s;--clip-overlay-ink:var(--color-page-text);--clip-overlay-muted:var(--color-page-muted);--surface-card-border:0;--surface-card-radius:var(--clip-card-radius);--surface-card-shadow:none;isolation:isolate;width:100%;min-width:0;aspect-ratio:var(--clip-card-aspect-ratio);contain:paint;clip-path:inset(0 round var(--clip-card-radius));border-radius:var(--clip-card-radius);background:var(--color-panel-dark);box-shadow:none;color:var(--clip-overlay-ink);cursor:pointer;text-align:left;transition:transform var(--transition), filter var(--transition);border:0;padding:0;display:grid;position:relative;overflow:hidden}.clip-card.is-landscape{--clip-card-aspect-ratio:16 / 9}.clip-card.is-portrait{--clip-card-aspect-ratio:4 / 5}.clip-card:after{content:"";z-index:1;background:var(--clip-card-overlay-gradient);pointer-events:none;position:absolute;inset:-2px}body:not(.profile-page) .clip-card{--data-accent:var(--clip-profile-accent,var(--color-accent))}body:not(.profile-page) .clip-card:after{background:radial-gradient(ellipse 92% 72% at 0% 100%, color-mix(in srgb, var(--data-accent) 20%, transparent) 0%, color-mix(in srgb, var(--data-accent) 7%, transparent) 42%, transparent 72%), var(--clip-card-overlay-gradient)}.clip-card:hover,.clip-card:focus-visible{box-shadow:none;border:0;transform:none}.clip-card__media{z-index:0;background:var(--color-panel-dark);grid-area:1/1;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.clip-card__media img,.clip-card__media video{object-fit:cover;object-position:center center;opacity:.9;width:calc(100% + 4px);max-width:none;height:calc(100% + 4px);transition:opacity var(--transition), filter .26s ease, transform .26s ease;display:block;position:absolute;inset:-2px}.clip-card__media img{z-index:1}.clip-card__media video{z-index:2;pointer-events:none}.clip-card__media .clip-card__preview-video{opacity:0;filter:none;background:var(--color-panel-dark);transition:opacity var(--clip-card-preview-media-fade) cubic-bezier(.16, 1, .3, 1);will-change:opacity;transform:none}.clip-card__media:after{content:attr(data-clip-preview-status);z-index:4;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--overlay-backdrop) 28%, transparent);max-width:calc(100% - 32px);color:var(--color-page-text);font-size:var(--text-control);font-weight:760;line-height:var(--leading-none);opacity:0;text-align:center;text-shadow:var(--clip-card-chip-shadow);transition:opacity var(--clip-card-preview-meta-fade) cubic-bezier(.16, 1, .3, 1), transform var(--clip-card-preview-meta-fade) cubic-bezier(.16, 1, .3, 1);pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);padding:8px 11px;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(4px - 50%))}.clip-card:not(.is-video-preview-unavailable) .clip-card__media:after,.clip-card__media:not([data-clip-preview-status]):after{content:none}.clip-card.is-video-preview-unavailable:hover .clip-card__media:after,.clip-card.is-video-preview-unavailable:focus-visible .clip-card__media:after{opacity:1;transform:translate(-50%,-50%)}.clip-card.is-video-preview-playing .clip-card__preview-video{opacity:1}.clip-card.is-video-preview-playing .clip-card__placeholder{display:none}.clip-card__media img[data-lazy-image]{opacity:.9;filter:blur();transition:opacity .26s,filter .42s,transform .26s}.clip-card__media img[data-lazy-image].is-loading{filter:blur(var(--lazy-image-blur,14px))}.clip-card__media img[data-lazy-image].is-loaded{opacity:.9;filter:blur()}@media (hover:hover) and (pointer:fine){.clip-card:hover .clip-card__media img{opacity:.9;filter:none;transform:none}}.clip-card.is-thumbnail-broken .clip-card__media img{opacity:.18}.clip-card.is-video-preview-playing .clip-card__media img{opacity:0;transition:opacity var(--clip-card-preview-media-fade) cubic-bezier(.16, 1, .3, 1) 80ms, filter .42s ease, transform .26s ease}.clip-card__preview-sound{--icon-mask:none;--clip-card-preview-meta-fade:.26s;--clip-preview-sound-color:var(--color-page-text);z-index:6;top:calc(var(--space-3) + 38px);right:var(--space-3);border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--overlay-backdrop) 18%, transparent);width:34px;height:34px;color:var(--clip-preview-sound-color);cursor:pointer;opacity:0;visibility:hidden;text-shadow:var(--clip-card-chip-shadow);-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);box-shadow:none;transition:opacity var(--clip-card-preview-meta-fade) cubic-bezier(.16, 1, .3, 1), transform var(--clip-card-preview-meta-fade) cubic-bezier(.16, 1, .3, 1), visibility 0s linear var(--clip-card-preview-meta-fade), background-color var(--transition), color var(--transition);pointer-events:none;border:0;place-items:center;display:grid;position:absolute;transform:translateY(3px)}.clip-card__preview-sound.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s,0s,0s,0s;transform:translateY(0)}.clip-card__preview-sound.is-muted{--clip-preview-sound-color:var(--clip-modal-danger-icon-color)}.clip-card__preview-sound.is-unmuted{--clip-preview-sound-color:var(--color-page-text)}.clip-card__preview-sound[hidden]{display:none}.clip-card__preview-sound:hover,.clip-card__preview-sound:focus-visible{opacity:1;background-color:color-mix(in srgb, var(--overlay-backdrop) 24%, transparent);transform:translateY(0)}.clip-card__preview-sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.clip-card__preview-sound-icon{width:18px;height:18px;filter:drop-shadow(0 1px 4px var(--overlay-backdrop-muted));-webkit-mask:var(--icon-mask) center / contain no-repeat;-webkit-mask:var(--icon-mask) center / contain no-repeat;mask:var(--icon-mask) center / contain no-repeat;background:currentColor;display:block}@media (prefers-reduced-motion:reduce){.clip-card__media img[data-lazy-image]{opacity:.9;filter:none;transition:none}.clip-card__media .clip-card__preview-video{transition:none}.clip-card.is-video-preview-playing .clip-card__media img{opacity:0;transition:none}.clip-card__preview-sound{transition:none}.clip-card__body:before{transition:none;animation:none}.clip-card:hover .clip-card__media img[data-lazy-image]{opacity:.9;filter:none;transform:none}}.clip-card__media small{display:none}.clip-card__placeholder{border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg);width:54px;height:54px;color:var(--muted);grid-area:1/1;place-items:center;font-weight:900;display:grid}.clip-card__body{z-index:2;gap:var(--component-compact-gap);min-width:0;height:100%;padding:var(--clip-card-padding);color:var(--clip-overlay-ink);grid-area:1/1;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.clip-card__body:before{content:"";z-index:1;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--accent);width:42%;height:3px;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 58%, transparent);opacity:0;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-115%)}.clip-card.is-video-preview-pending .clip-card__body:before,.clip-card.is-video-preview-loading .clip-card__body:before{opacity:.95;animation:1.05s ease-in-out infinite clip-card-preview-loading}.clip-card.is-video-preview-playing .clip-card__body:before{opacity:0;animation:none}@keyframes clip-card-preview-loading{0%{transform:translate(-115%)}54%{transform:translate(72%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.clip-card.is-video-preview-pending .clip-card__body:before,.clip-card.is-video-preview-loading .clip-card__body:before{width:100%;animation:none;transform:none}}.clip-card__topline,.clip-card__footline{--split-row-gap:var(--component-card-gap)}.clip-card__topline{align-self:end}.clip-card__footline{--split-row-align:flex-end;grid-row:2;width:100%}.clip-card__headline,.clip-card__meta{gap:var(--component-tight-gap);background:0 0;border:0;border-radius:0;flex:auto;width:auto;min-width:0;max-width:100%;padding:0;display:grid}.clip-card__identity{flex:auto;align-items:flex-end;gap:10px;min-width:0;display:flex}.clip-card__avatar-shell{width:var(--clip-card-avatar-size);height:var(--clip-card-avatar-size);flex:0 0 var(--clip-card-avatar-size);place-items:center;display:grid;position:relative}.clip-card .clip-card__avatar{width:var(--clip-card-avatar-size);height:var(--clip-card-avatar-size);background:color-mix(in srgb, var(--overlay-backdrop) 72%, transparent);color:var(--color-page-text);font-size:var(--text-label);text-shadow:none;flex-basis:auto}.clip-card__avatar-platform{width:var(--clip-card-platform-badge-size);height:var(--clip-card-platform-badge-size);border-radius:var(--radius-pill);background:0 0;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.clip-card__avatar-platform img{width:calc(var(--clip-card-platform-badge-size) - 4px);height:calc(var(--clip-card-platform-badge-size) - 4px);filter:brightness(0) invert(1) drop-shadow(0 1px 4px var(--overlay-backdrop-muted));object-fit:contain;opacity:.94}.clip-card__title-row{min-width:0;display:block}.clip-card__title-row strong{min-width:0}.clip-card__headline strong,.clip-card__meta strong{color:var(--clip-overlay-ink);font-size:var(--clip-card-title-size);font-weight:650;line-height:var(--leading-compact);text-shadow:var(--clip-card-title-shadow);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clip-card__headline small,.clip-card__meta small{color:var(--clip-overlay-muted);font-size:var(--clip-card-streamer-size);font-weight:500;line-height:var(--leading-balanced);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.public-shell:not(.dashboard-page):not(.profile-page) .site-main .clip-card :where(.clip-card__headline,.clip-card__meta) strong,body.profile-page .site-main .clip-card :where(.clip-card__headline,.clip-card__meta) strong{color:var(--clip-overlay-ink)}body.public-shell:not(.dashboard-page):not(.profile-page) .site-main .clip-card :where(.clip-card__headline,.clip-card__meta) small,body.profile-page .site-main .clip-card :where(.clip-card__headline,.clip-card__meta) small{color:var(--clip-overlay-muted)}.clip-card__date,.clip-card__duration,.clip-card__views{align-items:center;gap:var(--form-field-gap);box-shadow:none;color:var(--color-page-text);font-size:var(--clip-card-chip-size);font-weight:650;line-height:var(--leading-none);text-shadow:var(--clip-card-chip-shadow);-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);background:0 0;border:0;flex:none;display:inline-flex}.clip-card__rightmeta{align-items:center;gap:var(--component-action-gap);flex:none;display:inline-flex}.clip-card__date{z-index:3;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-pill);max-width:calc(100% - 108px);font-size:var(--clip-card-date-size);padding:9px 11px;position:absolute}.clip-card__duration{z-index:3;top:var(--space-3);right:var(--space-3);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;justify-content:center;min-width:5.4ch;margin:0;padding:9px 11px;position:absolute}.clip-card__views{min-width:5.5ch;min-height:var(--control-tiny-height);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;justify-content:flex-end;padding:7px 9px}.clip-card :where(.clip-card__date,.clip-card__headline,.clip-card__identity,.clip-card__meta,.clip-card__rightmeta,.clip-card__views){transition:opacity var(--clip-card-preview-meta-fade) cubic-bezier(.16, 1, .3, 1), transform var(--clip-card-preview-meta-fade) cubic-bezier(.16, 1, .3, 1), visibility 0s linear;transform:translateY(0)}.clip-card.is-video-preview-playing :where(.clip-card__date,.clip-card__headline,.clip-card__identity,.clip-card__meta,.clip-card__rightmeta,.clip-card__views){opacity:0;visibility:hidden;transition-delay:0s, 0s, var(--clip-card-preview-meta-fade);pointer-events:none;transform:translateY(3px)}.clip-card.is-video-preview-playing .clip-card__duration{opacity:1;visibility:visible}.clip-card__eye{opacity:.72;border:2px solid;border-radius:999px/780px;width:15px;height:10px;display:inline-block;position:relative}.clip-card__eye:after{content:"";border-radius:var(--radius-pill);background:currentColor;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){.clip-card{--clip-card-avatar-size:34px;--clip-card-title-size:.98rem;--clip-card-streamer-size:.82rem;--clip-card-chip-size:.8rem;--clip-card-date-size:.8rem;--clip-card-padding:12px}.clip-card__identity{gap:8px}.clip-card__date,.clip-card__duration{padding:8px 10px;top:10px}.clip-card__date{left:10px}.clip-card__duration{right:10px}.clip-card__views{padding:7px 9px}}@media (width<=380px){.clip-card{--clip-card-avatar-size:32px;--clip-card-platform-badge-size:15px;--clip-card-title-size:.94rem;--clip-card-streamer-size:.78rem;--clip-card-chip-size:.76rem;--clip-card-date-size:.76rem}.clip-card__identity{gap:7px}}