@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes time{to{transform:rotate(360deg)}}@keyframes mask{0%{background:#eee;transform:rotate(0)}50%{background:#eee;transform:rotate(-180deg)}50.01%{background:var(--ks-red);transform:rotate(0)}to{background:var(--ks-red);transform:rotate(-180deg)}}body.site-popup-open{width:100%;position:fixed;overflow:hidden}.sitePop{--loading_size:44;--loading_duration_s:6.2;box-sizing:border-box;z-index:100000;z-index:var(--z-site-popup,100000);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sitePop[hidden],.sitePop .sitePopClose[hidden],.sitePop.hide{display:none!important}.sitePop .popContainer{box-sizing:border-box;z-index:2;width:-webkit-fit-content;width:fit-content;min-width:60px;max-width:calc(100vw - 32px);min-height:60px;max-height:calc(100vh - 32px);padding:0;position:relative}.sitePop[data-image-loaded=true] .popContainer{min-width:0;min-height:0}.sitePop .popContainer img{-o-object-fit:contain;object-fit:contain;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 32px);display:block}.sitePop .popContainer .sitePopClose{z-index:1;cursor:pointer;touch-action:manipulation;background:#fff;border:0;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:block;position:absolute;top:10px;right:10px}.sitePop .popContainer .sitePopClose:before{content:"×";color:var(--ks-red);pointer-events:none;width:100%;font-size:34px;font-weight:700;line-height:44px;position:absolute;top:-2px;left:0}.sitePop .popMask{background:rgba(0,0,0,.7);animation:2s fadeInAnimation;position:fixed;top:0;bottom:0;left:0;right:0}.sitePop.hide .popMask{display:none}.sitePop .loadingTimer{pointer-events:none;background:linear-gradient(to right, var(--ks-red) 50%, #eee 50%);height:calc(var(--loading_size) * 1px);width:calc(var(--loading_size) * 1px);animation-duration:calc(var(--loading_duration_s) * 1s);border-radius:100%;animation-name:time;animation-timing-function:steps(1000,start);animation-iteration-count:1;animation-fill-mode:forwards;display:block;position:relative;-webkit-mask:radial-gradient(transparent 50%,#000 50%);mask:radial-gradient(transparent 50%,#000 50%)}.sitePop .loadingMask{pointer-events:none;width:50%;height:100%;animation-duration:calc(var(--loading_duration_s) * 1s);transform-origin:100%;border-radius:100% 0 0 100%/50% 0 0 50%;animation-name:mask;animation-timing-function:steps(1000,start);animation-iteration-count:1;animation-fill-mode:forwards;display:block;position:absolute;top:0;left:0}@media only screen and (max-width:768px){.sitePop .popContainer{max-width:min(80vw,100vw - 32px)}}@media (prefers-reduced-motion:reduce){.sitePop .popMask,.sitePop .loadingTimer,.sitePop .loadingMask{animation:none}}.sitePop[data-reduced-motion=true] .popMask,.sitePop[data-reduced-motion=true] .loadingTimer,.sitePop[data-reduced-motion=true] .loadingMask{animation:none}