.cubes{width:100%;height:auto;display:block;overflow:visible}.cubes--mirror{transform:scaleX(-1)}.cube__face{fill:var(--color-neon-green);stroke:var(--color-blue);stroke-width:2.6px;stroke-linejoin:round;transition:fill .3s}.cube__face--left{fill:#27d772}.cube__face--right{fill:#2ce87e}.cube__face--top{fill:#5cf09c}.cube{opacity:0;transition:opacity .5s,transform .8s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * 70ms);transform:translateY(-60px)}.is-revealed .cube,.is-revealed.cubes .cube{opacity:1;transform:none}.cube__body{animation:4.2s ease-in-out infinite cube-float;animation-delay:calc(var(--f) * -.4s)}@keyframes cube-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cube:hover .cube__body{transition:transform .25s cubic-bezier(.34,1.56,.64,1);animation-play-state:paused;transform:translateY(-16px)}.cube:hover .cube__face--top{fill:var(--color-lime)}@media (prefers-reduced-motion:reduce){.cube{opacity:1;transition:none;transform:none}.cube__body{animation:none}}