.mobile-page__wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-theme);
    z-index: 10;
    overflow-y: auto;
}
.mobile-page__header{
    padding: 1rem 0;
    display: flex;
    align-items: center;
}
.mobile-page__header-back {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
}
.mobile-page__header-title{
    padding-right: 1rem;
    flex: 1;
    text-align: center;
}
.mobile-page__header-tick{
    width:1rem;
    height:1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBpdIhDsIwFAbgV2aQk0gMwS6I6eFgGI6wgCGwhHECkBwByTFwgIIMwTQzuwfQ0lcSAs3G2u4XbdM2X/40BaiQYRDZ/XE4xzUBwyByJ489XzqUsYUR9I0wYBllz642lIfstptMCypC8EwZ+odgau9Lk2YVBGP5wdShxDq1Om49vcZHE0Q0IkA8PtuEwcofhUsTRDRKk8u57bjcA48/mMebATbTQQSEwy2JDzJGga5VkQ+Uh/GthiryA8mYDlKYQTCLeiVfQs4LuHSwYWZOSFkAAAAASUVORK5CYII=) center/cover no-repeat;
}
.mobile-page__header-tick.selected{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB1dHhCYAgFATgFzRAIzRCm+UGtlkjNEIjNMJ1kpA8gvL81cGhP/RDnmYNATCwc9r3JiYhXFZ24r4zJfklG67s7Gi1+RnyJn9F0tQPNspIPhhwJ0pIcWHxGNTBegwtv+MwDXnAdKTAQi1yAofIEJNBA3qpAAAAAElFTkSuQmCC) center/cover no-repeat;
}


.prediction-bg[data-v-05e2a186] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -5.5rem;
  z-index: -1;
}
.prediciton-banner__wrapper[data-v-05e2a186] {
  margin-bottom: 1.25rem;
}
.prediction-header__right-icon[data-v-05e2a186] {
  width: 1.25rem;
}
.tiktok-wrapper[data-v-05e2a186] {
  padding-top: 1.5rem;
}
.tiktok-icon[data-v-05e2a186] {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
.tiktok-title[data-v-05e2a186] {
  font-size: 1.375rem;
}
.tiktok-desc[data-v-05e2a186] {
  color: var(--color-grey-light);
  font-size: 0.875rem;
  font-family: var(--weight-400);
  text-align: center;
}
.tiktok-video__wrapper[data-v-05e2a186] {
  width: 760px;
  height: 538px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-color: #0808087a;
  margin-bottom: 2.3125rem;
  position: relative;
}
.tiktok-participate__wrapper[data-v-05e2a186] {
  width: 37.5rem;
  margin: 0 auto;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.tiktok-participate__header[data-v-05e2a186] {
  text-align: center;
  padding: 0.6825rem;
  font-size: 0.875rem;
  font-family: var(--weight-700);
  line-height: 2.3125rem;
  background-color: var(--color-theme);
}
.tiktok-participate__body[data-v-05e2a186] {
  padding: 1.5625rem 2.25rem;
  background-color: var(--color-grey-60);
  font-size: 0.6875rem;
  font-family: var(--weight-400);
}
.tiktok-tnc__wrapper[data-v-05e2a186] {
  margin-bottom: 1.375rem;
}
.tiktok-bg__cover[data-v-05e2a186] {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    #000000 90.62%
  );
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
}
.tiktok-video__img[data-v-05e2a186] {
  position: absolute;
  top: 0;
  bottom: 0;
}
@media(max-width: 768px) { /* for test */
.prediciton-banner__wrapper[data-v-05e2a186] {
    margin-bottom: 1rem;
}
.tiktok-video__wrapper[data-v-05e2a186] {
    width: 93%;
    height: 165vw;
    margin-bottom: 1.5rem;
    background-color: transparent;
}
.tiktok-participate__wrapper[data-v-05e2a186] {
    width: 100%;
}
.tiktok-participate__body[data-v-05e2a186] {
    padding: 0.625rem;
}
}