/* ===== Ryoun Loader (Fixed) v1.4.9r2 ===== */
.loading-anime{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  opacity:1;
  transition: opacity var(--ry-fade, 800ms) ease;
}
.loading-anime.is-fadeout{ opacity:0; pointer-events:none; }

.loading-anime .la-catch #logo{
  width: min(92vw, 1200px);
  height: auto;
  display:block;
}

#logo .cls-1.fill{
  fill: transparent;
  stroke: var(--ry-color, #000);
  stroke-width: var(--ry-stroke, 2px);
  paint-order: stroke fill;
}

#logo .cls-1.fill.stroke-phase{
  stroke-dasharray: var(--ry-dash, 1000);
  stroke-dashoffset: var(--ry-dash, 1000);
}
#logo .cls-1.fill.stroke-phase.draw{
  stroke-dashoffset: 0;
}

#logo path, #logo polyline, #logo line, #logo rect, #logo circle, #logo ellipse{
  fill: transparent;
  stroke: var(--ry-color, #000);
  stroke-width: var(--ry-stroke, 2px);
  paint-order: stroke fill;
}
#logo path.stroke-phase, #logo polyline.stroke-phase, #logo line.stroke-phase, #logo rect.stroke-phase, #logo circle.stroke-phase, #logo ellipse.stroke-phase{
  stroke-dasharray: var(--ry-dash, 1000);
  stroke-dashoffset: var(--ry-dash, 1000);
}
#logo path.stroke-phase.draw, #logo polyline.stroke-phase.draw, #logo line.stroke-phase.draw, #logo rect.stroke-phase.draw, #logo circle.stroke-phase.draw, #logo ellipse.stroke-phase.draw{
  stroke-dashoffset: 0;
}