/*info-box-image*/
.info-box-image {
    /*margin-bottom: 2rem;*/
    background: var(--color-sage-1);
    border-color: var(--color-sage-2);
    border-radius: var(--image-border-radius-mobile);
    /*padding: 0.5rem 1rem;*/

    justify-content: space-between;

    padding: 1rem;
    max-width:100%;
    gap: 1.5em;
    display: inline-flex;
    flex-direction: column;
}
.preview-config-image {
    width: 100%;
}.image__container {
     position: relative;
     border-radius: 0.25rem;
 }
.image__container .popup__link {
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
    color: var(--color-black);
}.info-box-image .popup__link {
     background: #ffffff61;
     border-radius: 0.25rem;
 }
.info-box-image img{
    height: auto;
    width: 100%;
    flex: 1 0 0;

}
.info-box-image__content {
    gap: 0.5em;
    display: inline-flex;
    flex-direction: column;

    flex: 1 0 0;
    flex-wrap: wrap;
}
.info-box-image.info-box-image-attention{ background: var(--color-attention-1)}

.info-box-image__title {
    display: inline-flex;
    flex-direction: column;
    gap: 0.5rem;
    font-weight: var(--font-weight-bold);
}.info-box-image__body {
     font-size: var(--text-size-XXS);
     line-height: var(--text-line-height-XXS);
     letter-spacing: var(--text-letter-spacing-XXS);
     /*font-size: var(--text-size-XXXS);*/
     /*line-height: var(--text-line-height-XXXS);*/
     /*letter-spacing: var(--text-letter-spacing-XXXS);*/
     /*margin-top: 0.5rem;*/
}.info-box-image .btn{
      text-wrap: nowrap;
  }
@media(min-width: 576px){
    .configurator-tabs .preview-config-image{
        flex: 1 0 0;
        flex: 0 0 270px;
        flex-wrap: wrap;
        max-width: 270px;
    }
     .info-box-image {
         width: 310px;
     }
 }