.p-w {
  width: 100%;
  height: 100%;
}

/* For mobile phones: */
.logo-box {
  width: 120px;
  height: 32px;
}
.logo-box img {
  width: 100%;
  height: 100%;
}

.gl-box .gl-box-main {
  width: calc(100vw - 30px);
  max-width: 600px;
  border-radius: 8px;
  background: var(--color-background1);
  box-shadow: 0 0 20px 0px rgba(var(--color-shadow-value0), 0.2);
}
.gl-box .gl-box-main .gl-box-main-inner {
  padding: 24px 15px;
}
.gl-box .gl-box-main .gl-tip {
  font-size: 16px;
  font-weight: bolder;
  color: var(--color-text0);
}
.gl-box .gl-box-main .gl-url a {
  font-size: 16px;
  color: var(--color-text1);
}
.gl-box .gl-box-main .gl-box-main-ctl {
  margin-top: 44px;
  align-items: center;
}
.gl-box .gl-box-main .gl-countdown strong {
  font-size: 20px;
  font-weight: bolder;
  color: var(--color-primary);
}
.gl-box .gl-box-main .gl-countdown span {
  font-size: 14px;
  color: var(--color-text1);
  margin-left: 4px;
}

/* For desktop: */
@media only screen and (min-width: 768px) {
  .logo-box {
    width: 145px;
    height: 40px;
  }
  .gl-box .gl-box-main {
    width: 600px;
  }
  .gl-box .gl-box-main .gl-box-main-inner {
    padding: 40px 32px;
  }
  .gl-box .gl-box-main .gl-tip {
    font-size: 18px;
  }
  .gl-box .gl-box-main .gl-url a {
    font-size: 18px;
  }
  .gl-box .gl-box-main .gl-box-main-ctl {
    margin-top: 66px;
  }
  .gl-box .gl-box-main .gl-countdown strong {
    font-size: 24px;
  }
  .gl-box .gl-box-main .gl-countdown span {
    font-size: 14px;
  }
}

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