.swapping-squares-spinner,.swapping-squares-spinner *{box-sizing:border-box}.swapping-squares-spinner{align-items:center;display:flex;flex-direction:row;height:20vh;justify-content:center;position:relative;width:50vw}.swapping-squares-spinner .square{animation-duration:1s;animation-iteration-count:infinite;border:2px solid #de6e4b;height:12.5px;margin-left:auto;margin-right:auto;position:absolute;width:12.5px}.swapping-squares-spinner .square:first-child{animation-delay:.5s;animation-name:swapping-squares-animation-child-1}.swapping-squares-spinner .square:nth-child(2){animation-delay:0s;animation-name:swapping-squares-animation-child-2}.swapping-squares-spinner .square:nth-child(3){animation-delay:.5s;animation-name:swapping-squares-animation-child-3}.swapping-squares-spinner .square:nth-child(4){animation-delay:0s;animation-name:swapping-squares-animation-child-4}@keyframes swapping-squares-animation-child-1{50%{transform:translate(150%,150%) scale(2)}}@keyframes swapping-squares-animation-child-2{50%{transform:translate(-150%,150%) scale(2)}}@keyframes swapping-squares-animation-child-3{50%{transform:translate(-150%,-150%) scale(2)}}@keyframes swapping-squares-animation-child-4{50%{transform:translate(150%,-150%) scale(2)}}