.pm-flipbook__open {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.pm-flipbook__open img {
	display: block;
	max-width: 100%;
	height: auto;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
	transition: transform .2s ease;
}

.pm-flipbook__open:hover img,
.pm-flipbook__open:focus-visible img {
	transform: scale(1.02);
}

.pm-flipbook__dialog {
	width: min(96vw, 1400px);
	height: 96vh;
	max-width: none;
	max-height: none;
	overflow: hidden;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
}

.pm-flipbook__dialog::backdrop {
	background: rgba(0, 0, 0, .8);
}

.pm-flipbook__stage {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	padding: 1rem;
	outline: none;
}

.pm-flipbook__dialog .pm-flipbook__stage,
.pm-flipbook__stage:fullscreen {
	box-sizing: border-box;
	height: 100%;
	justify-content: center;
}

.pm-flipbook--inline .pm-flipbook__stage {
	padding: 0;
}

.pm-flipbook__stage:fullscreen {
	background: #2b2b2b;
	color: #fff;
}

.pm-flipbook__loading {
	margin: 2rem 0;
	text-align: center;
}

.pm-flipbook__frame {
	width: 100%;
	margin: 0 auto;
}

.pm-flipbook__page {
	background: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .3);
}

.pm-flipbook__page canvas {
	display: block;
	width: 100%;
	height: 100%;
}

.pm-flipbook__toolbar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .25rem;
	flex-wrap: wrap;
}

.pm-flipbook__counter {
	min-width: 5rem;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.pm-flipbook__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

.pm-flipbook__btn:hover,
.pm-flipbook__btn:focus-visible {
	background: rgba(127, 127, 127, .25);
}

.pm-flipbook__btn::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-color: currentColor;
	mask: var(--pm-icon) center / contain no-repeat;
	-webkit-mask: var(--pm-icon) center / contain no-repeat;
}

.pm-flipbook__btn--prev { --pm-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); }
.pm-flipbook__btn--next { --pm-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 16.6 10 18l6-6-6-6-1.4 1.4 4.6 4.6z'/%3E%3C/svg%3E"); }
.pm-flipbook__btn--download { --pm-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5zm7-16v9.2l3.6-3.6L17 11l-5 5-5-5 1.4-1.4L11 13.2V4z'/%3E%3C/svg%3E"); }
.pm-flipbook__btn--fullscreen { --pm-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zm-3-12v2h3v3h2V5z'/%3E%3C/svg%3E"); }
.pm-flipbook__btn--close { --pm-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/%3E%3C/svg%3E"); }

.pm-flipbook__text {
	margin-top: 1rem;
}