@layer components{.InputField{font-family:Inter,fallback-font,sans-serif;font-weight:400;font-size:16px;line-height:1.5;width:100%;display:-ms-flexbox;display:flex;border:1px solid #d0d5dd;border-radius:8px;color:#1d2939;background-color:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);-webkit-transition:color .15s linear,border-color .15s linear,background-color .15s linear,-webkit-box-shadow .15s linear;transition:color .15s linear,border-color .15s linear,background-color .15s linear,-webkit-box-shadow .15s linear;transition:color .15s linear,border-color .15s linear,background-color .15s linear,box-shadow .15s linear;transition:color .15s linear,border-color .15s linear,background-color .15s linear,box-shadow .15s linear,-webkit-box-shadow .15s linear;position:relative;-ms-flex-align:stretch;align-items:stretch;height:40px;overflow:hidden}.InputField__prefix{-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;color:#98a2b3;border-right:1px solid #eaecf0;white-space:nowrap}.InputField__main,.InputField__prefix{display:-ms-flexbox;display:flex;padding-left:12px;padding-right:12px}.InputField__main{-ms-flex-positive:1;flex-grow:1;gap:8px}.InputField__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;font-size:20px;color:#98a2b3}.InputField__input{font-family:Inter,fallback-font,sans-serif;font-weight:400;font-size:16px;line-height:1.5;width:100%;outline:none;border:0;background:rgba(0,0,0,0);color:#1d2939}.InputField__input::-webkit-input-placeholder{color:#98a2b3}.InputField__input::-moz-placeholder{color:#98a2b3}.InputField__input:-ms-input-placeholder{color:#98a2b3}.InputField__input::-ms-input-placeholder{color:#98a2b3}.InputField__input::placeholder{color:#98a2b3}.InputField__input{padding:0;-ms-flex-positive:1;flex-grow:1}.InputField__suffix{color:#98a2b3;white-space:nowrap}.InputField__action,.InputField__suffix{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.InputField__action{-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:38px;border-left:1px solid #eaecf0}.InputField:focus-within{-webkit-box-shadow:0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1);box-shadow:0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1)}.InputField:hover{border-color:#98a2b3}.InputField--disabled,.InputField--disabled:hover{cursor:not-allowed;color:#98a2b3;border-color:#eaecf0}.InputField--disabled .InputField__main,.InputField--disabled:hover .InputField__main{background-color:#f2f4f7}.InputField--disabled .InputField__input,.InputField--disabled:hover .InputField__input{color:#98a2b3;cursor:not-allowed}.InputField--disabled .InputField__input::-webkit-input-placeholder,.InputField--disabled:hover .InputField__input::-webkit-input-placeholder{color:#d0d5dd}.InputField--disabled .InputField__input::-moz-placeholder,.InputField--disabled:hover .InputField__input::-moz-placeholder{color:#d0d5dd}.InputField--disabled .InputField__input:-ms-input-placeholder,.InputField--disabled:hover .InputField__input:-ms-input-placeholder{color:#d0d5dd}.InputField--disabled .InputField__input::-ms-input-placeholder,.InputField--disabled:hover .InputField__input::-ms-input-placeholder{color:#d0d5dd}.InputField--disabled .InputField__input::placeholder,.InputField--disabled:hover .InputField__input::placeholder{color:#d0d5dd}.InputField--disabled .InputField__prefix,.InputField--disabled .InputField__suffix,.InputField--disabled:hover .InputField__prefix,.InputField--disabled:hover .InputField__suffix{color:#d0d5dd;background-color:#f2f4f7}.InputField--size-90{height:32px}.InputField--size-90,.InputField--size-90 .InputField__input{font-family:Inter,fallback-font,sans-serif;font-weight:400;font-size:14px;line-height:1.5}.InputField--size-90 .InputField__icon{font-size:16px}.InputField--size-90 .InputField__action{width:30px}.InputField--size-200{height:48px}.InputField--size-200 .InputField__main{padding-left:16px;padding-right:16px;gap:12px}.InputField--size-200 .InputField__action{width:46px}.InputField--appearance-error{border-color:#fda29b}.InputField--appearance-error:hover{border-color:#f97066}.InputField--appearance-error.InputField--disabled,.InputField--appearance-error.InputField--disabled:hover{border-color:#eaecf0}.InputField--mixed:hover{border-color:#d0d5dd}.InputField--mixed .InputField__input{color:#1d2939;font-style:italic}.InputField--mixed.InputField--disabled .InputField__input,.InputField--mixed.InputField--disabled:hover .InputField__input{color:#98a2b3}}