#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none}
#loader-wrapper #wrap{background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;text-align:center;width:100%;height:100%;z-index:999999}
#loader-wrapper.show1 #wrap{background:0 0}
#loader-wrapper:after{-webkit-mask:url(../images/mask-01.png);mask:url(../images/mask-01.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;content:'';position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(255,255,255,1);z-index:99999}
#loader-wrapper.show1::after{-webkit-animation:MaskPlay 1s steps(22) forwards;-moz-animation:MaskPlay 1s steps(22) forwards;-o-animation:MaskPlay 1s steps(22) forwards;animation:MaskPlay 1s steps(22) forwards}
#loader-wrapper.show1 #wrap{opacity:0}
.loading-text ul{margin-top:1.875rem}
.loading-text ul li{-webkit-animation:anime 1.5s infinite linear;-moz-animation:anime 1.5s infinite linear;-o-animation:anime 1.5s infinite linear;animation:anime 1.5s infinite linear;display:inline-block;font-family:var(--bs-font-monospace);font-size:1.875rem;letter-spacing:1px}
.loading-text ul li:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}
.loading-text ul li:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}
.loading-text ul li:nth-child(3){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
.loading-text ul li:nth-child(4){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
.loading-text ul li:nth-child(5){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.loading-text ul li:nth-child(6){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}
.loading-text ul li:nth-child(7){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
.loader{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;padding-bottom:3.125rem;position:fixed;top:0;width:100%;z-index:100001}
@-webkit-keyframes anime{
0%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-webkit-transform:translateY(0);transform:translateY(0)}
50%{color:#19335d;letter-spacing:5px;text-shadow:5px 10px 1px #000;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes anime{
0%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-moz-transform:translateY(0);transform:translateY(0)}
50%{color:#19335d;letter-spacing:5px;text-shadow:5px 10px 1px #000;-moz-transform:translateY(-10px);transform:translateY(-10px)}
100%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-moz-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes anime{
0%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-o-transform:translateY(0);transform:translateY(0)}
50%{color:#19335d;letter-spacing:5px;text-shadow:5px 10px 1px #000;-o-transform:translateY(-10px);transform:translateY(-10px)}
100%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes anime{
0%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
50%{color:#19335d;letter-spacing:5px;text-shadow:5px 10px 1px #000;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
100%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes MaskPlay{
from{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
@-moz-keyframes MaskPlay{
from{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
@-o-keyframes MaskPlay{
from{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
@keyframes MaskPlay{
from{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
@-moz-keyframes spin{
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spin{
to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes spin{
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-o-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes shake-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg);-moz-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes shake-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg);-o-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes shake-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg);-moz-transform:rotate(0) scale(1) skew(1deg);-o-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}