.dots{margin:calc(var(--spacing) * 0);border-radius:calc(infinity * 1px);height:auto;--un-scale-x:0%;--un-scale-y:0%;scale:var(--un-scale-x) var(--un-scale-y);animation:overall-scale 8s infinite}.dot{margin-inline:calc(var(--spacing) * .3);padding:calc(var(--spacing) * 1.1);border-radius:calc(infinity * 1px);background-color:color-mix(in oklab,var(--c-text-secondary-light) var(--un-bg-opacity),transparent);display:inline-block;--un-scale-x:65%;--un-scale-y:65%;scale:var(--un-scale-x) var(--un-scale-y);animation-duration:1s;animation-iteration-count:infinite;animation-name:dot-scale;animation-timing-function:ease-in}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}.dot:nth-of-type(2){animation-delay:.15s}.dot:nth-of-type(3){animation-delay:.3s}@keyframes dot-scale{0%,70%{transform:scale(.65)}35%{transform:scale(1)}}@keyframes overall-scale{0%,95%{transform:scale(0)}5%,90%{transform:scale(1)}}