.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-toolbar{align-items:center;gap:var(--s2);height:var(--s8);padding:0 var(--s4);background:var(--color-primary);color:var(--color-inverse-primary);display:flex}.petme-toolbar__title{min-width:0;font:600 18px/1.2 var(--font-text);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.petme-toolbar--primary .petme-toolbar__title{font-size:24px;font-weight:700;line-height:1.1}.petme-toolbar__actions{align-items:center;gap:var(--s2);flex:none;display:inline-flex}.petme-toolbar-icon-btn{width:36px;height:36px;color:var(--color-inverse-primary);cursor:pointer;transition:background-color var(--motion-short) var(--curve-out), transform var(--motion-short) var(--curve-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.petme-toolbar-icon-btn:focus{outline:none}.petme-toolbar-icon-btn:focus-visible{outline:2px solid var(--cta);outline-offset:2px}@media (hover:hover){.petme-toolbar-icon-btn:hover:not(:disabled){background:var(--color-secondary-container)}}.petme-toolbar-icon-btn:active:not(:disabled){transform:scale(.92)}.petme-toolbar-icon-btn:disabled{opacity:.4;cursor:not-allowed}.petme-toolbar__leading-avatar{justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}