.matrix-cell{transition:all .3s ease-in-out}.matrix-cell:focus{transform:scale(1.05);box-shadow:0 0 15px rgba(59,130,246,.5)}.matrix-result-appear{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.matrix-operation-highlight{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.matrix-wrapper{position:relative;padding:0 10px}.matrix-wrapper:after,.matrix-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:currentColor}.matrix-wrapper:before{left:0}.matrix-wrapper:after{right:0}.auto-demo-active{animation:highlight 1s ease-in-out}@keyframes highlight{0%{background-color:rgba(59,130,246,.1)}50%{background-color:rgba(59,130,246,.2)}to{background-color:rgba(59,130,246,.1)}}