text: define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
    "use strict";
  
    var _templateObject_d1e9d3b0012611ec9676957c409166bc;
  
    var $_documentContainer = (0, _htmlTag.html)(_templateObject_d1e9d3b0012611ec9676957c409166bc || (_templateObject_d1e9d3b0012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-progress-bar\" theme-for=\"vaadin-progress-bar\">\n  <template>\n    <style>\n      :host {\n        height: 4px;\n        margin: 8px 0;\n        position: relative;\n        overflow: hidden;\n      }\n\n      :host::before {\n        content: \"\";\n        display: block;\n        height: 100%;\n        background-color: var(--material-primary-color);\n        opacity: 0.16;\n      }\n\n      [part=\"bar\"] {\n        position: absolute;\n        top: 0;\n        width: 100%;\n        transform: scaleX(var(--vaadin-progress-value));\n        transform-origin: 0 0;\n      }\n\n      [part=\"value\"] {\n        transform: none;\n        background-color: var(--material-primary-color);\n      }\n\n      /* Indeterminate */\n\n      :host([indeterminate]) [part=\"bar\"] {\n        left: -100%;\n        animation: primary-indeterminate-translate 2s infinite linear;\n      }\n\n      :host([indeterminate]) [part=\"value\"] {\n        animation: primary-indeterminate-scale 2s infinite linear;\n      }\n\n      @keyframes primary-indeterminate-translate {\n        0% {\n          transform: translateX(0);\n        }\n\n        20% {\n          animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n          transform: translateX(0);\n        }\n\n        59.15% {\n          animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n          transform: translateX(83.67142%);\n        }\n\n        100% {\n          transform: translateX(200.611057%);\n        }\n      }\n\n      @keyframes primary-indeterminate-scale {\n        0% {\n          transform: scaleX(.08);\n        }\n\n        36.65% {\n          animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);\n          transform: scaleX(.08);\n        }\n\n        69.15% {\n          animation-timing-function: cubic-bezier(.06, .11, .6, 1);\n          transform: scaleX(.661479);\n        }\n\n        100% {\n          transform: scaleX(.08);\n        }\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"bar\"] {\n        transform-origin: 100% 0;\n      }\n\n      :host([indeterminate][dir=\"rtl\"]) [part=\"bar\"] {\n        left: auto;\n        right: -100%;\n        animation: primary-indeterminate-translate-rtl 2s infinite linear;\n      }\n\n      @keyframes primary-indeterminate-translate-rtl {\n        0% {\n          transform: translateX(0);\n        }\n\n        20% {\n          animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n          transform: translateX(0);\n        }\n\n        59.15% {\n          animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n          transform: translateX(-83.67142%);\n        }\n\n        100% {\n          transform: translateX(-200.611057%);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"])));
    document.head.appendChild($_documentContainer.content);
  });