/* REKAP_INTERACTION_ANIMATION_V1_3 */

.rekap-route-transition-v12 {
  display: none !important;
}

.rekap-click-wave-v13 {
  position: fixed;
  z-index: 2147483600;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.rekap-click-wave-v13 i {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid rgba(228,128,255,.78);
  box-shadow: 0 0 16px rgba(207,42,244,.34);
  animation: rekap-click-wave-ring-v13 .7s cubic-bezier(.12,.68,.2,1) forwards;
}

.rekap-click-wave-v13 i:nth-child(2) {
  animation-delay: .07s;
  border-color: rgba(145,113,255,.58);
}

.rekap-click-wave-v13 i:nth-child(3) {
  animation-delay: .14s;
  border-color: rgba(75,221,222,.40);
}

@keyframes rekap-click-wave-ring-v13 {
  0% { opacity:.9; transform:scale(.35); }
  70% { opacity:.28; }
  100% { opacity:0; transform:scale(8.5); }
}

.rekap-loading-v13 {
  position: fixed;
  inset: 0;
  z-index: 2147483650;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(192,42,243,.18), transparent 26%),
    radial-gradient(circle at 58% 66%, rgba(89,58,255,.14), transparent 32%),
    rgba(6,3,10,.86);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity .18s ease;
}

.rekap-loading-v13.show { opacity:1; }
.rekap-loading-v13.hide { opacity:0; }

.rekap-loading-v13 .rlv13-glow {
  position:absolute;
  width:min(86vw,520px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(209,42,244,.16),rgba(110,70,255,.07) 40%,transparent 69%);
  animation:rlv13-pulse 1.05s ease-in-out infinite alternate;
}

.rekap-loading-v13 .rlv13-content {
  position:relative;
  z-index:2;
  width:min(84vw,360px);
  text-align:center;
}

.rekap-loading-v13 .rlv13-logo-shell {
  width:88px;
  height:88px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(43,24,60,.96),rgba(13,8,21,.96));
  border:1px solid rgba(239,173,255,.14);
  box-shadow:0 20px 50px rgba(0,0,0,.36),0 0 45px rgba(205,43,244,.20);
  animation:rlv13-logo-float .74s cubic-bezier(.2,.82,.25,1) both;
}

.rekap-loading-v13 .rlv13-logo {
  width:70px;
  height:70px;
  object-fit:contain;
}

.rekap-loading-v13 .rlv13-logo-fallback {
  font-size:42px;
  font-weight:1000;
  color:#fff;
}

.rekap-loading-v13 .rlv13-brand {
  font-size:20px;
  font-weight:1000;
  letter-spacing:.08em;
  color:#fff;
}

.rekap-loading-v13 .rlv13-page {
  margin-top:4px;
  min-height:16px;
  color:#a99bb6;
  font-size:9px;
  font-weight:850;
  letter-spacing:.06em;
}

.rekap-loading-v13 .rlv13-progress-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

.rekap-loading-v13 .rlv13-track {
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.055);
}

.rekap-loading-v13 .rlv13-fill {
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#6c63ff 0%,#d52bf1 58%,#50e1d0 100%);
  box-shadow:0 0 18px rgba(211,43,241,.42);
}

.rekap-loading-v13 .rlv13-percent {
  color:#f7effb;
  font-size:13px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

@keyframes rlv13-logo-float {
  0% { opacity:0; transform:translateY(10px) scale(.86); }
  100% { opacity:1; transform:translateY(0) scale(1); }
}

@keyframes rlv13-pulse {
  from { transform:scale(.94); opacity:.72; }
  to { transform:scale(1.06); opacity:1; }
}

@media(max-width:640px) {
  .rekap-loading-v13 .rlv13-logo-shell {
    width:80px;
    height:80px;
    border-radius:22px;
  }
  .rekap-loading-v13 .rlv13-logo {
    width:64px;
    height:64px;
  }
  .rekap-loading-v13 .rlv13-brand {
    font-size:18px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .rekap-click-wave-v13 { display:none!important; }
  .rekap-loading-v13 .rlv13-glow,
  .rekap-loading-v13 .rlv13-logo-shell { animation:none!important; }
}