.sgi-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;pointer-events:auto}
.sgi-loading::before{content:'';position:absolute;inset:0;background-color:#ffa51a;transition:opacity .7s ease}
.sgi-loading-matrix{position:absolute;inset:0;width:100%;height:100%;opacity:.65;pointer-events:none;mask-image:radial-gradient(ellipse at center,#0008 0%,#000 65%)}
.sgi-loading-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.sgi-loading-rings i{position:absolute;width:210px;height:210px;border:1px solid #fff6e84a;border-radius:50%;opacity:.2;transition:transform .7s ease-out,opacity .7s ease}
.sgi-loading-rings i:nth-child(2){width:290px;height:290px;transition-delay:.08s}
.sgi-loading.is-leaving .sgi-loading-rings i{transform:scale(4);opacity:0}
.sgi-loading.is-leaving .sgi-loading-matrix{opacity:0;transition:opacity .5s}
.sgi-loading img{position:relative;width:144px;height:156px;object-fit:contain;animation:sgi-wake .7s ease-in-out infinite;filter:drop-shadow(0 8px 12px #18286830)}
.sgi-loading.is-leaving{pointer-events:none}
.sgi-loading.is-leaving::before{opacity:0}
.sgi-loading.is-leaving img{animation:none;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .2s .5s;transform:translate(var(--loading-x,0px),var(--loading-y,0px)) scale(.75);opacity:0}
@keyframes sgi-wake{0%{transform:translateY(10px) scale(.94)}55%{transform:translateY(-8px) scale(1.02)}100%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.sgi-loading img{animation:none}.sgi-loading.is-leaving img{transform:none;transition:opacity .12s}.sgi-loading::before{transition:opacity .12s}}
@media print{.sgi-loading{display:none}}
@media(prefers-reduced-motion:reduce){.sgi-loading-rings{display:none}}