@import "./variables";

vn-claim-photos {
    height: 100%;

    .drop-zone {
        color: $color-font-secondary;
        box-sizing: border-box;
        border-radius: 8px;
        text-align: center;
        min-height: 100%;
        
        .empty-rows {
            padding: 80px $spacing-md;
            font-size: 1.375rem
        }

        vn-icon {
            font-size: 3rem
        }
    }

    .photo-list {
        padding: $spacing-md;
        min-height: 100%;

        .photo {
            width: 512px;
            height: 288px;
        }
    }

    .video {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
                    0 3px 1px -2px rgba(0,0,0,.2),
                    0 1px 5px 0 rgba(0,0,0,.12);
        background: no-repeat center center fixed;
        background-size: cover !important;
        border: 2px solid transparent;
        overflow: hidden;
        cursor: pointer;
        height: 100%;
        width: 100%

        source {
            
        }
    }
}