.loading::before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid var(--border);}.loading::after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:loader-spin .6s linear;animation:loader-spin .6s linear;animation-iteration-count:1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:var(--background) transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;}.loading{position:relative;cursor:default;text-shadow:none !important;color:transparent !important;opacity:1;pointer-events:auto;-webkit-transition:all 0s linear,opacity .1s ease;transition:all 0s linear,opacity .1s ease;}.loading-coin{display:inline-block;transform:translateZ(1px);} .loading-coin > div{display:inline-block;width:20px;height:20px;margin:0;border-radius:50%;background:#ccc;animation:loadingcoin 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;} @keyframes loadingcoin{0%, 100%{ animation-timing-function:cubic-bezier(0.5, 0, 1, 0.5);} 0%{ transform:rotateY(0deg);} 50%{ transform:rotateY(1800deg); animation-timing-function:cubic-bezier(0, 0.5, 0.5, 1);} 100%{ transform:rotateY(3600deg);} }