wc-quantity-selector{background-color:var(--qs-background);display:flex;justify-content:center;overflow:visible;position:relative;width:110px}wc-quantity-selector input[type=number]{background-color:var(--qs-background);border-radius:var(--qs-radius);border:var(--qs-border-width) solid var(--qs-border);color:var(--qs-color);display:block;font-size:1.8rem;font-weight:400;line-height:1.25;margin:0;padding:.75rem .25rem;text-align:center;transition:background-color .3s ease-in-out,border .3s ease-in-out,color .3s ease-in-out;width:50px;-moz-appearance:textfield}wc-quantity-selector input[type=number]:hover{background-color:var(--qs-background-hover);border-color:var(--qs-border-hover);color:var(--qs-color-hover)}wc-quantity-selector input[type=number]:focus{background-color:var(--qs-background-hover);border-color:var(--qs-border-hover);box-shadow:none;color:var(--qs-color-hover);outline:0}wc-quantity-selector input[type=number]:focus+::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;box-shadow:0 1px 10px rgba(0,0,0,.2);z-index:0}wc-quantity-selector input[type=number]::-webkit-inner-spin-button,wc-quantity-selector input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}wc-quantity-selector *{background-color:inherit}wc-quantity-selector button{background:var(--qs-background);border-radius:var(--qs-radius);border:var(--qs-border-width) solid var(--qs-border);cursor:pointer;font-size:100%;padding:0 8px;transition:background-color .3s ease-in-out,border .3s ease-in-out,color .3s ease-in-out;width:30px}wc-quantity-selector button:focus,wc-quantity-selector button:hover{background-color:var(--qs-background-hover);border-color:var(--qs-border-hover);color:var(--qs-color-hover)}