:root{--media-max-width:34em}.dots-loader{font-size:3em}.dots-loader svg circle{--icon-line-color:var(--loader-color,var(--color-primary));--time:3s;--total:3;--delay:0s;animation:show var(--time) var(--delay) infinite}.dots-loader svg circle:first-child{--delay:calc(var(--time)/var(--total)*0)}.dots-loader svg circle:nth-child(2){--delay:calc(var(--time)/var(--total)*1)}.dots-loader svg circle:nth-child(3){--delay:calc(var(--time)/var(--total)*2)}@keyframes show{0%{r:0}50%{r:5}to{r:0}}