@layer component{.Ltz7nG_GradientEditor{gap:var(--space-5);display:grid}.Ltz7nG_GradientEditor .Ltz7nG_preview{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--gradient,none), repeating-conic-gradient(var(--color-bg-hover) 0 25%, var(--color-bg-raised) 0 50%) 0 0 / 1rem 1rem;block-size:12rem;margin:0}.Ltz7nG_GradientEditor .Ltz7nG_controls{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.Ltz7nG_GradientEditor .Ltz7nG_stops{border-collapse:collapse;inline-size:100%}.Ltz7nG_GradientEditor .Ltz7nG_stops caption{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:start;margin-block-end:var(--space-2)}.Ltz7nG_GradientEditor .Ltz7nG_stops th{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:start;padding-block-end:var(--space-1)}.Ltz7nG_GradientEditor .Ltz7nG_stops td{padding:var(--space-1) var(--space-2) var(--space-1) 0}.Ltz7nG_GradientEditor .Ltz7nG_stops td:nth-child(2){inline-size:7rem}.Ltz7nG_GradientEditor .Ltz7nG_stops td:last-child{inline-size:1%;padding-inline-end:0}.Ltz7nG_GradientEditor .Ltz7nG_color{align-items:center;gap:var(--space-2);display:flex}.Ltz7nG_GradientEditor .Ltz7nG_picker{inline-size:var(--size-control);block-size:var(--size-control);padding:var(--space-1);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-raised);cursor:pointer;flex:none}.Ltz7nG_GradientEditor .Ltz7nG_picker::-webkit-color-swatch-wrapper{padding:0}.Ltz7nG_GradientEditor .Ltz7nG_picker::-webkit-color-swatch{border-radius:var(--radius-sm);border:0}.Ltz7nG_GradientEditor .Ltz7nG_stops td.Ltz7nG_actions{white-space:nowrap}}