/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-gt-gt-fse-documents {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: var(--documents-direction);
  gap: var(--documents-gap);
  flex-wrap: wrap;
}
.wp-block-gt-gt-fse-documents.gt-fse-documents--row.alignleft {
  justify-content: flex-start;
}
.wp-block-gt-gt-fse-documents.gt-fse-documents--row.alignright {
  justify-content: flex-end;
}
.wp-block-gt-gt-fse-documents.gt-fse-documents--column.alignleft {
  align-items: flex-start;
}
.wp-block-gt-gt-fse-documents.gt-fse-documents--column.alignright {
  align-items: flex-end;
}
.wp-block-gt-gt-fse-documents .gt-fse-documents__item {
  display: block;
  border-radius: var(--documents-icon-border-radius);
  background-color: var(--documents-icon-background-color);
  padding: var(--documents-padding);
  transition: 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex: 1;
  color: var(--documents-icon-color);
  border: none;
  font-size: 100%;
  font-family: inherit;
  cursor: pointer;
}
.wp-block-gt-gt-fse-documents .gt-fse-documents__item:hover {
  color: var(--documents-icon-color-hover);
  background-color: var(--documents-icon-background-color-hover);
}
.wp-block-gt-gt-fse-documents .gt-fse-documents__item__icon {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--documents-icon-color);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: var(--documents-icon-width);
  height: var(--documents-icon-height);
  line-height: inherit;
}

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