/**
 * (C) Copyright Mindus SARL, 2025.
 * All rights reserved.
 * 
 * CSS for message boxes and their animations.
 */

/* Message overlay */
@-webkit-keyframes OvfadeIn { from { opacity:0; } to { opacity:.3; } }
@-moz-keyframes    OvfadeIn { from { opacity:0; } to { opacity:.3; } }
@keyframes         OvfadeIn { from { opacity:0; } to { opacity:.3; } }
.ciz_overlay
 {
 margin: 0;
 padding: 0;
 border: 0 none;
 background-color:black;
 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 .3s;
         transition:all .3s;
 -webkit-filter:blur(2px);
         filter:blur(2px);
 }
.ciz_show>.ciz_msg_cover
 {
 opacity:1;
 }
.ciz_msg_cover
 {
 z-index: 2147483646 !important;
 }
.ciz_msg
 {
 -webkit-filter:blur(0px);
         filter:blur(0px);
 max-width:80%;
 display: inline-block;
 color: #333;
 font: 18px '-apple-system',HelveticaNeue,Helvetica,Arial,sans-serif;
 line-height:25px;
 margin:auto;
 background-color: #f8f8f8;
 border: 1px solid #C5B496;
 box-shadow:2px 2px 10px gray;
 opacity:1;
 padding:20px 25px;
 text-align:center;
 }
.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;
 }