.order-gradient-surface.svelte-eultza{--order-gradient-accent: var(--foreground);--order-gradient-opacity: 0;position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card);transition:border-color var(--motion-default) var(--motion-ease),box-shadow var(--motion-default) var(--motion-ease)}.order-gradient-surface.svelte-eultza:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(270deg,color-mix(in srgb,var(--order-gradient-accent) 16%,transparent),transparent 62%),var(--card);content:"";opacity:var(--order-gradient-opacity);transition:opacity var(--motion-default) var(--motion-ease)}.order-gradient-surface[data-tone=success].svelte-eultza{--order-gradient-accent: var(--primary)}.order-gradient-surface[data-tone=info].svelte-eultza{--order-gradient-accent: var(--secondary)}.order-gradient-surface[data-active=true].svelte-eultza{--order-gradient-opacity: 1;border-color:color-mix(in srgb,var(--order-gradient-accent) 62%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--order-gradient-accent) 24%,transparent)}.order-gradient-surface[data-subtle-border=true].svelte-eultza{border-color:color-mix(in srgb,var(--order-gradient-accent) 18%,var(--border))}.order-gradient-surface[data-active=true][data-subtle-border=true].svelte-eultza{border-color:color-mix(in srgb,var(--order-gradient-accent) 22%,var(--border));box-shadow:var(--shadow-card)}.order-gradient-surface[data-borderless=true].svelte-eultza{border:0}.order-gradient-surface[data-active=true][data-borderless=true].svelte-eultza{box-shadow:var(--shadow-card)}.order-gradient-surface.svelte-eultza:hover:is(button:where(.svelte-eultza)):not([data-active=true]){border-color:color-mix(in srgb,var(--foreground) 28%,var(--border))}