/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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/block-loading/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles */
/* Responsive hide classes for block setting*/
/* Hide on desktop: screens wider than 1024px */
@media (min-width: 1025px) {
  .hide-on-desktop {
    display: none !important;
  }
}
/* Hide on tablet: screens between 768px and 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .hide-on-tablet {
    display: none !important;
  }
}
/* Hide on mobile: screens smaller than 768px */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
:root {
  --color-accent-1: var(--wp--preset--color--primary, 0091CE);
}

.mold-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw !important;
  padding: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-sizing: content-box;
}
.mold-loading .loader-img {
  max-height: 30vh;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991.98px) {
  .mold-loading .loader-img {
    height: auto;
    max-width: 100%;
  }
}
.mold-loading.layout-center .loader-img {
  margin-bottom: 30px;
}
.mold-loading.layout-bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
}
.mold-loading.layout-bottom-left .loader-container {
  justify-content: flex-start;
  align-items: flex-start;
}
.mold-loading.layout-bottom-left .counter-container {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .mold-loading.layout-bottom-left .loader-img {
    max-height: 40vh;
    position: fixed;
    top: 10vw;
    right: 10vw;
  }
}
.mold-loading.layout-bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}
.mold-loading.layout-bottom-right .loader-container {
  justify-content: flex-end;
  align-items: flex-end;
}
.mold-loading.layout-bottom-right .counter-container {
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .mold-loading.layout-bottom-right .loader-img {
    max-height: 40vh;
    position: fixed;
    top: 10vw;
    left: 10vw;
  }
}

.loader-container {
  position: relative;
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 60px;
}

.counter-container {
  position: relative;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.counter {
  font-size: 3.5rem;
  font-weight: 700;
  opacity: 0;
  transform: translateY(20px);
}

.progress-bar {
  width: 100%;
  height: 4px;
  background-color: rgba(230, 234, 231, 0.1);
  overflow: hidden;
  border-radius: 5px;
}

.progress-bar-fill {
  height: 100%;
  width: 0;
}

.loading-text {
  margin-top: 20px;
}

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