.sg-colors{display:block;width:100%;margin:0 0 20px;padding:16px 0}.sg-colors__heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.sg-colors__heading span{font-size:12px}.sg-colors__palette{display:flex;flex-wrap:wrap;gap:18px 14px;margin:18px 6px 8px}.sg-colors__item{position:relative;width:44px;height:44px}.sg-colors button{cursor:pointer;font:inherit}.sg-colors__plus{width:44px;height:44px;border-radius:50%;border:1px solid #0002;color:#fff;font-size:24px!important;text-shadow:0 1px 3px #0009;padding:0}.sg-colors__plus:disabled{cursor:default;filter:saturate(.6)}.sg-colors__number{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 3px;background:#fff;color:#222;border:1px solid #d6d9cf;border-radius:20px;font-size:12px;pointer-events:none}.sg-colors__minus{position:absolute;right:-7px;bottom:-9px;width:25px;height:25px;display:grid;place-items:center;background:#f1ede8;color:#222;border:1px solid #fff;border-radius:50%;padding:0}.sg-colors__minus:disabled{visibility:hidden}.sg-colors__error{font-size:13px;margin:18px 0 0}.sg-colors__error[hidden]{display:none}.sg-colors button:focus-visible{outline:2px solid currentColor;outline-offset:3px}