@keyframes TextInput_detectScroll__HZtpX{0%,to{--can-scroll:1}}.TextInput_inputWrapper___MWSsK{cursor:text;display:flex;flex-direction:column;position:relative;gap:var(--ws-spacing-1)}.TextInput_labelWrapper___ZVRT6{margin-bottom:var(--ws-spacing-1)}.TextInput_inputInnerWrapper___5wyGR{position:relative}.TextInput_inputInnerWrapper___5wyGR:after{content:"";position:absolute;opacity:0;z-index:0;border-radius:var(--ws-border-radius-pill);border-width:var(--ws-input-focus-ring-border-width);border-style:solid;top:calc(-1*var(--ws-input-focus-ring-border-width));left:calc(-1*var(--ws-input-focus-ring-border-width));width:calc(100% + var(--ws-input-focus-ring-border-width)*2);height:calc(100% + var(--ws-input-focus-ring-border-width)*2);transition:opacity var(--ws-transition-duration) var(--ws-transition-easing1);pointer-events:none;border-color:var(--ws-color-input-focus-ring-color)}.TextInput_inputInnerWrapper___5wyGR:has(.TextInput_input___biiGQ:focus-visible):after{opacity:1}.TextInput_input___biiGQ{width:100%;border:1px solid var(--ws-color-borders);border-radius:var(--ws-border-radius-pill);outline:none;color:var(--ws-color-input-text);padding:var(--ws-spacing-1) calc(var(--ws-input-padding-inline) + var(--input-end-content-spacing)) var(--ws-spacing-1) var(--ws-input-padding-inline);height:var(--ws-min-input-height);background-color:rgba(0,0,0,0);transition:background-color var(--ws-transition-duration) var(--ws-transition-easing1),border-color var(--ws-transition-duration) var(--ws-transition-easing1)}.TextInput_input___biiGQ::placeholder{color:var(--ws-color-text-placeholder)}.TextInput_input___biiGQ:invalid{box-shadow:none}.TextInput_input___biiGQ[type=tel]{padding-left:calc(var(--ws-input-padding-inline) + var(--ws-spacing-5))}[data-has-error=true] .TextInput_input___biiGQ{border-color:var(--ws-color-text-error);padding:var(--ws-spacing-1) calc(var(--ws-input-padding-inline) + var(--input-end-content-spacing) + var(--ws-input-error-icon-spacing)) var(--ws-spacing-1) var(--ws-input-padding-inline)}[data-is-disabled=true] .TextInput_input___biiGQ{opacity:var(--ws-input-disabled-opacity);background-color:var(--ws-color-input-disabled-background)}.TextInput_iconContainer___nlvG0{position:absolute;top:0;right:var(--ws-input-padding-inline);display:flex;align-items:center;height:var(--ws-min-input-height)}[data-has-error=true] .TextInput_iconContainer___nlvG0[data-icon-error]{color:var(--ws-color-text-error)}.TextInput_iconContainer___nlvG0[data-icon-error]+.TextInput_iconContainer___nlvG0{right:calc(var(--ws-input-padding-inline) + var(--ws-input-error-icon-spacing))}.TextInput_messagesContainer___j0KLo{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ws-spacing-1);padding-inline:var(--ws-input-padding-inline)}[data-is-disabled=true] .TextInput_messagesContainer___j0KLo{opacity:.6}.TextInput_telCountryCode___4a3xZ{position:absolute;top:0;left:var(--ws-input-padding-inline);height:var(--ws-min-input-height);display:flex;align-items:center;padding:var(--ws-spacing-1) 0}[data-has-error=true] .TextInput_telCountryCode___4a3xZ[data-icon-error]{color:var(--ws-color-text-error)}.TextInput_inputWrapper___MWSsK[data-label-variant=inside] .TextInput_labelWrapper___ZVRT6{position:absolute;inset:1.25rem var(--ws-spacing-6) auto;transform-origin:0 0;transition:transform var(--ws-transition-duration) var(--ws-transition-easing1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;margin-bottom:0}.TextInput_inputWrapper___MWSsK[data-label-variant=inside] .TextInput_input___biiGQ,.TextInput_inputWrapper___MWSsK[data-label-variant=inside] .TextInput_telCountryCode___4a3xZ{padding-top:var(--ws-spacing-5)}.TextInput_inputWrapper___MWSsK[data-label-variant=inside]:has(.TextInput_input___biiGQ:focus) .TextInput_labelWrapper___ZVRT6,.TextInput_inputWrapper___MWSsK[data-label-variant=inside]:has(.TextInput_input___biiGQ:not([value=""])) .TextInput_labelWrapper___ZVRT6,.TextInput_inputWrapper___MWSsK[data-label-variant=inside]:has(.TextInput_input___biiGQ:placeholder-shown) .TextInput_labelWrapper___ZVRT6,.TextInput_inputWrapper___MWSsK[data-label-variant=inside]:has(.TextInput_input___biiGQ[type=tel]) .TextInput_labelWrapper___ZVRT6{transform:translate3d(0,-.75rem,0) scale(85%)}.TextInput_inputWrapper___MWSsK[data-is-disabled=false]:hover .TextInput_input___biiGQ:not(:focus-visible){background-color:var(--ws-color-input-hover-background)}