@import "../../style/var";

$uploader-size: 44px;

.mix-upload-container {
    .upload-items-image {
        position: relative;
        display: inline-block;
        width: $uploader-size;
        height: $uploader-size;
        margin-top: $padding-xs;
        margin-right: $padding-md;
        vertical-align: middle;
        border: 1px solid $gray-3;
        border-radius: 2px;

        &__img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        &__close-icon {
            position: absolute;
            top: -8px;
            right: -8px;
            background-color: $white;
            border-radius: 50%;
        }
    }

    .uploader__button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: $uploader-size;
        height: $uploader-size;
        vertical-align: middle;
        background-color: $gray-1;
        margin-top: $padding-xs;
        margin-right: $padding-md;
        border-radius: 2px;
    }
}