.super9-quantity { display: flex; align-items: center; max-width: 140px; }
.super9-quantity__label { margin-right: 17px; color: rgb(21, 23, 22); font-size: 16px; font-weight: 500; line-height: 150%; }
.super9-quantity__controls { display: flex; align-items: center; padding: 8px; border: 1px solid rgb(230, 230, 230); border-radius: 8px; background: #fff; }
.super9-quantity__controls input[type='number'] { width: 58px; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; font-size: 16px; font-weight: 400; line-height: 150%; text-align: center; -moz-appearance: textfield; }
.super9-quantity__controls input[type='number']::-webkit-inner-spin-button, .super9-quantity__controls input[type='number']::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.super9-quantity__button { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 2px; color: #333; background: rgb(242, 242, 242); font-size: 16px; line-height: 1; cursor: pointer; transition: background .2s; }
.super9-quantity__button:hover:not(:disabled) { color: #000; background: #e0e0e0; }
.super9-quantity__button:focus-visible { outline: 0; box-shadow: 0 0 0 2px rgba(0, 123, 255, .2); }
.super9-quantity__button:disabled { cursor: not-allowed; opacity: .55; }
@media (max-width: 480px) { .super9-quantity__label { margin-right: 12px; } }