@layer theme,base;@layer components{.ui-surface{border-radius:var(--radius-surface);background:var(--bg-surface);min-width:0;color:var(--text);padding:var(--space-5)}@media (min-width:768px){.ui-surface{padding:var(--space-6)}}.ui-surface[data-padding=tight]{padding:var(--space-4)}.ui-surface[data-padding=flush]{padding:0;overflow:hidden}.ui-surface[data-tone=sunken]{border-radius:var(--radius-field);background:var(--bg-sunken)}.ui-surface[data-tone=inverse]{background:var(--bg-inverse);color:var(--text-on-inverse);--ring-focus:var(--safran-300)}.ui-surface[data-tone=inverse] :is(.ui-title-sm,.ui-figure){color:var(--text-on-brand)}.ui-surface[data-tone=inverse] .ui-meta{color:var(--text-on-inverse-subtle)}@media (max-width:767px){.ui-surface:not([data-tone=sunken]){border-radius:20px}}.ui-surface-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}}@layer utilities;