@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)}}