body expepharma-splash-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #232C33;
    color: #E9E9EB;
    z-index: 999999;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

body expepharma-splash-screen img {
  animation: hithere 1s ease infinite;
    width: 120px;
    /* animation: rotateScaleGlobalSplash 0.5s ease infinite; */
    /* max-width: 120px; */
}

@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

body expepharma-splash-screen .spinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    width: 56px;
}

body expepharma-splash-screen .spinner > div {
    width: 12px;
    height: 12px;
    background-color: #E9E9EB;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: expepharma-bouncedelay 1s infinite ease-in-out both;
    animation: expepharma-bouncedelay 1s infinite ease-in-out both;
}

body expepharma-splash-screen .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

body expepharma-splash-screen .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes expepharma-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes expepharma-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}




body:not(.expepharma-splash-screen-hidden) {
    overflow: hidden;
}

body.expepharma-splash-screen-hidden expepharma-splash-screen {
    visibility: hidden;
    opacity: 0;
}


@keyframes rotateScaleGlobalSplash {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(360deg) scale(1.2);
  }
  100% {
    transform: rotate(720deg) scale(1);
  }
}



/*REPLCA*/

/* Ajoutez ces styles à votre fichier CSS existant */
body expepharma-splash-screen .logo-container {
  position: relative;
  width: 120px;
}

body expepharma-splash-screen .santa-hat {
  position: absolute;
  top: -36px;
  left: 4px;
  transform: translateX(-50%) rotate(-20deg);
  width: 45px;
  height: 35px;
  background: #ff0000;
  border-radius: 50% 50% 0 0;
  z-index: 2;
}

body expepharma-splash-screen .santa-hat::before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: -4px;
  right: -4px;
  height: 10px;
  background: white;
  border-radius: 50px;
}

body expepharma-splash-screen .santa-hat::after {
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  animation: bobble 2s ease-in-out infinite;
}

@keyframes bobble {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-5px);
  }
}