.loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999;opacity:1;transition:opacity .35s,visibility .35s}.loader--hide{opacity:0;visibility:hidden}.loader-inner{--dim:3rem;width:var(--dim);height:var(--dim);position:relative;animation:2s linear infinite spin988}.loader-inner .circle{--color:#333;--dim:1.2rem;width:var(--dim);height:var(--dim);background-color:var(--color);border-radius:50%;position:absolute}.loader-inner .circle:first-child{top:0;left:0}.loader-inner .circle:nth-child(2){top:0;right:0}.loader-inner .circle:nth-child(3){bottom:0;left:0}.loader-inner .circle:nth-child(4){bottom:0;right:0}@keyframes spin988{0%{transform:scale(1) rotate(0)}20%,25%{transform:scale(1.3) rotate(90deg)}45%,50%{transform:scale(1) rotate(180deg)}70%,75%{transform:scale(1.3) rotate(270deg)}100%,95%{transform:scale(1) rotate(360deg)}}