/* .noto-sans-tc-500 {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
} */


.loading-logo {
  -webkit-animation: loadingOpacity 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation: loadingOpacity 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes loadingOpacity {
  0%, 100% {
    opacity: .0;
  }
  50% {
    opacity: .66;
  }
}

.loading-container {
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
  flex-direction: row;
  gap: 16px;
	width: 100%;
	height: 100%;
}

.loading-container .logo {
  width: 24px;
  height: 24px;
  -webkit-animation: loadingSpin 1s linear infinite;
  -moz-animation: loadingSpin 1s linear infinite;
  animation: loadingSpin 1s linear infinite;
}

@keyframes loadingSpin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loadingPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

.loading-title {
  font-size: 14px;
	font-weight: 500;
  color: #0F1523;
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Roboto", -apple-system, BlinkMacSystemFont, "Arial", sans-serif;;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}