.animated-portal-logo{aspect-ratio:1;vertical-align:middle;flex:none;display:inline-block;position:relative}.animated-portal-logo>img{width:100%;height:100%;display:block}.animated-portal-logo>canvas{filter:drop-shadow(0 0 8px #e9b74970);opacity:0;pointer-events:none;border-radius:50% 50% 0 0/27.9365% 27.9365% 0 0;width:34.375%;height:61.5234%;position:absolute;top:20.5078%;left:32.8125%}@media (prefers-reduced-motion:reduce){.animated-portal-logo>canvas{display:none}}.portal-particles{pointer-events:none;position:absolute;inset:0;overflow:visible}.portal-particles>i{width:var(--particle-size);height:var(--particle-size);opacity:0;animation:portal-particle-drift var(--particle-duration) linear var(--particle-delay) infinite;background:#d99a2c;border-radius:50%;animation-play-state:paused;position:absolute;box-shadow:0 0 4px #ffdc8b,0 0 9px #d9963255}.animated-portal-logo[data-animating] .portal-particles>i,.animated-portal-logo.particles-active .portal-particles>i{animation-play-state:running}.animated-portal-logo:not([data-animating]) .portal-particles{visibility:hidden}.animated-portal-logo.particles-active:not([data-animating]) .portal-particles{visibility:visible}@keyframes portal-particle-drift{0%{opacity:0;transform:translate(0)scale(.3)}12%{opacity:.85;transform:translate(calc(var(--particle-x) * .18), calc(var(--particle-y) * .18)) scale(1)}65%{opacity:.7}to{opacity:0;transform:translate(var(--particle-x), var(--particle-y)) scale(.25)}}@media (prefers-reduced-motion:reduce){.portal-particles{display:none}}