/*! REDZ.UI - https://github.com/redz-tech/REDZ.UI */
@layer components{.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));gap:var(--redz-space-12)}.media-tile{position:relative;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;border:1px solid var(--redz-border);border-radius:var(--redz-radius-12);background:var(--redz-bg)}.media-tile:has(>.media-tile-check:checked){border-color:var(--redz-primary);box-shadow:inset 0 0 0 1px var(--redz-primary)}label.media-tile{cursor:pointer}label.media-tile:hover:not(:has(>.media-tile-check:checked)){border-color:var(--redz-border-strong)}label.media-tile:has(>.media-tile-check:focus-visible){outline:2px solid var(--redz-focus);outline-offset:2px}.media-tile[data-cover]::after{content:"\2605\00a0" attr(data-cover);position:absolute;inset-block-start:var(--redz-space-8);inset-inline-end:var(--redz-space-8);z-index:1;padding-inline:var(--redz-space-8);border-radius:999px;outline:1px solid transparent;background:var(--redz-primary);color:var(--redz-primary-contrast);font-size:0.6875rem;font-weight:600;line-height:1.25rem;white-space:nowrap}.media-tile[data-cover]:has(>.drag-handle)::after{inset-inline-end:2.5rem}.media-grid-compact{grid-template-columns:repeat(auto-fill,minmax(min(6rem,100%),1fr));gap:var(--redz-space-8)}.media-grid-compact:not([data-view="list"]) .media-tile-body{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.media-grid-compact .media-tile-check{inset-block-start:var(--redz-space-4);inset-inline-start:var(--redz-space-4)}.media-tile-thumb{display:block;inline-size:100%;aspect-ratio:1;object-fit:cover;background:var(--redz-bg-page)}.media-tile-check{position:absolute;inset-block-start:var(--redz-space-8);inset-inline-start:var(--redz-space-8);z-index:1}.media-tile>.drag-handle{position:absolute;inset-block-start:var(--redz-space-4);inset-inline-end:var(--redz-space-4);z-index:1;background:var(--redz-bg)}.media-tile-body{display:grid;gap:var(--redz-space-2);padding:var(--redz-space-8)}.media-tile-name{display:flex;align-items:center;gap:var(--redz-space-4);overflow:hidden;font-size:var(--redz-fs-12);font-weight:550;white-space:nowrap}.media-tile-name>.bi{display:none;color:var(--redz-text-muted)}.media-tile-name>:not(.bi){overflow:hidden;text-overflow:ellipsis}.media-tile-meta{overflow:hidden;color:var(--redz-text-muted);font-size:0.6875rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.media-tile-actions{display:flex;flex-wrap:wrap;gap:var(--redz-space-4);margin-block-start:auto;padding:0 var(--redz-space-8) var(--redz-space-8)}.media-grid[data-view="list"]{grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden;border:1px solid var(--redz-border);border-radius:var(--redz-radius-12)}.media-grid[data-view="list"]>.media-tile{flex-direction:row;align-items:center;gap:var(--redz-space-8);padding-inline:var(--redz-space-12);border:0;border-radius:0}.media-grid[data-view="list"]>.media-tile:not(:last-child){border-block-end:1px solid var(--redz-border)}.media-grid[data-view="list"] .media-tile-thumb{display:none}.media-grid[data-view="list"] :is(.media-tile-check,.media-tile>.drag-handle){position:static;flex:none}.media-grid[data-view="list"] .media-tile-body{flex:1 1 auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-inline-size:0;padding-inline:0}.media-grid[data-view="list"] .media-tile-name>.bi{display:inline-block}.media-grid[data-view="list"] .media-tile-actions{flex:none;margin:0;padding:var(--redz-space-4) 0}.media-grid[data-view="list"]>.media-tile[data-cover]::after{position:static;flex:none}@media (forced-colors: active){.media-tile:has(>.media-tile-check:checked){outline:3px solid Highlight;outline-offset:-3px}}}