/**
 * (C) Copyright Mindus SARL, 2026.
 * All rights reserved.
 *
 * CSS for message boxes and their animations.
 *
 * 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 scrim is the overlay's own colour and fades in to full opacity; the cover inside it
 * carries no second tint. The message box is rounded, on the raised surface, under --iz-sh2.
 */

/* Message overlay */
@-webkit-keyframes OvfadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes    OvfadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes         OvfadeIn { from { opacity:0; } to { opacity:1; } }
.ciz_overlay
 {
 margin: 0;
 padding: 0;
 border: 0 none;
 background-color:var(--iz-scrim,rgba(0,0,0,.4));
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 width:100%;
 z-index:2147483645;
 opacity:0;
 -webkit-animation:OvfadeIn ease-in 1;
         animation:OvfadeIn ease-in 1;
 -webkit-animation-fill-mode:forwards;
         animation-fill-mode:forwards;
 -webkit-animation-duration:.3s;
         animation-duration:.3s;
 }

/* Message */
.ciz_blur>*:not(.ciz_show)
 {
 -webkit-transition:all var(--iz-dur,.16s);
         transition:all var(--iz-dur,.16s);
 -webkit-filter:blur(2px);
         filter:blur(2px);
 }
.ciz_show>.ciz_msg_cover
 {
 opacity:1;
 }
.ciz_msg_cover
 {
 z-index: 2147483646 !important;
 background-color:transparent;
 }
.ciz_msg
 {
 -webkit-filter:blur(0px);
         filter:blur(0px);
 max-width:80%;
 display: inline-block;
 color:var(--iz-fg,#212121);
 font:var(--iz-fs,14px)/var(--iz-lh,1.4) var(--iz-font,system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);
 margin:auto;
 background-color:var(--iz-bg2,#f5f5f5);
 border:var(--iz-bw,1px) solid var(--iz-div,#bdbdbd);
 border-radius:var(--iz-r2,12px);
 box-shadow:var(--iz-sh2,0 8px 32px rgba(0,0,0,.18));
 opacity:1;
 padding:20px 25px;
 text-align:center;
 }
.ciz_msg b
 {
 font-size:1.15em;
 font-weight:600;
 }
.ciz_msg p
 {
 pointer-events:auto;
 display: block;
 padding: 0;
 border: 0 none;
 margin-top: 15px;
 }
.ciz_msg p:last-child
 {
 margin-bottom:0;
 }

/* Animations */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes    fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes         fadeIn { from { opacity:0; } to { opacity:1; } }
.ciz_fade_in
 {
 opacity:0;
 -webkit-animation:fadeIn ease-in 1;
         animation:fadeIn ease-in 1;
 -webkit-animation-fill-mode:forwards;
         animation-fill-mode:forwards;
 -webkit-animation-duration:.5s;
         animation-duration:.5s;
 -webkit-animation-delay:.1s;
         animation-delay:.1s;
 }

/* Very fast fade-in */
.ciz_fade_in.ciz_0
 {
 -webkit-animation-duration:.3s;
         animation-duration:.3s;
 -webkit-animation-delay:0;
    -moz-animation-delay:0;
         animation-delay:0;
 }

/* Slow fade-in */
.ciz_fade_in.ciz_1
 {
 -webkit-animation-delay:.3s;
         animation-delay:.3s;
 }

/* Slower fade-in */
.ciz_fade_in.ciz_2
 {
 -webkit-animation-delay:.6s;
         animation-delay:.6s;
 }

/* Slowest fade-in */
.ciz_fade_in.ciz_3
 {
 -webkit-animation-delay:1.2s;
         animation-delay:1.2s;
 }