.uploadcare-preview {
    margin-top:10px;
        
}

.uploadcare-preview > .ag-xlarge {
    margin-bottom: 5px; 
    font-weight: bold;        
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
        
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > * {
    margin: 0 1rem;
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment {
    position: relative;
    width:150px;
    height:150px;
        
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--is-primary-listener {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;     
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--is-primary-listener > 
.uploadcare-image--is-primary {
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
        
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--delete-listener {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0; 
        
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--delete-listener > 
.uploadcare-image--delete {
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
        
}

.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > img {
    width: 100%;        
}


.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--is-primary-listener > 
.uploadcare-image--is-primary:not(.is-primary) > i.is-primary {
    display: none;
}
.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--is-primary-listener > 
.uploadcare-image--is-primary > i.is-primary {
    display: block;
}
.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--is-primary-listener > 
.uploadcare-image--is-primary:not(.is-primary) > i.is-not-primary {
    display: block;
}
.uploadcare-preview > .uploadcare-container-wrapper > .uploadcare-container > .uploadcare-attachment > .uploadcare-image--is-primary-listener > 
.uploadcare-image--is-primary > i.is-not-primary {
    display: none;
}