@import "../../style/CommonStyle.module.less";
@import "../../style/utils.module.less";

.panel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  padding: 0px;

  section {
    padding: 0px !important;
  }
}

.container {
  position: absolute;
  width: 100%;
  height: 100%;
  .flex(@direction: column);
  &.launchingWrap {
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  &.visible {
    opacity: 1;
  }
}

.fullpageImage {
  width: 1000px;
  height: 400px;
}
.fullPageImageShopOnTv {
  width: 100vw;
  height: 100vh;
}
.fontLoading {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  &.smart300 {
    font-family: "LG Smart";
    font-weight: 300;
  }
  &.smart400 {
    font-family: "LG Smart";
    font-weight: 400;
  }
  &.smart600 {
    font-family: "LG Smart";
    font-weight: 600;
  }
  &.smart700 {
    font-family: "LG Smart";
    font-weight: 700;
  }
  &.arial {
    font-family: "Arial";
  }
  &.arialBold {
    font-family: "ArialBold";
  }
  &.arialBlack {
    font-family: "ArialBlack";
  }
}
