:root{--mark-clip-head:ellipse(22.7% 25% at 49.8% 23.8%);--mark-clip-arm-left:polygon(-1% 47.8%, -1% 46.5%, 1.2% 44%, 3.1% 42.5%, 5.4% 41.1%, 7.4% 40.3%, 9.2% 39.8%, 11.1% 39.6%, 13.8% 39.7%, 16.8% 40.3%, 19.3% 41.3%, 21.7% 42.9%, 23.6% 44.6%, 37% 59.8%, 40.9% 64.3%, 41.3% 65.3%, 41.3% 66.7%, 40.9% 67.7%, 30.4% 79.3%, 29.2% 79.7%, 28.3% 79.6%, -1% 48.8%);--mark-clip-arm-right:polygon(58.3% 66.6%, 58.3% 65.4%, 58.6% 64.5%, 76.6% 44%, 77.7% 43.1%, 79.4% 41.8%, 81.1% 40.9%, 83.9% 39.9%, 86.9% 39.5%, 89.7% 39.7%, 92.6% 40.4%, 95.5% 41.8%, 98.3% 43.9%, 99.6% 45.3%, 100.2% 47.1%, 100% 48.3%, 99.6% 49.1%, 72.2% 79.1%, 70.8% 79.7%, 69.9% 79.6%, 69.1% 79.1%, 58.8% 67.8%);--mark-clip-body:polygon(36.2% 84.2%, 48.1% 71.1%, 49.3% 70.5%, 50.4% 70.3%, 51.5% 70.7%, 63.8% 84%, 64.5% 86.9%, 64.2% 87.9%, 60% 92.9%, 55.1% 98.2%, 53.9% 99.1%, 52% 100.4%, 51% 100.6%, 48.7% 100.6%, 47.4% 99.8%, 45.8% 99%, 44.8% 98.3%, 36.2% 88.7%, 35.5% 85.9%, 35.7% 85.1%)}
@layer components{.logo-loader{--logo-loader-logo:url(/branding/mark.svg);--logo-loader-speed:1;aspect-ratio:255/231;flex:none;width:88px;display:inline-block;position:relative}.logo-loader i,.logo-loader u{background:var(--logo-loader-logo) center / contain no-repeat;text-decoration:none;display:block;position:absolute;inset:0}.logo-loader-parts i:first-child{clip-path:var(--mark-clip-head);--dx:0%;--dy:-19%;--order:0}.logo-loader-parts i:nth-child(2){clip-path:var(--mark-clip-arm-left);--dx:-22%;--dy:4%;--order:1}.logo-loader-parts i:nth-child(3){clip-path:var(--mark-clip-arm-right);--dx:22%;--dy:4%;--order:2}.logo-loader-parts i:nth-child(4){clip-path:var(--mark-clip-body);--dx:0%;--dy:22%;--order:3}.logo-loader-breathe i{animation:logo-loader-breathe calc(2.4s * var(--logo-loader-speed)) cubic-bezier(.45, 0, .55, 1) infinite}.logo-loader-pulse:before,.logo-loader-pulse:after{content:"";aspect-ratio:1;opacity:0;width:100%;animation:logo-loader-pulse calc(2.2s * var(--logo-loader-speed)) cubic-bezier(.2, .6, .35, 1) infinite;border:2px solid;border-radius:50%;margin:-50% 0 0 -50%;position:absolute;top:52%;left:50%}.logo-loader-pulse:after{animation-delay:calc(1.1s * var(--logo-loader-speed))}.logo-loader-pulse i{animation:logo-loader-pulse-core calc(2.2s * var(--logo-loader-speed)) ease-in-out infinite}.logo-loader-flip{perspective:520px}.logo-loader-flip i{animation:logo-loader-flip calc(2.6s * var(--logo-loader-speed)) cubic-bezier(.62, .02, .3, 1) infinite}.logo-loader-bounce i{animation:logo-loader-bounce calc(1.1s * var(--logo-loader-speed)) cubic-bezier(.5, 0, .5, 1) infinite alternate}.logo-loader-bounce:after{content:"";opacity:.22;height:8%;animation:logo-loader-bounce-shadow calc(1.1s * var(--logo-loader-speed)) cubic-bezier(.5, 0, .5, 1) infinite alternate;background:currentColor;border-radius:50%;position:absolute;bottom:-14%;left:18%;right:18%}.logo-loader-sequence i{opacity:0;animation:logo-loader-sequence calc(2.1s * var(--logo-loader-speed)) ease-out infinite;animation-delay:calc(var(--order) * .13s * var(--logo-loader-speed))}.logo-loader-burst i{animation:logo-loader-burst calc(1.9s * var(--logo-loader-speed)) cubic-bezier(.5, 0, .2, 1) infinite;animation-delay:calc(var(--order) * 50ms * var(--logo-loader-speed))}.logo-loader-pinwheel i{transform-origin:50% 52%;animation:logo-loader-pinwheel calc(2s * var(--logo-loader-speed)) cubic-bezier(.65, 0, .35, 1) infinite;animation-delay:calc(var(--order) * 80ms * var(--logo-loader-speed))}.logo-loader-shine u{-webkit-mask:var(--logo-loader-logo) center / contain no-repeat;mask:var(--logo-loader-logo) center / contain no-repeat;animation:logo-loader-shine calc(2.3s * var(--logo-loader-speed)) ease-in-out infinite;background:linear-gradient(105deg,#0000 38%,#ffffffd9 50%,#0000 62%) 130% 0/260% 100% no-repeat}.logo-loader-fill i{opacity:.16}.logo-loader-fill u{animation:logo-loader-fill calc(2.6s * var(--logo-loader-speed)) cubic-bezier(.4, 0, .3, 1) infinite}@media (prefers-reduced-motion:reduce){.logo-loader i,.logo-loader u,.logo-loader:before,.logo-loader:after{opacity:1;transform:none;clip-path:none!important;animation:none!important}.logo-loader-parts i:nth-child(n+2){display:none}.logo-loader-fill i{opacity:1}.logo-loader-shine u,.logo-loader-pulse:before,.logo-loader-pulse:after{display:none}}}@keyframes logo-loader-breathe{0%,to{opacity:.45;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@keyframes logo-loader-pulse{0%{opacity:.55;transform:scale(.55)}70%{opacity:0}to{opacity:0;transform:scale(1.5)}}@keyframes logo-loader-pulse-core{0%,to{transform:scale(.92)}18%{transform:scale(1)}}@keyframes logo-loader-flip{0%,8%{transform:rotateY(0)}42%,50%{transform:rotateY(180deg)}92%,to{transform:rotateY(360deg)}}@keyframes logo-loader-bounce{0%{transform:translateY(-26%)}to{transform:translateY(4%)}}@keyframes logo-loader-bounce-shadow{0%{opacity:.1;transform:scale(.7)}to{opacity:.28;transform:scale(1)}}@keyframes logo-loader-sequence{0%{opacity:0;transform:scale(.7)}14%,62%{opacity:1;transform:scale(1)}86%,to{opacity:0;transform:scale(1.05)}}@keyframes logo-loader-burst{0%,to{transform:translate(0)scale(1)}45%{opacity:.75;transform:translate(var(--dx), var(--dy)) scale(.86)}}@keyframes logo-loader-pinwheel{0%{transform:rotate(0)}55%,to{transform:rotate(360deg)}}@keyframes logo-loader-shine{0%,12%{background-position:130% 0}60%,to{background-position:-60% 0}}@keyframes logo-loader-fill{0%{clip-path:inset(100% 0 0)}70%,to{clip-path:inset(0)}}
