{"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;AAEA;EACI;AAnIJ;;AAqIA;EACI;EACA;EACA;AAlIJ;;AAqIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlIJ;;AAqIE;EACE;EACA;AAlIJ;;AAqIE;EACE;EACA;EACA;AAlIJ;;AAqIE;EACE;AAlIJ;;AAuIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApIF;AAqIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnIJ;AAoII;EACE;EACA;AAlIN;AAmIM;EACE;AAjIR;;AAsIA;EACE;EACA;EACA;EACA;EACA;OAAA;AAnIF;AAoIE;EACE;EACA;EACA;OAAA;AAlIJ;AAoIE;EACE;AAlIJ;AAoIE;EACE;EACA;AAlIJ;;AAqIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAlIF;AAmIE;EACE;EACA;EACA;EACA;EACA;AAjIJ;AAmIE;EACE;AAjIJ;;AAoIA;;;;;;;;;;;;;EAgBE;EACA;EACA;EACA;AApIF;;AAyIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;AAtIR;AAwIM;EACE;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;AACF;AAwIM;EACE;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;EAwIM;IACE;EAtIR;AACF;;AAgJQ;EACE;EACA;AA7IV;AA8IU;EACE;EACA;EACA;EACA;EACA;EACA;AA5IZ;AA6IY;EACE;EACA;EACA;EACA;AA3Id;AA4Ic;EACE;EACA;AA1IhB,C","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: 20px !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/* }*/\n\n.tooltip_title{\n font-size: 13px;\n}\n.tooltip {\n position: relative;\n display: inline-block;\n cursor: pointer;\n }\n \n .tooltip-content {\n visibility: hidden;\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-20%);\n font-size: 13px;\n background-color: #333;\n color: #fff;\n padding: 10px;\n border-radius: 5px;\n width: 200px;\n text-align: center;\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n -webkit-transform: translateX(-20%);\n -moz-transform: translateX(-20%);\n -ms-transform: translateX(-20%);\n -o-transform: translateX(-20%);\n}\n \n .tooltip:hover .tooltip-content {\n visibility: visible;\n opacity: 1;\n }\n \n .tooltip-content img {\n width: 100px;\n height: auto;\n margin-bottom: 5px;\n }\n \n .tooltip-content span {\n display: block;\n }\n // start 28-MAR-2024\n\n // grid caurosel start\n.allBtn {\n display: inline-flex;\n -moz-column-gap: 10px;\n column-gap: 5px;\n margin-bottom: 15px;\n background-color: #999;\n border: 1px solid #999;\n width: auto !important;\n padding: 2px;\n border-radius: 5px;\n position: relative;\n button {\n background-color: #56cf15;\n color: #efeff0;\n padding: 8px !important;\n max-width: none;\n width: auto;\n border-radius: 4px;\n z-index: 1;\n border: none;\n cursor: pointer;\n outline: none;\n &.false {\n color: #fff;\n background-color: #999;\n &:hover {\n background-color: 1010101a;\n }\n }\n }\n}\n.responsive_view {\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid #1010101a;\n column-gap: 10px;\n .device_view {\n display: flex;\n align-items: center;\n column-gap: 10px;\n }\n h4 {\n margin: 5px 0;\n }\n .text_chnges {\n border-bottom: 1px solid #56cf15;\n color: #56cf15;\n }\n}\n.caurosel_grid {\n display: inline-flex;\n align-items: center;\n background-color: #999;\n border: 1px solid #1010101a;\n padding: 4px;\n width: auto !important;\n margin: 10px 0;\n h4 {\n cursor: pointer;\n color: #fff;\n padding:5px 10px;\n text-align: center;\n margin: 0;\n }\n .grid_chnges {\n background-color: #56cf15;\n }\n}\n.Mobilegrid1 .db-preview-single-product-data,\n.Mobilegrid2 .db-preview-single-product-data,\n.Tabletgrid1 .db-preview-single-product-data,\n.Tabletgrid2 .db-preview-single-product-data,\n.Tabletgrid3 .db-preview-single-product-data,\n.Tabletgrid5 .db-preview-single-product-data,\n.Tabletgrid6\n .db-preview-single-product-data\n .Tabletgrid4\n .db-preview-single-product-data,\n.Desktopgrid1 .db-preview-single-product-data,\n.Desktopgrid2 .db-preview-single-product-data,\n.Desktopgrid3 .db-preview-single-product-data,\n.Desktopgrid4 .db-preview-single-product-data,\n.Desktopgrid5 .db-preview-single-product-data,\n.Desktopgrid6 .db-preview-single-product-data {\n padding: 0 !important;\n max-width: 100% !important;\n flex: 0 0 100% !important;\n margin-top: 0 !important;\n}\n.wp-block-create-block-dynamicblocks {\n .db-block-preview-container {\n .db-preview-main-product-wrap {\n &.grid_class {\n display: grid;\n }\n &.Desktopgrid1 {\n grid-template-columns: repeat(1, 1fr) !important;\n }\n &.Desktopgrid2 {\n grid-template-columns: repeat(2, 1fr) !important;\n }\n &.Desktopgrid3 {\n grid-template-columns: repeat(3, 1fr) !important;\n }\n &.Desktopgrid4 {\n grid-template-columns: repeat(4, 1fr) !important;\n }\n &.Desktopgrid5 {\n grid-template-columns: repeat(5, 1fr) !important;\n }\n &.Desktopgrid6 {\n grid-template-columns: repeat(6, 1fr) !important;\n }\n &.Desktopspacing0 {\n gap: 0px;\n }\n &.Desktopspacing2 {\n gap: 2px;\n }\n &.Desktopspacing5 {\n gap: 5px;\n }\n &.Desktopspacing10 {\n gap: 10px;\n }\n &.Desktopspacing20 {\n gap: 20px;\n }\n &.Desktopspacing30 {\n gap: 30px;\n }\n @media (max-width: 1024px) {\n &.Tabletgrid1 {\n grid-template-columns: repeat(1, 1fr) !important;\n }\n &.Tabletgrid2 {\n grid-template-columns: repeat(2, 1fr) !important;\n }\n &.Tabletgrid3 {\n grid-template-columns: repeat(3, 1fr) !important;\n }\n &.Tabletgrid4 {\n grid-template-columns: repeat(4, 1fr) !important;\n }\n &.Tabletgrid5 {\n grid-template-columns: repeat(5, 1fr) !important;\n }\n &.Tabletgrid6 {\n grid-template-columns: repeat(6, 1fr) !important;\n }\n &.Tabletspacing0 {\n gap: 0px;\n }\n &.Tabletspacing2 {\n gap: 2px;\n }\n &.Tabletspacing5 {\n gap: 5px;\n }\n &.Tabletspacing10 {\n gap: 10px;\n }\n &.Tabletspacing20 {\n gap: 20px;\n }\n &.Tabletspacing30 {\n gap: 30px;\n }\n }\n @media (max-width: 767px) {\n &.Mobilegrid1 {\n grid-template-columns: repeat(1, 1fr) !important;\n }\n &.Mobilegrid2 {\n grid-template-columns: repeat(2, 1fr) !important;\n }\n &.Mobilepacing0 {\n gap: 0px;\n }\n &.Mobilepacing2 {\n gap: 2px;\n }\n &.Mobilepacing5 {\n gap: 5px;\n }\n &.Mobilepacing10 {\n gap: 10px;\n }\n &.Mobilepacing20 {\n gap: 20px;\n }\n &.Mobilepacing30 {\n gap: 30px;\n }\n }\n }\n }\n}\n// slider btn css start\nbody {\n .wp-block-create-block-dynamicblocks {\n .db-block-preview-container {\n .db-preview-main-product-wrap {\n .owl-carousel {\n width: calc(100% - 80px);\n margin: auto;\n .owl-nav {\n top: 0;\n left: -40px;\n right: -40px;\n bottom: 0;\n justify-content: space-between;\n pointer-events: none;\n & > * {\n background-color: transparent !important;\n color: #000 !important;\n margin: 0 !important;\n pointer-events: all;\n &:hover {\n background-color: #674399 !important;\n color: #FFFFFF !important;\n }\n }\n }\n }\n }\n }\n }\n}\n// slider btn css end\n// grid caurosel end"],"names":[],"sourceRoot":""}