{"version":3,"file":"progress-bar-item/style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;EACI;EACA;EACA;EACA;AAAJ;AAEI;EACI;AAAR;AAEQ;EACI;AAAZ;AAGQ;EACI;AADZ;AAIQ;EACI;EACA;EACA;EACA;EACA;AAFZ;AAIY;EACI;EACA;EACA;EACA;EACA;EACA;AAFhB;AAKY;EACI;EACA;EACA;EACA;EACA;EACA;AAHhB;;AAUA;EACI;IACI;EAPN;EASE;IACI;EAPN;AACF,C","sources":["webpack://wpopus/./src/progress-bar-item/style.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n.wp-block-wpopus-progress-bars {\r\n    --wpopus-progress-bar-item-color: #ff5f54;\r\n    --wpopus-progress-bar-item-base-color: #dddddd;\r\n    --wpopus-progress-bar-item-height: 5px;\r\n    --wpopus-progress-bar-item-value: 80%;\r\n\r\n    .wp-block-wpopus-progress-bar-item {\r\n        width: 100%;\r\n        \r\n        &:not(:first-child) {\r\n            margin-top: 25px;\r\n        }\r\n        \r\n        .wpopus-progress-bar-item-title {\r\n            margin: 0 0 4px;\r\n        }\r\n\r\n        .wpopus-progress-bar-item-wrapper {\r\n            width: 100%;\r\n            height: auto;\r\n            background-color: var( --wpopus-progress-bar-item-base-color );\r\n            border-radius: 2px;\r\n            position: relative;\r\n            \r\n            .wpopus-progress-bar-item-value {\r\n                position: absolute;\r\n                top: auto;\r\n                bottom: 100%;\r\n                left: auto;\r\n                right: 0;\r\n                margin: 0;\r\n            }\r\n\r\n            .wpopus-progress-bar-item {\r\n                border-radius: 2px;\r\n                height: var( --wpopus-progress-bar-item-height );\r\n                background-color: var( --wpopus-progress-bar-item-color );\r\n                display: flex;\r\n                justify-content: flex-end;\r\n                animation: wpopus-progress-bar-width 1s normal forwards;\r\n\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes wpopus-progress-bar-width {\r\n    from {\r\n        width: 0;\r\n    }\r\n    to {\r\n        width: var( --wpopus-progress-bar-item-value );\r\n    }\r\n}"],"names":[],"sourceRoot":""}