.By216h{align-items:center;color:var(--controls-popup-text);display:flex;gap:6px;justify-content:center;& button{background:none;border:none;cursor:pointer;height:22px;outline:none;padding:0;position:relative;& svg{& path{stroke:var(--link-color);stroke-width:1.5;transition:stroke .2s ease-in-out}& rect{fill:#0000}}}& button:focus-visible{&:after{border:2px solid var(--focus-border);border-radius:3px;bottom:-3px;box-sizing:initial;content:"";left:-3px;position:absolute;right:-3px;top:-3px}}& button:hover{& path{stroke:var(--link-color-active)}}& button:active{& path{stroke:var(--link-color-active)}}& button:disabled{cursor:default;& path{stroke:var(--controls-popup-zoom)}}& .By2168{background:#0000;border:1px solid var(--input-border);border-radius:var(--border-radius-input);box-sizing:border-box;color:var(--text);font-size:15px;font-weight:var(--system-font-weight-bolder);height:32px;line-height:var(--input-line-height);outline:none;padding:0 5px;text-align:center;transition:border .3s ease 0s;width:56px;&:hover{border:1px solid var(--button-border)}&:focus{border:1px solid var(--input-focus);&:hover{border:1px solid var(--input-focus)}}}& input[type=number]{appearance:textfield}& input[type=number]::-webkit-inner-spin-button,& input[type=number]::-webkit-outer-spin-button{display:none}}
/*# sourceMappingURL=NumberInputWithButtons-9257394f9e.css.map */