.ui-mobile-promoter__popup {
	padding: 27px 34px 28px 157px !important;
}

.ui-mobile-promoter__popup .popup-window-content {
	display: flex;
	flex-direction: column;
	overflow: visible !important;
}

.ui-mobile-promoter__popup.--right-bottom {
	left: unset !important;
	top: unset !important;
}

.ui-mobile-promoter__popup-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.ui-mobile-promoter__popup-wrap {
	display: flex;
	flex: 1;
	position: relative;
}

.ui-mobile-promoter__popup-phone-box {
	position: absolute;
	width: 181px;
	height: 372px;
	left: -202px;
	top: 50%;
	transform: translateY(-50%);
	background: url(images/phone.png);
	background-size: cover;
}

.ui-mobile-promoter__popup-phone {
	position: absolute;
	left: 9px;
	top: 9px;
	display: block;
	width: 165px;
	height: 354px;
	border-radius: 21px;
	overflow: hidden;
}

.ui-mobile-promoter__popup-qr-overlay {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	box-sizing: border-box;
	padding-bottom: 37px;
	position: absolute;
	top: 79px;
	left: 24px;
	width: 137px;
	height: 137px;
	z-index: 9;
	background: url(images/qr-overlay.svg) center no-repeat;
	background-size: 100%;
	transform: scale3d(1,1,1);
	opacity: 1;
	transition: .15s;
}

.ui-mobile-promoter__popup-qr-overlay.--hide {
	transform: scale3d(1.02,1.02,1.02);
	opacity: 0;
}

.ui-mobile-promoter__popup-qr {
	position: absolute;
	top: 81px;
	left: 26px;
	width: 133px;
	height: 133px;
	border-radius: 7px;
	border: 5px solid #fff;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	opacity: 1;
}

.ui-mobile-promoter__popup-wrap.--qr-hide .ui-mobile-promoter__popup-qr {
	opacity: 0;
}

.ui-mobile-promoter__popup-qr img {
	-webkit-backface-visibility: hidden;
	image-rendering: auto;
	transform: translateZ(0);
}

.ui-mobile-promoter__popup-title {
	display: block;
	margin-bottom: 10px;
	font-size: var(--ui-font-size-5xl);
	font-weight: var(--ui-font-weight-medium);
	line-height: var(--ui-font-line-height-3xs);
	color: var(--ui-color-text-primary);
}

.ui-mobile-promoter__popup-list {
	padding-left: 0;
	margin-bottom: 21px;
}

.ui-mobile-promoter__popup-list-item {
	position: relative;
	display: block;
	margin-bottom: 12px;
	padding-left: 14px;
	font-size: var(--ui-font-size-xl);
	color: var(--ui-color-text-primary);
	list-style: none;
	letter-spacing: -.2px;
}

.ui-mobile-promoter__popup-list-item:before {
	position: absolute;
	content: '';
	top: 5px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: var(--ui-border-radius-circle);
	background: linear-gradient(345.27deg, #1250AD 0%, #0652C5 24.47%, #0273E8 52.53%, #139FE7 76.16%, #4DE5AF 97.22%);
}

.ui-mobile-promoter__popup-list-item:last-child {
	margin-bottom: 0;
}

.ui-mobile-promoter__popup-list-afterlist {
	margin-top: auto;
}

.ui-mobile-promoter__popup-desc {
	display: block;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: var(--ui-font-size-xs);
	color: var(--ui-color-base-80);
	letter-spacing: -.7px;
}

.ui-mobile-promoter__popup-info {
	display: flex;
	align-items: center;
	padding: 5px;
	font-weight: var(--ui-font-weight-medium);
	font-size: var(--ui-font-size-xs);
	color: #0b66c3;
	border-radius: var(--ui-border-radius-sm);
	background: var(--ui-color-palette-blue-15);
	letter-spacing: -.6px;
	box-sizing: border-box;
}

.ui-mobile-promoter__popup-qr.--qr-animation {
	animation: invitation-pressure-qr-animation 2s cubic-bezier(0, 0, .58, 1) forwards;
}

@keyframes invitation-pressure-qr-animation {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(1);
	}
}