@keyframes selectCard1{0%,to{opacity:0;background:transparent}3%,90%{opacity:1;background:hsla(0,0%,100%,.03);border:1px solid rgba(21,255,171,.1)}3%,91%{&>div{border-color:#15ffab;box-shadow:0 0 10px rgba(21,255,171,.3)}}}@keyframes selectCard2{0%,33%,to{opacity:0;background:transparent}35%,90%{opacity:1;background:hsla(0,0%,100%,.03);border:1px solid rgba(21,255,171,.1)}35%,91%{&>div{border-color:#15ffab;box-shadow:0 0 10px rgba(21,255,171,.3)}}}@keyframes selectCard3{0%,60%,to{opacity:0;background:transparent}62%,90%{opacity:1;background:hsla(0,0%,100%,.03);border:1px solid rgba(21,255,171,.1)}62%,91%{&>div{border-color:#15ffab;box-shadow:0 0 10px rgba(21,255,171,.3)}}}@keyframes moveMagnifier{0%,40%{transform:translateY(-50%) scale(1);left:0}35%,5%{transform:translateY(-50%) scale(1.05);left:0}45%,50%{transform:translateY(-50%) scale(1);left:90px}55%,85%{transform:translateY(-50%) scale(1.05);left:90px}90%,95%{transform:translateY(-50%) scale(1);left:90px}to{transform:translateY(-50%) scale(1);left:0}}@keyframes scanEffect{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}@keyframes drawMagnifier{to{stroke-dashoffset:0}}@keyframes scaleAndFloat{0%{transform:translateY(5px) scale(1)}5%{transform:translateY(5px) scale(1.2)}35%{transform:translateY(-3px) scale(1.2)}40%{transform:translateY(-3px) scale(1)}to{transform:translateY(5px) scale(1)}}@keyframes scrollFeed{0%{transform:translateY(-76px)}25%{transform:translateY(-76px)}75%{transform:translateY(-152px)}to{transform:translateY(-152px)}}@keyframes tilt{0%,to{transform:rotate(0deg)}20%,80%{transform:rotate(-6deg)}}@keyframes slideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeLoop{0%,to{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}