.quizpress-upload-image {
    background: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border: 1px dashed var(--quizpress-border-color);
    padding: 12px;
    border-radius: 4px;
    &-container {
        display: flex;
        align-items: center;
        gap: 24px;
        &--wrap {
            border: 1px dashed var(--quizpress-border-color);
            border-radius: 4px;
            &--img {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                width: 200px;
                height: 134px;
                background: #F7F7F7;
                border: 1px dashed var(--quizpress-border-color);
                border-radius: 4px;
                span {
                    color: #595959;
                    font-size: 12px;
                }
                &--linear {
                    height: 80px;
                    width: 80px;
                    background: linear-gradient(180deg, rgba(229, 229, 229, 0.48) 50%, rgba(247, 248, 248, 0.00) 100%, rgba(229, 229, 229, 0.00) 100%);
                    border-radius: 50%;
                    .quizpress-icon {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #fff;
                        border: 1px solid var(--quizpress-border-color);
                        border-radius: 50%;
                        box-shadow: 0px 1.524px 3.048px 0px rgba(27, 28, 29, 0.04);
                        &::before {
                            font-size: 24px;
                            padding: 16px;
                        }
                        &--image {
                            height: 56px;
                            width: 56px;
                            margin: 12px;
                        }
                    }
                }
    
                &--uploaded {
                    position: relative;
                    width: 200px;
                    height: 134px;
                    border-radius: 4px;
                }
            }
        }
    
        &--details {
            &--info {
                &--size, &--support {
                    font-size: 12px;
                    color: var(--quizpress-secondary-gray-color);
                }
                
                &--size {
                    margin: 0 0 16px 0;
                }
                
                &--support {
                    margin: 4px 0;
                    span {
                        font-weight: 500;
                    }
                }
            }
    
            .quizpress-btn {
                background: #F2F0FD;
                color: var(--quizpress-primary);
            }
        }  
    }

    .quizpress-btn-delete {
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .quizpress-icon--delete:before {
        font-size: 20px;
    }
}

@media all and (max-width: 480px) {
    .quizpress-upload-image {
        gap: 15px;

        &_entry-left {
            width: 100%;
        }
    }
}