@use '~@/style/globals';

.ImageWithUpload {
    max-width: 350px;

    &__img {
        display: block;
        width: 100%;
        margin: globals.$content-padding-large-vertical 0 globals.$content-padding-small-vertical;
    }

    &__actions {
        text-align: center;

        // stylelint-disable-next-line selector-max-type
        button {
            margin: globals.$content-padding-small-horizontal;
        }
    }

    &__upload-input {
        display: none;
    }

    &__file-error {
        color: globals.$text-danger-color;
        font-weight: 600;
    }

    .Help__loading {
        justify-content: center;
    }

    &--empty {
        max-width: 300px;
    }
}
