/**
 * (C) Copyright Mindus SARL, 2026.
 * All rights reserved.
 *
 * The IIZI Busy CSS.
 *
 * On the platform tokens of iz/css/iiziThemes.css (THEME-DESIGN.md section 4.3, phase A2a):
 * every themed value is var(--iz-<token>,<literal>), the literal being the IIZI light value.
 * The frame is rounded on the raised surface under --iz-sh2, with no border and no text
 * shadow; the spinner dots and the progress bar take the accent.
 */

/* Cover entire screen blocking input */
.izr_lock
 {
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:2147483646;
 background-color:var(--iz-scrim,rgba(0,0,0,.4));
 display:none;
 pointer-events:auto
 }

/* Centering */
.izr_lock>div
 {
 position:fixed;
 z-index:2147483646;
 top:50%;
 left:50%;
 width:0;
 height:0
 }
.izr_lock>div>div
 {
 position:absolute
 }

/* Frame containing busy + message + progress */
.izr_lock>div>div>div
 {
 z-index:2147483646;
 -webkit-transform:translateZ(0);
 transform:translate(-50%,-50%);
 margin:0;
 opacity:1;
 background-color:var(--iz-bg2,#f5f5f5);
 color:var(--iz-fg,#212121);
 font-family:var(--iz-font,system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);
 border-radius:var(--iz-r2,12px);
 position:absolute;
 box-sizing:border-box;
 min-width:84px;
 min-height:84px;
 box-shadow:var(--iz-sh2,0 8px 32px rgba(0,0,0,.18));
 padding:75px 5px 5px 5px
 }

/* Spinner */
.izr_lock1
 {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:80px;
 text-align:center;
 }
.izr_lock2
 {
 display:inline-block;
 position:relative;
 width:80px;
 height:80px;
 margin:0 auto;
 transform:scale(.7)
 }
.izr_lock2 div
 {
 animation:izr_lock2 1.4s cubic-bezier(.5,0,.5,1) infinite;
 transform-origin:40px 40px
 }
.izr_lock2 div:after
 {
 content:' ';
 display:block;
 position:absolute;
 width:7px;
 height:7px;
 border-radius:50%;
 box-sizing:border-box;
 background:var(--iz-acc,#0d47a1);
 margin:-4px 0 0 -4px;
}
.izr_lock2 div:nth-child(1){animation-delay:-.036s}.izr_lock2 div:nth-child(1):after{top:63px;left:63px}
.izr_lock2 div:nth-child(2){animation-delay:-.072s}.izr_lock2 div:nth-child(2):after{top:68px;left:56px}
.izr_lock2 div:nth-child(3){animation-delay:-.108s}.izr_lock2 div:nth-child(3):after{top:71px;left:48px}
.izr_lock2 div:nth-child(4){animation-delay:-.144s}.izr_lock2 div:nth-child(4):after{top:72px;left:40px}
.izr_lock2 div:nth-child(5){animation-delay:-.18s }.izr_lock2 div:nth-child(5):after{top:71px;left:32px}
.izr_lock2 div:nth-child(6){animation-delay:-.216s}.izr_lock2 div:nth-child(6):after{top:68px;left:24px}
.izr_lock2 div:nth-child(7){animation-delay:-.252s}.izr_lock2 div:nth-child(7):after{top:63px;left:17px}
.izr_lock2 div:nth-child(8){animation-delay:-.288s}.izr_lock2 div:nth-child(8):after{top:56px;left:12px}
@keyframes izr_lock2{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Progress below spinner */
.izr_lock .izr_progress
 {
 margin:8px 0 4px 0;
 width:100%;
 background-color:var(--iz-div,#bdbdbd)
 }
.izr_lock .izr_progress>div
 {
 background-color:var(--iz-acc,#0d47a1);
 height:2px
 }

 /* Message below spinner or progress */
.izr_lock .izr_msg
 {
 font-size:var(--iz-fs,14px);
 line-height:var(--iz-lh,1.4);
 white-space:nowrap;
 margin:5px 10px
 }

/* Initial display, delayed for 0.5 seconds, fade-in 1 second */
@keyframes izr_fadeIn{from{opacity:0}to{opacity:1}}
.izr_locked
 {
 display:block !important;
 opacity:0;
 animation:izr_fadeIn ease-in;
 animation-fill-mode:forwards;
 animation-duration:.1s;
 animation-delay:.5s
 }