/**
 * (C) Copyright Mindus SARL, 2026.
 * All rights reserved.
 * 
 * IIZI common runtime CSS.
 */

/* HTML base */
html,body {
  font-family: "Open Sans",sans-serif;
 
  -webkit-user-select:none;
   -khtml-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
       -o-user-select:none;
          user-select:none;
  
  /* Webkit + iOS touch scroll */        
  -webkit-overflow-scrolling: touch;
  
  /* MSIE touch */
  /*-ms-scroll-chaining: none;*/
  /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
  
  /* Smooth scrolling by default */
  scroll-behavior:smooth;
  
  /* Improving Touch Performance by Removing the 300ms Tap Delay */ 
  touch-action: manipulation;
}

/* Apply notch to root to be able to query it from JS */
:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}

/**
 * Transitions.
 */
 
/* Common */

.mblCover,
.mblCoverv,
.mblFade
.mblFlip,
.mblReveal,
.mblRevealv,
.mblSlide,
.mblSlidev {
  -webkit-transition-property: none;
          transition-property: none;
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

/* Cover */
.mblCover.mblTransition,
.mblCoverv.mblTransition {
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.mblCover.mblOut {
  z-index: -100;
  -webkit-transform: translate3d(0, 0, -1px) !important;
          transform: translate3d(0, 0, -1px) !important;
}
.mblCover.mblIn {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}
.mblCover.mblIn.mblReverse {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
          transform: translate3d(-100%, 0, 0) !important;
}
.mblCover.mblOut.mblTransition,
.mblCover.mblIn.mblTransition {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.dj_android.dj_tablet .mblCover.mblTransition,
.dj_android.dj_tablet .mblCoverv.mblTransition {
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

/* Cover vertical */
.mblCoverv.mblOut {
  z-index: -100;
  -webkit-transform: translate3d(0, 0, -1px) !important;
  transform: translate3d(0, 0, -1px) !important;
}
.mblCoverv.mblIn {
  -webkit-transform: translate3d(0, 100%, 0) !important;
          transform: translate3d(0, 100%, 0) !important;
}
.mblCoverv.mblIn.mblReverse {
  -webkit-transform: translate3d(0, -100%, 0) !important;
          transform: translate3d(0, -100%, 0) !important;
}
.mblCoverv.mblOut.mblTransition,
.mblCoverv.mblIn.mblTransition {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

/* Fade */
.mblFade.mblTransition {
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
}
.mblFade.mblOut {
  opacity: 1;
}
.mblFade.mblOut.mblTransition {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  opacity: 0;
}
.mblFade.mblIn {
  opacity: 0;
}
.mblFade.mblIn.mblTransition {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  opacity: 1;
}

/* Flip */
.mblFlip.mblTransition {
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.mblFlip.mblOut {
  opacity: 1;
  -webkit-transform: scale(1, 1) skew(0, 0) !important;
          transform: scale(1, 1) skew(0, 0) !important;
}
.mblFlip.mblOut.mblTransition {
  opacity: 0;
  -webkit-transform: scale(0, .8) skew(0, 30deg) !important;
          transform: scale(0, .8) skew(0, 30deg) !important;
}
.mblFlip.mblIn {
  opacity: 0;
  -webkit-transform: scale(0, .8) skew(0, -30deg) !important;
          transform: scale(0, .8) skew(0, -30deg) !important;
}
.mblFlip.mblIn.mblTransition {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  opacity: 1;
  -webkit-transform: scale(1, 1) skew(0, 0) !important;
          transform: scale(1, 1) skew(0, 0) !important;
}
.dj_android.dj_tablet .mblFlip.mblTransition {
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.dj_android.dj_tablet .mblFlip.mblIn.mblTransition {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

/* Reveal */
.mblReveal.mblTransition,
.mblRevealv.mblTransition {
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.mblReveal.mblOut {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.mblReveal.mblOut.mblTransition {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
          transform: translate3d(-100%, 0, 0) !important;
}
.mblReveal.mblOut.mblReverse.mblTransition {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}
.mblReveal.mblIn {
  z-index: -100;
  -webkit-transform: translate3d(0, 0, -1px) !important;
          transform: translate3d(0, 0, -1px) !important;
}
.mblReveal.mblIn.mblTransition {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.dj_android.dj_tablet .mblReveal.mblTransition,
.dj_android.dj_tablet .mblRevealv.mblTransition,
.dj_android.dj_tablet .mblSlide.mblTransition,
.dj_android.dj_tablet .mblSlidev.mblTransition {
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

/* Reveal vertical */
.mblRevealv.mblOut {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.mblRevealv.mblOut.mblTransition {
  -webkit-transform: translate3d(0, -100%, 0) !important;
          transform: translate3d(0, -100%, 0) !important;
}
.mblRevealv.mblOut.mblReverse.mblTransition {
  -webkit-transform: translate3d(0, 100%, 0) !important;
          transform: translate3d(0, 100%, 0) !important;
}
.mblRevealv.mblIn {
  z-index: -100;
  -webkit-transform: translate3d(0, 0, -1px) !important;
          transform: translate3d(0, 0, -1px) !important;
}
.mblRevealv.mblIn.mblTransition {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

/* Slide */
.mblSlide.mblTransition,
.mblSlidev.mblTransition {
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}
.mblSlide.mblOut.mblReverse.mblTransition,
.mblSlide.mblIn {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}
.mblSlide.mblOut.mblTransition,
.mblSlide.mblIn.mblReverse {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
          transform: translate3d(-100%, 0, 0) !important;
}
.mblSlide.mblOut,
.mblSlide.mblIn.mblTransition {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

/* Slide vertical */
.mblSlidev.mblOut.mblReverse.mblTransition,
.mblSlidev.mblIn {
  -webkit-transform: translate3d(0, 100%, 0) !important;
          transform: translate3d(0, 100%, 0) !important;
}
.mblSlidev.mblOut.mblTransition,
.mblSlidev.mblIn.mblReverse {
  -webkit-transform: translate3d(0, -100%, 0) !important;
          transform: translate3d(0, -100%, 0) !important;
}
.mblSlidev.mblOut,
.mblSlidev.mblIn.mblTransition {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}