@layer ui.tokens,ui.base;@layer ui.components{.surface{--surface-padding:var(--ui-space-6);--surface-shadow:var(--ui-shadow-surface);--surface-background:var(--ui-color-surface);--surface-border:var(--ui-color-border);padding:var(--surface-padding);border:var(--ui-border-width) solid var(--surface-border);border-radius:var(--ui-radius-surface);background-color:var(--surface-background);color:var(--ui-color-text);box-shadow:var(--surface-shadow)}.surface-body{--surface-body-padding:var(--ui-space-6);--surface-body-gap:var(--ui-space-2);--surface-body-direction:column;flex:auto;flex-direction:var(--surface-body-direction);gap:var(--surface-body-gap);padding:var(--surface-body-padding);font-size:var(--ui-text-sm);display:flex}@media (prefers-contrast:more){.surface{border-color:var(--ui-color-text)}}@media (forced-colors:active){.surface{box-shadow:none;border-color:canvastext}}}