/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * 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-wp-quote-blocks {
  padding: 2px;
}

.quote-variation-simple .quote-icon {
  text-align: center;
}

.quote-variation-centred {
  position: relative;
}
.quote-variation-centred .quote-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.2;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
}

.wp-block-create-block-wp-quote-blocks .citation, .wp-quote-blocks .citation {
  margin-bottom: 0;
}
.wp-block-create-block-wp-quote-blocks .quote, .wp-block-create-block-wp-quote-blocks .citation, .wp-quote-blocks .quote, .wp-quote-blocks .citation {
  position: relative;
  z-index: 1;
  margin: 0;
}
.wp-block-create-block-wp-quote-blocks .citation, .wp-quote-blocks .citation {
  margin-top: 0.75rem;
}

.quote-variation-block-quotation {
  display: flex;
  flex-wrap: wrap;
}
.quote-variation-block-quotation .quote-icon {
  padding-right: 1em;
}
.quote-variation-block-quotation .wpqb__line {
  width: 100%;
}
.quote-variation-block-quotation .quote-icon, .quote-variation-block-quotation .quote-wrapper {
  flex-grow: 1;
}
.quote-variation-block-quotation .quote-wrapper {
  max-width: 80%;
}

.quote-variation-closed .quote-right-icon {
  display: flex;
  justify-content: flex-end;
}

.wp-quote-icons__options button svg {
  width: 24px;
  height: 24px;
}

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