.animation.top{
	height:364px;
	position:relative;
	width: 285px;
	margin: auto;
}
@keyframes show {
  from {opacity:0;transform:scale(0.8);}
  to {opacity:1;transform:scale(1);}
}
.show{
	opacity:0;
	transform:scale(0.95);
}
.show.it{
	animation-name:show;
	animation-duration:0.5s;
	animation-fill-mode: forwards;
}

.animation.top>.actor{
	z-index:2;
	position:absolute;
	text-align:center;
	left:0;
	right:0;
}
.animation.top>.actor>span{
	font-size:8pt;
	font-weight:bold;
	background:#FFF;
	color:#000;
	display:inline-block;
	padding:4px 8px;
	border-radius:4px;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
}

@keyframes lineAnim {
  from {background-position:0 0px;}
  to {background-position:0 150px;}
}

.animation.top .lines{
	position:absolute;
	inset:0;
}

.animation.top .line{
	z-index:1;
	position:absolute;
	width:1px;
	left:50%;
	
	box-shadow:0 0 0 1px var(--theme-shade);
	
	background: linear-gradient(0deg,#fff 0%, transparent 20%),linear-gradient(0deg,var(--theme-shade) 0%, var(--theme-shade) 100%);
	background-position:0 0px;
	background-size: 1px 150px;
	animation: linear 1s lineAnim infinite;
	transform-origin: 0 0;
}