{"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//  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":""}