.ci-spin{--u:9px;--dur:1.3s;--amp:1;--ease:cubic-bezier(0.45,0,0.25,1);--c1:#67809F;--c2:#3598DC;--c3:#F3C200;--c4:#1BA39C;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * .5);line-height:0;vertical-align:middle}.ci-spin--xs{--u:4px}.ci-spin--inline{--u:5px}.ci-spin--hero{--u:16px}.ci-spin--mono{--c2:var(--c1);--c3:var(--c1);--c4:var(--c1)}.ci-spin .ci-dot,.ci-spin .ci-plus{animation:ci-cat var(--dur) var(--ease) infinite;animation-delay:calc(var(--i) * (var(--dur) / 9));will-change:transform,opacity}.ci-spin .ci-dot{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);border-radius:50%}.ci-spin .ci-dot:first-child{background:var(--c1)}.ci-spin .ci-dot:nth-child(3){background:var(--c3)}.ci-spin .ci-dot:nth-child(5){background:var(--c4)}.ci-spin .ci-plus{position:relative;width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15)}.ci-spin .ci-plus:after,.ci-spin .ci-plus:before{content:"";position:absolute;left:50%;top:50%;background:var(--c2);border-radius:999px}.ci-spin .ci-plus:before{width:calc(var(--u) * 1.15);height:calc(var(--u) * .3);transform:translate(-50%,-50%)}.ci-spin .ci-plus:after{width:calc(var(--u) * .3);height:calc(var(--u) * 1.15);transform:translate(-50%,-50%)}@keyframes ci-cat{0%{opacity:0;transform:scale(0) translateY(calc(var(--u) * .45 * var(--amp)))}16%{opacity:1;transform:scale(1.22) translateY(0)}26%{transform:scale(1)}70%{opacity:1;transform:scale(1)}86%{opacity:0;transform:scale(.15)}to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){.ci-spin .ci-dot,.ci-spin .ci-plus{animation-duration:2.4s!important}}