/* Quegreen: a seed of light becomes the original wordmark. */
.brand{isolation:isolate;transform:translateZ(0)}
.brand img{transform-origin:50% 55%;will-change:auto}
.brand .logo-seed,.brand .logo-shine,.brand .logo-trace{position:absolute;pointer-events:none;opacity:0}
.brand .logo-seed{width:7px;height:7px;background:#00d279;border-radius:50%;left:calc(50% - 3.5px);top:calc(50% - 3.5px);z-index:3;box-shadow:0 0 12px #00d27990}
.brand .logo-shine{inset:0;z-index:2;background:linear-gradient(105deg,transparent 25%,#c7ffe32b 44%,#ffffff8a 50%,#c7ffe32b 56%,transparent 75%);mix-blend-mode:screen;transform:translateX(-130%)}
.brand .logo-trace{inset:2px;border:1px solid #5df4ab;border-radius:2px;z-index:1}
.brand.logo-playing img{animation:qg-logo-grow 1.65s cubic-bezier(.16,1,.3,1) both}
.brand.logo-playing .logo-seed{animation:qg-logo-seed 1.65s ease-out both}
.brand.logo-playing .logo-shine{animation:qg-logo-shine 1.65s ease-in-out both}
.brand.logo-playing .logo-trace{animation:qg-logo-trace 1.65s ease-out both}
.brand:active{transform:scale(.97)}
@keyframes qg-logo-grow{0%,12%{opacity:0;clip-path:inset(95% 0 0);transform:translateY(7px) scale(.92)}38%{opacity:1}70%,100%{opacity:1;clip-path:inset(0);transform:translateY(0) scale(1)}}
@keyframes qg-logo-seed{0%{opacity:0;transform:translateY(14px) scale(.2)}14%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-13px) scale(.55)}42%,100%{opacity:0;transform:translateY(-23px) scale(.1)}}
@keyframes qg-logo-shine{0%,43%{opacity:0;transform:translateX(-130%)}49%{opacity:.9}82%{opacity:.65;transform:translateX(130%)}100%{opacity:0;transform:translateX(130%)}}
@keyframes qg-logo-trace{0%,14%{opacity:0;clip-path:inset(100% 49% 0)}30%{opacity:.65;clip-path:inset(80% 0 0)}55%{opacity:.35;clip-path:inset(0)}85%,100%{opacity:0;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.brand.logo-playing img{animation:none!important;opacity:1;clip-path:none;transform:none}.brand .logo-seed,.brand .logo-shine,.brand .logo-trace{display:none}.brand:active{transform:none}}