.form-control {
    background-color: var(--color-dark);
    height: 46px;
    border-radius: 23px;
    border: 0.5px solid var(--color-dark);
    color: var(--color-white);
    font-size: 14px;
    padding: 0px 15px 0px 15px;

    &:focus {
        background-color: var(--color-dark);
        border: 0.5px solid var(--color-purple);
        outline: 0;
        box-shadow: none;
        color: var(--color-white);
    }

    &::placeholder {
        color: var(--color-grey);
    }
}

.form-check-input {
    &:checked {
        background-color: var(--color-purple);
        border-color: var(--color-purple);
    }

    &:focus {
        box-shadow: 0 0 0 1px var(--color-purple);
        border-color: var(--color-purple);
    }
}