{"version":3,"file":"./style-index.css","mappings":";;;AACA;EACC;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;;AAEA;;AACA;EACC;AADD;;AAIA;EACC;AADD;;AAIA;;AACA;EACC;AADD;;AAIA;EACC;AADD;;AAIA;;AACA;EACC;AADD;;AAIA;EACC;AADD;;AAIA;;AACA;EACC;IACC;EADA;EAID;IACC;IACA;EAFA;EAKD;IACC;EAHA;EAMD;IACC;EAJA;EAOD;IACC;EALA;AACF;;AAQA;;AACA;EACC;IACC;IACA;EANA;EASD;IACC;EAPA;EAUD;IACC;EARA;EAWD;IACC;EATA;AACF,C","sources":["webpack://progress-bar/./src/style.scss"],"sourcesContent":["\n.wp-block-wpbb-wbd-progress-bar {\n\twidth: 100%;\n\tmargin: 1em 0;\n}\n\n.wp-block-wpbb-wbd-progress-bar .progress-name {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcolor: #333;\n\tmargin-bottom: 8px;\n\tline-height: 1.4;\n}\n\n.wp-block-wpbb-wbd-progress-bar .progress-icon {\n\twidth: 1.2em;\n\theight: 1.2em;\n\tflex-shrink: 0;\n}\n\n.wp-block-wpbb-wbd-progress-bar .progress-track {\n\tposition: relative;\n\twidth: 100%;\n\theight: 12px;\n\tborder-radius: 999px;\n\toverflow: hidden;\n\tbackground-color: #e5e5e5;\n}\n\n.wp-block-wpbb-wbd-progress-bar .progress-fill {\n\tposition: relative;\n\theight: 100%;\n\tborder-radius: 999px;\n\tbackground-color: #4CAF50;\n\ttransition: width 0.3s ease;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.wp-block-wpbb-wbd-progress-bar .progress-percentage {\n\tposition: absolute;\n\tfont-size: 10px;\n\tfont-weight: 600;\n\tcolor: #fff;\n\ttext-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n\tline-height: 1;\n\twhite-space: nowrap;\n}\n\n/* Style Variations */\n\n/* Thin variant - 6px height */\n.wp-block-wpbb-wbd-progress-bar.is-style-thin .progress-track {\n\theight: 6px;\n}\n\n.wp-block-wpbb-wbd-progress-bar.is-style-thin .progress-percentage {\n\tfont-size: 8px;\n}\n\n/* Medium variant - 12px height (default) */\n.wp-block-wpbb-wbd-progress-bar.is-style-medium .progress-track {\n\theight: 12px;\n}\n\n.wp-block-wpbb-wbd-progress-bar.is-style-medium .progress-percentage {\n\tfont-size: 10px;\n}\n\n/* Thick variant - 20px height */\n.wp-block-wpbb-wbd-progress-bar.is-style-thick .progress-track {\n\theight: 20px;\n}\n\n.wp-block-wpbb-wbd-progress-bar.is-style-thick .progress-percentage {\n\tfont-size: 12px;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n\t.wp-block-wpbb-wbd-progress-bar {\n\t\tmargin: 0.75em 0;\n\t}\n\n\t.wp-block-wpbb-wbd-progress-bar .progress-name {\n\t\tfont-size: 13px;\n\t\tgap: 6px;\n\t}\n\n\t.wp-block-wpbb-wbd-progress-bar .progress-percentage {\n\t\tfont-size: 9px;\n\t}\n\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thin .progress-percentage {\n\t\tfont-size: 7px;\n\t}\n\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thick .progress-percentage {\n\t\tfont-size: 11px;\n\t}\n}\n\n/* Ensure proper rendering on small screens */\n@media (max-width: 480px) {\n\t.wp-block-wpbb-wbd-progress-bar .progress-name {\n\t\tfont-size: 12px;\n\t\tmargin-bottom: 6px;\n\t}\n\n\t.wp-block-wpbb-wbd-progress-bar .progress-track {\n\t\theight: 10px;\n\t}\n\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thin .progress-track {\n\t\theight: 6px;\n\t}\n\n\t.wp-block-wpbb-wbd-progress-bar.is-style-thick .progress-track {\n\t\theight: 16px;\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}