.petme-drawer-panel{z-index:0;background:var(--color-primary);width:min(86vw,480px);color:var(--color-inverse-primary);-webkit-overflow-scrolling:touch;visibility:hidden;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.petme-drawer-host[data-drawer-open=true] .petme-drawer-panel{visibility:visible}.petme-drawer-scroll{gap:var(--s5);padding:var(--s5) var(--s4) var(--s7);padding-top:max(var(--s5), env(safe-area-inset-top));flex-direction:column;min-height:100%;display:flex}.petme-drawer__top{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.petme-drawer__top-title{color:var(--color-inverse-primary)}.petme-drawer__id{align-items:center;gap:var(--s3);display:flex}.petme-drawer__idtext{flex-direction:column;min-width:0;display:flex}.petme-drawer__name{color:var(--color-inverse-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.petme-drawer__username{color:var(--color-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.petme-drawer__cta{display:flex}.petme-drawer__share{background:var(--color-primary-container);border-radius:var(--r-content);padding:var(--s1) var(--s2)}.petme-drawer__share-badge{background:var(--cta);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.petme-drawer__section{gap:var(--s1);flex-direction:column;display:flex}.petme-drawer__label{color:var(--color-tertiary);padding:0 var(--s2);margin-bottom:var(--s1);font-weight:600}.petme-drawer__footer{padding-left:var(--s4);padding-top:calc(var(--s7) + var(--s4));margin-top:auto}.petme-drawer__logo{opacity:.9;width:auto;height:28px}