.tf-field.svelte-174evwe{flex-direction:column;gap:6px;display:flex}.tf-label.svelte-174evwe{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--jym-field-letter-spacing);color:var(--md-sys-color-on-surface-variant);padding-left:var(--md-sys-space-50)}.tf-optional.svelte-174evwe{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);margin-left:var(--md-sys-space-50)}.tf-wrap.svelte-174evwe{position:relative}.tf-input.svelte-174evwe{width:100%;height:48px;padding:0 var(--md-sys-space-150);background:var(--jym-field-bg);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);caret-color:var(--md-sys-color-primary);box-sizing:border-box;transition:border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);outline:none}.tf-input.dense.svelte-174evwe{height:40px;padding:0 12px}.tf-input.svelte-174evwe::placeholder{color:var(--md-sys-color-on-surface-variant)}.tf-input.svelte-174evwe:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent)}.tf-input.svelte-174evwe:disabled{border-color:var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed}.has-error.svelte-174evwe .tf-input:where(.svelte-174evwe){border-color:var(--md-sys-color-error)}.has-error.focused.svelte-174evwe .tf-input:where(.svelte-174evwe){box-shadow:0 0 0 2px color-mix(in srgb, var(--md-sys-color-error) 30%, transparent)}.tf-pw.svelte-174evwe{padding-right:44px}.tf-toggle.svelte-174evwe{width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.tf-toggle.svelte-174evwe:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 10%, transparent)}.tf-toggle.svelte-174evwe:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.tf-err.svelte-174evwe{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-error);padding-left:var(--md-sys-space-50);margin:0}.tf-hint.svelte-174evwe{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);padding-left:var(--md-sys-space-50);margin:0}@keyframes svelte-174evwe-tf-autofill-start{0%{}to{}}.tf-input.svelte-174evwe:-webkit-autofill{transition:background-color 5000s ease-in-out;animation-name:svelte-174evwe-tf-autofill-start;-webkit-box-shadow:0 0 0 30px var(--md-sys-color-surface-container-highest) inset!important;-webkit-text-fill-color:var(--md-sys-color-on-surface)!important;caret-color:var(--md-sys-color-primary)!important}.tf-input.svelte-174evwe:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;animation-name:svelte-174evwe-tf-autofill-start;-webkit-box-shadow:0 0 0 30px var(--md-sys-color-surface-container-highest) inset!important;-webkit-text-fill-color:var(--md-sys-color-on-surface)!important;caret-color:var(--md-sys-color-primary)!important}.tf-input.svelte-174evwe:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;animation-name:svelte-174evwe-tf-autofill-start;-webkit-box-shadow:0 0 0 30px var(--md-sys-color-surface-container-highest) inset!important;-webkit-text-fill-color:var(--md-sys-color-on-surface)!important;caret-color:var(--md-sys-color-primary)!important}
