/* IMAGE */

.IMAGE[data-variant="full-width"] .b-img {
	width: 100% !important;
}

.IMAGE[data-variant="full-width"] {
	margin: 0 calc(50% - (var(--page-width) / 2));
}

.IMAGE[data-variant="radius"] .b-img {
	border-radius: var(--s1);
	overflow: hidden;
}


/* MODAL */

.b-modal .IMAGE {width: 9999rem; max-width: 100%;}

.b-modal .IMAGE .b-img[data-modal]::after {display: none;}
.b-modal .IMAGE .b-img [data-modal-id] {display: block}
.b-modal .IMAGE .b-img [data-modal-id] + .b-img-picture {display: none;}
.b-modal .IMAGE .b-img-modal {width: 100%;}