.alert-error {
    color: #a94442;
    background-color: #f2dede;
}

.card__new, .ia-answer {
    opacity: 0;
}

.--show {
    opacity: 1 !important;
}

.loader {
    opacity: 0;
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #A53BE9;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.form {
    width: 100%;
    padding-bottom: 5rem;
}
.form .form-action {
    padding-top: 3rem;
}
.form .form-group {
    margin-bottom: 2rem;
}
.form .form-label {
    display: block;
    margin-bottom: 0.5rem;
}
.form .form-control {
    display: block;
    width: 100%;
    padding: 1.5rem 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
    background: none;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.form ::-moz-placeholder {
    color: inherit;
    opacity: 0.6;
}
.form ::placeholder {
    color: inherit;
    opacity: 0.6;
}
.form em {
    color: var(--color-primary);
}
.form .form-check {
    display: flex;
    gap: 1rem;
}
.form input[type=checkbox] {
    accent-color: var(--color-primary);
}
.form button {
    margin: 0 auto;
}
.form .label-as-placeholder .form-label {
    display: block;
    pointer-events: none;
}