{"version":3,"file":"thread-item/style-index.css","mappings":";;;AAEC;EACC;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;AAFH;AAKE;EACC;EACA;AAHH;AAKG;EACC;EACA;EACA;EACA;EACA;AAHJ;AAOE;EACC;EACA;EAUA;AAdH;AAMG;EACC;EACA;EACA;EACA;EACA;AAJJ;AAQG;EACC;EACA;AANJ;AASG;EACC;EACA;EACA;AAPJ;AASI;EACC;EACA;AAPL;AASK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPN;AAUK;EACC;EACA;AARN;AAaG;EACC;EACA;EACA;EACA;KAAA;EACA;AAXJ;AAcG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZJ;AAeG;EACC;AAbJ;AAgBG;EACC;AAdJ;AAiBG;EACC;AAfJ;AAkBG;EAEC;IACC;EAjBH;AACF;AAoBG;EACC;AAlBJ;AAyBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBH;AAyBG;EACC;EACA;AAvBJ;AA4BI;EACC;EACA;EACA;EACA;AA1BL;AA4BK;EACC;EACA;EACA;EACA;KAAA;EACA;AA1BN;AA8BI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5BL;AA8BK;EACC;EACA;EACA;AA5BN;;AAoCA;EAIE;IACC;EApCD;EAuCA;IACC;IACA;EArCD;AACF,C","sources":["webpack://thread-block/./src/thread-item/style.scss"],"sourcesContent":[".wp-block-buntywp-thread-item {\n\n\t.thread-section {\n\t\tdisplay: flex;\n\t\tgap: 15px;\n\t\tposition: relative;\n\n\t\t.thread-line {\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\ttop: 10px;\n\t\t\tbottom: 0;\n\t\t\t// background-color: black;\n\t\t\ttransform: translateX(-50%);\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t.thread-item-left {\n\t\t\tposition: relative;\n\t\t\tpadding-top: 10px;\n\n\t\t\timg {\n\t\t\t\twidth: 50px;\n\t\t\t\theight: 50px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tz-index: 1;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\n\t\t.thread-item-right {\n\t\t\tflex: 1;\n\t\t\tpadding: 10px;\n\n\t\t\t.thread-images-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\t\t\t\tgap: 10px;\n\t\t\t\tmargin: 10px 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t/* Single image treatment */\n\t\t\t.thread-images-grid:has(.thread-image-item:only-child) {\n\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\tmax-width: 500px;\n\t\t\t}\n\n\t\t\t.thread-image-item {\n\t\t\t\tposition: relative;\n\t\t\t\tborder-radius: 12px;\n\t\t\t\toverflow: hidden;\n\n\t\t\t\t.thread-image {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t.lightbox-trigger {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 3px;\n\t\t\t\t\t\tright: 6px;\n\t\t\t\t\t\ttransition: opacity 0.2s ease;\n\t\t\t\t\t\tbackground-color: rgba(90, 90, 90, 0.2509803922);\n\t\t\t\t\t\t-webkit-backdrop-filter: blur(16px) saturate(180%);\n\t\t\t\t\t\tbackdrop-filter: blur(16px) saturate(180%);\n\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\tpadding: 4px 0;\n\t\t\t\t\t\tcursor: zoom-in;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover button.lightbox-trigger {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\ttransition: opacity 0.2s ease;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.thread-image-item img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: auto;\n\t\t\t\tmax-height: 350px;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.remove-image-button {\n\t\t\t\tposition: absolute !important;\n\t\t\t\ttop: 8px;\n\t\t\t\tright: 8px;\n\t\t\t\tbackground-color: rgba(0, 0, 0, 0.5) !important;\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t\tpadding: 4px !important;\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.2s ease;\n\t\t\t}\n\n\t\t\t.thread-image-item:hover .remove-image-button {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.remove-image-button svg {\n\t\t\t\tfill: #fff;\n\t\t\t}\n\n\t\t\t.thread-image-actions {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\n\t\t\t@media (max-width: 600px) {\n\n\t\t\t\t.thread-images-grid {\n\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.thread-images-grid {\n\n\t\t&.single-image {\n\t\t\tposition: fixed;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.9);\n\t\t\tz-index: 1000;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\topacity: 1;\n\t\t\ttransition: opacity 0.3s ease;\n\n\t\t\t&.hide {\n\t\t\t\topacity: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\t.thread-image-item {\n\n\t\t\t\t&.full-width {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tmax-width: 90%;\n\t\t\t\t\tmax-height: 90%;\n\t\t\t\t\tmargin: 0 auto;\n\n\t\t\t\t\timg {\n\t\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\t\tmax-height: 90vh;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\t\tbox-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.remove-popup-button {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: -40px;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tpadding: 10px;\n\t\t\t\t\tz-index: 2;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tfill: #fff;\n\t\t\t\t\t\twidth: 24px;\n\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media (max-width: 768px) {\n\n\t.thread-images-grid.single-image {\n\n\t\t.thread-image-item.full-width {\n\t\t\tmax-width: 95%;\n\t\t}\n\n\t\t.remove-popup-button {\n\t\t\ttop: -30px;\n\t\t\tright: -10px;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}