/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./scss/block.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.components-panel__row.responsive-buttons button {
  border: 1px solid #e0e0e0;
  width: 25%;
  justify-content: center;
  border-radius: 0;
}
.components-panel__row.responsive-buttons button:first-child {
  border-radius: 2px 0 0 2px;
}
.components-panel__row.responsive-buttons button:last-child {
  border-radius: 0 2px 2px 0;
}
.components-panel__row.responsive-buttons button:not(:last-child) {
  border-right: none;
}
.components-panel__row.responsive-buttons button span {
  opacity: 0.5;
}
.components-panel__row.responsive-buttons button:focus {
  box-shadow: none;
}
.components-panel__row.responsive-buttons button.active {
  border-color: #000;
  border-right: 1px solid #000;
}
.components-panel__row.responsive-buttons button.active + button {
  border-left: none;
}
.components-panel__row.responsive-buttons button.active span {
  opacity: 1;
}

.components-panel__row.space-visualization {
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  border: 1px dashed #5e5e5e;
  position: relative;
  margin: 30px auto;
}
.components-panel__row.space-visualization .margin {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #f9cc9d;
}
.components-panel__row.space-visualization .margin div {
  position: absolute;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  left: 15px;
  top: 15px;
}
.components-panel__row.space-visualization .margin .name, .components-panel__row.space-visualization .margin .top, .components-panel__row.space-visualization .margin .right, .components-panel__row.space-visualization .margin .bottom, .components-panel__row.space-visualization .margin .left, .components-panel__row.space-visualization .margin * .name, .components-panel__row.space-visualization .margin * .top, .components-panel__row.space-visualization .margin * .right, .components-panel__row.space-visualization .margin * .bottom, .components-panel__row.space-visualization .margin * .left {
  display: inline-block;
  position: absolute;
  font-size: 9px;
  pointer-events: none;
}
.components-panel__row.space-visualization .margin .name, .components-panel__row.space-visualization .margin * .name {
  left: 6px;
  top: -1px;
}
.components-panel__row.space-visualization .margin .top, .components-panel__row.space-visualization .margin .bottom, .components-panel__row.space-visualization .margin * .top, .components-panel__row.space-visualization .margin * .bottom {
  left: 0;
  width: 100%;
  text-align: center;
}
.components-panel__row.space-visualization .margin .top.top, .components-panel__row.space-visualization .margin .bottom.top, .components-panel__row.space-visualization .margin * .top.top, .components-panel__row.space-visualization .margin * .bottom.top {
  top: -1px;
}
.components-panel__row.space-visualization .margin .top.bottom, .components-panel__row.space-visualization .margin .bottom.bottom, .components-panel__row.space-visualization .margin * .top.bottom, .components-panel__row.space-visualization .margin * .bottom.bottom {
  top: calc(100% - 16px);
}
.components-panel__row.space-visualization .margin .left, .components-panel__row.space-visualization .margin .right, .components-panel__row.space-visualization .margin * .left, .components-panel__row.space-visualization .margin * .right {
  top: calc(50% - 9px);
  width: auto;
  text-align: center;
}
.components-panel__row.space-visualization .margin .left.left, .components-panel__row.space-visualization .margin .right.left, .components-panel__row.space-visualization .margin * .left.left, .components-panel__row.space-visualization .margin * .right.left {
  left: 0;
}
.components-panel__row.space-visualization .margin .left.right, .components-panel__row.space-visualization .margin .right.right, .components-panel__row.space-visualization .margin * .left.right, .components-panel__row.space-visualization .margin * .right.right {
  right: 0;
}
.components-panel__row.space-visualization .margin[data-no-hover="1"], .components-panel__row.space-visualization .margin *[data-no-hover="1"] {
  background: #fff !important;
}
.components-panel__row.space-visualization .margin .border {
  background: #fddc9a;
  border: 1px solid #5e5e5e;
}
.components-panel__row.space-visualization .margin .border .padding {
  background: #c0cc88;
  border: 1px dashed #5e5e5e;
}
.components-panel__row.space-visualization .margin .border .box {
  background: #8ab3be;
  border: 1px solid #5e5e5e;
}

.components-panel__row.sfat-input-fields {
  align-items: baseline;
}
.components-panel__row.sfat-input-fields > * {
  margin-bottom: 10px;
}
.components-panel__row.sfat-input-fields button {
  width: 30px;
  transform: translateY(33px);
}
.components-panel__row.sfat-input-fields button:hover, .components-panel__row.sfat-input-fields button:focus, .components-panel__row.sfat-input-fields button:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.components-panel__row.sfat-input-fields.equal button {
  transform: translateY(5px);
}
.components-panel__row.sfat-input-fields:not(.equal) input {
  width: 90%;
}
.components-panel__row.sfat-input-fields input {
  text-align: center;
}

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