.ws-textfield{flex-direction:column;gap:.25rem;display:flex;position:relative;&[aria-disabled=true],&:disabled{opacity:.6}}.ws-textfield__field{border-radius:var(--radius-md);align-items:center;gap:.5rem;min-height:3.5rem;padding:0 .75rem;transition:background-color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative}.ws-textfield--filled .ws-textfield__field{background:var(--color-surface-container-highest);border:1px solid #0000;border-bottom:2px solid var(--color-outline);box-shadow:var(--elevation-0);&:hover:not(:focus-within){background:var(--color-surface-container);border-bottom-color:var(--color-on-surface)}&:focus-within{background:var(--color-surface-container-highest);border-bottom-color:var(--color-primary);box-shadow:var(--elevation-1)}}.ws-textfield--filled.ws-textfield--error .ws-textfield__field{border-bottom-color:var(--color-error);&:hover:not(:focus-within){border-bottom-color:var(--color-error)}&:focus-within{border-bottom-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}}.ws-textfield--outlined .ws-textfield__field{border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--elevation-0);background:0 0;&:hover:not(:focus-within){border-color:var(--color-on-surface);background:var(--color-surface-container-low)}&:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);border-width:2px;padding:0 calc(.75rem - 1px)}}.ws-textfield--outlined.ws-textfield--error .ws-textfield__field{border-color:var(--color-error);&:hover:not(:focus-within){border-color:var(--color-error)}&:focus-within{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}}.ws-textfield__icon{color:var(--color-on-surface-variant);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s ease-out;display:inline-flex}.ws-textfield__field:focus-within .ws-textfield__icon{color:var(--color-primary)}.ws-textfield--error .ws-textfield__field:focus-within .ws-textfield__icon{color:var(--color-error)}.ws-textfield__icon--start{margin-right:.5rem}.ws-textfield__icon--end{margin-left:.5rem}.ws-textfield__input{min-width:0;font-family:var(--font-body);font-size:var(--typescale-body-large-size);color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;transition:color .2s ease-out;&::placeholder{color:#0000}&:focus::placeholder{color:var(--color-on-surface-variant)}&:disabled{cursor:not-allowed;color:var(--color-on-surface-variant)}}.ws-textfield__label{color:var(--color-on-surface-variant);font-family:var(--font-body);font-size:var(--typescale-body-large-size);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:calc(100% - 1.5rem);padding:0 .25rem;transition:top .2s ease-out,transform .2s ease-out,font-size .2s ease-out,background-color .2s ease-out,color .2s ease-out;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.ws-textfield__field:focus-within .ws-textfield__label,.ws-textfield__input:not(:placeholder-shown)+.ws-textfield__label{font-size:var(--typescale-label-small-size);background:var(--color-surface);color:var(--color-primary);top:0;transform:translateY(-50%)scale(.75)}.ws-textfield--filled .ws-textfield__field:focus-within .ws-textfield__label,.ws-textfield--filled .ws-textfield__input:not(:placeholder-shown)+.ws-textfield__label{background:var(--color-surface-container-highest)}.ws-textfield--outlined .ws-textfield__field:focus-within .ws-textfield__label,.ws-textfield--outlined .ws-textfield__input:not(:placeholder-shown)+.ws-textfield__label{background:var(--color-surface);left:.5rem}.ws-textfield--error .ws-textfield__field:focus-within .ws-textfield__label,.ws-textfield--error .ws-textfield__input:not(:placeholder-shown)+.ws-textfield__label{color:var(--color-error)}.ws-textfield__support{min-height:1.25rem;font-family:var(--font-body);font-size:var(--typescale-body-small-size);color:var(--color-on-surface-variant);justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem;transition:color .2s ease-out;display:flex}.ws-textfield--error .ws-textfield__support{color:var(--color-error)}.ws-textfield__support-copy{flex:1}.ws-textfield__counter{font-variant-numeric:tabular-nums;font-size:var(--typescale-body-small-size);color:var(--color-on-surface-variant)}.ws-textfield--error .ws-textfield__counter{color:var(--color-error)}@media (prefers-reduced-motion:reduce){.ws-textfield__field,.ws-textfield__label,.ws-textfield__icon,.ws-textfield__input,.ws-textfield__support{transition:none}}.ws-passwordfield[data-astro-cid-gznfkuey]{flex-direction:column;gap:.35rem;display:flex}.ws-passwordfield__label[data-astro-cid-gznfkuey]{font-family:var(--font-body);font-size:var(--typescale-body-large-size);color:var(--color-on-surface-variant);margin-bottom:0}.ws-passwordfield__required[data-astro-cid-gznfkuey]{color:var(--color-error);margin-left:.25rem}.ws-passwordfield__field[data-astro-cid-gznfkuey]{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-outline);min-height:3.5rem;box-shadow:var(--elevation-1);transition:box-shadow var(--motion-duration-2) var(--motion-ease-standard), border-color var(--motion-duration-2) var(--motion-ease-standard);align-items:center;padding:0 1rem;display:flex;position:relative;&:hover:not(:focus-within){border-color:var(--color-on-surface);box-shadow:var(--elevation-2)}&:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), var(--elevation-3)}}.ws-passwordfield--error[data-astro-cid-gznfkuey] .ws-passwordfield__field[data-astro-cid-gznfkuey],.ws-passwordfield__field[data-astro-cid-gznfkuey][data-invalid=true]{border-color:var(--color-error)}.ws-passwordfield__input[data-astro-cid-gznfkuey][data-invalid=true]{color:var(--color-error)}.ws-passwordfield__input[data-astro-cid-gznfkuey]{width:100%;color:var(--color-on-surface);font-family:var(--font-body);font-size:var(--typescale-body-large-size);background:0 0;border:none;outline:none;padding:1.25rem 2.5rem .5rem 0;&::placeholder{color:var(--color-on-surface-variant)}&:disabled{cursor:not-allowed}}.ws-passwordfield__toggle[data-astro-cid-gznfkuey]{border-radius:var(--radius-sm);color:var(--color-on-surface-variant);cursor:pointer;transition:color var(--motion-duration-2) var(--motion-ease-standard);background:0 0;border:none;place-items:center;padding:.5rem;display:grid;position:absolute;top:50%;right:1rem;transform:translateY(-50%);&:hover{color:var(--color-primary)}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}.ws-passwordfield__support[data-astro-cid-gznfkuey]{font-family:var(--font-body);font-size:var(--typescale-body-small-size);justify-content:space-between;gap:1rem;margin:0 0 0 1rem;display:flex}.ws-passwordfield__rules[data-astro-cid-gznfkuey]{color:var(--color-error);font-size:var(--typescale-body-small-size);flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.ws-passwordfield__error[data-astro-cid-gznfkuey]{color:var(--color-error)}.ws-passwordfield__helper[data-astro-cid-gznfkuey]{color:var(--color-on-surface-variant);margin-left:auto}