.skeleton{height:100%;width:100%}.skeleton:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZyBvcGFjaXR5PSIuMiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTQyIDZINmMtMiAwLTQgMi00IDR2MjhjMCAyLjIgMS44IDQgNCA0aDM2YzIgMCA0LTIgNC00VjEwYzAtMi0yLTQtNC00bTAgMzEuODRjLS4wNC4wNi0uMTIuMTItLjE2LjE2SDZWMTAuMTZsLjE2LS4xNmgzNS42NmMuMDYuMDQuMTIuMTIuMTYuMTZ2MjcuNjh6bS0yMC02LjgyTDE3IDI1bC03IDloMjhsLTktMTJ6IiBvcGFjaXR5PSIuNSIvPjwvZz48L3N2Zz4=) no-repeat;background-size:100% 100%;content:"";height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;z-index:1}