{"version":3,"sources":["drawer.scss","builder.scss"],"names":[],"mappings":"AAAA;EACI,YAAY;EACZ,mBAAmB,EACtB;;AACD;EACI,oBAAoB;EACpB,aAAa;EACb,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,aAAa;EACb,0BAA0B,EA+B7B;EAvCD;IAWQ,YAAY;IACZ,YAAY,EA0Bf;IAtCL;MAcY,sBAAsB;MACtB,iBAAiB;MACjB,uBAAuB;MACvB,mBAAmB;MACnB,gBAAgB;MAChB,YAAY;MACZ,gBAAgB;MAChB,kBAAkB;MAClB,kBAAkB;MAClB,aAAa;MAEb,gBAAgB;MAChB,mBAAmB;MACnB,mBAAmB,EAUtB;MArCT;QA6BgB,0BCjCM;QDkCN,eClCM,EDmCT;MA/Bb;QAiCgB,+BAAiC;QACjC,0BCrCG;QDsCH,YAAY,EACf;;AAIb;;EAEI,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;EAClB,aAAa;EACb,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;EACnB,mBAAmB,EACtB;;AACD;EAEQ,+BAAoC;EACpC,qCAA0C;EAC1C,4BAA4B;EAC5B,sBAAsB;EACtB,sBAAsB;EACtB,+BAA+B;EAC/B,+BAA+B;EAC/B,4BAA4B,EAC/B;;AAEL;EAEQ,UAAU;EACV,0BAA0B,EAC7B;;AAJL;EAMQ,aAAa,EAChB;;AAPL;EASQ,qBAAqB,EACxB;;AAEL;EAEQ,WAAW,EACd;;ACnFL;EACC,0BAA0B,EAC1B;;AACD;EACC,0BAA0B,EAC1B;;AACD;EACC,0BAA0B;EAC1B,0BAA0B;EAC1B,8BAA8B,EAC9B;;AACD;EACC,sCAAsC,EACtC;;AAED;EACC,+BAA+B,EAC/B;;AACD;;EAEI,YAAY,EACf;;AACD;EACI,iCAAiC;EACjC,sBAAsB,EACzB","file":"builder.css","sourcesContent":["#nf-mp-drawer-viewport {\r\n    float: left;\r\n    overflow-x: hidden;\r\n}\r\n#nf-mp-drawer {\r\n    background: #EBEDEE;\r\n    height: 60px;\r\n    position: fixed;\r\n    bottom: -70px;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    transition: all 0.5s ease;\r\n    ul.ui-sortable {\r\n        // width: 2500px;\r\n        float: left;\r\n        margin: 5px;\r\n        > li {\r\n            display: inline-block;\r\n            background: #fff;\r\n            border: 2px solid #fff;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            float: left;\r\n            font-size: 16px;\r\n            line-height: 50px;\r\n            margin-left: 14px;\r\n            height: 50px;\r\n            //width: 50px;\r\n            padding: 0 16px;\r\n            text-align: center;\r\n            position: relative;\r\n            &.active {\r\n                border: 2px solid $accent_color;\r\n                color: $accent_color;\r\n            }\r\n            &.mp-drag-hover {\r\n                background: $cta_color !important;\r\n                border: 2px solid $cta_color;\r\n                color: #fff;\r\n            }\r\n        }\r\n    }\r\n}\r\n.nf-mp-drawer-scroll-previous,\r\n.nf-mp-drawer-scroll-next {\r\n    background: #fff;\r\n    border: 2px solid #fff;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    float: left;\r\n    font-size: 16px;\r\n    line-height: 50px;\r\n    margin-top: 5px;\r\n    margin-left: 14px;\r\n    height: 50px;\r\n    width: 50px;\r\n    padding: 0 16px;\r\n    text-align: center;\r\n    position: relative;\r\n}\r\n#nf-mp-drawer {\r\n    .ui-sortable-placeholder {\r\n        background: $accent_color !important;\r\n        border: 2px solid $accent_color !important;\r\n        border-radius: 0 !important;\r\n        width: 8px !important;\r\n        padding: 0 !important;\r\n        visibility: visible !important;\r\n        margin-right: -11px !important;\r\n        margin-left: 2px !important;\r\n    }\r\n}\r\n.nf-has-parts {\r\n    #nf-mp-drawer {\r\n        bottom: 0;\r\n        transition: all 0.5s ease;\r\n    }\r\n    .nf-master-control {\r\n        bottom: 80px;\r\n    }\r\n    .nf-fields-sortable {\r\n        padding-bottom: 60px;\r\n    }\r\n}\r\n.nf-drawer-opened {\r\n    #nf-mp-drawer {\r\n        right: 50%;\r\n    }\r\n}\r\n","$accent_color: #84CC1E;\r\n$cta_color: #1EA9EA;\r\n\r\n@import \"drawer\";\r\n\r\n.mp-circle-active {\r\n\tcolor: #1EA9EA ! important;\r\n}\r\n.mp-circle-over {\r\n\tcolor: #84CC1E ! important;\r\n}\r\n.ui-effects-transfer {\r\n\tborder: 2px solid #84CC1E;\r\n\t/* background: #84CC1E; */\r\n\tz-index: 99999999999999999999;\r\n}\r\n.mp-top-drag-active {\r\n\t/* background: #1EA9EA ! important; */\r\n}\r\n\r\n.mp-top-drag-hover {\r\n\tbackground: #84CC1E ! important;\r\n}\r\n.nf-remove-part,\r\n.nf-duplicate-part {\r\n    width: 100%;\r\n}\r\n.nf-remove-part {\r\n    border: 1px solid red !important;\r\n    color: red !important;\r\n}\r\n"]}