html,
body{
  margin:0;
  width:100%;
  height:100%;
  background:white;
  color:#000;

  font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size:12px;
  line-height:18px;

  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

a{
  color:#000;
  text-decoration:none;
}

.cy-link{
  position:fixed;
  left:50%;
  top:44%;
  transform:translate(-50%, -50%);

  font-size:12px;
  line-height:18px;
  font-weight:normal;
}

.mouse-label{
  position:fixed;
  left:0;
  top:0;
  transform:translate(12px,12px);

  font-size:12px;
  line-height:18px;
  color:#000;

  z-index:99999;
  pointer-events:none;
  white-space:nowrap;
}

.bottom-link,
.subscribe-wrap{
  position:fixed;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);

  z-index:100000;
  text-align:center;
}

.bottom-link{
  font-size:12px;
  line-height:18px;
}

.subscribe-panel{
  display:none;
}

.subscribe-wrap.open .subscribe-panel{
  display:block;
}

.subscribe-btn{
  font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size:12px;
  line-height:18px;

  color:#000;
  background:transparent;
  border:none;

  padding:0;
  margin:0;

  cursor:pointer;
}

.subscribe-input{
  font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size:11px;
  line-height:18px;

  width:140px;

  background:transparent;
  border:none;
  border-bottom:1px solid #000;

  outline:none;

  padding:0;
  margin:0 0 6px 0;

  text-align:center;
}

.gallery{
  position:fixed;
  left:50%;
  top:44%;
  transform:translate(-50%, -50%);

  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  gap:10px;

  width:auto;
  max-width:90vw;
}

.gallery a{
  display:inline-block;
  line-height:0;
  flex:0 0 auto;
}

.gallery img{
  width:120px;
  height:auto;
  object-fit:cover;
  border:none;
  box-shadow:none;
  display:block;
}

@media (hover:none), (pointer:coarse), (any-hover:none){

  .mouse-label{
    display:none;
  }

  .gallery{
    width:calc(100vw - 40px);
    max-width:calc(100vw - 40px);
    gap:8px;
  }

  .gallery img{
    width:calc((100vw - 64px) / 4);
    max-width:none;
  }

}