/**
 * (C) Copyright Mindus SARL, 2025.
 * All rights reserved.
 * 
 * The IIZI Busy CSS.
 */

/* Cover entire screen blocking input */
.izr_lock
 {
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:2147483646;
 background-color:rgba(128,128,138,.3);
 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:rgba(240,240,240,.9);
 color:#000;
 font-family:'-apple-system',HelveticaNeue,Helvetica,Arial,Sans-Serif;
 text-shadow:.5px .5px #fff;
 border:2px solid #fff;
 border-radius:6px;
 position:absolute;
 box-sizing:border-box;
 min-width:84px;
 min-height:84px;
 box-shadow:2px 2px 10px 4px rgba(64,64,64,.4);
 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:#fff;
 margin:-4px 0 0 -4px;
 box-shadow:1px 1px 1px 3px rgba(64,64,64,.05);
}
.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:#aaa
 }
.izr_lock .izr_progress>div
 {
 background-color:#007AFF;
 height:2px
 }
 
 /* Message below spinner or progress */
.izr_lock .izr_msg
 {
 font-size:17px;
 line-height:22px;
 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
 }