@charset "UTF-8";

.premium-atext__switch .premium-atext__wrapper:not(.premium-atext__typing) .premium-atext__text {
	opacity: 0;
	display: inline-block;
	text-align: center;
}

.premium-atext__switch .premium-atext__typing .premium-atext__text:empty::before {
	content: "​";
}

.premium-atext__wrapper {
	position: relative;
}

.premium-atext__headline {
	display: block;
	font-size: 43px;
}

.premium-atext__shape .premium-atext__text svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: visible;
}

.premium-atext__shape .premium-atext__text svg path {
	stroke: #3baede;
	stroke-width: 9;
	fill: none;
	opacity: 0;
	stroke-dasharray: 0 1500;
	-webkit-transition: .3s;
	transition: .3s;
}

.premium-atext__shape.draw-shape svg path {
	-webkit-animation: pa-shape-draw var(--pa-animation-duration, 1.2s) forwards ease 1;
	animation: pa-shape-draw var(--pa-animation-duration, 1.2s) forwards ease 1;
}

.premium-atext__shape.draw-shape svg path:nth-of-type(2) {
	-webkit-animation-delay: -webkit-calc(var(--pa-animation-duration, 1.2s) / 2);
	animation-delay: calc(var(--pa-animation-duration, 1.2s) / 2);
}

.premium-atext__shape.hide-shape svg path {
	opacity: 1;
	stroke-dasharray: 1500 1500;
	-webkit-animation: pa-shape-hide .4s forwards ease 1;
	animation: pa-shape-hide .4s forwards ease 1;
}

@-webkit-keyframes pa-text-shadow {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc);
	}
	
	20% {
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em);
		text-shadow: 0 .125em 0 var(--pa-atext-fc), 0 .25em 0 var(--pa-atext-sc), 0 -.125em 0 var(--pa-atext-tc), 0 -.25em 0 var(--pa-atext-foc);
	}
	
	40% {
		-webkit-transform: translateY(.5em);
		transform: translateY(.5em);
		text-shadow: 0 -.0625em 0 var(--pa-atext-fc), 0 -.125em 0 var(--pa-atext-sc), 0 .0625em 0 var(--pa-atext-tc), 0 .125em 0 var(--pa-atext-foc);
	}
	
	60% {
		-webkit-transform: translateY(-.25em);
		transform: translateY(-.25em);
		text-shadow: 0 .03125em 0 var(--pa-atext-fc), 0 .0625em 0 var(--pa-atext-sc), 0 -.03125em 0 var(--pa-atext-tc), 0 -.0625em 0 var(--pa-atext-foc);
	}
	
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc);
	}
}

@keyframes pa-text-shadow {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc);
	}
	
	20% {
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em);
		text-shadow: 0 .125em 0 var(--pa-atext-fc), 0 .25em 0 var(--pa-atext-sc), 0 -.125em 0 var(--pa-atext-tc), 0 -.25em 0 var(--pa-atext-foc);
	}
	
	40% {
		-webkit-transform: translateY(.5em);
		transform: translateY(.5em);
		text-shadow: 0 -.0625em 0 var(--pa-atext-fc), 0 -.125em 0 var(--pa-atext-sc), 0 .0625em 0 var(--pa-atext-tc), 0 .125em 0 var(--pa-atext-foc);
	}
	
	60% {
		-webkit-transform: translateY(-.25em);
		transform: translateY(-.25em);
		text-shadow: 0 .03125em 0 var(--pa-atext-fc), 0 .0625em 0 var(--pa-atext-sc), 0 -.03125em 0 var(--pa-atext-tc), 0 -.0625em 0 var(--pa-atext-foc);
	}
	
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc);
	}
}

@-webkit-keyframes pa-pattern {
	0% {
		background-position: 0 0;
	}
	
	0% {
		background-position: 100% -100%;
	}
}

@keyframes pa-pattern {
	0% {
		background-position: 0 0;
	}
	
	0% {
		background-position: 100% -100%;
	}
}

@-webkit-keyframes pa-fill {
	0% {
		background-position: 0 50%;
	}
	
	50% {
		background-position: 100% 50%;
	}
	
	100% {
		background-position: 0 50%;
	}
}

@keyframes pa-fill {
	0% {
		background-position: 0 50%;
	}
	
	50% {
		background-position: 100% 50%;
	}
	
	100% {
		background-position: 0 50%;
	}
}

@-webkit-keyframes pa-tilt {
	0% {
		-webkit-transform: rotateZ(-15deg);
		transform: rotateZ(-15deg);
	}
	
	50% {
		-webkit-transform: rotateZ(15deg);
		transform: rotateZ(15deg);
	}
	
	100% {
		-webkit-transform: rotateZ(-15deg);
		transform: rotateZ(-15deg);
	}
}

@keyframes pa-tilt {
	0% {
		-webkit-transform: rotateZ(-15deg);
		transform: rotateZ(-15deg);
	}
	
	50% {
		-webkit-transform: rotateZ(15deg);
		transform: rotateZ(15deg);
	}
	
	100% {
		-webkit-transform: rotateZ(-15deg);
		transform: rotateZ(-15deg);
	}
}

@-webkit-keyframes pa-flip {
	0% {
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}
	
	50% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
	
	100% {
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}
}

@keyframes pa-flip {
	0% {
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}
	
	50% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
	
	100% {
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}
}

@-webkit-keyframes pa-wave {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	
	50% {
		-webkit-transform: translateY(-1rem);
		transform: translateY(-1rem);
	}
}

@keyframes pa-wave {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	
	50% {
		-webkit-transform: translateY(-1rem);
		transform: translateY(-1rem);
	}
}

@-webkit-keyframes pa-pop {
	0% {
		-webkit-transform: rotateZ(5deg) scale(.75) translateY(0);
		transform: rotateZ(5deg) scale(.75) translateY(0);
		opacity: .1;
	}
	
	50% {
		-webkit-transform: rotateZ(-5deg) scale(1) translateY(-.5em);
		transform: rotateZ(-5deg) scale(1) translateY(-.5em);
		opacity: 1;
	}
	
	100% {
		-webkit-transform: rotateZ(5deg) scale(.75) translateY(0);
		transform: rotateZ(5deg) scale(.75) translateY(0);
		opacity: .1;
	}
}

@keyframes pa-pop {
	0% {
		-webkit-transform: rotateZ(5deg) scale(.75) translateY(0);
		transform: rotateZ(5deg) scale(.75) translateY(0);
		opacity: .1;
	}
	
	50% {
		-webkit-transform: rotateZ(-5deg) scale(1) translateY(-.5em);
		transform: rotateZ(-5deg) scale(1) translateY(-.5em);
		opacity: 1;
	}
	
	100% {
		-webkit-transform: rotateZ(5deg) scale(.75) translateY(0);
		transform: rotateZ(5deg) scale(.75) translateY(0);
		opacity: .1;
	}
}

@-webkit-keyframes pa-lines {
	100% {
		stroke-dashoffset: -400;
	}
}

@keyframes pa-lines {
	100% {
		stroke-dashoffset: -400;
	}
}

@-webkit-keyframes pa-shape-draw {
	0% {
		stroke-dasharray: 0 1500;
		opacity: 1;
	}
	
	100% {
		stroke-dasharray: 1500 1500;
		opacity: 1;
	}
}

@keyframes pa-shape-draw {
	0% {
		stroke-dasharray: 0 1500;
		opacity: 1;
	}
	
	100% {
		stroke-dasharray: 1500 1500;
		opacity: 1;
	}
}

@-webkit-keyframes pa-shape-hide {
	0% {
		stroke-dasharray: 1500 1500;
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-filter: blur(10px);
		filter: blur(10px);
	}
}

@keyframes pa-shape-hide {
	0% {
		stroke-dasharray: 1500 1500;
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-filter: blur(10px);
		filter: blur(10px);
	}
}

@-webkit-keyframes pa-reveal {
	0% {
		background-size: 0;
		background-position-y: 0%;
	}
	
	10% {
		background-size: 30px;
		background-position-y: 0%;
	}
	
	35%, 45% {
		background-position-y: 100%;
	}
	
	70% {
		background-size: 30px;
		background-position-y: 0%;
	}
	
	100% {
		background-size: 200px;
	}
}

@keyframes pa-reveal {
	0% {
		background-size: 0;
		background-position-y: 0%;
	}
	
	10% {
		background-size: 30px;
		background-position-y: 0%;
	}
	
	35%, 45% {
		background-position-y: 100%;
	}
	
	70% {
		background-size: 30px;
		background-position-y: 0%;
	}
	
	100% {
		background-size: 200px;
	}
}

@-webkit-keyframes pa-loading-bar {
	0% {
		width: 0;
	}
	
	100% {
		width: 100;
	}
}

@keyframes pa-loading-bar {
	0% {
		width: 0;
	}
	
	100% {
		width: 100;
	}
}

@-webkit-keyframes pa-zoom-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(100px);
		transform: translateZ(100px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes pa-zoom-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(100px);
		transform: translateZ(100px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@-webkit-keyframes pa-zoom-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateZ(-100px);
		transform: translateZ(-100px);
	}
}

@keyframes pa-zoom-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateZ(-100px);
		transform: translateZ(-100px);
	}
}

@-webkit-keyframes pa-rotate-in {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	
	35% {
		opacity: 0;
		-webkit-transform: rotateX(120deg);
		transform: rotateX(120deg);
	}
	
	65% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
	}
}

@keyframes pa-rotate-in {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	
	35% {
		opacity: 0;
		-webkit-transform: rotateX(120deg);
		transform: rotateX(120deg);
	}
	
	65% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
	}
}

@-webkit-keyframes pa-rotate-out {
	0% {
		opacity: 1;
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}
	
	35% {
		opacity: 1;
		-webkit-transform: rotateX(-40deg);
		transform: rotateX(-40deg);
	}
	
	65% {
		opacity: 0;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
}

@keyframes pa-rotate-out {
	0% {
		opacity: 1;
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}
	
	35% {
		opacity: 1;
		-webkit-transform: rotateX(-40deg);
		transform: rotateX(-40deg);
	}
	
	65% {
		opacity: 0;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}