/* Evently global page transitions — streaming loader */
:root{
  --evently-transition-bg:rgba(3,6,14,.965);
  --evently-transition-blue:#248bff;
  --evently-transition-blue-2:#6fc4ff;
  --evently-transition-violet:#6675ff;
  --evently-transition-speed:.34s;
}

#evently-page-transition{
  position:fixed!important;
  inset:0!important;
  z-index:2147482000!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
  opacity:0;
  visibility:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(36,139,255,.12),transparent 22%),
    radial-gradient(circle at 50% 50%,rgba(91,109,255,.08),transparent 38%),
    var(--evently-transition-bg);
  transition:opacity var(--evently-transition-speed) ease,visibility 0s linear var(--evently-transition-speed);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}

.evently-page-transition__stage{
  position:relative;
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
}

.evently-page-transition__halo{
  position:absolute;
  inset:12px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,150,255,.18) 0%,rgba(47,150,255,.06) 44%,transparent 72%);
  filter:blur(9px);
  animation:eventlyLoaderPulse 1.7s ease-in-out infinite;
}

.evently-page-transition__ring{
  position:absolute;
  width:72px;
  height:72px;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    transparent 0deg 66deg,
    rgba(40,145,255,.18) 88deg,
    var(--evently-transition-blue) 152deg,
    var(--evently-transition-blue-2) 222deg,
    var(--evently-transition-violet) 292deg,
    transparent 338deg 360deg
  );
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  filter:drop-shadow(0 0 8px rgba(54,150,255,.65)) drop-shadow(0 0 18px rgba(74,111,255,.28));
  animation:eventlyLoaderSpin .88s linear infinite;
}

.evently-page-transition__ring::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  top:1px;
  left:32px;
  border-radius:50%;
  background:#d9f0ff;
  box-shadow:0 0 9px #7bc9ff,0 0 18px rgba(59,144,255,.8);
}

.evently-page-transition__brand{
  position:absolute;
  inset:auto 0 4px;
  text-align:center;
  color:rgba(226,237,255,.54);
  font:800 8px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}

html.evently-page-entering #evently-page-transition,
html.evently-page-leaving #evently-page-transition{
  opacity:1;
  visibility:visible;
  pointer-events:auto!important;
  transition:opacity .18s ease,visibility 0s;
}

body > *:not(#evently-page-transition):not(#wpadminbar){
  transition:
    opacity .34s ease,
    transform .42s cubic-bezier(.2,.8,.2,1),
    filter .34s ease;
  transform-origin:50% 48%;
}

html.evently-page-entering body > *:not(#evently-page-transition):not(#wpadminbar){
  opacity:0;
  transform:scale(.996);
  filter:blur(2px);
}

html.evently-page-ready body > *:not(#evently-page-transition):not(#wpadminbar){
  opacity:1;
  transform:none;
  filter:none;
}

html.evently-page-leaving body > *:not(#evently-page-transition):not(#wpadminbar){
  opacity:0;
  transform:scale(.994);
  filter:blur(2px);
}

@keyframes eventlyLoaderSpin{to{transform:rotate(360deg)}}
@keyframes eventlyLoaderPulse{
  0%,100%{opacity:.55;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.08)}
}

@media(max-width:700px){
  .evently-page-transition__stage{width:92px;height:92px}
  .evently-page-transition__ring{width:64px;height:64px}
  .evently-page-transition__ring::after{left:28px}
  .evently-page-transition__brand{font-size:7px;bottom:0}
}

@media(prefers-reduced-motion:reduce){
  #evently-page-transition,
  body > *:not(#evently-page-transition):not(#wpadminbar){
    transition:none!important;
  }
  .evently-page-transition__ring,
  .evently-page-transition__halo{
    animation:none!important;
  }
  html.evently-page-entering body > *:not(#evently-page-transition):not(#wpadminbar),
  html.evently-page-leaving body > *:not(#evently-page-transition):not(#wpadminbar){
    transform:none!important;
    filter:none!important;
  }
}