.surface.svelte-18oubon{display:flex;flex-direction:column;border-radius:var(--surface-radius);border:1px solid var(--surface-border-color);background:var(--surface-background);padding:var(--surface-padding);overflow:hidden;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}@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{backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);--surface-border-color: var(--color-primary-alpha-200);--surface-border-color-hover: var(--color-primary-alpha-300);--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% )}