/* Explicit pet status: color, symbol and text convey the same information. */
.pet-state{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid;border-radius:12px;line-height:1.5;max-width:100%;font-family:inherit;text-align:left;overflow-wrap:anywhere}
.pet-state[hidden]{display:none!important}
.pet-state>span[aria-hidden]{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;font-size:1.25rem;font-weight:800}
.pet-state strong{display:block;font-size:1rem;font-weight:800;color:inherit}
.pet-state small{display:block;margin-top:2px;font-size:.9rem;color:inherit!important;opacity:1!important}
.pet-state--home{background:#eaf7ef;border-color:#acd5bb;color:#126438}
.pet-state--home>span[aria-hidden]{background:#d3eddc}
.pet-state--lost{background:#fff0f0;border:2px solid #c92b3c;color:#a01829}
.pet-state--lost>span[aria-hidden]{background:#c92b3c;color:#fff}
.profile.is-pet .pet-state{margin:0 0 20px;width:100%}
.client-portal #petStatusPreview{margin-top:8px}
.client-portal .client-profile-info .pet-state{margin-top:10px;padding:9px 12px;width:fit-content}
.client-portal .client-profile-info .pet-state strong{font-size:.9rem}
.client-portal .client-profile-info .pet-state>span[aria-hidden]{flex-basis:24px;width:24px;height:24px;font-size:1rem;color:inherit;opacity:1}
.client-portal .client-profile-info .pet-state--lost>span[aria-hidden]{color:#fff}
@media(max-width:520px){.pet-state{padding:13px;gap:10px}.pet-state strong{font-size:1rem}.pet-state small{font-size:.88rem}}