.ds-spacing-swatch{align-items:center;gap:var(--gap-lg);background:var(--color-bg-container-primary-semi);border:var(--border-xs)solid var(--color-bg-container-border);border-radius:var(--radius-xl);min-width:140px;padding:var(--padding-lg);flex-direction:column;flex:1 1 0;display:flex}.ds-spacing-swatch__preview{justify-content:center;align-items:center;min-height:60px;display:flex}.ds-spacing-swatch__border-bar{background:var(--color-core-accent-purple);height:50px}.ds-spacing-swatch__radius-box{border:1px solid var(--color-status-positive-border);background:0 0;width:50px;height:50px}.ds-spacing-swatch__gap-bar{border-left:1px solid var(--color-core-accent-red);border-right:1px solid var(--color-core-accent-red);height:50px}.ds-spacing-swatch__padding-outer{border:1px solid var(--color-core-ui-secondary);justify-content:center;align-items:center;display:flex}.ds-spacing-swatch__padding-inner{border:1px solid var(--color-status-neutral-border);border-radius:1px;width:10px;height:10px}.ds-spacing-swatch__label{font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-heading-3-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-primary);text-align:center}.ds-spacing-swatch__value{font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-tertiary)}