.canopy-leaf-loader{height:calc(132px * var(--canopy-leaf-scale,1));place-items:end center;display:inline-grid}.canopy-leaf-settle{--_fall:calc(var(--canopy-leaf-settle-fall-distance,60px) * -1 * var(--canopy-leaf-scale,1));width:calc(72px * var(--canopy-leaf-scale,1));height:calc(72px * var(--canopy-leaf-scale,1));transform-origin:50% 100%;animation:canopy-leaf-settle calc(var(--canopy-leaf-settle-frame,90ms) * 20) step-end infinite;display:block;overflow:visible}.canopy-leaf-settle--once{animation-iteration-count:1;animation-fill-mode:forwards}.canopy-leaf-settle .canopy-leaf-body{fill:var(--canopy-accent)}.canopy-leaf-settle .canopy-leaf-shade{fill:var(--canopy-accent-pressed)}@keyframes canopy-leaf-settle{0%{transform:translateY(calc(var(--_fall) * 12 / 12)) scaleX(1)}5%{transform:translateY(calc(var(--_fall) * 11 / 12)) scaleX(var(--canopy-leaf-settle-squash-mid,.66))}10%{transform:translateY(calc(var(--_fall) * 10 / 12)) scaleX(var(--canopy-leaf-settle-squash-min,.26))}15%{transform:translateY(calc(var(--_fall) * 9 / 12)) scaleX(var(--canopy-leaf-settle-squash-mid,.66))}20%{transform:translateY(calc(var(--_fall) * 8 / 12)) scaleX(1)}25%{transform:translateY(calc(var(--_fall) * 7 / 12)) scaleX(var(--canopy-leaf-settle-squash-mid,.66))}30%{transform:translateY(calc(var(--_fall) * 6 / 12)) scaleX(var(--canopy-leaf-settle-squash-min,.26))}35%{transform:translateY(calc(var(--_fall) * 5 / 12)) scaleX(var(--canopy-leaf-settle-squash-mid,.66))}40%{transform:translateY(calc(var(--_fall) * 4 / 12)) scaleX(1)}45%{transform:translateY(calc(var(--_fall) * 3 / 12)) scaleX(var(--canopy-leaf-settle-squash-mid,.66))}50%{transform:translateY(calc(var(--_fall) * 2 / 12)) scaleX(var(--canopy-leaf-settle-squash-min,.26))}55%{transform:translateY(calc(var(--_fall) * 1 / 12)) scaleX(var(--canopy-leaf-settle-squash-mid,.66))}60%{transform:translateY(0)scaleX(1)}65%{transform:translateY(0)scaleX(1)}70%{transform:translateY(0)scaleX(1)}75%{transform:translateY(0)scaleX(1)}80%{transform:translateY(0)scaleX(1)}85%{transform:translateY(0)scaleX(1)}90%{transform:translateY(0)scaleX(1)}95%{transform:translateY(0)scaleX(1)}to{transform:translateY(0)scaleX(1)}}.canopy-arrive{animation:canopy-arrive var(--canopy-duration-ui,.45s) var(--canopy-ease-out,cubic-bezier(.2, .7, .2, 1)) both}@keyframes canopy-arrive{0%{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.canopy-leaf-settle{animation:none;transform:translateY(0)scaleX(1)}.canopy-arrive{animation:none}}[data-motion=paused] .canopy-leaf-settle,[data-motion=paused] .canopy-arrive{animation-play-state:paused}