@keyframes aitecFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}



@keyframes aitecFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.aitec-popup { opacity:0; position: fixed; z-index: 9999; top: 50%; left: 50%; background-color: #fff; padding: 1em; border-radius: 1em; transform: translateX(-50%) translateY(-50%); box-shadow:0 0 1em rgba(0,0,0,0.2); }
.aitec-popup.open, .aitec-poup.close { -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both }
.aitec-popup.open { animation-name: aitecFadeIn; }
.aitec-popup.close { animation-name: aitecFadeOut; }

.aitec-popup .aitec-popup-header { position: relative; }
.aitec-popup .aitec-popup-header .aitec-popup-title{ margin:0; font-size:1.2rem; }
.aitec-popup .aitec-popup-header .aitec-popup-close { background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e") transparent; position: absolute; right: 0; top: 0; bottom: 0; border: none; aspect-ratio: 1 / 1; padding: 0; margin:0.2em; opacity:0.5; transition:all 0.2s ease-in; }
.aitec-popup .aitec-popup-header .aitec-popup-close:hover { opacity:1; }