/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/icon/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
/**
 * Editor and frontend styles for the Icon Block.
 */
/* Register our variables. */
/* Icon Block styles. */
.wp-block-ugm-blocks-icon {
  display: flex;
  line-height: 0;
  /* Added for a11y. In-block hover/focus controls will be added in future releases. */
  /* There is likely a more efficient way to handle the rotation/flipping */
}
.wp-block-ugm-blocks-icon.has-border-color {
  border: none;
}
.wp-block-ugm-blocks-icon.has-icon-color svg,
.wp-block-ugm-blocks-icon .has-icon-color svg {
  color: currentColor;
}
.wp-block-ugm-blocks-icon.has-icon-color:not(.has-no-icon-fill-color) svg,
.wp-block-ugm-blocks-icon .has-icon-color:not(.has-no-icon-fill-color) svg {
  fill: currentColor;
}
.wp-block-ugm-blocks-icon .icon-container {
  box-sizing: border-box;
}
.wp-block-ugm-blocks-icon a,
.wp-block-ugm-blocks-icon svg {
  width: 100%;
  height: 100%;
  transition: all 0.1s ease-in-out;
}
.wp-block-ugm-blocks-icon a:hover {
  transform: scale(1.1);
}
.wp-block-ugm-blocks-icon.rotate-90 svg,
.wp-block-ugm-blocks-icon .rotate-90 svg {
  transform: rotate(90deg);
}
.wp-block-ugm-blocks-icon.rotate-180 svg,
.wp-block-ugm-blocks-icon .rotate-180 svg {
  transform: rotate(180deg);
}
.wp-block-ugm-blocks-icon.rotate-270 svg,
.wp-block-ugm-blocks-icon .rotate-270 svg {
  transform: rotate(270deg);
}
.wp-block-ugm-blocks-icon.flip-horizontal svg,
.wp-block-ugm-blocks-icon .flip-horizontal svg {
  transform: scaleX(-1);
}
.wp-block-ugm-blocks-icon.flip-vertical svg,
.wp-block-ugm-blocks-icon .flip-vertical svg {
  transform: scaleY(-1);
}
.wp-block-ugm-blocks-icon.flip-vertical.flip-horizontal svg,
.wp-block-ugm-blocks-icon .flip-vertical.flip-horizontal svg {
  transform: scale(-1, -1);
}
.wp-block-ugm-blocks-icon.rotate-90.flip-horizontal svg,
.wp-block-ugm-blocks-icon .rotate-90.flip-horizontal svg {
  transform: rotate(90deg) scaleX(-1);
}
.wp-block-ugm-blocks-icon.rotate-90.flip-vertical svg,
.wp-block-ugm-blocks-icon .rotate-90.flip-vertical svg {
  transform: rotate(90deg) scaleY(-1);
}
.wp-block-ugm-blocks-icon.rotate-90.flip-horizontal.flip-vertical svg,
.wp-block-ugm-blocks-icon .rotate-90.flip-horizontal.flip-vertical svg {
  transform: rotate(90deg) scale(-1, -1);
}
.wp-block-ugm-blocks-icon.rotate-180.flip-horizontal svg,
.wp-block-ugm-blocks-icon .rotate-180.flip-horizontal svg {
  transform: rotate(180deg) scaleX(-1);
}
.wp-block-ugm-blocks-icon.rotate-180.flip-vertical svg,
.wp-block-ugm-blocks-icon .rotate-180.flip-vertical svg {
  transform: rotate(180deg) scaleY(-1);
}
.wp-block-ugm-blocks-icon.rotate-180.flip-horizontal.flip-vertical svg,
.wp-block-ugm-blocks-icon .rotate-180.flip-horizontal.flip-vertical svg {
  transform: rotate(180deg) scale(-1, -1);
}
.wp-block-ugm-blocks-icon.rotate-270.flip-horizontal svg,
.wp-block-ugm-blocks-icon .rotate-270.flip-horizontal svg {
  transform: rotate(270deg) scaleX(-1);
}
.wp-block-ugm-blocks-icon.rotate-270.flip-vertical svg,
.wp-block-ugm-blocks-icon .rotate-270.flip-vertical svg {
  transform: rotate(270deg) scaleY(-1);
}
.wp-block-ugm-blocks-icon.rotate-270.flip-horizontal.flip-vertical svg,
.wp-block-ugm-blocks-icon .rotate-270.flip-horizontal.flip-vertical svg {
  transform: rotate(270deg) scale(-1, -1);
}

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