.password-field{gap:var(--password-field-gap);flex-direction:column;display:flex}.password-field__wrapper{display:block;position:relative}.password-field__wrapper--sm{--password-field-toggle-size:var(--password-field-sm-toggle-size);--password-field-toggle-icon-size:var(--password-field-sm-toggle-icon-size)}.password-field__wrapper--lg{--password-field-toggle-size:var(--password-field-lg-toggle-size);--password-field-toggle-icon-size:var(--password-field-lg-toggle-icon-size)}.password-field__wrapper .input{padding-inline-end:var(--password-field-input-padding-inline-end)}.password-field__toggle{inline-size:var(--password-field-toggle-size);block-size:var(--password-field-toggle-size);cursor:pointer;color:var(--password-field-toggle-color);transition:color var(--input-transition-duration) var(--input-transition-easing);background:0 0;border:none;justify-content:center;align-items:center;padding-block:0;padding-inline:0;display:flex;position:absolute;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.password-field__toggle:hover:not(:disabled){color:var(--password-field-toggle-color-hover)}.password-field__toggle:focus-visible{outline:var(--password-field-toggle-focus-ring-width) solid var(--password-field-toggle-focus-ring-color);outline-offset:calc(-1 * var(--password-field-toggle-focus-ring-offset))}.password-field__toggle:disabled{cursor:not-allowed;pointer-events:none}.password-field__icon{inline-size:var(--password-field-toggle-icon-size);block-size:var(--password-field-toggle-icon-size)}.password-field__helper{font-family:var(--input-field-helper-font-family);font-size:var(--input-field-helper-font-size);font-weight:var(--input-field-helper-font-weight);line-height:var(--input-field-helper-line-height);color:var(--input-field-helper-color)}.password-field__action{margin-block-start:var(--password-field-action-margin-block-start)}