/* @group @a-password-input */

.a-password-input {
position: relative;
}

.a-password-input input {
padding-right: calc(var(--spacing-small) + var(--spacing-section-x-small));
}

/* @end @a-password-input */

/* @group @a-portrait-fit */

.a-password-mask {
position: absolute;
top: 0;
right: var(--spacing-small);
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
width: var(--spacing-section-x-small);
/*height: calc(var(--font-size) + var(--form-input-padding) + var(--form-input-padding));*/
}

.a-password-mask svg {
width: var(--line-clamp-1);
height: var(--line-clamp-1);
fill: var(--neutral-colors-90);
}

.is-show-password svg {
fill: var(--brand-primary-color);
}

/* @end @a-portrait-fit */