.color-swatch-grid{flex-wrap:wrap;gap:.5em;margin-top:.4em;display:flex}.color-swatch{border:2px solid var(--border-default);background:var(--swatch-color);cursor:pointer;border-radius:50%;width:1.75em;height:1.75em;padding:0}.color-swatch.selected{outline-offset:-3px;box-shadow:0 0 0 2px var(--surface-ground), 0 0 0 4px var(--swatch-color);outline:2px solid #fff}.color-swatch.selected:after{content:"check";color:#fff;font-family:Material Symbols Outlined}.color-swatch:focus-visible{outline:2px solid var(--focus-color,var(--selected-color));outline-offset:2px}
.x-mask-input{padding:.5em 1em}
.p-inputnumber-buttons-stacked>.x-input{border-top-right-radius:0;border-bottom-right-radius:0}.x-edge-button-group{width:3em;height:3em}.x-edge-button{padding:0 5px}.x-button-up{border-radius:0 var(--radius-sm) 0 0;border-bottom-width:0}.x-button-down{border-radius:0 0 var(--radius-sm) 0}