@font-face {
    font-family: 'Heebo';
    src: url(fonts/Heebo-Bold.ttf);
    src: url(fonts/Heebo-Bold.ttf) format('truetype');
}
/*
    
style.css comments:

////////
commented the following:
input[type="text"],
input[type="number"]
input[type="password"]
////////

*/
head, body {
    background-color: #FAFBFB;
}



.Rectangle {
    width: 612px;
    height: 100%;
    float: right;
}

.Mixer {
    width: 828px;
    height: 100%;
    opacity: 0.46;
    mix-blend-mode: multiply;
}

.General-Background {
    width: 828px;
    height: 100%;
    background-image: linear-gradient(311deg, #916bff, #5968ff 49%, #5168ff);
    float: left;
}

.Login {
    width: 325px;
    height: 445px;
    position: absolute;
    top: 280px;
    right: 445px;
    list-style-type: none;
    direction: ltr;
    left: unset;
}

.Label {
    width: 160px;
    height: 24px;
    font-family: Heebo;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: right;
    color: var(--bluedarkest);
}

.Logo {
    width: 128px;
    height: 75px;
    margin-bottom: 8px;
}

.InputWrapper {
    position: relative;
    width: 300px;
    height: 40px;
    margin-bottom: 30px;
    clear: both;
}

.Input-Text-Right-and-Icon-Left {
    width: 300px;
    height: 40px;
    object-fit: contain;
}

.Placeholder {
    width: 300px;
    height: 37px;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: var(--bluedarkest);
    position: absolute;
    padding-left: 10px;
    border-radius: 4px;
    border: solid 1px #c9ced6;
    outline: none;
}

.InputIcon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    position: absolute;
    right: 0px;
    left: unset;
    top: 8px;
}

.InputIconFocusClass {
    filter: invert(0.9);
}

.InputBorderFocusClass {
    border: solid 1px black !important;
}

/*.InputIcon:hover {
        filter: invert(0.9);
    }*/

/*.InputWrapper:focus .InputIcon {
    filter: invert(0.9);
    color: red;
}*/


/*.InputWrapper:focus .InputIcon {
    filter: invert(0.9);
}*/

.Primary {
    width: 144px;
    height: 40px;
    object-fit: contain;
    position: relative;
    left: 84px;
}

.BottomLogin {
    position: absolute;
    bottom: 50px;
}

.BottomText {
    width: 84px;
    height: 19px;
    object-fit: contain;
    position: relative;
    top: 30px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}