/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.tecology-popup-container.tecology-popup-frontend {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out;
}
.tecology-popup-container.tecology-popup-frontend.is-open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.tecology-popup-container.tecology-popup-frontend .tecology-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--tecology-popup-overlay-bg-color, rgba(0, 0, 0, 0.6));
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: var(--tecology-popup-z-index, 99);
}
.tecology-popup-container.tecology-popup-frontend .tecology-popup-overlay .tecology-popup-inner-container {
  position: relative;
  display: flex;
  align-items: center;
  width: var(--tecology-popup-overlay-content-width);
  height: var(--tecology-popup-overlay-content-height);
  transform: translateY(2px);
  transition: transform 0.2s ease-in-out;
}
.tecology-popup-container.tecology-popup-frontend.is-open .tecology-popup-overlay .tecology-popup-inner-container {
  transform: translateY(0);
}
.tecology-popup-container.tecology-popup-frontend .tecology-popup-overlay .tecology-popup-inner-container .tecology-popup-content {
  margin: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--tecology-popup-overlay-content-bg-color, #ffffff);
  width: 100% !important;
  max-width: 100% !important;
  height: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  padding-top: var(--tecology-popup-content-padding-top);
  padding-left: var(--tecology-popup-content-padding-left);
  padding-bottom: var(--tecology-popup-content-padding-bottom);
  padding-right: var(--tecology-popup-content-padding-right);
  border-top: var(--tecology-popup-content-border-top);
  border-right: var(--tecology-popup-content-border-right);
  border-bottom: var(--tecology-popup-content-border-bottom);
  border-left: var(--tecology-popup-content-border-left);
  border-top-left-radius: var(--tecology-popup-content-top-left-radius);
  border-top-right-radius: var(--tecology-popup-content-top-right-radius);
  border-bottom-left-radius: var(--tecology-popup-content-bottom-left-radius);
  border-bottom-right-radius: var(--tecology-popup-content-bottom-right-radius);
}
.tecology-popup-container.tecology-popup-frontend .tecology-popup-overlay .tecology-popup-inner-container .tecology-popup-content .tecology-inner-content {
  overflow-y: visible!important;
  overflow-x: visible!important;
}
.tecology-popup-container.tecology-popup-frontend .tecology-popup-overlay .tecology-popup-inner-container span.tecology-popup-close-icon {
  position: absolute;
  top: -45px;
  right: -45px;
  line-height: 1em;
  padding: 5px;
  color: var(--tecology-popup-close-icon-color, #000000);
  background: var(--tecology-popup-close-icon-bg-color, #ffffff);
  cursor: pointer;
  display: flex;
  border-top: var(--tecology-popup-close-icon-border-top);
  border-right: var(--tecology-popup-close-icon-border-right);
  border-bottom: var(--tecology-popup-close-icon-border-bottom);
  border-left: var(--tecology-popup-close-icon-border-left);
  border-top-left-radius: var(--tecology-popup-top-left-radius, 100px);
  border-top-right-radius: var(--tecology-popup-top-right-radius, 100px);
  border-bottom-left-radius: var(--tecology-popup-bottom-left-radius, 100px);
  border-bottom-right-radius: var(--tecology-popup-bottom-right-radius, 100px);
}
.tecology-popup-container.tecology-popup-frontend .tecology-popup-overlay .tecology-popup-inner-container span.tecology-popup-close-icon svg {
  width: 32px;
  height: 32px;
}
.tecology-popup-container.tecology-popup-frontend.tecology-vertical-alignment-top .tecology-popup-content {
  justify-content: flex-start;
}
.tecology-popup-container.tecology-popup-frontend.tecology-vertical-alignment-center .tecology-popup-content {
  justify-content: center;
}
.tecology-popup-container.tecology-popup-frontend.tecology-vertical-alignment-bottom .tecology-popup-content {
  justify-content: flex-end;
}

/********** Addtional Tecology CSS **********/

.tecology-popup-content-container {
  background: var(--tecology-popup-overlay-content-bg-color, var(--wp--preset--color--base-2))!important;
}

.tecology-popup-content {
  background-color: var(--wp--preset--color--base) !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--wp--preset--color--borderline) !important;
}

.tecology-popup-close-icon {
  position: absolute;
  top: 20px !important;
  right: 20px !important;
  color: var(--wp--preset--color--contrast) !important;
  background: var(--wp--preset--color--base-2) !important;
  border: 1px !important;
  border-radius: 2px !important;
  transition: all 0.3s ease-in-out;
}

.tecology-popup-close-icon:hover {
  background: var(--wp--preset--color--base-3) !important;
  transition: all 0.3s ease-in-out;
}

.tecology-popup-close-icon svg {
  width: 24px!important;
  height: 24px!important;
}

/*# sourceMappingURL=style-index.css.map*/