/*********************************************
 * Image choice
 * Tested with multiple choices
**********************************************/
.ginput_container_image_choice :where(.gfield_radio, .gfield_checkbox) {
    display:flex; flex-wrap:wrap; width:100%;
    gap:var(--form-gap-v) var(--form-gap-h);
}
.ginput_container_image_choice .gchoice {width:clamp(100px, 40vw, 180px); margin-bottom:0;}

/* image */
.gfield-choice-image-wrapper {margin-bottom:10px; transition:var(--vii-transition);}

/* hover for unchecked choice */
.ginput_container_image_choice .gchoice:not(:has(.-checkbox-radio[type="radio"]:checked)):hover .gfield-choice-image-wrapper {
    box-shadow:0 0 0 var(--form-border-width) var(--form-border-color);
}

/* no image */
.gfield-choice-image-no-image {
    aspect-ratio:1; width:100%;
    display:flex; align-items:center; justify-content:center;
    text-align:center;
    background:#dcdcdc; padding:10px; font-size:.8em;
}

@media only screen and (max-width:480px) {
    .ginput_container_image_choice :where(.gfield_radio, .gfield_checkbox) {gap:20px 16px;}
    .ginput_container_image_choice .gchoice {width:calc(50% - 8px);}
}