//@import "../../../abstracts/abstracts";

.dbq-file-preview-container {   
    position: relative;
    width: 100%;
    height: 100%;

    object {
        float: left;
        width: 100%;
        height: 800px;

        img {
            width: 100%;
        }
    }

    .dbqfp-image-preview-container {
        display: flex;
        justify-content: center;
        width: 100%;

        .dbqfp-image-preview {
            max-width: 100%;
        }
    }

    .dbqfp-video-preview {
        width: 100%;
        height: 100%;
    }

    .dbqfp-file-preview-container {
        display: flex;
        flex-direction: column;
        align-items: center;

        h3 {
            padding: 0;
        }

        .dbqfp-file-preview-row {
            display: flex;
            flex-direction: row;
            gap: $padding-default;
        }

        .dbqfp-file-button {
            background: $color-primary !important;

            svg {
                fill: #fff !important;
                margin-right: 5px;
            }
        }
    }

    
}