@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url('../../assets/css/webfonts/fa-solid-900.woff2') format('woff2');
}

.referee-login-password-input {
    position: relative;
}

.referee-login-password-input__control {
    padding-right: 48px;
}

.referee-login-password-input__toggle {
    align-items: center;
    background: transparent;
    border: 0;
    bottom: 0;
    color: #6c757d;
    display: inline-flex;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
}

.referee-login-password-input__toggle:hover,
.referee-login-password-input__toggle:focus {
    color: #0b2239;
}

.referee-login-password-input__toggle:focus {
    outline: 2px solid rgba(0, 123, 255, .35);
    outline-offset: -4px;
}

.referee-login-password-input__toggle .fa {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}

.referee-login-password-input__toggle .fa-eye:before {
    content: "\f06e";
}

.referee-login-password-input__toggle .fa-eye-slash:before {
    content: "\f070";
}