.l-be{background:var(--lw);-webkit-mask-image:url(/img/logo/logo-be.webp);mask-image:url(/img/logo/logo-be.webp)}.l-o{transform-origin:50.4% 32%;background:var(--lo);-webkit-mask-image:url(/img/logo/logo-o.webp);mask-image:url(/img/logo/logo-o.webp)}.l-ne{background:var(--lw);-webkit-mask-image:url(/img/logo/logo-ne.webp);mask-image:url(/img/logo/logo-ne.webp)}.l-sq{background:var(--ls);-webkit-mask-image:url(/img/logo/logo-square.webp);mask-image:url(/img/logo/logo-square.webp)}.l-tag{background:var(--lt);-webkit-mask-image:url(/img/logo/logo-tag.webp);mask-image:url(/img/logo/logo-tag.webp)}.logo{--w:128px;--lw:var(--logo-word);--lo:var(--logo-o);--ls:var(--logo-square);--lt:var(--logo-tag);width:var(--w);height:calc(var(--w) * 33 / 128);flex:none;text-decoration:none;display:block;position:relative;overflow:hidden}.logo--tag{height:calc(var(--w) * 553 / 1400);overflow:visible}.logo .l{width:100%;height:calc(var(--w) * 553 / 1400);transition:background-color .5s var(--ease), transform .5s var(--ease);position:absolute;top:0;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo:hover .l-sq,.logo:focus-visible .l-sq{transform:translate(3px,-3px)}.logo.is-in .l-o{animation:lg-o 1.1s var(--ease) backwards}.logo.is-in .l-be{animation:lg-be .9s .25s var(--ease) backwards}.logo.is-in .l-ne{animation:lg-ne .9s .25s var(--ease) backwards}.logo.is-in .l-sq{animation:.9s cubic-bezier(.34,1.56,.64,1) .6s backwards lg-sq}@media (prefers-reduced-motion:reduce){.logo .l{animation:none!important}}@property --trace{syntax:"<angle>";inherits:false;initial-value:0deg}.login-logo{--w:520px;width:min(var(--w), 100%);aspect-ratio:1100/434;position:relative}.login-logo .logo{width:100%;height:100%;overflow:visible;--w:100%!important}.login-logo .logo .l{height:100%}.login-logo__layer{pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.login-logo__line{background:color-mix(in srgb, var(--highlight) 55%, transparent);opacity:.45;-webkit-mask-image:url(/img/logo/logo-outline.webp);mask-image:url(/img/logo/logo-outline.webp)}.login-logo__trace{background:conic-gradient(from var(--trace) at 50% 32%, transparent 0deg, transparent 255deg, color-mix(in srgb, var(--secondary) 55%, transparent) 300deg, var(--highlight) 340deg, white 352deg, transparent 360deg);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--highlight) 80%, transparent));animation:7s linear infinite login-trace;-webkit-mask-image:url(/img/logo/logo-outline.webp);mask-image:url(/img/logo/logo-outline.webp)}.login-logo__sheen{background:linear-gradient(105deg,#0000 38%,#ffffff8c 50%,#0000 62%) 130% 0/260% 100%;animation:9s ease-in-out infinite login-sheen;-webkit-mask-image:url(/img/logo/logo-union.webp);mask-image:url(/img/logo/logo-union.webp)}.login-logo__mirror{opacity:.22;pointer-events:none;height:100%;margin-top:-4%;position:absolute;top:100%;left:0;right:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 45%,#000);mask-image:linear-gradient(#0000 45%,#000)}@keyframes login-trace{to{--trace:360deg}}@keyframes login-sheen{0%,45%{background-position:130% 0}70%,to{background-position:-30% 0}}@media (prefers-reduced-motion:reduce){.login-logo__trace,.login-logo__sheen{animation:none}.login-logo__trace{display:none}}