#ssr-loader .custom-loader-container {
    position: fixed;
    top:0; left:0; right:0; bottom:0;
    width:100%;
    height:100%;
    background: linear-gradient(240deg, rgba(222,110,2,1) 0%, rgba(255,255,255,1) 47%, rgba(0,129,172,1) 100%);
    z-index: 9999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:auto;
}

#ssr-loader .custom-loader-inner {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

#ssr-loader .custom-loader-signs-container {
    position: relative;
    width: 105px;
    height: 100px;
}

#ssr-loader .custom-loader-sign {
    width:50px;
    height:50px;
    object-fit:contain;
    position:absolute;
    margin:auto;
}

#ssr-loader .custom-loader-sign-green { top:2px; left:0; right:0; animation: greenSign 1s infinite ease; }
#ssr-loader .custom-loader-sign-orange { left:0; bottom:0; animation: orangeSign 1s infinite ease; }
#ssr-loader .custom-loader-sign-blue { right:0; bottom:0; animation: blueSign 1s infinite ease; }

@keyframes greenSign { 0% {transform:translateY(-100%);} 65% {transform:translateY(0%);} 100% {transform:translateX(0);} }
@keyframes orangeSign { 0% {transform:translateX(-100%) rotate(-360deg);} 65% {transform:translateX(0%);} 100% {transform:translateX(0) rotate(0deg);} }
@keyframes blueSign { 0% {transform:translateX(100%) rotate(360deg);} 65% {transform:translateX(0%);} 100% {transform:translateX(0) rotate(0deg);} }

#ssr-loader .custom-loader-logo-container {
    width:250px; height:100px;
    display:flex; align-items:center; justify-content:center;
    animation: logoAnimation 1s infinite ease;
}

@keyframes logoAnimation { 0% { transform: scale(0); } 65% { transform: scale(1); } 100% { transform: scale(1); } }