.quantity-counter{align-items:center;display:grid;gap:0 8px;grid-template-columns:min-content min-content min-content min-content;position:relative}.quantity-counter-input-wrapper{position:relative}.quantity-counter-input-wrapper:hover .tooltip{display:block}.quantity-counter-input{border:1px solid #9c9c9c;border-radius:4px;font-family:Tridonic-Metric;font-size:18px;font-weight:700;height:40px;line-height:20px;padding:10px;text-align:center;width:70px}@media only screen and (min-width:768px){.quantity-counter-input{width:100px}}.quantity-counter-input:hover{border:2px solid #000}.quantity-counter-input:focus{border:2px solid #009de0;outline:none}.quantity-counter-input:disabled{background-color:#ededed;border:none}.quantity-counter-input--error{border:2px solid #e00;color:#e00}.quantity-counter-input--error:focus{border-color:#e00}.quantity-counter input::-webkit-inner-spin-button,.quantity-counter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-counter input[type=number]{-moz-appearance:textfield}.quantity-counter .cta{height:40px;padding:8px;width:40px}.quantity-counter .cta .icon{display:flex}.quantity-counter .qty-action-next{width:200px}.quantity-counter.read-only .qty-action{display:none}.quantity-counter-info{position:absolute;top:50%;transform:translate(-32px,-50%);z-index:2}.quantity-counter-info:hover .tooltip{display:block}.quantity-counter-info svg{fill:#009de0}@media only screen and (max-width:920px){.quantity-counter-info .tooltip{left:-75px}.quantity-counter-info .tooltip:before{left:calc(50% + 78px)}}