@supports (padding: env(safe-area-inset-bottom)) {
		.ehr-footer,
		.ours-html-dialog-btn {
			background-color: #ffffff;
			box-sizing: border-box;
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);
		}
		.ehr-footer:after{
			content: '';
			z-index: 100;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: env(safe-area-inset-bottom);
			background: #ffffff;
		}
	}
	@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),
	       only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3),
	       only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),
	       only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),
	       only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3),
	       only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3),
	       only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3){
		.ehr-footer,
		.ours-html-dialog-btn {
			background-color: #ffffff;
			box-sizing: border-box;
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);
		}
		.ehr-footer:after{
			content: '';
			z-index: 100;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: env(safe-area-inset-bottom);
			background: #ffffff;
		}
		.ours-actionSheet-dialog-cancel {
			box-sizing: border-box;
			margin-bottom: 47px;
		}
	}