.ia-g {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 1rem 0;
}

.ia-a {
	display: block;
	line-height: 0;
}

.ia-g--1 .ia-i {
	width: auto;
	max-width: min(100%, 400px);
	height: auto;
	max-height: 400px;
}

.ia-g--n .ia-i {
	width: 150px;
	height: 150px;
	object-fit: cover;
}

.ia-up {
	margin: .75rem 0;
}

.ia-add[hidden] {
	display: none;
}

.ia-prev {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: .5rem 0 0;
	padding: 0;
	list-style: none;
}

.ia-p {
	position: relative;
	width: 80px;
	height: 80px;
}

.ia-p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ia-p.is-loading img {
	opacity: .5;
}

.ia-p.is-loading::after {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	width: 2rem;
	height: 2rem;
	margin: -1rem 0 0 -1rem;
	border-width: 3px;
}

.ia-rm {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	line-height: 1;
	cursor: pointer;
}

.ia-rm::before {
	content: "×";
}

.ia-e:empty {
	display: none;
}

.ht {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	padding: .25rem .5rem;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	line-height: 1;
	cursor: pointer;
}

.ht:disabled {
	cursor: default;
}

.ht-i {
	width: 1.25em;
	height: 1.25em;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linejoin: round;
}

.ht[aria-pressed="true"] .ht-i {
	fill: currentColor;
}

.ht.is-loading {
	opacity: .6;
}

.ht-t {
	margin: .5rem 0 0;
}