/* Shared minus / value / plus fields for the free browser tools. */
:is(.cover-app,.tool-number-controls) .number-control {display:flex;flex-direction:column;gap:5px;min-width:0}
:is(.cover-app,.tool-number-controls) .number-stepper {display:flex;align-items:center;min-width:0;min-height:44px;border:1px solid var(--line,#424957);border-radius:10px;background:var(--panel-2,#1b2028);direction:ltr}
:is(.cover-app,.tool-number-controls) .number-stepper input {flex:1 1 0;width:0;min-width:0;min-height:44px;border:0;border-radius:0;background:transparent;color:inherit;text-align:center;padding:10px 2px;margin:0;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
:is(.cover-app,.tool-number-controls) .number-stepper input::-webkit-inner-spin-button,
:is(.cover-app,.tool-number-controls) .number-stepper input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
:is(.cover-app,.tool-number-controls) .number-stepper button {display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;min-height:44px;border:0;border-radius:8px;background:transparent;padding:6px;color:var(--soft,#b8c0cd);cursor:pointer}
:is(.cover-app,.tool-number-controls) .number-stepper button:hover:enabled {background:#ffffff0a;color:var(--text,#eef0f5)}
:is(.cover-app,.tool-number-controls) .number-stepper button:disabled {opacity:.35;cursor:default}
:is(.cover-app,.tool-number-controls) .number-stepper button .button-icon {display:block;width:14px;height:14px;flex:0 0 14px}
:is(.cover-app,.tool-number-controls) .number-stepper:focus-within {outline:2px solid var(--accent,#f5a000);outline-offset:1px}
:is(.cover-app,.tool-number-controls) .number-stepper input:focus {outline:0}
:is(.cover-app,.tool-number-controls) .number-stepper button:focus-visible {outline:2px solid var(--accent,#f5a000);outline-offset:-3px}
:is(.cover-app,.tool-number-controls) .number-stepper .input-unit {flex:0 0 auto;align-self:center;padding:0 8px 0 2px;color:var(--muted,#b8c0cd);font-size:12px;font-weight:400;line-height:1;pointer-events:none;user-select:none}
:is(.cover-app,.tool-number-controls) .number-stepper:has([aria-invalid=true]) {border-color:#f3a59b}
@media(max-width:860px) {
  :is(.cover-app,.tool-number-controls) .number-stepper button {flex-basis:40px;width:40px}
  :is(.cover-app,.tool-number-controls) .number-stepper input {font-size:16px}
}
:is(.cover-app,.tool-number-controls) :is(.field-pair,.control-grid,.field.two):has(.number-control) {grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))}
@media(max-width:860px) {
  :is(.cover-app,.tool-number-controls) :is(.field-pair,.control-grid,.field.two):has(.number-control) {grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
}