.circle-loader{border-radius:50%;width:16px;height:16px;position:relative;border:2px solid rgba(255,255,255,.2);border-left:2px solid #ffffff;-webkit-animation:load8 1.1s infinite linear;animation:circle-load 1.1s infinite linear}.circle-loader.loader-style-gray{border:2px solid rgba(0,0,0,.2);border-left:2px solid rgba(0,0,0,.5)}.circle-loader.loader-style-purple{border:2px solid #b7bbfd;border-left:2px solid #686EFE}@keyframes circle-load{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dot-load{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0);transform:scale(0);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.dot-loader>div:nth-child(1){-webkit-animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:dot-load .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}.dot-loader>div:nth-child(2){-webkit-animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);animation:dot-load .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)}.dot-loader>div:nth-child(3){-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:dot-load .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.dot-loader{display:flex}.dot-loader>div{background-color:#fff;width:8px;height:8px;border-radius:50%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block}.dot-loader.loader-style-gray>div{background-color:#0003}