.loadingIconBox{height:40px;margin:20px auto;position:relative;top:calc(50% - 40px);transform:rotate(45deg);width:40px}.loadingIconBox .loadIcon{float:left;height:50%;position:relative;transform:scale(1.1);width:50%}.loadingIconBox .loadIcon:before{animation:skFoldCubeAngle 2.4s linear infinite both;background-color:hsla(0,0%,100%,.9);content:"";height:100%;left:0;position:absolute;top:0;transform-origin:100% 100%;width:100%}.loadingIconBox .loadIcon2{transform:scale(1.1) rotate(90deg)}.loadingIconBox .loadIcon3{transform:scale(1.1) rotate(180deg)}.loadingIconBox .loadIcon4{transform:scale(1.1) rotate(270deg)}.loadingIconBox .loadIcon2:before{animation-delay:.3s;background-color:hsla(0,0%,100%,.8)}.loadingIconBox .loadIcon3:before{animation-delay:.6s;background-color:hsla(0,0%,100%,.6)}.loadingIconBox .loadIcon4:before{animation-delay:.9s;background-color:hsla(0,0%,100%,.7)}@keyframes skFoldCubeAngle{0%,10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%,to{opacity:0;transform:perspective(140px) rotateY(180deg)}}@keyframes fadeInAnimation{0%{background:#000}to{background:rgba(0,0,0,.7)}}@keyframes closeFadeIn{0%{opacity:0}70%{opacity:0}80%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes time{to{transform:rotate(1turn)}}@keyframes mask{0%{background:#eee;transform:rotate(0deg)}50%{background:#eee;transform:rotate(-180deg)}50.01%{background:var(--ks-red);transform:rotate(0deg)}to{background:var(--ks-red);transform:rotate(-180deg)}}body.modal-open{height:100vh;overflow-y:hidden;position:fixed;--loading_size:44;--loading_duration_s:5}.sitePop{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.sitePop.hide{display:none}.sitePop .popContainer{box-sizing:border-box;max-height:90vh;padding:0;position:relative;transition:all 1s ease-in-out;z-index:2}.sitePop .popContainer img{border-radius:10px;height:auto;width:100%}.sitePop .popContainer .sitePopClose{animation:closeFadeIn 2s ease-in;animation-delay:0s;animation-iteration-count:1;cursor:pointer;display:block;height:44px;position:absolute;right:10px;top:9px;width:44px}.sitePop .popContainer .sitePopClose:before{color:var(--ks-red);content:"\D7";font-size:34px;font-weight:700;left:50%;margin-left:-10px;position:absolute;top:-5px}.sitePop .popMask{animation:fadeInAnimation 2s ease 1;background:rgba(0,0,0,.7);height:100vh;left:0;position:fixed;top:0;width:100%}.sitePop.hide .popMask{display:none}.loadingTimer{animation-iteration-count:infinite;animation-name:time;animation-timing-function:steps(1000,start);background:linear-gradient(to right,var(--ks-red) 50%,#eee 50%);border-radius:100%;height:calc(var(--loading_size)*1px);-webkit-mask:radial-gradient(transparent 50%,#000 0);mask:radial-gradient(transparent 50%,#000 0);position:relative;width:calc(var(--loading_size)*1px)}.loadingMask,.loadingTimer{animation-delay:1.5s;animation-duration:calc(var(--loading_duration_s)*1s)}.loadingMask{animation-iteration-count:infinite;animation-name:mask;animation-timing-function:steps(1000,start);border-radius:100% 0 0 100%/50% 0 0 50%;height:100%;left:0;position:absolute;top:0;transform-origin:100% 50%;width:50%}@media only screen and (max-width:768px){.sitePop .popContainer{max-width:80%}}