.ui-surface[data-v-6f8838ba]{box-sizing:border-box;border-radius:var(--ui-radius-card);background:var(--ui-surface);border:1px solid #0f172a0e;width:100%;margin-bottom:20px;padding:20px;transition:background .24s,border-color .24s,box-shadow .24s,transform .24s;box-shadow:0 10px 30px #0f172a09}.ui-surface--compact[data-v-6f8838ba]{background:var(--ui-surface);padding:18px 20px;box-shadow:0 10px 28px #0f172a08}.ui-surface--soft[data-v-6f8838ba]{background:var(--ui-surface-muted)}.ui-surface--solid[data-v-6f8838ba]{background:var(--ui-surface)}.ui-surface--flush[data-v-6f8838ba]{margin-bottom:0;padding:0}.ui-surface--interactive[data-v-6f8838ba]{cursor:pointer}.ui-surface--interactive[data-v-6f8838ba]:hover{border-color:color-mix(in srgb,var(--ui-action) 18%,#0f172a0e);transform:translateY(-1px);box-shadow:0 16px 34px #2563eb14}.ui-surface--interactive[data-v-6f8838ba]:focus-visible{border-color:var(--ui-action);box-shadow:0 0 0 3px var(--ui-focus-ring);outline:none}[data-theme=dark] .ui-surface[data-v-6f8838ba]{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:var(--shadow-xs)}@media (width<=860px){.ui-surface[data-v-6f8838ba],.ui-surface--compact[data-v-6f8838ba]{padding:16px}.ui-surface--flush[data-v-6f8838ba]{padding:0}}