:root {
  color-scheme: light dark;

  --light-bg: rgb(233, 240, 233);
  --light-color: rgb(18, 18, 19);
  --light-active: rgb(0, 252, 0);
  --light-active-color: rgb(0, 0, 0);
  --light-alert-color: rgb(252, 0, 0);
  --light-icons: black;
  --light-nav-color: rgb(255, 255, 255);
  --light-notify-icon: rgb(233, 240, 233);
  --light-notify-bg: rgb(255, 255, 255, 0.8);
  --light-idc-bg: #aeaeae1f;
  --light-ongoing-bg: #4a4a4a1c;
  --light-statistics-bg: #0000001f;
  --light-spinner-overlay-bg: rgba(233, 240, 233, 0.596);
  --light-bg-home-overlay: #eeffeb;

  --dark-bg: #141717;;
  --dark-color: rgb(235, 241, 232);
  --dark-active: rgb(0, 252, 0);
  --dark-active-color: rgb(0, 0, 0);
  --dark-alert-color: rgb(252, 0, 0);
  --dark-icons: black;
  --dark-bg-nav: rgb(0, 0, 0);
  --dark-nav-color: rgb(0, 0, 0);
  --dark-notify-icon: rgb(255, 255, 255);
  --dark-notify-bg: #201f1f;
  --dark-idc-bg: #0000008a;
  --dark-ongoing-bg: black;
  --dark-statistics-bg: #ffffff21;
  --dark-spinner-overlay-bg: #1417178a;;
  --dark-bg-home-overlay: #000201;
}
svg path {
  fill: light-dark(var(--light-color), var(--dark-color));
}
svg#main-mirr0r-tool-battle path {
  fill: light-dark(var(--light-color), var(--dark-color));
}
svg#main-b0tt0m-t00l-rel0ad path {
  fill: light-dark(var(--light-color), var(--dark-color));
}
svg.search-svg path{
  fill: light-dark(var(--light-color), var(--dark-color));
  stroke: light-dark(var(--light-color), var(--dark-color));
}
svg#search-home-all path {
  stroke: light-dark(var(--light-notify-icon), var(--dark-notify-icon)) !important;
  fill: light-dark(var(--light-notify-icon), var(--dark-notify-icon)) !important;
}
svg#search-home-all:hover path {
  stroke: light-dark(var(--dark-active), var(--dark-active)) !important;
  fill: light-dark(var(--dark-active), var(--dark-active)) !important;
}
svg.svg-feed path{
  fill: light-dark(var(--light-notify-icon), var(--dark-notify-icon)) !important;
}
svg.like-svg path {
  stroke: light-dark(var(--light-color), var(--dark-color)) !important;
}
svg.dislike-svg path {
  stroke: light-dark(var(--light-color), var(--dark-color)) !important;
}
svg.svg-send path {
  fill: none !important;
  stroke: light-dark(var(--light-color), var(--dark-color)) !important;
}
svg.delete-comment-svg:hover path {
  fill: none !important;
  stroke: rgb(252, 0, 0) !important;
}
svg.svg-share path {
  fill: light-dark(var(--light-bg), var(--dark-bg)) !important;
  stroke: light-dark(var(--light-color), var(--dark-color)) !important;
}
svg.svg-send:hover path {
  fill: none !important;
  stroke: light-dark(var(--light-active), var(--dark-active)) !important;
}
svg:hover path {
  fill: light-dark(var(--light-active), var(--dark-active)) !important;
  stroke: light-dark(var(--light-active), var(--dark-active)) !important;
}
svg#main-mirr0r-tool-battle:hover path{
  fill: rgb(6, 252, 6) !important;
  stroke: light-dark(var(--light-active), var(--dark-active)) !important;
}
svg#notify-open path{
  fill: light-dark(var(--light-notify-icon), var(--dark-notify-icon)) !important;
}
svg#notify-open:hover path{
  fill: rgb(0, 252, 0) !important;
}
path {
  pointer-events: none;
}
.svg-send{
  display: flex;
}
.svg-feed{
  cursor: pointer;
}

@keyframes shakeleft {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 100% 50%;
	}

	10% {
		transform: rotate(2deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-2deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(2deg);
	}

	80% {
		transform: rotate(-1deg);
	}

	90% {
		transform: rotate(1deg);
	}
}

@keyframes shakeright {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 0 50%;
	}

	10% {
		transform: rotate(2deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-2deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(2deg);
	}

	80% {
		transform: rotate(-1deg);
	}

	90% {
		transform: rotate(1deg);
	}
}


html{
  overflow: hidden;
}

  p{
    margin: 0;
    padding: 0;
  }
  body {
    margin: 0;
    padding: 0;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow: hidden;
    background-color: light-dark(var(--light-bg), var(--dark-bg));
    color: light-dark(var(--light-color), var(--dark-color));
    min-width: 200px;
    min-height: 200px;
  }
  input {
    font-family: "Quantico", sans-serif;
    color: light-dark(var(--light-color), var(--dark-color));
    background: light-dark(var(--light-bg), var(--dark-bg));
  }
  input::placeholder {
    font-size: 16px;
  }
  #email, #emailregister, #username, #passwordregister{
    border-bottom: 0px;
  }
  .input-util{
    outline: none;
    padding: 5px;
    font-size: 16px;
    border: 1px dotted;
    background: rgb(0, 252, 0);
    width: 100%;
  }
  .header {
    position: absolute;
    width: 100%;
  }
  .header-c0n {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 10;
    padding: 10px;
  }
  .main-height {
    user-select: none;
    height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 1040px;
    width: 100%;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    padding-top: 60px;
  }
  .main-test{
    display: none;
    min-height: 214px;
  }
  .main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
  }
  .main-b0dy-c0n {
    display: flex;
    border-bottom: 1px solid black;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  .main-0pti0n {
    width: 100%;
    transition: .5s;
    z-index: 11;
    position: relative;
    background: black;
    height: 100%;
    align-content: center;
    display: flex;
    justify-content: center;
    box-shadow: 0px 0px 15px 3px rgb(0, 252, 0);
  }
  .main-b0dy {
    user-select: none;
    position: relative;
    height: 100%;
    display: flex;
    transition: none;
    width: 100%;
  }
  .main-sl0ts-fullscreen-c0n{
    display: flex;
    position: absolute;
    right: 0px;
  }
  .main-sl0ts-fullscreen, .main-sl0ts-fullscreen-real{
    display: flex;
    width: 35px;
    height: 35px;
    cursor: pointer;
    margin-right: 10px;
  }
  .sl0t-fullscreen, .sl0t-fullscreen-real{
    pointer-events: none;
  }
  .main-b0tt0m-c0n {
    max-height: 150px;
    min-height: 150px;
    transition: .8s;
    border-top: 1px solid;
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 1040px;
  }
  .vide0-single-suggesti0n-c0n{
    border: 1px solid rgb(0, 252, 0);
    color: light-dark(var(--light-active-color), var(--dark-active-color));
    background: light-dark(var(--light-active), var(--dark-active));
    cursor: pointer;
    display: flex;
    height: 98px;
    width: fit-content;
    max-width: 250px;
    width: 250px;
    box-shadow: 0px 0px 3px 1px rgb(0, 252, 0);
    transition: .3s;
  }
  .vide0-single-suggesti0n-c0n:hover {
    box-shadow: 0px 0px 10px 1px rgb(0, 252, 0);
  }
  .main-b0tt0m-big-view-c0n{
    display: flex;
    height: 100%;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    overflow: hidden;
    transition: .8s;
    border-top: 1px solid;
  }
  #main-b0tt0m-big-view-categ0ry-3{
    border: 1px solid;
  }
  .main-b0tt0m-big-view-categ0rys{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid;
    flex-wrap: wrap;
  }
  .main-b0tt0m-big-view-categ0ry{
    padding: 5px;
    cursor: pointer;
    text-align: center;
  }
  .main-b0tt0m-big-view-categ0ry.active{
    border: 1px solid;
    border-bottom: 0px;
  }
  .main-b0tt0m-big-view-categ0ry:hover{
    text-decoration: underline;
  }
  .main-b0tt0m-big-view-categ0rys-c0n{
    padding-top: 10px;
  }
  .vide0-single-suggesti0n-thumbnail{
    display: flex;
    max-height: 98px;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    justify-content: center;
  }
  .main-b0tt0m-t00ls-c0n{
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0px;
    height: 24px;
  }
  .main-b0tt0m-t00ls{
    display: flex;
    position: relative;
    z-index: 1;
  }
  .main-b0tt0m-t00l-arr0w-c0n{
    width: 48px;
    height: 24px;
    position: relative;
    border: 1px solid;
    border-top: 0px;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    z-index: 1;
    background: light-dark(var(--light-bg), var(--dark-bg));
  }
  .main-b0tt0m-t00l-arr0w-r{
    width: 20px;
    background: black;
    position: relative;
    height: 3px;
    rotate: -45deg;
    left: 2px;
    top: 10px;
    pointer-events: none;
    transition: .8s;
    background: light-dark(var(--light-color), var(--dark-color));
  }
  .main-b0tt0m-t00l-singles{
    padding-right: 10px;
    border-bottom: 1px solid light-dark(var(--light-color), var(--dark-color));
    padding-left: 5px;
    cursor: pointer;
    z-index: 1;
    background: light-dark(var(--light-active), var(--dark-active));
    color: light-dark(var(--light-color), var(--dark-color));
  }
  .main-b0tt0m-t00l-singles inactive{
    background: light-dark(var(--light-bg), var(--dark-bg));
  }
  .main-b0tt0m-t00l-battles{
    padding-left: 10px;
    border-bottom: 1px solid light-dark(var(--light-color), var(--dark-color));
    padding-right: 5px;
    cursor: pointer;
    z-index: 2;
    background: light-dark(var(--light-active), var(--dark-active));
    color: light-dark(var(--light-color), var(--dark-color));
  }
  .main-b0tt0m-t00l-singles inactive{
    background: light-dark(var(--light-bg), var(--dark-bg));
  }
  .main-b0tt0m-t00l-batttles-b0rder-right{
    border-right: 1px solid;
    rotate: 50deg;
    min-height: 40px;
    display: flex;
    width: 22px;
    position: absolute;
    right: -19px;
    top: -17px;
    cursor: pointer;
    z-index: 1;
  }
  .main-b0tt0m-t00l-batttles-b0rder-right inactive{
    background: light-dark(var(--light-bg), var(--dark-bg));
  }
  .main-b0tt0m-t00l-singles-b0rder-left{
    border-right: 1px solid;
    rotate: 125deg;
    min-height: 40px;
    display: flex;
    width: 24px;
    position: absolute;
    left: -22px;
    top: -17px;
    background: light-dark(var(--light-active), var(--dark-active));
    cursor: pointer;
    z-index: 1;
  }
  .main-b0tt0m-t00l-singles-b0rder-left inactive{
    background: light-dark(var(--light-bg), var(--dark-bg));
  }
  .class-vide0-single-suggesti0n-durati0n{
    position: absolute;
    color: white;
    top: 5px;
    right: 5px;
    font-size: 14px;
  }
  .main-b0tt0m-t00l-arr0w-l{
    width: 20px;
    background: black;
    top: 7px;
    position: relative;
    height: 3px;
    rotate: 45deg;
    left: 15px;
    transition: .8s;
    pointer-events: none;
    background: light-dark(var(--light-color), var(--dark-color));
    background: light-dark(var(--light-color), var(--dark-color));
  }
  .main-b0tt0m-big-view{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .main-b0tt0m-big-description-c0n{
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .main-b0tt0m-big-description{
    padding-bottom: 20px;
    width: fit-content;
    font-size: 24px;
    text-decoration: underline;
    padding: 10px;
  }
  .vide0-single-suggesti0n-leftFlex{
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
  }
  .vide0-single-suggesti0n-righFlex{
    max-width: 80px;
    min-width: 80px;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
  }
  .vide0-single-suggesti0n-vide0name{
    font-size: 14px;
    display: flex;
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 252, 0, .25);
    backdrop-filter: blur(4.9px);
    -webkit-backdrop-filter: blur(4.9px);
    text-align: center;
    justify-content: center;
    height: 20px;
  }
  .main-b0ttom-t00ls-c0n{
    height: 50px;
  }
  .vide0-single-suggesti0n-username{
    word-wrap: break-word;
    text-align: center;
    padding: 0px 5px 0px 5px;
  }
  .vide0-single-suggesti0n-picture{
    align-content: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
  #inf0-mirr0r-r{
    display: none;
  }
  .vide0-single-suggesti0n {
    display: flex;
    pointer-events: none;
    height: 98px;
    width: 100%;
  }
  .video-wrapper {
    max-width: 800px;
    margin: 0 auto;
  }
  video {
    width: fit-content;
    height: fit-content;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
  }
  .main-b0dy-utils-c0n{
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-b0dy-utils {
    position: absolute;
    display: block;
    background: rgb(0, 252, 0);
    z-index: 12;
    border: 1px solid #00000073;
    user-select: none;
    cursor: cell;
    pointer-events: auto;
    z-index: 100000000000;
  }
  .main-b0dy-utils-rl {
    height: 100%;
    display: none;
    position: absolute;
    width: 100%;
  }
  .main-b0dy-inf0-c0n {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
  }
  #main-b0dy-utils-r, #main-b0dy-utils-l {
    width: 100%;
    margin: 100px;
    cursor: pointer;
    border: 10px solid red;
  }
  .main-b0dy-inf0-mirr0r {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 100%;
    overflow: hidden;
  }
  .inf0-mirr0r {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    transition: .8s;
    display: flex;
  }
  #main-0pti0n-1 {
    left: 0%;
  }
  #main-0pti0n-2 {
    right: 0%;
  }

  .settings-c0n {
    height: fit-content;
    margin-top: 10px;
    margin-right: 10px;
  }

  #main-b0dy-utils-v0ter-c0n {
    display: none;
    left: -104px;
    top: 261px;
    position: absolute;
    border: 1px solid #00000073;
    background: rgb(0, 252, 0);
    width: 230px;
    justify-content: space-between;
  }
  .main-b0dy-utils-v0ter-inf0 {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
  #main-b0dy-utils-v0ter-left:hover {
    transition: .3s;
    color:rgb(0, 252, 0);
    background: black;
  }
  #main-b0dy-utils-v0ter-right {
    cursor: pointer;
    width: 100%;
    text-align: center;
    align-content: center;
    height: 99px;
  }
  #main-b0dy-utils-v0ter-right:hover {
    transition: .3s;
    color:rgb(0, 252, 0);
    background: black;
  }
 .vs {
    -webkit-appearance: none;
    width: 0px;
    background: rgba(0, 0, 0, 0.616);
    height: 10px;
    border: 1px solid rgb(0, 252, 0);
    cursor: pointer;
    transition: .3s;
    opacity: 0;
  }
.vs::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: rgb(0, 255, 0);
    border-radius: 0px;
}
progress {
    color: light-dark(var(--light-active-color), var(--dark-active-color));
}
progress::-moz-progress-bar {
    background: light-dark(var(--light-bg), var(--dark-bg));
}
progress::-webkit-progress-value {
    background: light-dark(var(--light-bg), var(--dark-bg));
}
progress[aria-valuenow]:before {
    background: light-dark(var(--light-bg), var(--dark-bg));
}
progress {
    -webkit-appearance: none;
    appearance: none;
}
progress::-webkit-progress-bar {
    background-color: #242d21;
}
progress[value] {
    -webkit-appearance: none;
    appearance: none;
}
.vs::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: rgb(0, 255, 0);
    border-radius: 0px;
    border: none;
}
.vs-ranger {
  display: flex;
  align-items: center;
  position: absolute;
  left: 125px;
  transition: .3s;
  cursor: pointer;
}
.vs-ranger:hover .vs {
  width: 110px;
  opacity: 1;
}
.main-0pti0n.battle1.active:hover #sl0ts-ctrl-1, .main-0pti0n.single1.active:hover #sl0ts-ctrl-1{
  opacity: 1;
}
.main-0pti0n.battle2.active:hover #sl0ts-ctrl-2{
  opacity: 1;
}
.timer-c0n{
  position: absolute;
  left: 10px;
  height: 30px;
  border: 1px solid rgb(0, 252, 0);
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.616);
  backdrop-filter: blur(4.9px);
  width: 110px;
  justify-content: center;
  color: white;
}
.timer-1, .timer-2{
  padding: 2px;
}
.sl0ts-ctrl{
  display: flex;
  position: absolute;
  opacity: 0;
  transition: .5s;
  z-index: 200;
  bottom: 20px;
  width: 100%;
  justify-content: space-between;
}
.sl0ts-ctrl.active.opacity{
  opacity: 1;
}
.sl0ts-ctrl.active:hover{
  opacity: 1;
}
.stop-play{
    clip-path: polygon(0% 0%, 0% 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 0 100%);
    rotate: 90deg;
    cursor: pointer;
    position: relative;
    transition: .5s;
}
.stop-play-i {
  width: 35px;
  height: 10px;
  background: rgb(0, 255, 0);
  pointer-events: none;
}
#stop-play2 {
  margin-top: 4px;
}
#stop-play1 {
  margin-top: 4px;
}
.sl0ts-ctrl-relative {
  position: relative;
  display: flex;
  height: 35px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.sl0ts-1-pr0gress {
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 50px;
    display: flex;
    align-items: end;
    z-index: 100;
}
.sl0ts-1-pr0gress.inactive {
    display: none;
}
.pr0gress-bar{
    width: 100%;
    height: 6px;
    border: none;
    background: rgba(255, 255, 255, 0);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: .3s;
}

progress[value]::-webkit-progress-bar {
  background: var(transparent);
}
progress[value]::-webkit-progress-value {
  background:rgb(0, 255, 0, .5);
}
progress[value]::-moz-progress-bar {
  background: rgb(0, 255, 0, .5);
}

.inf0-mirr0r-titel {
  font-size: 22px;
  padding: 5px;
}
.inf0-mirr0r-titel-battle{
  font-size: 22px;
  padding: 1px;
  text-align: center;
}
.inf0-mirr0r-inf0-c0n {
    width: 100%;
    position: relative;
    min-width: 300px;
}
.inf0-mirr0r-pr0fil-r{
    padding: 5px;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 105px;
    max-width: 105px;
}
.inf0-mirr0r-pr0fil-r.single{
    display: none;
}
.inf0-mirr0r-pr0fil-l {
  padding: 1px;
  padding-top: 5px;
  border-right: 0px;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 105px;
  max-width: 105px;
}
.inf0-mirr0r-descripti0n-b0x{
    display: flex;
    height: 100%;
    max-height: 60px;
    overflow: hidden;
    transition: .5s;
    position: relative;
}
.inf0-mirr0r-descripti0n-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, light-dark(var(--light-bg), var(--dark-bg)) 65%);
  transition: .5s;
  pointer-events: none;
}
.inf0-mirr0r-pr0fil-picture {
    width: fit-content;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid rgb(0, 252, 0);
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
}
.inf0-mirr0r-pr0fil-picture-l-mobile {
    display: none !important;
}
.inf0-mirr0r-pr0fil-name-l-mobile{
    display: none;
}
.inf0-mirr0r-pr0fil-name-versus{
  display: none;
}
.inf0-mirr0r-battles{
    display: flex;
    justify-content: space-around;
    position: relative;
}
.inf0-mirr0r-battles-w0n{
  color: rgb(0, 252, 0);
}
.inf0-mirr0r-battles-l0st{
  color: rgb(252, 0, 0);
}
.inf0-mirr0r-battles-hover{
  padding: 1px;
  position: absolute;
  background: black;
  height: fit-content;
  width: fit-content;
  display: flex;
  color: white;
  left: 0px;
  top: -30px;
  min-width: 45px;
}
#inf0-mirr0r-battles-hover-w {
  color: rgb(0, 252, 0);
}
#inf0-mirr0r-battles-hover-l {
  color: rgb(252, 0, 0);
}
.inf0-mirr0r-inf0-header{
    display: flex;
}
.inf0-mirr0r-descripti0n-titel-c0n{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.main-b0dy-notify{
  display: flex;
}
.notify-progress{
  margin: 0;
  padding: 0;
  width: 100%;
  outline: none;
  transition: .5s;
  border: none;
  height: 5px;
  background-color: #00000000;
}
.inf0-mirr0r-descripti0n {
    padding: 2px;
    width: 100%;
    height: 100%;
    white-space: pre-line;
    transition: .5s;
}
.inf0-mirr0r-inf0-header.single{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inf0-mirr0r-descripti0n-r {
    padding: 2px;
    width: 100%;
    height: 100%;
    white-space: pre-line;
}
.inf0-mirr0r-descripti0n-r.single {
    display: none;
}
.main-b0dy-notify-c0n{
  top: 0px;
  position: absolute;
  width: 100%;
  z-index: 10000;
}
.main-mirr0r-t00ls{
  display: flex;
  justify-content: space-between;
}
.main-mirr0r-t00l-request-battle-1,.main-mirr0r-t00l-request-battle-2{
  padding: 10px;
  width: fit-content;
  cursor: pointer;
}
.commentary-span {
  display: block;
  outline: none;
  resize: none;
  overflow: hidden;
  user-select: text;
  word-wrap: break-word;
  padding: 5px;
  padding-right: 35px;
  transition: 1s;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.commentary-span[contenteditable]:empty::before {
    content: "...";
}
.inf0-mirr0r-c0mmentary-c0n {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 100px;
}
.inf0-mirr0r-c0mmentary-write {
    position: relative;
    width: 100%;
}
.commentary-enter{
    position: absolute;
    right: 5px;
    align-items: center;
    display: grid;
    cursor: pointer;
}
.main-b0dy-utils-class{
    text-align: center;
    cursor: pointer;
}
.main-b0dy-utils-l0g0{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    user-select: none;
}
#main-b0dy-utils-start-c0n, #main-b0dy-utils-start-l0gged-c0n{
    padding: 20px;
    padding-bottom: 10px;
}
#main-b0dy-utils-l0gin-c0n, #main-b0dy-utils-register-c0n{
    padding: 20px;
}
#main-b0dy-utils-register {
    margin-bottom: 10px;
}
#main-b0dy-utils-register:hover, #main-b0dy-utils-l0g:hover, #main-b0dy-utils-my-pr0fil:hover, #main-b0dy-utils-settings:hover{
    text-decoration: underline;
}
#main-b0dy-utils-l0g {
    margin-bottom: 5px;
    margin-top: 5px;
}
.inf0-mirr0r-c0mmentary{
    padding: 5px 0px 5px 0px;
    max-width: 700px;
    width: 100%;
}
.main-b0dy-utils-enter:hover{
    text-decoration: underline;
    transition: .5s;
}
.main-b0dy-utils-register-input, .main-b0dy-utils-l0gin-input {
    position: relative;
}
.input-err0r {
  display: none;
  position: absolute;
  right: 0;
  top: -1px;
  width: 79px;
  font-size: 11px;
  color: red;
  opacity: 0;
  transition: .8s;
}
.input-err0r-short {
  display: none;
  position: absolute;
  right: 5px;
  top: 7px;
  width: fit-content;
  font-size: 11px;
  color: red;
  opacity: 0;
  transition: .8s;
}
.main-b0dy-utils-register-input-checkmark {
    display: flex;
    border-bottom: 1px dotted;
    border-right: 1px dotted;
    border-left: 1px dotted;
    font-size: 12px;
    padding: 5px;
}
* {
    box-sizing: border-box;
  }
.agb-input-div{
    align-self: center;
    margin-right: 10px;
}
#agb::before{
    accent-color: black;
}
#agb{
    accent-color: black;
}
#main-b0dy-utils-m0de {
    position: relative;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
}
#main-b0dy-utils-m0de-switch{
  width: 20px;
  position: absolute;
  right: 0px;
  top: 20px;
  height: 20px;
  rotate: 90deg;
  cursor: pointer;
  z-index: 1000;
}
#main-b0dy-utils-m0de-switch-1{
  pointer-events: none;
}
#main-b0dy-utils-m0de-battle{

}
#main-b0dy-utils-m0de-single{
  width: fit-content;

}
#main-b0dy-utils-my-pr0fil {
  margin-bottom: 5px;
}
#main-b0dy-utils-search-bar{
  height: 35px;
  min-width: 100%;
  display: block;
  background: white;
  outline: none;
  padding: 5px;
  border: 1px solid;
  white-space: nowrap;
}
.search-request-0utput-flex{
  display: flex;
  align-items: center;
}
#search-request-0utput-c0n-js{
  background: white;
  padding: 10px;
  border: 1px solid;
  border-top: 0px;
}
.search-request-0utput-thumbnail-c0n{
  position: relative;
  max-width: 125px;
  overflow: hidden;
  display: flex;
}
.search-request-0utput-thumbnail-duration{
  position: absolute;
  bottom: 10px;
  left: 6px;
  color: white;
  font-size: 12px;
}
.search-request-0utput-vide0name-c0n{
  display: flex;
  align-items: center;
  max-width: 200px;
}
.search-request-0utput-vide0name{
  margin-left: 10px;
}
#main-b0dy-utils-search-bar-c0n{
  margin-top: -20px;
  width: 100%;
  position: relative;
  transition: .5s;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#main-b0dy-utils-settings{
    margin-bottom: 10px;
}
#search-request-0utput-username-c0n{
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.search-request-0utput-picture-c0n{
  height: 30px;
}
.search-request-0utput-suscriber-c0n{
  font-size: 12px;
  margin-left: 10px;
  text-align: center;
}
.search-request-0utput-suscriber-title{
  border-bottom: 1px solid;
}
.search-request-0utput-c0n{
  cursor: pointer;
  margin-bottom: 10px;
}
.main-b0dy-utils-register-c0de{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.main-b0dy-utils-register-c0de-input {
  height: 40px;
  width: 25px;
  border: 1px solid;
  outline: none;
  padding: 8px;
  background:rgb(0, 252, 0);
}
.main-b0dy-utils-register-c0de-input-mobile {
  height: 40px;
  width: 25px;
  border: 1px solid;
  outline: none;
  padding: 8px;
}
.main-b0dy-utils-l0g0-descripti0n{
  padding: 10px;
  text-align: center;
}
#main-pr0fil-c0n {
  background: light-dark(var(--light-bg), var(--dark-bg));
  height: 100%;
  width: 100%;
}
.main-b0dy-navigator-REGISTER-c0n{
  position: absolute;
  right: 11px;
  color: white;
  font-size: 22px;
  cursor: pointer;
}
.navigator-registered-yet, .navigator-login-yet{
  cursor: pointer;
}
.main-pr0fil-utils {
  height: 100%;
  min-width: 200px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-right: 1px solid;
}
.main-pr0fil-block {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main-pr0fil-flex {
  display: flex;
  height: 100%;
}
.main-pr0fil-user{
  display: flex;
  height: 100%;
  transition: .5s;
  overflow: hidden;
  flex-direction: column;
}
.main-pr0fil-user-descripti0n-c0n{
  min-height: 25px;
  max-height: 25px;
  flex-shrink: 0;
  overflow: hidden;
  transition: .5s;
  display: flex;
  justify-content: center;
  position: relative;
}
.main-pr0fil-user-descripti0n-arr0w{
  position: absolute;
  bottom: 0px;
  height: 19px;
  width: 30px;
  cursor: pointer;
}
.main-pr0fil-user-descripti0n-arr0w-l{
  height: 22px;
  width: 4px;
  background: light-dark(var(--light-active), var(--dark-active));
  position: absolute;
  rotate: -45deg;
  left: 6px;
  top: 0px;
  pointer-events: none;
  transition: .5s;
}
.main-pr0fil-user-descripti0n-arr0w-r{
  height: 22px;
  width: 4px;
  background: light-dark(var(--light-active), var(--dark-active));
  position: absolute;
  rotate: 45deg;
  right: 6px;
  top: 0px;
  pointer-events: none;
  transition: .5s;
}
.main-pr0fil-user-descripti0n-overlay{
  background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(0, 252, 0) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  pointer-events: none;
  transition: .5s;
  opacity: 1;
}
.main-pr0fil-user-descripti0n{
  padding: 1px;
  text-align: center;
  transition: .5s;
  width: 100%;
  word-break: break-word;
  white-space: pre-line;
}
.main-pr0fil-videos{
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.main-pr0fil-videos-c0n{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
.main-pr0fil-videos-b0x{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  padding: 5px;
  justify-content: center;
}
.main-profil-videos{
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-profil-inf0{
  font-size: 22px;
}

.main-pr0fil-video-single-c0n{
  height: fit-content;
  cursor: pointer;
  display: flex;
  position: relative;
}
.main-pr0fil-video-single-b0x{
  height: fit-content;
  background: rgb(0, 252, 0);
  color: light-dark(var(--light-active-color), var(--dark-active-color));
  position: relative;
  border: 1px solid rgb(0, 252, 0);
}
.main-pr0fil-video-single-inf0s{
  position: absolute;
  color: rgb(0, 252, 0);
  display: flex;
  font-size: 14px;
  width: 100%;
  justify-content: space-between;
}
.main-pr0fil-video-single-videoname{
  pointer-events: none;
  padding: 2px;
  border: 10px;
  bottom: 0px;
  position: absolute;
  width: 100%;
  background: rgba(0, 252, 0, .25);
  backdrop-filter: blur(4.9px);
  -webkit-backdrop-filter: blur(4.9px);
  text-align: center;
  height: 26px;
  overflow: hidden;
}
.main-pr0fil-video-single-inf0s-wins, .main-pr0fil-video-single-inf0s-loses, .main-pr0fil-video-single-inf0s-views{
  padding: 5px;
}
.main-pr0fil-video-single-inf0s-loses-description{
  color: rgb(252, 0, 0);
}
.main-pr0fil-video-single-inf0s-loses-number, .main-pr0fil-video-single-inf0s-wins-number, .main-pr0fil-video-single-inf0s-views-number, .main-pr0fil-video-single-inf0s-views{
  color: white;
  text-align: center;
}
.main-pr0fil-utils-select {
  width: 100%;
  transition: .5s;
  cursor: pointer;
  z-index: 10;
  text-align: center;
}
.main-pr0fil-utils-select:hover {
  text-decoration: underline;
}
.main-pr0fil-header-l0g0 {
  width: fit-content;
  cursor: pointer;
}
.main-pr0fil-header-l0g0-c0n {
  padding-bottom: 77px;
  display: flex;
  justify-content: center;
}
.main-pr0fil-utils-select-c0n{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5px;
  position: relative;
  z-index: 1;
}
.main-pr0fil-utils-search-c0n{
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 5px;
  background: white;
  position: relative;
  z-index: 10;
  white-space: nowrap;
  max-width: 139px;
}
#main-b0dy-utils-search {
  padding-top: 10px;
  margin-bottom: 5px;
  border-top: 1px dotted;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  position: relative;
  background: rgb(0, 252, 0);
}
#main-b0dy-utils-search:hover {
  text-decoration: underline;
}
.main-pr0fil-utils-search-span-c0n{
  transition: .5s;
  margin-top: -20px;
  position: relative;
  height: 35px;
  min-width: 129px;
}
.main-pr0fil-utils-search-span{
  height: 35px;
  min-width: 129px;
  display: block;
  outline: none;
  border: 1px solid;
  padding: 5px;
  transition: .5s;
  background: white;
  position: absolute;
}
#main-pr0fil-utils-arrow-category-1, #main-pr0fil-utils-arrow-mode-1{
  height: 11px;
  background: black;
  width: 2px;
  rotate: -45deg;
  transition: 1s;
  position: absolute;
  border-radius: 4px;
  top: 9px;
  cursor: pointer;
  right: 10px;
  pointer-events: none;
}
#main-pr0fil-utils-arrow-category-2, #main-pr0fil-utils-arrow-mode-2{
  height: 11px;
  background: black;
  width: 2px;
  rotate: 45deg;
  transition: 1s;
  position: absolute;
  border-radius: 4px;
  top: 3px;
  cursor: pointer;
  right: 10px;
  pointer-events: none;
}
.main-pr0fil-utils-arrow-c0n{
  position: relative;
  rotate: 180deg;
  width: 23px;
  cursor: pointer;
  transition: .5s;
}
.main-pr0fil-user-flex-c0n{
  display: flex;
  border-bottom: 1px solid;
  flex-direction: column;
  width: 100%;
}
.main-pr0fil-user-flex{
  display: flex;
  padding: 5px;
  flex-direction: column;
  height: 100%;
  align-items: center;
}
.main-pr0fil-user-suscribe{
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  align-content: center;
  cursor: pointer;
}
#main-pr0fil-user-suscribe-butt0n{
  padding: 5px;
  background: rgb(0, 252, 0);
  color: black;
  box-shadow: rgb(0, 252, 0) 0px 0px 5px 1px;
}
.main-pr0fil-user-picture{
  height: 70px;
  width: 70px;
  border-radius: 100%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
}
.main-settings-main-acc0unt-save-c0n{
  width: fit-content;
  padding: 20px;
}
#main-settings-main-acc0unt-save{
  padding: 5px 20px 5px 20px;
  background: rgb(0, 252, 0);
  color: black;
  cursor: pointer;
  font-weight: bold;
}
#main-settings-main-acc0unt-save:hover{
  text-decoration: underline;
}
.main-settings-main-acount{
  display: flex;
  align-items: center;
  padding: 10px;
}
.main-b0dy-navigator-pr0fil{
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  cursor: pointer;
}
.main-b0dy-navigator-pr0fil-img{
  width: 50px;
  height: 50px;
  pointer-events: none;
  object-fit: cover;
}
.main-b0dy-navigator-pr0fil-c0n{
  display: flex;
  align-items: center;
  position: absolute;
  right: 11px;
  top: 5px;
}
.main-b0dy-navigator-notify{
  margin-right: 10px;
  cursor: pointer;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.main-pr0fil-user-picture-img{
  height: 70px;
  width: 70px;
  object-fit: cover;
}
.main-pr0fil-user-name-c0n, .main-pr0fil-user-suscriber-c0n, .main-pr0fil-user-battles-w0n-c0n, .main-pr0fil-user-battles-l0st-c0n{
  align-content: center;
  text-align: center;
}
.main-pr0fil-user-suscriber, .main-pr0fil-user-name{
  display: grid;
  border-top: 1px solid;
}
.main-pr0fil-user-battles-w0n{
  color:rgb(0, 252, 0);
}
.main-pr0fil-user-battles-l0st{
  color:rgb(252, 0, 0);
}
.main-pr0fil-user-b0x{
  display: grid;
  padding: 8px;
}
.main-pr0fil-battle-0r-single{
  display: flex;
  width: 100%;
}
.main-pr0fil-singles-c0n {
  align-content: center;
  border-right: 1px solid;
  border-bottom: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.main-pr0fil-battles-c0n {
  align-content: center;
  border-bottom: 1px solid;
  width: 100%;
  display: flex;
  justify-content: center;
}
.main-pr0fil-site-types {
  width: fit-content;
  padding: 10px;
  cursor: pointer;
  align-self: center;
  width: 100%;
  text-align: center;
}
.main-pr0fil-site-types:hover {
  text-decoration: underline;
}
.main-profil-utils-c0n {
  height: 100%;
  padding: 20px;
}
.main-pr0fil-utils-t00ls {
  border-top: 1px solid;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-pr0fil-utils-upl0ad {
  width: fit-content;
  padding: 5px;
  background: rgb(0, 252, 0);
  cursor: pointer;
  box-shadow: rgb(0, 252, 0) 0px 0px 5px 1px;
  color: light-dark(var(--light-active-color), var(--dark-active-color));
}
.main-pr0fil-utils-upl0ad-c0n {
  display: flex;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
  position: relative;
}
.main-pr0fil-utils-t00ls-disclaimer-c0n {
  text-align: center;
  align-content: center;
  font-size: 10px;
  display: flex;
  justify-content: center;
}
.main-pr0fil-utils-t00ls-disclaimer {
  width: fit-content;
  cursor: pointer;
}
input#main-pr0fil-utils-upl0ad-1[type="file"] {
    display: none;
}
.main-pr0fil-utils-cat0gory-drop-down, .main-pr0fil-utils-m0de-drop-down{
  display: none;
  flex-direction: column;
  align-items: end;
  padding-right: 25px;
  margin-top: -40px;
  transition: 1s;
  opacity: 0;
}
.main-pr0fil-utils-cat0gory-dr0p, .main-pr0fil-utils-m0de-dr0p{
  cursor: pointer;
}
.vide0-upl0ad-switch {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 17px;
  margin-right: 10px;
}
.switch-no-drop{
  position: relative;
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 17px;
  margin-right: 10px;
  cursor: no-drop;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider::before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: rgb(255, 0, 0);
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
    background-color: #000000;
}

input:focus + .slider {
    box-shadow: 0 0 1px #ff000000;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
    background-color: rgb(30, 255, 0);
}
.main-vide0-upl0ad-c0n {
  position: absolute;
  z-index: 1000000000;
  top: 0px;
  background: #808080ba;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.main-vide0-upl0ad {
  padding: 25px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  border: 1px solid;
  display: flex;
  transition: .5s;
  position: relative;
}
.vide0-upl0ad-span {
  display: block;
  border: 1px solid;
  outline: none;
  resize: none;
  overflow: hidden;
  user-select: text;
  word-wrap: break-word;
  padding: 5px;
  transition: 1s;
  height: 100px;
  max-width: 308px;
  overflow-y: auto;
  scrollbar-width: none;
}
.vide0-upl0ad-span[contenteditable]:empty::before {
  content: "DESCRIPTION";
  opacity: 0.6;
}
.vide0-upl0ad-span-div-description-c0n{
  display: flex;
  justify-content: space-between;
}
.vide0-upl0ad {
  width: 100%;
  padding: 10px;
  outline: none;
  transition: 1s;
  border: 1px solid;
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 16px;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#vide0-upl0ad-span{
    margin-bottom: 15px;
}
.main-vide0-upl0ad-date{
  appearance: none;
  border: 1px solid;
  font-size: 16px;
  padding: 10px;
  outline: none;
}
#vide0-upl0ad-butt0n-c0n{
  margin-top: 10px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background-color: rgb(0, 255, 0);
  padding: 5px;
  border: 1px solid #00000073;
  height: 35px;
  color: black;
}
#vide0-upl0ad-butt0n-c0n:hover{
  text-decoration: underline;
}
.main-vide0-upl0ad-date-c0n{
  display: flex;
  flex-direction: column;
  padding: 10px 0px 10px 0px;
}
.vide0-upl0ad-descripti0n{
  text-align: center;
  margin-bottom: 10px;
  font-size: 22px;
}
.main-vide0-upl0ad-date{
  appearance: none;
  border: 1px solid;
  padding: 10px;
  font-size: 16px; 
  outline: none;
}
#progress-bar-upl0ad{
  width: 100%;
  height: 29px;
}
.pr0gress-upl0ad-c0n{
  position: relative;
  margin-bottom: 10px;
}
#progress{
  position: absolute;
  width: 100%;
  text-align: center;
  height: 29px;
  align-content: center;
  border: 1px solid;
}
.main-vide0-upl0ad-finish-c0n{
  transition: .5s;
  display: flex;
}
.main-vide0-upl0ad-finish-link{
  font-size: 22px;
  margin-top: 10px;
  color: rgb(0, 252, 0);
  text-decoration: underline;
  display: flex;
  justify-content: center;
}
#main-vide0-upl0ad-finish-thumb{
  height: fit-content;
  display: flex;
  overflow: hidden;
}
#main-vide0-upl0ad-categ0ry{
  border: 1px solid;
  padding: 10px;
  font-size: 16px;
  width: 100%;
  outline: none;
  background: light-dark(var(--light-bg), var(--dark-bg));
}
.main-vide0-upload-thumbnail-img{
  width: 300px;
  scale: 1.5;
}
.main-vide0-upl0ad-finish-link-a{
  cursor: pointer;
}
#main-vide0-upl0ad-finish-link {
  padding-top: 20px;
}
.main-vide0-upl0ad-finish{
  padding: 0px 10px 0px 10px;
}
.spinner {
   position: relative;
   width: 6px;
   height: 6px;
   top: 8px;
   right: 22px;
}
.vide0-upl0ad-err0r{
  color: rgb(252, 0, 0);
  padding: 15px 0px 5px 0px;
}
.spinner div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 0, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}

.spinner div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 0, 0);
}

.spinner div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 0, 0);
}

.spinner div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 0, 0);
}

.spinner div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 0, 0);
}

.spinner div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}

@keyframes spinner-4t3wzl {
   0% {
      transform: rotate(0deg) translateY(-200%);
   }

   60%, 100% {
      transform: rotate(360deg) translateY(-200%);
   }
}
.vide0-upl0ad-butt0n {
  opacity: 0;
  transition: .3s;
  pointer-events: none;
}
.comment-user-c0ntainer{
  display: flex;
  padding-bottom: 5px;
}
.comment-user-c0mment{
  padding: 5px;
  margin-right: 2px;
  white-space: pre-line;
}
.comment-user-picture {
  height: 30px;
  width: 30px;
  margin-right: 5px;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
}
.comment-user-picture-img{
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.comment-user-username{
  align-self: center;
}
.comment-c0n{
  display: flex;
  padding: 5px;
  margin: 5px 0px 5px 0px;
}
.comment-user-b0x{
  display: flex;
}
.comment-user-c0n{
  width: 100%;
}
#comment-secti0n{
  cursor: pointer;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding-top: 9px;
  width: 23px;
}
.comment-user-t00ls{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-left: 1px;
}
.comment-user-t00l-like-sub{
  margin-right: 1px;
  margin-bottom: 0px !important;

}
#comment-user-t00l-like{
  font-size: 18px;
  width: 20px;
  height: 20px;
  border: 1px solid;
  display: grid;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  user-select: none;
  margin-top: 1px;
  margin-bottom: 1px;
}
#comment-user-t00l-dislike{
  width: 20px;
  height: 20px;
  display: grid;
  border: 1px solid;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}
#comment-user-t00l-report{
  border: 1px solid;
  width: 20px;
  height: 20px;
  display: grid;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
.comment-user-t00l-report{
  margin-left: 1px;
}
.commentary-sub-c0n {
  position: relative;
  transition: .5s;
}
.commentary-sub-enter{
  position: absolute;
  align-content: center;
  display: grid;
  right: 1px;
  cursor: pointer;
}
.comment-sub-b0x{
  margin-top: -5px;
  border-top: 0px;
  margin-left: 40px;
  margin-right: 5px;
}
.commentary-sub-span {
  display: block;
  border-bottom: 1px solid;
  border-top: 0px;
  outline: none;
  resize: none;
  overflow: hidden;
  user-select: text;
  word-wrap: break-word;
  padding: 5px;
  padding-right: 40px;
  transition: 1s;
}
.comment-user-ago-sub{
  font-size: 14px;
  display: flex;
  justify-content: end;
  align-items: end;
  flex-shrink: 0;
  margin-right: 5px;
}

.commentary-sub-span[contenteditable]:empty::before {
    content: "...";
}
.comment-sub-c0n {
  display: flex;
  position: relative;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: .5s;
}
.comment-sub-user-t00ls{
  display: flex;
  align-items: end;
  justify-content: space-between;
  user-select: none;
}
.comment-sub-user-b0x{
  display: flex;
  align-items: center;
  width: 100%;
}
.comment-sub-user-c0ntainer{
  display: flex;
  align-content: center;
  padding: 5px 0px 5px 0px;
}
.comment-sub-user-c0n{
  width: 100%;
}
#comment-sub-secti0n-c0n{
  margin-top: 15px;
}
#comment-sub-secti0n{
  display: flex;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-top: 1px;
}
.comment-sub-user-picture{
  height: 30px;
  cursor: pointer;
  width: 30px;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
}
.comment-sub-user-username{
  margin-left: 5px;
}
#comment-sub-user-t00l-like {
  border-radius: 100%;
  font-size: 18px;
  background: rgb(0, 255, 0);
  width: 20px;
  height: 20px;
  display: grid;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
#comment-sub-user-t00l-dislike {
  border-radius: 100%;
  background: rgb(255, 0, 0);
  width: 20px;
  height: 20px;
  display: grid;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}
#comment-sub-user-t00l-report {
  border-radius: 100%;
  border: 1px solid;
  width: 20px;
  height: 20px;
  display: grid;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
.comment-sub-user-c0mment{
  padding: 5px;
  word-wrap: anywhere;
  white-space: pre-line;
}
.commentary-sub-c0n-comment{
  padding-left: 20px;
}
.comment-sub-b0x-small {
  background: unset;
  transition: 1s;
}
.comment-user-ago-c0n{
  display: flex;
  align-items: end;
  width: 100%;
  justify-content: end;
  margin-right: 5px;
  font-size: 14px;
}
.comment-arr0w-down{
  position: relative;
  height: 20px;
}
.comment-arr0w-down-1{
  width: 13px;
  background: black;
  height: 3px;
  rotate: 45deg;
  top: 9px;
  position: absolute;
  transition: .8s;
  pointer-events: none;
  background: light-dark(var(--light-color), var(--dark-color));
}
.comment-arr0w-down-2{
  width: 13px;
  background: black;
  height: 3px;
  rotate: -45deg;
  top: 9px;
  position: absolute;
  transition: .8s;
  right: 1px;
  pointer-events: none;
  background: light-dark(var(--light-color), var(--dark-color));
}
.comment-user-rati0{
  display: flex;
  justify-content: end;
  align-items: end;
}
.comment-user-rati0-p0sitive{
  margin-right: 1px;
  color:rgb(0, 252, 0);
  height: 20px;
  min-width: 20px;
  display: grid;
  align-content: center;
  text-align: center;
  padding: 0px 2px 0px 2px;
}
.comment-user-rati0-negative{
  margin-right: 1px;
  color: rgb(252, 0, 0);
  height: 20px;
  min-width: 20px;
  display: grid;
  align-content: center;
  text-align: center;
  padding: 0px 2px 0px 2px;
}
.inf0-mirr0r-c0mmentary-t0pic{
  padding: 5px;
}
.main-pr0fil-user-HASsuscriber-c0n{
  align-content: center;
  text-align: center;
}
.comment-user-picture, .comment-user-username, .inf0-mirr0r-pr0fil-name, #comment-sub-user-username, comment-sub-user-picture{
  cursor: pointer;
}
#video-sl0t-1, #video-sl0t-2 {
  position: relative;
  display: flex;
  flex-grow: 0;
  height: 100%;
}
.video-sl0t-1.single{
  align-items: center;
}
.video-sl0t-1.battle{
  align-items: center;
}
.video-sl0t-2.battle{
  align-items: center;
}
.video-sl0t-1.battle.inactive{
  align-items: start;
}
.video-sl0t-2.battle.inactive{
  align-items: start;
}
.vide0-buffer-1, .vide0-buffer-2{
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
  display: none;
  justify-content: center;
  align-content: center;
  background: #00000047;
}
.spinner-vid {
   position: relative;
   width: 12px;
   height: 12px;
}

.spinner-vid div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}

.spinner-vid div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 252, 0);
}

.spinner-vid div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 252, 0);
}

.spinner-vid div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 252, 0);
}

.spinner-vid div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 252, 0);
}

.spinner-vid div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}
.main-settings-c0n{
  height: 100%;
  width: 100%;
  background: light-dark(var(--light-bg), var(--dark-bg));
}
.main-settings{
  height: 100%;
  width: 100%;
  display: flex;
}
.main-settings-0ptions-c0n{
  height: 100%;
  min-width: 200px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-right: 1px solid;
}
.main-settings-l0g0{
  margin-bottom: 77px;
  cursor: pointer;
}
.main-settings-0ptions{
  padding: 5px;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.main-settings-0ptions:hover {
  text-decoration: underline;
}
.main-settings-0ptions-b0x {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}
.main-settings-disclaimer-c0n {
  width: 100%;
  border-top: 1px solid;
}
.main-settings-diclaimer-b0x {
  display: flex;
  justify-content: center;
}
.main-settings-disclaimer {
  font-size: 10px;
  width: fit-content;
  cursor: pointer;
}
.main-settings-main-wind0w-c0n{
  width: 100%;
  display: flex;
}
.main-settings-main-wind0w-b0x, .main-settings-main{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.main-settings-main {
  overflow-y: auto;
  scrollbar-width: none;
}
.main-settings-main-wind0w{
  height: 100%;
}
.main-settings-main-description-error{
  color: rgb(252,0, 0);
  padding-top: 5px;
}
.main-settings-main-title{
  min-height: 100px;
  align-content: center;
  border-bottom: 1px solid;
  padding: 20px;
  font-size: 26px;
  text-align: center;
}
.main-settings-main-description{
  width: fit-content;
  padding: 10px;
}
.main-settings-main-visible-battle{
  padding: 20px;
  display: flex;
  align-items: center;
}
.main-settings-main-newsletter{
  padding: 20px;
  display: flex;
  align-items: center;
}
.main-settings-main-description-span{
  outline: none;
  border: 1px solid;
  max-width: 380px;
  display: block;
  padding: 10px;
  word-break: break-word;
  white-space: pre-line;
}
.main-settings-main-description-title-c0n{
  padding: 2px 0px 2px 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main-settings-main-description-title-length{
  padding-left: 10px;
}
.main-settings-main-video-duration{
  position: absolute;
  top: 10px;
  color: white;
  right: 5px;
}
.main-settings-main-video-thumbnail{
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 300px;
}
#main-setttings-main-video-util{
  font-weight: bold;
  font-size: 22px;
  padding: 5px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 41px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border-top: 1px solid rgba(0, 252, 0, 0.5);
}
.main-settings-main-video-util-c0n{
  margin-right: 20px;
  pointer-events: none;
}
.main-settings-main-video-flex{
  display: flex;
  align-items: center;
  width: fit-content;
  position: relative;
  border: 1px solid rgb(0, 252, 0);
  max-width: 100%;
}
.main-settings-main-video-name{
  width: 100%;
  padding: 10px;
  word-break: break-word;
  color: white;
}
.main-settings-main-video{
  display: flex;
  justify-content: center;
  padding: 5px;
}
.main-settings-main-videos-c0n{
  overflow-y: auto;
  scrollbar-width: none;
  height: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page-directi0n-c0n{
  display: flex;
  justify-content: center;
}
.page-directi0n-flex{
  display: flex;
  width: 50px;
  justify-content: space-around;
  align-items: center;
}
#page-directi0n-profil-right, #page-directi0n-profil-left{
  cursor: pointer;
}
.page-directi0n-c0n{
  display: flex;
  justify-content: center;
  padding: 5px;
  border-top: 1px solid;
}
.page-directi0n-search, .page-directi0n{
  border: 1px solid;
  padding: 4px;
  font-size: 18px;
  user-select: none;
}
#page-directi0n-right-search, #page-directi0n-left-search, #page-directi0n-right, #page-directi0n-left{
  padding: 4px;
  align-self: center;
  cursor: pointer;
}
#page-directi0n-right-videos, #page-directi0n-left-videos{
  padding: 4px;
  align-self: center;
  cursor: pointer;
}
.main-settings-passw0rd-reset{
  padding: 10px;
}
.main-settings-passw0rd-title{
  width: fit-content;
  font-size: 18px;
  padding: 10px 0px 10px 0px;
}
.passw0rd-input{
  min-width: 200px;
  outline: none;
  padding: 4px;
  font-size: 16px;
  border: 1px solid;
}
.main-settings-passw0rd-0ld, .main-settings-passw0rd-new{
  margin-bottom: 5px;
}
.main-settings-passw0rd-small-title{
  width: fit-content;
  font-size: 14px;
  text-decoration: underline;
}
.main-vide0-edit-c0n{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-vide0-edit {
  background: light-dark(var(--light-bg), var(--dark-bg));
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  padding: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 600px;
}
.main-vide0-edit-battle-hist0ry{
  height: 100%;
}
.main-vide0-edit-battle-hist0ry-detail-picture-img {
  width: 100px;
}
.main-vide0-edit-battle-hist0ry-detail-flex{
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px 0px 10px 0px;
}
.main-vide0-edit-battle-hist0ry-detail-picture{
  display: flex;
  flex-direction: column;
}
.main-vide0-edit-battle-hist0ry-detail-w-Or-l{
  font-size: 20px;
}
.main-vide0-edit-battle-hist0ry-detail-w-Or-l-c0n{
  display: flex;
  align-items: center;
}
#main-vide0-title-title{
  outline: none;
  font-size: 16px;
  border: 1px solid;
  width: 100%;
  padding: 10px;
}
#vide0-edit-save-butt0n{
  text-align: center;
  padding: 10px;
  background: rgb(0, 252, 0);
  cursor: pointer;
  color: black;
  font-weight: bolder;
}
#vide0-edit-save-butt0n:hover{
  text-decoration: underline;
}
.main-vide0-thumbnail{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  border: 2px solid;
  height: 100%;
  width: 100%;
}
#main-vide0-thumbnail-add{
  position: absolute;
}
.main-video-thumbnail-c0n{
  position: relative;
  height: 73px;
  width: 73px;
  display: flex;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid white;
  background: #ffffff69;
  cursor: pointer;
}
#main-video-thumbnail{
  color: rgb(0, 252, 0);
  font-size: 50px;
  position: absolute;
  top: -5px;
  height: 0px;
  pointer-events: none;
}
#main-video-thumbnail-input{
  display: none;
}
.main-vide0-thumbnail-c0n{
  padding: 10px 0px 10px 0px;
  display: flex;
  justify-content: center;
}
.main-vide0-title-change-c0n{
  margin-top: 10px;
}
#main-vide0-description-span{
  display: block;
  width: 100%;
  border: 1px solid;
  padding: 10px;
  min-height: 100px;
  outline: none;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: none;
}
.main-vide0-description-c0n{
  margin-top: 5px;
}
#main-vide0-description-span[contenteditable]:empty::before {
  content: "DESCRIPTION";
  opacity: .6;
}
.main-vide0-title-c0n{
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.main-settings-battlerequest-overlay-enemy-c0n{
  display: flex;
  align-items: center;
  flex-direction: column;
}
#main-vide0-title-edit{
  width: fit-content;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  border-right: 1px solid;
}
#main-video-title-history{
  width: fit-content;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid;
}
#main-vide0-title-edit:hover, #main-video-title-history:hover{
  text-decoration: underline;
}
.main-vide0-title-edit.active, .main-video-title-history.active{
  text-decoration: underline;
}
.main-video-title-history.active{
  text-decoration: underline;
  border-bottom: 0px !important;
}
.main-vide0-title-edit.inactive{
  border-bottom: 1px solid !important;
}
.main-vide0-title-b0x-1, .main-vide0-title-b0x-2{
  width: 100%;
  display: flex;
  justify-content: center;
}

.thumbnail-progress{
  position: absolute;
  top: -2px;
}
.thumbnail-progress-bar{
  width: 100%;
  border: 1px solid;
}
.thumbnail-progress-b0x{
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
}
#thumbnail-picture-in-edit{
  transition: 1s;
  width: 100%;
  max-height: 400px;
  object-fit: contain;
  background: black;
}
#vide0-edit-delete-butt0n{
  text-align: center;
  padding: 10px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  z-index: 1;
  position: relative;
  border: 1px solid;
}
#vide0-edit-delete-butt0n:hover{
  text-decoration: underline;
}
#passw0rd-input-vide0-edit{
  width: 100%;
  border: 1px solid;
  font-size: 16px;
  padding: 10px;
  outline: none;
  position: inherit;
  top: -35px;
  transition: .8s;
  margin-bottom: 10px;
}
.main-settings-2fa-checkbox{
  display: flex;
  align-items: center;
}
.main-settings-b0x{
  padding: 10px;
}
.main-settings-2fa-c0n, .main-settings-save-c0n{
  width: fit-content;
}
.main-settings-save-c0n{
  margin-top: 20px;
}
#main-settings-save-butt0n{
  padding: 5px 20px 5px 20px;
  background: rgb(0, 252, 0);
  color: black;
  cursor: pointer;
  font-weight: bold;
}
#main-settings-save-butt0n:hover{
  text-decoration: underline;
}
.main-settings-security-last-l0gins-c0n{
  padding: 10px;
  overflow-y: auto;
  scrollbar-width: none;
}
#main-settings-security-last-l0gins{
  display: flex;
  cursor: pointer;
  border-bottom: 1px solid;
  width: fit-content;
}
.main-settings-security-last-l0gins-title{
  margin-right: 10px;
  pointer-events: none;
}
.main-settings-security-last-l0gins-arrow{
  font-size: 20px;
  height: 0px;
  position: relative;
  top: -4px;
}
.main-settings-security-last-l0gins-f0und {
  display: flex;
  flex-direction: column;
  padding: 10px;
  background: light-dark(var(--light-statistics-bg), var(--dark-statistics-bg));
  margin: 5px;
  flex-wrap: wrap;
}
.main-settings-security-last-l0gins-f0und-sub-description{
  text-decoration: underline;
}
.main-settings-security-last-l0gins-f0und-sub-date{
  font-size: 14px;
}
.main-settings-security-last-l0gins-f0und-c0n{
  padding: 5px 0px 5px 0px;
}
.main-settings-security-last-l0gins-f0und-sub-t00l{
  font-size: 30px;
  cursor: pointer;
}
.main-settings-passw0rd-c0n{
  width: fit-content;
  max-width: 240px;
}
.passw0rd-change-err0r{
  color: rgb(252, 0, 0);
  font-size: 14px;
}
#main-settings-security-last-l0gins-arrow-c0n {
  position: relative;
  width: 17px;
  padding: 2px;
  pointer-events: none;
}
#main-settings-security-last-l0gins-arrow-l {
  pointer-events: none;
  position: absolute;
  height: 2px;
  width: 13px;
  background: light-dark(var(--light-color), var(--dark-color));
  rotate: 40deg;
  top: 6px;
  transition: .5s;
}
#main-settings-security-last-l0gins-arrow-r {
  pointer-events: none;
  position: absolute;
  height: 2px;
  width: 13px;
  background: light-dark(var(--light-color), var(--dark-color));
  rotate: -40deg;
  top: 14px;
  transition: .5s;
}
.main-settings-security-last-l0gins-actual-c0n{
  display: none;
  transition: 1s;
  opacity: 0;
}
#main-session-edit-0ption{
  user-select: none;
  cursor: pointer;
  padding: 5px;
  font-size: 18px;
  color: red;
  width: fit-content;
}
#main-session-edit-0ption:hover{
  text-decoration: underline;
}
.main-sessi0n-edit-c0n{
  position: absolute;
  right: 15px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  border: 1px solid;
  padding: 4px;
  top: 4px;
}
.main-settings-security-last-l0gins-f0und-sub-c0n{
  position: relative;
  padding: 5px;
}
.search-request-0utput-spinner-c0n{
  display: flex;
  justify-content: center;
  padding: 20px;
}
.spinner-search {
   position: relative;
   width: 6px;
   height: 6px;
}

.spinner-search div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}

.spinner-search div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 252, 0);
}

.spinner-search div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 252, 0);
}

.spinner-search div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 252, 0);
}

.spinner-search div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 252, 0);
}

.spinner-search div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}
.main-search-c0n{
  width: 100%;
  height: 100%;
  background: light-dark(var(--light-bg), var(--dark-bg));
  overflow-y: auto;
  scrollbar-width: none;
  overflow-x: hidden;
}
.main-b0dy-navigator-notify-amount{
  position: absolute;
  top: 15px;
  background: rgb(0, 252, 0);
  border-radius: 100%;
  width: auto;
  text-align: center;
  font-size: 14px;
  min-width: 20px;
  color: black;
}
.main-search{
  height: 100%;
  display: flex;
  justify-content: center;
}
.main-search-center{
  max-width: 1000px;
  width: 100%;
  padding: 20px 40px 20px 40px;
}
.main-search-category{
  display: flex;
  margin-bottom: 20px;
  margin-top: 10px;
}
.main-search-category-target{
  width: fit-content;
  font-size: 18px;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  margin: 5px;
}
.main-search-category-target.active {
  text-decoration: underline;
  text-decoration-color: rgb(0, 252, 0);
  background: rgba(0, 0, 0, 0.274);
}
.main-search-bar{
  height: 50px;
  position: relative;
  display: block;
  border: 1px solid;
  outline: none;
  padding: 10px;
  font-size: 20px;
  align-content: center;
  padding-top: 11px;
  padding-right: 60px;
}
.main-search-bar-c0n{
  position: relative;
}
.search-request-0utput-big-flex{
  display: flex;
}
.search-request-0utput-username-big-c0n{
  font-size: 20px;
  align-self: center;
  margin-left: 20px;
}
.search-request-0utput-suscriber-big-c0n{
  margin-left: 25px;
  display: flex;
  flex-direction: column;
  align-self: center;
}
.search-request-0utput-suscriber-big-title{
  padding: 0px 10px 0px 10px;
  border-bottom: 1px solid;
}
.search-request-0utput-big-suscriber{
  text-align: center;
}
.search-request-0utput-big-b0x{
  padding: 10px 0px 10px 0px;
}
.main-search-icon-c0n{
  position: absolute;
  right: 0;
  border-left: 1px solid;
  cursor: pointer;
  z-index: 1;
}
.search-request-0utput-thumbnail-big-duration{
  position: absolute;
  bottom: 5px;
  color: white;
  left: 5px;
}
.search-request-0utput-thumbnail-big-c0n{
  position: relative;
  display: flex;
  max-width: 175px;
  min-width: 175px;
  overflow: hidden;
  cursor: pointer;
  justify-content: center;
  background: black;
}
.main-clip-info{
  position: absolute;
  background: #00000080;
  padding: 2px;
  right: 3px;
  top: 3px;
  font-size: 14px;
  font-weight: bold;
  color: rgb(0, 252, 0);
}
.search-request-0utput-vide0name-big-c0n{
  padding-left: 10px;
  font-size: 20px;
  align-content: center;
}
#search-request-0utput-big-vide0name{
  cursor: pointer;
}
.search-request-0utput-b0x{
  pointer-events: none;
}
#search-request-0utput-picture-big-c0n{
  display: flex;
  cursor: pointer;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  overflow: hidden;
}
.search-request-0utput-username-big-c0n{
  cursor: pointer;
}
.main-pr0fil-video-single, .main-pr0fil-video-single-inf0s{
  pointer-events: none;
}
.main-search-header-l0g0-c0n{
  position: absolute;
  top: 20px;
  left: 50px;
}
#main-search-header-l0g0{
  cursor: pointer;
  background: white;
}
.main-battle-request-overlay-c0n{
  height: 100%;
  width: 100%;
  top: 0px;
  z-index: 100;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  scrollbar-width: none;
  align-items: center;
  background: #0000008f;
}
.main-battle-request-overlay{
  padding: 10px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  height: fit-content;
  border: 2px solid;
}
.main-battle-request-start-date-c0n, .main-battle-request-span-reasoning-c0n{
  padding: 10px 0px 10px 0px;
}
.main-battle-request-start-date-description, .main-battle-request-span-description{
  padding-bottom: 5px;
}
.main-battle-request-span-reasoning{
  width: 100%;
  display: block;
  outline: none;
  min-height: 50px;
  border: 1px solid;
  padding: 5px;
  word-break: break-all;
  max-height: 100px;
  overflow: auto;
}
.main-battle-request-start-date{
  outline: none;
  padding: 5px;
  border: 1px solid;
}
#main-battle-request-earliest-date ,#main-battle-request-latest-date{
  outline: none;
  padding: 10px;
  border: 1px solid;
  width: 100%;
  appearance: none;
  color: light-dark(var(--light-color), var(--dark-color));
  border-radius: 0px;
  background: light-dark(var(--light-bg), var(--dark-bg));
}
#main-battle-request-plus-date{
  width: 100%;
  border-radius: 0px;
  outline: none;
  border: 1px solid;
  padding: 10px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  appearance: none;
  color: light-dark(var(--light-color), var(--dark-color));
  border-radius: 0px;
  font-family: "Quantico", sans-serif;
}
option {
  border-radius: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.main-battle-request-visible-battle{
  display: flex;
  padding: 10px;
  align-items: center;
}
.main-battle-request-description{
  border-bottom: 1px solid;
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px;
}
.main-battle-request-ship-c0n{
  display: flex;
  justify-content: center;
  background: rgb(0,252,0);
  user-select: none;
  cursor: pointer;
  margin-top: 10px;
}
.main-battle-request-ship{
  padding: 10px;
  color: black;
  font-weight: bold;
}
.main-battle-request-ship:hover{
  text-decoration: underline;
}
.main-battle-request-ch0ice-vide0-description-c0n{
  padding: 10px 0px 10px 0px;
}
.main-battle-request-ch0ice-vide0-description-under{
  font-size: 12px;
}
.main-battle-request-ch0ice-vide0-select-dr0p-c0n{
  display: none;
  max-height: 1px;
  transition: .9s;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  padding: 10px;
  border: 1px solid;
}
.main-battle-request-ch0ice-videß-select-dr0p-butt0n-c0n{
  display: flex;
  width: fit-content;
  cursor: pointer;
  padding-bottom: 10px;
}
.main-battle-request-ch0ice-vide0-select-dr0p-arr0ws-1{
  height: 2px;
  width: 10px;
  background: light-dark(var(--light-color), var(--dark-color));
  position: absolute;
  rotate: 135deg;
  top: 14px;
  left: 9px;
  transition: .8s;
}
.main-battle-request-ch0ice-vide0-select-dr0p-butt0n{
  pointer-events: none;
}
.main-battle-request-ch0ice-vide0-select-dr0p-arr0ws-2{
  height: 10px;
  width: 2px;
  background: light-dark(var(--light-color), var(--dark-color));
  position: absolute;
  rotate: -45deg;
  left: 13px;
  top: 4px;
  transition: .8s;
}
.main-battle-request-ch0ice-vide0-select-dr0p-arr0ws-c0n{
  position: relative;
  width: 28px;
  cursor: pointer;
  pointer-events: none;
}
#main-battle-request-ch0ice-vide0-select-dr0p{
  display: flex;
  margin: 5px 0px 5px 0px;
  cursor: pointer;
}
.main-battle-request-ch0ice-vide0-select-dr0p-thumbnail-c0n{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.main-battle-request-ch0ice-vide0-select-dr0p-durati0n{
  position: absolute;
  color: white;
}
.main-battle-request-ch0ice-vide0-select-dr0p-vide0name-c0n{
  padding-left: 10px;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.main-battle-request-ch0ice-vide0-select-dr0p-vide0name{
  font-size: 14px;
}
.main-battle-request-ch0ice-vide0-harbor-0pti0n-img-c0n{
  position: relative;
  overflow: hidden;
  display: flex;
  width: fit-content;
}
.main-battle-request-ch0ice-vide0-harbor-vide0name{
  position: absolute;
  color: white;
  height: 100%;
  padding: 5px;
}
.main-battle-request-ch0ice-vide0-harbor-0pti0n-img{
  width: 120px;
}
.main-battle-request-ch0ice-vide0-harbor-0pti0n-c0n{
  padding: 10px;
  user-select: none;
}
.main-battle-request-ch0ice-vide0-harbor-t00l-c0n{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-battle-request-ch0ice-vide0-harbor-t00l{
  color: white;
  border: 1px solid white;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff00008c;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}
.main-battle-request-ch0ice-vide0-harb0r-c0n{
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.main-battle-request-ch0ice-vide0-harb0r-message{
  display: none;
  font-size: 12px;
  color: red;
  padding: 5px 0px;
}
.main-settings-main-pciture-b0x{
  padding: 20px;
}
.main-settings-main-pciture-c0n{
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100%;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
}
.main-settings-main-picture{
  height: 60px;
  width: 60px;
  position: absolute;
}
.main-settings-main-picture-input-label{
  width: 100%;
  height: 100%;
  display: block;
}
#main-settings-main-picture-input{
  display: none;
}
.picture-progress-b0x{
  position: absolute;
  bottom: -20px;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
}
.picture-progress{
  position: absolute;
  height: 0px;
  bottom: 20px;
}
.picture-progress-bar{
  width: 100%;
  border: 1px solid;
}
.main-settings-main-picture-input-add{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
  border-radius: 100%;
  cursor: pointer;
  background: #ffffff9e;
  font-size: 30px;
  color: rgb(0, 252, 0);
}
.main-settings-main-picture-picture{
  height: 120px;
  width: 120px;
  overflow: hidden;
  display: flex;
  border-radius: 100%;
  object-fit: cover;
}
.main-settings-main-picture-b0x{
  display: flex;
  padding: 10px;
  width: 400px;
}
.main-settings-main-battle-request-attacker-picture{
  width: 50px;
  border-radius: 100%;
  height: 50px;
  object-fit: cover;
  pointer-events: none;
}
.battle-request-defender-vide0-thumbnail-small{
  width: 100px;
  box-shadow: 0px 0px 10px 0px rgb(0, 252, 0);
  cursor: pointer;
  scale: 1.5;
}
.main-settings-main-battle-request-defender-picture{
  width: 50px;
  height: 50px;
  border-radius: 100%;
  pointer-events: none;
}
.battle-request-attacker-thumbnail{
  width: 100px;
  box-shadow: 0px 0px 10px 0px rgb(0, 252, 0);
  cursor: pointer;
  max-width: 100px;
  max-height: 56px;
  height: 100%;
  overflow: hidden;
}
.main-settings-main-battle-request-attacker-vide0{
  display: flex;
  width: fit-content;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px;
}
.main-settings-main-battle-request-mirr0r{
  display: flex;
  border-bottom: 1px solid;
}
.main-settings-main-battle-request-attacker{
  display: flex;
  align-items: center;
}
.main-settings-main-battle-request-defender{
  display: flex;
  align-items: center;
}
.main-settings-main-battle-request-defender-vide0-thumbnail-1{
  display: flex;
  margin: 5px;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  border: 1px solid rgb(0, 252, 0);
}
.main-settings-main-battle-request-defender-vide0-name-c0n{
  padding: 5px;
}
.main-settings-main-battle-request-defender-vide0{
  display: flex;
  height: 100%;
  align-items: center;
}
.main-settings-main-battle-request-attacker-vide0-c0n{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.main-settings-main-battle-request-status{
  padding: 0px 10px 0px 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.main-settings-main-battle-request-status-pending{
  color: rgb(0, 252, 0);
}
.main-settings-main-battle-request-attacker-picture-c0n{
  display: flex;
  margin-right: 10px;
  justify-content: center;
}
.main-settings-main-battle-request-attacker-profil{
  display: flex;
  align-items: center;
  height: 100%;
  padding: 5px;
  cursor: pointer;
}
.main-settings-main-battle-request-attacker-profil-c0n{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main-settings-main-battle-request-attacker-profil-description{
  text-align: center;
}
.main-settings-main-battle-request-attecker-given-0ptions{
  text-align: center;
}
.main-settings-main-battle-request-attacker-vide0-b0x{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main-0ptions{
  color:rgb(0, 252, 0);
  border: 1px solid;
  border-top: 0px;
  border-bottom: 0px;
  margin-right: 2px;
  padding: 0px 2px 0px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}
.main-settings-main-battle-request-attecker-given-0ptions{
  display: flex;
  justify-content: center;
}
.main-settings-main-battle-request-defender-profil-description{
  border-bottom: 1px solid;
  text-align: center;
}
.main-settings-main-battle-request-defender-profil-c0n{
  height: 100%;
  border-left: 1px solid;
  display: flex;
  flex-direction: column;
}
.main-settings-main-battle-request-defender-picture-c0n{
  display: flex;
  align-items: center;
}
.main-settings-main-battle-request-defender-username-c0n{
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.main-settings-main-battle-request-defender-profil-b0x{
  display: flex;
  height: 100%;
  width: 100%;
  padding: 5px;
  cursor: pointer;
}
.main-settings-main-battle-request-defender-vide0-c0n{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main-settings-main-battle-request-defender-vide0-description{
  text-align: center;
}
.main-settings-main-battle-request-attacker-username{
  text-align: center;
}
.main-settings-main-battle-request-arr0ws{
  display: flex;
  position: relative;
  width: 22px;
}
.main-settings-main-battle-request-arr0ws-c0n{
  display: flex;
  align-items: center;
  padding: 10px;
}
.right-arrow{
  height: 25px;
  width: 25px;
}
.main-settings-main-battle-request-defender-vide0-name{
  font-size: 14px;
}
.main-settings-main-battle-requests-search-c0n{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.main-settings-main-battle-requests-search-defender, .main-settings-main-battle-requests-search-attacker, .main-settings-main-battle-requests-search-ongoing{
  padding: 10px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.main-settings-main-battle-requests-search-defender:hover, .main-settings-main-battle-requests-search-attacker:hover, .main-settings-main-battle-requests-search-ongoing:hover {
  text-decoration: underline;
}
.main-settings-main-battle-requests-search-defender{
  border-right: 1px solid;
  border-left: 1px solid;
}
.main-settings-main-battle-requests-search-attacker{
  border-bottom: 1px solid;
}
.main-settings-main-battle-request-status-c0n{
  min-width: 102px;
  max-width: 102px;
}
.main-settings-main-battle-request-status-choose{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}
#main-settings-main-battle-request-status-details{
  cursor: pointer;
}
.main-settings-battlerequest-overlay-c0n{
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background: #0000004f;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-settings-battlerequest-overlay{
  background: light-dark(var(--light-bg), var(--dark-bg));
  padding: 20px;
}
.main-settings-battlerequest-overlay-description{
  width: fit-content;
}
.main-settings-battlerequest-overlay-enemy-picture{
  width: 100px;
  height: 100px;
  object-fit: cover;
  pointer-events: none;
}
.main-settings-battlerequest-overlay-enemy-picture-c0n{
  display: flex;
  width: fit-content;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  cursor: pointer;
}
.main-settings-battlerequest-overlay-flex-c0n{
  padding: 10px 0px 10px 0px;
}
.battle-request-attacker-overlay-thumbnail{
  width: 140px;
  cursor: pointer;
  pointer-events: none;
  scale: 1.5;
}
.battle-request-attacker-overlay-thumbnail-c0n{
  margin: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  border: 1px solid rgb(0, 252, 0);
}
.main-settings-battlerequest-overlay-flex-right{
  width: 100%;
}
.main-settings-battlerequest-overlay-flex-left {
  width: 100%;
  margin-right: 10px;
}
.main-settings-battlerequest-overlay-enemy-username-c0n{
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 22px;
  padding: 10px;
}
.main-settings-battlerequest-overlay-enemy-username{
  cursor: pointer;
}
.main-settings-battlerequest-overlay-dates{
  margin-top: 15px;
  margin-bottom: 15px;
}
#main-settings-battlerequest-overlay-earliest-date{
  cursor: no-drop;
  padding: 10px;
  border: 1px solid;
  color: light-dark(var(--light-color), var(--dark-color));
  font-size: 14px;
}
.main-settings-battlerequest-overlay-dates-title{
  width: fit-content;
  margin-bottom: 5px;
}
.main-settings-battlerequest-overlay-dates-title{
  width: fit-content;
  margin-bottom: 5px;
  margin-top: 5px;
}
.main-settings-battlerequest-overlay-dates-runtime{
  padding: 10px;
  border: 1px solid;
  width: fit-content;
  cursor: no-drop;
}
.main-settings-battlerequest-overlay-description-c0n{
  display: flex;
  justify-content: center;
  border-bottom: 1px solid;
}
.main-settings-battlerequest-overlay-reasoning{
  padding: 10px;
  border: 1px solid;
  width: fit-content;
  max-width: 400px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.main-settings-battlerequest-overlay-flex-accept-or-deny-c0n{
  display: flex;
  padding-top: 10px;
  flex-direction: column;
}
#main-settings-battlerequest-overlay-flex-accept{
  width: 100%;
  background:rgb(0, 252, 0);
  text-align: center;
  padding: 10px;
  cursor: pointer;
  color: black;
  font-weight: bold;
}
#main-settings-battlerequest-overlay-flex-deny{
  width: 100%;
  border: 1px solid;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  font-weight: bold;
}
.video-edit-goto-c0n{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.video-edit-goto{
  pointer-events: none;
  color: white;
}
#main-settings-battlerequest-overlay-flex-deny:hover, #main-settings-battlerequest-overlay-flex-accept:hover{
  text-decoration: underline;
}
.main-settings-battlerequest-overlay-checker{
  display: flex;
  align-items: center;
  max-width: 310px;
  font-size: 14px;
}
.main-settings-battlerequest-overlay-close-c0n{
  position: absolute;
}
.main-settings-battlerequest-overlay-close{
  cursor: pointer;
}
.main-settings-battlerequest-overlay-close:hover{
  text-decoration: underline;
}
.main-settings-battlerequest-overlay-0pti0ns-c0n{
  margin-top: 15px;
  margin-bottom: 15px;
}
.main-settings-battlerequest-overlay-0pti0ns-description{
  width: fit-content;
  padding-bottom: 5px;
}
.main-settings-battlerequest-overlay-0pti0ns{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: fit-content;
}
.main-settings-battlerequest-overlay-checker-c0n{
  margin-bottom: 15px;
}
#battle-request-attacker-overlay-thumbnail-1{
  border: 3px solid rgb(0, 252, 0);
}
#main-settings-battlerequest-overlay-flex-revoke{
  width: 100%;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  border: 1px solid;
  font-weight: bold;
}
#main-settings-battlerequest-overlay-flex-revoke:hover{
  text-decoration: underline;
}
.main-settings-battlerequest-overlay-enemy-title{
  margin-bottom: 5px;
}
.battle-request-attacker-overlay-defender-thumbnail{
  width: 140px;
  display: flex;
  scale: 1.5;
}
.main-pr0fil-video-battle-thumbnail-left-img{
  width: 200px;
  min-height: 150.5px;
  max-height: 150.5px;
  object-fit: contain;
}
.main-pr0fil-video-battle-thumbnail-scale{
  scale: 2;
  display: flex;
}
.main-pr0fil-video-battle-thumbnail-right-img{
  width: 200px;
  min-height: 150.5px;
  max-height: 150.5px;
  object-fit: contain;
}
.main-pr0fil-video-battle-thumbnail-c0n{
  display: flex;
  width: fit-content;
  position: relative;
  justify-content: center;
  align-items: center;
}
.main-pr0fil-video-battle-thumbnail-left{
  display: flex;
  overflow: hidden;
  width: 100%;
}
.main-pr0fil-video-battle-thumbnail-right{
  display: flex;
  overflow: hidden;
  width: 100%;
}
.main-pr0fil-video-battle-b0x{
  border: 1px solid rgb(0, 252, 0);
}
.main-pr0fil-video-battle-thumbnail-live-now{
  position: absolute;
  right: 5px;
  color: white;
  top: 5px;
  padding: 1px 5px 1px 5px;
  border: 1px solid white;
  background: red;
}
.main-pr0fil-video-battle-thumbnail-vs{
  position: absolute;
  color: white;
  font-size: 25px;
}
.main-pr0fil-video-battle-c0n{
  cursor: pointer;
  color: light-dark(var(--light-active-color), var(--dark-active-color));
  position: relative;
}
.main-pr0fil-video-battle{
  display: flex;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  pointer-events: none;
}
.main-pr0fil-video-battle-thumbnail-percent-1{
  position: absolute;
  color: white;
  top: 66px;
  right: 149px;
}
.main-pr0fil-video-battle-thumbnail-percent-2{
  position: absolute;
  color: white;
  top: 24px;
  left: 147px;
}
.spinner-big-c0n {
  position: absolute;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: light-dark(var(--light-bg), var(--dark-bg));
  top: 0px;
}
.spinner-home-c0n {
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.26);
  top: 0px;
}
.spinner-commentary-c0n {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: light-dark(var(--light-spinner-overlay-bg), var(--dark-spinner-overlay-bg));
  top: 0px;
}
.spinner-custom-c0n {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: light-dark(var(--light-spinner-overlay-bg), var(--dark-spinner-overlay-bg));
  top: 0px;
  left: 0px;
}
.spinner-dynamic-c0n {
  position: absolute;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: light-dark(var(--light-bg), var(--dark-bg));
  top: 0px;
}
.spinner-big {
   position: relative;
   width: 12px;
   height: 12px;
}
.spinner-commentary {
   position: relative;
   width: 4px;
   height: 4px;
}
.spinner-home-video {
   position: relative;
   width: 6px;
   height: 6px;
}

.spinner-profil-videos-c0n {
  height: 200px;
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  padding-top: 100px;
}
.spinner-profil-videos {
   position: relative;
   width: 12px;
   height: 12px;
}
.spinner-home-video div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}


.spinner-home-video div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 252, 0);
}
.spinner-home-video div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 252, 0);
}

.spinner-home-video div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 252, 0);
}

.spinner-home-video div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 252, 0);
}

.spinner-home-video div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}

.spinner-profil-videos div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}


.spinner-profil-videos div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 252, 0);
}

.spinner-profil-videos div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 252, 0);
}

.spinner-profil-videos div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 252, 0);
}

.spinner-profil-videos div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 252, 0);
}

.spinner-profil-videos div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}

.spinner-custom div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}

.spinner-custom div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 252, 0);
}

.spinner-custom div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 252, 0);
}

.spinner-custom div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 252, 0);
}

.spinner-custom div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 252, 0);
}

.spinner-custom div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}


.spinner-big div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}

.spinner-big div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 252, 0);
}

.spinner-big div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 252, 0);
}

.spinner-big div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 252, 0);
}

.spinner-big div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 252, 0);
}

.spinner-big div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}
.spinner-commentary div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}
.spinner-commentary div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 252, 0);
}

.spinner-commentary div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 252, 0);
}

.spinner-commentary div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 252, 0);
}

.spinner-commentary div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 252, 0);
}

.spinner-commentary div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}

.main-settings-inf0-c0n{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  width: 100%;
}
.main-settings-inf0{
  font-size: 22px;
  text-align: center;
}
.main-settings-main-battle-requests-c0n{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  position: relative;
  display: flex;
  flex-direction: column;
}
.main-settings-main-battle-requests-input-c0n{
  height: 100%;
  overflow: hidden;
}
.main-settings-main-claims-c0n{
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.main-settings-main-claim-c0n{
  margin: 5px 0px 5px 0px;
  border: 1px solid;
  border-left: 0px;
  border-right: 0px;
  display: flex;
  flex-direction: column;
}
.main-inf0-battle-inf0-c0n{
  border-left: 1px solid;
  border-right: 1px solid;
}
.main-inf0-battle-inf0{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  scrollbar-width: none;
  padding-bottom: 40px;
}
.main-inf0-battle-inf0-views-c0n, .main-inf0-battle-inf0-v0tes-c0n{
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
}
.main-inf0-battle-inf0-v0tes-c0n{
  margin-top: 10px;
}
.main-inf0-battle-inf0-views, .main-inf0-battle-inf0-v0tes{
  padding: 5px;
}
.main-inf0-battle-inf0-stats-c0n{
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #242d21;
}
.main-inf0-battle-inf0-stats{
  width: 100%;
  display: flex;
  border-bottom: 1px solid black;
  overflow: hidden;
  height: 20px;
  flex-shrink: 0;
  border-bottom: 1px solid rgb(0, 252, 0);
}
.main-inf0-battle-inf0-stats-left, .main-inf0-battle-inf0-stats-right{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.main-inf0-descripti0n-inf0-views-c0n{
  display: flex;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  font-style: oblique;
  justify-content: center;
}
.main-inf0-descripti0n-inf0-v0tes, .main-inf0-descripti0n-inf0-time-left{
    margin-left: 10px;
}
.inf0-mirr0r-descripti0n-c0n{
    height: 100%;
    border-right: 0px;
    display: flex;
    flex-direction: column;
}
.inf0-mirr0r-descripti0n-0pen{
  position: relative;
  width: 35px;
  display: flex;
  height: 30px;
  align-self: end;
  cursor: pointer;
  z-index: 1;
  flex-shrink: 0;
}
.inf0-mirr0r-descripti0n-0pen-l{
  width: 4px;
  height: 20px;
  background: black;
  position: absolute;
  rotate: 45deg;
  right: 10px;
  top: 5px;
  pointer-events: none;
  transition: .5s;
  background: light-dark(var(--light-color), var(--dark-color));
}
.inf0-mirr0r-descripti0n-0pen-r{
  width: 4px;
  height: 20px;
  background: black;
  position: absolute;
  rotate: -45deg;
  left: 10px;
  top: 5px;
  pointer-events: none;
  transition: .5s;
  background: light-dark(var(--light-color), var(--dark-color));
}
.main-inf0-battle-inf0-stats-left{
  justify-content: right;
}
.main-inf0-battle-inf0-stats-right{
  justify-content: left;
  border-left: 1px solid rgb(0, 252, 0);
}
.main-inf0-battle-inf0-stats-left-line{
  height: 20px;
  background: black;
  color: rgb(0, 252, 0);
  text-align: right;
  padding-right: 5px;
  border: 1px solid rgb(0, 252, 0);
  display: flex;
  justify-content: right;
  align-items: center;
  border-right: 0px;
  transition: .8s;
  border-bottom: 0px;
}
.main-inf0-battle-inf0-stats-right-line{
  height: 20px;
  background: black;
  color: rgb(0, 252, 0);
  padding-left: 5px;
  border: 1px solid rgb(0, 252, 0);
  display: flex;
  justify-content: left;
  align-items: center;
  border-left: 0px;
  transition: .8s;
  border-bottom: 0px; 
}
.main-inf0-battle-v0te{
  display: flex;
  background: rgb(0, 252, 0);
  flex-direction: column;
  border-bottom: 1px solid rgb(0, 252, 0);
}
.main-inf0-battle-v0te-left, .main-inf0-battle-v0te-right{
  text-align: center;
  transition: .2s;
  display: flex;
  flex-direction: column;
  padding: 5px;
  width: 100%;
  color: light-dark(var(--light-active-color), var(--dark-active-color));
  background: rgb(0, 252, 0);
  position: relative;
}
.main-inf0-battle-v0te-right.active{
  background: black;
  color: white;
}
.main-inf0-battle-v0te-left.active{
  background: black;
  color: white;
}
.main-inf0-battle-v0te-right::after{
  position: absolute;
  content: "VOTE FOR RIGHT!";
  background: black;
  color: white;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  align-items: center;
  transition: 1s;
  clip-path: circle(0% at 50% 50%);
}
.main-inf0-battle-v0te-left::after{
  position: absolute;
  content: "VOTE FOR LEFT!";
  background: black;
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  align-items: center;
  transition: 1s;
  clip-path: circle(0% at 50% 50%);
}
.main-inf0-battle-v0te-right:hover::after{
  clip-path: circle(100% at 50% 50%);
}
.main-inf0-battle-v0te-left:hover::after{
  clip-path: circle(100% at 50% 50%);
}
.main-inf0-battle-v0te-left-c0n{
    width: 100%;
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: relative;
    height: 33px;
}
.main-inf0-battle-v0te-right-c0n{
    width: 100%;
    display: flex;
    justify-content: center;
    border-left: 1px solid black;
    cursor: pointer;
    position: relative;
    height: 33px; 
}
.keyboard-letter{
  width: fit-content;
  text-align: center;
  align-self: center;
  padding: 2px;
  border: 1px solid;
  margin-left: 5px;
  pointer-events: none;
}
.keyboard-letter:hover{
  text-decoration: none;
}
.main-inf0-battle-v0te-next-battle-c0n{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: black;
    padding: 5px;
    color: rgb(0, 252, 0);
    cursor: pointer;
}
.main-inf0-battle-v0te-l-r-c0n{
    display: flex;
    position: relative;
    border-bottom: 1px solid rgb(0, 252, 0);
}
.main-inf0-battle-inf0-time-left{
  font-size: 12px;
  border: 1px solid;
  padding: 2px;
  margin: 0px 10px 0px 10px;
  text-align: center;
}
.main-inf0-battle-inf0-time-left-title{
  text-align: center;
  font-size: 14px;
}
.main-inf0-descripti0n-inf0-v0tes.single{
    display: none;
}
.main-inf0-descripti0n-inf0-time-left.single{
    display: none;
}
.inf0-mirr0r-descripti0n.single {
    display: none;
}
.main-inf0-battle-inf0-time-left-c0n{
    margin-top: 10px;
    margin-bottom: 10px;
}
.main-settings-main-claim-thumbnail{
  width: 200px;
}
.main-settings-main-claim-thumbnails-c0n{
  display: flex;
  width: fit-content;
  position: relative;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  scale: 1.5;
}
.main-settings-main-claim-thumbnail-left{
  display: flex;
  overflow: hidden;
  border-right: 2px solid;
  transform: skewX(-55.98deg);
}
.main-settings-main-claim-thumbnail-right{
  display: flex;
  overflow: hidden;
  transform: skewX(-55.98deg);
}
.main-settings-main-claim-thumbnail-left-img{
  width: 200px;
  min-height: 112.5px;
  max-height: 112.5px;
  transform-origin: 100% 0;
  transform: skewX(55.98deg);
}
.main-settings-main-claim-thumbnail-right-img{
  width: 200px;
  min-height: 112.5px;
  max-height: 112.5px;
  transform-origin: 0 100%;
  transform: skewX(55.98deg);
}
.main-settings-main-claim-thumbnails-b0x{
  width: 300px;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  border-right: 1px solid;
}
.main-settings-main-claim{
  display: flex;
  justify-content: space-between;
  background: light-dark(var(--light-idc-bg), var(--dark-idc-bg));
}
.main-settings-main-claim-runtime{
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}
.main-settings-main-claim-w0n-or-l0st-c0n{
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-settings-main-claim-runtime-title{
  padding-bottom: 10px;
}
.main-settings-main-statistics-c0n{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main-settings-main-statistics{
  height: 100%;
  width: 100%;
  display: flex;
}
.main-settings-main-statistics-pr0fil-c0n{
  width: 100%;
  height: 100%;
}
.main-settings-main-statistics-pr0fil{
  width: 100%;
}
.main-settings-main-statistics-vide0s-c0n{
  width: 100%;
}
.main-settings-main-statistics-vide0s-select{
  display: flex;
  border-bottom: 1px solid;
}
.main-settings-main-statistics-vide0s-select-single{
  width: 100%;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.main-settings-main-statistics-vide0s-select-battle{
  width: 100%;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.main-settings-main-statistics-pr0fil-title{
  font-size: 22px;
  padding: 10px;
}
.main-settings-main-statistics-title{
  padding: 10px;
  font-size: 22px;
  text-align: center;
}
.main-settings-main-statistics-pr0fil{
  border-right: 1px solid;
}
.main-settings-main-statistics-votes, .main-settings-main-statistics-views, .main-settings-main-statistics-total-votes{
  padding: 5px;
}
.main-settings-main-claim-w0n-or-l0st{
  box-shadow: 1px 1px 1px 1px black;
  border: 1px solid;
  padding: 2px;
}
#change-password-butt0n-c0n{
  margin-top: 10px;
}
#change-password-butt0n{
  padding: 10px;
  text-align: center;
  background: rgb(0, 252, 0);
  cursor: pointer;
  color: black;
}
#change-password-butt0n:hover{
  text-decoration: underline;
}
.password-change-wrong{
  color: rgb(252, 0, 0);
  font-size: 12px;
}
.main-settings-main-pr0fil-save-c0n{
  width: fit-content;
  padding-top: 10px;
}
#main-settings-main-pr0fil-save{
  color: rgb(0, 252, 0);
  cursor: pointer;
  font-weight: bold;
}
#main-settings-main-pr0fil-save:hover{
  text-decoration: underline;
}
.main-settings-main-description-tile-b0x{
  display: flex;
}
#search-request-0utput-picture-c0n{
  display: flex;
  margin-right: 5px;
}
.main-pr0fil-suggesti0n-battle-thumbnail-c0n{
  display: flex;
  width: fit-content;
  position: relative;
  justify-content: center;
  align-items: center;
}
.main-pr0fil-suggesti0n-battle-thumbnail-left{
  display: flex;
  overflow: hidden;
  transform: skewX(-55.98deg);
  border-right: 3px solid rgba(0, 252, 0, 0.6);
}
.main-pr0fil-suggesti0n-battle-thumbnail-left-img{
  width: 205px;
  min-height: 98px;
  max-height: 98px;
  transform-origin: 100% 0;
  transform: skewX(55.98deg);
  object-fit: cover;
}
.main-pr0fil-suggesti0n-battle-thumbnail-right{
  display: flex;
  overflow: hidden;
  transform: skewX(-55.98deg);
}
.main-pr0fil-suggesti0n-battle-thumbnail-right-img{
  width: 205px;
  min-height: 98px;
  max-height: 98px;
  transform-origin: 0 100%;
  transform: skewX(55.98deg);
  object-fit: cover;
}
.main-pr0fil-suggesti0n-battle-thumbnail-percentage-1{
  color: white;
  text-align: left;
}
.main-pr0fil-suggesti0n-battle-thumbnail-percentage-2{
  color: white;
  text-align: right;
}
.vide0-battle-suggesti0n{
  display: flex;
  flex-direction: column;
  width: 248px;
  justify-content: center;
  pointer-events: none;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.vide0-battle-suggesti0n-c0n{
  flex-grow: 0;
  flex: 0;
  display: flex;
  cursor: pointer;
  width: fit-content;
  box-shadow: 0px 0px 3px 1px rgb(0, 252, 0);
  transition: .5s;
  height: 98px;
  border: 1px solid rgb(0, 252, 0);
}
.vide0-battle-suggesti0n-c0n:hover{
  box-shadow: 0px 0px 18px 1px rgb(0, 252, 0);
}
.main-pr0fil-suggesti0n-battle-thumbnail-videoname-1{
  font-size: 14px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  color: black;
  z-index: 1;
  padding: 1px;
  height: 22px;
  width: 260px;
  background: rgba(0, 252, 0, 0.25);
  backdrop-filter: blur(4.9px);
  text-align: center;
}
.main-pr0fil-user-butt0ns-c0n{
  display: flex;
}
.main-pr0fil-utils-upl0ad-1-label{
  pointer-events: none;
}
.main-pr0fil-suggesti0n-battle-thumbnail-videoname-2{
  font-size: 14px;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  color: black;
  z-index: 1;
  padding: 1px;
  height: 22px;
  width: 260px;
  background: rgba(0, 252, 0, 0.25);
  backdrop-filter: blur(4.9px);
  text-align: center;
}
.main-pr0fil-suggesti0n-battle-thumbnail-percentage-c0n{
  position: absolute;
  width: 80px;
}
.main-mirr0r-tool-icon-img{
  height: 25px;
  pointer-events: none;
}
.main-mirr0r-tool-icon-1, .main-mirr0r-tool-icon-like, .main-mirr0r-tool-icon-dislike, .main-mirr0r-tool-icon-report-1{
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  justify-content: center;
  margin-right: 5px;
  position: relative;
}
.main-mirr0r-tool-icon-plus, .main-mirr0r-tool-icon-minus{
  font-size: 35px;
  pointer-events: none;
  color: light-dark(var(--light-color), var(--dark-color));
}
.main-mirr0r-tool-icon-minus{
  position: absolute;
  top: -13px;
}
.main-mirr0r-tool-icon-plus{
  top: -14px;
  position: absolute;
}
.main-mirr0r-tool-icon-report{
  font-size: 30px;
  pointer-events: none;
  color: light-dark(var(--light-color), var(--dark-color));
}
.main-mirr0r-tool-visuel-c0n{
  font-size: 20px;
  min-width: 30px;
  height: 30px;
  text-align: center;
  margin-right: 5px;
}
.main-mirr0r-tool-visuel-positivs{
  color:rgb(0, 252, 0);
  padding: 0px 3px 0px 3px;
}
.main-mirr0r-tool-visuel-negativs{
  color:rgb(252, 0, 0);
  padding: 0px 3px 0px 3px;
}
.main-mirr0r-tool-icon-c0n{
  display: flex;
  align-items: center;
  padding: 5px;
  width: 100%;
  justify-content: center;
}
.main-inf0-share-c0n{
  position: absolute;
  top: 100%;
  right: 100%;
  padding: 10px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  color: light-dark(var(--light-color), var(--dark-color));
  border: 1px solid;
  z-index: 1;
}
.main-inf0-share-video0-link{
  width: fit-content;
  padding: 5px;
  border: 1px solid;
  outline: none;
  pointer-events: none;
  user-select: none;
}
.main-0pti0n-aut0play-c0n{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  background: #00000047;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-0pti0n-aut0play-thumbnail{
  width: 300px;
  scale: 1.6;
  transition: .5s;
  cursor: pointer;
}
.main-0pti0n-aut0play-thumbnail:hover{
  scale: 2;
}
.main-0pti0n-aut0play-thumbnail-c0n{
  display: flex;
  width: fit-content;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.main-0pti0n-aut0play{
  position: relative;
  cursor: pointer;
  width: 300px;
  max-height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-0pti0n-aut0play-vide0-name{
  color: white;
  width: 300px;
  padding: 10px;
  background: black;
  pointer-events: none;
}
.main-0pti0n-aut0play-pr0gress{
  height: 10px;
  background: rgb(0, 252, 0);
  top: 0px;
  position: absolute;
  width: 44%;
  transition: 5s linear;
  pointer-events: none;
}
.main-0pti0n-play-c0n{
  position: absolute;
  border: 1px solid rgb(0, 252, 0);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.main-0pti0n-play{
  background: rgb(0, 252, 0);
  height: 30px;
  width: 30px;
  clip-path: polygon(0% 0%, 0% 100%, 50% 0px, 100% 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%);
  rotate: 90deg;
  overflow: hidden;
  left: 4px;
  position: relative;
}
.main-report-serious-c0n{
  top: 0px;
  height: 100%;
  width: 100%;
  background: #000000ab;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.main-report-serious{
  padding: 20px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  max-width: 290px;
}
.main-report-serious-title-con{
  text-align: center;
  border-bottom: 1px solid;
  font-size: 20px;
}
.main-report-serious-select-c0n{
  margin-top: 10px;
}
#main-report-serious-select{
  border: 1px solid;
  padding: 5px;
  font-size: 16px;
  font-family: "Quantico", sans-serif;
  margin-top: 5px;
  width: 100%;
  background-color: light-dark(var(--light-bg), var(--dark-bg));
}
.main-report-serious-text-c0n{
  margin-top: 10px;
}
.main-report-serious-text-span{
  display: block;
  border: 1px solid;
  width: 250px;
  height: 250px;
  padding: 5px;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.main-report-serious-checkbox{
  font-size: 16px;
  max-width: 250px;
}
.main-report-serious-ship{
  display: flex;
  justify-content: center;
  padding: 5px;
  background: rgb(0, 252, 0);
  margin-top: 10px;
  cursor: pointer;
  color: black;
  font-weight: bold;
}
.main-report-serious-ship:hover{
  text-decoration: underline;
}
.main-report-serious-checkbox-c0n{
  margin-top: 10px;
}
#main-report-serious-checkbox-id{
  accent-color: black;
}
.main-b0dy-utils-h0me{
  text-align: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.main-b0dy-utils-h0me:hover{
  text-decoration: underline;
}
.share-inf0-c0py{
  background: light-dark(var(--light-bg), var(--dark-bg));
  color: light-dark(var(--light-color), var(--dark-color));
  padding: 3px;
  border: 1px solid;
  position: absolute;
  top: 0px;
  z-index: 1;
  cursor: help;
}
.comment-plus-img{
  height: 40px;
  pointer-events: none;
}



.main-0pti0n.single1 {
  width: 100%;
  z-index: 10;
}
.main-0pti0n.single2 {
  display: none;
  opacity: 0;
}
.main-b0dy-c0n.single {
  justify-content: center;
}
.main-b0dy.single{
  width: 85%;
}
.main-b0dy.single.fullscreen{
  width: 100%;
  max-height: 100%;
}
.main-b0dy.battle {
  max-height: 475px;
}
.main-b0dy-inf0-c0n.single.fullscreen{
  width: 0%;
}
.main.single{
  flex-direction: unset;
}
.main-b0dy-inf0-c0n.single {
  border-left: 1px solid; 
  width: 30%;
  transition: .3s;
  flex-shrink: 0;
}
.main-b0dy-inf0-c0n.battle.fullscreen{
  height: fit-content;
  flex-shrink: 0;
}
.main-b0dy-inf0-mirr0r.battle.fullscreen{
  display: none;
}
.main-inf0-battle-inf0-stats-c0n.single{
  display: none;
}
.main-b0dy-inf0-mirr0r.single {
  justify-content: center;
}
.inf0-mirr0r.single1 {
  width: 100%;
}
.inf0-mirr0r.single2 {
  display: none; 
  opacity: 0;
}
.main-inf0-battle-inf0-c0n.single {
  display: none;
}
.main-b0tt0m-c0n.single {
  display: flex;
  flex-direction: column;
  opacity: 1;
  border-top: 1px solid;
}
.main-b0tt0m-c0n.battle{
  display: flex;
  flex-direction: column;
  opacity: 1;
  border-top: 1px solid;
}
.main-vide0-edit-battle-hist0ry-detail-empty-c0n{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-b0tt0m.battle{
  display: flex;
}
.main-b0dy-navigator-c0n{
  display: none;
}
.main-b0dy-navigator-c0n.show {
  display: flex !important;
  width: 100%;
  min-height: 60px;
  max-height: 60px;
  background: transparent;
  z-index: 1001;
  transition: .5s;
  position: absolute;
  top: 0px;
  background: black;
  flex-direction: column;
  max-width: 1040px;
  border-bottom: 1px solid white;
}
.main-b0dy-arr0w-1 {
    width: 35px;
    background: rgb(0, 252, 0);
    height: 10px;
    rotate: -45deg;
    position: absolute;
    bottom: 15px;
    pointer-events: none;
    transition: .5s;
    border-bottom-left-radius: 10px;
}
.main-b0dy-arr0w-2 {
    width: 35px;
    background: rgb(0, 252, 0);
    height: 10px;
    rotate: 45deg;
    position: absolute;
    bottom: 15px;
    left: 18px;
    pointer-events: none;
    transition: .5s;
    border-bottom-right-radius: 10px;
}
.main-b0dy-navigator-link {
    margin: 10px;
    font-size: 22px;
    cursor: pointer;
    width: fit-content;
}
.main-b0dy-navigator-mode{
  font-size: 22px;
  cursor: pointer;
  color: white;
}
.main-b0dy-navigator-link:hover{
    text-decoration: underline;
}
.main-b0dy-navigator-mode-c0n{
    position: absolute;
    left: 11px;
}
.main-b0dy-navigator-0pen-c0n{
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow-y: auto;
    margin-bottom: 40px;
    scrollbar-width: none;
}
.main-b0dy-navigator-link-big{
    width: fit-content;
    font-size: 25px;
    padding: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.main-b0dy-arr0w-c0n {
    position: relative;
    display: flex;
    border-bottom: 0px;
    cursor: pointer;
    transition: .8s;
    width: 55px;
    min-height: 40px;
}
.main-b0dy-navigator {
    display: flex;
    width: 100%;
    transition: .5s;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    padding: 0px 10px 0px 10px;
    position: relative;
}
.main-b0dy-utils-c0n.none {
  display: none !important;
}
.main-0pti0n.battle1.active {
  width: 70%;
}
.main-0pti0n.battle2.active {
  width: 70%;
}
.main-0pti0n.battle1.inactive {
  width: 30%;
  align-content: unset;
}
.main-0pti0n.battle2.inactive {
  width: 30%;
  align-content: unset;
}
.main-pr0fil-singles-c0n.inactive{
  border-bottom: 1px solid;
  border-top: 0px;
  border-left: 0px;
}
.main-pr0fil-battlecon-c0n.active{
  border: 1px solid;
  border-bottom: 0px;
}
.main-pr0fil-battlecon-c0n.inactive{
  border-bottom: 1px solid;
  border-top: 0px;
}
.main-pr0fil-singles-c0n.active {
  border-bottom: 0px;
}
.main-pr0fil-battles-c0n.active {
  border-bottom: 0px;
}
.navigator-login-con{
  display: flex;
  flex-direction: column;
}
.navigator-login{
  outline: none;
  padding: 5px;
  border: 1px solid;
  font-size: 16px;
  margin-top: 5px;
  width: 242px;
}
#navigator-login-button, #navigator-register-button {
  padding: 5px;
  background: rgb(0, 252, 0);
  margin-top: 10px;
  width: 242px;
  text-align: center;
  cursor: pointer;
  height: 35px;
  color: black;
}
.spinner-small-c0n {
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 1000000000000000000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner-small {
   position: relative;
   width: 5px;
   height: 5px;
   top: 0px;
   right: 0px;
}
.spinner-small div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 252, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}
.spinner-small div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 0, 0);
}
.spinner-small div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 0, 0);
}
.spinner-small div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 0, 0);
}
.spinner-small div:nth-child(4){
   animation-delay: 0.48s;
   background-color: rgb(0, 0, 0);
}
.spinner-small div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}
.inf0-mirr0r-pr0fil-picture-img{
  height: 60px;
  width: 60px;
  object-fit: cover;
  pointer-events: none;
}
.main-b0dy-utils-c0n.touch {
  display: none;
}
.inf0-mirr0r-titel-battle-names-r.single {
  display: none;
}
.inf0-mirr0r-titel-battle-VS.single{
  display: none;
}
.main-inf0-battle-v0te-register{
  text-align: center;
  padding: 5px;
  cursor: pointer;
  color: black;
}
.main-b0dy-navigator-c0n.touch {
    display: flex;
    width: 100%;
    min-height: 60px;
    max-height: 60px;
    background: transparent;
    z-index: 1001;
    transition: .8s;
    position: absolute;
    top: 0px;
    background: black;
    flex-direction: column;
}
.main-b0dy-navigator.touch{
    display: flex;
    width: 100%;
    transition: .8s;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    padding: 0px 10px 0px 10px;
    position: relative;
}
.main-b0dy-navigator-0pen-c0n.touch{
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow-y: auto;
    padding-bottom: 15px;
    scrollbar-width: none;
}
.main-b0dy-navigator-mode-c0n.touch{
    position: absolute;
    left: 11px;
}
.main-b0dy-arr0w-c0n.touch{
    position: relative;
    display: flex;
    border-bottom: 0px;
    cursor: pointer;
    transition: .8s;
    width: 55px;
    min-height: 40px;
}
.main-b0dy-arr0w-1.touch{
    width: 35px;
    background: rgb(0, 252, 0);
    height: 10px;
    rotate: -45deg;
    position: absolute;
    bottom: 15px;
    pointer-events: none;
    transition: .8s;
    border-bottom-left-radius: 10px;
}
.main-b0dy-arr0w-2.touch{
    width: 35px;
    background: rgb(0, 252, 0);
    height: 10px;
    rotate: 45deg;
    position: absolute;
    bottom: 15px;
    left: 18px;
    pointer-events: none;
    transition: .8s;
    border-bottom-right-radius: 10px;
}
.main-b0dy-navigator-link.touch{
    margin: 20px;
    font-size: 22px;
    cursor: pointer;
}
.main-b0dy-navigator-mode.touch{
  font-size: 22px;
  cursor: pointer;
  color: white;
}
.main-b0dy-navigator-link.touch:hover{
    text-decoration: underline;
}
.main-b0dy-navigator-link-big.touch{
    font-size: 25px;
    padding: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.search-touch-c0n{
    transition: .8s;
    margin-bottom: 10px;
}
.search-touch-span{
    border: 1px solid;
    width: 100%;
    display: flex;
    outline: none;
    font-size: 16px;
    height: 45px;
    align-items: center;
    margin-bottom: -16px;
    padding: 10px;
}
.search-touch-span:hover{
    text-decoration: none;
}
.main-inf0-descripti0n-inf0-views-c0n.single{
  text-align: left;
  justify-content: left;
}
.main-vide0-cl0se-c0n{
  display: flex;
  justify-content: center;
}
.main-vide0-cl0se{
  padding: 5px;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  background: #ff000080;
  width: fit-content;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 1px;
  color: #00000075;
  transition: .3s;
}
.main-vide0-cl0se:hover{
  background: #ff0000;
  color: black;
}
.main-settings-main-battle-request-status-details-3p{
  display: none;
}
.main-settings-main-battle-request-status-details{
  display: block;
}
.navigator-login-con-con {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  z-index: 1000;
  background: light-dark(var(--light-bg), var(--dark-bg));
  height: 100vh;
  width: 100%;
  justify-content: center;
}
.navigator-login-con {
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.navigator-login-error {
  width: 242px;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  transition: .5s;
  color: red;
}
.navigator-register-agb-c0n{
  width: 242px;
  display: flex;
}
.navigator-login-head {
  font-size: 22px;
}
.main-b0tt0m-big-search-l00k{
  display: flex;
  justify-content: center;
  position: relative;
  padding: 5px;
}
#main-b0tt0m-big-search-arr0w-c0n{
  display: flex;
  justify-content: center;
  position: relative;
  height: 40px;
  width: 50px;
  cursor: pointer;
}
.main-b0tt0m-big-search-arr0w-left{
  width: 30px;
  height: 5px;
  rotate: 45deg;
  position: absolute;
  bottom: 21px;
  left: 1px;
  transition: .5s;
  pointer-events: none;
  background: light-dark(var(--light-color), var(--dark-color));
}
.main-b0tt0m-big-search-arr0w-right{
  width: 30px;
  height: 5px;
  rotate: -45deg;
  position: absolute;
  bottom: 21px;
  right: 0px;
  transition: .5s;
  pointer-events: none;
  background: light-dark(var(--light-color), var(--dark-color));
}
.main-b0tt0m-big-search-span-c0n{
  position: absolute;
  right: 30px;
  display: flex;
}
#main-b0tt0m-big-search-span{
  display: block;
  border: 1px solid;
  width: 250px;
  height: 40px;
  outline: none;
  padding: 5px;
  appearance: none;
  font-size: 20px;
  padding-right: 40px;
}
#main-b0tt0m-big-search-span[contenteditable]:empty::before {
  content: "SEARCH..";
  cursor: text;
  opacity: 0.5;
  font-size: 16px;
}
.main-b0tt0m-suggestions-c0n{
  display: grid;
  flex-wrap: wrap;
  gap: 10px;
  align-self: start;
  grid-auto-flow: column;
  transition: .8s;
  flex-shrink: 0;
  padding-bottom: 5px;
}
.main-b0tt0m {
  padding-top: 31px;
  padding-left: 5px;
  padding-right: 5px;
  align-items: center;
  transition: .8s;
  display: flex;
  flex-shrink: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-behavior: smooth;
  position: relative;
}
.spinner-suggestions-c0n{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: light-dark(var(--light-bg), var(--dark-bg));
  min-height: 100px;
}
.main-b0tt0m-t00l-rel0ad-svg{
  width: 20px;
  height: 20px;
}
.main-b0tt0m-t00l-rel0ad-c0n{
  height: 24px;
  position: relative;
  display: flex;
  align-items: center;
}
.main-b0tt0m-t00l-rel0ad{
  display: flex;
  position: absolute;
  cursor: pointer;
  margin-left: 25px;
  z-index: 1;
  transition: .5s;
}
.main-b0tt0m-t00l-rel0ad:hover{
  rotate: -180deg;
}
.main-b0tt0m-suggestions-inf0-c0n{
  align-self: center;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
#main-b0tt0m-big-search-butt0n-c0n{
  position: absolute;
  height: 40px;
  width: 40px;
  right: 0px;
  border-left: 1px solid;
  cursor: pointer;
}
.main-b0tt0m-big-search-span-butt0n{
  height: 40px;
}
.play-butt0n-start{
  height: 50px;
  width: 50px;
  background: rgb(0, 252, 0);
  clip-path: polygon(0% 0%, 0% 100%, 50% 0px, 100% 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%);
  rotate: 90deg;
  transition: .1s;
}
.play-butt0n-start:hover{
  scale: 1.1;
}
.play-butt0n-start-c0n{
  background: #00000059;
  height: 75px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 252, 0, 0.3);
  cursor: pointer;
}
.play-butt0n-start-screen{
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.main-pr0fil-video-single-thumbnail{
  display: flex;
  width: 300px;
  overflow: hidden;
  min-height: 200px;
  align-items: center;
}
.main-pr0fil-video-battle-video-title-c0n{
  width: 100%;
  font-size: 14px;
  padding: 1px;
  display: flex;
  pointer-events: none;
  background: rgb(0, 252, 0);
  text-align: center;
  position: absolute;
  bottom: 0px;
  background: rgba(0, 252, 0, .25);
  backdrop-filter: blur(4.9px);
  -webkit-backdrop-filter: blur(4.9px);
  height: 25px;
  overflow: hidden;
}
.main-pr0fil-video-battle-video-title-v-l{
  width: 100%;
}
.main-pr0fil-video-battle-video-title-v-r{
  width: 100%;
  border-left: 1px solid rgb(0, 252, 0);
}
.main-pr0fil-video-battle-video-title-v{
  height: 20px;
  overflow: hidden;
}
.main-pr0fil-video-battle-video-title-vs{
  text-align: center;
  font-size: 22px;
  width: fit-content;
  border: 1px solid #00000063;
  font-style: oblique;
  padding: 0px 10px 0px 10px;
  display: flex;
  align-items: center;
  align-self: center;
  position: absolute;
  padding: 5px;
  color: white;
  background: #00000078;
  height: 25px;
}
.main-pr0fil-video-single-duration{
  position: absolute;
  color: white;
  bottom: 30px;
  right: 5px;
  font-size: 14px;
  padding: 5px;
  background: #00000082;
}
.inf0-mirr0r-titel-battle-c0n{
  display: flex;
}
.inf0-mirr0r-titel-battle-names-l{
  width: 100%;
  text-align: left;
}
.inf0-mirr0r-titel-battle-VS{
  display: flex;
  align-items: center;
  font-style: oblique;
  border: 1px solid;
  height: 27px;
  align-self: center;
  font-size: 24px;
  padding: 0px 5px 0px 5px;
}
.inf0-mirr0r-titel-battle-names-r{
  width: 100%;
  text-align: right;
}
.link{
  color: rgb(0, 252, 0);
  cursor: pointer;
}
.main-pr0fil-video-single-thumbnail-img{
  scale: 2;
  width: 100%;
}
.main-0pti0n.battle1.pop.width{
  height: fit-content;
  width: 250px;
  position: absolute;
  margin: 10px; 
  z-index: 9999;
}
.main-0pti0n.battle1.pop.height{
  width: fit-content;
  height: 250px;
  position: absolute;
  margin: 10px;
  z-index: 9999;
}
.main-0pti0n.battle2.pop.width{
  height: fit-content;
  width: 250px;
  position: absolute;
  margin: 10px;
  z-index: 9999;
}
.main-0pti0n.battle2.pop.height{
  width: fit-content;
  height: 250px;
  position: absolute;
  margin: 10px;
  z-index: 9999;  
}
.main-0pti0n-cl0se-p0p{
  position: absolute;
  top: 5px;
  right: 5px;
  height: 30px;
  width: 30px;
  display: flex;
  cursor: pointer;
  background: rgba(252, 0, 0, 0.5);
  z-index: 1000;
}
.main-0pti0n-cl0se-p0p-img{
  height: 30px;
  width: 30px;
  pointer-events: none;
}
.main-b0dy.battle.scroll{
  max-height: 1px;
}
.main-b0dy.battle.fullscreen{
  max-height: 100%;
  min-height: unset;
  overflow: hidden;
}
.video-sl0t-1.battle.fullscreen{
  align-items: center;
}
.video-sl0t-2.battle.fullscreen{
  align-items: center;
}
.inf0-mirr0r-descripti0n-0pen.single {
  bottom: 0px;
  position: absolute;
  align-self: center;
}
.inf0-mirr0r-descripti0n-b0x.single{
  flex-direction: column;
}
.inf0-mirr0r-pr0fil-l.single{
  min-width: 100%;
  max-width: 100%;
}
.main-pr0fil-bookmarks-c0n{
  display: flex;
  width: 100%;
  border-bottom: 1px solid;
  border-left: 1px solid;
}
.main-pr0fil-bookmarks-c0n.active{
  border-bottom: 0px;
}
.main-pr0fil-lastseen-c0n.active{
  border-bottom: 0px;
}
.main-pr0fil-lastseen-c0n{
  display: flex;
  width: 100%;
  border-bottom: 1px solid;
  border-left: 1px solid;
}
.main-pr0fil-videos-lastseen-typo-battle{
  display: flex;
  width: 100%;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid;
}
.main-pr0fil-videos-lastseen-typo-single{
  display: flex;
  width: 100%;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.main-pr0fil-videos-lastseen-typo-single.active{
  border-bottom: 0px;
  text-decoration: underline;
}
.main-pr0fil-videos-lastseen-typo-battle.active{
  border-bottom: 0px;
  text-decoration: underline;
}
.main-pr0fil-videos-lastseen-typo-con{
  display: flex;
}
.main-pr0fil-videos-bookmarks-typo-battle{
  display: flex;
  width: 100%;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid;
}
.main-pr0fil-videos-bookmarks-typo-single{
  display: flex;
  width: 100%;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.main-pr0fil-videos-bookmarks-typo-single.active{
  border-bottom: 0px;
  text-decoration: underline;
}
.main-pr0fil-videos-bookmarks-typo-battle.active{
  border-bottom: 0px;
  text-decoration: underline;
}
.main-pr0fil-videos-bookmarks-typo-con{
  display: flex;
}
.main-settings-main-statistics-pr0fil-graphic-day{
  width: 100%;
  height: 100%;
  max-height: 90%;
  display: flex;
  justify-content: center;
  margin-right: 5px;
  margin-left: 5px;
  background: rgb(0,252, 0);
  align-items: center;
  text-align: center;
  font-size: 14px;
}
.main-settings-main-statistics-pr0fil-graphic{
  height: 100%;
  width: 100%;
  display: flex;
  background: radial-gradient(circle,rgb(0, 0, 0) 0%, rgb(35, 92, 32) 100%);
  align-items: end;
  position: relative;
  overflow: hidden;
}
.main-settings-main-statistics-info-1w{
  rotate: 90deg;
}
.totalvotes{
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: red;
}
.main-settings-main-statistics-select-c0n{
  display: flex;
  border-bottom: 1px solid;
}
.main-settings-main-statistics-pr0fil-selecter, .main-settings-main-statistics-vide0s-selecter{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
}
.main-settings-main-statistics-pr0fil-selecter{
  border-right: 1px solid;
}
.main-settings-main-statistics-pr0fil-selecter.active{
  text-decoration: underline;
}
.main-settings-main-statistics-vide0s-selecter.active{
  text-decoration: underline;
}
.main-settings-main-statistics-input-graphic-c0n{
  height: 100%;
  display: flex;
  width: 100%;
}
.main-settings-main-statistics-pr0fil-b0x{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main-settings-main-statistics-pr0fil-graphic-inf0-c0n{
  position: absolute;
  top: 0px;
  color: white;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 5px;
}
.main-settings-main-statistics-pr0fil-graphic-inf0{
  display: flex;
  font-size: 14px;
}
.main-settings-main-statistics-pr0fil-graphic-t00l-c0n{
  display: flex;
  min-width: 100px;
  justify-content: space-between;
  height: fit-content;
}
.main-settings-main-statistics-pr0fil-graphic-inf0-this-week{
  margin-right: 20px;
}
.main-settings-main-statistics-pr0fil-graphic-t00l{
  cursor: pointer;
}
.main-settings-main-statistics-pr0fil-graphic-t00l.active{
  text-decoration: underline;
}
.main-settings-main-statistics-info-1w{
  position: absolute;
  rotate: 90deg;
  white-space: nowrap;
  bottom: 100px;
}
.main-settings-main-statistics-pr0fil-graphic-month-infos{
  position: absolute;
  bottom: 100px;
  rotate: 90deg;
  white-space: nowrap;
}
.main-settings-main-statistics-vide0s-selecter-single-battle-c0n{
  display: flex;
  width: 100%;
}
.main-settings-main-statistics-vide0s-selecter-single, .main-settings-main-statistics-vide0s-selecter-battle{
  width: 100%;
  cursor: pointer;
  padding: 10px;
  display: flex;
  justify-content: center;
}
.main-settings-main-statistics-vide0s-selecter-single{
  border-right: 1px solid;
}
.main-settings-main-statistics-vide0s-selecter-single.active{
  text-decoration: underline;
}
.main-settings-main-statistics-vide0s-selecter-battle.active{
  text-decoration: underline;
}
.main-settings-main-statistics-vide0s-selecter-search-c0n{
  width: 100%;
}
.main-settings-main-statistics-vide0s-selecter-search-span{
  display: block;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 5px;
  outline: none;
  font-size: 16px;
}
.main-settings-main-statistics-vide0s-selecter-select-vide0-c0n{
  display: flex;
  width: 100%;
}
.main-settings-main-statistics-vide0-scr0lls-single-thumbnail-img{
  height: 100px;
  scale: 1.5;
}
.main-settings-main-statistics-vide0s-selecter-search-scroller-c0n{
  height: 150px;
  overflow-y: auto;
  scrollbar-width: none;
  overflow-x: hidden;
  border-bottom: 1px solid;
}
.main-settings-main-statistics-vide0s-selecter-search-scroller{
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.main-settings-main-statistics-vide0-scr0lls-single-vide0-c0n{
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0px 5px 0px;
  cursor: pointer;
  transition: .5s;
  margin: 5px;
}
.main-settings-main-statistics-vide0-scr0lls-single-vide0-c0n:hover{
  scale: 1.01;
}
.main-settings-main-statistics-vide0-scr0lls-single-thumbnail{
  display: flex;
  overflow: hidden;
  max-width: 170px;
}
.main-settings-main-statistics-vide0-scr0lls-single-vide0-thumbnail-c0n{
  width: fit-content;
  border: 1px solid rgb(0, 252, 0);
}
.main-settings-main-statistics-vide0-scr0lls-single-vide0{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0px 10px 0px 10px;
  pointer-events: none;
}
.main-settings-main-statistics-vide0-scr0lls-single-vide0-name-c0n{
  display: flex;
  align-items: center;
  padding: 0px 10px 0px 10px;
}
.main-settings-main-statistics-vide0s-hole-c0n{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main-settings-main-statistics-vide0s-input-c0n{
  height: 100%;
}
.main-settings-main-statistics-vide0-scr0lls-single-vide0-status-c0n{
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-settings-main-statistics-pr0fil-graphic-day-infos{
  padding-bottom: 10px;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-thumbnails-left-img{
  width: 100%;
  object-fit: contain;
  scale: 1.5;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-thumbnails-right-img{
  width: 100%;
  scale: 1.5;
  object-fit: contain;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-c0n{
  display: flex;
  width: 100%;
  justify-content: center;
  cursor: pointer;
  transition: .5s;
  padding: 0px 5px 0px 5px;
  margin: 5px;
  background: light-dark(var(--light-statistics-bg), var(--dark-statistics-bg));
  max-height: 120px;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-c0n:hover{
  scale: 1.01;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-thumbnails-c0n{
  display: flex;
  width: fit-content;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  pointer-events: none;
  overflow: hidden;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-status-c0n{
  position: absolute;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-thumbnails-left{
  display: flex;
  overflow: hidden;
  width: 100%;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-thumbnails-right{
  display: flex;
  overflow: hidden;
  width: 100%;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-videoname-left-c0n{
  display: flex;
  align-items: center;
  padding-right: 10px;
  width: 100%;
  pointer-events: none;
  justify-content: center;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-thumbnails-c0n-overflow{
  width: 100%;
  border: 1px solid rgb(0, 252, 0);
  overflow: hidden;
  pointer-events: none;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-videoname-right-c0n{
  display: flex;
  align-items: center;
  padding-left: 10px;
  width: 100%;
  pointer-events: none;
  justify-content: center;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-videoname-status{
  color: white;
  padding: 3px;
  background: rgba(0, 0, 0, 0.568);
  border: 1px solid white;
}
.main-settings-main-statistics-vide0-scr0lls-battle-vide0-videoname-status-live{
  padding: 5px;
  background: rgba(252, 0, 0, 0.575);
  border: 1px solid white;
}
.main-b0dy-navigator-home-c0n{
  font-size: 22px !important;
  left: 11px;
  position: absolute;
  cursor: pointer;
  letter-spacing: -3px;
  transition: .5s;
  color: white;
}
.main-b0dy-navigator-home-c0n:hover{
  color:rgb(0,252, 0);
}
.sl0ts-ctrl.inactive{
  display: none;
}
.main-b0dy-navigator-notify-input-c0n{
  position: absolute;
  background: light-dark(var(--light-bg), var(--dark-bg));
  right: 0px;
  top: 42px;
  padding: 10px;
  border: 1px solid;
  max-height: 500px;
  min-width: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  width: fit-content;
  scrollbar-width: none;
  z-index: 1;
  color: light-dark(var(--light-color), var(--dark-color));
}
.main-notify-sender-picture-img{
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 100%;
}
.main-notify-message-b0x{
  width: 100%;
}
.main-notify-message{
  display: flex;
  padding: 0px 10px 0px 10px;
  pointer-events: none;
  align-items: center;
  width: 100%;
}
.main-notify-sender-c0n{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3px;
}
.main-notify-timer-c0n{
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-notify-message-c0n{
  background: light-dark(var(--light-notify-bg), var(--dark-notify-bg));
  margin: 5px;
  transition: .3s;
  width: 100%;
  position: relative;
}
.main-notify-message-c0n:hover{
  box-shadow: 0px 0px 3px 1px rgb(0, 252, 0);
}
.main-notify-delete-c0n{
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  align-items: center;
}
.main-notify-message-c0n:hover{
  box-shadow: 0px 0px 3px 1px rgb(0, 252, 0);
}
.main-notify-delete{
  padding: 5px;
  background: rgba(252, 0, 0, 0.5);
  transition: .3s;
    border: 1px solid transparent;
}
.main-notify-delete:hover{
  padding: 5px;
  background: rgba(252, 0, 0);
  border: 1px solid white;
}


.main-battlerequest-ongoing-opponent-picture-img{
  width: 100px;
  height: 100px;
  pointer-events: none;
}
#main-battlerequest-ongoing-opponent-profil{
  cursor: pointer;
}
.main-battlerequest-ongoing-thumbnail-img{
  width: 50%;
  scale: 2;
}
.main-battlerequest-ongoing-thumbnail{
  display: flex;
  overflow: hidden;
  width: fit-content;
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  justify-content: center;
  align-items: center;
}
.main-battlerequest-ongoing-opponent-picture{
  border-radius: 100%;
  overflow: hidden;
  width: fit-content;
  height: fit-content;
  display: flex;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  cursor: pointer;
}
.main-battlerequest-ongoing-opponent-c0n{
  display: flex;
  justify-content: center;
  width: 100%;
}
.main-battlerequest-ongoing-opponent-video-c0n{
  width: 100%;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  min-height: 157px;
}
.main-battlerequest-ongoing-opponent-video-switcher-c0n{
  display: flex;
}
.main-battlerequest-ongoing-opponent-video-switcher-yours{
  width: 100%;
  cursor: pointer;
  padding: 5px;
  padding-top: 0px;
  display: flex;
  justify-content: center;
}
.main-battlerequest-ongoing-opponent-video-switcher-opponents{
  width: 100%;
  cursor: pointer;
  padding: 5px;
  padding-top: 0px;
  display: flex;
  justify-content: center;
}
.main-battlerequest-ongoing-opponent-video-switcher-opponents.active, .main-battlerequest-ongoing-opponent-video-switcher-yours.active{
  text-decoration: underline;
}
.main-battlerequest-ongoing-video-description-for-battle-c0n{
  width: 100%;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 0;
}
.main-battle-request-ongoing-video-description-yours, .main-battle-request-ongoing-video-description-opponent{
  width: 100%;
  cursor: pointer;
  text-align: center;
  padding: 5px;
}
.main-battle-request-ongoing-video-description-yours.active, .main-battle-request-ongoing-video-description-opponent.active{
  text-decoration: underline;
}
.main-battle-request-ongoing-video-description-opponent{
  border-left: 1px solid;
}
.main-battlerequest-ongoing-opponent-name-c0n{
  height: fit-content;
  display: flex;
  justify-content: center;
  font-size: 22px;
  padding: 10px;
}
.main-battlerequest-ongoing-opponent-name{
  width: fit-content;
  cursor: pointer;
}
.main-battle-request-timer-c0n{
  display: flex;
  justify-content: center;
}
.main-battle-request-timer{
  padding: 10px;
  font-size: 20px;
}
.main-battlerequest-ongoing-opponent-like-dislike-c0n{
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: flex;
}
.main-battlerequest-ongoing-opponent-like{
  height: 10px;
  background:rgb(0,252, 0, 0.6);
}
.main-battlerequest-ongoing-opponent-dislike{
  height: 10px;
  background:rgb(252,0, 0, 0.6);
}
.main-battlerequest-ongoing-opponent-thumbnail-c0n{
  width: fit-content;
  position: relative;
  display: flex;
  height: 100%;
}
.main-battlerequest-ongoing-opponent-video-flex-c0n{
  display: flex;
  max-height: 250px;
  min-height: 120px;
}
.main-battlerequest-ongoing-video-description-for-battle{
  width: 100%;
  height: 100%;
  background: #4a4a4a1c;
  border: 1px solid;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100px;
  scrollbar-width: none;
  position: relative;
}
.main-battlerequest-ongoing-c0n{
  display: flex;
  height: 100%;
  flex-direction: column;
}
.main-battle-request-ongoing-b0x{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.main-battlerequest-ongoing-video-battlemessages-c0n{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  flex-grow: 0;
  overflow: hidden;
}
.main-battlerequest-ongoing-opponent-video{
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 134px;
}
.main-battlerequest-ongoing-video-stats-c0n{
  position: absolute;
  top: 0px;
  padding: 3px;
  background: #00000038;
  color: white;
  font-size: 14px;
}
.main-battlerequest-ongoing-videoname-c0n{
  font-size: 22px;
  padding: 1px;
  position: absolute;
  bottom: 0px;
  color: white;
  width: 100%;
  background: #000000a3;
}
.main-battlerequest-ongoing-video-stats-duration-c0n{
  display: flex;
}
.main-battlerequest-ongoing-video-stats-views-c0n{
  display: flex;
}
.main-battlerequest-ongoing-video-battlemessages{
  height: 100%;
  display: flex;
  background: #4a4a4a1c;
  border: 1px solid;
  flex-direction: column;
  flex-grow: 0;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  padding-bottom: 10px;
}
.main-battlerequest-ongoing-video-battlemessages-inputs-c0n{
  min-height: 45px;
  max-height: 45px;
  position: relative;
  border: 1px solid;
  border-top: 0px;
  overflow: hidden;
  display: flex;
  align-items: center;
  overflow-y: auto;
  scrollbar-width: none;
}
.main-battlerequest-ongoing-video-battlemessages-inputs-span{
  display: block;
  width: 100%;
  height: fit-content;
  padding: 5px;
  padding-right: 50px;
  outline: none;
}
.main-battlerequest-ongoing-video-battlemessages-send-c0n{
  position: absolute;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  width: 50px;
  top: 0px;
}
.main-battle-request-ongoing-video-description-header{
  display: flex;
  border: 1px solid;
  border-bottom: 0px;
}
.main-battlerequest-ongoing-video-battlemessages-send{
  cursor: pointer;
}
.main-battle-request-ongoing-video-description-for-battle-span{
  width: 100%;
  height: 100%;
  display: block;
  padding: 5px;
  outline: none;
  white-space: pre-line;
}
.main-battle-request-ongoing-video-description-title-c0n{
  display: flex;
  justify-content: space-between;
  padding: 0px 5px 0px 5px;
}
.main-battle-request-ongoing-video-description-save{
  color: rgb(0, 252, 0);
  cursor: pointer;
  font-weight: bold;
}
.main-battlerequest-ongoing-videoname{
  width: fit-content;
  cursor: pointer;
}
.main-settings-main-battle-request-status-pending{
  cursor: pointer;
}
.main-battle-request-actual-time-c0n{
  display: flex;
  align-items: center;
  font-size: 20px;
}
.main-battle-request-error{
  color: rgb(252, 0, 0);
}
.main-battlerequest-ongoing-video-battlemessages-message-sender-profil-picture-img, .main-battlerequest-ongoing-video-battlemessages-message-reciever-profil-picture-img{
  width: 45px;
  height: 45px;
  object-fit: cover;
}
.main-battlerequest-ongoing-video-battlemessages-message-reciever-ago-time, .main-battlerequest-ongoing-video-battlemessages-message-sender-ago-time{
  color: white;
  position: absolute;
  bottom: 0;
  font-size: 14px;
  border: 1px solid rgb(0, 252, 0);
  background: #00000096;
}
.main-battlerequest-ongoing-video-battlemessages-message-sender-profil-picture, .main-battlerequest-ongoing-video-battlemessages-message-reciever-profil-picture{
  display: flex;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  width: 45px;
  height: 45px;
}
.main-battlerequest-ongoing-video-battlemessages-message-sender-c0n {
  transition: .3s;
  display: flex;
  height: fit-content;
  justify-content: end;
  width: 100%;
}
.main-battlerequest-ongoing-video-battlemessages-message-reciever-profil-c0n{
  transition: .3s;
  display: flex;
  height: fit-content;
  width: fit-content;
  padding: 10px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.main-battlerequest-ongoing-video-battlemessages-message-reciever-c0n{
  display: flex;
}
.main-battlerequest-ongoing-video-battlemessages-message-sender-profil-c0n{
  display: flex;
  align-items: center;
  padding: 10px;
  width: fit-content;
  position: relative;
  justify-content: center;
}
.main-battlerequest-ongoing-video-battlemessages-message-sender-profil-username, .main-battlerequest-ongoing-video-battlemessages-message-reciever-profil-username{
  margin-right: 5px;
  margin-left: 5px;
}
.main-battlerequest-ongoing-video-battlemessages-message-sender-actual-message-c0n{
  width: fit-content;
  display: flex;
  align-items: center;
}
.main-battlerequest-ongoing-video-battlemessages-message-reciever-actual-message-c0n{
  width: fit-content;
  display: flex;
  align-items: center;
}
.main-battlerequest-ongoing-video-battlemessages-message-sender-actual-message{
  padding: 4px;
  background: #99999961;
  margin-left: 10px;
}
.main-settings-main-battle-requests-input-c0n{
  height: 100%;
}
.main-battlerequest-ongoing-video-battlemessages-message-reciever-actual-message{
  padding: 4px;
  background: #a8a8a861;
  margin-right: 10px;
}
.main-battlerequest-ongoing-opponent1-c0n{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 10px 0px 10px;
}
.main-battle-request-acutual-live-win-or-loose-even{
  font-size: 35px;
  color: orange;
}
.main-battle-request-acutual-live-win-or-loose-loosing{
  font-size: 35px;
  color: rgb(252, 0, 0);
}
.main-battle-request-acutual-live-win-or-loose-winning{
  font-size: 35px;
  color: rgb(0, 252, 0);
}
.main-battle-request-ongoing-backwards-c0n{
  position: absolute;
  padding: 10px;
}
.main-battle-request-ongoing-backwards{
  padding: 5px;
  cursor: pointer;
}
.main-battle-request-ongoing-backwards:hover{
  text-decoration: underline;
}
.main-battle-request-date-c0n{
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-size: 14px;
  padding-top: 3px;
}
.main-battle-request-ongoing-video-description-title-b0x{
  display: flex;
}
.main-battle-request-ongoing-count-chars{
  margin-left: 10px;
}
.main-settings-battlerequest-overlay-enemy-b0x{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-settings-battlerequest-overlay-flex-b0x{
  display: flex;
}
.battle-request-attacker-overlay-thumbnail-t00l-0pen{
  position: absolute;
  color: white;
  background: #00000094;
  z-index: 1;
  width: 100%;
  padding: 1px;
  bottom: 0px;
  text-align: center;
}
.main-settings-main-battle-request-arr0w-1{
  position: absolute;
  height: 22px;
  width: 4px;
  background: light-dark(var(--light-color), var(--dark-color));
  top: 10px;
  rotate: -125deg;
  top: -6px;
  right: 7px;
}
.main-settings-main-battle-request-arr0w-2{
  position: absolute;
  height: 22px;
  width: 4px;
  background: light-dark(var(--light-color), var(--dark-color));
  rotate: 125deg;
  top: -17px;
  right: 7px;
}
.main-battle-request-overlay-close-c0n{
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.main-battle-request-overlay-close{
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  width: fit-content;
}
.main-b0dy-navigator-0pen{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-b0dy-navigator-0pen-color-m0de-switch-c0n{
  display: flex;
  position: fixed;
  bottom: 0px;
  width: 100%;
  opacity: 0;
  justify-content: center;
  border-top: 1px solid;
  transition: .3s;
  max-width: 1040px;
}
.switch-dark-mode{
  position: relative;
  display: flex;
}
.main-b0dy-navigator-0pen-color-m0de-switch-dark, .main-b0dy-navigator-0pen-color-m0de-switch-light{
  z-index: 1;
  font-size: 22px;
}
input#dark-mode:checked + .slider-dark-light::before {
  transform: translateX(20px);
  background-color: rgb(255, 255, 255);
}
.slider-dark-light::before {
  content: "";
  height: 18px;
  width: 29px;
  left: 5px;
  background-color: rgb(0, 0, 0);
  -webkit-transition: .4s;
  transition: .3s;
  position: relative;
  display: block;
  border: 1px solid rgb(0, 252, 0);
}
#dark-mode{
  display: none;
}
.dark-mode-c0n{
  width: 60px;
  display: flex;
  align-items: center;
}
.vote-animation-con{
  position: fixed;
  transition: .5s;
  z-index: 1000;
  
}
.animation-icon{
  position: absolute;
  transition: .5s;
  width: 15px;
  height: 15px;
  top: 0px;
  right: 0px;
  z-index: 100;
}

#m-check-mark {
  width: 40px;
  height: auto;
  display: inline;
}
.check-mark-c0n{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
  align-items: center;
}
#checkmark {
  stroke-dasharray: 640;
    stroke-dashoffset: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: draw-around 1s;
      -ms-animation: draw-around 1s;
          animation: draw-around 1s;
}
@-ms-keyframes draw-around {
  0% {
    stroke-dashoffset: 640;
  }
  10% {
    stroke-dashoffset: 640;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes draw-around {
  0% {
    stroke-dashoffset: 640;
  }
  10% {
    stroke-dashoffset: 640;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-around {
  0% {
    stroke-dashoffset: 640;
  }
  10% {
    stroke-dashoffset: 640;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.checkmark-con{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 33px;
  flex-shrink: 0;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.main-b0dy-navigator-0pen-color-m0de-switch-c0n{
  background: light-dark(var(--light-bg), var(--dark-bg-nav));
}
.main-inf0-battle-v0te-next-battle{
  pointer-events: none;
}
.comment-user-picture-img{
  width: 30px;
  height: 30px;
  pointer-events: none;
  object-fit: cover;
}
.comment-sub-user-picture-img{
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.main-report-serious-err0r{
  color: rgb(252,0,0);
  padding-top: 10px;
}
.main-report-serious-text-description{
  text-align: end;
}
.main-b0tt0m-big-view-input-chart-thumbnail-img{
  width: 200px;
  scale: 1.5;
}
.main-b0tt0m-big-view-input-chart-battle-thumbnail-c0n{
  display: flex;
  width: fit-content;
  box-shadow: 0px 0px 3px 1px rgb(0, 252, 0);
  position: relative;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: .5s;
}
.main-b0tt0m-big-view-input-chart-battle-thumbnail-c0n:hover{
  box-shadow: 0px 0px 18px 1px rgb(0, 252, 0);
}
.main-b0tt0m-big-view-input-chart-info-ending-tag{
  position: absolute;
  color: rgb(0, 252, 0);
  background: #0000008f;
  padding: 5px;
  border: 1px solid;
  font-style: oblique;
  font-size: 14px;
}
.main-b0tt0m-big-view-input-chart-battle-thumbnail-left, .main-b0tt0m-big-view-input-chart-battle-thumbnail-right{
  display: flex;
  overflow: hidden;
  pointer-events: none;
  height: 112.5px;
}
.main-b0tt0m-big-view-input-chart-info{
  display: flex;
  padding: 5px;
  position: relative;
  flex-direction: column;
  width: 57px;
  flex-shrink: 0;
}
.main-b0tt0m-big-view-input-chart-position{
  font-size: 30px;
  text-align: center;
}
.main-b0tt0m-big-view-input-charts-c0n{
  display: flex;
  margin: 4px 0px 4px 0px;
  background: light-dark(var(--light-idc-bg), var(--dark-idc-bg));
}
.main-b0tt0m-big-view-input-chart-battle-c0n{
  display: flex;
  align-items: center;
}
.main-b0tt0m-big-view-input-c0n{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  display: flex;
  justify-content: center;
}
.main-b0tt0m-big-view-input-chart-battle-videoname{
  width: 265px;
  padding: 5px;
  cursor: pointer;
}
.main-b0tt0m-big-view-input-charts-positioning-c0n{
  position: relative;
  width: 47px;
  height: 30px;
}
.main-b0tt0m-big-view-input-charts-positioning-up-l{
  height: 30px;
  width: 4px;
  background: rgb(0, 252, 0);
  position: absolute;
  rotate: 45deg;
  left: 12px;
}
.main-b0tt0m-big-view-input-charts-positioning-up-r{
  height: 30px;
  width: 4px;
  background: rgb(0, 252, 0);
  position: absolute;
  rotate: -45deg;
  left: 31px;
}
.main-b0tt0m-big-view-input-charts-positioning-down-l{
  height: 30px;
  width: 4px;
  background: rgb(252, 0, 0);
  position: absolute;
  rotate: -45deg;
  left: 12px;
}
.main-b0tt0m-big-view-input-charts-positioning-down-r{
  height: 30px;
  width: 4px;
  background: rgb(252, 0, 0);
  position: absolute;
  rotate: 45deg;
  left: 31px;
}
.main-b0tt0m-big-view-input-charts-positioning-stand-c0n{
  position: relative;
  width: 47px;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.main-b0tt0m-big-view-input-charts-positioning-stand-l{
  width: 80%;
  background: light-dark(var(--light-color), var(--dark-color));
  height: 4px;
  margin-bottom: 5px;
}
.main-b0tt0m-big-view-input-charts-positioning-stand-r{
  width: 80%;
  background: light-dark(var(--light-color), var(--dark-color));
  height: 4px;
}
.main-b0tt0m-big-view-input{
  width: fit-content;
}
.inf0-mirr0r-c0mmentary-t0pic-c0n{
  display: flex;
  justify-content: space-between;
}
.inf0-mirr0r-c0mmentary-t0pic-order{
  font-size: 16px;
  height: 100%;
  border-radius: 0px;
  outline: none;
  border: 0px;
  background: light-dark(var(--light-bg), var(--dark-bg));
  cursor: pointer;
  font-family: "Quantico", sans-serif;
}
.inf0-mirr0r-c0mmentary-t0pic-order-c0n{
  padding: 5px;
}
.main-vide0-thumbnail-inf0-c0n{
  position: absolute;
  left: 5px;
  top: 5px;
  color: black;
}
.main-vide0-thumbnail-inf0, .main-vide0-thumbnail-vide0-type{
  background: rgba(0, 252, 0, 0.6);
  padding: 1px;
  margin: 5px;
  text-align: center;
}
.main-settings-main-video-online-status-c0n{
  position: absolute;
  left: 5px;
  top: 5px;
  color: black;
  font-size: 12px;
}
.main-settings-main-video-online-status, .main-settings-main-video-online-videotype{
  background: rgba(0, 252, 0, 0.6);
  padding: 1px;
  margin: 5px;
  text-align: center;
}
.main-vide0-single-screen-block-c0n{
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  background: black;
  z-index: 2000;
  color: white;
}
.main-battlerequest-ongoing-statistics-goto{
  cursor: pointer;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.main-battlerequest-ongoing-statistics-goto:hover{
  text-decoration: underline;
}
.comment-user-t00l-delete{
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 1px;
  transition: .3s;
}
.comment-user-t00l-delete:hover{
  background: rgba(252, 0, 0, 0.26);
}
.delete-comment-svg{
  pointer-events: none;
}
.main-battlerequest-ongoing-video-battle-comments-delete-c0n{
  padding: 10px;
  padding-bottom: 0px;
  max-height: 200px;
  overflow: hidden;
  flex-shrink: 0;
}
.main-battlerequest-ongoing-video-battle-comments-picker{
  font-size: 20px;
  pointer-events: none;
}
.main-battlerequest-ongoing-video-battle-comments-picker-c0n{
  cursor: pointer;
  display: flex;
  width: fit-content;
}
.main-battlerequest-ongoing-video-battle-comments-picker-arr0w-c0n{
  position: relative;
  width: 40px;
  pointer-events: none;
}
.main-battlerequest-ongoing-video-battle-comments-picker-arr0w-1{
  height: 20px;
  width: 4px;
  background: light-dark(var(--light-color), var(--dark-color));
  position: absolute;
  rotate: -45deg;
  left: 13px;
  top: 4px;
  transition: .5s;
}
.main-battlerequest-ongoing-video-battle-comments-picker-arr0w-2{
  height: 20px;
  width: 4px;
  background: light-dark(var(--light-color), var(--dark-color));
  position: absolute;
  rotate: 45deg;
  left: 25px;
  top: 4px;
  transition: .5s;
}
.main-battlerequest-ongoing-video-battle-comments-userpicutre-img{
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.main-battlerequest-ongoing-video-battle-comments-b0x{
  display: flex;
  align-items: center;
  margin: 5px 0px 5px 0px;
  background: light-dark(var(--light-ongoing-bg), var(--dark-ongoing-bg));
  border: 1px solid;
  padding: 2px;
  overflow: hidden;
}
.main-battle-request-ongoing-video-battle-t00l{
  cursor: pointer;
  display: flex;
  justify-content: center;
  width: 65px;
}
.main-battle-request-ongoing-video-battle-t00l:hover{
  text-decoration: underline;
}
.main-battlerequest-ongoing-video-battle-comments-user{
  display: flex;
  align-items: center;
  align-self: start;
}
.main-battlerequest-ongoing-video-battle-comments{
  display: flex;
  align-items: center;
  width: 100%;
  border-right: 1px solid;
}
.main-battlerequest-ongoing-video-battle-comments-username-c0n{
  margin-left: 5px;
  cursor: pointer;
}
.main-battlerequest-ongoing-video-battle-comments-userpicture{
  cursor: pointer;
  display: flex;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid rgb(0, 252, 0);
}
.main-battlerequest-ongoing-video-battle-actual-comment-c0n{
  margin-left: 10px;
  padding: 2px;
  margin-right: 10px;
  transition: .3s;
  cursor: pointer;
}
.main-battlerequest-ongoing-video-battle-actual-comment{
  height: 27px;
  transition: .5s;
}
.main-battlerequest-ongoing-video-battle-comments-input-c0n{
  height: 0px;
  overflow: auto;
  scrollbar-width: none;
  transition: .5s;
}
.main-battlevideo-autoplay-c0n{
  position: absolute;
  height: 100%;
  background: #000000a6;
  z-index: 100;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.main-battle-video-autoplay-thumbnail-img{
  width: 100%;
  scale: 1.5;
}
.main-battlevideo-autoplay{
  width: 250px;
  cursor: pointer;
  background: black;
  transition: .5s;
  box-shadow: 0px 0px 3px 1px rgb(0, 252, 0);
  position: relative;
  display: flex;
  justify-content: center;
}
.main-battlevideo-autoplay-video-percentages-c0n{
  height: 100%;
  display: flex;
  width: 15px;
  flex-shrink: 0;
  position: absolute;
  right: 0px;
  flex-direction: column;
  top: 0px;
  pointer-events: none;
}
.main-battlevideo-autoplay-video-percentage{
  background: black;
  border: 1px solid rgb(0, 252, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
}
.main-battle-video-autplay-video-percentage-number{
  rotate: 90deg;
  height: fit-content;
}
.main-battlevideo-autoplay:hover{
  box-shadow: 0px 0px 10px 1px rgb(0, 252, 0);
}
.main-battle-video-autoplay-thumbnail{
  display: flex;
  overflow: hidden;
}
.main-battlevideo-autoplay-videoname-c0n{
  padding: 5px;
}
.main-battlevideo-autoplay-thumbnail-c0n{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  padding-top: 5px;
}
.main-battlevideo-autplay-versus-c0n{
  position: absolute;
  border: 1px solid;
  padding: 5px;
  font-size: 18px;
  font-style: oblique;
  font-weight: bold;
  background: rgba(0, 252, 0, 0.5);
}
.main-battlevideo-progress-bar{
  height: 10px;
  background: rgb(0, 252, 0);
  top: 0px;
  width: 0%;
  position: absolute;
  transition: 5s linear;
  pointer-events: none;
}
.main-b0tt0m-big-view-input-chart-info-versus{
  position: absolute;
  color: rgb(0, 252, 0);
  background: #0000008f;
  padding: 5px;
  border: 1px solid;
  font-style: oblique;
  font-size: 14px;
}
.main-settings-main-claims-span{
  display: block;
  width: 250px;
  height: 40px;
  outline: none;
  padding: 5px;
  appearance: none;
  font-size: 20px;
  padding-right: 40px;
  border-left: 1px solid;
  border-bottom: 1px solid;
}
.main-settings-main-claims{
  position: relative;
  width: fit-content;
}
.main-settings-main-claims-search-c0n{
  display: flex;
  justify-content: right;
}
.main-settings-main-claims-span[contenteditable]:empty::before {
  content: "SEARCH..";
  cursor: text;
  opacity: 0.5;
  font-size: 16px;
}
.main-settings-claims-search-span-butt0n-c0n{
  position: absolute;
  height: 40px;
  width: 40px;
  right: 0px;
  border-left: 1px solid;
  cursor: pointer;
  top: 0px;
}
.main-settings-claims-search-span-butt0n{
  height: 40px;
  width: 40px;
}
.main-settings-main-claim-not-found-c0n{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.main-settings-main-claims-all-claims-c0n{
  width: 100%;
  display: flex;
  align-items: center;
}
.main-settings-main-claims-all-claims{
  padding: 5px;
  cursor: pointer;
}
.main-settings-main-claims-all-claims:hover{
  text-decoration: underline;
}
.main-video-privat-information-c0n{
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  padding: 10px;
  background: black;
  color: white;
}
.main-progress-line-c0n{
  position: absolute;
  top: 0px;
  opacity: .8;
  width: 0%;
  height: 3px;
  z-index: 999999999999;
  background: rgb(0, 252, 0, .9);
  transition: linear .5s;
}
.main-b0dy-timer-c0n{
  display: flex;
  justify-content: center;
}
.main-b0dy-register-new-c0de-here{
  padding: 0px 3px 0px 3px;
  text-decoration: underline;
  cursor: pointer;
}
.main-b0dy-register-new-c0de-c0n{
  display: flex;
  font-size: 14px;
  padding-top: 10px;
}
.main-b0dy-register-new-c0de-send{
  text-align: center;
  padding: 5px;
  background: rgb(0, 252, 0);
  color: black;
  font-weight: bold;
  cursor: pointer;
}
.main-b0dy-register-new-c0de-send:hover{
  text-decoration: underline;
}
.main-b0dy-reigster-new-c0de-err0r-c0n{
  color: red;
  padding: 5px 0px 5px 0px;
  font-size: 14px;
}
.main-pr0fil-user-battles-w0n-description, .main-pr0fil-user-battles-l0st-description{
  border-bottom: 1px solid;
}
.main-pr0fil-suggesti0n-battle-thumbnail-scale{
  scale: 1.5;
}
.battlerequest-notifyer{
  color: light-dark(var(--light-color), var(--dark-color));
  background: light-dark(var(--light-bg), var(--dark-bg));
  padding: 5px;
  z-index: 1;
  border: 1px solid;
  width: 215px;
  position: absolute;
  cursor: help;
}
.main-settings-main-statistics-vide0s-notify-c0n{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 5px;
}
.inf0-mirr0r-battles-number{
  color: light-dark(var(--light-color), var(--dark-color));
  background: light-dark(var(--light-bg), var(--dark-bg));
  position: absolute;
  padding: 3px;
  border: 1px solid;
  bottom: 25px;
  display: none;
}
#inf0-mirr0r-battles-l0st-hover-1:hover + #inf0-mirr0r-battles-l0ses-1{
  display: block;
}
#inf0-mirr0r-battles-l0st-hover-2:hover + #inf0-mirr0r-battles-l0ses-2{
  display: block;
}
#inf0-mirr0r-battles-w0n-hover-1:hover + #inf0-mirr0r-battles-w0n-1{
  display: block;
}
#inf0-mirr0r-battles-w0n-hover-2:hover + #inf0-mirr0r-battles-w0n-2{
  display: block;
}
#inf0-mirr0r-battles-suscribers-hover-1:hover + #inf0-mirr0r-battles-suscribers-1{
  display: block;
}
#inf0-mirr0r-battles-suscribers-hover-2:hover + #inf0-mirr0r-battles-suscribers-2{
  display: block;
}
.main-settings-videos-thumbnail-img{
  max-height: 300px;
  scale: 1.5;
}
.main-pr0fil-user-xtra-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-pr0fil-user-b0x-c0n{
  display: flex;
}

.main-settings-main-claim-statistics-c0n{
  min-height: 0px;
  transition: .5s;
  display: flex;
  flex-shrink: 1;
  align-self: end;
  background: light-dark(var(--light-idc-bg), var(--dark-idc-bg));
  height: 100%;
  width: 100%;
  border-top: 1px solid;
}
.main-settings-main-claim-statistics{
  width: 100%;
  padding-top: 10px;
  height: fit-content;
}
.main-settings-main-claim-statistic-title-big{
  font-size: 18px;
  text-align: center;
}
.main-settings-main-claim-statistic-title{
  text-decoration: underline;
}
.main-settings-main-claim-statistic-value{
  font-size: 14px;
}
.main-settings-main-claim-statistics-actual-c0n{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 1px;
  max-height: 300px;
}
.main-settings-main-claim-statistic-c0n{
  margin: 3px;
  border: 1px solid;
  text-align: center;
  padding: 1px;
  background: light-dark(var(--light-statistics-bg), var(--dark-statistics-bg));
}
.main-settings-main-claim-id-c0n, .main-settings-main-claim-check-stats-c0n{
  display: flex;
  font-size: 18px;
  align-items: center;
}
.main-settings-main-claim-pointer-blocker{
  display: flex;
  width: 100%;
  justify-content: space-between;
  pointer-events: none;
}
.main-settings-main-input{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  overflow: hidden;
}
.main-notfiy-sender-picture{
  display: flex;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  border-radius: 100%;
}
.main-crawl-c0n{
  display: flex;
  justify-content: center;
  background-color: black;
  transition: 5s linear;
}
.main-crawl{
  display: flex;
  max-width: 1680px;
  border-right: 1px solid;
  border-left: 1px solid;
  position: relative;
  background-color: light-dark(var(--light-bg), var(--dark-bg));
  color: light-dark(var(--light-color), var(--dark-color));
}
.main-right-content-c0n{
  user-select: none;
  height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-right: 1px solid;
  overflow: hidden;
  scrollbar-width: none;
  border-left: 1px solid;
  max-width: 399px;
  width: 399px;
}
.main-right-content-c0n.fullscreen {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  justify-content: center;
  background: #000000a6;
  max-width: 1040px;
  display: flex !important;
  border: 0;
  padding-top: 60px;
  top: 0;
}
.main-right-content-c0n.fullscreen.clip{
  padding-top: 60px;
  top: 0;
  background: none;
}
.main-b0dy-navigator-feed-c0n{
  position: absolute;
  right: 140px;
  display: flex;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
}
.main-right-header-home{
  display: flex;
  align-items: center;
}
.main-right-header{
  display: flex;
  border-bottom: 1px solid;
  background: black;
  height: 60px;
  color: white;
}
.main-right-header-clips-c0n, .main-right-header-home-c0n {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px; 
}
.main-right-header-home, .main-right-header-clips{
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.main-right-header-home-c0n{
  border-right: 1px solid;
}
.main-right-content{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: light-dark(var(--light-bg), var(--dark-bg));
}
.main-right-content.fullscreen{
  max-width: 1040px;
  background: light-dark(var(--light-bg-home-overlay), var(--dark-bg-home-overlay));
}
.main-home-video-details-c0n{
  background: light-dark(var(--light-bg), var(--dark-bg));
}
.main-right-input-c0n{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  position: relative;
}
.main-right-input-home.fullscreen.home{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: unset;
}
.main-right-input-home.fullscreen.home .main-home-something-c0n {
  width: 475px;
}
.main-right-input-c0n.fullscreen.clip{
  flex-direction: column;
}
.main-right-input-c0n.fullscreen.clip .main-clips-c0n{
  box-shadow: rgba(0, 252, 0, 0.2) 0px 110px 12333px 0px;
  border-right: 1px solid;
  border-left: 1px solid;
}
.main-right-input-clip{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  position: relative;
}
.main-right-input-home{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
}
.main-right-header-c0n.fullscreen{
  display: none;
}
.main-home-video-utils-c0n{
  display: flex;
  border-top: 1px solid rgb(0, 252, 0);
}
.main-home-video-utils{
  display: flex;
  width: 100%;
  align-items: center;
  transition: .3s;
  padding: 2px;
}
.main-home-video-videoname-c0n{
  display: flex;
  justify-content: center;
  padding: 5px;
}
.main-home-video-videoname{
  width: fit-content;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}
.main-home-something{
  width: 100%;
  max-width: 475px;
  border: 1px solid rgb(0, 252, 0);
  height: fit-content;
}
.main-home-something-c0n{
  width: fit-content;
  display: flex;
  justify-content: center;
  padding: 15px 5px 15px 5px;
  align-self: center;
}
.main-home-video-slot{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  max-height: 500px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background: black;
}
.main-home-video-slot-details-duration-c0n{
  width: fit-content;
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: white;
  z-index: 1;
}
.main-home-video-slot-details-likes-dislikes-c0n{
  position: absolute;
  display: flex;
  right: 10px;
  top: 10px;
  justify-content: center;
  z-index: 1;
}
.main-home-video-slot-details-likes{
  font-size: 16px;
  padding: 5px;
  color: rgb(0, 252, 0);
  background: #0000007a;
  margin-right: 2px;
}
.main-home-video-slot-details-dislikes{
  font-size: 16px;
  padding: 5px;
  color: rgb(252, 0, 0);
  background: #0000007a;
}
.main-home-battle-thumbnail-right-img, .main-home-battle-thumbnail-left-img{
  width: 100%;
  scale: 1.5;
  pointer-events: none;
}
.main-home-battle-thumbnail-left{
  display: flex;
  overflow: hidden;
  position: relative;
}
.main-home-battle-thumbnail-right{
  display: flex;
  overflow: hidden;
  border-left: 1px solid rgba(0, 252, 0, 0.2);
  position: relative; 
}
.video-battle-home-hover-c0n{
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
}
.video-battle-home-hover-b0x{
  position: relative;
}
.video-slot-home-hover-progress-c0n{
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  height: 5px;
}
.video-slot-home-hover-progress{
  width: 100%;
  appearance: none;
  outline: none;
  border: none;
  height: 5px;
  background: #0000;
}
.video-battle-home-hover{
  height: 100%;
}
.main-home-battle-thumbnail{
  display: flex;
}
.main-home-battle-t00ls{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.main-home-battle-battlename-c0n{
  display: flex;
}
.main-home-battle-battlename{
  width: 100%;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
}
.main-home-battle-battle-versus-c0n{
  display: flex;
  align-items: center;
}
.main-home-battle-versus{
  border: 1px solid;
  padding: 10px;
  height: 20px;
  display: flex;
  align-items: center;
  font-style: oblique;
}
.main-home-battle-percentages-left{
  min-width: 30px;
  text-align: center;
  border-right: 1px solid rgb(0, 252, 0);
}
.main-home-battle-percentages-right{
  min-width: 30px;
  text-align: center;
}
.main-home-battle-percentages{
  display: flex;
  border: 1px solid rgb(0, 252, 0);
  border-right: 0px;
  border-left: 0px;
  height: 17px;
  align-items: center;
  overflow: hidden;
}
.play-butt0n-start-home-c0n {
  background: #00000059;
  height: 45px;
  width: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 252, 0, 0.3);
  cursor: pointer;
}
.play-butt0n-start-home {
  height: 30px;
  width: 30px;
  background: rgb(0, 252, 0);
  clip-path: polygon(0% 0%, 0% 100%, 50% 0px, 100% 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%);
  rotate: 90deg;
  transition: .1s;
}
.play-butt0n-start-screen-home {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.video-slot-home{
  pointer-events: none;
  max-height: 500px;
  overflow: hidden;
  width: initial;
  height: fit-content;
}
.main-home-video-util-t00l{
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
}
#main-home-video-util-like{
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#main-home-video-util-dislike{
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main-suscription-content-c0n{
  user-select: none;
  height: 100vh;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  overflow: hidden;
}
.main-suscription-content-c0n.fullscreen{
  border-left: 1px solid;
}
.main-suscription-content{
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 150px;
  overflow: hidden;
}
.main-suscription-content-hot-c0n, .main-suscription-content-suscribers-c0n, .main-suscription-content-suscribers, .main-suscription-content-hot{
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  overflow: hidden;
}
.main-suscription-content-suscribers-input-c0n, .main-suscription-content-hot-input-c0n{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
.main-suscription-content-hot-header-c0n, .main-suscription-content-suscribers-header-c0n{
  display: flex;
  justify-content: center;
  padding: 5px;
  font-size: 16px;
}
.video-slot-home-thumbnail-img{
  width: 100%;
}
.img-stop-play-home-c0n{
  display: flex;
  width: fit-content;
  height: fit-content;
  cursor: pointer;
  position: absolute;
}
.img-stop-play-home {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.video-slot-home-c0n{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: black;
}
.video-slot-home-progress-c0n{
  position: absolute;
  width: 100%;
  display: flex;
  bottom: -1px;
  height: 20px;
  align-items: end;
}
.video-slot-home-progress{
  width: 100%;
  border: 0px;
  height: 6px;
  background: #242d2163;
  transition: .3s;
}
.video-slot-home-progress[value]::-moz-progress-bar {
  background: rgba(0, 255, 0, 0.29);
}
.video-slot-clip-progress-c0n{
  position: absolute;
  width: 100%;
  display: flex;
  bottom: -1px;
  height: 20px;
  align-items: end;
}
.video-slot-clip-progress{
  width: 100%;
  border: 0px;
  height: 6px;
  background: #242d2163;
  transition: .3s;
}
.video-slot-clip-progress[value]::-moz-progress-bar {
  background: rgba(0, 255, 0, 0.29);
}
.stop-play-home {
  clip-path: polygon(0% 0%, 0% 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 0 100%);
  rotate: 90deg;
  cursor: pointer;
  position: absolute;
  transition: .3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 14px;
  opacity: 0;
}
.stop-play-home:hover{
  opacity: 1;
}
.video-slot-home-b0x:hover .stop-play-home {
    opacity: 1;
}
.video-slot-home-b0x:hover .home-range{
    opacity: 1;
}
.stop-play-home.opacity{
  opacity: 1;
}
.stop-play-i-home {
  width: 25px;
  height: 5px;
  background: rgba(0, 255, 0, 0.5);
  pointer-events: none;
}
.stop-play-clip {
  clip-path: polygon(0% 0%, 0% 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 0 100%);
  rotate: 90deg;
  cursor: pointer;
  position: absolute;
  transition: .3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 25px;
  opacity: 0;
}
.stop-play-clip.opacity{
  opacity: 1;
}
.stop-play-i-clip {
  width: 35px;
  height: 10px;
  background: rgba(0, 255, 0, 0.5);
  pointer-events: none;
}
.home-block-display{
  position: absolute;
  display: flex;
  flex-shrink: 0;
  top: 0;
  transition: .3s;
  opacity: 0;
  height: 100%;
  width: 100%;
}
.home-block-display-c0n{
  top: 0px;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 100;
}
.video-slot-home-thumbnail{
  display: flex;
}
.main-home-video-user-pr0fil{
  display: flex;
  flex-direction: row-reverse;
  padding: 2px;
}
.main-home-video-user-profil-picture{
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid rgb(0, 252, 0);
  cursor: pointer;
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
}
.main-home-video-user-profil-picture-img{
  width: 100%;
  height: 100%;
  pointer-events: none;
  object-fit: cover;
}
.main-home-video-user-profil-username-c0n{
  display: flex;
  align-items: center;
}
.main-home-video-user-profil-username{
  font-size: 16px;
  cursor: pointer;
  margin-right: 5px;
}
.main-home-battle-battlename-battle-pr0fil-picture{
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgb(0, 252, 0);
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  width: 35px;
  height: 35px;
}
.main-home-battle{
  background: light-dark(var(--light-bg), var(--dark-bg));
}
.main-home-battle-battlename-battle-pr0fil-picture-img{
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.main-home-battle-battlename-battle-pr0fil{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.main-home-battle-battlename-battle-pr0fil-c0n{
  width: 100%;
}
.main-home-battle-battlename-battle-pr0fil-right{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.main-home-battle-battlename-battle-pr0fil-username{
  cursor: pointer;
  margin-left: 5px;
}
.main-home-battle-battlename-battle-pr0fil-username-right{
  cursor: pointer;
  margin-right: 5px;
}
.main-home-battle-t00l{
  height: 25px;
  width: 25px;
  display: flex;
  cursor: pointer;
  position: relative;
}
.main-home-battle-t00ls-c0n{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.main-home-battle-likes-and-dislikes-c0n{
  display: flex;
  justify-content: center;
}
.main-home-battle-likes{
  padding: 5px;
  color: rgb(0, 252, 0);
}
.main-home-battle-dislikes{
  padding: 5px;
  color: rgb(252, 0, 0);
}
.main-home-battle-t00l-like{
  height: 25px;
  width: 25px;
  cursor: pointer;
}
.main-home-battle-t00l-dislike{
  height: 25px;
  width: 25px;
  cursor: pointer;
}
.home-range{
  position: absolute;
  display: flex;
  top: 5px;
  left: 0px;
  padding: 5px;
  transition: .3s;
  opacity: 0;
  align-items: center;
}
.input-home-range-img{
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.home-range:hover #input-home-range{
  opacity: 1;
  width: 100px;
}
.home-range:hover{
  opacity: 1;
}
.clip-range{
  position: absolute;
  display: flex;
  height: 20px;
  width: 110px;
  top: 25px;
  left: 10px;
  padding: 5px;
  transition: .3s;
  opacity: 0;
  align-items: center;
}
.clip-range:hover{
  opacity: 1;
}
.clip-range:hover #input-clip-range-1{
  opacity: 1;
  width: 100px;
}
.clip-range:hover #input-clip-range-2{
  opacity: 1;
  width: 100px;
}
#input-clip-range-img-1, #input-clip-range-img-2 {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#input-clip-range-1, #input-clip-range-2{
  width: 10px;
  height: 10px;
  margin: 0;
  background: black;
  border: 1px solid rgb(0, 252, 0);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: .3s;
  opacity: 0;
}
input[type="range"]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: rgb(0, 255, 0);
  border-radius: 0px;
  border: none;
}
input[type="range"]::-webkit-slider-thumb {
  width: 15px;
  -webkit-appearance: none;
  height: 15px;
  background: rgb(0, 255, 0);
  border-radius: 0px;
  border: none;
}
#input-home-range{
  width: 10px;
  height: 10px;
  margin: 0;
  background: black;
  border: 1px solid rgb(0, 252, 0);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
  transition: .3s;
}
.main-hyped-hit-userpicture-img, .main-suscribed-userpicture-img{
  width: 30px;
  height: 30px;
  object-fit: cover;
}
.search-request-0utput-picture-img{
  height: 60px;
  width: 60px;
  pointer-events: none;
  object-fit: cover;
}
.main-home-found-none{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.main-hyped-hit-userpicture, .main-suscribed-userpicture{
  display: flex;
  border-radius: 100%;
  border: 1px solid rgb(0, 252, 0);
  overflow: hidden;
  flex-shrink: 0;
  width: fit-content;
}
.main-hyped-hit-username-c0n{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.main-hyped-hit-flex-row, .main-suscribed-hit-flex-row{
  display: flex;
  width: 100%;
  pointer-events: none;
}
.main-hyped-hit-username{
  cursor: pointer;
}
.main-hyped-hit-icon-img{
  width: 30px;
}
.main-hyped-hit-icon{
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
.main-suscribed-hit, .main-hyped-hit{
  display: flex;
  align-items: center;
  margin: 5px;
  padding: 2px;
  transition: .3s;
  overflow: hidden;
  cursor: pointer;
}
.main-suscribed-hit:hover, .main-hyped-hit:hover{
  border: 1px solid rgb(0, 252, 0);
}
.main-suscribed-username-c0n{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-suscribed-username{
  cursor: pointer;
}
.main-clips-c0n{
  display: flex;
  height: 100%;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.479);
  max-width: 399px;
  align-self: center;
}
.main-clips-clip{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  overflow: hidden;
}
.main-clips-clip-thumbnail-c0n{
  display: flex;
  width: fit-content;
  height: 100%;
  background: black;
}
.main-clips-clip-thumbnail{
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 100%;
  align-items: center;
}
.main-clips-relative{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.main-clips-clip-thumbnail-img{
  height: fit-content;
  object-fit: contain;
  width: 100%;
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
  max-height: 100%;
}
.main-clips-videodetails-c0n{
  display: flex;
  justify-content: center;
  height: fit-content;
  flex-direction: column;
  background: light-dark(var(--light-bg), var(--dark-bg));
}
.main-clips-videodetails-t00ls-c0n{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main-clips-videodetails-t00ls{
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
}
.main-clips-videodetails-videoname-c0n{
  display: flex;
  justify-content: center;
  padding: 10px;
}
.main-clips-videodetails-videoname{
  width: fit-content;
  font-size: 20px;
}
.video-clip{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: black;
}
#video-clip-id-1, #video-clip-id-2 {
  scale: 1.15;
}
.video-clip:hover .stop-play-clip{
  opacity: 1;
}
.video-clip:hover .clip-range{
  opacity: 1;
}
.main-clips-videodetails-b0tt0m-c0n{
  display: flex;
  border-top: 1px solid;
}
.main-clips-like-dislike-counts-c0n{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: end;
}
.main-clips-likes{
  padding: 5px;
  color: rgb(0, 252, 0);
}
.main-clips-dislikes{
  padding: 5px;
  color: rgb(252, 0, 0);
}
.main-height-input-cell{
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
  z-index: 1000;
  overflow: hidden;
  transition: .3s;
  opacity: 0;
  padding-bottom: 60px;
}
.main-suscribed-hit-fresh-icon-cycle{
  width: 10px;
  height: 10px;
  background: rgb(0, 252, 0);
  border-radius: 100%;
  box-shadow: rgb(0, 252, 0) 0px 0px 3px 1px;
}
.main-suscribed-hit-fresh-icon{
  display: flex;
  height: 32px;
  align-items: center;
  flex-shrink: 0;
  padding-right: 5px;
}
.sl0ts-ctrl.pop {
  display: none !important;
}
.inf0-mirr0r-c0mmentary-b0x{
  width: 100%;
  display: flex;
  justify-content: center;
}
.main-commentary-suggestion-thumbnail-img{
  width: 100%;
  scale: 1.5;
}
.main-commentary-suggestions-c0n{
  display: flex;
  width: 250px;
  justify-content: center;
  margin: 5px 0px 5px 0px;
  border: 1px solid rgb(0, 252, 0);
  cursor: pointer;
}
.main-commentary-suggestions-b0x{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 5px 0px 25px;
}
.main-commentary-suggestion-thumbnail{
  display: flex;
  overflow: hidden;
}
.main-commentary-suggestion-thumbnail-c0n{
  position: relative;
}
.main-commentary-suggestion-duration-c0n{
  position: absolute;
  top: 5px;
  right: 5px;
  background: #00000087;
  padding: 2px;
}
.main-commentary-suggestion-videoname{
  text-align: center;
  padding: 2px;
}
.main-commentary-suggestion{
  pointer-events: none;
}
.main-b0dy-navigator-search-c0n{
  position: absolute;
  right: 105px;
  display: flex;
  height: 30px;
  width: 30px;
  justify-content: center;
}
#search-home-all{
  cursor: pointer;
  position: absolute;
}
.main-b0dy-navigator-search{
  position: absolute;
  top: 36px;
  display: flex;
  background-color: light-dark(var(--light-bg), var(--dark-bg));
  z-index: 1;
}
.main-b0dy-navigator-search-span{
  display: block;
  width: 220px;
  transition: .3s;
  height: 35px;
  padding: 5px;
  outline: none;
  border: 1px solid;
}
.main-b0dy-navigator-search-span[contenteditable]:empty::before {
    content: "SEARCH...";
    opacity: .5;
    pointer-events: none;
}
.main-search-bar[contenteditable]:empty::before {
    content: "SEARCH...";
    opacity: .5;
    pointer-events: none;
}
.main-vide0-upl0ad-inputs{
  max-width: 301px;
}
.main-b0dy-navigator-clip-c0n{
  position: absolute;
  right: 175px;
  display: flex;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
}
.main-b0dy-navigator-clip-b0x{
  height: 25px;
  width: 20px;
  border: 2px solid light-dark(var(--light-notify-icon), var(--dark-notify-icon));
  position: relative;
  display: flex;
  border-radius: 2px;
  justify-content: center;
  transition: .1s;
  pointer-events: none;
}
.main-b0dy-navigator-clip{
  cursor: pointer;
}
.main-b0dy-navigator-clip:hover .main-b0dy-navigator-clip-b0x{
  border: 2px solid rgb(0, 252, 0);
}
.main-b0dy-navigator-clip:hover .main-b0dy-navigator-clip-arr0w-1{
  background:rgb(0, 252, 0);
}
.main-b0dy-navigator-clip:hover .main-b0dy-navigator-clip-arr0w-2{
  background:rgb(0, 252, 0);
}
.main-b0dy-navigator-clip:hover .main-b0dy-navigator-clip-arr0w-3{
  background:rgb(0, 252, 0);
}
.main-b0dy-navigator-clip-arr0w-1{
  position: absolute;
  height: 14px;
  width: 2px;
  background: light-dark(var(--light-notify-icon), var(--dark-notify-icon));
  transition: .1s;
}
.main-b0dy-navigator-clip-arr0w-2{
  position: absolute;
  width: 10px;
  background: light-dark(var(--light-notify-icon), var(--dark-notify-icon));
  height: 2px;
  top: 11px;
  rotate: 45deg;
  left: 0px;
  transition: .1s;
}
.main-b0dy-navigator-clip-arr0w-3{
  position: absolute;
  width: 10px;
  background: light-dark(var(--light-notify-icon), var(--dark-notify-icon));
  height: 2px;
  top: 11px;
  rotate: -45deg;
  left: 6px;
  transition: .1s;
}
.main-clips-user-pr0file-img{
  height: 40px;
  width: 40px;
  pointer-events: none;
  object-fit: cover;
}
.main-clips-user-pr0file-img-c0n{
  display: flex;
  overflow: hidden;
  border-radius: 100%;
  width: fit-content;
  cursor: pointer;
  border: 1px solid rgb(0, 252, 0);
}
.main-clips-user-pr0file-c0n{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
}
.main-clips-user-pr0file-username{
  cursor: pointer;
}
.main-home-video-pointer-events{
  position: relative;
  pointer-events: none;
}
.video-slot-home-b0x.PopUp.Width{
  position: absolute;
  z-index: 11;
  max-width: 200px;
  left: 2px;
  bottom: 2px;
  height: fit-content;
  width: 100%;
  border: 2px solid rgb(0, 252, 0);
}
.video-slot-home-b0x.PopUp.Height{
  position: absolute;
  z-index: 11;
  max-height: 200px;
  left: 2px;
  bottom: 2px;
  height: 100%;
  width: initial;
  border: 2px solid rgb(0, 252, 0);
}
.video-slot-home-c0n.PopUp{
  position: unset;
  width: 0px;
  height: 0px;
}
.main-home-video-slot.PopUp{
  position: unset;
}
.video-slot-home.PopUp.Height{
  height: 100%;
}
.video-slot-home-b0x{
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.video-slot-home-b0x-close-c0n{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 35px;
  cursor: pointer;
}
.video-slot-home-b0x-close{
  height: 30px;
  width: 30px;
  background: #ff000069;
  pointer-events: none;
}
.main-scroll-top-page{
  height: 50px;
  width: 100%;
  border-bottom: 1px solid;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.main-scroll-arr0w-c0n{
  position: relative;
  width: 45px;
  height: 30px;
  pointer-events: none;
}
.main-scroll-top-page-arr0w-1{
  position: absolute;
  height: 30px;
  width: 5px;
  background: light-dark(var(--light-color), var(--dark-color));
  rotate: 45deg;
  left: 11px;
}
.main-scroll-top-page-arr0w-2{
  position: absolute;
  height: 30px;
  width: 5px;
  background: light-dark(var(--light-color), var(--dark-color));
  rotate: -45deg;
  right: 11px;
}
.main-loader-finisher-dom-c0n{
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  top: 0px;
  z-index: 1000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-loader-finisher-dom div {
   animation: spinner-4t3wzl 1.5s infinite backwards;
   background-color: rgb(0, 0, 0);
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 100%;
}
.main-loader-finisher-dom{
  position: relative;
  width: 10px;
  height: 10px;
}
.main-loader-finisher-dom div:nth-child(1) {
   animation-delay: 0.12s;
   background-color: rgb(0, 255, 0);
}

.main-loader-finisher-dom div:nth-child(2) {
   animation-delay: 0.24s;
   background-color: rgb(0, 255, 0);
}

.main-loader-finisher-dom div:nth-child(3) {
   animation-delay: 0.36000000000000004s;
   background-color: rgb(0, 255, 0);
}

.main-loader-finisher-dom div:nth-child(4) {
   animation-delay: 0.48s;
   background-color: rgb(0, 255, 0);
}

.main-loader-finisher-dom div:nth-child(5) {
   animation-delay: 0.6000000000000001s;
   background-color: rgb(255, 0, 0);
}
.captcha {
  border: 1px solid;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.captcha-img {
  width: 100px;
  height: 100px;
  user-select: none;
  pointer-events: none;
}
.progress-animation-captcha-c0n{
  position: absolute;
  padding: 5px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.418);
  display: flex;
  justify-content: center;
  align-items: center;
}
.progress-animation-captcha{
  background: rgb(0, 252, 0);
  transition: 2s linear;
  height: 15px;
  width: 0%;
  border: 1px solid black;
}
.main-captcha-overlay-c0n{
  position: absolute;
  height: 100%;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  background: #00000080;
  z-index: 99999999999999999999;
}
.main-captcha-input-c0n{
  display: flex;
  flex-wrap: wrap;
  width: 316px;
  gap: 5px;
}
.main-captcha-overlay{
  padding: 5px;
  background: white;
  color: black;
  border: 2px solid rgb(0, 252, 0);
  position: relative;
}
.main-captcha-title-c0n{
  font-size: 18px;
  text-align: center;
}
.captcha-selected{
  width: 70px;
  user-select: none;
  pointer-events: none;
  transition: .5s;
}
.main-captcha-selected-captcha{
  display: flex;
  justify-content: center;
}
.main-captcha-header{
  max-width: 310px;
}
.main-captcha-direction-c0n{
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 10px;
  font-size: 18px;
}
.main-captcha-selected-captcha:hover .captcha-selected{
  scale: 1.5;
}
.checkmark-captcha-con{
  position: absolute;
  background: black;
  height: 100%;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  z-index: 11;
  flex-direction: column;
}
#captcha-check-mark {
  width: 30%;
  height: auto;
  display: inline;
}
.checkmark-continue-loader{
  transition: .3s;
  width: 0%;
  height: 0%;
  position: relative;
}
.main-search-input-c0n{
  height: 100%;
}
.search-request-couldnt-find-c0n{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  font-size: 22px;
  flex-direction: column;
}
.search-request-couldnt-find-emote{
  display: flex;
  height: 40px;
  width: 40px;
}
.search-request-couldnt-find{
  width: fit-content;
}
.main-battlerequest-ongoing-opponent-picture-c0n{
  display: flex;
  align-items: center;
  justify-content: center;
}