p, h1 {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

body, html {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  font-family: "Inter", "Roboto", sans-serif;
}

.loader_wrapper {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 999999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  background: var(--bg_color, #0d1b2a);
}

.circle-relative {
  position: relative;
}

.loader-title {
  color: var(--title_color, #fff);
  font-size: clamp(32px, 5vw, 62px);
  line-height: clamp(36px, 5vw, 66px);
  transition: opacity 0.3s ease;
}

.loader-subtext {
  color: var(--subtitle_color, #cbd5e0);
  font-size: clamp(22px, 5vw, 36px);
  line-height: clamp(26px, 5vw, 38px);
}

.loader-circle {
  width: var(--loader-size);
  height: var(--loader-size);
  transform: rotate(-90deg);
}

.loader-circle circle {
  fill: none;
  stroke-width: var(--stroke-width);
}

.loader-circle .bg {
  stroke: #eee;
}

.loader-circle .progress {
  stroke: var(--accent_color, #00c27e);
  stroke-dasharray: var(--circumference);
  stroke-dashoffset: var(--circumference);
  transition: stroke-dashoffset linear;
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 16px var(--glow-color), inset 5px 5px 16px var(--glow-color);
  }
  50% {
    box-shadow: 0 0 25px var(--glow-color), inset 5px 5px 25px var(--glow-color);
  }
  100% {
    box-shadow: 0 0 16px var(--glow-color), inset 5px 5px 16px var(--glow-color);
  }
}
.inner {
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  box-shadow: 0 0 16px var(--glow-color), inset 5px 5px 16px var(--glow-color);
  -webkit-animation: pulse 2s linear 1s infinite;
}

.loader-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  font-weight: 600;
  color: var(--glow-color, #fff);
  pointer-events: none;
}

/*# sourceMappingURL=one-click-with-loader.css.map */
