@property --vx-ring-outer-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:24deg;
}
@property --vx-ring-inner-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:190deg;
}
.vx-pro-nav .vx-v7-brand,
.vx-footer-brand,
.vx-drawer-brand-dynamic{
  gap:12px!important;
  align-items:center!important;
}
.vx-pro-nav .vx-v7-brand-mark,
.vx-footer-brand-mark,
.vx-drawer-brand-mark{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  isolation:isolate!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.vx-pro-nav .vx-v7-brand-mark::before,
.vx-footer-brand-mark::before,
.vx-drawer-brand-mark::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:124%!important;
  height:88%!important;
  border-radius:50%!important;
  border:0!important;
  --vx-ring-outer-angle:24deg;
  background:conic-gradient(from var(--vx-ring-outer-angle),transparent 0 12%,#24dfcf 13% 28%,transparent 29% 51%,rgba(39,230,211,.78) 52% 71%,transparent 72% 91%,rgba(39,230,211,.34) 92% 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)!important;
  filter:drop-shadow(0 0 5px rgba(39,230,211,.30))!important;
  transform:translate(-50%,-50%) rotate(-18deg)!important;
  transform-origin:center!important;
  animation:vxGlobalVAngledOuterSpin 5.8s linear infinite!important;
  pointer-events:none!important;
  z-index:0!important;
}
.vx-pro-nav .vx-v7-brand-mark::after,
.vx-footer-brand-mark::after,
.vx-drawer-brand-mark::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:104%!important;
  height:74%!important;
  border-radius:50%!important;
  --vx-ring-inner-angle:190deg;
  background:conic-gradient(from var(--vx-ring-inner-angle),transparent 0 24%,rgba(39,230,211,.56) 25% 47%,transparent 48% 73%,rgba(39,230,211,.22) 74% 91%,transparent 92% 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0)!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0)!important;
  filter:none!important;
  transform:translate(-50%,-50%) rotate(-18deg)!important;
  transform-origin:center!important;
  animation:vxGlobalVAngledInnerSpin 8.8s linear infinite!important;
  pointer-events:none!important;
  z-index:1!important;
}
.vx-pro-nav .vx-v7-brand-mark svg,
.vx-footer-brand-mark svg,
.vx-drawer-brand-mark svg,
.vx-floating-v-logo{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  animation:vxGlobalVFloat 3.7s ease-in-out infinite!important;
  filter:
    drop-shadow(0 0 12px rgba(39,230,211,.42))
    drop-shadow(0 14px 16px rgba(0,0,0,.58))!important;
}
.vx-floating-v-logo .vx-v-wing,
.vx-floating-v-logo .vx-v-core,
.vx-floating-v-logo .vx-v-shade,
.vx-floating-v-logo .vx-v-rim{
  transform-origin:48px 50px!important;
}
.vx-floating-v-logo .vx-v-left{
  animation:vxGlobalVLeftFacet 4.8s ease-in-out infinite!important;
}
.vx-floating-v-logo .vx-v-right{
  animation:vxGlobalVRightFacet 4.8s ease-in-out infinite!important;
}
.vx-floating-v-logo .vx-v-rim{
  stroke-dasharray:160 42!important;
  animation:vxGlobalVRim 4.6s linear infinite!important;
}
.vx-pro-nav .vx-v7-brand-mark{width:48px!important;height:48px!important;flex:0 0 48px!important;}
.vx-footer-brand-mark{width:64px!important;height:64px!important;flex:0 0 64px!important;}
.vx-drawer-brand-mark{width:46px!important;height:46px!important;flex:0 0 46px!important;}
.vx-pro-nav .vx-v7-brand-word,
.vx-footer-brand-word,
.vx-drawer-brand-word{
  color:#35e5d4!important;
  -webkit-text-fill-color:#35e5d4!important;
  text-shadow:0 0 16px rgba(39,230,211,.16)!important;
}
@keyframes vxGlobalVFloat{
  0%,100%{transform:translateY(1px) perspective(520px) rotateX(4deg) scale(.98);}
  50%{transform:translateY(-4px) perspective(520px) rotateX(8deg) scale(1.055);}
}
@keyframes vxGlobalVAngledOuterSpin{
  from{--vx-ring-outer-angle:24deg;}
  to{--vx-ring-outer-angle:384deg;}
}
@keyframes vxGlobalVAngledInnerSpin{
  from{--vx-ring-inner-angle:190deg;}
  to{--vx-ring-inner-angle:-170deg;}
}
@keyframes vxGlobalVLeftFacet{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(-1px);}
}
@keyframes vxGlobalVRightFacet{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(1px);}
}
@keyframes vxGlobalVRim{
  to{stroke-dashoffset:-202;}
}
@media(max-width:900px){
  .vx-pro-nav .vx-v7-brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .vx-drawer-brand-mark{width:44px!important;height:44px!important;flex-basis:44px!important;}
}
@media(prefers-reduced-motion:reduce){
  .vx-pro-nav .vx-v7-brand-mark::before,
  .vx-pro-nav .vx-v7-brand-mark::after,
  .vx-pro-nav .vx-v7-brand-mark svg,
  .vx-footer-brand-mark::before,
  .vx-footer-brand-mark::after,
  .vx-footer-brand-mark svg,
  .vx-drawer-brand-mark::before,
  .vx-drawer-brand-mark::after,
  .vx-drawer-brand-mark svg,
  .vx-floating-v-logo .vx-v-left,
  .vx-floating-v-logo .vx-v-right,
  .vx-floating-v-logo .vx-v-rim{
    animation:none!important;
  }
}