/* Gverifyer dots loader: site logo + bouncing dots (replaces the old spinners) */
.loader,#loader,#v3Loader,.loaderr{
  position:fixed!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  background:rgba(255,255,255,.94)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:0!important;border-radius:0!important;animation:none!important;z-index:99999!important;
  flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:34px;
  --dc:var(--brand,var(--primary,#19709b))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .loader,:root:not([data-theme="light"]) #loader,:root:not([data-theme="light"]) #v3Loader,:root:not([data-theme="light"]) .loaderr{background:rgba(8,14,26,.94)!important}}
:root[data-theme="dark"] .loader,:root[data-theme="dark"] #loader,:root[data-theme="dark"] #v3Loader,:root[data-theme="dark"] .loaderr{background:rgba(8,14,26,.94)!important}
.loader::before,#v3Loader::before,.loaderr::before{
  content:"";display:block;width:84px;height:84px;border-radius:26px;flex:none;
  background:url('/images/logo.jpg') center/cover no-repeat;
  box-shadow:0 14px 34px color-mix(in srgb,var(--dc) 35%,transparent),0 0 0 1px rgba(15,23,42,.06);
  animation:v3logo 1.6s ease-in-out infinite}
.loader::after,#v3Loader::after,.loaderr::after{
  content:"";display:block;width:0;height:0;flex:none;border-radius:50%;margin:6px 0;
  box-shadow:-22px 0 0 6px var(--dc),0 0 0 6px var(--dc),22px 0 0 6px var(--dc);
  animation:v3dots 1.2s ease-in-out infinite}
#loader[style*="block"],.loader[style*="block"]{display:flex!important}
/* stop the old page loaders from drawing their own content/spinners inside */
.loader>*,.loaderr>*{display:none!important}

@keyframes v3dots{
  0%,60%,100%{box-shadow:-22px 0 0 6px var(--dc),0 0 0 6px var(--dc),22px 0 0 6px var(--dc);opacity:.9}
  15%{box-shadow:-22px -13px 0 6px var(--dc),0 0 0 6px var(--dc),22px 0 0 6px var(--dc);opacity:1}
  30%{box-shadow:-22px 0 0 6px var(--dc),0 -13px 0 6px var(--dc),22px 0 0 6px var(--dc);opacity:1}
  45%{box-shadow:-22px 0 0 6px var(--dc),0 0 0 6px var(--dc),22px -13px 0 6px var(--dc);opacity:1}
}
@keyframes v3logo{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* small inline dots for tables, balance and buttons: <span class="v3-dots"><i></i><i></i><i></i></span> */
.v3-dots{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;--dc:var(--brand,var(--primary,#19709b));color:var(--dc)}
.v3-dots i{width:7px;height:7px;border-radius:50%;background:currentColor;display:block;animation:v3bounce 1s ease-in-out infinite}
.v3-dots i:nth-child(2){animation-delay:.15s}.v3-dots i:nth-child(3){animation-delay:.3s}
@keyframes v3bounce{0%,70%,100%{transform:translateY(0);opacity:.55}35%{transform:translateY(-6px);opacity:1}}
.v3-dots.white{color:#fff}
.v3-table-loading td{text-align:center;padding:34px 0!important;color:var(--text-muted,#64748b)}
.hero-amount .v3-dots{color:#fff;height:1em}
.hero-amount .v3-dots i{width:9px;height:9px}