.number-spinner{--button-size:30px;border:2px solid var(--wp--preset--color--primary);border-radius:66rem;display:inline-flex;overflow:hidden;padding-inline:4px}@media(min-width:768px){.number-spinner{--button-size:40px}}.number-spinner__button{align-items:center;background-color:#0000;border:none;color:#000;display:flex;height:var(--button-size);justify-content:center;text-align:center;transition:background-color .2s;width:var(--button-size)}.number-spinner__button:disabled{color:light-dark(#1010104d,#ffffff4d)}.number-spinner__button svg{height:auto;width:16px}.number-spinner__input-box[type=number]{-moz-appearance:textfield;border:0;flex-grow:1;height:var(--button-size);min-width:var(--button-size);outline:none;padding:5px;text-align:center;width:auto}.number-spinner__input-box::-webkit-inner-spin-button,.number-spinner__input-box::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-spinner.is-disabled{background-color:var(--wp--custom--color-cloud-gray);border-color:var(--wp--custom--color-cloud-gray);pointer-events:none}.number-spinner.is-disabled,.number-spinner.is-disabled .number-spinner__button{color:var(--wp--custom--color-graphite-gray)}.number-spinner.is-disabled .number-spinner__input-box{background-color:var(--wp--custom--color-cloud-gray);color:var(--wp--custom--color-graphite-gray)}