body.lock{
	overflow:hidden;
}

.fbModalContentPool{
	display:none!important;
}

/* panel */
.fbQrPanel,
.fbErrorPanel,
.fbPanel{
	display:flex;
	flex-direction:column;
	background-color:#ffffff;
}

.fbQrPanel,
.fbErrorPanel,
.fbPanel{
	display:flex;
	flex-direction:column;
	padding:2.5rem;
	margin:0 0 2.5rem 0;
	border-radius:2px;
}

.fbQrModal__wrapper,
.fbErrorModal__wrapper,
.fbModal__wrapper{
	margin:0;
}


/* spinner */
.fbQrSpinner,
.fbSpinner{
	display:none;
}

.fbErrorPanel.fbErrorPanel_preload + .fbSpinner,
.fbPanel.fbPanel_preload > .fbSpinner
{
	display:flex;
	justify-content:center;
}


.fbErrorPanel.fbErrorPanel_preload .fbErrorPanelBody,
.fbPanel.fbPanel_preload .fbPanelBody{
	display:none;
}

.fbSpinner5 {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border:4px solid #0000;
  border-radius: 50%;
  border-right-color: #E80024;
  animation: s5 1s infinite linear;
}
.fbSpinner5::before,
.fbSpinner5::after {    
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
  animation: s5 2s infinite;
}
.fbSpinner5::after {
  margin: 8px;
  animation-duration: 3s;
}

@keyframes s5{ 
  100%{transform: rotate(1turn)}
}



/* modal */
.fbQrModal__back,
.fbErrorModal__back,
.fbModal__back{
	/*display:flex;*/
	flex-direction:column;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background-color:RGBA(0,40,60,0.9);
	z-index:100;
	align-items:center;
	align-content:center;
	justify-content:center;
}

#fbQrModal,
#fbErrorModal,
#fbModal{
	display:none;
}


#fbErrorModal.visible,
#fbQrModal.visible,
#fbModal.visible{
	display:flex;
}


.fbModal__wrapper{
	width:calc(100vw - 5rem);
	height:calc(100vh - 5rem);
		
	min-width:calc(100vw - 5rem);
	max-width:calc(100vw - 5rem);
	
	min-height:calc(100vh - 5rem);
	max-height:calc(100vh - 5rem);
		
	display:flex;
	position:relative;
	/*max-width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));*/
	color:#404040;
	border-radius:15px;
	padding:0;
}


.fbQrModal__wrapper{
    width: calc(100vw - 5rem); 
    min-width: calc(100vw - 5rem);
    max-width: calc(100vw - 5rem);
	
	height: calc(50vh - 4rem);
	min-height: calc(50vh - 4rem);
    max-height: calc(50vh - 4rem);
	
    display: flex;
	justify-content:space-between;
	flex-direction:column;
    position: relative;
    /*max-width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));*/
	color:#404040;
	background-color:#000000;
	border-radius:15px;
	margin:0;
	padding:0;
}


.fbErrorModal__wrapper{
    width: calc(100vw - 5rem);
    height: calc(33vh - 9rem);
    min-width: calc(100vw - 5rem);
    min-height: calc(33vh - 9rem);
    max-width: calc(100vw - 5rem);
    max-height: calc(100vh - 5rem);
    display: flex;
	justify-content:space-between;
	flex-direction:column;
    position: relative;
    max-width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));
	color:#404040;
	border-radius:15px;
	background-color: #B4273A;
}

.fbQrModal__wrapper{
	background-color: #070D11;
	color:#ffffff;
}

.fbQrModalHeader,
.fbErrorModalHeader,
.fbModalHeader{
	display:flex;
	position:relative;
	margin:0 0 0rem 0;
	padding:0;
}

.fbErrorModalTitle{
	color:#ffffff;
}

.fbQrModalHeader.hidden,
.fbErrorModalHeader.hidden,
.fbModalHeader.hidden{
	display:none;
}


.fbQrModalTitle,
.fbErrorModalTitle,
.fbModalTitle{
	display:block;
	position:relative;
	font-size:2rem;
	line-height:100%;
	color:#000;
	margin:0;
	padding:0;
	font-weight:500;
}

.fbErrorModalTitle{
	color:#ffffff;
	margin: 1rem;
}

.fbQrModalCloseButton,
.fbErrorModalCloseButton,
.fbModalCloseButton{
	display:flex;
	position:absolute;
	right:0rem;
	top:0rem;
	width:3.5rem;
	height:3.5rem;
	flex-direction:column;
	align-items:center;
	align-content:center;
	justify-content:center;
	cursor:pointer;
	z-index:101;
	background-color:RGBA(255,255,255,1);
	border:#ffffff solid 1px;
	border-radius: 0 15px 0 15px;
}




.fbErrorModalBody{
	display: flex;
    flex-grow: 1;
    margin: 1rem;
    padding: 0;
    color: #ffffff;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}


.eText{
	font-size:2.4rem;
	line-height:100%;
	color:#ffffff;
	font-weight:300;
}




.qrModal__body{
	display: flex;
    flex-direction: column;
    width: calc(100% - 2rem);
    margin: 1rem 1rem 3rem 1rem;
}

.fbModalBody{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	width:100%;
	height:100%;
	overflow-y: hidden;
}


.qrModal__wrapper{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	width:100%;
	height:100%;
	overflow-y: scroll;
}



.fbModal__wrapper.scroll .fbModalBody{
	overflow-y: scroll;
}

.fbModalBody img{
	width:100% !important;
	height:auto !important;
}


.qrModal__wrapper .pagesFeedItem__video{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	object-fit:contain;
	border-radius:0;
}


/* QR */
.qrModal__image{
	display: block;
    width: calc(100vw - 5rem);
    min-width: calc(100vw - 5rem);	
    max-width: calc(100vw - 5rem);	

    height: calc(100vw - 7rem);
    min-height: calc(100vw - 7rem);	
    max-height: calc(100vw - 7rem);	
		
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
    margin: 0;	
}



.qrModal__image64{
	display: block;
	
    width: calc(100vw - 5rem);
    min-width: calc(100vw - 5rem);	
    max-width: calc(100vw - 5rem);	

    height: calc(100vw - 7rem);
    min-height: calc(100vw - 7rem);	
    max-height: calc(100vw - 7rem);	
	
    object-fit: cover;
    /*overflow-clip-margin: content-box;*/
    overflow: clip;
    margin: 0;
	padding:0;	
	border-radius: 15px 15px 0 0;
}


.expert_guide .qrModal__image{
    width: calc(100vw - 5rem);
    height: calc(100vw - 22rem);
}


.expert_guide .qrModal__image64{
    width: 100%;
    height: 100%
}


.qrModal__title{
	display:block;
	position:relative;
	padding:1rem;
	font-size:2rem;
	line-height:110%;
	font-weight:300;
}

.qrModal__content{
	display:block;
	position:relative;
	padding:1rem;
	font-size:1.5rem;
	line-height:145%;
	font-weight:400;
	color:#080808;
}

.qrModal__responce{
	display:block;
	position:relative;
	padding:1rem;
	font-size:1.5rem;
	line-height:145%;
	font-weight:400;
}

.qrModal__responceBody{
	display:block;
	position:relative;
    width: 100%;
    min-width: 100%;	
    max-width: 100%;
	word-break: break-all;	
}


.fbQR__Table{
	display:flex;
	flex-direction:column;
	width:100%;
	font-size:1.4rem;
	line-height:100%;
}

.fbQR__Table tbody{
	display:flex;
	flex-direction:column;
	width:100%;
}



.fbQR__Table tr{
	display:flex;
	flex-direction:column;
	width:100%;
}


.fbDt{
	display:flex;
	font-weight:300;
	background-color:#9CACB9;
	padding:0.5rem;
}

.fbDt > span{
	display:inline-block;
}


.fbDd{
	display:flex;
	padding:0.5rem;
	font-weight:400;
	line-height:130%;
	padding-bottom:1rem;
	min-height:3.7rem;
}


.qrModal__responceInfo{
	font-size:1.2rem;
}


.iOS .fbModal__wrapper{
	min-height: calc(100vh - 9rem);
    max-height: calc(100vh - 9rem);	
}


.iOS .qrModal__responce{
	margin-bottom:3rem;
}


.fbModalBody .pageStatic__wrapper{
	display:block;
	padding:1.5rem;
}


@media all and (display-mode: standalone) {

}


@media screen and (min-width: 900px) {
	.fbModal__wrapper{
		width: 640px;
		min-width: 640px;
		max-width: 640px;
		
		height: calc(100vh - 5rem);
		min-height: calc(100vh - 5rem);
		max-height: calc(100vh - 5rem);	
		overflow: clip;	
	}

	
	.fbQrModal__wrapper{
		width: 640px;
    	min-width:640px;
		max-width:640px;
		
		height: 640px;	
		min-height:640px;
		max-height:none;
	}
	
	.qrModal__image,
	.qrModal__image64{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: 400px;
		min-height: 400px;
		max-height: 400px;
	}
	
	.qrModal__wrapper{
		scrollbar-width: thin;
	}
	
	.fbErrorModal__wrapper {
		width: 640px;
    	min-width:640px;
		max-width:640px;
		
		height:auto;
		min-height: calc(33vh - 9rem);
		max-height: calc(100vh - 5rem);
	}
}