#register-sidebar-wrapper {
    background: rgba(11, 6, 19, .4);
    padding: 0 5rem
}

@media screen and (max-width:1152px) {
    #register-sidebar-wrapper {
        padding: 0 1.5rem
    }
}

#register-phones-image {
    background-image: url(../../Assets/LoginSidebarBackground.d.delay);
    background-position: 50% 100%;
    background-size: contain;
    background-repeat: no-repeat
}

.register-text-lighter-blue {
    color: #a1b2d5
}

.register-text-light-blue {
    color: #b5c1ff
}

.register-text-darker-light-blue {
    color: #889bff
}

.register-text-blue {
    color: #5167f6
}

.register-text-dark-blue {
    color: #506cff
}

.register-input {
    border-radius: .5875rem
}

#register-sign-up-button {
    background-color: #3a58f5;
    color: var(--shades-white)
}

#register-sign-up-button:hover {
    background-color: #2f4de6
}

#register-phone-input {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#register-dial-code {
    border-radius: 0;
    border-top-left-radius: .5875rem;
    border-bottom-left-radius: .5875rem;
    border: 1px solid var(--neutral-gray-300);
    border-right: 0;
    color: var(--shades-white);
    padding: var(--padding-2);
    padding-right: 0
}