:root{--sympli-field-border-width:1px;--sympli-field-border-color:var(--color-grays-lighter);--sympli-field-border-radius:18px;--sympli-field-shadow:0 .5px .5px 0 var(--color-grays-light);--sympli-field-background:var(--color-background-main);--sympli-field-hover-background:var(--color-background-main);--sympli-field-hover-border-color:var(--color-brand-primary-main);--sympli-field-focus-border-color:var(--color-brand-primary-light);--sympli-field-focus-background:var(--color-background-main);--sympli-field-disabled-background:var(--color-grays-lighter);--sympli-field-disabled-border-color:var(--color-grays-light);--sympli-field-invalid-border-color:var(--color-error-main);--sympli-field-height:40px;--sympli-field-min-height:40px;--sympli-field-transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease}.sympli-input{--sympli-input-radius:var(--sympli-field-border-radius);width:100%;height:var(--sympli-field-height);min-height:var(--sympli-field-min-height);max-height:var(--sympli-field-height);box-sizing:border-box;border:1px solid var(--color-grays-lighter);border-radius:var(--sympli-input-radius);box-shadow:0 .5px .5px 0 var(--color-grays-light);background-color:var(--color-background-main);color:var(--color-text-main);--p-inputtext-background:transparent;--p-inputtext-disabled-background:transparent;--p-inputtext-border-color:transparent;--p-inputtext-hover-border-color:transparent;--p-inputtext-focus-border-color:transparent;--p-inputtext-invalid-border-color:transparent;--p-inputtext-color:var(--color-text-main);--p-inputtext-disabled-color:var(--color-text-disable);--p-inputtext-placeholder-color:var(--color-carbon-gray-400);--p-inputtext-invalid-placeholder-color:var(--color-carbon-gray-400);--p-inputtext-border-radius:0;--p-inputtext-shadow:none;--p-inputtext-padding-x:0;--p-inputtext-padding-y:0;--p-inputtext-focus-ring-shadow:none;--p-inputtext-focus-ring-width:0;align-items:center;gap:8px;padding:0 16px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.sympli-input--fluid{width:100%}.sympli-input:not(.sympli-input--disabled):hover{background-color:var(--color-background-main);border-color:var(--color-brand-primary-main);color:var(--color-text-main);box-shadow:none}.sympli-input:focus-within:not(.sympli-input--disabled){border-color:var(--color-brand-primary-light);background-color:var(--color-background-main);box-shadow:none}.sympli-input--disabled{background-color:var(--color-grays-lighter);border-color:var(--color-grays-light);color:var(--color-text-disable);box-shadow:none;cursor:not-allowed}.sympli-input--picker:not(.sympli-input--disabled),.sympli-input--picker:not(.sympli-input--disabled) .sympli-input__control{cursor:pointer}.sympli-input--invalid:not(:focus-within){border-color:var(--color-error-main)}.sympli-input__icon{color:var(--color-icon-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;display:inline-flex}.sympli-input--disabled .sympli-input__icon{color:var(--color-text-disable)}.sympli-input__toggle{cursor:pointer;background:0 0;border:0;padding:0}.sympli-input__toggle:disabled{cursor:not-allowed}.sympli-input__toggle:focus-visible{outline:2px solid var(--color-brand-primary-light);outline-offset:2px;border-radius:4px}.sympli-input .sympli-input__control,.sympli-input .p-inputnumber-input{box-sizing:border-box;flex:1;min-width:0;height:100%;max-height:100%;font-size:.9375rem;line-height:1.25}.sympli-input .sympli-input__control:disabled,.sympli-input .p-inputnumber-input:disabled{-webkit-text-fill-color:var(--color-text-disable)}.sympli-input .sympli-input__control:-webkit-autofill{-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-text-main);-webkit-box-shadow:0 0 0 100px var(--color-background-main) inset;box-shadow:0 0 0 100px var(--color-background-main) inset;transition:background-color 600000s,color 600000s}.sympli-input .sympli-input__control:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-text-main);-webkit-box-shadow:0 0 0 100px var(--color-background-main) inset;box-shadow:0 0 0 100px var(--color-background-main) inset;transition:background-color 600000s,color 600000s}.sympli-input .sympli-input__control:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-text-main);-webkit-box-shadow:0 0 0 100px var(--color-background-main) inset;box-shadow:0 0 0 100px var(--color-background-main) inset;transition:background-color 600000s,color 600000s}.sympli-input .sympli-input__control:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-text-main);-webkit-box-shadow:0 0 0 100px var(--color-background-main) inset;box-shadow:0 0 0 100px var(--color-background-main) inset;transition:background-color 600000s,color 600000s}.sympli-input .p-inputnumber-input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-text-main);-webkit-box-shadow:0 0 0 100px var(--color-background-main) inset;box-shadow:0 0 0 100px var(--color-background-main) inset;transition:background-color 600000s,color 600000s}.sympli-input .p-inputnumber-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-text-main);-webkit-box-shadow:0 0 0 100px var(--color-background-main) inset;box-shadow:0 0 0 100px var(--color-background-main) inset;transition:background-color 600000s,color 600000s}.sympli-input .p-inputnumber-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-text-main);-webkit-box-shadow:0 0 0 100px var(--color-background-main) inset;box-shadow:0 0 0 100px var(--color-background-main) inset;transition:background-color 600000s,color 600000s}.sympli-input .p-inputnumber{flex:1;align-items:center;width:100%;min-width:0;height:100%;max-height:100%;display:flex}.sympli-input .p-inputnumber-button{background:var(--color-brand-primary-lighter);border-color:var(--color-grays-lighter);color:var(--color-brand-primary-main);flex-shrink:0;transition:background-color .15s,color .15s}.sympli-input .p-inputnumber-stacked .p-inputnumber-button{height:50%;max-height:calc(var(--sympli-field-height) / 2)}.sympli-input .p-inputnumber-button:hover:not(:disabled){background:var(--color-brand-primary-main);color:var(--color-text-light)}.sympli-input-field{flex-direction:column;width:100%;display:flex}.sympli-input-field__text{margin:.25rem 0 0;font-size:.8125rem;line-height:1.25}.sympli-input-field__text--normal{color:var(--color-text-main-4)}.sympli-input-field__text--success{color:var(--color-success-main)}.sympli-input-field__text--warn{color:var(--color-warning-main)}.sympli-input-field__text--error{color:var(--color-error-main)}.sympli-input-field:has(.sympli-input--disabled) label{color:var(--color-grays-light)}.sympli-input-field:has(.sympli-input--disabled) .sympli-input-field__text{color:var(--color-grays-light)}
