{"version":3,"sources":["builder.scss"],"names":[],"mappings":"AAAA;EACI,oBAAoB,EAEvB;;AAED;EACI,iBAAiB,EACpB;;AACD;EACI,kBAAkB,EACrB;;AACD;EACI,gBAAgB,EACnB;;AAED;EACI,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,4BAAuB;MAAvB,uBAAuB;EACvB,gCAAgC,EAEnC;;AACD;EACI,UAAU;EACV,kBAAkB,EACrB;;AACD;EACI,UAAU;EACV,+BAA+B,EAClC;;AACD;EACI,iBAAiB,EACpB;;AACD;EACI,iBAAiB,EACpB;;AACD;EACI,uBAAuB;EACvB,iBAAiB;EACjB,6BAA6B;EAC7B,mBAAmB,EACtB;;AACD;EACI,YAAY;EACZ,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,YAAY,EACf;;AACD;EACI,+BAA+B,EAClC;;AACD;EACI,YAAY;EACZ,YAAY;EACZ,eAAe,EAClB;;AACD;EACI,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,6BAA6B;EAC7B,eAAe,EAClB;;AAED;EACI,UAAU,EACb;;AACD;EACI,iBAAiB,EACpB;;AACD;EACI,iBAAiB,EACpB;;AACD;EACI,iBAAiB,EACpB;;AACD;;GAEG;AACH;EACI,iBAAiB,EACpB;;AACD;EACI,iBAAiB,EACpB;;AAED;EACI,UAAU,EACb;;AAED;EACI,kBAAkB;EAClB,6BAAoB;MAApB,4BAAoB;MAApB,oBAAoB;EACpB,YAAY;EACZ,YAAY,EACf;;AACD;EACI,YAAY;EACZ,eAAe;EACf,mBAAmB;EACnB,mBAAmB,EACtB;;AACD;EACI,iBAAiB;EACjB,mBAAmB,EACtB;;AAKD;EACI,oBAAoB;EACpB,cAAc,EACjB;;AAED;EACI,YAAY,EACf;;AAED;EACI,iBAAiB,EACpB;;AAKD;EACI,aAAa;EACb,cAAc,EAEjB;;AAED;EACI,mBAAmB,EACtB;;AACD;EACI,uBAAuB;EACvB,oCAA4B;EAA5B,4BAA4B,EAC/B;;AAED;EACI,eAAe,EAClB;;AACD;EACI,cAAc,EACjB;;AACD;EACI,UACH,EAAC;;AACF;EACI,cAAc,EACjB;;AACD;EACI,kBAAkB,EACrB;;AACD;EACI,gBAAgB,EACnB;;AAED;EACI,mBAAmB,EAatB;EAdD;IAGQ,YAAY;IACZ,gBAAgB;IAChB,mBAAmB;IACnB,UAAU,EACb;EAPL;IASQ,YAAY,EACf;EAVL;IAYQ,WAAW,EACd;;AAIL;EACI;;IAEI,qCAAqC;IACrC,0BAA0B,EAC7B;EACD;;IAEI,uBAAuB,EAC1B;EACD;;IAEI,6BAA6B;IAC7B,qBAAqB,EACxB;EACD;;IAEI,kBAAkB,EACrB;EACD;;IAEI,cAAc,EACjB,EAAA","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"]}