{"version":3,"file":"./style-index.css","mappings":"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","sources":["webpack://progress-bar/./src/style.scss"],"sourcesContent":["// ═══════════════════════════════════════════════════════════════════════════════\n//  WBD Progress Bar — Frontend Styles  v1.2.0\n// ═══════════════════════════════════════════════════════════════════════════════\n\n// ─── Base ─────────────────────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar { width: 100%; margin: 1em 0; }\n\n// ─── Label ───────────────────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar .progress-name {\n\tdisplay: flex; align-items: center; gap: 8px;\n\tfont-size: 14px; font-weight: 600; color: #333;\n\tmargin-bottom: 8px; line-height: 1.4;\n}\n.wp-block-wpbb-wbd-progress-bar .progress-name--below { margin-top: 8px; margin-bottom: 0; }\n.wp-block-wpbb-wbd-progress-bar .progress-icon { width: 1.2em; height: 1.2em; flex-shrink: 0; }\n\n// ─── Track / fill ─────────────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar .progress-track-wrapper { position: relative; width: 100%; }\n.wp-block-wpbb-wbd-progress-bar .progress-track {\n\tposition: relative; width: 100%; height: 12px; border-radius: 999px;\n\toverflow: hidden; background-color: #e5e5e5;\n}\n.wp-block-wpbb-wbd-progress-bar .progress-fill {\n\tposition: relative; height: 100%; border-radius: 999px;\n\tbackground-color: #4CAF50; transition: width 0.3s ease;\n\tdisplay: flex; align-items: center; justify-content: center; overflow: hidden;\n}\n.wp-block-wpbb-wbd-progress-bar .progress-percentage {\n\tposition: absolute; font-size: 10px; font-weight: 600;\n\tcolor: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.2); line-height: 1; white-space: nowrap;\n}\n\n// ─── Percentage positions ─────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar .progress-percentage-above {\n\ttext-align: right; margin-bottom: 4px; font-weight: 600; font-size: 10px;\n}\n.wp-block-wpbb-wbd-progress-bar .progress-percentage-outside {\n\tfont-weight: 600; white-space: nowrap; font-size: 10px; flex-shrink: 0;\n}\n\n// ─── Milestone ────────────────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar .progress-milestone {\n\tposition: absolute; top: 0; bottom: 0; transform: translateX(-50%); pointer-events: none; z-index: 2;\n}\n.wp-block-wpbb-wbd-progress-bar .progress-milestone-line { display: block; width: 2px; height: 100%; background: rgba(0,0,0,.5); }\n.wp-block-wpbb-wbd-progress-bar .progress-milestone-label {\n\tposition: absolute; top: -22px; left: 50%; transform: translateX(-50%);\n\twhite-space: nowrap; font-size: 10px; font-weight: 600;\n\tbackground: rgba(0,0,0,.75); color: #fff; padding: 2px 6px; border-radius: 3px;\n}\n\n// ─── Tooltip ──────────────────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar .progress-track-wrapper.has-tooltip {\n\tposition: relative; cursor: pointer;\n\t&::after {\n\t\tcontent: attr(data-tooltip);\n\t\tposition: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);\n\t\tbackground: rgba(0,0,0,.8); color: #fff; font-size: 12px;\n\t\tpadding: 4px 10px; border-radius: 4px; white-space: nowrap;\n\t\topacity: 0; pointer-events: none; transition: opacity .2s; z-index: 10;\n\t}\n\t&:hover::after { opacity: 1; }\n}\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  PRO LOCKED FRONTEND OVERLAY\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-pro-frontend-overlay {\n\tposition: relative;\n\tmin-height: 120px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: repeating-linear-gradient(\n\t\t-45deg,\n\t\t#f8f4ff,\n\t\t#f8f4ff 10px,\n\t\t#fff 10px,\n\t\t#fff 20px\n\t);\n\tborder: 2px dashed #ce93d8;\n\tborder-radius: 8px;\n\tpadding: 24px 20px;\n\tmargin: 1em 0;\n\n\t.wbd-pro-frontend-inner {\n\t\ttext-align: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t}\n\n\t.wbd-pro-frontend-icon  { font-size: 26px; line-height: 1; }\n\n\t.wbd-pro-frontend-title {\n\t\tfont-size: 15px;\n\t\tfont-weight: 700;\n\t\tcolor: #3d0066;\n\t\tmargin: 0;\n\t}\n\n\t.wbd-pro-frontend-desc {\n\t\tfont-size: 12px;\n\t\tcolor: #757575;\n\t\tmargin: 0;\n\t}\n\n\t.wbd-pro-frontend-btn {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tmargin-top: 6px;\n\t\tbackground: linear-gradient(135deg, #7b2d8b, #1a73e8);\n\t\tcolor: #fff;\n\t\tfont-size: 13px;\n\t\tfont-weight: 700;\n\t\tpadding: 8px 18px;\n\t\tborder-radius: 6px;\n\t\ttext-decoration: none;\n\t\ttransition: opacity .15s;\n\n\t\t&:hover { opacity: .88; color: #fff; }\n\t}\n}\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  ORIGINAL STYLE VARIATIONS\n// ═══════════════════════════════════════════════════════════════════════════════\n.wp-block-wpbb-wbd-progress-bar.is-style-thin   .progress-track { height: 6px; }\n.wp-block-wpbb-wbd-progress-bar.is-style-thin   .progress-percentage { font-size: 8px; }\n.wp-block-wpbb-wbd-progress-bar.is-style-medium .progress-track { height: 12px; }\n.wp-block-wpbb-wbd-progress-bar.is-style-medium .progress-percentage { font-size: 10px; }\n.wp-block-wpbb-wbd-progress-bar.is-style-thick  .progress-track { height: 20px; }\n.wp-block-wpbb-wbd-progress-bar.is-style-thick  .progress-percentage { font-size: 12px; }\n\n.wp-block-wpbb-wbd-progress-bar.is-style-striped .progress-fill {\n\tbackground-image: repeating-linear-gradient(45deg, rgba(255,255,255,.25), rgba(255,255,255,.25) 10px, rgba(255,255,255,.05) 10px, rgba(255,255,255,.05) 20px);\n\tbackground-size: 40px 40px;\n\tanimation: wbd-striped-move 1.2s linear infinite;\n}\n@keyframes wbd-striped-move { from { background-position: 0 0; } to { background-position: 40px 0; } }\n\n// ─── Original circle style ────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar.is-style-circle { display: flex; justify-content: center; gap: 12px; }\n.wp-block-wpbb-wbd-progress-bar .progress-circle { position: relative; width: 120px; height: 120px; }\n.wp-block-wpbb-wbd-progress-bar .progress-circle svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n.wp-block-wpbb-wbd-progress-bar .circle-bg   { fill: none; stroke: #e5e5e5; stroke-width: 3.8; }\n.wp-block-wpbb-wbd-progress-bar .circle-fill { fill: none; stroke-width: 3.8; stroke-linecap: round; transition: stroke-dasharray .6s ease; }\n.wp-block-wpbb-wbd-progress-bar .circle-percentage { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-weight: 600; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  RADIAL (new circular mode)\n// ═══════════════════════════════════════════════════════════════════════════════\n.wp-block-wpbb-wbd-progress-bar .wbd-radial-wrap  { display: flex; flex-direction: column; align-items: center; }\n.wp-block-wpbb-wbd-progress-bar .wbd-radial-outer { display: inline-block; position: relative; }\n.wp-block-wpbb-wbd-progress-bar .wbd-radial-svg   { display: block; transform: rotate(-90deg); }\n.wp-block-wpbb-wbd-progress-bar .wbd-radial-fill  { transition: stroke-dasharray 1.2s ease; }\n.wp-block-wpbb-wbd-progress-bar .wbd-radial-text  { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n.wp-block-wpbb-wbd-progress-bar .wbd-radial-number { font-weight: 700; line-height: 1; }\n.wp-block-wpbb-wbd-progress-bar .wbd-radial-label  { text-align: center; font-weight: 600; margin-top: 8px; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  GROUP / SKILLS\n// ═══════════════════════════════════════════════════════════════════════════════\n.wp-block-wpbb-wbd-progress-bar .wbd-group-wrap  { width: 100%; }\n.wp-block-wpbb-wbd-progress-bar .wbd-group-row   { width: 100%; }\n.wp-block-wpbb-wbd-progress-bar .wbd-group-label { font-weight: 600; font-size: 14px; color: #333; line-height: 1.4; }\n.wp-block-wpbb-wbd-progress-bar .wbd-group-pct   { font-weight: 600; font-size: 13px; white-space: nowrap; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  COUNTER\n// ═══════════════════════════════════════════════════════════════════════════════\n.wp-block-wpbb-wbd-progress-bar .wbd-counter-wrap   { text-align: center; }\n.wp-block-wpbb-wbd-progress-bar .wbd-counter-number { font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }\n.wp-block-wpbb-wbd-progress-bar .wbd-counter-label  { font-size: 14px; margin-top: 6px; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  10 LINEAR TEMPLATE STYLES\n// ═══════════════════════════════════════════════════════════════════════════════\n.wp-block-wpbb-wbd-progress-bar.wbd-template-ocean-blue    { .progress-name{color:#1a1a2e} .progress-track{background:#d2e3fc;border-radius:999px} .progress-fill{background:#1a73e8;border-radius:999px} .progress-percentage{color:#fff} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-sunset-fire   { .progress-name{color:#2d1b0e} .progress-track{background:#ffe8e0;border-radius:999px} .progress-fill{background:linear-gradient(90deg,#ff6b35,#f7c59f);border-radius:999px} .progress-percentage{color:#fff} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-forest-green  { .progress-name{color:#1b4332} .progress-track{background:#d8f3dc;border-radius:4px} .progress-fill{background:linear-gradient(90deg,#2d6a4f,#74c69d);border-radius:4px} .progress-percentage{color:#d8f3dc} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-purple-galaxy { .progress-name{color:#3d0066} .progress-track{background:#f3e5f5;border-radius:999px} .progress-fill{background:linear-gradient(90deg,#7b2d8b,#ce93d8);border-radius:999px} .progress-percentage{color:#fff} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-golden-hour   { .progress-name{color:#4a3500} .progress-track{background:#fff8e1;border-radius:999px} .progress-fill{background:linear-gradient(90deg,#f9a825,#fff176);border-radius:999px} .progress-percentage{color:#4a3500} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-midnight-dark { background:#1a2332;border-radius:8px;padding:12px 16px; .progress-name{color:#eceff1} .progress-track{background:#263238;border-radius:0} .progress-fill{background:#00e5ff;border-radius:0} .progress-percentage{color:#000} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-rose-pink     { .progress-name{color:#880e4f} .progress-track{background:#fce4f3;border-radius:999px} .progress-fill{background:linear-gradient(90deg,#e91e8c,#f48fb1);border-radius:999px} .progress-percentage{color:#fff} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-arctic-ice    { .progress-name{color:#01579b} .progress-track{background:#e1f5fe;border-radius:999px} .progress-fill{background:linear-gradient(90deg,#4fc3f7,#e1f5fe);border-radius:999px} .progress-percentage{color:#003d6b} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-corporate-gray{ .progress-name{color:#263238} .progress-track{background:#eceff1;border-radius:2px} .progress-fill{background:#546e7a;border-radius:2px} .progress-percentage{color:#fff} }\n.wp-block-wpbb-wbd-progress-bar.wbd-template-lemon-lime    { .progress-name{color:#33691e} .progress-track{background:#f1f8e9;border-radius:999px} .progress-fill{background:linear-gradient(90deg,#76c442,#dce775);border-radius:999px} .progress-percentage{color:#1b5e20} }\n\n// ─── Scroll animation init state ──────────────────────────────────────────────\n[data-wbd-animate=\"true\"] .progress-fill,\n[data-wbd-animate=\"true\"].wbd-radial-fill { transition: none !important; }\n\n// ─── Responsive ──────────────────────────────────────────────────────────────\n@media (max-width: 768px) {\n\t.wp-block-wpbb-wbd-progress-bar { margin: .75em 0; }\n\t.wp-block-wpbb-wbd-progress-bar .progress-name { font-size: 13px; gap: 6px; }\n\t.wp-block-wpbb-wbd-progress-bar .progress-percentage { font-size: 9px; }\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thin  .progress-percentage { font-size: 7px; }\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thick .progress-percentage { font-size: 11px; }\n}\n@media (max-width: 480px) {\n\t.wp-block-wpbb-wbd-progress-bar .progress-name  { font-size: 12px; margin-bottom: 6px; }\n\t.wp-block-wpbb-wbd-progress-bar .progress-track { height: 10px; }\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thin  .progress-track { height: 6px; }\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thick .progress-track { height: 16px; }\n}"],"names":[],"ignoreList":[],"sourceRoot":""}