:root{--sm-breakpoint: 375px;--md-breakpoint: 768px;--lg-breakpoint: 1600px;--background-color-primary: rgba(236, 115, 59, .05);--background-color-secondary: #ffffff;--border-color: #e2e2e2;--text-color: #050400;--color-primary-100: #fef8f5;--color-primary-200: #fceae2;--color-primary-400: #f0aa89;--color-primary-500: #ec733b;--color-primary-700: #c85000;--color-secondary-400: #2a49ff;--color-secondary-500: #1d2d63;--color-purple-500: #6b43a5;--color-orange-500: #ba5527;--color-green-500: #0e8931;--color-red-500: #e52525;--greyscale-100: #ffffff;--greyscale-200: #f8f8f8;--greyscale-300: #ebebeb;--greyscale-500: #adadad;--greyscale-600: #757575;--greyscale-700: #595959;--greyscale-750: #454545;--greyscale-900: #050400;--color-success: #0e8931;--color-warning: #ff771c;--color-error: #e52525;--color-error-100: #e5252526;--title-font: "Roboto", sans-serif;--body-font: "Roboto", sans-serif}.input-label{font-family:var(--body-font, "Roboto", sans-serif);font-size:14px;color:var(--text-color, #050400);font-size:12px;letter-spacing:.16px;font-weight:400;display:block;margin-bottom:5px;color:var(--greyscale-600, #757575)}.input-field{position:relative;appearance:textfield}.input-field input[type=number]{appearance:textfield;-moz-appearance:textfield}.input-field input[type=number]::-webkit-inner-spin-button,.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field-input{width:100%;padding:10.5px 16px;border:1px solid var(--greyscale-500, #adadad);border-radius:8px;color:var(--greyscale-900, #050400);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-field-input::placeholder{color:var(--greyscale-500, #adadad)}.input-field-input:focus{outline:none;border-color:var(--color-secondary-500, #1d2d63)}.input-field-input.error{border-color:var(--color-error, #e52525)}.input-field-input.error:focus{box-shadow:0 0 0 3px #ef444440}.input-field-input[readonly],.input-field-input[disabled]{color:var(--greyscale-700, #595959);background-color:var(--greyscale-200, #f8f8f8);cursor:not-allowed;border-color:var(--greyscale-300, #ebebeb)}.input-field-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--greyscale-600, #757575)}.input-error{margin-top:.375rem;color:var(--color-error, #e52525)}