.counter{display:flex;flex-direction:column;gap:2px;position:relative}.counter.loading{opacity:.6;pointer-events:none}.counter__body{flex:1 1;background-color:#fff;display:flex;padding:0;align-self:flex-start;overflow:hidden}.counter__footer{font:var(--font-small-2)}.counter__footer--max{color:var(--color-pink)}.counter-button{align-items:center;background-color:var(--color-turq-10);border:none;color:var(--color-turq-2);display:flex;justify-content:center;padding:0;width:40px;height:40px;flex:0 0 auto;position:relative;border-radius:50%}@media(max-width:1199px){.counter-button{width:36px;height:36px}}@media(hover:hover){.counter-button:hover{cursor:pointer;color:var(--theme-base-color)}}.counter-button:active{transform:scale(.98)}.counter-button--plus:after,.counter-button--plus:before{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color-turq-2)}.counter-button--plus:after{height:15px;width:2px}.counter-button--plus:before{width:15px;height:2px}.counter-button--minus:after,.counter-button--minus:before{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color-turq-2)}.counter-button--minus:before{width:15px;height:2px}.counter-button--disabled{pointer-events:none;opacity:.6;background-color:var(--color-gray-bg)}.counter-button--disabled:after,.counter-button--disabled:before{background-color:var(--color-gray-text)}.counter-input{width:45px;margin:0 20px;padding:0 6px;text-align:center;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}@media(hover:hover){.counter-input:hover{border-color:rgba(0,0,0,0)}}.counter-input:focus{border-color:rgba(0,0,0,0)}@media(max-width:1199px){.counter-input{height:31px;margin:0 8px}}