.library-items{--privacy-column-width:calc(var(--ui-icon-size) * 2 + var(--ui-spacing-sm));--list-columns:minmax(0,1fr) 90px var(--privacy-column-width) 110px 110px 65px;container-type:inline-size}.library-items .cards{grid-template-columns:var(--library-grid-columns);gap:var(--library-grid-gap);display:grid}.library-items .content-card{border-radius:var(--ui-border-radius);background:0 0;border:0;min-width:0;overflow:visible}.library-items .content-card:is(:hover,:focus-visible){box-shadow:none;background:0 0;translate:none}.library-items .image{aspect-ratio:4/3;border-radius:var(--ui-border-radius);background:0 0;overflow:hidden}.library-items .image .thumbnail_container{aspect-ratio:4/3;border-radius:var(--ui-border-radius);height:100%}.library-items .image :global(img){border-radius:var(--ui-border-radius);aspect-ratio:auto;object-fit:cover;height:100%}.library-items .item-details{padding:calc(var(--ui-spacing-unit) * 1.75) var(--ui-spacing-xs) calc(var(--ui-spacing-unit) * 1.25)}.library-items .item-title{font-weight:var(--ui-font-weight-medium);font-size:var(--ui-font-size-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-items .item-info{align-items:center;gap:var(--ui-spacing-md);color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);margin-top:calc(var(--ui-spacing-unit) * .75);display:flex}.library-items .item-type{align-items:center;gap:var(--ui-spacing-sm);flex:1;min-width:0;display:inline-flex}.library-items .list{grid-template-columns:minmax(0,1fr);gap:0}.library-items .list .content-card{grid-template-columns:var(--ui-list-thumbnail) minmax(0,1fr);align-items:center;gap:var(--ui-spacing-lg);padding:calc(var(--ui-spacing-unit) * 1.25) var(--ui-spacing-sm);border-bottom:1px solid var(--ui-border);min-height:calc(var(--ui-list-thumbnail) + var(--ui-spacing-md) + var(--ui-spacing-xs) + 1px);box-sizing:border-box;border-radius:0;display:grid}.library-items .list .image{width:var(--ui-list-thumbnail);height:var(--ui-list-thumbnail);aspect-ratio:1}.library-items .list .item-details{grid-template-columns:var(--list-columns);align-items:center;gap:var(--ui-spacing-lg);min-width:0;padding:0;display:grid}.library-items .list-heading{grid-template-columns:var(--list-columns);gap:var(--ui-spacing-lg);padding:calc(var(--ui-spacing-unit) * 1.5) var(--ui-spacing-sm) calc(var(--ui-spacing-unit) * 1.5) calc(var(--ui-spacing-unit) * 12);font-size:var(--ui-font-size-xs);color:var(--ui-text-secondary);border-bottom:1px solid var(--ui-border);display:grid}.library-items .item-updated,.library-items .item-author,.library-items .item-size{font-size:var(--ui-font-size-xs);color:var(--ui-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-items .item-privacy{gap:var(--ui-spacing-sm);color:var(--ui-text-secondary);justify-content:center;align-items:center;display:flex}.library-items .item-size{text-align:right;font-variant-numeric:tabular-nums}.library-items .list .item-info{margin:0;display:block}.library-items .list .item-info>span+span{display:none}@container (width<=800px){.library-items .list .item-details,.library-items .list-heading{grid-template-columns:minmax(0,1fr) var(--privacy-column-width) 100px 65px}.library-items .list .item-info,.library-items .list .item-author,.library-items .list-heading>.heading-type,.library-items .list-heading>.heading-author{display:none}}@container (width<=480px){.library-items .toolbar{grid-template-columns:minmax(0,1fr)}.library-items .toolbar-actions{justify-content:space-between}.library-items .list .item-details,.library-items .list-heading{grid-template-columns:minmax(0,1fr) var(--privacy-column-width) 65px}.library-items .list .item-updated,.library-items .list-heading>.heading-updated{display:none}}.library-items .content-card{color:inherit;text-decoration:none;display:block}.library-items .grid-toolbar svg{width:var(--ui-icon-size);height:var(--ui-icon-size);flex:none;display:block}.library-items .library-entry{min-width:0;position:relative}.library-items .entry-action{margin-top:var(--ui-spacing-sm);justify-content:flex-end;display:flex}.library-items .list .library-entry{align-items:center;gap:var(--ui-spacing-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.library-items .list .entry-action{margin:0}.library-items .grid-toolbar{justify-content:flex-end;gap:var(--ui-spacing-xs);margin-bottom:var(--ui-spacing-lg);display:flex}.library-items .grid-toolbar button{min-width:var(--ui-control-height);padding:var(--ui-spacing-sm);place-items:center;margin:0;display:grid}.library-items .grid-toolbar button[aria-pressed=true]{background:var(--ui-list-row-selected-background)}.library-items .order-help{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.library-items .library-entry[draggable=true]{cursor:grab}.library-entry[draggable=true] .content-card{cursor:grab}.library-entry[draggable=true] .image img{-webkit-user-drag:none}.library-items .library-entry.dragging>*{visibility:hidden}.library-items.library-drag-preview{z-index:calc(var(--z-toast,3000) + 1);pointer-events:none;background:var(--ui-background);border-radius:var(--ui-border-radius);opacity:1;cursor:grabbing;margin:0;position:fixed}.library-items .order-ghost{pointer-events:none;opacity:1;margin:0;position:relative}.library-items .library-entry{transition:translate calc(var(--ui-motion-fast) * 2) cubic-bezier(.2,.8,.2,1)}.library-items .library-entry.shift-forward{translate:var(--ui-spacing-lg) 0}.library-items .library-entry.shift-back{translate:calc(-1 * var(--ui-spacing-lg)) 0}.library-items .list .library-entry.shift-forward{translate:0 var(--ui-spacing-lg)}.library-items .list .library-entry.shift-back{translate:0 calc(-1 * var(--ui-spacing-lg))}@media (prefers-reduced-motion:reduce){.library-items .library-entry{transition:none}}.library-items .entry-action{right:var(--ui-spacing-xs);bottom:var(--ui-spacing-sm);align-items:center;margin:0;display:flex;position:absolute}.library-items.has-actions .item-details{padding-right:calc(var(--ui-control-height) * 2.5)}.library-items .list .library-entry{border-bottom:1px solid var(--ui-border)}.library-items .list .library-entry .content-card{border-bottom:0}.library-items .list .entry-action{padding-right:var(--ui-spacing-sm);margin:0;position:static}.library-items.has-actions .list .item-details{padding-right:0}.library-items .entry-action button{min-width:calc(var(--ui-control-height) * 2)}.library-items .entry-action .collection-remove{min-width:var(--ui-control-height-sm);width:var(--ui-control-height-sm);min-height:var(--ui-control-height-sm);font-size:var(--ui-font-size-lg);padding:0}.library-items.remove-only:not(.library-drag-preview) .cards:not(.list) .item-details,.library-items.library-drag-preview.remove-only .cards:not(.list) .item-details{padding-right:calc(var(--ui-control-height-sm) + var(--ui-spacing-md))}.library-items.library-drag-preview.smooth-follow{transition:left var(--ui-motion-fast) linear,top var(--ui-motion-fast) linear}@media (prefers-reduced-motion:reduce){.library-items.library-drag-preview.smooth-follow{transition:none}}.library-items .cards:not(.list) .entry-action:has(.collection-remove){top:var(--ui-spacing-sm);right:var(--ui-spacing-sm);bottom:auto}.library-items .collection-remove{place-items:center;line-height:1;display:grid}.library-items .collection-remove svg{display:block}.library-items.remove-only .cards:not(.list) .item-details{padding-right:var(--ui-spacing-xs)}.library-items .heading-size{text-align:right}.library-items.has-actions{--entry-action-width:calc(var(--ui-control-height) * 2)}.library-items.remove-only{--entry-action-width:var(--ui-control-height-sm)}.library-items.has-actions .list .library-entry{grid-template-columns:minmax(0,1fr) calc(var(--entry-action-width) + var(--ui-spacing-sm))}.library-items.has-actions .list-heading{padding-right:calc(var(--entry-action-width) + var(--ui-spacing-sm) * 2 + var(--ui-spacing-md))}@container (width<=560px){.library-items.has-actions .list .item-details,.library-items.has-actions .list-heading{column-gap:var(--ui-spacing-sm);grid-template-columns:minmax(0,1fr) auto}.library-items.has-actions .list :is(.item-info,.item-updated,.item-author,.item-size),.library-items.has-actions .list-heading>:is(.heading-type,.heading-updated,.heading-author,.heading-size),.library-items.has-actions .list .item-privacy:empty{display:none}}