html[data-eyvi-splash-active],
html[data-eyvi-splash-active] body {
  overscroll-behavior: none !important;
  scroll-behavior: auto !important;
  overflow: hidden !important;
}

#eyvi-splash {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: var(--eyvi-splash-bg, rgba(205, 95, 225, 0.85));
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  box-shadow: 0 4px 4px 0 #00000040;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  touch-action: none;
  transition:
    opacity .8s cubic-bezier(.4, 0, .2, 1),
    transform .8s cubic-bezier(.4, 0, .2, 1),
    filter .8s cubic-bezier(.4, 0, .2, 1),
    visibility .8s;
  will-change: opacity, transform, filter;
  margin: 0 !important;
  padding: 0 !important;
}

#eyvi-splash.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(1.12);
  filter: blur(18px);
}

#eyvi-splash .eyvi-logo {
  width: 362px;
  height: 265px;
  position: relative;
  transition: transform .8s cubic-bezier(.4, 0, .2, 1), opacity .8s;
}

#eyvi-splash.hidden .eyvi-logo {
  transform: scale(.88);
  opacity: 0;
}

#eyvi-splash .eyvi-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
  -webkit-user-drag: none;
  user-drag: none;
}

#eyvi-splash .eyvi-logo::before,
#eyvi-splash .eyvi-logo::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--eyvi-splash-hover-logo);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  pointer-events: none;
}

#eyvi-splash .eyvi-logo:hover::before {
  opacity: .9;
  animation: eyviSplashGr .35s infinite steps(1);
  mix-blend-mode: screen;
  filter: hue-rotate(0deg) saturate(4);
}

#eyvi-splash .eyvi-logo:hover::after {
  opacity: .9;
  animation: eyviSplashGb .35s infinite steps(1);
  mix-blend-mode: screen;
  filter: hue-rotate(210deg) saturate(4);
}

#eyvi-splash .eyvi-logo:hover img {
  animation: eyviSplashGm .35s infinite steps(1);
}

@keyframes eyviSplashGm {
  12% { transform: translate(-3px, 1px); clip-path: inset(10% 0 70% 0); }
  48% { transform: translate(4px, 2px); clip-path: inset(30% 0 50% 0); }
  72% { transform: translate(2px, -2px); clip-path: inset(75% 0 5% 0); }
}

@keyframes eyviSplashGr {
  20% { transform: translate(4px, 0); clip-path: inset(40% 0 40% 0); }
  60% { transform: translate(5px, -1px); clip-path: inset(20% 0 60% 0); }
  80% { transform: translate(-4px, 0); clip-path: inset(0 0 85% 0); }
}

@keyframes eyviSplashGb {
  20% { transform: translate(-4px, 1px); clip-path: inset(0 0 70% 0); }
  60% { transform: translate(0, 0); clip-path: inset(0 0 0 0); }
  80% { transform: translate(-5px, 2px); clip-path: inset(80% 0 2% 0); }
}

#eyvi-vimeo-preload {
  position: fixed;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  margin: 0 !important;
  padding: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  #eyvi-splash {
    transition: opacity .3s ease, visibility .3s;
  }

  #eyvi-splash.hidden {
    transform: none;
    filter: none;
  }

  #eyvi-splash .eyvi-logo,
  #eyvi-splash.hidden .eyvi-logo {
    transition: opacity .3s ease;
    transform: none;
  }

  #eyvi-splash .eyvi-logo:hover::before,
  #eyvi-splash .eyvi-logo:hover::after,
  #eyvi-splash .eyvi-logo:hover img {
    animation: none;
  }
}

@media (max-width: 600px) {
  #eyvi-splash .eyvi-logo {
    width: min(72vw, 320px);
    height: auto;
    aspect-ratio: 362 / 265;
  }
}

/* EYVI plugin v1.3.2 — Elementor position controls */
#eyvi-splash {
  --eyvi-splash-logo-x: 0px;
  --eyvi-splash-logo-y: 0px;
}

#eyvi-splash .eyvi-logo {
  margin-left: var(--eyvi-splash-logo-x, 0px);
  margin-top: var(--eyvi-splash-logo-y, 0px);
}