@keyframes stepZoomBorderPulse{0%,to{border-color:#7288eb;box-shadow:0 0 #4358c800}50%{border-color:#1f3bc7;box-shadow:0 0 0 10px #2b49e259}}@keyframes stepCursorDesigner{0%,22%{transform:translate(0)}24%,46%{transform:translate(36px,18px)}48%,70%{transform:translate(18px,42px)}72%,94%{transform:translate(-8px,22px)}96%,to{transform:translate(0)}}@keyframes stepCursorDev{0%,22%{transform:translate(0)}24%,46%{transform:translate(-32px,-12px)}48%,70%{transform:translate(-12px,-36px)}72%,94%{transform:translate(22px,-18px)}96%,to{transform:translate(0)}}@keyframes stepChartIconPulse{0%{transform:scale(1)}to{transform:scale(1.22)}}.step-mock-zoom-avatar{animation:3.2s ease-in-out infinite stepZoomBorderPulse}.step-mock-cursor-designer{animation:8s linear infinite stepCursorDesigner}.step-mock-cursor-dev{animation:8.8s linear infinite stepCursorDev}.step-mock-chart-icon{animation:1.1s ease-in-out infinite alternate stepChartIconPulse}
.technology-badge{transition:transform .3s ease-out,background-color .45s ease-in-out,border-color .45s ease-in-out}.technology-badge:hover{background-color:#fff;border-color:#c0c8f6}.technology-badge--magnetic{will-change:transform}.technology-badge__icon{transition:opacity .45s ease-in-out}.technology-badge__icon--hover,.group:hover .technology-badge__icon--default{opacity:0}.group:hover .technology-badge__icon--hover{opacity:1}