.tronic-exitintent {
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1000;
  transition: opacity 0.3s linear;
}
.tronic-exitintent__wrapper {
  position: absolute;
  margin-top: 50vh;
  margin-left: 50vw;
  transform: translate(-50%, -50%);
  width: 100vw;
  max-width: 800px;
}
.tronic-exitintent__close {
  position: absolute;
  right: 10%;
  top: 10%;
  background-color: #fff;
  padding: 12px;
  cursor: pointer;
  transition: background-color 0.3s linear;
}
@media screen and (min-width: 540px) {
  .tronic-exitintent__close {
    right: 18%;
    top: 18%;
  }
}
.tronic-exitintent__close:hover {
  background-color: #e6007e;
}
.tronic-exitintent__close img {
  display: block;
  width: 40px;
  height: 40px;
}
.tronic-exitintent__svg {
  cursor: pointer;
}

body.tronic-exitintent--visible {
  overflow: hidden;
}
body.tronic-exitintent--visible > div:not(.tronic-exitintent),
body.tronic-exitintent--visible > header,
body.tronic-exitintent--visible > footer,
body.tronic-exitintent--visible > section {
  filter: blur(4px);
  overflow: hidden;
}
body.tronic-exitintent--visible .tronic-exitintent {
  opacity: 1;
  pointer-events: all;
}

/*# sourceMappingURL=styles.css.map */