qc-trousse-sdg 1.2.5-dev → 1.3.0-develop.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/README.md +18 -3
  2. package/dist/css/qc-sdg-design-tokens.min.css +1 -1
  3. package/dist/css/qc-sdg-no-grid.min.css +1 -1
  4. package/dist/css/qc-sdg.min.css +1 -1
  5. package/dist/img/QUEBEC_blanc.svg +1 -1
  6. package/dist/img/QUEBEC_couleur.svg +24 -0
  7. package/dist/js/qc-sdg.min.js +1 -1
  8. package/package.json +23 -18
  9. package/public/css/qc-doc-sdg.css +247 -335
  10. package/public/css/qc-sdg-design-tokens.css +111 -64
  11. package/public/css/qc-sdg-no-grid.css +932 -428
  12. package/public/css/qc-sdg.css +941 -609
  13. package/public/img/QUEBEC_blanc.svg +1 -1
  14. package/public/img/QUEBEC_couleur.svg +24 -0
  15. package/public/img/ampoule.svg +1 -0
  16. package/public/img/note.svg +1 -0
  17. package/public/img/piv-MCE-theme-clair.svg +79 -0
  18. package/public/img/piv-MCE-theme-sombre.svg +62 -0
  19. package/public/img/piv-bas-MCE-theme-clair.png +0 -0
  20. package/public/img/piv-bas-MCE-theme-sombre.png +0 -0
  21. package/public/img/piv-logo-pied-de-page.svg +37 -0
  22. package/public/index.html +871 -715
  23. package/public/js/qc-doc-exemple.js +9 -0
  24. package/public/js/qc-doc-sdg.js +6893 -3724
  25. package/public/js/qc-sdg.js +2103 -962
  26. package/rollup.config.js +58 -23
  27. package/src/doc/components/Code.svelte +69 -0
  28. package/src/doc/components/Exemple.svelte +71 -0
  29. package/src/doc/components/Switch.svelte +108 -0
  30. package/src/doc/components/TopNav.svelte +53 -0
  31. package/src/doc/components/color-doc.svelte +44 -0
  32. package/src/doc/qc-doc-sdg.js +25 -14
  33. package/src/doc/scss/_tables.scss +1 -2
  34. package/src/doc/scss/components/_button.scss +14 -14
  35. package/src/doc/scss/components/_code.scss +106 -4
  36. package/src/doc/scss/jQueryUI/_jquery-ui.autocomplete.scss +48 -0
  37. package/src/doc/scss/qc-doc-sdg.scss +76 -75
  38. package/src/sdg/components/Button/IconButton.svelte +29 -0
  39. package/src/sdg/components/Icon.svelte +39 -0
  40. package/src/sdg/components/{pivHeader.svelte → PivHeader/pivHeader.svelte} +49 -69
  41. package/src/sdg/components/SearchBar/searchBar.svelte +87 -0
  42. package/src/sdg/components/SearchInput/SearchInput.svelte +48 -0
  43. package/src/sdg/components/alert.svelte +40 -23
  44. package/src/sdg/components/componentWrapper.js +0 -3
  45. package/src/sdg/components/externalLink.svelte +92 -0
  46. package/src/sdg/components/notice.svelte +61 -34
  47. package/src/sdg/components/pivFooter.svelte +37 -36
  48. package/src/sdg/components/toTop.svelte +16 -10
  49. package/src/sdg/components/utils.js +28 -4
  50. package/src/sdg/qc-sdg.js +11 -3
  51. package/src/sdg/scss/_qc-sdg-lib.scss +3 -0
  52. package/src/sdg/scss/base/_accessibility.scss +4 -0
  53. package/src/sdg/scss/base/_colors.scss +10 -10
  54. package/src/sdg/scss/base/_figure.scss +14 -9
  55. package/src/sdg/scss/base/_fonts.scss +4 -4
  56. package/src/sdg/scss/base/_form.scss +7 -0
  57. package/src/sdg/scss/base/_layout.scss +45 -0
  58. package/src/sdg/scss/base/_lists.scss +5 -5
  59. package/src/sdg/scss/base/_shadings.scss +3 -11
  60. package/src/sdg/scss/base/_typography.scss +42 -25
  61. package/src/sdg/scss/components/_alert.scss +11 -34
  62. package/src/sdg/scss/components/_icons.scss +67 -38
  63. package/src/sdg/scss/components/_notice.scss +51 -44
  64. package/src/sdg/scss/components/_pivFooter.scss +35 -23
  65. package/src/sdg/scss/components/_pivHeader.scss +131 -154
  66. package/src/sdg/scss/components/_searchBar.scss +75 -0
  67. package/src/sdg/scss/components/_searchInput.scss +64 -0
  68. package/src/sdg/scss/components/_separator.scss +2 -5
  69. package/src/sdg/scss/components/_toTop.scss +4 -6
  70. package/src/sdg/scss/grid/_grid-lib.scss +516 -0
  71. package/src/sdg/scss/grid/_grid.scss +78 -0
  72. package/src/sdg/scss/lib/_functions.scss +78 -0
  73. package/src/sdg/scss/lib/_gridless-lib.scss +4 -0
  74. package/src/sdg/scss/lib/_mixins.scss +221 -0
  75. package/src/sdg/scss/qc-design-tokens.scss +31 -8
  76. package/src/sdg/scss/qc-sdg-utilities.scss +1 -0
  77. package/src/sdg/scss/qc-sdg.scss +1 -1
  78. package/src/sdg/scss/qc-sgd-no-grid.scss +20 -15
  79. package/src/sdg/scss/settings/_base.scss +58 -0
  80. package/src/sdg/scss/settings/_tokens.scss +145 -77
  81. package/src/sdg/scss/utilities/_display.scss +43 -3
  82. package/src/sdg/scss/utilities/_themes.scss +17 -0
  83. package/src/sdg/scss/vendor/modern-css-reset/src/reset.css +9 -8
  84. package/dist/img/logo-quebec-piv-footer.svg +0 -1
  85. package/dist/img/quebec-logo.svg +0 -13
  86. package/public/img/logo-quebec-piv-footer.svg +0 -1
  87. package/src/doc/components/code.svelte +0 -54
  88. package/src/sdg/scss/base/_grid.scss +0 -9
  89. package/src/sdg/scss/functions/_tokens.scss +0 -12
  90. package/src/sdg/scss/functions/_utils.scss +0 -44
  91. package/src/sdg/scss/modules/_grid.scss +0 -19
  92. package/src/sdg/scss/modules/_helpers.scss +0 -32
  93. package/src/sdg/scss/modules/_map.scss +0 -14
  94. package/src/sdg/scss/modules/_tokens.scss +0 -3
  95. package/src/sdg/scss/modules/_utils.scss +0 -55
  96. package/src/sdg/scss/settings/_grid.scss +0 -24
  97. package/src/sdg/scss/settings/_settings.scss +0 -12
@@ -1,144 +1,3 @@
1
- @charset "UTF-8";
2
- /*
3
- Return rem size from pixel size according to root font-size as define in settings
4
- Always use this function for rem values
5
- // root font-size : 100 %,
6
- // foo.scss
7
- .foo { font-size: rem(16); }
8
- // foo.css
9
- .foo { font-size: 1rem; }
10
-
11
- // root font-size : 62.5 %,
12
- // foo.scss
13
- .foo { font-size: rem(16); }
14
- // foo.css
15
- .foo { font-size: 1.6rem; }
16
- */
17
- /*
18
- Return rem size from pixel size according to root font-size as define in settings
19
- Always use this function for rem values
20
- // root font-size : 100 %,
21
- // foo.scss
22
- .foo { font-size: rem(16); }
23
- // foo.css
24
- .foo { font-size: 1rem; }
25
-
26
- // root font-size : 62.5 %,
27
- // foo.scss
28
- .foo { font-size: rem(16); }
29
- // foo.css
30
- .foo { font-size: 1.6rem; }
31
- */
32
- /* TODO voir si meilleure façon d'intégrer en scss... */
33
- .qc-icon {
34
- display: inline-block;
35
- content: "";
36
- background-repeat: no-repeat;
37
- background-position: center;
38
- background-size: 100% auto;
39
- min-width: 32px;
40
- height: 32px;
41
- }
42
- .qc-icon.qc-icon-sm {
43
- min-width: 12px;
44
- height: 12px;
45
- }
46
- .qc-icon.qc-icon-md {
47
- min-width: 20px;
48
- height: 20px;
49
- }
50
- .qc-icon.qc-icon-lg {
51
- min-width: 40px;
52
- height: 40px;
53
- }
54
- .qc-icon.qc-external-link {
55
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
56
- }
57
- .qc-icon.qc-warning {
58
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDI0IDIxIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojQUQ3ODFDO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQwLjAwMSAtMjUwNykiPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTYzLjM2OSwyNTI4SDU0MC42MzRhLjYzMy42MzMsMCwwLDEtLjU0Ni0uMzA2LjYuNiwwLDAsMS0uMDA1LS42MTVsMTEuMzY4LTE5Ljc2NGEuNjM4LjYzOCwwLDAsMSwxLjEsMGwxMS4zNjgsMTkuNzY0YS42MDYuNjA2LDAsMCwxLDAsLjYxNUEuNjMyLjYzMiwwLDAsMSw1NjMuMzY5LDI1MjhabS0yMS42NTYtMS4yMzVoMjAuNTc0TDU1MiwyNTA4Ljg3OFoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIwLjY1NGEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzh2LTYuMzc3YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2Ni4zNzdBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjAuNjU0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMS4yOCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIyLjU1MmEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzd2LTEuMjc2YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2MS4yNzZBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjIuNTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMi44OTcpIi8+PC9nPjwvc3ZnPg==");
59
- }
60
- .qc-icon.qc-arrow-up-white {
61
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE2IDIwIj4KICA8cGF0aCBpZD0iYXJyb3ctdXAtd2hpdGUiIGQ9Ik0uNDE0LDkuMDIyYy4wMTItLjAxNS4wMTctLjAzNS4wMzEtLjA0OUw2LjYxNiwyLjM5MWExLjE5NCwxLjE5NCwwLDAsMSwxLjc2NywwLDEuNCwxLjQsMCwwLDEsMCwxLjg4NUw0LjI2Nyw4LjY2NkgxOC43NWExLjMzNiwxLjMzNiwwLDAsMSwwLDIuNjY3SDQuMjY3bDQuMTE2LDQuMzlhMS40LDEuNCwwLDAsMSwwLDEuODg1LDEuMTk0LDEuMTk0LDAsMCwxLTEuNzY3LDBMLjQ0NSwxMS4wMjZjLS4wMTQtLjAxNS0uMDE5LS4wMzUtLjAzMS0uMDQ5YTEuMzYxLDEuMzYxLDAsMCwxLDAtMS45NTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCkgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K");
62
- }
63
- .qc-icon.qc-clipboard {
64
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE2LjUgMjBoLTE0Yy0wLjgyNyAwLTEuNS0wLjY3My0xLjUtMS41di0xNGMwLTAuODI3IDAuNjczLTEuNSAxLjUtMS41aDFjMC4yNzYgMCAwLjUgMC4yMjQgMC41IDAuNXMtMC4yMjQgMC41LTAuNSAwLjVoLTFjLTAuMjc2IDAtMC41IDAuMjI0LTAuNSAwLjV2MTRjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNWgxNGMwLjI3NiAwIDAuNS0wLjIyNCAwLjUtMC41di0xNGMwLTAuMjc2LTAuMjI0LTAuNS0wLjUtMC41aC0xYy0wLjI3NiAwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSAwLjUtMC41aDFjMC44MjcgMCAxLjUgMC42NzMgMS41IDEuNXYxNGMwIDAuODI3LTAuNjczIDEuNS0xLjUgMS41eiIgZmlsbD0iIzA5NTc5NyI+PC9wYXRoPgo8cGF0aCBkPSJNMTMuNTAxIDVjLTAgMC0wIDAtMC4wMDEgMGgtOGMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNSAwLTEuMDA1IDAuNDUzLTEuNzg2IDEuMjc2LTIuMTk3IDAuMjc1LTAuMTM4IDAuNTQ3LTAuMjEzIDAuNzY0LTAuMjU0IDAuMjEzLTEuMTY0IDEuMjM1LTIuMDQ5IDIuNDU5LTIuMDQ5czIuMjQ2IDAuODg1IDIuNDU5IDIuMDQ5YzAuMjE4IDAuMDQxIDAuNDg5IDAuMTE2IDAuNzY0IDAuMjU0IDAuODE2IDAuNDA4IDEuMjY4IDEuMTc4IDEuMjc2IDIuMTcgMC4wMDEgMC4wMDkgMC4wMDEgMC4wMTggMC4wMDEgMC4wMjcgMCAwLjI3Ni0wLjIyNCAwLjUtMC41IDAuNXpNNi4wNjAgNGg2Ljg4Yy0wLjA5Ni0wLjM1Ni0wLjMwNy0wLjYxNy0wLjYzOC0wLjc5LTAuMzg5LTAuMjAzLTAuOC0wLjIxLTAuODA1LTAuMjEtMC4yNzYgMC0wLjQ5Ny0wLjIyNC0wLjQ5Ny0wLjUgMC0wLjgyNy0wLjY3My0xLjUtMS41LTEuNXMtMS41IDAuNjczLTEuNSAxLjVjMCAwLjI3Ni0wLjIyNCAwLjUtMC41IDAuNS0wLjAwMSAwLTAuNDEzIDAuMDA3LTAuODAyIDAuMjEtMC4zMzEgMC4xNzMtMC41NDIgMC40MzMtMC42MzggMC43OXoiIGZpbGw9IiMwOTU3OTciPjwvcGF0aD4KPHBhdGggZD0iTTkuNSAzYy0wLjEzMiAwLTAuMjYxLTAuMDUzLTAuMzUzLTAuMTQ3cy0wLjE0Ny0wLjIyMi0wLjE0Ny0wLjM1MyAwLjA1My0wLjI2MSAwLjE0Ny0wLjM1M2MwLjA5My0wLjA5MyAwLjIyMi0wLjE0NyAwLjM1My0wLjE0N3MwLjI2MSAwLjA1MyAwLjM1MyAwLjE0N2MwLjA5MyAwLjA5MyAwLjE0NyAwLjIyMiAwLjE0NyAwLjM1M3MtMC4wNTMgMC4yNi0wLjE0NyAwLjM1M2MtMC4wOTMgMC4wOTMtMC4yMjIgMC4xNDctMC4zNTMgMC4xNDd6IiBmaWxsPSIjMDk1Nzk3Ij48L3BhdGg+Cjwvc3ZnPgo=");
65
- }
66
- .qc-icon.qc-error {
67
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojY2IzODFmO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgwLjAwMiAtMjU0Ni4wMDEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE5Ni40NzYsMjU2MS42NzVsLTQuOTY5LTQuNzYyLDQuOTY5LTQuNzYzYS43LjcsMCwwLDAsLjA1MS0uOTI4LjU3OS41NzksMCwwLDAtLjg2LS4wNTVsLTUuMDc2LDQuODY3LTUuMDc2LTQuODY3YS41NzkuNTc5LDAsMCwwLS44Ni4wNTUuNjkzLjY5MywwLDAsMCwuMDUxLjkyOGw0Ljk2OSw0Ljc2My00Ljk2OSw0Ljc2MmEuNy43LDAsMCwwLS4wNTEuOTI4LjU3OC41NzgsMCwwLDAsLjg2LjA1NWw1LjA3Ni00Ljg2Nyw1LjA3Niw0Ljg2N2EuNTc5LjU3OSwwLDAsMCwuNC4xNjYuNTkuNTksMCwwLDAsLjQ1NS0uMjIxQS42OTQuNjk0LDAsMCwwLDE5Ni40NzYsMjU2MS42NzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQxMSAxLjA4OSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTE5MiwyNTcwYTEyLDEyLDAsMSwxLDguNDg2LTMuNTE0QTExLjkyNiwxMS45MjYsMCwwLDEsMTkyLDI1NzBabTAtMjIuNzM3QTEwLjczNywxMC43MzcsMCwxLDAsMjAyLjczOSwyNTU4LDEwLjc0OSwxMC43NDksMCwwLDAsMTkyLDI1NDcuMjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L3N2Zz4=");
68
- }
69
- .qc-icon.qc-error-white {
70
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnhfcm9uZF8wXzI1PC90aXRsZT48ZyBpZD0iQ2FscXVlXzIiIGRhdGEtbmFtZT0iQ2FscXVlIDIiPjxnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0LjQ2LDEzLjI1LDEwLjM4LDkuNjMsMTQuNDYsNmEuNS41LDAsMSwwLS42Ny0uNzVMOS42Myw5LDUuNDYsNS4yNUEuNS41LDAsMSwwLDQuNzksNkw4Ljg3LDkuNjMsNC43OSwxMy4yNWEuNS41LDAsMCwwLC4zNC44OEEuNTUuNTUsMCwwLDAsNS40NiwxNGw0LjE3LTMuNzFMMTMuNzksMTRhLjU1LjU1LDAsMCwwLC4zNC4xMy41LjUsMCwwLDAsLjMzLS44OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjYzLDE5LjEzYTkuNTEsOS41MSwwLDAsMS05LjUtOS41QTkuNDksOS40OSwwLDAsMSw5LjYzLjEzYTkuNTEsOS41MSwwLDAsMSw5LjUsOS41LDkuNTMsOS41MywwLDAsMS05LjUsOS41Wm0wLTE4YTguNSw4LjUsMCwxLDAsOC41LDguNUE4LjUxLDguNTEsMCwwLDAsOS42MywxLjEzWiIvPjwvZz48L2c+PC9zdmc+");
71
- }
72
- .qc-icon.qc-information {
73
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMy45OTkiIHZpZXdCb3g9IjAgMCAyNCAyMy45OTkiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiMwOTU3OTc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNNDAuNDg4LDI1NjYuNDg1QTEyLDEyLDAsMSwxLDQ0LDI1NTgsMTEuOTIyLDExLjkyMiwwLDAsMSw0MC40ODgsMjU2Ni40ODVaTTMyLDI1NDcuMjYyQTEwLjczNywxMC43MzcsMCwxLDAsNDIuNzM5LDI1NTgsMTAuNzQ4LDEwLjc0OCwwLDAsMCwzMiwyNTQ3LjI2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDIgLTI1NDYuMDAxKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjkuNjQxLDI1NjFoMGEuNjQuNjQsMCwwLDAtLjYzOS42Mzl2MS4yNzhhLjY0LjY0LDAsMCwwLC42MzkuNjM5aDBhLjY0LjY0LDAsMCwwLC42MzktLjYzOXYtMS4yNzhBLjY0LjY0LDAsMCwwLDI5LjY0MSwyNTYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU1Ni45NzQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yOS42NDEsMjU1MWEuNjQxLjY0MSwwLDAsMC0uNjM5LjYzOXYxMS4yNjlhLjYzOS42MzksMCwxLDAsMS4yNzgsMFYyNTUxLjY0QS42NDEuNjQxLDAsMCwwLDI5LjY0MSwyNTUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU0My4yODgpIi8+PC9zdmc+");
74
- }
75
- .qc-icon.qc-information-white {
76
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmlfMF8yNTwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjkxLDE2LjM0YTkuNSw5LjUsMCwwLDAsMTMuNDMsMCw5LjQ4LDkuNDgsMCwwLDAsMC0xMy40Myw5LjUsOS41LDAsMCwwLTEzLjQzLDAsOS41LDkuNSwwLDAsMCwwLDEzLjQzWk05LjYzLDEuMTJhOC41LDguNSwwLDEsMS04LjUsOC41QTguNTIsOC41MiwwLDAsMSw5LjYzLDEuMTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42Myw0LjEyaDBhLjUxLjUxLDAsMCwxLC41LjV2MWEuNS41LDAsMCwxLS41LjVoMGEuNS41LDAsMCwxLS41LS41di0xQS41LjUsMCwwLDEsOS42Myw0LjEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuNjMsNy4xMmEuNTEuNTEsMCwwLDEsLjUuNXY3YS41LjUsMCwwLDEtLjUuNS41LjUsMCwwLDEtLjUtLjV2LTdBLjUuNSwwLDAsMSw5LjYzLDcuMTJaIi8+PC9nPjwvZz48L3N2Zz4=");
77
- }
78
- .qc-icon.qc-minus {
79
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE4LjUgMTFoLTE4Yy0wLjI3NiAwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSAwLjUtMC41aDE4YzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjVzLTAuMjI0IDAuNS0wLjUgMC41eiIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgo8L3N2Zz4K");
80
- }
81
- .qc-icon.qc-plus {
82
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE4LjUgMTBoLTguNXYtOC41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVzLTAuNSAwLjIyNC0wLjUgMC41djguNWgtOC41Yy0wLjI3NiAwLTAuNSAwLjIyNC0wLjUgMC41czAuMjI0IDAuNSAwLjUgMC41aDguNXY4LjVjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNXMwLjUtMC4yMjQgMC41LTAuNXYtOC41aDguNWMwLjI3NiAwIDAuNS0wLjIyNCAwLjUtMC41cy0wLjIyNC0wLjUtMC41LTAuNXoiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KPC9zdmc+Cg==");
83
- }
84
- .qc-icon.qc-question-mark {
85
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iOTczLjFweCIgaGVpZ2h0PSI5NzMuMXB4IiB2aWV3Qm94PSIwIDAgOTczLjEgOTczLjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk3My4xIDk3My4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKCT4KPGc+Cgk8cGF0aCBkPSJNNTAyLjI5LDc4OC4xOTloLTQ3Yy0zMy4xLDAtNjAsMjYuOS02MCw2MHY2NC45YzAsMzMuMSwyNi45LDYwLDYwLDYwaDQ3YzMzLjEwMSwwLDYwLTI2LjksNjAtNjB2LTY0LjkKCQlDNTYyLjI5LDgxNSw1MzUuMzkxLDc4OC4xOTksNTAyLjI5LDc4OC4xOTl6IiBmaWxsPSIjZmZmIi8+Cgk8cGF0aCBkPSJNMTcwLjg5LDI4NS44bDg2LjcsMTAuOGMyNy41LDMuNCw1My42LTEyLjQsNjMuNS0zOC4zYzEyLjUtMzIuNywyOS45LTU4LjUsNTIuMi03Ny4zYzMxLjYwMS0yNi42LDcwLjktNDAsMTE3LjktNDAKCQljNDguNywwLDg3LjUsMTIuOCwxMTYuMywzOC4zYzI4LjgsMjUuNiw0My4xLDU2LjIsNDMuMSw5Mi4xYzAsMjUuOC04LjEsNDkuNC0yNC4zLDcwLjhjLTEwLjUsMTMuNi00Mi44LDQyLjItOTYuNyw4NS45CgkJYy01NCw0My43LTg5Ljg5OSw4My4wOTktMTA3Ljg5OSwxMTguMDk5Yy0xOC40LDM1LjgwMS0yNC44LDc1LjUtMjYuNCwxMTUuMzAxYy0xLjM5OSwzNC4xLDI1LjgsNjIuNSw2MCw2Mi41aDQ5CgkJYzMxLjIsMCw1Ny0yMy45LDU5LjgtNTQuOWMyLTIyLjI5OSw1LjctMzkuMTk5LDExLjMwMS01MC42OTljOS4zOTktMTkuNzAxLDMzLjY5OS00NS43MDEsNzIuNjk5LTc4LjEKCQlDNzIzLjU5LDQ3Ny44LDc3Mi43OSw0MjguNCw3OTUuODkxLDM5MmMyMy0zNi4zLDM0LjYtNzQuOCwzNC42LTExNS41YzAtNzMuNS0zMS4zLTEzOC05NC0xOTMuNGMtNjIuNi01NS40LTE0Ny04My4xLTI1My04My4xCgkJYy0xMDAuOCwwLTE4Mi4xLDI3LjMtMjQ0LjEsODJjLTUyLjgsNDYuNi04NC45LDEwMS44LTk2LjIsMTY1LjVDMTM5LjY5LDI2Ni4xLDE1Mi4zOSwyODMuNSwxNzAuODksMjg1Ljh6IiBmaWxsPSIjZmZmIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
86
- }
87
- .qc-icon.qc-success {
88
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojNGY4MTNkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwLjAwMiAtMjU0Ni4wMDEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE1MiwyNTcwYTEyLDEyLDAsMSwxLDguNDg2LTMuNTE0QTExLjkyNSwxMS45MjUsMCwwLDEsMTUyLDI1NzBabTAtMjIuNzM3QTEwLjczNywxMC43MzcsMCwxLDAsMTYyLjczOSwyNTU4LDEwLjc0OSwxMC43NDksMCwwLDAsMTUyLDI1NDcuMjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTQ4LjQzMywyNTYxLjU3NmEuNjMzLjYzMywwLDAsMS0uNDQ4LS4xODVsLTMuOC0zLjc3OGEuNjI4LjYyOCwwLDAsMSwwLS44OS42MzguNjM4LDAsMCwxLC45LDBsMy4zNSwzLjMzMyw4LjQxMy04LjM3MWEuNjM4LjYzOCwwLDAsMSwuOSwwLC42MjguNjI4LDAsMCwxLDAsLjg5MWwtOC44NjIsOC44MTVhLjYyOC42MjgsMCwwLDEtLjQ0OC4xODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAzNyAxLjQ2MykiLz48L2c+PC9zdmc+");
89
- }
90
- .qc-icon.qc-success-white {
91
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnZfMF8yNTwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMV8tX2NvcGllIiBkYXRhLW5hbWU9IkxheWVyIDEgLSBjb3BpZSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42MywxOS4xMkE5LjQ5LDkuNDksMCwwLDEsLjEzLDkuNjMsOS40OSw5LjQ5LDAsMCwxLDkuNjMuMTNhOS41MSw5LjUxLDAsMCwxLDkuNSw5LjUsOS41MSw5LjUxLDAsMCwxLTkuNSw5LjQ5Wm0wLTE4YTguNSw4LjUsMCwxLDAsOC41LDguNDlBOC41LDguNSwwLDAsMCw5LjYzLDEuMTNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy42MywxMy42MmEuNS41LDAsMCwxLS4zNi0uMTRsLTMtM0EuNS41LDAsMCwxLDUsOS43N2wyLjY0LDIuNjUsNi42NS02LjY1YS41LjUsMCwwLDEsLjcxLjcxbC03LDdhLjUuNSwwLDAsMS0uMzYuMTRaIi8+PC9nPjwvZz48L3N2Zz4=");
92
- }
93
- .qc-icon.qc-xclose-white {
94
- width: 16px;
95
- height: 16px;
96
- min-width: 16px;
97
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoxLjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkZpY2hpZXIgMzwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMSwxMC4yNSwxOS42LDEuNmEuNDguNDgsMCwwLDAsMC0uNy40OC40OCwwLDAsMC0uNywwTDEwLjI1LDkuNTQsMS42LjlBLjQ4LjQ4LDAsMCwwLC45LjlhLjQ4LjQ4LDAsMCwwLDAsLjdsOC42NCw4LjY1TC45LDE4LjlhLjQ4LjQ4LDAsMCwwLDAsLjcuNDguNDgsMCwwLDAsLjcsMEwxMC4yNSwxMSwxOC45LDE5LjZhLjQ4LjQ4LDAsMCwwLC43LDAsLjQ4LjQ4LDAsMCwwLDAtLjdMMTEsMTAuMjVaIi8+PC9nPjwvZz48L3N2Zz4=");
98
- }
99
- .qc-icon.qc-xclose-blue {
100
- width: 16px;
101
- height: 16px;
102
- min-width: 16px;
103
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTEwLjcwNyAxMC41bDguNjQ2LTguNjQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdzLTAuNTEyLTAuMTk1LTAuNzA3IDBsLTguNjQ2IDguNjQ2LTguNjQ2LTguNjQ2Yy0wLjE5NS0wLjE5NS0wLjUxMi0wLjE5NS0wLjcwNyAwcy0wLjE5NSAwLjUxMiAwIDAuNzA3bDguNjQ2IDguNjQ2LTguNjQ2IDguNjQ2Yy0wLjE5NSAwLjE5NS0wLjE5NSAwLjUxMiAwIDAuNzA3IDAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2bDguNjQ2LTguNjQ2IDguNjQ2IDguNjQ2YzAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdsLTguNjQ2LTguNjQ2eiIgZmlsbD0iIzIyMzY1NCI+PC9wYXRoPgo8L3N2Zz4K");
104
- }
105
- .qc-icon.qc-chevron-blue, .qc-icon.qc-chevron-white {
106
- width: 16px;
107
- min-width: 16px;
108
- height: 10px;
109
- }
110
- .qc-icon.qc-chevron-blue {
111
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTMgOCI+CiAgPHBhdGggaWQ9IlRyYWPDqV83MDAiIGRhdGEtbmFtZT0iVHJhY8OpIDcwMCIgZD0iTTEzMzcuNDc0LDM2Ni4yNDdsNS44LDUuNzIyLTEuNCwxLjYxLTUuMS01LjAzLTUuMSw1LjAzLTEuNC0xLjYxLDUuOC01LjcyMi43LS42NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzMC4yNzEgLTM2NS41OCkiIGZpbGw9IiMwOTU3OTciLz4KPC9zdmc+Cg==");
112
- }
113
- .qc-icon.qc-chevron-white {
114
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTMgOCI+CiAgPHBhdGggaWQ9IlRyYWPDqV83MDAiIGRhdGEtbmFtZT0iVHJhY8OpIDcwMCIgZD0iTTEzMzcuNDc0LDM2Ni4yNDdsNS44LDUuNzIyLTEuNCwxLjYxLTUuMS01LjAzLTUuMSw1LjAzLTEuNC0xLjYxLDUuOC01LjcyMi43LS42NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzMC4yNzEgLTM2NS41OCkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
115
- }
116
- .qc-icon.qc-facebook {
117
- background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzIiIGRhdGEtbmFtZT0iR3JvdXBlIDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI3LjEzMSIgaGVpZ2h0PSIyNy4xMzEiIHZpZXdCb3g9IjAgMCAyNy4xMzEgMjcuMTMxIj4KICA8ZyBpZD0iR3JvdXBlXzYiIGRhdGEtbmFtZT0iR3JvdXBlIDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMTYiIGRhdGEtbmFtZT0iVHJhY8OpIDE2IiBkPSJNMjcuMTMxLDEzLjU2NmExMy41NjYsMTMuNTY2LDAsMSwwLTE1LjY4NSwxMy40di05LjQ4SDhWMTMuNTY2aDMuNDQ0VjEwLjU3N2MwLTMuNCwyLjAyNS01LjI3OCw1LjEyNC01LjI3OGEyMC44NjEsMjAuODYxLDAsMCwxLDMuMDM3LjI2NVY4LjlIMTcuOWExLjk2MSwxLjk2MSwwLDAsMC0yLjIxMSwyLjExOXYyLjU0NWgzLjc2MmwtLjYsMy45MjFIMTUuNjg1djkuNDhBMTMuNTY5LDEzLjU2OSwwLDAsMCwyNy4xMzEsMTMuNTY2WiIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xNyIgZGF0YS1uYW1lPSJUcmFjw6kgMTciIGQ9Ik0zMTIuODE5LDIxMi4xNTlsLjYtMy45MTJoLTMuNzU0di0yLjUzOWExLjk1NiwxLjk1NiwwLDAsMSwyLjIwNi0yLjExNGgxLjcwN3YtMy4zMzFhMjAuODEyLDIwLjgxMiwwLDAsMC0zLjAzLS4yNjRjLTMuMDkxLDAtNS4xMTIsMS44NzQtNS4xMTIsNS4yNjZ2Mi45ODJIMzAydjMuOTEyaDMuNDM2djkuNDU3YTEzLjY3NSwxMy42NzUsMCwwLDAsNC4yMjksMHYtOS40NTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkzLjk4NCAtMTk0LjY1KSIgZmlsbD0iIzIyMzY1NCIvPgogIDwvZz4KPC9zdmc+Cg==");
118
- }
119
- .qc-icon.qc-linkedin {
120
- background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzM5MiIgZGF0YS1uYW1lPSJHcm91cGUgMzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNy4yNTQiIHZpZXdCb3g9IjAgMCAzMiAyNy4yNTQiPgogIDxnIGlkPSJHcm91cGVfMzkxIiBkYXRhLW5hbWU9Ikdyb3VwZSAzOTEiPgogICAgPHBhdGggaWQ9IlRyYWPDqV82NDYiIGRhdGEtbmFtZT0iVHJhY8OpIDY0NiIgZD0iTTIzLjgyNywwSDEuOUExLjkzMywxLjkzMywwLDAsMCwwLDEuOTY1VjI1LjI4N2ExLjkzNCwxLjkzNCwwLDAsMCwxLjksMS45NjdIMjMuODI3YTEuOTM4LDEuOTM4LDAsMCwwLDEuOS0xLjk2N1YxLjk2NUExLjkzNiwxLjkzNiwwLDAsMCwyMy44MjcsMFpNNy42MzMsMjMuMjIzSDMuODEyVjEwLjIxN2gzLjgyWk01LjcyNCw4LjQ0QTIuMjgxLDIuMjgxLDAsMCwxLDMuNTA5LDYuMSwyLjI4LDIuMjgsMCwwLDEsNS43MjQsMy43NTIsMi4yODEsMi4yODEsMCwwLDEsNy45MzUsNi4xLDIuMjgxLDIuMjgxLDAsMCwxLDUuNzI0LDguNDRabTE2LjIsMTQuNzgzSDE4LjExVjE2LjljMC0xLjUwOC0uMDI0LTMuNDQ4LTEuOTgzLTMuNDQ4LTEuOTg2LDAtMi4yODksMS42NDQtMi4yODksMy4zNDF2Ni40MzNIMTAuMDI2VjEwLjIxN2gzLjY1OFYxMmguMDUzYTMuOTc0LDMuOTc0LDAsMCwxLDMuNjExLTIuMWMzLjg2NCwwLDQuNTc4LDIuNjkzLDQuNTc4LDYuMloiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=");
121
- height: 30px;
122
- }
123
- .qc-icon.qc-twitter {
124
- background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzEiIGRhdGEtbmFtZT0iR3JvdXBlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI3LjEzMSIgaGVpZ2h0PSIyNy4xMzEiIHZpZXdCb3g9IjAgMCAyNy4xMzEgMjcuMTMxIj4KICA8ZyBpZD0iRGFya19CbHVlIiBkYXRhLW5hbWU9IkRhcmsgQmx1ZSI+CiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzEiIGRhdGEtbmFtZT0iRWxsaXBzZSAxIiBjeD0iMTMuNTY2IiBjeT0iMTMuNTY2IiByPSIxMy41NjYiIGZpbGw9IiNmZmYiLz4KICA8L2c+CiAgPGcgaWQ9IkxvZ29fRklYRUQiIGRhdGEtbmFtZT0iTG9nbyDigJQgRklYRUQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDcxIDcuNzY3KSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzEzIiBkYXRhLW5hbWU9IlRyYWPDqSAxMyIgZD0iTTk0LjUxMywxMjcuNDYxYTkuMjQxLDkuMjQxLDAsMCwwLDkuMy05LjNjMC0uMTQyLDAtLjI4My0uMDA5LS40MjNhNi42NTMsNi42NTMsMCwwLDAsMS42MzEtMS42OTMsNi41MjksNi41MjksMCwwLDEtMS44NzguNTE1QTMuMjgyLDMuMjgyLDAsMCwwLDEwNSwxMTQuNzQ2YTYuNTU0LDYuNTU0LDAsMCwxLTIuMDc2Ljc5NCwzLjI3MywzLjI3MywwLDAsMC01LjU3MywyLjk4Miw5LjI4NSw5LjI4NSwwLDAsMS02Ljc0MS0zLjQxNywzLjI3MywzLjI3MywwLDAsMCwxLjAxMiw0LjM2NiwzLjI0NywzLjI0NywwLDAsMS0xLjQ4MS0uNDA5YzAsLjAxNCwwLC4wMjcsMCwuMDQyYTMuMjcyLDMuMjcyLDAsMCwwLDIuNjI0LDMuMjA2LDMuMjY1LDMuMjY1LDAsMCwxLTEuNDc3LjA1NiwzLjI3NCwzLjI3NCwwLDAsMCwzLjA1NSwyLjI3MSw2LjU2Miw2LjU2MiwwLDAsMS00LjA2MiwxLjQsNi42NTgsNi42NTgsMCwwLDEtLjc4LS4wNDUsOS4yNTgsOS4yNTgsMCwwLDAsNS4wMTMsMS40NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04OS41IC0xMTQuNTA3KSIgZmlsbD0iIzIyMzY1NCIvPgogIDwvZz4KPC9zdmc+Cg==");
125
- }
126
- .qc-icon.qc-youtube {
127
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzUuNTUyIiBoZWlnaHQ9IjM1LjU1MiIgdmlld0JveD0iMCAwIDM1LjU1MiAzNS41NTIiPgogIDxpbWFnZSBpZD0iSW1hZ2VfNDEiIGRhdGEtbmFtZT0iSW1hZ2UgNDEiIHdpZHRoPSIzNS41NTIiIGhlaWdodD0iMzUuNTUyIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUpZQUFBQ1dDQVlBQUFBOEFYSGlBQUFNUm1sRFExQkpRME1nVUhKdlptbHNaUUFBU0ltVlZ3ZFVVOGthbmx0U1NXaUJDRWdKdllsU3BFc0pvVVVRa0NyWUNFa2dvY1NZRUVUc3lxS0NheGNSc0tHcklvcXVCWkMxWWkrTFl1OFBDeXJLdWxpd29mSW1CWFQxdlBmTys4K1plNy83enovZlgrN2N1VE1BNkZUenBOSmNWQmVBUEVtK0xENGloRFVtTlkxRmVnaW93QncySTJEQzQ4dWw3TGk0YUFDbC8vNVBlWGNkSU1yN0ZSY2wxOC85LzFYMEJFSTVId0FrRHVJTWdaeWZCL0UrQVBCaXZsU1dEd0RSQitxdHArUkxsWGdjeEFZeUdDREVVaVhPVXVOaUpjNVE0d3FWVFdJOEIrSWRBSkJwUEo0c0N3RHRKcWhuRmZDeklJLzJUWWhkSlFLeEJBQWRNc1NCZkJGUEFIRWt4RVB5OGlZcE1iUUREaG5mOFdUOWd6TmpnSlBIeXhyQTZseFVRZzRWeTZXNXZLbi9aem4rdCtUbEt2cDkyTUZHRThraTQ1VTV3N3JkekprVXBjUTBpTHNrR1RHeEVPdEQvRUVzVU5sRGpGSkZpc2drdFQxcXlwZHpZTTBBRTJKWEFTODBDbUpUaU1NbHVUSFJHbjFHcGppY0N6R2NJV2loT0orYnFCbTdRQ2dQUzlCd1Zzc214Y2YyNDB3Wmg2MFpXOCtUcWZ3cTdVOG9jcExZR3Y2YklpRzNuLzl0a1NneFJSMHpSaTBRSjhkQXJBMHhVNTZURUtXMndXeUtSSnlZZmh1WklsNFp2dzNFZmtKSlJJaWFINXVRS1F1UDE5akw4dVQ5K1dJTFJHSnVqQVpYNW9zU0l6VThPL2c4VmZ4R0VEY0pKZXlrZmg2aGZFeDBmeTRDWVdpWU9uZnNrbENTcE1rWGE1Zm1oOFJyeHI2VzVzWnA3SEdxTURkQ3FiZUMyRlJla0tBWml3Zm13d21wNXNkanBQbHhpZW80OFl4czNzZzRkVHg0SVlnR0hCQUtXRUFCV3dhWUJMS0J1TFdyc1FzK3FYdkNBUS9JUUJZUUFoZU5wbjlFaXFwSEFxOEpvQWo4QlpFUXlBZkdoYWg2aGFBQTZyOE1hTlZYRjVDcDZpMVFqY2dCVHlET0ExRWdGejRyVktNa0E5NlN3V09vRWYva25ROWp6WVZOMmZlempnMDEwUnFOb3ArWHBkTnZTUXdqaGhJamllRkVSOXdFRDhUOThXaDREWWJOSGZmQmZmdWovV1pQZUVKb0l6d2tYQ08wRTI1TkZNK1YvWkFQQzR3QzdkQkR1Q2Juak85enh1MGdxeWNlZ2dkQWZzaU5NM0VUNElJUGg1N1llQkQwN1FtMUhFM2t5dXgvNVA1SER0OVZYV05IY2FXZ2xFR1VZSXJEanlPMW5iUTlCMWlVTmYyK1F1cFlNd2JxeWhubytkRS81N3RLQytBOTZrZExiQUcyRnp1TkhjUE9ZZ2V4UnNEQ2ptQk4yQVhza0JJUHpLTEhxbG5VN3kxZUZVOE81QkgvNUkrbjhhbXNwTnkxenJYVDliTzZMMTlZcUZ3ZkFXZVNkS3BNbkNYS1o3SGh5aTlrY1NYOG9VTlk3cTV1Y05WVy9rZlV5OVFicHVyL2dERFBmZFBOZyt0T3dNcSt2cjZEMzNUUnZnRHNhd0NBMnZsTlp3L1hYRHJVblZuSVY4Z0sxRHBjZVNIQXY1TU8vS0tNNFgvS0dqakFmTnlCRi9BSHdTQU1qQVN4SUJHa2dnbXd5aUk0bjJWZ0NwZ081b0FTVUFhV2dsV2dFcXdIbThBMnNCUHNBWTNnSURnR1RvSHo0Qks0QnU3QTJkTUJYb0J1OEE3MElnaENRdWdJQXpGR0xCQmJ4Qmx4UjN5UVFDUU1pVWJpa1ZRa0hjbENKSWdDbVk3TVE4cVE1VWdsc2hHcFJYNUhEaURIa0xOSUczSUxlWUIwSXErUlR5aUcwbEFEMUF5MVE0ZWhQaWdialVJVDBmRm9Gam9aTFVLTDBjVm9CVnFEN2tBYjBHUG9lZlFhMm82K1FIc3dnR2xoVE13U2M4RjhNQTRXaTZWaG1aZ01tNG1WWXVWWURWYVBOY1AzZkFWcng3cXdqemdSWitBczNBWE80RWc4Q2VmamsvR1orQ0s4RXQrR04rQW44Q3Y0QTd3Yi8wcWdFMHdKemdRL0FwY3docEJGbUVJb0laUVR0aEQyRTA3Q3I2bUQ4STVJSkRLSjlrUnYrRFdtRXJPSjA0aUxpR3VKdTRoSGlXM0VSOFFlRW9sa1RISW1CWkJpU1R4U1BxbUV0SWEwZzNTRWRKblVRZnBBMWlKYmtOM0o0ZVEwc29ROGwxeE8zazQrVEw1TWZrcnVwZWhTYkNsK2xGaUtnREtWc29TeW1kSk11VWpwb1BSUzlhajIxQUJxSWpXYk9vZGFRYTJubnFUZXBiN1IwdEt5MHZMVkdxMGwxcHF0VmFHMVcrdU0xZ090anpSOW1oT05ReHRIVTlBVzA3YlNqdEp1MGQ3UTZYUTdlakE5alo1UFgweXZwUituMzZkLzBHWm9EOVhtYWd1MFoybFhhVGRvWDlaK3FVUFJzZFZoNjB6UUtkSXAxOW1yYzFHblM1ZWlhNmZMMGVYcHp0U3QwajJnZTBPM1I0K2g1NllYcTVlbnQwaHZ1OTVadldmNkpIMDcvVEI5Z1g2eC9pYjk0L3FQR0JqRG1zRmg4Qm56R0pzWkp4a2RCa1FEZXdPdVFiWkJtY0ZPZzFhRGJrTjl3K0dHeVlhRmhsV0dod3pibVJqVGpzbGw1aktYTVBjd3J6TS9EVElieEI0a0hMUndVUDJneTRQZUd3MDJDallTR3BVYTdUSzZadlRKbUdVY1pweGp2TXk0MGZpZUNXN2laRExhWklySk9wT1RKbDJERFFiN0QrWVBMaDI4Wi9CdFU5VFV5VFRlZEpycEp0TUxwajFtNW1ZUlpsS3pOV2JIemJyTW1lYkI1dG5tSzgwUG0zZGFNQ3dDTGNRV0t5Mk9XRHhuR2JMWXJGeFdCZXNFcTl2UzFETFNVbUc1MGJMVnN0ZkszaXJKYXE3VkxxdDcxbFJySCt0TTY1WFdMZGJkTmhZMm8yeW0yOVRaM0xhbDJQcllpbXhYMjU2MmZXOW5iNWRpTjkrdTBlNlp2WkU5MTc3SXZzNytyZ1BkSWNoaHNrT053MVZIb3FPUFk0N2pXc2RMVHFpVHA1UElxY3Jwb2pQcTdPVXNkbDdyM0RhRU1NUjNpR1JJelpBYkxqUVh0a3VCUzUzTGc2SE1vZEZENXc1dEhQcHltTTJ3dEdITGhwMGU5dFhWMHpYWGRiUHJIVGQ5dDVGdWM5MmEzVjY3TzduejNhdmNyM3JRUGNJOVpuazBlYndhN2p4Y09IemQ4SnVlRE05Um52TTlXenkvZUhsN3lienF2VHE5YmJ6VHZhdTliL2dZK01UNUxQSTU0MHZ3RGZHZDVYdlE5Nk9mbDErKzN4Ni92LzFkL0hQOHQvcy9HMkUvUWpoaTg0aEhBVllCdklDTkFlMkJyTUQwd0EyQjdVR1dRYnlnbXFDSHdkYkJndUF0d1UvWmp1eHM5ZzcyeXhEWEVGbkkvcEQzSEQvT0RNN1JVQ3cwSXJRMHREVk1QeXdwckRMc2ZyaFZlRlo0WFhoM2hHZkV0SWlqa1lUSXFNaGxrVGU0Wmx3K3Q1YmJQZEo3NUl5Uko2Sm9VUWxSbFZFUG81MmlaZEhObzlCUkkwZXRHSFUzeGpaR0V0TVlDMks1c1N0aTc4WFp4MDJPKzJNMGNYVGM2S3JSVCtMZDRxZkhuMDVnSkV4TTJKN3dMakVrY1VuaW5TU0hKRVZTUzdKTzhyamsydVQzS2FFcHkxUGF4d3diTTJQTStWU1RWSEZxVXhvcExUbHRTMXJQMkxDeHE4WjJqUE1jVnpMdStuajc4WVhqejA0d21aQTc0ZEJFblltOGlYdlRDZWtwNmR2VFAvTmllVFc4bmd4dVJuVkdONS9EWDgxL0lRZ1dyQlIwQ2dPRXk0VlBNd015bDJjK3l3cklXcEhWS1FvU2xZdTZ4Qnh4cGZoVmRtVDIrdXozT2JFNVczUDZjbE55ZCtXUjg5THpEa2owSlRtU0U1UE1KeFZPYXBNNlMwdWs3WlA5SnErYTNDMkxrbTJSSS9MeDhxWjhBN2hodjZCd1VQeWllRkFRV0ZCVjhHRks4cFM5aFhxRmtzSUxVNTJtTHB6NnRDaTg2TGRwK0RUK3RKYnBsdFBuVEg4d2d6MWo0MHhrWnNiTWxsbldzNHBuZGN5T21MMXREblZPenB3LzU3ck9YVDczN2J5VWVjM0Zac1d6aXgvOUV2RkxYWWwyaWF6a3huei8rZXNYNEF2RUMxb1hlaXhjcy9CcnFhRDBYSmxyV1huWjUwWDhSZWQrZGZ1MTR0ZSt4Wm1MVzVkNExWbTNsTGhVc3ZUNnNxQmwyNWJyTFM5YS9takZxQlVOSzFrclMxZStYVFZ4MWRueTRlWHJWMU5YSzFhM1YwUlhOSzJ4V2JOMHplZEtVZVcxcXBDcVhkV20xUXVyMzY4VnJMMjhMbmhkL1hxejlXWHJQMjBRYjdpNU1XSmpRNDFkVGZrbTRxYUNUVTgySjI4Ky9adlBiN1ZiVExhVWJmbXlWYksxZlZ2OHRoTzEzclcxMjAyM0w2bEQ2eFIxblR2RzdiaTBNM1JuVTcxTC9jWmR6RjFsdThGdXhlN252NmYvZm4xUDFKNld2VDU3Ni9mWjdxdmV6OWhmMm9BMFRHM29iaFExdGplbE5yVWRHSG1ncGRtL2VmOGZRLy9ZZXREeVlOVWh3ME5MRGxNUEZ4L3VPMUowcE9lbzlHalhzYXhqajFvbXR0dzVQdWI0MVJPalQ3U2VqRHA1NWxUNHFlT24yYWVQbkFrNGMvQ3MzOWtENTN6T05aNzNPdDl3d2ZQQy9qODkvOXpmNnRYYWNOSDdZdE1sMzB2TmJTUGFEbDhPdW56c1N1aVZVMWU1Vjg5Zmk3bldkajNwK3MwYjQyNjAzeFRjZkhZcjk5YXIyd1czZSsvTXZrdTRXM3BQOTE3NWZkUDdOZjl5L05ldWRxLzJRdzlDSDF4NG1QRHd6aVArb3hlUDVZOC9keFEvb1Q4cGYycnh0UGFaKzdPRG5lR2RsNTZQZmQ3eFF2cWl0NnZrTDcyL3FsODZ2TnozZC9EZkY3ckhkSGU4a3IzcWU3M29qZkdiclcrSHYyM3BpZXU1L3k3dlhlLzcwZy9HSDdaOTlQbDQrbFBLcDZlOVV6NlRQbGQ4Y2Z6Uy9EWHE2OTIrdkw0K0tVL0dVMjBGTU5qUXpFd0FYbStGKzRSVUFCaVg0UDVoclBxY3B4SkVmVFpWSWZDZnNQb3NxQkl2QU9yaFRibGQ1eHdGWURkc2RzR1FHejRydCtxSndRRDE4QmhvR3BGbmVyaXJ1V2p3eEVQNDBOZjN4Z3dBVWpNQVgyUjlmYjFyKy9xK2JJYkIzZ0xnNkdUMStWSXBSSGcyMk9DcVJKY3Q5b0lmNWQ4NWRuN0RaMjMxbGdBQURaWkpSRUZVZUFIdG5RdDBGY1VaeDc5QUNIbUhJQkFJQ1NHQklBZ0NnZ1ZzcXlCUXBVamxFUWljU3BFM2xVZXdJQS9MUS9CNFd0dnlFRVU0dGJTMlBhMUhGS2tjeXVOVVNrVnFxeFFWME1oRElvRWtKQUVDU1c1dVhoRFMrZTRCVHRpWjNidTcyYjNaTy92Tk9YdjIzdG1aMlpuLy9PN3UzTm1kN3d0Skc1QlJEeFJJQVlzVmFHWnhlVlFjS2VCVGdNQWlFR3hSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJJTlNXVWdOVWFFUjRTNGlLaklEb3FJZzcrNUFRL3llUGlZNkMyQmkyc1QzbWJkWk1SeWIveGQ2Vm9yS3FCandWWGlqM2VLR01iWFYxZFhjZEYzMnBxcTZCQ20vVm5jMWJXU1ZLRmhSeFRRSVdBb0VkR3hNVkNURzRqMlo3MXNHNGoyWnhVWkhoZHo1angyTmNSSGdZeE1WRTN3RUk4N3NoSUZ3TllhdndWc0x0T0EvNzdQR3c3MVhWTEEzN1hGSHBTNHY3Y2dhMWI4K2diZ3BBYlFNTE96NDlMUm02ZGs2Q3pzbnQyZFlCa2pzbVFFcFNlNGlNQ0hjREU1YTBFYS9JdUNXMGJWeHhPYmtGY0tHZ0NNNWRLSVR6K1VWdzlsdys1T1RtdytXUzBzWVZySkk3eENyYkRYaTFHVFBpRVJqWXZ5ZjB1UzhkRXR1M1VUa2xSVHRKZ2F2WHl1R3JVemx3TFBzYjJMbjNFT1FWRkZ0U3ZVYUROWWlCTk9GSHcyREUwRUVRM2pMTWtrcFJJVTJqUUgxOVBYejZlVFpzMy9WUDJQK3ZUNkMyOXJycGlwZ0c2NEZlM1dEZG1nVytXNXpwczFOR3h5cUE0N3IxVzkrQ1A3Kzd6MVFkVFlFMWJkSW9XTDdnSnhBYTJ0elVTU2xUOENpdzcrQi9ZZkdhMTZDbXB0WlFwUTJCaGYvV05xeGRDTU1mK1k2aGsxRGk0RllBQi9xemw3d001L09LZERmRTBBVHBtNitzSktoMFN5dFB3cTZwU2JCajJ5K2dUZXRXdWh1bEc2d0ZNeVpBL3o3ZGRSZE1DZVZTb0hXcldIajlsNHNoUk04TU5HdTZMckQ2OWI0WHNtWk9rRXNwYW8xaEJSN3Myd01XekJpdks1OWZzRnJGUnNQV2w1ZXd4eDUraytvNklTVUtiZ1gwM3JuODBqSm55bGhvYzQvK2UydHd5MGExOTZjQVhtQlcvV3lhdjJUYXQwSzhuMmFNR3VLM0VFcmdMZ1h1NzlFRjBsSVNOUnV0ZWNWNmVHQWZ1Q2MrVHJNQU91aE9CVEtmSEtiWmNFMnd4ajB4UkRNekhYU3ZBc2lHMWo5RVZiQXcwOUR2OTNldmN0UnlUUVh3VHRhM1o3cHFHbFd3dW5kTjhiMnVvWnFURHJoZUFaeUdVZ3VxWVBWbEQ1a3BrQUphQ21neG9ncFd6M3RUdGNxa1k2UUE5RWhQVVZWQkZhenVHcGxVUzZNRHJsSWd0Vk1pdEF4cklXeXpLbGgweFJMcVJaRUtCYnF3Vjg5RlFRaFdZa0liQ0dzaEpsRlVDTVc1VjRFdW5Uc0tHeThFSzlYUHJLcXdKSXAwcFFJcGJLR01LQWpCU3VyUVRwU1c0a2dCVG9Ga0ZWWlV3R3JrV2lQdTlCUWhxd0tKN2NXc0NNSHF3TVpZRkVnQlBRb2t0RzB0VENZRXExMmJlR0ZpaWlRRmxBcTBWWG1sU2d4V1d3SkxLU0I5Rnl1QUs5NURtL09ydFlSZ3RUWHcwcno0ZE02TnhRV1p1Rkd3VG9GMmdndVJFS3hXY1RIV25kVmhKZUVTOGg4Lzh3TE1XNzRPOGk1ZWNsanRnck02b25mMk9MRFVCbVBCMldTKzF2VzNvbkFKK1pDeGMySGRscmNBelFkUk1LOUE2L2hZTGpNSEZpN3prVGtvWDA3YitxZWRNSGpNWE5peCt5Q2c3UUlLeGhXSUY5emhPTEJFaVl5ZktyaHlsRndyZzJVdmJZRlJrNStEejQ2ZkNxN0tPNkMyYUxkTUdUaXc0dGh5TDZtRHhsWHAxTm56a0RsN0pXU3QzQWpGbDY5S0xZT1ZqUk1ad2VQQUVpV3lzaEpOWHBhT2xieDdQdmdZSGgwM0R6Yis5bTFBazQ4VXRCV0lqWW5rRXJnUExFNENjVVFOc3cyMStRODdZTmo0K2N3ZzJZYzAvaExMNUl1TmllTE5kbkpnUlRPemhESUhvd1AwUzFldXdaSzFtMkhNMUdYd3haZW5aWmJHZE5zaW1SVWlaZURBaW1MR1pHVU95bitGZXR2NjFhbHZZZnpNRmZEc3FsZWdzUGlLM215dVNCY1owWkpySncrV2dENHVsNHNqZHYvajMrejJ1QUEyL2U0ZG12KzZ4VUY0U3gxZ2lSSzVtQ05oMDNIODllcTJkMkJveG56WXRmK3c2OGRmNGN4VXVqSndWeXkwcDA1Qm53STQvbHIwd2liSW1QRThmSGt5UjE4bUNWT0pGbFJ3WUlVejQvNVNCNDE1TExQdFBwNTkxamU0WC9MaVp0dnNwcHV0V3lEeWhRbFc2dkJneVc1U1c4YzhsdG5PMkxublE5LzgxK2JmNzRCcWc4Wmd6WjdUQ2ZuQ3cvaTdIQWVXNkxMbWhNcGJWUWVqMHcxR3o0c1B0RGUrOFRZTW41QUZPTkhxaHRDaUJlL2doQWRMOGl1VzJla0dvNERnbEFRK0dobzNmYm4wNHk5ZFlJVUo2RE1xcXFQVDJ6REcwbXB2dy9FWHVoZVJNZWg2Z3pRMGxMK3NTU1dHaldNc0xaMXcvRFY0N0RPdzVZODdBYWNyWkFvaSs3VGNyYkM1NUVaczdSNWphUUdERDdUUmpjZ1BjUHgxNEQ5YVNZUCtHQWNXdVRHeHYwOExpaTVEMW9vTk1ISDJLc0JYZFdRTUhGaGw1UlV5dHRPUmJUcDYvQ1E4OGRSaStQaklDVWZXVDIrbDBGbXBNbkJnWGI5K1E1bEdxdS9XTytrMUx3KzY1TnZ6MS9Yd3ZRRzl6UmZpa0p6S0I5SGNTTDBlNUg3djJ3bXQ2OFM4eks1WStMUlVmb21VTDBSeVlOMjg2UVRwN2ZzWkJtb2VTOVFDOUVLTG5oMmV6aHdwblVzKzFMWGhIeU1PckxxYk4wV2FTQlBYc1BHQmJOU1VDVCtFaGJNeVFkWTFtMHBkZWJEcTVBWXIwRmVzSWQvdEI4OHZuT0p6dWg1SWtBTjVMcEdUVEE2c0d6ZmtIcndyZjFsMmRRQmF1bHUxYURxZ2R3L1pnMmpDbHdPcnRsWnVzT3krWXNXekJiK0w1a3lDaVdPR2creVR6YmQvTUxyQXFxazE1dnYzZHVGQnM3ZnhXZUdzeWFOOWZoMGpJL2pGQlVHamo0bUtpbDRSNHE5WTErVjZqc1hwWk1PendoR1BEdkk1WDAvdW1NQ2R6ZzBSMVRYODJrc09ySm9heWNHeXNLZlJMY3lMUzJlNTNxVnhkVFYvbCtQQUlzc3Ivc2xEaTRkTDVqNEZZMGNPMXZTQTViOGtPVkpVVmxWekRTR3dPRW5VSXlMWWVnQWNSK0dtZklTaG5rditJOTdLS3E2UkhGZ2krcmhjd1J4aGN2Q08vdm1XenBzTWFqWTNnMW1TeHRiZFc2bmppdVdwcUd6c2VaeWQzK0RnSFYybnJXYnpVZWl1bG9KWWdYSUJNOXdWUzNxd3hOcHdzUjJaL2ZMbFdWTmc1TENIdUdNVWNiY0NIby8zN2dqMmpRT3JYSkNJeXhYRUVmNW0zcU9ZVVpSNTB6Smd6cFF4UWR6S3dGYTlWUEFPSHc5V0JVOWZZS3RwNzluVVp0NmJOUXVCekNlSHc2S2ZUaUlINndhN29MVGN3K1hnd0hMakc2UVBQWGcvckY0OEhicWxKWE1DVVlSL0JVckwrTGVPT2JCRWx6WC9SUWRuaXM3SkhXREZzMVBKcVhvanUrOWFLYitzalFOTGxLaVI1M1ZXZGpiZDBJclpXYzJhbVFtVHh6OE96UVZlRlp4VlllZlhwa1N3WHBJREMxOHh4YWZWc2k2MTc5ZTdPeHpjK1RyRU1WY2RGS3hSNENxek9xME0zR0lLVEhDbHBGU1pUcHJ2YWN6SkowRmxYWGZldUZFSFpZS1pCQ0ZZeFZmSUZMVjEwc3RkMGtVVnM1bGlzTWpHdWR3MFdOZzZOWHVzUXJDS2lrc3NQRFVWSmJNQ2hTcXNDTUhDSmVBVVNBRTlDdVFYaWoyb0NjSEtMeVN3OUloS2FVRFZOWjhRckF2NVJhUVpLYUJMZ2R5OFFtRTZJVmpuTGx3VUpxWklVa0NwZ0JvclFyQnFtV0dRaTBYa2ZVRXBJbjIvV3dHY3Z5cTV5aytPWWlvaFdIamdkSTZjZHB1d2JSU3NVZURrbVZ6VmdsVEJ5ajUxVGpVVEhTQUZVSUd2ejZnem9nclc0VStQa1hxa2dLWUM2TGhLTGFpQ2RaUzVzTDBzOFRORE5VRW9YcjhDeDdPL1VVMnNDaGJtK052ZVE2b1o2WUM3RlRqemJSNm9UVFdnTXBwZ2JkOTF3TjNxVWV0VkZmakxqdjJxeC9DQUpsaEk1SkV2dnRZc2dBNjZUd0Y4WDIvWHZvODBHNjRKRnVha3E1YW1mcTQ4K0hmbUk2aENzUHE1b1JoK3dVS1BvdG1uMWY5V05peU1Qc3V2UUlXM0NqWXdKd2orZ2wrdzZwanB5TG5MZmdQU0w3MzNweFFkOXludzNOclhvRWpIKzNwK3djTFM4TldJVmI5Nmc2UjF1UUx2TVg5QUh4dzZva3NGWFdCaFNlK3p3ZHIrZzUvb0twUVN5YWRBL3NWTHNOckF4YVY1Zk1mNzF1aVY0Y0RoL3dIYUt1L2JNMTF2RmtvbmdRSkhqNTJFcVF0ZkFpUG1GMExTQm1RWTloaUFKcVkzck0yQ09MWStqNEs4Q3FBemlTMXZ2Z2VidG0wSG80NGxUSUdGVXFLZHFLMi9YZ29QOU9vbXI3SXVidG1sSzlkZy9zL1h3MmZzMFo2WllCb3NQQmthMkJqVXZ4ZE1IRDBNSGhzeVVOcEZybWFFRGRZOE9DSCs3dTZEc0pmNVV4UlpROWJicmthQjFmQWtzV3hsOGVqSEg0WUIvWHI2akpRbEo3WnJlSmcrTzFTQjBqSVBuRGlaQTUrZk9BM3Y3LzhJOGdxS0xhbXBaV0FwYTRNKzdOSlRrNkZyYWhLa2Rrb0VOTURSS1NrQlVwam5LN2ZaUVZkcTB4VGZjM0lMMk1LSFlzQlhpUy9rRjhQWjNIekF1R0lkYzFKbTZtc2JXRnFWUVNPeGVJWERmNWd4MGJmMzdET0RFZVBRK0ZsTVZDUWduTkhzTys1YkNIeFZJNkI0RE5OSHMvUXlHcHpGbVc0MEh1dnhWb0xYV3cwVmJOOHd6dU5oOGN4cU1jYWpOVVk4aHZ0eVp1Zk10MmV2RDR1TXoycjFqeFhIT0tNZ1ZoVHFyd3cwK1kyYlhiK1dodWRIMkJBNkg2UzM5ckVNWmdRYnQ2aEllN3hJb01GWC9IdnUyMWduMzFSNFZjTjFCUWpCYlZDTS9KVnYyRDZuZm00U3NBSXBCbHJQd1EzLzVWQUluQUs2Wjk0RFZ5VTZrd3dLRUZneTlLSUQyMEJnT2JCVFpLZ1NnU1ZETHpxd0RRU1dBenRGaGlvUldETDBvZ1BiUUdBNXNGTmtxQktCSlVNdk9yQU5CSllETzBXR0toRllNdlNpQTl0QVlEbXdVMlNvRW9FbFF5ODZzQTBFbGdNN1JZWXFFVmd5OUtJRDIwQmdPYkJUWktnU2dTVkRMenF3RFFTV0F6dEZoaW9SV0RMMG9nUGJRR0E1c0ZOa3FCS0JKVU12T3JBTkJKWURPMFdHS2hGWU12U2lBOXRBWURtd1UyU28wdjhCbkRHa0lwNzFna1VBQUFBQVNVVk9SSzVDWUlJPSIvPgo8L3N2Zz4K");
128
- }
129
- .qc-icon.qc-warning-alert-icon {
130
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDI0IDIxIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojQUQ3ODFDO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQwLjAwMSAtMjUwNykiPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTYzLjM2OSwyNTI4SDU0MC42MzRhLjYzMy42MzMsMCwwLDEtLjU0Ni0uMzA2LjYuNiwwLDAsMS0uMDA1LS42MTVsMTEuMzY4LTE5Ljc2NGEuNjM4LjYzOCwwLDAsMSwxLjEsMGwxMS4zNjgsMTkuNzY0YS42MDYuNjA2LDAsMCwxLDAsLjYxNUEuNjMyLjYzMiwwLDAsMSw1NjMuMzY5LDI1MjhabS0yMS42NTYtMS4yMzVoMjAuNTc0TDU1MiwyNTA4Ljg3OFoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIwLjY1NGEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzh2LTYuMzc3YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2Ni4zNzdBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjAuNjU0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMS4yOCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIyLjU1MmEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzd2LTEuMjc2YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2MS4yNzZBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjIuNTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMi44OTcpIi8+PC9nPjwvc3ZnPg==");
131
- }
132
- .qc-icon.qc-general-alert-icon {
133
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMy45OTkiIHZpZXdCb3g9IjAgMCAyNCAyMy45OTkiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiMwOTU3OTc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNNDAuNDg4LDI1NjYuNDg1QTEyLDEyLDAsMSwxLDQ0LDI1NTgsMTEuOTIyLDExLjkyMiwwLDAsMSw0MC40ODgsMjU2Ni40ODVaTTMyLDI1NDcuMjYyQTEwLjczNywxMC43MzcsMCwxLDAsNDIuNzM5LDI1NTgsMTAuNzQ4LDEwLjc0OCwwLDAsMCwzMiwyNTQ3LjI2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDIgLTI1NDYuMDAxKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjkuNjQxLDI1NjFoMGEuNjQuNjQsMCwwLDAtLjYzOS42Mzl2MS4yNzhhLjY0LjY0LDAsMCwwLC42MzkuNjM5aDBhLjY0LjY0LDAsMCwwLC42MzktLjYzOXYtMS4yNzhBLjY0LjY0LDAsMCwwLDI5LjY0MSwyNTYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU1Ni45NzQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yOS42NDEsMjU1MWEuNjQxLjY0MSwwLDAsMC0uNjM5LjYzOXYxMS4yNjlhLjYzOS42MzksMCwxLDAsMS4yNzgsMFYyNTUxLjY0QS42NDEuNjQxLDAsMCwwLDI5LjY0MSwyNTUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU0My4yODgpIi8+PC9zdmc+");
134
- }
135
- .qc-icon.qc-search {
136
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42NyA1Mi4yMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY3LDQ3LjgxbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjgsNTIuMjFaTTIwLjc4LDM1LjM2QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjE5LDIxaDBBMTQuNDMsMTQuNDMsMCwwLDEsMjAuNzgsMzUuMzZaIi8+PC9nPjwvZz48L3N2Zz4=");
137
- }
138
- .qc-icon.qc-search-submit {
139
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42OCA1Mi4yMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMjM2NTQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxnIGlkPSJDYWxxdWVfMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iQ2FscXVlXzEtMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAxLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY4LDQ3LjgzbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjksNTIuMjNaTTIwLjc5LDM1LjM4QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjIsMjFWMjFoMEExNC40MywxNC40MywwLDAsMSwyMC43OSwzNS4zOFoiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
140
- }
141
-
142
1
  qc-code {
143
2
  display: block;
144
3
  max-inline-size: var(--qc-max-content-width);
@@ -198,24 +57,138 @@ pre code button.copied .copied, pre .qc-code button.copied .copied {
198
57
  margin-top: var(--qc-spacer-lg);
199
58
  }
200
59
 
60
+ pre code.hljs {
61
+ display: block;
62
+ overflow-x: auto;
63
+ padding: 1em;
64
+ }
65
+
66
+ code.hljs {
67
+ padding: 0.4rem;
68
+ }
69
+
70
+ pre code.hljs {
71
+ display: block;
72
+ overflow-x: auto;
73
+ padding: 1.6rem;
74
+ }
75
+
76
+ code.hljs {
77
+ padding: 0.4rem;
78
+ }
79
+
80
+ /* end baseline CSS */
81
+ .hljs {
82
+ background: var(--qc-color-grey-pale);
83
+ color: var(--qc-color-blue-dark);
84
+ }
85
+
86
+ /* Base color: saturation 0; */
87
+ .hljs-subst {
88
+ /* default */
89
+ }
90
+
91
+ /* purposely ignored */
92
+ .hljs-comment {
93
+ color: var(--qc-color-grey-dark);
94
+ }
95
+
96
+ .hljs-tag,
97
+ .hljs-punctuation {
98
+ color: var(--qc-color-blue-medium);
99
+ }
100
+
101
+ .hljs-tag .hljs-name,
102
+ .hljs-tag .hljs-attr {
103
+ color: var(--qc-color-blue-dark);
104
+ }
105
+
106
+ .hljs-keyword,
107
+ .hljs-attribute,
108
+ .hljs-selector-tag,
109
+ .hljs-meta .hljs-keyword,
110
+ .hljs-doctag,
111
+ .hljs-name {
112
+ font-weight: bold;
113
+ }
114
+
115
+ /* User color: hue: 0 */
116
+ .hljs-type,
117
+ .hljs-string,
118
+ .hljs-number,
119
+ .hljs-selector-id,
120
+ .hljs-selector-class,
121
+ .hljs-quote,
122
+ .hljs-template-tag,
123
+ .hljs-deletion {
124
+ color: var(--qc-color-red-dark);
125
+ }
126
+
127
+ .hljs-title,
128
+ .hljs-section {
129
+ color: var(--qc-color-red-dark);
130
+ font-weight: bold;
131
+ }
132
+
133
+ .hljs-regexp,
134
+ .hljs-symbol,
135
+ .hljs-variable,
136
+ .hljs-template-variable,
137
+ .hljs-link,
138
+ .hljs-selector-attr,
139
+ .hljs-operator,
140
+ .hljs-selector-pseudo {
141
+ color: var(--qc-color-pink-regular);
142
+ }
143
+
144
+ /* Language color: hue: 90; */
145
+ .hljs-literal {
146
+ color: var(--qc-color-green-regular);
147
+ }
148
+
149
+ .hljs-built_in,
150
+ .hljs-bullet,
151
+ .hljs-code,
152
+ .hljs-addition {
153
+ color: var(--qc-color-green-dark);
154
+ }
155
+
156
+ /* Meta color: hue: 200 */
157
+ .hljs-meta {
158
+ color: var(--qc-color-blue-medium);
159
+ }
160
+
161
+ .hljs-meta .hljs-string {
162
+ color: var(--qc-color-blue-regular);
163
+ }
164
+
165
+ /* Misc effects */
166
+ .hljs-emphasis {
167
+ font-style: italic;
168
+ }
169
+
170
+ .hljs-strong {
171
+ font-weight: bold;
172
+ }
173
+
201
174
  .qc-shading-0 {
202
- box-shadow: 0 0 0 var(--qc-color-grey-light);
175
+ border: 1px solid var(--qc-box_shadow-0-color);
203
176
  }
204
177
 
205
- .qc-shading-1, .btn.btn-primary {
206
- box-shadow: 0 1px 4px var(--qc-color-grey-light);
178
+ .qc-shading-1 {
179
+ box-shadow: 0 var(--qc-box_shadow-1-offset) var(--qc-box_shadow-1-blur) var(--qc-color-box_shadow);
207
180
  }
208
181
 
209
182
  .qc-shading-2 {
210
- box-shadow: 0 2px 8px var(--qc-color-grey-light);
183
+ box-shadow: 0 var(--qc-box_shadow-2-offset) var(--qc-box_shadow-2-blur) var(--qc-color-box_shadow);
211
184
  }
212
185
 
213
186
  .qc-shading-3 {
214
- box-shadow: 0 4px 16px var(--qc-color-grey-light);
187
+ box-shadow: 0 var(--qc-box_shadow-3-offset) var(--qc-box_shadow-3-blur) var(--qc-color-box_shadow);
215
188
  }
216
189
 
217
190
  .qc-shading-4 {
218
- box-shadow: 0 6px 24px var(--qc-color-grey-light);
191
+ box-shadow: 0 var(--qc-box_shadow-4-offset) var(--qc-box_shadow-4-blur) var(--qc-color-box_shadow);
219
192
  }
220
193
 
221
194
  .btn {
@@ -223,6 +196,7 @@ pre code button.copied .copied, pre .qc-code button.copied .copied {
223
196
  font-size: var(--qc-font-size-md);
224
197
  line-height: var(--qc-line-height-md);
225
198
  font-weight: var(--qc-font-weight-regular);
199
+ font-family: var(--qc-font-family-content);
226
200
  display: inline-block;
227
201
  box-sizing: border-box;
228
202
  min-width: 11.2rem;
@@ -241,22 +215,24 @@ pre code button.copied .copied, pre .qc-code button.copied .copied {
241
215
  border: 1px solid transparent;
242
216
  }
243
217
  .btn.btn-primary {
244
- color: #fff;
218
+ color: var(--qc-color-background);
245
219
  border-color: var(--qc-color-blue-piv);
246
220
  background-color: var(--qc-color-blue-piv);
221
+ box-shadow: 0 var(--qc-box_shadow-1-offset) var(--qc-box_shadow-1-blur) var(--qc-color-box_shadow);
247
222
  }
248
223
  .btn.btn-primary:hover {
249
- border-color: #156bb2;
250
- background-color: #156bb2;
224
+ border-color: var(--qc-color-blue-regular);
225
+ background-color: var(--qc-color-blue-regular);
251
226
  }
252
- .btn.btn-primary:focus {
253
- border-color: var(--qc-color-blue-dark);
254
- background-color: #156bb2;
227
+ .btn.btn-primary:focus, .btn.btn-primary:focus-visible {
228
+ border-color: var(--qc-color-blue-regular);
229
+ background-color: var(--qc-color-blue-regular);
255
230
  box-shadow: 0 2px 8px rgba(34, 54, 84, 0.24), 0 0 0 2px var(--qc-color-blue-light);
231
+ outline: none;
256
232
  }
257
233
  .btn.btn-primary:active {
258
- border-color: #3783c9;
259
- background-color: #3783c9;
234
+ border-color: var(--qc-color-blue-regular_light);
235
+ background-color: var(--qc-color-blue-regular_light);
260
236
  }
261
237
 
262
238
  table.qc-table {
@@ -292,27 +268,71 @@ table.qc-table.qc-bordered tbody th, table.qc-table.qc-bordered tbody td {
292
268
  border-bottom: 1px solid var(--qc-color-grey-light);
293
269
  }
294
270
 
295
- main {
296
- padding-bottom: var(--qc-spacer-lg);
271
+ .ui-autocomplete {
272
+ max-height: calc(16rem + 2px) !important;
273
+ overflow-y: auto !important;
274
+ list-style-type: none !important;
275
+ padding-left: 0 !important;
276
+ margin: 0 !important;
277
+ border: 1px solid var(--qc-color-grey-medium);
278
+ background-color: var(--qc-color-background);
279
+ box-shadow: 0 var(--qc-box_shadow-4-offset) var(--qc-box_shadow-4-blur) var(--qc-color-box_shadow);
280
+ cursor: pointer;
297
281
  }
298
282
 
299
- .color-details {
300
- display: flex;
301
- justify-content: flex-start;
302
- align-items: center;
283
+ .ui-menu-item {
284
+ padding: 0 !important;
285
+ margin: 0 !important;
303
286
  }
304
- .color-details > div + div {
305
- margin-left: var(--qc-spacer-md);
287
+
288
+ .ui-menu-item-wrapper {
289
+ padding: 0.8rem;
306
290
  }
307
- .color-details + .color-details {
308
- margin-top: var(--qc-spacer-md);
291
+
292
+ .ui-state-active {
293
+ background-color: var(--qc-color-blue-pale);
309
294
  }
310
295
 
311
- .color-sample {
312
- width: 4.8rem;
313
- height: 4.8rem;
314
- border-radius: 50%;
315
- flex-shrink: 0;
296
+ .ui-autocomplete::-webkit-scrollbar {
297
+ width: 8px;
298
+ margin-left: 5px;
299
+ }
300
+
301
+ /* Track */
302
+ .ui-autocomplete::-webkit-scrollbar-track {
303
+ background: var(--qc-color-background);
304
+ }
305
+
306
+ /* Handle */
307
+ .ui-autocomplete::-webkit-scrollbar-thumb {
308
+ background: var(--qc-color-blue-piv);
309
+ border-radius: 15px;
310
+ }
311
+
312
+ /* Handle on hover */
313
+ .ui-autocomplete::-webkit-scrollbar-thumb:hover {
314
+ background: var(--qc-color-blue-piv);
315
+ }
316
+
317
+ .ui-helper-hidden-accessible {
318
+ position: absolute;
319
+ width: 1px;
320
+ height: 1px;
321
+ padding: 0;
322
+ margin: -1px;
323
+ overflow: hidden;
324
+ clip: rect(0, 0, 0, 0);
325
+ white-space: nowrap;
326
+ border: 0;
327
+ }
328
+
329
+ main {
330
+ margin-bottom: var(--qc-spacer-lg);
331
+ }
332
+
333
+ qc-color-doc {
334
+ display: block;
335
+ margin-bottom: var(--qc-spacer-md);
316
336
  }
317
337
 
318
338
  .title-samples {
@@ -338,6 +358,10 @@ main {
338
358
  font-family: var(--qc-font-family-header);
339
359
  }
340
360
 
361
+ h1, h2, h3, h4, h5, h6 {
362
+ scroll-margin-top: 9.6rem;
363
+ }
364
+
341
365
  #grid-samples {
342
366
  position: relative;
343
367
  text-align: center;
@@ -372,14 +396,19 @@ main {
372
396
  height: 100%;
373
397
  }
374
398
 
375
- .square-box {
399
+ #liste-elevation {
400
+ display: flex;
401
+ gap: var(--qc-grid-gutter);
402
+ flex-wrap: wrap;
403
+ }
404
+ #liste-elevation [class*=qc-shading-] {
376
405
  display: flex;
377
406
  width: 12rem;
378
407
  height: 12rem;
379
408
  justify-content: center;
380
409
  align-items: center;
381
410
  }
382
- .square-box.qc-shading-0 {
411
+ #liste-elevation [class*=qc-shading-].qc-shading-0 {
383
412
  border: 1px solid var(--qc-color-grey-light);
384
413
  }
385
414
 
@@ -389,14 +418,34 @@ a.pseudo-hover {
389
418
  }
390
419
  a.pseudo-active {
391
420
  color: var(--qc-color-link-active);
421
+ text-decoration: none;
392
422
  }
393
- a.visited {
394
- color: var(--qc-color-link-visited);
423
+ a.pseudo-focus {
424
+ color: var(--qc-color-link-hover);
425
+ text-decoration: none;
426
+ outline: 2px solid var(--qc-color-link-focus-outline);
427
+ outline-offset: 1px;
428
+ }
429
+ a.pseudo-visited {
430
+ color: var(--qc-color-link-visited) !important;
395
431
  }
396
432
  a.not-visited:visited:not(:hover) {
397
433
  color: var(--qc-color-link-text);
398
434
  }
399
435
 
436
+ a.pseudo-visited span.qc-ext-link-img {
437
+ background: var(--qc-color-link-visited) !important;
438
+ }
439
+ a.pseudo-focus span.qc-ext-link-img {
440
+ background: var(--qc-color-link-hover) !important;
441
+ }
442
+ a.pseudo-hover span.qc-ext-link-img {
443
+ background: var(--qc-color-link-hover) !important;
444
+ }
445
+ a.pseudo-active span.qc-ext-link-img {
446
+ background: var(--qc-color-link-active) !important;
447
+ }
448
+
400
449
  p, h1, h2, h3, h4, h5, h6 {
401
450
  -webkit-hyphens: auto;
402
451
  hyphens: auto;
@@ -406,182 +455,45 @@ table.component-attributes-description td:first-child {
406
455
  white-space: nowrap;
407
456
  }
408
457
 
409
- #custom-piv-search-form .input-group {
410
- width: 100%;
411
- display: flex;
412
- justify-content: space-between;
413
- align-items: stretch;
414
- }
415
- #custom-piv-search-form .input-group input {
416
- width: 100%;
417
- padding: 0.6rem 1.2rem;
418
- border: 1px solid var(--qc-color-blue-dark);
419
- border-right: none;
420
- }
421
- #custom-piv-search-form .input-group input:focus {
422
- outline: 0.2rem solid var(--qc-color-blue-light);
423
- border-right: 1px solid black;
424
- z-index: 1;
425
- }
426
- #custom-piv-search-form .input-group input::-moz-placeholder {
427
- font-size: var(--qc-font-size-sm);
428
- }
429
- #custom-piv-search-form .input-group input::placeholder {
430
- font-size: var(--qc-font-size-sm);
431
- }
432
- #custom-piv-search-form .input-group button {
433
- display: flex;
434
- justify-content: center;
435
- border: 1px solid var(--qc-color-blue-dark);
436
- border-left: none;
437
- background-color: white;
438
- width: 4.16rem;
439
- }
440
- #custom-piv-search-form .input-group button:focus {
441
- outline: 0.2rem solid var(--qc-color-blue-light);
442
- border-left: 1px solid black;
443
- }
444
- #custom-piv-search-form .input-group button .qc-search-submit {
445
- min-width: 2.4rem;
446
- height: 2.4rem;
447
- align-self: center;
448
- }
449
- #custom-piv-search-form .input-group button .sr-description {
450
- position: absolute;
451
- width: 1px;
452
- height: 1px;
453
- clip: rect(0 0 0 0);
454
- }
455
-
456
458
  qc-piv-footer + qc-code {
457
459
  margin-top: 0;
458
460
  }
459
461
 
460
- pre code.hljs {
462
+ qc-doc-exemple {
461
463
  display: block;
462
- overflow-x: auto;
463
- padding: 1em;
464
+ margin-bottom: var(--qc-spacer-xl);
464
465
  }
465
466
 
466
- code.hljs {
467
- padding: 3px 5px;
468
- }
469
-
470
- /*!
471
- Theme: Default
472
- Description: Original highlight.js style
473
- Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
474
- Maintainer: @highlightjs/core-team
475
- Website: https://highlightjs.org/
476
- License: see project LICENSE
477
- Touched: 2021
478
- */
479
- /*
480
- This is left on purpose making default.css the single file that can be lifted
481
- as-is from the repository directly without the need for a build step
482
-
483
- Typically this "required" baseline CSS is added by `makestuff.js` during build.
484
- */
485
- pre code.hljs {
486
- display: block;
487
- overflow-x: auto;
488
- padding: 1em;
467
+ dl {
468
+ margin: 0 0 var(--qc-spacer-content-block-mb);
489
469
  }
490
-
491
- code.hljs {
492
- padding: 3px 5px;
470
+ dl dt {
471
+ font-weight: var(--qc-font-weight-content-medium);
493
472
  }
494
-
495
- /* end baseline CSS */
496
- .hljs {
497
- background: #F3F3F3;
498
- color: #444;
473
+ dl dd {
474
+ margin-left: 0;
475
+ margin-bottom: var(--qc-spacer-list-item-mb);
499
476
  }
500
-
501
- /* Base color: saturation 0; */
502
- .hljs-subst {
503
- /* default */
477
+ dl dd + dd {
478
+ margin-top: calc(-1 * var(--qc-spacer-list-item-mb));
504
479
  }
505
-
506
- /* purposely ignored */
507
- .hljs-comment {
508
- color: #697070;
509
- }
510
-
511
- .hljs-tag,
512
- .hljs-punctuation {
513
- color: rgba(68, 68, 68, 0.6666666667);
514
- }
515
-
516
- .hljs-tag .hljs-name,
517
- .hljs-tag .hljs-attr {
518
- color: #444;
519
- }
520
-
521
- .hljs-keyword,
522
- .hljs-attribute,
523
- .hljs-selector-tag,
524
- .hljs-meta .hljs-keyword,
525
- .hljs-doctag,
526
- .hljs-name {
527
- font-weight: bold;
480
+ dl dd + dd:has(.pseudo-focus) {
481
+ margin-top: calc(-1 * var(--qc-spacer-list-item-mb) + 6px);
528
482
  }
529
-
530
- /* User color: hue: 0 */
531
- .hljs-type,
532
- .hljs-string,
533
- .hljs-number,
534
- .hljs-selector-id,
535
- .hljs-selector-class,
536
- .hljs-quote,
537
- .hljs-template-tag,
538
- .hljs-deletion {
539
- color: #880000;
540
- }
541
-
542
- .hljs-title,
543
- .hljs-section {
544
- color: #880000;
545
- font-weight: bold;
546
- }
547
-
548
- .hljs-regexp,
549
- .hljs-symbol,
550
- .hljs-variable,
551
- .hljs-template-variable,
552
- .hljs-link,
553
- .hljs-selector-attr,
554
- .hljs-operator,
555
- .hljs-selector-pseudo {
556
- color: #ab5656;
557
- }
558
-
559
- /* Language color: hue: 90; */
560
- .hljs-literal {
561
- color: #695;
562
- }
563
-
564
- .hljs-built_in,
565
- .hljs-bullet,
566
- .hljs-code,
567
- .hljs-addition {
568
- color: #397300;
569
- }
570
-
571
- /* Meta color: hue: 200 */
572
- .hljs-meta {
573
- color: #1f7199;
483
+ dl.qc-list-inline dt, dl.qc-list-inline dd {
484
+ display: inline;
574
485
  }
575
-
576
- .hljs-meta .hljs-string {
577
- color: #38a;
486
+ dl.qc-list-inline dt::before {
487
+ display: block;
488
+ content: "";
489
+ margin-bottom: var(--qc-spacer-list-item-mb);
578
490
  }
579
491
 
580
- /* Misc effects */
581
- .hljs-emphasis {
582
- font-style: italic;
492
+ .table-overflow {
493
+ width: 100%;
494
+ overflow-x: auto;
583
495
  }
584
496
 
585
- .hljs-strong {
586
- font-weight: bold;
497
+ hr {
498
+ max-width: var(--qc-max-content-width);
587
499
  }