.butterfly-boot{z-index:50;color:#283e32;opacity:1;background:linear-gradient(#dff1ff 0%,#eef9e4 62%,#cfe6b4 100%);place-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:opacity .6s,visibility linear;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.butterfly-boot--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s,visibility 0s linear .6s}.butterfly-boot__hill{background:#b9d98f;border-radius:50% 50% 0 0;height:38vh;position:absolute;bottom:-18vh;left:-10%;right:-10%}.butterfly-boot__hill--back{background:#cfe6a8;height:38vh;bottom:-10vh;left:15%;right:-30%}.butterfly-boot__card{text-align:center;justify-items:center;gap:10px;padding:28px 40px 30px;display:grid;position:relative}.butterfly-boot__card h1{letter-spacing:-.04em;color:#283e32;margin:6px 0 0;font-size:clamp(26px,4vw,40px)}.butterfly-boot__card p{color:#5d6f60;margin:0;font-size:clamp(15px,1.8vw,20px)}.butterfly-boot__mark{color:#3e6d4b;background:#fffef9;border-radius:50%;place-items:center;width:112px;height:112px;animation:3.2s ease-in-out infinite butterfly-boot-float;display:grid;position:relative;box-shadow:0 16px 44px #3b583a2e}.butterfly-boot__ring{opacity:0;border:2px solid #8fb35a;border-radius:50%;animation:2.4s ease-out infinite butterfly-boot-ring;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.butterfly-boot__wings{transform-origin:50%;animation:1.1s ease-in-out infinite butterfly-boot-flap;display:grid}.butterfly-boot__bar{background:#d6e6c1;border-radius:99px;width:min(240px,60vw);height:6px;margin-top:10px;display:block;position:relative;overflow:hidden}.butterfly-boot__bar i{border-radius:inherit;background:#5f8f55;width:40%;animation:1.5s ease-in-out infinite butterfly-boot-slide;position:absolute;top:0;bottom:0;left:0}@keyframes butterfly-boot-float{50%{transform:translateY(-10px)}}@keyframes butterfly-boot-flap{50%{transform:scaleX(.72)}}@keyframes butterfly-boot-ring{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes butterfly-boot-slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.butterfly-boot__mark,.butterfly-boot__ring,.butterfly-boot__wings{animation:none}.butterfly-boot{transition:none}}