.textinput__label{position:absolute;top:0;display:block;width:100%;overflow-x:hidden;white-space:nowrap;text-overflow:clip;font-size:var(--font-size-xs);font-weight:var(--font-weight);line-height:var(--line-height-xs)}.textinput__label--optional{font-weight:var(--font-weight-regular)}.has-error .textinput__label--optional{color:var(--base-error-color)}.has-info .textinput__label--optional{color:var(--info)}.has-success .textinput__label--optional{color:var(--success)}.textinput__label--bottom{color:var(--formfield-border-color);margin:var(--size-2xs) var(--size-5xs) var(--size-5xs) var(--size-5xs);text-align:right;line-height:var(--line-height-4xs);letter-spacing:var(--letter-spacing-m);font-size:var(--font-size-5xs)}.has-info .textinput__label--bottom{color:var(--info)}.has-success .textinput__label--bottom{color:var(--success)}[dir=rtl] .textinput__label--bottom{text-align:left}.textinput__more-info{position:absolute;right:0;color:var(--interactive-primary)}.textinput__field{background-color:var(--ui-background);border-radius:0;color:inherit;font-family:inherit;font-size:var(--font-size-xs);font-weight:lighter;line-height:var(--line-height-xs);letter-spacing:var(--letter-spacing-xs);height:var(--size-2m);width:100%;display:block;background-image:none;background-clip:padding-box;border:0;border-bottom:var(--border-xs) solid var(--formfield-border-color);box-sizing:border-box;padding:var(--size-5xs);padding-bottom:var(--size-3xs)-var(--border-xs)}.has-error .textinput__field{font-weight:var(--font-weight-bold);border-bottom-color:var(--base-error-color)}.has-info .textinput__field{border-bottom-color:var(--info)}.has-success .textinput__field{border-bottom-color:var(--success)}.textinput__field:focus{color:var(--interactive-primary);border-color:var(--interactive-primary);outline:var(--border-m) solid rgba(0,0,0,0)}.has-error .textinput__field{color:var(--base-error-color)}.has-info .textinput__field{color:var(--info)}.has-success .textinput__field{color:var(--success)}.textinput__label--static{pointer-events:none;font-size:var(--font-size-5xs);color:var(--grey-1);line-height:var(--line-height-4xs);letter-spacing:var(--letter-spacing-m);font-weight:var(--font-weight-semibold);text-overflow:ellipsis}.textinput__label--floating{pointer-events:none;transform:translate(0px, var(--size-s));color:inherit;letter-spacing:var(--letter-spacing-xs)}.textinput__field--floating.is-filled~.textinput__label,.textinput__field--floating:not(:placeholder-shown)~.textinput__label,.textinput__field--floating:focus~.textinput__label{text-overflow:ellipsis;font-size:var(--font-size-5xs);font-weight:var(--font-weight-bold);transform:translate(0px, 0px);line-height:var(--line-height-4xs);letter-spacing:var(--letter-spacing-m)}.textinput__field--floating:focus~.textinput__label{color:var(--interactive-primary)}.has-error .textinput__field--floating:focus~.textinput__label{color:var(--base-error-color)}.has-info .textinput__field--floating:focus~.textinput__label{color:var(--info)}.has-success .textinput__field--floating:focus~.textinput__label{color:var(--success)}.textinput__field--floating:focus~.textinput__label--bottom{color:var(--interactive-primary)}.has-error .textinput__field--floating:focus~.textinput__label--bottom{color:var(--base-error-color)}.has-info .textinput__field--floating:focus~.textinput__label--bottom{color:var(--info)}.has-success .textinput__field--floating:focus~.textinput__label--bottom{color:var(--success)}.textinput__label--animating{transition:transform .15s ease-out,font-size .15s ease-out,line-height .15s ease-out}@keyframes onAutoFillStart{}.textinput__field:-webkit-autofill{animation-name:onAutoFillStart;transition:background-color 50000s ease-in-out 0s;outline:none}.textinput__field:-webkit-autofill::first-line{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xs);letter-spacing:var(--letter-spacing-xs)}.textinput__field:-webkit-autofill:focus{-webkit-text-fill-color:var(--interactive-primary)}.textfield{position:relative;padding-top:var(--size-s);margin-top:var(--size-2m)}.textfield--negative{text-align:left}.textfield--negative .textinput__label,.textfield--negative .textinput__field{color:var(--default-white);border-color:var(--default-white)}.textfield--negative .textinput__field--floating:focus~.textinput__label,.textfield--negative .textinput__field:focus~.textinput__label--bottom{color:var(--default-white)}.textfield--negative .textinput__field{background:rgba(0,0,0,0)}.textfield--negative .textinput__label--bottom{color:var(--default-white)}[dir=rtl] .textfield--negative{text-align:right}.textfield.textfield--center{text-align:center}.textfield.textfield--center .textinput__field{text-align:center}.textfield--prefix-suffix{display:block}.textfield--prefix-suffix .textfield__prefix-suffix-container{display:flex}.textfield--prefix-suffix .textfield__input-container{flex:1}.textfield--prefix-suffix .textfield__prefix,.textfield--prefix-suffix .textfield__suffix{height:var(--size-2m);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xs);border-bottom:var(--border-xs) solid var(--grey-1);letter-spacing:var(--letter-spacing-xs)}.textfield--prefix-suffix .textfield__prefix{padding-right:var(--size-2xs)}.textfield--prefix-suffix .textfield__suffix{padding-left:var(--size-2xs)}.textfield--prefix-suffix.is-focus .textfield__prefix,.textfield--prefix-suffix.is-focus .textfield__suffix{transition:color .2s ease,outline .2s ease;border-radius:var(--accessibility-border-radius);outline:var(--accessibility-border) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-space-border)}.textfield--prefix-suffix.has-error .textfield__prefix,.textfield--prefix-suffix.has-error .textfield__suffix{color:var(--base-error-color);font-weight:var(--font-weight-bold)}.textfield--prefix-suffix.has-error:not(.is-focus) .textfield__prefix,.textfield--prefix-suffix.has-error:not(.is-focus) .textfield__suffix{border-color:var(--base-error-color)}.textfield--prefix-suffix.has-info .textfield__prefix,.textfield--prefix-suffix.has-info .textfield__suffix{color:var(--info)}.textfield--prefix-suffix.has-info:not(.is-focus) .textfield__prefix,.textfield--prefix-suffix.has-info:not(.is-focus) .textfield__suffix{border-color:var(--info)}.textfield--prefix-suffix.has-success .textfield__prefix,.textfield--prefix-suffix.has-success .textfield__suffix{color:var(--success)}.textfield--prefix-suffix.has-success:not(.is-focus) .textfield__prefix,.textfield--prefix-suffix.has-success:not(.is-focus) .textfield__suffix{border-color:var(--success)}.textfield--prefix-suffix.textfield--negative .textfield__prefix,.textfield--prefix-suffix.textfield--negative .textfield__suffix{background-color:rgba(0,0,0,0);color:var(--default-white) !important;border-color:var(--default-white) !important}.textfield[disabled]{cursor:not-allowed}.textfield[disabled] .textinput__field,.textfield[disabled] .textfield__prefix,.textfield[disabled] .textfield__suffix{color:var(--grey-5);background-color:rgba(0,0,0,0);border-bottom-color:var(--grey6);pointer-events:none}.textfield[disabled] .textinput__label,.textfield[disabled] .textinput__label--bottom{color:var(--grey-5)}.textfield[disabled].textfield--negative .textinput__field,.textfield[disabled].textfield--negative .textfield__prefix,.textfield[disabled].textfield--negative .textfield__suffix,.textfield[disabled].textfield--negative .textinput__label,.textfield[disabled].textfield--negative .textinput__label--bottom{color:rgba(var(--default-white), 0.5) !important}.textfield[disabled].textfield--negative .textinput__field,.textfield[disabled].textfield--negative .textfield__prefix,.textfield[disabled].textfield--negative .textfield__suffix{border-bottom-color:rgba(var(--default-white), 0.5) !important}