{"version":3,"file":"index.css","mappings":";;;AAEC;EACC;EACA;AADF;;AAIA;EAAoD;AAApD;;AAKA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAFD;;AAKA;EACC;EACA;EACA;EACA;AAFD;;AAIC;EACC;EACA;AAFF;;AAGE;EAAU;AAAZ;;AAGA;EAAgB;EAAa;AAE7B;;AAEA;EACC;EACA;EACA;EACA;AACD;;AACA;EACC;EAAe;EAAqB;EACpC;EAAqB;EACrB;EAAoB;EACpB;EAAiB;EAAa;EAC9B;AAQD;;AAPC;EAAU;EAAkB;AAW7B;;AATA;EACC;EAAuB;EAAa;EACpC;EAAoB;EAAmC;AAgBxD;;AAdA;EAAsB;EAAiB;EAAkB;EAAgB;AAqBzE;;AAhBA;EACC;EAAe;EACf;EAAU;EAAiB;AAsB5B;;AApBA;EACC;EAAe;EAAwB;EAAqB;EAC5D;EAAqB;EAA0B;EAC/C;EAAsB;EAAiB;EACvC;AA8BD;;AA7BC;EAAO;EAAiB;EAAkB;EAAgB;EAAoB;AAoC/E;;AAnCC;EAAW;EAAkB;AAuC9B;;AAtCC;EAAc;EAAoD;AA0CnE;;AApCA;EACC;EAAqB;EACrB;EAAoB;EAAoB;AA0CzC;;AAxCA;EAAyB;EAAe;EAAqB;EAAgC;AA+C7F;;AA9CA;EACC;EAAiB;EAAkB;EAAa;EAChD;EAAoB;EAAa;EACjC;EAAe;EAAqB;AAwDrC;;AAtDA;EACC;EAAkB;EAAc;EAAgB;EAChD;EAAiB;EAAkB;EAAgB;AA+DpD;;AA9DC;EAAU;AAiEX;;AA/DA;EACC;EAAgB;EAAa;EAC7B;EAAqB;EAAa;EAAc;EAChD;EAAiB;EAAiB;EAAkB;EACpD;AA0ED;;AAzEC;EAAU;AA4EX;;AAxEA;EAAsB;EAAoB;EAAQ;EAAW;EAA6B;EAAsB;AAiFhH;;AAhFA;EAA2B;EAAgB;EAAY;EAAc;AAuFrE;;AAtFA;EACC;EAAoB;EAAY;EAAW;EAC3C;EAAqB;EAAiB;EACtC;EAAa;EAAkB;AAgGhC,C","sources":["webpack://progress-bar/./src/editor.scss"],"sourcesContent":["// ─── Editor focus ring ────────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar {\n\t&:focus, &.is-selected {\n\t\toutline: 1px solid var(--wp-admin-theme-color);\n\t\toutline-offset: 2px;\n\t}\n}\n.components-base-control .components-color-picker { margin-top: 8px; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  HELP BANNER (top of sidebar)\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-help-banner {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tbackground: linear-gradient(135deg, #f0f4ff 0%, #faf5ff 100%);\n\tborder-bottom: 1px solid #e0e0e0;\n\tmargin-bottom: 0;\n}\n\n.wbd-help-links {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n\tfont-size: 12px;\n\n\ta {\n\t\tcolor: #1a73e8;\n\t\ttext-decoration: none;\n\t\t&:hover { text-decoration: underline; }\n\t}\n}\n.wbd-help-sep { color: #bbb; font-size: 11px; }\n\n// ─── LINEAR TEMPLATE GRID\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-template-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 1fr);\n\tgap: 8px;\n\tmargin-top: 4px;\n}\n.wbd-template-btn {\n\tdisplay: flex; align-items: center; gap: 8px;\n\tbackground: #f6f7f7; border: 1px solid #ddd;\n\tborder-radius: 4px; padding: 7px 10px;\n\tcursor: pointer; width: 100%; text-align: left;\n\ttransition: border-color .15s, background .15s;\n\t&:hover { background: #fff; border-color: var(--wp-admin-theme-color, #007cba); }\n}\n.wbd-template-swatch {\n\tdisplay: inline-block; width: 28px; height: 28px;\n\tborder-radius: 50%; border: 1px solid rgba(0,0,0,.12); flex-shrink: 0;\n}\n.wbd-template-label { font-size: 12px; font-weight: 500; color: #1e1e1e; line-height: 1.3; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  CIRCULAR THEME GRID\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-circular-theme-grid {\n\tdisplay: grid; grid-template-columns: repeat(2, 1fr);\n\tgap: 8px; margin-top: 4px; margin-bottom: 16px;\n}\n.wbd-circular-theme-btn {\n\tdisplay: flex; flex-direction: column; align-items: center; gap: 4px;\n\tbackground: #f6f7f7; border: 1.5px solid #ddd; border-radius: 6px;\n\tpadding: 8px 4px 6px; cursor: pointer; width: 100%;\n\ttransition: border-color .15s, background .15s;\n\tspan { font-size: 10px; font-weight: 500; color: #1e1e1e; text-align: center; line-height: 1.2; }\n\t&:hover  { background: #fff; border-color: var(--wp-admin-theme-color, #007cba); }\n\t&.is-active { border-color: var(--wp-admin-theme-color, #007cba); background: #e8f0fe; }\n}\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  GROUP ITEM EDITOR\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-group-item-editor {\n\tbackground: #f9f9f9; border: 1px solid #e0e0e0;\n\tborder-radius: 6px; padding: 10px 12px; margin-bottom: 10px;\n}\n.wbd-group-item-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }\n.wbd-group-item-num {\n\tfont-size: 11px; font-weight: 700; color: #888; background: #e0e0e0;\n\tborder-radius: 50%; width: 20px; height: 20px;\n\tdisplay: flex; align-items: center; justify-content: center;\n}\n.wbd-group-item-remove {\n\tbackground: none; border: none; color: #cc0000; cursor: pointer;\n\tfont-size: 13px; padding: 2px 4px; line-height: 1; border-radius: 3px;\n\t&:hover { background: #ffe0e0; }\n}\n.wbd-add-item-btn {\n\tdisplay: block; width: 100%; padding: 8px 0;\n\tbackground: #007cba; color: #fff; border: none; border-radius: 4px;\n\tcursor: pointer; font-size: 13px; font-weight: 600; margin-top: 4px;\n\ttransition: background .15s;\n\t&:hover { background: #005e8e; }\n}\n\n// ─── Milestone (editor preview) ───────────────────────────────────────────────\n.progress-milestone { position: absolute; top: 0; bottom: 0; transform: translateX(-50%); pointer-events: none; z-index: 2; }\n.progress-milestone-line { display: block; width: 2px; height: 100%; background: rgba(0,0,0,.5); }\n.progress-milestone-label {\n\tposition: absolute; top: -20px; left: 50%; transform: translateX(-50%);\n\twhite-space: nowrap; font-size: 10px; background: rgba(0,0,0,.7);\n\tcolor: #fff; padding: 1px 5px; border-radius: 3px;\n}"],"names":[],"ignoreList":[],"sourceRoot":""}