@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lilita+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Passion+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Creepster&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bangers&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Amaranth:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caprasimo&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Changa+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Changa+One&family=Cherry+Bomb+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Londrina+Solid&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Paytone+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Francois+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bowlby+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playwrite+IT+Moderna:wght@100..400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,1000;1,1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,900;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lilita+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

input {
  user-select: text;
}

html,
body {
  margin: 0;
}

a {
  text-decoration: none;
  color: black;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}

img,
a img {
  border: none;
}

/* PAGE VIDEO */
@font-face {
  font-family: "made-tommy-medium";
  src: url("style/img/font/made-tommy-medium.otf");
}
/*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
$font-family: 'Rubik', sans-serif;*/
@font-face {
  font-family: "Komika";
  src: url("/style/img/font/komika.ttf");
}
@font-face {
  font-family: "Rocher";
  src: url("style/img/font/RocherColorGX.woff2");
}
.rocher {
  font-family: "Rocher";
  text-transform: none;
}

@font-palette-values --Rocher1 {
  font-family: Rocher;
  base-palette: 1;
}
.rocher1 {
  font-palette: --Rocher1;
}

@font-palette-values --Rocher2 {
  font-family: Rocher;
  base-palette: 2;
}
.rocher2 {
  font-palette: --Rocher2;
}

@font-palette-values --Rocher3 {
  font-family: Rocher;
  base-palette: 3;
}
.rocher3 {
  font-palette: --Rocher3;
}

@font-palette-values --Rocher4 {
  font-family: Rocher;
  base-palette: 4;
}
.rocher4 {
  font-palette: --Rocher4;
}

@font-palette-values --Rocher5 {
  font-family: Rocher;
  base-palette: 5;
}
.rocher5 {
  font-palette: --Rocher5;
}

@font-palette-values --Rocher6 {
  font-family: Rocher;
  base-palette: 6;
}
.rocher6 {
  font-palette: --Rocher6;
}

@font-palette-values --Rocher7 {
  font-family: Rocher;
  base-palette: 7;
}
.rocher7 {
  font-palette: --Rocher7;
}

@font-palette-values --Rocher8 {
  font-family: Rocher;
  base-palette: 8;
}
.rocher8 {
  font-palette: --Rocher8;
}

@font-palette-values --Rocher9 {
  font-family: Rocher;
  base-palette: 9;
}
.rocher9 {
  font-palette: --Rocher9;
}

@font-palette-values --Rocher10 {
  font-family: Rocher;
  base-palette: 10;
}
.rocher10 {
  font-palette: --Rocher10;
}

/*$text-shadow-m2: 0em 0.03em 0 rgba(0, 0, 0, 0.8), 0em 0.05em 0.05em rgba(0, 0, 0, 0.6);
$text-shadow-s: 0em .05em 0 rgba(black, .25);
$text-shadow-m: 0em .075em 0 rgba(black, .35);
$text-shadow-xl: $text-shadow-m;*/
/*$colorsV2: (
  "1" #01B4D9 #298BFF, // blue
  "2" #CEAE02 #FFA41F, // yellow
  "3" #A32FD5 #A701FF, // purple
  "4" #1FB090 #169e73, // green
  "5" #FE7433 #eb5d1a, // orange
);*/
body.page-video {
  width: 1920px;
  height: 1080px;
}
body.page-video::-webkit-scrollbar {
  display: none;
}
body.page-video.display-cursor {
  cursor: default !important;
}
body.page-video.end-video {
  filter: brightness(0.2);
  transition: 0s;
}
body.page-video.before-start {
  opacity: 0.15;
  transition: 0s;
  filter: brightness(0.2);
}
body.page-video .preload-image {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: -1;
}
body.page-video.format-type-short {
  width: 1080px;
  height: 1920px;
}
body.page-video.format-type-short .video {
  width: 1080px;
  height: 1920px;
}
body.page-video.format-type-short .navigate {
  height: 130px;
  transform: translateY(-100%);
}
body.page-video .video {
  background-color: #EEE;
  position: absolute;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  font-size: 1em;
  line-height: 1.025em;
  font-family: "Poppins";
  color: white;
  font-weight: 700;
  letter-spacing: 0em;
  display: inline-block;
}
body.page-video .video.capital-WORDS {
  text-transform: capitalize;
}
body.page-video .video.capital-ALL {
  text-transform: uppercase;
}
body.page-video .video.is-preview {
  overflow: visible;
  filter: none;
}
body.page-video .video.title-capital-WORDS .question-title {
  text-transform: capitalize !important;
}
body.page-video .video.title-capital-ALL .question-title {
  text-transform: uppercase !important;
}
body.page-video .video * {
  user-select: none;
}
body.page-video .video .full {
  position: absolute;
  width: 100%;
  height: 100%;
}
body.page-video .video .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}
body.page-video .video .slide.animations-pause * {
  animation-play-state: paused;
}
body.page-video .video .slide.visible {
  display: block;
}
body.page-video .video .slide.visible * {
  will-change: auto;
}
body.page-video .video .slide.visible-preload {
  display: block;
  opacity: 0;
}
body.page-video .video .slide.visible-preload * {
  animation-play-state: paused !important;
  will-change: auto;
}
body.page-video .video .slide > .slide-in {
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
body.page-video .video .sameLine {
  display: inline-block;
  white-space: nowrap;
}
body.page-video .video .color-sub1 {
  color: #fefc02;
}
body.page-video .video .color-sub2 {
  color: #6BE5EB;
}
body.page-video .video .color-sub3 {
  color: #45FF02;
}
body.page-video .video .color-sub4 {
  color: #f73527;
}
body.page-video .video .color-sub5 {
  color: #ff35fd;
}
body.page-video .video .color-sub6 {
  color: #c000ff;
}
body.page-video .video .fit {
  height: 100%;
  width: 100%;
  position: relative;
}
body.page-video .video .text {
  overflow: visible;
}
body.page-video .video .text-xs {
  font-size: 4em;
  line-height: 1.025em;
}
body.page-video .video .text-s {
  font-size: 5em;
  line-height: 1.025em;
}
body.page-video .video .text-m {
  font-size: 6em;
  line-height: 1.025em;
}
body.page-video .video .text-l {
  font-size: 7em;
  line-height: 1.025em;
}
body.page-video .video .text-xl {
  font-size: 8em;
  line-height: 1.025em;
}
body.page-video .video .text-2xl {
  font-size: 9em;
  line-height: 1.025em;
}
body.page-video .video .text-3xl {
  font-size: 10em;
  line-height: 1.025em;
}
body.page-video .video .text-4xl {
  font-size: 12em;
  line-height: 1.025em;
}
body.page-video .video .text-5xl {
  font-size: 14em;
  line-height: 1.025em;
}
body.page-video .video .text-6xl {
  font-size: 17em;
  line-height: 1.025em;
}
body.page-video .video .font-Komika .text-xs {
  font-size: 4em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-s {
  font-size: 5em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-m {
  font-size: 6em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-l {
  font-size: 7em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-xl {
  font-size: 8em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-2xl {
  font-size: 9em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-3xl {
  font-size: 10em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-4xl {
  font-size: 12em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-5xl {
  font-size: 14em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-6xl {
  font-size: 17em;
  line-height: 1.28125em;
}
body.page-video .video .font-Komika .text-xs, body.page-video .video .font-Komika .text-s, body.page-video .video .font-Komika .text-m, body.page-video .video .font-Komika .text-l, body.page-video .video .font-Komika .text-xl, body.page-video .video .font-Komika .text-2xl, body.page-video .video .font-Komika .text-3xl, body.page-video .video .font-Komika .text-4xl, body.page-video .video .font-Komika .text-5xl {
  margin-top: -0.35em;
}
body.page-video .video .size-xs {
  font-size: 0.6em;
  line-height: 1.025em;
}
body.page-video .video .size-s {
  font-size: 0.7em;
  line-height: 1.025em;
}
body.page-video .video .size-m {
  font-size: 0.8em;
  line-height: 1.025em;
}
body.page-video .video .size-l {
  font-size: 1.33em;
  line-height: 1.025em;
}
body.page-video .video .size-xl {
  font-size: 1.6em;
  line-height: 1.025em;
}
body.page-video .video .size-2xl {
  font-size: 2em;
  line-height: 1.025em;
}
body.page-video .video .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
body.page-video .video .same-line {
  white-space: nowrap;
}
body.page-video .video .image-shadow-jpeg {
  box-shadow: 0 0 0 8px white, 6px 6px 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
body.page-video .video .image-shadow {
  filter: drop-shadow(0px 0.3em 0px white) drop-shadow(0px -0.3em 0px white) drop-shadow(0 0px 0px white) drop-shadow(0.3em 0.3em 0px white) drop-shadow(0.3em -0.3em 0px white) drop-shadow(0.3em 0 0px white) drop-shadow(-0.3em 0.3em 0px white) drop-shadow(-0.3em -0.3em 0px white) drop-shadow(-0.3em 0px 0px white) drop-shadow(0.8em 0.8em 0 rgba(0, 0, 0, 0.2));
}
body.page-video .video .image-shadow-small {
  filter: drop-shadow(0px 0.2em 0px white) drop-shadow(0px -0.2em 0px white) drop-shadow(0 0px 0px white) drop-shadow(0.2em 0.2em 0px white) drop-shadow(0.2em -0.2em 0px white) drop-shadow(0.2em 0 0px white) drop-shadow(-0.2em 0.2em 0px white) drop-shadow(-0.2em -0.2em 0px white) drop-shadow(-0.2em 0px 0px white) drop-shadow(0.6em 0.6em 0 rgba(0, 0, 0, 0.2));
}
body.page-video .video .image-shadow-xsmall {
  filter: drop-shadow(0px 0.15em 0px white) drop-shadow(0px -0.15em 0px white) drop-shadow(0 0px 0px white) drop-shadow(0.15em 0.15em 0px white) drop-shadow(0.15em -0.15em 0px white) drop-shadow(0.15em 0 0px white) drop-shadow(-0.15em 0.15em 0px white) drop-shadow(-0.15em -0.15em 0px white) drop-shadow(-0.15em 0px 0px white) drop-shadow(0 0.15em 0.5em rgba(0, 0, 0, 0.2));
}
body.page-video .video .image-shadow2 {
  filter: drop-shadow(0 0.3em 0em rgba(0, 0, 0, 0.2)) drop-shadow(0 0.3em 0.7em rgba(0, 0, 0, 0.3));
}
body.page-video .video .image-height-larger {
  width: auto;
  height: 100%;
}
body.page-video .video .uppercase {
  text-transform: uppercase;
}
body.page-video .video .karaoke-line {
  display: inline-block;
  white-space: nowrap;
  background-color: white;
  background-image: linear-gradient(to right, #fefc02, #fefc02);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 0%;
  background-position: 0 0;
  animation-name: karaoke-line;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
@keyframes karaoke-line {
  100% {
    background-size: 100%;
  }
}
body.page-video.format-type-short .navigate {
  height: 150px;
  transform: none;
  background: linear-gradient(to bottom, rgba(128, 128, 128, 0), rgba(0, 0, 0, 0.75));
  padding: 20px 0;
}
body.page-video.format-type-short .navigate > .element {
  min-width: 150px;
  max-width: 150px;
  height: 150px;
}
body.page-video.format-type-short .navigate > .element.is-mute {
  top: 20px;
}
body.page-video.format-type-short .navigate > .element.is-mute.muted > svg {
  stroke: #ff0000;
}
body.page-video.format-type-short .navigate > .element.is-mute:nth-child(2) {
  left: 120px;
}
body.page-video.format-type-short .navigate > .element.is-mute:nth-child(3) {
  left: 240px;
}
body.page-video.format-type-short .navigate > .element > svg {
  stroke: white;
}

.navigate {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  background-color: white;
  z-index: 10000;
  width: 100%;
  height: 216px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 50px 0 white;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.navigate.loading {
  pointer-events: none;
}
.navigate > .element {
  min-width: 190px;
  max-width: 190px;
  height: 190px;
  margin: 0;
  cursor: pointer;
  position: relative;
  opacity: 0.5;
}
.navigate > .element.is-mute {
  position: absolute;
  left: 0;
  top: 0;
}
.navigate > .element.is-mute:nth-child(2) {
  left: 190px;
}
.navigate > .element.is-mute:nth-child(3) {
  left: 380px;
}
.navigate > .element.is-mute > svg {
  width: 60%;
  height: 60%;
}
.navigate > .element.is-mute.muted > svg {
  stroke: #ff0000;
}
.navigate > .element:hover {
  opacity: 1;
}
.navigate > .element > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  fill: none;
  stroke-width: 2;
  stroke: black;
}

.delay0 {
  animation-delay: 0s;
}

.delay-0 {
  animation-delay: 0s;
}

.duration0 {
  animation-duration: 0s;
}

.delay10 {
  animation-delay: 0.1s;
}

.delay-10 {
  animation-delay: -0.1s;
}

.duration10 {
  animation-duration: 0.1s;
}

.delay20 {
  animation-delay: 0.2s;
}

.delay-20 {
  animation-delay: -0.2s;
}

.duration20 {
  animation-duration: 0.2s;
}

.delay30 {
  animation-delay: 0.3s;
}

.delay-30 {
  animation-delay: -0.3s;
}

.duration30 {
  animation-duration: 0.3s;
}

.delay40 {
  animation-delay: 0.4s;
}

.delay-40 {
  animation-delay: -0.4s;
}

.duration40 {
  animation-duration: 0.4s;
}

.delay50 {
  animation-delay: 0.5s;
}

.delay-50 {
  animation-delay: -0.5s;
}

.duration50 {
  animation-duration: 0.5s;
}

.delay60 {
  animation-delay: 0.6s;
}

.delay-60 {
  animation-delay: -0.6s;
}

.duration60 {
  animation-duration: 0.6s;
}

.delay70 {
  animation-delay: 0.7s;
}

.delay-70 {
  animation-delay: -0.7s;
}

.duration70 {
  animation-duration: 0.7s;
}

.delay80 {
  animation-delay: 0.8s;
}

.delay-80 {
  animation-delay: -0.8s;
}

.duration80 {
  animation-duration: 0.8s;
}

.delay90 {
  animation-delay: 0.9s;
}

.delay-90 {
  animation-delay: -0.9s;
}

.duration90 {
  animation-duration: 0.9s;
}

.delay100 {
  animation-delay: 1s;
}

.delay-100 {
  animation-delay: -1s;
}

.duration100 {
  animation-duration: 1s;
}

.delay110 {
  animation-delay: 1.1s;
}

.delay-110 {
  animation-delay: -1.1s;
}

.duration110 {
  animation-duration: 1.1s;
}

.delay120 {
  animation-delay: 1.2s;
}

.delay-120 {
  animation-delay: -1.2s;
}

.duration120 {
  animation-duration: 1.2s;
}

.delay130 {
  animation-delay: 1.3s;
}

.delay-130 {
  animation-delay: -1.3s;
}

.duration130 {
  animation-duration: 1.3s;
}

.delay140 {
  animation-delay: 1.4s;
}

.delay-140 {
  animation-delay: -1.4s;
}

.duration140 {
  animation-duration: 1.4s;
}

.delay150 {
  animation-delay: 1.5s;
}

.delay-150 {
  animation-delay: -1.5s;
}

.duration150 {
  animation-duration: 1.5s;
}

.delay160 {
  animation-delay: 1.6s;
}

.delay-160 {
  animation-delay: -1.6s;
}

.duration160 {
  animation-duration: 1.6s;
}

.delay170 {
  animation-delay: 1.7s;
}

.delay-170 {
  animation-delay: -1.7s;
}

.duration170 {
  animation-duration: 1.7s;
}

.delay180 {
  animation-delay: 1.8s;
}

.delay-180 {
  animation-delay: -1.8s;
}

.duration180 {
  animation-duration: 1.8s;
}

.delay190 {
  animation-delay: 1.9s;
}

.delay-190 {
  animation-delay: -1.9s;
}

.duration190 {
  animation-duration: 1.9s;
}

.delay200 {
  animation-delay: 2s;
}

.delay-200 {
  animation-delay: -2s;
}

.duration200 {
  animation-duration: 2s;
}

.delay210 {
  animation-delay: 2.1s;
}

.delay-210 {
  animation-delay: -2.1s;
}

.duration210 {
  animation-duration: 2.1s;
}

.delay220 {
  animation-delay: 2.2s;
}

.delay-220 {
  animation-delay: -2.2s;
}

.duration220 {
  animation-duration: 2.2s;
}

.delay230 {
  animation-delay: 2.3s;
}

.delay-230 {
  animation-delay: -2.3s;
}

.duration230 {
  animation-duration: 2.3s;
}

.delay240 {
  animation-delay: 2.4s;
}

.delay-240 {
  animation-delay: -2.4s;
}

.duration240 {
  animation-duration: 2.4s;
}

.delay250 {
  animation-delay: 2.5s;
}

.delay-250 {
  animation-delay: -2.5s;
}

.duration250 {
  animation-duration: 2.5s;
}

.delay260 {
  animation-delay: 2.6s;
}

.delay-260 {
  animation-delay: -2.6s;
}

.duration260 {
  animation-duration: 2.6s;
}

.delay270 {
  animation-delay: 2.7s;
}

.delay-270 {
  animation-delay: -2.7s;
}

.duration270 {
  animation-duration: 2.7s;
}

.delay280 {
  animation-delay: 2.8s;
}

.delay-280 {
  animation-delay: -2.8s;
}

.duration280 {
  animation-duration: 2.8s;
}

.delay290 {
  animation-delay: 2.9s;
}

.delay-290 {
  animation-delay: -2.9s;
}

.duration290 {
  animation-duration: 2.9s;
}

.delay300 {
  animation-delay: 3s;
}

.delay-300 {
  animation-delay: -3s;
}

.duration300 {
  animation-duration: 3s;
}

.delay310 {
  animation-delay: 3.1s;
}

.delay-310 {
  animation-delay: -3.1s;
}

.duration310 {
  animation-duration: 3.1s;
}

.delay320 {
  animation-delay: 3.2s;
}

.delay-320 {
  animation-delay: -3.2s;
}

.duration320 {
  animation-duration: 3.2s;
}

.delay330 {
  animation-delay: 3.3s;
}

.delay-330 {
  animation-delay: -3.3s;
}

.duration330 {
  animation-duration: 3.3s;
}

.delay340 {
  animation-delay: 3.4s;
}

.delay-340 {
  animation-delay: -3.4s;
}

.duration340 {
  animation-duration: 3.4s;
}

.delay350 {
  animation-delay: 3.5s;
}

.delay-350 {
  animation-delay: -3.5s;
}

.duration350 {
  animation-duration: 3.5s;
}

.delay360 {
  animation-delay: 3.6s;
}

.delay-360 {
  animation-delay: -3.6s;
}

.duration360 {
  animation-duration: 3.6s;
}

.delay370 {
  animation-delay: 3.7s;
}

.delay-370 {
  animation-delay: -3.7s;
}

.duration370 {
  animation-duration: 3.7s;
}

.delay380 {
  animation-delay: 3.8s;
}

.delay-380 {
  animation-delay: -3.8s;
}

.duration380 {
  animation-duration: 3.8s;
}

.delay390 {
  animation-delay: 3.9s;
}

.delay-390 {
  animation-delay: -3.9s;
}

.duration390 {
  animation-duration: 3.9s;
}

.delay400 {
  animation-delay: 4s;
}

.delay-400 {
  animation-delay: -4s;
}

.duration400 {
  animation-duration: 4s;
}

.delay410 {
  animation-delay: 4.1s;
}

.delay-410 {
  animation-delay: -4.1s;
}

.duration410 {
  animation-duration: 4.1s;
}

.delay420 {
  animation-delay: 4.2s;
}

.delay-420 {
  animation-delay: -4.2s;
}

.duration420 {
  animation-duration: 4.2s;
}

.delay430 {
  animation-delay: 4.3s;
}

.delay-430 {
  animation-delay: -4.3s;
}

.duration430 {
  animation-duration: 4.3s;
}

.delay440 {
  animation-delay: 4.4s;
}

.delay-440 {
  animation-delay: -4.4s;
}

.duration440 {
  animation-duration: 4.4s;
}

.delay450 {
  animation-delay: 4.5s;
}

.delay-450 {
  animation-delay: -4.5s;
}

.duration450 {
  animation-duration: 4.5s;
}

.delay460 {
  animation-delay: 4.6s;
}

.delay-460 {
  animation-delay: -4.6s;
}

.duration460 {
  animation-duration: 4.6s;
}

.delay470 {
  animation-delay: 4.7s;
}

.delay-470 {
  animation-delay: -4.7s;
}

.duration470 {
  animation-duration: 4.7s;
}

.delay480 {
  animation-delay: 4.8s;
}

.delay-480 {
  animation-delay: -4.8s;
}

.duration480 {
  animation-duration: 4.8s;
}

.delay490 {
  animation-delay: 4.9s;
}

.delay-490 {
  animation-delay: -4.9s;
}

.duration490 {
  animation-duration: 4.9s;
}

.delay500 {
  animation-delay: 5s;
}

.delay-500 {
  animation-delay: -5s;
}

.duration500 {
  animation-duration: 5s;
}

.delay510 {
  animation-delay: 5.1s;
}

.delay-510 {
  animation-delay: -5.1s;
}

.duration510 {
  animation-duration: 5.1s;
}

.delay520 {
  animation-delay: 5.2s;
}

.delay-520 {
  animation-delay: -5.2s;
}

.duration520 {
  animation-duration: 5.2s;
}

.delay530 {
  animation-delay: 5.3s;
}

.delay-530 {
  animation-delay: -5.3s;
}

.duration530 {
  animation-duration: 5.3s;
}

.delay540 {
  animation-delay: 5.4s;
}

.delay-540 {
  animation-delay: -5.4s;
}

.duration540 {
  animation-duration: 5.4s;
}

.delay550 {
  animation-delay: 5.5s;
}

.delay-550 {
  animation-delay: -5.5s;
}

.duration550 {
  animation-duration: 5.5s;
}

.delay560 {
  animation-delay: 5.6s;
}

.delay-560 {
  animation-delay: -5.6s;
}

.duration560 {
  animation-duration: 5.6s;
}

.delay570 {
  animation-delay: 5.7s;
}

.delay-570 {
  animation-delay: -5.7s;
}

.duration570 {
  animation-duration: 5.7s;
}

.delay580 {
  animation-delay: 5.8s;
}

.delay-580 {
  animation-delay: -5.8s;
}

.duration580 {
  animation-duration: 5.8s;
}

.delay590 {
  animation-delay: 5.9s;
}

.delay-590 {
  animation-delay: -5.9s;
}

.duration590 {
  animation-duration: 5.9s;
}

.delay600 {
  animation-delay: 6s;
}

.delay-600 {
  animation-delay: -6s;
}

.duration600 {
  animation-duration: 6s;
}

.delay610 {
  animation-delay: 6.1s;
}

.delay-610 {
  animation-delay: -6.1s;
}

.duration610 {
  animation-duration: 6.1s;
}

.delay620 {
  animation-delay: 6.2s;
}

.delay-620 {
  animation-delay: -6.2s;
}

.duration620 {
  animation-duration: 6.2s;
}

.delay630 {
  animation-delay: 6.3s;
}

.delay-630 {
  animation-delay: -6.3s;
}

.duration630 {
  animation-duration: 6.3s;
}

.delay640 {
  animation-delay: 6.4s;
}

.delay-640 {
  animation-delay: -6.4s;
}

.duration640 {
  animation-duration: 6.4s;
}

.delay650 {
  animation-delay: 6.5s;
}

.delay-650 {
  animation-delay: -6.5s;
}

.duration650 {
  animation-duration: 6.5s;
}

.delay660 {
  animation-delay: 6.6s;
}

.delay-660 {
  animation-delay: -6.6s;
}

.duration660 {
  animation-duration: 6.6s;
}

.delay670 {
  animation-delay: 6.7s;
}

.delay-670 {
  animation-delay: -6.7s;
}

.duration670 {
  animation-duration: 6.7s;
}

.delay680 {
  animation-delay: 6.8s;
}

.delay-680 {
  animation-delay: -6.8s;
}

.duration680 {
  animation-duration: 6.8s;
}

.delay690 {
  animation-delay: 6.9s;
}

.delay-690 {
  animation-delay: -6.9s;
}

.duration690 {
  animation-duration: 6.9s;
}

.delay700 {
  animation-delay: 7s;
}

.delay-700 {
  animation-delay: -7s;
}

.duration700 {
  animation-duration: 7s;
}

.delay710 {
  animation-delay: 7.1s;
}

.delay-710 {
  animation-delay: -7.1s;
}

.duration710 {
  animation-duration: 7.1s;
}

.delay720 {
  animation-delay: 7.2s;
}

.delay-720 {
  animation-delay: -7.2s;
}

.duration720 {
  animation-duration: 7.2s;
}

.delay730 {
  animation-delay: 7.3s;
}

.delay-730 {
  animation-delay: -7.3s;
}

.duration730 {
  animation-duration: 7.3s;
}

.delay740 {
  animation-delay: 7.4s;
}

.delay-740 {
  animation-delay: -7.4s;
}

.duration740 {
  animation-duration: 7.4s;
}

.delay750 {
  animation-delay: 7.5s;
}

.delay-750 {
  animation-delay: -7.5s;
}

.duration750 {
  animation-duration: 7.5s;
}

.delay760 {
  animation-delay: 7.6s;
}

.delay-760 {
  animation-delay: -7.6s;
}

.duration760 {
  animation-duration: 7.6s;
}

.delay770 {
  animation-delay: 7.7s;
}

.delay-770 {
  animation-delay: -7.7s;
}

.duration770 {
  animation-duration: 7.7s;
}

.delay780 {
  animation-delay: 7.8s;
}

.delay-780 {
  animation-delay: -7.8s;
}

.duration780 {
  animation-duration: 7.8s;
}

.delay790 {
  animation-delay: 7.9s;
}

.delay-790 {
  animation-delay: -7.9s;
}

.duration790 {
  animation-duration: 7.9s;
}

.delay800 {
  animation-delay: 8s;
}

.delay-800 {
  animation-delay: -8s;
}

.duration800 {
  animation-duration: 8s;
}

.delay810 {
  animation-delay: 8.1s;
}

.delay-810 {
  animation-delay: -8.1s;
}

.duration810 {
  animation-duration: 8.1s;
}

.delay820 {
  animation-delay: 8.2s;
}

.delay-820 {
  animation-delay: -8.2s;
}

.duration820 {
  animation-duration: 8.2s;
}

.delay830 {
  animation-delay: 8.3s;
}

.delay-830 {
  animation-delay: -8.3s;
}

.duration830 {
  animation-duration: 8.3s;
}

.delay840 {
  animation-delay: 8.4s;
}

.delay-840 {
  animation-delay: -8.4s;
}

.duration840 {
  animation-duration: 8.4s;
}

.delay850 {
  animation-delay: 8.5s;
}

.delay-850 {
  animation-delay: -8.5s;
}

.duration850 {
  animation-duration: 8.5s;
}

.delay860 {
  animation-delay: 8.6s;
}

.delay-860 {
  animation-delay: -8.6s;
}

.duration860 {
  animation-duration: 8.6s;
}

.delay870 {
  animation-delay: 8.7s;
}

.delay-870 {
  animation-delay: -8.7s;
}

.duration870 {
  animation-duration: 8.7s;
}

.delay880 {
  animation-delay: 8.8s;
}

.delay-880 {
  animation-delay: -8.8s;
}

.duration880 {
  animation-duration: 8.8s;
}

.delay890 {
  animation-delay: 8.9s;
}

.delay-890 {
  animation-delay: -8.9s;
}

.duration890 {
  animation-duration: 8.9s;
}

.delay900 {
  animation-delay: 9s;
}

.delay-900 {
  animation-delay: -9s;
}

.duration900 {
  animation-duration: 9s;
}

.delay910 {
  animation-delay: 9.1s;
}

.delay-910 {
  animation-delay: -9.1s;
}

.duration910 {
  animation-duration: 9.1s;
}

.delay920 {
  animation-delay: 9.2s;
}

.delay-920 {
  animation-delay: -9.2s;
}

.duration920 {
  animation-duration: 9.2s;
}

.delay930 {
  animation-delay: 9.3s;
}

.delay-930 {
  animation-delay: -9.3s;
}

.duration930 {
  animation-duration: 9.3s;
}

.delay940 {
  animation-delay: 9.4s;
}

.delay-940 {
  animation-delay: -9.4s;
}

.duration940 {
  animation-duration: 9.4s;
}

.delay950 {
  animation-delay: 9.5s;
}

.delay-950 {
  animation-delay: -9.5s;
}

.duration950 {
  animation-duration: 9.5s;
}

.delay960 {
  animation-delay: 9.6s;
}

.delay-960 {
  animation-delay: -9.6s;
}

.duration960 {
  animation-duration: 9.6s;
}

.delay970 {
  animation-delay: 9.7s;
}

.delay-970 {
  animation-delay: -9.7s;
}

.duration970 {
  animation-duration: 9.7s;
}

.delay980 {
  animation-delay: 9.8s;
}

.delay-980 {
  animation-delay: -9.8s;
}

.duration980 {
  animation-duration: 9.8s;
}

.delay990 {
  animation-delay: 9.9s;
}

.delay-990 {
  animation-delay: -9.9s;
}

.duration990 {
  animation-duration: 9.9s;
}

.delay1000 {
  animation-delay: 10s;
}

.delay-1000 {
  animation-delay: -10s;
}

.duration1000 {
  animation-duration: 10s;
}

.slideDown {
  animation-name: slideDown;
  animation-timing-function: ease;
  transform: scale(0);
  animation-fill-mode: forwards;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
.slideUp {
  animation-name: slideUp;
  animation-timing-function: ease;
  transform: scale(0);
  animation-fill-mode: forwards;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
.slideExpandUp {
  animation-name: slideExpandUp;
  animation-timing-function: ease-out;
  transform: scale(0);
  animation-fill-mode: forwards;
}

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}
.bigEntrance {
  animation-name: bigEntrance;
  animation-timing-function: ease-out;
  transform: scale(0);
  animation-fill-mode: forwards;
}

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
  animation-timing-function: ease-in-out;
  transform: scale(0);
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.fadeInLight {
  animation-name: fadeInLight;
  animation-timing-function: ease-in-out;
  transform: scale(0);
  animation-fill-mode: forwards;
}

@keyframes fadeInLight {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.fadeInCenter {
  animation-name: fadeInCenter;
  animation-timing-function: ease-in-out;
  transform: translate(-50%, -50%) scale(0);
  animation-fill-mode: forwards;
}

@keyframes fadeInCenter {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  80% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
.tossing {
  animation-name: tossing;
  animation-iteration-count: infinite;
  transform: rotate(-4deg);
}

@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
.tossingLight {
  animation-name: tossingLight;
  animation-iteration-count: infinite;
  transform: rotate(-1.25deg);
}

@keyframes tossingLight {
  0% {
    transform: rotate(-1.25deg);
  }
  50% {
    transform: rotate(1.25deg);
  }
  100% {
    transform: rotate(-1.25deg);
  }
}
.tossingExtraLight {
  animation-name: tossingExtraLight;
  animation-iteration-count: infinite;
  transform: rotate(-1deg);
}

@keyframes tossingExtraLight {
  0% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
.balance3d {
  animation-name: balance3d;
  animation-iteration-count: infinite;
  transform: perspective(600px) rotateY(1deg) rotate(-0.75deg) translateY(0.75%);
}

@keyframes balance3d {
  50% {
    transform: perspective(600px) rotateY(-1deg) rotate(0.75deg) translateY(-0.75%);
  }
}
.balance3d-light {
  animation-name: balance3d-light;
  animation-iteration-count: infinite;
  transform: perspective(1000px) rotateY(1deg) rotate(-0.4deg) translateY(0.4%);
}

@keyframes balance3d-light {
  50% {
    transform: perspective(1000px) rotateY(-1deg) rotate(0.4deg) translateY(-0.4%);
  }
}
.balance3d-reverse {
  animation-name: balance3d-reverse;
  animation-iteration-count: infinite;
  transform: perspective(600px) rotateY(-1deg) rotate(-0.75deg) translateY(-0.75%);
}

@keyframes balance3d-reverse {
  50% {
    transform: perspective(600px) rotateY(1deg) rotate(0.75deg) translateY(0.75%);
  }
}
.floating {
  animation-name: floating;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-timing-function: ease;
}

@keyframes floating {
  0% {
    transform: rotate(-2deg) translateY(-1.5%);
  }
  50% {
    transform: rotate(2deg) translateY(1.5%);
  }
  100% {
    transform: rotate(-2deg) translateY(-1.5%);
  }
}
.floating-light {
  animation-name: floating-light;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-timing-function: ease;
}

@keyframes floating-light {
  0% {
    transform: rotate(-1.3deg) translateY(-0.75%);
  }
  50% {
    transform: rotate(1.3deg) translateY(0.75%);
  }
  100% {
    transform: rotate(-1.3deg) translateY(-0.75%);
  }
}
.hatch {
  animation-name: hatch;
  animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  transform: scale(0);
  animation-fill-mode: forwards;
}

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  65% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.text-floating {
  animation-name: question-title;
  animation-iteration-count: infinite;
  transform: rotateY(-0.25deg) rotate(0.25deg) translateY(-0.5%);
  animation-duration: 1.5s;
}

@keyframes question-title {
  50% {
    transform: rotateY(0.25deg) rotate(-0.25deg) translateY(0.5%);
  }
}
.question-title > .in {
  animation-name: question-title-in;
  animation-iteration-count: infinite;
  transform: perspective(1000px) rotateY(0.7deg) rotate(-0.25deg) translateY(0.2%);
  animation-duration: 2.25s;
}
@keyframes question-title-in {
  50% {
    transform: perspective(1000px) rotateY(-0.7deg) rotate(0.25deg) translateY(-0.2%);
  }
}

.expandOpen {
  animation-name: expandOpen;
  animation-timing-function: ease-out;
}

@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
.flipInX {
  animation-name: flipInX;
  animation-fill-mode: forwards;
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  animation-timing-function: ease-in;
  opacity: 0;
}

@keyframes flipInX {
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
    opacity: 1;
  }
}
.video .bg > .filter {
  animation-name: bg-filter-grow;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@keyframes bg-filter-grow {
  50% {
    transform: scale(1.25);
  }
}
.video .bg.color8 > .filter, .video .bg.color10 > .filter {
  opacity: 0.15 !important;
}
.video .bg-merge2 {
  position: relative;
  display: flex;
  height: 100%;
  z-index: 10;
}
.video .bg-merge2 .bg {
  position: relative;
  width: 100%;
}
.video .bg-merge2 .bg.ray > .filter {
  background-size: 220%;
}
.video .bg-merge2 .bg:nth-child(1) {
  width: 0%;
  animation-name: bg-merge2-first-child;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes bg-merge2-first-child {
  60% {
    width: 110%;
  }
  100% {
    width: 100%;
  }
}
.video .bg-merge2 .separate {
  min-width: 0px;
  width: 0px;
  background-color: white;
  animation-name: bg-merge2-separate;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes bg-merge2-separate {
  60% {
    min-width: 0px;
    width: 0px;
  }
  100% {
    min-width: 16px;
    width: 16px;
  }
}
.video .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video .bg.color1 {
  filter: contrast(130%);
  background-color: #027fea;
}
.video .bg.color1.gradient {
  background: linear-gradient(#0287f9, #0274d6);
}
.video .bg.color1.strong-gradient {
  background: linear-gradient(10deg, #0266bc, #1d96fd);
}
.video .bg.color1.strong-gradient-reverse {
  background: linear-gradient(10deg, #0287f9, #0265ba);
}
.video .bg.color1.gradient-circle {
  background-image: radial-gradient(circle, #098cfd, #0271d1);
}
.video .bg.color2 {
  filter: contrast(130%);
  background-color: #08cbc0;
}
.video .bg.color2.gradient {
  background: linear-gradient(#09dace, #07b7ad);
}
.video .bg.color2.strong-gradient {
  background: linear-gradient(10deg, #069f96, #0bf5e8);
}
.video .bg.color2.strong-gradient-reverse {
  background: linear-gradient(10deg, #09dace, #069c94);
}
.video .bg.color2.gradient-circle {
  background-image: radial-gradient(circle, #09e4d7, #07b2a9);
}
.video .bg.color3 {
  filter: contrast(130%);
  background-color: #ffb002;
}
.video .bg.color3.gradient {
  background: linear-gradient(#ffb511, #eda300);
}
.video .bg.color3.strong-gradient {
  background: linear-gradient(10deg, #d39100, #ffbe30);
}
.video .bg.color3.strong-gradient-reverse {
  background: linear-gradient(10deg, #ffb511, #d18f00);
}
.video .bg.color3.gradient-circle {
  background-image: radial-gradient(circle, #ffb81c, #e89f00);
}
.video .bg.color4 {
  filter: contrast(130%);
  background-color: #ff7600;
}
.video .bg.color4.gradient {
  background: linear-gradient(#ff7e0f, #eb6d00);
}
.video .bg.color4.strong-gradient {
  background: linear-gradient(10deg, #d16100, #ff8f2e);
}
.video .bg.color4.strong-gradient-reverse {
  background: linear-gradient(10deg, #ff7e0f, #cf6000);
}
.video .bg.color4.gradient-circle {
  background-image: radial-gradient(circle, #ff841a, #e66a00);
}
.video .bg.color5 {
  filter: contrast(130%);
  background-color: #f12c1d;
}
.video .bg.color5.gradient {
  background: linear-gradient(#f2392b, #eb1e0f);
}
.video .bg.color5.strong-gradient {
  background: linear-gradient(10deg, #d31b0d, #f45448);
}
.video .bg.color5.strong-gradient-reverse {
  background: linear-gradient(10deg, #f2392b, #d11b0d);
}
.video .bg.color5.gradient-circle {
  background-image: radial-gradient(circle, #f24235, #e61e0e);
}
.video .bg.color6 {
  filter: contrast(130%);
  background-color: #d43f89;
}
.video .bg.color6.gradient {
  background: linear-gradient(#d74c91, #d02f7f);
}
.video .bg.color6.strong-gradient {
  background: linear-gradient(10deg, #bb2a72, #dc65a0);
}
.video .bg.color6.strong-gradient-reverse {
  background: linear-gradient(10deg, #d74c91, #b92971);
}
.video .bg.color6.gradient-circle {
  background-image: radial-gradient(circle, #d95496, #cc2e7c);
}
.video .bg.color7 {
  filter: contrast(130%);
  background-color: #5710b5;
}
.video .bg.color7.gradient {
  background: linear-gradient(#5e11c3, #4e0ea2);
}
.video .bg.color7.strong-gradient {
  background: linear-gradient(10deg, #430c8b, #6b14df);
}
.video .bg.color7.strong-gradient-reverse {
  background: linear-gradient(10deg, #5e11c3, #420c88);
}
.video .bg.color7.gradient-circle {
  background-image: radial-gradient(circle, #6212cc, #4c0e9e);
}
.video .bg.color8 {
  filter: contrast(130%);
  background-color: #222222;
}
.video .bg.color8.gradient {
  background: linear-gradient(#2a2a2a, #181818);
}
.video .bg.color8.strong-gradient {
  background: linear-gradient(10deg, #0b0b0b, #393939);
}
.video .bg.color8.strong-gradient-reverse {
  background: linear-gradient(10deg, #2a2a2a, #0a0a0a);
}
.video .bg.color8.gradient-circle {
  background-image: radial-gradient(circle, #2f2f2f, #151515);
}
.video .bg.color9 {
  filter: contrast(130%);
  background-color: #700ea3;
}
.video .bg.color9.gradient {
  background: linear-gradient(#7a0fb1, #630c90);
}
.video .bg.color9.strong-gradient {
  background: linear-gradient(10deg, #530a79, #8d12cd);
}
.video .bg.color9.strong-gradient-reverse {
  background: linear-gradient(10deg, #7a0fb1, #510a76);
}
.video .bg.color9.gradient-circle {
  background-image: radial-gradient(circle, #8010ba, #600c8c);
}
.video .bg.color10 {
  filter: contrast(130%);
  background-color: #192a56;
}
.video .bg.color10.gradient {
  background: linear-gradient(#1c3062, #142246);
}
.video .bg.color10.strong-gradient {
  background: linear-gradient(10deg, #0f1932, #233b7a);
}
.video .bg.color10.strong-gradient-reverse {
  background: linear-gradient(10deg, #1c3062, #0e1830);
}
.video .bg.color10.gradient-circle {
  background-image: radial-gradient(circle, #1f346a, #132042);
}
.video .bg.color11 {
  filter: contrast(130%);
  background-color: #14B03F;
}
.video .bg.color11.gradient {
  background: linear-gradient(#16be44, #129e38);
}
.video .bg.color11.strong-gradient {
  background: linear-gradient(10deg, #0f8730, #19d94e);
}
.video .bg.color11.strong-gradient-reverse {
  background: linear-gradient(10deg, #16be44, #0f842f);
}
.video .bg.color11.gradient-circle {
  background-image: radial-gradient(circle, #17c747, #119937);
}
.video .bg.colork1 {
  filter: contrast(130%);
  background-color: #4d9feb;
}
.video .bg.colork1.gradient {
  background: linear-gradient(#5ba6ed, #3b95e9);
}
.video .bg.colork1.strong-gradient {
  background: linear-gradient(10deg, #2489e6, #76b5f0);
}
.video .bg.colork1.strong-gradient-reverse {
  background: linear-gradient(10deg, #5ba6ed, #2188e6);
}
.video .bg.colork1.gradient-circle {
  background-image: radial-gradient(circle, #64abee, #3693e8);
}
.video .bg.colork2 {
  filter: contrast(130%);
  background-color: #40ddd2;
}
.video .bg.colork2.gradient {
  background: linear-gradient(#4ddfd5, #2fdace);
}
.video .bg.colork2.strong-gradient {
  background: linear-gradient(10deg, #24cbbf, #67e4db);
}
.video .bg.colork2.strong-gradient-reverse {
  background: linear-gradient(10deg, #4ddfd5, #24c9bd);
}
.video .bg.colork2.gradient-circle {
  background-image: radial-gradient(circle, #56e1d7, #2ad9cd);
}
.video .bg.colork3 {
  filter: contrast(130%);
  background-color: #ffba10;
}
.video .bg.colork3.gradient {
  background: linear-gradient(#ffbe1f, #fbb200);
}
.video .bg.colork3.strong-gradient {
  background: linear-gradient(10deg, #e1a000, #ffc73e);
}
.video .bg.colork3.strong-gradient-reverse {
  background: linear-gradient(10deg, #ffbe1f, #df9e00);
}
.video .bg.colork3.gradient-circle {
  background-image: radial-gradient(circle, #ffc12a, #f6af00);
}
.video .bg.colork4 {
  filter: contrast(130%);
  background-color: #ff9752;
}
.video .bg.colork4.gradient {
  background: linear-gradient(#ffa061, #ff8b3e);
}
.video .bg.colork4.strong-gradient {
  background: linear-gradient(10deg, #ff7b24, #ffb380);
}
.video .bg.colork4.strong-gradient-reverse {
  background: linear-gradient(10deg, #ffa061, #ff7a22);
}
.video .bg.colork4.gradient-circle {
  background-image: radial-gradient(circle, #ffa66c, #ff8839);
}
.video .bg.colork5 {
  filter: contrast(130%);
  background-color: #f46a45;
}
.video .bg.colork5.gradient {
  background: linear-gradient(#f57653, #f35b32);
}
.video .bg.colork5.strong-gradient {
  background: linear-gradient(10deg, #f1471a, #f78d70);
}
.video .bg.colork5.strong-gradient-reverse {
  background: linear-gradient(10deg, #f57653, #f14517);
}
.video .bg.colork5.gradient-circle {
  background-image: radial-gradient(circle, #f57d5d, #f3572d);
}
.video .bg.colork6 {
  filter: contrast(130%);
  background-color: #de6fa3;
}
.video .bg.colork6.gradient {
  background: linear-gradient(#e17bab, #da5e98);
}
.video .bg.colork6.strong-gradient {
  background: linear-gradient(10deg, #d54a8b, #e794bb);
}
.video .bg.colork6.strong-gradient-reverse {
  background: linear-gradient(10deg, #e17bab, #d5488a);
}
.video .bg.colork6.gradient-circle {
  background-image: radial-gradient(circle, #e384b0, #d95a96);
}
.video .bg.colork7 {
  filter: contrast(130%);
  background-color: #7d4bbf;
}
.video .bg.colork7.gradient {
  background: linear-gradient(#8556c3, #7340b5);
}
.video .bg.colork7.strong-gradient {
  background: linear-gradient(10deg, #673aa2, #956dcb);
}
.video .bg.colork7.strong-gradient-reverse {
  background: linear-gradient(10deg, #8556c3, #6639a0);
}
.video .bg.colork7.gradient-circle {
  background-image: radial-gradient(circle, #8b5ec6, #703fb1);
}
.video .bg.colork8 {
  filter: contrast(130%);
  background-color: #444444;
}
.video .bg.colork8.gradient {
  background: linear-gradient(#4c4c4c, #3a3a3a);
}
.video .bg.colork8.strong-gradient {
  background: linear-gradient(10deg, #2d2d2d, #5b5b5b);
}
.video .bg.colork8.strong-gradient-reverse {
  background: linear-gradient(10deg, #4c4c4c, #2c2c2c);
}
.video .bg.colork8.gradient-circle {
  background-image: radial-gradient(circle, #515151, #373737);
}
.video .bg.colork9 {
  filter: contrast(130%);
  background-color: #8b4cb5;
}
.video .bg.colork9.gradient {
  background: linear-gradient(#9257b9, #8045a7);
}
.video .bg.colork9.strong-gradient {
  background: linear-gradient(10deg, #723e95, #a06cc2);
}
.video .bg.colork9.strong-gradient-reverse {
  background: linear-gradient(10deg, #9257b9, #713d94);
}
.video .bg.colork9.gradient-circle {
  background-image: radial-gradient(circle, #975ebc, #7d44a4);
}
.video .bg.colork10 {
  filter: contrast(130%);
  background-color: #4a4f78;
}
.video .bg.colork10.gradient {
  background: linear-gradient(#505581, #42476b);
}
.video .bg.colork10.strong-gradient {
  background: linear-gradient(10deg, #383c5c, #5c6294);
}
.video .bg.colork10.strong-gradient-reverse {
  background: linear-gradient(10deg, #505581, #383b5a);
}
.video .bg.colork10.gradient-circle {
  background-image: radial-gradient(circle, #545988, #404568);
}
.video .bg.colork11 {
  filter: contrast(130%);
  background-color: #21adfe;
}
.video .bg.colork11.gradient {
  background: linear-gradient(#30b3fe, #0da5fe);
}
.video .bg.colork11.strong-gradient {
  background: linear-gradient(10deg, #0198f0, #4fbefe);
}
.video .bg.colork11.strong-gradient-reverse {
  background: linear-gradient(10deg, #30b3fe, #0197ed);
}
.video .bg.colork11.gradient-circle {
  background-image: radial-gradient(circle, #3ab6fe, #08a4fe);
}
.video .bg.color101 {
  filter: contrast(130%);
  background-color: #00AFFE;
}
.video .bg.color101.gradient {
  background: linear-gradient(#0eb4ff, #00a1ea);
}
.video .bg.color101.strong-gradient {
  background: linear-gradient(10deg, #008fd0, #2dbeff);
}
.video .bg.color101.strong-gradient-reverse {
  background: linear-gradient(10deg, #0eb4ff, #008ece);
}
.video .bg.color101.gradient-circle {
  background-image: radial-gradient(circle, #19b7ff, #009de5);
}
.video .bg.color102 {
  filter: contrast(130%);
  background-color: #ff5b01;
}
.video .bg.color102.gradient {
  background: linear-gradient(#ff6510, #ec5300);
}
.video .bg.color102.strong-gradient {
  background: linear-gradient(10deg, #d24a00, #ff792f);
}
.video .bg.color102.strong-gradient-reverse {
  background: linear-gradient(10deg, #ff6510, #d04a00);
}
.video .bg.color102.gradient-circle {
  background-image: radial-gradient(circle, #ff6b1b, #e75200);
}
.video .bg.color103 {
  filter: contrast(130%);
  background-color: #CC01FF;
}
.video .bg.color103.gradient {
  background: linear-gradient(#cf10ff, #bc00ec);
}
.video .bg.color103.strong-gradient {
  background: linear-gradient(10deg, #a800d2, #d52fff);
}
.video .bg.color103.strong-gradient-reverse {
  background: linear-gradient(10deg, #cf10ff, #a600d0);
}
.video .bg.color103.gradient-circle {
  background-image: radial-gradient(circle, #d11bff, #b800e7);
}
.video .bg.color104 {
  filter: contrast(130%);
  background-color: #03D250;
}
.video .bg.color104.gradient {
  background: linear-gradient(#03e156, #03be48);
}
.video .bg.color104.strong-gradient {
  background: linear-gradient(10deg, #02a53f, #07fb62);
}
.video .bg.color104.strong-gradient-reverse {
  background: linear-gradient(10deg, #03e156, #02a23e);
}
.video .bg.color104.gradient-circle {
  background-image: radial-gradient(circle, #03eb5a, #03b946);
}
.video .bg.color105 {
  filter: contrast(130%);
  background-color: #00CFD0;
}
.video .bg.color105.gradient {
  background: linear-gradient(#00dedf, #00bbbc);
}
.video .bg.color105.strong-gradient {
  background: linear-gradient(10deg, #00a1a2, #00fdfe);
}
.video .bg.color105.strong-gradient-reverse {
  background: linear-gradient(10deg, #00dedf, #009fa0);
}
.video .bg.color105.gradient-circle {
  background-image: radial-gradient(circle, #00e8ea, #00b6b7);
}
.video .bg.color201 {
  filter: contrast(130%);
  background-color: #6109E5;
}
.video .bg.color201.gradient {
  background: linear-gradient(#670af4, #5908d1);
}
.video .bg.color201.strong-gradient {
  background: linear-gradient(10deg, #4e07b9, #7925f6);
}
.video .bg.color201.strong-gradient-reverse {
  background: linear-gradient(10deg, #670af4, #4d07b6);
}
.video .bg.color201.gradient-circle {
  background-image: radial-gradient(circle, #6d12f6, #5708cc);
}
.video .bg.color202 {
  filter: contrast(130%);
  background-color: #0A55F8;
}
.video .bg.color202.gradient {
  background: linear-gradient(#195ff8, #074de7);
}
.video .bg.color202.strong-gradient {
  background: linear-gradient(10deg, #0645ce, #3774f9);
}
.video .bg.color202.strong-gradient-reverse {
  background: linear-gradient(10deg, #195ff8, #0644cc);
}
.video .bg.color202.gradient-circle {
  background-image: radial-gradient(circle, #2366f9, #064ce2);
}
.video .bg.color203 {
  filter: contrast(130%);
  background-color: #F10125;
}
.video .bg.color203.gradient {
  background: linear-gradient(#fe0329, #dd0122);
}
.video .bg.color203.strong-gradient {
  background: linear-gradient(10deg, #c3011e, #fe2243);
}
.video .bg.color203.strong-gradient-reverse {
  background: linear-gradient(10deg, #fe0329, #c1011e);
}
.video .bg.color203.gradient-circle {
  background-image: radial-gradient(circle, #fe0e32, #d80121);
}
.video .bg.color204 {
  filter: contrast(130%);
  background-color: #8C08C4;
}
.video .bg.color204.gradient {
  background: linear-gradient(#9709d3, #7e07b0);
}
.video .bg.color204.strong-gradient {
  background: linear-gradient(10deg, #6d0698, #ac0af0);
}
.video .bg.color204.strong-gradient-reverse {
  background: linear-gradient(10deg, #9709d3, #6b0695);
}
.video .bg.color204.gradient-circle {
  background-image: radial-gradient(circle, #9e09dd, #7b07ac);
}
.video .bg.color205 {
  filter: contrast(130%);
  background-color: #069107;
}
.video .bg.color205.gradient {
  background: linear-gradient(#07a008, #057d06);
}
.video .bg.color205.strong-gradient {
  background: linear-gradient(10deg, #046505, #08bd09);
}
.video .bg.color205.strong-gradient-reverse {
  background: linear-gradient(10deg, #07a008, #046205);
}
.video .bg.color205.gradient-circle {
  background-image: radial-gradient(circle, #07a908, #057906);
}
.video .bg.color301 {
  filter: contrast(130%);
  background-color: #3b9ff2;
}
.video .bg.color301.gradient {
  background: linear-gradient(#49a6f3, #2896f1);
}
.video .bg.color301.strong-gradient {
  background: linear-gradient(10deg, #108aef, #66b4f5);
}
.video .bg.color301.strong-gradient-reverse {
  background: linear-gradient(10deg, #49a6f3, #1089ed);
}
.video .bg.color301.gradient-circle {
  background-image: radial-gradient(circle, #53abf4, #2393f0);
}
.video .bg.color302 {
  filter: contrast(130%);
  background-color: #f77fe0;
}
.video .bg.color302.gradient {
  background: linear-gradient(#f88de3, #f66cdb);
}
.video .bg.color302.strong-gradient {
  background: linear-gradient(10deg, #f454d6, #faaaea);
}
.video .bg.color302.strong-gradient-reverse {
  background: linear-gradient(10deg, #f88de3, #f451d5);
}
.video .bg.color302.gradient-circle {
  background-image: radial-gradient(circle, #f997e6, #f667da);
}
.video .bg.color303 {
  filter: contrast(130%);
  background-color: #ffbb02;
}
.video .bg.color303.gradient {
  background: linear-gradient(#ffbf11, #edad00);
}
.video .bg.color303.strong-gradient {
  background: linear-gradient(10deg, #d39a00, #ffc730);
}
.video .bg.color303.strong-gradient-reverse {
  background: linear-gradient(10deg, #ffbf11, #d19800);
}
.video .bg.color303.gradient-circle {
  background-image: radial-gradient(circle, #ffc21c, #e8a900);
}
.video .bg.color304 {
  filter: contrast(130%);
  background-color: #4cbc53;
}
.video .bg.color304.gradient {
  background: linear-gradient(#57c05e, #42b149);
}
.video .bg.color304.strong-gradient {
  background: linear-gradient(10deg, #3b9f42, #6dc973);
}
.video .bg.color304.strong-gradient-reverse {
  background: linear-gradient(10deg, #57c05e, #3b9d41);
}
.video .bg.color304.gradient-circle {
  background-image: radial-gradient(circle, #5fc365, #41ae48);
}
.video .bg.color305 {
  filter: contrast(130%);
  background-color: #ff3d1c;
}
.video .bg.color305.gradient {
  background: linear-gradient(#ff4a2b, #ff2c08);
}
.video .bg.color305.strong-gradient {
  background: linear-gradient(10deg, #ed2200, #ff644a);
}
.video .bg.color305.strong-gradient-reverse {
  background: linear-gradient(10deg, #ff4a2b, #eb2200);
}
.video .bg.color305.gradient-circle {
  background-image: radial-gradient(circle, #ff5336, #ff2703);
}
.video .bg.color401 {
  filter: contrast(130%);
  background-color: #003cff;
}
.video .bg.color401.gradient {
  background: linear-gradient(#0f48ff, #0037eb);
}
.video .bg.color401.strong-gradient {
  background: linear-gradient(10deg, #0031d1, #2e5fff);
}
.video .bg.color401.strong-gradient-reverse {
  background: linear-gradient(10deg, #0f48ff, #0031cf);
}
.video .bg.color401.gradient-circle {
  background-image: radial-gradient(circle, #1a50ff, #0036e6);
}
.video .bg.color402 {
  filter: contrast(130%);
  background-color: #008aff;
}
.video .bg.color402.gradient {
  background: linear-gradient(#0f91ff, #007feb);
}
.video .bg.color402.strong-gradient {
  background: linear-gradient(10deg, #0071d1, #2e9fff);
}
.video .bg.color402.strong-gradient-reverse {
  background: linear-gradient(10deg, #0f91ff, #0070cf);
}
.video .bg.color402.gradient-circle {
  background-image: radial-gradient(circle, #1a96ff, #007ce6);
}
.video .bg.color403 {
  filter: contrast(130%);
  background-color: #ffbb02;
}
.video .bg.color403.gradient {
  background: linear-gradient(#ffbf11, #edad00);
}
.video .bg.color403.strong-gradient {
  background: linear-gradient(10deg, #d39a00, #ffc730);
}
.video .bg.color403.strong-gradient-reverse {
  background: linear-gradient(10deg, #ffbf11, #d19800);
}
.video .bg.color403.gradient-circle {
  background-image: radial-gradient(circle, #ffc21c, #e8a900);
}
.video .bg.color404 {
  filter: contrast(130%);
  background-color: #00ba0c;
}
.video .bg.color404.gradient {
  background: linear-gradient(#00c90d, #00a60b);
}
.video .bg.color404.strong-gradient {
  background: linear-gradient(10deg, #008c09, #00e80f);
}
.video .bg.color404.strong-gradient-reverse {
  background: linear-gradient(10deg, #00c90d, #008a09);
}
.video .bg.color404.gradient-circle {
  background-image: radial-gradient(circle, #00d40e, #00a10a);
}
.video .bg.color405 {
  filter: contrast(130%);
  background-color: #ff3d1c;
}
.video .bg.color405.gradient {
  background: linear-gradient(#ff4a2b, #ff2c08);
}
.video .bg.color405.strong-gradient {
  background: linear-gradient(10deg, #ed2200, #ff644a);
}
.video .bg.color405.strong-gradient-reverse {
  background: linear-gradient(10deg, #ff4a2b, #eb2200);
}
.video .bg.color405.gradient-circle {
  background-image: radial-gradient(circle, #ff5336, #ff2703);
}
.video .bg.color406 {
  filter: contrast(130%);
  background-color: #ff0084;
}
.video .bg.color406.gradient {
  background: linear-gradient(#ff0f8b, #eb0079);
}
.video .bg.color406.strong-gradient {
  background: linear-gradient(10deg, #d1006c, #ff2e9a);
}
.video .bg.color406.strong-gradient-reverse {
  background: linear-gradient(10deg, #ff0f8b, #cf006b);
}
.video .bg.color406.gradient-circle {
  background-image: radial-gradient(circle, #ff1a90, #e60077);
}
.video .bg.colorx1 {
  filter: contrast(130%);
  background-color: #1EB8FE;
}
.video .bg.colorx1.gradient {
  background: linear-gradient(#2dbdfe, #0ab2fe);
}
.video .bg.colorx1.strong-gradient {
  background: linear-gradient(10deg, #01a3ed, #4cc6fe);
}
.video .bg.colorx1.strong-gradient-reverse {
  background: linear-gradient(10deg, #2dbdfe, #01a2eb);
}
.video .bg.colorx1.gradient-circle {
  background-image: radial-gradient(circle, #37c0fe, #05b0fe);
}
.video .bg.colorx2 {
  filter: contrast(130%);
  background-color: #00b1ff;
}
.video .bg.colorx2.gradient {
  background: linear-gradient(#0fb6ff, #00a3eb);
}
.video .bg.colorx2.strong-gradient {
  background: linear-gradient(10deg, #0091d1, #2ebfff);
}
.video .bg.colorx2.strong-gradient-reverse {
  background: linear-gradient(10deg, #0fb6ff, #008fcf);
}
.video .bg.colorx2.gradient-circle {
  background-image: radial-gradient(circle, #1ab9ff, #009fe6);
}
.video .bg.colortiktok1 {
  filter: contrast(130%);
  background-color: #03d0ca;
}
.video .bg.colortiktok1.gradient {
  background: linear-gradient(#03dfd9, #03bcb6);
}
.video .bg.colortiktok1.strong-gradient {
  background: linear-gradient(10deg, #02a39e, #05fbf4);
}
.video .bg.colortiktok1.strong-gradient-reverse {
  background: linear-gradient(10deg, #03dfd9, #02a09c);
}
.video .bg.colortiktok1.gradient-circle {
  background-image: radial-gradient(circle, #03e9e2, #03b7b2);
}
.video .bg.colortiktok2 {
  filter: contrast(130%);
  background-color: #FF004F;
}
.video .bg.colortiktok2.gradient {
  background: linear-gradient(#ff0f5a, #eb0049);
}
.video .bg.colortiktok2.strong-gradient {
  background: linear-gradient(10deg, #d10041, #ff2e6f);
}
.video .bg.colortiktok2.strong-gradient-reverse {
  background: linear-gradient(10deg, #ff0f5a, #cf0040);
}
.video .bg.colortiktok2.gradient-circle {
  background-image: radial-gradient(circle, #ff1a61, #e60047);
}
.video .bg.colora1 {
  filter: contrast(130%);
  background-color: #069BFF;
}
.video .bg.colora1.gradient {
  background: linear-gradient(#15a1ff, #0090f1);
}
.video .bg.colora1.strong-gradient {
  background: linear-gradient(10deg, #0081d7, #34adff);
}
.video .bg.colora1.strong-gradient-reverse {
  background: linear-gradient(10deg, #15a1ff, #007fd5);
}
.video .bg.colora1.gradient-circle {
  background-image: radial-gradient(circle, #20a5ff, #008dec);
}
.video .bg.colora2 {
  filter: contrast(130%);
  background-color: #FEB11C;
}
.video .bg.colora2.gradient {
  background: linear-gradient(#feb62b, #feaa08);
}
.video .bg.colora2.strong-gradient {
  background: linear-gradient(10deg, #eb9b01, #fec14a);
}
.video .bg.colora2.strong-gradient-reverse {
  background: linear-gradient(10deg, #feb62b, #e99a01);
}
.video .bg.colora2.gradient-circle {
  background-image: radial-gradient(circle, #feba35, #fea803);
}
.video .bg.colora3 {
  filter: contrast(130%);
  background-color: #A151F6;
}
.video .bg.colora3.gradient {
  background: linear-gradient(#a960f7, #973ef5);
}
.video .bg.colora3.strong-gradient {
  background: linear-gradient(10deg, #8925f4, #b97df8);
}
.video .bg.colora3.strong-gradient-reverse {
  background: linear-gradient(10deg, #a960f7, #8823f4);
}
.video .bg.colora3.gradient-circle {
  background-image: radial-gradient(circle, #ae69f7, #9439f5);
}
.video .bg.colora4 {
  filter: contrast(130%);
  background-color: #17A888;
}
.video .bg.colora4.gradient {
  background: linear-gradient(#19b593, #159679);
}
.video .bg.colora4.strong-gradient {
  background: linear-gradient(10deg, #118067, #1dd0a9);
}
.video .bg.colora4.strong-gradient-reverse {
  background: linear-gradient(10deg, #19b593, #117d66);
}
.video .bg.colora4.gradient-circle {
  background-image: radial-gradient(circle, #1abe9a, #149276);
}
.video .bg.colora5 {
  filter: contrast(130%);
  background-color: #EB6491;
}
.video .bg.colora5.gradient {
  background: linear-gradient(#ed729b, #e95284);
}
.video .bg.colora5.strong-gradient {
  background: linear-gradient(10deg, #e63b74, #f08dae);
}
.video .bg.colora5.strong-gradient-reverse {
  background: linear-gradient(10deg, #ed729b, #e53973);
}
.video .bg.colora5.gradient-circle {
  background-image: radial-gradient(circle, #ee7ba1, #e84d81);
}
.video .bg.colorchristmas1 {
  filter: contrast(130%);
  background-color: #F41213;
}
.video .bg.colorchristmas1.gradient {
  background: linear-gradient(#f52122, #e70b0c);
}
.video .bg.colorchristmas1.strong-gradient {
  background: linear-gradient(10deg, #cf0a0a, #f63e3f);
}
.video .bg.colorchristmas1.strong-gradient-reverse {
  background: linear-gradient(10deg, #f52122, #cc090a);
}
.video .bg.colorchristmas1.gradient-circle {
  background-image: radial-gradient(circle, #f52a2b, #e20a0b);
}
.video .bg.color-8, .video .bg.color-10 {
  filter: none;
}
.video .bg.bg-video {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
  filter: blur(15px);
}
.video .bg.bg-video > video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .bg.bg-video > .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.video .bg.bg-image {
  width: 102%;
  height: 102%;
  left: -1%;
  top: -1%;
}
.video .bg.bg-image .image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.video .bg.shapes svg {
  stroke: white;
  fill: white;
  position: absolute;
  bottom: -100%;
  opacity: 0.15;
  width: 110px;
  height: 110px;
  transform-style: preserve-3d;
}
.video .bg.shapes svg:nth-child(1) {
  left: 18%;
  animation: raise1 25s linear infinite;
  animation-delay: -49s;
  transform: scale(-0.3) rotate(69deg);
  z-index: -6;
  filter: blur(-5px);
}
@keyframes raise1 {
  to {
    bottom: 150%;
    transform: scale(-0.3) rotate(168deg);
  }
}
.video .bg.shapes svg:nth-child(2) {
  left: 82%;
  animation: raise2 27s linear infinite;
  animation-delay: -48s;
  transform: scale(0) rotate(324deg);
  z-index: -5;
  filter: blur(-4px);
}
@keyframes raise2 {
  to {
    bottom: 150%;
    transform: scale(0) rotate(8deg);
  }
}
.video .bg.shapes svg:nth-child(3) {
  left: -3%;
  animation: raise3 29s linear infinite;
  animation-delay: -46s;
  transform: scale(0.3) rotate(307deg);
  z-index: -4;
  filter: blur(-3px);
}
@keyframes raise3 {
  to {
    bottom: 150%;
    transform: scale(0.3) rotate(160deg);
  }
}
.video .bg.shapes svg:nth-child(4) {
  left: 83%;
  animation: raise4 29s linear infinite;
  animation-delay: -48s;
  transform: scale(0.6) rotate(354deg);
  z-index: -3;
  filter: blur(-2px);
}
@keyframes raise4 {
  to {
    bottom: 150%;
    transform: scale(0.6) rotate(199deg);
  }
}
.video .bg.shapes svg:nth-child(5) {
  left: 23%;
  animation: raise5 30s linear infinite;
  animation-delay: -45s;
  transform: scale(0.9) rotate(297deg);
  z-index: -2;
  filter: blur(-1px);
}
@keyframes raise5 {
  to {
    bottom: 150%;
    transform: scale(0.9) rotate(222deg);
  }
}
.video .bg.shapes svg:nth-child(6) {
  left: 52%;
  animation: raise6 17s linear infinite;
  animation-delay: -45s;
  transform: scale(1.2) rotate(98deg);
  z-index: -1;
  filter: blur(0px);
}
@keyframes raise6 {
  to {
    bottom: 150%;
    transform: scale(1.2) rotate(77deg);
  }
}
.video .bg.shapes svg:nth-child(7) {
  left: -6%;
  animation: raise7 28s linear infinite;
  animation-delay: -47s;
  transform: scale(1.5) rotate(287deg);
  z-index: 0;
  filter: blur(1px);
}
@keyframes raise7 {
  to {
    bottom: 150%;
    transform: scale(1.5) rotate(46deg);
  }
}
.video .bg.shapes svg:nth-child(8) {
  left: -3%;
  animation: raise8 21s linear infinite;
  animation-delay: -49s;
  transform: scale(1.8) rotate(354deg);
  z-index: 1;
  filter: blur(2px);
}
@keyframes raise8 {
  to {
    bottom: 150%;
    transform: scale(1.8) rotate(296deg);
  }
}
.video .bg.shapes svg:nth-child(9) {
  left: 4%;
  animation: raise9 22s linear infinite;
  animation-delay: -47s;
  transform: scale(2.1) rotate(248deg);
  z-index: 2;
  filter: blur(3px);
}
@keyframes raise9 {
  to {
    bottom: 150%;
    transform: scale(2.1) rotate(62deg);
  }
}
.video .bg.shapes svg:nth-child(10) {
  left: 77%;
  animation: raise10 25s linear infinite;
  animation-delay: -49s;
  transform: scale(2.4) rotate(28deg);
  z-index: 3;
  filter: blur(4px);
}
@keyframes raise10 {
  to {
    bottom: 150%;
    transform: scale(2.4) rotate(142deg);
  }
}
.video .bg.shapes svg:nth-child(11) {
  left: 8%;
  animation: raise11 20s linear infinite;
  animation-delay: -49s;
  transform: scale(2.7) rotate(59deg);
  z-index: 4;
  filter: blur(5px);
}
@keyframes raise11 {
  to {
    bottom: 150%;
    transform: scale(2.7) rotate(270deg);
  }
}
.video .bg.shapes svg:nth-child(12) {
  left: 75%;
  animation: raise12 27s linear infinite;
  animation-delay: -45s;
  transform: scale(3) rotate(207deg);
  z-index: 5;
  filter: blur(6px);
}
@keyframes raise12 {
  to {
    bottom: 150%;
    transform: scale(3) rotate(345deg);
  }
}
.video .bg.shapes svg:nth-child(13) {
  left: 70%;
  animation: raise13 17s linear infinite;
  animation-delay: -46s;
  transform: scale(3.3) rotate(39deg);
  z-index: 6;
  filter: blur(7px);
}
@keyframes raise13 {
  to {
    bottom: 150%;
    transform: scale(3.3) rotate(106deg);
  }
}
.video .bg.shapes svg:nth-child(14) {
  left: 27%;
  animation: raise14 30s linear infinite;
  animation-delay: -45s;
  transform: scale(3.6) rotate(307deg);
  z-index: 7;
  filter: blur(8px);
}
@keyframes raise14 {
  to {
    bottom: 150%;
    transform: scale(3.6) rotate(248deg);
  }
}
.video .bg.shapes svg:nth-child(15) {
  left: -9%;
  animation: raise15 23s linear infinite;
  animation-delay: -47s;
  transform: scale(3.9) rotate(359deg);
  z-index: 8;
  filter: blur(9px);
}
@keyframes raise15 {
  to {
    bottom: 150%;
    transform: scale(3.9) rotate(241deg);
  }
}
.video .bg.stripes > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 210%;
  height: 210%;
  background-size: 120px;
  background-repeat: repeat;
  opacity: 0.075;
  background-image: url("https://yt.tbhquiz.com/style/img/bg/stripes-white.png?100");
  transform: translate(-50%, -50%) rotate(58deg);
  background-position: center 0;
  animation-name: bg-stripes-in;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-stripes-in {
  100% {
    background-position: center 2000px;
  }
}
.video .bg.stripes.color2 > .in {
  opacity: 0.15;
}
.video .bg.ray > .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/co83tg.png?100");
  background-size: 180%;
  background-position: center;
  z-index: 20;
  opacity: 0.32;
}
.video .bg.ray > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.06;
  animation-name: bg-ray-in;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-ray-in {
  100% {
    transform: rotate(-360deg);
  }
}
.video .bg.ray > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt.tbhquiz.com/style/img/bg/ray.png?100");
  transform: scale(2);
}
.video .bg.ray.color3 > .in, .video .bg.ray.colork3 > .in {
  opacity: 0.1;
}
.video .bg.ray.color2 > .in, .video .bg.ray.colork2 > .in {
  opacity: 0.15;
}
.video .bg.ray.color8 > .in, .video .bg.ray.colork8 > .in {
  opacity: 0.03;
}
.video .bg.ray.color102 > .in {
  opacity: 0.125;
}
.video .bg.ray.color203 > .in {
  opacity: 0.15;
}
.video .bg.ray.colortiktok1 > .in {
  opacity: 0.12;
}
.video .bg.ray.colortiktok2 > .in {
  opacity: 0.12;
}
.video .bg.spiral > .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/co83tg.png?100");
  background-size: 180%;
  background-position: center;
  z-index: 20;
  opacity: 0.32;
}
.video .bg.spiral > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  animation-name: bg-spiral-in;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-spiral-in {
  100% {
    transform: rotate(-360deg);
  }
}
.video .bg.spiral > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/3r0zjg.png?100");
  transform: scale(2);
}
.video .bg.spiral.color3 > .in, .video .bg.spiral.colork3 > .in, .video .bg.spiral.colork11 > .in {
  opacity: 0.1;
}
.video .bg.spiral.color2 > .in, .video .bg.spiral.colork2 > .in {
  opacity: 0.15;
}
.video .bg.spiral.color8 > .in, .video .bg.spiral.colork8 > .in {
  opacity: 0.03;
}
.video .bg.spiral.color102 > .in {
  opacity: 0.125;
}
.video .bg.spiral.color203 > .in {
  opacity: 0.15;
}
.video .bg.pattern > .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/co83tg.png?100");
  background-size: 240%;
  background-position: center;
  z-index: 20;
  opacity: 0.25;
}
.video .bg.pattern > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.125;
  background-size: 20%;
  background-repeat: repeat;
  background-position: center 0%;
  animation-name: bg-pattern-in;
  animation-duration: 300s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-pattern-in {
  100% {
    background-position: -350% -3500%;
  }
}
.video .bg.pattern.pattern0 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/0.png?100");
}
.video .bg.pattern.pattern1 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/1.png?100");
}
.video .bg.pattern.pattern2 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/2.png?100");
}
.video .bg.pattern.pattern3 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/3.png?100");
}
.video .bg.pattern.pattern4 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/4.png?100");
}
.video .bg.pattern.pattern5 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/5.png?100");
}
.video .bg.pattern.pattern6 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/6.png?100");
}
.video .bg.pattern.pattern7 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/7.png?100");
}
.video .bg.pattern.pattern8 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/8.png?100");
}
.video .bg.pattern.pattern9 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/9.png?100");
}
.video .bg.pattern.pattern10 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/10.png?100");
}
.video .bg.pattern.pattern11 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/11.png?100");
}
.video .bg.pattern.pattern12 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/12.png?100");
}
.video .bg.pattern.pattern13 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/13.png?100");
}
.video .bg.pattern.pattern14 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/14.png?100");
}
.video .bg.pattern.pattern15 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/15.png?100");
}
.video .bg.pattern.pattern16 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/16.png?100");
}
.video .bg.pattern.pattern17 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/17.png?100");
}
.video .bg.pattern.pattern18 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/18.png?100");
}
.video .bg.pattern.pattern19 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/19.png?100");
}
.video .bg.pattern.pattern20 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/20.png?100");
}
.video .bg.pattern.pattern21 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/21.png?100");
}
.video .bg.pattern.pattern22 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/22.png?100");
}
.video .bg.pattern.pattern23 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/23.png?100");
}
.video .bg.pattern.pattern24 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/24.png?100");
}
.video .bg.pattern.pattern25 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/25.png?100");
}
.video .bg.pattern.pattern26 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/26.png?100");
}
.video .bg.pattern.pattern27 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/27.png?100");
}
.video .bg.pattern.patternlight > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/pattern/light.png?100");
  animation-duration: 250s;
  opacity: 0.15;
  background-size: 16.5%;
  animation-name: bg-pattern-in-light;
}
@keyframes bg-pattern-in-light {
  100% {
    background-position: center 3500%;
    /*background-position: center 50%;
    transform: scale(2);*/
  }
}
.video .bg.pattern.color3 > .in {
  opacity: 0.2;
}
.video .bg.pattern.color2 > .in {
  opacity: 0.2;
}
.video .bg .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  transform: scale(1.35);
}
.video .bg .bubbles > .bg-ray {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  animation-name: bg-ray-in;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-ray-in {
  100% {
    transform: rotate(-360deg);
  }
}
.video .bg .bubbles > .bg-ray > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt.tbhquiz.com/style/img/bg/ray.png?100");
  transform: scale(2);
}
.video .bg .bubbles .bubble {
  position: absolute;
  bottom: -100px;
  width: 40px;
  height: 40px;
  background: radial-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.325));
  border-radius: 50%;
  animation: rise 10s infinite ease-in;
}
.video .bg .bubbles .bubble:nth-child(1) {
  width: 40px;
  height: 40px;
  left: 10%;
  animation-duration: 8s;
  animation-delay: -5s;
}
.video .bg .bubbles .bubble:nth-child(2) {
  width: 20px;
  height: 20px;
  left: 20%;
  animation-duration: 5s;
  animation-delay: -4s;
}
.video .bg .bubbles .bubble:nth-child(3) {
  width: 65px;
  height: 65px;
  left: 35%;
  animation-duration: 9.1s;
  animation-delay: -3s;
}
.video .bg .bubbles .bubble:nth-child(4) {
  width: 104px;
  height: 104px;
  left: 50%;
  animation-duration: 14.3s;
  animation-delay: -5s;
}
.video .bg .bubbles .bubble:nth-child(5) {
  width: 35px;
  height: 35px;
  left: 55%;
  animation-duration: 6s;
  animation-delay: -4s;
}
.video .bg .bubbles .bubble:nth-child(6) {
  width: 45px;
  height: 45px;
  left: 65%;
  animation-duration: 8s;
  animation-delay: -2s;
}
.video .bg .bubbles .bubble:nth-child(7) {
  width: 90px;
  height: 90px;
  left: 70%;
  animation-duration: 12s;
  animation-delay: -3s;
}
.video .bg .bubbles .bubble:nth-child(8) {
  width: 25px;
  height: 25px;
  left: 80%;
  animation-duration: 6s;
  animation-delay: -3s;
}
.video .bg .bubbles .bubble:nth-child(9) {
  width: 15px;
  height: 15px;
  left: 70%;
  animation-duration: 5s;
  animation-delay: -4s;
}
.video .bg .bubbles .bubble:nth-child(10) {
  width: 117px;
  height: 117px;
  left: 25%;
  animation-duration: 13s;
  animation-delay: -1s;
}
.video .bg .bubbles .bubble:nth-child(11) {
  width: 78px;
  height: 78px;
  left: 15%;
  animation-duration: 11.7s;
  animation-delay: -2s;
}
.video .bg .bubbles .bubble:nth-child(12) {
  width: 25px;
  height: 25px;
  left: 45%;
  animation-duration: 6s;
  animation-delay: -4s;
}
.video .bg .bubbles .bubble:nth-child(13) {
  width: 45.5px;
  height: 45.5px;
  left: 30%;
  animation-duration: 9.1s;
  animation-delay: -3s;
}
.video .bg .bubbles .bubble:nth-child(14) {
  width: 97.5px;
  height: 97.5px;
  left: 55%;
  animation-duration: 13s;
  animation-delay: -5s;
}
.video .bg .bubbles .bubble:nth-child(15) {
  width: 45px;
  height: 45px;
  left: 20%;
  animation-duration: 8s;
  animation-delay: -1s;
}
.video .bg .bubbles .bubble:nth-child(16) {
  width: 30px;
  height: 30px;
  left: 65%;
  animation-duration: 5s;
  animation-delay: -4s;
}
.video .bg .bubbles .bubble:nth-child(17) {
  width: 110.5px;
  height: 110.5px;
  left: 75%;
  animation-duration: 14.3s;
  animation-delay: -2s;
}
.video .bg .bubbles .bubble:nth-child(18) {
  width: 20px;
  height: 20px;
  left: 40%;
  animation-duration: 6s;
  animation-delay: -3s;
}
.video .bg .bubbles .bubble:nth-child(19) {
  width: 50px;
  height: 50px;
  left: 10%;
  animation-duration: 7s;
  animation-delay: -5s;
}
.video .bg .bubbles .bubble:nth-child(20) {
  width: 117px;
  height: 117px;
  left: 50%;
  animation-duration: 15.6s;
  animation-delay: -1s;
}
@keyframes rise {
  0% {
    bottom: -100px;
    transform: translateX(0);
  }
  50% {
    transform: translate(100px);
  }
  100% {
    bottom: 1080px;
    transform: translateX(-200px);
  }
}
.video .bg.circle-grow > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/co83tg.png?100");
  background-size: 180%;
  background-position: center;
  z-index: 20;
  opacity: 0.32;
}
.video .bg.circle-grow.color1 > svg {
  fill: #027fea;
}
.video .bg.circle-grow.color1 > svg:nth-child(even) {
  fill: #0279df;
}
.video .bg.circle-grow.color2 > svg {
  fill: #08cbc0;
}
.video .bg.circle-grow.color2 > svg:nth-child(even) {
  fill: #08c0b6;
}
.video .bg.circle-grow.color3 > svg {
  fill: #ffb002;
}
.video .bg.circle-grow.color3 > svg:nth-child(even) {
  fill: #f6a900;
}
.video .bg.circle-grow.color4 > svg {
  fill: #ff7600;
}
.video .bg.circle-grow.color4 > svg:nth-child(even) {
  fill: #f47100;
}
.video .bg.circle-grow.color5 > svg {
  fill: #f12c1d;
}
.video .bg.circle-grow.color5 > svg:nth-child(even) {
  fill: #f02213;
}
.video .bg.circle-grow.color6 > svg {
  fill: #d43f89;
}
.video .bg.circle-grow.color6 > svg:nth-child(even) {
  fill: #d23683;
}
.video .bg.circle-grow.color7 > svg {
  fill: #5710b5;
}
.video .bg.circle-grow.color7 > svg:nth-child(even) {
  fill: #520fab;
}
.video .bg.circle-grow.color8 > svg {
  fill: #222222;
}
.video .bg.circle-grow.color8 > svg:nth-child(even) {
  fill: #1d1d1d;
}
.video .bg.circle-grow.color9 > svg {
  fill: #700ea3;
}
.video .bg.circle-grow.color9 > svg:nth-child(even) {
  fill: #690d99;
}
.video .bg.circle-grow.color10 > svg {
  fill: #192a56;
}
.video .bg.circle-grow.color10 > svg:nth-child(even) {
  fill: #17264e;
}
.video .bg.circle-grow.color11 > svg {
  fill: #14B03F;
}
.video .bg.circle-grow.color11 > svg:nth-child(even) {
  fill: #13a63b;
}
.video .bg.circle-grow.colork1 > svg {
  fill: #4d9feb;
}
.video .bg.circle-grow.colork1 > svg:nth-child(even) {
  fill: #439aea;
}
.video .bg.circle-grow.colork2 > svg {
  fill: #40ddd2;
}
.video .bg.circle-grow.colork2 > svg:nth-child(even) {
  fill: #37dbd0;
}
.video .bg.circle-grow.colork3 > svg {
  fill: #ffba10;
}
.video .bg.circle-grow.colork3 > svg:nth-child(even) {
  fill: #ffb705;
}
.video .bg.circle-grow.colork4 > svg {
  fill: #ff9752;
}
.video .bg.circle-grow.colork4 > svg:nth-child(even) {
  fill: #ff9047;
}
.video .bg.circle-grow.colork5 > svg {
  fill: #f46a45;
}
.video .bg.circle-grow.colork5 > svg:nth-child(even) {
  fill: #f3623b;
}
.video .bg.circle-grow.colork6 > svg {
  fill: #de6fa3;
}
.video .bg.circle-grow.colork6 > svg:nth-child(even) {
  fill: #dc669d;
}
.video .bg.circle-grow.colork7 > svg {
  fill: #7d4bbf;
}
.video .bg.circle-grow.colork7 > svg:nth-child(even) {
  fill: #7743bc;
}
.video .bg.circle-grow.colork8 > svg {
  fill: #444444;
}
.video .bg.circle-grow.colork8 > svg:nth-child(even) {
  fill: #3f3f3f;
}
.video .bg.circle-grow.colork9 > svg {
  fill: #8b4cb5;
}
.video .bg.circle-grow.colork9 > svg:nth-child(even) {
  fill: #8548ae;
}
.video .bg.circle-grow.colork10 > svg {
  fill: #4a4f78;
}
.video .bg.circle-grow.colork10 > svg:nth-child(even) {
  fill: #464b71;
}
.video .bg.circle-grow.colork11 > svg {
  fill: #21adfe;
}
.video .bg.circle-grow.colork11 > svg:nth-child(even) {
  fill: #16a9fe;
}
.video .bg.circle-grow.color101 > svg {
  fill: #00AFFE;
}
.video .bg.circle-grow.color101 > svg:nth-child(even) {
  fill: #00a7f3;
}
.video .bg.circle-grow.color102 > svg {
  fill: #ff5b01;
}
.video .bg.circle-grow.color102 > svg:nth-child(even) {
  fill: #f55700;
}
.video .bg.circle-grow.color103 > svg {
  fill: #CC01FF;
}
.video .bg.circle-grow.color103 > svg:nth-child(even) {
  fill: #c400f5;
}
.video .bg.circle-grow.color104 > svg {
  fill: #03D250;
}
.video .bg.circle-grow.color104 > svg:nth-child(even) {
  fill: #03c74c;
}
.video .bg.circle-grow.color105 > svg {
  fill: #00CFD0;
}
.video .bg.circle-grow.color105 > svg:nth-child(even) {
  fill: #00c4c5;
}
.video .bg.circle-grow.color201 > svg {
  fill: #6109E5;
}
.video .bg.circle-grow.color201 > svg:nth-child(even) {
  fill: #5d09da;
}
.video .bg.circle-grow.color202 > svg {
  fill: #0A55F8;
}
.video .bg.circle-grow.color202 > svg:nth-child(even) {
  fill: #0750f0;
}
.video .bg.circle-grow.color203 > svg {
  fill: #F10125;
}
.video .bg.circle-grow.color203 > svg:nth-child(even) {
  fill: #e60123;
}
.video .bg.circle-grow.color204 > svg {
  fill: #8C08C4;
}
.video .bg.circle-grow.color204 > svg:nth-child(even) {
  fill: #8408b9;
}
.video .bg.circle-grow.color205 > svg {
  fill: #069107;
}
.video .bg.circle-grow.color205 > svg:nth-child(even) {
  fill: #068606;
}
.video .bg.circle-grow.color301 > svg {
  fill: #3b9ff2;
}
.video .bg.circle-grow.color301 > svg:nth-child(even) {
  fill: #319af1;
}
.video .bg.circle-grow.color302 > svg {
  fill: #f77fe0;
}
.video .bg.circle-grow.color302 > svg:nth-child(even) {
  fill: #f675de;
}
.video .bg.circle-grow.color303 > svg {
  fill: #ffbb02;
}
.video .bg.circle-grow.color303 > svg:nth-child(even) {
  fill: #f6b400;
}
.video .bg.circle-grow.color304 > svg {
  fill: #4cbc53;
}
.video .bg.circle-grow.color304 > svg:nth-child(even) {
  fill: #45b84c;
}
.video .bg.circle-grow.color305 > svg {
  fill: #ff3d1c;
}
.video .bg.circle-grow.color305 > svg:nth-child(even) {
  fill: #ff3411;
}
.video .bg.circle-grow.color401 > svg {
  fill: #003cff;
}
.video .bg.circle-grow.color401 > svg:nth-child(even) {
  fill: #0039f4;
}
.video .bg.circle-grow.color402 > svg {
  fill: #008aff;
}
.video .bg.circle-grow.color402 > svg:nth-child(even) {
  fill: #0084f4;
}
.video .bg.circle-grow.color403 > svg {
  fill: #ffbb02;
}
.video .bg.circle-grow.color403 > svg:nth-child(even) {
  fill: #f6b400;
}
.video .bg.circle-grow.color404 > svg {
  fill: #00ba0c;
}
.video .bg.circle-grow.color404 > svg:nth-child(even) {
  fill: #00af0b;
}
.video .bg.circle-grow.color405 > svg {
  fill: #ff3d1c;
}
.video .bg.circle-grow.color405 > svg:nth-child(even) {
  fill: #ff3411;
}
.video .bg.circle-grow.color406 > svg {
  fill: #ff0084;
}
.video .bg.circle-grow.color406 > svg:nth-child(even) {
  fill: #f4007e;
}
.video .bg.circle-grow.colorx1 > svg {
  fill: #1EB8FE;
}
.video .bg.circle-grow.colorx1 > svg:nth-child(even) {
  fill: #13b5fe;
}
.video .bg.circle-grow.colorx2 > svg {
  fill: #00b1ff;
}
.video .bg.circle-grow.colorx2 > svg:nth-child(even) {
  fill: #00a9f4;
}
.video .bg.circle-grow.colortiktok1 > svg {
  fill: #03d0ca;
}
.video .bg.circle-grow.colortiktok1 > svg:nth-child(even) {
  fill: #03c5c0;
}
.video .bg.circle-grow.colortiktok2 > svg {
  fill: #FF004F;
}
.video .bg.circle-grow.colortiktok2 > svg:nth-child(even) {
  fill: #f4004c;
}
.video .bg.circle-grow.colora1 > svg {
  fill: #069BFF;
}
.video .bg.circle-grow.colora1 > svg:nth-child(even) {
  fill: #0096fa;
}
.video .bg.circle-grow.colora2 > svg {
  fill: #FEB11C;
}
.video .bg.circle-grow.colora2 > svg:nth-child(even) {
  fill: #fead11;
}
.video .bg.circle-grow.colora3 > svg {
  fill: #A151F6;
}
.video .bg.circle-grow.colora3 > svg:nth-child(even) {
  fill: #9b47f5;
}
.video .bg.circle-grow.colora4 > svg {
  fill: #17A888;
}
.video .bg.circle-grow.colora4 > svg:nth-child(even) {
  fill: #169e80;
}
.video .bg.circle-grow.colora5 > svg {
  fill: #EB6491;
}
.video .bg.circle-grow.colora5 > svg:nth-child(even) {
  fill: #ea5a8a;
}
.video .bg.circle-grow.colorchristmas1 > svg {
  fill: #F41213;
}
.video .bg.circle-grow.colorchristmas1 > svg:nth-child(even) {
  fill: #f00b0c;
}
.video .bg.circle-grow > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke-width: 0;
  width: 2000px;
  height: 2000px;
  border-radius: 100%;
  animation-name: bg-circle-grow;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translate(-50%, -50%) scale(0);
}
@keyframes bg-circle-grow {
  0% {
    z-index: 14;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    z-index: 0;
    transform: translate(-50%, -50%) scale(1.5);
  }
}
.video .bg.circle-grow > svg:nth-child(1) {
  animation-delay: 0s;
}
.video .bg.circle-grow > svg:nth-child(2) {
  animation-delay: -2.1s;
}
.video .bg.circle-grow > svg:nth-child(3) {
  animation-delay: -4.2s;
}
.video .bg.circle-grow > svg:nth-child(4) {
  animation-delay: -6.3s;
}
.video .bg.circle-grow > svg:nth-child(5) {
  animation-delay: -8.4s;
}
.video .bg.circle-grow > svg:nth-child(6) {
  animation-delay: -10.5s;
}
.video .bg.circle-grow > svg:nth-child(7) {
  animation-delay: -12.6s;
}
.video .bg.circle-grow > svg:nth-child(8) {
  animation-delay: -14.7s;
}
.video .bg.circle-grow > svg:nth-child(9) {
  animation-delay: -16.8s;
}
.video .bg.circle-grow > svg:nth-child(10) {
  animation-delay: -18.9s;
}
.video .bg.circle-grow > svg:nth-child(11) {
  animation-delay: -21s;
}
.video .bg.circle-grow > svg:nth-child(12) {
  animation-delay: -23.1s;
}
.video .bg.circle-shrink > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/co83tg.png?100");
  background-size: 180%;
  background-position: center;
  z-index: 20;
  opacity: 0.32;
}
.video .bg.circle-shrink.color8 > div, .video .bg.circle-shrink.color10 > div {
  opacity: 0.15;
}
.video .bg.circle-shrink.color1 > svg {
  fill: #027fea;
}
.video .bg.circle-shrink.color1 > svg:nth-child(even) {
  fill: #0279df;
}
.video .bg.circle-shrink.color2 > svg {
  fill: #08cbc0;
}
.video .bg.circle-shrink.color2 > svg:nth-child(even) {
  fill: #08c0b6;
}
.video .bg.circle-shrink.color3 > svg {
  fill: #ffb002;
}
.video .bg.circle-shrink.color3 > svg:nth-child(even) {
  fill: #f6a900;
}
.video .bg.circle-shrink.color4 > svg {
  fill: #ff7600;
}
.video .bg.circle-shrink.color4 > svg:nth-child(even) {
  fill: #f47100;
}
.video .bg.circle-shrink.color5 > svg {
  fill: #f12c1d;
}
.video .bg.circle-shrink.color5 > svg:nth-child(even) {
  fill: #f02213;
}
.video .bg.circle-shrink.color6 > svg {
  fill: #d43f89;
}
.video .bg.circle-shrink.color6 > svg:nth-child(even) {
  fill: #d23683;
}
.video .bg.circle-shrink.color7 > svg {
  fill: #5710b5;
}
.video .bg.circle-shrink.color7 > svg:nth-child(even) {
  fill: #520fab;
}
.video .bg.circle-shrink.color8 > svg {
  fill: #222222;
}
.video .bg.circle-shrink.color8 > svg:nth-child(even) {
  fill: #1d1d1d;
}
.video .bg.circle-shrink.color9 > svg {
  fill: #700ea3;
}
.video .bg.circle-shrink.color9 > svg:nth-child(even) {
  fill: #690d99;
}
.video .bg.circle-shrink.color10 > svg {
  fill: #192a56;
}
.video .bg.circle-shrink.color10 > svg:nth-child(even) {
  fill: #17264e;
}
.video .bg.circle-shrink.color11 > svg {
  fill: #14B03F;
}
.video .bg.circle-shrink.color11 > svg:nth-child(even) {
  fill: #13a63b;
}
.video .bg.circle-shrink.colork1 > svg {
  fill: #4d9feb;
}
.video .bg.circle-shrink.colork1 > svg:nth-child(even) {
  fill: #439aea;
}
.video .bg.circle-shrink.colork2 > svg {
  fill: #40ddd2;
}
.video .bg.circle-shrink.colork2 > svg:nth-child(even) {
  fill: #37dbd0;
}
.video .bg.circle-shrink.colork3 > svg {
  fill: #ffba10;
}
.video .bg.circle-shrink.colork3 > svg:nth-child(even) {
  fill: #ffb705;
}
.video .bg.circle-shrink.colork4 > svg {
  fill: #ff9752;
}
.video .bg.circle-shrink.colork4 > svg:nth-child(even) {
  fill: #ff9047;
}
.video .bg.circle-shrink.colork5 > svg {
  fill: #f46a45;
}
.video .bg.circle-shrink.colork5 > svg:nth-child(even) {
  fill: #f3623b;
}
.video .bg.circle-shrink.colork6 > svg {
  fill: #de6fa3;
}
.video .bg.circle-shrink.colork6 > svg:nth-child(even) {
  fill: #dc669d;
}
.video .bg.circle-shrink.colork7 > svg {
  fill: #7d4bbf;
}
.video .bg.circle-shrink.colork7 > svg:nth-child(even) {
  fill: #7743bc;
}
.video .bg.circle-shrink.colork8 > svg {
  fill: #444444;
}
.video .bg.circle-shrink.colork8 > svg:nth-child(even) {
  fill: #3f3f3f;
}
.video .bg.circle-shrink.colork9 > svg {
  fill: #8b4cb5;
}
.video .bg.circle-shrink.colork9 > svg:nth-child(even) {
  fill: #8548ae;
}
.video .bg.circle-shrink.colork10 > svg {
  fill: #4a4f78;
}
.video .bg.circle-shrink.colork10 > svg:nth-child(even) {
  fill: #464b71;
}
.video .bg.circle-shrink.colork11 > svg {
  fill: #21adfe;
}
.video .bg.circle-shrink.colork11 > svg:nth-child(even) {
  fill: #16a9fe;
}
.video .bg.circle-shrink.color101 > svg {
  fill: #00AFFE;
}
.video .bg.circle-shrink.color101 > svg:nth-child(even) {
  fill: #00a7f3;
}
.video .bg.circle-shrink.color102 > svg {
  fill: #ff5b01;
}
.video .bg.circle-shrink.color102 > svg:nth-child(even) {
  fill: #f55700;
}
.video .bg.circle-shrink.color103 > svg {
  fill: #CC01FF;
}
.video .bg.circle-shrink.color103 > svg:nth-child(even) {
  fill: #c400f5;
}
.video .bg.circle-shrink.color104 > svg {
  fill: #03D250;
}
.video .bg.circle-shrink.color104 > svg:nth-child(even) {
  fill: #03c74c;
}
.video .bg.circle-shrink.color105 > svg {
  fill: #00CFD0;
}
.video .bg.circle-shrink.color105 > svg:nth-child(even) {
  fill: #00c4c5;
}
.video .bg.circle-shrink.color201 > svg {
  fill: #6109E5;
}
.video .bg.circle-shrink.color201 > svg:nth-child(even) {
  fill: #5d09da;
}
.video .bg.circle-shrink.color202 > svg {
  fill: #0A55F8;
}
.video .bg.circle-shrink.color202 > svg:nth-child(even) {
  fill: #0750f0;
}
.video .bg.circle-shrink.color203 > svg {
  fill: #F10125;
}
.video .bg.circle-shrink.color203 > svg:nth-child(even) {
  fill: #e60123;
}
.video .bg.circle-shrink.color204 > svg {
  fill: #8C08C4;
}
.video .bg.circle-shrink.color204 > svg:nth-child(even) {
  fill: #8408b9;
}
.video .bg.circle-shrink.color205 > svg {
  fill: #069107;
}
.video .bg.circle-shrink.color205 > svg:nth-child(even) {
  fill: #068606;
}
.video .bg.circle-shrink.color301 > svg {
  fill: #3b9ff2;
}
.video .bg.circle-shrink.color301 > svg:nth-child(even) {
  fill: #319af1;
}
.video .bg.circle-shrink.color302 > svg {
  fill: #f77fe0;
}
.video .bg.circle-shrink.color302 > svg:nth-child(even) {
  fill: #f675de;
}
.video .bg.circle-shrink.color303 > svg {
  fill: #ffbb02;
}
.video .bg.circle-shrink.color303 > svg:nth-child(even) {
  fill: #f6b400;
}
.video .bg.circle-shrink.color304 > svg {
  fill: #4cbc53;
}
.video .bg.circle-shrink.color304 > svg:nth-child(even) {
  fill: #45b84c;
}
.video .bg.circle-shrink.color305 > svg {
  fill: #ff3d1c;
}
.video .bg.circle-shrink.color305 > svg:nth-child(even) {
  fill: #ff3411;
}
.video .bg.circle-shrink.color401 > svg {
  fill: #003cff;
}
.video .bg.circle-shrink.color401 > svg:nth-child(even) {
  fill: #0039f4;
}
.video .bg.circle-shrink.color402 > svg {
  fill: #008aff;
}
.video .bg.circle-shrink.color402 > svg:nth-child(even) {
  fill: #0084f4;
}
.video .bg.circle-shrink.color403 > svg {
  fill: #ffbb02;
}
.video .bg.circle-shrink.color403 > svg:nth-child(even) {
  fill: #f6b400;
}
.video .bg.circle-shrink.color404 > svg {
  fill: #00ba0c;
}
.video .bg.circle-shrink.color404 > svg:nth-child(even) {
  fill: #00af0b;
}
.video .bg.circle-shrink.color405 > svg {
  fill: #ff3d1c;
}
.video .bg.circle-shrink.color405 > svg:nth-child(even) {
  fill: #ff3411;
}
.video .bg.circle-shrink.color406 > svg {
  fill: #ff0084;
}
.video .bg.circle-shrink.color406 > svg:nth-child(even) {
  fill: #f4007e;
}
.video .bg.circle-shrink.colorx1 > svg {
  fill: #1EB8FE;
}
.video .bg.circle-shrink.colorx1 > svg:nth-child(even) {
  fill: #13b5fe;
}
.video .bg.circle-shrink.colorx2 > svg {
  fill: #00b1ff;
}
.video .bg.circle-shrink.colorx2 > svg:nth-child(even) {
  fill: #00a9f4;
}
.video .bg.circle-shrink.colortiktok1 > svg {
  fill: #03d0ca;
}
.video .bg.circle-shrink.colortiktok1 > svg:nth-child(even) {
  fill: #03c5c0;
}
.video .bg.circle-shrink.colortiktok2 > svg {
  fill: #FF004F;
}
.video .bg.circle-shrink.colortiktok2 > svg:nth-child(even) {
  fill: #f4004c;
}
.video .bg.circle-shrink.colora1 > svg {
  fill: #069BFF;
}
.video .bg.circle-shrink.colora1 > svg:nth-child(even) {
  fill: #0096fa;
}
.video .bg.circle-shrink.colora2 > svg {
  fill: #FEB11C;
}
.video .bg.circle-shrink.colora2 > svg:nth-child(even) {
  fill: #fead11;
}
.video .bg.circle-shrink.colora3 > svg {
  fill: #A151F6;
}
.video .bg.circle-shrink.colora3 > svg:nth-child(even) {
  fill: #9b47f5;
}
.video .bg.circle-shrink.colora4 > svg {
  fill: #17A888;
}
.video .bg.circle-shrink.colora4 > svg:nth-child(even) {
  fill: #169e80;
}
.video .bg.circle-shrink.colora5 > svg {
  fill: #EB6491;
}
.video .bg.circle-shrink.colora5 > svg:nth-child(even) {
  fill: #ea5a8a;
}
.video .bg.circle-shrink.colorchristmas1 > svg {
  fill: #F41213;
}
.video .bg.circle-shrink.colorchristmas1 > svg:nth-child(even) {
  fill: #f00b0c;
}
.video .bg.circle-shrink > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke-width: 0;
  width: 2000px;
  height: 2000px;
  border-radius: 100%;
  animation-name: bg-circle-shrink;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  transform: translate(-50%, -50%) scale(1.6);
}
@keyframes bg-circle-shrink {
  0% {
    z-index: 0;
    transform: translate(-50%, -50%) scale(1.6);
  }
  100% {
    z-index: 14;
    transform: translate(-50%, -50%) scale(0);
  }
}
.video .bg.circle-shrink > svg:nth-child(1) {
  animation-delay: 0s;
}
.video .bg.circle-shrink > svg:nth-child(2) {
  animation-delay: -1.7857142857s;
}
.video .bg.circle-shrink > svg:nth-child(3) {
  animation-delay: -3.5714285714s;
}
.video .bg.circle-shrink > svg:nth-child(4) {
  animation-delay: -5.3571428571s;
}
.video .bg.circle-shrink > svg:nth-child(5) {
  animation-delay: -7.1428571429s;
}
.video .bg.circle-shrink > svg:nth-child(6) {
  animation-delay: -8.9285714286s;
}
.video .bg.circle-shrink > svg:nth-child(7) {
  animation-delay: -10.7142857143s;
}
.video .bg.circle-shrink > svg:nth-child(8) {
  animation-delay: -12.5s;
}
.video .bg.circle-shrink > svg:nth-child(9) {
  animation-delay: -14.2857142857s;
}
.video .bg.circle-shrink > svg:nth-child(10) {
  animation-delay: -16.0714285714s;
}
.video .bg.circle-shrink > svg:nth-child(11) {
  animation-delay: -17.8571428571s;
}
.video .bg.circle-shrink > svg:nth-child(12) {
  animation-delay: -19.6428571429s;
}
.video .bg.circle-shrink > svg:nth-child(13) {
  animation-delay: -21.4285714286s;
}
.video .bg.circle-shrink > svg:nth-child(14) {
  animation-delay: -23.2142857143s;
}
.video .bg.circle-grow.color203 > svg:nth-child(even), .video .bg.circle-shrink.color203 > svg:nth-child(even) {
  fill: #d80121;
}
.video .bg.circle-grow.colora2 > svg:nth-child(even), .video .bg.circle-shrink.colora2 > svg:nth-child(even) {
  fill: #fea803;
}
.video .bg.circle-grow.color2 > svg:nth-child(even), .video .bg.circle-shrink.color2 > svg:nth-child(even) {
  fill: #08c4b9;
}
.video .bg.circle-grow.color5 > svg:nth-child(even), .video .bg.circle-shrink.color5 > svg:nth-child(even) {
  fill: #d51b0d;
}
.video .bg.circle-grow.color6 > svg:nth-child(even), .video .bg.circle-shrink.color6 > svg:nth-child(even) {
  fill: #d12f7f;
}
.video .bg.circle-grow.color8 > svg:nth-child(even), .video .bg.circle-shrink.color8 > svg:nth-child(even) {
  fill: #333;
}
.video .bg.mosaic.color-1 {
  background: linear-gradient(45deg, #098cfd, #0274d6);
}
.video .bg.mosaic.color-2 {
  background: linear-gradient(45deg, #09e4d7, #07b7ad);
}
.video .bg.mosaic.color-3 {
  background: linear-gradient(45deg, #ffb81c, #eda300);
}
.video .bg.mosaic.color-4 {
  background: linear-gradient(45deg, #ff841a, #eb6d00);
}
.video .bg.mosaic.color-5 {
  background: linear-gradient(45deg, #f24235, #eb1e0f);
}
.video .bg.mosaic.color-6 {
  background: linear-gradient(45deg, #d95496, #d02f7f);
}
.video .bg.mosaic.color-7 {
  background: linear-gradient(45deg, #6212cc, #4e0ea2);
}
.video .bg.mosaic.color-8 {
  background: linear-gradient(45deg, #2f2f2f, #181818);
}
.video .bg.mosaic.color-9 {
  background: linear-gradient(45deg, #8010ba, #630c90);
}
.video .bg.mosaic.color-10 {
  background: linear-gradient(45deg, #1f346a, #142246);
}
.video .bg.mosaic.color-11 {
  background: linear-gradient(45deg, #17c747, #129e38);
}
.video .bg.mosaic.color-k1 {
  background: linear-gradient(45deg, #64abee, #3b95e9);
}
.video .bg.mosaic.color-k2 {
  background: linear-gradient(45deg, #56e1d7, #2fdace);
}
.video .bg.mosaic.color-k3 {
  background: linear-gradient(45deg, #ffc12a, #fbb200);
}
.video .bg.mosaic.color-k4 {
  background: linear-gradient(45deg, #ffa66c, #ff8b3e);
}
.video .bg.mosaic.color-k5 {
  background: linear-gradient(45deg, #f57d5d, #f35b32);
}
.video .bg.mosaic.color-k6 {
  background: linear-gradient(45deg, #e384b0, #da5e98);
}
.video .bg.mosaic.color-k7 {
  background: linear-gradient(45deg, #8b5ec6, #7340b5);
}
.video .bg.mosaic.color-k8 {
  background: linear-gradient(45deg, #515151, #3a3a3a);
}
.video .bg.mosaic.color-k9 {
  background: linear-gradient(45deg, #975ebc, #8045a7);
}
.video .bg.mosaic.color-k10 {
  background: linear-gradient(45deg, #545988, #42476b);
}
.video .bg.mosaic.color-k11 {
  background: linear-gradient(45deg, #3ab6fe, #0da5fe);
}
.video .bg.mosaic.color-101 {
  background: linear-gradient(45deg, #19b7ff, #00a1ea);
}
.video .bg.mosaic.color-102 {
  background: linear-gradient(45deg, #ff6b1b, #ec5300);
}
.video .bg.mosaic.color-103 {
  background: linear-gradient(45deg, #d11bff, #bc00ec);
}
.video .bg.mosaic.color-104 {
  background: linear-gradient(45deg, #03eb5a, #03be48);
}
.video .bg.mosaic.color-105 {
  background: linear-gradient(45deg, #00e8ea, #00bbbc);
}
.video .bg.mosaic.color-201 {
  background: linear-gradient(45deg, #6d12f6, #5908d1);
}
.video .bg.mosaic.color-202 {
  background: linear-gradient(45deg, #2366f9, #074de7);
}
.video .bg.mosaic.color-203 {
  background: linear-gradient(45deg, #fe0e32, #dd0122);
}
.video .bg.mosaic.color-204 {
  background: linear-gradient(45deg, #9e09dd, #7e07b0);
}
.video .bg.mosaic.color-205 {
  background: linear-gradient(45deg, #07a908, #057d06);
}
.video .bg.mosaic.color-301 {
  background: linear-gradient(45deg, #53abf4, #2896f1);
}
.video .bg.mosaic.color-302 {
  background: linear-gradient(45deg, #f997e6, #f66cdb);
}
.video .bg.mosaic.color-303 {
  background: linear-gradient(45deg, #ffc21c, #edad00);
}
.video .bg.mosaic.color-304 {
  background: linear-gradient(45deg, #5fc365, #42b149);
}
.video .bg.mosaic.color-305 {
  background: linear-gradient(45deg, #ff5336, #ff2c08);
}
.video .bg.mosaic.color-401 {
  background: linear-gradient(45deg, #1a50ff, #0037eb);
}
.video .bg.mosaic.color-402 {
  background: linear-gradient(45deg, #1a96ff, #007feb);
}
.video .bg.mosaic.color-403 {
  background: linear-gradient(45deg, #ffc21c, #edad00);
}
.video .bg.mosaic.color-404 {
  background: linear-gradient(45deg, #00d40e, #00a60b);
}
.video .bg.mosaic.color-405 {
  background: linear-gradient(45deg, #ff5336, #ff2c08);
}
.video .bg.mosaic.color-406 {
  background: linear-gradient(45deg, #ff1a90, #eb0079);
}
.video .bg.mosaic.color-x1 {
  background: linear-gradient(45deg, #37c0fe, #0ab2fe);
}
.video .bg.mosaic.color-x2 {
  background: linear-gradient(45deg, #1ab9ff, #00a3eb);
}
.video .bg.mosaic.color-tiktok1 {
  background: linear-gradient(45deg, #03e9e2, #03bcb6);
}
.video .bg.mosaic.color-tiktok2 {
  background: linear-gradient(45deg, #ff1a61, #eb0049);
}
.video .bg.mosaic.color-a1 {
  background: linear-gradient(45deg, #20a5ff, #0090f1);
}
.video .bg.mosaic.color-a2 {
  background: linear-gradient(45deg, #feba35, #feaa08);
}
.video .bg.mosaic.color-a3 {
  background: linear-gradient(45deg, #ae69f7, #973ef5);
}
.video .bg.mosaic.color-a4 {
  background: linear-gradient(45deg, #1abe9a, #159679);
}
.video .bg.mosaic.color-a5 {
  background: linear-gradient(45deg, #ee7ba1, #e95284);
}
.video .bg.mosaic.color-christmas1 {
  background: linear-gradient(45deg, #f52a2b, #e70b0c);
}
.video .bg.mosaic.color-8 {
  background: linear-gradient(0deg, #222, #292929);
}
.video .bg.mosaic.mosaic-spiral > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/spiral-white.png?100");
  background-size: cover;
  width: 100%;
  height: 100%;
  transform: scale(2.05);
  opacity: 0.1;
  animation-name: bg-mosaic-spiral;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-mosaic-spiral {
  100% {
    transform: scale(2.05) rotate(360deg);
  }
}
.video .bg.mosaic.mosaic-spiral.color-3 > .in, .video .bg.mosaic.mosaic-spiral.color-8 > .in, .video .bg.mosaic.mosaic-spiral.color-10 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/spiral-white.png?100");
  opacity: 0.17;
}
.video .bg.mosaic.mosaic-spiral.color-8 > .in, .video .bg.mosaic.mosaic-spiral.color-10 > .in {
  opacity: 0.04;
}
.video .bg.mosaic.mosaic-waves > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/waves2-white.png?100");
  background-size: 60%;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  transform: scale(2);
  opacity: 0.07;
  animation-name: bg-mosaic-waves;
  animation-duration: 220s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-mosaic-waves {
  100% {
    background-position: -3000px -10000px;
  }
}
.video .bg.mosaic.mosaic-waves.color-3 > .in, .video .bg.mosaic.mosaic-waves.color-8 > .in, .video .bg.mosaic.mosaic-waves.color-10 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/waves2-white.png?100");
  opacity: 0.12;
}
.video .bg.mosaic.mosaic-waves.color-8 > .in, .video .bg.mosaic.mosaic-waves.color-10 > .in {
  opacity: 0.04;
}
.video .bg.mosaic.mosaic-zigzag > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/zigzag-white.png?100");
  background-size: 80%;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  opacity: 0.06;
  animation-name: bg-mosaic-zigzag;
  animation-duration: 100s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-mosaic-zigzag {
  100% {
    background-position: 0 -10000px;
  }
}
.video .bg.mosaic.mosaic-zigzag.color-3 > .in, .video .bg.mosaic.mosaic-zigzag.color-8 > .in, .video .bg.mosaic.mosaic-zigzag.color-10 > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/zigzag-white.png?100");
  opacity: 0.13;
}
.video .bg.mosaic.mosaic-zigzag.color-8 > .in, .video .bg.mosaic.mosaic-zigzag.color-10 > .in {
  opacity: 0.04;
}

.video .slide .intro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.video .slide .intro .logo {
  margin-right: -40px;
}

.video .slide .slide-in.theme-white {
  background-color: white;
}
.video .slide .slide-in.theme-white .pre-start {
  line-height: 1em;
}
.video .slide .slide-in.theme-white .pre-start:not(.get-images) {
  height: 63%;
}
.video .slide .slide-in.theme-white .pre-start .text-zone {
  animation-name: prestart-text-zone-white;
  transform: scale(0);
  animation-delay: 0.2s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
.video .slide .slide-in.theme-white .pre-start .text-zone .text {
  transform: none !important;
  animation-name: none !important;
  text-shadow: none;
  color: black;
}
.video .slide .slide-in.theme-white .image-shadow {
  filter: none !important;
}

.video .slide .pre-start {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88%;
  height: 50%;
  text-transform: uppercase;
  text-align: center;
  /*&.get-subscribe {
    .text-zone {
      transform: translateY(-80px);
    }
  }*/
}
.video .slide .pre-start.get-images {
  top: 35%;
  height: 56%;
}
.video .slide .pre-start .text-zone {
  position: absolute;
  width: 100%;
  height: 100%;
  animation-name: prestart-text-zone;
  animation-iteration-count: infinite;
  transform: rotate(-2deg);
}
.video .slide .pre-start .text-zone .title-main i {
  display: inline-block;
  font-style: normal;
  animation-name: title-word;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
@keyframes title-word {
  40% {
    transform: scaleX(1.03) scaleY(1.2);
  }
  65% {
    transform: scaleX(0.98) scaleY(0.93);
  }
  100% {
    transform: none;
  }
}
.video .slide .pre-start .text-zone .title-main .count0 {
  animation-delay: 0.6s;
}
.video .slide .pre-start .text-zone .title-main .count1 {
  animation-delay: 0.8s;
}
.video .slide .pre-start .text-zone .title-main .count2 {
  animation-delay: 1s;
}
.video .slide .pre-start .text-zone .title-main .count3 {
  animation-delay: 1.2s;
}
.video .slide .pre-start .text-zone .title-main .count4 {
  animation-delay: 1.4s;
}
.video .slide .pre-start .text-zone .title-main .count5 {
  animation-delay: 1.6s;
}
.video .slide .pre-start .text-zone .title-main .count6 {
  animation-delay: 1.8s;
}
.video .slide .pre-start .text-zone .title-main .count7 {
  animation-delay: 2s;
}
.video .slide .pre-start .text-zone .title-main .count8 {
  animation-delay: 2.2s;
}
.video .slide .pre-start .text-zone .title-main .count9 {
  animation-delay: 2.4s;
}
.video .slide .pre-start .text-zone .title-main .count10 {
  animation-delay: 2.6s;
}
.video .slide .pre-start .text-zone .title-main .count11 {
  animation-delay: 2.8s;
}
.video .slide .pre-start .text-zone .title-main .count12 {
  animation-delay: 3s;
}
.video .slide .pre-start .text-zone .title-main .count13 {
  animation-delay: 3.2s;
}
.video .slide .pre-start .text-zone .title-main .count14 {
  animation-delay: 3.4s;
}
.video .slide .pre-start .text-zone .title-main .count15 {
  animation-delay: 3.6s;
}
.video .slide .pre-start .text-zone .title-main .count16 {
  animation-delay: 3.8s;
}
.video .slide .pre-start .text-zone .title-main .count17 {
  animation-delay: 4s;
}
.video .slide .pre-start .text-zone .title-main .count18 {
  animation-delay: 4.2s;
}
.video .slide .pre-start .text-zone .title-main .count19 {
  animation-delay: 4.4s;
}
.video .slide .pre-start .text-zone .title-main .count20 {
  animation-delay: 4.6s;
}
.video .slide .pre-start .text-zone .title-sub {
  margin-top: 25px;
  text-transform: none;
}
.video .slide .pre-start .text-zone .text {
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .pre-start .images-list {
  position: absolute;
  bottom: -30px;
  height: 260px;
  left: 50%;
  width: 200%;
  transform: translateX(-50%) translateY(100%);
}
.video .slide .pre-start .images-list > .element {
  display: inline-block;
  margin: 0 35px;
  height: 100%;
  transform: scale(0);
  animation-name: images-list;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  backface-visibility: hidden;
}
.video .slide .pre-start .images-list > .element:nth-child(1) {
  animation-delay: 0.9s;
}
.video .slide .pre-start .images-list > .element:nth-child(1) > img {
  animation-delay: -9.65s;
}
.video .slide .pre-start .images-list > .element:nth-child(2) {
  animation-delay: 1s;
}
.video .slide .pre-start .images-list > .element:nth-child(2) > img {
  animation-delay: -9.3s;
}
.video .slide .pre-start .images-list > .element:nth-child(3) {
  animation-delay: 1.1s;
}
.video .slide .pre-start .images-list > .element:nth-child(3) > img {
  animation-delay: -8.95s;
}
.video .slide .pre-start .images-list > .element:nth-child(4) {
  animation-delay: 1.2s;
}
.video .slide .pre-start .images-list > .element:nth-child(4) > img {
  animation-delay: -8.6s;
}
.video .slide .pre-start .images-list > .element:nth-child(5) {
  animation-delay: 1.3s;
}
.video .slide .pre-start .images-list > .element:nth-child(5) > img {
  animation-delay: -8.25s;
}
.video .slide .pre-start .images-list > .element:nth-child(6) {
  animation-delay: 1.4s;
}
.video .slide .pre-start .images-list > .element:nth-child(6) > img {
  animation-delay: -7.9s;
}
.video .slide .pre-start .images-list > .element:nth-child(7) {
  animation-delay: 1.5s;
}
.video .slide .pre-start .images-list > .element:nth-child(7) > img {
  animation-delay: -7.55s;
}
.video .slide .pre-start .images-list > .element:nth-child(8) {
  animation-delay: 1.6s;
}
.video .slide .pre-start .images-list > .element:nth-child(8) > img {
  animation-delay: -7.2s;
}
.video .slide .pre-start .images-list > .element:nth-child(9) {
  animation-delay: 1.7s;
}
.video .slide .pre-start .images-list > .element:nth-child(9) > img {
  animation-delay: -6.85s;
}
.video .slide .pre-start .images-list > .element:nth-child(10) {
  animation-delay: 1.8s;
}
.video .slide .pre-start .images-list > .element:nth-child(10) > img {
  animation-delay: -6.5s;
}
@keyframes images-list {
  60% {
    transform: scale(1.12);
  }
  100% {
    transform: none;
  }
}
.video .slide .pre-start .images-list > .element > img {
  display: inline-block;
  height: 100%;
  font-size: 0.6em;
  animation-name: floating;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes prestart-text-zone {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@keyframes prestart-text-zone-white {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.17);
  }
  100% {
    transform: scale(1);
  }
}
.video .subscribe-fit {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 500;
  display: none;
}
.video .subscribe-fit > .bg-blur {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .subscribe-fit .image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-800px) scale(0.001);
  display: block;
  height: 600px;
  width: 1000px;
  text-align: center;
}
.video .subscribe-fit .image > img {
  display: inline-block;
  height: 100%;
}
.video .subscribe-fit > .subscribe-out-out {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(1);
}
.video .subscribe-fit .subscribe-button {
  animation-delay: 1.7s !important;
}
.video .subscribe-fit.start {
  display: block;
}
.video .subscribe-fit.start > .bg-blur {
  animation-name: subscribe-bg-blur;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
@keyframes subscribe-bg-blur {
  from {
    backdrop-filter: blur(0px);
    background-color: rgba(50, 50, 50, 0);
  }
  to {
    backdrop-filter: blur(25px);
    background-color: rgba(50, 50, 50, 0.3);
  }
}
.video .subscribe-fit.start .image {
  animation-name: subscribe-fit-image;
  animation-delay: 1.25s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes subscribe-fit-image {
  80% {
    transform: translateX(-50%) translateY(-180px);
  }
  100% {
    transform: translateX(-50%) translateY(-200px);
  }
}
.video .subscribe-fit.start .image > img {
  animation-name: floating;
  animation-delay: 2.25s;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
}
.video .subscribe-fit.start > .subscribe-out-out {
  animation-name: subscribe-out-out;
  animation-delay: 1.25s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}
@keyframes subscribe-out-out {
  80% {
    transform: translateY(300px) scale(0.85);
  }
  100% {
    transform: translateY(280px) scale(0.9);
  }
}

.video .subscribe {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(-5deg);
}
.video .subscribe > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .subscribe > .in .subscribe-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ff0000;
  box-shadow: 0 6px rgba(0, 0, 0, 0.15);
  color: white;
  border-radius: 2.5em;
  padding: 2.5em 5em;
  display: flex;
  align-items: center;
  animation-name: subscribe-button;
  animation-delay: 1.7s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@keyframes subscribe-button {
  0% {
    transform: translate(-50%, -50%);
  }
  2.5% {
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  3.75% {
    transform: translate(-50%, -50%) rotate(7deg);
  }
  10% {
    transform: translate(-50%, -50%);
  }
}
.video .subscribe > .in .subscribe-button .icon {
  position: absolute;
  animation-name: subscribe-button-icon-out;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
@keyframes subscribe-button-icon-out {
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: none;
  }
}
.video .subscribe > .in .subscribe-button .icon.like {
  width: 8.5em;
  height: 8.5em;
  top: -4.25em;
  left: -4.75em;
}
.video .subscribe > .in .subscribe-button .icon.like > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt.tbhquiz.com/style/img/subscribe/like.gif");
  animation-name: subscribe-icon-like;
  transform: translateX(-150%) translateY(-50%) rotate(15deg);
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-duration: 0.5s;
  opacity: 0;
}
@keyframes subscribe-icon-like {
  100% {
    opacity: 1;
    transform: rotate(-15deg);
  }
}
.video .subscribe > .in .subscribe-button .icon.bell {
  width: 8em;
  height: 8em;
  bottom: -3.75em;
  right: -3.75em;
}
.video .subscribe > .in .subscribe-button .icon.bell > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt.tbhquiz.com/style/img/subscribe/bell.gif");
  animation-name: subscribe-icon-bell;
  transform: translateX(150%) translateY(50%) rotate(-15deg);
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-duration: 0.5s;
  opacity: 0;
}
@keyframes subscribe-icon-bell {
  100% {
    opacity: 1;
    transform: rotate(15deg);
  }
}
.video .subscribe > .in .subscribe-button .text-button {
  text-transform: uppercase;
  font-size: 5.5em;
  font-size: 5em;
  line-height: 1.025em;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  animation-name: subscribe-button-text-button;
  animation-delay: 1.7s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@keyframes subscribe-button-text-button {
  0% {
    transform: none;
  }
  2.5% {
    transform: scaleY(0.85) scaleX(0.95);
  }
  3.75% {
    transform: scaleY(1.1) scaleX(1.025);
  }
  10% {
    transform: none;
  }
}

.video .logo {
  display: flex;
  align-items: center;
  font-family: "Jost", "Poppins";
  font-weight: 700;
}
.video .logo.is-animated > .logo-icon > .logo-icon-image {
  animation-name: logo-icon-image;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-duration: 1.5s;
  transform: rotate(-110deg) scale(0);
}
@keyframes logo-icon-image {
  33.33% {
    transform: rotate(12deg) scale(1.66);
  }
  66.66% {
    transform: rotate(-8deg) scale(0.8);
  }
  100% {
    transform: none;
  }
}
.video .logo.is-animated > .logo-icon > .text-list > .element {
  opacity: 0;
  animation-delay: 1s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
.video .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  animation-name: logo-text-list1;
  animation-fill-mode: forwards;
  transform: translateX(-50%) translateY(-50%);
}
@keyframes logo-text-list1 {
  40% {
    transform: translateX(-110%) translateY(-50%);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%) translateY(-50%);
    opacity: 1;
  }
}
.video .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  animation-name: logo-text-list2;
  transform: translateX(50%) translateY(-50%);
}
@keyframes logo-text-list2 {
  40% {
    transform: translateX(110%) translateY(-50%);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) translateY(-50%);
    opacity: 1;
  }
}
.video .logo.is-animated > .logo-icon > .text-list > .element:nth-child(3) {
  animation-name: logo-text-list3;
  animation-delay: 1.75s;
  animation-duration: 0.5s;
  transform: translateX(472px) translateY(120px) rotate(0deg) scale(0.52);
  color: #fefc02;
}
@keyframes logo-text-list3 {
  100% {
    transform: translateX(72px) translateY(120px) rotate(0deg) scale(0.52);
    opacity: 1;
  }
}
.video .logo.is-animated > .logo-icon > .text-list > .element:nth-child(3) > .in {
  animation-name: logo-text-list3-in;
  animation-delay: 3.3s;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
@keyframes logo-text-list3-in {
  40% {
    transform: scale(1.2) rotate(-0.5deg);
  }
  60% {
    transform: scale(1.3) rotate(1.5deg);
  }
  100% {
    transform: scale(1);
  }
}
.video .logo > .logo-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 340px;
  height: 440px;
}
.video .logo > .logo-icon > .logo-icon-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video .logo > .logo-icon > .text-list {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 2.5%;
  width: 95%;
}
.video .logo > .logo-icon > .text-list > .element {
  position: absolute;
  font-size: 10.5em;
  text-shadow: 0em 0.04em 0.02em rgba(0, 0, 0, 0.35);
  top: 50%;
}
.video .logo > .logo-icon > .text-list > .element:nth-child(1) {
  left: 0;
  transform: translateX(-100%) translateY(-50%);
}
.video .logo > .logo-icon > .text-list > .element:nth-child(2) {
  right: 0;
  transform: translateX(100%) translateY(-50%);
}

.video .slide .watch-next {
  position: absolute;
  width: 100%;
  height: 100%;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .watch-next.mode-one .carousel .other-video {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 30px;
}
.video .slide .watch-next.mode-one .carousel .other-video:nth-child(1) {
  margin-right: 0px;
}
.video .slide .watch-next.mode-one .carousel .other-video:nth-child(2) {
  display: none;
}
.video .slide .watch-next.mode-one .carousel .other-video > .loading-next-video > .in {
  border-radius: 2em;
  left: 50%;
  transform: translateX(-50%);
  animation-name: loading-next-video-in-mode-one;
}
@keyframes loading-next-video-in-mode-one {
  96% {
    width: 100%;
    opacity: 1;
    transform: translateX(-50%);
  }
  98% {
    opacity: 0;
    transform: translateX(-50%) rotate(5deg) translateY(100%);
  }
  100% {
    width: 0%;
    opacity: 0;
  }
}
.video .slide .watch-next.mode-one .subscribe-out, .video .slide .watch-next.mode-one .text-zone-top {
  display: none !important;
}
.video .slide .watch-next .text-zone-top {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  width: 80%;
  top: 4.5%;
  height: 20%;
  text-align: center;
  text-transform: uppercase;
}
.video .slide .watch-next .text-zone-top .text {
  display: inline-block;
  background-color: black;
  padding: 20px 40px;
  font-weight: 600;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}
.video .slide .watch-next .carousel {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*.channel-thumb {
    display: inline-block;
    background-color: rgba(black, .05);
    width: 290px;
    height: 290px;
    border-radius: $radius-full;
    margin: 0 90px;
  }*/
}
.video .slide .watch-next .carousel .other-video {
  display: inline-block;
  width: 45.5%;
  position: relative;
  border-radius: 2em;
}
.video .slide .watch-next .carousel .other-video:nth-child(1) {
  margin-right: 48px;
}
.video .slide .watch-next .carousel .other-video:nth-child(2) {
  margin-left: 48px;
}
.video .slide .watch-next .carousel .other-video > .ratio {
  margin-top: 56.25%;
  background-color: black;
}
.video .slide .watch-next .carousel .other-video > .loading-next-video {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 40px;
  transform: translateY(calc(100% + 20px)) translateX(-50%);
}
.video .slide .watch-next .carousel .other-video > .loading-next-video > .in {
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: white;
  box-shadow: 0 6px rgba(0, 0, 0, 0.15);
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
  animation-name: loading-next-video-in;
  animation-delay: 1.5s;
  animation-duration: 12s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
@keyframes loading-next-video-in {
  96% {
    width: 100%;
    opacity: 1;
    transform: none;
  }
  98% {
    opacity: 0;
    transform: rotate(5deg) translateY(100%);
  }
  100% {
    width: 0%;
    opacity: 0;
  }
}
.video .slide .watch-next .subscribe-out {
  position: absolute;
  width: 100%;
  height: 28%;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%) scale(0.725);
}
.video .slide .watch-next .subscribe-out .subscribe-button {
  animation-delay: 3.7s;
}
.video .slide .watch-next .subscribe-out .subscribe-button .text-button {
  animation-delay: 3.7s;
}

.transition-sponge {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(1.3) translateX(100%);
  z-index: 1000;
  display: none;
  will-change: auto;
}
.transition-sponge * {
  will-change: auto;
}
.transition-sponge.get-image-bg > svg {
  display: none;
}
.transition-sponge.get-image-bg > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/zlxrnd.png") !important;
  width: 380px;
  height: 380px;
}
.transition-sponge.transition-loading {
  display: block;
  animation-name: transition-sponge;
  animation-fill-mode: forwards;
  animation-duration: 1.45s;
}
@keyframes transition-sponge {
  58% {
    transform: scale(1.3) translateX(0%);
  }
  100% {
    transform: scale(1.3) translateX(-100%);
  }
}
.transition-sponge > svg {
  fill: #2f0862;
  position: absolute;
  width: 100%;
  height: 100%;
}
.transition-sponge > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://yt-mirror.tbhquiz.com/files/kb6trv.png");
  width: 400px;
  height: 400px;
  /*animation-name: transition-sponge-svg;
  animation-fill-mode: forwards;
  animation-duration: $transitionSpongeDuration;
  transform: translate(-50%, -50%) scale(0.01) rotate(0deg);
  @keyframes transition-sponge-svg {
    58% {
  		transform: translate(-50%, -50%) scale(1.2) rotate(0deg);
  	}
    100% {
      transform: translate(-50%, -50%) scale(0.6) rotate(0deg);
  	}
  }*/
}

.video .slide.transition-loading * {
  animation-play-state: paused !important;
}
.video .slide.transition-jump-old {
  z-index: 99;
  animation-name: transition-jump-old;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
  animation-timing-function: linear;
}
.video .slide.transition-jump-old .disclaimer {
  opacity: 0;
  transition: opacity 0.2s;
}
@keyframes transition-jump-old {
  100% {
    transform: scale(2);
  }
}
.video .slide.transition-jump-new {
  z-index: 100;
  animation-name: transition-jump-new;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-duration: 1.2s;
  opacity: 0;
  transform: scale(1);
}
@keyframes transition-jump-new {
  30% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide.transition-horizontal-old {
  z-index: 99;
  animation-name: transition-horizontal-old;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
@keyframes transition-horizontal-old {
  100% {
    transform: translateX(-100%);
  }
}
.video .slide.transition-horizontal-new {
  z-index: 100;
  animation-name: transition-horizontal-new;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
  /*transform: translateX(calc(100% + 300px));
  box-shadow: -100px 0 $logo-color, -200px 0 $logo-color-z, -300px 0 $logo-color-a;*/
  transform: translateX(100%);
}
@keyframes transition-horizontal-new {
  100% {
    transform: none;
  }
}
.video .slide.transition-vertical-old {
  z-index: 99;
  animation-name: transition-vertical-old;
  animation-fill-mode: forwards;
  animation-duration: 0.9s;
  animation-timing-function: linear;
}
@keyframes transition-vertical-old {
  100% {
    transform: translateY(10%) scale(120%);
  }
}
.video .slide.transition-vertical-new {
  z-index: 100;
  animation-name: transition-vertical-new;
  animation-fill-mode: forwards;
  animation-duration: 0.9s;
  transform: translateY(-100%) perspective(100px) rotateX(-30deg);
}
@keyframes transition-vertical-new {
  100% {
    transform: none;
  }
}

.page-video.format-type-short .video .tag.left-center {
  top: 50%;
  left: 45px;
}
.page-video.format-type-short .video .tag.right-center {
  top: 50%;
  right: 45px;
}
.page-video.format-type-short .video .tag.left-bottom {
  bottom: 45px;
  left: 45px;
  transform: rotate(-90deg);
}
.page-video.format-type-short .video .tag.bottom-center {
  bottom: 100px;
}
.page-video.format-type-short .video .tag > .name {
  text-transform: none;
  font-size: 3.25em;
  font-weight: 600;
  transform: translateY(5%);
}
.page-video.format-type-short .video .tag > .name > span {
  display: inline-block;
  transform: scale(1.2);
  margin-right: 0.25em;
}

.video .tag {
  position: absolute;
  z-index: 200;
  display: flex;
  align-items: center;
  opacity: 0.66;
  font-family: "Jost", "Poppins";
  font-weight: 700;
  z-index: 0;
}
.video .tag > .icon {
  width: 54px;
  height: 54px;
  margin-right: 17.82px;
  background-image: url("https://yt.tbhquiz.com/style/img/tag/youtube.png");
}
.video .tag > .name {
  text-transform: uppercase;
  font-size: 2.5em;
  font-weight: 500;
  transform: translateY(5%);
}
.video .tag.left-center {
  top: 50%;
  left: 72px;
  transform: translateY(-50%) translateX(-50%) rotate(-90deg);
}
.video .tag.left-bottom {
  bottom: 72px;
  left: 72px;
  transform: rotate(-90deg);
  transform-origin: center left;
}
.video .tag.right-center {
  top: 50%;
  right: 72px;
  transform: translateY(-50%) translateX(50%) rotate(-90deg);
}
.video .tag.bottom-center {
  bottom: 54px;
  left: 50%;
  transform: translateX(-50%);
}
.video .tag.for-theme-white {
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%) scale(0.95);
  color: black;
  letter-spacing: 0.2em;
  opacity: 1;
  font-family: "Bangers";
  font-size: 1.75em;
  z-index: 100;
  animation-name: tagForThemeWhite;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes tagForThemeWhite {
  50% {
    transform: translateX(-50%) scale(1.05);
  }
}
.video .tag.for-theme-white > .icon {
  width: 100px;
  height: 100px;
  margin-right: 0px;
  background-image: url("https://yt-mirror.tbhquiz.com/files/1le95u.png");
}
.video .tag.for-theme-white > .name {
  color: white;
  text-shadow: 0em 0.03em 0 rgba(0, 0, 0, 0.8), 0em 0.05em 0.05em rgba(0, 0, 0, 0.6);
}

.video .tag-icon {
  position: absolute;
  top: 28.8px;
  right: 28.8px;
  width: 150px;
  height: 150px;
}
.video .tag-icon.left {
  bottom: 36px;
  top: auto;
  right: auto;
  left: 36px;
}
.video .tag-icon.right-bottom {
  bottom: 28.8px;
  right: 28.8px;
  top: auto;
  left: auto;
}
.video .tag-icon > .icon {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/d6rzyn.png");
  animation-delay: 1s;
  animation-duration: 8s;
  animation-name: tag-icon;
  animation-iteration-count: infinite;
}
@keyframes tag-icon {
  0% {
    transform: none;
  }
  1.5% {
    transform: rotate(-8deg);
  }
  3% {
    transform: none;
  }
  4.5% {
    transform: rotate(-8deg);
  }
  6% {
    transform: none;
  }
  7.5% {
    transform: rotate(-8deg);
  }
  9% {
    transform: none;
  }
  12% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.2);
  }
  21% {
    transform: none;
  }
}

.video .timer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 40%;
  width: 60%;
  height: 74px;
  padding: 12px;
  background-color: white;
  border-radius: 10000px;
  box-shadow: 0 10px 4px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, 200%);
}
.video .timer.get-image > .in {
  overflow: visible;
}
.video .timer.get-image > .in > .in {
  overflow: visible;
  box-shadow: inset 0 0 13px 3px rgba(255, 255, 255, 0.75);
}
.video .timer.show {
  animation-duration: 0.3s;
  animation-name: timer-show;
  animation-fill-mode: forwards;
}
@keyframes timer-show {
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
.video .timer.start > .in > .in {
  animation-name: timer-in-grow;
}
.video .timer.end {
  transform: translate(-50%, -50%);
  animation-delay: 0.3s !important;
  animation-duration: 0.3s;
  animation-name: timer-end;
  animation-fill-mode: forwards;
}
@keyframes timer-end {
  .video .timer.end {
    /*50% {
      transform: translate(-50%, -55%) scale(1.1);
    }*/
  }
  100% {
    transform: translate(-50%, 200%);
  }
}
.video .timer.warning1 > .in {
  box-shadow: 0 0 0 5px #b28c05;
}
.video .timer.warning1 > .in > .in {
  background: linear-gradient(#f9ca24 75%, #daab06);
}
.video .timer.warning2 > .in {
  box-shadow: 0 0 0 5px #bb1715;
}
.video .timer.warning2 > .in > .in {
  background: linear-gradient(#eb4d4b 75%, #bb1715);
}
.video .timer > .in {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.175), rgba(0, 0, 0, 0.06) 40%);
  border-radius: 10000px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 0 5px #17863e;
  transition: 0.2s;
}
.video .timer > .in > .timer-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://yt-mirror.tbhquiz.com/files/53stxr.png");
  background-size: 100%;
  background-position: center;
  border-radius: 10000px;
  opacity: 0.5;
  animation-name: timer-bg;
  animation-duration: 60s;
}
@keyframes timer-bg {
  100% {
    background-size: 200%;
  }
}
.video .timer > .in > .timer-in-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 10000px;
  box-shadow: inset 0 0 15px 3px white;
}
.video .timer > .in > .in {
  width: 100%;
  height: 100%;
  background: linear-gradient(#29DA67, #1ead50);
  border-radius: 10000px;
  overflow: hidden;
  position: relative;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  transition: 0.2s;
  box-shadow: 0 0 30px 8px white;
}
.video .timer > .in > .in > .timer-image-bg {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  height: 220%;
  z-index: 1;
}
.video .timer > .in > .in > .timer-image {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateX(50%) translateY(-50%) rotate(-5deg) scaleX(0.95);
  height: 190%;
  z-index: 1;
  animation-delay: 0.3s;
  animation-duration: 2s;
  animation-name: timer-image;
  animation-iteration-count: infinite;
}
@keyframes timer-image {
  50% {
    transform: translateX(50%) translateY(-50%) rotate(5deg) scaleX(1.05);
  }
}
@keyframes timer-in-grow {
  100% {
    width: 0%;
  }
}
.video .timer > .in > .in > .timer-in-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/4yjexs.png");
  background-repeat: repeat-x;
  background-size: auto 210%;
  background-position: 0 center;
  opacity: 0.2;
  border-radius: 10000px;
  animation-name: timer-in-bg;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes timer-in-bg {
  100% {
    background-position: 7000px center;
  }
}
.video .timer > .in > .in > .timer-in-bg2 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/2elf6v.png");
  background-repeat: repeat;
  background-size: 780px;
  background-position: 0 0;
  opacity: 1;
  animation-name: timer-in-bg2;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes timer-in-bg2 {
  100% {
    background-position: 0 -4000px;
  }
}

.platform-facebook > .video {
  width: 864px !important;
  height: 1080px !important;
}
.platform-facebook .slide .template.template-guess-image > .content > .guess-image > .image-out {
  height: 50% !important;
}
.platform-facebook .video .timer > .in > .timer-bg {
  background-size: 200% !important;
  animation-name: timer-bg-fb !important;
}
@keyframes timer-bg-fb {
  100% {
    background-size: 400% !important;
  }
}

.video .slide .title-yoga {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 20%;
  text-transform: uppercase;
  text-align: center;
  /*&.get-subscribe {
    .text-zone {
      transform: translateY(-80px);
    }
  }*/
}
.video .slide .title-yoga .text-zone {
  position: absolute;
  width: 100%;
  height: 100%;
  animation-name: titleYoga-text-zone;
  animation-iteration-count: infinite;
  transform: rotate(-1deg);
}
.video .slide .title-yoga .text-zone .title-main i {
  display: inline-block;
  font-style: normal;
  animation-name: title-word;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
@keyframes title-word {
  40% {
    transform: scaleX(1.03) scaleY(1.2);
  }
  65% {
    transform: scaleX(0.98) scaleY(0.93);
  }
  100% {
    transform: none;
  }
}
.video .slide .title-yoga .text-zone .title-main .count0 {
  animation-delay: 0.6s;
}
.video .slide .title-yoga .text-zone .title-main .count1 {
  animation-delay: 0.8s;
}
.video .slide .title-yoga .text-zone .title-main .count2 {
  animation-delay: 1s;
}
.video .slide .title-yoga .text-zone .title-main .count3 {
  animation-delay: 1.2s;
}
.video .slide .title-yoga .text-zone .title-main .count4 {
  animation-delay: 1.4s;
}
.video .slide .title-yoga .text-zone .title-main .count5 {
  animation-delay: 1.6s;
}
.video .slide .title-yoga .text-zone .title-main .count6 {
  animation-delay: 1.8s;
}
.video .slide .title-yoga .text-zone .title-main .count7 {
  animation-delay: 2s;
}
.video .slide .title-yoga .text-zone .title-main .count8 {
  animation-delay: 2.2s;
}
.video .slide .title-yoga .text-zone .title-main .count9 {
  animation-delay: 2.4s;
}
.video .slide .title-yoga .text-zone .title-main .count10 {
  animation-delay: 2.6s;
}
.video .slide .title-yoga .text-zone .title-main .count11 {
  animation-delay: 2.8s;
}
.video .slide .title-yoga .text-zone .title-main .count12 {
  animation-delay: 3s;
}
.video .slide .title-yoga .text-zone .title-main .count13 {
  animation-delay: 3.2s;
}
.video .slide .title-yoga .text-zone .title-main .count14 {
  animation-delay: 3.4s;
}
.video .slide .title-yoga .text-zone .title-main .count15 {
  animation-delay: 3.6s;
}
.video .slide .title-yoga .text-zone .title-main .count16 {
  animation-delay: 3.8s;
}
.video .slide .title-yoga .text-zone .title-main .count17 {
  animation-delay: 4s;
}
.video .slide .title-yoga .text-zone .title-main .count18 {
  animation-delay: 4.2s;
}
.video .slide .title-yoga .text-zone .title-main .count19 {
  animation-delay: 4.4s;
}
.video .slide .title-yoga .text-zone .title-main .count20 {
  animation-delay: 4.6s;
}
.video .slide .title-yoga .text-zone .text {
  color: #021b41;
  text-shadow: 8px 8px 0 rgba(0, 0, 0, 0.15);
}
.video .slide .title-yoga .images-list {
  position: absolute;
  height: 370px;
  left: 50%;
  width: 200%;
  transform: translateX(-50%) translateY(100%);
}
.video .slide .title-yoga .images-list.is-top {
  top: -750px;
}
.video .slide .title-yoga .images-list.is-bottom {
  bottom: 0px;
}
.video .slide .title-yoga .images-list > .element {
  display: inline-block;
  margin: 0 5px;
  height: 100%;
  transform: scale(0);
  animation-name: titleYoga-images-list;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  backface-visibility: hidden;
}
.video .slide .title-yoga .images-list > .element:nth-child(1) {
  animation-delay: 0.9s;
}
.video .slide .title-yoga .images-list > .element:nth-child(1) > img {
  animation-delay: -9.65s;
}
.video .slide .title-yoga .images-list > .element:nth-child(2) {
  animation-delay: 1s;
}
.video .slide .title-yoga .images-list > .element:nth-child(2) > img {
  animation-delay: -9.3s;
}
.video .slide .title-yoga .images-list > .element:nth-child(3) {
  animation-delay: 1.1s;
}
.video .slide .title-yoga .images-list > .element:nth-child(3) > img {
  animation-delay: -8.95s;
}
.video .slide .title-yoga .images-list > .element:nth-child(4) {
  animation-delay: 1.2s;
}
.video .slide .title-yoga .images-list > .element:nth-child(4) > img {
  animation-delay: -8.6s;
}
.video .slide .title-yoga .images-list > .element:nth-child(5) {
  animation-delay: 1.3s;
}
.video .slide .title-yoga .images-list > .element:nth-child(5) > img {
  animation-delay: -8.25s;
}
.video .slide .title-yoga .images-list > .element:nth-child(6) {
  animation-delay: 1.4s;
}
.video .slide .title-yoga .images-list > .element:nth-child(6) > img {
  animation-delay: -7.9s;
}
.video .slide .title-yoga .images-list > .element:nth-child(7) {
  animation-delay: 1.5s;
}
.video .slide .title-yoga .images-list > .element:nth-child(7) > img {
  animation-delay: -7.55s;
}
.video .slide .title-yoga .images-list > .element:nth-child(8) {
  animation-delay: 1.6s;
}
.video .slide .title-yoga .images-list > .element:nth-child(8) > img {
  animation-delay: -7.2s;
}
.video .slide .title-yoga .images-list > .element:nth-child(9) {
  animation-delay: 1.7s;
}
.video .slide .title-yoga .images-list > .element:nth-child(9) > img {
  animation-delay: -6.85s;
}
.video .slide .title-yoga .images-list > .element:nth-child(10) {
  animation-delay: 1.8s;
}
.video .slide .title-yoga .images-list > .element:nth-child(10) > img {
  animation-delay: -6.5s;
}
@keyframes titleYoga-images-list {
  60% {
    transform: scale(1.12);
  }
  100% {
    transform: none;
  }
}
.video .slide .title-yoga .images-list > .element > img {
  display: inline-block;
  height: 100%;
  font-size: 0.6em;
  animation-name: floating-light;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes titleYoga-text-zone {
  0% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes titleYoga-text-zone-white {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.17);
  }
  100% {
    transform: scale(1);
  }
}
.video .slide .template {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 72px);
  height: calc(100% - 72px);
  display: flex;
  flex-flow: column;
}
.video .slide .template.reveal .hide-on-reveal {
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-name: hide-on-reveal;
}
@keyframes hide-on-reveal {
  100% {
    opacity: 0;
  }
}
.video .slide .template .question-number {
  position: absolute;
  width: 130px;
  height: 130px;
  font-family: "Kanit", "Poppins";
  font-weight: 700;
  z-index: 1;
}
.video .slide .template .question-number.is-v2 {
  width: 145px;
  height: 145px;
  top: -7.5px;
  left: -2.5px;
}
.video .slide .template .question-number.is-v2 > .in {
  animation-name: number-in-v2;
  animation-duration: 2s;
  transform: scale(0.98);
}
@keyframes number-in-v2 {
  50% {
    transform: scale(1.04);
  }
}
.video .slide .template .question-number > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template .question-number > .in > .question-number-v2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}
.video .slide .template .question-number > .in > .question-number-v2 > .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  filter: drop-shadow(0 0 0 white) drop-shadow(0 0.325em 0 white) drop-shadow(0 -0.325em 0 white) drop-shadow(0.325em 0 0 white) drop-shadow(-0.325em 0 0 white) drop-shadow(0 0.5em 0.2em rgba(0, 0, 0, 0.1));
}
.video .slide .template .question-number > .in > .question-number-v2 > .number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5.25em;
  line-height: 100%;
  color: white;
  font-weight: 900;
  font-family: "Nunito" !important;
}
.video .slide .template .question-number.one-digit > .in > .value {
  font-size: 6em;
}
.video .slide .template .question-number.bottom-left {
  bottom: 12px;
}
.video .slide .template .question-number.is-image.one-digit > .in > .value, .video .slide .template .question-number.skin1.one-digit > .in > .value, .video .slide .template .question-number.skin2.one-digit > .in > .value, .video .slide .template .question-number.skin3.one-digit > .in > .value, .video .slide .template .question-number.skin4.one-digit > .in > .value, .video .slide .template .question-number.skin5.one-digit > .in > .value, .video .slide .template .question-number.skin6.one-digit > .in > .value, .video .slide .template .question-number.skin7.one-digit > .in > .value, .video .slide .template .question-number.skin8.one-digit > .in > .value, .video .slide .template .question-number.skin9.one-digit > .in > .value, .video .slide .template .question-number.skin10.one-digit > .in > .value, .video .slide .template .question-number.skin11.one-digit > .in > .value, .video .slide .template .question-number.skin12.one-digit > .in > .value, .video .slide .template .question-number.skin13.one-digit > .in > .value, .video .slide .template .question-number.skinfoot1.one-digit > .in > .value, .video .slide .template .question-number.skinfoot2.one-digit > .in > .value {
  font-size: 6em;
}
.video .slide .template .question-number.is-image.three-digit > .in > .value, .video .slide .template .question-number.skin1.three-digit > .in > .value, .video .slide .template .question-number.skin2.three-digit > .in > .value, .video .slide .template .question-number.skin3.three-digit > .in > .value, .video .slide .template .question-number.skin4.three-digit > .in > .value, .video .slide .template .question-number.skin5.three-digit > .in > .value, .video .slide .template .question-number.skin6.three-digit > .in > .value, .video .slide .template .question-number.skin7.three-digit > .in > .value, .video .slide .template .question-number.skin8.three-digit > .in > .value, .video .slide .template .question-number.skin9.three-digit > .in > .value, .video .slide .template .question-number.skin10.three-digit > .in > .value, .video .slide .template .question-number.skin11.three-digit > .in > .value, .video .slide .template .question-number.skin12.three-digit > .in > .value, .video .slide .template .question-number.skin13.three-digit > .in > .value, .video .slide .template .question-number.skinfoot1.three-digit > .in > .value, .video .slide .template .question-number.skinfoot2.three-digit > .in > .value {
  font-size: 4.5em;
  letter-spacing: 0;
}
.video .slide .template .question-number.is-image > .in > .question-number-bg, .video .slide .template .question-number.skin1 > .in > .question-number-bg, .video .slide .template .question-number.skin2 > .in > .question-number-bg, .video .slide .template .question-number.skin3 > .in > .question-number-bg, .video .slide .template .question-number.skin4 > .in > .question-number-bg, .video .slide .template .question-number.skin5 > .in > .question-number-bg, .video .slide .template .question-number.skin6 > .in > .question-number-bg, .video .slide .template .question-number.skin7 > .in > .question-number-bg, .video .slide .template .question-number.skin8 > .in > .question-number-bg, .video .slide .template .question-number.skin9 > .in > .question-number-bg, .video .slide .template .question-number.skin10 > .in > .question-number-bg, .video .slide .template .question-number.skin11 > .in > .question-number-bg, .video .slide .template .question-number.skin12 > .in > .question-number-bg, .video .slide .template .question-number.skin13 > .in > .question-number-bg, .video .slide .template .question-number.skinfoot1 > .in > .question-number-bg, .video .slide .template .question-number.skinfoot2 > .in > .question-number-bg {
  background-size: 100.5%;
  box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.video .slide .template .question-number.is-image > .in > .value, .video .slide .template .question-number.skin1 > .in > .value, .video .slide .template .question-number.skin2 > .in > .value, .video .slide .template .question-number.skin3 > .in > .value, .video .slide .template .question-number.skin4 > .in > .value, .video .slide .template .question-number.skin5 > .in > .value, .video .slide .template .question-number.skin6 > .in > .value, .video .slide .template .question-number.skin7 > .in > .value, .video .slide .template .question-number.skin8 > .in > .value, .video .slide .template .question-number.skin9 > .in > .value, .video .slide .template .question-number.skin10 > .in > .value, .video .slide .template .question-number.skin11 > .in > .value, .video .slide .template .question-number.skin12 > .in > .value, .video .slide .template .question-number.skin13 > .in > .value, .video .slide .template .question-number.skinfoot1 > .in > .value, .video .slide .template .question-number.skinfoot2 > .in > .value {
  font-size: 5.5em;
  text-shadow: 0em 0.03em 0 rgba(0, 0, 0, 0.8), 0em 0.05em 0.05em rgba(0, 0, 0, 0.6);
}
.video .slide .template .question-number.skin1 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/2wvhcb.png");
}
.video .slide .template .question-number.skin2 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/fc4jgw.png");
}
.video .slide .template .question-number.skin3 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/1mbcyf.png");
}
.video .slide .template .question-number.skin4 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/v0n49d.png");
}
.video .slide .template .question-number.skin5 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/50fiyd.png");
}
.video .slide .template .question-number.skin6 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/akyc4u.png");
}
.video .slide .template .question-number.skin7 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/5znvyr.png");
}
.video .slide .template .question-number.skin8 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/30jlg4.png");
}
.video .slide .template .question-number.skin9 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/mkih8q.png");
}
.video .slide .template .question-number.skin10 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/p4xtba.png");
}
.video .slide .template .question-number.skin11 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/d8esfh.png");
}
.video .slide .template .question-number.skin12 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/2b4c57.png");
}
.video .slide .template .question-number.skin13 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/21sh6v.png");
}
.video .slide .template .question-number.skinfoot1 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/hywbe6.png");
}
.video .slide .template .question-number.skinfoot2 > .in > .question-number-bg {
  background-image: url("https://yt-mirror.tbhquiz.com/files/8jfcy9.png");
}
.video .slide .template .question-number > .in {
  display: inline-block;
  width: 100%;
  position: relative;
  animation-name: number-in;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform: rotate(-4deg);
}
@keyframes number-in {
  50% {
    transform: rotate(4deg);
  }
}
.video .slide .template .question-number > .in > .bg-circle {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 148%;
  height: 148%;
  background-image: url("https://yt.tbhquiz.com/style/img/question-number/bg-circle.gif?2");
}
.video .slide .template .question-number > .in > .question-number-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(#fe1c54 60%, #cd0133);
  border-radius: 10000px;
  box-shadow: 0 6px rgba(0, 0, 0, 0.15);
  background-size: 100%;
  background-position: center;
}
.video .slide .template .question-number > .in > .ratio {
  margin-top: 100%;
}
.video .slide .template .question-number > .in > .value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5em;
  text-shadow: 0em 0.04em 0.02em rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.video .slide .template .question-number > .in > .current-level {
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #fe3667;
  padding: 7px 7px;
  border-radius: 14px;
  box-shadow: 0 6px rgba(0, 0, 0, 0.15);
  display: flex;
  animation-name: number-in-level;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform: translateX(-50%) translateY(50%) rotate(-2deg);
  /*transform: translateX(-50%) translateY(70%) scaleY(0);
  animation-duration: .6s;
  animation-delay: .1s;
  animation-fill-mode: forwards;
  animation-name: current-level;
  @keyframes current-level {
    60% {
      transform: translateX(-50%) translateY(48%) scale(1.18);
    }
    100% {
      transform: translateX(-50%) translateY(48%);
    }
  }*/
}
@keyframes number-in-level {
  50% {
    transform: translateX(-50%) translateY(50%) rotate(2deg);
  }
}
.video .slide .template .question-number > .in > .current-level > .element {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  background-image: url("https://yt.tbhquiz.com/style/img/question-number/level.png");
  opacity: 0.375;
}
.video .slide .template .question-number > .in > .current-level > .element.filled {
  opacity: 1;
}
.video .slide .template .question-number > .in > .current-level > .arrow {
  position: absolute;
  top: -8px;
  width: 26px;
  height: 26px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}
.video .slide .template .question-number > .in > .current-level.level1 {
  background-color: #00ff18;
}
.video .slide .template .question-number > .in > .current-level.level1 > .arrow {
  background-color: #00ff18;
}
.video .slide .template .question-number > .in > .current-level.level2 {
  background-color: #fefc02;
}
.video .slide .template .question-number > .in > .current-level.level2 > .arrow {
  background-color: #fefc02;
}
.video .slide .template .question-number > .in > .current-level.level3 {
  background-color: #ff5351;
}
.video .slide .template .question-number > .in > .current-level.level3 > .arrow {
  background-color: #ff5351;
}
.video .slide .template .question-number > .in > .current-level.level4 {
  background-color: #31dbe3;
}
.video .slide .template .question-number > .in > .current-level.level4 > .arrow {
  background-color: #31dbe3;
}
.video .slide .template .question-number > .in > .current-level.level2 > .element {
  background-image: url("https://yt.tbhquiz.com/style/img/question-number/level-dark.png");
  opacity: 0.2;
}
.video .slide .template .question-number > .in > .current-level.level2 > .element.filled {
  opacity: 1;
}
.video .slide .template .question-number.get-level > .in > .value {
  margin-top: -5%;
}
.video .slide .template .question-number.get-level.one-digit > .in > .value {
  margin-top: -10%;
}
.video .slide .template .question-levels {
  position: absolute;
  bottom: -6px;
  left: -60px;
  transform: translateX(-100%);
  animation-name: question-levels;
  animation-delay: 0.6s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes question-levels {
  60% {
    transform: translateX(8%);
  }
  100% {
    transform: none;
  }
}
@keyframes question-levels-right {
  60% {
    transform: translateX(-8%);
  }
  100% {
    transform: none;
  }
}
.video .slide .template .question-levels.top-right {
  bottom: auto;
  left: auto;
  top: -8px;
  right: -60px;
  text-align: right;
  transform: translateX(100%);
  animation-name: question-levels-right;
}
.video .slide .template .question-levels.top-right > .list > .element {
  padding-left: 15px;
  padding-right: 52.5px;
}
.video .slide .template .question-levels.top-right > .list > .element.selected {
  border-radius: 0px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 60px;
  padding-left: 32px;
  padding-right: 52.5px;
}
.video .slide .template .question-levels.top-left {
  bottom: auto;
  top: 160px;
}
.video .slide .template .question-levels > .list > .element {
  padding: 6px 0;
  padding-left: 52.5px;
  padding-right: 15px;
  font-style: italic;
  opacity: 0.75;
  text-transform: uppercase;
  position: relative;
  width: auto;
}
.video .slide .template .question-levels > .list > .element.selected {
  opacity: 1;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 100px;
  margin: 6px 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 24px;
  animation-name: question-levels-selected;
  animation-delay: 5s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
.video .slide .template .question-levels > .list > .element.selected > .text {
  font-size: 2.75em;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  font-weight: 700;
}
.video .slide .template .question-levels > .list > .element.selected > .text.long-text {
  font-size: 2.2em;
}
.video .slide .template .question-levels > .list > .element.selected > svg {
  display: inline-block;
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(1) {
  box-shadow: inset 0 0 0 4px #99ffa3, 0 3px 0 4px rgba(0, 128, 12, 0.35);
  background: linear-gradient(120deg, rgba(102, 255, 116, 0.33), rgba(0, 153, 14, 0.33));
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(1) > .text {
  color: #4dff5d;
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(2) {
  box-shadow: inset 0 0 0 4px #fefd4e, 0 3px 0 4px rgba(52, 51, 0, 0.35);
  background: linear-gradient(120deg, rgba(254, 252, 27, 0.33), rgba(77, 77, 0, 0.33));
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(2) > .text {
  color: #fefc02;
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(3) {
  box-shadow: inset 0 0 0 4px #ff9e9d, 0 3px 0 4px rgba(132, 2, 0, 0.35);
  background: linear-gradient(120deg, rgba(255, 108, 106, 0.33), rgba(157, 2, 0, 0.33));
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(3) > .text {
  color: #ff5351;
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(4) {
  box-shadow: inset 0 0 0 4px #aef1f4, 0 3px 0 4px rgba(16, 117, 122, 0.35);
  background: linear-gradient(120deg, rgba(129, 233, 238, 0.33), rgba(19, 138, 144, 0.33));
}
.video .slide .template .question-levels > .list > .element.selected:nth-child(4) > .text {
  color: #6BE5EB;
}
@keyframes question-levels-selected {
  4% {
    transform: scale(0.85);
  }
  7% {
    transform: scale(1.075);
  }
  10% {
    transform: none;
  }
  100% {
    transform: none;
  }
}
.video .slide .template .question-levels > .list > .element > .text {
  display: inline-block;
  font-weight: 600;
  font-size: 2.25em;
  line-height: 1.025em;
}
.video .slide .template .question-levels > .list > .element > .text.long-text {
  font-size: 1.8em;
}
.video .slide .template .question-title {
  transform: translateX(-50%) translateY(-19px);
  left: 50%;
  width: 80%;
  height: 168px;
  position: relative;
  font-weight: 600;
}
.video .slide .template .question-title.is-small {
  text-transform: uppercase;
}
.video .slide .template .question-title.is-small.get-second-title {
  transform: translateX(-50%) translateY(-19px);
}
.video .slide .template .question-title.is-small.get-high-content.get-second-title {
  transform: translateX(-50%) translateY(-16px);
}
.video .slide .template .question-title.is-small > .in {
  animation-name: none !important;
}
.video .slide .template .question-title.is-small > .in .text.text-l {
  font-size: 4em;
}
.video .slide .template .question-title > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  animation-delay: 0.5s;
}
.video .slide .template .question-title > .in .text {
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  /*text-shadow: 1px 0 0 #9f134f, 1px 1px 0 #9f134f, 0 1px 0 #9f134f, -1px 1px 0 #9f134f, -1px 0 0 #9f134f, -1px -1px 0 #9f134f, 0 -1px 0 #9f134f, 1px -1px 0 #9f134f,
  2px 0 0 #9f134f, 2px 2px 0 #9f134f, 0 2px 0 #9f134f, -2px 2px 0 #9f134f, -2px 0 0 #9f134f, -2px -2px 0 #9f134f, 0 -2px 0 #9f134f, 2px -2px 0 #9f134f,
  3px 0 0 #9f134f, 3px 3px 0 #9f134f, 0 3px 0 #9f134f, -3px 3px 0 #9f134f, -3px 0 0 #9f134f, -3px -3px 0 #9f134f, 0 -3px 0 #9f134f, 3px -3px 0 #9f134f,
  4px 0 0 #9f134f, 4px 4px 0 #9f134f, 0 4px 0 #9f134f, -4px 4px 0 #9f134f, -4px 0 0 #9f134f, -4px -4px 0 #9f134f, 0 -4px 0 #9f134f, 4px -4px 0 #9f134f,
  5px 0 0 #9f134f, 5px 5px 0 #9f134f, 0 5px 0 #9f134f, -5px 5px 0 #9f134f, -5px 0 0 #9f134f, -5px -5px 0 #9f134f, 0 -5px 0 #9f134f, 5px -5px 0 #9f134f,
  6px 0 0 #9f134f, 6px 6px 0 #9f134f, 0 6px 0 #9f134f, -6px 6px 0 #9f134f, -6px 0 0 #9f134f, -6px -6px 0 #9f134f, 0 -6px 0 #9f134f, 6px -6px 0 #9f134f,
  7px 0 0 #9f134f, 7px 7px 0 #9f134f, 0 7px 0 #9f134f, -7px 7px 0 #9f134f, -7px 0 0 #9f134f, -7px -7px 0 #9f134f, 0 -7px 0 #9f134f, 7px -7px 0 #9f134f,
  8px 0 0 #9f134f, 8px 8px 0 #9f134f, 0 8px 0 #9f134f, -8px 8px 0 #9f134f, -8px 0 0 #9f134f, -8px -8px 0 #9f134f, 0 -8px 0 #9f134f, 8px -8px 0 #9f134f,
  9px 0 0 #9f134f, 9px 9px 0 #9f134f, 0 9px 0 #9f134f, -9px 9px 0 #9f134f, -9px 0 0 #9f134f, -9px -9px 0 #9f134f, 0 -9px 0 #9f134f, 9px -9px 0 #9f134f,
  10px 0 0 #9f134f, 10px 10px 0 #9f134f, 0 10px 0 #9f134f, -10px 10px 0 #9f134f, -10px 0 0 #9f134f, -10px -10px 0 #9f134f, 0 -10px 0 #9f134f, 10px -10px 0 #9f134f,
  20px 0 0 rgba(black, .3)*/
}
.video .slide .template .question-title > .in .second-title {
  margin-top: 4px;
  font-size: 2.55em;
  padding: 24px 33px;
  border-radius: 20px;
  text-shadow: 0em 0.085em 2px rgba(0, 0, 0, 0.35);
  display: inline-block;
  text-transform: none;
  letter-spacing: 0.025em;
  background: linear-gradient(#ff1a54, #ff0645);
  box-shadow: 0 11px #cd0034;
}
.video .slide .template .question-title > .in .second-title.level1 {
  background: linear-gradient(#00ed00, #00d900);
  box-shadow: 0 11px #00a100;
  text-transform: none !important;
}
.video .slide .template .question-title > .in .second-title.level2 {
  background: linear-gradient(#f87800, #e46f00);
  box-shadow: 0 11px #ac5300;
  text-transform: none !important;
}
.video .slide .template .question-title > .in .second-title.level3 {
  background: linear-gradient(#fd1a52, #fd0643);
  box-shadow: 0 11px #c90233;
  text-transform: none !important;
}
.video .slide .template .question-title > .in .second-title.level4 {
  background: linear-gradient(#8f1bff, #8407ff);
  box-shadow: 0 11px #6800ce;
  text-transform: none !important;
}
.video .slide .template > .content {
  position: absolute;
  transform: translateX(-50%);
  top: 160px;
  left: 50%;
  width: 80%;
  height: calc(100% - 320px);
}
.video .slide .template > .content.large {
  width: 86%;
}
.video .slide .template > .content.x-large {
  width: 92%;
}
.video .slide .template > .footer {
  position: absolute;
  height: 130px;
  width: 100%;
  bottom: 0;
}
.video .slide .template > .footer.right {
  transform: rotate(-90deg) translateX(400px) translateY(1290px);
  width: 1000px;
}
.video .slide .template > .footer.right .timer {
  height: 62px;
}

.video .slide .template.template-emojis.start > .content .emojis-list {
  /*animation-name: emojis-list;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  @keyframes emojis-list {
    60% {
  		transform: translate(-50%, -50%) scale(1.2);
  	}
  	100% {
  		transform: translate(-50%, -50%) scale(1);
  	}
  }*/
}
.video .slide .template.template-emojis.reveal > .content.get-answer-image {
  transition: 0.5s;
  z-index: 10;
  transform: translateX(-50%) translateY(27%) scale(0.45);
}
.video .slide .template.template-emojis > .content .emojis-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 87%;
  height: 58%;
  position: relative;
  transform: translate(-50%, -50%) scale(1);
}
.video .slide .template.template-emojis > .content .emojis-list > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  /*animation-name: emojis-list-in-in;
  animation-delay: 1s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  @keyframes emojis-list-in-in {
    50% {
  		transform: scale(0.95);
  	}
  }*/
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element {
  margin: 0 60px;
  animation-delay: 1.25s;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  /*transform: rotate(-30deg) scale(0);
  animation-name: emoji-list-element;
   animation-fill-mode: forwards;
   animation-duration: 1s;
   @keyframes emoji-list-element {
     50% {
   		transform: rotate(4deg);
   	}
     70% {
   		transform: rotate(-2deg);
   	}
   	100% {
   		transform: none;
   	}
   }*/
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(even) {
  animation-name: emoji-element-even;
  transform: rotate(-2deg);
}
@keyframes emoji-element-even {
  50% {
    transform: rotate(2deg);
  }
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(odd) {
  animation-name: emoji-element-odd;
  transform: rotate(2deg);
}
@keyframes emoji-element-odd {
  50% {
    transform: rotate(-2deg);
  }
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element.is-separator {
  font-size: 16em;
  margin: 0 15px;
  text-shadow: 0em 0.04em 0.02em rgba(0, 0, 0, 0.35);
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element.is-image {
  display: inline-block;
  height: 100%;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element.is-image-large {
  display: inline-block;
  height: 100%;
  transform: scale(1.45) translateY(-20px);
  box-shadow: 0 0 0 1.2em rgba(0, 0, 0, 0.5), 0 0.6em 0.5em 1.2em rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element.is-text {
  font-size: 18em;
  text-shadow: 0em 0.04em 0.02em rgba(0, 0, 0, 0.35);
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(1) {
  animation-delay: 0.6s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(2) {
  animation-delay: 0.9s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(3) {
  animation-delay: 1.2s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(4) {
  animation-delay: 1.5s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(5) {
  animation-delay: 1.8s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(6) {
  animation-delay: 2.1s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(7) {
  animation-delay: 2.4s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(8) {
  animation-delay: 2.7s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(9) {
  animation-delay: 3s;
}
.video .slide .template.template-emojis > .content .emojis-list > .in > .in > .in > .element:nth-child(10) {
  animation-delay: 3.3s;
}
.video .slide .template.template-emojis .audioWave {
  display: flex;
  justify-content: space-between;
  height: 48px;
  --boxSize: 4px;
  --gutter: 30px;
  width: calc((var(--boxSize) + var(--gutter)) * 7);
  transform: translate(-50%, -50%) scale(0);
  position: absolute;
  left: 50%;
  bottom: 30px;
}
.video .slide .template.template-emojis .audioWave .box {
  transform: scaleY(0.4);
  height: 100%;
  width: var(--boxSize);
  background: white;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-emojis .audioWave .box1 {
  animation-name: quiet;
}
.video .slide .template.template-emojis .audioWave .box2 {
  animation-name: normal;
}
.video .slide .template.template-emojis .audioWave .box3 {
  animation-name: quiet;
}
.video .slide .template.template-emojis .audioWave .box4 {
  animation-name: loud;
}
.video .slide .template.template-emojis .audioWave .box5 {
  animation-name: quiet;
}
.video .slide .template.template-emojis.playingAudio .audioWave {
  animation-name: emojis-show-wave;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}
@keyframes emojis-show-wave {
  40% {
    transform: translate(-50%, -50%) scale(3.75);
  }
  100% {
    transform: translate(-50%, -50%) scale(3.25);
  }
}
.video .slide .template.template-emojis.endingAudio .audioWave {
  transform: translate(-50%, -50%) scale(3.25);
  animation-name: emojis-hide-wave;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
@keyframes emojis-hide-wave {
  100% {
    transform: translate(-50%, -50%) scale(0);
  }
}

.video .slide .template.template-mixWords.reveal > .content .words-list {
  transform: translate(-50%, 5%) scale(0.75);
}
.video .slide .template.template-mixWords.reveal > .content .words-list > .in > .in > .in > .in > .element {
  margin-top: 12.5px;
  margin-bottom: 12.5px;
}
.video .slide .template.template-mixWords.reveal > .content .words-list > .in > .in > .in > .in > .element > .after {
  transform: scale(1.01);
}
.video .slide .template.template-mixWords.showImageBefore.reveal > .content .words-list {
  transform: translate(-50%, -50%);
  animation-name: mixWordReveal;
  animation-delay: 0s !important;
  animation-duration: 1.1s !important;
  animation-fill-mode: forwards;
}
@keyframes mixWordReveal {
  30% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.video .slide .template.template-mixWords.showImageBefore.reveal .image > .image-in {
  filter: none !important;
  transform: translateX(-50%) translateY(-50%);
}
.video .slide .template.template-mixWords.showImageBefore > .content .words-list {
  height: 250px;
  top: 104%;
  width: 110%;
}
.video .slide .template.template-mixWords.showImageBefore > .content .words-list > .in {
  transform: scale(0.85);
}
.video .slide .template.template-mixWords.showImageBefore > .content .words-list > .in > .in {
  animation-delay: 1.1s !important;
}
.video .slide .template.template-mixWords.showImageBefore > .footer {
  bottom: 135px;
  transform: rotate(-90deg);
  width: 68%;
}
.video .slide .template.template-mixWords.showImageBefore > .footer .timer {
  left: 80%;
  top: 1205px;
  height: 62px;
}
.video .slide .template.template-mixWords.showImageBefore .reveal-image {
  transform: scale(0);
  animation-name: mixWordAppearImage;
  animation-delay: 0.4s !important;
  animation-duration: 1.1s !important;
  animation-fill-mode: forwards;
  height: 78%;
  width: 90%;
  left: 5%;
  top: 15.25%;
}
@keyframes mixWordAppearImage {
  30% {
    transform: scale(1.08);
  }
  60% {
    transform: scale(0.96);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-mixWords.showImageBefore .reveal-image .image {
  box-shadow: 0 0 0 1em white, 0 12px 0 1em rgba(0, 0, 0, 0.25) !important;
  border-radius: 40px !important;
}
.video .slide .template.template-mixWords.showImageBefore .reveal-image .image .image-in {
  transition-duration: 0.5s !important;
}
.video .slide .template.template-mixWords > .content .words-list {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 600px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.55s;
  transition-delay: 1s;
}
.video .slide .template.template-mixWords > .content .words-list > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in > .in > .break {
  width: 1px;
  height: 1px;
  display: block;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in > .in > .space {
  width: 77px;
  height: 1px;
  display: inline-block;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in > .in > .element {
  background-color: white;
  position: relative;
  font-size: 130px;
  margin: 20px 7px;
  width: 154px;
  height: 170px;
  border-radius: 10px;
  display: inline-block;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  overflow: hidden;
  transition: 0.55s;
  transition-delay: 1s;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in > .in > .element > div {
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100%;
  height: 170px;
  line-height: 170px;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in > .in > .element > .before {
  color: black;
}
.video .slide .template.template-mixWords > .content .words-list > .in > .in > .in > .in > .element > .after {
  background: linear-gradient(to bottom, #272727, #0e0e0e);
  color: white;
  border-radius: 10px;
  transform: translateY(-100%);
  transition: 0.5s;
}

.video .slide .template.template-would-you-rather > .footer {
  height: 110px;
}
.video .slide .template.template-would-you-rather > .footer .timer {
  height: 72px;
}
.video .slide .template.template-would-you-rather.smoothEnding > .content .choice-list > .element > .in {
  animation-name: wyrSmoothEndingElement;
  animation-delay: 0s;
  animation-duration: 0.35s;
  animation-fill-mode: forwards;
}
@keyframes wyrSmoothEndingElement {
  40% {
    transform: scale(0.96);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-would-you-rather.smoothEnding > .content .choice-list > .element > .in > .image > .in {
  animation-name: wyrSmoothEnding;
  animation-delay: 0s;
  animation-duration: 0.35s;
  animation-fill-mode: forwards;
}
@keyframes wyrSmoothEnding {
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.video .slide .template.template-would-you-rather.smoothEnding > .content .choice-list > .element > .in > .image.is-video > .in {
  opacity: 1 !important;
}
.video .slide .template.template-would-you-rather.get-3answers > .content.large {
  width: 92%;
  height: calc(100% - 260px);
}
.video .slide .template.template-would-you-rather.get-3answers > .content .choice-list {
  grid-column-gap: 26px;
  margin-top: 0px;
}
.video .slide .template.template-would-you-rather.get-3answers > .content .choice-list > .element > .in > .text-zone {
  margin-top: -55px;
  height: 21%;
  width: 92%;
}
.video .slide .template.template-would-you-rather.get-3answers > .content .choice-list > .element > .in > .text-zone .text {
  padding: 20px 30px;
}
.video .slide .template.template-would-you-rather.get-3answers > .content .choice-list > .element.isSurprise {
  width: 32%;
}
.video .slide .template.template-would-you-rather.get-noText .text-zone {
  display: none !important;
}
.video .slide .template.template-would-you-rather.get-noText > .content .choice-list > .element > .in > .image {
  height: 93%;
}
.video .slide .template.template-would-you-rather.get-reveal > .content .choice-list {
  animation-name: none !important;
  transform: translate(-50%, -50%);
}
.video .slide .template.template-would-you-rather.get-reveal > .content .choice-list > .element > .in {
  animation-name: wyr-reveal;
  animation-fill-mode: forwards;
  animation-duration: 1.25s;
  animation-delay: 0.75s;
  transform: scale(0);
}
.video .slide .template.template-would-you-rather.get-reveal > .content .choice-list > .element > .in > .image {
  height: 95%;
}
.video .slide .template.template-would-you-rather.get-surprise > .content .choice-list > .element.iReplace > .in {
  transform: scale(0.01);
}
.video .slide .template.template-would-you-rather.get-surprise-reveal > .content .choice-list > .element.isSurprise > .in {
  animation-name: supriseHide;
  animation-delay: 0s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}
@keyframes supriseHide {
  40% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0);
  }
}
.video .slide .template.template-would-you-rather.get-surprise-reveal > .content .choice-list > .element.iReplace > .in {
  animation-name: supriseShow;
  animation-delay: 0.75s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}
@keyframes supriseShow {
  40% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.video .slide .template.template-would-you-rather.reveal > .content .choice-list > .element.is-answer > .in {
  animation-name: wyr-reveal !important;
  animation-fill-mode: forwards;
  animation-duration: 1.25s;
  opacity: 1;
}
.video .slide .template.template-would-you-rather.get-videos > .content .choice-list > .element:nth-child(1) > .in {
  opacity: 0;
  transform: translateX(-150%);
}
.video .slide .template.template-would-you-rather.get-videos > .content .choice-list > .element:nth-child(2) > .in {
  opacity: 0;
  transform: translateX(150%);
}
.video .slide .template.template-would-you-rather.get-videos.revealFirst > .content .choice-list > .element:nth-child(1) > .in {
  opacity: 1;
  animation-name: wyr-revealFirst;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
@keyframes wyr-revealFirst {
  40% {
    transform: translateX(8%);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-would-you-rather.get-videos.revealSecond > .content .choice-list > .element:nth-child(2) > .in {
  opacity: 1;
  animation-name: wyr-revealSecond;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
@keyframes wyr-revealSecond {
  40% {
    transform: translateX(-8%);
  }
  100% {
    transform: none;
  }
}
@keyframes wyr-reveal {
  40% {
    transform: scale(1.15);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-would-you-rather > .content.large {
  width: 90%;
  height: calc(100% - 270px);
}
.video .slide .template.template-would-you-rather > .content .choice-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  height: 100%;
  width: 100%;
  grid-column-gap: 42px;
  margin-top: 0px;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element {
  width: 100%;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element.isSurprise {
  position: absolute;
  width: 48%;
  height: 100%;
  right: 0;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element.isSurprise > .in > .image > .in .surprise-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  font-size: 0.7em;
  transform: translate(-50%, -51%) scale(0.9);
  background-size: contain;
  animation-duration: 2s;
  animation-name: surprise-icon;
  animation-iteration-count: infinite;
}
@keyframes surprise-icon {
  50% {
    transform: translate(-50%, -53%) scale(1.085);
  }
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element.isSurprise > .in > .text-zone .text {
  background-color: black;
  color: white;
  background-image: url("style/img/templates/wyr/surprise-bg.gif");
  background-size: 400px;
  background-repeat: repeat;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element.is-answer > .in {
  animation-name: none !important;
  transform: scale(0);
  opacity: 0;
  animation-delay: 0s !important;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .image {
  height: 80%;
  background-color: white;
  position: relative;
  border-radius: 78px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 26px);
  height: calc(100% - 36px);
  border-radius: 68px;
  box-shadow: inset 0 0 12px 2px rgba(0, 0, 0, 0.3);
  filter: contrast(105%) saturate(105%) brightness(101%) sepia(5%) hue-rotate(2deg);
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .image.is-video > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  filter: none;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .image.is-video > .in > .bgBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(40px);
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 76px;
  transform: scale(1.005);
  overflow: hidden;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .image.is-video > .in > .video-in {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 72px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .image.is-video > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .image.is-video > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .text-zone {
  margin-top: -54px;
  height: 25%;
  text-align: center;
  width: 94%;
  margin-left: 3%;
  animation-name: wyr-text;
  animation-iteration-count: infinite;
  transform: scale(1.03);
}
.video .slide .template.template-would-you-rather > .content .choice-list > .element > .in > .text-zone .text {
  display: inline-block;
  padding: 26px 36px;
  border-radius: 40px;
  color: black;
  background-color: white;
  box-shadow: inset 0 0 0 6px white, inset 0 -2px 8px 6px rgba(0, 0, 0, 0.3), 0 6px 12px rgba(0, 0, 0, 0.3);
}
@keyframes wyr-text {
  50% {
    transform: scale(0.97);
  }
}

.video .slide .template.template-trivia .question-title {
  width: 82%;
  height: 188px;
  margin-top: 0px;
  margin-left: 10px;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list {
  width: 84%;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list > .element {
  border-radius: 10000px;
  height: 160px;
  margin: 30px 0;
  text-transform: uppercase;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list > .element:nth-child(1) > .number {
  background-color: transparent !important;
  background-image: url("https://yt-mirror.tbhquiz.com/files/xca741.png") !important;
  background-size: 116%;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list > .element:nth-child(2) > .number {
  background-color: transparent !important;
  background-image: url("https://yt-mirror.tbhquiz.com/files/5kvdrb.png") !important;
  background-size: 116%;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list > .element > .number {
  min-width: 160px;
  height: 160px;
  background-size: 70%;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list > .element > .number > .in {
  opacity: 0;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list > .element > .text-zone {
  top: 7%;
}
.video .slide .template.template-trivia.trueorfalse-mode > .content > .qa > .answers > .list > .element > .text-zone .text {
  margin-left: -25px;
  font-size: 10em;
  text-align: center;
}
.video .slide .template.template-trivia.reveal > .content > .qa {
  transform: translateY(50px);
}
.video .slide .template.template-trivia.reveal > .content > .qa > .question > .in > .in {
  animation-name: trivia-question-reveal;
  animation-fill-mode: forwards;
  animation-duration: 0.7s;
}
@keyframes trivia-question-reveal {
  60% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.14);
  }
}
.video .slide .template.template-trivia.reveal > .content > .qa > .question > .in > .in > .in .image-out.is-first {
  opacity: 0;
}
.video .slide .template.template-trivia.reveal > .content > .qa > .question > .in > .in > .in .image-out.is-second {
  opacity: 1;
}
.video .slide .template.template-trivia.reveal > .content > .qa > .question > .in > .in > .in .image {
  filter: none;
}
.video .slide .template.template-trivia.reveal > .content > .qa > .question > .in > .in > .in .image > .about-text.about-at-reveal {
  opacity: 1;
}
.video .slide .template.template-trivia.reveal > .content > .qa > .question > .in > .in > .in > .image-reveal {
  animation-name: trivia-question-reveal-image;
  animation-fill-mode: forwards;
  animation-delay: 0.35s;
  animation-duration: 0.7s;
}
@keyframes trivia-question-reveal-image {
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.template-trivia.reveal > .content > .qa > .answers > .list > .element.is-wrong {
  transform: none;
  animation-name: trivia-answer-wrong;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-duration: 0.7s;
}
@keyframes trivia-answer-wrong {
  100% {
    transform: scale(0.95) translateX(2.5%);
    opacity: 0.5;
  }
}
.video .slide .template.template-trivia.reveal > .content > .qa > .answers > .list > .element.is-correct {
  transform: none;
  animation-name: trivia-answer-correct;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-duration: 0.7s;
}
@keyframes trivia-answer-correct {
  60% {
    transform: translateX(-10%) scale(1.2);
    margin: 32.5px 0;
  }
  100% {
    transform: translateX(-7.5%) scale(1.15);
    margin: 32.5px 0;
  }
}
.video .slide .template.template-trivia.reveal > .content > .qa > .answers > .list > .element.is-correct > .number {
  background-color: #29DA67;
}
.video .slide .template.template-trivia.touchBottom .content > .qa > .question > .in > .in > .in .image {
  transform: scale(1.2) translateY(4%);
}
.video .slide .template.template-trivia.touchBottom.reveal .content > .qa > .question > .in > .in > .in .image {
  transform: scale(1.32) translateX(3%) translateY(5%) !important;
}
.video .slide .template.template-trivia.type-shadow.reveal > .content > .qa > .question > .in > .in {
  background-color: transparent;
}
.video .slide .template.template-trivia.type-shadow.reveal > .content > .qa > .question > .in > .in > .in .image {
  transform: scale(1.25) translateX(1.75%);
  filter: none;
}
.video .slide .template.template-trivia.type-shadow.reveal > .content > .qa > .question > .in > .in > .in .image.is-dark-background {
  filter: none;
}
.video .slide .template.template-trivia.type-shadow.reveal > .content > .qa > .answers {
  transition: 0.7s;
  transform: translateX(-6%);
}
.video .slide .template.template-trivia.type-shadow.reveal > .content > .qa > .answers > .list > .element.is-correct {
  animation-name: trivia-answer-shadow-correct;
}
@keyframes trivia-answer-shadow-correct {
  60% {
    transform: scale(1.15);
    margin: 32.5px 0;
  }
  100% {
    transform: scale(1.1);
    margin: 32.5px 0;
  }
}
.video .slide .template.template-trivia.type-shadow > .content > .qa > .question > .in > .in {
  box-shadow: none;
  overflow: visible;
  border-radius: 0;
  background-color: transparent !important;
}
.video .slide .template.template-trivia.type-shadow > .content > .qa > .question > .in > .in > .in {
  animation-name: none;
  transform: none;
}
.video .slide .template.template-trivia.type-shadow > .content > .qa > .question > .in > .in > .in .image {
  filter: brightness(0);
  transition: 0.7s;
}
.video .slide .template.template-trivia.type-shadow > .content > .qa > .question > .in > .in > .in .image.is-dark-background {
  filter: brightness(0) invert(1);
}
.video .slide .template.template-trivia.type-shadow.shadow-image-visible > .content > .qa > .question > .in > .in > .in .image {
  filter: none;
}
.video .slide .template.template-trivia.type-shadow.shadow-image-visible > .content > .qa > .question > .in > .in > .in .image.is-dark-background {
  filter: none;
}
.video .slide .template.template-trivia.answersGetImages > .question-title {
  width: 45%;
  height: 170px;
  margin-top: -12px;
  margin-left: -350px;
  transition: 0.5s;
}
.video .slide .template.template-trivia.answersGetImages > .question-title .text {
  font-size: 5em;
}
.video .slide .template.template-trivia.answersGetImages > .footer {
  width: 1000px;
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list {
  transition: 0.7s;
  animation-name: none;
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list > .element {
  background: none;
  box-shadow: none;
  height: 255px;
  padding: 30px 0px 30px 20px;
  position: relative;
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list > .element.get-text > .image {
  transform: translateY(-15px);
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list > .element > .number {
  background: none;
  transform: translateY(-50%);
  position: relative;
  z-index: 1;
  top: 44%;
  transition: 0.5s;
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list > .element > .number > .in {
  transition: 0.5s;
  transform: translate(-50%, -50%) scale(1.35);
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list > .element > .image {
  height: 100%;
  width: 60%;
  border-radius: 40px;
  margin-left: 40px;
  box-shadow: inset -6px -6px 3px rgba(0, 0, 0, 0.2);
  background-color: white;
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list > .element > .text-zone {
  position: absolute;
  height: 20%;
  bottom: 0px;
  transform: translateY(35%);
  margin-left: 44px;
  top: auto;
}
.video .slide .template.template-trivia.answersGetImages > .content > .qa > .answers > .list > .element > .text-zone > .center > .text {
  text-align: center;
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-size: 2.75em;
  white-space: nowrap;
}
.video .slide .template.template-trivia.answersGetImages.reveal > .question-title {
  /*margin-left: 10px;
  transform: translateX(-50%) scale(0.9)*/
}
.video .slide .template.template-trivia.answersGetImages.reveal > .content > .qa {
  transform: none;
}
.video .slide .template.template-trivia.answersGetImages.reveal > .content > .qa > .answers > .list.correctIs1 {
  transform: translateY(430px) scale(1.15);
}
.video .slide .template.template-trivia.answersGetImages.reveal > .content > .qa > .answers > .list.correctIs2 {
  transform: scale(1.15);
}
.video .slide .template.template-trivia.answersGetImages.reveal > .content > .qa > .answers > .list.correctIs3 {
  transform: translateY(-400px) scale(1.15);
}
.video .slide .template.template-trivia.answersGetImages.reveal > .content > .qa > .answers > .list > .element.is-wrong {
  animation-name: trivia-answer-image-wrong;
}
@keyframes trivia-answer-image-wrong {
  100% {
    opacity: 0;
  }
}
.video .slide .template.template-trivia.answersGetImages.reveal > .content > .qa > .answers > .list > .element.is-correct > .number {
  transform: translateY(-50%) translateX(38%);
  background-color: transparent;
  background-color: #29DA67;
  box-shadow: 0 9px rgba(0, 0, 0, 0.2);
}
.video .slide .template.template-trivia.answersGetImages.answersShadowMode > .content > .qa > .answers > .list > .element > .image {
  box-shadow: none;
  background: none !important;
  position: relative;
}
.video .slide .template.template-trivia.answersGetImages.answersShadowMode > .content > .qa > .answers > .list > .element > .image > img {
  height: 100%;
  font-size: 0.75em;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video .slide .template.template-trivia.type-complete.start .question-title.before-reveal {
  transform: none;
}
.video .slide .template.template-trivia.type-complete.start .question-title.after-reveal {
  transform: translateY(-250%);
}
.video .slide .template.template-trivia.type-complete.start > .content > .qa {
  transform: translateY(50px);
}
.video .slide .template.template-trivia.type-complete.reveal .question-title.after-reveal {
  transform: none;
}
.video .slide .template.template-trivia.type-complete .question-title {
  position: absolute;
  top: -14.4px;
  left: -14.4px;
  width: 100%;
  padding: 14.4px;
  transform: none;
  background: black;
  border-radius: 30px;
  height: 180px;
  transform: translateY(-250%);
  transition: 1s;
}
.video .slide .template.template-trivia.type-complete .question-title.after-reveal {
  transition-delay: 1s;
  transition: 0.7s;
}
.video .slide .template.template-trivia.type-complete .question-title > .in {
  width: calc(100% - 28.8px);
  height: calc(100% - 28.8px);
}
.video .slide .template.template-trivia.type-complete .question-title > .in .text {
  text-shadow: none;
  font-weight: 600;
  line-height: 1em;
}
.video .slide .template.template-trivia.type-complete .question-title > .in .hidden-text {
  letter-spacing: -0.2em;
  margin-right: 0.2em;
}
.video .slide .template.template-trivia.type-complete .question-title > .in .visible-text {
  color: #fefc02;
}
.video .slide .template.template-trivia.type-complete > .content > .qa {
  transition-delay: 0.35s;
  transition-duration: 0.7s;
  margin-top: 7.5%;
  height: 80%;
  transform: translateY(-40px);
}
.video .slide .template.template-trivia > .content > .qa {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: stretch;
  transition: 0.35s;
}
.video .slide .template.template-trivia > .content > .qa > .question {
  z-index: 1;
  width: 50%;
  position: relative;
  margin-right: 4%;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  width: calc(100% - 36px);
  height: calc(100% - 36px);
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 0 0 18px white, 0 9px 50px 18px rgba(0, 0, 0, 0.35);
  background-color: white;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  animation-name: trivia-question-image;
  animation-iteration-count: infinite;
  transform: scale(1.015) translateY(-0.75%) translateX(-0.5%);
}
@keyframes trivia-question-image {
  50% {
    transform: scale(1.02) translateY(1%) translateX(0.25%);
  }
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image-out {
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image-out.is-first {
  transition: 0.3s;
  opacity: 1;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image-out.is-second {
  transition: 0.3s;
  opacity: 0;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image {
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .video-in {
  position: absolute;
  top: -2%;
  left: -2%;
  width: 104%;
  height: 104%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 40px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .about-text {
  position: absolute;
  left: 7.5%;
  width: 85%;
  bottom: 36px;
  height: 94px;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .about-text.about-at-reveal {
  opacity: 0;
  transition: 0.3s;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .about-text.is-big {
  width: 90%;
  left: 5%;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  height: 140px;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .about-text.is-big .text {
  background-color: rgba(0, 0, 0, 0.75);
  color: #FFFF1F;
  padding: 18px 34px;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in .image > .about-text .text {
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  padding: 10px 25px;
  display: inline-block;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in > .image-reveal {
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(101%);
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in > .image-reveal.is-video {
  transform: translateX(105%);
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in > .image-reveal.is-video > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in > .image-reveal.is-video > .in > .bgBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(60px);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 40px;
  transform: scale(1.005);
  overflow: hidden;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in > .image-reveal.is-video > .in > .video-in {
  position: absolute;
  top: -2%;
  left: -2%;
  width: 104%;
  height: 104%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 40px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in > .image-reveal.is-video > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-trivia > .content > .qa > .question > .in > .in > .in > .image-reveal.is-video > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-trivia > .content > .qa > .answers {
  z-index: 1;
  width: 46%;
  position: relative;
  display: flex;
  height: 100%;
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list {
  display: flex;
  align-self: center;
  width: 100%;
  flex-direction: column;
  animation-name: trivia-list;
  animation-iteration-count: infinite;
  transform: translateY(-1.5%);
  animation-duration: 5s;
}
@keyframes trivia-list {
  50% {
    transform: translateY(1.5%);
  }
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element {
  background-color: white;
  width: 100%;
  height: 130px;
  display: flex;
  padding: 7px;
  padding-right: 26px;
  border-top-left-radius: 130px;
  border-bottom-left-radius: 130px;
  border-top-right-radius: 65px;
  border-bottom-right-radius: 65px;
  margin: 16.25px 0;
  box-shadow: 0 9px rgba(0, 0, 0, 0.2);
  position: relative;
  animation-name: trivia-answer-appear;
  transform: translateX(200%) translateY(-50%);
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
@keyframes trivia-answer-appear {
  60% {
    transform: translateX(-5%);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element:nth-child(1) {
  animation-delay: 0.3s;
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element:nth-child(2) {
  animation-delay: 0.45s;
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element:nth-child(3) {
  animation-delay: 0.6s;
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .number {
  background-color: #fe0341;
  position: relative;
  display: inline-block;
  min-width: 130px;
  height: 130px;
  border-radius: 10000px;
  margin-right: 26px;
  transition: 0.35s;
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .number > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5em;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .text-zone {
  top: 4%;
  height: 90%;
  flex-basis: 100%;
  position: relative;
}
.video .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .text-zone .text {
  color: black;
}
.video .slide .template.template-trivia.radius-mode > .content > .qa > .question > .in > .in {
  border-radius: 80px;
  box-shadow: 0 0 0 24px white, 0 9px 50px 24px rgba(0, 0, 0, 0.35);
  width: 110%;
}
.video .slide .template.template-trivia.radius-mode > .content > .qa > .answers > .list > .element > .image {
  width: 46%;
  border-radius: 70px;
  margin-left: 80px;
  box-shadow: 0 0 0 12px white, 0 6px 25px 12px rgba(0, 0, 0, 0.35);
  transform: scale(1.075);
}

.video .slide .template.template-guess-image.blackAndWhiteMode > .content > .guess-image .image {
  filter: grayscale(1);
}
.video .slide .template.template-guess-image.blackAndWhiteMode.reveal > .content > .guess-image .image {
  filter: none;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image > .image-out {
  transform: translate(-50%, -60%) scale(1.1);
  position: relative;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image > .image-out.get-image-answer-shadow .image {
  display: none;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image > .image-out.get-image-answer-shadow .image.image-answer-shadow {
  display: block;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image .image {
  /*box-shadow: 0 0 0 1.5em white, 0 12px 0 1.5em rgba(black, .25);
  border-radius: 30px;
  width: 65%;*/
  margin: 0 auto;
  position: relative;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image .image > .about-text.about-at-reveal {
  opacity: 1;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image .image > .image-answer {
  transform: none;
  opacity: 1;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image .image > .image-answer > .image-answer-on-top {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image .image.answer-transparent > .image-answer {
  transform: none;
  opacity: 0.1;
  background-color: transparent;
  animation-name: guess-image-answer-transparent;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}
@keyframes guess-image-answer-transparent {
  50% {
    opacity: 1;
  }
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image > .answer {
  bottom: -170px;
  animation-name: guess-image-answer;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
}
.video .slide .template.template-guess-image.reveal > .content > .guess-image > .answer.get-second-title {
  bottom: -145px;
}
@keyframes guess-image-answer {
  33.33% {
    transform: translateX(-50%) scale(1.15);
    opacity: 1;
  }
  66.66% {
    transform: translateX(-50%) scale(0.94);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%);
    opacity: 1;
  }
}
.video .slide .template.template-guess-image.type-shadow > .content > .guess-image > .image-out {
  transform: translate(-50%, -50%) scale(0.75);
  margin-top: 20px;
  top: 45%;
  height: 85%;
  position: relative;
}
.video .slide .template.template-guess-image.type-shadow > .content > .guess-image > .image-out img {
  border-radius: 0;
}
.video .slide .template.template-guess-image.type-shadow > .content > .guess-image > .image-out.get-image-answer-shadow .image-answer-shadow {
  display: none;
}
.video .slide .template.template-guess-image.type-shadow > .content > .guess-image .image {
  display: inline-block;
  box-shadow: none;
  width: auto !important;
  background-color: transparent;
}
.video .slide .template.template-guess-image.type-shadow.reveal > .content > .guess-image > .image-out {
  top: 50%;
  height: 80%;
  transform: translate(-50%, -60%) scale(0.95);
}
.video .slide .template.template-guess-image.type-shadow.reveal > .content > .guess-image .image {
  box-shadow: none;
}
.video .slide .template.template-guess-image.type-shadow.reveal > .content > .guess-image > .answer {
  bottom: -160px;
}
.video .slide .template.template-guess-image.type-shadow.reveal > .content > .guess-image > .answer.get-second-title {
  bottom: -130px;
}
.video .slide .template.template-guess-image.type-shadow.type-shadow-silhouette > .content > .guess-image > .image-out {
  margin-top: 0px;
  top: 50%;
  height: 122%;
}
.video .slide .template.template-guess-image.type-shadow.type-shadow-silhouette > .content > .guess-image > .image-out > img {
  filter: brightness(0);
  transition: 0.5s;
}
.video .slide .template.template-guess-image.type-shadow.type-shadow-silhouette.reveal > .content > .guess-image > .image-out {
  top: 60%;
  height: 105%;
  transform: translate(-50%, -70%) scale(0.85);
}
.video .slide .template.template-guess-image.type-shadow.type-shadow-silhouette.reveal > .content > .guess-image > .image-out > img {
  filter: none;
}
.video .slide .template.template-guess-image.type-shadow.type-shadow-silhouette.reveal > .content > .guess-image > .answer {
  bottom: -150px;
}
.video .slide .template.template-guess-image.mode-flash {
  /*.loader2-flash {
    position: absolute;
    transform: translate(-50%, -50%) scale(0.001);
    opacity: 0;
    transition: .6s;
    transition-delay: 0.3s;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background: linear-gradient(
      165deg,
      rgba(255, 255, 255, 1) 0%,
      rgb(220, 220, 220) 40%,
      rgb(170, 170, 170) 98%,
      rgb(10, 10, 10) 100%
    );
    border-radius: 50%;
    &:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      border-radius: 100%;
      border-bottom: 0 solid #ffffff05;
      box-shadow: 0 -10px 20px 20px #ffffff40 inset,
        0 -5px 15px 10px #ffffff50 inset, 0 -2px 5px #ffffff80 inset,
        0 -3px 2px #ffffffbb inset, 0 2px 0px #ffffff, 0 2px 3px #ffffff,
        0 5px 5px #ffffff90, 0 10px 15px #ffffff60, 0 10px 20px 20px #ffffff40;
      filter: blur(3px);
      animation: 2s loader2-flash linear infinite;
    }
    @keyframes loader2-flash {
      100% { transform: rotate(360deg) }
    }
  }*/
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-reveal .loader-flash {
  display: none;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-reveal .image-out {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) !important;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-waiting .image-out {
  opacity: 0;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-waiting .image-out.get-image-answer-shadow .image {
  display: none;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-waiting .image-out.get-image-answer-shadow .image.image-answer-shadow {
  display: inline-block;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-waiting .loader2-flash {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-ending .loader-flash, .video .slide .template.template-guess-image.mode-flash.mode-flash-ending .loader2-flash {
  display: none;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-ending .image-out {
  opacity: 1;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-ending > .content > .guess-image > .image-out {
  transform: translate(-50%, -50%) scale(1) !important;
  position: relative;
  transition: 0s !important;
  animation-name: none !important;
}
.video .slide .template.template-guess-image.mode-flash.mode-flash-ending > .content > .guess-image > .image-out .image {
  animation-name: modeFlashEndingImage;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  transform: scale(0);
  transition: 0s !important;
  animation-duration: 0.5s;
  animation-delay: 0.25s;
}
@keyframes modeFlashEndingImage {
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-guess-image.mode-flash > .content > .guess-image .image {
  animation-name: none;
  transform: none;
}
.video .slide .template.template-guess-image.mode-flash .image-out {
  opacity: 0;
  transition: 0s !important;
}
.video .slide .template.template-guess-image.mode-flash .loader-flash {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(3.5);
  height: 30px;
  width: 170px;
  background: #fff;
  border-radius: 1000px;
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
}
.video .slide .template.template-guess-image.mode-flash .loader-flash > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  background: black;
  animation-timing-function: linear;
  animation-duration: 3s;
  animation-delay: 0.3s;
  border-radius: 1000px;
  animation-name: prog;
  animation-fill-mode: forwards;
}
@keyframes prog {
  to {
    width: 0;
  }
}
.video .slide .template.template-guess-image.mode-flash .loader2-flash {
  position: absolute;
  transform: translate(-50%, -50%) scale(0.001);
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 380px;
  height: 380px;
  transition: 0.6s;
  transition-delay: 0.3s;
}
.video .slide .template.template-guess-image.mode-flash .loader2-flash > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt.tbhquiz.com/style/img/logo/logo.png");
  animation-name: loader2-flash-tossing;
  animation-iteration-count: infinite;
  transform: rotate(-4deg);
  animation-duration: 1.5s;
}
@keyframes loader2-flash-tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
.video .slide .template.template-guess-image.imageBigger.type-shadow.reveal > .content > .guess-image .image-out {
  transform: translate(-50%, -60%) scale(0.96);
}
.video .slide .template.template-guess-image.imageBigger.type-shadow > .content > .guess-image .image-out {
  transform: translate(-50%, -47%) scale(1);
}
.video .slide .template.template-guess-image.imageBigger.type-shadow > .content > .guess-image .image {
  box-shadow: none !important;
  filter: drop-shadow(7px 7px 4px rgba(0, 0, 0, 0.4));
}
.video .slide .template.template-guess-image.imageBigger > .content > .guess-image {
  animation-duration: 0.85s;
}
.video .slide .template.template-guess-image.imageBigger > .content > .guess-image .image {
  animation-name: guessImageImageBigger;
  transform: scale(1.125) translateY(-5px) rotate(-0.7deg);
  animation-duration: 4s;
  animation-delay: 0.85s;
  box-shadow: 0 0 0 14px white, 0 14px 14px 14px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}
@keyframes guessImageImageBigger {
  0% {
    transform: scale(1.125) translateY(-5px) rotate(-0.7deg);
  }
  50% {
    transform: scale(1.125) translateY(-5px) rotate(0.7deg);
  }
  100% {
    transform: scale(1.125) translateY(-5px) rotate(-0.7deg);
  }
}
.video .slide .template.template-guess-image.imageBigger > .content > .guess-image > .answer > .text-zone {
  transform: translateY(40px);
}
.video .slide .template.template-guess-image.imageBigger .footer {
  bottom: -10px;
}
.video .slide .template.template-guess-image > .content > .guess-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-guess-image > .content > .guess-image > .image-out {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.25);
  width: 100%;
  height: 70%;
  text-align: center;
  transition: 0.396s;
}
.video .slide .template.template-guess-image > .content > .guess-image .image {
  display: inline-block;
  border-radius: 40px;
  height: 100%;
  box-shadow: 0 0 0 14px white, 0 14px 0 14px rgba(0, 0, 0, 0.2);
  background-color: white;
  overflow: hidden;
  position: relative;
  background-color: white;
}
.video .slide .template.template-guess-image > .content > .guess-image .image.answer-transparent > .image-answer {
  transition: none;
}
.video .slide .template.template-guess-image > .content > .guess-image .image > .about-text {
  position: absolute;
  left: 15%;
  width: 70%;
  bottom: 25px;
  height: 80px;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
}
.video .slide .template.template-guess-image > .content > .guess-image .image > .about-text.about-at-reveal {
  opacity: 0;
  transition: 0.3s;
}
.video .slide .template.template-guess-image > .content > .guess-image .image > .about-text .text {
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  padding: 10px 25px;
  display: inline-block;
}
.video .slide .template.template-guess-image > .content > .guess-image .image > .image-answer {
  transition: 0.5s;
  background-color: white;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-guess-image > .content > .guess-image .image > .image-answer > .image-answer-on-top {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%) scale(0.1);
  opacity: 0;
  transition: 0.25s;
}
.video .slide .template.template-guess-image > .content > .guess-image > .answer {
  position: absolute;
  bottom: -145px;
  left: 50%;
  width: 1100px;
  height: 220px;
  transform: translateX(-50%) translateY(100%) scale(0.0001);
}
.video .slide .template.template-guess-image > .content > .guess-image > .answer > .text-zone {
  text-align: center;
}
.video .slide .template.template-guess-image > .content > .guess-image > .answer > .text-zone .text {
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}

.video .slide .template.template-guess-real.showLetters .content .choice-list > .element > .image > .letter {
  display: block;
}
.video .slide .template.template-guess-real.elements-horizontal.reveal > .content > .choice-list > .element {
  margin: 0 -90px;
}
.video .slide .template.template-guess-real.elements-horizontal > .content {
  transform: translateX(-50%) scale(1.1);
}
.video .slide .template.template-guess-real.elements-horizontal > .content > .choice-list > .element {
  margin: 0 -20px;
}
.video .slide .template.template-guess-real.displayTextBefore > .content .choice-list > .element > .image > .text-zone {
  opacity: 1;
}
.video .slide .template.template-guess-real.reveal > .content .choice-list > .element > .image > .text-zone {
  opacity: 1;
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element {
  margin: 0 -60px;
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element > .bg-yes {
  opacity: 1;
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element > .image {
  /*> .in {
    box-shadow: 0 0 0 22px #3EDE36;
  }*/
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element.is-wrong > .image {
  transform: scale(0.8) translateX(15%);
  /*> .in {
    box-shadow: 0 0 0 22px #E90303;
  }*/
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element.is-correct {
  z-index: 1;
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element.is-correct > .image {
  animation-name: guess-real-correct;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element > .image {
  /*> .in {
    transition: 1.25s;
    transition-delay: 0.25s;
  }*/
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list > .element > .image > .check {
  animation-name: guess-real-correct-check;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes guess-real-correct-check {
  40% {
    opacity: 1;
    transform: scale(1.4);
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.template-guess-real.reveal > .content > .choice-list.correct-is-2nd > .element.is-wrong > .image {
  transform: scale(0.8) translateX(-15%);
}
@keyframes guess-real-correct {
  40% {
    transform: scale(1.2);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: scale(1.1);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
}
.video .slide .template.template-guess-real > .content .choice-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  justify-content: center;
  height: 630px;
  width: 100%;
  grid-column-gap: 80px;
  margin-top: -10px;
  /*&.correct-is-2nd {
    > .element {
      > .image {
        > .check {
          right: auto;
          left: -50px;
        }
      }
    }
  }*/
}
.video .slide .template.template-guess-real > .content .choice-list > .element {
  width: 630px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .bg-yes {
  transition: 0.5s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180%;
  height: 180%;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/guess-real/bg-yes.gif?6");
}
.video .slide .template.template-guess-real > .content .choice-list > .element.is-wrong {
  z-index: 0;
}
.video .slide .template.template-guess-real > .content .choice-list > .element.is-wrong > .image > .check > .check-icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/jhl2y8km.png");
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image {
  height: 630px;
  background-color: white;
  position: relative;
  border-radius: 86px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  transition: 0.5s;
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 38px);
  height: calc(100% - 38px);
  border-radius: 72px;
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .letter {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  background-color: white;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  color: black;
  border-radius: 1000px;
  font-size: 7em;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  display: none;
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .text-zone {
  position: absolute;
  height: 20%;
  bottom: 30px;
  left: 50%;
  width: 70%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.25s;
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .text-zone > .center {
  text-align: center;
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .text-zone > .center > .text {
  display: inline-block;
  text-align: center;
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-size: 4em;
  padding: 10px 18px;
  border-radius: 20px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .check {
  position: absolute;
  width: 200px;
  height: 200px;
  bottom: -60px;
  right: -60px;
  transform: scale(0);
  opacity: 0;
  z-index: 1;
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .check > .check-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  /*animation-name: guess-real-check-bg;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 10s;
  @keyframes guess-real-check-bg {
  	100% {
      transform: rotate(-360deg);
  	}
  }*/
}
.video .slide .template.template-guess-real > .content .choice-list > .element > .image > .check > .check-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt-mirror.tbhquiz.com/files/ezlhy68k.png");
  border-radius: 1000px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.video .slide .template.template-guess-value.elements-horizontal.reveal > .content > .choice-list > .element {
  margin: 0 -90px;
}
.video .slide .template.template-guess-value.elements-horizontal > .content {
  transform: translateX(-50%);
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element > .bg-yes {
  opacity: 1;
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element > .image > .text-zone.is-after {
  opacity: 1;
  transform: none;
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element > .image > .text-zone.is-before {
  transform: translateY(100%);
  opacity: 0;
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element.is-wrong > .image {
  transform: translateY(2.5%) scale(0.95);
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element.is-wrong > .image > .is-after > .text {
  background-color: #FF0000;
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element.is-correct {
  z-index: 1;
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element.is-correct > .image {
  animation-name: guess-value-correct;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  background-color: #98ff98;
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element.is-correct > .image > .is-after > .text {
  background-color: #00E400;
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list > .element > .image {
  /*> .in {
    transition: 1.25s;
    transition-delay: 0.25s;
  }*/
}
.video .slide .template.template-guess-value.reveal > .content > .choice-list.correct-is-2nd > .element.is-wrong > .image {
  transform: translateY(2.5%) scale(0.95);
}
@keyframes guess-value-correct {
  40% {
    transform: translateY(2.5%) scale(1.1);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: translateY(2.5%) scale(1.05);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
}
.video .slide .template.template-guess-value > .content .choice-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  justify-content: center;
  height: 610px;
  width: 100%;
  grid-column-gap: 80px;
  margin-top: -10px;
}
.video .slide .template.template-guess-value > .content .choice-list > .element {
  width: 610px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.video .slide .template.template-guess-value > .content .choice-list > .element > .bg-yes {
  transition: 0.5s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180%;
  height: 180%;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/guess-real/bg-yes.gif?6");
}
.video .slide .template.template-guess-value > .content .choice-list > .element.is-wrong {
  z-index: 0;
}
.video .slide .template.template-guess-value > .content .choice-list > .element > .image {
  height: 610px;
  background-color: white;
  position: relative;
  border-radius: 60px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  position: relative;
}
.video .slide .template.template-guess-value > .content .choice-list > .element > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 44px);
  height: calc(100% - 44px);
  border-radius: 36px;
}
.video .slide .template.template-guess-value > .content .choice-list > .element > .image > .text-zone {
  position: absolute;
  bottom: -60px;
  height: 27%;
  text-align: center;
  width: 94%;
  margin-left: 3%;
  transition: 0.5s;
}
.video .slide .template.template-guess-value > .content .choice-list > .element > .image > .text-zone .text {
  display: inline-block;
  padding: 30px 40px;
  border-radius: 40px;
  color: black;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
.video .slide .template.template-guess-value > .content .choice-list > .element > .image > .text-zone.is-after {
  opacity: 0;
  transform: translateY(-100%);
}
.video .slide .template.template-guess-value > .content .choice-list > .element > .image > .text-zone.is-after > .text {
  color: white;
  padding: 30px 44px;
  text-shadow: 0em 0.04em 0.02em rgba(0, 0, 0, 0.35);
}

.slide-in-template-find-the-odd .tag.left-center {
  left: 52px;
}
.slide-in-template-find-the-odd .tag.left-center {
  left: 52px;
}
.slide-in-template-find-the-odd .tag.right-center {
  right: 52px;
}
.slide-in-template-find-the-odd .tag-icon {
  bottom: 20px;
}

.video .slide .template.template-find-the-odd .circle-correct {
  position: absolute;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/find-the-odd/circle-correct.png?100");
  animation-duration: 10s;
  opacity: 0;
  transition: 1s;
  animation-name: find-the-odd-circle-correct;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translate(-50%, -50%) scale(3);
  top: 50%;
  left: 50%;
}
@keyframes find-the-odd-circle-correct {
  100% {
    transform: translate(-50%, -50%) scale(3) rotate(-360deg);
  }
}
.video .slide .template.template-find-the-odd .circle-correct.circle2 {
  background-image: url("https://yt.tbhquiz.com/style/img/templates/find-the-odd/circle-correct2.png?100");
}
.video .slide .template.template-find-the-odd .circle-correct.circle3 {
  animation-duration: 5s;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/find-the-odd/circle-correct3.png?100");
}
.video .slide .template.template-find-the-odd .circle-correct.circle4 {
  animation-duration: 5s;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/find-the-odd/circle-correct4.png?100");
}
.video .slide .template.template-find-the-odd .circle-correct.circle5 {
  animation-duration: 8s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/fzm6ra.png?100");
}
.video .slide .template.template-find-the-odd .circle-correct.circle6 {
  animation-duration: 5s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/0v3axt.png?100");
}
.video .slide .template.template-find-the-odd .circle-correct.circle7 {
  animation-duration: 10s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/i67o4p.png?100");
}
.video .slide .template.template-find-the-odd .circle-correct.circle8 {
  animation-duration: 6s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/8lfqnv.png?100");
}
.video .slide .template.template-find-the-odd .circle-correct.circle9 {
  width: 100px !important;
  height: 100px !important;
  animation-duration: 6s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/t9x124.png?100");
}
.video .slide .template.template-find-the-odd.is-big-image > .content.x-large {
  width: 94%;
  top: 130px;
  height: calc(100% - 250px);
}
.video .slide .template.template-find-the-odd.is-big-image > .content.x-large > .content-bg {
  height: calc(100% + 12px);
}
.video .slide .template.template-find-the-odd.is-big-image .timer {
  top: 44%;
  height: 58px;
}
.video .slide .template.template-find-the-odd > .content.x-large {
  width: 94%;
}
.video .slide .template.template-find-the-odd .footer {
  bottom: -25px;
}
.video .slide .template.template-find-the-odd .question-number, .video .slide .template.template-find-the-odd .question-title {
  margin-top: -15px;
}
.video .slide .template.template-find-the-odd.images-auto-size > .content > .images-list > .element > img {
  width: auto !important;
}
.video .slide .template.template-find-the-odd.images-dont-move > .content > .images-list > .element > img {
  animation-name: none !important;
  transform: translateX(-50%) translateY(-50%) !important;
}
.video .slide .template.template-find-the-odd.images-get-shadow > .content > .images-list > .element > img {
  filter: drop-shadow(0px 7px 4px rgba(0, 0, 0, 0.4));
}
.video .slide .template.template-find-the-odd.reveal > .content > .text-zone {
  opacity: 1;
}
.video .slide .template.template-find-the-odd.reveal > .content > .images-list > .element {
  opacity: 0.7;
}
.video .slide .template.template-find-the-odd.reveal > .content > .images-list > .element.is-correct {
  opacity: 1;
  transform: none;
  animation-name: find-the-odd-element-correct;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}
@keyframes find-the-odd-element-correct {
  40% {
    transform: scale(1.5);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-find-the-odd.reveal > .content > .images-list > .element.is-correct > .circle-correct {
  opacity: 1;
  z-index: 10;
}
.video .slide .template.template-find-the-odd.reveal > .content > .big-image > .finder > .circle-correct {
  opacity: 1;
  z-index: 10;
}
.video .slide .template.template-find-the-odd.reveal > .content > .reveal-big-image {
  transform: none;
  opacity: 0;
  background-color: transparent;
  animation-name: reveal-big-image;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}
@keyframes reveal-big-image {
  50% {
    opacity: 1;
  }
}
.video .slide .template.template-find-the-odd > .content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.video .slide .template.template-find-the-odd > .content > .content-bg {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 12px);
  height: calc(100% + 62px);
  box-shadow: 0 0 0 4px white, inset 0 0 0 2px white, inset 0 0 12px 2px rgba(0, 0, 0, 0.3);
}
.video .slide .template.template-find-the-odd > .content > .content-bg {
  animation-delay: 0s;
  animation-duration: 3s;
  animation-name: find-the-odd-content-bg;
  animation-iteration-count: infinite;
  transform: translate(-50%, -50%) perspective(600px) rotateY(0.32deg);
}
@keyframes find-the-odd-content-bg {
  50% {
    transform: translate(-50%, -50%) perspective(600px) rotateY(-0.3deg);
  }
}
.video .slide .template.template-find-the-odd > .content > .big-image {
  animation-delay: 0s;
  animation-duration: 3s;
  animation-name: find-the-odd-big-image-content-bg;
  animation-iteration-count: infinite;
  transform: perspective(600px) rotateY(0.5deg);
}
@keyframes find-the-odd-big-image-content-bg {
  50% {
    transform: perspective(600px) rotateY(-0.5deg);
  }
}
.video .slide .template.template-find-the-odd > .content > .text-zone {
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0.25s;
  text-align: center;
  width: 50%;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -140px;
  height: 150px;
  border-radius: 1000px;
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.9), 0 5px 4px 2px rgba(0, 0, 0, 0.35);
  background: linear-gradient(180deg, #1f2d40, #050505);
  animation-name: fto-text-zone;
  animation-duration: 2s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  transform: translateX(-50%) translateY(-30%) scale(0.98);
}
@keyframes fto-text-zone {
  50% {
    transform: translateX(-50%) translateY(-30%) scale(1.04);
  }
}
.video .slide .template.template-find-the-odd > .content > .text-zone .text {
  margin: 0 30px;
}
.video .slide .template.template-find-the-odd > .content > .text-zone > .text-zone-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  background-image: url("https://yt-mirror.tbhquiz.com/files/2elf6v.png");
  background-repeat: repeat;
  background-size: 600px;
  background-position: 0 0;
  opacity: 0.5;
  animation-name: fto-text-zone-bg;
  animation-duration: 60s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes fto-text-zone-bg {
  100% {
    background-position: 0 -4000px;
  }
}
.video .slide .template.template-find-the-odd > .content > .images-list {
  animation-delay: 0s;
  animation-duration: 3s;
  animation-name: find-the-odd-images-list;
  animation-iteration-count: infinite;
  transform: perspective(600px) rotateY(0.3deg);
}
@keyframes find-the-odd-images-list {
  50% {
    transform: perspective(600px) rotateY(-0.3deg);
  }
}
.video .slide .template.template-find-the-odd > .content > .big-image {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 47px;
  background-size: cover;
  z-index: 1;
  position: absolute;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(1) > .circle-correct {
  transition-delay: 0s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(2) > .circle-correct {
  transition-delay: 0.375s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(3) > .circle-correct {
  transition-delay: 0.75s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(4) > .circle-correct {
  transition-delay: 1.125s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(5) > .circle-correct {
  transition-delay: 1.5s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(6) > .circle-correct {
  transition-delay: 1.875s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(7) > .circle-correct {
  transition-delay: 2.25s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(8) > .circle-correct {
  transition-delay: 2.625s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(9) > .circle-correct {
  transition-delay: 3s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder:nth-child(10) > .circle-correct {
  transition-delay: 3.375s !important;
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder {
  position: absolute;
  transform: translate(-50%, -50%);
}
.video .slide .template.template-find-the-odd > .content > .big-image > .finder > .circle-correct {
  width: 200px;
  height: 200px;
}
.video .slide .template.template-find-the-odd > .content > .reveal-big-image {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 47px;
  background-size: cover;
  z-index: 2;
  opacity: 0;
  position: relative;
}
.video .slide .template.template-find-the-odd > .content > .images-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element {
  width: 14.5%;
  display: inline-block;
  position: relative;
  animation-name: find-the-odd-element-appear;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  transform: scale(0);
  transition: 0.5s;
}
@keyframes find-the-odd-element-appear {
  100% {
    transform: none;
  }
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element .ratio {
  margin-top: 100%;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element.is-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element.is-group > .element {
  width: calc(50% - 1.5px);
  height: calc(50% - 1.5px);
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element > .char {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-weight: 700;
  font-size: 6.25em;
  font-family: arial;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element > img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  width: auto;
  top: 50%;
  z-index: 1;
  animation-name: find-the-odd-circle-img;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  transform: translateX(-50%) translateY(-50%) rotate(-3.5deg);
}
@keyframes find-the-odd-circle-img {
  50% {
    transform: translateX(-50%) translateY(-50%) rotate(3.5deg);
  }
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(1) > img {
  animation-delay: -3.7284s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(2) > img {
  animation-delay: -7.4568s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(3) > img {
  animation-delay: -11.1852s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(4) > img {
  animation-delay: -14.9136s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(5) > img {
  animation-delay: -18.642s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(6) > img {
  animation-delay: -22.3704s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(7) > img {
  animation-delay: -26.0988s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(8) > img {
  animation-delay: -29.8272s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(9) > img {
  animation-delay: -33.5556s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(10) > img {
  animation-delay: -37.284s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(11) > img {
  animation-delay: -41.0124s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(12) > img {
  animation-delay: -44.7408s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(13) > img {
  animation-delay: -48.4692s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(14) > img {
  animation-delay: -52.1976s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(15) > img {
  animation-delay: -55.926s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(16) > img {
  animation-delay: -59.6544s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(17) > img {
  animation-delay: -63.3828s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(18) > img {
  animation-delay: -67.1112s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(19) > img {
  animation-delay: -70.8396s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(20) > img {
  animation-delay: -74.568s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(21) > img {
  animation-delay: -78.2964s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(22) > img {
  animation-delay: -82.0248s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(23) > img {
  animation-delay: -85.7532s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(24) > img {
  animation-delay: -89.4816s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(25) > img {
  animation-delay: -93.21s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(26) > img {
  animation-delay: -96.9384s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(27) > img {
  animation-delay: -100.6668s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(28) > img {
  animation-delay: -104.3952s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(29) > img {
  animation-delay: -108.1236s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(30) > img {
  animation-delay: -111.852s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(31) > img {
  animation-delay: -115.5804s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(32) > img {
  animation-delay: -119.3088s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(33) > img {
  animation-delay: -123.0372s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(34) > img {
  animation-delay: -126.7656s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(35) > img {
  animation-delay: -130.494s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(36) > img {
  animation-delay: -134.2224s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(37) > img {
  animation-delay: -137.9508s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(38) > img {
  animation-delay: -141.6792s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(39) > img {
  animation-delay: -145.4076s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(40) > img {
  animation-delay: -149.136s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(41) > img {
  animation-delay: -152.8644s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(42) > img {
  animation-delay: -156.5928s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(43) > img {
  animation-delay: -160.3212s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(44) > img {
  animation-delay: -164.0496s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(45) > img {
  animation-delay: -167.778s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(46) > img {
  animation-delay: -171.5064s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(47) > img {
  animation-delay: -175.2348s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(48) > img {
  animation-delay: -178.9632s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(49) > img {
  animation-delay: -182.6916s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(50) > img {
  animation-delay: -186.42s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(51) > img {
  animation-delay: -190.1484s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(52) > img {
  animation-delay: -193.8768s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(53) > img {
  animation-delay: -197.6052s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(54) > img {
  animation-delay: -201.3336s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(55) > img {
  animation-delay: -205.062s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(56) > img {
  animation-delay: -208.7904s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(57) > img {
  animation-delay: -212.5188s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(58) > img {
  animation-delay: -216.2472s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(59) > img {
  animation-delay: -219.9756s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(60) > img {
  animation-delay: -223.704s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(61) > img {
  animation-delay: -227.4324s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(62) > img {
  animation-delay: -231.1608s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(63) > img {
  animation-delay: -234.8892s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(64) > img {
  animation-delay: -238.6176s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(65) > img {
  animation-delay: -242.346s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(66) > img {
  animation-delay: -246.0744s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(67) > img {
  animation-delay: -249.8028s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(68) > img {
  animation-delay: -253.5312s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(69) > img {
  animation-delay: -257.2596s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(70) > img {
  animation-delay: -260.988s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(71) > img {
  animation-delay: -264.7164s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(72) > img {
  animation-delay: -268.4448s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(73) > img {
  animation-delay: -272.1732s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(74) > img {
  animation-delay: -275.9016s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(75) > img {
  animation-delay: -279.63s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(76) > img {
  animation-delay: -283.3584s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(77) > img {
  animation-delay: -287.0868s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(78) > img {
  animation-delay: -290.8152s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(79) > img {
  animation-delay: -294.5436s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(80) > img {
  animation-delay: -298.272s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(81) > img {
  animation-delay: -302.0004s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(82) > img {
  animation-delay: -305.7288s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(83) > img {
  animation-delay: -309.4572s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(84) > img {
  animation-delay: -313.1856s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(85) > img {
  animation-delay: -316.914s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(86) > img {
  animation-delay: -320.6424s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(87) > img {
  animation-delay: -324.3708s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(88) > img {
  animation-delay: -328.0992s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(89) > img {
  animation-delay: -331.8276s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(90) > img {
  animation-delay: -335.556s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(91) > img {
  animation-delay: -339.2844s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(92) > img {
  animation-delay: -343.0128s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(93) > img {
  animation-delay: -346.7412s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(94) > img {
  animation-delay: -350.4696s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(95) > img {
  animation-delay: -354.198s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(96) > img {
  animation-delay: -357.9264s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(97) > img {
  animation-delay: -361.6548s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(98) > img {
  animation-delay: -365.3832s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(99) > img {
  animation-delay: -369.1116s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(100) > img {
  animation-delay: -372.84s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(101) > img {
  animation-delay: -376.5684s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(102) > img {
  animation-delay: -380.2968s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(103) > img {
  animation-delay: -384.0252s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(104) > img {
  animation-delay: -387.7536s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(105) > img {
  animation-delay: -391.482s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(106) > img {
  animation-delay: -395.2104s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(107) > img {
  animation-delay: -398.9388s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(108) > img {
  animation-delay: -402.6672s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(109) > img {
  animation-delay: -406.3956s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(110) > img {
  animation-delay: -410.124s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(111) > img {
  animation-delay: -413.8524s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(112) > img {
  animation-delay: -417.5808s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(113) > img {
  animation-delay: -421.3092s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(114) > img {
  animation-delay: -425.0376s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(115) > img {
  animation-delay: -428.766s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(116) > img {
  animation-delay: -432.4944s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(117) > img {
  animation-delay: -436.2228s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(118) > img {
  animation-delay: -439.9512s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(119) > img {
  animation-delay: -443.6796s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(120) > img {
  animation-delay: -447.408s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(121) > img {
  animation-delay: -451.1364s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(122) > img {
  animation-delay: -454.8648s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(123) > img {
  animation-delay: -458.5932s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(124) > img {
  animation-delay: -462.3216s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(125) > img {
  animation-delay: -466.05s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(126) > img {
  animation-delay: -469.7784s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(127) > img {
  animation-delay: -473.5068s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(128) > img {
  animation-delay: -477.2352s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(129) > img {
  animation-delay: -480.9636s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(130) > img {
  animation-delay: -484.692s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(131) > img {
  animation-delay: -488.4204s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(132) > img {
  animation-delay: -492.1488s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(133) > img {
  animation-delay: -495.8772s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(134) > img {
  animation-delay: -499.6056s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(135) > img {
  animation-delay: -503.334s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(136) > img {
  animation-delay: -507.0624s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(137) > img {
  animation-delay: -510.7908s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(138) > img {
  animation-delay: -514.5192s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(139) > img {
  animation-delay: -518.2476s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(140) > img {
  animation-delay: -521.976s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(141) > img {
  animation-delay: -525.7044s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(142) > img {
  animation-delay: -529.4328s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(143) > img {
  animation-delay: -533.1612s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(144) > img {
  animation-delay: -536.8896s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(145) > img {
  animation-delay: -540.618s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(146) > img {
  animation-delay: -544.3464s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(147) > img {
  animation-delay: -548.0748s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(148) > img {
  animation-delay: -551.8032s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(149) > img {
  animation-delay: -555.5316s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element:nth-child(150) > img {
  animation-delay: -559.26s;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element.is-correct {
  z-index: 2;
}
.video .slide .template.template-find-the-odd > .content > .images-list > .element > .circle-correct {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: 0;
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelgroup {
  width: 100%;
  column-gap: 2px;
  row-gap: 40px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelgroup > .element {
  width: 12.2%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelgroup > .element:nth-child(n+25) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelgroup > .element > img {
  animation-name: none;
  transform: translateX(-50%) translateY(-50%);
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelgroup > .element > .circle-correct {
  width: 85%;
  height: 85%;
  left: 50%;
  top: 50%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelChar {
  width: 97%;
  gap: 0px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelChar > .element {
  width: 4.76%;
  margin: 20px 0;
}
.video .slide .template.template-find-the-odd > .content > .images-list.levelChar > .element:nth-child(n+127) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level1 {
  width: 100%;
  gap: 5px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level1 > .element {
  width: 14.2%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level1 > .element:nth-child(n+19) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level2 {
  width: 100%;
  gap: 5px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level2 > .element {
  width: 13.5%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level2 > .element:nth-child(n+22) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level3 {
  width: 100%;
  gap: 3px;
  column-gap: 22px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level3 > .element {
  width: 11%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level3 > .element:nth-child(n+33) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level4 {
  width: 100%;
  gap: 3px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level4 > .element {
  width: 10.5%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level4 > .element:nth-child(n+37) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level5 {
  width: 100%;
  column-gap: 22px;
  row-gap: 3px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level5 > .element {
  width: 8.5%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level5 > .element:nth-child(n+51) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level6 {
  width: 100%;
  gap: 3px;
  column-gap: 10px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level6 > .element {
  width: 8.5%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level6 > .element:nth-child(n+56) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level7 {
  width: 100%;
  gap: 2px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level7 > .element {
  width: 8%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level7 > .element:nth-child(n+61) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level8 {
  width: 100%;
  gap: 2px;
  column-gap: 10px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level8 > .element {
  width: 7%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level8 > .element:nth-child(n+79) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level9 {
  width: 100%;
  gap: 2px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level9 > .element {
  width: 7%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level9 > .element:nth-child(n+85) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level10 {
  width: 100%;
  gap: 2px;
  row-gap: 8px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level10 > .element {
  width: 6.55%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level10 > .element:nth-child(n+91) {
  display: none;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level11 {
  width: 100%;
  gap: 2px;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level11 > .element {
  width: 6.1%;
}
.video .slide .template.template-find-the-odd > .content > .images-list.level11 > .element:nth-child(n+113) {
  display: none;
}

.video .slide .template.template-google.google-show-stats > .content .choice-list > .element > .image > .google-search {
  animation-name: google-search-show;
  animation-duration: 3.6s;
  animation-fill-mode: forwards;
}
@keyframes google-search-show {
  14.2% {
    transform: translateX(-50%) scale(0.8);
  }
  85.8% {
    transform: translateX(-50%) scale(1);
  }
  100% {
    transform: translateX(-50%) scale(0.9);
  }
}
.video .slide .template.template-google.google-show-stats > .content .choice-list > .element.is-correct > .image > .google-search {
  animation-name: google-search-show-correct;
  animation-duration: 3.9s;
}
@keyframes google-search-show-correct {
  10% {
    transform: translateX(-50%) scale(0.9);
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9);
  }
  80% {
    transform: translateX(-50%) scale(1);
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9);
  }
  90% {
    transform: translateX(-50%) scale(1.15);
  }
  100% {
    transform: translateX(-50%) scale(1.05);
    background-color: rgba(41, 218, 103, 0.5);
    box-shadow: 0 3px 0 6px #11632e;
  }
}
.video .slide .template.template-google.reveal > .content > .choice-list > .element {
  margin: 0 -10px;
}
.video .slide .template.template-google.reveal > .content > .choice-list > .element.is-wrong > .image {
  transform: scale(0.9) rotate(0deg);
}
.video .slide .template.template-google.reveal > .content > .choice-list > .element.is-correct {
  z-index: 1;
}
.video .slide .template.template-google.reveal > .content > .choice-list > .element.is-correct > .image {
  animation-name: google-correct-left;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.video .slide .template.template-google.reveal > .content > .choice-list > .element > .image > .check {
  animation-name: google-correct-check;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes google-correct-check {
  40% {
    transform: scale(1.4);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-google.reveal > .content > .choice-list.correct-is-2nd > .element.is-wrong > .image {
  transform: scale(0.9) rotate(0deg);
}
.video .slide .template.template-google.reveal > .content > .choice-list.correct-is-2nd > .element.is-correct > .image {
  animation-name: google-correct-right;
}
@keyframes google-correct-left {
  40% {
    transform: scale(1.3) rotate(0deg);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: scale(1.2) rotate(0deg);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
}
@keyframes google-correct-right {
  40% {
    transform: scale(1.3) rotate(0deg);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: scale(1.2) rotate(0deg);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
}
.video .slide .template.template-google > .content .choice-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  justify-content: center;
  height: 680px;
  width: 100%;
  grid-column-gap: 100px;
  margin-top: 40px;
}
.video .slide .template.template-google > .content .choice-list.correct-is-2nd > .element > .image > .check {
  left: auto;
  right: -50px;
}
.video .slide .template.template-google > .content .choice-list > .element {
  width: 680px;
  transition: 0.5s;
}
.video .slide .template.template-google > .content .choice-list > .element > .image {
  height: 550px;
  background-color: white;
  position: relative;
  border-radius: 60px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  transition: 0.5s;
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 44px);
  height: calc(100% - 44px);
  border-radius: 50px;
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .google-search {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(0.001);
  bottom: 92px;
  width: 80%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9);
  padding: 32px 0;
  border-radius: 10000px;
  text-align: center;
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .google-search > .first-line {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .google-search > .first-line > .icon {
  background-image: url("https://yt.tbhquiz.com/style/img/templates/google/google.png");
  width: 56px;
  height: 56px;
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .google-search > .first-line > .quantity {
  margin-left: 26px;
  font-size: 3.5em;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .google-search > .second-line {
  font-size: 1.8em;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  margin-top: 16px;
  text-transform: uppercase;
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .check {
  position: absolute;
  width: 200px;
  height: 200px;
  top: -60px;
  right: -60px;
  transform: scale(0);
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .check > .check-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/google/check-bg.png");
  animation-name: google-check-bg;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 10s;
}
@keyframes google-check-bg {
  100% {
    transform: rotate(-360deg);
  }
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .check > .check-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(0.66);
  background-image: url("https://yt.tbhquiz.com/style/img/templates/google/check-icon.png");
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .text-zone {
  position: absolute;
  bottom: -100px;
  height: 30%;
  text-align: center;
  width: 90%;
  margin-left: 5%;
  animation-name: google-text;
  animation-iteration-count: infinite;
  transform: scale(1.03);
}
.video .slide .template.template-google > .content .choice-list > .element > .image > .text-zone .text {
  display: inline-block;
  padding: 20px 40px;
  border-radius: 40px;
  background-color: white;
  color: black;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
@keyframes google-text {
  50% {
    transform: scale(0.97);
  }
}

.video .slide .template.finger-down.type-shadow > .content > .image-out .image {
  display: inline-block;
  box-shadow: none;
  width: auto !important;
  height: 100%;
  width: auto;
  background-color: transparent;
  border-radius: 0;
}
.video .slide .template.finger-down > .content > .image-out {
  position: absolute;
  left: 0;
  top: 140px;
  width: 500px;
  height: 500px;
  transition: 0.396s;
  transform: translateX(150px);
  opacity: 0;
  animation-name: fingerDownImage;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.video .slide .template.finger-down > .content > .image-out .image {
  display: inline-block;
  border-radius: 130px;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 0 18px white, 0 18px 0 18px rgba(0, 0, 0, 0.2);
  background-color: white;
}
@keyframes fingerDownImage {
  50% {
    transform: rotate(-1.75deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.finger-down > .content > .question-text {
  position: absolute;
  top: 170px;
  left: 600px;
  width: 900px;
  height: 460px;
  transform: translateX(150px);
  opacity: 0;
  animation-name: fingerDownQuestionText;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  text-align: center;
}
@keyframes fingerDownQuestionText {
  25% {
    transform: rotate(-1.75deg);
    opacity: 1;
  }
  50% {
    transform: rotate(1deg);
    opacity: 1;
  }
  75% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.finger-down > .content > .question-text .text {
  display: inline-block;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  line-height: 1.1em;
  font-weight: 600;
}

.video .slide .template.template-xImages1word.get-1images > .content {
  width: 58%;
}
.video .slide .template.template-xImages1word.get-1images > .content .images-list > .in > .in > .in > .element {
  border-radius: 90px;
}
.video .slide .template.template-xImages1word.get-1images > .content .images-list > .in > .in > .in > .element > .in {
  border-radius: 80px;
}
.video .slide .template.template-xImages1word.get-4images > .content {
  height: calc(100% - 200px);
  width: 65%;
}
.video .slide .template.template-xImages1word.get-4images > .content .images-list > .in > .in > .in {
  gap: 0px;
  flex-wrap: wrap;
  margin: -30px 0;
}
.video .slide .template.template-xImages1word.get-4images > .content .images-list > .in > .in > .in > .element {
  height: calc(50% - 0px);
  width: calc(50% - 30px);
  margin: 15px;
}
.video .slide .template.template-xImages1word.get-4images > .content .images-list > .in > .in > .in > .element > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}
.video .slide .template.template-xImages1word.start > .content .images-list {
  transform: translate(-50%, -50%) scale(1);
}
.video .slide .template.template-xImages1word > .content {
  width: 81.5%;
  height: calc(100% - 260px);
}
.video .slide .template.template-xImages1word > .content .images-list {
  transition: 0.3996s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 90%;
  position: relative;
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template.template-xImages1word > .content .images-list > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in > .in {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 40px;
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in > .in > .element {
  height: 100%;
  width: 100%;
  background-color: white;
  box-shadow: 0 12px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  position: relative;
  transform: scale(0);
  animation-name: xImages1word-element;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in > .in > .element:nth-child(1) {
  animation-delay: 0.5s;
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in > .in > .element:nth-child(2) {
  animation-delay: 0.7s;
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in > .in > .element:nth-child(3) {
  animation-delay: 0.9s;
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in > .in > .element:nth-child(4) {
  animation-delay: 1.1s;
}
@keyframes xImages1word-element {
  60% {
    transform: scale(1.12);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-xImages1word > .content .images-list > .in > .in > .in > .element > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border-radius: 20px;
}
.video .slide .template.template-xImages1word > .content > .answer {
  position: absolute;
  bottom: -110px;
  left: 50%;
  width: 1100px;
  height: 220px;
  transform: translateX(-50%) translateY(100%) scale(0.0001);
}
.video .slide .template.template-xImages1word > .content > .answer > .text-zone {
  text-align: center;
}
.video .slide .template.template-xImages1word > .content > .answer > .text-zone .text {
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-xImages1word.reveal > .content > .images-list {
  transform: translate(-50%, -66%) scale(0.97);
}
.video .slide .template.template-xImages1word.reveal > .content > .answer {
  animation-name: xImages1word-answer;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
}
@keyframes xImages1word-answer {
  33.33% {
    transform: translateX(-50%) scale(1.15);
    opacity: 1;
  }
  66.66% {
    transform: translateX(-50%) scale(0.94);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%);
    opacity: 1;
  }
}

@keyframes guess-the-voice-hide {
  100% {
    transform: scale(0);
  }
}
@keyframes guess-the-voice-show {
  40% {
    transform: scale(1.3);
  }
  100% {
    transform: none;
  }
}
@keyframes guess-the-voice-show-wave {
  40% {
    transform: translate(-50%, -50%) scale(5);
  }
  100% {
    transform: translate(-50%, -50%) scale(4);
  }
}
.video .slide .template.template-guess-the-voice.playingAudioEmoji > .content > .list > .element.main > .left .left-sound {
  opacity: 1;
  transform: none;
}
.video .slide .template.template-guess-the-voice.endingAudioEmoji > .content > .list > .element.main > .left .left-sound {
  opacity: 0;
  transform: translateY(50%) scale(0);
}
.video .slide .template.template-guess-the-voice.type-emojis {
  width: calc(100% - 50px);
  height: calc(100% - 50px);
}
.video .slide .template.template-guess-the-voice.type-emojis > .content > .list {
  row-gap: 48px;
}
.video .slide .template.template-guess-the-voice.type-emojis > .content > .list > .element {
  height: 30%;
}
.video .slide .template.template-guess-the-voice.type-emojis > .content > .list > .element.main > .left .question-number {
  transform: translate(-50%, -50%) scale(1.25);
}
.video .slide .template.template-guess-the-voice.type-emojis .timer {
  top: 85%;
  width: 80%;
  height: 50px;
  padding: 9px;
  box-shadow: 0 10px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template.template-guess-the-voice.emojisStart > .content > .list > .element.main > .right > .emojis-list {
  animation-name: emojis-list-guess-the-voice;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}
@keyframes emojis-list-guess-the-voice {
  60% {
    transform: translate(-50%, -50%) scale(1.15);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.video .slide .template.template-guess-the-voice.emojisStart .timer {
  animation-name: emojis-timer-guess-the-voice;
  animation-delay: 1s;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  transform: translate(-50%, -50%) scale(0);
}
@keyframes emojis-timer-guess-the-voice {
  60% {
    transform: translate(-50%, -50%) scale(1.3);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.video .slide .template.template-guess-the-voice.emojisTimerEnd .timer {
  animation-name: emojis-timer-end-guess-the-voice;
  animation-delay: 0.3s;
  animation-duration: 0.5s;
  transform: translate(-50%, -50%) scale(1);
}
@keyframes emojis-timer-end-guess-the-voice {
  100% {
    transform: translate(-50%, -50%) scale(0);
  }
}
.video .slide .template.template-guess-the-voice.playingAudio > .content > .list > .element.main > .right .audioWave {
  animation-name: guess-the-voice-show-wave;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}
.video .slide .template.template-guess-the-voice.playingAudio > .content > .list > .element.main > .right .text-before {
  animation-name: guess-the-voice-hide;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
.video .slide .template.template-guess-the-voice.playingVideo {
  /*> .content > .content-video-player {
    animation-name: content-video-player-playing;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    @keyframes content-video-player-playing {
      40% {
        transform: translate(-50%, -50%) scale(1.12);
      }
      100% {
        transform: translate(-50%, -50%);
      }
    }
  }*/
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .list > .element.main > .right > .emojis-list {
  animation-play-state: paused;
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .content-video-player {
  animation-name: content-video-player-reveal-playing;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  width: 1920px;
  height: 1080px;
  border-radius: 120px;
  overflow: hidden;
  box-shadow: 22px 22px 10px rgba(0, 0, 0, 0.3);
}
@keyframes content-video-player-reveal-playing {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scaleY(0.9) scaleX(0.92);
  }
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .content-video-player > .in {
  animation-name: none;
  transform: none;
  border-radius: 0px;
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .content-video-player > .in > .in {
  width: 100%;
  height: 100%;
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .content-video-player > .in > .in > .video-in {
  border-radius: 0px;
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .content-video-player > .in > .in > .bgBlur {
  border-radius: 0px;
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .content-video-player > .in > .in > .text-zone {
  width: 50%;
  height: 20%;
  border-radius: 1000px;
  /*background: rgba(black, 0.5);
  box-shadow: 0 12px 0 rgba(black, 0.75);
  backdrop-filter: blur(20px);*/
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.9), 0 15px 10px 2px rgba(0, 0, 0, 0.75);
  background: linear-gradient(180deg, #1f2d40, #050505);
  animation-name: content-video-player-text-zone;
  animation-duration: 2s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  transform: translateX(-50%) translateY(-30%) scale(0.98);
}
@keyframes content-video-player-text-zone {
  50% {
    transform: translateX(-50%) translateY(-30%) scale(1.04);
  }
}
.video .slide .template.template-guess-the-voice.playingVideo.reveal > .content > .content-video-player > .in > .in > .text-zone > .text-zone-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  background-image: url("https://yt-mirror.tbhquiz.com/files/2elf6v.png");
  background-repeat: repeat;
  background-size: 600px;
  background-position: 0 0;
  opacity: 0.5;
  animation-name: content-video-player-text-zone-bg;
  animation-duration: 60s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes content-video-player-text-zone-bg {
  100% {
    background-position: 0 -4000px;
  }
}
.video .slide .template.template-guess-the-voice.playingVideo > .content > .list > .element.main > .right > .emojis-list {
  animation-play-state: paused;
}
.video .slide .template.template-guess-the-voice.playingVideo > .content > .list {
  animation-name: content-hide;
  animation-duration: 0.6s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
}
@keyframes content-hide {
  100% {
    transform: scale(0.5);
  }
}
.video .slide .template.template-guess-the-voice.playingVideo.isFiltered > .content > .list {
  animation-name: none !important;
}
.video .slide .template.template-guess-the-voice.playingVideo.isFiltered .content-video-player .text-zone {
  display: none !important;
}
.video .slide .template.template-guess-the-voice.playingVideo.isFiltered > .content > .content-video-player {
  animation-name: content-video-filtered-player-playing;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes content-video-filtered-player-playing {
  40% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.9);
  }
}
.video .slide .template.template-guess-the-voice.endingVideo > .content > .content-video-player {
  animation-name: content-video-filtered-player-ending !important;
  animation-duration: 1s !important;
  animation-fill-mode: forwards !important;
  transform: translate(-50%, -50%) scale(0.9);
}
@keyframes content-video-filtered-player-ending {
  40% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(0);
  }
}
.video .slide .template.template-guess-the-voice.revealAnswer > .content > .list > .element.main > .right .text-answer {
  animation-name: guess-the-voice-show;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-duration: 1.2s;
}
.video .slide .template.template-guess-the-voice.endingAudio > .content > .list > .element.main > .right .audioWave {
  animation-name: guess-the-voice-hide;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
.video .slide .template.template-guess-the-voice.reveal > .content > .list > .element.correct {
  z-index: 1;
  transform: rotate(-3deg);
  animation-name: guess-the-voice-correct;
  animation-duration: 1.5s;
  animation-delay: -1.5s;
  animation-iteration-count: infinite;
}
@keyframes guess-the-voice-correct {
  50% {
    transform: rotate(7deg);
  }
}
.video .slide .template.template-guess-the-voice.reveal > .content > .list > .element.correct > .winner-circle {
  animation-name: guess-the-voice-winner-circle;
  animation-duration: 9s;
  opacity: 1;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes guess-the-voice-winner-circle {
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.video .slide .template.template-guess-the-voice.reveal > .content > .list > .element.correct > .in {
  box-shadow: 0 0 0 10px #0ce62f, 0 9px 0px 10px rgba(0, 0, 0, 0.15), inset 0 0 15px rgba(0, 0, 0, 0.6);
  transform: scale(1.15);
}
.video .slide .template.template-guess-the-voice.reveal > .content > .list > .element.correct > .in > .mysterious {
  opacity: 0;
}
.video .slide .template.template-guess-the-voice.reveal > .content > .list > .element.correct > .in > .position {
  opacity: 0;
}
.video .slide .template.template-guess-the-voice.reveal > .content > .list > .element.correct > .check {
  animation-name: guess-the-voice-correct-check;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes guess-the-voice-correct-check {
  40% {
    transform: scale(1.2);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element {
  transform: scale(0);
  animation-name: guess-the-voice-element-tadam;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes guess-the-voice-element-tadam {
  40% {
    transform: scale(1.15);
  }
  100% {
    transform: none;
  }
}
@keyframes guess-the-voice-element-tadam-light {
  40% {
    transform: scale(1.075);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(1) {
  animation-delay: 0.45s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(2) {
  animation-delay: 0.6s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(3) {
  animation-delay: 0.75s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(4) {
  animation-delay: 0.9s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(5) {
  animation-delay: 1.05s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(6) {
  animation-delay: 1.2s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(7) {
  animation-delay: 1.35s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(8) {
  animation-delay: 1.5s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(9) {
  animation-delay: 1.65s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(10) {
  animation-delay: 1.8s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(11) {
  animation-delay: 1.95s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(12) {
  animation-delay: 2.1s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(13) {
  animation-delay: 2.25s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(14) {
  animation-delay: 2.4s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(15) {
  animation-delay: 2.55s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(16) {
  animation-delay: 2.7s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(17) {
  animation-delay: 2.85s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(18) {
  animation-delay: 3s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(19) {
  animation-delay: 3.15s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list > .element:nth-child(20) {
  animation-delay: 3.3s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list.get-13-elements > .element:nth-child(7) {
  animation-name: guess-the-voice-element-tadam-light;
  animation-duration: 1s;
  animation-delay: 2.55s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list.get-14-elements > .element:nth-child(8) {
  animation-name: guess-the-voice-element-tadam-light;
  animation-duration: 1s;
  animation-delay: 2.7s;
}
.video .slide .template.template-guess-the-voice.first > .content > .list.get-16-elements > .element:nth-child(9) {
  animation-name: guess-the-voice-element-tadam-light;
  animation-duration: 1s;
  animation-delay: 3s;
}
.video .slide .template.template-guess-the-voice > .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 0px);
  height: calc(100% - 0px);
}
.video .slide .template.template-guess-the-voice > .content > .list {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
.video .slide .template.template-guess-the-voice > .content > .list.get-13-elements > .element {
  width: 16.66%;
}
.video .slide .template.template-guess-the-voice > .content > .list.get-13-elements > .element.main {
  width: 83.34%;
}
.video .slide .template.template-guess-the-voice > .content > .list.get-14-elements > .element {
  width: 16.66%;
}
.video .slide .template.template-guess-the-voice > .content > .list.get-14-elements > .element.main {
  width: 66.68%;
}
.video .slide .template.template-guess-the-voice > .content > .list.get-16-elements > .element {
  width: 14.285%;
}
.video .slide .template.template-guess-the-voice > .content > .list.get-16-elements > .element.main {
  width: 71.425%;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element {
  width: 16.66%;
  height: 33.33%;
  position: relative;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.get-background > .in {
  box-shadow: 0 0 0 10px white, 0 9px 0px 10px rgba(0, 0, 0, 0.15);
  background-size: contain;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .winner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
  opacity: 0;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .winner-circle.i1 {
  background-image: url("style/img/templates/guess-the-voice/winner-circle1.png");
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .winner-circle.i2 {
  background-image: url("style/img/templates/guess-the-voice/winner-circle2.gif");
  width: 450px;
  height: 450px;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.done > .in {
  filter: saturate(0);
  box-shadow: 0 0 0 10px white, 0 9px 0px 10px rgba(0, 0, 0, 0.15), inset 0 0 15px rgba(0, 0, 0, 0.6);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.done > .in > .mysterious, .video .slide .template.template-guess-the-voice > .content > .list > .element.done > .in > .answer-text {
  display: none !important;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.done > .check {
  transform: none;
  bottom: 30px;
  right: 30px;
  width: 90px;
  height: 90px;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.force-display-answer-text > .in > .answer-text {
  display: block;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .in {
  background-color: white;
  margin: 20px;
  height: calc(100% - 40px);
  box-shadow: 0 0 0 10px white, 0 9px 0px 10px rgba(0, 0, 0, 0.15), inset 0 0 15px rgba(0, 0, 0, 0.6);
  border-radius: 40px;
  position: relative;
  transition: 0.5s;
  overflow: hidden;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .in > .mysterious {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: 0.25s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .in > .position {
  position: absolute;
  z-index: 1;
  bottom: 15px;
  right: 15px;
  font-size: 40px;
  font-weight: 900;
  font-family: "Nunito" !important;
  width: 58px;
  height: 58px;
  line-height: 61px;
  border-radius: 10000px;
  background-color: #ff2f31;
  color: white;
  box-shadow: 0 0 0 4px white, 0 3px 5px 8px rgba(0, 0, 0, 0.25);
  text-align: center;
  transition: 0.25s;
  letter-spacing: -1px;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .in > .answer-text > .text-zone {
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 92%;
  transform: translateX(-50%);
  height: 34%;
  text-align: center;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .in > .answer-text > .text-zone .text {
  color: white;
  text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 3px 10px #000, 0 0 10px #000;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .in > .answer-text.backup-font > .text-zone .text {
  font-family: "Bangers";
  font-weight: 500;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element > .check {
  position: absolute;
  bottom: 10px;
  right: 10px;
  transform: scale(0.001);
  background-image: url("https://yt-mirror.tbhquiz.com/files/6aldet.png");
  width: 110px;
  height: 110px;
  background-size: contain;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main {
  display: flex;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .left {
  position: relative;
  height: 100%;
  width: 330px;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .left .left-sound {
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/guess-the-voice/sound.gif");
  transform: translateY(50%) scale(0.5);
  transition: 0.3s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .left .question-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.2);
  /*> .in {
    > .question-number-bg {
      background-image: url("https://yt.tbhquiz.com/style/img/number/bg-purple.png?2");
      background-size: 106%;
      background-position: center;
      box-shadow: 0 0 0 8px white, 0 8px 0px 10px rgba(black, .15);
    }
    > .value {
      font-size: 6.1em;
      text-shadow: 0em 0.04em 0.03em rgba(black, .5);
      margin-top: -3px;
    }
  }*/
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right {
  flex-basis: 100%;
  height: 100%;
  position: relative;
  transform: translateX(-20px);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .timer {
  opacity: 0;
  top: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .timer.show {
  animation-name: guess-the-voice-timer-start !important;
  animation-fill-mode: forwards !important;
  animation-duration: 1s !important;
}
@keyframes guess-the-voice-timer-start {
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .timer.end {
  transform: translate(-50%, -50%) scale(0) !important;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 84%;
  height: 84%;
  position: relative;
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list.is-message {
  width: 92%;
  height: 84%;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list.is-message > .in > .in > .in {
  background-color: white;
  box-shadow: 0 0 0 15px white, inset 0 0 12px rgba(0, 0, 0, 0.35);
  border-radius: 60px;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list.is-message > .in > .in > .in > .text-zone {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 80%;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list.is-message > .in > .in > .in > .text-zone .text {
  color: black;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element {
  margin: 0 26px;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element.is-separator {
  font-size: 16em;
  margin: 0 15px;
  text-shadow: 0em 0.04em 0.02em rgba(0, 0, 0, 0.35);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element.is-image {
  display: inline-block;
  height: 100%;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element.is-image-large {
  display: inline-block;
  height: 100%;
  transform: scale(1.45) translateY(-20px);
  box-shadow: 0 0 0 1.2em rgba(0, 0, 0, 0.5), 0 0.6em 0.5em 1.2em rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element.is-text {
  font-size: 18em;
  text-shadow: 0em 0.04em 0.02em rgba(0, 0, 0, 0.35);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(1) {
  animation-delay: 0.6s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(2) {
  animation-delay: 0.9s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(3) {
  animation-delay: 1.2s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(4) {
  animation-delay: 1.5s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(5) {
  animation-delay: 1.8s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(6) {
  animation-delay: 2.1s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(7) {
  animation-delay: 2.4s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(8) {
  animation-delay: 2.7s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(9) {
  animation-delay: 3s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .emojis-list > .in > .in > .in > .element:nth-child(10) {
  animation-delay: 3.3s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-before, .video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-answer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-before > .text-zone, .video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-answer > .text-zone {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 82%;
  animation-name: question-title-center;
  animation-iteration-count: infinite;
  transform: translate(-50%, -50%) rotate(1.25deg);
  animation-duration: 1.5s;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-before > .text-zone .text, .video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-answer > .text-zone .text {
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-before > .text-zone .text .textsub, .video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-answer > .text-zone .text .textsub {
  opacity: 0.66;
  text-transform: uppercase;
  font-size: 0.75em;
}
@keyframes question-title-center {
  50% {
    transform: translate(-50%, -50%) rotate(-1.25deg);
  }
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right > .text-answer {
  transform: scale(0);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right .audioWave {
  display: flex;
  justify-content: space-between;
  height: 48px;
  --boxSize: 4px;
  --gutter: 30px;
  width: calc((var(--boxSize) + var(--gutter)) * 5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right .audioWave .box {
  transform: scaleY(0.4);
  height: 100%;
  width: var(--boxSize);
  background: white;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right .audioWave .box1 {
  animation-name: quiet;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right .audioWave .box2 {
  animation-name: normal;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right .audioWave .box3 {
  animation-name: quiet;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right .audioWave .box4 {
  animation-name: loud;
}
.video .slide .template.template-guess-the-voice > .content > .list > .element.main > .right .audioWave .box5 {
  animation-name: quiet;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(0.6);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(1.2);
  }
}
.video .slide .template.template-guess-the-voice .content-video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1230px;
  height: 720px;
  z-index: 10;
  transform: translate(-50%, -50%) scale(0);
  will-change: transform;
}
.video .slide .template.template-guess-the-voice .content-video-player > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  box-shadow: 0 8px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  border-radius: 100px;
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .bgBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(60px);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 88px;
  transform: scale(1.005);
  overflow: hidden;
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 88px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.littleContrast {
  filter: grayscale(1) invert(1) contrast(0.5) sepia(0.5) opacity(0.8);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.blackWhite2colors {
  filter: grayscale(1) invert(1) contrast(20) sepia(0.5) opacity(0.8);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.blackWhite2colorsBlur {
  filter: grayscale(1) invert(1) contrast(4) sepia(0.5) opacity(0.8) blur(10px);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.strangeColors {
  filter: grayscale(0.75) hue-rotate(1000deg) contrast(100) sepia(0.25);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.strangeColors2 {
  filter: grayscale(0.9) hue-rotate(20deg) invert(1) contrast(200);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.strangeColorsLowContrast {
  filter: grayscale(0.75) hue-rotate(1000deg) contrast(10) sepia(0.25);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .video-in > .video-player.strangeSaturate {
  filter: hue-rotate(20deg) invert(1) saturate(4);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .text-zone {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 66.66%;
  transform: translateX(-50%) translateY(62%);
  height: 30%;
  text-align: center;
  border-radius: 1000px;
  box-shadow: 0 0 0 12px white, 0 8px 0 12px rgba(0, 0, 0, 0.15), inset 0 0 12px rgba(0, 0, 0, 0.4);
  background: linear-gradient(75deg, #9e08f8, #c602ff);
}
.video .slide .template.template-guess-the-voice .content-video-player > .in > .in > .text-zone .text {
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  padding: 25px 35px;
}

.video .slide .template.template-guess-the-voice-choices.elements-horizontal.reveal > .content > .choice-list > .element {
  margin: 0 -90px;
}
.video .slide .template.template-guess-the-voice-choices.elements-horizontal > .content {
  transform: translateX(-50%);
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element > .bg-yes {
  opacity: 1;
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element.is-wrong > .image {
  transform: scale(0.95);
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element.is-wrong > .image > .is-after > .text {
  background-color: #FF0000;
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element.is-correct {
  z-index: 1;
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element.is-correct > .image {
  animation-name: guess-value-correct;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  background-color: #00e400;
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element.is-correct > .image > .text-zone .text {
  background-color: #00E400;
  color: white;
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element.is-wrong {
  filter: grayscale(1);
}
.video .slide .template.template-guess-the-voice-choices.reveal > .content > .choice-list > .element > .image {
  /*> .in {
    transition: 1.25s;
    transition-delay: 0.25s;
  }*/
}
@keyframes guess-value-correct {
  40% {
    transform: scale(1.1);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: scale(1.05);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  justify-content: center;
  height: 610px;
  width: 100%;
  grid-column-gap: 40px;
  margin-top: -38px;
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list > .element {
  width: 610px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list > .element > .bg-yes {
  transition: 0.5s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180%;
  height: 180%;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/guess-real/bg-yes.gif?6");
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list > .element.is-wrong {
  z-index: 0;
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list > .element > .image {
  height: 610px;
  background-color: white;
  position: relative;
  border-radius: 50px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  position: relative;
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list > .element > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  border-radius: 36px;
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list > .element > .image > .text-zone {
  position: absolute;
  bottom: -75px;
  height: 25%;
  text-align: center;
  width: 94%;
  margin-left: 3%;
  transition: 0.5s;
}
.video .slide .template.template-guess-the-voice-choices > .content .choice-list > .element > .image > .text-zone .text {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 25px;
  color: black;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  transition: background-color 0.25s ease;
}
.video .slide .template.template-guess-the-voice-choices.playingVideo .question-title, .video .slide .template.template-guess-the-voice-choices.playingVideo .choice-list {
  opacity: 0 !important;
}
.video .slide .template.template-guess-the-voice-choices.playingVideo > .content > .content-video-player {
  animation-name: content-video-player-voice-choices-playing;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes content-video-player-voice-choices-playing {
  0% {
    transform: translate(-50%, -54%) scale(0);
  }
  60% {
    transform: translate(-50%, -54%) scale(1.06);
  }
  100% {
    transform: translate(-50%, -54%) scale(1);
  }
}
.video .slide .template.template-guess-the-voice-choices.playingVideo > .content > .list {
  animation-name: content-hide;
  animation-duration: 0.6s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
}
.video .slide .template.template-guess-the-voice-choices .content-video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1420px;
  height: 850px;
  z-index: 10;
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 120px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
  position: relative;
  position: absolute;
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in > .in > .bgBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(60px);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 112px;
  transform: scale(1.005);
  overflow: hidden;
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in > .in > .video-in {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 112px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in > .in > .text-zone {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 60%;
  transform: translateX(-50%) translateY(45%);
  height: 20%;
  text-align: center;
  border-radius: 1000px;
  box-shadow: 0 0 0 12px white, 0 8px 0 12px rgba(0, 0, 0, 0.15), inset 0 0 12px rgba(0, 0, 0, 0.4);
  background: linear-gradient(75deg, #9e08f8, #c602ff);
}
.video .slide .template.template-guess-the-voice-choices .content-video-player > .in > .in > .text-zone .text {
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  padding: 25px 35px;
}
.video .slide .template.template-guess-the-voice-choices .audioWave {
  display: flex;
  justify-content: space-between;
  height: 48px;
  --boxSize: 4px;
  --gutter: 30px;
  width: calc((var(--boxSize) + var(--gutter)) * 7);
  transform: translate(-50%, -50%) scale(0);
  position: absolute;
  left: 50%;
  bottom: -140px;
}
.video .slide .template.template-guess-the-voice-choices .audioWave .box {
  transform: scaleY(0.4);
  height: 100%;
  width: var(--boxSize);
  background: white;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-guess-the-voice-choices .audioWave .box1 {
  animation-name: quiet;
}
.video .slide .template.template-guess-the-voice-choices .audioWave .box2 {
  animation-name: normal;
}
.video .slide .template.template-guess-the-voice-choices .audioWave .box3 {
  animation-name: quiet;
}
.video .slide .template.template-guess-the-voice-choices .audioWave .box4 {
  animation-name: loud;
}
.video .slide .template.template-guess-the-voice-choices .audioWave .box5 {
  animation-name: quiet;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(0.6);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(1.2);
  }
}
.video .slide .template.template-guess-the-voice-choices.playingAudio .audioWave {
  animation-name: guess-the-voice-choices-show-wave;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}
@keyframes guess-the-voice-choices-show-wave {
  40% {
    transform: translate(-50%, -50%) scale(3.75);
  }
  100% {
    transform: translate(-50%, -50%) scale(3.25);
  }
}
.video .slide .template.template-guess-the-voice-choices.endingAudio .audioWave {
  animation-name: guess-the-voice-hide;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}

.video .slide .template.never-have {
  /*> .question-number {
    > .in {
      .question-number-bg {
        background: $color-sub1;
      }
      .value {
        color: black;
        text-shadow: none;
      }
    }
  }*/
}
.video .slide .template.never-have.get-image > .content > .question {
  transform: translateX(155px);
}
.video .slide .template.never-have.get-image > .content > .question > .in {
  height: 470px;
}
.video .slide .template.never-have.get-image > .content > .question > .in > .title {
  margin-left: 10px;
}
.video .slide .template.never-have.get-image > .content > .question > .in > .question-text {
  position: absolute;
  top: 17.5%;
  left: 7.5%;
  width: 89%;
  height: 76.5%;
}
.video .slide .template.never-have.get-image > .content > .buttons {
  transform: translateX(155px);
  position: absolute;
  bottom: -78px;
}
.video .slide .template.never-have > .content {
  top: 100px;
  width: 66.66%;
  height: calc(100% - 220px);
}
.video .slide .template.never-have > .content > .question > .in {
  width: 100%;
  height: 440px;
  box-shadow: 0 0 0 12px white, 0px 18px 0 12px rgba(0, 0, 0, 0.25);
  border-radius: 70px;
  background-color: rgba(0, 0, 0, 0.15);
  position: relative;
}
.video .slide .template.never-have > .content > .question > .in > .image {
  position: absolute;
  top: 50%;
  left: -325px;
  width: 380px;
  height: 380px;
  box-shadow: 0 0 0 12px white, 8px 12px 0 12px rgba(0, 0, 0, 0.2);
  border-radius: 22px;
  background-color: white;
  overflow: hidden;
  animation-name: neverHaveImage;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  transform: translateY(-50%) translateX(150px) rotate(-3deg);
  opacity: 0;
}
@keyframes neverHaveImage {
  50% {
    transform: translateY(-50%) rotate(2deg);
    opacity: 1;
  }
  100% {
    transform: translateY(-50%) rotate(-1.5deg);
    opacity: 1;
  }
}
.video .slide .template.never-have > .content > .question > .in > .image > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.never-have > .content > .question > .in > .title {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 0 40px;
  line-height: 80px;
  color: black;
  text-transform: uppercase;
  background-color: white;
  border-radius: 30px;
  font-size: 4.8em;
  line-height: 1.6em;
  box-shadow: 0px 12px rgba(0, 0, 0, 0.25);
  font-family: "Lilita One";
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.video .slide .template.never-have > .content > .question > .in > .question-text {
  position: absolute;
  top: 20.5%;
  left: 3%;
  width: 94%;
  height: 71%;
  transform: translateX(150px);
  opacity: 0;
  animation-name: fingerDownQuestionText;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  text-align: center;
}
@keyframes fingerDownQuestionText {
  25% {
    transform: rotate(-1.75deg);
    opacity: 1;
  }
  50% {
    transform: rotate(1deg);
    opacity: 1;
  }
  75% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.never-have > .content > .question > .in > .question-text .text {
  display: inline-block;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  line-height: 1.1em;
  font-weight: 600;
}
.video .slide .template.never-have > .content > .buttons {
  position: absolute;
  bottom: -35px;
  width: 100%;
  height: 310px;
}
.video .slide .template.never-have > .content > .buttons > .in {
  display: flex;
  height: 100%;
}
.video .slide .template.never-have > .content > .buttons > .in > .element {
  width: 50%;
  height: 100%;
  border-radius: 70px;
  box-shadow: 0 0 0 12px white, 0px 18px 0 12px rgba(0, 0, 0, 0.25);
  position: relative;
  transform: scale(0.95);
  animation-name: neverHaveButton;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.video .slide .template.never-have > .content > .buttons > .in > .element.is-yes {
  background-color: #38cf3d;
  background: linear-gradient(#38cf3d 70%, #29ab2d);
  margin-right: 50px;
}
.video .slide .template.never-have > .content > .buttons > .in > .element.is-no {
  background-color: #F22424;
  background: linear-gradient(#f22424 70%, #d60d0d);
  margin-left: 50px;
  animation-delay: -1.5s;
}
.video .slide .template.never-have > .content > .buttons > .in > .element > .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5.3em;
  font-size: 7.5em;
  line-height: 1.05em;
  color: white;
  width: 85%;
  text-align: center;
  text-shadow: 0em 0.05em 0.1em rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
}
@keyframes neverHaveButton {
  50% {
    transform: translateY(-5%) scale(1);
  }
}

.video .slide .template.template-trivia-pics.get-4answers > .content.large {
  width: 92%;
}
.video .slide .template.template-trivia-pics.get-4answers > .content .choice-list {
  column-gap: 32px;
}
.video .slide .template.template-trivia-pics.images-shadow-mode > .content .choice-list > .element > .image {
  box-shadow: none;
  background-color: transparent;
  border-radius: 0px;
}
.video .slide .template.template-trivia-pics.images-shadow-mode > .content .choice-list > .element > .image > .in {
  background-size: contain;
}
.video .slide .template.template-trivia-pics.images-shadow-mode.reveal > .content .choice-list > .element.is-wrong > .image {
  transform: scale(0.9);
  transition-duration: 0.75s;
}
.video .slide .template.template-trivia-pics.images-shadow-mode.reveal > .content .choice-list > .element.is-wrong > .image > .cross {
  animation-name: trivia-pics-shadow-mode-cross;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  transform: translateX(-50%) translateY(-50%) scale(0.001);
}
@keyframes trivia-pics-shadow-mode-cross {
  40% {
    transform: translateX(-50%) translateY(-50%) scale(1.25);
  }
  100% {
    transform: translateX(-50%) translateY(-50%);
  }
}
.video .slide .template.template-trivia-pics.images-shadow-mode.reveal > .content .choice-list > .element.is-correct > .image {
  background-color: transparent !important;
  box-shadow: none !important;
}
.video .slide .template.template-trivia-pics.images-shadow-mode.reveal > .content .choice-list > .element.is-correct > .image > .in {
  background-color: transparent !important;
}
.video .slide .template.template-trivia-pics.elements-horizontal.reveal > .content > .choice-list > .element {
  margin: 0 -90px;
}
.video .slide .template.template-trivia-pics.elements-horizontal > .content {
  transform: translateX(-50%);
}
.video .slide .template.template-trivia-pics.noTextAnswers > .content .choice-list {
  height: 676px;
  margin-top: 0px;
}
.video .slide .template.template-trivia-pics.noTextAnswers > .content .choice-list > .element {
  width: 676px;
}
.video .slide .template.template-trivia-pics.noTextAnswers > .content .choice-list > .element > .image {
  height: 676px;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element > .bg-yes {
  opacity: 1;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element.is-wrong > .image > .is-after > .text {
  background-color: #FF0000;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element.is-wrong > .image > .cross {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element.is-correct {
  z-index: 1;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element.is-correct > .image {
  animation-name: guess-value-correct;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  background-color: #06d306;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element.is-correct > .image > .in {
  background-color: white;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element.is-correct > .image > .text-zone .text {
  background-color: #06d306;
  color: white;
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element.is-wrong > .image > .in {
  filter: grayscale(1);
}
.video .slide .template.template-trivia-pics.reveal > .content > .choice-list > .element > .image {
  /*> .in {
    transition: 1.25s;
    transition-delay: 0.25s;
  }*/
}
@keyframes guess-value-correct {
  40% {
    transform: scale(1.1);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: scale(1.05);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
}
.video .slide .template.template-trivia-pics > .content .choice-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  justify-content: center;
  height: 625px;
  width: 100%;
  grid-column-gap: 40px;
  margin-top: -38px;
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element {
  width: 625px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element > .bg-yes {
  transition: 0.5s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180%;
  height: 180%;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/guess-real/bg-yes.gif?6");
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element.is-wrong {
  z-index: 0;
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element.is-wrong > .image > .cross {
  display: block;
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element > .image {
  height: 625px;
  background-color: white;
  position: relative;
  border-radius: 50px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  position: relative;
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element > .image > .cross {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45%;
  height: 250px;
  background-size: 100%;
  transform: translate(-50%, -100%);
  opacity: 0;
  transition: 0.5s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/jowtkm.png");
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  border-radius: 35px;
  transition: 0.5s;
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element > .image > .text-zone {
  position: absolute;
  bottom: -75px;
  height: 25%;
  text-align: center;
  width: 94%;
  margin-left: 3%;
  transition: 0.5s;
}
.video .slide .template.template-trivia-pics > .content .choice-list > .element > .image > .text-zone .text {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 25px;
  color: black;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  transition: background-color 0.25s ease;
}

.video .slide .template.template-guess-who-said.elements-horizontal.reveal > .content > .choice-list > .element {
  margin: 0 -90px;
}
.video .slide .template.template-guess-who-said.elements-horizontal > .content {
  transform: translateX(-50%);
}
.video .slide .template.template-guess-who-said.playingVideo > .content {
  transform: scale(0.5);
  transition: 0.5s;
}
.video .slide .template.template-guess-who-said .reveal-image-text {
  height: 90% !important;
  width: 104% !important;
  left: -2% !important;
  top: 14% !important;
}
.video .slide .template.template-guess-who-said .reveal-image-text > .in .image-result {
  height: 80% !important;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element > .bg-yes {
  opacity: 1;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element.is-wrong > .image > .is-after > .text {
  background-color: #FF0000;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element.is-wrong > .image > .cross {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element.is-correct {
  z-index: 1;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element.is-correct > .image {
  animation-name: guess-value-correct;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  background-color: #06d306;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element.is-correct > .image > .in {
  background-color: white;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element.is-correct > .image > .text-zone .text {
  background-color: #06d306;
  color: white;
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element.is-wrong > .image > .in {
  filter: grayscale(1);
}
.video .slide .template.template-guess-who-said.reveal > .content > .choice-list > .element > .image {
  /*> .in {
    transition: 1.25s;
    transition-delay: 0.25s;
  }*/
}
@keyframes guess-value-correct {
  40% {
    transform: scale(1.1);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: scale(1.05);
    box-shadow: 0 12px rgba(0, 0, 0, 0.25), 0 12px 30px rgba(0, 0, 0, 0.3);
  }
}
.video .slide .template.template-guess-who-said > .content .lyrics {
  position: absolute;
  top: -150px;
  left: 3%;
  width: 94%;
  height: 215px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.3), 0 6px 12px 4px rgba(0, 0, 0, 0.3);
  border-radius: 60px;
}
.video .slide .template.template-guess-who-said > .content .lyrics .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-guess-who-said > .content .lyrics .in > .text-zone {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  height: 90%;
}
.video .slide .template.template-guess-who-said > .content .lyrics .in > .text-zone .text {
  display: inline-block;
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-guess-who-said > .content .choice-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  justify-content: center;
  height: 590px;
  width: 100%;
  grid-column-gap: 40px;
  margin-top: 50px;
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element {
  width: 590px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element > .bg-yes {
  transition: 0.5s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180%;
  height: 180%;
  background-image: url("https://yt.tbhquiz.com/style/img/templates/guess-real/bg-yes.gif?6");
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element.is-wrong {
  z-index: 0;
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element.is-wrong > .image > .cross {
  display: block;
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element > .image {
  height: 590px;
  background-color: white;
  position: relative;
  border-radius: 50px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  position: relative;
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element > .image > .cross {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45%;
  height: 250px;
  background-size: 100%;
  transform: translate(-50%, -100%);
  opacity: 0;
  transition: 0.5s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/jowtkm.png");
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  border-radius: 35px;
  transition: 0.5s;
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element > .image > .text-zone {
  position: absolute;
  bottom: 30px;
  height: 120px;
  text-align: center;
  width: 85%;
  margin-left: 7.5%;
  transition: 0.5s;
}
.video .slide .template.template-guess-who-said > .content .choice-list > .element > .image > .text-zone .text {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 25px;
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  transition: background-color 0.25s ease;
}

.video .slide .template-trivia4pics.is-contain > .content > .trivia4pics > .right > .answers > .element > .in > .in {
  background-size: contain;
}
.video .slide .template-trivia4pics.reveal.no-image-answer > .content > .trivia4pics > .right > .answers > .element.is-false {
  filter: none;
}
.video .slide .template-trivia4pics.reveal > .content > .trivia4pics > .left {
  animation-name: trivia4pics-question-reveal;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
}
@keyframes trivia4pics-question-reveal {
  40% {
    transform: scale(0.9);
  }
  100% {
    transform: none;
  }
}
.video .slide .template-trivia4pics.reveal > .content > .trivia4pics > .left > .in > .in.is-answer {
  animation-name: trivia4pics-answer-image;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes trivia4pics-answer-image {
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.video .slide .template-trivia4pics.reveal > .content > .trivia4pics > .right > .answers > .element.is-correct > .in {
  background: url("https://yt.tbhquiz.com/style/img/templates/trivia4pics/bg-correct-answer.gif");
  background-size: cover;
  animation-name: trivia4pics-correct-answer;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
}
@keyframes trivia4pics-correct-answer {
  40% {
    transform: scale(1.125);
  }
}
.video .slide .template-trivia4pics.reveal > .content > .trivia4pics > .right > .answers > .element.is-correct > .in > .in {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.video .slide .template-trivia4pics.reveal > .content > .trivia4pics > .right > .answers > .element.is-false {
  filter: brightness(0.8) grayscale(0.5);
}
.video .slide .template-trivia4pics.reveal > .content > .trivia4pics > .right > .answers > .element.is-false > .in {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  transform: scale(0.85);
}
.video .slide .template-trivia4pics.reveal > .content > .answer-text {
  animation-name: trivia4pics-answer-text;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
}
@keyframes trivia4pics-answer-text {
  40% {
    transform: translateX(-50%) scale(1.15);
  }
  100% {
    transform: translateX(-50%);
  }
}
.video .slide .template-trivia4pics .reveal-image-text {
  height: 75% !important;
  width: 102% !important;
  left: -1% !important;
  top: 12% !important;
}
.video .slide .template-trivia4pics .reveal-image-text > .in .image-result {
  height: 100% !important;
}
.video .slide .template-trivia4pics.answer-shadow-mode > .content > .trivia4pics > .right > .answers > .element > .in {
  background-color: transparent;
  box-shadow: none !important;
  overflow: visible;
}
.video .slide .template-trivia4pics.answer-shadow-mode > .content > .trivia4pics > .right > .answers > .element > .in > .in {
  background-color: transparent;
  background-size: contain;
  box-shadow: none !important;
  overflow: visible;
}
.video .slide .template-trivia4pics.answer-shadow-mode.reveal > .content > .trivia4pics > .right > .answers > .element > .in {
  background-color: transparent;
}
.video .slide .template-trivia4pics.is-horizontal-image > .content {
  width: 90%;
}
.video .slide .template-trivia4pics.is-horizontal-image > .content > .trivia4pics > .left {
  min-width: calc(55% - 30px);
  max-width: calc(55% - 30px);
}
.video .slide .template-trivia4pics.is-horizontal-image > .content > .trivia4pics > .left > .in {
  width: 105%;
  transform: rotate(-1.75deg);
  animation-name: trivia4pics-question-answers-light;
}
.video .slide .template-trivia4pics.is-horizontal-image > .content > .trivia4pics > .right {
  min-width: calc(45% - 60px);
  max-width: calc(45% - 60px);
}
.video .slide .template-trivia4pics.is-horizontal-image > .content > .trivia4pics > .right > .answers > .element {
  transform: rotate(-1.75deg);
  animation-name: trivia4pics-question-answers-light;
}
.video .slide .template-trivia4pics > .content {
  width: 82.75%;
  top: 155px;
  height: calc(100% - 285px);
}
.video .slide .template-trivia4pics > .content > .trivia4pics {
  display: flex;
  grid-column-gap: 80px;
  align-items: stretch;
  height: 100%;
  animation-name: trivia4pics-tadam;
  animation-fill-mode: forwards;
  animation-duration: 0.3s;
  animation-delay: 0.1s;
  transform: scale(0.8);
}
@keyframes trivia4pics-tadam {
  100% {
    transform: none;
  }
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .left {
  min-width: calc(50% - 40px);
  max-width: calc(50% - 40px);
  position: relative;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .left.is-shadow-mode > .in {
  animation-name: trivia4pics-question-answers-shadow-mode;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .left.is-shadow-mode > .in > .in {
  width: 100%;
  height: 100%;
  background-size: contain;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .left > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 54px;
  animation-name: trivia4pics-question-answers;
  animation-iteration-count: infinite;
  animation-duration: 3.5s;
  animation-delay: 0.1s;
  transform: rotate(-1.75deg);
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .left > .in > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  border-radius: 48px;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .left > .in > .in.is-answer {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .right {
  min-width: calc(50% - 40px);
  max-width: calc(50% - 40px);
  position: relative;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .right > .answers {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px;
  height: 100%;
  width: 100%;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .right > .answers > .element {
  height: calc(50% - 20px);
  width: calc(50% - 20px);
  position: relative;
  transition: 0.3s;
  animation-name: trivia4pics-question-answers;
  animation-iteration-count: infinite;
  animation-duration: 3.5s;
  animation-delay: 0.1s;
  transform: rotate(-1.75deg);
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .right > .answers > .element.is-false {
  transition-delay: 0.1s;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .right > .answers > .element.is-false > .in {
  transition-delay: 0.1s;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .right > .answers > .element > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 54px;
  transition: 0.3s;
}
.video .slide .template-trivia4pics > .content > .trivia4pics > .right > .answers > .element > .in > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  border-radius: 48px;
  transition: 0.3s;
}
.video .slide .template-trivia4pics > .content > .answer-text {
  position: absolute;
  bottom: -135px;
  left: 50%;
  width: 1200px;
  height: 112px;
  transform: translateX(-50%) translateY(30px) scale(0.0001);
}
.video .slide .template-trivia4pics > .content > .answer-text > .text-zone {
  text-align: center;
}
.video .slide .template-trivia4pics > .content > .answer-text > .text-zone .text {
  color: #fefc02;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template-trivia4pics > .footer {
  height: 90px;
}
.video .slide .template-trivia4pics > .footer .timer {
  padding: 12px;
  width: 62%;
  height: 54px;
}

@keyframes trivia4pics-question-answers {
  50% {
    transform: rotate(1.75deg);
  }
}
@keyframes trivia4pics-question-answers-shadow-mode {
  50% {
    transform: scale(1.1) rotate(1.75deg);
  }
}
@keyframes trivia4pics-question-answers-light {
  50% {
    transform: rotate(1deg);
  }
}
@keyframes trivia4pics-question-answers-shadow-mode-light {
  50% {
    transform: scale(1.1) rotate(1deg);
  }
}
.video .slide .template.template-gift.imageFit > .content .gifts > .element > .after > .result-image > .in {
  background-size: contain;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.video .slide .template.template-gift.start > .content .gifts {
  animation-name: giftStart;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}
@keyframes giftStart {
  40% {
    transform: scale(1.05);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-gift.reveal.only-1-result > .content .gifts > .element > .before {
  animation-delay: 0s !important;
}
.video .slide .template.template-gift.reveal > .content .gifts > .element:nth-child(1) > .before {
  animation-delay: 0s;
}
.video .slide .template.template-gift.reveal > .content .gifts > .element:nth-child(2) > .before {
  animation-delay: 0.5625s;
}
.video .slide .template.template-gift.reveal > .content .gifts > .element:nth-child(3) > .before {
  animation-delay: 1.125s;
}
.video .slide .template.template-gift.reveal > .content .gifts > .element:nth-child(1) > .after {
  animation-delay: 0.375s;
}
.video .slide .template.template-gift.reveal > .content .gifts > .element:nth-child(2) > .after {
  animation-delay: 0.9375s;
}
.video .slide .template.template-gift.reveal > .content .gifts > .element:nth-child(3) > .after {
  animation-delay: 1.5s;
}
.video .slide .template.template-gift.reveal > .content .gifts > .element > .before {
  animation-name: giftBeforeHide;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
}
@keyframes giftBeforeHide {
  50% {
    transform: scale(1.11);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 1;
  }
}
.video .slide .template.template-gift.reveal > .content .gifts > .element > .after {
  animation-name: giftAfterShow;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
}
@keyframes giftAfterShow {
  50% {
    transform: scaleY(1.12) scale(1.05);
    opacity: 1;
    filter: none;
  }
  75% {
    transform: scaleY(0.94) scale(0.975);
    opacity: 1;
    filter: none;
  }
  100% {
    transform: none;
    opacity: 1;
    filter: none;
  }
}
.video .slide .template.template-gift.reveal > .content .result-one {
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-name: giftRevealOne;
}
@keyframes giftRevealOne {
  50% {
    transform: translate(-50%, -50%) scaleY(1.175) scale(1.04);
    opacity: 1;
  }
  75% {
    transform: translate(-50%, -50%) scaleY(0.93) scale(0.985);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
.video .slide .template.template-gift.reveal > .content .result-one.get-text {
  animation-name: giftRevealOneGetText;
}
@keyframes giftRevealOneGetText {
  50% {
    transform: translate(-50%, -64%) scaleY(1.08) scale(1.04);
    opacity: 1;
  }
  75% {
    transform: translate(-50%, -64%) scaleY(0.955) scale(0.985);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -64%);
    opacity: 1;
  }
}
.video .slide .template.template-gift > .content {
  position: absolute;
  top: 130px;
  width: 88%;
  height: calc(100% - 220px);
}
.video .slide .template.template-gift > .content .gifts {
  display: flex;
  column-gap: 50px;
  justify-content: center;
  height: 100%;
  transform: scale(0);
}
.video .slide .template.template-gift > .content .gifts > .element {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
.video .slide .template.template-gift > .content .gifts > .element:nth-child(1) > .before > .button {
  animation-delay: -1.995s;
}
.video .slide .template.template-gift > .content .gifts > .element:nth-child(2) > .before > .button {
  animation-delay: -3.99s;
}
.video .slide .template.template-gift > .content .gifts > .element:nth-child(3) > .before > .button {
  animation-delay: -1.33s;
}
.video .slide .template.template-gift > .content .gifts > .element:nth-child(4) > .before > .button {
  animation-delay: 0s;
}
.video .slide .template.template-gift > .content .gifts > .element > .before {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  height: 100%;
  /*.pushable:active .front {
    transform: translateY(-2px);
  }*/
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button {
  width: 95%;
  max-width: 550px;
  height: 360px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) perspective(300px) rotateY(3deg) rotate(-1.25deg) translateY(2%);
  animation-name: giftButton;
  animation-duration: 3.99s;
  animation-iteration-count: infinite;
}
@keyframes giftButton {
  50% {
    transform: translate(-50%, -50%) perspective(300px) rotateY(-3deg) rotate(1.25deg) translateY(-2%);
  }
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button.total-2-buttons {
  transform: translate(-50%, -50%) scale(1.25);
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > div.is-shadow {
  background-color: white !important;
  z-index: 0 !important;
  box-shadow: 0 0 0 15px white, 0 15px 20px 15px rgba(0, 0, 0, 0.15);
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > div.is-shadow.top-line, .video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > div.is-shadow.bottom-line {
  border-radius: 10px;
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > div, .video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in .text-zone {
  animation-duration: 3s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > .top-circle2 {
  position: absolute;
  z-index: 6;
  width: 84%;
  left: 8%;
  bottom: 222px;
  height: 160px;
  border-radius: 100%;
  background: #222;
  box-shadow: inset 0 -10px 30px rgba(0, 0, 0, 0.3);
  animation-name: giftTopCircle2;
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > .top-circle2 > .text-zone {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -53%) perspective(350px) rotateX(30deg);
  width: 80%;
  height: 80%;
  color: white;
  text-shadow: 0em 0.3em 0.2em rgba(0, 0, 0, 0.6);
  animation-name: giftTopCircleText;
}
@keyframes giftTopCircleText {
  50% {
    transform: translate(-50%, -53%) perspective(350px) rotateX(38deg) scale(1.08);
  }
}
@keyframes giftTopCircle2 {
  50% {
    bottom: 172px;
  }
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > .top-line {
  position: absolute;
  z-index: 5;
  width: 84%;
  left: 8%;
  bottom: 146px;
  height: 156px;
  background: black;
  animation-name: giftTopLine;
}
@keyframes giftTopLine {
  50% {
    height: 106px;
  }
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > .top-circle1 {
  position: absolute;
  z-index: 4;
  bottom: 66px;
  width: 84%;
  left: 8%;
  height: 160px;
  border-radius: 100%;
  background: black;
  box-shadow: inset 0 -10px 3px rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > .bottom-circle1 {
  position: absolute;
  z-index: 3;
  bottom: 40px;
  width: 100%;
  height: 180px;
  border-radius: 100%;
  background: #BDBCBD;
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > .bottom-line {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 90px;
  height: 40px;
  background: #9F9D9F;
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .button > .in > .bottom-circle2 {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 180px;
  border-radius: 100%;
  background: #9F9D9F;
  box-shadow: inset 0 -10px 3px rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .gift-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .gift-image > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 90%;
  margin-top: -5%;
  filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.4));
  animation-name: giftRotate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  transform: translateX(-50%) translateY(-50%) rotate(-3deg);
}
@keyframes giftRotate {
  50% {
    transform: translateX(-50%) translateY(-50%) rotate(3deg);
  }
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .gift-image > .gift-number {
  width: 114px;
  height: 114px;
  position: absolute;
  left: 50%;
  bottom: -280px;
  background: linear-gradient(to top, #C9C9C9, #FFF 30%);
  border-radius: 10000px;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2);
  transform: translateX(-50%) rotate(5deg);
  animation-name: giftNumberRotate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes giftNumberRotate {
  50% {
    transform: translateX(-50%) rotate(-5deg);
  }
}
.video .slide .template.template-gift > .content .gifts > .element > .before > .gift-image > .gift-number > .value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: 5em;
  color: black;
}
.video .slide .template.template-gift > .content .gifts > .element > .after {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scaleX(0.8) scaleY(0);
  opacity: 0;
  height: 100%;
}
.video .slide .template.template-gift > .content .gifts > .element > .after > .result-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-gift > .content .gifts > .element > .after > .result-image > .in {
  position: absolute;
  width: 95%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -52.5%);
  box-shadow: 0 0 0 16px white, 8px 8px 0 16px rgba(0, 0, 0, 0.2);
  border-radius: 90px;
  background-size: cover;
  background-color: white;
  filter: contrast(105%) saturate(105%) brightness(101%) sepia(5%) hue-rotate(2deg);
}
.video .slide .template.template-gift > .content .gifts > .element > .after > .result-image > .emoji-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(40%);
  width: 206px;
  filter: drop-shadow(2px 0 16px rgba(0, 0, 0, 0.4));
}
.video .slide .template.template-gift > .content .gifts > .element > .after > .result-image > .text-zone {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(33.33%);
  bottom: 0;
  border-radius: 20px;
  padding: 15px 30px;
  width: calc(72% - 60px);
  border-radius: 20px;
  height: 110px;
  background-color: white;
  text-align: center;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
}
.video .slide .template.template-gift > .content .gifts > .element > .after > .result-image > .text-zone .text {
  margin: 0 15px;
}
.video .slide .template.template-gift > .content .result-one {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 90%;
  transform: translate(-50%, -50%) scaleX(0.8) scaleY(0);
  opacity: 0;
}
.video .slide .template.template-gift > .content .result-one.get-text {
  transform: translate(-50%, -64%) scaleX(0.8) scaleY(0);
}
.video .slide .template.template-gift > .content .result-one > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-gift > .content .result-one > .in > .image {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 16px white, 8px 8px 0 16px rgba(0, 0, 0, 0.2);
  border-radius: 90px;
  background-size: cover;
  background-color: white;
  overflow: hidden;
}
.video .slide .template.template-gift > .content .result-one > .in > .image.is-video {
  box-shadow: 0 0 0 12px white, 8px 8px 0 12px rgba(0, 0, 0, 0.2);
}
.video .slide .template.template-gift > .content .result-one > .in > .image.is-video > .in {
  filter: none;
}
.video .slide .template.template-gift > .content .result-one > .in > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}
.video .slide .template.template-gift > .content .result-one > .in > .image > .in > .bgBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(60px);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 90px;
  transform: scale(1.005);
  overflow: hidden;
}
.video .slide .template.template-gift > .content .result-one > .in > .image > .in > .video-in {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 90px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template.template-gift > .content .result-one > .in > .image > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-gift > .content .result-one > .in > .image > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-gift > .content .result-one > .in > .text-zone {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1260px;
  height: 180px;
  color: white;
  text-align: center;
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
  transform: translateX(-50%) translateY(calc(100% + 20px));
}

.video .slide .template.template-gift4 {
  width: 100%;
  height: 100%;
  position: relative;
}
.video .slide .template.template-gift4 .question-number {
  top: 40px;
  left: 34px;
}
.video .slide .template.template-gift4 .footer {
  transform: rotate(-90deg);
  left: -848px;
  top: 540px;
}
.video .slide .template.template-gift4 .footer .timer {
  height: 60px;
  width: 780px;
  transform: translate(-50%, -250%);
}
.video .slide .template.template-gift4 .footer .timer.end {
  transform: translate(-50%, -50%);
  animation-name: timer-gift4-end;
}
@keyframes timer-gift4-end {
  100% {
    transform: translate(-50%, -250%);
  }
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .list > .element:nth-child(1) > .result {
  animation-delay: 0.2s;
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .list > .element:nth-child(2) > .result {
  animation-delay: 0.4s;
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .list > .element:nth-child(3) > .result {
  animation-delay: 0.6s;
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .list > .element:nth-child(4) > .result {
  animation-delay: 0.8s;
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .list > .element:nth-child(5) > .result {
  animation-delay: 1s;
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .list > .element:nth-child(6) > .result {
  animation-delay: 1.2s;
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .list > .element > .result {
  animation-name: gift4-element-reveal;
  animation-duration: 10s;
}
@keyframes gift4-element-reveal {
  4% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  10% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.video .slide .template.template-gift4.reveal > .content > .gift4 > .title {
  opacity: 0;
}
.video .slide .template.template-gift4 > .content {
  top: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}
.video .slide .template.template-gift4 > .content > .gift4 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-gift4 > .content > .gift4.nb-6 > .list > .element {
  width: 33.33%;
  height: 50%;
}
.video .slide .template.template-gift4 > .content > .gift4.nb-6 > .list > .element > .gift {
  width: 400px;
  height: 400px;
}
.video .slide .template.template-gift4 > .content > .gift4 > .line {
  position: absolute;
  width: 2000px;
  height: 18px;
  background-color: white;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-gift4 > .content > .gift4 > .line.vertical6-1 {
  transform: translateX(calc(-66.66% + 12px)) translateY(-50%) rotate(-90deg);
  height: 16px;
}
.video .slide .template.template-gift4 > .content > .gift4 > .line.vertical6-2 {
  transform: translateX(calc(-33.33% - 14px)) translateY(-50%) rotate(-90deg);
  height: 16px;
}
.video .slide .template.template-gift4 > .content > .gift4 > .line.horizontal6 {
  transform: translateX(-50%) translateY(-50%);
  height: 16px;
}
.video .slide .template.template-gift4 > .content > .gift4 > .line.vertical {
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.video .slide .template.template-gift4 > .content > .gift4 > .line.horizontal {
  transform: translateX(-50%) translateY(-50%);
}
.video .slide .template.template-gift4 > .content > .gift4 > .line.no-shadow {
  box-shadow: none;
}
.video .slide .template.template-gift4 > .content > .gift4 > .title {
  width: 650px;
  height: 270px;
  color: white;
  font-size: 5em;
  text-shadow: 0em 0.05em 0 black, 0em 0em 0 black, 0em -0.05em 0 black, -0.05em 0.05em 0 black, -0.05em 0em 0 black, -0.05em -0.05em 0 black, 0.05em 0.05em 0 black, 0.05em 0em 0 black, 0.05em -0.05em 0 black, 0em 0.07em 0 black, 0em 0em 0 black, 0em -0.07em 0 black, -0.07em 0.07em 0 black, -0.07em 0em 0 black, -0.07em -0.07em 0 black, 0.07em 0.07em 0 black, 0.07em 0em 0 black, 0.07em -0.07em 0 black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0em 0.07em 0.12em black, 0em 0.07em 0.15em black;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(-1.2deg);
  animation-iteration-count: infinite;
  background-size: contain;
  animation-duration: 2s;
  animation-name: gift4-title;
}
@keyframes gift4-title {
  50% {
    transform: translate(-50%, -50%) rotate(1.2deg);
  }
}
.video .slide .template.template-gift4 > .content > .gift4 > .list {
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element {
  width: 50%;
  height: 50%;
  position: relative;
  overflow: hidden;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element > .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 130%;
  animation-iteration-count: infinite;
  animation-duration: 50s;
  animation-timing-function: linear;
  transform: translate(-50%, -50%) scale(1.6) rotate(-20deg);
  animation-name: gift4-element-bg;
  background-size: cover;
}
@keyframes gift4-element-bg {
  100% {
    transform: translate(-50%, -50%) scale(1.6) rotate(-380deg);
  }
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element:nth-child(1) > .gift {
  animation-delay: 0.45s;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element:nth-child(2) > .gift {
  animation-delay: 0.65s;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element:nth-child(3) > .gift {
  animation-delay: 0.85s;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element:nth-child(4) > .gift {
  animation-delay: 1.05s;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element:nth-child(5) > .gift {
  animation-delay: 1.25s;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element:nth-child(6) > .gift {
  animation-delay: 1.45s;
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element > .gift {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0.01) rotate(-120deg);
  width: 490px;
  height: 490px;
  animation-fill-mode: forwards;
  animation-duration: 0.7s;
  animation-name: gift4-gift-appear;
}
@keyframes gift4-gift-appear {
  40% {
    transform: translate(-50%, -50%) scale(1.15) rotate(10deg);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element > .gift > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(1);
  animation-iteration-count: infinite;
  background-size: contain;
  animation-duration: 1.5s;
  animation-delay: -2s;
  animation-name: gift4-element-gift;
}
@keyframes gift4-element-gift {
  50% {
    transform: scale(0.75);
  }
}
.video .slide .template.template-gift4 > .content > .gift4 > .list > .element > .result {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0);
  background-size: cover;
  animation-fill-mode: forwards;
}

.video .slide .template.template-white-background {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
}
.video .slide .template.template-white-background.playingVideo > .content > .list > .element > .video-in {
  opacity: 1;
}
.video .slide .template.template-white-background.is-full-width > .content > .list > .element {
  width: 50%;
  height: 100%;
  position: relative;
}
.video .slide .template.template-white-background.is-full-width > .content > .list > .element.is-left {
  margin-right: 0%;
  transform: translateX(-101%);
  transition-duration: 0.25s;
  transition-delay: 0.65s;
  opacity: 1;
}
.video .slide .template.template-white-background.is-full-width > .content > .list > .element.is-right {
  transform: translateX(101%);
  transition-duration: 0.25s;
  opacity: 1;
}
.video .slide .template.template-white-background.is-full-width > .content > .list > .element .image {
  width: 100%;
  height: 100%;
}
.video .slide .template.template-white-background.is-full-width.leftStart > .content > .list > .element.is-left {
  transform: none;
}
.video .slide .template.template-white-background.is-full-width.rightStart > .content > .list > .element.is-right {
  transform: none;
}
.video .slide .template.template-white-background.rightStart > .content > .list > .element.is-right {
  opacity: 1;
}
.video .slide .template.template-white-background > .content {
  background-color: white;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
}
.video .slide .template.template-white-background > .content > .list {
  width: 100%;
  height: 100%;
  display: flex;
}
.video .slide .template.template-white-background > .content > .list > .element {
  width: 46%;
  height: 100%;
  position: relative;
}
.video .slide .template.template-white-background > .content > .list > .element > .video-in {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.video .slide .template.template-white-background > .content > .list > .element > .video-in > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}
.video .slide .template.template-white-background > .content > .list > .element.is-left {
  margin-right: 8%;
}
.video .slide .template.template-white-background > .content > .list > .element.is-right {
  opacity: 0;
}
.video .slide .template.template-white-background > .content > .list > .element > .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  background-size: contain;
}
.video .slide .template.template-white-background > .content > .list > .element > .image.cover {
  background-size: cover;
}
.video .slide .template.template-white-background > .content > .list > .element > .image.is-big {
  height: 100%;
  width: 100%;
}

.video .slide .template.template-tierList.nb-lines-4 > .content > .tierList > .left > .element > .in {
  height: 128px;
}
.video .slide .template.template-tierList.nb-lines-4 > .content > .tierList > .left > .element > .in > .button > .emoji {
  width: 172px;
  height: 172px;
  left: -72px;
}
.video .slide .template.template-tierList > .footer {
  position: absolute;
  width: 65%;
  bottom: -30px;
  right: 20px;
}
.video .slide .template.template-tierList > .footer .timer {
  height: 54px;
}
.video .slide .template.template-tierList > .content {
  top: 150px;
  width: 87%;
  height: calc(100% - 165px);
}
.video .slide .template.template-tierList > .content > .tierList {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.video .slide .template.template-tierList > .content > .tierList > .left {
  width: 31%;
  display: flex;
  flex-direction: column;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element {
  height: 100%;
  position: relative;
  opacity: 0;
  transform: translateX(-50%);
  animation-name: tierList-button-appear;
  animation-delay: 0s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes tierList-button-appear {
  100% {
    opacity: 1;
    transform: none;
  }
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element.i1 {
  animation-delay: 0.1s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element.i2 {
  animation-delay: 0.2s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element.i3 {
  animation-delay: 0.3s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element.i4 {
  animation-delay: 0.4s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element.i5 {
  animation-delay: 0.5s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 108px;
  animation-name: tierList-button-bump;
  animation-delay: 0s;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes tierList-button-bump {
  0% {
    transform: translate(-50%, -50%);
  }
  6% {
    transform: translate(-50%, -50%) scale(1.05);
  }
  12% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in.i1 {
  animation-delay: 3.1666666667s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in.i2 {
  animation-delay: 3.3333333333s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in.i3 {
  animation-delay: 3.5s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in.i4 {
  animation-delay: 3.6666666667s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in.i5 {
  animation-delay: 3.8333333333s;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in > .button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  border-radius: 30px;
  box-shadow: 0 0 0 6px white, 5px 5px 10px 6px rgba(0, 0, 0, 0.5);
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in > .button > .emoji {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scaleY(0.96);
  width: 162px;
  height: 162px;
  left: -50px;
  animation-name: tierList-button-emoji;
  animation-delay: 0s;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
@keyframes tierList-button-emoji {
  50% {
    transform: translateY(-50%) scaleY(1);
  }
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in > .button > .text-zone {
  position: absolute;
  text-align: center;
  top: 10%;
  left: 120px;
  width: calc(100% - 140px);
  height: 80%;
  color: white;
}
.video .slide .template.template-tierList > .content > .tierList > .left > .element > .in > .button > .text-zone > .center > .text {
  text-shadow: 0.02em 0.065em 0 rgba(0, 0, 0, 0.5), 0.02em 0.035em 0.1em rgba(0, 0, 0, 0.5);
}
.video .slide .template.template-tierList > .content > .tierList > .right {
  flex-grow: 1;
  position: relative;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in {
  position: absolute;
  top: 3%;
  right: 0%;
  width: 90%;
  height: 92%;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.5);
  animation-name: tierList-image-appear;
  animation-delay: 0.75s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}
@keyframes tierList-image-appear {
  60% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .image {
  height: 80%;
  background-color: white;
  position: relative;
  border-radius: 80px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border-radius: 64px;
  filter: contrast(105%) saturate(105%) brightness(101%) sepia(5%) hue-rotate(2deg);
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .image.is-video > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  filter: none;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .image.is-video > .in > .bgBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(40px);
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 70px;
  transform: scale(1.005);
  overflow: hidden;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .image.is-video > .in > .video-in {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 70px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .image.is-video > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .image.is-video > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .text-zone {
  margin-top: -70px;
  height: 27%;
  text-align: center;
  width: 94%;
  margin-left: 3%;
  animation-name: tierList-text;
  animation-iteration-count: infinite;
  transform: scale(1.03);
}
.video .slide .template.template-tierList > .content > .tierList > .right > .in > .element > .in > .text-zone .text {
  display: inline-block;
  padding: 30px 40px;
  border-radius: 64px;
  color: black;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
@keyframes tierList-text {
  50% {
    transform: scale(0.97);
  }
}
.video .slide .template.template-abc.start > .content > .letter-out > .letter {
  animation-name: letter-appear;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
@keyframes letter-appear {
  60% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.video .slide .template.template-abc.reveal > .content > .letter-out {
  animation-name: letter-out-move;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
@keyframes letter-out-move {
  60% {
    transform: translate(-112%, -140px) scale(0.8);
  }
  100% {
    transform: translate(-112%, -140px) scale(0.9);
  }
}
.video .slide .template.template-abc.reveal > .content > .letter-out > .answer {
  animation-name: letter-answer-appear;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  animation-delay: 0.5s;
}
@keyframes letter-answer-appear {
  100% {
    transform: translate(-50%, 270px);
    opacity: 1;
  }
}
.video .slide .template.template-abc.reveal > .content > .image {
  animation-name: letter-image-appear;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  animation-delay: 0.5s;
}
@keyframes letter-image-appear {
  60% {
    transform: translate(0, -50%) scale(1.1);
    opacity: 1;
  }
  100% {
    transform: translate(0, -50%);
    opacity: 1;
  }
}
.video .slide .template.template-abc > .content > .letter-out {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 750px;
  text-align: center;
}
.video .slide .template.template-abc > .content > .letter-out > .letter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  width: 100%;
  font-size: 23em;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4), 0em 0.05em 0.1em rgba(0, 0, 0, 0.6);
  font-family: "Playwrite IT Moderna", cursive;
  color: white;
}
.video .slide .template.template-abc > .content > .letter-out > .letter > .letter-upper {
  text-transform: uppercase;
}
.video .slide .template.template-abc > .content > .letter-out > .letter > .letter-lower {
  text-transform: lowercase;
}
.video .slide .template.template-abc > .content > .letter-out > .answer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, 200px);
  width: 100%;
  height: 220px;
  opacity: 0;
  font-size: 11em;
  font-family: "Playwrite IT Moderna", cursive;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4), 0em 0.05em 0.1em rgba(0, 0, 0, 0.6);
}
.video .slide .template.template-abc > .content > .image {
  position: absolute;
  transform: translate(0, -50%) scale(0);
  top: 50%;
  right: -60px;
  width: 840px;
  height: 940px;
  opacity: 0;
}
.video .slide .template.template-abc > .content > .image > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
}

.video .slide .template.template-difference > .content {
  width: 100%;
  top: 135px;
  height: calc(100% - 140px);
}
.video .slide .template.template-difference .question-title, .video .slide .template.template-difference .question-number {
  top: -10px;
}
.video .slide .template.template-difference .footer {
  transform: rotate(-90deg);
}
.video .slide .template.template-difference .footer .timer {
  left: 70%;
  top: 51%;
  width: 46%;
  height: 42px;
  padding: 10px;
  box-shadow: none;
  transform: translate(-55%, -50%);
  opacity: 0;
}
.video .slide .template.template-difference .footer .timer.show {
  animation-duration: 0.6s;
}
.video .slide .template.template-difference .footer .timer.end {
  /*transform: translate(-50%, -50%);
  animation-name: timer-difference-end;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
  @keyframes timer-difference-end {
    100% {
      transform: translate(-55%, -50%);
      opacity: 0;
    }
  }*/
}
.video .slide .template.template-difference .circle-correct {
  background-image: url("https://yt-mirror.tbhquiz.com/files/40sgij.png");
  animation-duration: 10s;
  opacity: 0;
  transition: 1s;
  animation-name: difference-circle-correct;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: scale(3);
}
@keyframes difference-circle-correct {
  100% {
    transform: scale(3) rotate(-360deg);
  }
}
.video .slide .template.template-difference.start > .content > .difference > .image.left {
  animation-name: difference-image-left;
  animation-duration: 0.7s;
  animation-delay: 0.3s;
}
@keyframes difference-image-left {
  60% {
    transform: scaleX(0.9) translateX(10%);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-difference.start > .content > .difference > .image.right {
  animation-name: difference-image-right;
  animation-duration: 0.7s;
  animation-delay: 1s;
}
@keyframes difference-image-right {
  60% {
    transform: scaleX(0.9) translateX(-10%);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-difference.reveal > .content > .difference > .image > .in > .finder > .circle-correct {
  opacity: 1;
  z-index: 10;
}
.video .slide .template.template-difference.reveal > .content > .difference > .image {
  transition: 0.5s;
}
.video .slide .template.template-difference.reveal > .content > .difference > .image.left {
  left: 40px;
}
.video .slide .template.template-difference.reveal > .content > .difference > .image.right {
  right: 40px;
}
.video .slide .template.template-difference > .content > .difference {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-difference > .content > .difference > .image {
  width: 47%;
  height: 100%;
  background-size: cover;
  background-color: white;
  border-radius: 30px;
  position: absolute;
  animation-fill-mode: forwards;
}
.video .slide .template.template-difference > .content > .difference > .image.left {
  left: 0;
  transform: translateX(-120%);
}
.video .slide .template.template-difference > .content > .difference > .image.right {
  right: 0;
  transform: translateX(120%);
}
.video .slide .template.template-difference > .content > .difference > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border-radius: 20px;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(1) > .circle-correct {
  transition-delay: 0s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(2) > .circle-correct {
  transition-delay: 1s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(3) > .circle-correct {
  transition-delay: 2s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(4) > .circle-correct {
  transition-delay: 3s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(5) > .circle-correct {
  transition-delay: 4s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(6) > .circle-correct {
  transition-delay: 5s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(7) > .circle-correct {
  transition-delay: 6s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(8) > .circle-correct {
  transition-delay: 7s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(9) > .circle-correct {
  transition-delay: 8s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder:nth-child(10) > .circle-correct {
  transition-delay: 9s !important;
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder {
  position: absolute;
  transform: translate(-36px, -36px);
}
.video .slide .template.template-difference > .content > .difference > .image > .in > .finder > .circle-correct {
  width: 72px;
  height: 72px;
}

.video .slide .template.template-riddle-text.start > .content .question {
  animation-name: riddleQuestion;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  animation-delay: 0.45s;
}
@keyframes riddleQuestion {
  30% {
    transform: translateX(-50%) translateY(-50%) scale(1.15);
  }
  60% {
    transform: translateX(-50%) translateY(-50%) scale(0.9);
  }
  100% {
    transform: translateX(-50%) translateY(-50%);
  }
}
.video .slide .template.template-riddle-text.reveal > .content > .answer {
  animation-name: riddleAnswer;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
}
@keyframes riddleAnswer {
  30% {
    transform: translateY(50%) translateX(-50%) scale(1.15);
  }
  60% {
    transform: translateY(50%) translateX(-50%) scale(0.9);
  }
  100% {
    transform: translateY(50%) translateX(-50%);
  }
}
.video .slide .template.template-riddle-text.showEmoji > .content .question > .in .emoji {
  display: block;
  animation-name: riddleShowEmoji;
  animation-fill-mode: forwards;
  animation-duration: 4.25s;
  animation-delay: 0.45s;
}
@keyframes riddleShowEmoji {
  10% {
    transform: translateX(-50%) translateY(12%) scale(1.1) rotate(-5deg);
  }
  30% {
    transform: translateX(-50%) translateY(12%) scale(1) rotate(5deg);
  }
  50% {
    transform: translateX(-50%) translateY(12%) scale(1) rotate(-5deg);
  }
  70% {
    transform: translateX(-50%) translateY(12%) scale(1) rotate(5deg);
  }
  90% {
    transform: translateX(-50%) translateY(12%) scale(1) rotate(-5deg);
  }
  100% {
    transform: translateX(-50%) translateY(12%) scale(0) rotate(5deg);
  }
}
.video .slide .template.template-riddle-text > .content {
  z-index: 1;
}
.video .slide .template.template-riddle-text > .content .question {
  position: absolute;
  width: 82%;
  height: 80%;
  transform: translateX(-50%) translateY(-50%) scale(0);
  top: 50%;
  left: 50%;
  text-align: center;
}
.video .slide .template.template-riddle-text > .content .question > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-riddle-text > .content .question > .in .text {
  text-shadow: 0em 0.1em 0 rgba(0, 0, 0, 0.3), 0em 0.1em 0.1em rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-riddle-text > .content .question > .in .emoji {
  display: none;
  position: absolute;
  z-index: 1;
  width: 130px;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%) translateY(12%) scale(0) rotate(10deg);
}
.video .slide .template.template-riddle-text > .content > .answer {
  position: absolute;
  bottom: -24px;
  width: calc(100% - 120px);
  left: 50%;
  height: 150px;
  z-index: 100;
  transform: translateY(50%) translateX(-50%) scale(0);
  animation-delay: 1s;
  text-align: center;
}
.video .slide .template.template-riddle-text > .content > .answer > .in .text {
  text-shadow: 0em 0.085em 2px rgba(0, 0, 0, 0.35);
  padding: 20px 60px;
  min-width: 340px;
  border-radius: 30px;
  background: linear-gradient(#ff1a54, #ff0645);
  box-shadow: 0 15px #b8002f, 0 15px 25px rgba(0, 0, 0, 0.25);
  display: inline-block;
  white-space: nowrap;
}

.video .slide .template.template-riddle-text-choices.no-question > .content .question {
  height: 52%;
  top: -4%;
}
.video .slide .template.template-riddle-text-choices > .footer {
  bottom: -25px;
}
.video .slide .template.template-riddle-text-choices > .footer .timer {
  height: 62px;
}
.video .slide .template.template-riddle-text-choices.start > .content .question {
  animation-name: riddleQuestionChoices;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  animation-delay: 0.45s;
}
@keyframes riddleQuestionChoices {
  30% {
    transform: translateX(-50%) scale(1.15);
  }
  60% {
    transform: translateX(-50%) scale(0.9);
  }
  100% {
    transform: translateX(-50%);
  }
}
.video .slide .template.template-riddle-text-choices.start > .content .answers {
  animation-name: riddleAnswers;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-delay: 0.75s;
}
@keyframes riddleAnswers {
  30% {
    transform: scale(1.05);
    opacity: 1;
  }
  60% {
    transform: scale(0.97);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.template-riddle-text-choices.reveal > .content > .answers > .element {
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  animation-delay: 0s;
}
.video .slide .template.template-riddle-text-choices.reveal > .content > .answers > .element.is-good {
  animation-name: riddleAnswerGood;
  animation-duration: 0.75s;
}
.video .slide .template.template-riddle-text-choices.reveal > .content > .answers > .element.is-good > .in > .letter {
  background-color: #29DA67;
}
@keyframes riddleAnswerGood {
  30% {
    transform: scale(1.125);
  }
  100% {
    transform: scale(1.05);
  }
}
.video .slide .template.template-riddle-text-choices.reveal > .content > .answers > .element.is-bad {
  animation-name: riddleAnswerBad;
  animation-duration: 0.225s;
}
.video .slide .template.template-riddle-text-choices.reveal > .content > .answers > .element.is-bad > .in > .letter {
  background-color: #A8A8A8;
}
.video .slide .template.template-riddle-text-choices.reveal > .content > .answers > .element.is-bad > .in > .in {
  color: #666;
}
@keyframes riddleAnswerBad {
  100% {
    transform: scale(0.92);
    opacity: 0.75;
    filter: grayscale(0);
  }
}
.video .slide .template.template-riddle-text-choices > .content {
  z-index: 1;
  height: calc(100% - 272px);
}
.video .slide .template.template-riddle-text-choices > .content .question {
  position: absolute;
  width: 82%;
  height: 46%;
  transform: translateX(-50%) scale(0);
  left: 50%;
  top: 2%;
  text-align: center;
}
.video .slide .template.template-riddle-text-choices > .content .question > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-riddle-text-choices > .content .question > .in .text {
  text-shadow: 0.035em 0.05em 3px rgba(0, 0, 0, 0.3), 0.035em 0.05em 0.075em rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-riddle-text-choices > .content .question > .in .text.same-line {
  white-space: nowrap;
}
.video .slide .template.template-riddle-text-choices > .content > .answers {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 47%;
  display: flex;
  flex-wrap: wrap;
  font-family: "Poppins";
  transform: scale(0.8);
  opacity: 0;
}
.video .slide .template.template-riddle-text-choices > .content > .answers > .element {
  width: 50%;
  height: 50%;
  flex: 0 0 50%;
  position: relative;
}
.video .slide .template.template-riddle-text-choices > .content > .answers > .element > .in {
  position: absolute;
  margin: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  font-weight: 700;
}
.video .slide .template.template-riddle-text-choices > .content > .answers > .element > .in > .letter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 128px;
  height: 128px;
  line-height: 128px;
  border-radius: 100%;
  background-color: white;
  text-align: center;
  font-size: 5em;
  background-color: #fe0341;
  box-shadow: 0 0 0 10px white;
  transition: 0.75s;
  z-index: 1;
}
.video .slide .template.template-riddle-text-choices > .content > .answers > .element > .in > .in {
  position: absolute;
  left: 64px;
  width: calc(100% - 183.2px);
  padding-left: 80px;
  padding-right: 20px;
  height: 80%;
  background: white;
  border-radius: 20px;
  color: black;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  box-shadow: 8px 10px 4px rgba(0, 0, 0, 0.2);
  z-index: 0;
}
.video .slide .template.template-riddle-text-choices > .content > .answers > .element > .in > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  width: calc(100% - 100px);
  height: 100%;
}

.video .slide .template.template-wouldYouRather4 {
  width: 100%;
  height: 100%;
  position: relative;
}
.video .slide .template.template-wouldYouRather4 .question-number {
  top: 40px;
  left: 34px;
}
.video .slide .template.template-wouldYouRather4 .footer {
  transform: rotate(-90deg);
  left: -848px;
  top: 540px;
}
.video .slide .template.template-wouldYouRather4 .footer .timer {
  height: 60px;
  width: 780px;
  transform: translate(-50%, -250%);
}
.video .slide .template.template-wouldYouRather4 .footer .timer.end {
  transform: translate(-50%, -50%);
  animation-name: timer-wouldYouRather4-end;
}
@keyframes timer-wouldYouRather4-end {
  100% {
    transform: translate(-50%, -250%);
  }
}
.video .slide .template.template-wouldYouRather4.reveal > .content > .wouldYouRather4 > .list > .element:nth-child(1) > .result {
  animation-delay: 0.2s;
}
.video .slide .template.template-wouldYouRather4.reveal > .content > .wouldYouRather4 > .list > .element:nth-child(2) > .result {
  animation-delay: 0.4s;
}
.video .slide .template.template-wouldYouRather4.reveal > .content > .wouldYouRather4 > .list > .element:nth-child(3) > .result {
  animation-delay: 0.6s;
}
.video .slide .template.template-wouldYouRather4.reveal > .content > .wouldYouRather4 > .list > .element:nth-child(4) > .result {
  animation-delay: 0.8s;
}
.video .slide .template.template-wouldYouRather4.reveal > .content > .wouldYouRather4 > .list > .element > .result {
  animation-name: wouldYouRather4-element-reveal;
  animation-duration: 15s;
}
@keyframes wouldYouRather4-element-reveal {
  3% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  6% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.13);
  }
}
.video .slide .template.template-wouldYouRather4 > .content {
  top: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .line {
  position: absolute;
  width: 2000px;
  height: 18px;
  background-color: white;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .line.vertical {
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .line.horizontal {
  transform: translateX(-50%) translateY(-50%);
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .line.middle {
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  box-shadow: none;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .title {
  width: 780px;
  height: 270px;
  color: white;
  font-size: 5em;
  text-shadow: 0em 0.05em 0 black, 0em 0em 0 black, 0em -0.05em 0 black, -0.05em 0.05em 0 black, -0.05em 0em 0 black, -0.05em -0.05em 0 black, 0.05em 0.05em 0 black, 0.05em 0em 0 black, 0.05em -0.05em 0 black, 0em 0.07em 0 black, 0em 0em 0 black, 0em -0.07em 0 black, -0.07em 0.07em 0 black, -0.07em 0em 0 black, -0.07em -0.07em 0 black, 0.07em 0.07em 0 black, 0.07em 0em 0 black, 0.07em -0.07em 0 black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0em 0.07em 0.12em black, 0em 0.07em 0.15em black;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
  animation-fill-mode: forwards;
  background-size: contain;
  animation-duration: 0.5s;
  animation-delay: 2.25s;
  animation-name: wouldYouRather4-title;
}
@keyframes wouldYouRather4-title {
  60% {
    transform: translate(-50%, -50%) scale(1.25);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .title > .in {
  transform: rotate(-1.2deg);
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-name: wouldYouRather4-title-in;
}
@keyframes wouldYouRather4-title-in {
  50% {
    transform: rotate(1.2deg);
  }
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list {
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element {
  width: 50%;
  height: 50%;
  position: relative;
  overflow: hidden;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element > .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 130%;
  animation-iteration-count: infinite;
  animation-duration: 50s;
  animation-timing-function: linear;
  transform: translate(-50%, -50%) scale(1.6) rotate(-20deg);
  animation-name: wouldYouRather4-element-bg;
  background-size: cover;
}
@keyframes wouldYouRather4-element-bg {
  100% {
    transform: translate(-50%, -50%) scale(1.6) rotate(-380deg);
  }
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element:nth-child(1) > .gift {
  animation-delay: 0.45s;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element:nth-child(2) > .gift {
  animation-delay: 0.65s;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element:nth-child(3) > .gift {
  animation-delay: 0.85s;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element:nth-child(4) > .gift {
  animation-delay: 1.05s;
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element > .gift {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0.01) rotate(-120deg);
  width: 490px;
  height: 490px;
  animation-fill-mode: forwards;
  animation-duration: 0.7s;
  animation-name: wouldYouRather4-gift-appear;
}
@keyframes wouldYouRather4-gift-appear {
  40% {
    transform: translate(-50%, -50%) scale(1.15) rotate(10deg);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element > .gift > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(1);
  animation-iteration-count: infinite;
  background-size: contain;
  animation-duration: 1.5s;
  animation-delay: -2s;
  animation-name: wouldYouRather4-element-gift;
}
@keyframes wouldYouRather4-element-gift {
  50% {
    transform: scale(0.75);
  }
}
.video .slide .template.template-wouldYouRather4 > .content > .wouldYouRather4 > .list > .element > .result {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0);
  background-size: cover;
  animation-fill-mode: forwards;
}

.video .slide .template.template-memory > .footer {
  bottom: -15px;
}
.video .slide .template.template-memory > .footer > .timer {
  width: 40%;
  height: 64px;
}
.video .slide .template.template-memory .memory-image-shadow {
  filter: drop-shadow(0 0 0 white) drop-shadow(0 0.45em 0 white) drop-shadow(0 -0.45em 0 white) drop-shadow(0.45em 0 0 white) drop-shadow(-0.45em 0 0 white) drop-shadow(0 0.9em 0.2em rgba(0, 0, 0, 0.2));
}
.video .slide .template.template-memory.showIcons > .content > .memory-table > .cell > .flip-card > .in-front {
  transform: none;
}
.video .slide .template.template-memory.hideIcons > .content > .memory-table > .cell > .flip-card > .in-front {
  transform: rotateY(180deg);
}
.video .slide .template.template-memory.hideIcons > .content > .memory-table > .cell > .flip-card > .in-back {
  transform: none;
}
.video .slide .template.template-memory.hideIcons .question-title {
  opacity: 0;
}
.video .slide .template.template-memory.hideIcons .question-title.is-second {
  opacity: 1 !important;
}
.video .slide .template.template-memory.reveal > .content > .memory-table > .cell > .flip-card.is-correct > .in-front {
  transform: none;
}
.video .slide .template.template-memory.reveal > .content > .memory-table > .cell > .flip-card.is-correct > .in-back {
  transform: rotateY(180deg);
}
.video .slide .template.template-memory .question-title {
  transition-duration: 0.5s;
}
.video .slide .template.template-memory .question-title.is-second {
  transition-delay: 0.5s;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-19px);
}
.video .slide .template.template-memory.template-memory-8 > .content {
  width: 85%;
}
.video .slide .template.template-memory.template-memory-8 > .content > .memory-table {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.video .slide .template.template-memory.template-memory-10 > .content {
  width: 90%;
}
.video .slide .template.template-memory.template-memory-10 > .content > .memory-table {
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.video .slide .template.template-memory > .content > .memory-table {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  width: 92%;
  height: 92%;
  margin-top: 40px;
  gap: 80px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}
.video .slide .template.template-memory > .content > .memory-table > .cell {
  position: relative;
  width: 100%;
  height: 100%;
  transform: scale(1);
  animation-name: memoryCell;
  animation-delay: 2s;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
}
@keyframes memoryCell {
  50% {
    transform: scale(1.0325);
  }
}
.video .slide .template.template-memory > .content > .memory-table > .cell > .flip-card {
  position: absolute;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}
.video .slide .template.template-memory > .content > .memory-table > .cell > .flip-card > .in-front {
  position: absolute;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  backface-visibility: hidden;
  transform: rotateY(180deg);
}
.video .slide .template.template-memory > .content > .memory-table > .cell > .flip-card > .in-front > .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.video .slide .template.template-memory > .content > .memory-table > .cell > .flip-card > .in-back {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 6%;
  top: 6%;
  width: 88%;
  height: 88%;
  transition: transform 0.8s;
  transform: rotateY(-180deg);
  backface-visibility: hidden;
}
.video .slide .template.template-memory > .content > .memory-table > .cell > .flip-card > .in-back > .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.video .slide .template.template-memory > .content > .memory-table > .cell > .flip-card > .in-back > .number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 8em;
  line-height: 8em;
  color: white;
  font-weight: 900;
  font-family: "Nunito" !important;
}

.video .slide .template.template-calculation.reveal > .content > .content-bg > .calculation > .char > .answer-circle {
  opacity: 1;
}
.video .slide .template.template-calculation.reveal > .content > .content-bg > .calculation > .char > .value-reveal {
  opacity: 1;
  transform: translate(-50%, -10%) rotate(-7deg);
}
.video .slide .template.template-calculation.reveal > .content > .content-bg > .calculation > .char > .char-in.answer-before {
  opacity: 0;
}
.video .slide .template.template-calculation.reveal > .content > .content-bg > .calculation > .char > .char-in.answer-after {
  animation-delay: 0.25s;
  animation-duration: 0.75s;
  animation-name: calculation-answer-after;
  animation-fill-mode: forwards;
  transform: translate(-50%, -50%) scale(0);
}
@keyframes calculation-answer-after {
  60% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
  }
}
.video .slide .template.template-calculation.start > .content > .content-bg > .calculation {
  animation-delay: 0.25s;
  animation-duration: 0.75s;
  animation-name: calculation-in;
  animation-fill-mode: forwards;
}
@keyframes calculation-in {
  60% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
.video .slide .template.template-calculation > .content > .content-bg {
  background-color: white;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100%);
  height: calc(100%);
  box-shadow: 0 0 0 4px white, inset 0 0 0 2px white, inset 0 0 12px 2px rgba(0, 0, 0, 0.3);
  animation-delay: 0s;
  animation-duration: 3s;
  animation-name: calculation-content-bg;
  animation-iteration-count: infinite;
  transform: translate(-50%, -50%) perspective(600px) rotateY(0.32deg);
}
@keyframes calculation-content-bg {
  50% {
    transform: translate(-50%, -50%) perspective(600px) rotateY(-0.3deg);
  }
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0.75);
  opacity: 0;
  width: calc(100% - 120px);
  height: calc(100% - 10px);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 1fr;
  align-items: stretch;
  justify-items: stretch;
  gap: 0px;
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation > .char {
  position: relative;
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation > .char > .answer-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
  background-image: url("https://yt-mirror.tbhquiz.com/files/0j3wqb.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation-delay: 0s;
  animation-duration: 15s;
  animation-name: calculation-answer-circle;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform: translate(-50%, -50%) scale(1.2);
}
@keyframes calculation-answer-circle {
  50% {
    transform: translate(-50%, -50%) scale(1.4) rotate(360deg);
  }
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation > .char > .value-reveal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-size: 50px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-family: "Nunito" !important;
  background-color: black;
  box-shadow: 0 0 0 2px white, inset 0 0 0 2px white, inset 0 0 12px 2px rgba(0, 0, 0, 0.3);
  color: #fff700;
  text-align: center;
  border-radius: 1000px;
  transform: translate(-50%, -120%) scale(0.5) rotate(50deg);
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 1s;
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation > .char > .char-in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-size: 180px;
  font-family: "Nunito" !important;
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation > .char > .char-in img {
  height: 180px;
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation > .char > .char-in.answer-after {
  opacity: 0;
  color: #0CD50C;
}
.video .slide .template.template-calculation > .content > .content-bg > .calculation > .char > .char-in.answer-before {
  transition: opacity 0.25s;
  animation-delay: 0s;
  animation-duration: 1.5s;
  animation-name: calculation-answer-before;
  animation-iteration-count: infinite;
  transform: translate(-50%, -50%) scale(0.95);
}
@keyframes calculation-answer-before {
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.video .slide .template.template-trueOrFalse .question-title > .in {
  height: 115%;
}
.video .slide .template.template-trueOrFalse.showButtons > .content > .trueOrFalse > .image > .in > .button > .in {
  animation-name: trueOrFalseButtonAppear;
  animation-delay: 0s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}
@keyframes trueOrFalseButtonAppear {
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-trueOrFalse.showButtons > .content > .trueOrFalse > .image > .in > .button > .in > .in {
  animation-name: trueOrFalseButton;
  animation-delay: 0.75s;
  animation-duration: 1.75s;
  animation-iteration-count: infinite;
}
@keyframes trueOrFalseButton {
  50% {
    transform: scale(0.8);
  }
}
.video .slide .template.template-trueOrFalse.showButtons > .content > .trueOrFalse > .image > .in > .button.rightButton > .in {
  animation-delay: 0.75s;
}
.video .slide .template.template-trueOrFalse.showButtons > .content > .trueOrFalse > .image > .in > .button.rightButton > .in > .in {
  animation-delay: -0.125s;
}
.video .slide .template.template-trueOrFalse.reveal > .content > .trueOrFalse > .image > .in > .button.is-false > .in {
  animation-name: trueOrFalseButtonFalse;
  animation-delay: 0s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
  transform: none;
}
@keyframes trueOrFalseButtonFalse {
  100% {
    transform: scale(0.9);
    filter: grayscale(1);
  }
}
.video .slide .template.template-trueOrFalse.reveal > .content > .trueOrFalse > .image > .in > .button.is-false > .in > .in {
  animation-play-state: paused;
}
.video .slide .template.template-trueOrFalse.reveal > .content > .trueOrFalse > .image > .in > .button.is-true > .in {
  animation-name: trueOrFalseButtonTrue;
  animation-delay: 0s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
  transform: none;
}
@keyframes trueOrFalseButtonTrue {
  100% {
    transform: scale(1.1);
  }
}
.video .slide .template.template-trueOrFalse.reveal > .content > .trueOrFalse > .image > .in > .button.is-true > .in > .in {
  animation-play-state: paused;
}
.video .slide .template.template-trueOrFalse.reveal > .content > .trueOrFalse > .image > .in > .in > .image-reveal {
  animation-name: trueOrFalseRevealImage;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes trueOrFalseRevealImage {
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 87%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  box-shadow: 0 0 0 18px white, 0 9px 50px 18px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .in > .image-reveal {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(0.001);
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .in > .image-reveal > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .in > .image-reveal > .in > .video-in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .in > .image-reveal > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .in > .image-reveal > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button {
  position: absolute;
  z-index: 1;
  width: 340px;
  height: 340px;
  top: 50%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button.leftButton {
  left: -40px;
  transform: translateY(-45%) translateX(-100%);
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button.rightButton {
  right: -40px;
  transform: translateY(-48%) translateX(100%);
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button > .in {
  transform: scale(0);
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button > .in > .in > img {
  display: block;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button > .in > .in > .text-zone {
  position: absolute;
  width: calc(100% - 40px);
  left: 20px;
  height: 70%;
  top: 50%;
  left: 50%;
  transform: translateY(-52%) translateX(-50%);
}
.video .slide .template.template-trueOrFalse > .content > .trueOrFalse > .image > .in > .button > .in > .in > .text-zone > .center > .text {
  text-align: center;
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}

.video .slide .template.template-same-as-me.reveal > .content > .game-zone > .in > .in > .game-answer-reveal {
  animation-name: same-as-me-image;
  animation-fill-mode: forwards;
  animation-duration: 0.7s;
}
@keyframes same-as-me-image {
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.005);
    opacity: 1;
  }
}
.video .slide .template.template-same-as-me.reveal > .content > .game-zone > .in > .in > .game-answer {
  transition: 0.7s;
  opacity: 0;
}
.video .slide .template.template-same-as-me.reveal > .content > .game-zone > .in > .in > .game-image-reveal > .in {
  animation-name: same-as-me-text;
  animation-fill-mode: forwards;
  animation-duration: 0.7s;
}
@keyframes same-as-me-text {
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.template-same-as-me > .content > .game-zone {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -30px;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 78%;
  height: 84%;
  background: linear-gradient(to bottom, #1a2980, #26d0ce);
  box-shadow: 0 0 0 15px white, 0 18px 3px 7px rgba(0, 0, 0, 0.3);
  border-radius: 70px;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  text-align: center;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-text .text {
  text-shadow: 0em 10px 3px rgba(0, 0, 0, 0.4);
  color: white;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-answer, .video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-answer-reveal {
  position: absolute;
  bottom: -66.5px;
  width: 70%;
  left: 15%;
  height: 118px;
  background-color: #fefc02;
  box-shadow: 0 9px 3px 0 rgba(0, 0, 0, 0.3);
  border-radius: 1000px;
  text-align: center;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-answer .text, .video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-answer-reveal .text {
  color: black;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-answer-reveal {
  opacity: 0;
  transform: scale(0);
  background-color: black;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-answer-reveal .text {
  color: #fefc02;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-answer-reveal .center {
  width: calc(100% - 60px);
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-image-reveal {
  position: absolute;
  width: 100%;
  height: 100%;
  width: calc(100% + 2px);
  left: -1px;
  height: calc(100% + 2px);
  top: -1px;
  border-radius: 70px;
  overflow: hidden;
}
.video .slide .template.template-same-as-me > .content > .game-zone > .in > .in > .game-image-reveal > .in {
  border-radius: 70px;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(0);
}

.video .slide .template.template-finish-the-lyrics > .content {
  width: 100%;
}
.video .slide .template.template-finish-the-lyrics.playingAudio > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave {
  transform: translate(-50%, -50%) scaleX(5) scaleY(3);
}
.video .slide .template.template-finish-the-lyrics.playingAudio > .content > .finish-the-lyrics > .right > .in > .lyrics-zone > .lyrics-image {
  opacity: 0;
}
.video .slide .template.template-finish-the-lyrics.endingAudio > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave {
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template.template-finish-the-lyrics.showAnswers > .content > .finish-the-lyrics > .right > .in > .answers {
  display: flex;
  animation-name: finishTheLyricsAnswers;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  animation-delay: 0s;
}
@keyframes finishTheLyricsAnswers {
  60% {
    transform: scaleY(1.08) scaleX(1.04);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.video .slide .template.template-finish-the-lyrics.reveal > .content > .finish-the-lyrics > .right > .in > .answers > .answer > .in .text {
  transition: 0.3s;
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-finish-the-lyrics.reveal > .content > .finish-the-lyrics > .right > .in > .answers > .answer.is-correct {
  animation-name: finishTheLyricsCorrect;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
  animation-delay: 0s;
}
@keyframes finishTheLyricsCorrect {
  60% {
    transform: scaleY(1.1) scaleX(1.05);
    background-color: #29DA67;
    box-shadow: inset 0 0 0 6px #157938, 0 12px rgba(0, 0, 0, 0.25);
  }
  100% {
    transform: scaleY(1.05) scaleX(1.025);
    background-color: #29DA67;
    box-shadow: inset 0 0 0 6px #157938, 0 12px rgba(0, 0, 0, 0.25);
  }
}
.video .slide .template.template-finish-the-lyrics.reveal > .content > .finish-the-lyrics > .right > .in > .answers > .answer.is-wrong {
  animation-name: finishTheLyricsWrong;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
  animation-delay: 0s;
}
@keyframes finishTheLyricsWrong {
  60% {
    transform: scaleY(0.8) scaleX(0.9);
    background-color: #ff0000;
    box-shadow: inset 0 0 0 6px #8a0000, 0 12px rgba(0, 0, 0, 0.25);
  }
  100% {
    transform: scaleY(0.9) scaleX(0.95);
    background-color: #ff0000;
    box-shadow: inset 0 0 0 6px #8a0000, 0 12px rgba(0, 0, 0, 0.25);
  }
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 28px;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .left {
  width: 40%;
  position: relative;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .left > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 60px;
  overflow: hidden;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .left > .in > .video-in {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  margin: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: relative;
  overflow: hidden;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .left > .in > .video-in > .video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .left > .in > .about-text {
  position: absolute;
  left: 7.5%;
  width: 85%;
  bottom: 42px;
  height: 94px;
  white-space: nowrap;
  text-align: center;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .left > .in > .about-text .text {
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  padding: 10px 25px;
  display: inline-block;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right {
  width: 60%;
  position: relative;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .lyrics-zone {
  width: 100%;
  height: 70%;
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5));
  border-radius: 60px;
  box-shadow: inset 0 0 0 10px white, 0 12px rgba(0, 0, 0, 0.25);
  text-align: center;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .lyrics-zone > .lyrics-image {
  transition: 0.25s;
  width: 320px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-name: finishTheLyricsImage;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
}
@keyframes finishTheLyricsImage {
  50% {
    transform: translate(-50%, -50%) scale(1.12);
  }
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .lyrics-zone > .text-zone {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 30px 50px;
  width: calc(100% - 100px);
  height: calc(100% - 60px);
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .lyrics-zone > .text-zone .text {
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .lyrics-zone > .text-zone .text > span {
  opacity: 0;
  transition: opacity 0.4s;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .answers {
  width: 100%;
  height: calc(30% - 28px);
  margin-top: 28px;
  position: relative;
  display: flex;
  gap: 28px;
  transform: scale(0.75);
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .answers > .answer {
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 40px;
  box-shadow: 0 12px rgba(0, 0, 0, 0.25);
  text-align: center;
  position: relative;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .answers > .answer > .in {
  position: absolute;
  margin: 10px 18px;
  width: calc(100% - 36px);
  height: calc(100% - 20px);
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .answers > .answer > .in .text {
  color: black;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut {
  position: relative;
  margin-top: 28px;
  height: calc(30% - 28px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave {
  display: flex;
  justify-content: space-between;
  height: 48px;
  --boxSize: 4px;
  --gutter: 30px;
  width: calc((var(--boxSize) + var(--gutter)) * 5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0);
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave .box {
  transform: scaleY(0.4);
  height: 100%;
  width: var(--boxSize);
  background: white;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave .box1 {
  animation-name: quiet;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave .box2 {
  animation-name: normal;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave .box3 {
  animation-name: quiet;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave .box4 {
  animation-name: loud;
}
.video .slide .template.template-finish-the-lyrics > .content > .finish-the-lyrics > .right > .in > .audioWaveOut > .audioWave .box5 {
  animation-name: quiet;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(0.6);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.35);
  }
  75% {
    transform: scaleY(1.2);
  }
}

.video .slide .disclaimer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 250px);
  height: calc(100% - 250px);
}
.video .slide .disclaimer .text-zone {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.video .slide .disclaimer .text-zone .text {
  line-height: 1em;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  color: #021b41;
}
.video .slide .disclaimer .text-zone .text > span {
  opacity: 0;
  transition: opacity 0.4s;
}

.video .slide .template.template-yoga.switchSide > .content > .yoga-content > .image-zone {
  transform: translateY(-50%) translateX(-50%) scaleX(-1);
  transition: transform 0.5s ease-in-out;
}
.video .slide .template.template-yoga > .content {
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
}
.video .slide .template.template-yoga > .content > .yoga-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-yoga > .content > .yoga-content > .yoga-name {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-650px) scale(0.1) rotate(20deg);
  animation-name: yoga-name-appear;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes yoga-name-appear {
  60% {
    transform: translateX(30px) scale(1.05) rotate(-3deg);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-yoga > .content > .yoga-content > .yoga-name.is-main {
  top: 0;
  left: 0;
  width: 560px;
  height: 210px;
  animation-delay: 1.5s;
}
.video .slide .template.template-yoga > .content > .yoga-content > .yoga-name.is-second {
  bottom: 0;
  left: 0;
  width: 560px;
  height: 157.5px;
  animation-delay: 2s;
}
.video .slide .template.template-yoga > .content > .yoga-content > .yoga-name > .text-zone {
  position: absolute;
  width: 100%;
  height: 100%;
  text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.6);
}
.video .slide .template.template-yoga > .content > .yoga-content > .image-zone {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
}
.video .slide .template.template-yoga > .content > .yoga-content > .image-zone > .in {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  height: 100%;
  width: 70%;
  left: 15%;
}
.video .slide .template.template-yoga > .content > .yoga-content > .image-zone > .in > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  animation-name: yoga-in-appear;
  animation-duration: 0.75s;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
  left: 50%;
  bottom: 50px;
  transform: translateX(calc(-50% + 1920px)) scaleX(1.1) rotate(-7deg);
}
@keyframes yoga-in-appear {
  60% {
    transform: translateX(calc(-50% - 40px)) scaleX(0.92) rotate(2deg);
  }
  100% {
    transform: translateX(-50%);
  }
}
.video .slide .template.template-yoga > .content > .yoga-content > .image-zone > .in > .in > .image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  animation-name: yoga-image;
  animation-duration: 3.75s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  transform: none;
}
@keyframes yoga-image {
  50% {
    transform: scaleX(0.97) scaleY(0.99);
  }
}
.video .slide .template.template-yoga > .content > .yoga-content > .countdown {
  position: absolute;
  top: 0;
  right: 0;
  width: 360px;
  height: 360px;
  animation-name: yoga-countdown-appear;
  animation-duration: 0.5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  transform: scale(0);
}
@keyframes yoga-countdown-appear {
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: none;
  }
}
.video .slide .template.template-yoga > .content > .yoga-content > .countdown > .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 278px;
  height: 278px;
  border-radius: 100%;
  background-color: #fff200;
}
.video .slide .template.template-yoga > .content > .yoga-content > .countdown > .text > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 150px;
  color: black;
}
.video .slide .template.template-yoga > .content > .yoga-content > .countdown > .loader {
  width: 300px;
  aspect-ratio: 1;
  border: 30px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  position: relative;
  transform: rotate(45deg);
}
.video .slide .template.template-yoga > .content > .yoga-content > .countdown > .loader::before {
  content: "";
  position: absolute;
  inset: -30px;
  border-radius: 50%;
  border: 30px solid #fff200;
  animation-delay: 2s;
  animation-duration: 20s;
  animation-name: yogaCountdown;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
@keyframes yogaCountdown {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

.video .bg-wouldYouRather {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.video .bg-wouldYouRather > .element {
  width: 100%;
  height: 50%;
  overflow: hidden;
  position: relative;
}
.video .bg-wouldYouRather > .element:nth-child(1) {
  background: #FB180B;
}
.video .bg-wouldYouRather > .element:nth-child(2) {
  background: #007EFF;
}
.video .bg-wouldYouRather > .element:nth-child(2) > .in {
  animation-name: bg-wyr-spiral2;
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/spiral-white.png?3");
  opacity: 0.045;
}
.video .bg-wouldYouRather > .element > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/mosaic/spiral.png?3");
  background-size: cover;
  width: 100%;
  height: 115%;
  transform: scale(1.5);
  opacity: 0.035;
  animation-name: bg-wyr-spiral;
  animation-duration: 300s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bg-wyr-spiral {
  100% {
    transform: scale(2.05) rotate(3600deg);
  }
}
@keyframes bg-wyr-spiral2 {
  100% {
    transform: scale(2.05) rotate(-3600deg);
  }
}

.video .slide .template.template-short-would-you-rather.start0 .line-or {
  animation-name: shortWyrStart0;
  animation-delay: 0s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
@keyframes shortWyrStart0 {
  100% {
    opacity: 1;
    filter: none;
    transform: translateX(-50%) translateY(-50%);
  }
}
.video .slide .template.template-short-would-you-rather.start1 .choice.c1 {
  animation-name: shortWyrStart1;
}
@keyframes shortWyrStart1 {
  30% {
    opacity: 1;
    transform: translateX(10%);
  }
  65% {
    opacity: 1;
    transform: translateX(-3%);
  }
  80% {
    opacity: 1;
    transform: translateX(1%);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
.video .slide .template.template-short-would-you-rather.start2 .choice.c2 {
  animation-name: shortWyrStart2;
}
@keyframes shortWyrStart2 {
  30% {
    opacity: 1;
    transform: translateX(-10%);
  }
  65% {
    opacity: 1;
    transform: translateX(3%);
  }
  80% {
    opacity: 1;
    transform: translateX(-1%);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
.video .slide .template.template-short-would-you-rather.emojiLoadingOn .emoji-loading {
  animation-name: shortWyrEmojiLoadingOn;
}
@keyframes shortWyrEmojiLoadingOn {
  40% {
    transform: translateY(-50%) translateX(50px) rotate(15deg);
  }
  100% {
    transform: translateY(-50%);
  }
}
.video .slide .template.template-short-would-you-rather.emojiLoadingOff .emoji-loading {
  transform: translateY(-50%);
  animation-name: shortWyrEmojiLoadingOff !important;
}
@keyframes shortWyrEmojiLoadingOff {
  40% {
    transform: translateY(-50%) scale(1.3);
  }
  100% {
    transform: translateY(-50%) scale(0);
  }
}
.video .slide .template.template-short-would-you-rather.revealScore .score.c1 {
  animation-name: shortWyrRevealScore1;
}
@keyframes shortWyrRevealScore1 {
  40% {
    opacity: 1;
    filter: none;
    transform: translateY(calc(-50% - 75px - 5px)) translateX(50px) rotate(15deg);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translateY(calc(-50% - 75px - 5px));
  }
}
.video .slide .template.template-short-would-you-rather.revealScore .score.c2 {
  animation-name: shortWyrRevealScore2;
}
@keyframes shortWyrRevealScore2 {
  40% {
    opacity: 1;
    filter: none;
    transform: translateY(calc(-50% + 75px + 3px)) translateX(50px) rotate(15deg);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translateY(calc(-50% + 75px + 3px));
  }
}
.video .slide .template.template-short-would-you-rather .emoji-loading {
  transform: translateY(-50%) translateX(-300px);
  margin-left: 42px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  display: inline-block;
  animation-delay: 0s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  z-index: 2;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.6));
}
.video .slide .template.template-short-would-you-rather .score {
  text-shadow: 0em 0.05em 0 black, 0em 0em 0 black, 0em -0.05em 0 black, -0.05em 0.05em 0 black, -0.05em 0em 0 black, -0.05em -0.05em 0 black, 0.05em 0.05em 0 black, 0.05em 0em 0 black, 0.05em -0.05em 0 black, 0em 0.07em 0 black, 0em 0em 0 black, 0em -0.07em 0 black, -0.07em 0.07em 0 black, -0.07em 0em 0 black, -0.07em -0.07em 0 black, 0.07em 0.07em 0 black, 0.07em 0em 0 black, 0.07em -0.07em 0 black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0em 0.07em 0.12em black, 0em 0.07em 0.15em black;
  color: white;
  font-size: 5.75em;
  color: white;
  position: absolute;
  margin-left: 60px;
  left: 0;
  top: 50%;
  z-index: 1;
  color: white;
  font-family: "Luckiest Guy";
  font-weight: 400;
  opacity: 0;
  filter: blur(50px);
  animation-delay: 0s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.video .slide .template.template-short-would-you-rather .score.c1 {
  transform: translateY(calc(-50% - 75px - 5px)) translateX(-150px);
}
.video .slide .template.template-short-would-you-rather .score.c2 {
  transform: translateY(calc(-50% + 75px + 3px)) translateX(-150px);
}
.video .slide .template.template-short-would-you-rather .score.is-bigger {
  color: #45FF02;
}
.video .slide .template.template-short-would-you-rather .line-or {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 22px;
  width: 120%;
  background-color: black;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  opacity: 0;
  filter: blur(50px);
  transform: translateX(-50%) translateY(calc(-50% - 0px)) scale(4);
}
.video .slide .template.template-short-would-you-rather .line-or > .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  background-color: black;
  border-radius: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.video .slide .template.template-short-would-you-rather .line-or > .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 4.8em;
  color: white;
  display: inline-block;
  animation-name: shortWyrLineOrText;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0.6s;
  transform: translate(-50%, -50%) rotate(-4deg);
}
@keyframes shortWyrLineOrText {
  50% {
    transform: translate(-50%, -50%) rotate(4deg);
  }
}
.video .slide .template.template-short-would-you-rather .choice {
  position: absolute;
  width: 100%;
  height: 40%;
  top: 68px;
  animation-delay: 0s;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  opacity: 0;
  filter: blur(50px);
}
.video .slide .template.template-short-would-you-rather .choice.image-is-bigger > .in > .text-zone {
  height: 234px;
}
.video .slide .template.template-short-would-you-rather .choice.image-is-bigger > .in > .image {
  width: 700px;
  height: 414px;
}
.video .slide .template.template-short-would-you-rather .choice.c1 {
  transform: translateX(-150%);
}
.video .slide .template.template-short-would-you-rather .choice.c2 {
  top: auto;
  bottom: 68px;
  transform: translateX(150%);
}
.video .slide .template.template-short-would-you-rather .choice > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template.template-short-would-you-rather .choice > .in > .text-zone {
  height: 274px;
  text-align: center;
  width: 83%;
  left: 50%;
  transform: translateX(-50%);
}
.video .slide .template.template-short-would-you-rather .choice > .in > .text-zone .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  color: white;
  width: 100%;
  text-shadow: 0em 0.05em 0 black, 0em 0em 0 black, 0em -0.05em 0 black, -0.05em 0.05em 0 black, -0.05em 0em 0 black, -0.05em -0.05em 0 black, 0.05em 0.05em 0 black, 0.05em 0em 0 black, 0.05em -0.05em 0 black, 0em 0.07em 0 black, 0em 0em 0 black, 0em -0.07em 0 black, -0.07em 0.07em 0 black, -0.07em 0em 0 black, -0.07em -0.07em 0 black, 0.07em 0.07em 0 black, 0.07em 0em 0 black, 0.07em -0.07em 0 black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0 0 0.07em black, 0em 0.07em 0.12em black, 0em 0.07em 0.15em black;
  font-size: 5.75em;
  line-height: 1.025em;
}
.video .slide .template.template-short-would-you-rather .choice > .in > .text-zone .text.size-l {
  font-size: 6.75em;
  line-height: 1.025em;
}
.video .slide .template.template-short-would-you-rather .choice > .in > .image {
  width: 644px;
  height: 374px;
  position: relative;
  margin-top: 12px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.video .slide .template.template-short-would-you-rather .choice > .in > .image > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  border-radius: 16px;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.6);
  background-color: white;
}
.video .slide .template.template-short-would-you-rather .choice > .in > .image > img {
  display: inline-block;
  height: 100%;
  filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.8));
}

.video .slide .template.reveal > .reveal-bottom-replace-timer {
  animation-name: reveal-bottom-replace-timer;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
@keyframes reveal-bottom-replace-timer {
  60% {
    transform: translateY(-5%) scale(1.05);
  }
  100% {
    transform: none;
  }
}
.video .slide .template .reveal-bottom-replace-timer {
  position: absolute;
  height: 160px;
  width: 80%;
  left: 10%;
  bottom: 30px;
  z-index: 1;
  transform: translateY(200%);
}
.video .slide .template .reveal-bottom-replace-timer > .in {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fefc02;
}
.video .slide .template .reveal-bottom-replace-timer > .in .text {
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}

.video .slide .template.reveal > .reveal-image-text {
  animation-name: reveal-image-text;
  animation-duration: 1.1s;
  animation-fill-mode: forwards;
}
@keyframes reveal-image-text {
  40% {
    transform: scale(1.2) translateY(-3%);
  }
  100% {
    transform: scale(1.1) translateY(-3%);
  }
}
.video .slide .template.reveal > .reveal-image-text > .in > .text-zone {
  transform: translateY(20px);
  opacity: 1;
}
.video .slide .template .reveal-image-text {
  position: absolute;
  width: 100%;
  height: 100%;
  height: 80%;
  width: 80%;
  left: 10%;
  top: 12.75%;
  z-index: 1;
  transform: translateY(150%) scale(0.5);
}
.video .slide .template .reveal-image-text.large-full-no-text {
  height: 90%;
  width: 120%;
  top: 5%;
  left: -10%;
}
.video .slide .template .reveal-image-text.large-full-no-text > .in .image-result {
  margin: 0 auto 0;
  height: 100%;
}
.video .slide .template .reveal-image-text > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template .reveal-image-text > .in .image-result {
  margin: 1.5em auto 0;
  display: block;
  height: 73%;
  position: relative;
  z-index: 1;
}
.video .slide .template .reveal-image-text > .in .image-result.is-video > .image > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.video .slide .template .reveal-image-text > .in .image-result.is-video > .image > .in > .bgBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(60px);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 120px;
  transform: scale(1.005);
  overflow: hidden;
}
.video .slide .template .reveal-image-text > .in .image-result.is-video > .image > .in > .video-in {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 120px;
  background-color: transparent;
  overflow: hidden;
}
.video .slide .template .reveal-image-text > .in .image-result.is-video > .image > .in > .video-in > .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.video .slide .template .reveal-image-text > .in .image-result.is-video > .image > .in > .video-in > .video-player.height-bigger {
  width: 100%;
  height: auto;
}
.video .slide .template .reveal-image-text > .in .image-result > .image {
  box-shadow: 0 0 0 1.1em white, 0 12px 0 1.1em rgba(0, 0, 0, 0.25), inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
  border-radius: 120px;
  width: 65%;
  margin: 0 auto;
  height: 100%;
  position: relative;
  background-color: white;
}
.video .slide .template .reveal-image-text > .in .text-zone {
  position: absolute;
  text-align: center;
  width: 85%;
  height: 21%;
  left: 7.5%;
  bottom: -4%;
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.4s;
  transition-delay: 0.6s;
}
.video .slide .template .reveal-image-text > .in .text-zone .text {
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
}

.video .slide .template.reveal > .reveal-image {
  animation-name: reveal-image;
  animation-duration: 1.1s;
  animation-fill-mode: forwards;
}
@keyframes reveal-image {
  40% {
    transform: scale(1.1) translateY(-4%);
  }
  100% {
    transform: translateY(-7%);
  }
}
.video .slide .template .reveal-image {
  position: absolute;
  width: 100%;
  height: 100%;
  height: 80%;
  width: 80%;
  left: 10%;
  top: 11.5%;
  z-index: -1;
  transform: translateY(-150%) scale(0.5);
}
.video .slide .template .reveal-image > .in {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video .slide .template .reveal-image > .in .image-result {
  margin: 1.5em auto 0;
  display: block;
  height: 70%;
  position: relative;
  z-index: 1;
}
.video .slide .template .reveal-image > .in .image-result > .image {
  box-shadow: 0 0 0 1.5em white, 0 12px 0 1.5em rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  width: 65%;
  margin: 0 auto;
  height: 100%;
  position: relative;
  background-color: white;
  overflow: hidden;
}
.video .slide .template .reveal-image > .in .image-result > .image > .image-in {
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translateX(-50%) translateY(-50%) scale(1.1);
  background-size: cover;
}
.video .slide .template .reveal-image > .in .image-result > .about-text {
  position: absolute;
  left: 7.5%;
  width: 85%;
  bottom: 36px;
  height: 94px;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
}
.video .slide .template .reveal-image > .in .image-result > .about-text.is-big {
  width: 90%;
  left: 5%;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  height: 140px;
}
.video .slide .template .reveal-image > .in .image-result > .about-text.is-big .text {
  background-color: rgba(0, 0, 0, 0.75);
  color: #FFFF1F;
  padding: 18px 34px;
}
.video .slide .template .reveal-image > .in .image-result > .about-text .text {
  color: white;
  text-shadow: 0em 0.05em 0.03em rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  padding: 10px 25px;
  display: inline-block;
}

.channel-quizentreamis .slide .template.template-wouldYouRather4 .footer {
  left: -873px;
}
.channel-quizentreamis .tag-icon > .icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/aux5e.png");
}
.channel-quizentreamis .slide .template .question-number > .in > .question-number-bg {
  background: #382FE2;
}
.channel-quizentreamis .slide .template .question-number > .in > .bg-circle {
  display: block;
}
.channel-quizentreamis .timer {
  padding: 0;
  height: 84px;
  margin-top: 6px;
}
.channel-quizentreamis .transition-sponge {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/sponge-quizentreamis.png?4");
}
.channel-quizentreamis .transition-sponge > .in {
  background-image: none;
}
.channel-quizentreamis .logo-quizentreamis {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16em;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  transform: translate(-50%, -50%) scale(0);
  animation-name: logo-qea-tadam;
  animation-delay: 0.25s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
@keyframes logo-qea-tadam {
  40% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.channel-quizentreamis .logo-quizentreamis > .element {
  font-family: "Poppins" !important;
  font-weight: 800;
  color: white;
  line-height: 1em;
  letter-spacing: 0em;
}
.channel-quizentreamis .logo-quizentreamis > .element.isFirst > .text {
  text-shadow: 0.04em -0.04em #2018ac, 0 -0.04em #2018ac, -0.04em -0.04em #2018ac, 0.04em 0.04em #2018ac, 0 0.04em #2018ac, -0.04em 0.04em #2018ac, 0.04em 0.12em #2018ac, 0 0.12em #2018ac, -0.04em 0.12em #2018ac, 0 0.12em 40px rgba(0, 0, 0, 0.35);
}
.channel-quizentreamis .logo-quizentreamis > .element.isSecond {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: 0.125em;
  border-radius: 0.21em;
  text-shadow: none;
  background: #382fe2;
  box-shadow: 0 0.075em #2018ac, 0 0.06em 40px rgba(0, 0, 0, 0.35);
  padding: 0.15em 0.18em;
  padding-right: 0.15em;
  transform: translateY(0.0325em);
  position: relative;
  animation-name: logo-second-effect;
  animation-delay: -3.1s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@keyframes logo-second-effect {
  48% {
    transform: translateY(0.035em);
  }
  51% {
    transform: translateY(0.035em) scale(1.1);
  }
  55% {
    transform: translateY(0.035em) scale(0.95);
  }
  59% {
    transform: translateY(0.035em);
  }
}
.channel-quizentreamis .logo-quizentreamis > .element.isSecond > .text {
  width: 100%;
  font-size: 0.4em;
  line-height: 0.85em;
  letter-spacing: 0em;
  animation-name: logo-second-effect-text;
  animation-delay: -3.1s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  text-shadow: 0 0.08em #2018ac;
}
@keyframes logo-second-effect-text {
  42% {
    transform: none;
  }
  48% {
    transform: scale(0.875);
  }
  51% {
    transform: scale(1.1);
  }
  55% {
    transform: scale(0.95);
  }
  59% {
    transform: none;
  }
}
.channel-quizentreamis .logo-quizentreamis > .element.isSecond > .text.isSecond {
  font-size: 0.532em;
  line-height: 0.85em;
  letter-spacing: 0em;
  margin-top: 0.1em;
}
.channel-quizentreamis .logo-quizentreamis > .element.isSecond > .corner {
  position: absolute;
  height: 0;
  width: 0;
  border-right: 0.22em solid transparent;
  border-bottom: 0.28em solid #382fe2;
  border-left: 0.14em solid transparent;
  transform: rotate(-40deg) scaleY(0.66);
  bottom: -0.17em;
  left: 5%;
}
.channel-quizentreamis .logo-quizentreamis > .element.isSecond > .corner.isSecond {
  border-bottom: 0.28em solid #2018ac;
  bottom: -0.25em;
}

.channel-heroquizfootball .logo.is-animated > .logo-icon > .text-list {
  font-family: "Fredoka";
}
.channel-heroquizfootball .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -22px;
}
.channel-heroquizfootball .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: -5px;
}

.channel-heroquizfootball, .channel-quizblitzfootball {
  /*.slide .template-guess-the-voice .question-number {
    transform: translate(-25%, -50%) scale(1.31) !important;
  }
  .slide .template-guess-the-voice.type-emojis .question-number {
    transform: translate(-50%, -50%) scale(1.31) !important;
  }*/
  /*.template.template-trivia.answersGetImages > .question-title {
    margin-left: 10px !important;
  }*/
  /*.slide .template.template-trivia.answersGetImages > .question-title {
    display: block;
  }*/
  /*.logo > .logo-icon {
    width: 340px;
    height: 340px;
    > .logo-icon-image {
      top: 12.5%;
      left: 12.5%;
      width: 75%;
      height: 75%;
    }
  }*/
  /*.logo.is-animated > .logo-icon > .logo-icon-image {
    border-radius: 100%;
    background-size: 100.5%;
    box-shadow: 0 0 80px rgba(black, .5);
  }*/
  /*.tag-icon {
    width: 116px;
    height: 116px;
    > .icon {
      background-image: url("https://yt.tbhquiz.com/style/img/logo/heroquizfootball-corner.png?1");
      border-radius: $radius-full;
      background-size: 100%;
      box-shadow: 0 6px rgba(0, 0, 0, 0.15);
    }
  }*/
}
.channel-heroquizfootball .template, .channel-quizblitzfootball .template {
  /*.question-title {
    transform: none !important;
    left: 130px + $border-size - 8px !important;
    margin-top: 12px !important;
    width: 25% !important;
    height: 110px !important;
    text-transform: uppercase !important;
    font-weight: $fweight-m !important;
    text-align: left  !important;
    > .in {
      animation-name: none !important;
      .center {
        left: 0px !important;
        transform: translateY(-50%)  !important;
      }
      .text {
        text-align: left !important;
      }
    }
    &.big-title {
      transform: translateX(-50%) !important;
      left: 50% !important;
      height: 130px !important;
      text-transform: none !important;
      width: 82% !important;
      margin-top: 0px !important;
    }
  }
  &.answersGetImages {
    .big-title {
      width: 48% !important;
      left: 33% !important;
    }
  }*/
}
.channel-heroquizfootball .slide .template:not(.template-guess-the-voice) .question-number, .channel-quizblitzfootball .slide .template:not(.template-guess-the-voice) .question-number {
  /*margin-left: -$border-size;
  width: 130px + $border-size;
  margin-top: 10px;*/
}
.channel-heroquizfootball .slide .template:not(.template-guess-the-voice) .question-number > .in, .channel-quizblitzfootball .slide .template:not(.template-guess-the-voice) .question-number > .in {
  /*transform: none;
  animation-name: none;*/
  /*> .question-number-bg {
    //background: linear-gradient(lighten($hqfoot-color, 0%) 60%, darken($hqfoot-color, 10%));
    background: $color-sub1;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  > .value {
    //color: darken($hqfoot-color, 35%);
    color: black;
    text-shadow: none;
  }*/
}
.channel-heroquizfootball .transition-sponge, .channel-quizblitzfootball .transition-sponge {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/sponge-heroquizfootball.png?5");
}
.channel-heroquizfootball .transition-sponge > svg, .channel-quizblitzfootball .transition-sponge > svg {
  display: none;
}
.channel-heroquizfootball .transition-sponge > .in, .channel-quizblitzfootball .transition-sponge > .in {
  background-image: url("https://yt.tbhquiz.com/style/img/logo/heroquizfootball.png");
  width: 380px;
  height: 380px;
}
.channel-heroquizfootball .video .tag > .icon, .channel-quizblitzfootball .video .tag > .icon {
  width: 44px;
  height: 44px;
}
.channel-heroquizfootball .video .tag > .name, .channel-quizblitzfootball .video .tag > .name {
  font-size: 2em;
}

.channel-quizblitzfootball .logo.is-animated > .logo-icon > .text-list > .element:nth-child(3) {
  margin-left: 35px !important;
}

.channel-heroiquiz .video .logo > .logo-icon > .text-list > .element:nth-child(1) {
  left: -18px;
}

.channel-superquiz .logo.is-animated > .logo-icon > .text-list {
  font-family: "Fredoka";
}
.channel-superquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -22px;
}
.channel-superquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: 3px;
}

.channel-yukianime, .channel-yokoanime {
  font-family: "Poppins";
}
.channel-yukianime .logo > .logo-icon, .channel-yokoanime .logo > .logo-icon {
  height: 400px;
  width: 400px;
}
.channel-yukianime .logo > .logo-icon > .text-list > .element:nth-child(1), .channel-yokoanime .logo > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -20px;
}
.channel-yukianime .logo > .logo-icon > .text-list > .element:nth-child(2), .channel-yokoanime .logo > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: -20px;
}
.channel-yukianime .slide .template .question-number > .in > .value, .channel-yokoanime .slide .template .question-number > .in > .value {
  font-size: 5.5em;
}
.channel-yukianime .slide .template .question-number > .in > .question-number-bg, .channel-yokoanime .slide .template .question-number > .in > .question-number-bg {
  background: linear-gradient(#3742fa 80%, #1421f9);
}
.channel-yukianime .timer, .channel-yokoanime .timer {
  border-radius: 34px;
}
.channel-yukianime .timer > .in, .channel-yokoanime .timer > .in {
  border-radius: 24px;
}
.channel-yukianime .timer > .in > .in, .channel-yokoanime .timer > .in > .in {
  border-radius: 24px;
}
.channel-yukianime .subscribe > .in .subscribe-button .icon.like, .channel-yokoanime .subscribe > .in .subscribe-button .icon.like {
  width: 9.5em;
  height: 9.5em;
  top: -5.25em;
  left: -4.75em;
}
.channel-yukianime .subscribe > .in .subscribe-button .icon.like > div, .channel-yokoanime .subscribe > .in .subscribe-button .icon.like > div {
  background-image: url("https://yt-mirror.tbhquiz.com/files/4k5mf.gif");
}
.channel-yukianime .subscribe > .in .subscribe-button .icon.bell, .channel-yokoanime .subscribe > .in .subscribe-button .icon.bell {
  width: 10em;
  height: 10em;
  bottom: -4.75em;
  right: -4.5em;
}
.channel-yukianime .subscribe > .in .subscribe-button .icon.bell > div, .channel-yokoanime .subscribe > .in .subscribe-button .icon.bell > div {
  background-image: url("https://yt-mirror.tbhquiz.com/files/eaxvm.gif");
}

.channel-quizblitzmonster .logo.is-animated > .logo-icon > .text-list > .element.is-image:nth-child(3) {
  animation-name: logo-text-monster-image;
  transform: none;
  color: #fefc02;
  margin-left: 470px;
  margin-top: 90px;
  animation-duration: 1s;
}
@keyframes logo-text-monster-image {
  0% {
    transform: rotate(-45deg) scaleX(1.1);
    opacity: 0;
  }
  50% {
    transform: rotate(2deg) scaleX(0.9);
    opacity: 1;
  }
  100% {
    transform: rotate(-3deg);
    opacity: 1;
  }
}
.channel-quizblitzmonster .logo.is-animated > .logo-icon > .text-list > .element.is-image:nth-child(3) > img {
  width: 360px;
}

.channel-quizsplash .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1), .channel-aquaquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -60px;
}
.channel-quizsplash .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2), .channel-aquaquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: -30px;
}

.channel-quizsplash, .channel-olaquiz, .channel-aquaquiz {
  /*.slide .template.template-guess-the-voice > .content > .list > .element.main > .left .question-number > .in > .question-number-bg {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
    background-image: url('https://yt.tbhquiz.com/style/img/question-number/bubble.png');
    background-size: cover;
  }*/
}
.channel-quizsplash .tag, .channel-olaquiz .tag, .channel-aquaquiz .tag {
  font-family: "Paytone One";
}
.channel-quizsplash .tag > .name, .channel-olaquiz .tag > .name, .channel-aquaquiz .tag > .name {
  transform: translateY(-25%);
}
.channel-quizsplash .logo.is-animated > .logo-icon > .text-list, .channel-olaquiz .logo.is-animated > .logo-icon > .text-list, .channel-aquaquiz .logo.is-animated > .logo-icon > .text-list {
  font-family: "Paytone One";
}
.channel-quizsplash .logo.is-animated > .logo-icon > .text-list > .element, .channel-olaquiz .logo.is-animated > .logo-icon > .text-list > .element, .channel-aquaquiz .logo.is-animated > .logo-icon > .text-list > .element {
  margin-top: -7px;
}
.channel-quizsplash .slide .template.template-guess-the-voice.playingVideo.reveal.playingVideo > .content > .content-video-player, .channel-olaquiz .slide .template.template-guess-the-voice.playingVideo.reveal.playingVideo > .content > .content-video-player, .channel-aquaquiz .slide .template.template-guess-the-voice.playingVideo.reveal.playingVideo > .content > .content-video-player {
  width: 1500px;
  height: 1000px;
  border-radius: 150px;
  box-shadow: 0 22px 20px 10px rgba(0, 0, 0, 0.4);
}
.channel-quizsplash .tag-icon, .channel-olaquiz .tag-icon, .channel-aquaquiz .tag-icon {
  width: 116px;
  height: 116px;
}
.channel-quizsplash .tag-icon > .icon, .channel-olaquiz .tag-icon > .icon, .channel-aquaquiz .tag-icon > .icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/lgwz5.jpeg") !important;
  border-radius: 100%;
  background-size: 100%;
  box-shadow: 0 6px rgba(0, 0, 0, 0.15);
}
.channel-quizsplash .slide .template .question-number > .in, .channel-olaquiz .slide .template .question-number > .in, .channel-aquaquiz .slide .template .question-number > .in {
  background: linear-gradient(#00d2ff, #006bd9);
  border-radius: 100%;
}
.channel-quizsplash .slide .template .question-number > .in > .question-number-bg, .channel-olaquiz .slide .template .question-number > .in > .question-number-bg, .channel-aquaquiz .slide .template .question-number > .in > .question-number-bg {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25) !important;
  background-image: url("https://yt.tbhquiz.com/style/img/question-number/bubble.png") !important;
  background-size: cover !important;
}
.channel-quizsplash .slide .template .question-number > .in > .value, .channel-olaquiz .slide .template .question-number > .in > .value, .channel-aquaquiz .slide .template .question-number > .in > .value {
  text-shadow: 0em 0.05em 0.065em rgba(0, 0, 0, 0.5);
}
.channel-quizsplash .timer.warning1 > .in > .in, .channel-olaquiz .timer.warning1 > .in > .in, .channel-aquaquiz .timer.warning1 > .in > .in {
  background: linear-gradient(#b749ec, #c56cf0);
}
.channel-quizsplash .timer.warning2 > .in > .in, .channel-olaquiz .timer.warning2 > .in > .in, .channel-aquaquiz .timer.warning2 > .in > .in {
  background: linear-gradient(#ed0015, #ff4757);
}
.channel-quizsplash .timer > .in > .in, .channel-olaquiz .timer > .in > .in, .channel-aquaquiz .timer > .in > .in {
  background: linear-gradient(#0055d5, #0064fb);
}
.channel-quizsplash .slide .template .question-number > .in > .current-level > .element, .channel-olaquiz .slide .template .question-number > .in > .current-level > .element, .channel-aquaquiz .slide .template .question-number > .in > .current-level > .element {
  background-image: url("https://yt.tbhquiz.com/style/img/question-number/level-splash.png?2");
}
.channel-quizsplash .slide .template .question-number > .in > .current-level.level2 > .element, .channel-olaquiz .slide .template .question-number > .in > .current-level.level2 > .element, .channel-aquaquiz .slide .template .question-number > .in > .current-level.level2 > .element {
  background-image: url("https://yt.tbhquiz.com/style/img/question-number/level-splash-dark.png");
}
.channel-quizsplash .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .number, .channel-olaquiz .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .number, .channel-aquaquiz .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .number {
  background-color: #0064fb;
}

.channel-cocoquiz {
  /*.video .tag-icon > .icon {
    border-radius: 1000px;
  }*/
  /*.slide .template.template-guess-the-voice > .content > .list > .element.main > .left .question-number > .in > .question-number-bg {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
    background-image: url('https://yt.tbhquiz.com/style/img/question-number/bubble.png');
    background-size: cover;
  }*/
  /*.slide .template .question-number > .in > .current-level {
    > .element {
      background-image: url('https://yt.tbhquiz.com/style/img/question-number/level-splash.png?2');
    }
    &.level2 {
      > .element {
        background-image: url('https://yt.tbhquiz.com/style/img/question-number/level-splash-dark.png');
      }
    }
  }*/
}
.channel-cocoquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -60px;
}
.channel-cocoquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: -30px;
}
.channel-cocoquiz .logo > .logo-icon {
  width: 400px;
  height: 400px;
}
.channel-cocoquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -30px;
}
.channel-cocoquiz .tag {
  font-family: "Paytone One";
}
.channel-cocoquiz .tag > .name {
  transform: translateY(-25%);
}
.channel-cocoquiz .logo.is-animated > .logo-icon > .text-list {
  font-family: "Paytone One";
}
.channel-cocoquiz .logo.is-animated > .logo-icon > .text-list > .element {
  margin-top: -7px;
}
.channel-cocoquiz .slide .template.template-guess-the-voice.playingVideo.reveal.playingVideo > .content > .content-video-player {
  width: 1500px;
  height: 1000px;
  border-radius: 150px;
  box-shadow: 0 22px 20px 10px rgba(0, 0, 0, 0.4);
}
.channel-cocoquiz .tag-icon > .icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/4ykgx6.png") !important;
}
.channel-cocoquiz .slide .template .question-number > .in {
  background: linear-gradient(#d21aff, #ad05d6);
  border-radius: 100%;
}
.channel-cocoquiz .slide .template .question-number > .in > .question-number-bg {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25) !important;
  background-image: url("https://yt.tbhquiz.com/style/img/question-number/bubble.png") !important;
  background-size: cover !important;
  opacity: 0.66;
}
.channel-cocoquiz .slide .template .question-number > .in > .value {
  text-shadow: 0em 0.05em 0.065em rgba(0, 0, 0, 0.5);
}
.channel-cocoquiz .timer.warning1 > .in > .in {
  background: linear-gradient(#ffcf2f, #ffd855);
}
.channel-cocoquiz .timer.warning2 > .in > .in {
  background: linear-gradient(#ed0015, #ff4757);
}
.channel-cocoquiz .timer > .in > .in {
  background: linear-gradient(#be00ec, #a900d3);
}
.channel-cocoquiz .slide .template.template-trivia > .content > .qa > .answers > .list > .element > .number {
  background-color: #be00ec;
}

.channel-heroquizkids .logo.is-animated > .logo-icon > .text-list > .element:nth-child(3) > .in, .channel-superquizkids .logo.is-animated > .logo-icon > .text-list > .element:nth-child(3) > .in, .channel-quizblitzkids .logo.is-animated > .logo-icon > .text-list > .element:nth-child(3) > .in {
  margin-right: 1470px;
}
.channel-heroquizkids .logo > .logo-icon, .channel-superquizkids .logo > .logo-icon, .channel-quizblitzkids .logo > .logo-icon {
  height: 280px;
}
.channel-heroquizkids .logo, .channel-superquizkids .logo, .channel-quizblitzkids .logo {
  font-family: "Luckiest Guy";
  letter-spacing: 0.75em;
}
.channel-heroquizkids .tag, .channel-superquizkids .tag, .channel-quizblitzkids .tag {
  font-family: "Luckiest Guy";
}
.channel-heroquizkids .slide .template .question-number > .in, .channel-superquizkids .slide .template .question-number > .in, .channel-quizblitzkids .slide .template .question-number > .in {
  font-family: "Luckiest Guy";
}

.channel-quizblitzkids .logo.is-animated > .logo-icon > .text-list > .element:nth-child(3) > .in {
  margin-right: 1700px;
}

.channel-heroquiztrivia .logo.is-animated > .logo-icon > .text-list > .element.is-image:nth-child(3), .channel-quizblitztrivia .logo.is-animated > .logo-icon > .text-list > .element.is-image:nth-child(3) {
  animation-name: logo-text-trivia-image;
  transform: none;
  color: #fefc02;
  margin-left: 470px;
  margin-top: 90px;
  animation-duration: 1s;
}
@keyframes logo-text-trivia-image {
  0% {
    transform: rotate(-45deg) scaleX(1.1);
    opacity: 0;
  }
  50% {
    transform: rotate(2deg) scaleX(0.9);
    opacity: 1;
  }
  100% {
    transform: rotate(-4deg);
    opacity: 1;
  }
}
.channel-heroquiztrivia .logo.is-animated > .logo-icon > .text-list > .element.is-image:nth-child(3) > img, .channel-quizblitztrivia .logo.is-animated > .logo-icon > .text-list > .element.is-image:nth-child(3) > img {
  width: 330px;
}

.channel-quizblitztrivia .logo.is-animated > .logo-icon > .text-list > .element.is-image:nth-child(3) {
  margin-left: 505px;
}

.channel-heroquiz .logo.is-animated > .logo-icon > .text-list {
  font-family: "Fredoka";
}
.channel-heroquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -18px;
}
.channel-heroquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: -5px;
}

.channel-tigerquiz .tag {
  z-index: 0;
}
.channel-tigerquiz .tag > .icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/fekyxp.png");
}
.channel-tigerquiz .tag.for-theme-white > .icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/fekyxp.png");
  margin-right: 10px;
}
.channel-tigerquiz .logo.is-animated > .logo-icon {
  font-family: Bangers !important;
  letter-spacing: 18px;
}
.channel-tigerquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) > .in {
  margin-right: 50px;
}
.channel-tigerquiz .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) > .in {
  margin-left: 50px;
}
.channel-tigerquiz .logo.is-animated > .logo-icon > .logo-icon-image {
  height: auto;
  margin-top: 45px;
}
.channel-tigerquiz .transition-sponge > .in {
  display: none;
  width: 300px;
  height: 300px;
  opacity: 1;
}
.channel-tigerquiz .bg.pattern.pattern1 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/eklxwu.png");
}
.channel-tigerquiz .bg.pattern.pattern2 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/eklxwu.png");
}
.channel-tigerquiz .bg.pattern.pattern3 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/eklxwu.png");
}
.channel-tigerquiz .bg.pattern.pattern4 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/eklxwu.png");
}
.channel-tigerquiz .bg.pattern.pattern5 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/eklxwu.png");
}
.channel-tigerquiz .bg.pattern.pattern6 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/j2oxzm.png");
}
.channel-tigerquiz .bg.pattern.pattern7 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/j2oxzm.png");
}
.channel-tigerquiz .bg.pattern.pattern8 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/j2oxzm.png");
}
.channel-tigerquiz .bg.pattern.pattern9 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/j2oxzm.png");
}
.channel-tigerquiz .bg.pattern.pattern10 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/j2oxzm.png");
}
.channel-tigerquiz .bg.pattern.pattern11 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/ha5grw.png");
}
.channel-tigerquiz .bg.pattern.pattern12 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/ha5grw.png");
}
.channel-tigerquiz .bg.pattern.pattern13 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/ha5grw.png");
}
.channel-tigerquiz .bg.pattern.pattern14 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/ha5grw.png");
}
.channel-tigerquiz .bg.pattern.pattern15 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/ha5grw.png");
}
.channel-tigerquiz .bg.pattern.pattern16 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/3qo14f.png");
}
.channel-tigerquiz .bg.pattern.pattern17 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/3qo14f.png");
}
.channel-tigerquiz .bg.pattern.pattern18 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/3qo14f.png");
}
.channel-tigerquiz .bg.pattern.pattern19 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/3qo14f.png");
}
.channel-tigerquiz .bg.pattern.pattern20 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/3qo14f.png");
}
.channel-tigerquiz .bg.pattern.pattern21 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/etidob.png");
}
.channel-tigerquiz .bg.pattern.pattern22 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/etidob.png");
}
.channel-tigerquiz .bg.pattern.pattern23 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/etidob.png");
}
.channel-tigerquiz .bg.pattern.pattern24 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/etidob.png");
}
.channel-tigerquiz .bg.pattern.pattern25 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/hfs9t0.png");
}
.channel-tigerquiz .bg.pattern.pattern26 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/hfs9t0.png");
}
.channel-tigerquiz .bg.pattern.pattern27 > .in {
  background-image: url("https://yt-mirror.tbhquiz.com/files/hfs9t0.png");
}

.channel-superquizko .logo.is-animated > .logo-icon > .text-list {
  font-family: "Fredoka";
}
.channel-superquizko .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -22px;
}
.channel-superquizko .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: -22px;
}

.channel-quizunohiro .logo.is-animated > .logo-icon > .text-list {
  font-family: "Fredoka";
}
.channel-quizunohiro .logo.is-animated > .logo-icon > .text-list > .element:nth-child(1) {
  margin-left: -20px;
  letter-spacing: -15px;
  width: 680px;
  font-family: "Noto Sans JP";
}
.channel-quizunohiro .logo.is-animated > .logo-icon > .text-list > .element:nth-child(2) {
  margin-right: 20px;
  letter-spacing: -15px;
  width: 680px;
  font-family: "Noto Sans JP";
}

.channel-yogawithluna .tag-icon {
  width: 236px;
  height: 106px;
}
.channel-yogawithluna .tag-icon.right-bottom {
  bottom: 36px;
  right: 36px;
}
.channel-yogawithluna .tag-icon > .icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/l8nfq0c9.png");
}
.channel-yogawithluna .tag > .icon {
  background-image: url(https://yt.tbhquiz.com/style/img/tag/youtube-black.png);
  opacity: 0.2;
}
.channel-yogawithluna .tag > .name {
  color: rgba(0, 0, 0, 0.2);
}

.channel-rainbowyoga .tag-icon > .icon {
  background-image: url("https://yt-mirror.tbhquiz.com/files/jqf4pube.webp");
}

.video.theme-netflix .transition-sponge {
  background-image: url("https://yt.tbhquiz.com/style/img/bg/sponge-netflix.png");
}
.video.theme-netflix .slide .template .question-number > .in > .question-number-bg {
  background: linear-gradient(#e30a13 60%, #a8070e);
}
.video.theme-netflix .timer > .in > .in {
  background-color: #e30a13;
}
.video.theme-netflix .timer.warning1 > .in > .in {
  background-color: #0819e8;
}
.video.theme-netflix .timer.warning2 > .in > .in {
  background-color: #0819e8;
}

.video.theme-white {
  background-color: white;
}
.video.theme-white .slide {
  background-color: white;
}
.video.theme-white .slide > .bg {
  display: none !important;
}
.video.theme-white .logo > .logo-icon > .text-list > .element {
  text-shadow: none !important;
  color: black !important;
}
.video.theme-white .slide .template .question-title > .in .text {
  color: black;
  text-shadow: none;
}
.video.theme-white .slide .template .question-number > .in > .question-number-bg {
  background: black;
}
.video.theme-white .bg-merge2 .bg {
  opacity: 0;
}
.video.theme-white .bg-merge2 .separate {
  background-color: rgba(0, 0, 0, 0.25);
}
.video.theme-white .slide .watch-next .carousel .other-video > .loading-next-video > .in {
  background-color: black;
  box-shadow: none;
}
.video.theme-white .slide .pre-start {
  line-height: 1em;
}
.video.theme-white .slide .pre-start:not(.get-images) {
  height: 63%;
}
.video.theme-white .slide .pre-start .text-zone {
  animation-name: prestart-text-zone-white;
  transform: scale(0);
  animation-delay: 0.2s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
.video.theme-white .slide .pre-start .text-zone .text {
  transform: none !important;
  animation-name: none !important;
  text-shadow: none;
  color: black;
}
.video.theme-white .image-shadow {
  filter: none !important;
}

.video-onruq5ik .slide .template.template-trivia > .content > .qa > .question > .in {
  width: calc(90% - 36px) !important;
  height: calc(100% - 36px) !important;
  margin-left: 70px !important;
}
.video-onruq5ik .slide .template.template-trivia.reveal > .content > .qa > .question > .in > .in > .in > .image-reveal.is-not-video {
  background-size: contain !important;
  transform: none;
  opacity: 0;
  animation-name: trivia-question-reveal-image-onruq5ik;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-duration: 3s;
}
@keyframes trivia-question-reveal-image-onruq5ik {
  30% {
    transform: none;
    opacity: 1;
  }
  60% {
    transform: none;
    opacity: 0;
  }
  100% {
    transform: none;
    opacity: 0;
  }
}

/* CREATOR */
body.creator {
  min-width: 1200px;
  background: white;
  font-weight: 600;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  color: black;
  height: 100%;
  font-size: 1em;
  line-height: 117.5%;
  position: absolute;
  width: 100%;
  height: 100%;
  word-break: break-word;
  overflow-y: hidden;
  /*input[type="input"] {
    -webkit-appearance: none;
  }*/
  font-size: 100%;
  line-height: 117.5%;
}
body.creator .creator-page {
  padding: 1.8em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 7.8em);
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  color: black;
}
body.creator .trophies {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.creator .trophies.for-screen {
  gap: 0px;
}
body.creator .trophies.for-screen > .element {
  flex: 1 1 12%;
}
body.creator .trophies > .element {
  flex: 1 1 22%;
  box-sizing: border-box;
  position: relative;
  display: block;
  overflow: hidden;
}
body.creator .trophies > .element:hover > .data {
  opacity: 1;
  transform: none;
}
body.creator .trophies > .element > img {
  width: 100%;
  display: block;
}
body.creator .trophies > .element > .data {
  background: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
  padding: 40px 15px 15px;
  width: calc(100% - 30px);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.25s;
  color: white;
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
}
body.creator .trophies > .element > .data > span {
  display: block;
  margin: 8px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.creator.loading {
  pointer-events: none;
  opacity: 0.25;
}
body.creator.format-type-short .squeletor > .content > .right > .top > .ratio {
  margin-top: 90%;
}
body.creator.format-type-short .squeletor > .content > .right > .top > .frame-play {
  top: 0;
  height: 100%;
  width: 50.5%;
  box-shadow: 0 0 0 1px #EEE;
}
body.creator.format-type-short .squeletor > .content > .right > .top > .frame-play.is-fullscreen {
  width: 438.5px;
  height: 780px;
}
body.creator.format-type-short .form .template-list > .element > .thumb {
  background-size: contain;
}
body.creator.upload-files-page {
  min-width: 100%;
}
body.creator input, body.creator textarea, body.creator select {
  outline: none;
  box-shadow: none;
  border: 0px;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
}
body.creator input::placeholder, body.creator textarea::placeholder, body.creator select::placeholder {
  color: rgba(0, 0, 0, 0.33);
}
body.creator div, body.creator a {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.creator h1, body.creator h2, body.creator h3, body.creator h4, body.creator h5, body.creator h6 {
  font-weight: normal;
  font-size: 1em;
  line-height: 117.5%;
  padding: 0;
  margin: 0;
}
body.creator b,
body.creator strong {
  font-weight: 700;
}
body.creator a {
  text-decoration: underline;
  color: black;
  text-decoration: none;
}
body.creator a:hover {
  cursor: pointer;
}
body.creator img,
body.creator a img {
  border: none;
}
body.creator svg {
  width: 100%;
  height: 100%;
  stroke-width: 1.75;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: black;
}
body.creator svg.fill {
  fill: black;
}
@media screen and (max-width: 600px) {
  body.creator body.creator {
    font-size: 97.5%;
  }
}
@media screen and (max-width: 550px) {
  body.creator body.creator {
    font-size: 95%;
  }
}
@media screen and (max-width: 500px) {
  body.creator body.creator {
    font-size: 92.5%;
  }
}
@media screen and (max-width: 475px) {
  body.creator body.creator {
    font-size: 90%;
  }
}
@media screen and (max-width: 450px) {
  body.creator body.creator {
    font-size: 87.5%;
  }
}
@media screen and (max-width: 425px) {
  body.creator body.creator {
    font-size: 85%;
  }
}
@media screen and (max-width: 400px) {
  body.creator body.creator {
    font-size: 82.5%;
  }
}
@media screen and (max-width: 380px) {
  body.creator body.creator {
    font-size: 80%;
  }
}
@media screen and (max-width: 370px) {
  body.creator body.creator {
    font-size: 77.5%;
  }
}
@media screen and (max-width: 360px) {
  body.creator body.creator {
    font-size: 75%;
  }
}
@media screen and (max-width: 350px) {
  body.creator body.creator {
    font-size: 72.5%;
  }
}
@media screen and (max-width: 340px) {
  body.creator body.creator {
    font-size: 70%;
  }
}
body.creator .squeletor {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
body.creator .squeletor > .content {
  flex-basis: 100%;
  display: flex;
  overflow: hidden;
}
body.creator .squeletor > .content > .left {
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.creator .squeletor > .content > .right {
  width: 50%;
  min-width: 360px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.creator .squeletor > .content > .right > .top {
  position: relative;
  width: 100%;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
}
body.creator .squeletor > .content > .right > .top > .ratio {
  margin-top: 68.90625%;
}
body.creator .squeletor > .content > .right > .top > .frame-play {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.8em;
  width: calc(100% - 1.6em);
  height: calc(100% - 1.6em);
  background-color: #EEE;
}
body.creator .squeletor > .content > .right > .top > .frame-play.is-fullscreen {
  position: fixed;
  width: 1100px;
  height: 741px;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  z-index: 1000;
  box-shadow: 0 0 0 10000px rgba(17, 17, 17, 0.85);
}
body.creator .squeletor > .content > .right > .top > .frame-play.is-fullscreen > .button-fullscreen {
  bottom: 1em;
  right: 1em;
  width: 3em;
  height: 3em;
}
body.creator .squeletor > .content > .right > .top > .frame-play.is-fullscreen > .button-fullscreen > svg {
  transform: translate(-50%, -50%) rotate(-180deg);
}
body.creator .squeletor > .content > .right > .top > .frame-play > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  box-shadow: none;
}
body.creator .squeletor > .content > .right > .top > .frame-play > .button-fullscreen {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  width: 2em;
  height: 2em;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 1000px;
  cursor: pointer;
}
body.creator .squeletor > .content > .right > .top > .frame-play > .button-fullscreen:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
body.creator .squeletor > .content > .right > .top > .frame-play > .button-fullscreen > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66.66%;
  height: 66.66%;
  stroke: white;
  fill: none;
  stroke-width: 2;
}
body.creator .squeletor > .content > .right > .bottom {
  flex-basis: 100%;
  position: relative;
}
body.creator .squeletor > .content > .right > .bottom > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  box-shadow: none;
}

body.creator .topbar {
  position: relative;
}
body.creator .topbar.is-main {
  min-height: 3em;
  background-color: #2c2c2c;
}
body.creator .topbar.is-second {
  min-height: 3.5em;
  background-color: white;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
}
body.creator .topbar.is-second.double-height {
  min-height: calc(7em - 20px);
}
body.creator .topbar.is-second.double-height > .menu-v2 {
  height: 50%;
}
body.creator .topbar.is-second.double-height > .menu-v2:nth-child(2) {
  margin-top: -5px;
}
body.creator .topbar.is-second > .menu > .element > .count {
  background-color: rgba(0, 0, 0, 0.125);
}
body.creator .topbar.is-second > .menu {
  margin: 0 0 0 1.2em;
}
body.creator .topbar.is-second > .menu > .element {
  color: rgba(0, 0, 0, 0.8);
  line-height: 2.31em;
  font-weight: 500;
  border-radius: 4px;
  padding: 0 0.6em;
  margin: 0 0.2em;
}
body.creator .topbar.is-second > .menu > .element:first-child {
  margin-left: 0;
}
body.creator .topbar.is-second > .menu > .element:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.05);
}
body.creator .topbar.is-second > .menu > .element.selected {
  color: black;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .topbar.is-second > .menu > .input-filter {
  padding: 0 0.8em;
  margin-left: 0.6em;
  border-radius: 4px;
  width: 200px;
  font-size: 1em;
  line-height: 117.5%;
  line-height: 2.5em;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
body.creator .topbar.is-second > .menu > .input-filter:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
body.creator .topbar.is-second > .menu > .line {
  margin: 0 0.6em;
  height: 30px;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.2);
}
body.creator .topbar > .menu-v2 {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 1em;
  line-height: 117.5%;
  font-size: 0.85em;
  font-weight: 400;
  padding-left: 1.2em;
}
body.creator .topbar > .menu-v2 > .list {
  margin-right: 1.2em;
}
body.creator .topbar > .menu-v2 > .list > .label {
  font-weight: 500;
  margin-right: 0.4em;
}
body.creator .topbar > .menu-v2 > .list > .element {
  padding: 0.25em 0.6em;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  margin-right: 0.4em;
}
body.creator .topbar > .menu-v2 > .list > .element:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
body.creator .topbar > .menu-v2 > .list > .element.selected {
  background-color: #fc0252;
  font-weight: 500;
  color: white;
}
body.creator .topbar > .menu-v2 > .list > .element.selected.selected:hover {
  background-color: #c90242;
}
body.creator .topbar > .menu-v2 > .list > .element.selected.val-x2 {
  background-color: #0D86FF;
}
body.creator .topbar > .menu-v2 > .list > .element.selected.val-x2.selected:hover {
  background-color: #006dd9;
}
body.creator .topbar > .menu-v2 > .list > .element.selected.val-x5 {
  background-color: #6742F4;
}
body.creator .topbar > .menu-v2 > .list > .element.selected.val-x5.selected:hover {
  background-color: #4012f1;
}
body.creator .topbar > .menu-v2 > .list > .element.selected.val-x10 {
  background-color: #A90741;
}
body.creator .topbar > .menu-v2 > .list > .element.selected.val-x10.selected:hover {
  background-color: #78052e;
}
body.creator .topbar > .menu-v2 > .input-filter {
  padding: 0 0.8em;
  margin-left: 0.4em;
  margin-right: 0.6em;
  border-radius: 12px;
  width: 200px;
  font-size: 1em;
  line-height: 117.5%;
  line-height: 2.5em;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
body.creator .topbar > .menu-v2 > .input-filter:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
body.creator .topbar > .menu {
  display: flex;
  height: 100%;
  align-items: center;
}
body.creator .topbar > .menu > .logo {
  display: inline-block;
  margin-top: 0.3em;
}
body.creator .topbar > .menu > .logo > .icon {
  display: inline-block;
  height: 2.4em;
  width: 2.4em;
  transition: 100s;
  padding: 0 0.5em;
}
body.creator .topbar > .menu > .logo > .icon:hover {
  animation-name: topbar-logo;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-delay: -0.25s;
  transform: rotate(-20deg);
}
@keyframes topbar-logo {
  50% {
    transform: rotate(20deg);
  }
}
body.creator .topbar > .menu > .line {
  margin: 0 0.6em;
  width: 2px;
  height: 1.5em;
  background-color: rgba(255, 255, 255, 0.3);
}
body.creator .topbar > .menu > .big-menu {
  user-select: none;
  position: relative;
}
body.creator .topbar > .menu > .big-menu.is-open > .big-menu-button {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 1px solid white;
  z-index: 101;
}
body.creator .topbar > .menu > .big-menu.is-open > .big-menu-button > svg {
  transform: translateY(-50%) rotate(-180deg);
}
body.creator .topbar > .menu > .big-menu.is-open > .list {
  display: block;
}
body.creator .topbar > .menu > .big-menu.is-open > .big-menu-button, body.creator .topbar > .menu > .big-menu.is-open > .big-menu-button:hover {
  color: black;
  background-color: white;
}
body.creator .topbar > .menu > .big-menu.is-open > .big-menu-button > svg, body.creator .topbar > .menu > .big-menu.is-open > .big-menu-button:hover > svg {
  opacity: 1;
}
body.creator .topbar > .menu > .big-menu > .big-menu-button {
  position: relative;
  padding: 0.6em 0.6em;
  padding-right: 44px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  margin-right: 0.4em;
  min-width: 80px;
  background-color: white;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
}
body.creator .topbar > .menu > .big-menu > .big-menu-button:hover {
  color: black;
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .topbar > .menu > .big-menu > .big-menu-button:hover > svg {
  opacity: 1;
}
body.creator .topbar > .menu > .big-menu > .big-menu-button > svg {
  position: absolute;
  right: 10px;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
  opacity: 0.8;
}
body.creator .topbar > .menu > .big-menu > .list {
  display: none;
  position: absolute;
  padding-bottom: 10px;
  width: 750px;
  background-color: white;
  transform: translateY(calc(100% - 1px));
  z-index: 100;
  bottom: 0px;
  left: 1px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 10px 15px rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  border-top-left-radius: 0px;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group {
  margin: 0 0 10px;
  padding: 0 15px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group:first-child {
  margin-top: 10px;
  padding-top: 10px;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > img {
  width: 16px;
  margin-right: 8px;
  transform: translateY(2px);
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .menu-title {
  color: rgba(0, 0, 0, 0.4);
  transform: translateY(5px);
  margin-right: 10px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 112px;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .menu-title > img {
  width: 20px;
  margin-right: 6px;
  transform: translateY(4px);
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.8em;
  font-weight: 500;
  border-radius: 4px;
  padding: 0em 0.6em;
  margin-right: 0.6em;
  display: inline-block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element.selected, body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element.selected:hover {
  color: white;
  box-shadow: none;
  background-color: #fc0252;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element.selected > .count, body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element.selected:hover > .count {
  background-color: white;
  color: #fc0252;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element > .count {
  background-color: rgba(0, 0, 0, 0.15);
  margin-left: 0.5em;
  color: black;
  padding: 0.1em 0.5em;
  font-size: 0.9em;
  border-radius: 4px;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element > .count.level0 {
  background-color: #ee5253 !important;
  color: white !important;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element > .count.level1 {
  background-color: #ff9f43 !important;
  color: white !important;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element > .count.level2 {
  background-color: #10ac84 !important;
  color: white !important;
}
body.creator .topbar > .menu > .big-menu > .list > .list-channels-group > .element > .count.level3 {
  background-color: #1dd1a1 !important;
  color: white !important;
}
body.creator .topbar > .menu > .list {
  margin-right: 0.8em;
}
body.creator .topbar > .menu > .list > .label {
  font-weight: 500;
  margin-right: 0.4em;
}
body.creator .topbar > .menu > .list > .element {
  padding: 0.25em 0.6em;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  margin-right: 0.4em;
}
body.creator .topbar > .menu > .list > .element:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
body.creator .topbar > .menu > .list > .element.selected {
  background-color: #fc0252;
  font-weight: 500;
  color: white;
}
body.creator .topbar > .menu > .list > .element.selected.selected:hover {
  background-color: #c90242;
}
body.creator .topbar > .menu > .list > .element.selected.val-x2 {
  background-color: #0D86FF;
}
body.creator .topbar > .menu > .list > .element.selected.val-x2.selected:hover {
  background-color: #006dd9;
}
body.creator .topbar > .menu > .list > .element.selected.val-x5 {
  background-color: #6742F4;
}
body.creator .topbar > .menu > .list > .element.selected.val-x5.selected:hover {
  background-color: #4012f1;
}
body.creator .topbar > .menu > .list > .element.selected.val-x10 {
  background-color: #A90741;
}
body.creator .topbar > .menu > .list > .element.selected.val-x10.selected:hover {
  background-color: #78052e;
}
body.creator .topbar > .menu > .element {
  color: rgba(255, 255, 255, 0.75);
  padding: 0 0.55em;
  line-height: 3em;
  cursor: pointer;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.creator .topbar > .menu > .element > .count {
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: 0.3em;
  color: black;
  padding: 0.1em 0.3em;
  font-size: 0.9em;
  border-radius: 4px;
}
body.creator .topbar > .menu > .element > .count.level0 {
  background-color: #ee5253 !important;
  color: white !important;
}
body.creator .topbar > .menu > .element > .count.level1 {
  background-color: #ff9f43 !important;
  color: white !important;
}
body.creator .topbar > .menu > .element > .count.level2 {
  background-color: #10ac84 !important;
  color: white !important;
}
body.creator .topbar > .menu > .element > .count.level3 {
  background-color: #1dd1a1 !important;
  color: white !important;
}
body.creator .topbar > .menu > .element.is-type {
  line-height: 2.25em;
  margin: 0 0.25em;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
  border-radius: 1000px;
}
body.creator .topbar > .menu > .element.is-type.is-long {
  margin-left: 1em;
}
body.creator .topbar > .menu > .element.is-type.is-short.selected {
  box-shadow: inset 0 0 0 2px #24ECE7;
  background-color: #24ECE7;
  color: #023231;
}
body.creator .topbar > .menu > .element.is-type.selected {
  box-shadow: inset 0 0 0 2px #fc0252;
  background-color: #fc0252;
  color: white;
}
body.creator .topbar > .menu > .element:hover {
  color: white;
}
body.creator .topbar > .menu > .element.selected {
  color: #fe6697;
  box-shadow: inset 0 -4px #fe6697;
}
body.creator .topbar > .menu > .element.selected > .count {
  background-color: #fe6697;
  color: white;
}
body.creator .topbar > .menu > .right-log-info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  right: 15px;
}
body.creator .topbar > .menu > .right-log-info > .username {
  color: white;
  line-height: 30px;
  margin-right: 12px;
  display: inline-block;
  text-transform: uppercase;
  opacity: 0.66;
  transform: translateY(-28%);
}
body.creator .topbar > .menu > .right-log-info > .logout-button {
  display: inline-block;
  width: 30px;
  height: 30px;
  opacity: 0.66;
}
body.creator .topbar > .menu > .right-log-info > .logout-button > svg {
  stroke: white;
  stroke-width: 2;
}
body.creator .topbar > .menu > .right-log-info > .logout-button:hover {
  opacity: 1;
}
body.creator .topbar > .ctas-right {
  position: absolute;
  right: 1.2em;
  top: 0;
  display: flex;
  height: 100%;
  align-items: center;
}
body.creator .topbar > .ctas-right > .element {
  color: black;
  border-radius: 1000px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 2.31em;
}
body.creator .topbar > .ctas-right > .element.is-check, body.creator .topbar > .ctas-right > .element.is-check:hover {
  background-color: #2ecc71;
  color: white;
}
body.creator .topbar > .ctas-right > .element:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
body.creator .topbar > .ctas-right > .element.is-main {
  background-color: #fc0252;
  color: white;
  margin: 0 0.4em;
  font-weight: 700;
}
body.creator .topbar > .ctas-right > .element.is-main:hover {
  opacity: 0.75;
}
body.creator .topbar > .ctas-right > .element.is-main.loading {
  opacity: 0.33;
  pointer-events: none;
  transform: scale(0.9);
}
body.creator .topbar > .ctas-right > .element.is-main.locked {
  filter: grayscale(1);
  opacity: 0.5;
  pointer-events: none;
}
body.creator .topbar > .ctas-right > .element.is-delete {
  color: rgba(0, 0, 0, 0.5);
}

body.is-translator .form#base > .list > .element:nth-child(4) {
  display: none !important;
}

body.creator .form {
  padding: 2.4em 1.2em 6em;
  height: 100%;
  max-height: calc(100% - 8.4em);
  width: calc(100% - 2.4em);
  top: 0;
  left: 0;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
body.creator .form#base > .list > .element > .right > .in > .image-list {
  margin-left: -18px;
  width: calc(100% + 30px);
}
body.creator .form#base > .list > .element > .right > .in > .image-list > .element {
  min-width: 100%;
  max-width: 100%;
  height: 8em;
  margin: 0em 0.2em;
}
body.creator .form#template > .list > .element:first-child textarea {
  box-shadow: 0 0 0 1px rgba(252, 2, 82, 0.5);
}
body.creator .form#template > .list > .element:first-child textarea.is-focus {
  box-shadow: 0 0 0 2px #fc0252, 0 5px 10px 1px rgba(0, 0, 0, 0.2) !important;
}
body.creator .form #fieldSlideDefault {
  display: none;
}
body.creator .form.show {
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}
body.creator .form textarea {
  width: calc(100% - 1.6em);
  padding: 0.8em;
  background-color: rgba(0, 0, 0, 0.0375);
  min-height: 60px;
  border-radius: 4px;
  font-size: 1.125em;
  line-height: 117.5%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-scrollbar: auto;
  /*&:focus {
    box-shadow: 0 0 0 2px rgba(black, .5), 0 5px 10px 1px rgba(black, .2);
    background-color: white;
  }*/
}
body.creator .form textarea:-webkit-scrollbar {
  width: 50px;
}
body.creator .form > .checklist {
  margin: 0 50px;
  display: flex;
  flex-wrap: wrap;
}
body.creator .form > .checklist > .element {
  width: 33.33%;
  margin: 0.4em 0;
}
body.creator .form > .checklist > .element > .in {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
  padding: 0.6em 0.8em;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
}
body.creator .form > .checklist > .element > .in:hover {
  opacity: 0.85;
}
body.creator .form > .checklist > .element.selected > .in {
  background-color: #6c5ce7;
  color: white;
}
body.creator .form > .list.second-list {
  display: none;
  margin-top: 1.2em;
  padding-top: 2.4em;
  border-top: 4px dashed rgba(0, 0, 0, 0.2);
}
body.creator .form > .list > .element {
  display: flex;
  margin-bottom: 2.4em;
}
body.creator .form > .list > .element > .middle > .joined-button {
  transition: 0.2s;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  width: 16px;
  height: 26px;
  border-radius: 1000px;
  bottom: -30px;
  right: 25px;
  transform: translateX(50%);
  opacity: 0;
  cursor: pointer;
}
body.creator .form > .list > .element > .middle > .joined-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
body.creator .form > .list > .element.is-joined > .middle > .joined-button {
  bottom: -45px;
  background-color: #444;
  height: 55px;
  width: 8px;
  opacity: 1;
}
body.creator .form > .list > .element.is-notranslate {
  background-color: rgba(251, 253, 1, 0.1);
  padding-top: 10px;
  padding-bottom: 10px;
}
body.creator .form > .list > .element:hover > .middle > .joined-button {
  opacity: 1;
}
body.creator .form > .list > .element.is-focus > .right > .in > .ctas, body.creator .form > .list > .element:hover > .right > .in > .ctas {
  opacity: 1;
}
body.creator .form > .list > .element.is-focus > .left > .infos {
  display: block;
  position: absolute;
  z-index: 1;
}
body.creator .form > .list > .element.is-focus textarea {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5), 0 5px 10px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
}
body.creator .form > .list > .element > .left {
  min-width: 30%;
  max-width: 30%;
  position: relative;
}
body.creator .form > .list > .element > .left > .infos {
  display: none;
  border-radius: 4px;
  background-color: #f8f8fe;
  padding: 0.8em;
  width: calc(100% - 3em);
  box-shadow: 0 0 0 1px #bcb5f4;
  user-select: none;
  position: relative;
}
body.creator .form > .list > .element > .left > .infos > .shortcuts {
  position: absolute;
  right: 0.6em;
  top: -0.8em;
}
body.creator .form > .list > .element > .left > .infos > .shortcuts > .element {
  display: inline-block;
  cursor: pointer;
  background-color: #6c5ce7;
  border-radius: 4px;
  padding: 3px 6px;
  margin-left: 0.2em;
  color: white;
}
body.creator .form > .list > .element > .left > .infos > .shortcuts > .element:hover {
  background-color: #4430e0;
}
body.creator .form > .list > .element > .left > .infos > .suggest-text {
  display: none;
  margin-bottom: 0.8em;
  font-size: 0.9em;
}
body.creator .form > .list > .element > .left > .infos > .suggest-text.loading {
  opacity: 0.25;
  pointer-events: none;
}
body.creator .form > .list > .element > .left > .infos > .suggest-text > .element {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
  border-radius: 4px;
  color: white;
  background-color: #B959F2;
  padding: 0.3em 0.4em;
  font-weight: 400;
  font-size: 0.9em;
}
body.creator .form > .list > .element > .left > .infos > .suggest-text > .element:hover {
  opacity: 0.8;
}
body.creator .form > .list > .element > .left > .infos > .search-links {
  display: none;
  margin-bottom: 0.8em;
}
body.creator .form > .list > .element > .left > .infos > .search-links > .element {
  display: inline-block;
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin-right: 0.4em;
}
body.creator .form > .list > .element > .left > .infos > .search-links > .element.google {
  background-image: url("https://yt-mirror.tbhquiz.com/files/f5ng61.png");
}
body.creator .form > .list > .element > .left > .infos > .search-links > .element.googleImage {
  background-image: url("https://yt-mirror.tbhquiz.com/files/79k8tm.png");
}
body.creator .form > .list > .element > .left > .infos > .search-links > .element.playground {
  background-image: url("https://yt-mirror.tbhquiz.com/files/gp89q.png");
}
body.creator .form > .list > .element > .left > .infos > .search-links > .element.freepik {
  background-image: url("https://yt-mirror.tbhquiz.com/files/nhgl1.png");
}
body.creator .form > .list > .element > .left > .infos > .search-links > .element.pinterest {
  background-image: url("https://yt-mirror.tbhquiz.com/files/lpmch.png");
}
body.creator .form > .list > .element > .left > .infos > .search-links > .element.youtube {
  background-image: url("https://yt-mirror.tbhquiz.com/files/i0ynv.png");
}
body.creator .form > .list > .element > .left > .infos > .suggest {
  margin-bottom: 0.8em;
}
body.creator .form > .list > .element > .left > .infos > .suggest.is-ia > .element {
  font-size: 0.8em;
  background-color: #1FB78B;
}
body.creator .form > .list > .element > .left > .infos > .suggest.is-ia > .element.errorYes {
  background-color: #2ecc71;
}
body.creator .form > .list > .element > .left > .infos > .suggest.is-ia > .element.errorNo {
  background-color: #ee3322;
}
body.creator .form > .list > .element > .left > .infos > .suggest > .element {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.4em 0.4em 0;
  border-radius: 4px;
  color: white;
  background-color: #6c5ce7;
  padding: 0.4em 0.6em;
  font-weight: 400;
  font-size: 0.9em;
}
body.creator .form > .list > .element > .left > .infos > .suggest > .element:hover {
  opacity: 0.8;
}
body.creator .form > .list > .element > .left > .infos > .suggest > .element.is-image {
  height: 36px;
  padding: 0;
  background: transparent;
}
body.creator .form > .list > .element > .left > .infos > .suggest > .element.is-image.is-circle > img {
  border-radius: 1000px;
}
body.creator .form > .list > .element > .left > .infos > .suggest > .element.is-image > img {
  display: inline-block;
  height: 100%;
}
body.creator .form > .list > .element > .left > .infos > .generate-image {
  position: relative;
  margin-bottom: 0.8em;
  padding: 0.6em;
  background-color: rgba(108, 92, 231, 0.1);
  border-radius: 8px;
}
body.creator .form > .list > .element > .left > .infos > .generate-image.allow-check-new .check-new {
  display: inline-block;
}
body.creator .form > .list > .element > .left > .infos > .generate-image.loading {
  pointer-events: none;
  opacity: 0.25;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .generate-image-field {
  padding: 0.6em;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(108, 92, 231, 0.5);
  width: calc(100% - 1.2em);
  border-radius: 4px;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .generate-image-field:focus {
  box-shadow: 0 0 0 1px #6c5ce7;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .styles {
  margin-top: 0.4em;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .styles .element {
  display: inline-block;
  cursor: pointer;
  background-color: rgba(108, 92, 231, 0.2);
  border-radius: 4px;
  padding: 3px 6px;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
  font-weight: 400;
  color: #6c5ce7;
  font-size: 0.75em;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .styles .element:hover {
  background-color: rgba(108, 92, 231, 0.3);
}
body.creator .form > .list > .element > .left > .infos > .generate-image .styles .element.selected {
  background-color: rgba(108, 92, 231, 0.75);
  pointer-events: none;
  cursor: default;
  color: white;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .sizes {
  margin-top: 0.6em;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .sizes .element {
  display: inline-block;
  margin-right: 0.2em;
  background-color: rgba(108, 92, 231, 0.2);
  cursor: pointer;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .sizes .element:hover {
  background-color: rgba(108, 92, 231, 0.3);
}
body.creator .form > .list > .element > .left > .infos > .generate-image .sizes .element.selected {
  background-color: rgba(108, 92, 231, 0.75);
  pointer-events: none;
  cursor: default;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .sizes .element.s1024x1024 {
  width: 30px;
  height: 30px;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .sizes .element.s1792x1024 {
  width: 52.5px;
  height: 30px;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .sizes .element.s1024x1792 {
  width: 17.1px;
  height: 30px;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .button-send {
  background-color: #4430e0;
  color: white;
  display: inline-block;
  padding: 4px 6px;
  margin-top: 0.4em;
  border-radius: 3px;
  cursor: pointer;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .button-send:hover {
  background-color: #3520d7;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .check-new {
  display: none;
  background-color: #4430e0;
  color: white;
  padding: 4px 6px;
  margin-top: 0.4em;
  margin-right: 0.4em;
  border-radius: 3px;
  cursor: pointer;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .check-new:hover {
  background-color: #3520d7;
}
body.creator .form > .list > .element > .left > .infos > .generate-image .check-new.loading {
  pointer-events: none;
  opacity: 0.25;
}
body.creator .form > .list > .element > .left > .infos > .search-images {
  position: relative;
  margin-bottom: 0.8em;
}
body.creator .form > .list > .element > .left > .infos > .search-images input {
  padding: 0.4em;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(108, 92, 231, 0.5);
  width: calc(100% - 0.8em);
  border-radius: 4px;
}
body.creator .form > .list > .element > .left > .infos > .search-images input:focus {
  box-shadow: 0 0 0 1px #6c5ce7;
}
body.creator .form > .list > .element > .left > .infos > .search-images input.loading {
  opacity: 0.25;
}
body.creator .form > .list > .element > .left > .infos > .search-images .type {
  background-color: #4430e0;
  color: white;
  text-transform: uppercase;
  font-size: 0.7em;
  position: absolute;
  right: 3px;
  top: 2px;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: pointer;
}
body.creator .form > .list > .element > .left > .infos > .search-images .type:hover {
  background-color: #3520d7;
}
body.creator .form > .list > .element > .left > .infos > .search-images .close-button {
  z-index: 101;
  position: fixed;
  top: 20px;
  right: 40px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: white;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  border-radius: 1000px;
  background-color: white;
}
body.creator .form > .list > .element > .left > .infos > .search-images .close-button > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list {
  position: fixed;
  z-index: 100;
  max-height: 8;
  top: 0;
  padding: 32px;
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #191721;
  overflow-y: scroll;
  text-align: center;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list > .element {
  display: inline-block;
  margin: 2px;
  height: 360px;
  min-width: 80px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition-duration: 0.2s;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list > .element.search-image-element-hidden {
  display: none;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list > .element.search-image-element-hidden > img {
  display: none;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list > .element:hover {
  opacity: 0.7;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list > .element > img {
  height: 100%;
  border-radius: 4px;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list > .search-image-button-show-more {
  width: 500px;
  cursor: pointer;
  line-height: 70px;
  background-color: #6c5ce7;
  border-radius: 8px;
  color: white;
  margin: 50px auto;
  text-align: center;
}
body.creator .form > .list > .element > .left > .infos > .search-images .images-list > .search-image-button-show-more:hover {
  background-color: #4430e0;
}
body.creator .form > .list > .element > .left > .infos > .comment {
  margin-bottom: 0.8em;
  color: #241694;
  font-weight: 400;
}
body.creator .form > .list > .element > .left > .infos > .comment a, body.creator .form > .list > .element > .left > .infos > .comment .link {
  text-decoration: underline;
  cursor: pointer;
}
body.creator .form > .list > .element > .left > .infos > .count-elements {
  display: none;
  margin-bottom: 0.8em;
  color: #241694;
  font-weight: 500;
}
body.creator .form > .list > .element > .middle {
  flex-basis: 100%;
  position: relative;
}
body.creator .form > .list > .element > .middle > .count-template-slides {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #444;
  color: white;
  padding: 5px 10px;
  border-radius: 1000px;
}
body.creator .form > .list > .element > .middle > .is-count {
  position: absolute;
  width: 44px;
  line-height: 40px;
  background: #777;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  line-height: 1.75em;
  text-align: center;
  font-weight: 500;
  color: white;
  display: none;
  bottom: 2px;
  font-size: 20px;
}
body.creator .form > .list > .element > .middle > .is-count.active {
  display: inline-block;
}
body.creator .form > .list > .element > .middle > .is-count.level1 {
  background-color: #027fea;
}
body.creator .form > .list > .element > .middle > .is-count.level2 {
  background-color: #ff7600;
}
body.creator .form > .list > .element > .middle > .is-count.level3 {
  background-color: #FE0457;
}
body.creator .form > .list > .element > .middle > .is-count.level4 {
  background-color: #192a56;
}
body.creator .form > .list > .element > .middle > .stats > .element {
  padding: 0.8em;
  padding-right: 70px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
body.creator .form > .list > .element > .middle > .stats > .element:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.creator .form > .list > .element > .middle > .stats > .element > .label {
  font-weight: 500;
  margin-right: 0.6em;
}
body.creator .form > .list > .element > .middle > .stats > .element > .value {
  font-weight: 400;
}
body.creator .form > .list > .element > .middle > .stats > .element a {
  color: #6c5ce7;
}
body.creator .form > .list > .element > .middle > .stats > .element a:hover {
  text-decoration: underline;
}
body.creator .form > .list > .element > .middle > .stats > .element .corner-image {
  position: absolute;
  width: 52px;
  top: 3px;
  right: 0px;
}
body.creator .form > .list > .element > .middle > .stats > .element .corner-image:hover {
  transform: scale(5.5);
  box-shadow: 0 0 0 3px white, 0 2px 8px 3px rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 2px;
}
body.creator .form > .list > .element > .middle > .manage-copies {
  margin-top: 1.2em;
  background-color: #dff9fb;
  padding: 0 0;
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
}
body.creator .form > .list > .element > .middle > .manage-copies > .element {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 1.6em 1.2em;
  /*&:nth-child(even) {
    background-color: #c7ecee;
  }*/
}
body.creator .form > .list > .element > .middle > .manage-copies > .element:last-child {
  border: none;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element.locked > .ctas > .element {
  background-color: white !important;
  color: black !important;
  padding: 1.6em 30px !important;
  pointer-events: none;
  opacity: 1 !important;
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25);
  /*animation-name: cta-locked;
  animation-duration: 1.25s;
  animation-iteration-count: infinite;
  opacity: 0.5;
  pointer-events: none;
  @keyframes cta-locked {
    50% {
      opacity: 0.1;
    }
  }*/
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .name > .flag {
  width: 2em;
  margin-right: 0.4em;
  margin-bottom: -0.5em;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .ctas {
  margin-top: 0.6em;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .ctas > .element {
  background-color: #6c5ce7;
  display: inline-block;
  margin: 0 0.2em 0.6em 0;
  border-radius: 4px;
  padding: 0.2em 0.4em;
  color: white;
  cursor: pointer;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .ctas > .element.is-admin-role {
  background-color: #fc0252;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .ctas > .element > span {
  margin: 0 0;
  text-transform: capitalize;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .videos-copied-list > .element {
  display: block;
  margin: 0.2em 0;
  padding: 0.2em 0.6em;
  font-weight: 400;
  border-left: 10px solid black;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .videos-copied-list > .element > .views {
  margin-left: 0.6em;
  font-weight: 600;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .videos-copied-list > .element:hover {
  text-decoration: underline;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .videos-copied-list > .element.status-draft {
  border-color: #4b4b4b;
  color: black;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .videos-copied-list > .element.status-ready {
  border-color: #ff9f1a;
  color: #804a00;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element > .videos-copied-list > .element.status-published {
  border-color: #3ae374;
  color: #107432;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element.is-not-translate {
  background-color: #ffcbdc;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element.is-not-translate > .ctas > .element {
  background-color: #4b6584;
}
body.creator .form > .list > .element > .middle > .manage-copies > .element.get-copies {
  background-color: #b9fa9d;
  /*> .name {
    opacity: 0.3;
  }*/
}
body.creator .form > .list > .element > .middle > .manage-copies > .element.get-copies > .ctas > .element {
  opacity: 0.3;
}
body.creator .form > .list > .element > .right {
  min-width: 17.5%;
  max-width: 17.5%;
}
body.creator .form > .list > .element > .right > .in {
  margin-left: 1.2em;
}
body.creator .form > .list > .element > .right > .in > .ctas {
  display: flex;
  opacity: 0;
  margin-top: 0;
  margin-bottom: 0.6em;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element {
  min-width: 1.75em;
  height: 1.75em;
  margin-right: 0.3em;
  position: relative;
  cursor: pointer;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-delete {
  margin-left: 0.3em;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.loading {
  background-color: #fc0252;
  opacity: 0.33;
  pointer-events: none;
  transform: scale(0.8);
}
body.creator .form > .list > .element > .right > .in > .ctas > .element > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-play {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1000px;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-play > svg {
  fill: white;
  stroke: white;
  width: 50%;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-play:hover {
  background-color: #fc0252;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-drag {
  cursor: grab;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-drag:active {
  cursor: grabbing;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-drag > svg {
  fill: rgba(0, 0, 0, 0.5);
  stroke-width: 0;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-drag:hover > svg, body.creator .form > .list > .element > .right > .in > .ctas > .element.is-drag:active > svg {
  fill: black;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-copy > svg, body.creator .form > .list > .element > .right > .in > .ctas > .element.is-select > svg, body.creator .form > .list > .element > .right > .in > .ctas > .element.is-notranslate > svg {
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 2.25;
  width: 80%;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-copy:hover > svg, body.creator .form > .list > .element > .right > .in > .ctas > .element.is-select:hover > svg, body.creator .form > .list > .element > .right > .in > .ctas > .element.is-notranslate:hover > svg {
  stroke: rgba(0, 0, 0, 0.9);
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-select > svg {
  stroke: #2ecc71;
  stroke-width: 2.25;
  width: 80%;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-select:hover > svg {
  stroke: #208e4e;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-delete > svg {
  stroke: #DDD;
  stroke-width: 2;
  width: 100%;
}
body.creator .form > .list > .element > .right > .in > .ctas > .element.is-delete:hover > svg {
  stroke: #ee3322;
}
body.creator .form > .list > .element > .right > .in > .image-list {
  width: 100%;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element {
  display: inline-block;
  margin: 0.2em;
  min-width: 3em;
  max-width: 3em;
  height: 3em;
  background-size: contain;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #36ff00;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-small {
  box-shadow: 0 0 0 2px #ee3322;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-audio {
  background-image: url("https://yt.tbhquiz.com/style/img/creator/file-audio.png");
  background-size: 50%;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video {
  min-width: 9em;
  max-width: 9em;
  height: 5.06em;
  background-image: url("https://yt.tbhquiz.com/style/img/creator/file-audio.png");
  background-size: 3em;
  background-position: center;
  position: relative;
  cursor: default;
  background-color: #AAA;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video > .play-button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-loading > .translation-form {
  pointer-events: none;
  opacity: 0.5;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video > .translation-form {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 152px;
  height: calc(100% - 0.8em);
  transform: translateX(calc(-100% + 1px));
  padding: 0.4em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 1;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video > .translation-form.is-editing {
  display: block;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video > .translation-form > div > span {
  display: inline-block;
  width: 30px;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 2px 0;
  margin-right: 0.2em;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video > .translation-form > div > input {
  width: 105px;
  padding: 0.2em;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video > .translation-form > .save-translation {
  background-color: #fc0252;
  color: white;
  padding: 1px 0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8em;
  text-align: center;
  margin-top: 2px;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video > .translation-form > .save-translation:hover {
  background-color: #c90242;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video:hover > .translation-form {
  display: block;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-new {
  background-color: #6742F4;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-new > .translation-form {
  background-color: #542af3;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-new > .translation-form > div > span {
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-found {
  background-color: #e91816;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-found > .translation-form {
  background-color: #d21614;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-done {
  background-color: #2dc426;
}
body.creator .form > .list > .element > .right > .in > .image-list > .element.is-video.translation-done > .translation-form {
  background-color: #28af22;
}
body.creator .form > .list > .element > .right > .in > .sounds-list {
  width: 100%;
  margin: 0.2em;
}
body.creator .form > .list > .element > .right > .in > .sounds-list > .element {
  color: #0307bb;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 400;
  font-size: 0.75em;
  line-height: 117.5%;
  cursor: pointer;
  position: relative;
}
body.creator .form > .list > .element > .right > .in > .sounds-list > .element > span {
  display: block;
  padding: 5px 0;
}
body.creator .form > .list > .element > .right > .in > .sounds-list > .element:hover {
  background-color: rgba(3, 7, 187, 0.05);
}
body.creator .form > .list > .element > .right > .in > .sounds-list > .element:hover .delete-sound-button {
  opacity: 0.5;
}
body.creator .form > .list > .element > .right > .in > .sounds-list > .element .delete-sound-button {
  opacity: 0;
  cursor: default;
  position: absolute;
  z-index: 1;
  right: 0;
  width: 14px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  background-size: cover;
  background-image: url("style/img/creator/delete.webp");
  cursor: pointer;
}
body.creator .form > .list > .element > .right > .in > .sounds-list > .element .delete-sound-button:hover {
  opacity: 1;
}
body.creator .form .template-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.6em;
}
body.creator .form .template-list > .element {
  width: calc(25% - 1.6em);
  margin: 0.4em;
  padding: 0.4em;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: pointer;
}
body.creator .form .template-list > .element:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
}
body.creator .form .template-list > .element.is-important {
  background-color: #2ecc71;
  color: white;
}
body.creator .form .template-list > .element > .thumb {
  display: inline-block;
  width: 100%;
  border-radius: 4px;
}
body.creator .form .template-list > .element > .thumb > .ratio {
  margin-top: 56.25%;
}
body.creator .form .template-list > .element > .name {
  margin-top: 0.4em;
}
body.creator .form .add-new {
  position: fixed;
  bottom: 0;
  background-color: white;
  padding: 0.6em;
  left: 0;
  box-shadow: 0 0 0 1.5px #bcb5f4, 0 0 15px rgba(0, 0, 0, 0.2);
  border-top-right-radius: 0.6em;
  display: flex;
  justify-content: center;
  z-index: 2;
  user-select: none;
}
body.creator .form .add-new > .element {
  font-size: 0.9em;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  border-radius: 4px;
  color: #6c5ce7;
  box-shadow: inset 0 0 0 1.5px #6c5ce7;
  padding: 0.4em 0.6em;
  font-weight: 600;
}
body.creator .form .add-new > .element.is-special {
  box-shadow: inset 0 0 0 1.5px #ff9f43;
  color: #ff9f43;
}
body.creator .form .add-new > .element.locked {
  /*filter: grayscale(1);
  pointer-events: none;*/
  display: none;
}
body.creator .form .add-new > .element:hover {
  opacity: 0.8;
}
body.creator .form .add-new > .element.is-big-icon {
  padding: 0;
  width: 30px;
  height: 30px;
  box-shadow: none;
}
body.creator .form .add-new > .element.is-big-icon.loading {
  pointer-events: none;
  opacity: 0.2;
}
body.creator .form .add-new > .element.is-big-icon.suggest-questions-button {
  background-image: url("https://yt-mirror.tbhquiz.com/files/xl5z7.png");
  display: none;
}
body.creator .form .add-new > .element.is-big-icon.copy-questions {
  display: inline-block;
}
body.creator .form .add-new > .element.is-big-icon > svg {
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 2.25;
  width: 80%;
}
body.creator .form .add-new > .element.is-big-icon:hover > svg {
  stroke: #fc0252;
}
body.creator .form .add-new > .line {
  width: 2px;
  background-color: rgba(108, 92, 231, 0.33);
  margin: 0 0.6em;
}

body.creator.upload-files-page.loading {
  pointer-events: none;
  opacity: 0.25;
}

body.creator.upload-files-page .upload-files {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  margin-top: -10px;
}
body.creator.upload-files-page .upload-files.loading {
  pointer-events: none;
  opacity: 0.25;
}
body.creator.upload-files-page .upload-files > .upload-box {
  margin: 1.6em 1.2em 0;
  background-color: rgba(108, 92, 231, 0.1);
  border-radius: 8px;
  border: 3px dashed #6c5ce7;
  height: 3.5em;
  position: relative;
  cursor: pointer;
}
body.creator.upload-files-page .upload-files > .upload-box #upload-field {
  position: absolute;
  width: 105%;
  height: 110%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 100;
  opacity: 0;
  cursor: pointer;
}
body.creator.upload-files-page .upload-files > .upload-box svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.75em;
  height: 1.75em;
  stroke: #6c5ce7;
  stroke-width: 2.25;
}
body.creator.upload-files-page .upload-files > .upload-box:hover {
  background-color: rgba(108, 92, 231, 0.15);
}
body.creator.upload-files-page .upload-files > .upload-option {
  margin: 0.4em 1.2em -0.8em;
}
body.creator.upload-files-page .upload-files > .upload-option > input {
  margin: 0;
  width: 16px;
  height: 16px;
  margin-right: 7px;
  transform: translateY(2px);
  -webkit-appearance: auto;
}
body.creator.upload-files-page .upload-files > .upload-option > label {
  font-weight: 400;
}
body.creator.upload-files-page .upload-files > .upload-url-box {
  margin: 0.8em 1.2em 0;
}
body.creator.upload-files-page .upload-files > .upload-url-box > input {
  padding: 0.8em;
  width: calc(100% - 1.6em);
  border-radius: 4px;
  box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.25);
}
body.creator.upload-files-page .upload-files > .upload-url-box > input:focus {
  box-shadow: 0 0 0 2px #6c5ce7;
}
body.creator.upload-files-page .upload-files > .waiting-images {
  padding: 0.4em 0.6em;
  margin: 1.5em 1.2em -1em;
  color: white;
  font-weight: 500;
  background-color: #fc0252;
  border-radius: 4px;
}
body.creator.upload-files-page .upload-files > .list {
  margin: 1.2em 0.8em;
  display: flex;
  flex-wrap: wrap;
}
body.creator.upload-files-page .upload-files > .list > .element {
  margin: 0.4em;
  width: calc(25% - 0.8em);
  user-select: none;
  cursor: pointer;
  position: relative;
}
body.creator.upload-files-page .upload-files > .list > .element.with-ai > .image {
  background-color: rgba(108, 92, 231, 0.2);
}
body.creator.upload-files-page .upload-files > .list > .element.with-ai > .name {
  background-color: rgba(108, 92, 231, 0.35);
  font-size: 0.825em;
  line-height: 117.5%;
}
body.creator.upload-files-page .upload-files > .list > .element.with-ai > .name:hover {
  background-color: rgba(108, 92, 231, 0.5);
}
body.creator.upload-files-page .upload-files > .list > .element.is-copied > .name, body.creator.upload-files-page .upload-files > .list > .element.is-copied > .name:hover {
  transform: scale(1.2);
  background-color: #6c5ce7;
  color: white;
}
body.creator.upload-files-page .upload-files > .list > .element.is-audio > .image {
  background-image: url("style/img/creator/file-audio.png?1");
  background-size: 50%;
}
body.creator.upload-files-page .upload-files > .list > .element.is-psd > .image {
  background-image: url("style/img/creator/file-psd.png");
  background-size: 50%;
}
body.creator.upload-files-page .upload-files > .list > .element > .image {
  width: 100%;
  display: inline-block;
  position: relative;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0.075);
  cursor: pointer;
}
body.creator.upload-files-page .upload-files > .list > .element > .image > .ratio {
  margin-top: 100%;
}
body.creator.upload-files-page .upload-files > .list > .element > .image > video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.creator.upload-files-page .upload-files > .list > .element > .resize-button {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.33);
  top: 0;
  right: 0;
  border-bottom-left-radius: 8px;
  display: none;
  cursor: pointer;
  transition: 0.2s;
  z-index: 1;
}
body.creator.upload-files-page .upload-files > .list > .element > .resize-button > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: white;
  stroke: white;
  width: 22px;
  height: 22px;
}
body.creator.upload-files-page .upload-files > .list > .element > .resize-button:hover {
  transform: scale(1.2);
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.66);
}
body.creator.upload-files-page .upload-files > .list > .element:hover > .resize-button {
  display: block;
}
body.creator.upload-files-page .upload-files > .list > .element > .name {
  text-align: center;
  padding: 0.2em 0;
  background-color: rgba(0, 0, 0, 0.15);
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator.upload-files-page .upload-files > .list > .element > .name:hover {
  background-color: rgba(0, 0, 0, 0.25);
}

.resize-popin {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  display: none;
  z-index: 100;
}
.resize-popin.on {
  display: block;
}
.resize-popin > .sizes {
  position: absolute;
  top: 10px;
  left: 10px;
}
.resize-popin > .sizes > .element {
  background-color: #CCC;
  color: black;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.2em;
  height: 20px;
  position: relative;
}
.resize-popin > .sizes > .element.is-rotate {
  background: transparent;
  opacity: 0.5;
}
.resize-popin > .sizes > .element.is-rotate > svg {
  stroke-width: 0.25;
  fill: none;
}
.resize-popin > .sizes > .element.is-rotate:hover {
  opacity: 1;
  background: transparent;
}
.resize-popin > .sizes > .element:hover > span {
  opacity: 1;
}
.resize-popin > .sizes > .element > span {
  font-size: 0.825em;
  line-height: 117.5%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 0.6em;
  color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: 0.2s;
}
.resize-popin > .sizes > .element.ratio-free {
  width: 20px;
  border-radius: 1000px;
}
.resize-popin > .sizes > .element.ratio-3_5 {
  width: 12px;
}
.resize-popin > .sizes > .element.ratio-4_5 {
  width: 16px;
}
.resize-popin > .sizes > .element.ratio-9_10 {
  width: 18.2px;
}
.resize-popin > .sizes > .element.ratio-1_1 {
  width: 20px;
}
.resize-popin > .sizes > .element.ratio-4_3 {
  width: 26.6px;
}
.resize-popin > .sizes > .element.ratio-16_9 {
  width: 35.54px;
}
.resize-popin > .sizes > .element.ratio-2_1 {
  width: 40px;
}
.resize-popin > .sizes > .element.ratio-23_10 {
  width: 46px;
}
.resize-popin > .sizes > .element:hover {
  background-color: #BBB;
}
.resize-popin > .sizes > .element.selected {
  background-color: #333;
  cursor: default;
}
.resize-popin > .sizes > .element.selected:hover {
  background-color: #333;
}
.resize-popin > .sizes > .element.selected > span {
  opacity: 1;
  color: white;
}
.resize-popin > .bt {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background-color: white;
  box-shadow: inset 0 0 0 2px #666;
  cursor: pointer;
}
.resize-popin > .bt > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: none;
  stroke: #666;
  width: 24px;
  height: 24px;
  stroke-width: 3;
}
.resize-popin > .bt.close {
  box-shadow: inset 0 0 0 2px black;
}
.resize-popin > .bt.close:hover > svg {
  stroke: black;
}
.resize-popin > .bt.go {
  right: 45px;
  padding: 0 10px;
  box-shadow: none;
  background-color: #2ecc71;
}
.resize-popin > .bt.go > svg {
  stroke: white;
}
.resize-popin > .bt.go:hover {
  background-color: #28b363;
}
.resize-popin > .resize-popin-in {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 50px);
  background-image: url("https://yt-mirror.tbhquiz.com/files/wesy18.jpeg");
  background-size: 700px;
  background-repeat: repeat;
}
.resize-popin > .resize-popin-in .image-wrapper {
  margin: 0 auto;
}
.resize-popin > .resize-popin-in .image-wrapper img {
  width: 100%;
  display: block;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-outer-wrapper {
  opacity: 0.75;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-outer {
  background: #444;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-croparea-inner {
  border: 1px dashed #fff;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-handler-corner {
  width: 12px;
  height: 12px;
  background: none;
  border: 0 solid #51aeff;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-handler-top-left {
  border-top-width: 4px;
  border-left-width: 4px;
  top: -2px;
  left: -2px;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-handler-top-right {
  border-top-width: 4px;
  border-right-width: 4px;
  top: -2px;
  right: -2px;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-handler-bottom-right {
  border-bottom-width: 4px;
  border-right-width: 4px;
  bottom: -2px;
  right: -2px;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-handler-bottom-left {
  border-bottom-width: 4px;
  border-left-width: 4px;
  bottom: -2px;
  left: -2px;
}
.resize-popin > .resize-popin-in .image-wrapper .rcrop-handler-border {
  display: none;
}

body.creator .feed {
  padding: 1.8em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 7.8em);
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}
body.creator .feed > .channels-links {
  margin-bottom: 1.2em;
}
body.creator .feed > .channels-links > .element {
  display: inline-block;
  margin-right: 0.8em;
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 1000px;
  padding: 0.2em;
  padding-right: 0.8em;
  color: black;
}
body.creator .feed > .channels-links > .element:hover {
  background-color: rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.3);
}
body.creator .feed > .channels-links > .element > .pic {
  width: 34px;
  height: 34px;
  border-radius: 1000px;
  vertical-align: middle;
}
body.creator .feed > .channels-links > .element > .name {
  margin-left: 0.2em;
  font-size: 1.125em;
  line-height: 117.5%;
  vertical-align: middle;
}
body.creator .feed > .channels-links > .element > .name > span {
  margin-left: 0.2em;
  font-weight: 400;
  font-size: 0.825em;
  line-height: 117.5%;
  opacity: 0.55;
  text-transform: uppercase;
}
body.creator .feed > .list {
  display: flex;
  flex-wrap: wrap;
}
body.creator .feed > .list:hover > .element > .no-click {
  opacity: 1;
}
body.creator .feed > .list > .element {
  margin: 0.6em 0.4em;
  padding: 0.6em;
  border-radius: 8px;
  min-width: 330px;
  max-width: 330px;
  user-select: none;
  cursor: pointer;
  position: relative;
}
body.creator .feed > .list > .element > .no-psd {
  position: absolute;
  z-index: 2;
  width: 60px;
  top: 0px;
  left: 70px;
  transform: rotate(-15deg);
  animation-name: no-psd;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}
@keyframes no-psd {
  50% {
    transform: rotate(-5deg);
  }
}
body.creator .feed > .list > .element > .translator-training {
  position: absolute;
  z-index: 2;
  width: 60px;
  top: 0px;
  left: 0px;
  transform: rotate(-15deg);
  animation-name: translator-training;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}
@keyframes translator-training {
  50% {
    transform: rotate(-5deg);
  }
}
body.creator .feed > .list > .element > .no-click {
  position: absolute;
  z-index: 1;
  width: calc(100% - 1.8em);
  padding: 0.6em;
  background-color: black;
  border-radius: 8px;
  transform: translateX(-50%);
  left: 50%;
  color: white;
  opacity: 0;
  transition: 0.2s;
}
body.creator .feed > .list > .element > .no-click > .record-name {
  cursor: pointer;
  font-size: 0.825em;
  line-height: 117.5%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0.4em 0.6em;
  border-radius: 8px;
  box-shadow: 0 0 0 1px white;
}
body.creator .feed > .list > .element > .no-click > .record-name:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
body.creator .feed > .list > .element > .no-click > .record-status {
  margin-top: 0.4em;
  font-size: 0.825em;
  line-height: 117.5%;
}
body.creator .feed > .list > .element > .no-click > .record-status > .record-status-yes, body.creator .feed > .list > .element > .no-click > .record-status > .record-status-no {
  display: inline-block;
  padding: 0.4em 0.6em;
  border-radius: 8px;
  box-shadow: 0 0 0 1px white;
}
body.creator .feed > .list > .element > .no-click > .record-status > .record-status-yes {
  background-color: #2ecc71;
}
body.creator .feed > .list > .element > .no-click > .record-status > .record-status-no:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
body.creator .feed > .list > .element > .no-click > .record-status.is-no > .record-status-yes {
  display: none;
}
body.creator .feed > .list > .element > .no-click > .record-status.is-yes > .record-status-no {
  display: none;
}
body.creator .feed > .list > .element > .no-click > .push-link {
  display: inline-block;
  font-size: 0.825em;
  line-height: 117.5%;
  border-radius: 8px;
  display: inline-block;
  padding: 0.4em 0.6em;
  background-image: linear-gradient(to bottom, #df0000 2.7%, #d65b00 15.1%, #e9f500 29.5%, #17ff11 45.8%, #1dffff 61.5%, #0511ff 76.4%, #ca00fd 92.4%);
  text-shadow: 0 1px 4px BLACK;
}
body.creator .feed > .list > .element > .no-click > .psd-link {
  display: inline-block;
  background-color: #369FEF;
  font-size: 0.825em;
  line-height: 117.5%;
  border-radius: 8px;
  color: white;
  display: inline-block;
  padding: 0.4em 0.6em;
}
body.creator .feed > .list > .element > .no-click > .psd-link:hover {
  background-color: #1287e0;
}
body.creator .feed > .list > .element > .no-click > .link-log {
  display: inline-block;
  background-color: #10ac84;
  font-size: 0.825em;
  line-height: 117.5%;
  border-radius: 8px;
  color: white;
  display: inline-block;
  padding: 0.4em 0.6em;
}
body.creator .feed > .list > .element > .no-click > .link-log.get-error1 {
  background-color: #ff9f43;
}
body.creator .feed > .list > .element > .no-click > .link-log.get-error2 {
  background-color: #ee5253;
}
body.creator .feed > .list > .element > .no-click > .render-status {
  margin-top: 0.4em;
  font-size: 0.825em;
  line-height: 117.5%;
  border-radius: 8px;
  box-shadow: 0 0 0 1px black;
  color: white;
  display: inline-block;
  padding: 0.4em 0.6em;
}
body.creator .feed > .list > .element > .no-click > .render-status.is-none {
  background-color: #6c5ce7;
  cursor: pointer;
}
body.creator .feed > .list > .element > .no-click > .render-status.is-again {
  background-color: #6c5ce7;
  cursor: pointer;
  opacity: 0.5;
}
body.creator .feed > .list > .element > .no-click > .render-status.is-again:hover {
  opacity: 1;
}
body.creator .feed > .list > .element > .no-click > .render-status.is-waiting {
  background-color: #ff9f43;
}
body.creator .feed > .list > .element > .no-click > .render-status.is-done {
  background-image: linear-gradient(89.7deg, #df0000 2.7%, #d65b00 15.1%, #e9f500 29.5%, #17ff11 45.8%, #1dffff 61.5%, #0511ff 76.4%, #ca00fd 92.4%);
  text-shadow: 0 1px 4px BLACK;
  cursor: pointer;
}
body.creator .feed > .list > .element.thumbnail-temp > .image {
  opacity: 0.3;
}
body.creator .feed > .list > .element.discreet {
  opacity: 0.3;
}
body.creator .feed > .list > .element.discreet:hover {
  opacity: 1;
}
body.creator .feed > .list > .element.is-published-but-waiting {
  background-color: rgba(251, 253, 1, 0.25);
  box-shadow: 0 0 0 2px #e2e401;
}
body.creator .feed > .list > .element.is-published-but-waiting:hover {
  background-color: rgba(251, 253, 1, 0.5);
  box-shadow: 0 0 0 2px #969701, 0 2px 8px 2px rgba(0, 0, 0, 0.15);
}
body.creator .feed > .list > .element:hover {
  background-color: #ffe5ed;
  box-shadow: 0 0 0 2px #fe99b9, 0 2px 8px 2px rgba(0, 0, 0, 0.15);
}
body.creator .feed > .list > .element:hover > .image > .date {
  opacity: 1;
}
body.creator .feed > .list > .element > .image {
  width: 100%;
  display: inline-block;
  position: relative;
  background-size: cover;
  cursor: pointer;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .feed > .list > .element > .image.thumbnail-waiting-for-designer {
  background-image: url("https://yt.tbhquiz.com/files/6n1he.png");
}
body.creator .feed > .list > .element > .image.thumbnail-progress {
  background-image: url("https://yt.tbhquiz.com/files/m5c1b.png");
}
body.creator .feed > .list > .element > .image.thumbnail-submitted {
  opacity: 0.25;
}
body.creator .feed > .list > .element > .image > .ratio {
  margin-top: 56.25%;
}
body.creator .feed > .list > .element > .image > .duration, body.creator .feed > .list > .element > .image > .date {
  position: absolute;
  bottom: 6.5px;
  right: 6.5px;
  background-color: black;
  color: white;
  padding: 0 6px;
  font-size: 0.75em;
  line-height: 117.5%;
  line-height: 160%;
  border-radius: 5px;
}
body.creator .feed > .list > .element > .image > .duration.warning, body.creator .feed > .list > .element > .image > .date.warning {
  background-color: #ee3322;
}
body.creator .feed > .list > .element > .image > .date {
  right: auto;
  left: 6.5px;
  opacity: 0;
}
body.creator .feed > .list > .element > .name {
  margin-top: 0.6em;
  font-size: 1em;
  line-height: 117.5%;
}
body.creator .feed > .list > .element > .channel {
  display: flex;
  align-items: center;
  margin-top: 0.6em;
  position: relative;
}
body.creator .feed > .list > .element > .channel > .pic {
  min-width: 1.5em;
  height: 1.5em;
  border-radius: 1000px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-right: 0.4em;
}
body.creator .feed > .list > .element > .channel > .name {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.66);
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .feed > .list > .element > .channel > .name > .text {
  width: 90px;
  transform: translateY(3px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
body.creator .feed > .list > .element > .channel > .name > .views {
  margin-left: 0.8em;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}
body.creator .feed > .list > .element > .channel > .name > .views.is-100k {
  color: #3742fa;
}
body.creator .feed > .list > .element > .channel > .name > .views.is-1M {
  color: #2ed573;
}
body.creator .feed > .list > .element > .channel > .name > .performance {
  border-radius: 1000px;
  padding: 4px 8px;
  display: inline-block;
  text-align: center;
  margin-left: 0.8em;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.1);
  color: #444;
}
body.creator .feed > .list > .element > .channel > .name > .performance.x2 {
  background-color: #0D86FF;
  color: white;
}
body.creator .feed > .list > .element > .channel > .name > .performance.x5 {
  background-color: #6742F4;
  color: white;
}
body.creator .feed > .list > .element > .channel > .name > .performance.x10 {
  background-color: #A90741;
  color: white;
}
body.creator .feed > .list > .element > .channel > .name > .performance.rank1 {
  color: white;
  background-color: #07c36b;
}
body.creator .feed > .list > .element > .channel > .name > .performance.rank2 {
  color: white;
  background-color: rgba(7, 195, 107, 0.8);
}
body.creator .feed > .list > .element > .channel > .name > .performance.rank3 {
  color: white;
  background-color: rgba(7, 195, 107, 0.6);
}
body.creator .feed > .list > .element > .channel > .name > .performance.rank4 {
  color: white;
  background-color: rgba(7, 195, 107, 0.4);
}
body.creator .feed > .list > .element > .channel > .name > .performance.rank5 {
  color: white;
  background-color: rgba(7, 195, 107, 0.3);
}
body.creator .feed > .list > .element > .channel > .name > .performance.rank6, body.creator .feed > .list > .element > .channel > .name > .performance.rank7, body.creator .feed > .list > .element > .channel > .name > .performance.rank8, body.creator .feed > .list > .element > .channel > .name > .performance.rank9, body.creator .feed > .list > .element > .channel > .name > .performance.rank10 {
  color: white;
  background-color: rgba(7, 195, 107, 0.2);
}
body.creator .feed > .list > .element > .channel > .name > .rank {
  border-radius: 10px;
  border-radius: 10px;
  padding: 4px 0;
  width: 24px;
  display: inline-block;
  text-align: center;
  margin-left: 0.8em;
  font-weight: 700;
  background-color: #CCC;
  color: white;
}
body.creator .feed > .list > .element > .channel > .name > .rank.rank1 {
  background-color: #26de81;
}
body.creator .feed > .list > .element > .channel > .name > .rank.rank2 {
  background-color: #20bf6b;
}
body.creator .feed > .list > .element > .channel > .name > .rank.rank3 {
  background-color: #0fb9b1;
}
body.creator .feed > .list > .element > .channel > .name > .rank.rank4 {
  background-color: #686de0;
}
body.creator .feed > .list > .element > .channel > .name > .rank.rank5 {
  background-color: #686de0;
}
body.creator .feed > .list > .element > .channel > .language {
  position: absolute;
  right: 2em;
  width: 1.5em;
  top: -1px;
}
body.creator .feed > .list > .element > .channel > .user {
  position: absolute;
  right: 2em;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.66);
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.creator .feed > .list > .element > .channel > .record-button {
  position: absolute;
  border-radius: 1000px;
  right: 0;
  top: 0;
  height: 1.5em;
  width: 1.5em;
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .feed > .list > .element > .channel > .record-button:hover {
  background-color: rgba(232, 65, 24, 0.5);
}
body.creator .feed > .list > .element > .channel > .record-button.selected {
  background-color: #e84118;
}
body.creator .feed > .list > .element:hover > .translated {
  position: relative;
  transform-origin: top left;
  transform: scale(1.35) translateX(-20px);
  background-color: white;
  z-index: 1;
  box-shadow: 0 0 0 2px #fe99b9, 0 2px 8px 2px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  transition: 0.2s;
}
body.creator .feed > .list > .element > .translated {
  display: flex;
  margin-top: 10px;
  background: rgba(0, 0, 0, 0.075);
  border-radius: 12px;
  height: 70px;
  font-size: 0.95em;
}
body.creator .feed > .list > .element > .translated.is-empty {
  background-color: #fffa65;
}
body.creator .feed > .list > .element > .translated > .element {
  text-align: center;
  width: 50%;
  padding: 3px 0 8px;
  background-color: #fffa65;
}
body.creator .feed > .list > .element > .translated > .element.is-active {
  background-color: transparent;
}
body.creator .feed > .list > .element > .translated > .element.is-active > .lang-icon, body.creator .feed > .list > .element > .translated > .element.is-active > .position, body.creator .feed > .list > .element > .translated > .element.is-active > .views {
  opacity: 1;
}
body.creator .feed > .list > .element > .translated > .element > .lang-icon {
  margin-top: 5px;
  height: 18px;
}
body.creator .feed > .list > .element > .translated > .element > .lang-icon > img {
  width: 18px;
  height: 18px;
}
body.creator .feed > .list > .element > .translated > .element > .views {
  margin-top: 4px;
  font-size: 0.825em;
  line-height: 117.5%;
  font-size: 0.65em;
  font-weight: 600;
  opacity: 0;
}
body.creator .feed > .list > .element > .translated > .element > .position {
  margin-top: 4px;
  opacity: 0;
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance {
  border-radius: 50px;
  padding: 1px 0;
  min-width: 17px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  background-color: #CCC;
  color: white;
  font-size: 0.825em;
  line-height: 117.5%;
  line-height: 125%;
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.x2 {
  background-color: #0D86FF;
  color: white;
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.x5 {
  background-color: #6742F4;
  color: white;
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.x10 {
  background-color: #A90741;
  color: white;
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank1 {
  color: white;
  background-color: #07c36b;
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank2 {
  color: white;
  background-color: rgba(7, 195, 107, 0.8);
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank3 {
  color: white;
  background-color: rgba(7, 195, 107, 0.6);
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank4 {
  color: white;
  background-color: rgba(7, 195, 107, 0.4);
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank5 {
  color: white;
  background-color: rgba(7, 195, 107, 0.3);
}
body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank6, body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank7, body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank8, body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank9, body.creator .feed > .list > .element > .translated > .element > .position > .performance.rank10 {
  color: white;
  background-color: rgba(7, 195, 107, 0.2);
}

body.creator .leaderboard {
  padding: 1.8em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 7.8em);
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  color: black;
}
body.creator .leaderboard > .charts {
  margin-bottom: 500px;
}
body.creator .leaderboard > .charts .is-green {
  color: #27ae60 !important;
}
body.creator .leaderboard > .charts .is-red {
  color: #e74c3c !important;
}
body.creator .leaderboard > .charts > .element {
  text-align: center;
  padding-bottom: 20px;
}
body.creator .leaderboard > .charts > .element > .pic {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 1000px;
  margin-right: 10px;
  position: relative;
  z-index: 1;
}
body.creator .leaderboard > .charts > .element > .name {
  display: inline-block;
  transform: translateY(-18px);
  font-size: 1.2em;
  line-height: 50px;
}
body.creator .leaderboard > .charts > .element > .name:hover {
  text-decoration: underline;
}
body.creator .leaderboard > .charts > .element > .name > span {
  margin-left: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.66);
}
body.creator .leaderboard > .charts > .element > .chart {
  display: flex;
  gap: 1px;
  width: 100%;
  height: 220px;
  margin-top: -24px;
  align-items: stretch;
}
body.creator .leaderboard > .charts > .element > .chart:hover > .step > .in.compare-all {
  display: none;
}
body.creator .leaderboard > .charts > .element > .chart:hover > .step > .in.compare-alone {
  display: block;
}
body.creator .leaderboard > .charts > .element > .chart > .step {
  background-color: #F9F9F9;
  width: 100%;
  position: relative;
}
body.creator .leaderboard > .charts > .element > .chart > .step.is-compare > .in {
  background-color: #2287a7;
}
body.creator .leaderboard > .charts > .element > .chart > .step.is-new-day {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #EEE;
}
body.creator .leaderboard > .charts > .element > .chart > .step:hover {
  background-color: #F3F3F3;
}
body.creator .leaderboard > .charts > .element > .chart > .step:hover.is-new-day {
  background-color: #E2E2E2;
}
body.creator .leaderboard > .charts > .element > .chart > .step:hover > .in {
  background-color: #52d5ff;
}
body.creator .leaderboard > .charts > .element > .chart > .step:hover > .infos {
  display: block;
}
body.creator .leaderboard > .charts > .element > .chart > .step > .in {
  position: absolute;
  background-color: #2fa5cb;
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
body.creator .leaderboard > .charts > .element > .chart > .step > .in.compare-alone {
  display: none;
}
body.creator .leaderboard > .charts > .element > .chart > .step > .infos {
  display: none;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  right: 0px;
  width: 100px;
  font-size: 0.7em;
  font-weight: 400;
  transform: translateY(100%);
  background-color: #F9F9F9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border-top-right-radius: 0;
  padding: 10px 0;
}
body.creator .leaderboard > .charts > .element > .chart > .step > .infos > span {
  display: block;
}
body.creator .leaderboard > .charts > .element > .chart > .step > .infos > span.progress {
  font-weight: 600;
}
body.creator .leaderboard > .list-channels {
  margin-bottom: 15px;
  padding: 0 0 10px;
}
body.creator .leaderboard > .list-channels > .element {
  font-size: 0.875em;
  line-height: 117.5%;
  font-weight: 400;
  margin-right: 15px;
  margin-bottom: 5px;
  color: #666;
  display: inline-block;
}
body.creator .leaderboard > .list-channels > .element:hover {
  text-decoration: underline;
  color: black;
}
body.creator .leaderboard > .list {
  max-width: 1600px;
}
body.creator .leaderboard > .list.show-only-our-channels > .element {
  display: none;
}
body.creator .leaderboard > .list.show-only-our-channels > .element.is-special, body.creator .leaderboard > .list.show-only-our-channels > .element.is-mine {
  display: flex;
}
body.creator .leaderboard > .list > .element {
  display: flex;
  padding: 10px 0;
  height: 78.33px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.creator .leaderboard > .list > .element.is-our-channels {
  cursor: pointer;
}
body.creator .leaderboard > .list > .element.is-our-channels:hover {
  background-color: #F9F9F9;
}
body.creator .leaderboard > .list > .element:hover > .i5 {
  display: block;
}
body.creator .leaderboard > .list > .element.is-mine {
  background-color: rgba(63, 95, 204, 0.1);
}
body.creator .leaderboard > .list > .element.is-channel {
  height: 60px;
}
body.creator .leaderboard > .list > .element.is-channel > .i1 {
  text-align: center;
  font-size: 1.65em;
  line-height: 117.5%;
  line-height: 60px;
  max-width: 60px;
  min-width: 60px;
  color: rgba(0, 0, 0, 0.5);
}
body.creator .leaderboard > .list > .element.is-channel > .i2 {
  flex-basis: 28%;
}
body.creator .leaderboard > .list > .element.is-channel > .i2 > .line1 {
  margin-top: 4px;
}
body.creator .leaderboard > .list > .element.is-channel > .i2 > .line1 > .channel {
  display: flex;
  align-items: center;
}
body.creator .leaderboard > .list > .element.is-channel > .i2 > .line1 > .channel > img {
  width: 60px;
  height: 60px;
  margin-right: 14px;
  border-radius: 100px;
}
body.creator .leaderboard > .list > .element.is-channel > .i2 > .line1 > .channel > .name {
  margin-right: 10px;
  font-size: 1.25em;
  line-height: 117.5%;
}
body.creator .leaderboard > .list > .element.is-channel > .i2 > .line1 > .channel > .time-ago {
  font-size: 1.25em;
  line-height: 117.5%;
}
body.creator .leaderboard > .list > .element > .in {
  margin-right: 12px;
}
body.creator .leaderboard > .list > .element > .i1 {
  max-width: 140px;
  min-width: 140px;
}
body.creator .leaderboard > .list > .element > .i1 img {
  display: block;
  width: 100%;
  border-radius: 4px;
}
body.creator .leaderboard > .list > .element > .i1 img:hover {
  transform: translateX(50%) scale(2);
  box-shadow: 0 0 0 8px white, 0 5px 20px 8px rgba(0, 0, 0, 0.5);
}
body.creator .leaderboard > .list > .element > .i2 {
  flex-basis: 30%;
}
body.creator .leaderboard > .list > .element > .i2 > .line1 {
  margin-top: 4px;
}
body.creator .leaderboard > .list > .element > .i2 > .line1 > .channel {
  display: flex;
  align-items: center;
}
body.creator .leaderboard > .list > .element > .i2 > .line1 > .channel > img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 100px;
}
body.creator .leaderboard > .list > .element > .i2 > .line1 > .channel > .name {
  color: black;
  margin-right: 10px;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .leaderboard > .list > .element > .i2 > .line1 > .channel > .name:hover {
  text-decoration: underline;
}
body.creator .leaderboard > .list > .element > .i2 > .line1 > .channel > .time-ago {
  color: #999;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .leaderboard > .list > .element > .i2 > .line1 > .channel > .time-ago:hover {
  text-decoration: underline;
}
body.creator .leaderboard > .list > .element > .i2 > .line2 {
  margin-top: 8px;
  overflow: hidden;
}
body.creator .leaderboard > .list > .element > .i2 > .line2 > .name {
  color: black;
  font-weight: 400;
  font-size: 1em;
  line-height: 117.5%;
}
body.creator .leaderboard > .list > .element > .i2 > .line2 > .name > span {
  color: #999;
  font-weight: 400;
  margin-left: 8px;
}
body.creator .leaderboard > .list > .element > .i2 > .line2 > .name:hover {
  text-decoration: underline;
}
body.creator .leaderboard > .list > .element > .i2 > .line2 > .copy-id-button {
  margin-left: 8px;
  background-color: #EEE;
  border-radius: 10px;
  padding: 3px 10px;
  color: #999;
  cursor: pointer;
  font-size: 0.6em;
}
body.creator .leaderboard > .list > .element > .i2 > .line2 > .copy-id-button:hover {
  background-color: #CCC;
  color: #666;
}
body.creator .leaderboard > .list > .element > .i3 {
  min-width: 140px;
  max-width: 140px;
  text-align: center;
}
body.creator .leaderboard > .list > .element > .i3 > .stat1 {
  margin-top: 7px;
  color: #3F5FCC;
  font-size: 1.5em;
  line-height: 117.5%;
  font-weight: 700;
}
body.creator .leaderboard > .list > .element > .i3 > .stat2 {
  margin-top: 4px;
  color: rgba(63, 95, 204, 0.66);
  font-size: 1em;
  line-height: 117.5%;
}
body.creator .leaderboard > .list > .element > .i3 > .stat24h {
  margin-top: 4px;
  color: #fc0252;
  font-size: 1em;
  line-height: 117.5%;
}
body.creator .leaderboard > .list > .element > .i3.is-progress > .stat1 {
  font-weight: 500;
}
body.creator .leaderboard > .list > .element > .i3.is-progress.is-positive > .stat1 {
  color: #2ecc71;
}
body.creator .leaderboard > .list > .element > .i3.is-progress.is-negative > .stat1 {
  color: rgba(238, 51, 34, 0.5);
}
body.creator .leaderboard > .list > .element > .i4 {
  min-width: 140px;
  max-width: 140px;
  display: flex;
  padding-top: 15px;
  /*> .line {
    margin-top: 6px;
    height: 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: relative;
    width: 100%;
    background-color: #EEE;
    > div {
      position: absolute;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      height: 100%;
      min-width: 10px;
    }
  }*/
}
body.creator .leaderboard > .list > .element > .i4 > .line > div, body.creator .leaderboard > .list > .element > .i4 > .stat {
  background-color: #999;
}
body.creator .leaderboard > .list > .element > .i4.rank1 > .line > div, body.creator .leaderboard > .list > .element > .i4.rank1 > .stat {
  background-color: #26de81;
}
body.creator .leaderboard > .list > .element > .i4.rank2 > .line > div, body.creator .leaderboard > .list > .element > .i4.rank2 > .stat {
  background-color: #20bf6b;
}
body.creator .leaderboard > .list > .element > .i4.rank3 > .line > div, body.creator .leaderboard > .list > .element > .i4.rank3 > .stat {
  background-color: #0fb9b1;
}
body.creator .leaderboard > .list > .element > .i4 > .stat {
  font-size: 1.65em;
  line-height: 117.5%;
  line-height: 36px;
  height: 36px;
  font-weight: 700;
  border-radius: 4px;
  padding: 0 15px;
  color: white;
  display: inline-block;
}
body.creator .leaderboard > .list > .element > .i4 > .track {
  margin-top: 4px;
  margin-left: 15px;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
body.creator .leaderboard > .list > .element > .i4 > .track:hover {
  background-color: rgba(171, 44, 252, 0.2);
}
body.creator .leaderboard > .list > .element > .i4 > .track.is-on, body.creator .leaderboard > .list > .element > .i4 > .track.is-on:hover {
  background-color: #ab2cfc;
}
body.creator .leaderboard > .list > .element > .i5 {
  display: none;
  flex-basis: 33.33%;
  padding-top: 10px;
}
body.creator .leaderboard > .list > .element > .i5 > .element {
  width: 100px;
  background-size: 100%;
  background-position: center;
  height: 56.25px;
  border-radius: 4px;
  margin-right: 10px;
  display: inline-block;
}
body.creator .leaderboard > .list > .element > .i5 > .element:hover {
  transform: scale(2);
  box-shadow: 0 0 0 4px white, 0 5px 20px 4px rgba(0, 0, 0, 0.5);
}

body.creator .rewards-list {
  padding: 1.8em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 7.8em);
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}
body.creator .rewards-list > .title {
  text-align: center;
  font-size: 3em;
  padding: 0em 0 0.75em;
  font-weight: 600;
}
body.creator .rewards-list > .explanations {
  text-align: center;
  padding-bottom: 1em;
}
body.creator .rewards-list > .explanations > div {
  color: rgba(0, 0, 0, 0.8);
  font-style: italic;
  margin-bottom: 5px;
  font-weight: 400;
}
body.creator .rewards-list > .explanations > div.intro {
  font-weight: 600;
  margin-top: 25px;
}
body.creator .rewards-list > .element {
  padding: 1em 0.6em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  overflow: hidden;
}
body.creator .rewards-list > .element.no-reward {
  background-color: #EEE;
}
body.creator .rewards-list > .element.no-reward > .price, body.creator .rewards-list > .element.no-reward > .reward-name {
  opacity: 0;
}
body.creator .rewards-list > .element.get-reward {
  background-color: #2ecc71;
  color: white;
}
body.creator .rewards-list > .element.get-reward > .video-name {
  color: white;
}
body.creator .rewards-list > .element.waiting {
  background-color: #ff9f43;
  color: white;
}
body.creator .rewards-list > .element.waiting > .video-name {
  color: white;
}
body.creator .rewards-list > .element.is-total {
  justify-content: center;
  padding-top: 1.25em;
  padding-bottom: 3.125em;
  font-size: 2em;
  line-height: 117.5%;
}
body.creator .rewards-list > .element.is-total > .date,
body.creator .rewards-list > .element.is-total > .price {
  width: auto;
  margin: 0 0.6em;
}
body.creator .rewards-list > .element > .date {
  width: 10%;
  min-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  font-weight: 400;
}
body.creator .rewards-list > .element > .price {
  width: 10%;
  min-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
body.creator .rewards-list > .element > .reward-name {
  width: 15%;
  min-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
body.creator .rewards-list > .element > .views {
  width: 15%;
  min-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
body.creator .rewards-list > .element > .reward-ratio {
  width: 15%;
  min-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
body.creator .rewards-list > .element > .video-name {
  display: block;
  flex-basis: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}

body.creator .traductors {
  padding: 1.8em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 7.8em);
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}
body.creator .traductors > .month {
  margin: 2.4em 0;
}
body.creator .traductors > .month > .name {
  display: block;
  font-size: 1.375em;
  line-height: 117.5%;
  font-weight: 600;
  margin-bottom: 0.6em;
}
body.creator .traductors > .month > .line {
  display: block;
  font-size: 1em;
  line-height: 117.5%;
  font-weight: 400;
  margin-left: 0.8em;
  margin-bottom: 0.6em;
}

.creator .login-form {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fc0252, #b00139);
  background: url("https://yt-mirror.tbhquiz.com/files/stzvo6.webp");
  background-size: cover;
}
.creator .login-form > .bg-filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(3px);
}
.creator .login-form > .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 250px;
  max-width: 400px;
  width: 30%;
  padding: 0 50px 50px;
  text-align: center;
  background-color: white;
  border-radius: 24px;
  font-size: 22px;
  box-shadow: 0 3px 20px 8px rgba(0, 0, 0, 0.75);
}
.creator .login-form > .in > .logo {
  display: inline-block;
  margin-top: -55px;
  width: 110px;
  height: 110px;
  margin-bottom: 35px;
  animation-name: loginLogo;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}
@keyframes loginLogo {
  50% {
    transform: scale(1.1);
  }
}
.creator .login-form > .in > .field {
  width: calc(100% - 40px);
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
  margin: 10px 0;
  font-size: 18px;
}
.creator .login-form > .in > .field:focus {
  box-shadow: 0 0 0 2px black;
}
.creator .login-form > .in > .button {
  display: inline-block;
  padding: 20px 50px;
  background-color: #fc0252;
  border-radius: 1000px;
  color: white;
  font-weight: 700;
  margin: 10px 0;
  cursor: pointer;
  text-transform: uppercase;
  border: 0px;
  font-size: 0.75em;
}
.creator .login-form > .in > .button:hover {
  background-color: #e3024a;
}

body.creator .set-position {
  background-color: #DDD;
  padding: 50px 0;
  text-align: center;
  position: relative;
}
body.creator .set-position.small-ratio {
  padding: 20px 0;
}
body.creator .set-position.small-ratio > .in {
  max-width: 700px;
}
body.creator .set-position > .in {
  margin: 0 auto;
  max-width: 1000px;
}
body.creator .set-position > .in > .in {
  display: inline-block;
  position: relative;
  width: 100%;
}
body.creator .set-position > .value {
  margin: 25px 0 0;
}

body.creator .stats-videos {
  padding: 1.2em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 7.2em);
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  color: black;
}
body.creator .stats-videos > .chart {
  padding: 0.8em 0;
}
body.creator .stats-videos > .chart #chartContainer {
  height: 370px;
  width: 100%;
}
body.creator .stats-videos > .select-category {
  position: fixed;
  right: 115px;
  bottom: 2.4em;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  min-width: 120px;
  z-index: 100;
}
body.creator .stats-videos > .select-category.is-lang {
  min-width: 50px;
  right: 50px;
}
body.creator .stats-videos > .select-category.is-lang > .element {
  padding: 0.5em 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .stats-videos > .select-category > .element {
  font-size: 1.125em;
  line-height: 117.5%;
  padding: 0.5em 1.2em;
  background-color: #EEE;
  display: block;
  cursor: pointer;
  transition: 0.25s;
  text-align: center;
}
body.creator .stats-videos > .select-category > .element:hover {
  background-color: #DDD;
}
body.creator .stats-videos > .select-category > .element.selected {
  background-color: #fc0252;
  font-weight: 500;
  color: white;
  cursor: default;
  pointer-events: none;
}
body.creator .stats-videos > .select-category > .element.selected:hover {
  background-color: #c90242;
}
body.creator .stats-videos > .stats-numbers {
  display: flex;
  margin-bottom: 2.5em;
  text-align: center;
  height: 68px;
}
body.creator .stats-videos > .stats-numbers > .element {
  width: 150px;
  height: 100%;
  margin-right: 0.8em;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 0.8em;
}
body.creator .stats-videos > .stats-numbers > .element.small {
  width: 110px;
}
body.creator .stats-videos > .stats-numbers > .element.is-money {
  background-color: rgba(85, 239, 196, 0.125);
}
body.creator .stats-videos > .stats-numbers > .element.is-money > .value {
  color: #004437;
}
body.creator .stats-videos > .stats-numbers > .element.is-money > .label {
  color: #004437;
}
body.creator .stats-videos > .stats-numbers > .element.is-money > .label.is-second {
  color: rgba(0, 68, 55, 0.5);
}
body.creator .stats-videos > .stats-numbers > .element.is-money.hidden {
  user-select: none;
}
body.creator .stats-videos > .stats-numbers > .element.is-money.hidden > .value {
  color: rgba(0, 68, 55, 0);
}
body.creator .stats-videos > .stats-numbers > .element.is-money.hidden > .label {
  color: rgba(0, 68, 55, 0);
}
body.creator .stats-videos > .stats-numbers > .element.is-money.hidden > .label.is-second {
  color: rgba(0, 68, 55, 0);
}
body.creator .stats-videos > .stats-numbers > .element > .value {
  font-weight: 700;
  font-size: 1.375em;
  line-height: 117.5%;
}
body.creator .stats-videos > .stats-numbers > .element > .label {
  font-weight: 500;
  font-size: 0.875em;
  line-height: 117.5%;
  margin-top: 0.2em;
  text-transform: uppercase;
}
body.creator .stats-videos > .stats-numbers > .element > .label.is-second {
  margin-top: 0.4em;
  font-weight: 400;
  font-size: 0.825em;
  line-height: 117.5%;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
body.creator .stats-videos > .stats-numbers > .element.is-monthly {
  height: 100%;
  position: relative;
  background-color: transparent;
  height: 68px;
  margin: -0.8em;
  width: 200px;
}
body.creator .stats-videos > .stats-numbers > .element.is-monthly > .bars {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  grid-column-gap: 3px;
}
body.creator .stats-videos > .stats-numbers > .element.is-monthly > .bars > .element {
  background-color: white;
  border-radius: 1000px;
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: 0.25s;
}
body.creator .stats-videos > .stats-numbers > .element.is-monthly > .bars > .element:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .stats-videos > .stats-numbers > .element.is-monthly > .bars > .element:nth-child(13), body.creator .stats-videos > .stats-numbers > .element.is-monthly > .bars > .element:nth-child(14) {
  width: 200%;
}
body.creator .stats-videos > .stats-numbers > .element.is-monthly > .bars > .element > .in {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: #0D86FF;
  border-radius: 1000px;
}
body.creator .stats-videos > .stats-numbers > .element.is-monthly > .bars > .element > .in.is-second {
  bottom: auto;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .stats-videos > .stats-line {
  display: flex;
  width: 100%;
  height: 78.33px;
}
body.creator .stats-videos > .stats-line > .stat.is-money > .in {
  background-color: #55efc4;
}
body.creator .stats-videos > .stats-line > .stat.is-money > .in > .value {
  color: #004437;
}
body.creator .stats-videos > .stats-line > .stat.is-money > .in > .label {
  color: rgba(0, 68, 55, 0.4);
}
body.creator .stats-videos > .stats-line > .stat > .in {
  width: 120px;
  border-radius: 4px;
  padding: 10px 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
  color: #444;
  margin-right: 1.2em;
}
body.creator .stats-videos > .stats-line > .stat > .in > .value {
  font-size: 1.125em;
  line-height: 117.5%;
  color: black;
}
body.creator .stats-videos > .stats-line > .stat > .in > .label {
  font-size: 0.825em;
  line-height: 117.5%;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-weight: 400;
}
body.creator .stats-videos > .list.show-only-our-channels > .element {
  display: none;
}
body.creator .stats-videos > .list.show-only-our-channels > .element.is-special, body.creator .stats-videos > .list.show-only-our-channels > .element.is-mine {
  display: flex;
}
body.creator .stats-videos > .list > .element {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.creator .stats-videos > .list > .element.is-our-channels {
  cursor: pointer;
}
body.creator .stats-videos > .list > .element.is-our-channels:hover {
  background-color: #F9F9F9;
}
body.creator .stats-videos > .list > .element.wait-for-scroll {
  display: none;
}
body.creator .stats-videos > .list > .element:hover > .iThumbs {
  display: block;
}
body.creator .stats-videos > .list > .element.is-mine {
  background-color: rgba(63, 95, 204, 0.1);
}
body.creator .stats-videos > .list > .element > .in {
  margin-right: 10px;
}
body.creator .stats-videos > .list > .element > .in > .performance-out {
  width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78.33px;
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance {
  border-radius: 1000px;
  padding: 8px 0px;
  min-width: 37px;
  text-align: center;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.1);
  color: #444;
  font-size: 1.125em;
  line-height: 117.5%;
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.x2 {
  background-color: #0D86FF;
  color: white;
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.x5 {
  background-color: #6742F4;
  color: white;
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.x10 {
  background-color: #A90741;
  color: white;
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank1 {
  color: white;
  background-color: #07c36b;
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank2 {
  color: white;
  background-color: rgba(7, 195, 107, 0.8);
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank3 {
  color: white;
  background-color: rgba(7, 195, 107, 0.6);
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank4 {
  color: white;
  background-color: rgba(7, 195, 107, 0.4);
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank5 {
  color: white;
  background-color: rgba(7, 195, 107, 0.3);
}
body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank6, body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank7, body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank8, body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank9, body.creator .stats-videos > .list > .element > .in > .performance-out > .performance.rank10 {
  color: white;
  background-color: rgba(7, 195, 107, 0.2);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out {
  width: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78.33px;
  text-align: center;
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money.hidden {
  user-select: none;
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money.hidden.is-money > .stat-data {
  background-color: rgba(85, 239, 196, 0.125);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money.hidden.is-money > .stat-data > .value {
  color: rgba(0, 0, 0, 0);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money.hidden.is-money > .stat-data > .label {
  color: rgba(0, 0, 0, 0);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money.rank3 > .stat-data {
  background-color: #55efc4;
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money.rank2 > .stat-data {
  background-color: rgba(85, 239, 196, 0.75);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money.rank1 > .stat-data {
  background-color: rgba(85, 239, 196, 0.5);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money > .stat-data {
  background-color: rgba(85, 239, 196, 0.25);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money > .stat-data > .value {
  color: #004437;
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out.is-money > .stat-data > .label {
  color: rgba(0, 68, 55, 0.4);
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out > .stat-data {
  width: 100%;
  border-radius: 4px;
  padding: 10px 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
  color: #444;
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out > .stat-data > .value {
  font-size: 1.125em;
  line-height: 117.5%;
  color: black;
}
body.creator .stats-videos > .list > .element > .in > .stat-data-out > .stat-data > .label {
  font-size: 0.825em;
  line-height: 117.5%;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-weight: 400;
}
body.creator .stats-videos > .list > .element > .iTrack > .track {
  margin-left: 6px;
  margin-top: 25px;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
body.creator .stats-videos > .list > .element > .iTrack > .track:hover {
  background-color: rgba(171, 44, 252, 0.2);
}
body.creator .stats-videos > .list > .element > .iTrack > .track.is-on, body.creator .stats-videos > .list > .element > .iTrack > .track.is-on:hover {
  background-color: #ab2cfc;
}
body.creator .stats-videos > .list > .element > .i1 {
  max-width: 140px;
  min-width: 140px;
}
body.creator .stats-videos > .list > .element > .i1 img {
  display: block;
  width: 100%;
  border-radius: 4px;
  max-height: 78.33px;
}
body.creator .stats-videos > .list > .element > .i1 img:hover {
  transform: translateX(50%) scale(2);
  box-shadow: 0 0 0 8px white, 0 5px 20px 8px rgba(0, 0, 0, 0.5);
}
body.creator .stats-videos > .list > .element > .i2 {
  flex-basis: 30%;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 {
  margin-top: 4px;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel {
  display: flex;
  align-items: center;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 100px;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .name {
  color: black;
  margin-right: 10px;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .name:hover {
  text-decoration: underline;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .time-ago {
  color: #999;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .time-ago:hover {
  text-decoration: underline;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .time-ago.is-fresh {
  background-color: #fe80a8;
  color: white;
  border-radius: 4px;
  padding: 3px 6px;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .time-ago.is-fresh.fresh-1d {
  background-color: #fc0252;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .time-ago.is-fresh.fresh-1w {
  background-color: #fe6697;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .time-ago.is-fresh.fresh-1m {
  background-color: #feb2cb;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .forced-lang {
  color: white;
  border-radius: 4px;
  padding: 3px 6px;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 117.5%;
  background-color: #0D86FF;
  margin-left: 10px;
  text-transform: uppercase;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .forced-lang.is-unknown {
  background-color: #ee3322;
}
body.creator .stats-videos > .list > .element > .i2 > .line1 > .channel > .forced-lang:hover {
  text-decoration: underline;
}
body.creator .stats-videos > .list > .element > .i2 > .line2 {
  margin-top: 8px;
  overflow: hidden;
}
body.creator .stats-videos > .list > .element > .i2 > .line2 > .name {
  color: black;
  font-weight: 400;
  font-size: 1em;
  line-height: 117.5%;
}
body.creator .stats-videos > .list > .element > .i2 > .line2 > .name > span {
  color: #999;
  font-weight: 400;
  margin-left: 8px;
}
body.creator .stats-videos > .list > .element > .i2 > .line2 > .name:hover {
  text-decoration: underline;
}
body.creator .stats-videos > .list > .element > .i2 > .line2 > .copy-id-button {
  margin-left: 8px;
  background-color: #EEE;
  border-radius: 10px;
  padding: 3px 10px;
  color: #999;
  cursor: pointer;
  font-size: 0.6em;
}
body.creator .stats-videos > .list > .element > .i2 > .line2 > .copy-id-button:hover {
  background-color: #CCC;
  color: #666;
}
body.creator .stats-videos > .list > .element > .iThumbs {
  display: none;
  padding-top: 10px;
}
body.creator .stats-videos > .list > .element > .iThumbs > .list {
  position: absolute;
  width: 100%;
}
body.creator .stats-videos > .list > .element > .iThumbs > .list > .element {
  width: 100px;
  background-size: 100%;
  background-position: center;
  height: 56.25px;
  border-radius: 4px;
  margin-right: 10px;
  display: inline-block;
}
body.creator .stats-videos > .list > .element > .iThumbs > .list > .element:hover {
  transform: scale(2);
  box-shadow: 0 0 0 4px white, 0 5px 20px 4px rgba(0, 0, 0, 0.5);
}

body.creator .popin-subtitles {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;
  min-width: 800px;
  background-color: #faffcb;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  z-index: 100;
  transform: translateX(110%);
  transition: 0.5s;
}
body.creator .popin-subtitles.show {
  transform: none;
}
body.creator .popin-subtitles > .close-button {
  z-index: 101;
  position: fixed;
  top: 20px;
  right: 40px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: white;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  border-radius: 1000px;
  background-color: white;
}
body.creator .popin-subtitles > .close-button > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
body.creator .popin-subtitles > .in {
  position: absolute;
  z-index: 100;
  padding: 30px;
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll;
  text-align: center;
  text-align: left;
}
body.creator .popin-subtitles > .in > .separate {
  width: 3px;
  min-height: 10px;
  background-color: rgba(0, 0, 0, 0.15);
  transform: translateX(-15px);
  margin: -3px 0;
}
body.creator .popin-subtitles > .in > .element {
  padding: 5px 30px;
  margin: 0 -30px;
}
body.creator .popin-subtitles > .in > .element.copied {
  background-color: #d8e37e;
}
body.creator .popin-subtitles > .in > .element.copied:hover {
  background-color: #d2de69;
}
body.creator .popin-subtitles > .in > .element:hover {
  background-color: #e5eca8;
}
body.creator .popin-subtitles > .in > .element > .text {
  display: inline-block;
  font-size: 1.125em;
  line-height: 117.5%;
  font-weight: 400;
}
body.creator .popin-subtitles > .in > .element > .link {
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
}
body.creator .popin-subtitles > .in > .element > .link:hover {
  opacity: 0.6;
}
body.creator .popin-subtitles > .in > .element > .button-copy {
  display: inline-block;
  margin-left: 8px;
  background-color: #CCC;
  border-radius: 10px;
  padding: 3px 10px;
  color: #444;
  cursor: pointer;
  font-size: 0.6em;
}
body.creator .popin-subtitles > .in > .element > .button-copy:hover {
  background-color: white;
  color: #222;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

body.creator .corner-stats {
  position: fixed;
  bottom: 0;
  background-color: white;
  padding: 0.8em;
  left: 0;
  box-shadow: 0 0 0 1.5px #bcb5f4, 0 0 15px rgba(0, 0, 0, 0.2);
  border-top-right-radius: 0.6em;
  display: flex;
  justify-content: center;
  z-index: 1;
  user-select: none;
  transform-origin: bottom left;
  transition: transform 0.3s ease;
}
body.creator .corner-stats:hover {
  transform: scale(1.15);
}
body.creator .corner-stats > .element {
  margin: 0 0.6em;
}
body.creator .corner-stats > .element span {
  margin-left: 3px;
}

body.creator .planning {
  padding: 0.6em 0.6em 6em;
  padding-top: 0;
  width: calc(100% - 1.2em);
  height: 100%;
  max-height: calc(100% - 6em);
  position: relative;
  overflow-y: scroll;
  overflow-x: scroll;
}
body.creator .planning > .form-switch {
  position: fixed;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: white;
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.4);
  padding: 0.6em 0;
  z-index: 1;
  margin-bottom: 0.8em;
}
body.creator .planning > .form-switch input {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 0.4em 0.6em;
  font-size: 1.125em;
  line-height: 117.5%;
  margin-right: 0.4em;
}
body.creator .planning > .form-switch input:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
}
body.creator .planning > .form-switch input.button-send {
  cursor: pointer;
}
body.creator .planning > .logs {
  font-size: 0.825em;
  line-height: 117.5%;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.025);
  overflow: hidden;
  margin-bottom: 0.6em;
  margin-top: 65px;
}
body.creator .planning > .logs.is-open {
  background-color: rgba(0, 0, 0, 0.05);
  height: auto;
  overflow: visible;
}
body.creator .planning > .line-week {
  margin-bottom: 10px;
  width: 100%;
  border-radius: 1000px;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}
body.creator .planning > .line {
  width: 100%;
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
body.creator .planning > .line > .element {
  flex: 1;
  min-width: 0;
  background-color: rgba(0, 0, 0, 0.075);
  border-radius: 4px;
  padding: 5px;
  min-width: 160px;
  position: relative;
}
body.creator .planning > .line > .element:first-child {
  max-width: 110px;
  min-width: 110px;
}
body.creator .planning > .line > .element.wednesday {
  background-color: rgba(52, 152, 219, 0.15);
}
body.creator .planning > .line > .element.saturday {
  background-color: rgba(155, 89, 182, 0.15);
}
body.creator .planning > .line > .element.sunday {
  background-color: rgba(142, 68, 173, 0.15);
}
body.creator .planning > .line > .element.not-planning {
  background-color: rgba(0, 0, 0, 0.02) !important;
}
body.creator .planning > .line > .element.not-planning .no-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.4;
  filter: grayscale(1);
}
body.creator .planning > .line > .element.is-name {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}
body.creator .planning > .line > .element.is-name.connected-no {
  background: linear-gradient(-140deg, rgba(238, 51, 34, 0.4), rgba(0, 0, 0, 0.075) 35%);
}
body.creator .planning > .line > .element.is-name > img {
  width: 34px;
  height: 34px;
  border-radius: 1000px;
  display: inline-block;
  margin-right: 0.6em;
}
body.creator .planning > .line > .element.is-name > .count {
  position: absolute;
  top: 5px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  margin-left: 0.5em;
  color: black;
  padding: 0.1em 0.5em;
  font-size: 0.9em;
  border-radius: 4px;
}
body.creator .planning > .line > .element.is-name > .count.level0 {
  background-color: #ee5253 !important;
  color: white !important;
}
body.creator .planning > .line > .element.is-name > .count.level1 {
  background-color: #ff9f43 !important;
  color: white !important;
}
body.creator .planning > .line > .element.is-name > .count.level2 {
  background-color: #10ac84 !important;
  color: white !important;
}
body.creator .planning > .line > .element.is-name > .count.level3 {
  background-color: #1dd1a1 !important;
  color: white !important;
}
body.creator .planning > .line > .element.is-name > .name {
  display: block;
  margin-top: 0.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.creator .planning > .line > .element.is-name > .name:hover {
  text-decoration: underline;
}
body.creator .planning > .line > .element.is-date {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
body.creator .planning > .line > .element.is-date > .number {
  font-size: 1.375em;
  line-height: 117.5%;
}
body.creator .planning > .line > .element.is-date > .dayofweek {
  font-size: 1.125em;
  line-height: 117.5%;
}
body.creator .planning > .line > .element.is-date > .month {
  font-size: 1em;
  line-height: 117.5%;
  color: rgba(0, 0, 0, 0.5);
}
body.creator .planning > .line > .element.is-videos > .element-video {
  margin-bottom: 0.8em;
  position: relative;
}
body.creator .planning > .line > .element.is-videos > .element-video.selectedAB {
  transform: scale(0.65);
}
body.creator .planning > .line > .element.is-videos > .element-video.is-published {
  opacity: 0.4;
}
body.creator .planning > .line > .element.is-videos > .element-video:last-child {
  margin-bottom: 0px;
}
body.creator .planning > .line > .element.is-videos > .element-video > .date {
  position: absolute;
  left: -5px;
  top: -5px;
  border-radius: 4px;
  background-color: #6c5ce7;
  color: white;
  padding: 0.2em 0.4em;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .planning > .line > .element.is-videos > .element-video:hover > .date {
  background-color: #4430e0;
}
body.creator .planning > .line > .element.is-videos > .element-video > .thumbnail {
  display: inline-block;
  border-radius: 4px;
  width: 100%;
}
body.creator .planning > .line > .element.is-videos > .element-video > .name {
  display: block;
  margin-top: 1px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.825em;
  line-height: 117.5%;
  color: rgba(0, 0, 0, 0.75);
}
body.creator .planning > .line > .element.is-videos > .element-video > .name:hover {
  text-decoration: underline;
  color: black;
}

body.creator .keywords-stats {
  padding: 0.6em 0.6em 6em;
  width: calc(100% - 1.2em);
  height: 100%;
  max-height: calc(100% - 6.6em);
  position: relative;
  overflow-y: scroll;
  overflow-x: scroll;
}
body.creator .keywords-stats .element {
  display: flex;
  align-items: center;
  margin-bottom: 1.2em;
  padding-bottom: 1.2em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.creator .keywords-stats .element:first-child {
  padding-top: 1.2em;
}
body.creator .keywords-stats .element .name {
  display: inline-block;
  margin-right: 0.6em;
  width: 230px;
  margin-top: 5px;
  text-align: center;
}
body.creator .keywords-stats .element .name > a:hover {
  text-decoration: underline;
}
body.creator .keywords-stats .element .name > img {
  width: 16px;
  position: absolute;
  margin-left: 5px;
  margin-top: 2px;
}
body.creator .keywords-stats .element .views {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  width: 100px;
  margin-top: 5px;
  margin-left: 1.2em;
}
body.creator .keywords-stats .element .market {
  margin-top: 0.4em;
  border-radius: 1000px;
  background-color: rgba(0, 0, 0, 0.15);
  height: 18px;
  max-width: 625px;
}
body.creator .keywords-stats .element .market.is-full {
  background-color: rgba(0, 0, 0, 0.5);
}
body.creator .keywords-stats .element .score {
  margin-top: 0.4em;
  border-radius: 1000px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 18px;
  position: relative;
  width: 500px;
}
body.creator .keywords-stats .element .score .score-pct {
  border-radius: 1000px;
  background-color: #0D86FF;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body.creator .keywords-stats .element .score .score-pct .text {
  right: -0.6em;
  position: absolute;
  transform: translateX(100%);
  width: 100px;
}

body.creator .channel-progress {
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  text-align: center;
}
body.creator .channel-progress > .name {
  font-size: 1.125em;
  line-height: 117.5%;
  font-weight: 600;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.creator .channel-progress > .name > img {
  width: 16px;
  margin-right: 8px;
}
body.creator .channel-progress > .comment {
  font-size: 1.125em;
  line-height: 117.5%;
  font-weight: 400;
  width: 600px;
  display: flex;
  align-items: center;
  font-style: italic;
  color: #666;
  margin-left: 1.2em;
}
body.creator .channel-progress > .progress {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.creator .channel-progress > .progress > .item {
  border-radius: 8px;
  width: 80px;
  background-color: #EEE;
  color: #444;
  padding: 0.4em 0.6em;
  margin-right: 0.6em;
}
body.creator .channel-progress > .progress > .item.type-total {
  margin-left: 3em;
}
body.creator .channel-progress > .progress > .item.color0 {
  background-color: #ee5253;
  color: white;
}
body.creator .channel-progress > .progress > .item.color1 {
  background-color: #ff9f43;
  color: white;
}
body.creator .channel-progress > .progress > .item.color2 {
  background-color: #10ac84;
  color: white;
}
body.creator .channel-progress > .progress > .item.color3 {
  background-color: #1dd1a1;
  color: white;
}
body.creator .channel-progress > .progress > .item > .name {
  font-size: 0.875em;
  line-height: 117.5%;
  font-weight: 400;
  text-transform: capitalize;
}
body.creator .channel-progress > .progress > .item > .nb {
  font-size: 1.25em;
  line-height: 117.5%;
  padding: 0.2em 0;
}

body.creator .media {
  padding: 1.2em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 6.6em);
  position: relative;
  overflow-y: scroll;
  overflow-x: scroll;
}
body.creator .media .form-media {
  font-size: 1.25em;
  line-height: 117.5%;
}
body.creator .media .form-media .form-control {
  width: 800px;
  box-shadow: 0 0 0 1px #CCC;
  padding: 0.6em 0.6em;
  border-radius: 0.6em;
}
body.creator .media .form-media .form-control:focus {
  box-shadow: 0 0 0 1px #444;
}
body.creator .media .form-media .btn-primary {
  margin-top: 0.6em;
}
body.creator .media .link {
  display: block;
  margin-top: 1.2em;
}
body.creator .media .link span {
  color: #0066cc;
  text-decoration: underline;
}

body.creator .images-ai {
  padding: 1.2em 1.2em 6em;
  width: calc(100% - 2.4em);
  height: 100%;
  max-height: calc(100% - 6.6em);
  position: relative;
  overflow-y: scroll;
  overflow-x: scroll;
}
body.creator .images-ai > .saved-prompts {
  width: calc(25% - 5px);
  background-color: rgba(0, 0, 0, 0.05);
  height: calc(100vh - 100px);
  min-height: 500px;
  position: absolute;
  right: 10px;
  top: 20px;
  border-radius: 12px;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.4);
}
body.creator .images-ai > .saved-prompts.is-prompts > iframe {
  display: none;
}
body.creator .images-ai > .saved-prompts.is-prompts > .menu > .element.is-prompts {
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .images-ai > .saved-prompts.is-prompts > .menu > .element.is-uploads {
  background-color: transparent;
}
body.creator .images-ai > .saved-prompts > .menu {
  height: 33px;
  display: flex;
  align-items: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
body.creator .images-ai > .saved-prompts > .menu > .element {
  display: inline-block;
  width: 50%;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
}
body.creator .images-ai > .saved-prompts > .menu > .element.is-prompts {
  background-color: transparent;
}
body.creator .images-ai > .saved-prompts > .menu > .element.is-uploads {
  background-color: rgba(0, 0, 0, 0.1);
}
body.creator .images-ai > .saved-prompts > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  height: calc(100% - 34px);
  border: 0;
  box-shadow: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #FFF;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones {
  position: absolute;
  width: 100%;
  height: calc(100% - 114px);
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in {
  position: absolute;
  padding: 0 10px;
  width: calc(100% - 20px);
  border-bottom: 3px solid rgba(0, 0, 0, 0.25);
  overflow-y: scroll;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in.prompts {
  height: 40%;
  background-color: #fff9b1;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in.images {
  bottom: 0;
  height: calc(60% - 6px);
  background-color: #daf0ff;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in::-webkit-scrollbar {
  width: 8px;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in::-webkit-scrollbar-track {
  background: transparent;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in::-webkit-scrollbar-thumb {
  background: #CCC;
  border-radius: 4px;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in::-webkit-scrollbar-thumb:hover {
  background: #AAA;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 0.875em;
  line-height: 117.5%;
  display: flex;
  align-items: center;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element:first-child {
  padding-top: 10px;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element > span {
  display: inline-block;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element > .name {
  font-weight: bold;
  margin-right: 8px;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element > .author {
  color: #777;
  margin-right: 5px;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element > .count {
  color: #777;
  margin-right: 5px;
  font-size: 0.875em;
  line-height: 117.5%;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element > .actions > .button-set {
  color: white;
  background-color: #6c5ce7;
  padding: 2px 8px;
  border-radius: 8px;
  cursor: pointer;
  margin-right: 5px;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element > .actions > .button-delete {
  cursor: pointer;
  opacity: 0.5;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .zones > .in > .element > .actions > .button-delete:hover {
  opacity: 1;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .buttons {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .buttons > .in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 25px;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .buttons > .in > .button-save {
  font-size: 1em;
  line-height: 117.5%;
  color: #6c5ce7;
  font-weight: bold;
  cursor: pointer;
}
body.creator .images-ai > .saved-prompts > .saved-prompts-content > .buttons > .in > .button-save:hover {
  color: #4430e0;
  text-decoration: underline;
}
body.creator .images-ai > .form-images-ai {
  width: calc(75% - 10px);
}
body.creator .images-ai > .form-images-ai input, body.creator .images-ai > .form-images-ai textarea, body.creator .images-ai > .form-images-ai select {
  border: 1px solid #CCC;
  border-radius: 8px;
  padding: 0.6em;
}
body.creator .images-ai > .form-images-ai input::placeholder, body.creator .images-ai > .form-images-ai textarea::placeholder, body.creator .images-ai > .form-images-ai select::placeholder {
  color: #777;
}
body.creator .images-ai > .form-images-ai input:focus, body.creator .images-ai > .form-images-ai textarea:focus, body.creator .images-ai > .form-images-ai select:focus {
  border-color: #444;
}
body.creator .images-ai > .form-images-ai input.main-prompt, body.creator .images-ai > .form-images-ai textarea.main-prompt, body.creator .images-ai > .form-images-ai select.main-prompt {
  width: 25%;
  height: 130px;
  margin-right: 5px;
  background-color: #fffde4;
}
body.creator .images-ai > .form-images-ai input.element-url, body.creator .images-ai > .form-images-ai textarea.element-url, body.creator .images-ai > .form-images-ai select.element-url {
  width: 200px;
  margin-right: 5px;
  background-color: #e9f6ff;
}
body.creator .images-ai > .form-images-ai input.element-prompt, body.creator .images-ai > .form-images-ai textarea.element-prompt, body.creator .images-ai > .form-images-ai select.element-prompt {
  width: 80px;
  margin-right: 15px;
}
body.creator .images-ai > .form-images-ai input.element-list, body.creator .images-ai > .form-images-ai textarea.element-list, body.creator .images-ai > .form-images-ai select.element-list {
  appearance: auto;
  margin-right: 20px;
}
body.creator .images-ai > .form-images-ai > .element {
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
body.creator .images-ai > .form-images-ai > .element .preview-image {
  width: 80px;
  height: 64px;
  vertical-align: top;
  background-color: #EEE;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  display: inline-block;
}
body.creator .images-ai > .form-images-ai > .element .preview-image > .preview-image-i {
  background-size: contain;
  width: 100%;
  height: 100%;
}
body.creator .images-ai > .form-images-ai > .element .preview-image > .preview-image-i.empty {
  display: none;
}
body.creator .images-ai > .form-images-ai > .element .preview-image.multiple-rows {
  height: auto;
}
body.creator .images-ai > .form-images-ai > .element .preview-image.multiple-rows > .preview-image-i {
  height: 45px;
}
body.creator .images-ai > .form-images-ai > .element .image-ai-link {
  display: inline-block;
  position: relative;
}
body.creator .images-ai > .form-images-ai > .element .image-ai-link.waiting, body.creator .images-ai > .form-images-ai > .element .image-ai-link.failed {
  cursor: default;
}
body.creator .images-ai > .form-images-ai > .element .image-ai-link.waiting .send-to-video, body.creator .images-ai > .form-images-ai > .element .image-ai-link.failed .send-to-video {
  display: none;
}
body.creator .images-ai > .form-images-ai > .element .image-ai-link .send-to-video {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #6c5ce7;
  color: white;
  border-radius: 12px;
  font-weight: bold;
  padding: 1px 5px 3px;
  font-size: 20px;
  line-height: 100%;
  cursor: pointer;
}
body.creator .images-ai > .form-images-ai > .element .image-ai-link .send-to-video:hover {
  background-color: #4430e0;
}
body.creator .images-ai > .form-images-ai > .element .image-ai-link .send-to-video.sended {
  cursor: default;
  pointer-events: none;
  background-color: #2ecc71;
}
body.creator .images-ai > .form-images-ai > .element .image-ai-link img {
  margin-left: 1.2em;
  height: 120px;
  vertical-align: top;
}
body.creator .images-ai > .form-images-ai > .element:last-child {
  margin-bottom: 100px;
}
body.creator .images-ai > .form-images-ai .button-download {
  display: block;
  font-size: 1.5em;
  line-height: 117.5%;
  margin: 1.2em 0;
  color: #6c5ce7;
  text-decoration: underline;
  cursor: pointer;
}
body.creator .images-ai > .form-images-ai .button-download:hover {
  color: #4430e0;
}
body.creator .images-ai > .form-images-ai .archive-link {
  display: block;
  margin: 0.4em 0;
  color: #444;
  text-decoration: underline;
}
body.creator .images-ai > .form-images-ai .archive-link:hover {
  color: #2b2b2b;
}
body.creator .images-ai > .form-images-ai .btn-primary {
  font-size: 1.25em;
  line-height: 117.5%;
  color: white;
  padding: 0.6em 1.2em;
  border-radius: 8px;
  background-color: #fc0252;
  cursor: pointer;
  position: fixed;
  bottom: 30px;
}
body.creator .images-ai > .form-images-ai .btn-primary:hover {
  background-color: #c90242;
}

body.creator .stats-live {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fc0252;
  background-size: cover;
  z-index: 1;
  cursor: pointer;
  transition: 0.25s;
}
body.creator .stats-live.startAnimation {
  cursor: default;
  transform: none;
}
body.creator .stats-live.startAnimation > .in {
  transform: none;
}
body.creator .stats-live > .in {
  padding: 1.2em 1.2em;
  width: calc(100% - 2.4em);
  height: calc(100% - 2.4em);
  display: flex;
  gap: 1.2em;
  background-color: #c90242;
  background: linear-gradient(to bottom, #bf023e, #de0248);
  position: relative;
  transform: scale(0.5);
}
body.creator .stats-live > .in .channel-display {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.6em;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  transition: 0.25s;
  box-shadow: 0 2px 0 3px rgba(0, 0, 0, 0.4), 0 2px 8px 2px rgba(0, 0, 0, 0.4);
  width: 100%;
}
body.creator .stats-live > .in .channel-display.newDollar {
  transform: scale(0.9825);
}
body.creator .stats-live > .in .channel-display.newDollar .data-channel {
  transform: scale(0.85);
}
body.creator .stats-live > .in .channel-display .livebar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
body.creator .stats-live > .in .channel-display .data-channel {
  position: relative;
  z-index: 1;
  transition: 0.25s;
  width: 100%;
}
body.creator .stats-live > .in .channel-display .data-channel .pic {
  display: block;
  margin: 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: 0.6em;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.4);
}
body.creator .stats-live > .in .channel-display .data-channel .name {
  margin-top: 0.6em;
  font-size: 1em;
  display: block;
  white-space: nowrap;
  color: white;
  font-weight: 500;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
body.creator .stats-live > .in .channel-display .data-channel .data-number {
  font-size: 1em;
  font-weight: 900;
  display: block;
  white-space: nowrap;
  color: white;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0.4em 0;
  width: 100%;
}
body.creator .stats-live > .in .channel-display .data-channel .data-number.is-type2 {
  margin: 0;
  font-size: 0.8em;
  line-height: 1em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}

/*# sourceMappingURL=style.css.map */