@import url("./fonts.css");
@import url("./layout/header.css");
@import url("./layout/loading-screen.css");

/* Components */
@import url("./components/slider.css");
@import url("./components/category.css");
@import url("./components/list.css");
@import url("./components/carousel.css");
@import url("./components/genre.css");
@import url("./components/pages.css");
@import url("./components/input.css");
@import url("./components/settings.css");
@import url("./components/video.css");
@import url("./components/vod-info.css");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;

  line-height: 1.4;
}

html {
  background-color: transparent;
}

body {
  width: 1920px;
  height: 1080px;
  position: relative;
  color: var(--main-text-color);
  overflow: hidden;
  background-color: transparent;
}

main {
  background-color: var(--background-color);
  position: relative;
  color: var(--main-text-color);
  height: 100%;
  overflow: hidden;
  z-index: 102;
  visibility: hidden;
}

main.with-header {
  padding-top: 100px;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

#videoBroadcastContainer {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}

#videoBroadcast {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}

/* @media (max-width: 1280px) { */
body {
  transform: scale(0.66666) translate(-25%, -25%);
}

body.html-5-body {
  transform: scale(1);
}

@media (max-width: 1280px) {
  body.html-5-body {
    transform: scale(0.66666) translate(-25%, -25%);
  }
}

/* } */