#royal_preloader{position:fixed;inset:0;z-index:9999;background:#f4f8ff;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}#royal_preloader.complete{opacity:0;visibility:hidden}body.royal_preloader{overflow:hidden}.royal_preloader_number .royal_preloader_percentage{width:120px;height:120px;border-radius:999px;background-color:#fff;box-shadow:0 18px 40px rgba(8,35,94,.18);display:flex;align-items:center;justify-content:center;position:relative;font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2e459a}.royal_preloader_number .royal_preloader_percentage>div{position:absolute;inset:12px;border-radius:inherit;border:3px solid rgba(46,69,154,.15);border-top-color:#ff7f32;animation:royal-preloader-spin 1s linear infinite}.royal_preloader_number .royal_preloader_percentage>span{position:relative;display:inline-block}#royal_preloader.royal_preloader_logo{display:flex;align-items:center;justify-content:center}.royal_preloader_logo .royal_preloader_loader{border-radius:0;position:relative;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center center;background-size:contain;display:flex;align-items:center;justify-content:center;overflow:visible}.royal_preloader_logo .royal_preloader_loader>div{position:absolute;left:50%;transform:translateX(-50%);bottom:-16px;height:4px;width:0;border-radius:999px;background:linear-gradient(90deg, #0072bc 0%, #4c7fbf 50%, #9fa4ad 100%);box-shadow:0 6px 16px rgba(8,35,94,.18)}.royal_preloader_logo .royal_preloader_percentage{display:none}.royal_preloader_line .royal_preloader_loader{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg, #2e459a, #ff7f32);box-shadow:0 0 8px rgba(0,0,0,.15)}.royal_preloader_progress .royal_preloader_loader{width:60%;max-width:480px;height:6px;background:hsla(0,0%,100%,.7);border-radius:999px;overflow:hidden;box-shadow:0 10px 30px rgba(8,35,94,.18)}.royal_preloader_progress .royal_preloader_meter{height:100%;width:0;background:linear-gradient(90deg, #2e459a, #ff7f32)}.royal_preloader_progress .royal_preloader_percentage{margin-top:12px;text-align:center;color:#2e459a;font-size:1rem;font-weight:600}@keyframes royal-preloader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}