.login-section.login { --color: 255, 132, 10; }
.login-section.other { --color: 32, 87, 165; }

.login-field-container { position: relative; display: block; margin: 25px 0; }
.login-field-container.error { color: red; }
.login-field-container.privacy { cursor: pointer; line-height: 1.75em; }
.login-field-container.error > .login-field { border-color: red; }

.login-field-visibility { position: absolute; display: block; top: calc((46px + 1.5rem) / 2); right: 25px; fill: #FFF; transform: translateY(-50%); cursor: pointer; user-select: none; }
.login-field-visibility-icon { width: 30px; height: auto; }
.login-field-visibility-icon.off { display: none; }
.login-field-visibility.on > .login-field-visibility-icon.off { display: block; }
.login-field-visibility.on > .login-field-visibility-icon:not(.off) { display: none; }