.pre-loader {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999991;
background-color: var(--wdtBodyBGColor);
}
.loader-inner {
text-transform:uppercase;
width:100%;
text-align:center;
line-height:50px;
margin:auto;
position:absolute;
left:0;right:0;top:50%;
transform:translateY(-50%);
}
#svg-loader {
width: auto;
height: 50px;
}
#svg-loader .svg-trio {
transform-origin: 20px 17.32px;
fill: transparent;
stroke: var(--wdtSecondaryColor);
stroke-width: 4px;
stroke-dasharray: 50 70;
stroke-dashoffset: 0;
animation: 1s linear trioswap infinite;
}
#svg-loader #svg-trio-1 {
transform: scale(-1);
}
#svg-loader #svg-trio-2 {
transform: translate(30px, 0);
}
@keyframes trioswap {
0% { stroke-dashoffset: 0; }
50% { stroke-dasharray: 100 20; }
100% { stroke-dashoffset: 120; }
} .loader-inner .loader-text:after { background-color: var(--wdtPrimaryColor); }   @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
}