/*------------------------------------------------------------------
[4 - Modals]
*/
.modal {
    &-content {
        border: 0;
        border-radius: 1rem;

        i:not(.verify-icon) {
            color: var(--color-1);
        }

        .verify-icon,
        h4 {
            color: var(--color-2);
        }

        .modal-text {
            font-size: 1.125rem;
            color: var(--color-2);
        }
    }

    &-body {
        padding: 2rem;
    }

    &-footer {
        justify-content: center;
        border: 0;
        padding: 0 2rem 2rem 2rem;
    }
}

.offcanvas {
    @include transition(all 1s ease);
}
