.unk-media-gallery__pagination {
	display: flex;
	align-items: center;
	width: max-content;
	overflow-x: auto;
	scrollbar-width: none;
}

.unk-media-gallery__pagination::-webkit-scrollbar {
	display: none;
}

.unk-media-gallery__pagination-button {
	display: grid;
	flex: 0 0 24px;
	place-items: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--unk-color-text);
	cursor: pointer;
}

.unk-media-gallery__pagination-line {
	display: block;
	width: 16px;
	height: 1px;
	background: currentColor;
	opacity: 0.35;
	transform: scaleX(0.375);
	transition:
		transform 0.18s ease-out,
		opacity 0.18s ease-out,
		background-color 0.18s ease-out;
}

.unk-media-gallery__pagination-button[aria-current="true"]
	.unk-media-gallery__pagination-line {
	opacity: 1;
	transform: scaleX(1);
}

.unk-media-gallery__pagination-button:focus-visible {
	outline: 1px solid var(--unk-color-accent);
	outline-offset: 0.2em;
	box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
	.unk-media-gallery__pagination-line {
		transition: none;
	}
}