@import "../abstracts/variables";
@import "../abstracts/functions";

.certifaction-verification {
    --cf-verification-primary-color: #0669f2;
    --cf-verification-secondary-color: #e5e3d6;
    --cf-verification-default-btn-bg-color: #ffffff;
    --cf-verification-action-box-bg-color: #e6f0fe;
    --cf-verification-action-box-text-color: #0d6efd;
    --cf-verification-logo-url: #{cf-verification-asset("img/certifaction_logo.svg")};

    font-family: $font-family-sans-serif;
    font-size: $font-size-normal;

    *,
    :before,
    :after {
        box-sizing: border-box;
    }

    .expand-enter-active {
        transition: all .2s ease;
    }

    .expand-leave-active {
        transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
    }

    .expand-enter,
    .expand-leave-to {
        transform: scale(0);
    }

    .md-icon {
        display: block;
        width: 24px;
        height: 24px;

        &.inline {
            display: inline-block;
        }
    }

    .btn-link {
        cursor: pointer;
        padding: 0;
        border: none;
        background: none;
        font-size: $font-size-small;
    }

    a {
        color: var(--cf-verification-primary-color);
    }

    @import "buttons";
    @import "verification/demo";
    @import "verification/file_selection";
    @import "verification/item_list";
    @import "verification/data_panel";
    @import "verification/card/all";
    @import "verification/pdf_viewer";

    .powered-by {
        display: flex;
        justify-content: space-between;
        margin: 24px auto $spacer;
        background-color: $white;
        width: 205px;
        font-size: $font-size-small;
        align-items: center;
        padding: 12px;
        border: 1px solid #ebedf1;
        border-radius: 4px;
        font-weight: 500;
        line-height: 14px;

        .label {
            color: $verification-dark-blue-50;
        }

        a {
            img {
                width: 103px;
                height: auto;
            }
        }
    }

    &.dragover {
        .verification-dropbox {
            display: block;
        }

        .verification-demo,
        .verification-item-list,
        .verification-file-selector,
        .powered-by {
            display: none;
        }
    }
}