mdc.linear-progress.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690
  1. /**
  2. * @license
  3. * Copyright Google LLC All Rights Reserved.
  4. *
  5. * Use of this source code is governed by an MIT-style license that can be
  6. * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
  7. */
  8. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate {
  9. 0% {
  10. -webkit-transform: translateX(0);
  11. transform: translateX(0);
  12. }
  13. 20% {
  14. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  15. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  16. -webkit-transform: translateX(0);
  17. transform: translateX(0);
  18. }
  19. 59.15% {
  20. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  21. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  22. /* @noflip */
  23. /*rtl:ignore*/
  24. -webkit-transform: translateX(83.67142%);
  25. transform: translateX(83.67142%);
  26. /* @alternate */
  27. /* @noflip */
  28. /*rtl:ignore*/
  29. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  30. transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  31. }
  32. 100% {
  33. /* @noflip */
  34. /*rtl:ignore*/
  35. -webkit-transform: translateX(200.611057%);
  36. transform: translateX(200.611057%);
  37. /* @alternate */
  38. /* @noflip */
  39. /*rtl:ignore*/
  40. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  41. transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  42. }
  43. }
  44. @keyframes mdc-linear-progress-primary-indeterminate-translate {
  45. 0% {
  46. -webkit-transform: translateX(0);
  47. transform: translateX(0);
  48. }
  49. 20% {
  50. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  51. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  52. -webkit-transform: translateX(0);
  53. transform: translateX(0);
  54. }
  55. 59.15% {
  56. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  57. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  58. /* @noflip */
  59. /*rtl:ignore*/
  60. -webkit-transform: translateX(83.67142%);
  61. transform: translateX(83.67142%);
  62. /* @alternate */
  63. /* @noflip */
  64. /*rtl:ignore*/
  65. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  66. transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  67. }
  68. 100% {
  69. /* @noflip */
  70. /*rtl:ignore*/
  71. -webkit-transform: translateX(200.611057%);
  72. transform: translateX(200.611057%);
  73. /* @alternate */
  74. /* @noflip */
  75. /*rtl:ignore*/
  76. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  77. transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  78. }
  79. }
  80. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale {
  81. 0% {
  82. -webkit-transform: scaleX(0.08);
  83. transform: scaleX(0.08);
  84. }
  85. 36.65% {
  86. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  87. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  88. -webkit-transform: scaleX(0.08);
  89. transform: scaleX(0.08);
  90. }
  91. 69.15% {
  92. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  93. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  94. -webkit-transform: scaleX(0.661479);
  95. transform: scaleX(0.661479);
  96. }
  97. 100% {
  98. -webkit-transform: scaleX(0.08);
  99. transform: scaleX(0.08);
  100. }
  101. }
  102. @keyframes mdc-linear-progress-primary-indeterminate-scale {
  103. 0% {
  104. -webkit-transform: scaleX(0.08);
  105. transform: scaleX(0.08);
  106. }
  107. 36.65% {
  108. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  109. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  110. -webkit-transform: scaleX(0.08);
  111. transform: scaleX(0.08);
  112. }
  113. 69.15% {
  114. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  115. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  116. -webkit-transform: scaleX(0.661479);
  117. transform: scaleX(0.661479);
  118. }
  119. 100% {
  120. -webkit-transform: scaleX(0.08);
  121. transform: scaleX(0.08);
  122. }
  123. }
  124. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate {
  125. 0% {
  126. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  127. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  128. -webkit-transform: translateX(0);
  129. transform: translateX(0);
  130. }
  131. 25% {
  132. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  133. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  134. /* @noflip */
  135. /*rtl:ignore*/
  136. -webkit-transform: translateX(37.651913%);
  137. transform: translateX(37.651913%);
  138. /* @alternate */
  139. /* @noflip */
  140. /*rtl:ignore*/
  141. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  142. transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  143. }
  144. 48.35% {
  145. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  146. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  147. /* @noflip */
  148. /*rtl:ignore*/
  149. -webkit-transform: translateX(84.386165%);
  150. transform: translateX(84.386165%);
  151. /* @alternate */
  152. /* @noflip */
  153. /*rtl:ignore*/
  154. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  155. transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  156. }
  157. 100% {
  158. /* @noflip */
  159. /*rtl:ignore*/
  160. -webkit-transform: translateX(160.277782%);
  161. transform: translateX(160.277782%);
  162. /* @alternate */
  163. /* @noflip */
  164. /*rtl:ignore*/
  165. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  166. transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  167. }
  168. }
  169. @keyframes mdc-linear-progress-secondary-indeterminate-translate {
  170. 0% {
  171. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  172. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  173. -webkit-transform: translateX(0);
  174. transform: translateX(0);
  175. }
  176. 25% {
  177. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  178. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  179. /* @noflip */
  180. /*rtl:ignore*/
  181. -webkit-transform: translateX(37.651913%);
  182. transform: translateX(37.651913%);
  183. /* @alternate */
  184. /* @noflip */
  185. /*rtl:ignore*/
  186. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  187. transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  188. }
  189. 48.35% {
  190. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  191. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  192. /* @noflip */
  193. /*rtl:ignore*/
  194. -webkit-transform: translateX(84.386165%);
  195. transform: translateX(84.386165%);
  196. /* @alternate */
  197. /* @noflip */
  198. /*rtl:ignore*/
  199. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  200. transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  201. }
  202. 100% {
  203. /* @noflip */
  204. /*rtl:ignore*/
  205. -webkit-transform: translateX(160.277782%);
  206. transform: translateX(160.277782%);
  207. /* @alternate */
  208. /* @noflip */
  209. /*rtl:ignore*/
  210. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  211. transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  212. }
  213. }
  214. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale {
  215. 0% {
  216. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  217. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  218. -webkit-transform: scaleX(0.08);
  219. transform: scaleX(0.08);
  220. }
  221. 19.15% {
  222. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  223. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  224. -webkit-transform: scaleX(0.457104);
  225. transform: scaleX(0.457104);
  226. }
  227. 44.15% {
  228. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  229. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  230. -webkit-transform: scaleX(0.72796);
  231. transform: scaleX(0.72796);
  232. }
  233. 100% {
  234. -webkit-transform: scaleX(0.08);
  235. transform: scaleX(0.08);
  236. }
  237. }
  238. @keyframes mdc-linear-progress-secondary-indeterminate-scale {
  239. 0% {
  240. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  241. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  242. -webkit-transform: scaleX(0.08);
  243. transform: scaleX(0.08);
  244. }
  245. 19.15% {
  246. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  247. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  248. -webkit-transform: scaleX(0.457104);
  249. transform: scaleX(0.457104);
  250. }
  251. 44.15% {
  252. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  253. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  254. -webkit-transform: scaleX(0.72796);
  255. transform: scaleX(0.72796);
  256. }
  257. 100% {
  258. -webkit-transform: scaleX(0.08);
  259. transform: scaleX(0.08);
  260. }
  261. }
  262. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  263. 0% {
  264. -webkit-transform: translateX(0);
  265. transform: translateX(0);
  266. }
  267. 20% {
  268. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  269. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  270. -webkit-transform: translateX(0);
  271. transform: translateX(0);
  272. }
  273. 59.15% {
  274. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  275. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  276. /* @noflip */
  277. /*rtl:ignore*/
  278. -webkit-transform: translateX(-83.67142%);
  279. transform: translateX(-83.67142%);
  280. /* @alternate */
  281. /* @noflip */
  282. /*rtl:ignore*/
  283. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  284. transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  285. }
  286. 100% {
  287. /* @noflip */
  288. /*rtl:ignore*/
  289. -webkit-transform: translateX(-200.611057%);
  290. transform: translateX(-200.611057%);
  291. /* @alternate */
  292. /* @noflip */
  293. /*rtl:ignore*/
  294. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  295. transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  296. }
  297. }
  298. @keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  299. 0% {
  300. -webkit-transform: translateX(0);
  301. transform: translateX(0);
  302. }
  303. 20% {
  304. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  305. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  306. -webkit-transform: translateX(0);
  307. transform: translateX(0);
  308. }
  309. 59.15% {
  310. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  311. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  312. /* @noflip */
  313. /*rtl:ignore*/
  314. -webkit-transform: translateX(-83.67142%);
  315. transform: translateX(-83.67142%);
  316. /* @alternate */
  317. /* @noflip */
  318. /*rtl:ignore*/
  319. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  320. transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  321. }
  322. 100% {
  323. /* @noflip */
  324. /*rtl:ignore*/
  325. -webkit-transform: translateX(-200.611057%);
  326. transform: translateX(-200.611057%);
  327. /* @alternate */
  328. /* @noflip */
  329. /*rtl:ignore*/
  330. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  331. transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  332. }
  333. }
  334. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  335. 0% {
  336. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  337. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  338. -webkit-transform: translateX(0);
  339. transform: translateX(0);
  340. }
  341. 25% {
  342. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  343. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  344. /* @noflip */
  345. /*rtl:ignore*/
  346. -webkit-transform: translateX(-37.651913%);
  347. transform: translateX(-37.651913%);
  348. /* @alternate */
  349. /* @noflip */
  350. /*rtl:ignore*/
  351. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  352. transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  353. }
  354. 48.35% {
  355. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  356. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  357. /* @noflip */
  358. /*rtl:ignore*/
  359. -webkit-transform: translateX(-84.386165%);
  360. transform: translateX(-84.386165%);
  361. /* @alternate */
  362. /* @noflip */
  363. /*rtl:ignore*/
  364. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  365. transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  366. }
  367. 100% {
  368. /* @noflip */
  369. /*rtl:ignore*/
  370. -webkit-transform: translateX(-160.277782%);
  371. transform: translateX(-160.277782%);
  372. /* @alternate */
  373. /* @noflip */
  374. /*rtl:ignore*/
  375. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  376. transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  377. }
  378. }
  379. @keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  380. 0% {
  381. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  382. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  383. -webkit-transform: translateX(0);
  384. transform: translateX(0);
  385. }
  386. 25% {
  387. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  388. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  389. /* @noflip */
  390. /*rtl:ignore*/
  391. -webkit-transform: translateX(-37.651913%);
  392. transform: translateX(-37.651913%);
  393. /* @alternate */
  394. /* @noflip */
  395. /*rtl:ignore*/
  396. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  397. transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  398. }
  399. 48.35% {
  400. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  401. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  402. /* @noflip */
  403. /*rtl:ignore*/
  404. -webkit-transform: translateX(-84.386165%);
  405. transform: translateX(-84.386165%);
  406. /* @alternate */
  407. /* @noflip */
  408. /*rtl:ignore*/
  409. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  410. transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  411. }
  412. 100% {
  413. /* @noflip */
  414. /*rtl:ignore*/
  415. -webkit-transform: translateX(-160.277782%);
  416. transform: translateX(-160.277782%);
  417. /* @alternate */
  418. /* @noflip */
  419. /*rtl:ignore*/
  420. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  421. transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  422. }
  423. }
  424. @-webkit-keyframes mdc-linear-progress-buffering-reverse {
  425. from {
  426. /* @noflip */
  427. /*rtl:ignore*/
  428. -webkit-transform: translateX(-10px);
  429. transform: translateX(-10px);
  430. }
  431. }
  432. @keyframes mdc-linear-progress-buffering-reverse {
  433. from {
  434. /* @noflip */
  435. /*rtl:ignore*/
  436. -webkit-transform: translateX(-10px);
  437. transform: translateX(-10px);
  438. }
  439. }
  440. .mdc-linear-progress {
  441. position: relative;
  442. width: 100%;
  443. -webkit-transform: translateZ(0);
  444. transform: translateZ(0);
  445. outline: 1px solid transparent;
  446. overflow-x: hidden;
  447. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  448. }
  449. @media screen and (forced-colors: active) {
  450. .mdc-linear-progress {
  451. outline-color: CanvasText;
  452. }
  453. }
  454. .mdc-linear-progress__bar {
  455. position: absolute;
  456. top: 0;
  457. bottom: 0;
  458. margin: auto 0;
  459. width: 100%;
  460. -webkit-animation: none;
  461. animation: none;
  462. -webkit-transform-origin: top left;
  463. transform-origin: top left;
  464. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  465. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  466. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  467. }
  468. .mdc-linear-progress__bar-inner {
  469. display: inline-block;
  470. position: absolute;
  471. width: 100%;
  472. -webkit-animation: none;
  473. animation: none;
  474. border-top-style: solid;
  475. }
  476. .mdc-linear-progress__buffer {
  477. display: flex;
  478. position: absolute;
  479. top: 0;
  480. bottom: 0;
  481. margin: auto 0;
  482. width: 100%;
  483. overflow: hidden;
  484. }
  485. .mdc-linear-progress__buffer-dots {
  486. background-repeat: repeat-x;
  487. flex: auto;
  488. /* @noflip */
  489. /*rtl:ignore*/
  490. -webkit-transform: rotate(180deg);
  491. transform: rotate(180deg);
  492. -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");
  493. mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");
  494. -webkit-animation: mdc-linear-progress-buffering 250ms infinite linear;
  495. animation: mdc-linear-progress-buffering 250ms infinite linear;
  496. }
  497. .mdc-linear-progress__buffer-bar {
  498. flex: 0 1 100%;
  499. transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  500. }
  501. .mdc-linear-progress__primary-bar {
  502. -webkit-transform: scaleX(0);
  503. transform: scaleX(0);
  504. }
  505. .mdc-linear-progress__secondary-bar {
  506. display: none;
  507. }
  508. .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  509. transition: none;
  510. }
  511. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  512. left: -145.166611%;
  513. }
  514. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  515. left: -54.888891%;
  516. display: block;
  517. }
  518. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  519. -webkit-animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
  520. animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
  521. }
  522. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  523. -webkit-animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
  524. animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
  525. }
  526. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  527. -webkit-animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
  528. animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
  529. }
  530. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  531. -webkit-animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
  532. animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
  533. }
  534. [dir=rtl] .mdc-linear-progress, .mdc-linear-progress[dir=rtl] {
  535. /*rtl:begin:ignore*/
  536. /*rtl:end:ignore*/
  537. }
  538. [dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar {
  539. /* @noflip */
  540. /*rtl:ignore*/
  541. right: 0;
  542. /* @noflip */
  543. /*rtl:ignore*/
  544. -webkit-transform-origin: center right;
  545. /* @noflip */
  546. /*rtl:ignore*/
  547. transform-origin: center right;
  548. }
  549. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  550. -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  551. animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  552. }
  553. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  554. -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  555. animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  556. }
  557. [dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots {
  558. -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  559. animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  560. /* @noflip */
  561. /*rtl:ignore*/
  562. -webkit-transform: rotate(0);
  563. transform: rotate(0);
  564. }
  565. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  566. /* @noflip */
  567. /*rtl:ignore*/
  568. right: -145.166611%;
  569. /* @noflip */
  570. /*rtl:ignore*/
  571. left: auto;
  572. }
  573. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  574. /* @noflip */
  575. /*rtl:ignore*/
  576. right: -54.888891%;
  577. /* @noflip */
  578. /*rtl:ignore*/
  579. left: auto;
  580. }
  581. .mdc-linear-progress--closed {
  582. opacity: 0;
  583. }
  584. .mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots {
  585. -webkit-animation: none;
  586. animation: none;
  587. }
  588. .mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,
  589. .mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
  590. -webkit-animation: none;
  591. animation: none;
  592. }
  593. @-webkit-keyframes mdc-linear-progress-buffering {
  594. from {
  595. /* @noflip */
  596. /*rtl:ignore*/
  597. -webkit-transform: rotate(180deg) translateX(calc(4px * -2.5));
  598. transform: rotate(180deg) translateX(calc(4px * -2.5));
  599. /* @alternate */
  600. -webkit-transform: rotate(180deg) translateX(calc(var(--mdc-linear-progress-track-height, 4px) * -2.5));
  601. transform: rotate(180deg) translateX(calc(var(--mdc-linear-progress-track-height, 4px) * -2.5));
  602. }
  603. }
  604. @keyframes mdc-linear-progress-buffering {
  605. from {
  606. /* @noflip */
  607. /*rtl:ignore*/
  608. -webkit-transform: rotate(180deg) translateX(calc(4px * -2.5));
  609. transform: rotate(180deg) translateX(calc(4px * -2.5));
  610. /* @alternate */
  611. -webkit-transform: rotate(180deg) translateX(calc(var(--mdc-linear-progress-track-height, 4px) * -2.5));
  612. transform: rotate(180deg) translateX(calc(var(--mdc-linear-progress-track-height, 4px) * -2.5));
  613. }
  614. }
  615. .mdc-linear-progress__bar-inner {
  616. border-color: #6200ee;
  617. /* @alternate */
  618. border-color: var(--mdc-linear-progress-active-indicator-color, #6200ee);
  619. }
  620. .mdc-linear-progress__buffer-dots {
  621. background-color: #e6e6e6;
  622. /* @alternate */
  623. background-color: var(--mdc-linear-progress-track-color, #e6e6e6);
  624. }
  625. @media (forced-colors: active) {
  626. .mdc-linear-progress__buffer-dots {
  627. background-color: ButtonBorder;
  628. }
  629. }
  630. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  631. .mdc-linear-progress__buffer-dots {
  632. background-color: transparent;
  633. background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
  634. }
  635. }
  636. .mdc-linear-progress__buffer-bar {
  637. background-color: #e6e6e6;
  638. /* @alternate */
  639. background-color: var(--mdc-linear-progress-track-color, #e6e6e6);
  640. }
  641. .mdc-linear-progress {
  642. height: max(4px, 4px);
  643. /* @alternate */
  644. height: max(var(--mdc-linear-progress-track-height, 4px), var(--mdc-linear-progress-active-indicator-height, 4px));
  645. }
  646. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  647. .mdc-linear-progress {
  648. height: 4px;
  649. }
  650. }
  651. .mdc-linear-progress__bar {
  652. height: 4px;
  653. /* @alternate */
  654. height: var(--mdc-linear-progress-active-indicator-height, 4px);
  655. }
  656. .mdc-linear-progress__bar-inner {
  657. border-top-width: 4px;
  658. /* @alternate */
  659. border-top-width: var(--mdc-linear-progress-active-indicator-height, 4px);
  660. }
  661. .mdc-linear-progress__buffer {
  662. height: 4px;
  663. /* @alternate */
  664. height: var(--mdc-linear-progress-track-height, 4px);
  665. }
  666. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  667. .mdc-linear-progress__buffer-dots {
  668. background-size: 10px 4px;
  669. /* @alternate */
  670. background-size: 10px var(--mdc-linear-progress-track-height, 4px);
  671. }
  672. }
  673. .mdc-linear-progress__buffer {
  674. border-radius: 0px;
  675. /* @alternate */
  676. border-radius: var(--mdc-linear-progress-track-shape, 0px);
  677. }
  678. /*# sourceMappingURL=mdc.linear-progress.css.map*/