/*************************************************************/
/*******************[   FLIPBOOK - BODY   ]*******************/
/*************************************************************/
#flipbook-body {
	display: 						flex;
	flex-direction: 				column;

	height: 						100vh;
	height: 						100dvh;

	width: 							100%;
	overflow: 						hidden;

	min-height: 					unset !important;
	max-height: 					unset !important;
}


/*************************************************************/
/******************[   FLIPBOOK - COLORS   ]******************/
/*************************************************************/
:root {
	--fb-color-black-rgb:			0, 0, 0;
	--fb-color-white-rgb:			255, 255, 255;
}


/*************************************************************/
/*******************[   FLIPBOOK - FONTS   ]******************/
/*************************************************************/
.flipbook-poppins {
	--fb-font-primary:				'Poppins', sans-serif;
	--fb-font-icons:				'Material Symbols Rounded';
}


/*************************************************************/
/*******************[   FLIPBOOK - ICONS   ]******************/
/*************************************************************/
.material-symbols-rounded {
	font-variation-settings:		'FILL' 0, 'wght' 500, 'GRAD' 200, 'opsz' 48;
	font-family: 					var(--fb-font-icons) !important;
}

.material-symbols-rounded-xsm {
	font-size:						16px !important;
}

.material-symbols-rounded-sm {
	font-size:						20px !important;
}

.material-symbols-rounded-md {
	font-size:						28px !important;
}

.material-symbols-rounded-lg {
	font-size:						36px !important;
}

.material-symbols-rounded-xlg {
	font-size:						44px !important;
}

.material-symbols-rounded-primary-color {
	color:							rgba(var(--fb-color-primary-icon-rgb), 1);
}

.material-symbols-rounded-secondary-color {
	color:							rgba(var(--fb-color-secondary-icon-rgb), 1);
}


/*************************************************************/
/******************[   FLIPBOOK - POPOVER   ]*****************/
/*************************************************************/
.flipbook-popover {
	z-index: 						9999;

	border-radius: 					4px;
	border-width:					1px;
	border-style:					solid;
	border-color: 					rgba(var(--fb-color-primary-border-rgb), 1);

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-popover .popover-header {
	font-family: 					var(--fb-font-primary);

	padding: 						12px 16px;
	font-size:						13px;
	line-height: 					20px;
	font-weight: 					600;

	border-bottom-width:			1px;
	border-bottom-style:			solid;
	border-bottom-color: 			rgba(var(--fb-color-primary-border-rgb), 1);

	background-color:				rgba(var(--fb-color-primary-bg-rgb), 1);
	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
}

.flipbook-popover .popover-body {
	font-family: 					var(--fb-font-primary);

	padding: 						12px 16px;
	font-size: 						12px;
	line-height: 					20px;

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
}

.flipbook-popover.bs-popover-right > .arrow {
	left: 							-9px;
}

.flipbook-popover.bs-popover-left > .arrow {
	right: 							-9px;
}

.flipbook-popover.bs-popover-top > .arrow {
	bottom: 						-9px;
}

.flipbook-popover.bs-popover-bottom > .arrow {
	top: 							-9px;
}

.flipbook-popover.bs-popover-right > .arrow::after {
	border-right-color: 			rgba(var(--fb-color-secondary-bg-rgb), 1);
}

.flipbook-popover.bs-popover-right > .arrow::before {
	border-right-color: 			rgba(var(--fb-color-primary-border-rgb), 1);
}

.flipbook-popover.bs-popover-left > .arrow::after {
	border-left-color: 				rgba(var(--fb-color-secondary-bg-rgb), 1);
}

.flipbook-popover.bs-popover-left > .arrow::before {
	border-left-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
}

.flipbook-popover.bs-popover-top > .arrow::after {
	border-top-color: 				rgba(var(--fb-color-secondary-bg-rgb), 1);
}

.flipbook-popover.bs-popover-top > .arrow::before {
	border-top-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
}

.flipbook-popover.bs-popover-bottom > .arrow::after {
	border-bottom-color: 			rgba(var(--fb-color-secondary-bg-rgb), 1);
}

.flipbook-popover.bs-popover-bottom > .arrow::before {
	border-bottom-color: 			rgba(var(--fb-color-primary-border-rgb), 1);
}


/*************************************************************/
/*****************[   FLIPBOOK - CONTAINER   ]****************/
/*************************************************************/
.flipbook {
	position:						relative;
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction: 				column;
	inset: 							0px;
}

.flipbook.flipbook-iframed {
	width:							100%;
	height:							100%;
}

.flipbook > .flipbook-inside-container {
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction: 				column;
	overflow: 						hidden;
	height:							100%;

	background-color:				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook.flipbook-iframed:not(.flipbook-fullscreen) > .flipbook-inside-container {
	position: 						relative;
	overflow:						hidden;

	border-width: 					1px;
	border-radius: 					4px;
	border-style: 					solid;
	border-color: 					rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-border-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-border-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-border-rgb), 1);
}


/*************************************************************/
/*******************[   FLIPBOOK - CLOSE   ]******************/
/*************************************************************/
.flipbook-close {
	position: 						absolute;
	display:						none;
	right: 							16px;
	top: 							16px;
	width: 							24px;
	height: 						24px;
	opacity: 						0.6;
	cursor:							pointer;
	z-index:						2;
}

.flipbook.flipbook-fullscreen .flipbook-close {
	display:						block;
}

.flipbook-close::before, 
.flipbook-close::after {
	position: 						absolute;
	content:						'';
	left: 							12px;
	width: 							2px;
	height: 						24px;

	background-color: 				rgba(var(--fb-color-primary-icon-rgb), 1);
}

.flipbook-close::before {
	-webkit-transform: 				rotate(45deg);
	-moz-transform: 				rotate(45deg);
	-ms-transform: 					rotate(45deg);
	-o-transform: 					rotate(45deg);
	transform: 						rotate(45deg);
}

.flipbook-close::after {
	-webkit-transform: 				rotate(-45deg);
	-moz-transform: 				rotate(-45deg);
	-ms-transform: 					rotate(-45deg);
	-o-transform: 					rotate(-45deg);
	transform: 						rotate(-45deg);
}

@media (hover: hover) {
	.flipbook-close:hover {
		opacity: 					1;
	}
}


/*************************************************************/
/******************[   FLIPBOOK - LOADING   ]*****************/
/*************************************************************/
.flipbook-loading {
	position: 						absolute;
	display: 						block;
	top: 							0;
	left: 							0;
	width: 							100%;
	height: 						100%;
	z-index: 						4;
	pointer-events: 				all;
	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-loading > .flipbook-loading-inside {
	display: 						flex;
	align-items: 					center;
	flex-direction: 				column;
	justify-content: 				center;
	height: 						100%;
}

.flipbook-loading > .flipbook-loading-inside > .flipbook-loading-icon {
	display:						block;
	width:							80px;
	height:							80px;
	margin-bottom:					16px;
}

.flipbook-loading > .flipbook-loading-inside > .flipbook-loading-title {
	font-size:						14px;
	line-height:					24px;
	font-weight:					500;
	text-align:						center;

	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
	background: 					rgba(var(--fb-color-primary-title-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--fb-color-primary-title-rgb), 1), rgba(var(--fb-color-primary-title-rgb), .9));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
}


/*************************************************************/
/******************[   FLIPBOOK - ARROWS   ]******************/
/*************************************************************/
.flipbook-arrows {
	position: 						absolute;
	display: 						flex;
	justify-content: 				space-between;

	pointer-events:					none;	
	line-height:					24px;
	left: 							0;
	width: 							100%;
	z-index: 						2;
	opacity:						0;

	-webkit-transition: 			opacity .6s ease;
	-moz-transition: 				opacity .6s ease;
	-ms-transition: 				opacity .6s ease;
	-o-transition: 					opacity .6s ease;
	transition: 					opacity .6s ease;
}

.flipbook-arrows > .flipbook-prev-page-btn,
.flipbook-arrows > .flipbook-next-page-btn {
	position:						relative;
	display:						flex;
	justify-content:				center;
	cursor:							pointer;
	opacity: 						1;
	pointer-events:					all;

	-webkit-transform: 				scale(.8);
	-moz-transform: 				scale(.8);
	-ms-transform: 					scale(.8);
	-o-transform: 					scale(.8);
	transform: 						scale(.8);

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;

	border-width: 					2px;
	border-radius: 					4px;
	border-style: 					solid;
	border-color: 					transparent;

	outline-width: 					1px;
	outline-style: 					solid;
	outline-offset: 				-1px;
	outline-color: 					rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-arrows > .flipbook-next-page-btn {
	margin-left:					auto;
}

.flipbook-arrows > .flipbook-prev-page-btn > .flipbook-arrow-icon,
.flipbook-arrows > .flipbook-next-page-btn > .flipbook-arrow-icon {
	display:						flex;
	align-self: 					center;
	z-index:						1;
}

@media (hover: hover) {
	.flipbook-arrows > .flipbook-prev-page-btn:hover,
	.flipbook-arrows > .flipbook-next-page-btn:hover {
		-webkit-transform: 			scale(1);
		-moz-transform: 			scale(1);
		-ms-transform: 				scale(1);
		-o-transform: 				scale(1);
		transform: 					scale(1);

		border-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

@media (min-width: 768px) {
	.flipbook-arrows {
		padding: 					0 12px;
		top: 						calc(50% - 55px);

		-webkit-transform: 			translateY(calc(-50% + 27.5px));
		-moz-transform: 			translateY(calc(-50% + 27.5px));
		-ms-transform: 				translateY(calc(-50% + 27.5px));
		-o-transform: 				translateY(calc(-50% + 27.5px));
		transform: 					translateY(calc(-50% + 27.5px));
	}

	.flipbook-arrows > .flipbook-prev-page-btn,
	.flipbook-arrows > .flipbook-next-page-btn {
		width: 						40px;
		height: 					80px;
	}
}

@media (max-width: 767px) {
	.flipbook-arrows {
		padding: 					0 8px;
		top: 						calc(50% - 50px);

		-webkit-transform: 			translateY(calc(-50% + 25px));
		-moz-transform: 			translateY(calc(-50% + 25px));
		-ms-transform: 				translateY(calc(-50% + 25px));
		-o-transform: 				translateY(calc(-50% + 25px));
		transform: 					translateY(calc(-50% + 25px));
	}

	.flipbook-arrows > .flipbook-prev-page-btn,
	.flipbook-arrows > .flipbook-next-page-btn {
		width: 						30px;
		height: 					70px;
	}
}


/*************************************************************/
/******************[   FLIPBOOK - SLIDER   ]******************/
/*************************************************************/
.flipbook-slider {
	position:						relative;
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction: 				column;
	overflow: 						auto;
	opacity:						0;
	cursor:							grab;

	-webkit-transition: 			opacity .6s ease;
	-moz-transition: 				opacity .6s ease;
	-ms-transition: 				opacity .6s ease;
	-o-transition: 					opacity .6s ease;
	transition: 					opacity .6s ease;

	-webkit-perspective: 			3000px;
	perspective: 					3000px;
}

.flipbook-slider > .flipbook-slider-container {
	position: 						relative;
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction: 				column;

	margin-left:					auto;
	margin-right:					auto;

	-webkit-transform-style: 		preserve-3d;
	transform-style: 				preserve-3d;
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page {
	position: 						absolute;
	color: 							black;

	-webkit-transform-style:	 	preserve-3d;
	transform-style: 				preserve-3d;  

	-webkit-transform-origin: 		left center;  
	-moz-transform-origin: 			left center;
	-ms-transform-origin: 			left center;
	transform-origin: 				left center;
}

.flipbook-slider.flipbook-slider-animation > .flipbook-slider-container > .flipbook-page {
	-webkit-transition: 			.6s transform, left .1s linear, top .1s linear;
	-moz-transition: 				.6s transform, left .1s linear, top .1s linear;
	-ms-transition: 				.6s transform, left .1s linear, top .1s linear;
	-o-transition: 					.6s transform, left .1s linear, top .1s linear;
	transition: 					.6s transform, left .1s linear, top .1s linear;
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page:not(.flipbook-page-active):not(.flipbook-page-flipped) {
	pointer-events:					none;
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page.flipbook-page-active {
	z-index: 						1;
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page.flipbook-page-flipped {
	-webkit-transform: 				rotateY(-180deg);
	-moz-transform:					rotateY(-180deg);
	-ms-transform:					rotateY(-180deg);
	-o-transform:					rotateY(-180deg);
	transform: 						rotateY(-180deg);
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page.flipbook-page-active:first-child ~ .flipbook-page {
	opacity:						0;
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page > .flipbook-page-left,
.flipbook-slider > .flipbook-slider-container > .flipbook-page > .flipbook-page-right {
	position: 						absolute;

	width: 							100%;
	height: 						100%;

	overflow: 						hidden;
	z-index:						1;

	-webkit-box-sizing: 			border-box;
	-moz-box-sizing: 				border-box;
	box-sizing: 					border-box;

	-webkit-backface-visibility: 	hidden;
	backface-visibility: 			hidden;
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page > .flipbook-page-right {
	-webkit-transform: 				rotateY(180deg) scale(-1, 1);
	-moz-transform:					rotateY(180deg) scale(-1, 1);
	-ms-transform:					rotateY(180deg) scale(-1, 1);
	-o-transform:					rotateY(180deg) scale(-1, 1);
	transform: 						rotateY(180deg) scale(-1, 1);
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page > .flipbook-page-right > .flipbook-page-content {
	-webkit-transform: 				scale(-1, 1);
	-moz-transform:					scale(-1, 1);
	-ms-transform:					scale(-1, 1);
	-o-transform:					scale(-1, 1);
	transform: 						scale(-1, 1);
}

.flipbook-slider.flipbook-slider-animation > .flipbook-slider-container > .flipbook-page > .flipbook-page-right > .flipbook-page-content {
	-webkit-transition: 			opacity .4s ease;
	-moz-transition: 				opacity .4s ease;
	-ms-transition: 				opacity .4s ease;
	-o-transition: 					opacity .4s ease;
	transition: 					opacity .4s ease;
}

.flipbook-slider.flipbook-slider-animation > .flipbook-slider-container > .flipbook-page > .flipbook-page-left > .flipbook-page-content {
	-webkit-transition: 			opacity .2s ease;
	-moz-transition: 				opacity .2s ease;
	-ms-transition: 				opacity .2s ease;
	-o-transition: 					opacity .2s ease;
	transition: 					opacity .2s ease;
}

@media (min-width: 768px) {
	.flipbook-slider {
		margin-top: 				8px;
		margin-left: 				64px;
		margin-right: 				64px;
		margin-bottom: 				70px;
	}
}

@media (max-width: 767px) {
	.flipbook-slider {
		margin-top: 				8px;
		margin-left: 				16px;
		margin-right: 				16px;
		margin-bottom: 				60px;
	}
}


/*************************************************************/
/******************[   FLIPBOOK - SHADOW   ]******************/
/*************************************************************/
.flipbook-page-shadow {
	position: 						absolute;
	top: 							0;
	width: 							24px;
	height: 						100%;
	z-index: 						2;
	opacity: 						1;
	pointer-events: 				none;
	background-repeat: 				repeat-y;
	background-size: 				100%;

	-webkit-transition: 			opacity .6s ease;
	-moz-transition: 				opacity .6s ease;
	-ms-transition: 				opacity .6s ease;
	-o-transition: 					opacity .6s ease;
	transition: 					opacity .6s ease;

	background: 					linear-gradient(left, rgba(var(--fb-color-black-rgb), .08) 0, rgba(var(--fb-color-black-rgb), .04) 25%, rgba(var(--fb-color-black-rgb), .02) 50%, rgba(var(--fb-color-white-rgb), 0) 100%);
	background: 					-o-linear-gradient(left, rgba(var(--fb-color-black-rgb), .08) 0, rgba(var(--fb-color-black-rgb), .04) 25%, rgba(var(--fb-color-black-rgb), .02) 50%, rgba(var(--fb-color-white-rgb), 0) 100%);
	background: 					-ms-linear-gradient(left, rgba(var(--fb-color-black-rgb), .08) 0, rgba(var(--fb-color-black-rgb), .04) 25%, rgba(var(--fb-color-black-rgb), .02) 50%, rgba(var(--fb-color-white-rgb), 0) 100%);
	background: 					-moz-linear-gradient(left, rgba(var(--fb-color-black-rgb), .08) 0, rgba(var(--fb-color-black-rgb), .04) 25%, rgba(var(--fb-color-black-rgb), .02) 50%, rgba(var(--fb-color-white-rgb), 0) 100%);
	background: 					-webkit-linear-gradient(left, rgba(var(--fb-color-black-rgb), .08) 0, rgba(var(--fb-color-black-rgb), .04) 25%, rgba(var(--fb-color-black-rgb), .02) 50%, rgba(var(--fb-color-white-rgb), 0) 100%);
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page > .flipbook-page-left > .flipbook-page-content > .flipbook-page-shadow {
	left: 							0;
}

.flipbook-slider > .flipbook-slider-container > .flipbook-page > .flipbook-page-right > .flipbook-page-content > .flipbook-page-shadow {
	right: 							0;

	-webkit-transform: 				rotateY(180deg);
	-moz-transform:					rotateY(180deg);
	-ms-transform:					rotateY(180deg);
	-o-transform:					rotateY(180deg);
	transform: 						rotateY(180deg);
}


/*************************************************************/
/******************[   FLIPBOOK - CONTENT   ]*****************/
/*************************************************************/
.flipbook-page-content {
	display:						flex;
	position:						relative;
	overflow:						hidden;
	z-index:						1;
	max-height:						100%;
	height:							100%;
	/*pointer-events: 				none;*/

	outline-width: 					1px;
	outline-offset: 				-1px;
	outline-style:					solid;
	outline-color:					rgba(var(--fb-color-page-border-rgb), 1);

	background-color:				rgba(var(--fb-color-page-bg-rgb), 1);
}

.flipbook-page-content > .flipbook-page-content-image {
	width:							100%;
	height:							100%;
}

.flipbook-page-content > .flipbook-page-content-image > img {
	object-fit:						cover;
}


/*************************************************************/
/*******************[   FLIPBOOK - PANEL   ]******************/
/*************************************************************/
.flipbook-panel {
	position:						fixed;
	display: 						flex;
	flex-direction: 				column;

	width:							100%;
	bottom:							0;
	left:							0;
	opacity:						0;

	border-top-width: 				1px;
	border-top-style: 				solid;
	border-top-color: 				rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-panel > .flipbook-panel-toggle {
	position:						absolute;
	display: 						flex;
	justify-content: 				center;
	align-items: 					center;

	width: 							48px;
	height: 						24px;
	left:							50%;
	top:							-24px;
	cursor:							pointer;

	-webkit-transform: 				translateX(-50%);
	-moz-transform: 				translateX(-50%);
	-ms-transform: 					translateX(-50%);
	-o-transform: 					translateX(-50%);
	transform: 						translateX(-50%);

	-webkit-transform-origin: 		24px 22px;
	-moz-transform-origin: 			24px 22px;
	-ms-transform-origin: 			24px 22px;
	transform-origin: 				24px 22px;

	-webkit-transition: 			.4s transform;
	-moz-transition: 				.4s transform;
	-ms-transition: 				.4s transform;
	-o-transition: 					.4s transform;
	transition: 					.4s transform;

	border-top-left-radius: 		4px;
	border-top-right-radius: 		4px;

	border-top-width:				1px;
	border-top-style: 				solid;
	border-top-color: 				rgba(var(--fb-color-primary-border-rgb), 1);

	border-left-width:				1px;
	border-left-style: 				solid;
	border-left-color: 				rgba(var(--fb-color-primary-border-rgb), 1);

	border-right-width:				1px;
	border-right-style: 			solid;
	border-right-color: 			rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 4px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 4px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 4px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-panel > .flipbook-panel-toggle > .flipbook-panel-toggle-icon {
	-webkit-transition: 			all 0.75s 0.25s;
	-moz-transition: 				all 0.75s 0.25s;
	-ms-transition: 				all 0.75s 0.25s;
	-o-transition: 					all 0.75s 0.25s;
	transition: 					all 0.75s 0.25s;
}

.flipbook-panel > .flipbook-panel-toggle > .flipbook-panel-toggle-icon:not(.flipbook-panel-toggle-icon-open) {
	-webkit-transform: 				rotate(0deg);
	-moz-transform: 				rotate(0deg);
	-ms-transform: 					rotate(0deg);
	-o-transform: 					rotate(0deg);
	transform: 						rotate(0deg);
}

.flipbook-panel > .flipbook-panel-toggle > .flipbook-panel-toggle-icon.flipbook-panel-toggle-icon-open {
	-webkit-transform: 				rotate(180deg);
	-moz-transform: 				rotate(180deg);
	-ms-transform: 					rotate(180deg);
	-o-transform: 					rotate(180deg);
	transform: 						rotate(180deg);
}

.flipbook-panel > .flipbook-panel-main {
	position:						relative;
	display:						flex;
	flex-direction: 				row;
	justify-content: 				center;

	width: 							calc(100% - 4px);
	height: 						calc(100% - 4px);

	left: 							2px;
	right: 							2px;
	top: 							2px;
	margin-bottom: 					4px;

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	background-color: 				rgba(var(--fb-color-secondary-bg-rgb), 1);
}

.flipbook-panel > .flipbook-panel-sub {
	position:						relative;
	display:						flex;
	flex-direction: 				column;

	width: 							calc(100% - 4px);
	height: 						0px;

	right:							2px;
	bottom:							0px;
	left:							2px;

	-webkit-transition: 			all .4s ease;
	-moz-transition: 				all .4s ease;
	-ms-transition: 				all .4s ease;
	-o-transition: 					all .4s ease;
	transition: 					all .4s ease;

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	background-color: 				rgba(var(--fb-color-secondary-bg-rgb), 1);
}

.flipbook-panel:not(.flipbook-subpanel-open-zoom):not(.flipbook-subpanel-open-more) > .flipbook-panel-sub {
	opacity:						0;
	pointer-events:					none;
}

.flipbook-panel.flipbook-subpanel-open-zoom > .flipbook-panel-sub,
.flipbook-panel.flipbook-subpanel-open-more > .flipbook-panel-sub {
	margin-top:						2px;
}

.flipbook-panel > .flipbook-panel-sub > .flipbook-panel-sub-zoom,
.flipbook-panel > .flipbook-panel-sub > .flipbook-panel-sub-more {
	position:						relative;
	display:						flex;
	width: 							100%;
	overflow: 						auto hidden;

	-webkit-transition: 			all .4s ease;
	-moz-transition: 				all .4s ease;
	-ms-transition: 				all .4s ease;
	-o-transition: 					all .4s ease;
	transition: 					all .4s ease;
}

.flipbook-panel > .flipbook-panel-sub > .flipbook-panel-sub-zoom > *:first-child,
.flipbook-panel > .flipbook-panel-sub > .flipbook-panel-sub-more > *:first-child {
	margin-left: 					auto;
}

.flipbook-panel > .flipbook-panel-sub > .flipbook-panel-sub-zoom > *:last-child,
.flipbook-panel > .flipbook-panel-sub > .flipbook-panel-sub-more > *:last-child {
	margin-right: 					auto;
}

.flipbook-panel:not(.flipbook-subpanel-open-zoom) > .flipbook-panel-sub > .flipbook-panel-sub-zoom,
.flipbook-panel:not(.flipbook-subpanel-open-more) > .flipbook-panel-sub > .flipbook-panel-sub-more {
	opacity:						0;
	height:							0;
	pointer-events:					none;
}

.flipbook-panel.flipbook-subpanel-open-zoom > .flipbook-panel-sub > .flipbook-panel-sub-zoom,
.flipbook-panel.flipbook-subpanel-open-more > .flipbook-panel-sub > .flipbook-panel-sub-more {
	opacity:						1;
	height:							100%;
	pointer-events:					all;
}

.flipbook.flipbook-iframed:not(.flipbook-fullscreen) .flipbook-panel {
	border-right-width:				1px;
	border-left-width:				1px;
	border-bottom-width:			1px;

	border-right-style:				solid;
	border-left-style:				solid;
	border-bottom-style:			solid;

	border-bottom-right-radius:		4px;
	border-bottom-left-radius:		4px;

	border-right-color:				rgba(var(--fb-color-primary-border-rgb), 1);
	border-left-color:				rgba(var(--fb-color-primary-border-rgb), 1);
	border-bottom-color:			rgba(var(--fb-color-primary-border-rgb), 1);
}

.flipbook.flipbook-iframed:not(.flipbook-fullscreen) .flipbook-panel > .flipbook-panel-main {
	border-bottom-left-radius: 		4px;
	border-bottom-right-radius: 	4px;
}

@media (hover: hover) {
	.flipbook-panel > .flipbook-panel-toggle:hover {
		-webkit-transform: 			translateX(-50%) scale(1.2);
		-moz-transform: 			translateX(-50%) scale(1.2);
		-ms-transform: 				translateX(-50%) scale(1.2);
		-o-transform: 				translateX(-50%) scale(1.2);
		transform: 					translateX(-50%) scale(1.2);
	}
}

@media (min-width: 768px) {
	.flipbook-panel > .flipbook-panel-main {
		height:						50px;
	}

	.flipbook-panel.flipbook-subpanel-open-zoom > .flipbook-panel-sub,
	.flipbook-panel.flipbook-subpanel-open-more > .flipbook-panel-sub {
		height:						55px;
	}
}

@media (max-width: 767px) {
	.flipbook-panel > .flipbook-panel-main {
		height:						45px;
	}

	.flipbook-panel.flipbook-subpanel-open-zoom > .flipbook-panel-sub,
	.flipbook-panel.flipbook-subpanel-open-more > .flipbook-panel-sub {
		height:						55px;
	}
}


/*************************************************************/
/***************[   FLIPBOOK - PANEL BUTTONS   ]**************/
/*************************************************************/
.flipbook-panel-button {
	position:						relative;

	display:						flex;
	justify-content: 				center;
	align-items:					center;
	flex-direction:					column;
	flex-grow:						0;

	gap: 							4px 8px;
	padding: 						0 8px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	outline-width: 					2px;
	outline-offset:					-2px;
	outline-style: 					solid;
	outline-color: 					transparent;
}

@media (hover: hover) {
	.flipbook-panel-button:not(.disabled):hover {
		-webkit-box-shadow: 		inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		-moz-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

		outline-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

@media (hover: none) {
	.flipbook-panel-button:not(.disabled):active {
		-webkit-box-shadow: 		inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		-moz-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

		outline-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

.flipbook-panel-button:not(.disabled) {
	cursor:							pointer;
}

.flipbook-panel-button.disabled {
	cursor:							not-allowed;
	opacity:						.4;
}

.flipbook-panel-button > .icon {
	display:						block;
}

.flipbook-panel-button > .title,
.flipbook-panel-button > .title-desktop,
.flipbook-panel-button > .title-mobile {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			1;

	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					nowrap;

	font-weight:					500;
	text-align:						center;

	text-shadow: 					0px 2px 4px rgba(var(--fb-color-primary-shadow-rgb), 1);
	color: 							rgba(var(--fb-color-secondary-title-rgb), 1);
}

@media (min-width: 768px) {
	.flipbook-panel-button.flipbook-panel-button-main {
		min-width:					120px;
		max-width:					120px;
	}

	.flipbook-panel-button.flipbook-panel-button-sub {
		min-width:					120px;
		max-width:					120px;
	}

	.flipbook-panel-button > .icon {
		width:						14px;
		height:						14px;
	}

	.flipbook-panel-button > .title {
		display:					block;
		font-size: 					11px;
		line-height: 				14px;
	}

	.flipbook-panel-button > .title-desktop {
		display:					block;
		font-size: 					11px;
		line-height: 				14px;
	}

	.flipbook-panel-button > .title-mobile {
		display:					none;
	}
}

@media (max-width: 767px) {
	.flipbook-panel-button.flipbook-panel-button-main {
		min-width:					calc(100% / 5);
		max-width:					calc(100% / 5);
	}

	.flipbook-panel-button.flipbook-panel-button-sub {
		min-width:					100px;
		max-width:					100px;
	}

	.flipbook-panel-button > .icon {
		width:						12px;
		height:						12px;
	}

	.flipbook-panel-button > .title {
		display:					block;
		font-size: 					9px;
		line-height: 				12px;
	}

	.flipbook-panel-button > .title-desktop {
		display:					none;
	}

	.flipbook-panel-button > .title-mobile {
		display:					block;
		font-size: 					9px;
		line-height: 				12px;
	}
}

.flipbook-panel-button {
	border-right-width: 			1px;
	border-right-style: 			solid;
	border-right-color: 			rgba(var(--fb-color-primary-border-rgb), 1);
}

.flipbook-panel-button.flipbook-next-page-btn,
.flipbook-panel-button:first-child {
	border-left-width: 				1px;
	border-left-style: 				solid;
	border-left-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
}

.flipbook .flipbook-auto-flip-off-btn {
	display:						none;
}

.flipbook .flipbook-sound-off-btn {
	display:						none;
}

.flipbook:not(.flipbook-fullscreen) .flipbook-fullscreen-maximize-btn {
	display:						flex;
}

.flipbook:not(.flipbook-fullscreen) .flipbook-fullscreen-minimize-btn {
	display:						none;
}

.flipbook.flipbook-fullscreen .flipbook-fullscreen-maximize-btn {
	display:						none;
}

.flipbook.flipbook-fullscreen .flipbook-fullscreen-minimize-btn {
	display:						flex;
}


/*************************************************************/
/*****************[   FLIPBOOK - PAGINATOR   ]****************/
/*************************************************************/
.flipbook-paginator {
	position:						relative;
	display:						flex;
	justify-content:				center;
	flex-direction:					column;

	padding: 						0 8px;
	gap:							4px 8px;
}

.flipbook-paginator > .flipbook-panel-numbers {
	display:						flex;
	justify-content: 				center;
	flex-direction:					row;
	flex-wrap:						nowrap;
	gap: 							4px;
	font-size: 						12px;
	line-height: 					20px;
}

.flipbook-paginator > .flipbook-panel-numbers > .flipbook-current-page {
	font-weight:					600;
	text-align:						center;
	white-space:					nowrap;

	color: 							rgba(var(--fb-color-primary-icon-rgb), 1);
}

.flipbook-paginator > .flipbook-panel-numbers > .flipbook-current-sep {
	font-weight:					600;
	text-align:						center;
	white-space:					nowrap;

	color: 							rgba(var(--fb-color-primary-icon-rgb), 1);
}

.flipbook-paginator > .flipbook-panel-numbers > .flipbook-current-total {
	font-weight:					600;
	text-align:						center;
	white-space:					nowrap;

	color: 							rgba(var(--fb-color-primary-icon-rgb), 1);
}

.flipbook-paginator > .flipbook-panel-zoom {
	display:						flex;
	justify-content:				center;
	flex-direction:					column;
}

.flipbook-paginator > .flipbook-panel-zoom > .flipbook-current-zoom {
	font-size: 						11px;
	line-height: 					18px;
	font-weight:					500;
	text-align:						center;
	white-space:					nowrap;

	text-shadow: 					0px 2px 4px rgba(var(--fb-color-primary-shadow-rgb), 1);
	color: 							rgba(var(--fb-color-secondary-title-rgb), 1);
}

@media (min-width: 768px) {
	.flipbook-paginator {
		min-width:					120px;
		max-width:					120px;
	}

	.flipbook-paginator > .flipbook-panel-zoom > .flipbook-current-zoom {
		font-size: 					11px;
		line-height: 				14px;
	}
}

@media (max-width: 767px) {
	.flipbook-paginator {
		min-width: 					calc(100% / 5);
		max-width: 					calc(100% / 5);
	}

	.flipbook-paginator > .flipbook-panel-zoom > .flipbook-current-zoom {
		font-size: 					9px;
		line-height: 				12px;
	}
}


/*************************************************************/
/************[   FLIPBOOK - INVISIBLE SCROLLBAR   ]***********/
/*************************************************************/
.flipbook-invisible-scrollbar {
	-ms-overflow-style: 			none;
	scrollbar-width: 				none;
}

.flipbook-invisible-scrollbar::-webkit-scrollbar {
	width: 							0px;
	height: 						0px;
	display: 						none;
}


/*************************************************************/
/*************[   FLIPBOOK - FULLSCREEN BUTTON   ]************/
/*************************************************************/
.flipbook-page-fullscreen {
	position:						absolute;
	container-type: 				inline-size;

	bottom:							8px;
	bottom:							clamp(8px, 4%, 24px);

	left:							0;
	right:							0;
	max-width:						70%;
	width:							100%;
	cursor:							pointer;
	pointer-events:					all;
	text-align:						center;

	margin-left: 					auto;
	margin-right: 					auto;

	-webkit-transition: 			all .6s ease;
	-moz-transition: 				all .6s ease;
	-ms-transition: 				all .6s ease;
	-o-transition: 					all .6s ease;
	transition: 					all .6s ease;

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow:						inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	-moz-animation: 				hide-fullscreen-btn .4s ease 4s forwards;
	-webkit-animation: 				hide-fullscreen-btn .4s ease 4s forwards;
	-o-animation: 					hide-fullscreen-btn .4s ease 4s forwards;
	animation: 						hide-fullscreen-btn .4s ease 4s forwards;

	-webkit-animation-fill-mode: 	forwards;
	animation-fill-mode: 			forwards;

	border-width:					2px;
	border-radius: 					4px;
	border-style:					solid;
	border-color:					transparent;

	outline-width: 					1px;
	outline-offset: 				-1px;
	outline-style:					solid;
	outline-color:					rgba(var(--fb-color-primary-border-rgb), 1);

	background-color:				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook.flipbook-fullscreen .flipbook-page-fullscreen {
	opacity: 						0;
	pointer-events: 				none;
}

.flipbook-page-fullscreen > span {
	display:						block;
	width: 							fit-content;
	margin-left: 					auto;
	margin-right: 					auto;

	font-size:						8px;
	font-size: 						clamp(8px, 2.6cqw, 12px);

	line-height:					12px;
	line-height:					clamp(12px, 4.0cqw, 20px);

	padding: 						4px 6px;
	padding: 						clamp(4px, 2%, 8px) clamp(6px, 6%, 12px);

	font-weight: 					400;
	text-align:						center;
	white-space: 					normal;

	text-shadow: 					0px 2px 4px rgba(var(--fb-color-primary-shadow-rgb), 1);
	color:							rgba(var(--fb-color-primary-title-rgb), 1);
}

@media (hover: hover) {
	.flipbook-page-fullscreen:hover {
		-webkit-box-shadow: 		inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		-moz-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		box-shadow:					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

		border-color:				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color:			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

@media (hover: none) {
	.flipbook-page-fullscreen:active {
		-webkit-box-shadow: 		inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		-moz-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
		box-shadow:					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

		border-color:				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color:			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

@keyframes hide-fullscreen-btn {
    to {
		opacity: 					0;
		pointer-events: 			none;
    }
}

@-webkit-keyframes hide-fullscreen-btn {
    to {
		opacity: 					0;
		pointer-events: 			none;
    }
}


/*************************************************************/
/****************[   FLIPBOOK - SELECT NONE   ]***************/
/*************************************************************/
.flipbook-user-select-none {
	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;
}


/*************************************************************/
/*******************[   FLIPBOOK - MODAL   ]******************/
/*************************************************************/
.flipbook-modal {
	position: 						fixed;
	top: 							0;
	left: 							0;
	width: 							100%;
	height: 						100%;
	z-index: 						3;
	overflow-x: 					hidden;
	overflow-y: 					auto;

	background-color: 				rgba(var(--fb-color-black-rgb), .6);
}

.flipbook-modal:not(.flipbook-modal-show) {
	display: 						none;
}

.flipbook-modal.flipbook-modal-show {
	display:						block;
}

.flipbook-modal > .flipbook-modal-dialog {
	position: 						relative;
	pointer-events: 				none;
}

.flipbook-modal > .flipbook-modal-dialog {
	display: 						flex;
	width: 							100%;
	max-height: 					100vh;
	margin: 						0 auto;
	top: 							50%;

	-webkit-transform: 				translateY(-50%);
	-moz-transform: 				translateY(-50%);
	-ms-transform: 					translateY(-50%);
	-o-transform: 					translateY(-50%);
	transform: 						translateY(-50%);
}

.flipbook-modal > .flipbook-modal-dialog.flipbook-modal-dialog-sm {
	max-width: 						576px;
}

.flipbook-modal > .flipbook-modal-dialog.flipbook-modal-dialog-md {
	max-width: 						768px;
}

.flipbook-modal > .flipbook-modal-dialog.flipbook-modal-dialog-lg {
	max-width: 						992px;
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content {
	position: 						relative;
	display: 						-ms-flexbox;
	display: 						flex;
	-ms-flex-direction: 			column;
	flex-direction: 				column;
	width: 							100%;
	pointer-events: 				auto;

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content {
	justify-content: 				center;
	margin-left: 					24px;
	margin-right: 					24px;
	margin-top: 					24px;
	margin-bottom: 					24px;
	width:							100%;
	border-radius:					2px;

	-webkit-box-shadow: 			0 0 0 2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				0 0 0 2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					0 0 0 2px rgba(var(--fb-color-primary-shadow-rgb), 1);
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header {
	display: 						-ms-flexbox;
	display: 						flex;
	-ms-flex-align: 				start;
	align-items: 					center;
	-ms-flex-pack: 					justify;
	justify-content: 				space-between;
	min-height:						60px;

	padding-top: 					8px;
    padding-bottom: 				8px;
    padding-left: 					24px;
    padding-right: 					24px;

	-webkit-box-shadow: 			inset 0 -8px 8px -8px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0 -8px 8px -8px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0 -8px 8px -8px rgba(var(--fb-color-primary-shadow-rgb), 1);

	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(var(--fb-color-primary-border-rgb), 1);

	background-color: 				rgba(var(--fb-color-secondary-bg-rgb), 1);
}

.flipbook-modal > .flipbook-modal-dialog:not(.flipbook-modal-dialog-fullscreen) > .flipbook-modal-content > .flipbook-modal-header {
	border-top-left-radius:			4px;
	border-top-right-radius:		4px;
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-detail {
	display:						flex;
	flex-direction:					column;
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-detail > .flipbook-modal-title {
	font-size: 						16px;
	line-height: 					24px;
	font-weight: 					600;

	text-shadow: 					0px 2px 4px rgba(var(--fb-color-primary-shadow-rgb), 1);
	color:							rgba(var(--fb-color-primary-title-rgb), 1);
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-close {
	position: 						relative;
	display:						block;
	width: 							24px;
	height: 						24px;
	opacity: 						0.6;
	cursor:							pointer;
	z-index:						2;
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-close::before, 
.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-close::after {
	position: 						absolute;
	content:						'';
	left: 							12px;
	width: 							2px;
	height: 						24px;

	background-color: 				rgba(var(--fb-color-primary-title-rgb), 1);
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-close::before {
	-webkit-transform: 				rotate(45deg);
	-moz-transform: 				rotate(45deg);
	-ms-transform: 					rotate(45deg);
	-o-transform: 					rotate(45deg);
	transform: 						rotate(45deg);
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-close::after {
	-webkit-transform: 				rotate(-45deg);
	-moz-transform: 				rotate(-45deg);
	-ms-transform: 					rotate(-45deg);
	-o-transform: 					rotate(-45deg);
	transform: 						rotate(-45deg);
}

@media (hover: hover) {
	.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-header > .flipbook-modal-close:hover {
		opacity: 					1;
	}
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-body {
	display:						flex;
	flex-direction:					column;
	position: 						relative;
	overflow-y: 					auto;
	overflow-x: 					hidden;
	min-height:						50px;

	border-bottom-left-radius:		4px;
	border-bottom-right-radius:		4px;

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-modal > .flipbook-modal-dialog.flipbook-modal-dialog-fullscreen > .flipbook-modal-content > .flipbook-modal-body {
	flex: 							1 1 auto;
}

.flipbook-modal > .flipbook-modal-dialog > .flipbook-modal-content > .flipbook-modal-body > .flipbook-modal-body-content {
	display:						flex;
	flex-direction:					column;
	flex: 							1 1 auto;
	padding: 						32px 24px;
}


/*************************************************************/
/******************[   FLIPBOOK - OPTIONS   ]*****************/
/*************************************************************/
.flipbook-options {
	display:						flex;
	flex-direction:					column;
	gap:							4px;
	padding: 						24px 12px;
}

.flipbook-options > .flipbook-option {
	display: 						flex;
	align-items: 					center;
	gap:							8px;
	cursor: 						pointer;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	padding: 						8px 12px;

    border-width: 					2px;
	border-radius:					4px;
	border-style:					solid;
	border-color:					transparent;

	outline-width: 					1px;
	outline-style: 					solid;
	outline-offset: 				-1px;
	outline-color: 					rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-option.active {
	border-color: 					rgba(var(--fb-color-primary-border-rgb), 1);
	background-color: 				rgba(var(--fb-color-hover-bg-rgb), 1);
}

@media (hover: hover) {
	.flipbook-option:hover {
		border-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

@media (hover: none) {
	.flipbook-option:active {
		border-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

.flipbook-option > .icon {
	display:						block;
	width:							32px;
	height:							32px;
}

.flipbook-option > .title {
	font-size:						13px;
	line-height:					22px;
	font-weight:					500;

	text-shadow: 					0px 2px 4px rgba(var(--fb-color-primary-shadow-rgb), 1);
	color:							rgba(var(--fb-color-primary-title-rgb), 1);
}


/*************************************************************/
/*******************[   FLIPBOOK - NOTE   ]*******************/
/*************************************************************/
.flipbook-note {
	display:						flex;
	flex-direction:					column;
	padding: 						16px 24px;

	border-top-width: 				1px;
	border-top-style:				solid;
	border-top-color:				rgba(var(--fb-color-primary-border-rgb), 1);

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-note > .flipbook-note-title {
	font-size:						13px;
	line-height:					24px;
	font-weight:					600;
	text-transform:					uppercase;

	color:							rgba(var(--fb-color-primary-title-rgb), 1);
}

.flipbook-note > .flipbook-note-description {
	font-size:						12px;
	line-height:					20px;

	color:							rgba(var(--fb-color-secondary-title-rgb), 1);
}


/*************************************************************/
/*******************[   FLIPBOOK - SHARE   ]******************/
/*************************************************************/
.flipbook-share {
	display:						flex;
	flex-direction:					column;
}

.flipbook-share > .flipbook-share-section {
	display:						flex;
	flex-direction:					column;
	padding: 						24px 24px;
}

.flipbook-share > .flipbook-share-section:not(:last-child) {
	border-bottom-width: 			1px;
	border-bottom-style: 			solid;
	border-bottom-color: 			rgba(var(--fb-color-primary-border-rgb), 1);
}

.flipbook-share > .flipbook-share-section > .flipbook-share-title {
	position:						relative;
	width: 							fit-content;
	font-size:						14px;
	line-height:					24px;
	font-weight:					500;
	margin-bottom:					4px;

	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
	background: 					rgba(var(--fb-color-primary-title-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--fb-color-primary-title-rgb), 1), rgba(var(--fb-color-primary-title-rgb), .9));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-textarea {
	display: 						block;
	outline: 						unset;
	resize: 						none;

	width: 							100%;
	padding: 						8px 16px;
	font-size:						13px;
	line-height: 					24px;
	font-weight: 					400;
	word-break: 					break-all;

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	border-width: 					1px;
	border-radius:				 	4px;
	border-style:					solid;
	border-color:					rgba(var(--fb-color-primary-border-rgb), 1);

	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-share > .flipbook-share-section > .flipbook-share-copy {
	position: 						relative;
	display: 						flex;
	align-items: 					center;
	justify-content: 				end;
	align-self: 					end;
	cursor: 						pointer;
	gap:							8px;
	padding: 						4px 8px;
	margin-top:						8px;
	min-height:						35px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	border-width: 					2px;
	border-radius: 					4px;
	border-style: 					solid;
	border-color: 					transparent;

	outline-width: 					1px;
	outline-style: 					solid;
	outline-offset: 				-1px;
	outline-color: 					rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-share > .flipbook-share-section > .flipbook-share-copy:not(.copied) {
	cursor:							pointer;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-copy.copied {
	cursor:							not-allowed;
}

@media (hover: hover) {
	.flipbook-share > .flipbook-share-section > .flipbook-share-copy:not(.copied):hover {
		border-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

@media (hover: none) {
	.flipbook-share > .flipbook-share-section > .flipbook-share-copy:not(.copied):active {
		border-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

.flipbook-share > .flipbook-share-section > .flipbook-share-copy > .title {
	font-size: 						12px;
	line-height: 					18px;
	font-weight: 					500;

	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
}

.flipbook-share > .flipbook-share-section > .flipbook-share-social {
	display:						flex;
	gap:							8px;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-social > .link > .icon {
	display:						block;
	width:							38px;
	height:							38px;

	outline-width:					2px;
	outline-offset:					1px;
	outline-style:					solid;
	outline-color:					transparent;

	border-radius:					50%;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .8s;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-social .link > .icon.icon-fb:hover {
	outline-color: 					#3B579D;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-social .link > .icon.icon-linkedin:hover {
	outline-color: 					#0078B5;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-social .link > .icon.icon-pinterest:hover {
	outline-color: 					#BD0A1E;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-social .link > .icon.icon-x:hover {
	outline-color: 					#000000;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-social .link > .icon.icon-whatsapp:hover {
	outline-color: 					#27D367;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-others {
	display:						flex;
	flex-wrap:						wrap;
	gap:							8px;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-others > .flipbook-share-other {
	position: 						relative;
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	align-self: 					center;
	cursor: 						pointer;
	gap:							8px;
	flex-grow:						1;
	padding: 						8px 16px;
	min-height:						35px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	border-width: 					2px;
	border-radius: 					4px;
	border-style: 					solid;
	border-color: 					transparent;

	outline-width: 					1px;
	outline-style: 					solid;
	outline-offset: 				-1px;
	outline-color: 					rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-share > .flipbook-share-section > .flipbook-share-others > .flipbook-share-other > .icon {
	display:						block;
	width:							14px;
	height:							14px;
}

.flipbook-share > .flipbook-share-section > .flipbook-share-others > .flipbook-share-other > .title {
	font-size: 						12px;
	line-height: 					18px;
	font-weight: 					500;

	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
}

@media (hover: hover) {
	.flipbook-share > .flipbook-share-section > .flipbook-share-others > .flipbook-share-other:hover {
		border-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}

@media (hover: none) {
	.flipbook-share > .flipbook-share-section > .flipbook-share-others > .flipbook-share-other:active {
		border-color: 				rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}


/*************************************************************/
/***************[   FLIPBOOK - LISTING PAGE   ]***************/
/*************************************************************/
.flipbook-page-content-listings {
	display:						flex;
	flex-wrap:						wrap;
	align-content: 					start;
}

.flipbook-page-content-listings > .flipbook-page-content-listing {
	position:						relative;
	display:						flex;
	flex-grow:						1;
}

.flipbook-page-content-listings > .flipbook-page-content-listing > .flipbook-page-content-listing-inside {
	display:						flex;
	flex:							1 1 auto;
	overflow: 						hidden;

	width:							100%;
	height:							100%;
}

.flipbook-page-content-listings.flipbook-page-content-listings-grid > .flipbook-page-content-listing > .flipbook-page-content-listing-inside {
	flex-direction:					column;
}

.flipbook-page-content-listings.flipbook-page-content-listings-column > .flipbook-page-content-listing > .flipbook-page-content-listing-inside {
	flex-direction:					row;
}

.flipbook-page-content-listings > .flipbook-page-content-listing > .flipbook-page-content-listing-inside {
	border-radius:					2px;
	outline-width: 					1px;
	outline-offset: 				0px;
	outline-style:					solid;
	outline-color:					rgba(var(--fb-color-listing-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 8px -2px rgba(var(--fb-color-listing-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 8px -2px rgba(var(--fb-color-listing-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 8px -2px rgba(var(--fb-color-listing-shadow-rgb), 1);

	background-color: 				rgba(var(--fb-color-listing-bg-rgb), 1);
}


.flipbook-page-content-listings.flipbook-page-content-listings-grid {
	flex-direction:					row;
}

.flipbook-page-content-listings.flipbook-page-content-listings-column {
	flex-direction:					column;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0 {
	width:							100%;
	height:							100%;

	margin:							0px;
	gap:							0px;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1 {
	width:							calc(100% - 8px);
	height:							calc(100% - 8px);

	margin:							4px;
	gap:							4px;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2 {
	width:							calc(100% - 16px);
	height:							calc(100% - 16px);

	margin:							8px;
	gap:							8px;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3 {
	width:							calc(100% - 32px);
	height:							calc(100% - 32px);

	margin:							16px;
	gap:							16px;
}

.flipbook-page-content-listings.flipbook-page-content-listings-grid.flipbook-page-content-listings-1 > .flipbook-page-content-listing {
	width:							100%;
	max-width:						100%;
	height:							100%;
	max-height:						100%;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-grid.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							50%;
	height:							100%;
	max-height:						100%;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-grid.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							calc(50% - 2px);
	height:							100%;
	max-height:						100%;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-grid.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							calc(50% - 4px);
	height:							100%;
	max-height:						100%;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-grid.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							calc(50% - 8px);
	max-width:						calc(50% - 8px);
	height:							100%;
	max-height:						100%;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-grid.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							50%;
	height:							calc(100% / 2);
	max-height:						calc(100% / 2);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-grid.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							calc(50% - 2px);
	height:							calc(100% / 2 - 2px);
	max-height:						calc(100% / 2 - 2px);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-grid.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							calc(50% - 4px);
	height:							calc(100% / 2 - 4px);
	max-height:						calc(100% / 2 - 4px);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-grid.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							calc(50% - 8px);
	height:							calc(100% / 2 - 8px);
	max-height:						calc(100% / 2 - 8px);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-grid.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							50%;
	height:							calc(100% / 2);
	max-height:						calc(100% / 2);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-grid.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							calc(50% - 2px);
	height:							calc(100% / 2 - 2px);
	max-height:						calc(100% / 2 - 2px);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-grid.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							calc(50% - 4px);
	height:							calc(100% / 2 - 4px);
	max-height:						calc(100% / 2 - 4px);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-grid.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							calc(50% - 8px);
	height:							calc(100% / 2 - 8px);
	max-height:						calc(100% / 2 - 8px);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-grid.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							50%;
	height:							calc(100% / 3);
	max-height:						calc(100% / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-grid.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							calc(50% - 2px);
	height:							calc(calc(100% / 3) - calc(4px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(4px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-grid.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							calc(50% - 4px);
	height:							calc(calc(100% / 3) - calc(8px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(8px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-grid.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							calc(50% - 8px);
	height:							calc(calc(100% / 3) - calc(16px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(16px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-grid.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							50%;
	height:							calc(100% / 3);
	max-height:						calc(100% / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-grid.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							calc(50% - 2px);
	height:							calc(calc(100% / 3) - calc(4px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(4px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-grid.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							calc(50% - 4px);
	height:							calc(calc(100% / 3) - calc(8px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(8px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-grid.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							calc(50% - 8px);
	height:							calc(calc(100% / 3) - calc(16px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(16px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-column.flipbook-page-content-listings-1 > .flipbook-page-content-listing {
	width:							100%;
	max-width:						100%;
	height:							100%;
	max-height:						100%;
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-column.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(100% / 2);
	max-height:						calc(100% / 2);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-column.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 2) - calc(4px * 1) / 2);
	max-height:						calc(calc(100% / 2) - calc(4px * 1) / 2);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-column.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 2) - calc(8px * 1) / 2);
	max-height:						calc(calc(100% / 2) - calc(8px * 1) / 2);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-column.flipbook-page-content-listings-2 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 2) - calc(16px * 1) / 2);
	max-height:						calc(calc(100% / 2) - calc(16px * 1) / 2);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-column.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(100% / 3);
	max-height:						calc(100% / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-column.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 3) - calc(4px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(4px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-column.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 3) - calc(8px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(8px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-column.flipbook-page-content-listings-3 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 3) - calc(16px * 2) / 3);
	max-height:						calc(calc(100% / 3) - calc(16px * 2) / 3);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-column.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(100% / 4);
	max-height:						calc(100% / 4);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-column.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 4) - calc(4px * 3) / 4);
	max-height:						calc(calc(100% / 4) - calc(4px * 3) / 4);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-column.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 4) - calc(8px * 3) / 4);
	max-height:						calc(calc(100% / 4) - calc(8px * 3) / 4);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-column.flipbook-page-content-listings-4 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 4) - calc(16px * 3) / 4);
	max-height:						calc(calc(100% / 4) - calc(16px * 3) / 4);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-column.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(100% / 5);
	max-height:						calc(100% / 5);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-column.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 5) - calc(4px * 4) / 5);
	max-height:						calc(calc(100% / 5) - calc(4px * 4) / 5);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-column.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 5) - calc(8px * 4) / 5);
	max-height:						calc(calc(100% / 5) - calc(8px * 4) / 5);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-column.flipbook-page-content-listings-5 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 5) - calc(16px * 4) / 5);
	max-height:						calc(calc(100% / 5) - calc(16px * 4) / 5);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-0.flipbook-page-content-listings-column.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(100% / 6);
	max-height:						calc(100% / 6);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-1.flipbook-page-content-listings-column.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 6) - calc(4px * 5) / 6);
	max-height:						calc(calc(100% / 6) - calc(4px * 5) / 6);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-2.flipbook-page-content-listings-column.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 6) - calc(8px * 5) / 6);
	max-height:						calc(calc(100% / 6) - calc(8px * 5) / 6);
}

.flipbook-page-content-listings.flipbook-page-content-listings-space-3.flipbook-page-content-listings-column.flipbook-page-content-listings-6 > .flipbook-page-content-listing {
	width:							100%;
	height:							calc(calc(100% / 6) - calc(16px * 5) / 6);
	max-height:						calc(calc(100% / 6) - calc(16px * 5) / 6);
}


/*************************************************************/
/***********[   FLIPBOOK - LISTING PAGE - IMAGE   ]***********/
/*************************************************************/
.flipbook-page-content-listings-grid .flipbook-listing-image {
	position: 						relative;
	display:						block;
	pointer-events:					all;
	width: 							100%;
	height: 						45%;

	padding:						2px;
	padding: 						clamp(2px, 4%, 8px);
}

.flipbook-page-content-listings-grid .flipbook-listing-image > .flipbook-listing-src {
	position: 						relative;
	top: 							0;
	left: 							0;
	bottom: 						0;
	right: 							0;
	width: 							100%;
	height: 						100%;
	object-fit:						scale-down;

	-webkit-transition: 			.4s transform;
	-moz-transition: 				.4s transform;
	-ms-transition: 				.4s transform;
	-o-transition: 					.4s transform;
	transition: 					.4s transform;
}

@media (hover: hover) {
	.flipbook-page-content-listings-grid .flipbook-listing-image:hover .flipbook-listing-src {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}

/*************************************************************/
/************[   FLIPBOOK - LISTING PAGE - META   ]***********/
/*************************************************************/
.flipbook-listing-meta {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	align-items: 					center;
	justify-content: 				center;
	container-type: 				inline-size;
	width:							100%;
	height:							35%;

	gap:							6px;
	gap:							clamp(6px, 4%, 12px);
}

.flipbook-listing-meta > .flipbook-listing-title {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			2;

	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;

	padding-left: 					6%;
	padding-right: 					6%;
	font-weight:					400;
	text-align:						center;
	font-size: 						4.8cqw;
	line-height: 					6.8cqw;
	height: 						calc(6.8cqw * 2);

	text-shadow: 					0px 2px 4px rgba(var(--fb-color-listing-shadow-rgb), 1);
	color:							rgba(var(--fb-color-listing-title-rgb), 1);
}

.flipbook-listing-meta > .flipbook-listing-selling-price {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			2;

	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;

	padding-left: 					6%;
	padding-right: 					6%;

	font-weight:					700;
	text-align:						center;

	font-size: 						5.2cqw;
	height: 						7.2cqw;
	line-height: 					7.2cqw;
	letter-spacing:					0.2px;

	color:							rgba(var(--fb-color-listing-price-rgb), 1);
}


/*************************************************************/
/**********[   FLIPBOOK - LISTING PAGE - HOTSPOTS   ]*********/
/*************************************************************/
.flipbook-listing-hotspots {
	position: 						relative;
	display:						flex;
	flex-direction:					row;
	align-items: 					center;
	justify-content: 				center;
	container-type: 				inline-size;
	width:							100%;
	height:							20%;

	gap:							4px;
	gap:							clamp(4px, 4%, 8px);
}

.flipbook-listing-hotspots > .flipbook-listing-hotspot {
	position: 						relative;
	display:						flex;
	align-items:					center;
	justify-content:				center;
	cursor:							pointer;
	pointer-events:					all;
	container-type:	 				inline-size;

	width:							8px;
	width: 							clamp(8px, 13cqw, 40px);

	height:							8px;
	height: 						clamp(8px, 13cqw, 40px);

	-webkit-transition: 			border-color .4s ease, background-color .4s ease;
	-moz-transition: 				border-color .4s ease, background-color .4s ease;
	-ms-transition: 				border-color .4s ease, background-color .4s ease;
	-o-transition: 					border-color .4s ease, background-color .4s ease;
	transition: 					border-color .4s ease, background-color .4s ease;

	border-width: 					2px;
	border-radius: 					4px;
	border-style: 					solid;
	border-color: 					transparent;

	outline-width:					1px;
	outline-offset:					-1px;
	outline-style:					solid;
	outline-color:					rgba(var(--fb-color-primary-border-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--fb-color-primary-shadow-rgb), 1);

	background-color: 				rgba(var(--fb-color-primary-bg-rgb), 1);
}

.flipbook-listing-hotspots > .flipbook-listing-hotspot > .flipbook-listing-hotspot-icon {
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	text-align: 					center;

	font-size:						6px;
	font-size: 						clamp(6px, 60cqw, 24px)
}

@media (hover: hover) {
	.flipbook-listing-hotspots > .flipbook-listing-hotspot:hover {
		border-color:	 			rgba(var(--fb-color-primary-border-rgb), 1);
		background-color: 			rgba(var(--fb-color-hover-bg-rgb), 1);
	}
}


/*************************************************************/
/****************[   FLIPBOOK - STORE PAGE   ]****************/
/*************************************************************/
.flipbook-page-content-store {
	display:						flex;
	flex-direction:					column;
	justify-content: 				start;
	margin-top: 					auto;
	margin-bottom: 					auto;
	width:							100%;
	padding: 						4% 8%;
	gap: 							2cqw;
}

.flipbook-page-content-store > .flipbook-page-content-store-logo {
	width:							100%;
	pointer-events:					none;	
}

.flipbook-page-content-store > .flipbook-page-content-store-logo > .flipbook-page-content-store-src {
	display:						block;
	margin-left:					auto;
	margin-right:					auto;

	max-width:						250px;
	width:							60%;
	height:							auto;

	object-fit:						scale-down;
}

.flipbook-page-content-store > .flipbook-page-content-store-meta {
	display:						flex;
	flex-direction:					column;
	gap:							4px;
	container-type: 				inline-size;
}

.flipbook-page-content-store > .flipbook-page-content-store-meta > .flipbook-page-content-store-title {
	font-size: 						3.8cqw;
	line-height: 					calc(3.8cqw*1.4);
	font-weight:					600;
	text-align:						center;
	color: 							rgba(var(--fb-color-primary-title-rgb), 1);
}

.flipbook-page-content-store > .flipbook-page-content-store-meta > .flipbook-page-content-store-subtitle {
	font-size: 						2.8cqw;
	line-height: 					calc(2.8cqw*1.8);
	text-align:						center;
	color: 							rgba(var(--fb-color-secondary-title-rgb), 1);
}