API tools faq
paste
Advertisement
nop1984

material components css colors only override

nop1984
Nov 18th, 2021
1,760
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 81.02 KB | None | 0 0
raw download clone embed print report
  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.  
  9. /** chunks of original material components web code related only to color version 13 **/
  10.  
  11.  .mdc-banner__graphic {
  12.     color: #fff;
  13.     color: var(--mdc-theme-surface, #fff)
  14. }
  15.  
  16. .mdc-banner__graphic {
  17.     background-color: #6200ee;
  18.     background-color: var(--mdc-theme-primary, #6200ee)
  19. }
  20.  
  21. .mdc-banner {
  22.     background-color: #fff;
  23.     border-bottom-color: rgba(0, 0, 0, 0.12);
  24. }
  25.  
  26. .mdc-banner .mdc-banner__text {
  27.     color: #000
  28. }
  29.  
  30.  
  31. .mdc-banner .mdc-banner__fixed {
  32.     background-color: #fff
  33. }
  34.  
  35. .mdc-banner .mdc-banner__fixed {
  36.     border-bottom-color: rgba(0, 0, 0, 0.12)
  37. }
  38.  
  39.  
  40. .mdc-banner .mdc-button:not(:disabled) {
  41.     color: #6200ee;
  42.     color: var(--mdc-text-button-label-text-color, #6200ee)
  43. }
  44.  
  45. .mdc-banner .mdc-button .mdc-button__ripple::before,
  46. .mdc-banner .mdc-button .mdc-button__ripple::after {
  47.     background-color: #6200ee;
  48.     background-color: var(--mdc-text-button-hover-state-layer-color, #6200ee)
  49. }
  50.  
  51.  
  52.  
  53. .mdc-elevation-overlay {
  54.     background-color: #fff;
  55.     background-color: var(--mdc-elevation-overlay-color, #fff)
  56. }
  57.  
  58. .mdc-button:not(:disabled) {
  59.     color: #6200ee;
  60.     color: var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #6200ee))
  61. }
  62.  
  63. .mdc-button:disabled {
  64.     color: rgba(0, 0, 0, 0.38);
  65.     color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  66. }
  67.  
  68.  
  69. .mdc-button .mdc-button__ripple::before,
  70. .mdc-button .mdc-button__ripple::after {
  71.     background-color: #6200ee;
  72.     background-color: var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))
  73. }
  74.  
  75. .mdc-button--unelevated:not(:disabled) {
  76.     background-color: #6200ee;
  77.     background-color: var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #6200ee))
  78. }
  79.  
  80. .mdc-button--unelevated:disabled {
  81.     background-color: rgba(0, 0, 0, 0.12);
  82.     background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))
  83. }
  84.  
  85. .mdc-button--unelevated:not(:disabled) {
  86.     color: #fff;
  87.     color: var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))
  88. }
  89.  
  90. .mdc-button--unelevated:disabled {
  91.     color: rgba(0, 0, 0, 0.38);
  92.     color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  93. }
  94.  
  95.  
  96. .mdc-button--unelevated .mdc-button__ripple::before,
  97. .mdc-button--unelevated .mdc-button__ripple::after {
  98.     background-color: #fff;
  99.     background-color: var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))
  100. }
  101.  
  102. .mdc-button--raised {
  103.     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  104.     box-shadow: var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  105.     --mdc-elevation-box-shadow-for-gss: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)
  106. }
  107.  
  108. .mdc-button--raised:not(:disabled) {
  109.     background-color: #6200ee;
  110.     background-color: var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #6200ee))
  111. }
  112.  
  113. .mdc-button--raised:disabled {
  114.     background-color: rgba(0, 0, 0, 0.12);
  115.     background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))
  116. }
  117.  
  118. .mdc-button--raised:not(:disabled) {
  119.     color: #fff;
  120.     color: var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))
  121. }
  122.  
  123. .mdc-button--raised:disabled {
  124.     color: rgba(0, 0, 0, 0.38);
  125.     color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  126. }
  127.  
  128. .mdc-button--raised .mdc-button__ripple::before,
  129. .mdc-button--raised .mdc-button__ripple::after {
  130.     background-color: #fff;
  131.     background-color: var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))
  132. }
  133.  
  134.  
  135. .mdc-button--raised.mdc-ripple-upgraded--background-focused,
  136. .mdc-button--raised:not(.mdc-ripple-upgraded):focus {
  137.     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  138.     box-shadow: var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  139.     --mdc-elevation-box-shadow-for-gss: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)
  140. }
  141.  
  142. .mdc-button--raised:hover {
  143.     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  144.     box-shadow: var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  145.     --mdc-elevation-box-shadow-for-gss: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)
  146. }
  147.  
  148. .mdc-button--raised:not(:disabled):active {
  149.     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  150.     box-shadow: var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  151.     --mdc-elevation-box-shadow-for-gss: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)
  152. }
  153.  
  154. .mdc-button--raised:disabled {
  155.     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  156.     box-shadow: var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  157.     --mdc-elevation-box-shadow-for-gss: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
  158. }
  159.  
  160. .mdc-button--outlined:not(:disabled) {
  161.     color: #6200ee;
  162.     color: var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #6200ee))
  163. }
  164.  
  165. .mdc-button--outlined:disabled {
  166.     color: rgba(0, 0, 0, 0.38);
  167.     color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  168. }
  169.  
  170.  
  171. .mdc-button--outlined .mdc-button__ripple::before,
  172. .mdc-button--outlined .mdc-button__ripple::after {
  173.     background-color: #6200ee;
  174.     background-color: var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))
  175. }
  176.  
  177.  
  178. .mdc-button--outlined:not(:disabled) {
  179.     border-color: rgba(0, 0, 0, 0.12);
  180.     border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))
  181. }
  182.  
  183. .mdc-button--outlined:disabled {
  184.     border-color: rgba(0, 0, 0, 0.12);
  185.     border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))
  186. }
  187.  
  188.  
  189. .mdc-card {
  190.     background-color: #fff;
  191.     background-color: var(--mdc-theme-surface, #fff);
  192.     box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  193. }
  194.  
  195.  
  196. .mdc-card--outlined {
  197.     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  198.     border-color: #e0e0e0
  199. }
  200.  
  201. .mdc-card__action-icons {
  202.     color: rgba(0, 0, 0, 0.6);
  203. }
  204.  
  205. .mdc-card__action--icon:not(:disabled) {
  206.     color: rgba(0, 0, 0, 0.6)
  207. }
  208.  
  209. .mdc-card__primary-action {
  210.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  211. }
  212.  
  213. .mdc-card__primary-action .mdc-card__ripple::before,
  214. .mdc-card__primary-action .mdc-card__ripple::after {
  215.     background-color: #000;
  216.     background-color: var(--mdc-ripple-color, #000)
  217. }
  218.  
  219. .mdc-checkbox .mdc-checkbox__ripple::before,
  220. .mdc-checkbox .mdc-checkbox__ripple::after {
  221.     background-color: #000;
  222.     background-color: var(--mdc-ripple-color, #000)
  223. }
  224.  
  225.  
  226. .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  227. .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  228.     background-color: #018786;
  229.     background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))
  230. }
  231.  
  232. .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  233. .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  234.     background-color: #018786;
  235.     background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))
  236. }
  237.  
  238.  
  239. .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
  240.     border-color: rgba(0, 0, 0, 0.54);
  241.     border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  242.     background-color: transparent
  243. }
  244.  
  245. .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
  246. .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
  247. .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
  248.     border-color: #018786;
  249.     border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  250.     background-color: #018786;
  251.     background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))
  252. }
  253.  
  254. @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  255.     0% {
  256.         border-color: rgba(0, 0, 0, 0.54);
  257.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  258.         background-color: transparent
  259.     }
  260.     50% {
  261.         border-color: #018786;
  262.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  263.         background-color: #018786;
  264.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))
  265.     }
  266. }
  267.  
  268. @keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  269.     0% {
  270.         border-color: rgba(0, 0, 0, 0.54);
  271.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  272.         background-color: transparent
  273.     }
  274.     50% {
  275.         border-color: #018786;
  276.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  277.         background-color: #018786;
  278.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))
  279.     }
  280. }
  281.  
  282. @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  283.     0%,
  284.     80% {
  285.         border-color: #018786;
  286.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  287.         background-color: #018786;
  288.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))
  289.     }
  290.     100% {
  291.         border-color: rgba(0, 0, 0, 0.54);
  292.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  293.         background-color: transparent
  294.     }
  295. }
  296.  
  297. @keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  298.     0%,
  299.     80% {
  300.         border-color: #018786;
  301.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  302.         background-color: #018786;
  303.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))
  304.     }
  305.     100% {
  306.         border-color: rgba(0, 0, 0, 0.54);
  307.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  308.         background-color: transparent
  309.     }
  310. }
  311.  
  312. .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
  313.     border-color: rgba(0, 0, 0, 0.38);
  314.     border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
  315. }
  316.  
  317. .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
  318. .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,
  319. .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background {
  320.     border-color: transparent;
  321.     background-color: rgba(0, 0, 0, 0.38);
  322.     background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))
  323. }
  324.  
  325. .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
  326.     color: #fff;
  327.     color: var(--mdc-checkbox-ink-color, #fff)
  328. }
  329.  
  330. .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
  331.     border-color: #fff;
  332.     border-color: var(--mdc-checkbox-ink-color, #fff)
  333. }
  334.  
  335. .mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
  336.     color: #fff;
  337.     color: var(--mdc-checkbox-ink-color, #fff)
  338. }
  339.  
  340. .mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
  341.     border-color: #fff;
  342.     border-color: var(--mdc-checkbox-ink-color, #fff)
  343. }
  344.  
  345. @media screen and (forced-colors: active),
  346. (-ms-high-contrast: active) {
  347.     .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
  348.         border-color: GrayText;
  349.         border-color: var(--mdc-checkbox-disabled-color, GrayText);
  350.     }
  351.     .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
  352.     .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,
  353.     .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background {
  354.         border-color: GrayText;
  355.         background-color: transparent;
  356.         background-color: var(--mdc-checkbox-disabled-color, transparent)
  357.     }
  358.     .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
  359.         color: GrayText;
  360.         color: var(--mdc-checkbox-ink-color, GrayText)
  361.     }
  362.     .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
  363.         border-color: GrayText;
  364.         border-color: var(--mdc-checkbox-ink-color, GrayText)
  365.     }
  366. }
  367.  
  368. .mdc-checkbox__checkmark-path {
  369.     stroke: currentColor;
  370. }
  371.  
  372.  
  373. .mdc-checkbox {
  374.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  375. }
  376.  
  377. .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action {
  378.     color: #000;
  379.     color: var(--mdc-theme-on-surface, #000)
  380. }
  381.  
  382. .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon {
  383.     fill: currentColor;
  384.     color: inherit
  385. }
  386.  
  387. .mdc-deprecated-chip-trailing-action {
  388.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  389. }
  390.  
  391. .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,
  392. .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
  393.     background-color: #000;
  394.     background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))
  395. }
  396.  
  397. .mdc-chip__icon--leading {
  398.     color: rgba(0, 0, 0, .54)
  399. }
  400.  
  401. .mdc-deprecated-chip-trailing-action {
  402.     color: #000
  403. }
  404.  
  405. .mdc-chip__icon--trailing {
  406.     color: rgba(0, 0, 0, .54)
  407. }
  408.  
  409. .mdc-chip__icon--trailing:hover {
  410.     color: rgba(0, 0, 0, .62)
  411. }
  412.  
  413. .mdc-chip__icon--trailing:focus {
  414.     color: rgba(0, 0, 0, .87)
  415. }
  416.  
  417. .mdc-chip {
  418.     background-color: #e0e0e0;
  419.     color: rgba(0, 0, 0, 0.87);
  420. }
  421.  
  422. .mdc-chip:hover {
  423.     color: rgba(0, 0, 0, 0.87)
  424. }
  425.  
  426. .mdc-chip:hover {
  427.     color: #000;
  428.     color: var(--mdc-theme-on-surface, #000)
  429. }
  430.  
  431. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  432.     color: #6200ee;
  433.     color: var(--mdc-theme-primary, #6200ee)
  434. }
  435.  
  436. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
  437.     color: rgba(98, 0, 238, .54)
  438. }
  439.  
  440. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  441.     color: #6200ee;
  442.     color: var(--mdc-theme-primary, #6200ee)
  443. }
  444.  
  445. .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  446.     stroke: #6200ee;
  447.     stroke: var(--mdc-theme-primary, #6200ee)
  448. }
  449.  
  450. .mdc-chip-set--choice .mdc-chip--selected {
  451.     background-color: #fff;
  452.     background-color: var(--mdc-theme-surface, #fff)
  453. }
  454.  
  455. .mdc-chip {
  456.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  457. }
  458.  
  459. .mdc-chip .mdc-chip__ripple::before,
  460. .mdc-chip .mdc-chip__ripple::after {
  461.     background-color: rgba(0, 0, 0, 0.87);
  462.     background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))
  463. }
  464.  
  465. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before,
  466. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after {
  467.     background-color: #6200ee;
  468.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  469. }
  470.  
  471. .mdc-circular-progress__determinate-circle,
  472. .mdc-circular-progress__indeterminate-circle-graphic {
  473.     stroke: #6200ee;
  474.     stroke: var(--mdc-theme-primary, #6200ee)
  475. }
  476.  
  477. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  478.     color: rgba(0, 0, 0, 0.87)
  479. }
  480.  
  481. .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  482.     color: rgba(0, 0, 0, 0.38)
  483. }
  484.  
  485. .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  486.     color: rgba(0, 0, 0, 0.6)
  487. }
  488.  
  489. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  490.     color: rgba(98, 0, 238, 0.87)
  491. }
  492.  
  493. .mdc-select.mdc-select--disabled .mdc-floating-label {
  494.     color: rgba(0, 0, 0, 0.38)
  495. }
  496.  
  497. .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  498.     fill: rgba(0, 0, 0, 0.54)
  499. }
  500.  
  501. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  502.     fill: #6200ee;
  503.     fill: var(--mdc-theme-primary, #6200ee)
  504. }
  505.  
  506. .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  507.     fill: rgba(0, 0, 0, 0.38)
  508. }
  509.  
  510. .mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text {
  511.     color: rgba(0, 0, 0, 0.6)
  512. }
  513.  
  514. .mdc-select.mdc-select--disabled+.mdc-select-helper-text {
  515.     color: rgba(0, 0, 0, 0.38)
  516. }
  517.  
  518. .mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
  519.     color: rgba(0, 0, 0, 0.54)
  520. }
  521.  
  522. .mdc-select.mdc-select--disabled .mdc-select__icon {
  523.     color: rgba(0, 0, 0, 0.38)
  524. }
  525.  
  526. @media screen and (forced-colors: active),
  527. (-ms-high-contrast: active) {
  528.     .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  529.         color: GrayText
  530.     }
  531.     .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  532.         fill: red
  533.     }
  534.     .mdc-select.mdc-select--disabled .mdc-floating-label {
  535.         color: GrayText
  536.     }
  537.     .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
  538.         border-bottom-color: GrayText
  539.     }
  540.     .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
  541.     .mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
  542.     .mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
  543.         border-color: GrayText
  544.     }
  545.     .mdc-select.mdc-select--disabled .mdc-select__icon {
  546.         color: GrayText
  547.     }
  548.     .mdc-select.mdc-select--disabled+.mdc-select-helper-text {
  549.         color: GrayText
  550.     }
  551. }
  552.  
  553.  
  554. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  555.     color: #b00020;
  556.     color: var(--mdc-theme-error, #b00020)
  557. }
  558.  
  559. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  560.     color: #b00020;
  561.     color: var(--mdc-theme-error, #b00020)
  562. }
  563.  
  564. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg {
  565.     color: #b00020;
  566.     color: var(--mdc-theme-error, #b00020)
  567. }
  568.  
  569. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  570.     fill: #b00020;
  571.     fill: var(--mdc-theme-error, #b00020)
  572. }
  573.  
  574. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  575.     fill: #b00020;
  576.     fill: var(--mdc-theme-error, #b00020)
  577. }
  578.  
  579. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,
  580. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,
  581. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,
  582. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated {
  583.     color: #000;
  584.     color: var(--mdc-theme-on-surface, #000)
  585. }
  586.  
  587. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
  588. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
  589. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
  590. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  591.     color: #000;
  592.     color: var(--mdc-theme-on-surface, #000)
  593. }
  594.  
  595. .mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
  596.     background-color: whitesmoke
  597. }
  598.  
  599. .mdc-select--filled.mdc-select--disabled .mdc-select__anchor {
  600.     background-color: #fafafa
  601. }
  602.  
  603. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
  604.     border-bottom-color: rgba(0, 0, 0, 0.42)
  605. }
  606.  
  607. .mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  608.     border-bottom-color: rgba(0, 0, 0, 0.87)
  609. }
  610.  
  611. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
  612.     border-bottom-color: #6200ee;
  613.     border-bottom-color: var(--mdc-theme-primary, #6200ee)
  614. }
  615.  
  616. .mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {
  617.     border-bottom-color: rgba(0, 0, 0, 0.06)
  618. }
  619.  
  620. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
  621.     border-bottom-color: #b00020;
  622.     border-bottom-color: var(--mdc-theme-error, #b00020)
  623. }
  624.  
  625. .mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  626.     border-bottom-color: #b00020;
  627.     border-bottom-color: var(--mdc-theme-error, #b00020)
  628. }
  629.  
  630. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after {
  631.     border-bottom-color: #b00020;
  632.     border-bottom-color: var(--mdc-theme-error, #b00020)
  633. }
  634.  
  635.  
  636. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  637. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  638. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  639.     border-color: rgba(0, 0, 0, 0.38)
  640. }
  641.  
  642. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  643. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  644. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  645.     border-color: rgba(0, 0, 0, 0.87)
  646. }
  647.  
  648. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  649. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  650. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  651.     border-color: #6200ee;
  652.     border-color: var(--mdc-theme-primary, #6200ee)
  653. }
  654.  
  655. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
  656. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
  657. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
  658.     border-color: rgba(0, 0, 0, 0.06)
  659. }
  660.  
  661. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  662. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  663. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  664.     border-color: #b00020;
  665.     border-color: var(--mdc-theme-error, #b00020)
  666. }
  667.  
  668. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  669. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  670. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  671.     border-color: #b00020;
  672.     border-color: var(--mdc-theme-error, #b00020)
  673. }
  674.  
  675. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  676. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  677. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  678.     border-color: #b00020;
  679.     border-color: var(--mdc-theme-error, #b00020)
  680. }
  681.  
  682. .mdc-select__anchor {
  683.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  684. }
  685.  
  686. .mdc-select__anchor .mdc-select__ripple::before,
  687. .mdc-select__anchor .mdc-select__ripple::after {
  688.     background-color: rgba(0, 0, 0, 0.87);
  689.     background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))
  690. }
  691.  
  692. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,
  693. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
  694.     background-color: #000;
  695.     background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))
  696. }
  697.  
  698. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,
  699. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
  700.     background-color: #000;
  701.     background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))
  702. }
  703.  
  704. .mdc-select--with-leading-icon .mdc-select__icon {
  705.     background-color: transparent;
  706.     fill: currentColor
  707. }
  708.  
  709. .mdc-data-table {
  710.     background-color: #fff;
  711.     background-color: var(--mdc-theme-surface, #fff);
  712.     border-color: rgba(0, 0, 0, .12);
  713. }
  714.  
  715.  
  716. .mdc-data-table__header-cell {
  717.     background-color: #fff;
  718.     background-color: var(--mdc-theme-surface, #fff)
  719. }
  720.  
  721. .mdc-data-table__row--selected {
  722.     background-color: rgba(98, 0, 238, 0.04)
  723. }
  724.  
  725. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  726. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  727. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  728.     border-color: rgba(0, 0, 0, 0.12)
  729. }
  730.  
  731. .mdc-data-table__cell,
  732. .mdc-data-table__header-cell {
  733.     border-bottom-color: rgba(0, 0, 0, .12)
  734. }
  735.  
  736. .mdc-data-table__pagination {
  737.     border-top-color: rgba(0, 0, 0, .12)
  738. }
  739.  
  740. .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  741.     background-color: rgba(0, 0, 0, 0.04)
  742. }
  743.  
  744. .mdc-data-table__header-cell {
  745.     color: rgba(0, 0, 0, 0.87)
  746. }
  747.  
  748. .mdc-data-table__pagination-total,
  749. .mdc-data-table__pagination-rows-per-page-label,
  750. .mdc-data-table__cell {
  751.     color: rgba(0, 0, 0, 0.87)
  752. }
  753.  
  754. .mdc-data-table__sort-icon-button {
  755.     color: rgba(0, 0, 0, 0.6)
  756. }
  757.  
  758. .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before,
  759. .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
  760.     background-color: rgba(0, 0, 0, 0.6);
  761.     background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.6))
  762. }
  763.  
  764. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  765.     color: rgba(0, 0, 0, 0.87)
  766. }
  767.  
  768. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before,
  769. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
  770.     background-color: rgba(0, 0, 0, 0.87);
  771.     background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))
  772. }
  773.  
  774. .mdc-data-table__scrim {
  775.     background-color: #fff;
  776.     background-color: var(--mdc-theme-surface, #fff);
  777. }
  778.  
  779. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  780. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after,
  781. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  782. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  783.     background-color: #6200ee;
  784.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  785. }
  786.  
  787. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  788. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,
  789. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  790. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  791.     background-color: #6200ee;
  792.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  793. }
  794.  
  795. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background,
  796. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
  797.     border-color: rgba(0, 0, 0, 0.54);
  798.     border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  799.     background-color: transparent
  800. }
  801.  
  802. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
  803. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
  804. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background,
  805. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
  806. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
  807. .mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
  808.     border-color: #6200ee;
  809.     border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  810.     background-color: #6200ee;
  811.     background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee))
  812. }
  813.  
  814. @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  815.     0% {
  816.         border-color: rgba(0, 0, 0, 0.54);
  817.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  818.         background-color: transparent
  819.     }
  820.     50% {
  821.         border-color: #6200ee;
  822.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  823.         background-color: #6200ee;
  824.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee))
  825.     }
  826. }
  827.  
  828. @keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  829.     0% {
  830.         border-color: rgba(0, 0, 0, 0.54);
  831.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  832.         background-color: transparent
  833.     }
  834.     50% {
  835.         border-color: #6200ee;
  836.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  837.         background-color: #6200ee;
  838.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee))
  839.     }
  840. }
  841.  
  842. @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  843.     0%,
  844.     80% {
  845.         border-color: #6200ee;
  846.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  847.         background-color: #6200ee;
  848.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee))
  849.     }
  850.     100% {
  851.         border-color: rgba(0, 0, 0, 0.54);
  852.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  853.         background-color: transparent
  854.     }
  855. }
  856.  
  857. @keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  858.     0%,
  859.     80% {
  860.         border-color: #6200ee;
  861.         border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  862.         background-color: #6200ee;
  863.         background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee))
  864.     }
  865.     100% {
  866.         border-color: rgba(0, 0, 0, 0.54);
  867.         border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  868.         background-color: transparent
  869.     }
  870. }
  871.  
  872.  
  873. .mdc-dialog .mdc-dialog__surface {
  874.     background-color: #fff;
  875.     background-color: var(--mdc-theme-surface, #fff)
  876. }
  877.  
  878. .mdc-dialog .mdc-dialog__scrim {
  879.     background-color: rgba(0, 0, 0, .32)
  880. }
  881.  
  882. .mdc-dialog .mdc-dialog__surface-scrim {
  883.     background-color: rgba(0, 0, 0, .32)
  884. }
  885.  
  886. .mdc-dialog .mdc-dialog__title {
  887.     color: rgba(0, 0, 0, .87)
  888. }
  889.  
  890. .mdc-dialog .mdc-dialog__content {
  891.     color: rgba(0, 0, 0, .6)
  892. }
  893.  
  894. .mdc-dialog .mdc-dialog__close {
  895.     color: #000;
  896.     color: var(--mdc-theme-on-surface, #000)
  897. }
  898.  
  899. .mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::before,
  900. .mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::after {
  901.     background-color: #000;
  902.     background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))
  903. }
  904.  
  905. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,
  906. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions,
  907. .mdc-dialog.mdc-dialog--scrollable.mdc-dialog-scroll-divider-footer .mdc-dialog__actions {
  908.     border-color: rgba(0, 0, 0, .12)
  909. }
  910.  
  911. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
  912.     border-bottom: 1px solid rgba(0, 0, 0, .12);
  913. }
  914.  
  915. .mdc-dialog.mdc-dialog-scroll-divider-header.mdc-dialog--fullscreen .mdc-dialog__header {
  916.     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12)
  917. }
  918.  
  919. .mdc-dialog__surface {
  920.     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
  921. }
  922.  
  923.  
  924. @media screen and (forced-colors: active),
  925. (-ms-high-contrast: active) {
  926.     .mdc-dialog__surface {
  927.         outline: 2px solid windowText
  928.     }
  929. }
  930.  
  931.  
  932. .mdc-drawer {
  933.     border-color: rgba(0, 0, 0, 0.12);
  934.     background-color: #fff;
  935.     background-color: var(--mdc-theme-surface, #fff);
  936. }
  937.  
  938. .mdc-drawer .mdc-drawer__title {
  939.     color: rgba(0, 0, 0, 0.87)
  940. }
  941.  
  942. .mdc-drawer .mdc-deprecated-list-group__subheader {
  943.     color: rgba(0, 0, 0, 0.6)
  944. }
  945.  
  946. .mdc-drawer .mdc-drawer__subtitle {
  947.     color: rgba(0, 0, 0, 0.6)
  948. }
  949.  
  950. .mdc-drawer .mdc-deprecated-list-item__graphic {
  951.     color: rgba(0, 0, 0, 0.6)
  952. }
  953.  
  954. .mdc-drawer .mdc-deprecated-list-item {
  955.     color: rgba(0, 0, 0, 0.87)
  956. }
  957.  
  958. .mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  959.     color: #6200ee
  960. }
  961.  
  962. .mdc-drawer .mdc-deprecated-list-item--activated {
  963.     color: rgba(98, 0, 238, 0.87)
  964. }
  965.  
  966. .mdc-drawer--modal {
  967.     box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
  968. }
  969.  
  970. .mdc-drawer--modal+.mdc-drawer-scrim {
  971.     background-color: rgba(0, 0, 0, 0.32)
  972. }
  973.  
  974. .mdc-elevation--z0 {
  975.     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
  976. }
  977.  
  978. .mdc-elevation--z1 {
  979.     box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
  980. }
  981.  
  982. .mdc-elevation--z2 {
  983.     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12)
  984. }
  985.  
  986. .mdc-elevation--z3 {
  987.     box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, .12)
  988. }
  989.  
  990. .mdc-elevation--z4 {
  991.     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12)
  992. }
  993.  
  994. .mdc-elevation--z5 {
  995.     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, .12)
  996. }
  997.  
  998. .mdc-elevation--z6 {
  999.     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, .12)
  1000. }
  1001.  
  1002. .mdc-elevation--z7 {
  1003.     box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, .12)
  1004. }
  1005.  
  1006. .mdc-elevation--z8 {
  1007.     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
  1008. }
  1009.  
  1010. .mdc-elevation--z9 {
  1011.     box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, .12)
  1012. }
  1013.  
  1014. .mdc-elevation--z10 {
  1015.     box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, .12)
  1016. }
  1017.  
  1018. .mdc-elevation--z11 {
  1019.     box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, .12)
  1020. }
  1021.  
  1022. .mdc-elevation--z12 {
  1023.     box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
  1024. }
  1025.  
  1026. .mdc-elevation--z13 {
  1027.     box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, .12)
  1028. }
  1029.  
  1030. .mdc-elevation--z14 {
  1031.     box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, .12)
  1032. }
  1033.  
  1034. .mdc-elevation--z15 {
  1035.     box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, .12)
  1036. }
  1037.  
  1038. .mdc-elevation--z16 {
  1039.     box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, .12)
  1040. }
  1041.  
  1042. .mdc-elevation--z17 {
  1043.     box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, .12)
  1044. }
  1045.  
  1046. .mdc-elevation--z18 {
  1047.     box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, .12)
  1048. }
  1049.  
  1050. .mdc-elevation--z19 {
  1051.     box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, .12)
  1052. }
  1053.  
  1054. .mdc-elevation--z20 {
  1055.     box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, .12)
  1056. }
  1057.  
  1058. .mdc-elevation--z21 {
  1059.     box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, .12)
  1060. }
  1061.  
  1062. .mdc-elevation--z22 {
  1063.     box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, .12)
  1064. }
  1065.  
  1066. .mdc-elevation--z23 {
  1067.     box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, .12)
  1068. }
  1069.  
  1070. .mdc-elevation--z24 {
  1071.     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
  1072. }
  1073.  
  1074. .mdc-fab {
  1075.     fill: currentColor;
  1076. }
  1077.  
  1078. .mdc-fab:hover {
  1079.     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
  1080. }
  1081.  
  1082. .mdc-fab.mdc-ripple-upgraded--background-focused,
  1083. .mdc-fab:not(.mdc-ripple-upgraded):focus {
  1084.     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
  1085. }
  1086.  
  1087. .mdc-fab:active,
  1088. .mdc-fab:focus:active {
  1089.     box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
  1090. }
  1091.  
  1092. .mdc-fab__icon {
  1093.     fill: currentColor;
  1094. }
  1095.  
  1096. .mdc-fab {
  1097.     background-color: #018786;
  1098.     background-color: var(--mdc-theme-secondary, #018786);
  1099.     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, .12)
  1100. }
  1101.  
  1102. .mdc-fab,
  1103. .mdc-fab:not(:disabled) .mdc-fab__icon,
  1104. .mdc-fab:not(:disabled) .mdc-fab__label,
  1105. .mdc-fab:disabled .mdc-fab__icon,
  1106. .mdc-fab:disabled .mdc-fab__label {
  1107.     color: #fff;
  1108.     color: var(--mdc-theme-on-secondary, #fff)
  1109. }
  1110.  
  1111. .mdc-fab {
  1112.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1113. }
  1114.  
  1115. .mdc-fab .mdc-fab__ripple::before,
  1116. .mdc-fab .mdc-fab__ripple::after {
  1117.     background-color: #fff;
  1118.     background-color: var(--mdc-ripple-color, var(--mdc-theme-on-secondary, #fff))
  1119. }
  1120.  
  1121. .mdc-form-field {
  1122.     color: rgba(0, 0, 0, 0.87);
  1123.     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  1124. }
  1125.  
  1126. .mdc-icon-button:disabled {
  1127.     color: rgba(0, 0, 0, 0.38);
  1128.     color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))
  1129. }
  1130.  
  1131. .mdc-icon-button {
  1132.     background-color: transparent;
  1133.     fill: currentColor;
  1134.     color: inherit;
  1135. }
  1136.  
  1137. .mdc-icon-button {
  1138.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1139. }
  1140.  
  1141. .mdc-icon-button .mdc-icon-button__ripple::before,
  1142. .mdc-icon-button .mdc-icon-button__ripple::after {
  1143.     background-color: #000;
  1144.     background-color: var(--mdc-ripple-color, #000)
  1145. }
  1146.  
  1147. .mdc-image-list__supporting {
  1148.     color: rgba(0, 0, 0, 0.87);
  1149.     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  1150. }
  1151.  
  1152. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  1153.     background: rgba(0, 0, 0, .6);
  1154.     color: #fff
  1155. }
  1156.  
  1157. .mdc-linear-progress__bar-inner {
  1158.     border-color: #6200ee;
  1159.     border-color: var(--mdc-theme-primary, #6200ee)
  1160. }
  1161.  
  1162. .mdc-linear-progress__buffer-bar {
  1163.     background-color: #e6e6e6
  1164. }
  1165.  
  1166. .mdc-deprecated-list {
  1167.     color: rgba(0, 0, 0, 0.87);
  1168.     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
  1169. }
  1170.  
  1171. .mdc-deprecated-list-item__secondary-text {
  1172.     color: rgba(0, 0, 0, 0.54);
  1173.     color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))
  1174. }
  1175.  
  1176. .mdc-deprecated-list-item__graphic {
  1177.     background-color: transparent
  1178. }
  1179.  
  1180. .mdc-deprecated-list-item__graphic {
  1181.     color: rgba(0, 0, 0, 0.38);
  1182.     color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))
  1183. }
  1184.  
  1185. .mdc-deprecated-list-item__meta {
  1186.     color: rgba(0, 0, 0, 0.38);
  1187.     color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))
  1188. }
  1189.  
  1190. .mdc-deprecated-list-group__subheader {
  1191.     color: rgba(0, 0, 0, 0.87);
  1192.     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
  1193. }
  1194.  
  1195. .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text,
  1196. .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text,
  1197. .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text {
  1198.     color: #000;
  1199.     color: var(--mdc-theme-on-surface, #000)
  1200. }
  1201.  
  1202. .mdc-deprecated-list-item--selected,
  1203. .mdc-deprecated-list-item--activated {
  1204.     color: #6200ee;
  1205.     color: var(--mdc-theme-primary, #6200ee)
  1206. }
  1207.  
  1208. .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
  1209. .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  1210.     color: #6200ee;
  1211.     color: var(--mdc-theme-primary, #6200ee)
  1212. }
  1213.  
  1214. .mdc-deprecated-list-item__graphic {
  1215.     fill: currentColor;
  1216. }
  1217.  
  1218. .mdc-list-item__primary-text {
  1219.     color: rgba(0, 0, 0, 0.87);
  1220.     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
  1221. }
  1222.  
  1223. .mdc-list-item__secondary-text {
  1224.     color: rgba(0, 0, 0, 0.54);
  1225.     color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))
  1226. }
  1227.  
  1228. .mdc-list-item__overline-text {
  1229.     color: rgba(0, 0, 0, 0.38);
  1230.     color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))
  1231. }
  1232.  
  1233. .mdc-list-item--with-leading-icon .mdc-list-item__start,
  1234. .mdc-list-item--with-trailing-icon .mdc-list-item__end {
  1235.     background-color: transparent
  1236. }
  1237.  
  1238. .mdc-list-item--with-leading-icon .mdc-list-item__start,
  1239. .mdc-list-item--with-trailing-icon .mdc-list-item__end {
  1240.     color: rgba(0, 0, 0, 0.38);
  1241.     color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))
  1242. }
  1243.  
  1244. .mdc-list-item__end {
  1245.     color: rgba(0, 0, 0, 0.38);
  1246.     color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))
  1247. }
  1248.  
  1249.  
  1250. .mdc-list-item--disabled .mdc-list-item__primary-text {
  1251.     color: #000;
  1252.     color: var(--mdc-theme-on-surface, #000)
  1253. }
  1254.  
  1255. .mdc-list-item--disabled .mdc-list-item__secondary-text {
  1256.     color: #000;
  1257.     color: var(--mdc-theme-on-surface, #000)
  1258. }
  1259.  
  1260. .mdc-list-item--disabled .mdc-list-item__overline-text {
  1261.     color: #000;
  1262.     color: var(--mdc-theme-on-surface, #000)
  1263. }
  1264.  
  1265. .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
  1266.     color: #000;
  1267.     color: var(--mdc-theme-on-surface, #000)
  1268. }
  1269.  
  1270. .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  1271.     color: #000;
  1272.     color: var(--mdc-theme-on-surface, #000)
  1273. }
  1274.  
  1275. .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  1276.     color: #000;
  1277.     color: var(--mdc-theme-on-surface, #000)
  1278. }
  1279.  
  1280. .mdc-list-item--selected .mdc-list-item__primary-text,
  1281. .mdc-list-item--activated .mdc-list-item__primary-text {
  1282.     color: #6200ee;
  1283.     color: var(--mdc-theme-primary, #6200ee)
  1284. }
  1285.  
  1286. .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
  1287. .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  1288.     color: #6200ee;
  1289.     color: var(--mdc-theme-primary, #6200ee)
  1290. }
  1291.  
  1292. .mdc-deprecated-list-group__subheader {
  1293.     color: rgba(0, 0, 0, 0.87);
  1294.     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
  1295. }
  1296.  
  1297. @media screen and (forced-colors: active),
  1298. (-ms-high-contrast: active) {
  1299.     .mdc-list-divider::after {
  1300.         border-bottom-color: white
  1301.     }
  1302. }
  1303.  
  1304. .mdc-list-divider {
  1305.     background-color: rgba(0, 0, 0, 0.12)
  1306. }
  1307.  
  1308.  
  1309. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
  1310.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1311.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1312. }
  1313.  
  1314. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,
  1315. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
  1316.     background-color: #000;
  1317.     background-color: var(--mdc-ripple-color, #000)
  1318. }
  1319.  
  1320. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,
  1321. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
  1322.     background-color: #000;
  1323.     background-color: var(--mdc-ripple-color, #000)
  1324. }
  1325.  
  1326. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before,
  1327. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after {
  1328.     background-color: #6200ee;
  1329.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1330. }
  1331.  
  1332.  
  1333. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before,
  1334. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after {
  1335.     background-color: #6200ee;
  1336.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1337. }
  1338.  
  1339. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,
  1340. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
  1341.     background-color: #6200ee;
  1342.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1343. }
  1344.  
  1345. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,
  1346. :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
  1347.     background-color: #6200ee;
  1348.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1349. }
  1350.  
  1351.  
  1352. .mdc-deprecated-list-item--disabled {
  1353.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1354.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1355. }
  1356.  
  1357. .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
  1358. .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
  1359.     background-color: #000;
  1360.     background-color: var(--mdc-ripple-color, #000)
  1361. }
  1362.  
  1363. .mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
  1364. .mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
  1365.     background-color: #000;
  1366.     background-color: var(--mdc-ripple-color, #000)
  1367. }
  1368.  
  1369. :not(.mdc-list-item--disabled).mdc-list-item {
  1370.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1371. }
  1372.  
  1373. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
  1374. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  1375.     background-color: #000;
  1376.     background-color: var(--mdc-ripple-color, #000)
  1377. }
  1378.  
  1379. :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before,
  1380. :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
  1381.     background-color: #6200ee;
  1382.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1383. }
  1384.  
  1385. :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before,
  1386. :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {
  1387.     background-color: #6200ee;
  1388.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1389. }
  1390.  
  1391. .mdc-list-item--disabled {
  1392.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1393. }
  1394.  
  1395. .mdc-list-item--disabled .mdc-list-item__ripple::before,
  1396. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  1397.     background-color: #000;
  1398.     background-color: var(--mdc-ripple-color, #000)
  1399. }
  1400.  
  1401. .mdc-menu .mdc-deprecated-list-item__meta {
  1402.     color: rgba(0, 0, 0, 0.87)
  1403. }
  1404.  
  1405. .mdc-menu .mdc-deprecated-list-item__graphic {
  1406.     color: rgba(0, 0, 0, 0.87)
  1407. }
  1408.  
  1409. .mdc-menu .mdc-deprecated-list {
  1410.     color: rgba(0, 0, 0, 0.87)
  1411. }
  1412.  
  1413. .mdc-menu__selection-group {
  1414.     padding: 0;
  1415.     fill: currentColor
  1416. }
  1417.  
  1418. .mdc-menu-surface {
  1419.     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  1420.     background-color: #fff;
  1421.     background-color: var(--mdc-theme-surface, #fff);
  1422.     color: #000;
  1423.     color: var(--mdc-theme-on-surface, #000);
  1424. }
  1425.  
  1426.  
  1427. .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  1428.     border-color: rgba(0, 0, 0, 0.54)
  1429. }
  1430.  
  1431. .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  1432.     border-color: #018786;
  1433.     border-color: var(--mdc-theme-secondary, #018786)
  1434. }
  1435.  
  1436. .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  1437.     border-color: #018786;
  1438.     border-color: var(--mdc-theme-secondary, #018786)
  1439. }
  1440.  
  1441. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,
  1442. .mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  1443.     border-color: rgba(0, 0, 0, 0.38)
  1444. }
  1445.  
  1446. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
  1447. .mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  1448.     border-color: rgba(0, 0, 0, 0.38)
  1449. }
  1450.  
  1451. .mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
  1452. .mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
  1453.     border-color: rgba(0, 0, 0, 0.38)
  1454. }
  1455.  
  1456. .mdc-radio .mdc-radio__background::before {
  1457.     background-color: #018786;
  1458.     background-color: var(--mdc-theme-secondary, #018786)
  1459. }
  1460.  
  1461. @media screen and (forced-colors: active),
  1462. (-ms-high-contrast: active) {
  1463.     .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,
  1464.     .mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  1465.         border-color: GrayText
  1466.     }
  1467.     .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
  1468.     .mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  1469.         border-color: GrayText
  1470.     }
  1471.     .mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
  1472.     .mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
  1473.         border-color: GrayText
  1474.     }
  1475. }
  1476.  
  1477.  
  1478. .mdc-radio {
  1479.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1480. }
  1481.  
  1482. .mdc-radio .mdc-radio__ripple::before,
  1483. .mdc-radio .mdc-radio__ripple::after {
  1484.     background-color: #018786;
  1485.     background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))
  1486. }
  1487.  
  1488. .mdc-ripple-surface::before,
  1489. .mdc-ripple-surface::after {
  1490.     background-color: #000;
  1491.     background-color: var(--mdc-ripple-color, #000)
  1492. }
  1493.  
  1494.  
  1495. .mdc-segmented-button__segment {
  1496.     border-color: rgba(0, 0, 0, 0.12);
  1497.     border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12))
  1498. }
  1499.  
  1500. .mdc-segmented-button__segment {
  1501.     color: rgba(0, 0, 0, 0.6);
  1502.     color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6))
  1503. }
  1504.  
  1505. .mdc-segmented-button__segment {
  1506.     background-color: white;
  1507.     background-color: var(--mdc-segmented-button-unselected-container-fill-color, white)
  1508. }
  1509.  
  1510. .mdc-segmented-button__segment--selected {
  1511.     color: #6200ee;
  1512.     color: var(--mdc-segmented-button-selected-ink-color, #6200ee)
  1513. }
  1514.  
  1515. .mdc-segmented-button__segment--selected {
  1516.     background-color: rgba(98, 0, 238, 0.08);
  1517.     background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(98, 0, 238, 0.08))
  1518. }
  1519.  
  1520. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before,
  1521. .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  1522.     background-color: #6200ee;
  1523.     background-color: var(--mdc-ripple-color, #6200ee)
  1524. }
  1525.  
  1526. .mdc-slider__thumb {
  1527.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1528. }
  1529.  
  1530.  
  1531. .mdc-slider__thumb::before,
  1532. .mdc-slider__thumb::after {
  1533.     background-color: #6200ee;
  1534.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1535. }
  1536.  
  1537. .mdc-slider .mdc-slider__track--active_fill {
  1538.     border-color: #6200ee;
  1539.     border-color: var(--mdc-theme-primary, #6200ee)
  1540. }
  1541.  
  1542. .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill {
  1543.     border-color: #000;
  1544.     border-color: var(--mdc-theme-on-surface, #000)
  1545. }
  1546.  
  1547. .mdc-slider .mdc-slider__track--inactive {
  1548.     background-color: #6200ee;
  1549.     background-color: var(--mdc-theme-primary, #6200ee);
  1550. }
  1551.  
  1552. .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
  1553.     background-color: #000;
  1554.     background-color: var(--mdc-theme-on-surface, #000);
  1555. }
  1556.  
  1557. .mdc-slider .mdc-slider__value-indicator {
  1558.     background-color: #000;
  1559. }
  1560.  
  1561. .mdc-slider .mdc-slider__value-indicator::before {
  1562.     border-top-color: #000
  1563. }
  1564.  
  1565. .mdc-slider .mdc-slider__value-indicator {
  1566.     color: #fff;
  1567.     color: var(--mdc-theme-on-primary, #fff)
  1568. }
  1569.  
  1570.  
  1571.  
  1572. .mdc-slider .mdc-slider__thumb-knob {
  1573.     box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  1574. }
  1575.  
  1576. .mdc-slider .mdc-slider__thumb-knob {
  1577.     background-color: #6200ee;
  1578.     background-color: var(--mdc-theme-primary, #6200ee);
  1579.     border-color: #6200ee;
  1580.     border-color: var(--mdc-theme-primary, #6200ee)
  1581. }
  1582.  
  1583. .mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,
  1584. .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
  1585. .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  1586.     border-color: #fff
  1587. }
  1588.  
  1589. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
  1590.     background-color: #000;
  1591.     background-color: var(--mdc-theme-on-surface, #000);
  1592.     border-color: #000;
  1593.     border-color: var(--mdc-theme-on-surface, #000)
  1594. }
  1595.  
  1596. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,
  1597. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
  1598. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  1599.     border-color: #fff
  1600. }
  1601.  
  1602. .mdc-slider .mdc-slider__thumb::before,
  1603. .mdc-slider .mdc-slider__thumb::after {
  1604.     background-color: #6200ee;
  1605.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1606. }
  1607.  
  1608. .mdc-slider .mdc-slider__tick-mark--active {
  1609.     background-color: #fff;
  1610.     background-color: var(--mdc-theme-on-primary, #fff);
  1611. }
  1612.  
  1613. .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {
  1614.     background-color: #fff;
  1615.     background-color: var(--mdc-theme-on-primary, #fff);
  1616. }
  1617.  
  1618. .mdc-slider .mdc-slider__tick-mark--inactive {
  1619.     background-color: #6200ee;
  1620.     background-color: var(--mdc-theme-primary, #6200ee);
  1621. }
  1622.  
  1623. .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
  1624.     background-color: #000;
  1625.     background-color: var(--mdc-theme-on-surface, #000);
  1626. }
  1627.  
  1628.  
  1629. .mdc-slider__input {
  1630.     cursor: pointer;
  1631.     left: 0;
  1632.     margin: 0;
  1633.     height: 100%;
  1634.     opacity: 0;
  1635.     pointer-events: none;
  1636.     position: absolute;
  1637.     top: 0;
  1638.     width: 100%
  1639. }
  1640.  
  1641. .mdc-snackbar {
  1642.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  1643. }
  1644.  
  1645. .mdc-snackbar__surface {
  1646.     background-color: #333333
  1647. }
  1648.  
  1649. .mdc-snackbar__label {
  1650.     color: rgba(255, 255, 255, 0.87)
  1651. }
  1652.  
  1653.  
  1654.  
  1655. .mdc-snackbar__surface {
  1656.     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, .12)
  1657. }
  1658.  
  1659. .mdc-snackbar__action:not(:disabled) {
  1660.     color: #bb86fc
  1661. }
  1662.  
  1663. .mdc-snackbar__action::before,
  1664. .mdc-snackbar__action::after {
  1665.     background-color: #bb86fc;
  1666.     background-color: var(--mdc-ripple-color, #bb86fc)
  1667. }
  1668.  
  1669. .mdc-snackbar__dismiss {
  1670.     color: rgba(255, 255, 255, 0.87)
  1671. }
  1672.  
  1673. .mdc-snackbar__dismiss .mdc-icon-button__ripple::before,
  1674. .mdc-snackbar__dismiss .mdc-icon-button__ripple::after {
  1675.     background-color: rgba(255, 255, 255, 0.87);
  1676.     background-color: var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))
  1677. }
  1678.  
  1679. .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  1680.     background: #6200ee;
  1681.     background: var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #6200ee))
  1682. }
  1683.  
  1684. .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  1685.     background: #310077;
  1686.     background: var(--mdc-switch-selected-hover-handle-color, #310077)
  1687. }
  1688.  
  1689. .mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after {
  1690.     background: #310077;
  1691.     background: var(--mdc-switch-selected-focus-handle-color, #310077)
  1692. }
  1693.  
  1694. .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after {
  1695.     background: #310077;
  1696.     background: var(--mdc-switch-selected-pressed-handle-color, #310077)
  1697. }
  1698.  
  1699. .mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after {
  1700.     background: #424242;
  1701.     background: var(--mdc-switch-disabled-selected-handle-color, #424242)
  1702. }
  1703.  
  1704. .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  1705.     background: #616161;
  1706.     background: var(--mdc-switch-unselected-handle-color, #616161)
  1707. }
  1708.  
  1709. .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  1710.     background: #212121;
  1711.     background: var(--mdc-switch-unselected-hover-handle-color, #212121)
  1712. }
  1713.  
  1714. .mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after {
  1715.     background: #212121;
  1716.     background: var(--mdc-switch-unselected-focus-handle-color, #212121)
  1717. }
  1718.  
  1719. .mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after {
  1720.     background: #212121;
  1721.     background: var(--mdc-switch-unselected-pressed-handle-color, #212121)
  1722. }
  1723.  
  1724. .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after {
  1725.     background: #424242;
  1726.     background: var(--mdc-switch-disabled-unselected-handle-color, #424242)
  1727. }
  1728.  
  1729. .mdc-switch .mdc-switch__handle::before {
  1730.     background: #fff;
  1731.     background: var(--mdc-switch-handle-surface-color, var(--mdc-theme-surface, #fff))
  1732. }
  1733.  
  1734. .mdc-switch:enabled .mdc-switch__shadow {
  1735.     box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  1736.     box-shadow: var(--mdc-switch-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
  1737.     --mdc-elevation-box-shadow-for-gss: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)
  1738. }
  1739.  
  1740. .mdc-switch:disabled .mdc-switch__shadow {
  1741.     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  1742.     box-shadow: var(--mdc-switch-disabled-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
  1743.     --mdc-elevation-box-shadow-for-gss: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
  1744. }
  1745.  
  1746. .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
  1747.     fill: #fff;
  1748.     fill: var(--mdc-switch-selected-icon-color, var(--mdc-theme-on-primary, #fff))
  1749. }
  1750.  
  1751. .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
  1752.     fill: #fff;
  1753.     fill: var(--mdc-switch-disabled-selected-icon-color, var(--mdc-theme-on-primary, #fff))
  1754. }
  1755.  
  1756. .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
  1757.     fill: #fff;
  1758.     fill: var(--mdc-switch-unselected-icon-color, var(--mdc-theme-on-primary, #fff))
  1759. }
  1760.  
  1761. .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
  1762.     fill: #fff;
  1763.     fill: var(--mdc-switch-disabled-unselected-icon-color, var(--mdc-theme-on-primary, #fff))
  1764. }
  1765.  
  1766. .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before,
  1767. .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after {
  1768.     background-color: #6200ee;
  1769.     background-color: var(--mdc-switch-selected-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))
  1770. }
  1771.  
  1772. .mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before,
  1773. .mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after {
  1774.     background-color: #6200ee;
  1775.     background-color: var(--mdc-switch-selected-focus-state-layer-color, var(--mdc-theme-primary, #6200ee))
  1776. }
  1777.  
  1778. .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before,
  1779. .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after {
  1780.     background-color: #6200ee;
  1781.     background-color: var(--mdc-switch-selected-pressed-state-layer-color, var(--mdc-theme-primary, #6200ee))
  1782. }
  1783.  
  1784. .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before,
  1785. .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after {
  1786.     background-color: #424242;
  1787.     background-color: var(--mdc-switch-unselected-hover-state-layer-color, #424242)
  1788. }
  1789.  
  1790. .mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before,
  1791. .mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after {
  1792.     background-color: #424242;
  1793.     background-color: var(--mdc-switch-unselected-focus-state-layer-color, #424242)
  1794. }
  1795.  
  1796. .mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before,
  1797. .mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after {
  1798.     background-color: #424242;
  1799.     background-color: var(--mdc-switch-unselected-pressed-state-layer-color, #424242)
  1800. }
  1801.  
  1802. .mdc-switch:enabled .mdc-switch__track::after {
  1803.     background: #d7bbff;
  1804.     background: var(--mdc-switch-selected-track-color, #d7bbff)
  1805. }
  1806.  
  1807. .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
  1808.     background: #d7bbff;
  1809.     background: var(--mdc-switch-selected-hover-track-color, #d7bbff)
  1810. }
  1811.  
  1812. .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after {
  1813.     background: #d7bbff;
  1814.     background: var(--mdc-switch-selected-focus-track-color, #d7bbff)
  1815. }
  1816.  
  1817. .mdc-switch:enabled:active .mdc-switch__track::after {
  1818.     background: #d7bbff;
  1819.     background: var(--mdc-switch-selected-pressed-track-color, #d7bbff)
  1820. }
  1821.  
  1822. .mdc-switch:disabled .mdc-switch__track::after {
  1823.     background: #424242;
  1824.     background: var(--mdc-switch-disabled-selected-track-color, #424242)
  1825. }
  1826.  
  1827. .mdc-switch:enabled .mdc-switch__track::before {
  1828.     background: #e0e0e0;
  1829.     background: var(--mdc-switch-unselected-track-color, #e0e0e0)
  1830. }
  1831.  
  1832. .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before {
  1833.     background: #e0e0e0;
  1834.     background: var(--mdc-switch-unselected-hover-track-color, #e0e0e0)
  1835. }
  1836.  
  1837. .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before {
  1838.     background: #e0e0e0;
  1839.     background: var(--mdc-switch-unselected-focus-track-color, #e0e0e0)
  1840. }
  1841.  
  1842. .mdc-switch:enabled:active .mdc-switch__track::before {
  1843.     background: #e0e0e0;
  1844.     background: var(--mdc-switch-unselected-pressed-track-color, #e0e0e0)
  1845. }
  1846.  
  1847. .mdc-switch:disabled .mdc-switch__track::before {
  1848.     background: #424242;
  1849.     background: var(--mdc-switch-disabled-unselected-track-color, #424242)
  1850. }
  1851.  
  1852. @media screen and (forced-colors: active),
  1853. (-ms-high-contrast: active) {
  1854.     .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
  1855.         fill: ButtonText;
  1856.         fill: var(--mdc-switch-selected-icon-color, ButtonText)
  1857.     }
  1858.     .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
  1859.         fill: GrayText;
  1860.         fill: var(--mdc-switch-disabled-selected-icon-color, GrayText)
  1861.     }
  1862.     .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
  1863.         fill: ButtonText;
  1864.         fill: var(--mdc-switch-unselected-icon-color, ButtonText)
  1865.     }
  1866.     .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
  1867.         fill: GrayText;
  1868.         fill: var(--mdc-switch-disabled-unselected-icon-color, GrayText)
  1869.     }
  1870. }
  1871.  
  1872. .mdc-tab .mdc-tab__text-label {
  1873.     color: rgba(0, 0, 0, 0.6)
  1874. }
  1875.  
  1876. .mdc-tab .mdc-tab__icon {
  1877.     color: rgba(0, 0, 0, 0.54);
  1878.     fill: currentColor
  1879. }
  1880.  
  1881. .mdc-tab--active .mdc-tab__text-label {
  1882.     color: #6200ee;
  1883.     color: var(--mdc-theme-primary, #6200ee)
  1884. }
  1885.  
  1886. .mdc-tab--active .mdc-tab__icon {
  1887.     color: #6200ee;
  1888.     color: var(--mdc-theme-primary, #6200ee);
  1889.     fill: currentColor
  1890. }
  1891.  
  1892. .mdc-tab {
  1893.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  1894. }
  1895.  
  1896.  
  1897. .mdc-tab .mdc-tab__ripple::before,
  1898. .mdc-tab .mdc-tab__ripple::after {
  1899.     background-color: #6200ee;
  1900.     background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
  1901. }
  1902.  
  1903. .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  1904.     border-color: #6200ee;
  1905.     border-color: var(--mdc-theme-primary, #6200ee)
  1906. }
  1907.  
  1908. .mdc-tab-indicator .mdc-tab-indicator__content--icon {
  1909.     color: #018786;
  1910.     color: var(--mdc-theme-secondary, #018786)
  1911. }
  1912.  
  1913. .mdc-text-field--filled {
  1914.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1915. }
  1916.  
  1917. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  1918.     color: rgba(0, 0, 0, 0.6)
  1919. }
  1920.  
  1921. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  1922.     color: rgba(0, 0, 0, 0.87)
  1923. }
  1924.  
  1925. @media all {
  1926.     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  1927.         color: rgba(0, 0, 0, 0.54)
  1928.     }
  1929.     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  1930.         color: rgba(0, 0, 0, 0.54)
  1931.     }
  1932.     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  1933.         color: rgba(0, 0, 0, 0.54)
  1934.     }
  1935.     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  1936.         color: rgba(0, 0, 0, 0.54)
  1937.     }
  1938. }
  1939.  
  1940. @media all {
  1941.     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  1942.         color: rgba(0, 0, 0, 0.54)
  1943.     }
  1944. }
  1945.  
  1946. .mdc-text-field .mdc-text-field__input {
  1947.     caret-color: #6200ee;
  1948.     caret-color: var(--mdc-theme-primary, #6200ee)
  1949. }
  1950.  
  1951. .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
  1952.     color: rgba(0, 0, 0, 0.6)
  1953. }
  1954.  
  1955. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
  1956. .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
  1957.     color: rgba(0, 0, 0, 0.6)
  1958. }
  1959.  
  1960. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  1961.     color: rgba(0, 0, 0, 0.54)
  1962. }
  1963.  
  1964. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  1965.     color: rgba(0, 0, 0, 0.54)
  1966. }
  1967.  
  1968. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
  1969.     color: rgba(0, 0, 0, 0.6)
  1970. }
  1971.  
  1972. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
  1973.     color: rgba(0, 0, 0, 0.6)
  1974. }
  1975.  
  1976. .mdc-text-field--filled .mdc-text-field__ripple::before,
  1977. .mdc-text-field--filled .mdc-text-field__ripple::after {
  1978.     background-color: rgba(0, 0, 0, 0.87);
  1979.     background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))
  1980. }
  1981.  
  1982. .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  1983.     background-color: whitesmoke
  1984. }
  1985.  
  1986. .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  1987.     border-bottom-color: rgba(0, 0, 0, 0.42)
  1988. }
  1989.  
  1990. .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  1991.     border-bottom-color: rgba(0, 0, 0, 0.87)
  1992. }
  1993.  
  1994. .mdc-text-field--filled .mdc-line-ripple::after {
  1995.     border-bottom-color: #6200ee;
  1996.     border-bottom-color: var(--mdc-theme-primary, #6200ee)
  1997. }
  1998.  
  1999. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  2000. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  2001. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  2002.     border-color: rgba(0, 0, 0, 0.38)
  2003. }
  2004.  
  2005. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
  2006. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
  2007. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  2008.     border-color: rgba(0, 0, 0, 0.87)
  2009. }
  2010.  
  2011. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  2012. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  2013. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  2014.     border-color: #6200ee;
  2015.     border-color: var(--mdc-theme-primary, #6200ee)
  2016. }
  2017.  
  2018. .mdc-text-field--outlined .mdc-text-field__input {
  2019.     background-color: transparent
  2020. }
  2021.  
  2022. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  2023.     color: rgba(98, 0, 238, 0.87)
  2024. }
  2025.  
  2026. .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  2027.     border-bottom-color: #b00020;
  2028.     border-bottom-color: var(--mdc-theme-error, #b00020)
  2029. }
  2030.  
  2031. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  2032.     border-bottom-color: #b00020;
  2033.     border-bottom-color: var(--mdc-theme-error, #b00020)
  2034. }
  2035.  
  2036. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  2037.     color: #b00020;
  2038.     color: var(--mdc-theme-error, #b00020)
  2039. }
  2040.  
  2041. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  2042.     color: #b00020;
  2043.     color: var(--mdc-theme-error, #b00020)
  2044. }
  2045.  
  2046. .mdc-text-field--invalid .mdc-text-field__input {
  2047.     caret-color: #b00020;
  2048.     caret-color: var(--mdc-theme-error, #b00020)
  2049. }
  2050.  
  2051. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  2052.     color: #b00020;
  2053.     color: var(--mdc-theme-error, #b00020)
  2054. }
  2055.  
  2056. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  2057.     border-bottom-color: #b00020;
  2058.     border-bottom-color: var(--mdc-theme-error, #b00020)
  2059. }
  2060.  
  2061. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  2062. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  2063. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  2064.     border-color: #b00020;
  2065.     border-color: var(--mdc-theme-error, #b00020)
  2066. }
  2067.  
  2068. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
  2069. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
  2070. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  2071.     border-color: #b00020;
  2072.     border-color: var(--mdc-theme-error, #b00020)
  2073. }
  2074.  
  2075. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  2076. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  2077. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  2078.     border-color: #b00020;
  2079.     border-color: var(--mdc-theme-error, #b00020)
  2080. }
  2081.  
  2082. .mdc-text-field--disabled .mdc-text-field__input {
  2083.     color: rgba(0, 0, 0, 0.38)
  2084. }
  2085.  
  2086. @media all {
  2087.     .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  2088.         color: rgba(0, 0, 0, 0.38)
  2089.     }
  2090.     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  2091.         color: rgba(0, 0, 0, 0.38)
  2092.     }
  2093.     .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  2094.         color: rgba(0, 0, 0, 0.38)
  2095.     }
  2096.     .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  2097.         color: rgba(0, 0, 0, 0.38)
  2098.     }
  2099. }
  2100.  
  2101. @media all {
  2102.     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  2103.         color: rgba(0, 0, 0, 0.38)
  2104.     }
  2105. }
  2106.  
  2107. .mdc-text-field--disabled .mdc-floating-label {
  2108.     color: rgba(0, 0, 0, 0.38)
  2109. }
  2110.  
  2111. .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
  2112.     color: rgba(0, 0, 0, 0.38)
  2113. }
  2114.  
  2115. .mdc-text-field--disabled .mdc-text-field-character-counter,
  2116. .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
  2117.     color: rgba(0, 0, 0, 0.38)
  2118. }
  2119.  
  2120. .mdc-text-field--disabled .mdc-text-field__icon--leading {
  2121.     color: rgba(0, 0, 0, 0.3)
  2122. }
  2123.  
  2124. .mdc-text-field--disabled .mdc-text-field__icon--trailing {
  2125.     color: rgba(0, 0, 0, 0.3)
  2126. }
  2127.  
  2128. .mdc-text-field--disabled .mdc-text-field__affix--prefix {
  2129.     color: rgba(0, 0, 0, 0.38)
  2130. }
  2131.  
  2132. .mdc-text-field--disabled .mdc-text-field__affix--suffix {
  2133.     color: rgba(0, 0, 0, 0.38)
  2134. }
  2135.  
  2136. .mdc-text-field--disabled .mdc-line-ripple::before {
  2137.     border-bottom-color: rgba(0, 0, 0, 0.06)
  2138. }
  2139.  
  2140. .mdc-text-field--disabled .mdc-notched-outline__leading,
  2141. .mdc-text-field--disabled .mdc-notched-outline__notch,
  2142. .mdc-text-field--disabled .mdc-notched-outline__trailing {
  2143.     border-color: rgba(0, 0, 0, 0.06)
  2144. }
  2145.  
  2146. @media screen and (forced-colors: active),
  2147. (-ms-high-contrast: active) {
  2148.     .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  2149.         color: GrayText
  2150.     }
  2151.     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  2152.         color: GrayText
  2153.     }
  2154.     .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  2155.         color: GrayText
  2156.     }
  2157.     .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  2158.         color: GrayText
  2159.     }
  2160. }
  2161.  
  2162. @media screen and (forced-colors: active),
  2163. (-ms-high-contrast: active) {
  2164.     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  2165.         color: GrayText
  2166.     }
  2167. }
  2168.  
  2169. @media screen and (forced-colors: active),
  2170. (-ms-high-contrast: active) {
  2171.     .mdc-text-field--disabled .mdc-floating-label {
  2172.         color: GrayText
  2173.     }
  2174. }
  2175.  
  2176. @media screen and (forced-colors: active),
  2177. (-ms-high-contrast: active) {
  2178.     .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
  2179.         color: GrayText
  2180.     }
  2181. }
  2182.  
  2183. @media screen and (forced-colors: active),
  2184. (-ms-high-contrast: active) {
  2185.     .mdc-text-field--disabled .mdc-text-field-character-counter,
  2186.     .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
  2187.         color: GrayText
  2188.     }
  2189. }
  2190.  
  2191. @media screen and (forced-colors: active),
  2192. (-ms-high-contrast: active) {
  2193.     .mdc-text-field--disabled .mdc-text-field__icon--leading {
  2194.         color: GrayText
  2195.     }
  2196. }
  2197.  
  2198. @media screen and (forced-colors: active),
  2199. (-ms-high-contrast: active) {
  2200.     .mdc-text-field--disabled .mdc-text-field__icon--trailing {
  2201.         color: GrayText
  2202.     }
  2203. }
  2204.  
  2205. @media screen and (forced-colors: active),
  2206. (-ms-high-contrast: active) {
  2207.     .mdc-text-field--disabled .mdc-text-field__affix--prefix {
  2208.         color: GrayText
  2209.     }
  2210. }
  2211.  
  2212. @media screen and (forced-colors: active),
  2213. (-ms-high-contrast: active) {
  2214.     .mdc-text-field--disabled .mdc-text-field__affix--suffix {
  2215.         color: GrayText
  2216.     }
  2217. }
  2218.  
  2219. @media screen and (forced-colors: active),
  2220. (-ms-high-contrast: active) {
  2221.     .mdc-text-field--disabled .mdc-line-ripple::before {
  2222.         border-bottom-color: GrayText
  2223.     }
  2224. }
  2225.  
  2226. @media screen and (forced-colors: active),
  2227. (-ms-high-contrast: active) {
  2228.     .mdc-text-field--disabled .mdc-notched-outline__leading,
  2229.     .mdc-text-field--disabled .mdc-notched-outline__notch,
  2230.     .mdc-text-field--disabled .mdc-notched-outline__trailing {
  2231.         border-color: GrayText
  2232.     }
  2233. }
  2234.  
  2235. @media screen and (forced-colors: active) {
  2236.     .mdc-text-field--disabled .mdc-text-field__input {
  2237.         background-color: Window
  2238.     }
  2239. }
  2240.  
  2241. :root {
  2242.     --mdc-theme-primary: #6200ee;
  2243.     --mdc-theme-secondary: #018786;
  2244.     --mdc-theme-background: #fff;
  2245.     --mdc-theme-surface: #fff;
  2246.     --mdc-theme-error: #b00020;
  2247.     --mdc-theme-on-primary: #fff;
  2248.     --mdc-theme-on-secondary: #fff;
  2249.     --mdc-theme-on-surface: #000;
  2250.     --mdc-theme-on-error: #fff;
  2251.     --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  2252.     --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  2253.     --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  2254.     --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  2255.     --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  2256.     --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  2257.     --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  2258.     --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  2259.     --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  2260.     --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  2261.     --mdc-theme-text-primary-on-dark: white;
  2262.     --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  2263.     --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  2264.     --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  2265.     --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5)
  2266. }
  2267.  
  2268. .mdc-theme--primary {
  2269.     color: #6200ee !important;
  2270.     color: var(--mdc-theme-primary, #6200ee) !important
  2271. }
  2272.  
  2273. .mdc-theme--secondary {
  2274.     color: #018786 !important;
  2275.     color: var(--mdc-theme-secondary, #018786) !important
  2276. }
  2277.  
  2278. .mdc-theme--background {
  2279.     background-color: #fff;
  2280.     background-color: var(--mdc-theme-background, #fff)
  2281. }
  2282.  
  2283. .mdc-theme--surface {
  2284.     background-color: #fff;
  2285.     background-color: var(--mdc-theme-surface, #fff)
  2286. }
  2287.  
  2288. .mdc-theme--error {
  2289.     color: #b00020 !important;
  2290.     color: var(--mdc-theme-error, #b00020) !important
  2291. }
  2292.  
  2293. .mdc-theme--on-primary {
  2294.     color: #fff !important;
  2295.     color: var(--mdc-theme-on-primary, #fff) !important
  2296. }
  2297.  
  2298. .mdc-theme--on-secondary {
  2299.     color: #fff !important;
  2300.     color: var(--mdc-theme-on-secondary, #fff) !important
  2301. }
  2302.  
  2303. .mdc-theme--on-surface {
  2304.     color: #000 !important;
  2305.     color: var(--mdc-theme-on-surface, #000) !important
  2306. }
  2307.  
  2308. .mdc-theme--on-error {
  2309.     color: #fff !important;
  2310.     color: var(--mdc-theme-on-error, #fff) !important
  2311. }
  2312.  
  2313. .mdc-theme--text-primary-on-background {
  2314.     color: rgba(0, 0, 0, 0.87) !important;
  2315.     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important
  2316. }
  2317.  
  2318. .mdc-theme--text-secondary-on-background {
  2319.     color: rgba(0, 0, 0, 0.54) !important;
  2320.     color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important
  2321. }
  2322.  
  2323. .mdc-theme--text-hint-on-background {
  2324.     color: rgba(0, 0, 0, 0.38) !important;
  2325.     color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important
  2326. }
  2327.  
  2328. .mdc-theme--text-disabled-on-background {
  2329.     color: rgba(0, 0, 0, 0.38) !important;
  2330.     color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important
  2331. }
  2332.  
  2333. .mdc-theme--text-icon-on-background {
  2334.     color: rgba(0, 0, 0, 0.38) !important;
  2335.     color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important
  2336. }
  2337.  
  2338. .mdc-theme--text-primary-on-light {
  2339.     color: rgba(0, 0, 0, 0.87) !important;
  2340.     color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important
  2341. }
  2342.  
  2343. .mdc-theme--text-secondary-on-light {
  2344.     color: rgba(0, 0, 0, 0.54) !important;
  2345.     color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important
  2346. }
  2347.  
  2348. .mdc-theme--text-hint-on-light {
  2349.     color: rgba(0, 0, 0, 0.38) !important;
  2350.     color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important
  2351. }
  2352.  
  2353. .mdc-theme--text-disabled-on-light {
  2354.     color: rgba(0, 0, 0, 0.38) !important;
  2355.     color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important
  2356. }
  2357.  
  2358. .mdc-theme--text-icon-on-light {
  2359.     color: rgba(0, 0, 0, 0.38) !important;
  2360.     color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important
  2361. }
  2362.  
  2363. .mdc-theme--text-primary-on-dark {
  2364.     color: white !important;
  2365.     color: var(--mdc-theme-text-primary-on-dark, white) !important
  2366. }
  2367.  
  2368. .mdc-theme--text-secondary-on-dark {
  2369.     color: rgba(255, 255, 255, 0.7) !important;
  2370.     color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important
  2371. }
  2372.  
  2373. .mdc-theme--text-hint-on-dark {
  2374.     color: rgba(255, 255, 255, 0.5) !important;
  2375.     color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important
  2376. }
  2377.  
  2378. .mdc-theme--text-disabled-on-dark {
  2379.     color: rgba(255, 255, 255, 0.5) !important;
  2380.     color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important
  2381. }
  2382.  
  2383. .mdc-theme--text-icon-on-dark {
  2384.     color: rgba(255, 255, 255, 0.5) !important;
  2385.     color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important
  2386. }
  2387.  
  2388. .mdc-theme--primary-bg {
  2389.     background-color: #6200ee !important;
  2390.     background-color: var(--mdc-theme-primary, #6200ee) !important
  2391. }
  2392.  
  2393. .mdc-theme--secondary-bg {
  2394.     background-color: #018786 !important;
  2395.     background-color: var(--mdc-theme-secondary, #018786) !important
  2396. }
  2397.  
  2398. .mdc-tooltip__surface {
  2399.     color: white;
  2400.     color: var(--mdc-theme-text-primary-on-dark, white)
  2401. }
  2402.  
  2403. .mdc-tooltip__surface {
  2404.     background-color: rgba(0, 0, 0, 0.6)
  2405. }
  2406.  
  2407. .mdc-tooltip__title {
  2408.     color: rgba(0, 0, 0, 0.87);
  2409.     color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87))
  2410. }
  2411.  
  2412. .mdc-tooltip__content {
  2413.     color: rgba(0, 0, 0, 0.6)
  2414. }
  2415.  
  2416. .mdc-tooltip__content-link {
  2417.     color: #6200ee;
  2418.     color: var(--mdc-theme-primary, #6200ee)
  2419. }
  2420.  
  2421.  
  2422. .mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__surface {
  2423.     background-color: #fff
  2424. }
  2425.  
  2426. .mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top,
  2427. .mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom {
  2428.     background-color: #fff
  2429. }
  2430.  
  2431. .mdc-tooltip--rich .mdc-tooltip__surface {
  2432.     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  2433. }
  2434.  
  2435. .mdc-tooltip__caret-surface-bottom {
  2436.     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  2437. }
  2438.  
  2439. .mdc-top-app-bar {
  2440.     background-color: #6200ee;
  2441.     background-color: var(--mdc-theme-primary, #6200ee);
  2442. }
  2443.  
  2444. .mdc-top-app-bar .mdc-top-app-bar__action-item,
  2445. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  2446.     color: #fff;
  2447.     color: var(--mdc-theme-on-primary, #fff)
  2448. }
  2449.  
  2450. .mdc-top-app-bar .mdc-top-app-bar__action-item::before,
  2451. .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  2452. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  2453. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  2454.     background-color: #fff;
  2455.     background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff))
  2456. }
  2457.  
  2458. .mdc-top-app-bar--short-collapsed {
  2459.     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  2460. }
  2461.  
  2462. .mdc-top-app-bar--fixed-scrolled {
  2463.     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  2464. }
  2465.  
  2466.  
  2467. /*# sourceMappingURL=material-components-web.min.css.map*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!