.roi-input-group{--input-color:var(--color-heading);--input-border:#d4dae3;--input-background:#fff;--input-placeholder:#cbd1dc;--input-border-focus:var(--color-primary);--group-color:#fff;--group-border:var(--input-border);--group-background:var(--roi-color-3);--group-color-focus:#fff;--group-border-focus:var(--input-border-focus);--group-background-focus:#3a053a}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.a-form-input{-webkit-appearance:none;background:var(--input-background);border:2px solid var(--input-border);border-radius:8px;color:var(--input-color);display:block;font-family:inherit;font-size:14px;font-weight:700;padding:5px 15px;transition:border .3s ease;width:100%}.a-form-input::placeholder{color:var(--input-placeholder)}.a-form-input:focus{border-color:var(--input-border-focus);outline:none}.a-input-group{display:flex;font-weight:700;justify-content:flex-end;position:relative;width:100%}.a-form-field__title,.a-form-input{display:block;white-space:nowrap}.a-form-field__title:not(:first-child):not(:last-child),.a-form-input:not(:first-child):not(:last-child){border-radius:0}.a-form-field__title:first-child,.a-form-input:first-child{border-radius:6px 0 0 6px}.a-form-field__title:last-child,.a-form-input:last-child{border-radius:0 6px 6px 0}.a-form-field__title:not(:first-child),.a-form-input:not(:first-child){margin-left:-2px}.a-form-input{flex:1 1 auto;margin-bottom:0;margin-top:0;position:relative;width:1%;z-index:1}.a-form-field__title{align-items:center;background:var(--group-background);border:1px solid var(--group-border);color:var(--group-color);display:flex;font-size:14px;padding:5px 10px;text-align:center;transition:background .3s ease,border .3s ease,color .3s ease;z-index:1}.a-input-group:focus-within .a-form-field__title{background:var(--group-background-focus);border-color:var(--group-border-focus);color:var(--group-color-focus)}.roi-input-group{margin-bottom:30px}.a-form-field__label{align-items:center;display:flex;font-weight:700;justify-content:flex-end;position:relative;text-align:right}.a-form-field__label .icon{align-items:center;cursor:pointer;display:flex;margin-left:7px}@media(min-width:992px){.roi-input-group{display:inline-block;max-width:120px}.a-form-field__label{font-size:12px}.a-form-field__label .icon{margin-bottom:3px}.a-form-input{padding:8px 5px;text-align:center}}@media(min-width:1600px){.a-form-input{padding:10px 5px}}