.ux-swatch-preview{line-height:30px;font-weight:700;border-radius:100px}.ux-swatch-preview *{border-radius:100px}.ux-swatch__color,.ux-swatch__img{display:block;height:100%;width:100%;margin:0 !important}.ux-swatch__color--single-color{background:var(--swatch-color)}.ux-swatch__color--dual-color{background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--swatch-color)), color-stop(50%, var(--swatch-color-secondary)));background:-o-linear-gradient(top, var(--swatch-color) 50%, var(--swatch-color-secondary) 50%);background:linear-gradient(180deg, var(--swatch-color) 50%, var(--swatch-color-secondary) 50%)}.ux-swatch--color,.ux-swatch--image{width:30px;height:30px;border:1px solid #ddd}.ux-swatch--label{min-width:30px;height:30px;text-align:left}.ux-swatches-add-color{padding:0}.ux-dim{opacity:.3;pointer-events:none}