{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;EACI;EACA;EACA;AAAJ;;AAGA;AACA;EACI;EAukBA;AAtkBJ;AACI;EACI;EACA;AACR;AAEI;EACI;AAAR;AAGI;EACI;AADR;AAII;EACI;AAFR;AAMQ;EACI;EAGA;EAEA;EACA;AAJZ;AAMY;EAGI;EACA;EACA;EACA;EAGA;EAIA;EAGA;AAJhB;AAMgB;EACI;EACA;AAJpB;AAOgB;EACI;EACA;EACA;EACA;EACA;AALpB;AAQgB;EACI;EACA;AANpB;AASgB;EACI;EACA;AAPpB;AAUgB;EACI;EACA;AARpB;AAegB;EACI;AAbpB;AAeoB;EACI;AAbxB;AAiBgB;EACI;AAfpB;AAiBoB;EAEI;EACA;EACA;EACA;EACA;EACA;AAfxB;AAmBgB;EACI;EACA;EACA;AAjBpB;AAmBoB;EACI;AAjBxB;AAoBoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBxB;AAoBwB;EACI;EACA;AAlB5B;AAuBwB;EACI;EACA;EACA;AArB5B;AAyBoB;EACI;EACA;AAvBxB;AAyBwB;EACI;AAvB5B;AA2BwB;;;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzB5B;AA4BwB;EACI;EACA;AA1B5B;AA6BwB;EACI;AA3B5B;AA+BoB;EACI;AA7BxB;AA+BwB;EACI;EACA;EAEA;EACA;AA7B5B;AA+B4B;EACI;AA7BhC;AAmCwB;EACI;AAjC5B;AAqCwB;EACI;EACA;AAnC5B;AAqC4B;EAII;EAGA;AAnChC;AAuCoC;EACI;EACA;EACA;EAEA;AArCxC;AAyCwC;EACI;AAvC5C;AA2CoC;EACI;EACA;AAzCxC;AAgDoB;EACI;EACA;EACA;AA9CxB;AAgDwB;EACI;AA9C5B;AAiDwB;EACI;EACA;AA/C5B;AAmDoB;EACI;EACA;EACA;EACA;AAjDxB;AA8DwB;EACI;EACA;EACA;AA5D5B;AA8D4B;EACI;EACA;EACA;EACA;AA5DhC;AA8DgC;EACI;AA5DpC;AAkE4B;EACI;EACA;AAhEhC;AAqEoB;EACI;AAnExB;AAqEwB;;EAEI;EACA;EACA;EACA;AAnE5B;AAqE4B;;;;EAEI;EACA;AAjEhC;AAmEgC;;;;EACI;EACA;EACA;AA9DpC;AAiEgC;;;;EACI;EACA;AA5DpC;AA+DgC;;;;EACI;EACA;EACA;EACA;AA1DpC;AA4DoC;;;;EACI;EACA;EACA;AAvDxC;AA0DoC;;;;EACI;EACA;EACA;EACA;AArDxC;AAuDwC;;;;EACI;AAlD5C;AA8D4B;;EACI;AA3DhC;AA+DgC;;EACI;AA5DpC;AAmEoB;EACI;AAjExB;AAmEwB;EACI;EACA;EACA;AAjE5B;AAoEwB;EACI;EACA;EACA;EACA;AAlE5B;AAsEoB;EACI;EACA;EACA;AApExB;AAsEwB;EACI;AApE5B;AAuEwB;EACI;EACA;EACA;EACA;AArE5B;AAuE4B;EACI;EACA;AArEhC;AAuEgC;EACI;AArEpC;AAuEoC;EACI;EACA;AArExC;AAwE4C;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAtEhD;AAyE4C;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvEhD;AA0E4C;EACI;EACA;EACA;AAxEhD;AA8EgC;EACI;EACA;AA5EpC;AA8EoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5ExC;AA8EwC;EACI;EACA;EACA;EACA;AA5E5C;AAyFwB;EACI;EACA;EACA;EACA;AAvF5B;AAyF4B;EACI;AAvFhC;AA0F4B;EACI;AAxFhC;AA0FgC;EACI;AAxFpC;AA2FgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzFpC;AA4FgC;EACI;AA1FpC;AA4FoC;EACI;AA1FxC;AA8FgC;EACI;EACA;EACA;EACA;AA5FpC;AA8FoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5FxC;AAoGoB;EACI;EACA;AAlGxB;AA4GwB;EACI;AA1G5B;AA8G4B;EACI;AA5GhC;AAoHwB;EACI;AAlH5B;AAsH4B;EACI;AApHhC;AA4HwB;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1H5B;;AAqIA,M","sources":["webpack://dynamicblocks/./src/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.wp-block-create-block-dynamicblocks {\n    background-color: #f6f7f8;\n    color: #000000;\n    padding: 2px;\n}\n\n/* .is-sidebar-opened {*/\n.interface-interface-skeleton__sidebar {\n    overflow-x: hidden !important;\n\n    &::-webkit-scrollbar {\n        width: 3px;\n        position: absolute;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: #f1f1f1;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: #c3c3c3;\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n        background: #c3c3c3;\n    }\n\n    .gb_dynamic_product_block_sett_wrapp {\n        .components-tab-panel__tabs {\n            background: #eef0f7;\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -ms-flex-wrap: wrap !important;\n            flex-wrap: wrap !important;\n            width: 100%;\n\n            .db-settings-tab {\n                -webkit-box-flex: 0;\n                -ms-flex: 0 0 33.33%;\n                flex: 0 0 33.33%;\n                max-width: 33.33%;\n                height: 80px;\n                border-bottom: 3px solid transparent;\n                -webkit-box-pack: center;\n                -ms-flex-pack: center;\n                justify-content: center;\n                -webkit-box-orient: vertical;\n                -webkit-box-direction: normal;\n                -ms-flex-direction: column;\n                flex-direction: column;\n                -webkit-transition: all 0.3s ease;\n                -o-transition: all 0.3s ease;\n                transition: all 0.3s ease;\n\n                &.active-tab {\n                    background: #fffeff;\n                    border-color: #007cbb;\n                }\n\n                &:before {\n                    position: relative;\n                    right: 0;\n                    top: 0;\n                    left: 0;\n                    font-size: 25px;\n                }\n\n                &.general-tab:before {\n                    content: \"\\f12b\";\n                    font-family: dashicons;\n                }\n\n                &.style-tab:before {\n                    font-family: dashicons;\n                    content: \"\\f540\";\n                }\n\n                &.advanced-tab:before {\n                    font-family: dashicons;\n                    content: \"\\f108\";\n                }\n            }\n        }\n\n        .components-tab-panel__tab-content {\n            .components-panel__body {\n                &.is-opened {\n                    padding: 16px 10px 10px;\n\n                    .components-panel__body-title {\n                        margin: -16px -10px 16px;\n                    }\n                }\n\n                .components-panel__body-title {\n                    background-color: #F5F5F5;\n\n                    button {\n                        -webkit-box-shadow: none !important;\n                        box-shadow: none !important;\n                        padding: 16px 11px;\n                        /* font-size: 18px;*/\n                        /* line-height: 27px;*/\n                        color: #666666;\n                        font-weight: 600;\n                    }\n                }\n\n                .components-panel__row {\n                    margin-top: 0 !important;\n                    flex-wrap: wrap;\n                    min-height: auto;\n\n                    >* {\n                        width: 100%;\n                    }\n\n                    &>input {\n                        padding: 8px 10px !important;\n                        border-radius: 0 !important;\n                        font-size: 16px;\n                        line-height: 1;\n                        font-weight: 400;\n                        color: #354146;\n                        border: 1px solid #dcdbdc !important;\n                        height: 42px;\n                        width: 100%;\n                        outline: none;\n\n                        &:focus {\n                            border-color: #2271b1;\n                            box-shadow: 0 0 0 1px #2271b1;\n                        }\n                    }\n\n                    .block-info-container {\n                        p {\n                            font-size: 12px;\n                            line-height: 17px;\n                            color: #6C848F;\n                        }\n                    }\n\n                    .components-base-control {\n                        width: 100%;\n                        margin-bottom: 8px;\n\n                        &:last-child {\n                            margin-bottom: 0 !important;\n\n                        }\n\n                        .components-select-control__input,\n                        .components-textarea-control__input,\n                        .components-text-control__input {\n                            padding: 8px 10px !important;\n                            border-radius: 0 !important;\n                            font-size: 16px;\n                            line-height: 1;\n                            font-weight: 400;\n                            color: #354146;\n                            border: 1px solid #dcdbdc !important;\n                            height: 42px;\n                        }\n\n                        .components-textarea-control__input {\n                            border-radius: 0 !important;\n                            resize: none;\n                        }\n\n                        p.components-base-control__help {\n                            margin-top: 0 !important;\n                        }\n                    }\n\n                    .gb_code_mirror_cmp {\n                        width: 100%;\n\n                        .cm-theme-light {\n                            width: 100%;\n                            border: 1px solid #dcdbdc;\n                            -webkit-box-shadow: 0px 0px 0px 3px #f4f4f5;\n                            box-shadow: 0px 0px 0px 3px #f4f4f5;\n                            margin-top: 8px;\n\n                            .cm-scroller>* {\n                                min-height: 211px !important;\n                            }\n                        }\n                    }\n\n                    .gb-toggle-control {\n                        p {\n                            margin-top: 0 !important;\n                        }\n\n\n                        .components-base-control__field {\n                            margin-bottom: 5px;\n                            font-size: 14px;\n\n                            .components-flex {\n                                -webkit-box-orient: horizontal;\n                                -webkit-box-direction: reverse;\n                                -ms-flex-direction: row-reverse;\n                                flex-direction: row-reverse;\n                                -webkit-box-pack: justify;\n                                -ms-flex-pack: justify;\n                                justify-content: space-between;\n\n                                .components-form-toggle {\n\n                                    .components-form-toggle__track {\n                                        background-color: #e1e1e1;\n                                        border: none;\n                                        outline: none;\n                                        -webkit-box-shadow: none;\n                                        box-shadow: none;\n                                    }\n\n                                    &.is-checked {\n                                        .components-form-toggle__track {\n                                            background-color: #56cf15;\n                                        }\n                                    }\n\n                                    .components-form-toggle__thumb {\n                                        background-color: #fefefe;\n                                        border: 5px solid #fefefe;\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    .db_panel_whtd_note {\n                        background-color: #e6e9ec;\n                        margin: -16px -10px 0 -10px;\n                        padding: 6px 8px;\n\n                        &:empty {\n                            display: none;\n                        }\n\n                        p {\n                            color: #6C848F;\n                            margin-bottom: 0;\n                        }\n                    }\n\n                    .db_panel_dataset_and_ordering {\n                        margin: 0 -10px;\n                        width: calc(100% + 20px);\n                        background-color: #F5F5F5;\n                        padding: 10px 10px;\n\n                        // .css-t3ipsp-control {\n                        //     box-shadow: none !important;\n                        //     outline: none !important;\n                        //     border-radius: 0 !important;\n                        //     border-color: rgba(151, 151, 151, 0.5);\n\n                        //     .css-1fdsijx-ValueContainer {\n                        //         padding: 4px 4px;\n                        //     }\n                        // }\n\n                        .db_panel_dataset_order_limit {\n                            display: flex;\n                            flex-wrap: wrap;\n                            margin: 16px -4px 0;\n\n                            .components-base-control {\n                                flex: 0 0 33.33%;\n                                max-width: 33.33%;\n                                margin-bottom: 0 !important;\n                                padding: 0 4px;\n\n                                .components-input-control__backdrop {\n                                    border-color: #dcdbdc !important;\n                                }\n                            }\n                        }\n\n                        .db_panel_dataset {\n                            label {\n                                margin-bottom: 8px;\n                                display: block;\n                            }\n                        }\n                    }\n\n                    .css-b62m3t-container {\n                        width: 100%;\n\n                        .css-t3ipsp-control,\n                        .css-13cymwt-control {\n                            box-shadow: none !important;\n                            outline: none !important;\n                            border-radius: 0 !important;\n                            border-color: rgba(151, 151, 151, 0.5);\n\n                            .css-3w2yfm-ValueContainer,\n                            .css-1fdsijx-ValueContainer {\n                                padding: 2px 2px;\n                                min-height: 42px;\n\n                                >* {\n                                    height: 30px;\n                                    margin: 2px;\n                                    line-height: 30px;\n                                }\n\n                                div#react-select-2-placeholder {\n                                    line-height: 30px;\n                                    padding-left: 4px;\n                                }\n\n                                .css-1p3m7a8-multiValue {\n                                    min-width: 96px;\n                                    justify-content: center;\n                                    position: relative;\n                                    padding: 0 15px;\n\n                                    .css-wsp0cs-MultiValueGeneric {\n                                        line-height: 23px;\n                                        font-size: 14px;\n                                        padding: 3px 0;\n                                    }\n\n                                    .css-12a83d4-MultiValueRemove {\n                                        position: absolute;\n                                        top: 0;\n                                        right: 0;\n                                        padding: 0;\n\n                                        svg.css-tj5bde-Svg {\n                                            fill: #A0A0A0;\n                                        }\n\n                                        // &hover {\n                                        //     svg {\n                                        //         fill: #fff !important; \n                                        //     }\n                                        // }\n                                    }\n                                }\n                            }\n\n                            .css-1hb7zxy-IndicatorsContainer {\n                                display: none;\n                            }\n\n                            .css-qbdosj-Input {\n                                input {\n                                    min-height: 26px;\n                                }\n                            }\n\n                        }\n                    }\n\n                    .db_panel_rc {\n                        padding: 8px 0;\n\n                        h3 {\n                            border-bottom: 1px solid #A6A5AF;\n                            margin-bottom: 3px !important;\n                            padding-bottom: 2px;\n                        }\n\n                        p {\n                            font-size: 12px;\n                            line-height: 17px;\n                            color: #6C848F;\n                            margin: 0;\n                        }\n                    }\n\n                    .gb-product-rules-wrap {\n                        background-color: #F5F5F5;\n                        margin: 0 -10px 10px;\n                        padding: 0 10px 10px;\n\n                        &:last-child {\n                            margin-bottom: 0;\n                        }\n\n                        .bg_panel_single_rule {\n                            display: flex;\n                            flex-wrap: wrap;\n                            align-items: flex-end;\n                            justify-content: space-between;\n\n                            >* {\n                                width: auto;\n                                margin-bottom: 0;\n\n                                .components-base-control__field {\n                                    margin-bottom: 0 !important;\n\n                                    .components-flex {\n                                        flex-direction: row;\n                                        gap: 6px !important;\n\n                                        .components-radio-control__option {\n                                            input {\n                                                opacity: 0;\n                                                width: 0 !important;\n                                                height: 0 !important;\n                                                overflow: hidden;\n                                                display: block;\n                                                margin: 0;\n                                                border: none !important;\n                                            }\n\n                                            label {\n                                                border: 1px solid #cacacb;\n                                                padding: 0px 7px;\n                                                font-size: 12px;\n                                                min-width: 60px;\n                                                display: inline-block;\n                                                text-align: center;\n                                                transition: all 0.3s;\n                                                color: #8e91a1;\n                                                margin: 0;\n                                            }\n\n                                            input[type=radio]:checked~label {\n                                                background-color: #5FA5DE;\n                                                border-color: #5FA5DE;\n                                                color: #fff;\n                                            }\n                                        }\n                                    }\n                                }\n\n                                &.bg_panel_btns_wrapp {\n                                    display: flex;\n                                    flex-wrap: wrap;\n\n                                    button {\n                                        width: 34px;\n                                        height: 29px;\n                                        border: 1px solid #cacacb;\n                                        border-radius: 0;\n                                        background-color: #fff;\n                                        transition: all 0.3s ease;\n                                        font-size: 18px;\n                                        cursor: pointer;\n\n                                        &.db_panel_btn_drag {\n                                            background-color: #e5e5e5 !important;\n                                            position: relative;\n                                            font-size: 18px;\n                                            padding: 0px;\n\n                                            // &:before {\n                                            //     content: \"\\f211\";\n                                            //     font-family: 'dashicons';\n                                            //     font-size: 18px;\n                                            // }\n                                        }\n                                    }\n                                }\n                            }\n                        }\n\n                        .bg_panel_inputs_wrapp {\n                            padding: 8px 8px;\n                            background-color: #fff;\n                            border: 1px solid #DADADA;\n                            margin-bottom: 4px;\n\n                            &:last-child {\n                                margin-bottom: 0;\n                            }\n\n                            .components-panel__row {\n                                margin-bottom: 8px;\n\n                                &last-child {\n                                    margin-bottom: 0;\n                                }\n\n                                select {\n                                    padding: 8px 10px !important;\n                                    border-radius: 0 !important;\n                                    font-size: 16px !important;\n                                    line-height: 1 !important;\n                                    font-weight: 400;\n                                    color: #354146 !important;\n                                    border: 1px solid #dcdbdc !important;\n                                    height: 42px;\n                                    width: 100%;\n                                    max-width: 100%;\n                                    margin: 0 !important;\n                                }\n\n                                .components-base-control {\n                                    margin-bottom: 0px !important;\n\n                                    .components-input-control__backdrop {\n                                        border: 1px solid #dcdbdc !important;\n                                    }\n                                }\n\n                                .bg_panel_btns_wrapp {\n                                    display: flex;\n                                    flex-wrap: wrap;\n                                    width: 100%;\n                                    justify-content: flex-end;\n\n                                    button {\n                                        width: 34px;\n                                        height: 29px;\n                                        border: 1px solid #cacacb;\n                                        border-radius: 0;\n                                        background-color: #fff;\n                                        transition: all 0.3s ease;\n                                        font-size: 18px;\n                                        cursor: pointer;\n                                        outline: none;\n                                    }\n                                }\n                            }\n                        }\n\n                    }\n\n                    .gb-product-rules-wrap[draggable=\"true\"] {\n                        opacity: 0.5;\n                        border: 1px dashed #717070;\n\n                        // &.draggable_active {\n                        //     opacity: 1;\n                        // }\n                    }\n                }\n\n                &.bg_style_tab_content {\n                    .components-panel__row {\n                        .components-base-control {\n                            margin-bottom: 22px !important;\n                        }\n\n                        &:last-child {\n                            .components-base-control {\n                                margin-bottom: 0 !important;\n                            }\n                        }\n                    }\n                }\n\n                &.bg_advanced_tab_content {\n                    .components-panel__row {\n                        .gb_code_mirror_cmp {\n                            margin-bottom: 8px;\n                        }\n\n                        &:last-child {\n                            .gb_code_mirror_cmp {\n                                margin-bottom: 0px;\n                            }\n                        }\n                    }\n                }\n\n                &:not(.bg_advanced_tab_content) {\n                    .components-panel__row {\n                        textarea {\n                            border: 1px solid #dcdbdc !important;\n                            -webkit-box-shadow: 0px 0px 0px 3px #f4f4f5 !important;\n                            box-shadow: 0px 0px 0px 3px #f4f4f5 !important;\n                            resize: vertical !important;\n                            resize: auto !important;\n                            min-height: 140px !important;\n                            width: 100% !important;\n                            transition: all 0.3s ease;\n                            -webkit-transition: all 0.3s ease;\n                            -moz-transition: all 0.3s ease;\n                            -ms-transition: all 0.3s ease;\n                            -o-transition: all 0.3s ease;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    /* .components-panel__body.is-opened>*/\n}\n\n/* }*/"],"names":[],"sourceRoot":""}