.pet-card{border:1px solid var(--border);background:var(--card-background);flex-direction:column;display:flex;position:relative}.pet-card .pet-card-media{aspect-ratio:1;border:none;border-bottom:1px solid var(--border);background:var(--background-secondary);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pet-card .pet-card-media img{object-fit:cover;width:100%;height:100%;display:block}.pet-card .pet-card-media img.is-fallback{object-fit:contain;background:var(--background-secondary)}.pet-card .pet-card-media .pet-card-placeholder{color:var(--text-secondary);justify-content:center;align-items:center;font-size:40px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.pet-card .pet-card-media .pet-card-placeholder svg{opacity:.4;width:40px;height:40px}.pet-card .pet-card-body{flex-direction:column;gap:6px;padding:12px;display:flex}.pet-card .pet-card-lead{z-index:3;padding:6px;position:relative}.pet-card .pet-card-titlerow{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pet-card .pet-card-titlerow .pet-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;font-weight:700;overflow:hidden}.pet-card .pet-card-titlerow .pet-card-name a{color:var(--text-primary);text-decoration:none}.pet-card .pet-card-titlerow .pet-card-name a:hover{text-underline-offset:3px;text-decoration:underline}.pet-card .pet-card-traitrow{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.pet-card .pet-card-species{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0;font-size:14px;overflow:hidden}.pet-card.is-full-link{cursor:pointer}.pet-card.is-full-link .pet-card-link{z-index:1;position:absolute;inset:0}.pet-card.is-full-link .pet-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pet-card.is-full-link .pet-card-name{color:var(--text-primary)}.pet-card.is-full-link:hover .pet-card-name{text-underline-offset:3px;text-decoration:underline}.pet-card.is-full-link .pet-card-content-layer{z-index:2;pointer-events:none;position:relative}.pet-card.is-full-link .pet-card-content-layer :is(a,button,[role=button],[role=menuitem]){pointer-events:auto}.pet-card.is-full-link .pet-card-tools-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.pet-card .pet-card-locality{color:var(--text-secondary);flex:none;margin:0;font-size:13px}.pet-card .pet-card-morphs{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin:0;font-size:13px;overflow:hidden}.pet-card.is-row{flex-direction:row;align-items:stretch}.pet-card.is-row .pet-card-lead{border-inline-end:1px solid var(--border)}.pet-card.is-row .pet-card-media{aspect-ratio:1;border-bottom:none;border-inline-end:1px solid var(--border);flex:0 0 120px;width:120px}.pet-card.is-row .pet-card-body{flex-flow:column;flex:1;align-items:stretch;gap:4px;min-width:0}.pet-card.is-row .pet-card-titlerow{align-items:center}.pet-card.is-row .pet-card-titlerow,.pet-card.is-row .pet-card-traitrow{flex:none}