:root{--duration: .6s;--top: min(-50vw, -40vh);--shadow-offset: .6;--shadow-opacity: .5}.ball-container[data-astro-cid-m3jde4pj]{display:inline-block;position:relative;width:.8ch;height:1em;vertical-align:baseline}.ball[data-astro-cid-m3jde4pj]{position:absolute;bottom:0;left:0;width:100%;aspect-ratio:1/1;border-radius:50%;background-color:#fff;background:radial-gradient(circle at 40% 20%,var(--color-ball-highlight) 0%,var(--color-ball-base) 30%,var(--bg-color) 100%);will-change:transform;transform:translateY(var(--top));animation:bounce1 calc(var(--duration) * .5) linear 0s,bounce2 calc(var(--duration) * 1) linear calc(var(--duration) * .5),bounce3 calc(var(--duration) * .75) linear calc(var(--duration) * 1.5),bounce4 calc(var(--duration) * .5) linear calc(var(--duration) * 2.25),bounce5 calc(var(--duration) * .35) linear calc(var(--duration) * 2.75);animation-fill-mode:forwards}.ball-shadow[data-astro-cid-m3jde4pj]{position:absolute;bottom:-20%;left:10%;width:100%;aspect-ratio:1/1;z-index:-1;border-radius:50%;background-color:var(--bg-color-dark);background:radial-gradient(circle at 40% 20%,var(--bg-color-dark) 0%,transparent 80%);transform:translateY(calc(-1 * var(--top)));opacity:0;animation:shadow1 calc(var(--duration) * .5) linear 0s,shadow2 calc(var(--duration) * 1) linear calc(var(--duration) * .5),shadow3 calc(var(--duration) * .75) linear calc(var(--duration) * 1.5),shadow4 calc(var(--duration) * .5) linear calc(var(--duration) * 2.25),shadow5 calc(var(--duration) * .35) linear calc(var(--duration) * 2.75);animation-fill-mode:forwards}@media (prefers-reduced-motion: reduce){.ball[data-astro-cid-m3jde4pj],.ball-shadow[data-astro-cid-m3jde4pj]{animation:none!important}}@keyframes bounce1{0%{transform:translateY(var(--top));animation-timing-function:cubic-bezier(.5,0,1,1)}to{transform:translateY(0)}}@keyframes bounce2{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1)}50%{transform:translateY(calc(var(--top) * .75));animation-timing-function:cubic-bezier(.5,0,1,1)}to{transform:translateY(0)}}@keyframes bounce3{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1)}50%{transform:translateY(calc(var(--top) * .5));animation-timing-function:cubic-bezier(.5,0,1,1)}to{transform:translateY(0)}}@keyframes bounce4{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1)}50%{transform:translateY(calc(var(--top) * .25));animation-timing-function:cubic-bezier(.5,0,1,1)}to{transform:translateY(0)}}@keyframes bounce5{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1)}50%{transform:translateY(calc(var(--top) * .12));animation-timing-function:cubic-bezier(.5,0,1,1)}to{transform:translateY(0)}}@keyframes shadow1{0%{transform:translate(calc(var(--top) * -1 * var(--shadow-offset))) translateY(calc(var(--top) * -1)) scale(1.5);animation-timing-function:cubic-bezier(.5,0,1,1);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shadow2{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1);opacity:1}50%{transform:translate(calc(var(--top) * -.75 * var(--shadow-offset))) translateY(calc(var(--top) * -.75)) scale(1.2);animation-timing-function:cubic-bezier(.5,0,1,1);opacity:.25}to{transform:translateY(0);opacity:1}}@keyframes shadow3{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1);opacity:1}50%{transform:translate(calc(var(--top) * -.5 * var(--shadow-offset))) translateY(calc(var(--top) * -.5)) scale(1.2);animation-timing-function:cubic-bezier(.5,0,1,1);opacity:calc(var(--shadow-opacity) * .5)}to{transform:translateY(0);opacity:1}}@keyframes shadow4{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1);opacity:1}50%{transform:translate(calc(var(--top) * -.25 * var(--shadow-offset))) translateY(calc(var(--top) * -.25)) scale(1.05);animation-timing-function:cubic-bezier(.5,0,1,1);opacity:calc(var(--shadow-opacity) * .75)}to{transform:translateY(0);opacity:1}}@keyframes shadow5{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.5,1);opacity:1}50%{transform:translate(calc(var(--top) * -.12 * var(--shadow-offset))) translateY(calc(var(--top) * -.12));animation-timing-function:cubic-bezier(.5,0,1,1);opacity:calc(var(--shadow-opacity) * .85)}to{transform:translateY(0);opacity:1}}