.gradient-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);background-image:repeating-conic-gradient(#8888 0% 25%,#0000 0% 50%);background-size:16px 16px;height:200px;position:relative;overflow:hidden}.gradient-preview__fill{position:absolute;inset:0}.gradient-stop-header{gap:var(--space-2);color:var(--color-muted);padding:0 0 var(--space-1);font-size:.75rem;display:flex}.gradient-stop-header__color{flex:none;width:2.75rem}.gradient-stop-header__value{flex:1;min-width:0}.gradient-stop-header__spacer{flex:none;width:2.25rem}.gradient-stop{align-items:center;gap:var(--space-2);display:flex}.gradient-stop__color{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;width:2.75rem;height:2.75rem;padding:0}.gradient-stop__alpha,.gradient-stop__position{flex:1;min-width:0}