.v-counter{position:relative;width:136px}.v-counter input{width:100%;height:48px;padding:12px 46px;color:rgba(26,26,26,.7);font-weight:400;font-size:1rem;text-align:center;background:transparent;background-clip:padding-box;border:2px solid #d9e2e7;border-radius:.5rem;outline:none;filter:none;transition:border-color .3s cubic-bezier(.65,.05,.36,1)}.bg-product .v-counter input{border-color:#e7ecee}.v-counter input:focus{border-color:#87d1ff}.bg-product .v-counter input:focus{border-color:#fff}.v-counter button{position:absolute;top:2px;bottom:2px;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;color:#1a1a1a;cursor:pointer;opacity:.7;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .3s cubic-bezier(.65,.05,.36,1)}.bg-product .v-counter button{color:#fff}.v-counter button:disabled,.v-counter button[disabled]{cursor:not-allowed;opacity:.5}.v-counter button:first-child{left:2px}.v-counter button:last-child{right:2px}.v-counter.black input{border-color:#595959}.v-counter.black input:focus{border-color:#87d1ff}.v-counter.black button,.v-counter.black input{color:hsla(0,0%,100%,.7)}