.ls-input-wrapper{display:flex;flex-direction:column;font-family:var(--ls-font-family, "Noto Sans", Arial, sans-serif);width:100%;min-width:0;position:relative;box-sizing:border-box;gap:var(--ls-form-field-message-gap, 6px);--ls-input-label-color: var(--ls-form-input-label, var(--ls-color-text-muted, #808080));--ls-input-disabled-text: var(--ls-form-input-disabled-text, var(--ls-color-disabled, #a0a0a0))}.ls-input-shell{position:relative;width:100%;min-width:0;display:block;box-sizing:border-box}.ls-input-control{position:relative;flex:1;width:100%;min-width:0}.ls-input-shell--prefixed{display:flex;align-items:stretch;border:1px solid var(--ls-form-input-border, var(--ls-border-color, #dadada));border-radius:var(--ls-input-border-radius, var(--ls-radius-md, 12px));transition:border-color var(--ls-motion-standard, .22s) var(--ls-motion-ease-standard, ease),box-shadow var(--ls-motion-standard, .22s) var(--ls-motion-ease-standard, ease)}.ls-input-shell--prefixed .ls-input-prefix{display:flex;align-items:center;flex-shrink:0;padding:0 14px;border-right:1px solid var(--ls-form-input-border, var(--ls-border-color, #dadada));border-radius:var(--ls-input-border-radius, var(--ls-radius-md, 12px)) 0 0 var(--ls-input-border-radius, var(--ls-radius-md, 12px));background:var(--ls-color-background-alt, #f3f3f3);color:var(--ls-color-text-muted, #808080);font-size:var(--ls-font-size-base, 16px);white-space:nowrap}.ls-input-shell--prefixed .ls-input{min-height:calc(var(--ls-form-input-height, 50px) - 2px);border:0;border-radius:0 var(--ls-input-border-radius, var(--ls-radius-md, 12px)) var(--ls-input-border-radius, var(--ls-radius-md, 12px)) 0;box-shadow:none}.ls-input-shell--prefixed .ls-input--small{min-height:calc(var(--ls-form-input-height-small, 42px) - 2px)}.ls-input-shell--prefixed .ls-input--large{min-height:calc(var(--ls-form-input-height-large, 56px) - 2px)}.ls-input-shell--prefixed .ls-input:focus{box-shadow:none}.ls-input-shell--prefixed:focus-within{border-color:var(--ls-form-input-focus-border, var(--ls-color-primary, #312783));box-shadow:var(--ls-shadow-focus, 0 0 0 3px rgba(49, 39, 131, .7))}.ls-input-wrapper--error .ls-input-shell--prefixed{border-color:var(--ls-form-input-error, var(--ls-color-error, #e52f2f));box-shadow:var(--ls-shadow-error, 0 0 0 3px rgba(229, 47, 47, .65))}.ls-input-wrapper--success:not(.ls-input-wrapper--error) .ls-input-shell--prefixed{border-color:var(--ls-form-input-success, var(--ls-color-success, #58db33));box-shadow:var(--ls-shadow-success, 0 0 0 3px rgba(88, 219, 51, .8))}.ls-input-shell--prefixed.ls-input-shell--disabled{border-color:var(--ls-form-input-disabled-border, var(--ls-color-disabled, #a0a0a0))}.ls-input-shell--prefixed.ls-input-shell--disabled .ls-input-prefix{color:var(--ls-input-disabled-text, var(--ls-color-disabled, #a0a0a0))}.ls-input,.form-input{width:100%;min-width:0;box-sizing:border-box;font-family:var(--ls-font-family, "Noto Sans", Arial, sans-serif);font-size:var(--ls-font-size-base, 16px);line-height:var(--ls-line-height, 1.5);min-height:var(--ls-form-input-height, 50px);padding:12px 14px;background-color:var(--ls-form-input-bg, var(--ls-color-surface, var(--ls-palette-common-white, #ffffff)));color:var(--ls-color-text, #000000);border:1px solid var(--ls-form-input-border, var(--ls-border-color, #dadada));border-radius:var(--ls-input-border-radius, var(--ls-radius-md, 12px));transition:border-color var(--ls-motion-standard, .22s) var(--ls-motion-ease-standard, ease),box-shadow var(--ls-motion-standard, .22s) var(--ls-motion-ease-standard, ease);outline:none}.ls-input::placeholder,.form-input::placeholder{color:var(--ls-form-input-placeholder, var(--ls-color-text-muted, #808080));opacity:.8}.ls-input:focus,.form-input:focus{border-color:var(--ls-form-input-focus-border, var(--ls-color-primary, #312783));box-shadow:var(--ls-shadow-focus, 0 0 0 3px rgba(49, 39, 131, .7))}.ls-input:disabled,.form-input:disabled{background-color:var(--ls-form-input-disabled-bg, var(--ls-color-background-alt, #f3f3f3));border-color:var(--ls-form-input-disabled-border, var(--ls-color-disabled, #a0a0a0));color:var(--ls-input-disabled-text, var(--ls-color-disabled, #a0a0a0));cursor:not-allowed}.ls-input--large,.form-input--large{font-size:var(--ls-font-size-large, 20px);min-height:var(--ls-form-input-height-large, 56px);padding:14px 16px;border-radius:var(--ls-input-border-radius, var(--ls-radius-md, 12px))}.ls-input--small,.form-input--small{font-size:var(--ls-font-size-small, 12px);min-height:var(--ls-form-input-height-small, 42px);padding:8px 10px;border-radius:var(--ls-input-border-radius, var(--ls-radius-md, 12px))}.form-label{display:inline-flex;align-items:center;font-size:var(--ls-font-size-label, 14px);font-weight:600;color:var(--ls-form-input-label, var(--ls-color-text-muted, #808080));line-height:1.2}.ls-input-label{display:inline-flex;align-items:center;padding:0;margin-bottom:0;font-size:var(--ls-font-size-label, 14px);color:var(--ls-input-label-color);font-weight:600;max-height:33%;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-input-label--required:after,.form-label--required:after{content:"*";color:var(--ls-color-error, #e52f2f);margin-left:4px}.ls-input-helper,.form-helper{font-size:var(--ls-font-size-small, 12px);color:var(--ls-color-text-muted, #808080);line-height:1.4}.ls-input--error,.form-input--error{border-color:var(--ls-form-input-error, var(--ls-color-error, #e52f2f));box-shadow:var(--ls-shadow-error, 0 0 0 3px rgba(229, 47, 47, .65));outline:none}.ls-input--success,.form-input--success{border-color:var(--ls-form-input-success, var(--ls-color-success, #58db33));box-shadow:var(--ls-shadow-success, 0 0 0 3px rgba(88, 219, 51, .8));outline:none}.ls-input-error-text,.form-error-text{color:var(--ls-color-error, #e52f2f);font-size:var(--ls-font-size-small, 12px);line-height:1.4}.ls-input-group,.input-group{position:relative}.ls-input-icon-left,.input-icon-left{position:absolute;z-index:1;left:14px;top:50%;transform:translateY(-50%);color:var(--ls-color-text-muted, #808080)}.ls-input-icon-right,.input-icon-right{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ls-color-text-muted, #808080)}.ls-input-group.ls-input-group--icon-left .ls-input,.ls-input-group.ls-input-group--icon-left input,.ls-input-group.ls-input-group--icon-left .ls-input-shell,.input-group.input-group--icon-left .ls-input,.input-group.input-group--icon-left input{padding-left:42px}.ls-input-group.ls-input-group--icon-right .ls-input,.ls-input-group.ls-input-group--icon-right input,.ls-input-group.ls-input-group--icon-right .ls-input-shell,.input-group.input-group--icon-right .ls-input,.input-group.input-group--icon-right input{padding-right:42px}.ls-input-group.ls-input-group--icon-both .ls-input,.ls-input-group.ls-input-group--icon-both input,.ls-input-group.ls-input-group--icon-both .ls-input-shell,.input-group.input-group--icon-both .ls-input,.input-group.input-group--icon-both input{padding-left:42px;padding-right:42px}.ls-input-wrapper--with-label .ls-input,.ls-input-wrapper--with-label .form-input{padding-top:12px;padding-bottom:12px}.ls-input-wrapper--with-label .ls-input--small,.ls-input-wrapper--with-label .form-input--small{padding-top:8px;padding-bottom:10px}.ls-input-wrapper--with-label .ls-input--large,.ls-input-wrapper--with-label .form-input--large{padding-top:14px;padding-bottom:14px}.ls-input-floating{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 14px;pointer-events:none;align-items:flex-start}.ls-input-wrapper--active .ls-input-floating{justify-content:flex-start;padding-top:8px}.ls-input-wrapper--small .ls-input-floating{padding:0 10px}.ls-input-wrapper--small.ls-input-wrapper--active .ls-input-floating{padding-top:6px}.ls-input-wrapper--large .ls-input-floating{padding:0 16px}.ls-input-wrapper--large.ls-input-wrapper--active .ls-input-floating{padding-top:10px}.ls-input-group.ls-input-group--icon-left .ls-input-floating,.ls-input-group.ls-input-group--icon-both .ls-input-floating,.input-group.input-group--icon-left .ls-input-floating,.input-group.input-group--icon-both .ls-input-floating{padding-left:42px}.ls-input-placeholder{font-size:var(--ls-font-size-base, 16px);color:var(--ls-color-text-muted, #808080);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-input-wrapper--small .ls-input-placeholder{font-size:var(--ls-font-size-small, 12px)}.ls-input-wrapper--large .ls-input-placeholder{font-size:var(--ls-font-size-base, 16px)}
