mdc.data-table.css 40 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210
  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. .mdc-data-table__content {
  9. -moz-osx-font-smoothing: grayscale;
  10. -webkit-font-smoothing: antialiased;
  11. font-family: Roboto, sans-serif;
  12. /* @alternate */
  13. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14. font-size: 0.875rem;
  15. /* @alternate */
  16. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  17. line-height: 1.25rem;
  18. /* @alternate */
  19. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  20. font-weight: 400;
  21. /* @alternate */
  22. font-weight: var(--mdc-typography-body2-font-weight, 400);
  23. letter-spacing: 0.0178571429em;
  24. /* @alternate */
  25. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  26. text-decoration: inherit;
  27. /* @alternate */
  28. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  29. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  30. text-transform: inherit;
  31. /* @alternate */
  32. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  33. }
  34. .mdc-data-table {
  35. background-color: #fff;
  36. /* @alternate */
  37. background-color: var(--mdc-theme-surface, #fff);
  38. border-radius: 4px;
  39. /* @alternate */
  40. border-radius: var(--mdc-shape-medium, 4px);
  41. border-width: 1px;
  42. border-style: solid;
  43. border-color: rgba(0, 0, 0, 0.12);
  44. }
  45. .mdc-data-table .mdc-data-table__header-cell:first-child {
  46. border-top-left-radius: 4px;
  47. /* @alternate */
  48. border-top-left-radius: var(--mdc-shape-medium, 4px);
  49. }
  50. [dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] {
  51. /*rtl:begin:ignore*/
  52. border-top-right-radius: 4px;
  53. /* @alternate */
  54. border-top-right-radius: var(--mdc-shape-medium, 4px);
  55. border-top-left-radius: 0;
  56. /*rtl:end:ignore*/
  57. }
  58. .mdc-data-table .mdc-data-table__header-cell:last-child {
  59. border-top-right-radius: 4px;
  60. /* @alternate */
  61. border-top-right-radius: var(--mdc-shape-medium, 4px);
  62. }
  63. [dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] {
  64. /*rtl:begin:ignore*/
  65. border-top-left-radius: 4px;
  66. /* @alternate */
  67. border-top-left-radius: var(--mdc-shape-medium, 4px);
  68. border-top-right-radius: 0;
  69. /*rtl:end:ignore*/
  70. }
  71. .mdc-data-table.mdc-data-table--without-footer .mdc-data-table__row:last-child .mdc-data-table__cell:first-child {
  72. border-bottom-left-radius: 4px;
  73. /* @alternate */
  74. border-bottom-left-radius: var(--mdc-shape-medium, 4px);
  75. }
  76. [dir=rtl] .mdc-data-table.mdc-data-table--without-footer .mdc-data-table__row:last-child .mdc-data-table__cell:first-child, .mdc-data-table.mdc-data-table--without-footer .mdc-data-table__row:last-child .mdc-data-table__cell:first-child[dir=rtl] {
  77. /*rtl:begin:ignore*/
  78. border-bottom-right-radius: 4px;
  79. /* @alternate */
  80. border-bottom-right-radius: var(--mdc-shape-medium, 4px);
  81. border-bottom-left-radius: 0;
  82. /*rtl:end:ignore*/
  83. }
  84. .mdc-data-table.mdc-data-table--without-footer .mdc-data-table__row:last-child .mdc-data-table__cell:last-child {
  85. border-bottom-right-radius: 4px;
  86. /* @alternate */
  87. border-bottom-right-radius: var(--mdc-shape-medium, 4px);
  88. }
  89. [dir=rtl] .mdc-data-table.mdc-data-table--without-footer .mdc-data-table__row:last-child .mdc-data-table__cell:last-child, .mdc-data-table.mdc-data-table--without-footer .mdc-data-table__row:last-child .mdc-data-table__cell:last-child[dir=rtl] {
  90. /*rtl:begin:ignore*/
  91. border-bottom-left-radius: 4px;
  92. /* @alternate */
  93. border-bottom-left-radius: var(--mdc-shape-medium, 4px);
  94. border-bottom-right-radius: 0;
  95. /*rtl:end:ignore*/
  96. }
  97. .mdc-data-table__row {
  98. background-color: inherit;
  99. }
  100. .mdc-data-table__header-cell {
  101. background-color: #fff;
  102. /* @alternate */
  103. background-color: var(--mdc-theme-surface, #fff);
  104. }
  105. .mdc-data-table__row--selected {
  106. background-color: rgba(98, 0, 238, 0.04);
  107. }
  108. .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  109. .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  110. .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  111. border-color: rgba(0, 0, 0, 0.12);
  112. }
  113. .mdc-data-table__cell,
  114. .mdc-data-table__header-cell {
  115. border-bottom-color: rgba(0, 0, 0, 0.12);
  116. }
  117. .mdc-data-table__pagination {
  118. border-top-color: rgba(0, 0, 0, 0.12);
  119. }
  120. .mdc-data-table__cell,
  121. .mdc-data-table__header-cell {
  122. border-bottom-width: 1px;
  123. border-bottom-style: solid;
  124. }
  125. .mdc-data-table__pagination {
  126. border-top-width: 1px;
  127. border-top-style: solid;
  128. }
  129. .mdc-data-table__row:last-child .mdc-data-table__cell {
  130. border-bottom: none;
  131. }
  132. .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  133. background-color: rgba(0, 0, 0, 0.04);
  134. }
  135. .mdc-data-table__header-cell {
  136. color: rgba(0, 0, 0, 0.87);
  137. }
  138. .mdc-data-table__pagination-total,
  139. .mdc-data-table__pagination-rows-per-page-label,
  140. .mdc-data-table__cell {
  141. color: rgba(0, 0, 0, 0.87);
  142. }
  143. .mdc-data-table__row {
  144. height: 52px;
  145. }
  146. .mdc-data-table__pagination {
  147. min-height: 52px;
  148. }
  149. .mdc-data-table__header-row {
  150. height: 56px;
  151. }
  152. .mdc-data-table__cell,
  153. .mdc-data-table__header-cell {
  154. padding: 0 16px 0 16px;
  155. }
  156. .mdc-data-table__header-cell--checkbox,
  157. .mdc-data-table__cell--checkbox {
  158. /* @noflip */
  159. /*rtl:ignore*/
  160. padding-left: 4px;
  161. /* @noflip */
  162. /*rtl:ignore*/
  163. padding-right: 0;
  164. }
  165. [dir=rtl] .mdc-data-table__header-cell--checkbox, [dir=rtl] .mdc-data-table__cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], .mdc-data-table__cell--checkbox[dir=rtl] {
  166. /*rtl:begin:ignore*/
  167. /* @noflip */
  168. /*rtl:ignore*/
  169. padding-left: 0;
  170. /* @noflip */
  171. /*rtl:ignore*/
  172. padding-right: 4px;
  173. /*rtl:end:ignore*/
  174. }
  175. .mdc-data-table__cell {
  176. -moz-osx-font-smoothing: grayscale;
  177. -webkit-font-smoothing: antialiased;
  178. font-family: Roboto, sans-serif;
  179. /* @alternate */
  180. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  181. font-size: 0.875rem;
  182. /* @alternate */
  183. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  184. line-height: 1.25rem;
  185. /* @alternate */
  186. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  187. font-weight: 400;
  188. /* @alternate */
  189. font-weight: var(--mdc-typography-body2-font-weight, 400);
  190. letter-spacing: 0.0178571429em;
  191. /* @alternate */
  192. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  193. text-decoration: inherit;
  194. /* @alternate */
  195. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  196. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  197. text-transform: inherit;
  198. /* @alternate */
  199. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  200. }
  201. .mdc-data-table__cell {
  202. box-sizing: border-box;
  203. overflow: hidden;
  204. text-align: left;
  205. text-overflow: ellipsis;
  206. }
  207. [dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] {
  208. /*rtl:begin:ignore*/
  209. /* @noflip */
  210. /*rtl:ignore*/
  211. text-align: right;
  212. /*rtl:end:ignore*/
  213. }
  214. .mdc-data-table__cell--numeric {
  215. text-align: right;
  216. }
  217. [dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
  218. /*rtl:begin:ignore*/
  219. /* @noflip */
  220. /*rtl:ignore*/
  221. text-align: left;
  222. /*rtl:end:ignore*/
  223. }
  224. .mdc-data-table__cell--checkbox {
  225. width: 1px;
  226. }
  227. .mdc-data-table__header-cell {
  228. -moz-osx-font-smoothing: grayscale;
  229. -webkit-font-smoothing: antialiased;
  230. font-family: Roboto, sans-serif;
  231. /* @alternate */
  232. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  233. font-size: 0.875rem;
  234. /* @alternate */
  235. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  236. line-height: 1.375rem;
  237. /* @alternate */
  238. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  239. font-weight: 500;
  240. /* @alternate */
  241. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  242. letter-spacing: 0.0071428571em;
  243. /* @alternate */
  244. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  245. text-decoration: inherit;
  246. /* @alternate */
  247. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  248. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  249. text-transform: inherit;
  250. /* @alternate */
  251. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  252. }
  253. .mdc-data-table__header-cell {
  254. box-sizing: border-box;
  255. text-overflow: ellipsis;
  256. overflow: hidden;
  257. outline: none;
  258. /* @noflip */
  259. /*rtl:ignore*/
  260. text-align: left;
  261. }
  262. [dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
  263. /*rtl:begin:ignore*/
  264. /* @noflip */
  265. /*rtl:ignore*/
  266. text-align: right;
  267. /*rtl:end:ignore*/
  268. }
  269. .mdc-data-table__header-cell--numeric {
  270. text-align: right;
  271. }
  272. [dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
  273. /*rtl:begin:ignore*/
  274. /* @noflip */
  275. /*rtl:ignore*/
  276. text-align: left;
  277. /*rtl:end:ignore*/
  278. }
  279. .mdc-data-table__header-cell-wrapper {
  280. align-items: center;
  281. display: inline-flex;
  282. vertical-align: middle;
  283. }
  284. .mdc-data-table__header-cell--checkbox {
  285. width: 1px;
  286. }
  287. .mdc-data-table__sort-icon-button {
  288. width: 28px;
  289. height: 28px;
  290. padding: 2px;
  291. /* @noflip */
  292. /*rtl:ignore*/
  293. -webkit-transform: rotate(0.0001deg);
  294. transform: rotate(0.0001deg);
  295. /* @noflip */
  296. /*rtl:ignore*/
  297. margin-left: 4px;
  298. /* @noflip */
  299. /*rtl:ignore*/
  300. margin-right: 0;
  301. transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  302. transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  303. transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  304. opacity: 0;
  305. }
  306. .mdc-data-table__sort-icon-button .mdc-icon-button__focus-ring {
  307. max-height: 28px;
  308. max-width: 28px;
  309. }
  310. .mdc-data-table__sort-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
  311. width: 28px;
  312. height: 28px;
  313. margin-top: 0px;
  314. margin-bottom: 0px;
  315. margin-right: 0px;
  316. margin-left: 0px;
  317. }
  318. .mdc-data-table__sort-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
  319. max-height: 28px;
  320. max-width: 28px;
  321. }
  322. .mdc-data-table__sort-icon-button .mdc-icon-button__touch {
  323. position: absolute;
  324. top: 50%;
  325. height: 28px;
  326. /* @noflip */
  327. /*rtl:ignore*/
  328. left: 50%;
  329. width: 28px;
  330. /* @noflip */
  331. /*rtl:ignore*/
  332. -webkit-transform: translate(-50%, -50%);
  333. transform: translate(-50%, -50%);
  334. }
  335. [dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] {
  336. /*rtl:begin:ignore*/
  337. /* @noflip */
  338. /*rtl:ignore*/
  339. margin-left: 0;
  340. /* @noflip */
  341. /*rtl:ignore*/
  342. margin-right: 4px;
  343. /*rtl:end:ignore*/
  344. }
  345. .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button {
  346. /* @noflip */
  347. /*rtl:ignore*/
  348. margin-left: 0;
  349. /* @noflip */
  350. /*rtl:ignore*/
  351. margin-right: 4px;
  352. }
  353. [dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] {
  354. /*rtl:begin:ignore*/
  355. /* @noflip */
  356. /*rtl:ignore*/
  357. margin-left: 4px;
  358. /* @noflip */
  359. /*rtl:ignore*/
  360. margin-right: 0;
  361. /*rtl:end:ignore*/
  362. }
  363. .mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button {
  364. /* @noflip */
  365. /*rtl:ignore*/
  366. -webkit-transform: rotate(-180deg);
  367. transform: rotate(-180deg);
  368. }
  369. .mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  370. opacity: 1;
  371. }
  372. .mdc-data-table__header-cell--with-sort {
  373. cursor: pointer;
  374. }
  375. .mdc-data-table__sort-status-label {
  376. clip: rect(1px, 1px, 1px, 1px);
  377. height: 1px;
  378. overflow: hidden;
  379. position: absolute;
  380. white-space: nowrap;
  381. /* added line */
  382. width: 1px;
  383. }
  384. .mdc-data-table--sticky-header .mdc-data-table__header-cell {
  385. position: -webkit-sticky;
  386. position: sticky;
  387. top: 0;
  388. z-index: 1;
  389. }
  390. .mdc-data-table {
  391. -webkit-overflow-scrolling: touch;
  392. display: inline-flex;
  393. flex-direction: column;
  394. box-sizing: border-box;
  395. position: relative;
  396. }
  397. .mdc-data-table__table-container {
  398. -webkit-overflow-scrolling: touch;
  399. overflow-x: auto;
  400. width: 100%;
  401. }
  402. .mdc-data-table__table {
  403. min-width: 100%;
  404. border: 0;
  405. white-space: nowrap;
  406. border-spacing: 0;
  407. /**
  408. * With table-layout:fixed, table and column widths are defined by the width
  409. * of the first row of cells. Cells in subsequent rows do not affect column
  410. * widths. This results in a predictable table layout and may also speed up
  411. * rendering.
  412. */
  413. table-layout: fixed;
  414. }
  415. .mdc-data-table__header-cell {
  416. box-sizing: border-box;
  417. text-overflow: ellipsis;
  418. overflow: hidden;
  419. outline: none;
  420. /* @noflip */
  421. /*rtl:ignore*/
  422. text-align: left;
  423. }
  424. [dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
  425. /*rtl:begin:ignore*/
  426. /* @noflip */
  427. /*rtl:ignore*/
  428. text-align: right;
  429. /*rtl:end:ignore*/
  430. }
  431. .mdc-data-table__header-cell--numeric {
  432. text-align: right;
  433. }
  434. [dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
  435. /*rtl:begin:ignore*/
  436. /* @noflip */
  437. /*rtl:ignore*/
  438. text-align: left;
  439. /*rtl:end:ignore*/
  440. }
  441. .mdc-data-table__header-cell-wrapper {
  442. align-items: center;
  443. display: inline-flex;
  444. vertical-align: middle;
  445. }
  446. .mdc-data-table__cell {
  447. box-sizing: border-box;
  448. overflow: hidden;
  449. text-align: left;
  450. text-overflow: ellipsis;
  451. }
  452. [dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] {
  453. /*rtl:begin:ignore*/
  454. /* @noflip */
  455. /*rtl:ignore*/
  456. text-align: right;
  457. /*rtl:end:ignore*/
  458. }
  459. .mdc-data-table__cell--numeric {
  460. text-align: right;
  461. }
  462. [dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
  463. /*rtl:begin:ignore*/
  464. /* @noflip */
  465. /*rtl:ignore*/
  466. text-align: left;
  467. /*rtl:end:ignore*/
  468. }
  469. .mdc-data-table__pagination {
  470. box-sizing: border-box;
  471. display: flex;
  472. justify-content: flex-end;
  473. }
  474. .mdc-data-table__pagination-trailing {
  475. /* @noflip */
  476. /*rtl:ignore*/
  477. margin-left: 4px;
  478. /* @noflip */
  479. /*rtl:ignore*/
  480. margin-right: 0;
  481. align-items: center;
  482. display: flex;
  483. flex-wrap: wrap;
  484. justify-content: flex-end;
  485. }
  486. [dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] {
  487. /*rtl:begin:ignore*/
  488. /* @noflip */
  489. /*rtl:ignore*/
  490. margin-left: 0;
  491. /* @noflip */
  492. /*rtl:ignore*/
  493. margin-right: 4px;
  494. /*rtl:end:ignore*/
  495. }
  496. .mdc-data-table__pagination-navigation {
  497. align-items: center;
  498. display: flex;
  499. }
  500. .mdc-data-table__pagination-button {
  501. /* @noflip */
  502. /*rtl:ignore*/
  503. margin-left: 0;
  504. /* @noflip */
  505. /*rtl:ignore*/
  506. margin-right: 4px;
  507. }
  508. [dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
  509. /*rtl:begin:ignore*/
  510. /* @noflip */
  511. /*rtl:ignore*/
  512. -webkit-transform: rotate(180deg);
  513. transform: rotate(180deg);
  514. /*rtl:end:ignore*/
  515. }
  516. [dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] {
  517. /*rtl:begin:ignore*/
  518. /* @noflip */
  519. /*rtl:ignore*/
  520. margin-left: 4px;
  521. /* @noflip */
  522. /*rtl:ignore*/
  523. margin-right: 0;
  524. /*rtl:end:ignore*/
  525. }
  526. .mdc-data-table__pagination-total {
  527. /* @noflip */
  528. /*rtl:ignore*/
  529. margin-left: 14px;
  530. /* @noflip */
  531. /*rtl:ignore*/
  532. margin-right: 36px;
  533. white-space: nowrap;
  534. }
  535. [dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] {
  536. /*rtl:begin:ignore*/
  537. /* @noflip */
  538. /*rtl:ignore*/
  539. margin-left: 36px;
  540. /* @noflip */
  541. /*rtl:ignore*/
  542. margin-right: 14px;
  543. /*rtl:end:ignore*/
  544. }
  545. .mdc-data-table__pagination-rows-per-page {
  546. /* @noflip */
  547. /*rtl:ignore*/
  548. margin-left: 0;
  549. /* @noflip */
  550. /*rtl:ignore*/
  551. margin-right: 22px;
  552. align-items: center;
  553. display: inline-flex;
  554. }
  555. [dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] {
  556. /*rtl:begin:ignore*/
  557. /* @noflip */
  558. /*rtl:ignore*/
  559. margin-left: 22px;
  560. /* @noflip */
  561. /*rtl:ignore*/
  562. margin-right: 0;
  563. /*rtl:end:ignore*/
  564. }
  565. .mdc-data-table__pagination-rows-per-page-label {
  566. /* @noflip */
  567. /*rtl:ignore*/
  568. margin-left: 0;
  569. /* @noflip */
  570. /*rtl:ignore*/
  571. margin-right: 12px;
  572. white-space: nowrap;
  573. }
  574. [dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] {
  575. /*rtl:begin:ignore*/
  576. /* @noflip */
  577. /*rtl:ignore*/
  578. margin-left: 12px;
  579. /* @noflip */
  580. /*rtl:ignore*/
  581. margin-right: 0;
  582. /*rtl:end:ignore*/
  583. }
  584. .mdc-data-table__pagination-rows-per-page-select {
  585. min-width: 80px;
  586. /* @alternate */
  587. min-width: var(--mdc-menu-min-width, 80px);
  588. margin: 8px 0;
  589. }
  590. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  591. width: 100%;
  592. min-width: 80px;
  593. }
  594. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  595. height: 36px;
  596. }
  597. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  598. -webkit-transform: translateY(-27.25px) scale(1);
  599. transform: translateY(-27.25px) scale(1);
  600. }
  601. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  602. font-size: 0.75rem;
  603. }
  604. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  605. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  606. -webkit-transform: translateY(-24.75px) scale(0.75);
  607. transform: translateY(-24.75px) scale(0.75);
  608. }
  609. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  610. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  611. font-size: 1rem;
  612. }
  613. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake {
  614. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  615. animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  616. }
  617. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  618. 0% {
  619. /* @noflip */
  620. /*rtl:ignore*/
  621. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  622. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  623. }
  624. 33% {
  625. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  626. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  627. /* @noflip */
  628. /*rtl:ignore*/
  629. -webkit-transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  630. transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  631. }
  632. 66% {
  633. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  634. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  635. /* @noflip */
  636. /*rtl:ignore*/
  637. -webkit-transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  638. transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  639. }
  640. 100% {
  641. /* @noflip */
  642. /*rtl:ignore*/
  643. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  644. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  645. }
  646. }
  647. @keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  648. 0% {
  649. /* @noflip */
  650. /*rtl:ignore*/
  651. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  652. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  653. }
  654. 33% {
  655. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  656. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  657. /* @noflip */
  658. /*rtl:ignore*/
  659. -webkit-transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  660. transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  661. }
  662. 66% {
  663. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  664. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  665. /* @noflip */
  666. /*rtl:ignore*/
  667. -webkit-transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  668. transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  669. }
  670. 100% {
  671. /* @noflip */
  672. /*rtl:ignore*/
  673. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  674. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  675. }
  676. }
  677. .mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon {
  678. width: 20px;
  679. height: 20px;
  680. }
  681. .mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  682. max-width: calc(100% - 56px);
  683. }
  684. .mdc-data-table__pagination-rows-per-page-select .mdc-list-item.mdc-list-item--with-one-line {
  685. height: 36px;
  686. }
  687. .mdc-data-table__progress-indicator {
  688. display: none;
  689. position: absolute;
  690. width: 100%;
  691. }
  692. .mdc-data-table--in-progress .mdc-data-table__progress-indicator {
  693. display: block;
  694. }
  695. .mdc-data-table__scrim {
  696. background-color: #fff;
  697. /* @alternate */
  698. background-color: var(--mdc-theme-surface, #fff);
  699. height: 100%;
  700. opacity: 0.32;
  701. position: absolute;
  702. top: 0;
  703. width: 100%;
  704. }
  705. .mdc-data-table__sort-icon-button {
  706. color: rgba(0, 0, 0, 0.6);
  707. }
  708. .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
  709. background-color: rgba(0, 0, 0, 0.6);
  710. /* @alternate */
  711. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.6));
  712. }
  713. .mdc-data-table__sort-icon-button:hover .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
  714. opacity: 0.04;
  715. /* @alternate */
  716. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  717. }
  718. .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
  719. transition-duration: 75ms;
  720. opacity: 0.12;
  721. /* @alternate */
  722. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  723. }
  724. .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
  725. transition: opacity 150ms linear;
  726. }
  727. .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
  728. transition-duration: 75ms;
  729. opacity: 0.12;
  730. /* @alternate */
  731. opacity: var(--mdc-ripple-press-opacity, 0.12);
  732. }
  733. .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  734. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  735. }
  736. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  737. color: rgba(0, 0, 0, 0.87);
  738. }
  739. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
  740. background-color: rgba(0, 0, 0, 0.87);
  741. /* @alternate */
  742. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  743. }
  744. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
  745. opacity: 0.04;
  746. /* @alternate */
  747. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  748. }
  749. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
  750. transition-duration: 75ms;
  751. opacity: 0.12;
  752. /* @alternate */
  753. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  754. }
  755. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
  756. transition: opacity 150ms linear;
  757. }
  758. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
  759. transition-duration: 75ms;
  760. opacity: 0.12;
  761. /* @alternate */
  762. opacity: var(--mdc-ripple-press-opacity, 0.12);
  763. }
  764. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  765. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  766. }
  767. .mdc-data-table__progress-indicator {
  768. display: none;
  769. position: absolute;
  770. width: 100%;
  771. }
  772. .mdc-data-table--in-progress .mdc-data-table__progress-indicator {
  773. display: block;
  774. }
  775. .mdc-data-table__scrim {
  776. background-color: #fff;
  777. /* @alternate */
  778. background-color: var(--mdc-theme-surface, #fff);
  779. height: 100%;
  780. opacity: 0.32;
  781. position: absolute;
  782. top: 0;
  783. width: 100%;
  784. }
  785. .mdc-data-table__pagination {
  786. -moz-osx-font-smoothing: grayscale;
  787. -webkit-font-smoothing: antialiased;
  788. font-family: Roboto, sans-serif;
  789. /* @alternate */
  790. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  791. font-size: 0.875rem;
  792. /* @alternate */
  793. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  794. line-height: 1.25rem;
  795. /* @alternate */
  796. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  797. font-weight: 400;
  798. /* @alternate */
  799. font-weight: var(--mdc-typography-body2-font-weight, 400);
  800. letter-spacing: 0.0178571429em;
  801. /* @alternate */
  802. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  803. text-decoration: inherit;
  804. /* @alternate */
  805. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  806. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  807. text-transform: inherit;
  808. /* @alternate */
  809. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  810. }
  811. .mdc-data-table__pagination {
  812. box-sizing: border-box;
  813. display: flex;
  814. justify-content: flex-end;
  815. }
  816. .mdc-data-table__pagination-trailing {
  817. /* @noflip */
  818. /*rtl:ignore*/
  819. margin-left: 4px;
  820. /* @noflip */
  821. /*rtl:ignore*/
  822. margin-right: 0;
  823. align-items: center;
  824. display: flex;
  825. flex-wrap: wrap;
  826. justify-content: flex-end;
  827. }
  828. [dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] {
  829. /*rtl:begin:ignore*/
  830. /* @noflip */
  831. /*rtl:ignore*/
  832. margin-left: 0;
  833. /* @noflip */
  834. /*rtl:ignore*/
  835. margin-right: 4px;
  836. /*rtl:end:ignore*/
  837. }
  838. .mdc-data-table__pagination-navigation {
  839. align-items: center;
  840. display: flex;
  841. }
  842. .mdc-data-table__pagination-button {
  843. /* @noflip */
  844. /*rtl:ignore*/
  845. margin-left: 0;
  846. /* @noflip */
  847. /*rtl:ignore*/
  848. margin-right: 4px;
  849. }
  850. [dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
  851. /*rtl:begin:ignore*/
  852. /* @noflip */
  853. /*rtl:ignore*/
  854. -webkit-transform: rotate(180deg);
  855. transform: rotate(180deg);
  856. /*rtl:end:ignore*/
  857. }
  858. [dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] {
  859. /*rtl:begin:ignore*/
  860. /* @noflip */
  861. /*rtl:ignore*/
  862. margin-left: 4px;
  863. /* @noflip */
  864. /*rtl:ignore*/
  865. margin-right: 0;
  866. /*rtl:end:ignore*/
  867. }
  868. .mdc-data-table__pagination-total {
  869. /* @noflip */
  870. /*rtl:ignore*/
  871. margin-left: 14px;
  872. /* @noflip */
  873. /*rtl:ignore*/
  874. margin-right: 36px;
  875. white-space: nowrap;
  876. }
  877. [dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] {
  878. /*rtl:begin:ignore*/
  879. /* @noflip */
  880. /*rtl:ignore*/
  881. margin-left: 36px;
  882. /* @noflip */
  883. /*rtl:ignore*/
  884. margin-right: 14px;
  885. /*rtl:end:ignore*/
  886. }
  887. .mdc-data-table__pagination-rows-per-page {
  888. /* @noflip */
  889. /*rtl:ignore*/
  890. margin-left: 0;
  891. /* @noflip */
  892. /*rtl:ignore*/
  893. margin-right: 22px;
  894. align-items: center;
  895. display: inline-flex;
  896. }
  897. [dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] {
  898. /*rtl:begin:ignore*/
  899. /* @noflip */
  900. /*rtl:ignore*/
  901. margin-left: 22px;
  902. /* @noflip */
  903. /*rtl:ignore*/
  904. margin-right: 0;
  905. /*rtl:end:ignore*/
  906. }
  907. .mdc-data-table__pagination-rows-per-page-label {
  908. /* @noflip */
  909. /*rtl:ignore*/
  910. margin-left: 0;
  911. /* @noflip */
  912. /*rtl:ignore*/
  913. margin-right: 12px;
  914. white-space: nowrap;
  915. }
  916. [dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] {
  917. /*rtl:begin:ignore*/
  918. /* @noflip */
  919. /*rtl:ignore*/
  920. margin-left: 12px;
  921. /* @noflip */
  922. /*rtl:ignore*/
  923. margin-right: 0;
  924. /*rtl:end:ignore*/
  925. }
  926. .mdc-data-table__pagination-rows-per-page-select {
  927. min-width: 80px;
  928. /* @alternate */
  929. min-width: var(--mdc-menu-min-width, 80px);
  930. margin: 8px 0;
  931. }
  932. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  933. width: 100%;
  934. min-width: 80px;
  935. }
  936. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  937. height: 36px;
  938. }
  939. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  940. -webkit-transform: translateY(-27.25px) scale(1);
  941. transform: translateY(-27.25px) scale(1);
  942. }
  943. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  944. font-size: 0.75rem;
  945. }
  946. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  947. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  948. -webkit-transform: translateY(-24.75px) scale(0.75);
  949. transform: translateY(-24.75px) scale(0.75);
  950. }
  951. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  952. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  953. font-size: 1rem;
  954. }
  955. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake {
  956. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  957. animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  958. }
  959. @keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  960. 0% {
  961. /* @noflip */
  962. /*rtl:ignore*/
  963. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  964. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  965. }
  966. 33% {
  967. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  968. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  969. /* @noflip */
  970. /*rtl:ignore*/
  971. -webkit-transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  972. transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  973. }
  974. 66% {
  975. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  976. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  977. /* @noflip */
  978. /*rtl:ignore*/
  979. -webkit-transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  980. transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  981. }
  982. 100% {
  983. /* @noflip */
  984. /*rtl:ignore*/
  985. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  986. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
  987. }
  988. }
  989. .mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon {
  990. width: 20px;
  991. height: 20px;
  992. }
  993. .mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  994. max-width: calc(100% - 56px);
  995. }
  996. .mdc-data-table__pagination-rows-per-page-select .mdc-list-item.mdc-list-item--with-one-line {
  997. height: 36px;
  998. }
  999. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after,
  1000. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  1001. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  1002. background-color: #6200ee;
  1003. /* @alternate */
  1004. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  1005. }
  1006. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before,
  1007. .mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,
  1008. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  1009. opacity: 0.04;
  1010. /* @alternate */
  1011. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1012. }
  1013. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before,
  1014. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
  1015. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  1016. transition-duration: 75ms;
  1017. opacity: 0.12;
  1018. /* @alternate */
  1019. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1020. }
  1021. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after,
  1022. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  1023. transition: opacity 150ms linear;
  1024. }
  1025. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after,
  1026. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  1027. transition-duration: 75ms;
  1028. opacity: 0.12;
  1029. /* @alternate */
  1030. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1031. }
  1032. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
  1033. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  1034. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1035. }
  1036. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  1037. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,
  1038. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  1039. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  1040. background-color: #6200ee;
  1041. /* @alternate */
  1042. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  1043. }
  1044. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
  1045. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  1046. border-color: rgba(0, 0, 0, 0.54);
  1047. /* @alternate */
  1048. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1049. background-color: transparent;
  1050. }
  1051. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  1052. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  1053. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
  1054. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  1055. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  1056. .mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  1057. border-color: #6200ee;
  1058. /* @alternate */
  1059. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1060. background-color: #6200ee;
  1061. /* @alternate */
  1062. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1063. }
  1064. @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  1065. 0% {
  1066. border-color: rgba(0, 0, 0, 0.54);
  1067. /* @alternate */
  1068. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1069. background-color: transparent;
  1070. }
  1071. 50% {
  1072. border-color: #6200ee;
  1073. /* @alternate */
  1074. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1075. background-color: #6200ee;
  1076. /* @alternate */
  1077. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1078. }
  1079. }
  1080. @keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  1081. 0% {
  1082. border-color: rgba(0, 0, 0, 0.54);
  1083. /* @alternate */
  1084. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1085. background-color: transparent;
  1086. }
  1087. 50% {
  1088. border-color: #6200ee;
  1089. /* @alternate */
  1090. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1091. background-color: #6200ee;
  1092. /* @alternate */
  1093. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1094. }
  1095. }
  1096. @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  1097. 0%, 80% {
  1098. border-color: #6200ee;
  1099. /* @alternate */
  1100. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1101. background-color: #6200ee;
  1102. /* @alternate */
  1103. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1104. }
  1105. 100% {
  1106. border-color: rgba(0, 0, 0, 0.54);
  1107. /* @alternate */
  1108. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1109. background-color: transparent;
  1110. }
  1111. }
  1112. @keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  1113. 0%, 80% {
  1114. border-color: #6200ee;
  1115. /* @alternate */
  1116. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1117. background-color: #6200ee;
  1118. /* @alternate */
  1119. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  1120. }
  1121. 100% {
  1122. border-color: rgba(0, 0, 0, 0.54);
  1123. /* @alternate */
  1124. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1125. background-color: transparent;
  1126. }
  1127. }
  1128. .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  1129. .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  1130. .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  1131. -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
  1132. animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
  1133. }
  1134. .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  1135. .mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  1136. .mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  1137. -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
  1138. animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
  1139. }
  1140. /*# sourceMappingURL=mdc.data-table.css.map*/