.aoi-surface[data-v-c246e9ae]{min-width:0;--aoi-surface-intent-bg:var(--aoi-intent-neutral-soft-bg);--aoi-surface-intent-bg-hover:var(--aoi-intent-neutral-soft-bg-hover);--aoi-surface-intent-border:var(--aoi-intent-neutral-border);color:var(--aoi-text)}.aoi-surface--plain[data-v-c246e9ae]{background:transparent}.aoi-surface--card[data-v-c246e9ae],.aoi-surface--code[data-v-c246e9ae],.aoi-surface--panel[data-v-c246e9ae],.aoi-surface--state[data-v-c246e9ae],.aoi-surface--toolbar[data-v-c246e9ae]{border:1px solid color-mix(in srgb,var(--aoi-surface-border) 16%,transparent);box-shadow:0 8px 24px #21212105}.aoi-surface--panel[data-v-c246e9ae]{border-radius:var(--aoi-radius-container);background:color-mix(in srgb,var(--aoi-panel-bg) 68%,transparent)}.aoi-surface--card[data-v-c246e9ae],.aoi-surface--state[data-v-c246e9ae],.aoi-surface--toolbar[data-v-c246e9ae]{border-radius:var(--aoi-radius-card);background:color-mix(in srgb,var(--aoi-card-bg) 74%,transparent)}.aoi-surface--state[data-v-c246e9ae]{background:var(--aoi-surface)}.aoi-surface--code[data-v-c246e9ae]{overflow:hidden;border-radius:var(--aoi-radius-card);background:var(--aoi-bg)}.aoi-surface--toolbar[data-v-c246e9ae]{background:var(--aoi-surface)}.aoi-surface--padding-none[data-v-c246e9ae]{padding:0}.aoi-surface--padding-sm[data-v-c246e9ae]{padding:10px}.aoi-surface--padding-md[data-v-c246e9ae]{padding:var(--aoi-card-padding)}.aoi-surface--padding-lg[data-v-c246e9ae]{padding:var(--aoi-panel-padding)}.aoi-surface--tone-accent[data-v-c246e9ae]{--aoi-surface-intent-bg:color-mix(in srgb,var(--aoi-intent-primary-soft-bg) 70%,var(--aoi-card-bg));--aoi-surface-intent-bg-hover:var(--aoi-intent-primary-soft-bg-hover);--aoi-surface-intent-border:var(--aoi-intent-primary-border);border-color:var(--aoi-surface-intent-border);background:var(--aoi-surface-intent-bg)}.aoi-surface--tone-danger[data-v-c246e9ae]{--aoi-surface-intent-bg:color-mix(in srgb,var(--aoi-intent-danger-soft-bg) 70%,var(--aoi-card-bg));--aoi-surface-intent-bg-hover:var(--aoi-intent-danger-soft-bg-hover);--aoi-surface-intent-border:var(--aoi-intent-danger-border);border-color:var(--aoi-surface-intent-border)}.aoi-surface--tone-muted[data-v-c246e9ae]{background:var(--aoi-surface-muted)}.aoi-surface--tone-info[data-v-c246e9ae],.aoi-surface--tone-success[data-v-c246e9ae],.aoi-surface--tone-warning[data-v-c246e9ae]{border-color:var(--aoi-surface-intent-border);background:var(--aoi-surface-intent-bg)}.aoi-surface--tone-success[data-v-c246e9ae]{--aoi-surface-intent-bg:color-mix(in srgb,var(--aoi-intent-success-soft-bg) 70%,var(--aoi-card-bg));--aoi-surface-intent-bg-hover:var(--aoi-intent-success-soft-bg-hover);--aoi-surface-intent-border:var(--aoi-intent-success-border)}.aoi-surface--tone-warning[data-v-c246e9ae]{--aoi-surface-intent-bg:color-mix(in srgb,var(--aoi-intent-warning-soft-bg) 70%,var(--aoi-card-bg));--aoi-surface-intent-bg-hover:var(--aoi-intent-warning-soft-bg-hover);--aoi-surface-intent-border:var(--aoi-intent-warning-border)}.aoi-surface--tone-info[data-v-c246e9ae]{--aoi-surface-intent-bg:color-mix(in srgb,var(--aoi-intent-info-soft-bg) 70%,var(--aoi-card-bg));--aoi-surface-intent-bg-hover:var(--aoi-intent-info-soft-bg-hover);--aoi-surface-intent-border:var(--aoi-intent-info-border)}.aoi-surface--interactive[data-v-c246e9ae]{position:relative;overflow:clip;cursor:pointer;transition:border-color var(--aoi-motion-fast) var(--aoi-ease-out),background-color var(--aoi-motion-fast) var(--aoi-ease-out),box-shadow var(--aoi-motion-fast) var(--aoi-ease-out),transform var(--aoi-motion-fast) var(--aoi-ease-out)}.aoi-surface--interactive[data-v-c246e9ae]:hover,.aoi-surface--selected[data-v-c246e9ae]{border-color:color-mix(in srgb,var(--aoi-surface-border-hover) 24%,transparent);background:color-mix(in srgb,var(--aoi-surface-intent-bg-hover) 64%,transparent)}.aoi-surface--interactive[data-v-c246e9ae]:hover{transform:translate3d(0,-1px,0)}@media(prefers-reduced-motion:reduce){.aoi-surface--interactive[data-v-c246e9ae]{transition:none}.aoi-surface--interactive[data-v-c246e9ae]:hover{transform:none}}