@import url('https://rsms.me/inter/inter.css');
@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}
@font-face {
font-family: 'Friz Quadrata Bold Italic OS';
font-style: normal;
font-weight: normal;
src: local('Friz Quadrata Bold Italic OS'), url('../fonts/friz-quadrata-bold-italic-os-5870341205e0f.woff') format('woff');
}


.demo-1 {
	--color-text: #fff;
	--color-bg: #222;
	--color-link: #ffffff;
	--color-link-hover: #fff;
	--color-info: #efc453;
	--glitch-width: 100vw;
	--glitch-height: 100vh;
	--gap-horizontal: 10px;
	--gap-vertical: 5px;
	--time-anim: 4s;
	--delay-anim: 2s;
	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: none;
	--blend-mode-4: none;
	--blend-mode-5: overlay;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: transparent;
	--blend-color-4: transparent;
	--blend-color-5: #af4949;
}

.imgloaded .content__title {
	animation-name: glitch-anim-text;
	animation-duration: var(--time-anim);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.sns.mobile {
    display: none;
}





nav{
	width: 100%;
	text-align: left;
	padding: 15px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000!important;

	mix-blend-mode: exclusion;
	background-blend-mode: exclusion;
}

nav a, .sns.mobile a{
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px 10px;
	padding-bottom: 3px;
	display: inline-block;
	line-height: 40px;
    vertical-align: top;
    font-family: 'Krona One', sans-serif;
    color: white;

    mix-blend-mode: exclusion;
	background-blend-mode: exclusion;
}

nav a:active, nav a:visited, .sns.mobile a:active, .sns.mobile a:visited{
	color: white;
}

nav a:hover, .sns.mobile a:hover{
	opacity: 0.7;
}

nav .sns{
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 20px;
}

.sns__mobile{ display: none; }

main{ overflow: hidden!important; }

.content{
	/*clip-path: polygon(0 0, 100% 0%, 100% 70%, 0 90%);*/
}

.separator{
	display: block;
	content: ' ';
	height: 600px;
	clip-path: polygon(0 30%, 100% 0, 100% 70%, 0% 100%);
	background-image: url('../img/img2.jpg');
	background-size: cover;
	background-position: center center;
}
.separator_container{
	filter: blur(5px);
	opacity: 0.3;
	mix-blend-mode: exclusion;
    background-blend-mode: exclusion;
    overflow: hidden;

    position: relative;
    z-index: 1!important;
}


#profile{
	position: relative;
	z-index: 1000000!important;
}

.content__title {
	font-size: 7vw;
	margin: 5vh 0 0 0;
	position: relative;
	font-family: 'Krona One', sans-serif;
	letter-spacing: 4px;
	animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.2);
}
.content__subtitle {
	display: block;
	text-align: center!important;
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
	font-weight: normal!important;
	font-size: 12px!important;
	margin-bottom: 20px;
}

h2.content__sectiontitle{
	font-family: 'Krona One', sans-serif;
	letter-spacing: 2px;
	font-size: 3vw!important;
	margin-bottom: 15px;
}

.content__text {
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
	font-size: 0.9em;
	line-height: 1.7;
	position: relative;
	top: 6em;
	left: 10vw;
	max-width: 500px;
	text-align: left;
	font-weight: 400;
	margin-bottom: 100px;
	z-index: 1000000!important;

	mix-blend-mode: exclusion;
    background-blend-mode: exclusion;
}


.profile__row{
	width: calc(100% - 20vw + 20px);
	position: relative;
	margin: 25px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-between;
}

.profile__item{
	position: relative;
    vertical-align: top;
   overflow: hidden;

    flex-basis: calc(25% - 20px);
    margin: 0px 10px 20px 10px;
}
.profile__item:last-child{
	margin-right: 0px;
}

.profile__item img{
	position: relative;
	width: 100%;
	z-index: 9999!important;
}
#member img{
	position: relative;
	transition-property: opacity, width, margin, top, right;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	/*clip-path: polygon(90% 0, 100% 8%, 100% 100%, 10% 100%, 0 92%, 0 0);*/
}

div.member_info{
	display: inline-block;
	content: ' ';
	opacity: 0;
	position: absolute;
	bottom: 3px;
	left: -20px;
	width: calc(100% - 40px);
	padding: 20px;
	font-size: 12px;
	z-index: 100000!important;

	transition-property: opacity, left;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
div.member_info p{
	font-family: 'Inter', 'Noto Sans JP', sans-serif!important;
	font-size: 12px;
	line-height: 21px;
	margin: 8px 0px;
}

#momo{ border-left: 1px solid limegreen; }
#gringo{ border-left: 1px solid gold; }
#kyuuri{ border-left: 1px solid mediumpurple; }
#reishit{ border-left: 1px solid red; }
#maccha{ border-left: 1px solid pink; }
#kurimu{ border-left: 1px solid white; }
#remon{ border-left: 1px solid orange; }
#mizu{ border-left: 1px solid skyblue; }

#member{
	text-align: left; overflow: hidden;
}
#member div.member_info{ text-align: left; }

.name{
	font-family: 'Krona One', vdl-logojrblack, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
}
.name a{
color: #fff!important;
}

#member:hover img{
	opacity: 0.7;
    margin: auto;
}
#member:hover div.member_info{
	opacity: 1;
	left: 20px;
}



.news{
    background-color: white;
    color: #222;
    padding: 10px 20px 10px 20px;
    mix-blend-mode: exclusion;
    background-blend-mode: exclusion;
    margin-bottom: 20px;
}

.news__date{ line-height: 42px; font-weight: bold; display: inline-block; vertical-align: top; }
.news__content{
    max-width: 370px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    padding: 9px 20px 9px 20px;
}
.news__content a{
    color: #000;
}
.news__content a.news__link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: #000;
    color: white;
    line-height: 24px;
    margin: 10px 0px 0px 0px;
}
.news__content a:hover{
    opacity: 0.7;
}

.content__text#video{
    max-width: 100%;
}
.video{
    width: calc(100% - 20vw);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}
.video__item{
    width: calc(50% - 15px);
}
.video__item:first-child{
    margin-right: 30px;
}


a.contact__link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: white;
    color: black;
    line-height: 24px;
    margin: 0px;
}
a.contact__link:hover{
    opacity: 0.7;
}

.contact__info{
    font-size: 11px;
    line-height: 18px;
    margin-top: 100px;
}

@media screen and (max-width: 1024px) {
    div.member_info{
        left: 10px;
        padding: 5px 10px;
        width: calc(100% - 20px);
        font-size: 10px;
    }
    .name{ font-size: 14px; }
}


@media only screen and (device-width: 1024px) and (orientation: landscape){
    div.member_info{
bottom: 3px;
opacity: 1;
background-color: transparent;
        left: 10px;
        padding: 5px 10px;
        width: calc(100% - 20px);
        font-size: 10px;
    }
    .name{ font-size: 14px; }
}


@media screen and (max-width: 768px) {

    nav .sns{display: none;}

    .sns__mobile{
        text-align: center;
        display: block;
        position: fixed;
        right: 10px;
        bottom: 0px;
        width: 44px;
    }
    .sns__mobile a{
        display: inline-block;
        width: 44px;
        height: 44px;
    }

    nav{
        text-align: center;
    }
    nav a:first-child{
        display: block;
        height: 34px;

    }
    nav a:first-child img{
        height: 34px;
        width: auto;
    }

	.glitch{
		max-height: 500px;
		width: 100%!important;
	}

    .content{
        height: 500px;
        margin-top: 80px;
    }

    .content__title {
        font-size: 14vw;
        margin: 10vh 0 0 0;
    }

    h2.content__sectiontitle {
        font-size: 7vw!important;
        margin-bottom: 10px;
    }

	.content__text {
		position: relative;
		max-width: 345px;
		font-size: 12px;
		padding: 0 1em;
		text-align: left;
        top: 2em;
        left: 15px;
	}

    .content__text#profile{
        margin-bottom: 50px;
    }
    .profile__row{
        width: calc(100% - 30px);
    }
    .profile__item{
        flex-basis: calc(50% - 20px);
    }

    #member img{ opacity: 0.7; }
    div.member_info{
        opacity: 1;
        background-color: transparent;
        bottom: 3px;
        left: 8px;
        padding: 4px 8px;
        width: calc(100% - 8px);
        font-size: 10px;
    }
    .name{ font-size: 10px; }
    #tinko .name{ font-size: 11px; }
    .news__content{
        padding: 0px 0px 8px 0px;
    }
    div.member_info p{
    	font-size: 10px;
    	line-height: 16px;
    	margin: 4px 0px;
    }

    .video{ flex-flow: row wrap; width: calc(100% - 30px); }
    .video__item{ width: 100%; margin-right: 0px!important; margin-bottom: 30px; }
}


@media screen and (max-width: 414px) {
nav a, .sns.mobile a{
	text-transform: uppercase;
	font-size: 12px;
}
.content__text#about {
    top: -4em;
}
.content__title {
    font-size: 14vw;
    letter-spacing: 5px;
    margin: -10vh 0 0 0;
}
.glitch {
    height: 420px!important;
}
}




/* Glitch styles */
.glitch {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--glitch-width);
	height: var(--glitch-height);
	overflow: hidden;
}

.glitch__img {
	position: absolute;
	top: calc(-1 * var(--gap-vertical));
	left: calc(-1 * var(--gap-horizontal));
	width: calc(100% + var(--gap-horizontal) * 2);
	height: calc(100% + var(--gap-vertical) * 2);
	background: url(../img/img7.png) no-repeat 50% 0;
	background-color: var(--blend-color-1);
	background-size: cover;
	transform: translate3d(0,0,0);
	background-blend-mode: var(--blend-mode-1);
}

.glitch__img:nth-child(n+2) {
	opacity: 0;
}

.imgloaded .glitch__img:nth-child(n+2) {
	animation-duration: var(--time-anim);
	animation-delay: var(--delay-anim);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.imgloaded .glitch__img:nth-child(2) {
	background-color: var(--blend-color-2);
	background-blend-mode: var(--blend-mode-2);
	animation-name: glitch-anim-1;
}

.imgloaded .glitch__img:nth-child(3) {
	background-color: var(--blend-color-3);
	background-blend-mode: var(--blend-mode-3);
	animation-name: glitch-anim-2;
}

.imgloaded .glitch__img:nth-child(4) {
	background-color: var(--blend-color-4);
	background-blend-mode: var(--blend-mode-4);
	animation-name: glitch-anim-3;
}

.imgloaded .glitch__img:nth-child(5) {
	background-color: var(--blend-color-5);
	background-blend-mode: var(--blend-mode-5);
	animation-name: glitch-anim-flash;
}

/* Animations */

@keyframes glitch-anim-1 {
	0% {
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	2% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	4% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	8% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	10% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	12% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	14% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	16% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	18% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-2 {
	0% {
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	3% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	7% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	9% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	11% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	13% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	19% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-3 {
	0% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	1.5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	2% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	2.5% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	3% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	5.5% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	7% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	8% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	9% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	10.5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	11% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	13% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	14% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	14.5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	15% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	16% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	18% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-text {
	0% {
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Flash */
@keyframes glitch-anim-flash {
	0%, 5% {
		opacity: 0.2;
		transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	5.5%, 100% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2019-9-6 13:13:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * @animation flicker-in-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}