@charset "UTF-8";.input-text{position:relative;width:100%;height:48px;border:1px solid #837DA9;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px}.input-text.hover:not(:has(input:disabled,textarea:disabled)),.input-text:hover:not(:has(input:disabled,textarea:disabled)){border-color:#665c99;background:#e6e4f0}.input-text.hover:not(:has(input:disabled,textarea:disabled)) :is(input,textarea),.input-text:hover:not(:has(input:disabled,textarea:disabled)) :is(input,textarea){background-color:#e6e4f0}.input-text:has(textarea){height:88px}.input-text.disabled,.input-text:has(input:disabled,textarea:disabled){border-color:#e6e4f0;background:#e6e4f0}.input-text.disabled :is(input,textarea),.input-text:has(input:disabled,textarea:disabled) :is(input,textarea){background-color:#e6e4f0}.input-text.focus-visible,.input-text:has(input:focus-visible,textarea:focus-visible){border-color:#fb650e;background:#fff;outline:2px solid #612BCC;outline-offset:-1px}.input-text.focus-visible :is(input,textarea),.input-text:has(input:focus-visible,textarea:focus-visible) :is(input,textarea){background-color:#fff}.input-text[data-size=small]{height:40px}.input-text :is(input,textarea){border:none;background-color:#fff;width:100%;height:100%;font-family:simyo;font-weight:400;letter-spacing:0em;font-size:16px;line-height:24px;color:#306}.input-text :is(input,textarea)::-webkit-input-placeholder{color:#665c99;opacity:1}.input-text :is(input,textarea):-moz-placeholder{color:#665c99;opacity:1}.input-text :is(input,textarea)::-moz-placeholder{color:#665c99;opacity:1}.input-text :is(input,textarea):-ms-input-placeholder{color:#665c99;opacity:1}.input-text :is(input,textarea)::placeholder{color:#665c99;opacity:1}.input-text :is(input,textarea){padding:0 16px;border-radius:8px}.input-text :is(input,textarea):disabled{background-color:#e6e4f0}.input-text :is(input,textarea)[autocomplete=off]::-webkit-contacts-auto-fill-button,.input-text :is(input,textarea)[autocomplete=off] ::-webkit-credentials-auto-fill-button{display:none!important;margin:0;visibility:hidden;pointer-events:none;width:0;height:0}.input-text textarea{resize:none;padding:12px 16px}.input-text[data-size=small] textarea{padding:8px 16px}.input-text.has-state:after,.input-text:not([data-ignore-state=true])[data-state=valid]:after,.input-text:not([data-ignore-state=true])[data-state=invalid-input]:after,.input-text:not([data-ignore-state=true])[data-state=error]:after{position:absolute;top:50%;right:16px;content:"";z-index:1;display:block;transform:translateY(-50%);pointer-events:none}.input-text.has-state :is(input,textarea),.input-text:not([data-ignore-state=true])[data-state=valid] :is(input,textarea),.input-text:not([data-ignore-state=true])[data-state=invalid-input] :is(input,textarea),.input-text:not([data-ignore-state=true])[data-state=error] :is(input,textarea){padding-right:48px}.input-text.has-state.valid,.input-text:not([data-ignore-state=true])[data-state=valid]{border-color:#006500}.input-text.has-state.valid:after,.input-text:not([data-ignore-state=true])[data-state=valid]:after{-webkit-mask:url(/assets/images/icons/ui/check-circled.svg) center/contain no-repeat;mask:url(/assets/images/icons/ui/check-circled.svg) center/contain no-repeat;background-color:green;width:20px;height:20px}.input-text:not([data-ignore-state=true])[data-state=invalid-input]{outline-offset:-1px;animation:invalid-input-outline .25s ease-out forwards}.input-text:not([data-ignore-state=true])[data-state=invalid-input] :is(input,textarea){animation:invalid-input-background .25s ease-out forwards}.input-text.has-state.error,.input-text:not([data-ignore-state=true])[data-state=error]{border-color:#be1717}.input-text.has-state.error:after,.input-text:not([data-ignore-state=true])[data-state=error]:after{-webkit-mask:url(/assets/images/icons/ui/error-circled.svg) center/contain no-repeat;mask:url(/assets/images/icons/ui/error-circled.svg) center/contain no-repeat;background-color:#dc0101;width:20px;height:20px}.input-text[data-size=small] :is(input,textarea){font-family:simyo;font-weight:400;letter-spacing:0em;font-size:14px;line-height:20px}@keyframes invalid-input-outline{0%{outline:2px solid #DC0101}to{outline:2px solid #612BCC}}@keyframes invalid-input-background{0%{background-color:#dc010133}to{background-color:#fff}}
