/* Number fields share one border; units and controls never overlap the value. */
.mp-site .moo-number-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:center;min-height:46px;background:#fff;border:1px solid var(--moo-border,#dce5ef);border-radius:7px;transition:border-color .16s,box-shadow .16s;overflow:hidden}
.mp-site .moo-number-stepper:hover{border-color:#b4c7d8}
.mp-site .moo-number-stepper:focus-within{border-color:#087db3;box-shadow:0 0 0 3px #087db312}
.mp-site .moo-number-stepper.is-invalid{border-color:#c75a50}
.mp-site .moo-number-stepper.is-invalid:focus-within{box-shadow:0 0 0 3px #c75a5012}
.mp-site .moo-number-stepper.is-disabled{background:#f6f8fa}
.mp-site .moo-number-stepper>button{display:grid;place-items:center;align-self:stretch;width:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:#f7fafc;color:#49657d;box-shadow:none;cursor:pointer;touch-action:manipulation}
.mp-site .moo-number-stepper>button:first-child{border-right:1px solid #e5edf3}
.mp-site .moo-number-stepper>button:last-child{border-left:1px solid #e5edf3}
.mp-site .moo-number-stepper>button:hover:not(:disabled){background:#eaf5fb;color:#087db3}
.mp-site .moo-number-stepper>button:active:not(:disabled){background:#dceef8}
.mp-site .moo-number-stepper>button:focus-visible{outline:2px solid #087db3;outline-offset:-4px;border-radius:4px}
.mp-site .moo-number-stepper>button:disabled{color:#b6c5d0;background:#fafcfd;opacity:1;cursor:not-allowed}
.mp-site .moo-number-stepper svg{display:block;width:16px;height:16px;pointer-events:none}
.mp-site .moo-number-stepper>input[type=number]{appearance:textfield;-moz-appearance:textfield;min-width:0;width:100%;height:44px;min-height:44px;margin:0;border:0!important;border-radius:0;padding:0 14px!important;background:transparent!important;color:var(--moo-text,#1c3656);font:500 14px/1.5 var(--moo-font,inherit);font-variant-numeric:tabular-nums;outline:none!important;box-shadow:none!important}
.moo-number-stepper input::-webkit-inner-spin-button,.moo-number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.mp-site .moo-number-stepper>.moo-number-unit{position:static;padding:0 14px 0 0;white-space:nowrap;color:#7a8ea2;font-size:12px;line-height:1.5;pointer-events:none}
.mp-site .pg-duration-field .pg-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px}
.mp-site .pg-duration-field .pg-presets button{min-height:32px;padding:5px 3px;border:1px solid #dfe8f0;border-radius:5px;background:#fff;color:#688198;font-size:11px;white-space:nowrap}
.mp-site .pg-duration-field .pg-presets button:hover{border-color:#a9cfe4;background:#f5fafd;color:#087db3}
.mp-site .pg-duration-field .pg-presets button[aria-pressed=true]{border-color:#a9cfe4;background:#edf7fc;color:#087db3}
@media(max-width:480px){.mp-site .pg-duration-field .pg-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-site .pg-duration-field .pg-presets button{min-height:36px}}
@media(prefers-reduced-motion:reduce){.mp-site .moo-number-stepper{transition:none}}