.counter{white-space:nowrap;background-color:#fff;border:1px solid #d9d3cc;border-radius:8px;justify-content:space-between;align-items:center;width:fit-content;height:fit-content;transition:border-color .3s;display:flex}.counter--full-width{width:100%}.counter__loading{margin:0 auto}.counter:focus,.counter__focused{border-color:var(--primary-lightest);outline:none;box-shadow:0 4px 8px #867e750a,0 0 4px #867e751f}.counter__input{text-align:center;vertical-align:middle;color:#494238;background-color:#0000;border:0;width:5rem;height:5rem;margin:0 -1px;padding:0;font-size:1.6rem;font-weight:500;line-height:2.8rem}.counter__input:focus{outline:none}.counter__input:disabled{color:#7a736b}.counter__icon{width:1.6rem;height:1.6rem;fill:var(--primary)}.counter__button{cursor:pointer;vertical-align:middle;justify-content:center;align-items:center;width:5rem;height:6rem;margin:0;padding:2.2rem 0;display:inline-flex}.counter__button:focus{outline:none}.counter__button:disabled{cursor:default}.counter__button:disabled .counter__icon{fill:#d9d3cc}.counter__button .counter__icon svg{width:1.6rem;height:1.6rem;fill:var(--primary)}.counter__button:disabled .counter__icon svg{fill:#d9d3cc}.counter--disabled{background-color:#fbf9f7}.counter--disabled .counter__input{color:#d9d3cc}.counter--small .counter__button{width:3rem;height:4rem;padding:1.1rem 0}.counter--small .counter__input{width:4rem;height:4rem}.counter:focus{border-color:var(--primary-lightest)}