@layer saro-components{.saro-surface{min-width:0;color:var(--saro-fg);background-color:var(--saro-surface-bg);background-image:var(--saro-surface-pattern);background-size:var(--saro-surface-size);border:var(--saro-surface-border-width,.0625rem) solid var(--saro-surface-line);border-radius:var(--saro-surface-radius);box-shadow:var(--saro-surface-shadow);-webkit-backdrop-filter:var(--saro-surface-filter);backdrop-filter:var(--saro-surface-filter);position:relative}.saro-surface--page{width:100%;max-width:var(--container-content);padding:var(--saro-page-padding,1.25rem);background-color:var(--saro-page-bg);background-image:var(--saro-page-pattern);border-radius:var(--saro-page-radius);box-shadow:var(--saro-page-shadow);margin:1rem auto 1.5rem;container:saro-page/inline-size}.saro-content-empty{min-width:0;color:var(--saro-muted);font-size:var(--text-sm);line-height:var(--text-sm--line-height);text-align:center;white-space:pre-line;justify-items:center;gap:.75rem;margin:0;padding:6rem 1rem;display:grid}.saro-content-empty>p{margin:0}.saro-content-empty--compact{padding-block:2rem}.saro-surface--inset{background-color:var(--saro-inset-bg);background-image:var(--saro-inset-pattern);box-shadow:none;border-radius:var(--saro-media-radius);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000}.saro-surface--badge{background-color:var(--saro-badge-bg);border-radius:var(--saro-media-radius);font-family:var(--saro-font-body)}.saro-disclosure{transition:grid-template-rows var(--saro-motion-panel) var(--saro-motion-ease),opacity var(--saro-motion-panel) ease-out;opacity:0;grid-template-rows:0fr;display:grid}.saro-disclosure.is-open{opacity:1;grid-template-rows:1fr}.saro-disclosure-inner{min-height:0;overflow:hidden}.saro-disclosure-content{margin:0 .6875rem .75rem}@media (width<=41.5rem){.saro-surface--page:not(.saro-app-content *){padding:var(--saro-page-padding,.75rem);margin-block:.5rem 1rem}.saro-disclosure-content:not(.saro-app-content *){margin-inline:.25rem}}@container saro-layout style(--saro-menu-compact:1){:where(.saro-app-layout) .saro-disclosure-content{margin-inline:.25rem}}}