.petme-card{padding:var(--s3);background:var(--color-primary-container);color:var(--color-inverse-primary);border:1.5px solid var(--color-secondary-container);border-radius:var(--r-content);transition:border-color var(--motion-short) var(--curve-out);display:block}.petme-card--padded{padding:var(--s4)}.petme-card--interactive{cursor:pointer}@media (hover:hover){.petme-card--interactive:hover{border-color:color-mix(in srgb, var(--color-inverse-primary) 16%, var(--color-secondary-container))}}.petme-card--interactive:focus{outline:none}.petme-card--interactive:focus-visible{outline:2px solid var(--cta);outline-offset:2px}
.petme-avatar{-webkit-user-select:none;user-select:none;background:var(--brand-cuban-carmine);color:#fff;font:700 14px/1 var(--font-text);transition:transform var(--motion-short) var(--curve-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.petme-avatar[data-clickable=true]{cursor:pointer}@media (hover:hover){.petme-avatar[data-clickable=true]:hover{transform:scale(1.04)}}.petme-avatar[data-clickable=true]:focus{outline:none}.petme-avatar[data-clickable=true]:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.petme-avatar__photo{object-fit:cover;width:100%;height:100%}.petme-avatar__initial{font-size:var(--initial-size,14px)}.petme-avatar--16{--initial-size:8px;width:16px;height:16px}.petme-avatar--18{--initial-size:9px;width:18px;height:18px}.petme-avatar--22{--initial-size:10px;width:22px;height:22px}.petme-avatar--26{--initial-size:12px;width:26px;height:26px}.petme-avatar--44{--initial-size:18px;width:44px;height:44px}.petme-avatar--56{--initial-size:22px;width:56px;height:56px}
.petme-modal-backdrop{z-index:1000;animation:petme-modal-fade-in var(--motion-short) var(--curve-out) both;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes petme-modal-fade-in{0%{opacity:0}to{opacity:1}}.petme-dialog{background:var(--color-primary);width:min(90vw,400px);color:var(--color-inverse-primary);border-radius:var(--r-content);padding:var(--s6) var(--s5) var(--s5);gap:var(--s4);animation:petme-dialog-pop var(--motion-medium) var(--curve-out) both;flex-direction:column;display:flex;box-shadow:0 8px 32px #0000002e}@keyframes petme-dialog-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.petme-dialog__icon{justify-content:center;align-self:center;align-items:center;width:40px;height:40px;display:inline-flex}.petme-dialog__title{font:700 22px/1.1 var(--font-text);letter-spacing:0;text-align:center;margin:0}.petme-dialog__body{font:500 14px/1.4 var(--font-text);letter-spacing:0;text-align:center;color:var(--color-tertiary);margin:0}.petme-dialog__actions{gap:var(--s2);margin-top:var(--s2);flex-direction:column;display:flex}.petme-sheet{background:var(--color-primary);color:var(--color-inverse-primary);border-radius:var(--r-content) var(--r-content) 0 0;padding:var(--s3) var(--s4) var(--s5);overscroll-behavior:contain;max-height:calc(100vh - 80px);animation:petme-sheet-up var(--motion-long) var(--curve-out) both;z-index:1000;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes petme-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:1024px){.petme-sheet{border-radius:var(--r-content);width:480px;max-height:75vh;animation:petme-dialog-pop var(--motion-medium) var(--curve-out) both;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}}.petme-sheet__handle{background:var(--color-secondary-container);border-radius:var(--r-transient);width:40px;height:4px;margin:0 auto var(--s3)}.petme-sheet__title{font:700 18px/1.2 var(--font-text);letter-spacing:0;margin:0 0 var(--s4);justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.petme-sheet__info{cursor:pointer;color:var(--color-tertiary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.petme-sheet__info:focus{outline:none}.petme-sheet__info:focus-visible{outline:2px solid var(--cta);outline-offset:2px}