@keyframes cnxMarkCore{0%{transform:rotate(-0deg) scale(1)}12.5%{transform:rotate(-45deg) scale(1.12)}25%{transform:rotate(-90deg) scale(1.24)}37.5%{transform:rotate(-135deg) scale(1.12)}50%{transform:rotate(-180deg) scale(1)}62.5%{transform:rotate(-225deg) scale(1.12)}75%{transform:rotate(-270deg) scale(1.24)}87.5%{transform:rotate(-315deg) scale(1.12)}100%{transform:rotate(-360deg) scale(1)}}@keyframes cnxMarkShell{0%{transform:rotate(0deg) scale(1)}12.5%{transform:rotate(45deg) scale(0.97)}25%{transform:rotate(90deg) scale(0.94)}37.5%{transform:rotate(135deg) scale(0.97)}50%{transform:rotate(180deg) scale(1)}62.5%{transform:rotate(225deg) scale(0.97)}75%{transform:rotate(270deg) scale(0.94)}87.5%{transform:rotate(315deg) scale(0.97)}100%{transform:rotate(360deg) scale(1)}}@keyframes cnxMarkWhole{0%{transform:scale(1)}12.5%{transform:scale(1.045)}25%{transform:scale(1.09)}37.5%{transform:scale(1.045)}50%{transform:scale(1)}62.5%{transform:scale(1.045)}75%{transform:scale(1.09)}87.5%{transform:scale(1.045)}100%{transform:scale(1)}} .cnx-mark-layered{position:relative;display:block;flex:none}.cnx-mark-layered img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.cnx-mark-core,.cnx-mark-shell{transform-origin:50% 49%;will-change:transform} [data-mark-motion]:hover .cnx-mark-core,[data-mark-motion]:focus-visible .cnx-mark-core,[data-mark-motion].cnx-mark-on .cnx-mark-core{animation:cnxMarkCore 2.4s linear infinite}[data-mark-motion]:hover .cnx-mark-shell,[data-mark-motion]:focus-visible .cnx-mark-shell,[data-mark-motion].cnx-mark-on .cnx-mark-shell{animation:cnxMarkShell 2.4s linear infinite} img[data-mark-motion]{transform-origin:50% 50%;will-change:transform}img[data-mark-motion]:hover,img[data-mark-motion]:focus-visible,img[data-mark-motion].cnx-mark-on,[data-mark-motion]:hover>img.cnx-mark-whole,[data-mark-motion]:focus-visible>img.cnx-mark-whole,[data-mark-motion].cnx-mark-on>img.cnx-mark-whole{animation:cnxMarkWhole 2.4s linear infinite}img.cnx-mark-whole{transform-origin:50% 50%;will-change:transform}@media (prefers-reduced-motion: reduce){.cnx-mark-core,.cnx-mark-shell,img[data-mark-motion],img.cnx-mark-whole{animation:none !important}} .mx-brand-link .mk-icon{transition:transform .34s cubic-bezier(.22,.9,.3,1)}.mx-brand-link.cnx-mark-big .mk-icon{transform:scale(2.05)}.mx-brand-link:not(.cnx-mark-big) .mk-icon{transition-duration:.18s}.mx-brand,.mx-brand-link{overflow:visible}@media (prefers-reduced-motion: reduce){.mx-brand-link .mk-icon{transition:none}.mx-brand-link.cnx-mark-big .mk-icon{transform:none}} @keyframes cnxMarkCoreIn{0%{transform:rotate(-0deg) scale(1)}8.3333%{transform:rotate(-13.5deg) scale(1.013)}16.6667%{transform:rotate(-30deg) scale(1.06)}25%{transform:rotate(-49.5deg) scale(1.139)}33.3333%{transform:rotate(-72deg) scale(1.217)}41.6667%{transform:rotate(-97.5deg) scale(1.236)}50%{transform:rotate(-126deg) scale(1.157)}58.3333%{transform:rotate(-157.5deg) scale(1.035)}66.6667%{transform:rotate(-192deg) scale(1.01)}75%{transform:rotate(-229.5deg) scale(1.139)}83.3333%{transform:rotate(-270deg) scale(1.24)}91.6667%{transform:rotate(-313.5deg) scale(1.126)}100%{transform:rotate(-360deg) scale(1)}}@keyframes cnxMarkShellIn{0%{transform:rotate(0deg) scale(1)}8.3333%{transform:rotate(13.5deg) scale(0.9967)}16.6667%{transform:rotate(30deg) scale(0.985)}25%{transform:rotate(49.5deg) scale(0.9653)}33.3333%{transform:rotate(72deg) scale(0.9457)}41.6667%{transform:rotate(97.5deg) scale(0.941)}50%{transform:rotate(126deg) scale(0.9607)}58.3333%{transform:rotate(157.5deg) scale(0.9912)}66.6667%{transform:rotate(192deg) scale(0.9974)}75%{transform:rotate(229.5deg) scale(0.9653)}83.3333%{transform:rotate(270deg) scale(0.94)}91.6667%{transform:rotate(313.5deg) scale(0.9684)}100%{transform:rotate(360deg) scale(1)}}@keyframes cnxMarkWholeIn{0%{transform:scale(1)}8.3333%{transform:scale(1.005)}16.6667%{transform:scale(1.022)}25%{transform:scale(1.052)}33.3333%{transform:scale(1.081)}41.6667%{transform:scale(1.088)}50%{transform:scale(1.059)}58.3333%{transform:scale(1.013)}66.6667%{transform:scale(1.004)}75%{transform:scale(1.052)}83.3333%{transform:scale(1.09)}91.6667%{transform:scale(1.047)}100%{transform:scale(1)}} @keyframes cnxMarkFadeIn{from{opacity:0}to{opacity:1}}[data-mark-auto]{animation:cnxMarkFadeIn .55s ease-out 1} [data-mark-auto] .cnx-mark-core,[data-mark-auto]:hover .cnx-mark-core,[data-mark-auto]:focus-visible .cnx-mark-core,[data-mark-auto].cnx-mark-on .cnx-mark-core{animation:cnxMarkCoreIn 3.84s linear .55s 1,cnxMarkCore 2.4s linear 4.39s infinite}[data-mark-auto] .cnx-mark-shell,[data-mark-auto]:hover .cnx-mark-shell,[data-mark-auto]:focus-visible .cnx-mark-shell,[data-mark-auto].cnx-mark-on .cnx-mark-shell{animation:cnxMarkShellIn 3.84s linear .55s 1,cnxMarkShell 2.4s linear 4.39s infinite}[data-mark-auto]>img.cnx-mark-whole,img[data-mark-auto],[data-mark-auto]:hover>img.cnx-mark-whole,img[data-mark-auto]:hover,[data-mark-auto]:focus-visible>img.cnx-mark-whole,[data-mark-auto].cnx-mark-on>img.cnx-mark-whole{animation:cnxMarkWholeIn 3.84s linear .55s 1,cnxMarkWhole 2.4s linear 4.39s infinite}.mp-login-logo[data-mark-auto]{cursor:default;transition:transform .52s cubic-bezier(.22,.9,.3,1)}.mp-login-logo[data-mark-auto]:hover{transform:scale(1.6);transition-duration:.34s}.mp-login-logo{overflow:visible} @media (prefers-reduced-motion: reduce){[data-mark-auto],[data-mark-auto] .cnx-mark-core,[data-mark-auto] .cnx-mark-shell,[data-mark-auto]>img.cnx-mark-whole,img[data-mark-auto]{animation:none}[data-mark-auto]{opacity:1}.mp-login-logo[data-mark-auto]{transition:none}}