.qty-ctrl{border:1.5px solid rgba(var(--color-primary-rgb),.35);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;display:flex;overflow:hidden}.qty-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:background .15s;display:flex}.qty-btn:hover{background:rgba(var(--color-primary-rgb),.15)}.qty-btn:active{background:rgba(var(--color-primary-rgb),.25)}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-input{border:none;border-left:1px solid rgba(var(--color-primary-rgb),.2);border-right:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-text);text-align:center;-moz-appearance:textfield;background:0 0;font-family:"Source Sans 3",sans-serif;font-weight:800}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none}.qty-ctrl-sm .qty-btn{width:var(--tap);height:var(--tap);font-size:1.1rem}.qty-ctrl-sm .qty-input{width:40px;height:var(--tap);font-size:var(--fs-base)}.qty-ctrl-md .qty-btn{width:32px;height:32px;font-size:1.1rem}.qty-ctrl-md .qty-input{width:38px;height:32px;font-size:.9rem}
