/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/styles/global-editor.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/* 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;
  }
}
@media (max-width: 767.98px) {
  .border-sm-0 {
    border: 0 !important;
  }
  .border-sm-radius-0 {
    border-radius: 0 !important;
  }
  .border-sm-radius-10 {
    border-radius: 10px !important;
  }
  .border-sm-radius-20 {
    border-radius: 20px !important;
  }
  .background-sm-transparent {
    background: transparent !important;
  }
  .color-sm-inherit {
    color: inherit !important;
  }
  .padding-sm-0 {
    padding: 0 !important;
  }
  .margin-sm-0 {
    margin: 0 !important;
  }
  .padding-sm-10 {
    padding: 10px !important;
  }
  .margin-sm-10 {
    margin: 10px !important;
  }
  .padding-sm-20 {
    padding: 20px !important;
  }
  .margin-sm-20 {
    margin: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .border-md-0 {
    border: 0 !important;
  }
  .border-md-radius-0 {
    border-radius: 0 !important;
  }
  .border-md-radius-10 {
    border-radius: 10px !important;
  }
  .border-md-radius-20 {
    border-radius: 20px !important;
  }
  .background-md-transparent {
    background: transparent !important;
  }
  .color-md-inherit {
    color: inherit !important;
  }
  .padding-md-0 {
    padding: 0 !important;
  }
  .margin-md-0 {
    margin: 0 !important;
  }
  .padding-md-10 {
    padding: 10px !important;
  }
  .margin-md-10 {
    margin: 10px !important;
  }
  .padding-md-20 {
    padding: 20px !important;
  }
  .margin-md-20 {
    margin: 20px !important;
  }
}
@media (min-width: 992px) {
  .border-lg-0 {
    border: 0 !important;
  }
  .border-lg-radius-0 {
    border-radius: 0 !important;
  }
  .border-lg-radius-10 {
    border-radius: 10px !important;
  }
  .border-lg-radius-20 {
    border-radius: 20px !important;
  }
  .background-lg-transparent {
    background: transparent !important;
  }
  .color-lg-inherit {
    color: inherit !important;
  }
  .padding-lg-0 {
    padding: 0 !important;
  }
  .margin-lg-0 {
    margin: 0 !important;
  }
  .padding-lg-10 {
    padding: 10px !important;
  }
  .margin-lg-10 {
    margin: 10px !important;
  }
  .padding-lg-20 {
    padding: 20px !important;
  }
  .margin-lg-20 {
    margin: 20px !important;
  }
}
.block-control-wrap {
  padding: 12px;
}

.color-control-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  margin-bottom: 10px;
  align-items: center;
}
.color-control-wrap .components-base-control__field {
  margin-bottom: 0;
}

.mold-tabs .components-tab-panel__tabs {
  display: flex;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.mold-tabs .mold-tabs .components-tab-panel__tabs button {
  flex: 1;
  text-align: center;
  padding: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.mold-tabs .mold-tabs .components-tab-panel__tabs button.is-active {
  box-shadow: inset 0 -3px 0 #007cba;
  color: #007cba;
}
.mold-tabs .mold-tabs .components-tab-panel__tabs {
  padding: 5px 0;
}

.mold-heading-button-group {
  width: 100%;
  display: flex;
}
.mold-heading-button-group .mold-heading-button {
  flex: 1;
  padding-block: 3px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/*# sourceMappingURL=global-editor.css.map*/