.counter{position:relative;display:inline-block}.counter input[type=number]{width:136px;height:48px;padding:12px 46px;font-size:1rem;text-align:center;background:transparent;border:.125rem solid #d9e2e7;border-radius:.5rem;-webkit-transition:border-color .3s cubic-bezier(.65,.05,.36,1);-o-transition:border-color .3s cubic-bezier(.65,.05,.36,1);transition:border-color .3s cubic-bezier(.65,.05,.36,1);-moz-appearance:textfield}.counter input[type=number]::-webkit-inner-spin-button,.counter input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.counter input[type=number]:focus{outline:none}.counter__decrement,.counter__increment{position:absolute;top:0;width:33%;height:100%;color:rgba(26,26,26,.7);border:0!important;opacity:1;-webkit-transition:opacity .3s cubic-bezier(.65,.05,.36,1),color .3s cubic-bezier(.65,.05,.36,1),fill .3s cubic-bezier(.65,.05,.36,1);-o-transition:opacity .3s cubic-bezier(.65,.05,.36,1),color .3s cubic-bezier(.65,.05,.36,1),fill .3s cubic-bezier(.65,.05,.36,1);transition:opacity .3s cubic-bezier(.65,.05,.36,1),color .3s cubic-bezier(.65,.05,.36,1),fill .3s cubic-bezier(.65,.05,.36,1)}.counter__decrement.disabled,.counter__increment.disabled{color:rgba(26,26,26,.5);cursor:not-allowed}.counter__increment{right:0}