.petme-app-shell{background:var(--color-primary);min-height:100vh;color:var(--color-inverse-primary);justify-content:center;align-items:flex-start;display:flex}.petme-app-shell__sidebar{flex:none;align-self:flex-start;height:100vh;display:none;position:sticky;top:0}@media (min-width:1024px){.petme-app-shell__sidebar{width:240px;display:block}}@media (min-width:1440px){.petme-app-shell__sidebar{width:280px}}.petme-app-column{background:var(--color-primary);flex:0 auto;width:100%;max-width:100%;min-height:100vh}@media (min-width:640px){.petme-app-column{width:100%;max-width:600px}}@media (min-width:1024px){.petme-app-column{max-width:480px}}.petme-app-shell__rail{flex:none;align-self:flex-start;height:100vh;display:none;position:sticky;top:0}@media (min-width:1440px){.petme-app-shell__rail{width:320px;display:block}}
.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-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);max-height:min(85dvh,640px);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;overflow:hidden;box-shadow:0 8px 32px #0000002e}.petme-dialog__icon,.petme-dialog__title,.petme-dialog__actions{flex-shrink:0}@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);flex:auto;min-height:0;margin:0;overflow-y:auto}.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(100dvh - 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:min(85dvh,760px);animation:petme-dialog-pop var(--motion-medium) var(--curve-out) both;position:relative;bottom:auto;left:auto;right:auto}}.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}