.surface.svelte-18oubon{--surface-elevation:none;border-radius:var(--surface-radius);border:1px solid var(--surface-border-color,transparent);background:var(--surface-background);padding:var(--surface-padding);box-shadow:var(--surface-elevation);flex-direction:column;display:flex;overflow:hidden}.surface[data-settled].svelte-18oubon{transition:background .15s cubic-bezier(.23,1,.32,1),border-color .15s cubic-bezier(.23,1,.32,1)}.surface[data-overflow].svelte-18oubon{overflow:visible}.surface[data-elevation=Level0].svelte-18oubon{--surface-elevation:none}.surface[data-elevation=Level1].svelte-18oubon{--surface-elevation:var(--box-shadow-0)}.surface[data-elevation=Level2].svelte-18oubon{--surface-elevation:var(--box-shadow-100)}.surface[data-elevation=Level3].svelte-18oubon{--surface-elevation:var(--box-shadow-1000)}@media (hover:hover) and (pointer:fine){.surface.svelte-18oubon:hover{border-color:var(--surface-border-color-hover)}}.surface[data-variant=solid][data-tone="1000"].svelte-18oubon{--surface-background:var(--color-negative-1000);--surface-border-color:var(--color-negative-1100);--surface-border-color-hover:var(--color-negative-1200)}.surface[data-variant=solid][data-tone="900"].svelte-18oubon{--surface-background:var(--color-negative-900);--surface-border-color:var(--color-negative-1000);--surface-border-color-hover:var(--color-negative-1100)}.surface[data-variant=solid][data-tone="800"].svelte-18oubon{--surface-background:var(--color-negative-800);--surface-border-color:var(--color-negative-900);--surface-border-color-hover:var(--color-negative-1000)}.surface[data-variant=solid][data-tone="700"].svelte-18oubon{--surface-background:var(--color-negative-700);--surface-border-color:var(--color-negative-800);--surface-border-color-hover:var(--color-negative-900)}.surface[data-variant=solid][data-tone="600"].svelte-18oubon{--surface-background:var(--color-negative-600);--surface-border-color:var(--color-negative-700);--surface-border-color-hover:var(--color-negative-800)}.surface[data-variant=solid][data-tone="500"].svelte-18oubon{--surface-background:var(--color-negative-500);--surface-border-color:var(--color-negative-600);--surface-border-color-hover:var(--color-negative-700)}.surface[data-variant=solid][data-tone="400"].svelte-18oubon{--surface-background:var(--color-negative-400);--surface-border-color:var(--color-negative-500);--surface-border-color-hover:var(--color-negative-600)}.surface[data-variant=solid][data-tone="300"].svelte-18oubon{--surface-background:var(--color-negative-300);--surface-border-color:var(--color-negative-400);--surface-border-color-hover:var(--color-negative-500)}.surface[data-variant=solid][data-tone="200"].svelte-18oubon{--surface-background:var(--color-negative-200);--surface-border-color:var(--color-negative-300);--surface-border-color-hover:var(--color-negative-400)}.surface[data-variant=solid][data-tone="100"].svelte-18oubon{--surface-background:var(--color-negative-100);--surface-border-color:var(--color-negative-200);--surface-border-color-hover:var(--color-negative-300)}.surface[data-variant=solid][data-tone="0"].svelte-18oubon{--surface-background:var(--color-negative-0);--surface-border-color:var(--color-negative-100);--surface-border-color-hover:var(--color-negative-200)}.surface[data-variant=frosted].svelte-18oubon{-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);--surface-background:radial-gradient(200% 200% at top, color-mix(in srgb, var(--color-negative-100), transparent 20%) 0%, color-mix(in srgb, var(--color-negative-100), transparent 35%) 100%);background:var(--surface-background);--surface-border-color:var(--color-primary-alpha-200);--surface-border-color-hover:var(--color-primary-alpha-300)}