.popup[data-type="pdf-viewer"] {
	width: 80%;
	max-width: none;
}

.popup[data-type="pdf-viewer"] section {
	padding: 0;
	height: 100vh;
}

#pdf-flipper-wrapper-outer {
	overflow: hidden;
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

		#pdf-flipper-tools {
			margin: 20px 0 0 0;
			order: -1;
		}
		
		.popup #pdf-flipper-tools,
		.fullscreen #pdf-flipper-tools {
			margin-left: 20px;
		}
	
			#pdf-flipper-tools .button {
				position: relative;
				display: block;
				padding: 7px;
				width: 20px;
				height: 20px;
				border-radius: 3px;
				border: 1px solid #e2e2e2;
				background: #fff;
				font-size: 0pt;
				text-align: center;
				cursor: pointer;
				z-index: 1;
			}
	
			#pdf-flipper-tools .button:before {
				content: "\e921";
				line-height: 20px;
				font-size: 14px;
			}
			
			#pdf-flipper-tools .button span {
				display: none;
			}
	
			#pdf-flipper-tools .exit-full-screen,
			body.fullscreen #pdf-flipper-tools .full-screen {
				display: none;
			}
	
			#pdf-flipper-tools .exit-full-screen:before {
				content: "\e922";
			}
	
			body.fullscreen #pdf-flipper-tools .exit-full-screen {
				display: block;
			}
	
			#pdf-flipper-tools .icon-before-download:before {
				content: "\e925";
			}
			
			#pdf-flipper-tools .icon-before-zoom-in:before {
				content: "\e926";
			}
			
			#pdf-flipper-tools .icon-before-zoom-out:before {
				content: "\e927";
			}
			
			#pdf-flipper-tools .button.disabled:before {
				opacity: .2;
			}
	
			#pdf-flipper-tools > :nth-child(n + 3) {
				margin-top: 10px;
			}
			
			x.mobile #pdf-flipper-tools .icon-before-zoom-in,
			x.mobile #pdf-flipper-tools .icon-before-zoom-out {
				display: none;
			}

	#pdf-flipper-wrapper {
		position: relative;
		margin: 20px 10px;
		max-width: calc(100% - 100px);
		flex-grow: 1;
		aspect-ratio: var(--aspect-ratio-mobile);
	}
	
	.popup #pdf-flipper-wrapper {
		max-width: calc(100% - 120px);
		flex-grow: 0;
	}
	
	.fullscreen #pdf-flipper-wrapper {
		flex-grow: 0;
	}

	#pdf-flipper-outer {
		height: 100%;
	}
	
		#pdf-flipper {
			overflow: hidden;
			position: relative;
			height: 100%;
			box-sizing: border-box;
			display: none;
			transition: opacity ease-in 200ms;
		}

			#pdf-flipper-outer .owl-wrapper-outer,
			#pdf-flipper-outer .owl-wrapper {
				height: 100%;
			}
			
			#pdf-flipper-outer .owl-controls {
				display: none;
				pointer-events: none;
			}

			#pdf-flipper div.wrapper {
				overflow: hidden;
				position: relative;
				width: 100%;
				height: 100%;
				transform-origin: 0 0 0;
			}

				#pdf-flipper div.wrapper > div {
					float: left;
					position: relative;
					height: 100%;
				}

				#pdf-flipper .owl-item:first-child div.wrapper > div {
					float: right;
				}

					#pdf-flipper .pdf-action {
						position: absolute;
						border: 1px solid #000;
						background-color: #fff;
						box-sizing: border-box;
						opacity: 0;
						visibility: hidden;
						transition: opacity ease-in 200ms;
						will-change: opacity;
					}

					#pdf-flipper .pdf-action.visible {
						visibility: visible;
					}
					
					.no-mobile #pdf-flipper .pdf-action:hover {
						opacity: .5;
					}
					
					#pdf-flipper .pdf-action-active {
						-webkit-animation: 1s ease-in 300ms 1 forwards fadeinout;
						animation: 1s ease-in 300ms 1 forwards fadeinout;
					}

					#pdf-flipper img {
						display: block;
						width: 100%;
						height: auto;
					}

					#pdf-flipper .owl-item > div img.loader {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: auto;
					}
					
	#pdf-flipper-wrapper a.prev,
	#pdf-flipper-wrapper a.next {
		visibility: hidden;
		display: flex;
		position: absolute;
		top: 0;
		bottom: 0;
		padding: 15px;
		width: 20px;
		align-items: center;
		font-size: 30px;
	}

	#pdf-flipper-wrapper a.prev:active,
	#pdf-flipper-wrapper a.next:active {
		background-color: rgba(0, 0, 0, 0.05);
	}

	#pdf-flipper-wrapper a.prev {
		left: 0;
		transform: translateX(-100%);
	}

	#pdf-flipper-wrapper a.next {
		right: 0;
		transform: translateX(100%);
	}
	
	#pdf-flipper-wrapper a.prev.disabled,
	#pdf-flipper-wrapper a.next.disabled {
		display: none;
	}
	
@media screen and (min-width:960px) {
	[data-type="pdf-viewer-inline"] #pdf-flipper-wrapper {
		aspect-ratio: var(--aspect-ratio);
	}
}

@media screen and (max-width:1023px) {
	#pdf-flipper-tools .button::before {
		font-size: 12px;
	}

	#pdf-flipper-tools .button {
		padding: 3px;
	}
	
	#pdf-flipper-wrapper a.prev,
	#pdf-flipper-wrapper a.next {
		padding: 10px;
		width: 10px;
		font-size: 20px;
	}
	
	#pdf-flipper-wrapper {
		max-width: calc(100% - 80px);
	}
	
	.popup #pdf-flipper-wrapper {
		max-width: calc(100% - 100px);
	}
}