/* /js/core/passo-numero.css — − e + em todo campo numérico do site (ver passo-numero.js). Visual do .lp-passo das lojas. */

/* sem a setinha do navegador em nenhum campo numérico */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}

.wpg-passo{display:inline-flex;align-items:stretch;max-width:100%;min-width:0;vertical-align:middle;border:1px solid var(--line-hi,var(--border));border-radius:9px;overflow:hidden;background:var(--s-850,var(--bg-alt))}
.wpg-passo.wpg-passo-cheio{display:flex;width:100%}
.wpg-passo:focus-within{border-color:var(--or,var(--orange))}
.wpg-passo > input[type=number]{flex:1 1 auto;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;border:0!important;border-inline:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center}
.wpg-passo > input[type=number]:focus{outline:none}
.wpg-passo-bt{flex:0 0 28px;display:grid;place-items:center;background:none;border:0;padding:0;color:var(--cyan);font:700 16px/1 var(--body,inherit);cursor:pointer;user-select:none}
.wpg-passo-bt:hover{background:var(--s-700,var(--card2));color:var(--t-hi,var(--text))}
.wpg-passo-bt:active{background:var(--or,var(--orange));color:#1a0b02}