.sk-three-bounce {
		margin: 40px auto;
		width: 80px;
		text-align: center
	}
	
	.sk-three-bounce .sk-child {
		width: 20px;
		height: 20px;
		background-color: #333;
		border-radius: 100%;
		display: inline-block;
		animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
	}
	
	.sk-three-bounce .sk-bounce1 {
		animation-delay: -.32s
	}
	
	.sk-three-bounce .sk-bounce2 {
		animation-delay: -.16s
	}
	
	@keyframes sk-three-bounce {
	
		0%,
		80%,
		100% {
			transform: scale(0)
		}
	
		40% {
			transform: scale(1)
		}
	}
	
	.previewZoom {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9)
	}
	
	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	
			html {
				margin: 0;
				padding: 0;
				width: 100%;
				min-height: 100%;
				min-height: 100svh;
				min-height: 100dvh;
				min-height: -webkit-fill-available;
				overflow-x: hidden;
				-webkit-text-size-adjust: 100%;
				text-size-adjust: 100%;
				background: #f7f7f7
			}
	
		body {
			margin: 0;
			padding: 0;
				width: 100%;
				min-width: 0;
				min-height: 100%;
				min-height: 100svh;
				min-height: 100dvh;
				min-height: -webkit-fill-available;
				overflow-x: hidden;
				overscroll-behavior-x: none;
				--vcard-credit-height: 60px;
				--vcard-credit-space: 0px;
			color: #82848f;
			font-size: 14px;
			line-height: 1;
			font-family: 'Maison Neue', sans-serif;
			font-style: normal;
		font-weight: 400;
			background: #f7f7f7
		}

			@supports (-webkit-touch-callout: none) {
				html,
				body#dvcard-body {
					height: auto;
					min-height: 100dvh;
					min-height: -webkit-fill-available;
				}

				body#dvcard-body {
					padding-top: 0;
					padding-bottom: 0;
					overflow-x: hidden;
					background: #f7f7f7;
				}
			}

	a {
		text-decoration: none;
		color: #323032;
		-moz-transition: all 0.15s ease;
		-o-transition: all 0.15s ease;
		-webkit-transition: all 0.15s ease;
		transition: all 0.15s ease;
		outline: none
	}
	
	a:hover,
	a:focus,
	a:active {
		outline: none;
		text-decoration: none;
		color: #181718
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		color: #323032;
		font-weight: 400
	}
	
	p {
		line-height: 1.4;
		color: #82848f;
		margin: 0;
		padding: 0
	}
	
	ul {
		margin: 0;
		padding: 0;
		list-style: none
	}
	
	button {
		padding-top: 0px !important
	}
	
	label {
		margin: 0
	}
	
	.btn {
		cursor: pointer;
		display: inline-block;
		vertical-align: middle;
		height: 40px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		padding: 12px 35px 0 35px;
		background-color: #50b8e7;
		border: none;
		color: #fff;
		border-radius: 3px;
		box-shadow: none !important;
		outline: 0 !important;
		-moz-transition: all .15s ease;
		-o-transition: all .15s ease;
		-webkit-transition: all .15s ease;
		transition: all .15s ease
	}
	
	.btn:hover,
	.btn:focus,
	.btn:active {
		color: #fff;
		background-color: #3aafe4;
		text-decoration: none;
		outline: 0 !important
	}
	
	.btn.small {
		height: 36px;
		padding-top: 10px;
		font-size: 14px
	}
	
	.btn.big {
		height: 56px;
		padding-top: 19px;
		font-size: 16px
	}
	
	.btn.big.fs14 {
		font-size: 14px;
		padding-top: 20px
	}
	
	.btn.fw400 {
		font-weight: 400
	}
	
	.btn.wide {
		padding-left: 135px;
		padding-right: 135px
	}
	
	@media (max-width:767px) {
		.btn.wide {
			padding-left: 50px;
			padding-right: 50px
		}
	}
	
	.btn.i span {
		display: inline-block;
		vertical-align: middle
	}
	
	.btn.i i {
		display: inline-block;
		vertical-align: middle;
		padding-right: 10px
	}
	
	.btn.i-right span {
		display: inline-block;
		vertical-align: middle
	}
	
	.btn.i-right i {
		display: inline-block;
		vertical-align: middle;
		padding-left: 10px;
		margin-top: 0px
	}
	
	.btn.lc {
		text-transform: none !important
	}
	
	.btn.round {
		width: 40px;
		text-align: center;
		padding: 11px 0 0 0
	}
	
	.btn.round.small {
		padding: 10px 0 0 0;
		width: 36px;
		height: 36px
	}
	
	.btn.block {
		display: block;
		width: 100%
	}
	
	.btn.green {
		background-color: #70c250;
		color: #fff !important
	}
	
	.btn.green:hover,
	.btn.green:focus,
	.btn.green:active {
		background-color: #62b840;
		color: #fff !important
	}
	
	.btn.red {
		background-color: #f65f6e;
		color: #fff !important
	}
	
	.btn.red:hover,
	.btn.red:focus,
	.btn.red:active {
		background-color: #f54758;
		color: #fff !important
	}
	
	.btn.gray {
		background-color: #f7f7f7;
		color: #82848f !important;
		border: 1px solid #eaeaea
	}
	
	.btn.gray:hover,
	.btn.gray:focus,
	.btn.gray:active {
		background-color: #f2f2f2;
		color: #323032 !important;
		border: 1px solid #e5e5e5
	}
	
	.btn.white {
		background-color: #fff;
		color: #82848f !important;
		border: 1px solid #eaeaea
	}
	
	.btn.white:hover,
	.btn.white:focus,
	.btn.white:active {
		color: #323032 !important;
		border: 1px solid #d1d1d1
	}
	
	.btn.blue-dark {
		background-color: #2283f6;
		color: #fff !important;
		box-shadow: 5px 8.7px 20px rgba(86, 86, 86, 0.5) !important
	}
	
	.btn.blue-dark:hover,
	.btn.blue-dark:focus,
	.btn.blue-dark:active {
		background-color: #0a75f5;
		color: #fff !important;
		box-shadow: 5px 8.7px 20px rgba(86, 86, 86, 0.7) !important
	}
	
	.btn.white-transparent {
		background-color: rgba(255, 255, 255, 0.1) !important;
		color: #fff !important;
		border: 2px solid rgba(255, 255, 255, 0.3) !important
	}
	
	.btn.white-transparent:hover,
	.btn.white-transparent:focus,
	.btn.white-transparent:active {
		background-color: rgba(255, 255, 255, 0.15) !important;
		color: #fff !important;
		border: 2px solid rgba(255, 255, 255, 0.7) !important
	}
	
	.btn.transparent {
		background-color: transparent;
		color: #50b8e7 !important;
		border: 1px solid transparent
	}
	
	.btn.transparent:hover,
	.btn.transparent:focus,
	.btn.transparent:active {
		color: #23a6e1 !important
	}
	
	@media (max-width:666px) {
		.vcard-template .fixed-button {
			position: fixed !important;
			bottom: 16px;
			right: 40px;
			width: 56px !important;
			padding: 0 !important
		}
	
		.vcard-template .fixed-button>.fabs {
			right: 0
		}
	
		.vcard-template .fixed-button--share-button {
			bottom: 88px !important;
			right: 40px !important
		}
	}
	
	@media (max-width:320px) {
		.vcard-template .fixed-button {
			bottom: 0;
			right: 0 !important;
			padding: 20px 0 20px 65px !important
		}
	}
	
	.vcard-template .PopUps {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(50, 48, 50, 0.85);
		display: none;
		z-index: 999998
	}
	
	.vcard-template .PopUps.active {
		display: block
	}
	
	.vcard-template [popup] {
		display: none;
		position: fixed;
		top: 0;
		left: 50%;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: -300px;
		width: 600px;
		background-color: #fff;
		border-radius: 2px;
		z-index: 999999
	}
	
	@media (max-width:549px) {
		.vcard-template [popup] {
			width: 96%;
			left: 2%;
			margin-left: 0px
		}
	}
	
	@media (min-width:550px) and (max-width:767px) {
		.vcard-template [popup] {
			width: 530px;
			left: 50%;
			margin-left: -265px
		}
	}
	
	.vcard-template [popup].active {
		display: block
	}
	
	.vcard-template [popup]>[close-popup] {
		position: absolute;
		top: 15px;
		right: 15px;
		color: #323032;
		font-size: 12px;
		opacity: 0.4
	}
	
	.vcard-template [popup]>[close-popup]:hover {
		opacity: 1
	}
	
	.vcard-template [popup].style1 {
		text-align: center;
		padding: 60px 120px;
		min-height: 400px
	}
	
	.vcard-template [popup].style1.info a {
		cursor: pointer;
		color: #5ab7e5;
		font-weight: 400
	}
	
	@media (max-width:767px) {
		.vcard-template [popup].style1 {
			padding: 30px 20px 20px 20px;
			min-height: 330px
		}
	}
	
	.vcard-template [popup].style1 .header-icon {
		font-size: 48px;
		color: #50b8e7
	}
	
	.vcard-template [popup].style1 h3 {
		font-size: 18px;
		font-weight: 600;
		margin: 15px 0 10px 0
	}
	
	.vcard-template [popup].style1 p {
		padding-bottom: 25px
	}
	
	.vcard-template [popup].style1 .btn {
		position: relative;
		margin-bottom: 10px;
		text-transform: capitalize
	}
	
	.vcard-template [popup].style1 .btn:last-child {
		margin-bottom: 0
	}
	
	.vcard-template [popup].style1 .btn i {
		position: absolute;
		top: 20px;
		left: 25px
	}
	
	.vcard-template [popup].style1 input[type="text"],
	.vcard-template [popup].style1 input[type="email"] {
		text-align: center;
		margin-bottom: 20px
	}
	
	.vcard-template [popup].style2 {
		min-height: 400px
	}
	
	@media (max-width:767px) {
		.vcard-template [popup].style2 {
			min-height: 330px
		}
	}
	
	.vcard-template [popup].style2 .crop {
		height: 320px;
		background-color: #000
	}
	
	.vcard-template [popup].style2 .crop .cropper-container {
		margin: 0 auto
	}
	
	.vcard-template [popup].style2 .footer {
		padding: 20px 30px;
		background-color: #fff;
		text-align: right
	}
	
	.vcard-template [popup].style2 .footer .btn {
		margin-right: 10px
	}
	
	.vcard-template [popup].style2 .footer .btn:last-child {
		margin-right: 0px
	}
	
	.vcard-template .vcard-body {
		height: 100%;
		position: relative;
		float: left;
		width: 100%;
		padding: 20px 45px 40px;
		box-shadow: 0 -5px 40px 7px rgba(0, 0, 0, 0.08)
	}
	
	@media (max-width:480px) {
		.vcard-template .vcard-body {
			box-shadow: none;
			padding: 20px 0 40px
		}
	}
	
	.vcard-template .vcard-body .vcard-row {
		position: relative;
		padding: 20px 20px 20px 65px;
		float: left;
		width: 100%
	}
	
	.vcard-template .vcard-body .vcard-row i:not(.iconFab) {
		position: absolute;
		top: 25px;
		left: 20px;
		font-size: 20px;
		color: #b3b4bb
	}
	
	.vcard-template .vcard-body .vcard-row label+i {
		position: absolute;
		top: 16px !important;
		left: 13px !important;
		font-size: 35px !important;
		color: #b3b4bb
	}
	
	.vcard-template .vcard-body .vcard-row h1,
	.vcard-template .vcard-body .vcard-row h2,
	.vcard-template .vcard-body .vcard-row h3,
	.vcard-template .vcard-body .vcard-row h4,
	.vcard-template .vcard-body .vcard-row h5,
	.vcard-template .vcard-body .vcard-row h6 {
		line-height: 1.3;
		margin-bottom: 5px;
		color: #323032;
		font-weight: 400
	}

	.vcard-template .vcard-body .vcard-row h4,
	.vcard-template .vcard-body .vcard-row h4 a {
		overflow-wrap: anywhere;
		word-break: break-word
	}
	
	.vcard-template .vcard-body .vcard-row small {
		display: block;
		color: #82848f;
		font-size: 13px
	}

	.staff-paper-effect-wrapper {
		width: 100%;
		margin: 20px 0 10px;
		padding: 0 20px;
		box-sizing: border-box;
		display: block;
		clear: both;
		position: relative;
		z-index: 0
	}

	.staff-paper-section {
		width: 100%;
		max-width: 429px;
		height: 473px;
		position: relative;
		margin: 0 auto;
		overflow: hidden;
		background: transparent;
		box-shadow: none;
		border-radius: 0
	}

	.staff-paper-app {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		touch-action: pan-y;
		user-select: none
	}

	.staff-paper-interaction-zone {
		position: absolute;
		inset: 15% 10% 8%;
		z-index: 3;
		touch-action: none;
		-webkit-user-select: none;
		user-select: none;
		background: transparent;
		cursor: grab
	}

	.staff-paper-interaction-zone:active {
		cursor: grabbing
	}

	.staff-paper-error {
		width: 100%;
		height: 100%;
		border-radius: 18px;
		background: rgba(250, 250, 250, 0.9);
		border: 1px solid rgba(207, 214, 224, 0.8);
		color: #445269;
		font-size: 13px;
		line-height: 1.5;
		padding: 22px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center
	}
	
	.vcard-template .vcard-body .vcard-row.poweredby {
		top: 90px;
		padding: 0px 0 0px 65px
	}
	
	.vcard-template .vcard-body .vcard-separator {
		height: 1px;
		background-color: #eaeaea;
		float: right;
		width: calc(100% - 65px)
	}
	
	.vcard-template .vcard-body .vcard-social {
		margin-bottom: 20px;
		float: left;
		width: 100%;
		display: block;
		padding: 0;
		position: relative;
		font-size: 20px
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper {
		padding: 11px 13px;
		display: inline-block;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		background: black;
		margin: 10px 4px 0px 0px;
		color: white !important;
		float: left;
		line-height: 23px
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.pointer {
		margin: 0px 4px 0px 0px;
		cursor: pointer
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper i {
		top: 2px;
		position: relative
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.facebook {
		background: #4769a6
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.twitter {
		background: #5EA9DD
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.linkedin {
		background: #0074b9
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.instagram {
		background: #01548a
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.xing {
		background: #006464
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.pinterest {
		background: #cb0c11
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.googleplus {
		background: #ea4f39
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.twitter {
		background: #5EA9DD
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.vkontakte {
		background: #3d6390
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.vine {
		background: #00b58a
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.flickr {
		background: #ff0084
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.dribbble {
		background: #EA4C89
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.youtube {
		background: #bb0000
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.tripadvisor {
		background: #589442
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.vimeo {
		background: #aad450
	}
	
	.vcard-template .vcard-body .vcard-social .icon-wrapper.snapchat {
		background: #fffc00
	}
	
	.vcard-template .vcard-body .vcard-social h5 {
		font-size: 14px;
		color: #82848f;
		margin-bottom: 15px
	}
	
	.vcard-template .vcard-body .vcard-social a {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		opacity: 1
	}
	
	.vcard-template .vcard-body .vcard-social a:hover {
		opacity: 0.85
	}
	
	.vcard-template.style2 .vcard-header {
		position: relative;
		text-align: center
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-header {
			padding-top: 60px
		}
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-header .vcard-header-wrapper {
			width: 570px;
			margin: 0 auto;
			box-shadow: 0 -5px 40px 7px rgba(0, 0, 0, 0.08)
		}
	}
	
	.vcard-template.style2 .vcard-header .vcard-top-info {
		max-width: 480px;
		margin: 0 auto 0 auto
	}
	
	.vcard-template.style2 .vcard-header .top {
		padding: 20px 0 20px 0;
		color: #fff;
		font-weight: 300;
		opacity: 0.8
	}
	
	.vcard-template.style2 .vcard-header .img {
		height: 119px;
		width: 119px;
		border-radius: 50%;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-color: #ffffff !important;
		margin: 10px auto 0 auto;
		position: relative;
		overflow: hidden;
		isolation: isolate;
		transform-style: preserve-3d;
		perspective: 900px;
		will-change: transform;
		border: 1px solid rgba(255, 255, 255, 0.58);
		box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.52),
			inset 0 -1px 1px rgba(15, 23, 42, 0.14),
			0 8px 18px rgba(15, 23, 42, 0.24),
			0 0 0 1px rgba(255, 255, 255, 0.24);
		transition: transform 420ms cubic-bezier(0.25, 1, 0.5, 1),
			box-shadow 420ms cubic-bezier(0.25, 1, 0.5, 1)
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt {
		background: transparent !important;
		background-image: none !important;
		background-color: transparent !important;
		border: 0;
		outline: 0;
		overflow: visible;
		--staff-card-shift-x: 0px;
		--staff-card-shift-y: 0px;
		--staff-avatar-shift-x: 0px;
		--staff-avatar-shift-y: 0px;
		--staff-shadow-shift-x: 0px;
		--staff-shadow-shift-y: 1.4px;
		--staff-shadow-opacity: 0.31;
		--staff-shadow-scale: 1;
		--staff-glass-shift-x: 0px;
		--staff-glass-shift-y: 0px;
		--staff-avatar-z: 48px;
		--staff-card-z: 12px;
		--staff-shadow-z: 9px;
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt.staff-icon-toggleable {
		cursor: pointer;
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt img {
		background: transparent !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		padding: 0 !important;
		filter: none !important;
		mix-blend-mode: normal !important;
		-webkit-user-drag: none;
	}

	.vcard-template.style2 .vcard-header .img .staff-icon-shadow-layer {
		position: absolute;
		left: 16%;
		right: 16%;
		bottom: 10%;
		height: 14%;
		border-radius: 999px;
		background: radial-gradient(closest-side, rgba(9, 18, 36, 0.48) 0%, rgba(9, 18, 36, 0.18) 56%, rgba(9, 18, 36, 0) 100%);
		transform: translate3d(var(--staff-shadow-shift-x), var(--staff-shadow-shift-y), var(--staff-shadow-z)) scale(var(--staff-shadow-scale));
		opacity: var(--staff-shadow-opacity);
		filter: blur(2.8px);
		transition: transform 260ms cubic-bezier(0.25, 1, 0.5, 1),
			opacity 260ms cubic-bezier(0.25, 1, 0.5, 1),
			filter 260ms cubic-bezier(0.25, 1, 0.5, 1);
		pointer-events: none;
		z-index: 1
	}

	.vcard-template.style2 .vcard-header .img .staff-icon-card-layer {
		position: absolute;
		inset: 8%;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.96);
		border: 1px solid rgba(255, 255, 255, 0.88);
		transform: translate3d(var(--staff-card-shift-x), var(--staff-card-shift-y), var(--staff-card-z));
		transform-style: preserve-3d;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16),
			inset 0 1px 0 rgba(255, 255, 255, 0.86),
			inset 0 -1px 2px rgba(15, 23, 42, 0.12);
		pointer-events: none;
		z-index: 2;
		transition: transform 260ms cubic-bezier(0.25, 1, 0.5, 1),
			box-shadow 260ms cubic-bezier(0.25, 1, 0.5, 1)
	}

	.vcard-template.style2 .vcard-header .img .staff-icon-avatar-layer,
	.vcard-template.style2 .vcard-header .img .staff-icon-company-layer {
		position: absolute;
		inset: 15%;
		width: 70%;
		height: 70%;
		object-fit: contain;
		object-position: center center;
		transform: translate3d(var(--staff-avatar-shift-x), var(--staff-avatar-shift-y), var(--staff-avatar-z));
		transform-style: preserve-3d;
		background: transparent !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		pointer-events: none;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		z-index: 5;
		opacity: 1;
		transition: transform 220ms cubic-bezier(0.25, 1, 0.5, 1),
			opacity 220ms cubic-bezier(0.25, 1, 0.5, 1)
	}

	.vcard-template.style2 .vcard-header .img .staff-icon-company-layer {
		opacity: 0;
		z-index: 6;
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt.is-company .staff-icon-avatar-layer {
		opacity: 0;
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt.is-company .staff-icon-company-layer {
		opacity: 1;
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: linear-gradient(135deg,
				rgba(255, 255, 255, 0.55) 0%,
				rgba(255, 255, 255, 0.18) 28%,
				rgba(255, 255, 255, 0) 55%);
		background-size: 220% 220%;
		background-position: 16% 50%;
		mix-blend-mode: screen;
		opacity: 0.45;
		transform: translate3d(var(--staff-glass-shift-x), var(--staff-glass-shift-y), 60px);
		transition: background-position 560ms cubic-bezier(0.25, 1, 0.5, 1),
			opacity 420ms cubic-bezier(0.25, 1, 0.5, 1);
		pointer-events: none;
		z-index: 7
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		transform: translate3d(var(--staff-glass-shift-x), var(--staff-glass-shift-y), 62px);
		border: 1px solid rgba(255, 255, 255, 0.35);
		box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.55),
			inset 0 -1px 2px rgba(255, 255, 255, 0.2);
		pointer-events: none;
		z-index: 8
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt .js-tilt-glare {
		z-index: 9 !important;
		border-radius: inherit;
		overflow: hidden;
		pointer-events: none
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt .js-tilt-glare-inner {
		border-radius: inherit;
		background-image: linear-gradient(120deg,
				rgba(255, 255, 255, 0.64) 0%,
				rgba(255, 255, 255, 0.24) 42%,
				rgba(255, 255, 255, 0.08) 100%) !important
	}

	.vcard-template.style2 .vcard-header .img.staff-icon-tilt.is-avatar-switching .staff-icon-avatar-layer,
	.vcard-template.style2 .vcard-header .img.staff-icon-tilt.is-avatar-switching .staff-icon-company-layer {
		transition-duration: 320ms
	}

	@media (hover:hover) and (pointer:fine) {
		.vcard-template.style2 .vcard-header .img.staff-icon-tilt:not(.avatar-tilt-ready):hover {
			transform: scale(1.06) translateY(-1px);
			box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.58),
				inset 0 -1px 1px rgba(15, 23, 42, 0.16),
				0 10px 22px rgba(15, 23, 42, 0.28),
				0 0 0 1px rgba(255, 255, 255, 0.28)
		}

		.vcard-template.style2 .vcard-header .img.staff-icon-tilt:hover::before {
			background-position: 72% 50%;
			opacity: 0.72
		}

		.vcard-template.style2 .vcard-header .img.staff-icon-tilt:hover .staff-icon-card-layer {
			box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18),
				inset 0 1px 0 rgba(255, 255, 255, 0.9),
				inset 0 -1px 2px rgba(15, 23, 42, 0.14)
		}

		.vcard-template.style2 .vcard-header .img.staff-icon-tilt:hover .staff-icon-shadow-layer {
			opacity: 0.46;
			filter: blur(3.2px);
			transform: translate3d(var(--staff-shadow-shift-x), 2px, var(--staff-shadow-z)) scale(1.07)
		}
	}
	
	.vcard-template.style2 .vcard-header .name {
		padding: 20px 0 15px 0;
		color: #fff;
		font-weight: 400
	}
	
	.vcard-template.style2 .vcard-header .title {
		padding: 0 0 25px 0;
		color: #fff;
		font-weight: 300;
		line-height: 1.4;
		max-width: 170px;
		margin: 0 auto;
		opacity: 0.75;
		font-size: 13px
	}
	
	.vcard-template.style2 .vcard-header .add-contact-wrapper {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 150
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-header .add-contact-wrapper {
			display: none
		}
	}
	
	.vcard-template.style2 .vcard-header .add-contact-btn {
		cursor: pointer;
		display: block;
		height: 56px;
		width: 56px;
		text-align: center;
		padding-top: 12px;
		font-size: 20px;
		border-radius: 50%;
		color: #fff;
		box-shadow: 8px 14px 38px rgba(0, 0, 0, 0.07);
		opacity: 0.9;
		border: 1px solid transparent
	}
	
	.vcard-template.style2 .vcard-header .add-contact-btn i {
		font-size: 30px
	}
	
	.vcard-template.style2 .vcard-header .add-contact-btn:hover {
		box-shadow: 3px 6px 28px rgba(0, 0, 0, 0.2);
		opacity: 1
	}
	
	.vcard-template.style2 .vcard-header .vcard-functions {
		display: block;
		width: 100%;
		text-align: center;
		height: 60px;
		border-top: 1px solid rgba(255, 255, 255, 0.15)
	}
	
	.vcard-template.style2 .vcard-header .vcard-functions .vcard-functions-wrapper {
		display: table;
		margin: 0 auto;
		width: 300px;
		height: 56px;
		text-align: center
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-header .vcard-functions .vcard-functions-wrapper {
			width: 570px
		}
	}
	
	.vcard-template.style2 .vcard-header .vcard-functions a {
		cursor: pointer;
		display: table-cell;
		color: #fff;
		padding: 10px 0;
		min-width: 100px;
		margin: 0;
		border-right: 1px solid rgba(255, 255, 255, 0.15)
	}
	
	.vcard-template.style2 .vcard-header .vcard-functions a.last-element {
		border-right: 0px
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-header .vcard-functions a {
			min-width: 190px
		}
	}
	
	.vcard-template.style2 .vcard-header .vcard-functions a i {
		display: inline-block;
		font-size: 18px;
		margin-bottom: 8px
	}
	
	.vcard-template.style2 .vcard-header .vcard-functions a small {
		display: block;
		text-transform: uppercase;
		font-size: 10px
	}
	
	.vcard-template.style2 .vcard-header .vcard-functions a:hover {
		background-color: rgba(0, 0, 0, 0.1)
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-body-wrapper {
			width: 570px;
			margin: 0 auto;
			box-shadow: 0 -5px 40px 7px rgba(0, 0, 0, 0.08);
			margin-bottom: 0;
			overflow: hidden
		}
	}
	
	.vcard-template.style2 .vcard-body {
		padding-top: 20px
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-body {
			padding-bottom: 40px
		}
	}
	
	.vcard-template.style2 .vcard-body .btn.blue-dark {
		display: none;
		margin-top: 20px;
		float: left;
		width: 100%;
		margin: 20px auto
	}
	
	@media (min-width:690px) {
		.vcard-template.style2 .vcard-body .btn.blue-dark {
			display: block
		}
	}
	
	.loading-vcard {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		display: none;
		z-index: 9999998;
		opacity: 1
	}
	
	.loading-vcard.active {
		display: block
	}
	
	.loading-vcard>div {
		margin: 0;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 9999999
	}
	
	.loading-vcard .sk-three-bounce {
		margin-left: -25px;
		margin-top: -25px
	}
	
	.mb10 {
		margin-bottom: 10px !important
	}
	
	.mb20 {
		margin-bottom: 20px !important
	}
	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: block;
		height: 44px;
		width: 100%;
		margin-bottom: 0px;
		background-color: #fff;
		border: 2px solid #eaeaea;
		border-radius: 2px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
		color: #323032;
		font-weight: 400;
		outline: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		overflow: hidden;
		line-height: normal !important
	}
	
	input[type="text"]::-webkit-input-placeholder,
	input[type="password"]::-webkit-input-placeholder,
	input[type="email"]::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder,
	select::-webkit-input-placeholder {
		font-weight: 400;
		color: rgba(130, 132, 143, 0.5)
	}
	
	input[type="text"]:-moz-placeholder,
	input[type="password"]:-moz-placeholder,
	input[type="email"]:-moz-placeholder,
	textarea:-moz-placeholder,
	select:-moz-placeholder {
		font-weight: 400;
		color: rgba(130, 132, 143, 0.5)
	}
	
	input[type="text"]::-moz-placeholder,
	input[type="password"]::-moz-placeholder,
	input[type="email"]::-moz-placeholder,
	textarea::-moz-placeholder,
	select::-moz-placeholder {
		font-weight: 400;
		color: rgba(130, 132, 143, 0.5)
	}
	
	input[type="text"]:-ms-input-placeholder,
	input[type="password"]:-ms-input-placeholder,
	input[type="email"]:-ms-input-placeholder,
	textarea:-ms-input-placeholder,
	select:-ms-input-placeholder {
		font-weight: 400;
		color: rgba(130, 132, 143, 0.5)
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus,
	select:focus {
		box-shadow: none !important;
		border: 2px solid #ddd
	}
	
	@media (max-width:320px) {
		#dvcard-body .vcard-body .vcard-row {
			padding: 20px 50px 20px 65px
		}
	
		#dvcard-body .vcard-body .vcard-row h4 {
			font-size: 16px;
			font-size: .9rem !important
		}
	
		#dvcard-body .add-contact-btn {
			width: 50px;
			height: 50px
		}
	
		#dvcard-body .add-contact-btn i {
			font-size: 30px;
			font-size: 1.5rem !important
		}
	}
	
	.darkTheme .dynamicTextColor {
		color: #000 !important
	}
	
	.whiteTheme .dynamicTextColor {
		color: #fffefe !important
	}
	
	.mt-0 {
		margin-top: 0 !important
	}
	
	.mt-10 {
		margin-top: 10px
	}
	
	.mt-20 {
		margin-top: 20px
	}
	
	.mt-40 {
		margin-top: 40px
	}
	
	.socialMedia-container {
		margin-top: 25px;
		padding-left: 20px
	}
	
	.socialMedia-container label {
		font-size: 16px;
		margin-bottom: 40px !important;
		float: left;
		width: 100%;
		padding-left: 45px
	}
	
	.socialMedia-container label+i {
		font-size: 28px;
		left: 0 !important;
		top: 19px !important
	}
	
	@media (max-width:768px) {
		.socialMedia-container label+i {
			left: 13px !important
		}
	}
	
	.socialMedia-container .channels-padding {
		padding-left: 45px;
		float: left;
		margin-top: 20px
	}
	
	.channel-container {
		cursor: pointer;
		display: block !important;
		position: relative;
		float: left;
		width: 40px;
		height: 40px;
		margin-right: 25px !important;
		padding: 0;
		margin-bottom: 20px
	}
	
	.dialog-body {
		text-align: justify;
		line-height: 1.6
	}
	
	.event-gotIt-button {
		width: 100%;
		text-align: center;
		float: left
	}
	
	.event-gotIt-button a {
		float: none !important;
		margin: 20px auto !important;
		display: inline-block !important
	}
	
	.event-gotIt-button .addContactAction {
		list-style: none;
		font-size: 16px;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.87);
		width: 100%;
		float: left;
		display: table;
		margin-bottom: 20px
	}
	
	.event-gotIt-button .addContactAction i {
		font-size: 33px;
		float: left;
		color: rgba(0, 0, 0, 0.87)
	}
	
	.event-gotIt-button .addContactAction a {
		margin: 0 !important;
		padding-left: 38px;
		text-align: left;
		float: left;
		padding-top: 7px;
		width: calc(100% - 38px);
		display: table-cell;
		vertical-align: middle
	}
	
	.text-regular-blue {
		font-size: 15px;
		font-weight: 400;
		color: #47bdef;
		text-align: center;
		float: left;
		width: 100%
	}
	
	.text-regular-blue:hover {
		cursor: pointer;
		color: #25acdd
	}
	
	.event-slim-button {
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
		text-transform: uppercase;
		padding: 11px 20px;
		line-height: 1.2;
		background: transparent !important;
		border-radius: 2px;
		color: #ea4b88
	}
	
	@media (max-width:320px) {
		.event-slim-button {
			font-size: 14px;
			font-size: .7rem !important
		}
	}
	
	.event-slim-button:hover {
		background: rgba(0, 0, 0, 0.08) !important;
		box-shadow: none !important
	}
	
	.event-simple-button {
		font-size: 14px;
		font-weight: 500
	}
	
	.left_20 {
		margin-left: -20px !important
	}
	
	.left_15 {
		margin-left: -15px !important
	}
	
	.ripplelink {
		display: block;
		float: left;
		text-align: center;
		color: #fff;
		text-decoration: none;
		position: relative;
		overflow: hidden;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		z-index: 0;
		padding: 10px 15px
	}
	
	.ripplelink:hover {
		z-index: 997;
		box-shadow: 0px 13px 18.8px 1.2px rgba(0, 0, 0, 0.24), 0px 5px 26.46px 0.54px rgba(0, 0, 0, 0.16);
		-webkit-box-shadow: 0px 13px 18.8px 1.2px rgba(0, 0, 0, 0.24), 0px 5px 26.46px 0.54px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 13px 18.8px 1.2px rgba(0, 0, 0, 0.24), 0px 5px 26.46px 0.54px rgba(0, 0, 0, 0.16)
	}
	
	.ink {
		display: block;
		position: absolute;
		background: rgba(0, 0, 0, 0.1);
		border-radius: 100%;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}
	
	.animate {
		-webkit-animation: ripple 0.65s linear;
		-moz-animation: ripple 0.65s linear;
		-ms-animation: ripple 0.65s linear;
		-o-animation: ripple 0.65s linear;
		animation: ripple 0.65s linear
	}
	
	@-webkit-keyframes ripple {
		100% {
			opacity: 0;
			-webkit-transform: scale(2.5)
		}
	}
	
	@-moz-keyframes ripple {
		100% {
			opacity: 0;
			-moz-transform: scale(2.5)
		}
	}
	
	@-o-keyframes ripple {
		100% {
			opacity: 0;
			-o-transform: scale(2.5)
		}
	}
	
	@keyframes ripple {
		100% {
			opacity: 0;
			transform: scale(2.5)
		}
	}
	
	.event-body,
	.floated-container {
		float: left;
		width: 100%;
		position: relative
	}
	
	.event-section-title {
		float: left;
		width: 100%
	}
	
	.event-content-container {
		max-width: 442px;
		margin: 0 auto;
		text-align: left
	}
	
	.event-title {
		font-size: 24px;
		color: #fffefe;
		font-weight: 400;
		text-align: left
	}
	
	@media (max-width:320px) {
		.event-title {
			font-size: 24px;
			font-size: 1.2rem !important
		}
	}
	
	.pull-right {
		float: right !important
	}
	
	.pull-left {
		float: left !important
	}
	
	.page.ng-leave {
		z-index: 9999
	}
	
	.page.ng-enter {
		z-index: 8888
	}
	
	.hidden {
		display: none
	}
	
	.share-container,
	.contactData-container {
		padding-left: 0
	}
	
	@media (max-width:690px) {
	
		.share-container,
		.contactData-container {
			z-index: 999
		}
	}
	
	#dvcard-details,
	#dvcard-maps,
	.devent-map-header {
		display: none
	}
	
	.page-home #dvcard-details {
		display: block
	}
	
	@media (max-width:666px) {
		.vcard-details--share {
			padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
			overflow: visible
		}
	}
	
	.reset-map {
		margin: 20px 10px -35px;
		float: right;
		font-size: 15px;
		cursor: pointer;
		color: #47bdef;
		position: absolute;
		right: 0;
		z-index: 9999
	}
	
	.reset-map:hover {
		color: #25acdd
	}
	
	.page-maps {
		float: left;
		width: 100%;
		opacity: 0
	}
	
	.page-maps #dvcard-maps,
	.page-maps .devent-map-header {
		display: block;
		overflow: hidden
	}
	
	@media (min-width:667px) {
	
		.page-maps #dvcard-maps,
		.page-maps .devent-map-header {
			overflow: visible
		}
	}
	
	.page-maps label {
		font-size: 14px;
		color: #000;
		opacity: 0.54;
		font-weight: 500;
		display: inline-block;
		margin-bottom: 10px !important
	}
	
	@media (max-width:320px) {
		.page-maps label {
			font-size: 14px;
			font-size: .7875rem !important
		}
	}
	
	@media (min-width:667px) {
		.page-maps .event-content-container {
			max-width: 100% !important
		}
	}
	
	.page-maps .event-body {
		padding-top: 56px
	}
	
	.page-maps .event-body .vcard-body {
		max-width: 570px;
		margin: 0 auto 0 auto;
		padding-bottom: 20px;
		z-index: 50;
		padding-top: 0 !important;
		position: initial
	}
	
	@media (min-width:667px) {
		.page-maps .event-body {
			padding-top: 60px !important
		}
	
		.page-maps .event-body #dvcard-maps img {
			margin-left: -45px
		}
	}
	
	.page-maps .devent-map-header .event-section-title {
		box-shadow: 0px 2px 2.82px 0.18px rgba(0, 0, 0, 0.24), 0px 1px 3.92px 0.08px rgba(0, 0, 0, 0.16);
		padding: 0px 20px !important;
		line-height: 56px;
		min-height: 56px !important;
		position: fixed;
		top: 0;
		z-index: 999
	}
	
	@media (min-width:690px) {
		.page-maps .devent-map-header .event-section-title {
			position: relative !important;
			width: 640px !important;
			float: initial !important;
			margin: 0 auto !important;
			box-shadow: none
		}
	}
	
	.page-maps .devent-map-header .event-section-title i {
		font-size: 33px;
		color: #fff;
		position: absolute;
		line-height: 67px;
		left: 10px;
		cursor: pointer
	}
	
	.page-maps .devent-map-header .event-section-title .event-title {
		padding-left: 51px;
		font-size: 20px
	}
	
	.page-maps .vcard-header,
	.page-maps .event-organizer {
		display: none
	}
	
	.page-home.ng-enter {
		animation: from-100to0 0.5s both ease-in-out
	}
	
	.page-home.ng-leave {
		animation: from0to-100 0.5s both ease-in-out
	}
	
	.page-maps.ng-leave {
		animation: from0to100 0.5s both ease-in-out
	}
	
	.page-maps.ng-enter {
		animation: from100to0 0.5s both ease-in-out
	}
	
	@keyframes from0to-100 {
		from {
			transform: translateX(0)
		}
	
		to {
			transform: translateX(-100%)
		}
	}
	
	@keyframes from100to0 {
		from {
			transform: translateX(100%)
		}
	
		to {
			transform: translateX(0%)
		}
	}
	
	@keyframes from0to100 {
		from {
			transform: translateX(0%)
		}
	
		to {
			transform: translateX(100%)
		}
	}
	
	@keyframes from-100to0 {
		from {
			transform: translateX(-100%)
		}
	
		to {
			transform: translateX(0%)
		}
	}
	
	.fabs {
		bottom: 0;
		position: absolute;
		margin: 1em;
		right: 0;
		z-index: 998
	}
	
	@media (min-width:667px) {
		.fabs {
			position: relative;
			margin: 0 auto;
			max-width: 438px
		}
	}
	
	@media (max-width:768px) {
		.hidden-xs {
			display: none
		}
	}
	
	.fixed-blur-bgd {
		opacity: 1;
		background: rgba(0, 0, 0, 0.3);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999999;
		display: none
	}
	
	.fab {
		display: block;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		text-align: center;
		color: #fff;
		margin: 25px auto 0;
		box-shadow: 0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24), 0px 4px 19.6px 0.4px rgba(0, 0, 0, 0.16);
		cursor: pointer;
		-webkit-transition: all .1s ease-out;
		-moz-transition: all .1s ease-out;
		-o-transition: all .1s ease-out;
		transition: all .1s ease-out;
		position: relative;
		z-index: 998;
		overflow: hidden
	}
	
	.fab:hover {
		box-shadow: 0px 20px 28.2px 0.9px rgba(0, 0, 0, 0.24), 0px 8px 40.18px 0.82px rgba(0, 0, 0, 0.16);
		color: #fff
	}
	
	.fab.white-bgd {
		background: #fff;
		color: rgba(0, 0, 0, 0.87)
	}
	
	.fab.white-bgd i {
		color: rgba(0, 0, 0, 0.6)
	}
	
	@media (min-width:667px) {
		.fab {
			display: block;
			width: 100%;
			height: 56px;
			border-radius: 2px;
			margin-top: 0 !important
		}
	
		.fab .prime.visible-xs {
			display: none
		}
	
		.fab span {
			font-size: 14px;
			font-weight: 500;
			text-transform: uppercase;
			display: inline-block;
			line-height: 56px;
			position: relative;
			padding-left: 45px
		}
	
		.fab span i {
			font-size: 34px;
			display: inline-block;
			position: absolute;
			left: 0;
			top: 5px
		}
	}
	
	.fab>i {
		font-size: 34px;
		line-height: 67px;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-in-out
	}
	
	.fab:not(:last-child) {
		width: 0;
		height: 0;
		margin: 20px auto 0;
		opacity: 0;
		visibility: hidden
	}
	
	.fab:not(:last-child)>i {
		font-size: 1.4em;
		line-height: 40px
	}
	
	.fab:not(:last-child).is-visible {
		width: 40px;
		height: 40px;
		margin: 15px auto 10px;
		opacity: 1;
		visibility: visible
	}
	
	.fab:nth-last-child(1) {
		-webkit-transition-delay: 25ms;
		-moz-transition-delay: 25ms;
		-o-transition-delay: 25ms;
		transition-delay: 25ms
	}
	
	.fab:not(:last-child):nth-last-child(2) {
		-webkit-transition-delay: 20ms;
		-moz-transition-delay: 20ms;
		-o-transition-delay: 20ms;
		transition-delay: 20ms
	}
	
	.fab:not(:last-child):nth-last-child(3) {
		-webkit-transition-delay: 40ms;
		-moz-transition-delay: 40ms;
		-o-transition-delay: 40ms;
		transition-delay: 40ms
	}
	
	.fab:not(:last-child):nth-last-child(4) {
		-webkit-transition-delay: 60ms;
		-moz-transition-delay: 60ms;
		-o-transition-delay: 60ms;
		transition-delay: 60ms
	}
	
	.fab:not(:last-child):nth-last-child(5) {
		-webkit-transition-delay: 80ms;
		-moz-transition-delay: 80ms;
		-o-transition-delay: 80ms;
		transition-delay: 80ms
	}
	
	.fab:not(:last-child):active,
	.fab:not(:last-child):focus,
	.fab:not(:last-child):hover {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32)
	}
	
	@media (max-width:767px) {
		#gotIt .dialog-container {
			top: 100px !important
		}
	}
	
	.dialog-container {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		border-radius: 3px;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		top: 0
	}
	
	.dialog-container .event-title {
		color: rgba(0, 0, 0, 0.87) !important;
		font-weight: 500 !important;
		margin-bottom: 20px
	}
	
	@media (min-width:768px) {
		.dialog-container {
			-webkit-transition: all 0s ease-out;
			-moz-transition: all 0s ease-in-out;
			-o-transition: all 0s ease-in-out;
			transition: all 0ms ease-in-out 0ms
		}
	}
	
	@media (max-width:767px) {
		.dialog-container {
			top: 150px !important;
			z-index: 9999 !important;
			right: calc((100% - 312px) / 2) !important
		}
	}
	
	.chat {
		position: absolute;
		right: 85px;
		bottom: 0;
		width: 400px;
		font-size: 12px;
		line-height: 22px;
		font-weight: 500;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		border-radius: 3px;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}
	
	@media (min-width:768px) {
		.chat {
			-webkit-transition: all 0s ease-out;
			-moz-transition: all 0s ease-in-out;
			-o-transition: all 0s ease-in-out;
			transition: all 0ms ease-in-out 0ms
		}
	}
	
	.chat_loader {
		display: none;
		float: right;
		background: transparent;
		height: 8px;
		width: 8px;
		margin: 5px 10px 0 0;
		border-radius: 50%;
		border: solid 2px #263238
	}
	
	.dialog-container.is-visible,
	.chat.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-animation: zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
		-moz-animation: zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
		-o-animation: zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
		animation: zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
		z-index: 999
	}
	
	@media (min-width:768px) {
	
		.dialog-container.is-visible,
		.chat.is-visible {
			position: fixed;
			left: calc(50% - 156px);
			top: 60px;
			height: 0
		}
	}
	
	.chat_option ul {
		display: none;
		position: absolute;
		list-style: none;
		top: 100%;
		left: 0;
		background: #eceff1;
		border-radius: 5px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
		padding: 0;
		z-index: 1000;
		width: 150px
	}
	
	.chat_option ul li {
		float: none;
		position: relative
	}
	
	.chat_color {
		display: block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		margin: 10px;
		float: left
	}
	
	.chat_option.is-dropped>ul {
		display: block
	}
	
	#shareFab .fab-body ul li a,
	#saveContact .fab-body ul li a {
		padding-left: 38px;
		text-align: left;
		float: left;
		padding-top: 7px;
		width: calc(100% - 38px)
	}
	
	#shareFab .fab-body ul li i,
	#saveContact .fab-body ul li i {
		font-size: 33px;
		float: left
	}
	
	.emailText2 {
		display: none
	}
	
	.disabledClick {
		pointer-events: none
	}
	
	.fab-body {
		width: 100%;
		float: left;
		display: inline-block;
		text-align: left;
		padding: 25px;
		background: #fff;
		box-shadow: 0px 4px 7.36px 0.64px rgba(0, 0, 0, 0.24), 0px 1px 7.68px 0.32px rgba(0, 0, 0, 0.16);
		z-index: 999
	}
	
	.fab-body .channel-label {
		text-align: left;
		max-height: 50px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden
	}
	
	.fab-body .channel-name {
		max-width: 100%;
		text-align: left;
		line-height: 1.2
	}
	
	.fab-body .channel-prop-container {
		width: calc(100%)
	}
	
	.fab-body .channel-container {
		overflow: hidden
	}
	
	.fab-body .icon-fab-close {
		cursor: pointer;
		position: absolute;
		right: 3px;
		font-size: 35px;
		top: 3px;
		color: rgba(0, 0, 0, 0.37)
	}
	
	.fab-body .icon-fab-close:hover {
		color: rgba(0, 0, 0, 0.54)
	}
	
	.fab-body ul {
		margin-top: 30px
	}
	
	.fab-body ul li {
		font-size: 16px;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.87);
		width: 100%;
		float: left;
		display: table;
		margin-bottom: 20px
	}
	
	.fab-body ul li img,
	.fab-body ul li a {
		display: table-cell;
		vertical-align: middle
	}
	
	.fab-body ul li a {
		padding-left: 15px
	}
	
	.fab-body ul li i[class^='icon-fab-share-'] {
		color: rgba(0, 0, 0, 0.6)
	}
	
	.fab-body ul li i.icon-fab-share-facebook {
		color: #3a5897
	}
	
	.fab-body ul li i.icon-fab-share-twitter {
		color: #1da1f2
	}
	
	.fab-body ul li i.icon-fab-share-googleplus {
		color: #ea4335
	}
	
	.fab-body ul li i.icon-fab-share-whatsapp {
		color: #25d366
	}
	
	.fab-body ul li:last-child {
		margin-bottom: 0 !important
	}
	
	.fab-body ul li:hover {
		cursor: pointer;
		color: #000000
	}
	
	.fab-body .fab-header {
		margin-bottom: 5px;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
		font-weight: 500
	}
	
	.fab-body input {
		float: left;
		width: 65%;
		margin-left: 35px;
		box-shadow: none;
		border: 2px #d4d4d4 solid;
		background: #fff;
		position: relative;
		font-size: 12px;
		line-height: 30px;
		font-weight: 500;
		color: #4b4b4b;
		-webkit-font-smoothing: antialiased;
		outline: none;
		display: inline-block;
		height: 30px;
		resize: none;
		padding: 5px;
		border-radius: 2px
	}
	
	.fab-body .chat_login_alert {
		margin-top: 10px;
		font-size: 12px;
		font-family: 'Roboto';
		font-weight: 500
	}
	
	.chat_field {
		position: relative;
		margin: 5px 0 5px 0;
		width: 50%;
		font-family: 'Roboto';
		font-size: 12px;
		line-height: 30px;
		font-weight: 500;
		color: #4b4b4b;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		border: none;
		outline: none;
		background: #eceff1;
		display: inline-block
	}
	
	.chat_field.chat_message {
		height: 30px;
		resize: none
	}
	
	.fab_field {
		width: 100%;
		display: inline-block;
		text-align: center;
		background: #eceff1;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32)
	}
	
	.fab_field a {
		display: inline-block;
		text-align: center
	}
	
	#fab_listen {
		float: left;
		background: transparent
	}
	
	#fab_send {
		float: right;
		background: transparent
	}
	
	.fab_field .fab {
		width: 35px;
		height: 35px;
		box-shadow: none;
		margin: 5px
	}
	
	.fab_field .fab>i {
		font-size: 1.6em;
		line-height: 35px;
		color: #263238
	}
	
	.chat_converse {
		position: relative;
		background: inherit;
		margin: 6px 0 0 0;
		max-height: 256px;
		min-height: 0;
		font-size: 12px;
		line-height: 18px;
		overflow-y: auto;
		width: 100%;
		float: right
	}
	
	.chat_list {
		opacity: 0;
		visibility: hidden;
		height: 0
	}
	
	.chat_list .chat_list_item {
		opacity: 0;
		visibility: hidden
	}
	
	.chat .chat_converse .chat_msg_item {
		position: relative;
		margin: 8px 0 15px 0;
		padding: 8px 10px;
		max-width: 40%;
		display: block;
		word-wrap: break-word;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
		border-radius: 3px;
		-webkit-animation: zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
		-moz-animation: zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
		-o-animation: zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
		animation: zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
		clear: both;
		z-index: 999
	}
	
	.chat .chat_converse .chat_msg_item .chat_avatar {
		position: absolute;
		top: 0;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28)
	}
	
	.chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar {
		left: -52px;
		background: rgba(255, 255, 255, 0.6)
	}
	
	.chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar {
		right: -52px;
		background: rgba(0, 0, 0, 0.6)
	}
	
	.chat .chat_converse .chat_msg_item .chat_avatar {
		width: 40px;
		height: 40px;
		text-align: center;
		border-radius: 50%
	}
	
	.chat .chat_converse .chat_msg_item .chat_avatar>i {
		font-size: 22px;
		line-height: 40px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}
	
	.chat .chat_converse .chat_msg_item_user .chat_avatar>img {
		width: inherit;
		height: inherit;
		border-radius: 50%
	}
	
	.chat .chat_converse .chat_msg_item_user .chat_avatar>img {
		width: inherit;
		height: inherit;
		border-radius: 50%
	}
	
	.chat .chat_converse .chat_msg_item.chat_msg_item_admin {
		margin-left: 60px;
		float: left;
		background: rgba(255, 255, 255, 0.4);
		color: #263238
	}
	
	.chat .chat_converse .chat_msg_item.chat_msg_item_user {
		margin-right: 60px;
		float: right;
		background: rgba(0, 0, 0, 0.4);
		color: #eceff1
	}
	
	.chat .chat_converse .chat_msg_item.chat_msg_item_admin:before {
		content: '';
		position: absolute;
		top: 15px;
		left: -12px;
		z-index: 998;
		border: 6px solid transparent;
		border-right-color: rgba(255, 255, 255, 0.4)
	}
	
	.chat_msg_item.chat_msg_item_user:before {
		content: '';
		position: absolute;
		top: 15px;
		right: -12px;
		z-index: 998;
		border: 6px solid transparent;
		border-left-color: rgba(0, 0, 0, 0.4)
	}
	
	strong.chat_time {
		padding: 0 1px 1px 0;
		font-weight: 500;
		font-size: 8px;
		display: block
	}
	
	.is-active {
		-o-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out
	}
	
	.fabOnTop {
		z-index: 9999
	}
	
	.is-float {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32)
	}
	
	.is-max {
		box-shadow: inset 0 -12px 10px -10px rgba(0, 0, 0, 0.18), inset 0 12px 10px -10px rgba(0, 0, 0, 0.1)
	}
	
	.is-loading {
		display: block;
		-webkit-animation: load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
		-moz-animation: load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
		-o-animation: load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
		animation: load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite
	}
	
	@keyframes zoomIn {
		0% {
			-moz-transform: scale(0);
			-ms-transform: scale(0);
			-webkit-transform: scale(0);
			transform: scale(0);
			opacity: 0.0
		}
	
		100% {
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}
	}
	
	@keyframes load {
		0% {
			-moz-transform: scale(0);
			-ms-transform: scale(0);
			-webkit-transform: scale(0);
			transform: scale(0);
			opacity: 0.0
		}
	
		50% {
			-moz-transform: scale(1.5);
			-ms-transform: scale(1.5);
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			opacity: 1
		}
	
		100% {
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 0
		}
	}
	
	@media only screen and (max-width:320px) {
	
		.chat,
		.dialog-container {
			width: 290px;
			right: 0px
		}
	}
	
	@media only screen and (min-width:300px) and (max-width:320px) {
		.chat {
			width: 280px !important;
			right: 0 !important
		}
	
		.dialog-container {
			width: 280px !important;
			right: 12px !important
		}
	}
	
	@media only screen and (min-width:320px) {
		.chat {
			right: 20px !important;
			bottom: 20px
		}
	
		.chat,
		.dialog-container {
			width: 312px;
			right: 0px
		}
	}
	
	@media only screen and (min-width:480px) {
	
		.chat,
		.dialog-container {
			width: 300px
		}
	
		.chat_field {
			width: 65%
		}
	}
	
	@media (max-width:666px) {
		.fabs {
			float: right;
			position: relative;
			margin: 0;
			right: 15px
		}
	
		.fab {
			margin: 0
		}
	}
	
	@media only screen and (min-width:768px) {
	
		.chat,
		.dialog-container {
			width: 300px
		}
	
		.chat_field {
			width: 65%
		}
	}
	
	@media only screen and (min-width:1024px) {
	
		.chat,
		.dialog-container {
			width: 312px
		}
	
		.chat_field {
			width: 65%
		}
	}
	
	#copyButton {
		height: 30px;
		float: right;
		top: 0;
		background: #fff;
		border: 1px #ccc solid;
		padding: 5px 10px !important;
		cursor: pointer;
		text-align: center
	}
	
	#copyButton:hover {
		background: #f7f7f7
	}
	
	#copyButton:focus {
		outline: 0
	}
	
	#shortUrl {
		width: 50% !important;
		pointer-events: none
	}
	
	.ifCopySucceed {
		font-size: 15px;
		color: #000;
		opacity: 0.82;
		font-weight: 400;
		float: right;
		text-align: right
	}
	
	.fab-email-input {
		float: left !important;
		width: 100% !important;
		margin-left: 0 !important
	}
	
	.fab-step2 .icon-event-back {
		cursor: pointer;
		position: absolute;
		left: 3px;
		font-size: 35px;
		top: 3px;
		color: rgba(0, 0, 0, 0.37)
	}
	
	.icon-fab-share-add {
		font-size: 22px !important
	}
	
	@media (max-width:320px) {
		#dvcard-details .fabs {
			right: 20px
		}
	
		#dvcard-details .fab {
			width: 50px;
			height: 50px
		}
	
		#dvcard-details .fab>i {
			font-size: 30px;
			line-height: 60px
		}
	}
	
	#gotIt .event-gotIt-button .img {
		height: 95px;
		width: 95px;
		border-radius: 50%;
		background-position: center center !important;
		background-size: cover !important;
		margin: 10px auto 20px auto
	}
	
	#gotIt .event-gotIt-button .header-button {
		display: block;
		color: #ffffff;
		padding: 10px 0;
		min-width: 100px;
		height: 60px
	}
	
	#gotIt .event-gotIt-button .header-button i {
		display: inline-block;
		font-size: 18px;
		margin-bottom: 8px
	}
	
	#gotIt .event-gotIt-button .header-button small {
		display: block;
		text-transform: uppercase;
		font-size: 10px
	}
	
	.welcome-screen .helper {
		display: inline-block;
		height: 100%;
		vertical-align: middle
	}
	
	.welcome-screen img {
		display: inline-block;
		vertical-align: middle;
		max-height: 100px;
		max-width: 100px;
		margin: 0 auto;
		animation-name: pulse_animation;
		animation-duration: 2500ms;
		transform-origin: 50% 50%;
		animation-timing-function: ease-in-out
	}
	
	@media (min-width:375px) {
		.welcome-screen img {
			max-width: 180px !important;
			max-height: 180px !important
		}
	}
	
	@keyframes pulse_animation {
		0% {
			transform: scale(0.8)
		}
	
		100% {
			transform: scale(1)
		}
	}
	
	.loading-welcome {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		display: none;
		z-index: 9999998;
		opacity: 1
	}
	
	.loading-welcome.active {
		white-space: nowrap;
		text-align: center;
		display: inline-block
	}
	
	.progress {
		position: relative;
		height: 4px;
		display: block;
		width: 100%;
		background-color: #F4F4F4;
		border-radius: 2px;
		background-clip: padding-box;
		margin: 0 auto;
		overflow: hidden
	}
	
	.progress .loading-bar {
		background-color: #797d80
	}
	
	.progress .indeterminate:before {
		content: '';
		position: absolute;
		background-color: inherit;
		top: 0;
		left: 0;
		bottom: 0;
		will-change: left, right;
		-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
		animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
	}
	
	.progress .indeterminate:after {
		content: '';
		position: absolute;
		background-color: inherit;
		top: 0;
		left: 0;
		bottom: 0;
		will-change: left, right;
		-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
		animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
		-webkit-animation-delay: 1.15s;
		animation-delay: 1.15s
	}
	
	@-webkit-keyframes indeterminate {
		0% {
			left: -35%;
			right: 100%
		}
	
		60% {
			left: 100%;
			right: -90%
		}
	
		100% {
			left: 100%;
			right: -90%
		}
	}
	
	@keyframes indeterminate {
		0% {
			left: -35%;
			right: 100%
		}
	
		60% {
			left: 100%;
			right: -90%
		}
	
		100% {
			left: 100%;
			right: -90%
		}
	}
	
	@-webkit-keyframes indeterminate-short {
		0% {
			left: -200%;
			right: 100%
		}
	
		60% {
			left: 107%;
			right: -8%
		}
	
		100% {
			left: 107%;
			right: -8%
		}
	}
	
	@keyframes indeterminate-short {
		0% {
			left: -200%;
			right: 100%
		}
	
		60% {
			left: 107%;
			right: -8%
		}
	
		100% {
			left: 107%;
			right: -8%
		}
	}
	
	div[class^='channel-bgd-'] {
		border-radius: 50%;
		width: 45px;
		height: 45px;
		float: left;
		text-align: center;
		position: absolute;
		margin-right: 15px;
		left: 0
	}
	
	div[class^='channel-bgd-'] i {
		position: relative !important;
		font-size: 42px !important;
		color: #fff !important;
		line-height: 50px !important;
		top: calc(50% - 20px);
		left: calc(50% - 22px)
	}
	
	.channel-bgd-website {
		background: #616568
	}
	
	.channel-bgd-facebook {
		background: #3b5998
	}
	
	.channel-bgd-twitter {
		background: #1da1f2
	}
	
	.channel-bgd-instagram {
		background: #e1306c
	}
	
	.channel-bgd-snapchat {
		background: #fffc00
	}
	
	.channel-bgd-youtube {
		background: #cd201f
	}
	
	.channel-bgd-pinterest {
		background: #bd081c
	}
	
	.channel-bgd-googleplus {
		background: #dd4b39
	}
	
	.channel-bgd-linkedin {
		background: #0077b5
	}
	
	.channel-bgd-xing {
		background: #026466
	}
	
	.channel-bgd-flickr {
		background: #ff0084
	}
	
	.channel-bgd-vimeo {
		background: #1ab7ea
	}
	
	.channel-bgd-dribbble {
		background: #ea4c89
	}
	
	.channel-bgd-vkontakte {
		background: #45668e
	}
	
	.channel-bgd-tripadvisor {
		background: #589442
	}
	
	.channel-bgd-wechat {
		background: #7bb32e
	}
	
	.channel-bgd-line {
		background: #00c300
	}
	
	.channel-bgd-reddit {
		background: #ff4500
	}
	
	.channel-bgd-tumblr {
		background: #35465c
	}
	
	.channel-bgd-github {
		background: #191717
	}
	
	.channel-bgd-whatsapp {
		background: #25d366
	}
	
	.channel-bgd-skype {
		background: #00aff0
	}
	
	.channel-bgd-doordash {
		background: #FF3008
	}
	
	.channel-bgd-grubhub {
		background: #F6343F
	}
	
	.channel-bgd-ubereats {
		background: #00151D
	}
	
	.channel-bgd-postmates {
		background: #FFFF11
	}
	
	.channel-bgd-postmates>i[class$="postmates"] {
		color: #000 !important
	}
	
	.channel-bgd-opentable {
		background: #DA3743
	}
	
	.channel-bgd-tiktok {
		background: #000
	}
	
	.channel-bgd-messenger {
		background: radial-gradient(108.96% 108.96% at 19.25% 99.47%, #002FFF 0%, #A033FF 60.98%, #FF5280 93.48%, #FF7061 100%)
	}
	
	.channel-bgd-telegram {
		background: linear-gradient(180deg, #2AABEE 0%, #229ED9 99.26%)
	}
	
	.channel-bgd-telegram>i[class$="telegram"] {
		left: 1px !important;
		top: 2px !important
	}
	
	.channel-bgd-yelp {
		background: #F43939
	}
	
	.channel-bgd-googlereview {
		background: #FFFFFF;
		border: 1px solid #EAEAEA
	}
	
	.channel-bgd-googlereview>i[class$="googlereview"] {
		position: relative;
		border-top: 4px solid #EA4335;
		border-right: 4px solid #4285F4;
		border-bottom: 4px solid #34A853;
		border-left: 4px solid #FBBC05;
		border-radius: 50%;
		background-color: #FFFFFF;
		width: 20px;
		height: 20px;
		margin: 8px 0 0 7px;
		display: block
	}
	
	.channel-bgd-googlereview>i[class$="googlereview"]:before {
		content: "";
		z-index: 100;
		position: absolute;
		top: 50%;
		right: -4px;
		transform: translateY(-50%);
		width: 9px;
		height: 4px;
		background: #4285f4;
		border-bottom-right-radius: 2px
	}
	
	.channel-bgd-googlereview>i[class$="googlereview"]:after {
		content: "";
		z-index: 99;
		position: absolute;
		border-top: 10px solid transparent;
		border-right: 10px solid #ffffff;
		top: -4px;
		right: -4px;
		width: 10px;
		height: 10px
	}
	
	.channel-bgd-spotify {
		background: #1ED760
	}
	
	.channel-bgd-spotify>i[class="icon-social-spotify"]:before {
		content: "\5f"
	}
	
	.channel-bgd-soundcloud {
		background: linear-gradient(180deg, #F79810 0%, #F8310E 100%)
	}
	
	.channel-bgd-applemusic {
		background: linear-gradient(0deg, #FA233B .39%, #FB5C74 97.84%)
	}
	
	.channel-bgd-applemusic>i[class="icon-social-applemusic"] {
		font-size: 28px !important;
		line-height: 49px !important;
		left: 5px !important
	}
	
	.channel-bgd-applemusic>i[class="icon-social-applemusic"]:before {
		content: "\5b"
	}
	
	@font-face {
		font-family: "solution-vcard-icons";
		src: url(fonts/2.woff) format("woff");
		font-weight: normal;
		font-style: normal
	}
	
	[data-icon]:before {
		font-family: "solution-vcard-icons" !important;
		content: attr(data-icon);
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	
	[class^="icon-"]:before,
	[class*=" icon-"]:before {
		font-family: "solution-vcard-icons" !important;
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	
	.icon-dribbble:before {
		content: "\61"
	}
	
	.icon-vkontakte:before {
		content: "\62"
	}
	
	.icon-tumblr:before {
		content: "\63"
	}
	
	.icon-xing:before {
		content: "\64"
	}
	
	.icon-vine:before {
		content: "\65"
	}
	
	.icon-pinterest:before {
		content: "\66"
	}
	
	.icon-flickr:before {
		content: "\67"
	}
	
	.icon-facebook:before {
		content: "\68"
	}
	
	.icon-instagram:before {
		content: "\69"
	}
	
	.icon-skype:before {
		content: "\6a"
	}
	
	.icon-googleplus:before {
		content: "\6b"
	}
	
	.icon-linkedin:before {
		content: "\6c"
	}
	
	.icon-birthday:before {
		content: "\6e"
	}
	
	.icon-underline:before {
		content: "\6f"
	}
	
	.icon-phone:before {
		content: "\70"
	}
	
	.icon-mail:before {
		content: "\71"
	}
	
	.icon-work:before {
		content: "\72"
	}
	
	.icon-map-pin:before {
		content: "\73"
	}
	
	.icon-earth:before {
		content: "\74"
	}
	
	.icon-send:before {
		content: "\75"
	}
	
	.icon-add-user:before {
		content: "\76"
	}
	
	.icon-close:before {
		content: "\77"
	}
	
	.icon-paperfly:before {
		content: "\6d"
	}
	
	.icon-download-inbox:before {
		content: "\78"
	}
	
	.icon-fax:before {
		content: "\79"
	}
	
	.icon-youtube:before {
		content: "\42"
	}
	
	.icon-vimeo:before {
		content: "\43"
	}
	
	.icon-tripadvisor:before {
		content: "\44"
	}
	
	.icon-snapchat:before {
		content: "\41"
	}
	
	.icon-share:before {
		content: "\46"
	}
	
	.icon-twitter:before {
		content: "\45"
	}
	
	.icon-social-dribbble:before {
		content: "\4e"
	}
	
	.icon-social-facebook:before {
		content: "\4f"
	}
	
	.icon-social-flickr:before {
		content: "\50"
	}
	
	.icon-social-googleplus:before {
		content: "\51"
	}
	
	.icon-social-github:before {
		content: "\52"
	}
	
	.icon-social-instagram:before {
		content: "\53"
	}
	
	.icon-social-line:before {
		content: "\54"
	}
	
	.icon-social-linkedin:before {
		content: "\55"
	}
	
	.icon-social-pinterest:before {
		content: "\56"
	}
	
	.icon-social-reddit:before {
		content: "\57"
	}
	
	.icon-social-skype:before {
		content: "\58"
	}
	
	.icon-social-snapchat:before {
		content: "\59"
	}
	
	.icon-social-tripadvisor:before {
		content: "\5a"
	}
	
	.icon-social-tumblr:before {
		content: "\30"
	}
	
	.icon-social-twitter:before {
		content: "\31"
	}
	
	.icon-social-youtube:before {
		content: "\32"
	}
	
	.icon-social-vimeo:before {
		content: "\33"
	}
	
	.icon-social-vkontakte:before {
		content: "\34"
	}
	
	.icon-social-website:before {
		content: "\35"
	}
	
	.icon-social-wechat:before {
		content: "\36"
	}
	
	.icon-social-whatsapp:before {
		content: "\37"
	}
	
	.icon-social-xing:before {
		content: "\38"
	}
	
	.icon-fab-share:before {
		content: "\7a"
	}
	
	.icon-fab-share-email:before {
		content: "\47"
	}
	
	.icon-fab-share-facebook:before {
		content: "\48"
	}
	
	.icon-fab-share-googleplus:before {
		content: "\49"
	}
	
	.icon-fab-share-message:before {
		content: "\4a"
	}
	
	.icon-fab-share-twitter:before {
		content: "\4b"
	}
	
	.icon-fab-close:before {
		content: "\4c"
	}
	
	.icon-social-minus:before {
		content: "\4d"
	}
	
	.icon-social-image-change:before {
		content: "\39"
	}
	
	.icon-icon-addimage:before {
		content: "\21"
	}
	
	.icon-social-sec-basic-1:before {
		content: "\22"
	}
	
	.icon-social-sec-basic:before {
		content: "\23"
	}
	
	.icon-social-sec-soccha:before {
		content: "\24"
	}
	
	.icon-event-location:before {
		content: "\25"
	}
	
	.icon-event-back:before {
		content: "\26"
	}
	
	.icon-fab-share-add:before {
		content: "\27"
	}
	
	.icon-fab-share-send-email:before {
		content: "\28"
	}
	
	.icon-fab-share-phone:before {
		content: "\29"
	}
	
	.icon-fab-share-savecontact:before {
		content: "\2a"
	}
	
	.icon-fab-share-whatsapp:before {
		content: "\2b"
	}
	
	.icon-social-doordash:before {
		content: "\2c"
	}
	
	.icon-social-opentable:before {
		content: "\2d"
	}
	
	.icon-social-postmates:before {
		content: "\2e"
	}
	
	.icon-social-grubhub:before {
		content: "\2f"
	}
	
	.icon-social-ubereats:before {
		content: "\3a"
	}
	
	.icon-social-messenger:before {
		content: "\3b"
	}
	
	.icon-social-telegram:before {
		content: "\3c"
	}
	
	.icon-social-tiktok:before {
		content: "\3d"
	}
	
	.icon-social-google-review:before {
		content: "\3e"
	}
	
	.icon-social-yelp:before {
		content: "\3f"
	}
	
	.icon-social-applemusic:before {
		content: "\40"
	}
	
	.icon-social-applemusicsign:before {
		content: "\5b"
	}
	
	.icon-social-soundcloud:before {
		content: "\5d"
	}
	
	.icon-social-spotify:before {
		content: "\5e"
	}
	
	.icon-social-spotifysign:before {
		content: "\5f"
	}

	.svg-icon-loaded {
		position: relative;
		display: inline-block;
		width: 1em;
		height: 1em;
		line-height: 1;
		--icon-svg-color: #b8bec8;
		background-image: var(--icon-svg-url);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		text-indent: 0
	}

	@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
		.svg-icon-loaded {
			background-image: none;
			background-color: var(--icon-svg-color, #b8bec8);
			-webkit-mask-image: var(--icon-svg-url);
			mask-image: var(--icon-svg-url);
			-webkit-mask-position: center center;
			mask-position: center center;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			mask-size: contain
		}
	}

	.svg-icon-loaded:before {
		content: "" !important
	}

	#shareStatusToast .share-status-toast__icon.svg-icon-loaded {
		flex: 0 0 auto;
		width: 1.1em;
		height: 1.1em;
		min-width: 1.1em;
		min-height: 1.1em
	}

	/* Harden Horace layout against Android display scaling and small viewports. */
	.vcard-template.style2 .vcard-header .vcard-functions .vcard-functions-wrapper {
		display: flex;
		width: 100%;
		max-width: 570px;
		min-height: 56px
	}

	.vcard-template.style2 .vcard-header .vcard-functions a {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-width: 0
	}

	.vcard-template.style2 .vcard-header .vcard-functions a i {
		margin-bottom: 6px
	}

	.vcard-template.style2 .vcard-header .vcard-functions a small {
		line-height: 1.2;
		white-space: normal
	}

	.socialMedia-container .channels-padding {
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 16px;
		width: auto;
		padding: 0;
		margin: 0 auto;
		float: none;
		clear: both
	}

		.socialMedia-container {
			--social-btn-size: 54px;
			--social-icon-size: calc(var(--social-btn-size) * 0.78);
			--social-glass-time: 400ms;
			--social-glass-ease: cubic-bezier(0.25, 1, 0.5, 1);
			width: 100%;
			margin-top: 25px;
			padding: 0;
			text-align: center
	}

	.socialMedia-container label {
		display: block;
		width: 100%;
		margin: 0 0 20px !important;
		padding-left: 45px;
		padding-right: 0;
		float: none;
		text-align: left
	}

	.socialMedia-container>.icon-social-media {
		display: none
	}

	.socialMedia-container .channel-container {
		flex: 0 0 var(--social-btn-size);
		width: var(--social-btn-size);
		height: var(--social-btn-size);
		margin: 0 !important;
		flex-shrink: 0;
		float: none;
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: relative;
		border-radius: 50%;
		overflow: visible;
		isolation: isolate;
		transform: translate3d(0, 0, 0);
		transition: transform var(--social-glass-time) var(--social-glass-ease),
			filter var(--social-glass-time) var(--social-glass-ease)
	}

	.vcard-template .vcard-body .vcard-social a.channel-container {
		margin-right: 0 !important
	}

	.socialMedia-container .channel-container::before {
		content: "";
		position: absolute;
		left: 8px;
		right: 8px;
		bottom: -7px;
		height: 14px;
		border-radius: 999vw;
		background: radial-gradient(ellipse at center, rgba(15, 23, 42, 0.28) 0%, rgba(15, 23, 42, 0.14) 42%, rgba(15, 23, 42, 0) 78%);
		filter: blur(7px);
		opacity: 0.42;
		pointer-events: none;
		z-index: 0;
		transition: transform var(--social-glass-time) var(--social-glass-ease),
			opacity var(--social-glass-time) var(--social-glass-ease),
			filter var(--social-glass-time) var(--social-glass-ease)
	}

		.socialMedia-container .channel-container::after {
			content: "";
			position: absolute;
			inset: -1.5px;
			border-radius: 50%;
			padding: 1.5px;
			box-sizing: border-box;
			background: conic-gradient(from -75deg at 50% 50%, rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0) 5% 40%, rgba(15, 23, 42, 0.45) 50%, rgba(15, 23, 42, 0) 60% 95%, rgba(15, 23, 42, 0.55)),
				linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.3));
			-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			pointer-events: none;
			z-index: 2;
			opacity: 0.96;
			transform: translateZ(0) rotate(0deg);
			-webkit-transform: translateZ(0) rotate(0deg);
			transition: transform calc(var(--social-glass-time) * 1.05) var(--social-glass-ease),
				opacity var(--social-glass-time) var(--social-glass-ease),
				box-shadow var(--social-glass-time) var(--social-glass-ease)
		}

	.socialMedia-container .channel-container>div {
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--social-btn-size);
		height: var(--social-btn-size);
		padding-left: 0 !important;
		position: relative
	}

		.socialMedia-container div[class^='channel-bgd-'] {
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--social-btn-size);
		height: var(--social-btn-size);
		position: relative;
		left: auto;
		margin-right: 0;
		overflow: hidden;
		border-radius: 50%;
		isolation: isolate;
		z-index: 1;
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.45),
				0 0.375em 0.1875em -0.1875em rgba(15, 23, 42, 0.22),
				0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.18),
				0 0 0 0 rgba(255, 255, 255, 1);
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			transform: translateZ(0);
			-webkit-transform: translateZ(0);
			transition: transform var(--social-glass-time) var(--social-glass-ease),
				box-shadow var(--social-glass-time) var(--social-glass-ease),
				filter var(--social-glass-time) var(--social-glass-ease),
				backdrop-filter var(--social-glass-time) var(--social-glass-ease),
				-webkit-backdrop-filter var(--social-glass-time) var(--social-glass-ease)
		}

		.socialMedia-container div[class^='channel-bgd-']::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
			background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 42% 50%, rgba(255, 255, 255, 0) 56%);
			background-size: 200% 200%;
			background-position: 0% 50%;
			mix-blend-mode: screen;
			opacity: 0;
			pointer-events: none;
			z-index: 1;
			transition: background-position calc(var(--social-glass-time) * 1.15) var(--social-glass-ease),
				opacity var(--social-glass-time) var(--social-glass-ease)
	}

		.socialMedia-container div[class^='channel-bgd-']::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		padding: 1.5px;
		box-sizing: border-box;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.3));
			-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
			pointer-events: none;
			z-index: 2
		}

	.socialMedia-container div[class^='channel-bgd-'] i {
		position: static !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: var(--social-icon-size);
		height: var(--social-icon-size);
		font-size: var(--social-icon-size) !important;
		line-height: var(--social-icon-size) !important;
		top: auto;
			left: auto;
			position: relative;
			z-index: 3;
			opacity: 0.98;
			filter: drop-shadow(0 0.34em 0.11em rgba(15, 23, 42, 0.16));
			transition: filter var(--social-glass-time) var(--social-glass-ease),
				transform var(--social-glass-time) var(--social-glass-ease),
				opacity var(--social-glass-time) var(--social-glass-ease)
		}

	.socialMedia-container div[class^='channel-bgd-'] i:before {
		display: block;
		line-height: 1
	}

	.socialMedia-container .channel-container:hover,
	.socialMedia-container .channel-container:focus-visible {
		transform: translate3d(0, 0.08em, 0)
	}

		.socialMedia-container .channel-container:hover::after,
		.socialMedia-container .channel-container:focus-visible::after {
			opacity: 1;
			transform: translateZ(0) rotate(-50deg);
			-webkit-transform: translateZ(0) rotate(-50deg)
		}

	.socialMedia-container .channel-container:hover::before,
	.socialMedia-container .channel-container:focus-visible::before {
		opacity: 0.5;
		transform: translate3d(0, -0.04em, 0) scale(0.9);
		filter: blur(6px)
	}

		.socialMedia-container .channel-container:hover div[class^='channel-bgd-'],
		.socialMedia-container .channel-container:focus-visible div[class^='channel-bgd-'] {
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.1),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.225em 0.075em -0.15em rgba(15, 23, 42, 0.25),
				0 0 0.075em 0.15em inset rgba(255, 255, 255, 0.5),
				0 0 0 0 rgba(255, 255, 255, 1)
		}

		.socialMedia-container .channel-container:hover div[class^='channel-bgd-']::before,
		.socialMedia-container .channel-container:focus-visible div[class^='channel-bgd-']::before {
			background-position: 25% 50%;
			opacity: 1
		}

		.socialMedia-container .channel-container:hover div[class^='channel-bgd-'] i,
		.socialMedia-container .channel-container:focus-visible div[class^='channel-bgd-'] i {
			filter: drop-shadow(0 0.22em 0.08em rgba(15, 23, 42, 0.28))
		}

		.socialMedia-container .channel-container:active {
			transform: translate3d(0, 0.18em, 0) scale(0.985)
		}

		.socialMedia-container .channel-container:active::after {
			opacity: 1;
			transform: translateZ(0) rotate(-10deg);
			-webkit-transform: translateZ(0) rotate(-10deg)
		}

	.socialMedia-container .channel-container:active::before {
		opacity: 0.34;
		transform: translate3d(0, 0.04em, 0) scale(0.94)
	}

		.socialMedia-container .channel-container:active div[class^='channel-bgd-'] {
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.1875em 0.1875em -0.1875em rgba(15, 23, 42, 0.2),
				0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.2),
				0 0.3375em 0.075em 0 rgba(15, 23, 42, 0.08),
				0 0.375em 0 0 rgba(255, 255, 255, 0.75),
				inset 0 0.375em 0.075em 0 rgba(15, 23, 42, 0.15)
		}

		.socialMedia-container .channel-container:active div[class^='channel-bgd-']::before {
			background-position: 50% 15%;
			opacity: 1
		}

		.socialMedia-container .channel-container:active div[class^='channel-bgd-'] i {
			transform: translate3d(0, 0.03em, 0);
			filter: drop-shadow(0 0.16em 0.06em rgba(15, 23, 42, 0.32))
		}

		.vcard-template.style2 .vcard-header .vcard-functions {
			--header-glass-time: 400ms;
			--header-glass-ease: cubic-bezier(0.25, 1, 0.5, 1)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a {
			position: relative;
			overflow: hidden;
			isolation: isolate;
			background: linear-gradient(-68deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05));
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.45),
				0 0.375em 0.1875em -0.1875em rgba(15, 23, 42, 0.22),
				0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.18),
				0 0 0 0 rgba(255, 255, 255, 1);
			backdrop-filter: blur(clamp(1.5px, 0.1875em, 6px));
			-webkit-backdrop-filter: blur(clamp(1.5px, 0.1875em, 6px));
			transform: translate3d(0, 0, 0);
			transition: transform var(--header-glass-time) var(--header-glass-ease),
				background var(--header-glass-time) var(--header-glass-ease),
				box-shadow var(--header-glass-time) var(--header-glass-ease),
				backdrop-filter var(--header-glass-time) var(--header-glass-ease),
				-webkit-backdrop-filter var(--header-glass-time) var(--header-glass-ease)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a::before {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 42% 50%, rgba(255, 255, 255, 0) 56%);
			background-size: 200% 200%;
			background-position: 0% 50%;
			mix-blend-mode: screen;
			opacity: 0;
			pointer-events: none;
			z-index: 1;
			transition: background-position calc(var(--header-glass-time) * 1.15) var(--header-glass-ease),
			opacity var(--header-glass-time) var(--header-glass-ease)
	}

		.vcard-template.style2 .vcard-header .vcard-functions a::after {
			content: "";
			position: absolute;
			inset: 0;
			padding: 1px;
			box-sizing: border-box;
			background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.88) 44% 50%, rgba(255, 255, 255, 0) 56%),
				linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.3));
			background-size: 220% 220%, 100% 100%;
			background-position: 0% 50%, 0 0;
			-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			pointer-events: none;
			z-index: 2;
			opacity: 0.96;
			transition: opacity var(--header-glass-time) var(--header-glass-ease),
				box-shadow var(--header-glass-time) var(--header-glass-ease),
				background-position calc(var(--header-glass-time) * 1.15) var(--header-glass-ease)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a i,
		.vcard-template.style2 .vcard-header .vcard-functions a small {
			position: relative;
			z-index: 3;
			color: rgba(255, 255, 255, 0.98)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a i {
			filter: drop-shadow(0 0.34em 0.11em rgba(15, 23, 42, 0.16));
			transition: filter var(--header-glass-time) var(--header-glass-ease),
				transform var(--header-glass-time) var(--header-glass-ease)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a small {
			text-shadow: 0 0.34em 0.11em rgba(15, 23, 42, 0.16);
			transition: text-shadow var(--header-glass-time) var(--header-glass-ease),
				transform var(--header-glass-time) var(--header-glass-ease)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:hover,
		.vcard-template.style2 .vcard-header .vcard-functions a:focus-visible {
			background: linear-gradient(-68deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.08));
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.1),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.225em 0.075em -0.15em rgba(15, 23, 42, 0.25),
				0 0 0.075em 0.15em inset rgba(255, 255, 255, 0.5),
				0 0 0 0 rgba(255, 255, 255, 1);
			transform: translate3d(0, 0.08em, 0);
			backdrop-filter: blur(0.015em);
			-webkit-backdrop-filter: blur(0.015em)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:hover::before,
		.vcard-template.style2 .vcard-header .vcard-functions a:focus-visible::before {
			background-position: 25% 50%;
			opacity: 1
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:hover::after,
		.vcard-template.style2 .vcard-header .vcard-functions a:focus-visible::after {
			opacity: 1;
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
			background-position: 25% 50%, 0 0
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:hover i,
		.vcard-template.style2 .vcard-header .vcard-functions a:focus-visible i {
			filter: drop-shadow(0 0.22em 0.08em rgba(15, 23, 42, 0.28))
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:hover small,
		.vcard-template.style2 .vcard-header .vcard-functions a:focus-visible small {
			text-shadow: 0 0.22em 0.08em rgba(15, 23, 42, 0.28)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:active {
			transform: translate3d(0, 0.18em, 0) scale(0.985);
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.1875em 0.1875em -0.1875em rgba(15, 23, 42, 0.2),
				0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.2),
				0 0.3375em 0.075em 0 rgba(15, 23, 42, 0.08),
				0 0.375em 0 0 rgba(255, 255, 255, 0.75),
				inset 0 0.375em 0.075em 0 rgba(15, 23, 42, 0.15)
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:active::before {
			background-position: 50% 15%;
			opacity: 1
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:active::after {
			opacity: 1;
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
			background-position: 50% 15%, 0 0
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:active i {
			transform: translate3d(0, 0.03em, 0);
			filter: drop-shadow(0 0.16em 0.06em rgba(15, 23, 42, 0.32))
		}

		.vcard-template.style2 .vcard-header .vcard-functions a:active small {
			transform: translate3d(0, 0.03em, 0);
			text-shadow: 0 0.16em 0.06em rgba(15, 23, 42, 0.32)
		}

		#toast-container>div {
			position: relative !important;
			display: flex !important;
			align-items: center;
			justify-content: center;
			overflow: hidden !important;
			width: min(420px, calc(100vw - 28px)) !important;
			min-height: 62px;
			padding: 18px 26px !important;
			border-radius: 999vw !important;
			color: #fff !important;
			opacity: 1 !important;
			border: 1px solid rgba(255, 255, 255, 0.24) !important;
			backdrop-filter: blur(18px) saturate(130%) !important;
			-webkit-backdrop-filter: blur(18px) saturate(130%) !important;
			background: var(--toast-glass-fill, linear-gradient(-75deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.1)), rgba(110, 186, 117, 0.78)) !important;
			background-image: none !important;
			background-size: cover !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.45),
				0 0.375em 0.1875em -0.1875em rgba(15, 23, 42, 0.22),
				0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.18),
				0 18px 34px rgba(15, 23, 42, 0.18) !important;
			text-shadow: 0 0.34em 0.11em rgba(15, 23, 42, 0.16);
			transform: translate3d(0, 0, 0);
			transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1),
				box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1),
				filter 400ms cubic-bezier(0.25, 1, 0.5, 1),
				backdrop-filter 400ms cubic-bezier(0.25, 1, 0.5, 1),
				-webkit-backdrop-filter 400ms cubic-bezier(0.25, 1, 0.5, 1) !important
		}

		#toast-container>div::before {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 42% 50%, rgba(255, 255, 255, 0) 56%);
			background-size: 200% 200%;
			background-position: 0% 50%;
			mix-blend-mode: screen;
			opacity: 0;
			pointer-events: none;
			transition: background-position 500ms cubic-bezier(0.25, 1, 0.5, 1),
				opacity 400ms cubic-bezier(0.25, 1, 0.5, 1)
		}

		#toast-container>div::after {
			content: "";
			position: absolute;
			inset: 0;
			padding: 1.25px;
			box-sizing: border-box;
			border-radius: inherit;
			background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.88) 44% 50%, rgba(255, 255, 255, 0) 56%),
				linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.3));
			background-size: 220% 220%, 100% 100%;
			background-position: 0% 50%, 0 0;
			-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			pointer-events: none;
			opacity: 0.96;
			transition:
				background-position 460ms cubic-bezier(0.25, 1, 0.5, 1),
				box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1),
				opacity 400ms cubic-bezier(0.25, 1, 0.5, 1)
		}

		#toast-container>div:hover {
			transform: translate3d(0, 0.08em, 0);
			backdrop-filter: blur(0.015em) saturate(130%) !important;
			-webkit-backdrop-filter: blur(0.015em) saturate(130%) !important;
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.1),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.225em 0.075em -0.15em rgba(15, 23, 42, 0.25),
				0 0 0.075em 0.15em inset rgba(255, 255, 255, 0.5),
				0 14px 28px rgba(15, 23, 42, 0.22) !important
		}

		#toast-container>div:hover::before {
			background-position: 25% 50%;
			opacity: 1
		}

		#toast-container>div:hover::after {
			opacity: 1;
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
			background-position: 25% 50%, 0 0
		}

		#toast-container>div:active {
			transform: translate3d(0, 0.18em, 0) scale(0.985);
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.1875em 0.1875em -0.1875em rgba(15, 23, 42, 0.2),
				0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.2),
				0 12px 24px rgba(15, 23, 42, 0.18) !important
		}

		#toast-container>div:active::before {
			background-position: 50% 15%;
			opacity: 1
		}

		#toast-container>div:active::after {
			opacity: 1;
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
			background-position: 50% 15%, 0 0
		}

			#toast-container>.toast-success {
				--toast-glass-fill: linear-gradient(-75deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.1)), rgba(110, 186, 117, 0.78)
			}

			#toast-container>.toast-error {
			--toast-glass-fill: linear-gradient(-75deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.08)), rgba(201, 83, 79, 0.78)
		}

		#toast-container>.toast-info {
			--toast-glass-fill: linear-gradient(-75deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.08)), rgba(70, 156, 184, 0.78)
		}

			#toast-container>.toast-warning {
				--toast-glass-fill: linear-gradient(-75deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.08)), rgba(225, 150, 55, 0.82)
			}

			html body #toast-container>.toast-success,
			html body #toast-container>.toast-error,
			html body #toast-container>.toast-info,
			html body #toast-container>.toast-warning {
				background-image: none !important
			}

		#toast-container .toast-message {
			width: 100%;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			column-gap: 14px;
			font-size: 16px;
			line-height: 1.45;
			color: rgba(255, 255, 255, 0.98);
			text-align: center;
			text-shadow: 0 0.34em 0.11em rgba(15, 23, 42, 0.16);
			transition: text-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1)
		}

		#toast-container>.toast-success .toast-message::before {
			content: "✓";
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 34px;
			line-height: 1;
			font-weight: 700;
			color: rgba(255, 255, 255, 0.98);
			filter: drop-shadow(0 0.34em 0.11em rgba(15, 23, 42, 0.16));
			transform: translate3d(0, 0, 0);
			transition: filter 400ms cubic-bezier(0.25, 1, 0.5, 1),
				transform 400ms cubic-bezier(0.25, 1, 0.5, 1)
		}

		#toast-container>div:hover .toast-message {
			text-shadow: 0 0.22em 0.08em rgba(15, 23, 42, 0.28)
		}

		#toast-container>div:hover .toast-message::before {
			filter: drop-shadow(0 0.22em 0.08em rgba(15, 23, 42, 0.28))
		}

		#toast-container>div:active .toast-message {
			text-shadow: 0 0.16em 0.06em rgba(15, 23, 42, 0.32)
		}

		#toast-container>div:active .toast-message::before {
			transform: translate3d(0, 0.03em, 0);
			filter: drop-shadow(0 0.16em 0.06em rgba(15, 23, 42, 0.32))
		}

		#toast-container .toast-progress {
			height: 3px;
			background: rgba(255, 255, 255, 0.36) !important;
			opacity: 1
		}

			#toast-container.toast-center-mobile {
				top: 50%;
				right: auto;
				bottom: auto;
				left: 50%;
				width: min(420px, calc(100vw - 28px));
				transform: translate(-50%, -50%);
				margin: 0
			}

			#toast-container.toast-center-mobile>div {
				margin: 0;
				width: 100% !important;
				pointer-events: none !important
			}

			#toast-container.toast-center-mobile>div::before {
				content: none
			}

			#toast-container.toast-center-mobile>div:hover,
			#toast-container.toast-center-mobile>div:active {
				transform: translate3d(0, 0, 0);
				box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
					inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.45),
					0 0.375em 0.1875em -0.1875em rgba(15, 23, 42, 0.22),
					0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.18),
					0 18px 34px rgba(15, 23, 42, 0.18) !important
			}

			#toast-container.toast-center-mobile>div:hover::after,
			#toast-container.toast-center-mobile>div:active::after {
				box-shadow: none;
				background-position: 0% 50%, 0 0
			}

			#toast-container.toast-center-mobile>div:hover .toast-message,
			#toast-container.toast-center-mobile>div:active .toast-message {
				text-shadow: 0 0.34em 0.11em rgba(15, 23, 42, 0.16)
			}

			#toast-container.toast-center-mobile>div:hover .toast-message::before,
			#toast-container.toast-center-mobile>div:active .toast-message::before {
				transform: translate3d(0, 0, 0);
				filter: drop-shadow(0 0.34em 0.11em rgba(15, 23, 42, 0.16))
			}

			.share-status-toast {
				position: fixed;
				z-index: 1000001;
				appearance: none;
				-webkit-appearance: none;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				column-gap: 14px;
				width: min(420px, calc(100vw - 28px));
				min-height: 62px;
				padding: 0 26px;
				margin: 0;
				border-radius: 999vw;
				border: 1px solid rgba(255, 255, 255, 0.22);
				background: linear-gradient(-75deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05)), rgba(110, 186, 117, 0.26);
				color: rgba(255, 255, 255, 0.98);
				box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
					inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.45),
					0 0.375em 0.1875em -0.1875em rgba(15, 23, 42, 0.22),
					0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.18),
					0 18px 34px rgba(15, 23, 42, 0.18);
				backdrop-filter: blur(clamp(1.25px, 0.16em, 4px)) saturate(115%);
				-webkit-backdrop-filter: blur(clamp(1.25px, 0.16em, 4px)) saturate(115%);
				overflow: hidden;
				cursor: pointer;
				pointer-events: auto;
				user-select: none;
				opacity: 0;
				visibility: hidden;
				text-shadow: 0 0.34em 0.11em rgba(15, 23, 42, 0.16);
				transform: translate3d(0, 16px, 0) scale(0.985);
				transition: opacity 320ms cubic-bezier(0.25, 1, 0.5, 1),
					transform 400ms cubic-bezier(0.25, 1, 0.5, 1),
					background 400ms cubic-bezier(0.25, 1, 0.5, 1),
					box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1),
					backdrop-filter 400ms cubic-bezier(0.25, 1, 0.5, 1),
					-webkit-backdrop-filter 400ms cubic-bezier(0.25, 1, 0.5, 1),
					visibility 0ms linear 360ms
			}

			.share-status-toast[hidden] {
				display: none !important
			}

			.share-status-toast::before {
				content: "";
				position: absolute;
				inset: 1px 1px auto 1px;
				height: 54%;
				border-radius: inherit;
				background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.03) 44%, rgba(255, 255, 255, 0) 100%);
				opacity: 0.34;
				pointer-events: none
			}

			.share-status-toast::after {
				content: "";
				position: absolute;
				inset: 0;
				padding: 1.25px;
				box-sizing: border-box;
				border-radius: inherit;
				background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.88) 44% 50%, rgba(255, 255, 255, 0) 56%),
					linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.3));
				background-size: 220% 220%, 100% 100%;
				background-position: 0% 50%, 0 0;
				-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
				mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
				-webkit-mask-composite: xor;
				mask-composite: exclude;
				opacity: 0.96;
				pointer-events: none
			}

			.share-status-toast:hover,
			.share-status-toast:focus-visible {
				background: linear-gradient(-75deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06)), rgba(110, 186, 117, 0.22);
				backdrop-filter: blur(0.015em) saturate(115%);
				-webkit-backdrop-filter: blur(0.015em) saturate(115%);
				box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.1),
					inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
					0 0.225em 0.075em -0.15em rgba(15, 23, 42, 0.25),
					0 0 0.075em 0.15em inset rgba(255, 255, 255, 0.5),
					0 18px 34px rgba(15, 23, 42, 0.14)
			}

			.share-status-toast:active {
				background: linear-gradient(-75deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06)), rgba(110, 186, 117, 0.24);
				box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
					inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
					0 0.1875em 0.1875em -0.1875em rgba(15, 23, 42, 0.2),
					0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.2),
					0 0.3375em 0.075em 0 rgba(15, 23, 42, 0.08),
					0 0.375em 0 0 rgba(255, 255, 255, 0.75),
					inset 0 0.375em 0.075em 0 rgba(15, 23, 42, 0.15)
			}

			.share-status-toast.is-desktop {
				right: 18px;
				bottom: calc(var(--vcard-credit-space) + 18px)
			}

			.share-status-toast.is-mobile {
				left: 50%;
				top: 50%;
				transform: translate3d(-50%, -50%, 0) scale(0.985)
			}

			.share-status-toast.is-visible {
				opacity: 1;
				visibility: visible;
				transition-delay: 0s
			}

			.share-status-toast.is-desktop.is-visible {
				transform: translate3d(0, 0, 0) scale(1)
			}

			.share-status-toast.is-mobile.is-visible {
				transform: translate3d(-50%, -50%, 0) scale(1)
			}

			.share-status-toast.is-desktop.is-visible:hover,
			.share-status-toast.is-desktop.is-visible:focus-visible {
				transform: translate3d(0, 0.08em, 0) scale(1)
			}

			.share-status-toast.is-mobile.is-visible:hover,
			.share-status-toast.is-mobile.is-visible:focus-visible {
				transform: translate3d(-50%, calc(-50% + 0.08em), 0) scale(1)
			}

			.share-status-toast.is-desktop.is-visible:active {
				transform: translate3d(0, 0.18em, 0) scale(0.985)
			}

			.share-status-toast.is-mobile.is-visible:active {
				transform: translate3d(-50%, calc(-50% + 0.18em), 0) scale(0.985)
			}

			.share-status-toast.is-hiding {
				opacity: 0;
				visibility: visible;
				transition-delay: 0s
			}

			.share-status-toast.is-desktop.is-hiding {
				transform: translate3d(0, 14px, 0) scale(0.99)
			}

			.share-status-toast.is-mobile.is-hiding {
				transform: translate3d(-50%, -46%, 0) scale(0.99)
			}

			.share-status-toast__icon,
			.share-status-toast__message {
				position: relative;
				z-index: 1;
				display: inline-flex;
				align-items: center;
				align-self: center;
				transition: text-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1), filter 400ms cubic-bezier(0.25, 1, 0.5, 1)
			}

			.share-status-toast__icon {
				justify-content: center;
				font-size: 44px;
				line-height: 1;
				min-height: 44px;
				filter: drop-shadow(0 0.28em 0.09em rgba(15, 23, 42, 0.14))
			}

			.share-status-toast__message {
				font-size: 16px;
				font-weight: 700;
				line-height: 1.2;
				min-height: 44px;
				justify-content: center;
				text-align: center
			}

			.share-status-toast:hover .share-status-toast__icon,
			.share-status-toast:hover .share-status-toast__message,
			.share-status-toast:focus-visible .share-status-toast__icon,
			.share-status-toast:focus-visible .share-status-toast__message {
				text-shadow: 0 0.22em 0.08em rgba(15, 23, 42, 0.28);
				filter: drop-shadow(0 0.22em 0.08em rgba(15, 23, 42, 0.18))
			}

			.share-status-toast:active .share-status-toast__icon,
			.share-status-toast:active .share-status-toast__message {
				text-shadow: 0 0.16em 0.06em rgba(15, 23, 42, 0.32);
				filter: drop-shadow(0 0.16em 0.06em rgba(15, 23, 42, 0.2))
			}

		.vcard-template .vcard-body .contactData-container.fixed-button,
		.vcard-template .vcard-body .share-container.fixed-button {
		padding: 0;
		display: block;
		text-align: center;
		position: relative;
		z-index: 1
	}

	.vcard-template .vcard-body .contactData-container.fixed-button>.fabs,
	.vcard-template .vcard-body .share-container.fixed-button>.fabs {
		position: relative;
		right: auto;
		left: auto;
		margin: 0 auto 28px;
		max-width: 438px;
		float: none;
		z-index: 1
	}

	@property --glass-angle-1 {
		syntax: "<angle>";
		inherits: false;
		initial-value: -75deg;
	}

	@property --glass-angle-2 {
		syntax: "<angle>";
		inherits: false;
		initial-value: -45deg;
	}

	.vcard-template .fixed-button .glass-button {
		--glass-angle-1: -75deg;
		--glass-angle-2: -45deg;
		--glass-height: 62px;
		--glass-radius: 999vw;
		--glass-border-width: clamp(1.5px, 0.09375em, 6px);
		--glass-shadow-fix: 2.5em;
		--glass-hover-time: 400ms;
		--glass-hover-ease: cubic-bezier(0.25, 1, 0.5, 1);
		--glass-text: #fff;
		--glass-fill: linear-gradient(-75deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.08)), rgba(96, 165, 250, 0.42);
		--glass-shadow: linear-gradient(180deg, rgba(15, 23, 42, 0.29), rgba(15, 23, 42, 0.14));
		position: relative;
		display: block;
		width: 100%;
		height: var(--glass-height);
		perspective: 1200px
	}

	.vcard-template .fixed-button .glass-button--share {
		--glass-fill: linear-gradient(-75deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1)), rgba(71, 85, 105, 0.38);
		--glass-shadow: linear-gradient(180deg, rgba(15, 23, 42, 0.32), rgba(15, 23, 42, 0.11))
	}

	.vcard-template .fixed-button .glass-button .button-wrap {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 100%;
		border-radius: var(--glass-radius);
		background: transparent;
		pointer-events: none;
		transform-style: preserve-3d;
		transition: transform var(--glass-hover-time) var(--glass-hover-ease), filter var(--glass-hover-time) var(--glass-hover-ease)
	}

	.vcard-template .fixed-button .glass-button .button-shadow {
		position: absolute;
		width: calc(100% + var(--glass-shadow-fix));
		height: calc(100% + var(--glass-shadow-fix));
		top: calc(0% - var(--glass-shadow-fix) / 2);
		left: calc(0% - var(--glass-shadow-fix) / 2);
		filter: blur(clamp(2px, 0.125em, 12px));
		overflow: visible;
		pointer-events: none;
		transform: translate3d(0, 0, 0)
	}

	.vcard-template .fixed-button .glass-button .button-shadow::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: var(--glass-radius);
		background: var(--glass-shadow);
		width: calc(100% - var(--glass-shadow-fix) - 0.25em);
		height: calc(100% - var(--glass-shadow-fix) - 0.25em);
		top: calc(var(--glass-shadow-fix) - 0.5em);
		left: calc(var(--glass-shadow-fix) - 0.875em);
		padding: 0.125em;
		box-sizing: border-box;
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		opacity: 1;
		transform: none;
		box-shadow: none;
		transition: all var(--glass-hover-time) var(--glass-hover-ease)
	}

		.vcard-template .fixed-button .glass-button .glass-button__control {
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		pointer-events: auto;
		z-index: 3;
		display: flex !important;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		border-radius: var(--glass-radius);
		color: var(--glass-text) !important;
		text-decoration: none;
		background: var(--glass-fill);
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.45),
				0 0.375em 0.1875em -0.1875em rgba(15, 23, 42, 0.22),
			0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.18),
			0 0 0 0 rgba(255, 255, 255, 1);
		backdrop-filter: blur(clamp(1.5px, 0.1875em, 6px));
		-webkit-backdrop-filter: blur(clamp(1.5px, 0.1875em, 6px));
		transform: translate3d(0, 0, 0);
		transition: transform var(--glass-hover-time) var(--glass-hover-ease),
			box-shadow var(--glass-hover-time) var(--glass-hover-ease),
			backdrop-filter var(--glass-hover-time) var(--glass-hover-ease),
			-webkit-backdrop-filter var(--glass-hover-time) var(--glass-hover-ease),
			color var(--glass-hover-time) var(--glass-hover-ease)
	}

		.vcard-template .fixed-button .glass-button .glass-button__control:hover,
		.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible {
		transform: translate3d(0, 0.08em, 0);
		backdrop-filter: blur(0.015em);
		-webkit-backdrop-filter: blur(0.015em);
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.1),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.225em 0.075em -0.15em rgba(15, 23, 42, 0.25),
			0 0 0.075em 0.15em inset rgba(255, 255, 255, 0.5),
			0 0 0 0 rgba(255, 255, 255, 1)
	}

		.vcard-template .fixed-button .glass-button .glass-button__control:active {
		transform: translate3d(0, 0.18em, 0) scale(0.985);
			box-shadow: inset 0 0.1875em 0.1875em rgba(15, 23, 42, 0.08),
				inset 0 -0.1875em 0.1875em rgba(255, 255, 255, 0.5),
				0 0.1875em 0.1875em -0.1875em rgba(15, 23, 42, 0.2),
			0 0 0.15em 0.375em inset rgba(255, 255, 255, 0.2),
				0 0.3375em 0.075em 0 rgba(15, 23, 42, 0.08),
			0 0.375em 0 0 rgba(255, 255, 255, 0.75),
			inset 0 0.375em 0.075em 0 rgba(15, 23, 42, 0.15)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control::before {
		--glass-angle-2: -45deg;
		content: "";
		position: absolute;
		inset: 0;
		border-radius: var(--glass-radius);
		z-index: 2;
		background: linear-gradient(var(--glass-angle-2), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 42% 50%, rgba(255, 255, 255, 0) 56%);
		background-size: 200% 200%;
		background-position: 0% 50%;
		mix-blend-mode: screen;
		opacity: 0;
		pointer-events: none;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		will-change: background-position, opacity;
		transition: background-position calc(var(--glass-hover-time) * 1.25) var(--glass-hover-ease),
			opacity var(--glass-hover-time) var(--glass-hover-ease),
			--glass-angle-2 calc(var(--glass-hover-time) * 1.25) var(--glass-hover-ease)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:hover::before,
	.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible::before {
		--glass-angle-2: -45deg;
		opacity: 1;
		background-position: 25% 50%
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:active::before {
		--glass-angle-2: -15deg;
		opacity: 1;
		background-position: 50% 15%
	}

	.vcard-template .fixed-button .glass-button .glass-button__control::after {
		content: "";
		position: absolute;
		z-index: 0;
		inset: 0;
		border-radius: var(--glass-radius);
		width: calc(100% + var(--glass-border-width));
		height: calc(100% + var(--glass-border-width));
		top: calc(0% - var(--glass-border-width) / 2);
		left: calc(0% - var(--glass-border-width) / 2);
		padding: var(--glass-border-width);
		box-sizing: border-box;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.3));
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		box-shadow: inset 0 0 0 calc(var(--glass-border-width) / 2) rgba(255, 255, 255, 0.38);
		transition: box-shadow var(--glass-hover-time) var(--glass-hover-ease),
			background var(--glass-hover-time) var(--glass-hover-ease)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:hover::after,
	.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible::after {
		box-shadow: inset 0 0 0 calc(var(--glass-border-width) / 2) rgba(255, 255, 255, 0.5)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:active::after {
		box-shadow: inset 0 0 0 calc(var(--glass-border-width) / 2) rgba(255, 255, 255, 0.5)
	}

	.vcard-template .fixed-button .glass-button .glass-button__rim {
		position: absolute;
		z-index: 1;
		inset: 0;
		border-radius: var(--glass-radius);
		width: calc(100% + var(--glass-border-width));
		height: calc(100% + var(--glass-border-width));
		top: calc(0% - var(--glass-border-width) / 2);
		left: calc(0% - var(--glass-border-width) / 2);
		padding: var(--glass-border-width);
		box-sizing: border-box;
		pointer-events: none;
		overflow: hidden;
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		will-change: opacity;
		contain: paint;
		opacity: 0.96;
		transition: opacity var(--glass-hover-time) var(--glass-hover-ease)
	}

	.vcard-template .fixed-button .glass-button .glass-button__rim::before {
		content: "";
		position: absolute;
		inset: -140%;
		background: conic-gradient(from -75deg at 50% 50%, rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0) 5% 40%, rgba(15, 23, 42, 0.45) 50%, rgba(15, 23, 42, 0) 60% 95%, rgba(15, 23, 42, 0.55));
		transform: translateZ(0) rotate(0deg);
		-webkit-transform: translateZ(0) rotate(0deg);
		transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		will-change: transform;
		transition: transform var(--glass-hover-time) var(--glass-hover-ease)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:hover .glass-button__rim,
	.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible .glass-button__rim {
		opacity: 1
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:hover .glass-button__rim::before,
	.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible .glass-button__rim::before {
		transform: translateZ(0) rotate(-50deg);
		-webkit-transform: translateZ(0) rotate(-50deg)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:active .glass-button__rim {
		opacity: 1
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:active .glass-button__rim::before {
		transform: translateZ(0) rotate(-10deg);
		-webkit-transform: translateZ(0) rotate(-10deg)
	}

	.vcard-template .fixed-button .glass-button .glass-button__content {
		position: relative;
		z-index: 3;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: max-content;
		align-items: center;
		justify-content: center;
		column-gap: 12px;
		width: 100%;
		height: 100%;
		padding: 0 28px !important;
		margin: 0 !important;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0.01em;
		line-height: 1 !important;
		text-transform: none !important;
		text-shadow: 0 0.34em 0.11em rgba(15, 23, 42, 0.16);
		transition: text-shadow var(--glass-hover-time) var(--glass-hover-ease)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:hover .glass-button__content,
	.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible .glass-button__content {
		text-shadow: 0 0.22em 0.08em rgba(15, 23, 42, 0.28)
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:active .glass-button__content,
	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:active) .glass-button__content {
		text-shadow: 0 0.16em 0.06em rgba(15, 23, 42, 0.32)
	}

	.vcard-template .fixed-button .glass-button .glass-button__label {
		display: block;
		margin: 0 !important;
		padding: 0 !important;
		position: static !important;
		line-height: 1 !important;
		font-size: inherit !important;
		font-weight: inherit;
		text-transform: none !important;
		white-space: nowrap;
		color: inherit !important
	}

	.vcard-template .fixed-button .glass-button .glass-button__content i {
		position: static !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 22px;
		min-width: 22px;
		height: 22px;
		font-size: 22px;
		line-height: 1 !important;
		color: inherit !important;
		top: auto !important;
		left: auto !important;
		margin: 0 !important;
		padding: 0 !important
	}

	.vcard-template .fixed-button .glass-button .glass-button__content i:before {
		line-height: 1
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible {
		outline: none
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:hover+.button-shadow::after,
	.vcard-template .fixed-button .glass-button .glass-button__control:focus-visible+.button-shadow::after,
	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:hover) .button-shadow::after,
	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:focus-visible) .button-shadow::after {
		top: calc(var(--glass-shadow-fix) - 0.875em);
		opacity: 1
	}

	.vcard-template .fixed-button .glass-button .glass-button__control:active+.button-shadow::after,
	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:active) .button-shadow::after {
		top: calc(var(--glass-shadow-fix) - 0.5em);
		opacity: 0.75
	}

	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:hover) .button-shadow,
	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:focus-visible) .button-shadow {
		filter: blur(clamp(2px, 0.0625em, 6px))
	}

	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:active) {
		transform: rotate3d(1, 0, 0, 25deg)
	}

	.vcard-template .fixed-button .glass-button .button-wrap:has(.glass-button__control:active) .button-shadow {
		filter: blur(clamp(2px, 0.125em, 12px))
	}

		@media (max-width:666px) {
			.vcard-template .fixed-button,
			.vcard-template .fixed-button--share-button {
				position: relative !important;
			bottom: auto !important;
			right: auto !important;
			width: 100% !important;
			padding: 0 20px !important
		}

		.vcard-template .fixed-button>.fabs {
			position: relative;
			right: auto;
			width: 100%;
			max-width: none;
			float: none;
			margin: 0
		}

		.vcard-template .fixed-button .fab {
			width: 100%;
			min-height: 56px;
			height: auto;
			border-radius: 4px;
			margin: 16px 0 0;
			padding: 16px 20px;
			display: flex;
			align-items: center;
			justify-content: center
		}

		.vcard-template .fixed-button .fab .hidden-xs {
			display: inline-flex !important;
			align-items: center;
			justify-content: center;
			gap: 12px;
			line-height: 1.2;
			padding-left: 0;
			white-space: normal;
			text-align: center
		}

		.vcard-template .fixed-button .fab .hidden-xs i {
			position: static;
			font-size: 26px;
			top: auto;
			left: auto
		}

		.vcard-template .fixed-button .fab .visible-xs {
			display: none !important
		}

		.vcard-template .fixed-button .fab>i {
			line-height: 1
		}

		.vcard-template .fixed-button .glass-button {
			--glass-height: 58px
		}

		.vcard-template .fixed-button .glass-button .glass-button__content {
			font-size: 14px;
			column-gap: 10px;
			padding: 0 24px !important
		}

			.vcard-template .fixed-button .glass-button .glass-button__content i {
				width: 20px;
				min-width: 20px;
				height: 20px;
				font-size: 20px
			}

			#dvcard-details .contactData-container.fixed-button>.fabs,
			#dvcard-details .share-container.fixed-button>.fabs {
				right: auto !important;
				left: auto !important;
				margin-left: auto !important;
				margin-right: auto !important
			}
		}

		@media (max-width:480px) {
			.vcard-template .vcard-body .vcard-row {
				padding: 18px 16px 18px 60px
		}

		.vcard-template .vcard-body .vcard-row i:not(.iconFab) {
			left: 16px
		}

		.socialMedia-container {
			padding: 0;
			--social-btn-size: 52px;
			--social-icon-size: calc(var(--social-btn-size) * 0.78)
		}

		.socialMedia-container label {
			padding-left: 30px;
			margin-bottom: 28px !important
		}

		.socialMedia-container .channels-padding {
			gap: 14px
		}

			.vcard-template .vcard-body .contactData-container.fixed-button,
			.vcard-template .vcard-body .share-container.fixed-button {
				padding: 0 16px !important
			}

			.vcard-template .vcard-body .contactData-container.fixed-button>.fabs,
			.vcard-template .vcard-body .share-container.fixed-button>.fabs {
				margin-bottom: 20px
			}

			.staff-paper-effect-wrapper {
				padding: 0 16px
			}
		}

	.vcard-template.style2 .vcard-header .vcard-header-wrapper {
		position: relative
	}

		.vcard-template.style2 {
			min-height: 100vh;
			min-height: 100svh;
			min-height: 100dvh;
			min-height: -webkit-fill-available;
			display: flex;
			flex-direction: column;
			background: #f7f7f7
		}

	.vcard-template.style2>.page-home {
		flex: 1 0 auto
	}

	.vcard-template.style2>.vcard-credit {
		margin-top: auto
	}

	.vcard-template .vcard-header .vcard-lang-toggle.fixed-button {
		position: absolute !important;
		top: 16px;
		right: 16px;
		bottom: auto !important;
		width: auto !important;
		padding: 0 !important;
		z-index: 40
	}

	.vcard-template .vcard-header .vcard-lang-toggle.fixed-button>.fabs {
		position: relative;
		right: auto;
		left: auto;
		margin: 0;
		width: auto;
		max-width: none;
		float: none
	}

	.vcard-template .vcard-header .vcard-lang-toggle .glass-button {
		--glass-height: 42px;
		width: 118px
	}

	.vcard-template .vcard-header .vcard-lang-toggle .glass-button--lang {
		--glass-fill: linear-gradient(-75deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.1)), rgba(255, 255, 255, 0.16);
		--glass-shadow: linear-gradient(180deg, rgba(15, 23, 42, 0.34), rgba(15, 23, 42, 0.1))
	}

	.vcard-template .vcard-header .vcard-lang-toggle .glass-button .glass-button__content {
		font-size: 12px;
		column-gap: 8px;
		padding: 0 16px !important;
		text-shadow: 0 0.28em 0.1em rgba(15, 23, 42, 0.16)
	}

	.vcard-template .vcard-header .vcard-lang-toggle .glass-button .glass-button__content i {
		width: 18px;
		min-width: 18px;
		height: 18px;
		font-size: 18px
	}

	.vcard-template .vcard-header .vcard-lang-toggle .glass-button .glass-button__label {
		letter-spacing: 0.08em
	}

		.vcard-credit {
			position: relative;
			left: auto;
			right: auto;
			bottom: auto;
			width: 100%;
			margin: 0;
			padding: 0;
			z-index: 1
		}

		.vcard-credit__link {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			min-height: var(--vcard-credit-height);
			padding: 14px 32px calc(14px + env(safe-area-inset-bottom)) 100px;
			text-decoration: none;
			text-align: left;
			background: #1f1f1f;
			border-radius: 0;
			border-top: 1px solid rgba(255, 255, 255, 0.04);
			box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.03), 0 -10px 24px rgba(0, 0, 0, 0.08)
		}

		.vcard-credit__link::before {
			content: none
		}

		.vcard-credit__text {
			display: block;
			font-size: clamp(10px, 0.82vw + 7px, 15px);
			font-weight: 700;
			line-height: 1.1;
			white-space: nowrap;
			letter-spacing: 0;
			word-spacing: 0;
			font-family: 'Maison Neue', 'PingFang TC', 'Microsoft JhengHei', 'Helvetica Neue', Arial, sans-serif;
			font-kerning: none;
			font-variant-ligatures: none;
			-webkit-font-smoothing: antialiased;
			background: linear-gradient(-45deg, #ffffff 0%, #0c71c3 35%, #00abdb 68%, #1d2054 100%);
			background-size: 300% 300%;
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			animation: vcard-credit-flow 10s linear infinite
		}

		.vcard-credit__link:hover,
		.vcard-credit__link:focus-visible {
			background: #232323;
			box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.04), 0 -12px 28px rgba(0, 0, 0, 0.1)
		}

		@keyframes vcard-credit-flow {
			0% {
				background-position: 0% 50%
			}

				100% {
					background-position: 100% 50%
				}
			}

		.vcard-not-found-body {
			margin: 0;
			padding: 0;
			background: #f2f4f8
		}

		.vcard-not-found-shell {
			min-height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 24px
		}

		.vcard-not-found-card {
			width: min(520px, 100%);
			padding: 30px 26px;
			border-radius: 18px;
			background: #fff;
			border: 1px solid rgba(15, 23, 42, 0.08);
			box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
			text-align: center
		}

		.vcard-not-found-card h1 {
			margin: 0;
			font-size: 52px;
			line-height: 1;
			color: #0c71c3
		}

		.vcard-not-found-title {
			margin: 12px 0 8px;
			font-size: 20px;
			font-weight: 700;
			color: #111827
		}

		.vcard-not-found-detail {
			margin: 0;
			font-size: 15px;
			color: #4b5563
		}

			@media (max-width:690px) {
			html,
			body,
			#dvcard-body,
			.vcard-template,
			.vcard-template .vcard-body-wrapper,
			.vcard-template .vcard-body {
				max-width: 100%;
				overflow-x: hidden;
				overscroll-behavior-x: none
			}

			.vcard-template .vcard-body {
				height: auto;
				min-height: 100%;
			}

				body {
					--vcard-credit-height: 40px;
					padding-bottom: 0;
					touch-action: pan-y
				}

			.vcard-template .vcard-header .vcard-lang-toggle.fixed-button {
				top: 14px;
				right: 14px
		}

		.vcard-template .vcard-header .vcard-lang-toggle .glass-button {
			--glass-height: 40px;
			width: 108px
		}

		.vcard-template .vcard-header .vcard-lang-toggle .glass-button .glass-button__content {
			font-size: 11px;
			padding: 0 14px !important
		}

			.vcard-credit {
				position: relative;
				left: auto;
				right: auto;
				bottom: auto;
				width: 100%;
				margin-top: 0;
				padding: 0;
				z-index: 1
			}

					.vcard-credit__link {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 100%;
						height: var(--vcard-credit-height);
						min-height: 0;
						padding: 0 8px;
						text-align: center;
						box-sizing: border-box
					}

					.vcard-credit__text {
						width: 100%;
						margin: 0 auto;
						text-align: center;
						transform: none
					}

			#toast-container.toast-center-mobile {
				width: min(360px, calc(100vw - 24px))
			}

			#toast-container.toast-center-mobile>div {
				min-height: 60px;
				padding: 16px 20px !important
			}

				#toast-container.toast-center-mobile .toast-message {
					font-size: 15px
				}

					.share-status-toast {
						width: min(360px, calc(100vw - 24px));
						min-height: 60px;
					padding: 0 20px
				}

				.share-status-toast__message {
					font-size: 15px
				}
			}

	@media (max-width:666px) {
		.vcard-template .vcard-header .vcard-lang-toggle.fixed-button {
			position: absolute !important;
			top: 14px;
			right: 14px !important;
			bottom: auto !important;
			width: auto !important;
			padding: 0 !important
		}

		.vcard-template .vcard-header .vcard-lang-toggle.fixed-button>.fabs {
			right: auto
		}
	}

		@media (max-width:480px) {
				body {
					--vcard-credit-height: 31px;
					padding-bottom: 0
				}

			.vcard-template .vcard-header .vcard-lang-toggle .glass-button {
				width: 98px
			}

		.vcard-template .vcard-header .vcard-lang-toggle .glass-button .glass-button__content i {
			width: 16px;
			min-width: 16px;
			height: 16px;
			font-size: 16px
		}

			.vcard-credit__text {
				font-size: 6.6px;
				line-height: 1.05
			}

			#toast-container.toast-center-mobile {
				width: min(320px, calc(100vw - 20px))
			}

			#toast-container.toast-center-mobile>div {
				min-height: 58px;
				padding: 15px 16px !important
			}

			#toast-container.toast-center-mobile .toast-message {
				column-gap: 10px;
				font-size: 14px
			}

				#toast-container>.toast-success .toast-message::before {
					font-size: 28px
				}

				.share-status-toast {
					width: min(320px, calc(100vw - 20px));
					min-height: 58px;
					padding: 0 16px;
					column-gap: 10px
				}

				.share-status-toast__icon {
					font-size: 38px
				}

				.share-status-toast__message {
					font-size: 14px
				}
			}

		@media (max-width:360px) {
			.vcard-credit__text {
				font-size: 5.7px
			}
		}

	@media (max-width:690px) {
		.staff-paper-section {
			max-width: 100%;
			height: 418px
		}

		.staff-paper-interaction-zone {
			inset: 18% 12% 9%
		}
	}

	@media (prefers-reduced-motion:reduce) {
		.staff-paper-app canvas {
			animation: none !important
		}
	}