.tb-brochure-form__icon-checkmark {
    display: none;
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.tb-brochure-form__validate-checkmark:valid + .tb-brochure-form__icon-checkmark {
    display: flex;
}

.tb-brochure-form {
    input,
    select {
        border: 1px solid config('colors.grey');
        transition: .3s;

        &:hover {
            border-color: config('colors.grey-dark');
        }
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        appearance: none;
        margin: 0;
    }

    input[type=checkbox],
    input[type=radiobutton] {
        box-sizing: border-box;
        padding: 0;
    }

    input:not([type=submit]):valid,
    select:valid {
        border-color: config('colors.green');
    }

    select:invalid {
        color: config('colors.grey');
    }

    input:focus,
    select:focus {
        outline: none;
        border-color: config('colors.secondary-lighter');
    }

}
