.parent-loading{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;inset:0;position:fixed;width:100%;z-index:99999}:root{--col1:var(--primary);--col2:var(--primary);--col3:var(--primary)}.dots-spinner{animation:spin 2s linear infinite;height:3.4rem;position:relative;width:3.6rem}.dots-spinner>span{display:block;--size:1.2rem;animation:pulse 3s ease-out infinite var(--delay),colorChange 4s linear infinite;background-color:var(--col1);border-radius:50%;height:var(--size);position:absolute;width:var(--size)}.dot-1{left:calc(50% - var(--size)/2);top:0;--delay:2s}.dot-2{bottom:0;left:0;--delay:1s}.dot-3{bottom:0;right:0;--delay:0s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes colorChange{0%{background-color:var(--col1)}33.33%{background-color:var(--col2)}66.66%{background-color:var(--col3)}to{background-color:var(--col1)}}@keyframes spin{to{transform:rotate(1turn)}}