/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/block/frame/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.
 */
.dbp-frame {
  position: relative;
  line-height: 1.8;
}
.dbp-frame__title {
  padding: 6px 18px;
  font-size: 0.9em;
  display: block;
  background-color: #ffa30d;
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  position: relative;
  top: 2px;
}
.dbp-frame__content {
  border: 2px solid #ffa30d;
  padding: 10px 20px;
  border-radius: 5px;
}
.dbp-frame__content > *:first-child {
  margin-top: 0;
}
.dbp-frame__content > *:last-child {
  margin-bottom: 0;
}
.dbp-frame.has-title .dbp-frame__content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.dbp-frame.has-shadow {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.dbp-frame.is-style-border-top {
  border-top: 10px solid #005d82;
}
.dbp-frame.is-style-border-left {
  border-left: 10px solid #005d82;
}

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