#image-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out}.loader-container{text-align:center}.loader{position:relative;width:80px;height:80px;margin:0 auto}.dot{position:absolute;width:10px;height:10px;background:#0058ff;border-radius:50%;animation:rotate 2s linear infinite;transform-origin:40px 40px}.dot:nth-child(1){animation-delay:0s;transform:translate(30px,0)}.dot:nth-child(2){animation-delay:.33s;transform:rotate(60deg) translate(30px,0)}.dot:nth-child(3){animation-delay:.66s;transform:rotate(120deg) translate(30px,0)}.dot:nth-child(4){animation-delay:1s;transform:rotate(180deg) translate(30px,0)}.dot:nth-child(5){animation-delay:1.33s;transform:rotate(240deg) translate(30px,0)}.dot:nth-child(6){animation-delay:1.66s;transform:rotate(300deg) translate(30px,0)}.loading-text{margin-top:70px;font-family:Arial,sans-serif;color:#666;font-size:14px;font-weight:400}@keyframes rotate{0%{transform:rotate(0deg) translate(30px,0)}100%{transform:rotate(360deg) translate(30px,0)}}.preloader-hidden{opacity:0;pointer-events:none}body.preloader-active{overflow:hidden;height:100vh}