.mediaCard{--cardRadius:var(--radius-lg);--slideDistance:1.5em;--transitionDuration:.28s;aspect-ratio:1;isolation:isolate;border-radius:var(--cardRadius);background:color-mix(in srgb,var(--background)60%,transparent);cursor:pointer;transition:transform .25s var(--springEase);position:relative;overflow:hidden}.mediaCard:hover{transform:scale(1.01)}.mediaCard .mediaCardPreview{z-index:0;border-radius:inherit;background:color-mix(in srgb,var(--background)82%,transparent);position:absolute;inset:0;overflow:hidden}.mediaCard .mediaCardPreview .mediaContainer{width:100%;height:100%;position:absolute;inset:0}.mediaCard .mediaCardFileFallback{color:color-mix(in srgb,var(--text)76%,transparent);background:radial-gradient(circle at 28% 18%,color-mix(in srgb,var(--primary)12%,transparent),transparent 54%),color-mix(in srgb,var(--container)82%,transparent);flex-direction:column;justify-content:center;align-items:center;gap:.45em;display:flex;position:absolute;inset:0}.mediaCard .mediaCardFileExtension{border-radius:var(--radius-pill);max-width:calc(100% - 1em);color:color-mix(in srgb,var(--text)72%,transparent);background:color-mix(in srgb,var(--background)52%,transparent);font-family:var(--fontEng);font-size:var(--font-xs);text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(.5em);padding:.25em .55em;font-weight:500;line-height:1;overflow:hidden}.mediaCard .mediaCardHoverMedia{z-index:2;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.mediaCard .mediaCardHoverMedia.isAudio{display:none}.mediaCard.hasPreviewFrame .mediaCardHoverMedia:not(.isAudio){opacity:1}.mediaCard .mediaCardTopLeft,.mediaCard .mediaCardTopRight{z-index:4;grid-template-areas:"slot";align-items:center;display:grid;position:absolute;top:.6em}.mediaCard .mediaCardTopLeft{justify-items:start;left:.6em}.mediaCard .mediaCardTopRight{justify-items:end;right:.6em}.mediaCard .mediaCardPlayBtn,.mediaCard .mediaCardDeleteBtn,.mediaCard .mediaCardTime,.mediaCard .mediaCardCheckbox,.mediaCard .mediaCardDownloadBtn{transition:opacity var(--transitionDuration)ease,transform var(--transitionDuration)var(--springEase);grid-area:slot}.mediaCard .mediaCardPlayBtn{border-radius:var(--radius-pill);width:2.2em;height:2.2em;color:var(--text);background:color-mix(in srgb,var(--background)60%,transparent);opacity:1;pointer-events:none;backdrop-filter:blur(.6em);justify-content:center;align-items:center;display:flex;transform:translateY(0)}.mediaCard .mediaCardDeleteBtn,.mediaCard .mediaCardDownloadBtn{--iconSize:1em;width:var(--surfaceSize);min-width:var(--surfaceSize);height:var(--surfaceSize);opacity:0;pointer-events:none;padding:0;transform:translateY(-.5em);--surfaceSize:2.2em!important}.mediaCard.hasDelete.isHovered .mediaCardPlayBtn{opacity:0;transform:translateY(calc(var(--slideDistance)*-1))}.mediaCard.hasDelete.isHovered .mediaCardDeleteBtn{opacity:1;pointer-events:auto;transform:translateY(0)}.mediaCard.isHovered:not(.hasDelete) .mediaCardPlayBtn{opacity:0;transform:translateY(calc(var(--slideDistance)*-1))}.mediaCard .mediaCardTime{color:var(--text);font-size:var(--font-sm);letter-spacing:.02em;opacity:1;text-shadow:0 .15em .4em #00000080;font-weight:300;transform:translateY(0)}.mediaCard .mediaCardCheckbox{opacity:0;pointer-events:none;transform:translateY(-.5em)}.mediaCard.hasCheckbox.isHovered .mediaCardTime,.mediaCard.isChecked .mediaCardTime{opacity:0;transform:translateY(calc(var(--slideDistance)*-1))}.mediaCard.hasCheckbox.isHovered .mediaCardCheckbox,.mediaCard.isChecked .mediaCardCheckbox{opacity:1;pointer-events:auto;transform:translateY(0)}.mediaCard.hasDownload.isHovered .mediaCardTime,.mediaCard.hasDownload.isHovered .mediaCardCheckbox{opacity:0;pointer-events:none;transform:translateY(calc(var(--slideDistance)*-1))}.mediaCard.hasDownload.isHovered .mediaCardDownloadBtn{opacity:1;pointer-events:auto;transform:translateY(0)}.mediaCard.type-image .mediaCardTime,.mediaCard.type-file .mediaCardTime{display:none}.mediaCard.isHovered:not(.hasCheckbox):not(.hasDownload) .mediaCardTime{opacity:0;transform:translateY(calc(var(--slideDistance)*-1))}.mediaCard .mediaCardCaption{z-index:3;min-width:0;color:var(--text);font-size:var(--font-sm);background:linear-gradient(to top,color-mix(in srgb,var(--background)92%,transparent)0%,color-mix(in srgb,var(--background)55%,transparent)65%,transparent 100%);transition:opacity var(--transitionDuration)ease,transform var(--transitionDuration)var(--springEase);flex-direction:column;gap:.18em;padding:.75em .85em;font-weight:300;line-height:1.4;display:flex;position:absolute;bottom:0;left:0;right:0}.mediaCard .mediaCardCaption .text{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mediaCard .mediaCardMeta{min-width:0;color:color-mix(in srgb,var(--text)54%,transparent);font-family:var(--fontEng);font-size:var(--font-xs);white-space:nowrap;align-items:center;gap:.35em;font-weight:300;line-height:1.2;display:flex}.mediaCard .mediaCardMetaDot{opacity:.45}.mediaCard.variant-grid.isHovered .mediaCardCaption{opacity:0;transform:translateY(.5em)}.mediaCard.variant-row{aspect-ratio:auto;grid-template-columns:4.5em minmax(0,1fr) auto;align-items:stretch;width:100%;min-width:0;min-height:4.5em;display:grid}.mediaCard.variant-row:hover{transform:translateY(-1px)}.mediaCard.variant-row .mediaCardPreview{border-radius:var(--cardRadius)0 0 var(--cardRadius);grid-area:1/1;width:4.5em;min-width:4.5em;height:100%;min-height:4.5em;position:relative;inset:auto}.mediaCard.variant-row .mediaCardPreview .mediaContainer{position:absolute}.mediaCard.variant-row .mediaCardFileFallback{gap:.25em}.mediaCard.variant-row .mediaCardFileExtension{max-width:calc(100% - .8em);padding:.2em .42em;font-size:.62em}.mediaCard.variant-row .mediaCardCaption{z-index:3;opacity:1;background:0 0;grid-area:1/2;justify-content:center;align-self:center;min-width:0;height:100%;padding:.7em .85em;position:relative;inset:auto;transform:none}.mediaCard.variant-row .mediaCardCaption .text{font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:350;display:block;overflow:hidden}.mediaCard.variant-row .mediaCardTopLeft{top:50%;left:1.15em;transform:translateY(-50%)}.mediaCard.variant-row .mediaCardTopRight{grid-area:1/3;place-self:center end;margin-inline-end:.65em;position:relative;top:auto;right:auto}.mediaCard.variant-row .mediaCardPlayBtn,.mediaCard.variant-row .mediaCardDeleteBtn,.mediaCard.variant-row .mediaCardDownloadBtn,.mediaCard.variant-row .mediaCardCheckbox{opacity:1;pointer-events:auto;transform:none}.mediaCard.variant-row .mediaCardTime{display:none}.mediaCard.variant-row.hasDelete .mediaCardPlayBtn{opacity:0;pointer-events:none}.mediaCard.variant-row.hasDelete .mediaCardDeleteBtn,.mediaCard.variant-row.hasDownload .mediaCardDownloadBtn{opacity:1;pointer-events:auto;transform:none}.mediaCard.variant-row.isUploading{cursor:wait}.mediaCard.variant-row.isFailed{cursor:not-allowed;opacity:.5;pointer-events:none}.mediaCard.variant-row.type-file{border-radius:var(--radius-md);background:0 0;border:0;grid-template-columns:4em minmax(0,1fr);min-height:4em;overflow:visible}.mediaCard.variant-row.type-file:hover{background:color-mix(in srgb,var(--text)4%,transparent);transform:none}.mediaCard.variant-row.type-file .mediaCardPreview{background:0 0;border-radius:0;width:4em;min-width:4em;min-height:4em;overflow:visible}.mediaCard.variant-row.type-file .mediaCardFileFallback{border-radius:var(--radius-pill);color:color-mix(in srgb,var(--text)90%,transparent);background:color-mix(in srgb,var(--primary)18%,var(--surface));gap:0;inset:.35em}.mediaCard.variant-row.type-file .mediaCardFileExtension{display:none}.mediaCard.variant-row.type-file .mediaCardCaption{grid-column:2;gap:.2em;padding:.5em .65em}.mediaCard.variant-row.type-file .mediaCardCaption .text{font-size:var(--font-sm);font-weight:400;line-height:1.3}.mediaCard.variant-row.type-file .mediaCardMeta{color:color-mix(in srgb,var(--text)55%,transparent);font-size:calc(var(--font-xs)*.95)}.mediaCard.variant-row.type-file .mediaCardTopLeft,.mediaCard.variant-row.type-file .mediaCardTopRight{display:none}.mediaCard.variant-row.type-file.hasDelete .mediaCardTopLeft{display:grid}.mediaCard.variant-row.type-file.hasDownload,.mediaCard.variant-row.type-file.hasCheckbox{grid-template-columns:4em minmax(0,1fr) auto}.mediaCard.variant-row.type-file.hasDownload .mediaCardTopRight,.mediaCard.variant-row.type-file.hasCheckbox .mediaCardTopRight{display:grid}@media (width<=560px){.mediaCard.variant-row{grid-template-columns:4em minmax(0,1fr) auto;min-height:4em}.mediaCard.variant-row .mediaCardPreview{width:4em;min-width:4em;min-height:4em}.mediaCard.variant-row .mediaCardCaption{padding-inline:.65em}}