.aura-root{--ease:cubic-bezier(.22, 1, .36, 1);--stage:min(300px, 90cqw);--th:1.7cqw;--inset:4.6cqw;--ring-paint:conic-gradient(from 0deg, var(--logo-ring-right-1), var(--logo-ring-right-2) 72deg, var(--logo-ring-right-3) 135deg, var(--logo-ring-end) 180deg, var(--logo-ring-left-3) 216deg, var(--logo-ring-left-2) 279deg, var(--logo-ring-left-1) 360deg);background-color:var(--ink);background-image:radial-gradient(60% 55% at 88% 6%, color-mix(in srgb, var(--logo-blue) 60%, transparent), transparent 70%), radial-gradient(50% 45% at 6% 96%, color-mix(in srgb, var(--logo-orange) 22%, transparent), transparent 70%), linear-gradient(180deg, var(--ink), color-mix(in srgb, var(--ink) 92%, var(--logo-blue)));container-type:inline-size}@media (min-width:768px){.aura-root{--stage:min(360px, 66cqw)}}@media (min-width:1024px){.aura-root{--stage:min(440px, 80cqw)}}.aura-step{animation-delay:calc(var(--ring-delay,0s) + var(--d,0s));animation-fill-mode:both;animation-timing-function:var(--ease)}.aura-root:not([data-inview]) *,.aura-root:is(:hover,:focus-within) .aura-loop,:is([data-paused],[data-offscreen]) .aura-loop{animation-play-state:paused}.aura-stage{width:var(--stage);aspect-ratio:1;margin-inline:auto;position:relative;container-type:inline-size}.aura-layer{position:absolute;inset:0}.aura-halo{pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--logo-blue) 55%, transparent), transparent 72%);border-radius:999px;position:absolute;inset:-24%}.aura-annulus{-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--th) - .6px), #000 calc(100% - var(--th)));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--th) - .6px), #000 calc(100% - var(--th)));mask:radial-gradient(farthest-side, transparent calc(100% - var(--th) - .6px), #000 calc(100% - var(--th)));border-radius:50%}.aura-track{background:#ffffff12;position:absolute;inset:0}.aura-window{position:absolute;inset:0}.aura-window[data-half=r]{clip-path:inset(0 0 0 50%)}.aura-window[data-half=l]{clip-path:inset(0 50% 0 0)}.aura-piece{position:absolute;inset:0;rotate:180deg}.aura-window[data-half=r] .aura-piece{clip-path:inset(0 50% 0 0)}.aura-window[data-half=l] .aura-piece{clip-path:inset(0 0 0 50%)}.aura-paint{background:var(--ring-paint);position:absolute;inset:0;rotate:-180deg}.aura-spark{width:2.6cqw;height:2.6cqw;transform:rotate(var(--a)) translateY(calc(var(--th) / 2 - 50cqw));margin:-1.3cqw 0 0 -1.3cqw;position:absolute;top:50%;left:50%}.aura-sparkCore{background:radial-gradient(circle, #fff 0 16%, var(--highlight) 34%, transparent 70%);border-radius:50%;width:100%;height:100%;display:block}.aura-portrait{inset:var(--inset);position:absolute}.aura-circle{isolation:isolate;background:var(--portrait-backdrop);border-radius:50%;position:absolute;inset:0;overflow:hidden}.aura-photo{aspect-ratio:886/1024;width:120%;position:absolute;top:-11%;left:-10%}.aura-head{aspect-ratio:886/410;--cut:33%;width:120%;-webkit-mask:linear-gradient(to bottom, #000 calc(var(--cut) - 3%), transparent var(--cut));-webkit-mask:linear-gradient(to bottom, #000 calc(var(--cut) - 3%), transparent var(--cut));mask:linear-gradient(to bottom, #000 calc(var(--cut) - 3%), transparent var(--cut));pointer-events:none;position:absolute;top:-11%;left:-10%}.aura-fill{position:absolute;inset:0}.aura-iris{pointer-events:none;opacity:0;background:radial-gradient(circle closest-side, transparent 18%, var(--ink) 19.5%);border-radius:50%;position:absolute;inset:0}@media (min-width:1024px){.aura-chip{position:absolute}.aura-chip:first-child{top:0;left:-12%}.aura-chip:nth-child(2){top:26%;right:-12%}.aura-chip:nth-child(3){bottom:17%;left:-12%}.aura-chip:nth-child(4){bottom:-2%;right:-8%}}@media (min-width:1280px){.aura-chip:first-child{top:3%;left:-9%}.aura-chip:nth-child(2){top:27%;right:-9%}.aura-chip:nth-child(3){bottom:19%;left:-12%}.aura-chip:nth-child(4){bottom:-1%;right:-3%}}@media (prefers-reduced-motion:no-preference){.aura-fadeIn{animation-name:aura-fadeIn;animation-duration:1.2s}.aura-window[data-half=r] :is(.aura-piece,.aura-paint){animation:.7s cubic-bezier(.12,0,.39,0) both aura-draw;animation-delay:calc(var(--ring-delay,0s) + .1s)}.aura-window[data-half=l] :is(.aura-piece,.aura-paint){animation:.7s cubic-bezier(.61,1,.88,1) both aura-draw;animation-delay:calc(var(--ring-delay,0s) + .8s)}.aura-window[data-half] .aura-paint{animation-name:aura-undraw}.aura-spin{animation:90s linear infinite aura-spin;animation-delay:calc(var(--ring-delay,0s) + 1.5s)}.aura-sparkIn{animation-name:aura-pop;animation-duration:.6s}.aura-twinkle{animation:4.8s ease-in-out infinite aura-twinkle;animation-delay:calc(var(--ring-delay,0s) + 2.2s + var(--phase,0s))}.aura-rise{animation-name:aura-rise;animation-duration:.9s}.aura-iris{animation:aura-iris 1s var(--ease) backwards;animation-delay:calc(var(--ring-delay,0s) + .3s)}.aura-crownIn{animation-name:aura-fadeIn;animation-duration:.45s}.aura-pop{animation-name:aura-pop;animation-duration:.7s}@media (min-width:1024px){.aura-float{animation:aura-float var(--float,7s) ease-in-out infinite;animation-delay:calc(var(--ring-delay,0s) + 2.7s + var(--phase,0s))}}}@keyframes aura-fadeIn{0%{opacity:0}}@keyframes aura-draw{0%{rotate:0deg}to{rotate:180deg}}@keyframes aura-undraw{0%{rotate:0deg}to{rotate:-180deg}}@keyframes aura-spin{to{rotate:360deg}}@keyframes aura-pop{0%{opacity:0;scale:.9}}@keyframes aura-twinkle{50%{opacity:.45}}@keyframes aura-rise{0%{translate:0 8cqw}}@keyframes aura-iris{0%{opacity:1;scale:1}to{opacity:1;scale:6}}@keyframes aura-float{0%,to{translate:0 -3px}50%{translate:0 3px}}
