.roc-number-input{display:flex;align-items:center;gap:.875rem;margin-bottom:.5rem;padding:.5rem 0}@media only screen and (min-width: 62em){.roc-number-input{margin-bottom:.625rem;gap:1rem}}.roc-number-input__label{color:#30323b;font-size:1rem}@media only screen and (min-width: 62em){.roc-number-input__label{font-size:.75rem}}.roc-number-input__wrapper{display:flex;flex:1;gap:.25rem}.roc-number-input__input{display:block;padding:.5rem;width:100%;min-height:1.875rem;color:#000;background-color:#fff;border:1px solid #8a8e93;text-align:center;font-size:1rem;font-weight:700;border-radius:3px}.roc-algolia-product-hit:hover .roc-number-input__input,.roc-product-carousel__item:hover .roc-number-input__input{background-color:#f5f7f9}.roc-number-input__btn{display:flex;justify-content:center;align-items:center;flex:1;padding:.625rem;background-color:#fff;border:1px solid #8a8e93;border-radius:3px}.roc-algolia-product-hit:hover .roc-number-input__btn,.roc-product-carousel__item:hover .roc-number-input__btn{background-color:#f5f7f9}@media only screen and (min-width: 62em){.roc-number-input__btn{padding:.75rem}}.roc-number-input__btn-icon.roc-icon{width:.625rem;height:.625rem;color:#000}@media only screen and (min-width: 62em){.roc-number-input__btn-icon.roc-icon{width:.75rem;height:.75rem}}