div.fixed.inset-0.isolate.z-3.bg-black:not(.is-ready) {
  background-color: #151515;
}

.cominvi-splash {
  --primary: #151515;
  --white: #fff;
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  isolation: isolate;
  overflow: hidden;
  background: #151515;
  color: #fff;
  font-size: calc(clamp(992px, 100vw, 1920px) / 90);
  pointer-events: auto;
  touch-action: none;
  user-select: none;
}

div.cominvi-splash.is-ready {
  background: transparent;
}

.cominvi-splash *,
.cominvi-splash *::before,
.cominvi-splash *::after {
  box-sizing: border-box;
}

.cominvi-splash .loader {
  z-index: 1;
  background-color: var(--primary);
  display: flex;
  position: fixed;
  inset: 0;
}

.cominvi-splash .loader_inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.cominvi-splash .loader_mask {
  width: 50%;
  height: 50%;
}

.cominvi-splash .loader-logo_wrap {
  border-radius: 0.55em;
  justify-content: flex-start;
  align-items: center;
  width: 2.813em;
  height: fit-content;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.cominvi-splash .logo-inner {
  display: flex;
  flex: none;
}

.cominvi-splash .is-logo-icon {
  flex: none;
  border-radius: 0.5em;
  width: 2.813em;
  height: 2.625em;
  position: relative;
  overflow: hidden;
}

.cominvi-splash .logo-icon {
  z-index: 1;
  width: 2em;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) translateY(100%) rotate(70deg);
  transform-origin: 50% 50%;
}

.cominvi-splash .is-logo-text {
  flex: none;
  border: 0.188em solid var(--white);
  background-color: var(--primary);
  opacity: 0;
  border-radius: 0.5em;
  width: 7.438em;
  height: 2.625em;
  margin-left: -0.188em;
  position: relative;
}

.cominvi-splash .logo-text {
  justify-content: flex-start;
  align-items: center;
  width: 6.125em;
  height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cominvi-splash .logo-text path {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}

.cominvi-splash .logo-square {
  z-index: 0;
  background-color: #061923;
  border-radius: 0.5em;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cominvi-splash .loader-logo_outline {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  border-radius: 0.55em;
  outline: 0.188em solid var(--white);
  outline-offset: -0.188em;
  pointer-events: none;
  mix-blend-mode: normal;
  opacity: 0;
}

.cominvi-splash .splash-aperture-mask {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 991px) {
  .cominvi-splash {
    font-size: calc(clamp(768px, 100vw, 991px) / (834 / 16));
  }
}

@media (max-width: 767px) {
  .cominvi-splash {
    font-size: calc(clamp(480px, 100vw, 767px) / (550 / 16));
  }
}

@media (max-width: 479px) {
  .cominvi-splash {
    font-size: calc(clamp(320px, 100vw, 479px) / (390 / 16));
  }
}