.text-input{display:block;box-sizing:border-box;width:100%;height:var(--size-320);padding:0 var(--spacing-120);font-family:var(--font-family-base);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1);text-align:start;color:var(--fg-neutral-1-rest);background:transparent;border:1px solid var(--stroke-neutral-1-rest);border-radius:var(--radius-medium);outline:none;transition:border-color .1s,box-shadow .1s,color .1s}textarea.text-input{height:auto;min-height:80px;padding-block:var(--spacing-80);resize:none}.text-input-sm{height:var(--size-280);padding-inline:var(--spacing-80);font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);font-weight:var(--font-weight-caption-1)}textarea.text-input-sm{height:auto;min-height:60px;padding-block:var(--size-60)}.text-input-md{height:var(--size-320);padding-inline:var(--spacing-120);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1)}textarea.text-input-md{height:auto;min-height:80px;padding-block:var(--spacing-80)}.text-input-lg{height:var(--size-400);padding-inline:var(--spacing-120);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body-2)}textarea.text-input-lg{height:auto;min-height:96px;padding-block:var(--spacing-120)}.text-input::placeholder{color:var(--fg-neutral-4-rest);opacity:1}.text-input:hover:not(:disabled):not(:focus):not([readonly]){border-color:var(--stroke-neutral-1-hover)}.text-input:focus{border-color:var(--stroke-neutral-1-rest);box-shadow:inset 0 -2px 0 0 var(--stroke-brand-1-rest)}.text-input.text-input-error{border-color:var(--stroke-status-danger-active)}.text-input.text-input-error:focus{border-color:var(--stroke-status-danger-active);box-shadow:inset 0 -2px 0 0 var(--stroke-status-danger-active)}.text-input:disabled,.text-input[disabled]{border-color:var(--stroke-neutral-disabled-rest);color:var(--fg-neutral-disabled-1-rest);cursor:default;pointer-events:none;opacity:.4}.text-input[readonly]{border-color:var(--stroke-neutral-3-rest);cursor:default}.text-input[readonly]:focus{box-shadow:none}.text-input-filled-darker{background:var(--bg-neutral-5-rest);border-color:transparent;border-bottom-color:var(--stroke-neutral-1-rest);border-radius:var(--radius-medium) var(--radius-medium) 0 0}.text-input-filled-darker:hover:not(:disabled):not(:focus):not([readonly]){background:var(--bg-neutral-5-hover);border-bottom-color:var(--stroke-neutral-1-hover)}.text-input-filled-darker:focus{border-color:transparent;box-shadow:inset 0 -2px 0 0 var(--stroke-brand-1-rest)}.text-input-filled-darker:disabled,.text-input-filled-darker[disabled]{background:var(--bg-neutral-5-rest);border-color:transparent;border-bottom-color:var(--stroke-neutral-disabled-rest)}.text-input-filled-darker[readonly]{border-color:transparent;border-bottom-color:var(--stroke-neutral-3-rest)}.text-input-filled-darker.text-input-error{border-color:transparent;border-bottom-color:var(--stroke-status-danger-active)}.text-input-filled-darker.text-input-error:focus{box-shadow:inset 0 -2px 0 0 var(--stroke-status-danger-active)}.text-input-filled-lighter{background:var(--bg-neutral-2-rest);border-color:transparent;border-bottom-color:var(--stroke-neutral-1-rest);border-radius:var(--radius-medium) var(--radius-medium) 0 0}.text-input-filled-lighter:hover:not(:disabled):not(:focus):not([readonly]){background:var(--bg-neutral-2-hover);border-bottom-color:var(--stroke-neutral-1-hover)}.text-input-filled-lighter:focus{border-color:transparent;box-shadow:inset 0 -2px 0 0 var(--stroke-brand-1-rest)}.text-input-filled-lighter:disabled,.text-input-filled-lighter[disabled]{background:var(--bg-neutral-2-rest);border-color:transparent;border-bottom-color:var(--stroke-neutral-disabled-rest)}.text-input-filled-lighter[readonly]{border-color:transparent;border-bottom-color:var(--stroke-neutral-3-rest)}.text-input-filled-lighter.text-input-error{border-color:transparent;border-bottom-color:var(--stroke-status-danger-active)}.text-input-filled-lighter.text-input-error:focus{box-shadow:inset 0 -2px 0 0 var(--stroke-status-danger-active)}