/* Field structure and grip proportions follow the sail configurator. */
.numeric-range-engine,.numeric-old-output{display:none!important}
.numeric-field{min-width:0}
.numeric-field .number-field-label{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px;position:relative;cursor:ew-resize;touch-action:none;user-select:none;font:inherit;line-height:1.6;color:var(--muted,#718197);width:fit-content;max-width:100%;margin:0 0 6px}
.number-field-label svg{width:11px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;color:#a8afbd}
.numeric-field .number-field-label:hover,.numeric-field .number-field-label:hover svg{color:var(--accent,#7d4683)}
.number-field-label[aria-disabled=true]{cursor:default;opacity:.55}
.numeric-field>.numeric-label-row,.numeric-field>.field-row,.numeric-field .number-label-container{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important}
.numeric-field .numeric-input-wrap{position:relative!important;display:block!important;width:100%!important;min-width:0;margin:0!important;transform:none!important}
.numeric-field .numeric-input-wrap input[type=number]{display:block;box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0;min-height:40px;padding:9px calc(var(--numeric-unit-space,0ch) + 10px) 9px 10px!important;font:inherit;line-height:1.5;appearance:textfield;-moz-appearance:textfield;outline:none!important;box-shadow:none!important}
.numeric-input-wrap input::-webkit-inner-spin-button,.numeric-input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.numeric-field .numeric-field-unit{position:absolute!important;right:11px!important;top:50%!important;bottom:auto!important;left:auto!important;transform:translateY(-50%)!important;pointer-events:none;font-size:13px!important;font-style:normal;font-weight:400;color:var(--muted,#718197);line-height:1!important;margin:0!important}
.is-number-dragging,.is-number-dragging *{cursor:ew-resize!important;user-select:none!important}
.numeric-field .number-field-label:focus-visible{outline:2px solid var(--accent,#7d4683);outline-offset:3px;border-radius:3px}

.numeric-field .numeric-input-wrap input[type=number]{font-size:13px!important;font-weight:400;color:var(--ink,#292d53)!important;background:#fff;border:1px solid var(--line,#e3e4eb);border-radius:8px}

.numeric-field .numeric-input-wrap input[type=number]:focus,.numeric-field .numeric-input-wrap input[type=number]:focus-visible{border-color:var(--accent,#7d4683)!important;outline:none!important;box-shadow:none!important}

.numeric-field .numeric-input-wrap{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;outline:none!important}
