.counter-control{--counter-button-background-color: var(--app-primary-color);--counter-display-background-color: var(--white);--counter-display-width: 44px;--counter-button-text-weight: 600;--counter-button-border: 2px solid var(--teal-3);--counter-disabled-button-icon-color: var(--white);--counter-button-border-radius: var(--app-border-radius)}.counter-control{display:flex;gap:8px}.counter-control__increment,.counter-control__decrement{color:#fff;font-weight:600;font-size:20px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--counter-button-background-color);border-radius:var(--counter-button-border-radius);-webkit-user-select:none;user-select:none}.counter-control__increment.counter-control__increment--disabled,.counter-control__increment.counter-control__decrement--disabled,.counter-control__decrement.counter-control__increment--disabled,.counter-control__decrement.counter-control__decrement--disabled{opacity:.5;cursor:default}.counter-control__increment.counter-control__increment--disabled svg,.counter-control__increment.counter-control__decrement--disabled svg,.counter-control__decrement.counter-control__increment--disabled svg,.counter-control__decrement.counter-control__decrement--disabled svg{color:var(--counter-disabled-button-icon-color)}.counter-control__increment svg,.counter-control__decrement svg{color:var(--white);width:11px;height:11px}.counter-control__increment:not(.counter-control__increment--disabled):hover,.counter-control__decrement:not(.counter-control__decrement--disabled):hover{box-shadow:var(--counter-button-box-shadow-hover)}.counter-control__increment:not(.counter-control__increment--disabled):active,.counter-control__decrement:not(.counter-control__decrement--disabled):active{background:var(--counter-button-background-color-active)}.counter-control__display{display:flex;width:30px;height:30px;padding:0 16px;justify-content:center;align-items:center;background:var(--counter-display-background-color);border-radius:var(--counter-button-border-radius);border:var(--counter-button-border);font-weight:var(--counter-button-text-weight)}.counter-control__information{color:#979797}.counter-control--medium{gap:8px}.counter-control--medium .counter-control__increment,.counter-control--medium .counter-control__decrement{width:40px;height:40px;border-radius:var(--counter-button-border-radius)}.counter-control--medium .counter-control__increment svg,.counter-control--medium .counter-control__decrement svg{width:16px;height:16px}.counter-control--medium .counter-control__display{line-height:36px;font-weight:400;width:var(--counter-display-width);height:40px;border:var(--counter-button-border);border-radius:var(--counter-button-border-radius);background-color:var(--white)}