:where(.motile-input-root){display:block;width:100%}:where(.motile-input){width:100%;border:1px solid #e5e8eb;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:400;color:#111827;background:#fff;outline:none;transition:none;min-height:48px;line-height:1.4;box-sizing:border-box}:where(.motile-input:hover:not(:disabled):not(:focus):not(.motile-input--error)){border-color:#c9cdd2}:where(.motile-input--outlined){border:2px solid #e5e8eb}:where(.motile-input--outlined:focus){border:2px solid var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) )}:where(.motile-input--outlined:disabled){background:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}:where(.motile-input--underline:disabled){background:transparent;color:#9ca3af;cursor:not-allowed;border-bottom-color:#e5e7eb;opacity:.5}:where(.motile-input--outlined.motile-input--error){border:2px solid #ef4444;background:#fef5f5}:where(.motile-input--outlined.motile-input--error:focus){border:2px solid #ef4444;background:#fef5f5}:where(.motile-input-wrapper--shake){animation:motile-input-shake .5s ease-in-out}@keyframes motile-input-shake{0%{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}:where(.motile-input)::placeholder{color:#9ca3af;opacity:1}:where(.motile-input-wrapper){position:relative;width:100%}:where(.motile-input--underline){border:none;border-bottom:2px solid #e5e8eb;border-radius:0;background:transparent;padding:18px 4px 4px;height:48px;line-height:1.5;transition:border-color .2s ease}:where(.motile-input--underline:hover:not(:disabled):not(:focus):not(.motile-input--error)){border-bottom-color:#9ca3af}:where(.motile-input--underline:focus){border:none;border-bottom:2px solid var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) );padding:18px 4px 4px;height:48px;line-height:1.5}:where(.motile-input--underline.motile-input--error){border-bottom-color:#ef4444}:where(.motile-input--underline.motile-input--error:focus){border-bottom:2px solid #ef4444;padding:18px 4px 4px;height:48px;line-height:1.5}:where(.motile-input--with-left-icon){padding-left:40px}:where(.motile-input--outlined.motile-input--with-left-icon:focus){padding-left:40px}:where(.motile-input--underline.motile-input--with-left-icon){padding-left:32px}:where(.motile-input--underline.motile-input--with-left-icon:focus){padding-left:32px}:where(.motile-input--with-right-content){padding-right:40px}:where(.motile-input--outlined.motile-input--with-right-content:focus){padding-right:40px}:where(.motile-input--underline.motile-input--with-right-content){padding-right:32px}:where(.motile-input--underline.motile-input--with-right-content:focus){padding-right:32px}:where(.motile-input__left-icon){position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#9ca3af;pointer-events:none}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__left-icon){left:4px;top:calc(50% + 7px)}:where(.motile-input__left-icon svg){width:100%;height:100%}:where(.motile-input__right-icon){position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#9ca3af;pointer-events:none}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__right-icon){right:4px;top:calc(50% + 7px)}:where(.motile-input__right-icon svg){width:100%;height:100%}:where(.motile-input__clear-button){position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;transition:background-color .2s ease,color .2s ease}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__clear-button){right:4px;top:calc(50% + 7px)}:where(.motile-input__clear-button:hover){background:#f3f4f6;color:#6b7280}:where(.motile-input__clear-icon){width:16px;height:16px}@media (max-width:768px){:where(.motile-input){font-size:16px;padding:12px;min-height:44px}:where(.motile-input--outlined){border:2px solid #e5e8eb}:where(.motile-input--outlined:focus){border:2px solid var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) )}:where(.motile-input--underline){padding:18px 4px 4px;height:48px;line-height:1.5}:where(.motile-input--underline:focus){border-bottom:2px solid var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) );padding:18px 4px 4px;height:48px;line-height:1.5}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__left-icon){top:calc(50% + 7px);transform:translateY(-50%)}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__right-icon){top:calc(50% + 7px);transform:translateY(-50%)}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__clear-button){top:calc(50% + 7px);transform:translateY(-50%)}:where(.motile-input--with-left-icon){padding-left:40px}:where(.motile-input--outlined.motile-input--with-left-icon:focus){padding-left:40px}:where(.motile-input--outlined.motile-input--with-label.motile-input--with-left-icon){padding-left:40px}:where(.motile-input--outlined.motile-input--with-label.motile-input--with-left-icon:focus){padding-left:40px}:where(.motile-input--underline.motile-input--with-left-icon){padding-left:32px}:where(.motile-input--underline.motile-input--with-left-icon:focus){padding-left:32px}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input--with-label.motile-input--with-left-icon){padding-left:32px}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input--with-label.motile-input--with-left-icon:focus){padding-left:32px}:where(.motile-input--with-right-content){padding-right:36px}:where(.motile-input--outlined.motile-input--with-right-content:focus){padding-right:36px}:where(.motile-input--underline.motile-input--with-right-content){padding-right:32px}:where(.motile-input--underline.motile-input--with-right-content:focus){padding-right:32px}}@supports (-webkit-touch-callout:none){:where(.motile-input){-webkit-tap-highlight-color:transparent}}:where(.motile-input__helper-text){display:flex;align-items:flex-start;margin-top:4px;min-height:16px;gap:8px}:where(.motile-input__helper-text--both){justify-content:space-between}:where(.motile-input__helper-text--error-only){justify-content:flex-start}:where(.motile-input__helper-text--counter-only){justify-content:flex-end}:where(.motile-input__error-message){font-size:12px;color:#ef4444;line-height:16px;flex:1 1}:where(.motile-input__counter){font-size:12px;color:#9ca3af;line-height:16px;white-space:nowrap;flex-shrink:0}:where(.motile-input__label){position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:#9ca3af;pointer-events:none;transition:all .2s ease;background:transparent;padding:0;z-index:1}:where(.motile-input--with-label)::placeholder{opacity:0}:where(.motile-input--with-label:focus)::placeholder{opacity:1}:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:not(:placeholder-shown)) .motile-input__label){top:0;transform:translateY(-50%);font-size:12px;background:#fff;padding:0 4px}:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:focus) .motile-input__label:not(.motile-input__label--error)),:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:not(:placeholder-shown)) .motile-input__label:not(.motile-input__label--error)){color:var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) )}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__label){left:4px;top:calc(50% + 7px);transform:translateY(-50%)}:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:not(:placeholder-shown)) .motile-input__label){top:14px;transform:translateY(-100%);font-size:12px}:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:focus) .motile-input__label:not(.motile-input__label--error)),:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:not(:placeholder-shown)) .motile-input__label:not(.motile-input__label--error)){color:var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) )}:where(.motile-input-wrapper:has(.motile-input:focus) .motile-input__label--error),:where(.motile-input-wrapper:has(.motile-input:not(:placeholder-shown)) .motile-input__label--error){color:#ef4444}:where(.motile-input--outlined.motile-input--with-label){padding-top:12px;padding-bottom:12px}:where(.motile-input--outlined.motile-input--with-label.motile-input--with-left-icon){padding-left:40px}:where(.motile-input--outlined.motile-input--with-label.motile-input--with-left-icon:focus){padding-left:40px}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input--with-label.motile-input--with-left-icon){padding-left:32px}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input--with-label.motile-input--with-left-icon:focus){padding-left:32px}:where(.motile-input-wrapper:has(.motile-input--with-left-icon) .motile-input__label){left:44px}:where(.motile-input-wrapper:has(.motile-input--underline.motile-input--with-left-icon) .motile-input__label){left:32px;top:calc(50% + 7px);transform:translateY(-50%)}:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input--with-left-icon):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input--with-left-icon):has(.motile-input:not(:placeholder-shown)) .motile-input__label){left:40px}:where(.motile-input-wrapper:has(.motile-input--underline.motile-input--with-left-icon):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:has(.motile-input--underline.motile-input--with-left-icon):has(.motile-input:not(:placeholder-shown)) .motile-input__label){left:4px;top:14px;transform:translateY(-100%)}@media (max-width:768px){:where(.motile-input__label){font-size:16px;left:12px}:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:not(:placeholder-shown)) .motile-input__label){font-size:12px}:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:focus) .motile-input__label:not(.motile-input__label--error)),:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input:not(:placeholder-shown)) .motile-input__label:not(.motile-input__label--error)){color:var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) )}:where(.motile-input-wrapper:has(.motile-input--underline) .motile-input__label){left:4px;top:calc(50% + 7px);transform:translateY(-50%)}:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:not(:placeholder-shown)) .motile-input__label){font-size:12px;top:14px;transform:translateY(-100%)}:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:focus) .motile-input__label:not(.motile-input__label--error)),:where(.motile-input-wrapper:has(.motile-input--underline):has(.motile-input:not(:placeholder-shown)) .motile-input__label:not(.motile-input__label--error)){color:var( --motile-input-color,var(--motile-ui-input,var(--motile-theme,#3182f6)) )}:where(.motile-input-wrapper:has(.motile-input--with-left-icon) .motile-input__label){left:40px}:where(.motile-input-wrapper:has(.motile-input--underline.motile-input--with-left-icon) .motile-input__label){left:32px;top:calc(50% + 7px);transform:translateY(-50%)}:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input--with-left-icon):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:not(:has(.motile-input--underline)):has(.motile-input--with-left-icon):has(.motile-input:not(:placeholder-shown)) .motile-input__label){left:36px}:where(.motile-input-wrapper:has(.motile-input--underline.motile-input--with-left-icon):has(.motile-input:focus) .motile-input__label),:where(.motile-input-wrapper:has(.motile-input--underline.motile-input--with-left-icon):has(.motile-input:not(:placeholder-shown)) .motile-input__label){left:4px;top:14px;transform:translateY(-100%)}}