.loader{width:120px;margin:0 auto;aspect-ratio:1/1;position:relative;container-type:size;transform:scaleY(-1);transform-style:preserve-3d}.loader span{width:90%;aspect-ratio:10/2.25;position:absolute;top:0;left:50%;translate:-50% 0;border-radius:50%;background:linear-gradient(180deg,#ffe27a,#fc0,#f4b400,#d48a00);border:1px solid #8c5a00;box-shadow:inset 0 2px 4px #fff2a6,inset 0 -3px 6px #c27a00;scale:.25;animation:travel 4.2s calc((-1 * 4.2s) * (var(--idx) / 10)) infinite linear,scaleAnim calc(4.2s * .5) calc((-1 * 4.2s) * (var(--idx) / 10)) infinite alternate}@keyframes scaleAnim{0%{opacity:0}15%,25%{opacity:1}to{opacity:1;scale:1}}@keyframes travel{0%,5%{transform:translateZ(0);translate:-50% -5%}95%,to{transform:translateZ(10px);translate:-50% calc(100cqb - 95%)}}.bee{position:absolute;top:50%;left:50%;width:28px;height:28px;z-index:9999}.bee-svg{width:100%;height:100%;display:block}.b1{animation:fly1 9s linear infinite}.b2{animation:fly2 10s linear infinite}.b3{animation:fly3 8s linear infinite}.b4{animation:fly4 8s linear infinite}.b5{animation:fly5 9.5s linear infinite}.b6{animation:fly6 14.2s linear infinite}@keyframes fly1{0%{transform:translate(-50px,-40px)}20%{transform:translate(40px,-40px)}40%{transform:translate(100px,20px)}60%{transform:translate(-60px,80px)}80%{transform:translate(-90px)}to{transform:translate(-40px,-40px)}}@keyframes fly2{0%{transform:translate(60px)}25%{transform:translate(-80px,-50px)}50%{transform:translate(-40px,90px)}75%{transform:translate(90px,40px)}to{transform:translate(60px)}}@keyframes fly3{0%{transform:translateY(-60px)}20%{transform:translate(80px,-20px)}40%{transform:translate(40px,60px)}60%{transform:translate(-60px,40px)}80%{transform:translate(-20px,-60px)}to{transform:translateY(-80px)}}@keyframes fly4{0%{transform:translate(-50px,10px)}25%{transform:translate(30px,-60px)}50%{transform:translate(60px,40px)}75%{transform:translate(-40px,90px)}to{transform:translate(-70px,10px)}}@keyframes fly5{0%{transform:translate(50px,-50px)}25%{transform:translate(-100px,20px)}50%{transform:translate(80px,80px)}75%{transform:translate(-60px,-20px)}to{transform:translate(50px,-50px)}}@keyframes fly6{0%{transform:translate(-20px,60px)}20%{transform:translate(90px,-40px)}40%{transform:translate(-80px,-70px)}60%{transform:translate(40px,90px)}80%{transform:translate(100px,10px)}to{transform:translate(-20px,60px)}}