.loader{position:relative;width:32px;height:32px;background-color:rgba(0,0,0,.5);transform:rotate(45deg);overflow:hidden}.loader:after{inset:4px;background:#e6f0ff}.loader:after,.loader:before{content:"";position:absolute;margin:auto}.loader:before{inset:-7px;background:#3385ff;animation:diamondLoader 2s linear infinite}@keyframes diamondLoader{0%,10%{transform:translate(-32px,-32px) rotate(-45deg)}90%,to{transform:translate(0) rotate(-45deg)}}@media only screen and (min-width:96rem){.loader{width:48px;height:48px}.loader:after{inset:6px}.loader:before{inset:-10px}@keyframes diamondLoader{0%,10%{transform:translate(-48px,-48px) rotate(-45deg)}90%,to{transform:translate(0) rotate(-45deg)}}}