.photo-grid{display:grid;gap:var(--space-2)}.photo-grid-skeleton{display:block;width:100%;aspect-ratio:1/1}.photo-grid-cell{position:relative;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;margin:0}.photo-grid-cell.is-pending{opacity:.6}.photo-grid-active-ring{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--color-lime);pointer-events:none}.photo-grid-img{width:100%;height:100%;object-fit:cover;display:block}.photo-grid-overflow{inset:0;display:flex;font-family:var(--font-sans);font-weight:600;font-size:18px}.photo-grid-delete,.photo-grid-overflow{position:absolute;align-items:center;justify-content:center;color:var(--color-snow);background:rgba(var(--color-midnight-rgb),.6)}.photo-grid-delete{top:var(--space-1);right:var(--space-1);display:inline-flex;width:26px;height:26px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:background .15s,transform .12s}.photo-grid-delete:hover:not(:disabled),.photo-grid-delete[data-force=hover]{background:var(--color-alert)}.photo-grid-delete:active:not(:disabled),.photo-grid-delete[data-force=active]{background:var(--color-alert);transform:scale(.94)}.photo-grid-delete:focus-visible,.photo-grid-delete[data-force=focus]{outline:2px solid var(--color-witchy);outline-offset:2px}.photo-grid-delete:disabled{opacity:.5;cursor:not-allowed}.photo-grid-action{position:absolute;bottom:var(--space-1);left:var(--space-1);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);border:none;cursor:pointer;color:var(--color-snow);background:rgba(var(--color-midnight-rgb),.6);transition:background .15s,transform .12s,color .15s}.photo-grid-action:hover:not(:disabled),.photo-grid-action[data-force=hover]{background:var(--color-lime);color:var(--color-midnight)}.photo-grid-action:active:not(:disabled),.photo-grid-action[data-force=active]{background:var(--color-lime);color:var(--color-midnight);transform:scale(.94)}.photo-grid-action.is-active{background:var(--color-lime);color:var(--color-midnight)}.photo-grid-action:focus-visible,.photo-grid-action[data-force=focus]{outline:2px solid var(--color-witchy);outline-offset:2px}.photo-grid-action:disabled{opacity:.5;cursor:not-allowed}