@layer components{._surface_j4t4v_2{--surface-accent:var(--color-border);--surface-border-mix:34%;--surface-edge-inset:1.25rem;--surface-edge-height:2px;--surface-edge-start:26%;--surface-edge-end:74%;--surface-edge-strong:78%;--surface-edge-soft:42%;border:1px solid color-mix(in srgb, var(--surface-accent) var(--surface-border-mix), var(--color-border));background:linear-gradient(135deg, color-mix(in srgb, var(--surface-accent) 3%, var(--color-surface)) 0%, var(--color-surface) 46%)}._surface_j4t4v_2:before{z-index:1;top:0;right:var(--surface-edge-inset);left:var(--surface-edge-inset);height:var(--surface-edge-height);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface-accent) var(--surface-edge-strong), transparent) var(--surface-edge-start), color-mix(in srgb, var(--surface-accent) var(--surface-edge-soft), transparent) var(--surface-edge-end), transparent);content:"";border-radius:0 0 999px 999px;position:absolute}._surface_j4t4v_2:where([data-surface-kind=modal]){--surface-border-mix:18%;--surface-edge-inset:2rem;--surface-edge-height:3px;--surface-edge-start:28%;--surface-edge-end:72%;--surface-edge-strong:100%;--surface-edge-soft:64%;background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--surface-accent) 8%, transparent), transparent 30%), var(--color-surface)}._surface_j4t4v_2:where([data-surface-tone=primary]){--surface-accent:var(--color-primary)}._surface_j4t4v_2:where([data-surface-tone=success]){--surface-accent:var(--color-success)}._surface_j4t4v_2:where([data-surface-tone=warning]){--surface-accent:var(--color-warning)}._surface_j4t4v_2:where([data-surface-tone=danger]){--surface-accent:var(--color-danger)}._surface_j4t4v_2:where([data-surface-tone=info]){--surface-accent:var(--color-info)}._surface_j4t4v_2:where([data-surface-tone=neutral]){--surface-accent:var(--color-text-muted)}}