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

body {
  /* 1080p */
  /* --scale-factor: 2.25; */

  /* 4k */
  --scale-factor: 4.5;
}

/* hide cookie */
.cc-window {
  display: none;
}

#header.lobby {
  position: static;
  font-size: calc(44px * var(--scale-factor));
  line-height: calc(46px * var(--scale-factor));
  padding: calc(17px * var(--scale-factor));
}
#viewport.lobby, #viewport.desk-lobby  {
  font-size: calc(16px * var(--scale-factor));
  line-height: calc(19px * var(--scale-factor));
  display: flex;
  width: 100% !important;
}

#viewport.lobby > div, #desk-lobby-wrapper > div {
  width: 50%;
  overflow-wrap: break-word;
  padding-top: 20px;
  padding-bottom: 20px;
  /* hyphens: auto; */
  /* padding-top: calc(8px * var(--scale-factor)); */
}


#viewport.desk-lobby {
  padding-left: calc(16px * var(--scale-factor));
  padding-right: calc(16px * var(--scale-factor));

  /* height: calc(100vh - 140px * var(--scale-factor)); */
  max-height: calc(100vh - 140px * var(--scale-factor));
}

#desk-lobby-wrapper {
  width: 100%;
  max-width: 100%;

  display: flex;
  flex-direction: column;
  flex-wrap: wrap;

  overflow-y: hidden;
  overflow-x: scroll;
  /* overflow: auto; */
}

#desk-lobby-wrapper > div {
  padding-left: calc(16px * var(--scale-factor));
  padding-right: calc(16px * var(--scale-factor));
}

#desk-lobby-wrapper > .spacer {
  height: 100%;
  min-height: 100%;
}

#desk-lobby-wrapper > .spacer:only-child {
  height: 0;
  min-height: 0;
}
#viewport.lobby > div:first-of-type {
  padding-left: calc(32px * var(--scale-factor));
  padding-right: calc(16px * var(--scale-factor));
}
#viewport.lobby > div:last-of-type {
  padding-right: calc(32px * var(--scale-factor));
  padding-left: calc(16px * var(--scale-factor));
}

#docket.lobby {
  margin-top: 0px;
  padding-bottom: 0px;

  animation-name: blur-lobby;
  animation-duration: 2.5s;

  margin: 0px;
}

#hamburger {
  display: none !important;
}

#docket.lobby ~ #logo {
  /* width: 252px;
  right: 40px;
  bottom: 40px; */

  width: calc(112px * var(--scale-factor));
  right: calc(16px * var(--scale-factor));
  bottom: calc(16px * var(--scale-factor));

  /* animation-iteration-count: infinite;
  animation-direction: alternate; */
}

#viewport.lobby ~ #floater {
  /* padding-top: 70px;
  padding-right: 225px;
  padding-left: 255px; */

  padding-top: calc(32px * var(--scale-factor));
  padding-right: calc(100px * var(--scale-factor));
  padding-left: calc(100px * var(--scale-factor));
}

#docket.lobby ~ #dev-icon {
  /* width: 112.5px;
  bottom: 40px;
  left: 40px; */

  width: calc(50px * var(--scale-factor));
  bottom: calc(16px * var(--scale-factor));
  left: calc(16px * var(--scale-factor));
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blur-lobby {
    from {filter: blur(calc(10px * var(--scale-factor)));}
    to {filter: blur(0px);}
}

/*   Docket  */
.show {
  opacity: 1;

  animation-name: fadein;
  animation-duration: 1s;
}

@keyframes fadein {
  0% { opacity: 0;}
  100% { opacity: 1;}
}

#docket.lobby .subhead a {
  border-bottom-width: calc(2px * var(--scale-factor));
}

#docket.lobby .subhead {
  margin-bottom: calc(0.5em + 5.6px);
}

#docket.lobby .item {
  font-size: calc(16px * var(--scale-factor));
  line-height: : calc(19px * var(--scale-factor));
  padding-bottom: 1em;
}

#docket.lobby .item .title {
  font-size: calc(17.6px * var(--scale-factor));
  line-height: calc(20.2px * var(--scale-factor));
  display: inline-block;
}

#docket.lobby .item.live .title {
  font-size: calc(14.96px * var(--scale-factor));
  line-height: calc(17.17px * var(--scale-factor));
}

#docket.lobby .item .time {
  font-size: calc(12.24px * var(--scale-factor));
  line-height: calc(19px * var(--scale-factor));
}

#docket.lobby .item .time.exhibitions {
  display: none;
}