{"version":3,"file":"analyticsSync.css","mappings":";;;AACA;EAEI;EACA;EACA;AADJ;AAGI;EACI;EACA;EACA;EACA;AADR;AAGQ;EACI;EACA;AADZ;AAKQ;EACI;EACA;EACA;EACA;EACA;EACA;AAHZ;AAOQ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;AAPZ;AASY;EACI;EACA;AAPhB;AAWY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAThB;AAWgB;EACI;EACA;EACA;AATpB;AAYgB;EACI;AAVpB;AAagB;EACI;EACA;AAXpB;AAgBY;EACI;EACA;AAdhB;AAgBgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAdpB;AAgBoB;EACI;EACA;EACA;EACA;EACA;AAdxB;AAgBwB;EACI;EACA;EACA;EACA;EACA;EACA;AAd5B;AAgB4B;EACI;EACA;EACA;AAdhC;AAgBgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAdpC;AAmBwB;EACI;EACA;EACA;EACA;EACA;AAjB5B;AAmB4B;EACI;EACA;EACA;EACA;EACA;EACA;AAjBhC;AAoB4B;EACI;EACA;EACA;EACA;EACA;EACA;AAlBhC;;AA4BA;EACI;IACI;IACA;EAzBN;EA2BE;IACI;IACA;EAzBN;EA2BE;IACI;IACA;EAzBN;AACF;AA+BI;EAKI;AAjCR;;AAsCA;EACI;IACI;IACA;IACA;IACA;EAnCN;EAqCM;IACI;EAnCV;EAqCU;IACI;IACA;EAnCd;AACF,C","sources":["webpack://woo-archive/./src/components/ArchivedDataFilter/ArchivedDataFilter.scss"],"sourcesContent":["// Target the WooCommerce filter wrapper class\r\n.woocommerce-filters-filter.archm-archived-data-filter-wrapper {\r\n    // Match WooCommerce's filter styling - no extra margin needed as flex handles spacing\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n\r\n    .archm-archived-data-filter {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n\r\n        .components-base-control {\r\n            margin-bottom: 0;\r\n            width: 100%;\r\n        }\r\n\r\n        // Apply WooCommerce filters label styling (matches \"Show:\" label)\r\n        .woocommerce-filters-label {\r\n            padding: 0px 12px;\r\n            display: block;\r\n            font-weight: 500;\r\n            color: #1e1e1e;\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        // Apply WooCommerce dropdown button labels styling\r\n        .woocommerce-dropdown-button_labels {\r\n            // Match .woocommerce-dropdown-button_labels styling from screenshot\r\n            // Change padding from 0px to 8px for top/bottom (as shown in screenshot)\r\n            text-align: left;\r\n            padding: 0px 12px; // Top/bottom: 8px (not 0px), Left/right: 12px\r\n            min-height: 48px;\r\n            display: flex;\r\n            align-items: center;\r\n            width: 100%;\r\n            justify-content: space-around;\r\n\r\n            .components-base-control {\r\n                width: 100%;\r\n                margin-bottom: 0;\r\n            }\r\n\r\n            // Style the select input to match WooCommerce dropdowns\r\n            .components-select-control__input {\r\n                min-width: 280px;\r\n                width: 100%;\r\n                padding: 8px 12px;\r\n                min-height: 48px;\r\n                border: 1px solid #757575;\r\n                border-radius: 2px;\r\n                font-size: 13px;\r\n                line-height: 1.5;\r\n                background-color: #fff;\r\n                color: #1e1e1e;\r\n                cursor: pointer;\r\n\r\n                &:focus {\r\n                    border-color: #0073aa;\r\n                    box-shadow: 0 0 0 1px #0073aa;\r\n                    outline: 2px solid transparent;\r\n                }\r\n\r\n                &:hover {\r\n                    border-color: #1e1e1e;\r\n                }\r\n\r\n                &:disabled {\r\n                    opacity: 0.6;\r\n                    cursor: not-allowed;\r\n                }\r\n            }\r\n\r\n            // Backfill loader overlay\r\n            .archm-filter-wrapper {\r\n                position: relative;\r\n                width: 100%;\r\n\r\n                .archm-backfill-loader-overlay {\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    right: 0;\r\n                    bottom: 0;\r\n                    background-color: rgba(255, 255, 255, 0.98);\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: flex-start;\r\n                    z-index: 10;\r\n                    border-radius: 2px;\r\n                    padding: 0;\r\n                    min-height: 48px;\r\n                    border: 1px solid #757575;\r\n                    border-radius: 2px;\r\n\r\n                    .archm-backfill-loader-content {\r\n                        display: flex;\r\n                        align-items: center;\r\n                        gap: 12px;\r\n                        width: 100%;\r\n                        padding: 8px 12px;\r\n\r\n                        .archm-backfill-spinner {\r\n                            flex-shrink: 0;\r\n                            width: 20px;\r\n                            height: 20px;\r\n                            display: flex;\r\n                            align-items: center;\r\n                            justify-content: center;\r\n\r\n                            .archm-spinner-svg {\r\n                                width: 20px;\r\n                                height: 20px;\r\n                                color: #0073aa;\r\n\r\n                                .archm-spinner-circle {\r\n                                    stroke: #0073aa;\r\n                                    stroke-width: 2;\r\n                                    fill: none;\r\n                                    stroke-linecap: round;\r\n                                    stroke-dasharray: 31.416;\r\n                                    stroke-dashoffset: 31.416;\r\n                                    animation: archm-spinner-dash 2s ease-in-out infinite;\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .archm-backfill-text {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            gap: 0;\r\n                            flex: 1;\r\n                            align-items: flex-start;\r\n\r\n                            .archm-backfill-message {\r\n                                font-size: 13px;\r\n                                line-height: 1.5;\r\n                                color: #1e1e1e;\r\n                                font-weight: 400;\r\n                                margin: 0;\r\n                                padding: 0;\r\n                            }\r\n\r\n                            .archm-backfill-percentage {\r\n                                font-size: 13px;\r\n                                line-height: 1.5;\r\n                                color: #757575;\r\n                                font-weight: 500;\r\n                                margin: 0;\r\n                                padding: 0;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes archm-spinner-dash {\r\n    0% {\r\n        stroke-dasharray: 0 31.416;\r\n        stroke-dashoffset: 0;\r\n    }\r\n    50% {\r\n        stroke-dasharray: 15.708 15.708;\r\n        stroke-dashoffset: -7.854;\r\n    }\r\n    100% {\r\n        stroke-dasharray: 31.416 0;\r\n        stroke-dashoffset: -31.416;\r\n    }\r\n}\r\n\r\n// Ensure proper integration with WooCommerce filters flex container\r\n// Note: Double underscore (__) is the correct BEM naming convention\r\n.woocommerce-filters__basic-filters {\r\n    .woocommerce-filters-filter.archm-archived-data-filter-wrapper {\r\n        // Flex container handles spacing automatically\r\n        // Match the structure of other filters\r\n        // Use CSS order to ensure consistent positioning (always appears last)\r\n        // This prevents position changes when WooCommerce re-renders filters\r\n        order: 999;\r\n    }\r\n}\r\n\r\n// Responsive adjustments\r\n@media (max-width: 782px) {\r\n    .archm-archived-data-filter-wrapper {\r\n        display: block;\r\n        margin-left: 0;\r\n        margin-top: 12px;\r\n        width: 100%;\r\n\r\n        .archm-archived-data-filter {\r\n            width: 100%;\r\n\r\n            .components-select-control__input {\r\n                width: 100%;\r\n                min-width: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n"],"names":[],"sourceRoot":""}