.hexagon-container{--hexagon-spacing:10px;--hexagon-spacing-half:calc(var(--hexagon-spacing) / 2)}@media (min-width:768px){.hexagon-container{--hexagon-spacing:16px}}@keyframes hexagon-step-rotate{0%{transform:rotate(0deg)}15%{transform:rotate(3deg)}30%{transform:rotate(8deg)}45%{transform:rotate(20deg)}60%{transform:rotate(40deg)}75%{transform:rotate(52deg)}90%{transform:rotate(57deg)}to{transform:rotate(60deg)}}@keyframes icon-center{0%{opacity:0;transform:scale(.1)}21%{opacity:.3;transform:scale(.3)}42%{opacity:1;transform:scale(1)}67%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes icon-1-fade-in{0%{opacity:0;transform:translate(-50px,-50px)}to{opacity:1;transform:translate(0)}}@keyframes icon-2-fade-in{0%{opacity:0;transform:translate(50px,-50px)}to{opacity:1;transform:translate(0)}}@keyframes icon-3-fade-in{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes icon-4-fade-in{0%{opacity:0;transform:translate(50px,50px)}to{opacity:1;transform:translateX(0)}}@keyframes icon-5-fade-in{0%{opacity:0;transform:translate(-50px,50px)}to{opacity:1;transform:translateX(0)}}@keyframes icon-6-fade-in{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}