.qi-templates-popup-holder {
	position: fixed;
	bottom: 10px;
	left: 10px;
	/* width: 380px; */
	z-index: 10000;
	background-color: #000;
	padding: 15px 23px;
	visibility: hidden;
	opacity: 0;
	transform: scale3d(.96, .96, .96);
	transition: transform .33s ease-out, opacity .33s cubic-bezier(0.22, 0.61, 0.36, 1), visibility 0s .4s;
}

.qi-templates-popup-opened .qi-templates-popup-holder {
	opacity: 1;
	transform: scale3d(1, 1, 1);
	visibility: visible;
	transition-duration: .45s, .33s, 0.1s;
	transition-delay: .01s, .01s, .01s;
}

.qi-templates-popup-close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	color: #fff;
	width: 13px;
	height: 13px;
	line-height: 13px;
	transition: color .3s ease-out;
}

.qi-templates-popup-close:hover {
	color: #fff;
}

.qi-templates-popup-close svg {
	stroke: currentColor;
	fill: currentColor;
	width: 13px;
	height: 13px;
}

.qi-templates-popup-content-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qi-templates-popup-content-image img {
	display: inline-block;
	vertical-align: middle;
}

.qi-templates-popup-content-text {
	flex: 1;
	padding: 0px 35px 0 15px;
}

.qi-templates-popup-content-text p {
	color: #fff;
	font-family: "DM Sans", sans-serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 24px;
	margin: 10px 0;
	text-transform: none;
	letter-spacing: 0;
}

@keyframes qi-templates-popup-underline-multiline-thick {
	0% {
		background-size: 100% 95%;
		background-position-x: right
	}
	38% {
		background-size: 0 95%;
		background-position-x: right
	}
	39% {
		background-size: 0 95%;
		background-position-x: left
	}
	100% {
		background-size: 100% 95%;
		background-position-x: left
	}
}

.qi-templates-popup-content-text p a {
	color: #fff;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - .07em), currentColor .07em);
	background-size: 100% 95%;
	text-decoration: none;
}

.qi-templates-popup-content-text p a:hover {
	animation: qi-templates-popup-underline-multiline-thick 1.1s cubic-bezier(.32, .32, .15, 1.17) forwards;
}

@media only screen and (max-width: 480px) {
	.qi-templates-popup-holder {
		width: calc(100% - 20px);
	}

	.qi-templates-popup-content-text {
		padding: 0 0 0 15px;
	}
}

@media only screen and (max-width: 400px) {
	.qi-templates-popup-content-text p {
		font-size: 14px;
		line-height: 22px;
	}
}