.phx-animated-brand{--brand-width:240px;--brand-flow:-2;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0;letter-spacing:normal;animation:phx-shared-brand-flow 7s linear infinite}
.phx-animated-brand .phx-logo-window{display:block;position:relative;width:clamp(140px,14vw,180px);aspect-ratio:727/131;overflow:hidden;flex:none}
.phx-animated-brand .phx-logo-window img{position:absolute;width:115.818432%;max-width:none;height:auto;left:-7.84044%;top:-190.839695%;display:block}
.phx-animated-brand .brand-core{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:23px;line-height:1;font-weight:650;letter-spacing:-.04em;color:#101813;font-kerning:auto}
@property --brand-flow{syntax:"<number>";inherits:true;initial-value:-2}
@supports ((mask-image:url("x")) and (background-clip:text)){
.phx-animated-brand .phx-logo-window img{opacity:0}
.phx-animated-brand .phx-logo-window::before{content:"";position:absolute;inset:0;mask-image:url("/assets/pherexo-logo-30a163232fae.png");-webkit-mask-image:url("/assets/pherexo-logo-30a163232fae.png");mask-size:115.818432% 454.961832%;-webkit-mask-size:115.818432% 454.961832%;mask-position:49.565217% 53.763441%;-webkit-mask-position:49.565217% 53.763441%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;--brand-offset:0px}
.phx-animated-brand .brand-core,.phx-animated-brand .phx-logo-window::before{background-image:linear-gradient(90deg,#12513b 0%,#12513b 35%,#16875b 43%,#35b887 50%,#16875b 57%,#12513b 65%,#12513b 100%);background-size:calc(var(--brand-width)*3) 100%;background-position:calc(var(--brand-flow)*var(--brand-width) - var(--brand-offset,0px)) 0;background-repeat:no-repeat;animation:none;transition:none}
.phx-animated-brand .brand-core{-webkit-background-clip:text;background-clip:text;color:transparent}
}
@keyframes phx-shared-brand-flow{from{--brand-flow:-2}to{--brand-flow:0}}
@media(max-width:1100px){.phx-animated-brand{gap:7px}.phx-animated-brand .phx-logo-window{width:130px}.phx-animated-brand .brand-core{font-size:19px}}
@media(max-width:480px){.phx-animated-brand{gap:5px}.phx-animated-brand .phx-logo-window{width:108px}.phx-animated-brand .brand-core{font-size:16px}}
@media(prefers-reduced-motion:reduce){.phx-animated-brand{animation:none;--brand-flow:-1}}
@media(forced-colors:active){.phx-animated-brand{animation:none}.phx-animated-brand .phx-logo-window img{opacity:1}.phx-animated-brand .phx-logo-window::before{display:none}.phx-animated-brand .brand-core{background:none;color:LinkText}}