.password-toggle-field {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}

.password-toggle-field.full {
    display: flex;
    width: 100%;
}

.password-toggle-field > input {
    padding-right: calc(var(--padding, 0.75em) * 2 + 1.5em);
}

.password-toggle-field.full > input {
    width: 100%;
}

.password-toggle-button {
    position: absolute;
    top: 50%;
    right: calc(var(--padding, 0.75em) / 2);
    transform: translateY(-50%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.password-toggle-button img {
    display: block;
    width: 1.25em;
    height: 1.25em;
}