.petme-empty-state{width:100%;max-width:420px;min-height:100%;padding:var(--s6) var(--s7);justify-content:center;align-items:flex-start;gap:var(--s2);flex-direction:column;margin:0 auto;display:flex}.petme-empty-state__icon{width:60px;height:60px;color:var(--color-tertiary);margin-bottom:var(--s4);justify-content:center;align-items:center;display:inline-flex}.petme-empty-state__title{font:600 18px/1.2 var(--font-text);letter-spacing:0;color:var(--color-inverse-primary);margin:0}.petme-empty-state__body{font:500 14px/1.4 var(--font-text);letter-spacing:0;color:var(--soft-white);margin:0}.petme-empty-state__action{margin-top:var(--s6);width:100%}.petme-banner{align-items:flex-start;gap:var(--s3);padding:var(--s4);margin:0 var(--s4);border-radius:var(--r-transient);color:var(--color-inverse-primary);border:1.5px solid #0000;display:flex}.petme-banner--info{background:color-mix(in srgb, #2196f3 12%, var(--color-primary-container));border-color:#2196f34d}.petme-banner--success{background:color-mix(in srgb, var(--success) 12%, var(--color-primary-container));border-color:color-mix(in srgb, var(--success) 30%, transparent)}.petme-banner--warning{background:color-mix(in srgb, var(--warning) 12%, var(--color-primary-container));border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.petme-banner--error{background:color-mix(in srgb, var(--error) 12%, var(--color-primary-container));border-color:color-mix(in srgb, var(--error) 30%, transparent)}.petme-banner[data-interactive=true]{cursor:pointer;transition:filter var(--motion-short) var(--curve-out)}@media (hover:hover){.petme-banner[data-interactive=true]:hover{filter:brightness(.95)}}.petme-banner[data-interactive=true]:focus{outline:none}.petme-banner[data-interactive=true]:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.petme-banner__icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:inline-flex}.petme-banner__text{gap:var(--s1);flex-direction:column;flex:auto;min-width:0;display:flex}.petme-banner__title{font:600 14px/1.3 var(--font-text);letter-spacing:0;margin:0}.petme-banner__body{font:500 13px/1.4 var(--font-text);letter-spacing:0;color:var(--color-tertiary);margin:0}