/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/common/components/wpmozo-typography/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.wpmozo-typography-panel .components-tools-panel {
  padding: 10px 0px;
}

.wpmozo-typography-panel .single-column .components-input-control__container {
  width: 100%;
}

.wpmozo-typography-panel .single-column {
  grid-column: span 1;
}

.wpmozo-typography-panel .components-font-size-picker__controls {
  margin-bottom: 0px;
}

.wpmozo-typography-panel .wpmozo-color-tools-panel {
  gap: 5px 8px;
}

.wpmozo-typography-panel .wpmozo-color-tools-panel .components-tools-panel-header {
  margin-bottom: 10px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/common/components/wpmozo-colorpicker/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.wpmozo-color-dropdown-container {
  width: 100%;
}

.wpmozo-color-dropdown-container .components-button {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.57);
}

.wpmozo-color-dropdown-container .components-button .component-color-indicator {
  margin-right: 8px;
}

.wpmozo-color-combo-wrap .components-button-group {
  display: flex;
  margin-bottom: 10px;
}

.wpmozo-color-combo-wrap button.wpmozo-color-combo-type {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  padding-bottom: 6px;
  padding-top: 6px;
  text-align: center;
}

.wpmozo-color-tabs .components-tab-panel__tab-content {
  padding: 15px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/common/components/wpmozo-media-uploader/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.wpmozo-media-uploader {
  width: 100%;
  display: block;
  margin-bottom: 7px;
  max-height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/common/components/wpmozo-iconpicker/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.wpmozo-icon-picker {
  position: relative;
  margin-bottom: 24px;
}

.wpmozo-icon-picker > div {
  width: 85%;
}

.wpmozo-icon-picker .wpmozo-icon-wraper {
  width: 15%;
  position: absolute;
  top: 23px;
  right: 0;
  border: solid 1px;
  border-radius: 2px;
  padding: 9px;
  text-align: center;
  font-size: 18px;
}

.wpmozo-icon-picker .components-combobox-control__suggestions-container {
  padding: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/common/components/wpmozo-alignment/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.wpmozo-alignment-compo {
  justify-content: space-between;
}

.wpmozo-alignment-compo > div {
  flex: unset !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/common/components/wpmozo-range-size/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.wpmozo-range-size-basecontrol-inner {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}

.wpmozo-range-size-basecontrol-inner .components-range-control {
  width: 50%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.wpmozo-range-size-basecontrol-inner .components-range-control .components-base-control__field {
  margin-top: 0px;
  margin-bottom: 0px;
}

.wpmozo-range-size-basecontrol-inner .components-unit-control {
  width: 25%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.wpmozo-range-size-basecontrol-inner .components-button {
  width: 25%;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/before-after-slider/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-create-block-before-after-slider {
  background-color: #21759b;
  color: #fff;
  padding: 2px;
}

.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-before-label:before,
.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-after-label:before {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0px;
}

.wpmozo-bna-before-after-image-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-before-label:before,
.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-after-label:before {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0px;
}

.wpmozo-bna-before-after-image-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

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