@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 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
        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);
        border: 2px solid transparent;

    }
    .video:hover {
        border: 2px solid $color-primary
    }
}