/* The overlay activates only once its controller is running. */
.w3m-page-loader{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;padding:24px;background:#fff;color:#596272;font-family:Vazirmatn,Tahoma,sans-serif;opacity:0;visibility:hidden;pointer-events:none;direction:rtl}
.w3m-page-loader.is-active{opacity:1;visibility:visible;pointer-events:auto;animation:w3m-loader-release 2s step-end forwards}
.w3m-loader-scene{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px}
.w3m-loader-scene img{display:block;width:30px;height:30px;object-fit:contain}
.w3m-loader-spinner{position:absolute;inset:0;box-sizing:border-box;border:2px solid #edf0f4;border-top-color:#586b86;border-right-color:#b8c4d4;border-radius:50%;animation:w3m-loader-spin .85s linear infinite}
.w3m-loader-caption{font-size:12px;font-weight:400;line-height:1.8;color:#697586}
@keyframes w3m-loader-spin{to{transform:rotate(360deg)}}
/* Also releases the page if another script stalls or throws. */
@keyframes w3m-loader-release{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.w3m-loader-spinner{animation:none}}
@media(forced-colors:active){.w3m-page-loader{background:Canvas;color:CanvasText}.w3m-loader-caption{color:CanvasText}.w3m-loader-spinner{border-color:GrayText;border-top-color:Highlight}}