/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/animation-wrapper/editor.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-orphic-ui-animation-wrapper > .block-editor-inner-blocks {
  padding: 0px;
}

.wp-block-orphic-ui-animation-wrapper {
  position: relative;
  border: 1px dashed #172b4d;
  padding: 0;
  margin-bottom: 20px;
}
.wp-block-orphic-ui-animation-wrapper .animation-content {
  position: relative;
}
.wp-block-orphic-ui-animation-wrapper .animation-info {
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  padding: 2px 8px;
  color: white;
  background-color: #6b4fbb;
  border-radius: 0 2px 0 2px;
  font-size: 11px;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.wp-block-orphic-ui-animation-wrapper .animation-info svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
  margin-left: 6px;
}
.wp-block-orphic-ui-animation-wrapper .animation-info .animation-message {
  display: flex;
  align-items: center;
}
.wp-block-orphic-ui-animation-wrapper .animation-info .animation-message span {
  margin-right: 5px;
  opacity: 0.9;
  font-size: 11px;
}
