@charset "utf-8";
.fade-wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #1b1b1b;
  z-index: 9999;
}
.fade-wrap > svg {
  position: absolute;
  top: 0;
  left: 5%;
  bottom: 10%;
  right: 0;
  width: 50%;
  height: 64.93505%;
  margin: auto;
}
#js-fade-svg {
  fill: transparent;
  stroke: #666;
  stroke-width: 0.3px;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  -webkit-transition:
    fill 0.3s ease-in-out,
    stroke 0.3s ease-in-out,
    transform 3s ease-in;
  transition:
    fill 0.3s ease-in-out,
    stroke 0.3s ease-in-out,
    transform 3s ease-in;
}
#js-fade-svg.is-fill {
  stroke: transparent;
  fill: rgba(255, 255, 255, 0.5);
}
#js-fade-svg.is-close {
  -webkit-transform: scale(3);
  transform: scale(3);
}