{"version":3,"sources":["builder.scss","builder.css"],"names":[],"mappings":"AAAA;EACI,mBAAA;ACCJ;;ADGA;EACI,gBAAA;ACAJ;;ADEA;EACI,iBAAA;ACCJ;;ADCA;EACI,eAAA;ACEJ;;ADCA;EACI,aAAA;EACA,sBAAA;EACA,+BAAA;ACEJ;;ADCA;EACI,SAAA;EACA,iBAAA;ACEJ;;ADAA;EACI,SAAA;EACA,8BAAA;ACGJ;;ADDA;EACI,gBAAA;ACIJ;;ADFA;EACI,gBAAA;ACKJ;;ADHA;EACI,sBAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;ACMJ;;ADJA;EACI,WAAA;EACA,sBAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,WAAA;ACOJ;;ADLA;EACI,8BAAA;ACQJ;;ADNA;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACSJ;;ADPA;EACI,WAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,4BAAA;EACA,cAAA;ACUJ;;ADPA;EACI,SAAA;ACUJ;;ADRA;EACI,gBAAA;ACWJ;;ADTA;EACI,gBAAA;ACYJ;;ADVA;EACI,gBAAA;ACaJ;;ADXA;;EAAA;AAGA;EACI,gBAAA;ACcJ;;ADZA;EACI,gBAAA;ACeJ;;ADZA;EACI,SAAA;ACeJ;;ADZA;EACI,iBAAA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;ACeJ;;ADbA;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;ACgBJ;;ADdA;EACI,gBAAA;EACA,kBAAA;ACiBJ;;ADXA;EACI,mBAAA;EACA,aAAA;ACcJ;;ADXA;EACI,WAAA;ACcJ;;ADXA;EACI,gBAAA;ACcJ;;ADRA;EACI,YAAA;EACA,aAAA;ACWJ;;ADPA;EACI,kBAAA;ACUJ;;ADRA;EACI,sBAAA;EACA,2BAAA;ACWJ;;ADRA;EACI,cAAA;ACWJ;;ADTA;EACI,aAAA;ACYJ;;ADVA;EACI,SAAA;ACaJ;;ADXA;EACI,aAAA;ACcJ;;ADZA;EACI,iBAAA;ACeJ;;ADbA;EACI,eAAA;ACgBJ;;ADbA;EACI,kBAAA;ACgBJ;ADfI;EACI,WAAA;EACA,eAAA;EACA,kBAAA;EACA,SAAA;ACiBR;ADfI;EACI,WAAA;ACiBR;ADfI;EACI,UAAA;ACiBR;;ADZA;EACI;;IAEI,oCAAA;IACA,yBAAA;ECeN;EDbE;;IAEI,sBAAA;ECeN;EDbE;;IAEI,4BAAA;IACA,oBAAA;ECeN;EDbE;;IAEI,iBAAA;ECeN;EDbE;;IAEI,aAAA;ECeN;AACF","file":"builder.css","sourcesContent":[".layouts #nf-main-content {\n    /*max-width: 100%;*/\n    //margin-top: 30px;\n}\n\n.layouts.few #nf-main-content {\n    max-width: 900px;\n}\n.layouts.several #nf-main-content {\n    max-width: 1200px;\n}\n.layouts.many #nf-main-content {\n    max-width: 100%;\n}\n\n.layouts-row {\n    display: flex;\n    align-content: stretch;\n    /*border: 2px dashed darkblue;*/\n\n}\n.layouts-row .gutter {\n    border: 0;\n    cursor: ew-resize;\n}\n.layouts-row:hover .gutter.nf-fields-sortable-placeholder, .layouts-row.dragging .gutter.nf-fields-sortable-placeholder {\n    margin: 0;\n    background: #84CC1E !important;\n}\n.layouts-row:hover .gutter, .layouts-row.hovered .gutter {\n    background: #ccc;\n}\n.layouts-row:hover .gutter:first-child, .layouts-row:hover .gutter:last-child {\n    background: #fff;\n}\n.layouts-row:hover .gutter:first-child {\n    border: 1px solid #ccc;\n    background: #fff;\n    cursor: ns-resize !important;\n    position: relative;\n}\n.layouts-row:hover .gutter:first-child::after {\n    content: \"\";\n    border: 1px solid #ddd;\n    position: absolute;\n    right: 3px;\n    top: 5px;\n    bottom: 5px;\n}\n.layouts-row.dragging .gutter {\n    background: #1EA9EA !important;\n}\n.layouts-row::after {\n    clear: both;\n    content: \"\";\n    display: block;\n}\n.layouts-cell {\n    float: left;\n    overflow: hidden;\n    padding-left: 4px;\n    padding-right: 4px;\n    /*border: 1px solid orange;*/\n    margin: 10px 0;\n}\n\n.layouts-cell .nf-fields-sortable-placeholder {\n    margin: 0;\n}\n.layouts-cell .nf-fields-sortable-placeholder + .nf-field-wrap {\n    margin-top: 12px;\n}\n.layouts-cell .nf-field-wrap + .nf-fields-sortable-placeholder {\n    margin-top: -6px;\n}\n.layouts-cell .nf-field-wrap + .nf-fields-sortable-placeholder + .nf-field-wrap {\n    margin-top: 12px;\n}\n/*.layouts-cell .nf-field-wrap {\n    margin: 12px 0;\n}*/\n.nf-field-wrap:last-child {\n    margin-bottom: 0;\n}\n.layouts-cell .nf-field-wrap:last-child {\n    margin-bottom: 0;\n}\n\n.layouts-dragging .layouts-cell {\n    margin: 0;\n}\n\n.layouts-handle {\n    background: green;\n    align-self: stretch;\n    float: left;\n    width: 10px;\n}\n.no-fields {\n    color: #888;\n    margin: 10px 0;\n    padding: 15px 10px;\n    text-align: center;\n}\n.no-fields .nf-button {\n    padding: 4px 6px;\n    text-align: center;\n}\n// .layouts-row-collection + .nf-fields-sortable-placeholder {\n//     margin-top: 50px !important;\n// }\n\n.layouts-row-collection > .nf-fields-sortable-placeholder {\n    margin-bottom: -8px;\n    margin-top: 0;\n}\n\n.layouts-row-collection > .nf-fields-sortable-placeholder + .layout-row {\n    margin: 6px;\n}\n\n.layouts-row-collection .layouts-row + .nf-fields-sortable-placeholder {\n    margin-top: -8px;\n}\n// .layouts-row-collection .nf-fields-sortable-placeholder + .layouts-row {\n//     margin-top: -8px;\n// }\n\n.layouts-dragging .layouts-row {\n    padding: 6px;\n    margin: 8px 0;\n    //transition: all 0.5s ease;\n}\n\n.layouts-dragging .layouts-cell .nf-field-wrap {\n    /*margin: 30px 0;*/\n}\n.layouts-dragging .gutter {\n    width: 20px !important;\n    transition: width 0.5s ease;\n}\n\n.layouts-row.multi-cell .nf-field-wrap {\n    margin: 20px 0;\n}\n.layouts-row.multi-cell .nf-fields-sortable-placeholder {\n    margin: 6px 0;\n}\n.layouts-row.multi-cell .gutter.nf-fields-sortable-placeholder {\n    margin: 0\n}\n.layouts-row.multi-cell .nf-fields-sortable-placeholder + .nf-field-wrap {\n    margin-top: 0;\n}\n.layouts-row.multi-cell .nf-field-wrap + .nf-fields-sortable-placeholder {\n    margin-top: -14px;\n}\n.layouts-row.multi-cell .nf-field-wrap + .nf-fields-sortable-placeholder + .nf-field-wrap {\n    margin-top: 6px;\n}\n\n.gutter {\n    position: relative;\n    span {\n        color: #aaa;\n        font-size: 12px;\n        position: absolute;\n        top: -5px;\n    }\n    .percent-left {\n        right: 20px;\n    }\n    .percent-right {\n        left: 20px;\n    }\n}\n\n\n@media only screen and (max-width: 1285px) {\n    .layouts.many.nf-drawer-opened .layouts-row,\n    .layouts.several.nf-drawer-opened .layouts-row {\n        /*border-bottom: 2px solid #424242;*/\n        display: block !important;\n    }\n    .layouts.many.nf-drawer-opened .layouts-cell,\n    .layouts.several.nf-drawer-opened .layouts-cell {\n        width: 100% !important;\n    }\n    .layouts.many.nf-drawer-opened .multi-cell .layouts-cell,\n    .layouts.several.nf-drawer-opened .multi-cell .layouts-cell {\n        border-bottom: 1px solid red;\n        padding-bottom: 20px;\n    }\n    .layouts.many.nf-drawer-opened.layouts-dragging .multi-cell .layouts-cell,\n    .layouts.several.nf-drawer-opened.layouts-dragging .multi-cell .layouts-cell {\n        padding-bottom: 0;\n    }\n    .layouts.many.nf-drawer-opened .gutter,\n    .layouts.several.nf-drawer-opened .gutter {\n        display: none;\n    }\n}\n",".layouts #nf-main-content {\n  /*max-width: 100%;*/\n}\n\n.layouts.few #nf-main-content {\n  max-width: 900px;\n}\n\n.layouts.several #nf-main-content {\n  max-width: 1200px;\n}\n\n.layouts.many #nf-main-content {\n  max-width: 100%;\n}\n\n.layouts-row {\n  display: flex;\n  align-content: stretch;\n  /*border: 2px dashed darkblue;*/\n}\n\n.layouts-row .gutter {\n  border: 0;\n  cursor: ew-resize;\n}\n\n.layouts-row:hover .gutter.nf-fields-sortable-placeholder, .layouts-row.dragging .gutter.nf-fields-sortable-placeholder {\n  margin: 0;\n  background: #84CC1E !important;\n}\n\n.layouts-row:hover .gutter, .layouts-row.hovered .gutter {\n  background: #ccc;\n}\n\n.layouts-row:hover .gutter:first-child, .layouts-row:hover .gutter:last-child {\n  background: #fff;\n}\n\n.layouts-row:hover .gutter:first-child {\n  border: 1px solid #ccc;\n  background: #fff;\n  cursor: ns-resize !important;\n  position: relative;\n}\n\n.layouts-row:hover .gutter:first-child::after {\n  content: \"\";\n  border: 1px solid #ddd;\n  position: absolute;\n  right: 3px;\n  top: 5px;\n  bottom: 5px;\n}\n\n.layouts-row.dragging .gutter {\n  background: #1EA9EA !important;\n}\n\n.layouts-row::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.layouts-cell {\n  float: left;\n  overflow: hidden;\n  padding-left: 4px;\n  padding-right: 4px;\n  /*border: 1px solid orange;*/\n  margin: 10px 0;\n}\n\n.layouts-cell .nf-fields-sortable-placeholder {\n  margin: 0;\n}\n\n.layouts-cell .nf-fields-sortable-placeholder + .nf-field-wrap {\n  margin-top: 12px;\n}\n\n.layouts-cell .nf-field-wrap + .nf-fields-sortable-placeholder {\n  margin-top: -6px;\n}\n\n.layouts-cell .nf-field-wrap + .nf-fields-sortable-placeholder + .nf-field-wrap {\n  margin-top: 12px;\n}\n\n/*.layouts-cell .nf-field-wrap {\n    margin: 12px 0;\n}*/\n.nf-field-wrap:last-child {\n  margin-bottom: 0;\n}\n\n.layouts-cell .nf-field-wrap:last-child {\n  margin-bottom: 0;\n}\n\n.layouts-dragging .layouts-cell {\n  margin: 0;\n}\n\n.layouts-handle {\n  background: green;\n  align-self: stretch;\n  float: left;\n  width: 10px;\n}\n\n.no-fields {\n  color: #888;\n  margin: 10px 0;\n  padding: 15px 10px;\n  text-align: center;\n}\n\n.no-fields .nf-button {\n  padding: 4px 6px;\n  text-align: center;\n}\n\n.layouts-row-collection > .nf-fields-sortable-placeholder {\n  margin-bottom: -8px;\n  margin-top: 0;\n}\n\n.layouts-row-collection > .nf-fields-sortable-placeholder + .layout-row {\n  margin: 6px;\n}\n\n.layouts-row-collection .layouts-row + .nf-fields-sortable-placeholder {\n  margin-top: -8px;\n}\n\n.layouts-dragging .layouts-row {\n  padding: 6px;\n  margin: 8px 0;\n}\n\n.layouts-dragging .layouts-cell .nf-field-wrap {\n  /*margin: 30px 0;*/\n}\n\n.layouts-dragging .gutter {\n  width: 20px !important;\n  transition: width 0.5s ease;\n}\n\n.layouts-row.multi-cell .nf-field-wrap {\n  margin: 20px 0;\n}\n\n.layouts-row.multi-cell .nf-fields-sortable-placeholder {\n  margin: 6px 0;\n}\n\n.layouts-row.multi-cell .gutter.nf-fields-sortable-placeholder {\n  margin: 0;\n}\n\n.layouts-row.multi-cell .nf-fields-sortable-placeholder + .nf-field-wrap {\n  margin-top: 0;\n}\n\n.layouts-row.multi-cell .nf-field-wrap + .nf-fields-sortable-placeholder {\n  margin-top: -14px;\n}\n\n.layouts-row.multi-cell .nf-field-wrap + .nf-fields-sortable-placeholder + .nf-field-wrap {\n  margin-top: 6px;\n}\n\n.gutter {\n  position: relative;\n}\n.gutter span {\n  color: #aaa;\n  font-size: 12px;\n  position: absolute;\n  top: -5px;\n}\n.gutter .percent-left {\n  right: 20px;\n}\n.gutter .percent-right {\n  left: 20px;\n}\n\n@media only screen and (max-width: 1285px) {\n  .layouts.many.nf-drawer-opened .layouts-row,\n  .layouts.several.nf-drawer-opened .layouts-row {\n    /*border-bottom: 2px solid #424242;*/\n    display: block !important;\n  }\n  .layouts.many.nf-drawer-opened .layouts-cell,\n  .layouts.several.nf-drawer-opened .layouts-cell {\n    width: 100% !important;\n  }\n  .layouts.many.nf-drawer-opened .multi-cell .layouts-cell,\n  .layouts.several.nf-drawer-opened .multi-cell .layouts-cell {\n    border-bottom: 1px solid red;\n    padding-bottom: 20px;\n  }\n  .layouts.many.nf-drawer-opened.layouts-dragging .multi-cell .layouts-cell,\n  .layouts.several.nf-drawer-opened.layouts-dragging .multi-cell .layouts-cell {\n    padding-bottom: 0;\n  }\n  .layouts.many.nf-drawer-opened .gutter,\n  .layouts.several.nf-drawer-opened .gutter {\n    display: none;\n  }\n}"]}