.slug-field-component .label-wrapper{padding-bottom:.3125rem}.swatch-wrapper{display:flex;gap:24px}.swatch-wrapper .swatch{width:250px;height:250px;margin-top:8px}.color-field{margin-bottom:var(--base)}.color-swatches{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.color-swatch-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}.color-swatch-token{color:#a1a1a1}.color-swatch{width:32px;height:32px;border-radius:999px;cursor:pointer;transition:transform .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{outline:2px solid var(--theme-elevation-800);outline-offset:2px}.color-input-wrapper{display:flex;gap:8px;align-items:flex-start}.button-group{display:flex;gap:8px}.slug-field-component .label-wrapper{display:flex;justify-content:space-between;align-items:center}.slug-field-component .lock-button{margin:0;padding-bottom:.3125rem}