{"version":3,"file":"slider/index.css","mappings":";;;AAAA;;;;EAAA;AAMA;EACC;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;AAAD;;AAKC;;EAEC;AAFF;;AAQC;EACC;AALF;AAOE;EACC;EACA;EACA;AALH;AAQE;EACC;EACA;EACA;EACA;EACA;AANH;AAUC;EACC;EACA;AARF;AAWC;EACC;AATF;AAYC;;EAEC;AAVF;;AAcA;EACC;EACA;EACA;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD;;AAgBA;EAKC;EACA;AAjBD;AAmBC;EACC;AAjBF;AAoBC;EACC;EACA;AAlBF;AAqBC;;;EAGC;EACA;EACA;EACA;AAnBF;AAsBC;EACC;AApBF;AAuBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBF;AAwBC;EAMC;EACA;AA3BF,C","sources":["webpack://blablablocks-slider-block/./src/slider/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.slide_effects > .components-base-control {\n\twidth: 100%;\n}\n\n.autoplay-progress {\n\tposition: absolute;\n\tright: 16px;\n\tbottom: 16px;\n\tz-index: 10;\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: 700;\n\tcolor: var(--swiper-theme-color);\n}\n\n.autoplay-progress svg {\n\t--progress: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 10;\n\twidth: 100%;\n\theight: 100%;\n\tstroke-width: 4px;\n\tstroke: var(--swiper-theme-color);\n\tfill: none;\n\tstroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n\tstroke-dasharray: 125.6;\n\ttransform: rotate(-90deg);\n}\n\n.slider_color_popover .components-popover__content > div {\n\tmargin: -8px;\n\twidth: 260px;\n}\n\n.slider_color_popover {\n\n\t.components-tab-panel__tab-content,\n\t.ls-color-pallete-container {\n\t\tpadding: 18px;\n\t}\n}\n\n.slider_color-support-panel {\n\n\t.components-dropdown {\n\t\twidth: 100%;\n\n\t\t&:nth-child(1) {\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-top-left-radius: 2px;\n\t\t\tborder-top-right-radius: 2px;\n\t\t}\n\n\t\t&:nth-child(2) {\n\t\t\tborder-left: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-bottom: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-right: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-bottom-left-radius: 2px;\n\t\t\tborder-bottom-right-radius: 2px;\n\t\t}\n\t}\n\n\tbutton {\n\t\twidth: 100%;\n\t\tpadding: 20px 10px;\n\t}\n\n\t.slider_color_button.isOpen {\n\t\tbackground-color: #f0f0f0;\n\t}\n\n\t.slider_color_button:hover span,\n\t.slider_color_button.isOpen span {\n\t\tcolor: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));\n\t}\n}\n\n.block-editor-block-preview__container::after {\n\tborder-radius: 4px;\n\toutline: 1px solid #0000001a;\n\toutline-offset: -1px;\n}\n\n.slider-pattern-item:hover .block-editor-block-preview__container::after {\n\toutline-color: #0000004d;\n}\n\n.responsive_field_control .components-base-control__help {\n\tmargin-top: 2px;\n}\n\n.bbb-slider-navigation-position > div[role=\"row\"]:nth-child(2) > span:not(:nth-child(2)) {\n\tvisibility: hidden;\n}\n\n.bbb-slider-pagination-position {\n\tgrid-template-rows: repeat(2, 1fr) !important;\n}\n\n.bbb-slider-pagination-position > div[role=\"row\"]:nth-child(2) {\n\tdisplay: none;\n}\n\n// Query Loop editor preview:\n// visually approximate slides-per-view + spacing (no Swiper init)\n.wp-block-blablablocks-slider.bbb-slider-source-query {\n\t// The Slider block declares a `layout` support (flex nowrap).\n\t// When we render a Notice + Swiper in query mode,\n\t// that layout can place them side-by-side and shrink the swiper area.\n\t// Force a vertical stack and full-width query preview.\n\tflex-direction: column !important;\n\talign-items: stretch !important;\n\n\t>.components-notice {\n\t\twidth: 100% !important;\n\t}\n\n\t>.swiper {\n\t\twidth: 100% !important;\n\t\tflex: 1 1 auto !important;\n\t}\n\n\t.bbb-slider-query-inner,\n\t.bbb-slider-query-inner .wp-block-query,\n\t.bbb-slider-query-inner .block-editor-block-list__block.wp-block-query {\n\t\twidth: 100% !important;\n\t\tmax-width: 100% !important;\n\t\tmargin-left: 0 !important;\n\t\tmargin-right: 0 !important;\n\t}\n\n\t.swiper {\n\t\toverflow: hidden;\n\t}\n\n\t.bbb-slider-query-inner .wp-block-post-template {\n\t\tdisplay: flex !important;\n\t\tflex-direction: row !important;\n\t\tflex-wrap: nowrap !important;\n\t\tgap: var(--bbb-editor-space-between, 0) !important;\n\t\tgrid-template-columns: none !important;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.bbb-slider-query-inner .wp-block-post-template > * {\n\t\t// Avoid dividing by a CSS variable\n\t\t// some editor contexts can drop the whole value.\n\t\t// We precompute inverse + gap count in JS and only multiply here.\n\t\t$bbb-editor-slide-size: calc((100% - (var(--bbb-editor-slides-per-view-gap-count, 0) * var(--bbb-editor-space-between, 0px))) * var(--bbb-editor-slides-per-view-inverse, 1));\n\n\t\tflex: 0 0 $bbb-editor-slide-size !important;\n\t\tmax-width: $bbb-editor-slide-size !important;\n\t}\n}\n"],"names":[],"sourceRoot":""}