.counter{position:relative;display:inline-flex;vertical-align:middle;color:#131515;font-family:var(--secondary-font-family);height:3.125rem;font-size:1rem;letter-spacing:-.2px}.counter input::-webkit-outer-spin-button,.counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.counter .counter-input{text-align:center;background-color:#fff;color:#131515;border:1px solid #E7E7E7;-moz-appearance:textfield;width:5rem;height:3.125rem}.counter .counter-button{padding:0;border:1px solid #E7E7E7;background-color:#fff;width:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.counter .counter-button:hover{background-color:#5c068c;border:1px solid #5C068C}.counter .counter-button:hover .counter-span{background-color:#fff}.counter .counter-button .counter-span{height:17px;width:17px;background-color:#131515}.counter .counter-button.plus{border-radius:0 4px 4px 0;border-left:none}.counter .counter-button.plus .counter-span{-webkit-mask-image:url(/images/navigation/plus_ico.svg);mask-image:url(/images/navigation/plus_ico.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:17px 17px;mask-size:17px 17px}.counter .counter-button.minus{border-radius:4px 0 0 4px;border-right:none}.counter .counter-button.minus .counter-span{-webkit-mask-image:url(/images/navigation/minus_ico.svg);mask-image:url(/images/navigation/minus_ico.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:17px 17px;mask-size:17px 17px}.counter.medium{height:2.5rem;font-size:.875rem;letter-spacing:-.5px}.counter.medium .counter-input{width:4.188rem;height:2.5rem;width:3.125rem}.counter.medium .counter-button{width:2.5rem}.counter.medium .counter-button .counter-span{-webkit-mask-size:14px 14px;mask-size:14px 14px}@media (max-width: 991.98px){.counter{height:2.5rem;font-size:.875rem;letter-spacing:-.5px}.counter .counter-input{width:4.188rem;height:2.5rem}.counter .counter-button{width:2.5rem}.counter .counter-button .counter-span{-webkit-mask-size:14px 14px;mask-size:14px 14px}}@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767.98px),(min-resolution: 192dpi) and (max-width: 767.98px){.counter .counter-input{border-radius:0}}