lean4monaco 1.0.46 → 1.1.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 (209) hide show
  1. package/README.md +75 -0
  2. package/dist/JuliaMono-Regular.ttf +0 -0
  3. package/dist/css/custom.css +7 -1
  4. package/dist/infowebview.d.ts +3 -4
  5. package/dist/infowebview.js +4 -4
  6. package/dist/lean4-infoview/codicon.ttf +0 -0
  7. package/dist/lean4-infoview/esm-shims/react-dom.d.ts +5 -0
  8. package/dist/lean4-infoview/esm-shims/react-jsx-runtime.d.ts +5 -0
  9. package/dist/lean4-infoview/esm-shims/react.d.ts +5 -0
  10. package/dist/lean4-infoview/index.css +4161 -0
  11. package/dist/lean4-infoview/index.d.ts +16 -0
  12. package/dist/lean4-infoview/index.development.js +37312 -0
  13. package/dist/lean4-infoview/index.production.min.js +1528 -0
  14. package/dist/lean4-infoview/infoview/collapsing.d.ts +12 -0
  15. package/dist/lean4-infoview/infoview/contexts.d.ts +10 -0
  16. package/dist/lean4-infoview/infoview/editorConnection.d.ts +22 -0
  17. package/dist/lean4-infoview/infoview/errors.d.ts +14 -0
  18. package/dist/lean4-infoview/infoview/event.d.ts +33 -0
  19. package/dist/lean4-infoview/infoview/goalLocation.d.ts +61 -0
  20. package/dist/lean4-infoview/infoview/goals.d.ts +46 -0
  21. package/dist/lean4-infoview/infoview/info.d.ts +18 -0
  22. package/dist/lean4-infoview/infoview/infos.d.ts +2 -0
  23. package/dist/lean4-infoview/infoview/interactiveCode.d.ts +19 -0
  24. package/dist/lean4-infoview/infoview/main.d.ts +13 -0
  25. package/dist/lean4-infoview/infoview/messages.d.ts +19 -0
  26. package/dist/lean4-infoview/infoview/rpcSessions.d.ts +11 -0
  27. package/dist/lean4-infoview/infoview/serverVersion.d.ts +10 -0
  28. package/dist/lean4-infoview/infoview/tooltips.d.ts +32 -0
  29. package/dist/lean4-infoview/infoview/traceExplorer.d.ts +11 -0
  30. package/dist/lean4-infoview/infoview/userWidget.d.ts +39 -0
  31. package/dist/lean4-infoview/infoview/util.d.ts +144 -0
  32. package/dist/lean4-infoview/loader.d.ts +20 -0
  33. package/dist/lean4-infoview/loader.development.js +1006 -0
  34. package/dist/lean4-infoview/loader.production.min.js +1 -0
  35. package/dist/lean4-infoview/react-dom.development.js +30537 -0
  36. package/dist/lean4-infoview/react-dom.production.min.js +21 -0
  37. package/dist/lean4-infoview/react-jsx-runtime.development.js +1362 -0
  38. package/dist/lean4-infoview/react-jsx-runtime.production.min.js +1 -0
  39. package/dist/lean4-infoview/react.development.js +2823 -0
  40. package/dist/lean4-infoview/react.production.min.js +1 -0
  41. package/dist/leanmonaco.js +5 -4
  42. package/dist/monaco-lean4/vscode-lean4/package.json +944 -0
  43. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/AbbreviationFeature.d.ts +9 -0
  44. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/AbbreviationFeature.js +20 -0
  45. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/AbbreviationHoverProvider.d.ts +12 -0
  46. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/AbbreviationHoverProvider.js +40 -0
  47. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/AbbreviationRewriterFeature.d.ts +20 -0
  48. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/AbbreviationRewriterFeature.js +79 -0
  49. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/VSCodeAbbreviationConfig.d.ts +13 -0
  50. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/VSCodeAbbreviationConfig.js +29 -0
  51. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/VSCodeAbbreviationRewriter.d.ts +28 -0
  52. package/dist/monaco-lean4/vscode-lean4/src/abbreviation/VSCodeAbbreviationRewriter.js +124 -0
  53. package/dist/monaco-lean4/vscode-lean4/src/config.d.ts +33 -0
  54. package/dist/monaco-lean4/vscode-lean4/src/config.js +119 -0
  55. package/dist/monaco-lean4/vscode-lean4/src/diagnostics/setupNotifs.d.ts +27 -0
  56. package/dist/monaco-lean4/vscode-lean4/src/diagnostics/setupNotifs.js +133 -0
  57. package/dist/monaco-lean4/vscode-lean4/src/infoview.d.ts +69 -0
  58. package/dist/monaco-lean4/vscode-lean4/src/infoview.js +711 -0
  59. package/dist/monaco-lean4/vscode-lean4/src/leanclient.d.ts +67 -0
  60. package/dist/monaco-lean4/vscode-lean4/src/leanclient.js +443 -0
  61. package/dist/monaco-lean4/vscode-lean4/src/rpc.d.ts +16 -0
  62. package/dist/monaco-lean4/vscode-lean4/src/rpc.js +102 -0
  63. package/dist/monaco-lean4/vscode-lean4/src/taskgutter.d.ts +11 -0
  64. package/dist/monaco-lean4/vscode-lean4/src/taskgutter.js +130 -0
  65. package/dist/monaco-lean4/vscode-lean4/src/utils/batch.d.ts +37 -0
  66. package/dist/monaco-lean4/vscode-lean4/src/utils/batch.js +203 -0
  67. package/dist/monaco-lean4/vscode-lean4/src/utils/clientProvider.d.ts +41 -0
  68. package/dist/monaco-lean4/vscode-lean4/src/utils/clientProvider.js +205 -0
  69. package/dist/monaco-lean4/vscode-lean4/src/utils/converters.d.ts +16 -0
  70. package/dist/monaco-lean4/vscode-lean4/src/utils/converters.js +129 -0
  71. package/dist/monaco-lean4/vscode-lean4/src/utils/elan.d.ts +3 -0
  72. package/dist/monaco-lean4/vscode-lean4/src/utils/elan.js +4 -0
  73. package/dist/monaco-lean4/vscode-lean4/src/utils/envPath.d.ts +21 -0
  74. package/dist/monaco-lean4/vscode-lean4/src/utils/envPath.js +53 -0
  75. package/dist/monaco-lean4/vscode-lean4/src/utils/exturi.d.ts +35 -0
  76. package/dist/monaco-lean4/vscode-lean4/src/utils/exturi.js +136 -0
  77. package/dist/monaco-lean4/vscode-lean4/src/utils/fsHelper.d.ts +17 -0
  78. package/dist/monaco-lean4/vscode-lean4/src/utils/fsHelper.js +36 -0
  79. package/dist/monaco-lean4/vscode-lean4/src/utils/leanInstaller.d.ts +37 -0
  80. package/dist/monaco-lean4/vscode-lean4/src/utils/leanInstaller.js +210 -0
  81. package/dist/monaco-lean4/vscode-lean4/src/utils/logger.d.ts +7 -0
  82. package/dist/monaco-lean4/vscode-lean4/src/utils/logger.js +20 -0
  83. package/dist/monaco-lean4/vscode-lean4/src/utils/notifs.d.ts +24 -0
  84. package/dist/monaco-lean4/vscode-lean4/src/utils/notifs.js +110 -0
  85. package/dist/monaco-lean4/vscode-lean4/src/utils/projectInfo.d.ts +9 -0
  86. package/dist/monaco-lean4/vscode-lean4/src/utils/projectInfo.js +125 -0
  87. package/dist/monacoleanclient.d.ts +1 -2
  88. package/dist/monacoleanclient.js +3 -3
  89. package/dist/vscode-lean4/lean4-infoview/package.json +25 -23
  90. package/dist/vscode-lean4/lean4-infoview/src/infoview/highlightjs.css +210 -0
  91. package/dist/vscode-lean4/lean4-infoview/tsconfig.json +6 -2
  92. package/dist/vscode-lean4/lean4-infoview-api/package.json +1 -1
  93. package/dist/vscode-lean4/lean4-unicode-input/package.json +1 -1
  94. package/dist/vscode-lean4/lean4-unicode-input/src/abbreviations.json +12 -12
  95. package/dist/vscode-lean4/lean4-unicode-input-component/package.json +2 -2
  96. package/dist/vscode-lean4/package-lock.json +6129 -3245
  97. package/dist/vscode-lean4/vscode-lean4/language-configuration.json +1 -1
  98. package/dist/vscode-lean4/vscode-lean4/loogleview/static/index.css +19 -16
  99. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-dark.svg +91 -0
  100. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-i-dark.svg +114 -0
  101. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-i-light.svg +114 -0
  102. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-i-passthrough-dark.svg +109 -0
  103. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-i-passthrough-light.svg +109 -0
  104. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-init-dark.svg +100 -0
  105. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-init-light.svg +100 -0
  106. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-l-dark.svg +123 -0
  107. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-l-light.svg +123 -0
  108. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-l-passthrough-dark.svg +109 -0
  109. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-l-passthrough-light.svg +109 -0
  110. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-light.svg +91 -0
  111. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-t-dark.svg +123 -0
  112. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-t-light.svg +123 -0
  113. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-t-passthrough-dark.svg +118 -0
  114. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/error-t-passthrough-light.svg +118 -0
  115. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-dark.svg +138 -0
  116. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-i-passthrough-dark.svg +160 -0
  117. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-i-passthrough-light.svg +160 -0
  118. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-l-passthrough-dark.svg +158 -0
  119. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-l-passthrough-light.svg +158 -0
  120. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-light.svg +138 -0
  121. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-t-passthrough-dark.svg +169 -0
  122. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-checkmark-t-passthrough-light.svg +169 -0
  123. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-dark.svg +147 -0
  124. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-i-passthrough-dark.svg +170 -0
  125. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-i-passthrough-light.svg +170 -0
  126. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-l-passthrough-dark.svg +167 -0
  127. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-l-passthrough-light.svg +167 -0
  128. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-light.svg +147 -0
  129. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-t-passthrough-dark.svg +179 -0
  130. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-circled-checkmark-t-passthrough-light.svg +179 -0
  131. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-dark.svg +165 -0
  132. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-i-passthrough-dark.svg +187 -0
  133. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-i-passthrough-light.svg +187 -0
  134. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-l-passthrough-dark.svg +185 -0
  135. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-l-passthrough-light.svg +185 -0
  136. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-light.svg +165 -0
  137. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-t-passthrough-dark.svg +196 -0
  138. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-octopus-t-passthrough-light.svg +196 -0
  139. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-dark.svg +184 -0
  140. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-i-passthrough-dark.svg +206 -0
  141. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-i-passthrough-light.svg +206 -0
  142. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-l-passthrough-dark.svg +204 -0
  143. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-l-passthrough-light.svg +204 -0
  144. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-light.svg +184 -0
  145. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-t-passthrough-dark.svg +215 -0
  146. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/goals-accomplished-tada-t-passthrough-light.svg +215 -0
  147. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-dark.svg +132 -0
  148. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-i-passthrough-dark.svg +154 -0
  149. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-i-passthrough-light.svg +154 -0
  150. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-l-passthrough-dark.svg +152 -0
  151. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-l-passthrough-light.svg +152 -0
  152. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-light.svg +132 -0
  153. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-t-passthrough-dark.svg +163 -0
  154. package/dist/vscode-lean4/vscode-lean4/media/diagnostic-gutter-icons/warning-t-passthrough-light.svg +163 -0
  155. package/dist/vscode-lean4/vscode-lean4/moogleview/static/index.css +198 -0
  156. package/dist/vscode-lean4/vscode-lean4/moogleview/tsconfig.json +10 -0
  157. package/dist/vscode-lean4/vscode-lean4/package.json +638 -18
  158. package/dist/vscode-lean4/vscode-lean4/src/abbreviation/AbbreviationFeature.d.ts +2 -2
  159. package/dist/vscode-lean4/vscode-lean4/src/abbreviation/AbbreviationFeature.js +2 -2
  160. package/dist/vscode-lean4/vscode-lean4/src/abbreviation/AbbreviationRewriterFeature.d.ts +2 -3
  161. package/dist/vscode-lean4/vscode-lean4/src/abbreviation/AbbreviationRewriterFeature.js +3 -5
  162. package/dist/vscode-lean4/vscode-lean4/src/abbreviation/VSCodeAbbreviationRewriter.d.ts +1 -2
  163. package/dist/vscode-lean4/vscode-lean4/src/abbreviation/VSCodeAbbreviationRewriter.js +4 -8
  164. package/dist/vscode-lean4/vscode-lean4/src/config.d.ts +14 -1
  165. package/dist/vscode-lean4/vscode-lean4/src/config.js +56 -5
  166. package/dist/vscode-lean4/vscode-lean4/src/diagnostics/setupDiagnoser.d.ts +36 -5
  167. package/dist/vscode-lean4/vscode-lean4/src/diagnostics/setupDiagnoser.js +59 -23
  168. package/dist/vscode-lean4/vscode-lean4/src/diagnostics/setupDiagnostics.d.ts +22 -17
  169. package/dist/vscode-lean4/vscode-lean4/src/diagnostics/setupDiagnostics.js +182 -119
  170. package/dist/vscode-lean4/vscode-lean4/src/diagnostics/setupNotifs.d.ts +33 -20
  171. package/dist/vscode-lean4/vscode-lean4/src/diagnostics/setupNotifs.js +235 -89
  172. package/dist/vscode-lean4/vscode-lean4/src/infoview.d.ts +7 -18
  173. package/dist/vscode-lean4/vscode-lean4/src/infoview.js +217 -102
  174. package/dist/vscode-lean4/vscode-lean4/src/leanclient.d.ts +12 -7
  175. package/dist/vscode-lean4/vscode-lean4/src/leanclient.js +187 -64
  176. package/dist/vscode-lean4/vscode-lean4/src/taskgutter.d.ts +35 -3
  177. package/dist/vscode-lean4/vscode-lean4/src/taskgutter.js +533 -93
  178. package/dist/vscode-lean4/vscode-lean4/src/utils/batch.d.ts +12 -4
  179. package/dist/vscode-lean4/vscode-lean4/src/utils/batch.js +78 -72
  180. package/dist/vscode-lean4/vscode-lean4/src/utils/clientProvider.d.ts +9 -9
  181. package/dist/vscode-lean4/vscode-lean4/src/utils/clientProvider.js +121 -77
  182. package/dist/vscode-lean4/vscode-lean4/src/utils/converters.d.ts +15 -0
  183. package/dist/vscode-lean4/vscode-lean4/src/utils/converters.js +9 -0
  184. package/dist/vscode-lean4/vscode-lean4/src/utils/elan.d.ts +179 -1
  185. package/dist/vscode-lean4/vscode-lean4/src/utils/elan.js +422 -3
  186. package/dist/vscode-lean4/vscode-lean4/src/utils/exturi.d.ts +3 -1
  187. package/dist/vscode-lean4/vscode-lean4/src/utils/exturi.js +11 -11
  188. package/dist/vscode-lean4/vscode-lean4/src/utils/groupBy.d.ts +2 -0
  189. package/dist/vscode-lean4/vscode-lean4/src/utils/groupBy.js +17 -0
  190. package/dist/vscode-lean4/vscode-lean4/src/utils/internalErrors.d.ts +2 -0
  191. package/dist/vscode-lean4/vscode-lean4/src/utils/internalErrors.js +35 -0
  192. package/dist/vscode-lean4/vscode-lean4/src/utils/leanCmdRunner.d.ts +34 -0
  193. package/dist/vscode-lean4/vscode-lean4/src/utils/leanCmdRunner.js +249 -0
  194. package/dist/vscode-lean4/vscode-lean4/src/utils/leanEditorProvider.d.ts +83 -0
  195. package/dist/vscode-lean4/vscode-lean4/src/utils/leanEditorProvider.js +323 -0
  196. package/dist/vscode-lean4/vscode-lean4/src/utils/leanInstaller.d.ts +41 -12
  197. package/dist/vscode-lean4/vscode-lean4/src/utils/leanInstaller.js +245 -128
  198. package/dist/vscode-lean4/vscode-lean4/src/utils/notifs.d.ts +27 -22
  199. package/dist/vscode-lean4/vscode-lean4/src/utils/notifs.js +177 -82
  200. package/dist/vscode-lean4/vscode-lean4/src/utils/projectInfo.d.ts +11 -4
  201. package/dist/vscode-lean4/vscode-lean4/src/utils/projectInfo.js +18 -16
  202. package/dist/vscode-lean4/vscode-lean4/src/utils/semverRegex.d.ts +1 -0
  203. package/dist/vscode-lean4/vscode-lean4/src/utils/semverRegex.js +2 -0
  204. package/dist/vscode-lean4/vscode-lean4/src/utils/viewColumn.d.ts +3 -0
  205. package/dist/vscode-lean4/vscode-lean4/src/utils/viewColumn.js +22 -0
  206. package/dist/vscode-lean4/vscode-lean4/tsconfig.json +2 -1
  207. package/dist/vscode-lean4/vscode-lean4/webview/tsconfig.json +3 -1
  208. package/dist/vscode.css +7 -0
  209. package/package.json +7 -5
@@ -0,0 +1,4161 @@
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3
+ * Licensed under the MIT License. See License.txt in the project root for license information.
4
+ *--------------------------------------------------------------------------------------------*/
5
+
6
+ @font-face {
7
+ font-family: "codicon";
8
+ font-display: block;
9
+ src: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");
10
+ }
11
+
12
+ .codicon[class*='codicon-'] {
13
+ font: normal normal normal 16px/1 codicon;
14
+ display: inline-block;
15
+ text-decoration: none;
16
+ text-rendering: auto;
17
+ text-align: center;
18
+ -webkit-font-smoothing: antialiased;
19
+ -moz-osx-font-smoothing: grayscale;
20
+ user-select: none;
21
+ -webkit-user-select: none;
22
+ -ms-user-select: none;
23
+ }
24
+
25
+ /*---------------------
26
+ * Modifiers
27
+ *-------------------*/
28
+
29
+ @keyframes codicon-spin {
30
+ 100% {
31
+ transform:rotate(360deg);
32
+ }
33
+ }
34
+
35
+ .codicon-sync.codicon-modifier-spin,
36
+ .codicon-loading.codicon-modifier-spin,
37
+ .codicon-gear.codicon-modifier-spin {
38
+ /* Use steps to throttle FPS to reduce CPU usage */
39
+ animation: codicon-spin 1.5s steps(30) infinite;
40
+ }
41
+
42
+ .codicon-modifier-disabled {
43
+ opacity: 0.5;
44
+ }
45
+
46
+ .codicon-modifier-hidden {
47
+ opacity: 0;
48
+ }
49
+
50
+ /* custom speed & easing for loading icon */
51
+ .codicon-loading {
52
+ animation-duration: 1s !important;
53
+ animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
54
+ }
55
+
56
+ /*---------------------
57
+ * Icons
58
+ *-------------------*/
59
+
60
+ .codicon-add:before { content: "\ea60" }
61
+ .codicon-plus:before { content: "\ea60" }
62
+ .codicon-gist-new:before { content: "\ea60" }
63
+ .codicon-repo-create:before { content: "\ea60" }
64
+ .codicon-lightbulb:before { content: "\ea61" }
65
+ .codicon-light-bulb:before { content: "\ea61" }
66
+ .codicon-repo:before { content: "\ea62" }
67
+ .codicon-repo-delete:before { content: "\ea62" }
68
+ .codicon-gist-fork:before { content: "\ea63" }
69
+ .codicon-repo-forked:before { content: "\ea63" }
70
+ .codicon-git-pull-request:before { content: "\ea64" }
71
+ .codicon-git-pull-request-abandoned:before { content: "\ea64" }
72
+ .codicon-record-keys:before { content: "\ea65" }
73
+ .codicon-keyboard:before { content: "\ea65" }
74
+ .codicon-tag:before { content: "\ea66" }
75
+ .codicon-tag-add:before { content: "\ea66" }
76
+ .codicon-tag-remove:before { content: "\ea66" }
77
+ .codicon-person:before { content: "\ea67" }
78
+ .codicon-person-follow:before { content: "\ea67" }
79
+ .codicon-person-outline:before { content: "\ea67" }
80
+ .codicon-person-filled:before { content: "\ea67" }
81
+ .codicon-git-branch:before { content: "\ea68" }
82
+ .codicon-git-branch-create:before { content: "\ea68" }
83
+ .codicon-git-branch-delete:before { content: "\ea68" }
84
+ .codicon-source-control:before { content: "\ea68" }
85
+ .codicon-mirror:before { content: "\ea69" }
86
+ .codicon-mirror-public:before { content: "\ea69" }
87
+ .codicon-star:before { content: "\ea6a" }
88
+ .codicon-star-add:before { content: "\ea6a" }
89
+ .codicon-star-delete:before { content: "\ea6a" }
90
+ .codicon-star-empty:before { content: "\ea6a" }
91
+ .codicon-comment:before { content: "\ea6b" }
92
+ .codicon-comment-add:before { content: "\ea6b" }
93
+ .codicon-alert:before { content: "\ea6c" }
94
+ .codicon-warning:before { content: "\ea6c" }
95
+ .codicon-search:before { content: "\ea6d" }
96
+ .codicon-search-save:before { content: "\ea6d" }
97
+ .codicon-log-out:before { content: "\ea6e" }
98
+ .codicon-sign-out:before { content: "\ea6e" }
99
+ .codicon-log-in:before { content: "\ea6f" }
100
+ .codicon-sign-in:before { content: "\ea6f" }
101
+ .codicon-eye:before { content: "\ea70" }
102
+ .codicon-eye-unwatch:before { content: "\ea70" }
103
+ .codicon-eye-watch:before { content: "\ea70" }
104
+ .codicon-circle-filled:before { content: "\ea71" }
105
+ .codicon-primitive-dot:before { content: "\ea71" }
106
+ .codicon-close-dirty:before { content: "\ea71" }
107
+ .codicon-debug-breakpoint:before { content: "\ea71" }
108
+ .codicon-debug-breakpoint-disabled:before { content: "\ea71" }
109
+ .codicon-debug-hint:before { content: "\ea71" }
110
+ .codicon-primitive-square:before { content: "\ea72" }
111
+ .codicon-edit:before { content: "\ea73" }
112
+ .codicon-pencil:before { content: "\ea73" }
113
+ .codicon-info:before { content: "\ea74" }
114
+ .codicon-issue-opened:before { content: "\ea74" }
115
+ .codicon-gist-private:before { content: "\ea75" }
116
+ .codicon-git-fork-private:before { content: "\ea75" }
117
+ .codicon-lock:before { content: "\ea75" }
118
+ .codicon-mirror-private:before { content: "\ea75" }
119
+ .codicon-close:before { content: "\ea76" }
120
+ .codicon-remove-close:before { content: "\ea76" }
121
+ .codicon-x:before { content: "\ea76" }
122
+ .codicon-repo-sync:before { content: "\ea77" }
123
+ .codicon-sync:before { content: "\ea77" }
124
+ .codicon-clone:before { content: "\ea78" }
125
+ .codicon-desktop-download:before { content: "\ea78" }
126
+ .codicon-beaker:before { content: "\ea79" }
127
+ .codicon-microscope:before { content: "\ea79" }
128
+ .codicon-vm:before { content: "\ea7a" }
129
+ .codicon-device-desktop:before { content: "\ea7a" }
130
+ .codicon-file:before { content: "\ea7b" }
131
+ .codicon-file-text:before { content: "\ea7b" }
132
+ .codicon-more:before { content: "\ea7c" }
133
+ .codicon-ellipsis:before { content: "\ea7c" }
134
+ .codicon-kebab-horizontal:before { content: "\ea7c" }
135
+ .codicon-mail-reply:before { content: "\ea7d" }
136
+ .codicon-reply:before { content: "\ea7d" }
137
+ .codicon-organization:before { content: "\ea7e" }
138
+ .codicon-organization-filled:before { content: "\ea7e" }
139
+ .codicon-organization-outline:before { content: "\ea7e" }
140
+ .codicon-new-file:before { content: "\ea7f" }
141
+ .codicon-file-add:before { content: "\ea7f" }
142
+ .codicon-new-folder:before { content: "\ea80" }
143
+ .codicon-file-directory-create:before { content: "\ea80" }
144
+ .codicon-trash:before { content: "\ea81" }
145
+ .codicon-trashcan:before { content: "\ea81" }
146
+ .codicon-history:before { content: "\ea82" }
147
+ .codicon-clock:before { content: "\ea82" }
148
+ .codicon-folder:before { content: "\ea83" }
149
+ .codicon-file-directory:before { content: "\ea83" }
150
+ .codicon-symbol-folder:before { content: "\ea83" }
151
+ .codicon-logo-github:before { content: "\ea84" }
152
+ .codicon-mark-github:before { content: "\ea84" }
153
+ .codicon-github:before { content: "\ea84" }
154
+ .codicon-terminal:before { content: "\ea85" }
155
+ .codicon-console:before { content: "\ea85" }
156
+ .codicon-repl:before { content: "\ea85" }
157
+ .codicon-zap:before { content: "\ea86" }
158
+ .codicon-symbol-event:before { content: "\ea86" }
159
+ .codicon-error:before { content: "\ea87" }
160
+ .codicon-stop:before { content: "\ea87" }
161
+ .codicon-variable:before { content: "\ea88" }
162
+ .codicon-symbol-variable:before { content: "\ea88" }
163
+ .codicon-array:before { content: "\ea8a" }
164
+ .codicon-symbol-array:before { content: "\ea8a" }
165
+ .codicon-symbol-module:before { content: "\ea8b" }
166
+ .codicon-symbol-package:before { content: "\ea8b" }
167
+ .codicon-symbol-namespace:before { content: "\ea8b" }
168
+ .codicon-symbol-object:before { content: "\ea8b" }
169
+ .codicon-symbol-method:before { content: "\ea8c" }
170
+ .codicon-symbol-function:before { content: "\ea8c" }
171
+ .codicon-symbol-constructor:before { content: "\ea8c" }
172
+ .codicon-symbol-boolean:before { content: "\ea8f" }
173
+ .codicon-symbol-null:before { content: "\ea8f" }
174
+ .codicon-symbol-numeric:before { content: "\ea90" }
175
+ .codicon-symbol-number:before { content: "\ea90" }
176
+ .codicon-symbol-structure:before { content: "\ea91" }
177
+ .codicon-symbol-struct:before { content: "\ea91" }
178
+ .codicon-symbol-parameter:before { content: "\ea92" }
179
+ .codicon-symbol-type-parameter:before { content: "\ea92" }
180
+ .codicon-symbol-key:before { content: "\ea93" }
181
+ .codicon-symbol-text:before { content: "\ea93" }
182
+ .codicon-symbol-reference:before { content: "\ea94" }
183
+ .codicon-go-to-file:before { content: "\ea94" }
184
+ .codicon-symbol-enum:before { content: "\ea95" }
185
+ .codicon-symbol-value:before { content: "\ea95" }
186
+ .codicon-symbol-ruler:before { content: "\ea96" }
187
+ .codicon-symbol-unit:before { content: "\ea96" }
188
+ .codicon-activate-breakpoints:before { content: "\ea97" }
189
+ .codicon-archive:before { content: "\ea98" }
190
+ .codicon-arrow-both:before { content: "\ea99" }
191
+ .codicon-arrow-down:before { content: "\ea9a" }
192
+ .codicon-arrow-left:before { content: "\ea9b" }
193
+ .codicon-arrow-right:before { content: "\ea9c" }
194
+ .codicon-arrow-small-down:before { content: "\ea9d" }
195
+ .codicon-arrow-small-left:before { content: "\ea9e" }
196
+ .codicon-arrow-small-right:before { content: "\ea9f" }
197
+ .codicon-arrow-small-up:before { content: "\eaa0" }
198
+ .codicon-arrow-up:before { content: "\eaa1" }
199
+ .codicon-bell:before { content: "\eaa2" }
200
+ .codicon-bold:before { content: "\eaa3" }
201
+ .codicon-book:before { content: "\eaa4" }
202
+ .codicon-bookmark:before { content: "\eaa5" }
203
+ .codicon-debug-breakpoint-conditional-unverified:before { content: "\eaa6" }
204
+ .codicon-debug-breakpoint-conditional:before { content: "\eaa7" }
205
+ .codicon-debug-breakpoint-conditional-disabled:before { content: "\eaa7" }
206
+ .codicon-debug-breakpoint-data-unverified:before { content: "\eaa8" }
207
+ .codicon-debug-breakpoint-data:before { content: "\eaa9" }
208
+ .codicon-debug-breakpoint-data-disabled:before { content: "\eaa9" }
209
+ .codicon-debug-breakpoint-log-unverified:before { content: "\eaaa" }
210
+ .codicon-debug-breakpoint-log:before { content: "\eaab" }
211
+ .codicon-debug-breakpoint-log-disabled:before { content: "\eaab" }
212
+ .codicon-briefcase:before { content: "\eaac" }
213
+ .codicon-broadcast:before { content: "\eaad" }
214
+ .codicon-browser:before { content: "\eaae" }
215
+ .codicon-bug:before { content: "\eaaf" }
216
+ .codicon-calendar:before { content: "\eab0" }
217
+ .codicon-case-sensitive:before { content: "\eab1" }
218
+ .codicon-check:before { content: "\eab2" }
219
+ .codicon-checklist:before { content: "\eab3" }
220
+ .codicon-chevron-down:before { content: "\eab4" }
221
+ .codicon-chevron-left:before { content: "\eab5" }
222
+ .codicon-chevron-right:before { content: "\eab6" }
223
+ .codicon-chevron-up:before { content: "\eab7" }
224
+ .codicon-chrome-close:before { content: "\eab8" }
225
+ .codicon-chrome-maximize:before { content: "\eab9" }
226
+ .codicon-chrome-minimize:before { content: "\eaba" }
227
+ .codicon-chrome-restore:before { content: "\eabb" }
228
+ .codicon-circle-outline:before { content: "\eabc" }
229
+ .codicon-debug-breakpoint-unverified:before { content: "\eabc" }
230
+ .codicon-circle-slash:before { content: "\eabd" }
231
+ .codicon-circuit-board:before { content: "\eabe" }
232
+ .codicon-clear-all:before { content: "\eabf" }
233
+ .codicon-clippy:before { content: "\eac0" }
234
+ .codicon-close-all:before { content: "\eac1" }
235
+ .codicon-cloud-download:before { content: "\eac2" }
236
+ .codicon-cloud-upload:before { content: "\eac3" }
237
+ .codicon-code:before { content: "\eac4" }
238
+ .codicon-collapse-all:before { content: "\eac5" }
239
+ .codicon-color-mode:before { content: "\eac6" }
240
+ .codicon-comment-discussion:before { content: "\eac7" }
241
+ .codicon-credit-card:before { content: "\eac9" }
242
+ .codicon-dash:before { content: "\eacc" }
243
+ .codicon-dashboard:before { content: "\eacd" }
244
+ .codicon-database:before { content: "\eace" }
245
+ .codicon-debug-continue:before { content: "\eacf" }
246
+ .codicon-debug-disconnect:before { content: "\ead0" }
247
+ .codicon-debug-pause:before { content: "\ead1" }
248
+ .codicon-debug-restart:before { content: "\ead2" }
249
+ .codicon-debug-start:before { content: "\ead3" }
250
+ .codicon-debug-step-into:before { content: "\ead4" }
251
+ .codicon-debug-step-out:before { content: "\ead5" }
252
+ .codicon-debug-step-over:before { content: "\ead6" }
253
+ .codicon-debug-stop:before { content: "\ead7" }
254
+ .codicon-debug:before { content: "\ead8" }
255
+ .codicon-device-camera-video:before { content: "\ead9" }
256
+ .codicon-device-camera:before { content: "\eada" }
257
+ .codicon-device-mobile:before { content: "\eadb" }
258
+ .codicon-diff-added:before { content: "\eadc" }
259
+ .codicon-diff-ignored:before { content: "\eadd" }
260
+ .codicon-diff-modified:before { content: "\eade" }
261
+ .codicon-diff-removed:before { content: "\eadf" }
262
+ .codicon-diff-renamed:before { content: "\eae0" }
263
+ .codicon-diff:before { content: "\eae1" }
264
+ .codicon-discard:before { content: "\eae2" }
265
+ .codicon-editor-layout:before { content: "\eae3" }
266
+ .codicon-empty-window:before { content: "\eae4" }
267
+ .codicon-exclude:before { content: "\eae5" }
268
+ .codicon-extensions:before { content: "\eae6" }
269
+ .codicon-eye-closed:before { content: "\eae7" }
270
+ .codicon-file-binary:before { content: "\eae8" }
271
+ .codicon-file-code:before { content: "\eae9" }
272
+ .codicon-file-media:before { content: "\eaea" }
273
+ .codicon-file-pdf:before { content: "\eaeb" }
274
+ .codicon-file-submodule:before { content: "\eaec" }
275
+ .codicon-file-symlink-directory:before { content: "\eaed" }
276
+ .codicon-file-symlink-file:before { content: "\eaee" }
277
+ .codicon-file-zip:before { content: "\eaef" }
278
+ .codicon-files:before { content: "\eaf0" }
279
+ .codicon-filter:before { content: "\eaf1" }
280
+ .codicon-flame:before { content: "\eaf2" }
281
+ .codicon-fold-down:before { content: "\eaf3" }
282
+ .codicon-fold-up:before { content: "\eaf4" }
283
+ .codicon-fold:before { content: "\eaf5" }
284
+ .codicon-folder-active:before { content: "\eaf6" }
285
+ .codicon-folder-opened:before { content: "\eaf7" }
286
+ .codicon-gear:before { content: "\eaf8" }
287
+ .codicon-gift:before { content: "\eaf9" }
288
+ .codicon-gist-secret:before { content: "\eafa" }
289
+ .codicon-gist:before { content: "\eafb" }
290
+ .codicon-git-commit:before { content: "\eafc" }
291
+ .codicon-git-compare:before { content: "\eafd" }
292
+ .codicon-compare-changes:before { content: "\eafd" }
293
+ .codicon-git-merge:before { content: "\eafe" }
294
+ .codicon-github-action:before { content: "\eaff" }
295
+ .codicon-github-alt:before { content: "\eb00" }
296
+ .codicon-globe:before { content: "\eb01" }
297
+ .codicon-grabber:before { content: "\eb02" }
298
+ .codicon-graph:before { content: "\eb03" }
299
+ .codicon-gripper:before { content: "\eb04" }
300
+ .codicon-heart:before { content: "\eb05" }
301
+ .codicon-home:before { content: "\eb06" }
302
+ .codicon-horizontal-rule:before { content: "\eb07" }
303
+ .codicon-hubot:before { content: "\eb08" }
304
+ .codicon-inbox:before { content: "\eb09" }
305
+ .codicon-issue-reopened:before { content: "\eb0b" }
306
+ .codicon-issues:before { content: "\eb0c" }
307
+ .codicon-italic:before { content: "\eb0d" }
308
+ .codicon-jersey:before { content: "\eb0e" }
309
+ .codicon-json:before { content: "\eb0f" }
310
+ .codicon-kebab-vertical:before { content: "\eb10" }
311
+ .codicon-key:before { content: "\eb11" }
312
+ .codicon-law:before { content: "\eb12" }
313
+ .codicon-lightbulb-autofix:before { content: "\eb13" }
314
+ .codicon-link-external:before { content: "\eb14" }
315
+ .codicon-link:before { content: "\eb15" }
316
+ .codicon-list-ordered:before { content: "\eb16" }
317
+ .codicon-list-unordered:before { content: "\eb17" }
318
+ .codicon-live-share:before { content: "\eb18" }
319
+ .codicon-loading:before { content: "\eb19" }
320
+ .codicon-location:before { content: "\eb1a" }
321
+ .codicon-mail-read:before { content: "\eb1b" }
322
+ .codicon-mail:before { content: "\eb1c" }
323
+ .codicon-markdown:before { content: "\eb1d" }
324
+ .codicon-megaphone:before { content: "\eb1e" }
325
+ .codicon-mention:before { content: "\eb1f" }
326
+ .codicon-milestone:before { content: "\eb20" }
327
+ .codicon-mortar-board:before { content: "\eb21" }
328
+ .codicon-move:before { content: "\eb22" }
329
+ .codicon-multiple-windows:before { content: "\eb23" }
330
+ .codicon-mute:before { content: "\eb24" }
331
+ .codicon-no-newline:before { content: "\eb25" }
332
+ .codicon-note:before { content: "\eb26" }
333
+ .codicon-octoface:before { content: "\eb27" }
334
+ .codicon-open-preview:before { content: "\eb28" }
335
+ .codicon-package:before { content: "\eb29" }
336
+ .codicon-paintcan:before { content: "\eb2a" }
337
+ .codicon-pin:before { content: "\eb2b" }
338
+ .codicon-play:before { content: "\eb2c" }
339
+ .codicon-run:before { content: "\eb2c" }
340
+ .codicon-plug:before { content: "\eb2d" }
341
+ .codicon-preserve-case:before { content: "\eb2e" }
342
+ .codicon-preview:before { content: "\eb2f" }
343
+ .codicon-project:before { content: "\eb30" }
344
+ .codicon-pulse:before { content: "\eb31" }
345
+ .codicon-question:before { content: "\eb32" }
346
+ .codicon-quote:before { content: "\eb33" }
347
+ .codicon-radio-tower:before { content: "\eb34" }
348
+ .codicon-reactions:before { content: "\eb35" }
349
+ .codicon-references:before { content: "\eb36" }
350
+ .codicon-refresh:before { content: "\eb37" }
351
+ .codicon-regex:before { content: "\eb38" }
352
+ .codicon-remote-explorer:before { content: "\eb39" }
353
+ .codicon-remote:before { content: "\eb3a" }
354
+ .codicon-remove:before { content: "\eb3b" }
355
+ .codicon-replace-all:before { content: "\eb3c" }
356
+ .codicon-replace:before { content: "\eb3d" }
357
+ .codicon-repo-clone:before { content: "\eb3e" }
358
+ .codicon-repo-force-push:before { content: "\eb3f" }
359
+ .codicon-repo-pull:before { content: "\eb40" }
360
+ .codicon-repo-push:before { content: "\eb41" }
361
+ .codicon-report:before { content: "\eb42" }
362
+ .codicon-request-changes:before { content: "\eb43" }
363
+ .codicon-rocket:before { content: "\eb44" }
364
+ .codicon-root-folder-opened:before { content: "\eb45" }
365
+ .codicon-root-folder:before { content: "\eb46" }
366
+ .codicon-rss:before { content: "\eb47" }
367
+ .codicon-ruby:before { content: "\eb48" }
368
+ .codicon-save-all:before { content: "\eb49" }
369
+ .codicon-save-as:before { content: "\eb4a" }
370
+ .codicon-save:before { content: "\eb4b" }
371
+ .codicon-screen-full:before { content: "\eb4c" }
372
+ .codicon-screen-normal:before { content: "\eb4d" }
373
+ .codicon-search-stop:before { content: "\eb4e" }
374
+ .codicon-server:before { content: "\eb50" }
375
+ .codicon-settings-gear:before { content: "\eb51" }
376
+ .codicon-settings:before { content: "\eb52" }
377
+ .codicon-shield:before { content: "\eb53" }
378
+ .codicon-smiley:before { content: "\eb54" }
379
+ .codicon-sort-precedence:before { content: "\eb55" }
380
+ .codicon-split-horizontal:before { content: "\eb56" }
381
+ .codicon-split-vertical:before { content: "\eb57" }
382
+ .codicon-squirrel:before { content: "\eb58" }
383
+ .codicon-star-full:before { content: "\eb59" }
384
+ .codicon-star-half:before { content: "\eb5a" }
385
+ .codicon-symbol-class:before { content: "\eb5b" }
386
+ .codicon-symbol-color:before { content: "\eb5c" }
387
+ .codicon-symbol-constant:before { content: "\eb5d" }
388
+ .codicon-symbol-enum-member:before { content: "\eb5e" }
389
+ .codicon-symbol-field:before { content: "\eb5f" }
390
+ .codicon-symbol-file:before { content: "\eb60" }
391
+ .codicon-symbol-interface:before { content: "\eb61" }
392
+ .codicon-symbol-keyword:before { content: "\eb62" }
393
+ .codicon-symbol-misc:before { content: "\eb63" }
394
+ .codicon-symbol-operator:before { content: "\eb64" }
395
+ .codicon-symbol-property:before { content: "\eb65" }
396
+ .codicon-wrench:before { content: "\eb65" }
397
+ .codicon-wrench-subaction:before { content: "\eb65" }
398
+ .codicon-symbol-snippet:before { content: "\eb66" }
399
+ .codicon-tasklist:before { content: "\eb67" }
400
+ .codicon-telescope:before { content: "\eb68" }
401
+ .codicon-text-size:before { content: "\eb69" }
402
+ .codicon-three-bars:before { content: "\eb6a" }
403
+ .codicon-thumbsdown:before { content: "\eb6b" }
404
+ .codicon-thumbsup:before { content: "\eb6c" }
405
+ .codicon-tools:before { content: "\eb6d" }
406
+ .codicon-triangle-down:before { content: "\eb6e" }
407
+ .codicon-triangle-left:before { content: "\eb6f" }
408
+ .codicon-triangle-right:before { content: "\eb70" }
409
+ .codicon-triangle-up:before { content: "\eb71" }
410
+ .codicon-twitter:before { content: "\eb72" }
411
+ .codicon-unfold:before { content: "\eb73" }
412
+ .codicon-unlock:before { content: "\eb74" }
413
+ .codicon-unmute:before { content: "\eb75" }
414
+ .codicon-unverified:before { content: "\eb76" }
415
+ .codicon-verified:before { content: "\eb77" }
416
+ .codicon-versions:before { content: "\eb78" }
417
+ .codicon-vm-active:before { content: "\eb79" }
418
+ .codicon-vm-outline:before { content: "\eb7a" }
419
+ .codicon-vm-running:before { content: "\eb7b" }
420
+ .codicon-watch:before { content: "\eb7c" }
421
+ .codicon-whitespace:before { content: "\eb7d" }
422
+ .codicon-whole-word:before { content: "\eb7e" }
423
+ .codicon-window:before { content: "\eb7f" }
424
+ .codicon-word-wrap:before { content: "\eb80" }
425
+ .codicon-zoom-in:before { content: "\eb81" }
426
+ .codicon-zoom-out:before { content: "\eb82" }
427
+ .codicon-list-filter:before { content: "\eb83" }
428
+ .codicon-list-flat:before { content: "\eb84" }
429
+ .codicon-list-selection:before { content: "\eb85" }
430
+ .codicon-selection:before { content: "\eb85" }
431
+ .codicon-list-tree:before { content: "\eb86" }
432
+ .codicon-debug-breakpoint-function-unverified:before { content: "\eb87" }
433
+ .codicon-debug-breakpoint-function:before { content: "\eb88" }
434
+ .codicon-debug-breakpoint-function-disabled:before { content: "\eb88" }
435
+ .codicon-debug-stackframe-active:before { content: "\eb89" }
436
+ .codicon-circle-small-filled:before { content: "\eb8a" }
437
+ .codicon-debug-stackframe-dot:before { content: "\eb8a" }
438
+ .codicon-debug-stackframe:before { content: "\eb8b" }
439
+ .codicon-debug-stackframe-focused:before { content: "\eb8b" }
440
+ .codicon-debug-breakpoint-unsupported:before { content: "\eb8c" }
441
+ .codicon-symbol-string:before { content: "\eb8d" }
442
+ .codicon-debug-reverse-continue:before { content: "\eb8e" }
443
+ .codicon-debug-step-back:before { content: "\eb8f" }
444
+ .codicon-debug-restart-frame:before { content: "\eb90" }
445
+ .codicon-debug-alt:before { content: "\eb91" }
446
+ .codicon-call-incoming:before { content: "\eb92" }
447
+ .codicon-call-outgoing:before { content: "\eb93" }
448
+ .codicon-menu:before { content: "\eb94" }
449
+ .codicon-expand-all:before { content: "\eb95" }
450
+ .codicon-feedback:before { content: "\eb96" }
451
+ .codicon-group-by-ref-type:before { content: "\eb97" }
452
+ .codicon-ungroup-by-ref-type:before { content: "\eb98" }
453
+ .codicon-account:before { content: "\eb99" }
454
+ .codicon-bell-dot:before { content: "\eb9a" }
455
+ .codicon-debug-console:before { content: "\eb9b" }
456
+ .codicon-library:before { content: "\eb9c" }
457
+ .codicon-output:before { content: "\eb9d" }
458
+ .codicon-run-all:before { content: "\eb9e" }
459
+ .codicon-sync-ignored:before { content: "\eb9f" }
460
+ .codicon-pinned:before { content: "\eba0" }
461
+ .codicon-github-inverted:before { content: "\eba1" }
462
+ .codicon-server-process:before { content: "\eba2" }
463
+ .codicon-server-environment:before { content: "\eba3" }
464
+ .codicon-pass:before { content: "\eba4" }
465
+ .codicon-issue-closed:before { content: "\eba4" }
466
+ .codicon-stop-circle:before { content: "\eba5" }
467
+ .codicon-play-circle:before { content: "\eba6" }
468
+ .codicon-record:before { content: "\eba7" }
469
+ .codicon-debug-alt-small:before { content: "\eba8" }
470
+ .codicon-vm-connect:before { content: "\eba9" }
471
+ .codicon-cloud:before { content: "\ebaa" }
472
+ .codicon-merge:before { content: "\ebab" }
473
+ .codicon-export:before { content: "\ebac" }
474
+ .codicon-graph-left:before { content: "\ebad" }
475
+ .codicon-magnet:before { content: "\ebae" }
476
+ .codicon-notebook:before { content: "\ebaf" }
477
+ .codicon-redo:before { content: "\ebb0" }
478
+ .codicon-check-all:before { content: "\ebb1" }
479
+ .codicon-pinned-dirty:before { content: "\ebb2" }
480
+ .codicon-pass-filled:before { content: "\ebb3" }
481
+ .codicon-circle-large-filled:before { content: "\ebb4" }
482
+ .codicon-circle-large-outline:before { content: "\ebb5" }
483
+ .codicon-combine:before { content: "\ebb6" }
484
+ .codicon-gather:before { content: "\ebb6" }
485
+ .codicon-table:before { content: "\ebb7" }
486
+ .codicon-variable-group:before { content: "\ebb8" }
487
+ .codicon-type-hierarchy:before { content: "\ebb9" }
488
+ .codicon-type-hierarchy-sub:before { content: "\ebba" }
489
+ .codicon-type-hierarchy-super:before { content: "\ebbb" }
490
+ .codicon-git-pull-request-create:before { content: "\ebbc" }
491
+ .codicon-run-above:before { content: "\ebbd" }
492
+ .codicon-run-below:before { content: "\ebbe" }
493
+ .codicon-notebook-template:before { content: "\ebbf" }
494
+ .codicon-debug-rerun:before { content: "\ebc0" }
495
+ .codicon-workspace-trusted:before { content: "\ebc1" }
496
+ .codicon-workspace-untrusted:before { content: "\ebc2" }
497
+ .codicon-workspace-unknown:before { content: "\ebc3" }
498
+ .codicon-terminal-cmd:before { content: "\ebc4" }
499
+ .codicon-terminal-debian:before { content: "\ebc5" }
500
+ .codicon-terminal-linux:before { content: "\ebc6" }
501
+ .codicon-terminal-powershell:before { content: "\ebc7" }
502
+ .codicon-terminal-tmux:before { content: "\ebc8" }
503
+ .codicon-terminal-ubuntu:before { content: "\ebc9" }
504
+ .codicon-terminal-bash:before { content: "\ebca" }
505
+ .codicon-arrow-swap:before { content: "\ebcb" }
506
+ .codicon-copy:before { content: "\ebcc" }
507
+ .codicon-person-add:before { content: "\ebcd" }
508
+ .codicon-filter-filled:before { content: "\ebce" }
509
+ .codicon-wand:before { content: "\ebcf" }
510
+ .codicon-debug-line-by-line:before { content: "\ebd0" }
511
+ .codicon-inspect:before { content: "\ebd1" }
512
+ .codicon-layers:before { content: "\ebd2" }
513
+ .codicon-layers-dot:before { content: "\ebd3" }
514
+ .codicon-layers-active:before { content: "\ebd4" }
515
+ .codicon-compass:before { content: "\ebd5" }
516
+ .codicon-compass-dot:before { content: "\ebd6" }
517
+ .codicon-compass-active:before { content: "\ebd7" }
518
+ .codicon-azure:before { content: "\ebd8" }
519
+ .codicon-issue-draft:before { content: "\ebd9" }
520
+ .codicon-git-pull-request-closed:before { content: "\ebda" }
521
+ .codicon-git-pull-request-draft:before { content: "\ebdb" }
522
+ .codicon-debug-all:before { content: "\ebdc" }
523
+ .codicon-debug-coverage:before { content: "\ebdd" }
524
+ .codicon-run-errors:before { content: "\ebde" }
525
+ .codicon-folder-library:before { content: "\ebdf" }
526
+ .codicon-debug-continue-small:before { content: "\ebe0" }
527
+ .codicon-beaker-stop:before { content: "\ebe1" }
528
+ .codicon-graph-line:before { content: "\ebe2" }
529
+ .codicon-graph-scatter:before { content: "\ebe3" }
530
+ .codicon-pie-chart:before { content: "\ebe4" }
531
+ .codicon-bracket:before { content: "\eb0f" }
532
+ .codicon-bracket-dot:before { content: "\ebe5" }
533
+ .codicon-bracket-error:before { content: "\ebe6" }
534
+ .codicon-lock-small:before { content: "\ebe7" }
535
+ .codicon-azure-devops:before { content: "\ebe8" }
536
+ .codicon-verified-filled:before { content: "\ebe9" }
537
+ .codicon-newline:before { content: "\ebea" }
538
+ .codicon-layout:before { content: "\ebeb" }
539
+ .codicon-layout-activitybar-left:before { content: "\ebec" }
540
+ .codicon-layout-activitybar-right:before { content: "\ebed" }
541
+ .codicon-layout-panel-left:before { content: "\ebee" }
542
+ .codicon-layout-panel-center:before { content: "\ebef" }
543
+ .codicon-layout-panel-justify:before { content: "\ebf0" }
544
+ .codicon-layout-panel-right:before { content: "\ebf1" }
545
+ .codicon-layout-panel:before { content: "\ebf2" }
546
+ .codicon-layout-sidebar-left:before { content: "\ebf3" }
547
+ .codicon-layout-sidebar-right:before { content: "\ebf4" }
548
+ .codicon-layout-statusbar:before { content: "\ebf5" }
549
+ .codicon-layout-menubar:before { content: "\ebf6" }
550
+ .codicon-layout-centered:before { content: "\ebf7" }
551
+ .codicon-target:before { content: "\ebf8" }
552
+ .codicon-indent:before { content: "\ebf9" }
553
+ .codicon-record-small:before { content: "\ebfa" }
554
+ .codicon-error-small:before { content: "\ebfb" }
555
+ .codicon-arrow-circle-down:before { content: "\ebfc" }
556
+ .codicon-arrow-circle-left:before { content: "\ebfd" }
557
+ .codicon-arrow-circle-right:before { content: "\ebfe" }
558
+ .codicon-arrow-circle-up:before { content: "\ebff" }
559
+ .codicon-layout-sidebar-right-off:before { content: "\ec00" }
560
+ .codicon-layout-panel-off:before { content: "\ec01" }
561
+ .codicon-layout-sidebar-left-off:before { content: "\ec02" }
562
+ .codicon-blank:before { content: "\ec03" }
563
+ .codicon-heart-filled:before { content: "\ec04" }
564
+ .codicon-map:before { content: "\ec05" }
565
+ .codicon-map-filled:before { content: "\ec06" }
566
+ .codicon-circle-small:before { content: "\ec07" }
567
+ .codicon-bell-slash:before { content: "\ec08" }
568
+ .codicon-bell-slash-dot:before { content: "\ec09" }
569
+ .codicon-comment-unresolved:before { content: "\ec0a" }
570
+ .codicon-git-pull-request-go-to-changes:before { content: "\ec0b" }
571
+ .codicon-git-pull-request-new-changes:before { content: "\ec0c" }
572
+
573
+ /*! TACHYONS v4.12.0 | http://tachyons.io */
574
+ /*
575
+ *
576
+ * ________ ______
577
+ * ___ __/_____ _________ /______ ______________________
578
+ * __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/
579
+ * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ )
580
+ * /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/
581
+ * /____/
582
+ *
583
+ * TABLE OF CONTENTS
584
+ *
585
+ * 1. External Library Includes
586
+ * - Normalize.css | http://normalize.css.github.io
587
+ * 2. Tachyons Modules
588
+ * 3. Variables
589
+ * - Media Queries
590
+ * - Colors
591
+ * 4. Debugging
592
+ * - Debug all
593
+ * - Debug children
594
+ *
595
+ */
596
+ /* External Library Includes */
597
+ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
598
+ /* Document
599
+ ========================================================================== */
600
+ /**
601
+ * 1. Correct the line height in all browsers.
602
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
603
+ */
604
+ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }
605
+ /* Sections
606
+ ========================================================================== */
607
+ /**
608
+ * Remove the margin in all browsers.
609
+ */
610
+ body { margin: 0; }
611
+ /**
612
+ * Correct the font size and margin on `h1` elements within `section` and
613
+ * `article` contexts in Chrome, Firefox, and Safari.
614
+ */
615
+ h1 { font-size: 2em; margin: .67em 0; }
616
+ /* Grouping content
617
+ ========================================================================== */
618
+ /**
619
+ * 1. Add the correct box sizing in Firefox.
620
+ * 2. Show the overflow in Edge and IE.
621
+ */
622
+ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
623
+ /**
624
+ * 1. Correct the inheritance and scaling of font size in all browsers.
625
+ * 2. Correct the odd `em` font sizing in all browsers.
626
+ */
627
+ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
628
+ /* Text-level semantics
629
+ ========================================================================== */
630
+ /**
631
+ * Remove the gray background on active links in IE 10.
632
+ */
633
+ a { background-color: transparent; }
634
+ /**
635
+ * 1. Remove the bottom border in Chrome 57-
636
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
637
+ */
638
+ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }
639
+ /**
640
+ * Add the correct font weight in Chrome, Edge, and Safari.
641
+ */
642
+ b, strong { font-weight: bolder; }
643
+ /**
644
+ * 1. Correct the inheritance and scaling of font size in all browsers.
645
+ * 2. Correct the odd `em` font sizing in all browsers.
646
+ */
647
+ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
648
+ /**
649
+ * Add the correct font size in all browsers.
650
+ */
651
+ small { font-size: 80%; }
652
+ /**
653
+ * Prevent `sub` and `sup` elements from affecting the line height in
654
+ * all browsers.
655
+ */
656
+ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
657
+ sub { bottom: -0.25em; }
658
+ sup { top: -0.5em; }
659
+ /* Embedded content
660
+ ========================================================================== */
661
+ /**
662
+ * Remove the border on images inside links in IE 10.
663
+ */
664
+ img { border-style: none; }
665
+ /* Forms
666
+ ========================================================================== */
667
+ /**
668
+ * 1. Change the font styles in all browsers.
669
+ * 2. Remove the margin in Firefox and Safari.
670
+ */
671
+ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
672
+ /**
673
+ * Show the overflow in IE.
674
+ * 1. Show the overflow in Edge.
675
+ */
676
+ button, input {/* 1 */ overflow: visible; }
677
+ /**
678
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
679
+ * 1. Remove the inheritance of text transform in Firefox.
680
+ */
681
+ button, select {/* 1 */ text-transform: none; }
682
+ /**
683
+ * Correct the inability to style clickable types in iOS and Safari.
684
+ */
685
+ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
686
+ /**
687
+ * Remove the inner border and padding in Firefox.
688
+ */
689
+ button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
690
+ [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
691
+ /**
692
+ * Restore the focus styles unset by the previous rule.
693
+ */
694
+ button:-moz-focusring, [type="button"]:-moz-focusring,
695
+ [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
696
+ /**
697
+ * Correct the padding in Firefox.
698
+ */
699
+ fieldset { padding: .35em .75em .625em; }
700
+ /**
701
+ * 1. Correct the text wrapping in Edge and IE.
702
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
703
+ * 3. Remove the padding so developers are not caught out when they zero out
704
+ * `fieldset` elements in all browsers.
705
+ */
706
+ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
707
+ /**
708
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
709
+ */
710
+ progress { vertical-align: baseline; }
711
+ /**
712
+ * Remove the default vertical scrollbar in IE 10+.
713
+ */
714
+ textarea { overflow: auto; }
715
+ /**
716
+ * 1. Add the correct box sizing in IE 10.
717
+ * 2. Remove the padding in IE 10.
718
+ */
719
+ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
720
+ /**
721
+ * Correct the cursor style of increment and decrement buttons in Chrome.
722
+ */
723
+ [type="number"]::-webkit-inner-spin-button,
724
+ [type="number"]::-webkit-outer-spin-button { height: auto; }
725
+ /**
726
+ * 1. Correct the odd appearance in Chrome and Safari.
727
+ * 2. Correct the outline style in Safari.
728
+ */
729
+ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
730
+ /**
731
+ * Remove the inner padding in Chrome and Safari on macOS.
732
+ */
733
+ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
734
+ /**
735
+ * 1. Correct the inability to style clickable types in iOS and Safari.
736
+ * 2. Change font properties to `inherit` in Safari.
737
+ */
738
+ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
739
+ /* Interactive
740
+ ========================================================================== */
741
+ /*
742
+ * Add the correct display in Edge, IE 10+, and Firefox.
743
+ */
744
+ details { display: block; }
745
+ /*
746
+ * Add the correct display in all browsers.
747
+ */
748
+ summary { display: list-item; }
749
+ /* Misc
750
+ ========================================================================== */
751
+ /**
752
+ * Add the correct display in IE 10+.
753
+ */
754
+ template { display: none; }
755
+ /**
756
+ * Add the correct display in IE 10.
757
+ */
758
+ [hidden] { display: none; }
759
+ /* Modules */
760
+ /*
761
+
762
+ BOX SIZING
763
+
764
+ */
765
+ html, body, div, article, aside, section, main, nav, footer, header, form,
766
+ fieldset, legend, pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt,
767
+ dd, blockquote, figcaption, figure, textarea, table, td, th, tr,
768
+ input[type="email"], input[type="number"], input[type="password"],
769
+ input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
770
+ /*
771
+
772
+ ASPECT RATIOS
773
+
774
+ */
775
+ /* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
776
+ * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
777
+ * Make sure there are no height and width attributes on the embedded media.
778
+ * Adapted from: https://github.com/suitcss/components-flex-embed
779
+ *
780
+ * Example:
781
+ *
782
+ * <div class="aspect-ratio aspect-ratio--16x9">
783
+ * <iframe class="aspect-ratio--object"></iframe>
784
+ * </div>
785
+ *
786
+ * */
787
+ .aspect-ratio { height: 0; position: relative; }
788
+ .aspect-ratio--16x9 { padding-bottom: 56.25%; }
789
+ .aspect-ratio--9x16 { padding-bottom: 177.77%; }
790
+ .aspect-ratio--4x3 { padding-bottom: 75%; }
791
+ .aspect-ratio--3x4 { padding-bottom: 133.33%; }
792
+ .aspect-ratio--6x4 { padding-bottom: 66.6%; }
793
+ .aspect-ratio--4x6 { padding-bottom: 150%; }
794
+ .aspect-ratio--8x5 { padding-bottom: 62.5%; }
795
+ .aspect-ratio--5x8 { padding-bottom: 160%; }
796
+ .aspect-ratio--7x5 { padding-bottom: 71.42%; }
797
+ .aspect-ratio--5x7 { padding-bottom: 140%; }
798
+ .aspect-ratio--1x1 { padding-bottom: 100%; }
799
+ .aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
800
+ /*
801
+
802
+ IMAGES
803
+ Docs: http://tachyons.io/docs/elements/images/
804
+
805
+ */
806
+ /* Responsive images! */
807
+ img { max-width: 100%; }
808
+ /*
809
+
810
+ BACKGROUND SIZE
811
+ Docs: http://tachyons.io/docs/themes/background-size/
812
+
813
+ Media Query Extensions:
814
+ -ns = not-small
815
+ -m = medium
816
+ -l = large
817
+
818
+ */
819
+ /*
820
+ Often used in combination with background image set as an inline style
821
+ on an html element.
822
+ */
823
+ .cover { background-size: cover !important; }
824
+ .contain { background-size: contain !important; }
825
+ /*
826
+
827
+ BACKGROUND POSITION
828
+
829
+ Base:
830
+ bg = background
831
+
832
+ Modifiers:
833
+ -center = center center
834
+ -top = top center
835
+ -right = center right
836
+ -bottom = bottom center
837
+ -left = center left
838
+
839
+ Media Query Extensions:
840
+ -ns = not-small
841
+ -m = medium
842
+ -l = large
843
+
844
+ */
845
+ .bg-center { background-repeat: no-repeat; background-position: center center; }
846
+ .bg-top { background-repeat: no-repeat; background-position: top center; }
847
+ .bg-right { background-repeat: no-repeat; background-position: center right; }
848
+ .bg-bottom { background-repeat: no-repeat; background-position: bottom center; }
849
+ .bg-left { background-repeat: no-repeat; background-position: center left; }
850
+ /*
851
+
852
+ OUTLINES
853
+
854
+ Media Query Extensions:
855
+ -ns = not-small
856
+ -m = medium
857
+ -l = large
858
+
859
+ */
860
+ .outline { outline: 1px solid; }
861
+ .outline-transparent { outline: 1px solid transparent; }
862
+ .outline-0 { outline: 0; }
863
+ /*
864
+
865
+ BORDERS
866
+ Docs: http://tachyons.io/docs/themes/borders/
867
+
868
+ Base:
869
+ b = border
870
+
871
+ Modifiers:
872
+ a = all
873
+ t = top
874
+ r = right
875
+ b = bottom
876
+ l = left
877
+ n = none
878
+
879
+ Media Query Extensions:
880
+ -ns = not-small
881
+ -m = medium
882
+ -l = large
883
+
884
+ */
885
+ .ba { border-style: solid; border-width: 1px; }
886
+ .bt { border-top-style: solid; border-top-width: 1px; }
887
+ .br { border-right-style: solid; border-right-width: 1px; }
888
+ .bb { border-bottom-style: solid; border-bottom-width: 1px; }
889
+ .bl { border-left-style: solid; border-left-width: 1px; }
890
+ .bn { border-style: none; border-width: 0; }
891
+ /*
892
+
893
+ BORDER COLORS
894
+ Docs: http://tachyons.io/docs/themes/borders/
895
+
896
+ Border colors can be used to extend the base
897
+ border classes ba,bt,bb,br,bl found in the _borders.css file.
898
+
899
+ The base border class by default will set the color of the border
900
+ to that of the current text color. These classes are for the cases
901
+ where you desire for the text and border colors to be different.
902
+
903
+ Base:
904
+ b = border
905
+
906
+ Modifiers:
907
+ --color-name = each color variable name is also a border color name
908
+
909
+ */
910
+ .b--black { border-color: #000; }
911
+ .b--near-black { border-color: #111; }
912
+ .b--dark-gray { border-color: #333; }
913
+ .b--mid-gray { border-color: #555; }
914
+ .b--gray { border-color: #777; }
915
+ .b--silver { border-color: #999; }
916
+ .b--light-silver { border-color: #aaa; }
917
+ .b--moon-gray { border-color: #ccc; }
918
+ .b--light-gray { border-color: #eee; }
919
+ .b--near-white { border-color: #f4f4f4; }
920
+ .b--white { border-color: #fff; }
921
+ .b--white-90 { border-color: rgba( 255, 255, 255, .9 ); }
922
+ .b--white-80 { border-color: rgba( 255, 255, 255, .8 ); }
923
+ .b--white-70 { border-color: rgba( 255, 255, 255, .7 ); }
924
+ .b--white-60 { border-color: rgba( 255, 255, 255, .6 ); }
925
+ .b--white-50 { border-color: rgba( 255, 255, 255, .5 ); }
926
+ .b--white-40 { border-color: rgba( 255, 255, 255, .4 ); }
927
+ .b--white-30 { border-color: rgba( 255, 255, 255, .3 ); }
928
+ .b--white-20 { border-color: rgba( 255, 255, 255, .2 ); }
929
+ .b--white-10 { border-color: rgba( 255, 255, 255, .1 ); }
930
+ .b--white-05 { border-color: rgba( 255, 255, 255, .05 ); }
931
+ .b--white-025 { border-color: rgba( 255, 255, 255, .025 ); }
932
+ .b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); }
933
+ .b--black-90 { border-color: rgba( 0, 0, 0, .9 ); }
934
+ .b--black-80 { border-color: rgba( 0, 0, 0, .8 ); }
935
+ .b--black-70 { border-color: rgba( 0, 0, 0, .7 ); }
936
+ .b--black-60 { border-color: rgba( 0, 0, 0, .6 ); }
937
+ .b--black-50 { border-color: rgba( 0, 0, 0, .5 ); }
938
+ .b--black-40 { border-color: rgba( 0, 0, 0, .4 ); }
939
+ .b--black-30 { border-color: rgba( 0, 0, 0, .3 ); }
940
+ .b--black-20 { border-color: rgba( 0, 0, 0, .2 ); }
941
+ .b--black-10 { border-color: rgba( 0, 0, 0, .1 ); }
942
+ .b--black-05 { border-color: rgba( 0, 0, 0, .05 ); }
943
+ .b--black-025 { border-color: rgba( 0, 0, 0, .025 ); }
944
+ .b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); }
945
+ .b--dark-red { border-color: #e7040f; }
946
+ .b--red { border-color: #ff4136; }
947
+ .b--light-red { border-color: #ff725c; }
948
+ .b--orange { border-color: #ff6300; }
949
+ .b--gold { border-color: #ffb700; }
950
+ .b--yellow { border-color: #ffd700; }
951
+ .b--light-yellow { border-color: #fbf1a9; }
952
+ .b--purple { border-color: #5e2ca5; }
953
+ .b--light-purple { border-color: #a463f2; }
954
+ .b--dark-pink { border-color: #d5008f; }
955
+ .b--hot-pink { border-color: #ff41b4; }
956
+ .b--pink { border-color: #ff80cc; }
957
+ .b--light-pink { border-color: #ffa3d7; }
958
+ .b--dark-green { border-color: #137752; }
959
+ .b--green { border-color: #19a974; }
960
+ .b--light-green { border-color: #9eebcf; }
961
+ .b--navy { border-color: #001b44; }
962
+ .b--dark-blue { border-color: #00449e; }
963
+ .b--blue { border-color: #357edd; }
964
+ .b--light-blue { border-color: #96ccff; }
965
+ .b--lightest-blue { border-color: #cdecff; }
966
+ .b--washed-blue { border-color: #f6fffe; }
967
+ .b--washed-green { border-color: #e8fdf5; }
968
+ .b--washed-yellow { border-color: #fffceb; }
969
+ .b--washed-red { border-color: #ffdfdf; }
970
+ .b--transparent { border-color: transparent; }
971
+ .b--inherit { border-color: inherit; }
972
+ .b--initial { border-color: initial; }
973
+ .b--unset { border-color: unset; }
974
+ /*
975
+
976
+ BORDER RADIUS
977
+ Docs: http://tachyons.io/docs/themes/border-radius/
978
+
979
+ Base:
980
+ br = border-radius
981
+
982
+ Modifiers:
983
+ 0 = 0/none
984
+ 1 = 1st step in scale
985
+ 2 = 2nd step in scale
986
+ 3 = 3rd step in scale
987
+ 4 = 4th step in scale
988
+
989
+ Literal values:
990
+ -100 = 100%
991
+ -pill = 9999px
992
+
993
+ Media Query Extensions:
994
+ -ns = not-small
995
+ -m = medium
996
+ -l = large
997
+
998
+ */
999
+ .br0 { border-radius: 0; }
1000
+ .br1 { border-radius: .125rem; }
1001
+ .br2 { border-radius: .25rem; }
1002
+ .br3 { border-radius: .5rem; }
1003
+ .br4 { border-radius: 1rem; }
1004
+ .br-100 { border-radius: 100%; }
1005
+ .br-pill { border-radius: 9999px; }
1006
+ .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
1007
+ .br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
1008
+ .br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1009
+ .br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
1010
+ .br-inherit { border-radius: inherit; }
1011
+ .br-initial { border-radius: initial; }
1012
+ .br-unset { border-radius: unset; }
1013
+ /*
1014
+
1015
+ BORDER STYLES
1016
+ Docs: http://tachyons.io/docs/themes/borders/
1017
+
1018
+ Depends on base border module in _borders.css
1019
+
1020
+ Base:
1021
+ b = border-style
1022
+
1023
+ Modifiers:
1024
+ --none = none
1025
+ --dotted = dotted
1026
+ --dashed = dashed
1027
+ --solid = solid
1028
+
1029
+ Media Query Extensions:
1030
+ -ns = not-small
1031
+ -m = medium
1032
+ -l = large
1033
+
1034
+ */
1035
+ .b--dotted { border-style: dotted; }
1036
+ .b--dashed { border-style: dashed; }
1037
+ .b--solid { border-style: solid; }
1038
+ .b--none { border-style: none; }
1039
+ /*
1040
+
1041
+ BORDER WIDTHS
1042
+ Docs: http://tachyons.io/docs/themes/borders/
1043
+
1044
+ Base:
1045
+ bw = border-width
1046
+
1047
+ Modifiers:
1048
+ 0 = 0 width border
1049
+ 1 = 1st step in border-width scale
1050
+ 2 = 2nd step in border-width scale
1051
+ 3 = 3rd step in border-width scale
1052
+ 4 = 4th step in border-width scale
1053
+ 5 = 5th step in border-width scale
1054
+
1055
+ Media Query Extensions:
1056
+ -ns = not-small
1057
+ -m = medium
1058
+ -l = large
1059
+
1060
+ */
1061
+ .bw0 { border-width: 0; }
1062
+ .bw1 { border-width: .125rem; }
1063
+ .bw2 { border-width: .25rem; }
1064
+ .bw3 { border-width: .5rem; }
1065
+ .bw4 { border-width: 1rem; }
1066
+ .bw5 { border-width: 2rem; }
1067
+ /* Resets */
1068
+ .bt-0 { border-top-width: 0; }
1069
+ .br-0 { border-right-width: 0; }
1070
+ .bb-0 { border-bottom-width: 0; }
1071
+ .bl-0 { border-left-width: 0; }
1072
+ /*
1073
+
1074
+ BOX-SHADOW
1075
+ Docs: http://tachyons.io/docs/themes/box-shadow/
1076
+
1077
+ Media Query Extensions:
1078
+ -ns = not-small
1079
+ -m = medium
1080
+ -l = large
1081
+
1082
+ */
1083
+ .shadow-1 { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
1084
+ .shadow-2 { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
1085
+ .shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
1086
+ .shadow-4 { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
1087
+ .shadow-5 { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
1088
+ /*
1089
+
1090
+ CODE
1091
+
1092
+ */
1093
+ .pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; }
1094
+ /*
1095
+
1096
+ COORDINATES
1097
+ Docs: http://tachyons.io/docs/layout/position/
1098
+
1099
+ Use in combination with the position module.
1100
+
1101
+ Base:
1102
+ top
1103
+ bottom
1104
+ right
1105
+ left
1106
+
1107
+ Modifiers:
1108
+ -0 = literal value 0
1109
+ -1 = literal value 1
1110
+ -2 = literal value 2
1111
+ --1 = literal value -1
1112
+ --2 = literal value -2
1113
+
1114
+ Media Query Extensions:
1115
+ -ns = not-small
1116
+ -m = medium
1117
+ -l = large
1118
+
1119
+ */
1120
+ .top-0 { top: 0; }
1121
+ .right-0 { right: 0; }
1122
+ .bottom-0 { bottom: 0; }
1123
+ .left-0 { left: 0; }
1124
+ .top-1 { top: 1rem; }
1125
+ .right-1 { right: 1rem; }
1126
+ .bottom-1 { bottom: 1rem; }
1127
+ .left-1 { left: 1rem; }
1128
+ .top-2 { top: 2rem; }
1129
+ .right-2 { right: 2rem; }
1130
+ .bottom-2 { bottom: 2rem; }
1131
+ .left-2 { left: 2rem; }
1132
+ .top--1 { top: -1rem; }
1133
+ .right--1 { right: -1rem; }
1134
+ .bottom--1 { bottom: -1rem; }
1135
+ .left--1 { left: -1rem; }
1136
+ .top--2 { top: -2rem; }
1137
+ .right--2 { right: -2rem; }
1138
+ .bottom--2 { bottom: -2rem; }
1139
+ .left--2 { left: -2rem; }
1140
+ .absolute--fill { top: 0; right: 0; bottom: 0; left: 0; }
1141
+ /*
1142
+
1143
+ CLEARFIX
1144
+ http://tachyons.io/docs/layout/clearfix/
1145
+
1146
+ */
1147
+ /* Nicolas Gallaghers Clearfix solution
1148
+ Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
1149
+ .cf:before, .cf:after { content: " "; display: table; }
1150
+ .cf:after { clear: both; }
1151
+ .cf { *zoom: 1; }
1152
+ .cl { clear: left; }
1153
+ .cr { clear: right; }
1154
+ .cb { clear: both; }
1155
+ .cn { clear: none; }
1156
+ /*
1157
+
1158
+ DISPLAY
1159
+ Docs: http://tachyons.io/docs/layout/display
1160
+
1161
+ Base:
1162
+ d = display
1163
+
1164
+ Modifiers:
1165
+ n = none
1166
+ b = block
1167
+ ib = inline-block
1168
+ it = inline-table
1169
+ t = table
1170
+ tc = table-cell
1171
+ t-row = table-row
1172
+ t-columm = table-column
1173
+ t-column-group = table-column-group
1174
+
1175
+ Media Query Extensions:
1176
+ -ns = not-small
1177
+ -m = medium
1178
+ -l = large
1179
+
1180
+ */
1181
+ .dn { display: none; }
1182
+ .di { display: inline; }
1183
+ .db { display: block; }
1184
+ .dib { display: inline-block; }
1185
+ .dit { display: inline-table; }
1186
+ .dt { display: table; }
1187
+ .dtc { display: table-cell; }
1188
+ .dt-row { display: table-row; }
1189
+ .dt-row-group { display: table-row-group; }
1190
+ .dt-column { display: table-column; }
1191
+ .dt-column-group { display: table-column-group; }
1192
+ /*
1193
+ This will set table to full width and then
1194
+ all cells will be equal width
1195
+ */
1196
+ .dt--fixed { table-layout: fixed; width: 100%; }
1197
+ /*
1198
+
1199
+ FLEXBOX
1200
+
1201
+ Media Query Extensions:
1202
+ -ns = not-small
1203
+ -m = medium
1204
+ -l = large
1205
+
1206
+ */
1207
+ .flex { display: flex; }
1208
+ .inline-flex { display: inline-flex; }
1209
+ /* 1. Fix for Chrome 44 bug.
1210
+ * https://code.google.com/p/chromium/issues/detail?id=506893 */
1211
+ .flex-auto { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
1212
+ .flex-none { flex: none; }
1213
+ .flex-column { flex-direction: column; }
1214
+ .flex-row { flex-direction: row; }
1215
+ .flex-wrap { flex-wrap: wrap; }
1216
+ .flex-nowrap { flex-wrap: nowrap; }
1217
+ .flex-wrap-reverse { flex-wrap: wrap-reverse; }
1218
+ .flex-column-reverse { flex-direction: column-reverse; }
1219
+ .flex-row-reverse { flex-direction: row-reverse; }
1220
+ .items-start { align-items: flex-start; }
1221
+ .items-end { align-items: flex-end; }
1222
+ .items-center { align-items: center; }
1223
+ .items-baseline { align-items: baseline; }
1224
+ .items-stretch { align-items: stretch; }
1225
+ .self-start { align-self: flex-start; }
1226
+ .self-end { align-self: flex-end; }
1227
+ .self-center { align-self: center; }
1228
+ .self-baseline { align-self: baseline; }
1229
+ .self-stretch { align-self: stretch; }
1230
+ .justify-start { justify-content: flex-start; }
1231
+ .justify-end { justify-content: flex-end; }
1232
+ .justify-center { justify-content: center; }
1233
+ .justify-between { justify-content: space-between; }
1234
+ .justify-around { justify-content: space-around; }
1235
+ .content-start { align-content: flex-start; }
1236
+ .content-end { align-content: flex-end; }
1237
+ .content-center { align-content: center; }
1238
+ .content-between { align-content: space-between; }
1239
+ .content-around { align-content: space-around; }
1240
+ .content-stretch { align-content: stretch; }
1241
+ .order-0 { order: 0; }
1242
+ .order-1 { order: 1; }
1243
+ .order-2 { order: 2; }
1244
+ .order-3 { order: 3; }
1245
+ .order-4 { order: 4; }
1246
+ .order-5 { order: 5; }
1247
+ .order-6 { order: 6; }
1248
+ .order-7 { order: 7; }
1249
+ .order-8 { order: 8; }
1250
+ .order-last { order: 99999; }
1251
+ .flex-grow-0 { flex-grow: 0; }
1252
+ .flex-grow-1 { flex-grow: 1; }
1253
+ .flex-shrink-0 { flex-shrink: 0; }
1254
+ .flex-shrink-1 { flex-shrink: 1; }
1255
+ /*
1256
+
1257
+ FLOATS
1258
+ http://tachyons.io/docs/layout/floats/
1259
+
1260
+ 1. Floated elements are automatically rendered as block level elements.
1261
+ Setting floats to display inline will fix the double margin bug in
1262
+ ie6. You know... just in case.
1263
+
1264
+ 2. Don't forget to clearfix your floats with .cf
1265
+
1266
+ Base:
1267
+ f = float
1268
+
1269
+ Modifiers:
1270
+ l = left
1271
+ r = right
1272
+ n = none
1273
+
1274
+ Media Query Extensions:
1275
+ -ns = not-small
1276
+ -m = medium
1277
+ -l = large
1278
+
1279
+ */
1280
+ .fl { float: left; _display: inline; }
1281
+ .fr { float: right; _display: inline; }
1282
+ .fn { float: none; }
1283
+ /*
1284
+
1285
+ FONT FAMILY GROUPS
1286
+ Docs: http://tachyons.io/docs/typography/font-family/
1287
+
1288
+ */
1289
+ .sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; }
1290
+ .serif { font-family: georgia, times, serif; }
1291
+ .system-sans-serif { font-family: sans-serif; }
1292
+ .system-serif { font-family: serif; }
1293
+ /* Monospaced Typefaces (for code) */
1294
+ /* From http://cssfontstack.com */
1295
+ code, .code { font-family: Consolas, monaco, monospace; }
1296
+ .courier { font-family: 'Courier Next', courier, monospace; }
1297
+ /* Sans-Serif Typefaces */
1298
+ .helvetica { font-family: 'helvetica neue', helvetica, sans-serif; }
1299
+ .avenir { font-family: 'avenir next', avenir, sans-serif; }
1300
+ /* Serif Typefaces */
1301
+ .athelas { font-family: athelas, georgia, serif; }
1302
+ .georgia { font-family: georgia, serif; }
1303
+ .times { font-family: times, serif; }
1304
+ .bodoni { font-family: "Bodoni MT", serif; }
1305
+ .calisto { font-family: "Calisto MT", serif; }
1306
+ .garamond { font-family: garamond, serif; }
1307
+ .baskerville { font-family: baskerville, serif; }
1308
+ /*
1309
+
1310
+ FONT STYLE
1311
+ Docs: http://tachyons.io/docs/typography/font-style/
1312
+
1313
+ Media Query Extensions:
1314
+ -ns = not-small
1315
+ -m = medium
1316
+ -l = large
1317
+
1318
+ */
1319
+ .i { font-style: italic; }
1320
+ .fs-normal { font-style: normal; }
1321
+ /*
1322
+
1323
+ FONT WEIGHT
1324
+ Docs: http://tachyons.io/docs/typography/font-weight/
1325
+
1326
+ Base
1327
+ fw = font-weight
1328
+
1329
+ Modifiers:
1330
+ 1 = literal value 100
1331
+ 2 = literal value 200
1332
+ 3 = literal value 300
1333
+ 4 = literal value 400
1334
+ 5 = literal value 500
1335
+ 6 = literal value 600
1336
+ 7 = literal value 700
1337
+ 8 = literal value 800
1338
+ 9 = literal value 900
1339
+
1340
+ Media Query Extensions:
1341
+ -ns = not-small
1342
+ -m = medium
1343
+ -l = large
1344
+
1345
+ */
1346
+ .normal { font-weight: normal; }
1347
+ .b { font-weight: bold; }
1348
+ .fw1 { font-weight: 100; }
1349
+ .fw2 { font-weight: 200; }
1350
+ .fw3 { font-weight: 300; }
1351
+ .fw4 { font-weight: 400; }
1352
+ .fw5 { font-weight: 500; }
1353
+ .fw6 { font-weight: 600; }
1354
+ .fw7 { font-weight: 700; }
1355
+ .fw8 { font-weight: 800; }
1356
+ .fw9 { font-weight: 900; }
1357
+ /*
1358
+
1359
+ FORMS
1360
+
1361
+ */
1362
+ .input-reset { -webkit-appearance: none; -moz-appearance: none; }
1363
+ .button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; }
1364
+ /*
1365
+
1366
+ HEIGHTS
1367
+ Docs: http://tachyons.io/docs/layout/heights/
1368
+
1369
+ Base:
1370
+ h = height
1371
+ min-h = min-height
1372
+ min-vh = min-height vertical screen height
1373
+ vh = vertical screen height
1374
+
1375
+ Modifiers
1376
+ 1 = 1st step in height scale
1377
+ 2 = 2nd step in height scale
1378
+ 3 = 3rd step in height scale
1379
+ 4 = 4th step in height scale
1380
+ 5 = 5th step in height scale
1381
+
1382
+ -25 = literal value 25%
1383
+ -50 = literal value 50%
1384
+ -75 = literal value 75%
1385
+ -100 = literal value 100%
1386
+
1387
+ -auto = string value of auto
1388
+ -inherit = string value of inherit
1389
+
1390
+ Media Query Extensions:
1391
+ -ns = not-small
1392
+ -m = medium
1393
+ -l = large
1394
+
1395
+ */
1396
+ /* Height Scale */
1397
+ .h1 { height: 1rem; }
1398
+ .h2 { height: 2rem; }
1399
+ .h3 { height: 4rem; }
1400
+ .h4 { height: 8rem; }
1401
+ .h5 { height: 16rem; }
1402
+ /* Height Percentages - Based off of height of parent */
1403
+ .h-25 { height: 25%; }
1404
+ .h-50 { height: 50%; }
1405
+ .h-75 { height: 75%; }
1406
+ .h-100 { height: 100%; }
1407
+ .min-h-100 { min-height: 100%; }
1408
+ /* Screen Height Percentage */
1409
+ .vh-25 { height: 25vh; }
1410
+ .vh-50 { height: 50vh; }
1411
+ .vh-75 { height: 75vh; }
1412
+ .vh-100 { height: 100vh; }
1413
+ .min-vh-100 { min-height: 100vh; }
1414
+ /* String Properties */
1415
+ .h-auto { height: auto; }
1416
+ .h-inherit { height: inherit; }
1417
+ /*
1418
+
1419
+ LETTER SPACING
1420
+ Docs: http://tachyons.io/docs/typography/tracking/
1421
+
1422
+ Media Query Extensions:
1423
+ -ns = not-small
1424
+ -m = medium
1425
+ -l = large
1426
+
1427
+ */
1428
+ .tracked { letter-spacing: .1em; }
1429
+ .tracked-tight { letter-spacing: -.05em; }
1430
+ .tracked-mega { letter-spacing: .25em; }
1431
+ /*
1432
+
1433
+ LINE HEIGHT / LEADING
1434
+ Docs: http://tachyons.io/docs/typography/line-height
1435
+
1436
+ Media Query Extensions:
1437
+ -ns = not-small
1438
+ -m = medium
1439
+ -l = large
1440
+
1441
+ */
1442
+ .lh-solid { line-height: 1; }
1443
+ .lh-title { line-height: 1.25; }
1444
+ .lh-copy { line-height: 1.5; }
1445
+ /*
1446
+
1447
+ LINKS
1448
+ Docs: http://tachyons.io/docs/elements/links/
1449
+
1450
+ */
1451
+ .link { text-decoration: none; transition: color .15s ease-in; }
1452
+ .link:link, .link:visited { transition: color .15s ease-in; }
1453
+ .link:hover { transition: color .15s ease-in; }
1454
+ .link:active { transition: color .15s ease-in; }
1455
+ .link:focus { transition: color .15s ease-in; outline: 1px dotted currentColor; }
1456
+ /*
1457
+
1458
+ LISTS
1459
+ http://tachyons.io/docs/elements/lists/
1460
+
1461
+ */
1462
+ .list { list-style-type: none; }
1463
+ /*
1464
+
1465
+ MAX WIDTHS
1466
+ Docs: http://tachyons.io/docs/layout/max-widths/
1467
+
1468
+ Base:
1469
+ mw = max-width
1470
+
1471
+ Modifiers
1472
+ 1 = 1st step in width scale
1473
+ 2 = 2nd step in width scale
1474
+ 3 = 3rd step in width scale
1475
+ 4 = 4th step in width scale
1476
+ 5 = 5th step in width scale
1477
+ 6 = 6st step in width scale
1478
+ 7 = 7nd step in width scale
1479
+ 8 = 8rd step in width scale
1480
+ 9 = 9th step in width scale
1481
+
1482
+ -100 = literal value 100%
1483
+
1484
+ -none = string value none
1485
+
1486
+
1487
+ Media Query Extensions:
1488
+ -ns = not-small
1489
+ -m = medium
1490
+ -l = large
1491
+
1492
+ */
1493
+ /* Max Width Percentages */
1494
+ .mw-100 { max-width: 100%; }
1495
+ /* Max Width Scale */
1496
+ .mw1 { max-width: 1rem; }
1497
+ .mw2 { max-width: 2rem; }
1498
+ .mw3 { max-width: 4rem; }
1499
+ .mw4 { max-width: 8rem; }
1500
+ .mw5 { max-width: 16rem; }
1501
+ .mw6 { max-width: 32rem; }
1502
+ .mw7 { max-width: 48rem; }
1503
+ .mw8 { max-width: 64rem; }
1504
+ .mw9 { max-width: 96rem; }
1505
+ /* Max Width String Properties */
1506
+ .mw-none { max-width: none; }
1507
+ /*
1508
+
1509
+ WIDTHS
1510
+ Docs: http://tachyons.io/docs/layout/widths/
1511
+
1512
+ Base:
1513
+ w = width
1514
+
1515
+ Modifiers
1516
+ 1 = 1st step in width scale
1517
+ 2 = 2nd step in width scale
1518
+ 3 = 3rd step in width scale
1519
+ 4 = 4th step in width scale
1520
+ 5 = 5th step in width scale
1521
+
1522
+ -10 = literal value 10%
1523
+ -20 = literal value 20%
1524
+ -25 = literal value 25%
1525
+ -30 = literal value 30%
1526
+ -33 = literal value 33%
1527
+ -34 = literal value 34%
1528
+ -40 = literal value 40%
1529
+ -50 = literal value 50%
1530
+ -60 = literal value 60%
1531
+ -70 = literal value 70%
1532
+ -75 = literal value 75%
1533
+ -80 = literal value 80%
1534
+ -90 = literal value 90%
1535
+ -100 = literal value 100%
1536
+
1537
+ -third = 100% / 3 (Not supported in opera mini or IE8)
1538
+ -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
1539
+ -auto = string value auto
1540
+
1541
+
1542
+ Media Query Extensions:
1543
+ -ns = not-small
1544
+ -m = medium
1545
+ -l = large
1546
+
1547
+ */
1548
+ /* Width Scale */
1549
+ .w1 { width: 1rem; }
1550
+ .w2 { width: 2rem; }
1551
+ .w3 { width: 4rem; }
1552
+ .w4 { width: 8rem; }
1553
+ .w5 { width: 16rem; }
1554
+ .w-10 { width: 10%; }
1555
+ .w-20 { width: 20%; }
1556
+ .w-25 { width: 25%; }
1557
+ .w-30 { width: 30%; }
1558
+ .w-33 { width: 33%; }
1559
+ .w-34 { width: 34%; }
1560
+ .w-40 { width: 40%; }
1561
+ .w-50 { width: 50%; }
1562
+ .w-60 { width: 60%; }
1563
+ .w-70 { width: 70%; }
1564
+ .w-75 { width: 75%; }
1565
+ .w-80 { width: 80%; }
1566
+ .w-90 { width: 90%; }
1567
+ .w-100 { width: 100%; }
1568
+ .w-third { width: 33.33333%; }
1569
+ .w-two-thirds { width: 66.66667%; }
1570
+ .w-auto { width: auto; }
1571
+ /*
1572
+
1573
+ OVERFLOW
1574
+
1575
+ Media Query Extensions:
1576
+ -ns = not-small
1577
+ -m = medium
1578
+ -l = large
1579
+
1580
+ */
1581
+ .overflow-visible { overflow: visible; }
1582
+ .overflow-hidden { overflow: hidden; }
1583
+ .overflow-scroll { overflow: scroll; }
1584
+ .overflow-auto { overflow: auto; }
1585
+ .overflow-x-visible { overflow-x: visible; }
1586
+ .overflow-x-hidden { overflow-x: hidden; }
1587
+ .overflow-x-scroll { overflow-x: scroll; }
1588
+ .overflow-x-auto { overflow-x: auto; }
1589
+ .overflow-y-visible { overflow-y: visible; }
1590
+ .overflow-y-hidden { overflow-y: hidden; }
1591
+ .overflow-y-scroll { overflow-y: scroll; }
1592
+ .overflow-y-auto { overflow-y: auto; }
1593
+ /*
1594
+
1595
+ POSITIONING
1596
+ Docs: http://tachyons.io/docs/layout/position/
1597
+
1598
+ Media Query Extensions:
1599
+ -ns = not-small
1600
+ -m = medium
1601
+ -l = large
1602
+
1603
+ */
1604
+ .static { position: static; }
1605
+ .relative { position: relative; }
1606
+ .absolute { position: absolute; }
1607
+ .fixed { position: fixed; }
1608
+ /*
1609
+
1610
+ OPACITY
1611
+ Docs: http://tachyons.io/docs/themes/opacity/
1612
+
1613
+ */
1614
+ .o-100 { opacity: 1; }
1615
+ .o-90 { opacity: .9; }
1616
+ .o-80 { opacity: .8; }
1617
+ .o-70 { opacity: .7; }
1618
+ .o-60 { opacity: .6; }
1619
+ .o-50 { opacity: .5; }
1620
+ .o-40 { opacity: .4; }
1621
+ .o-30 { opacity: .3; }
1622
+ .o-20 { opacity: .2; }
1623
+ .o-10 { opacity: .1; }
1624
+ .o-05 { opacity: .05; }
1625
+ .o-025 { opacity: .025; }
1626
+ .o-0 { opacity: 0; }
1627
+ /*
1628
+
1629
+ ROTATIONS
1630
+
1631
+ */
1632
+ .rotate-45 { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
1633
+ .rotate-90 { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
1634
+ .rotate-135 { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
1635
+ .rotate-180 { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
1636
+ .rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
1637
+ .rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
1638
+ .rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
1639
+ /*
1640
+
1641
+ SKINS
1642
+ Docs: http://tachyons.io/docs/themes/skins/
1643
+
1644
+ Classes for setting foreground and background colors on elements.
1645
+ If you haven't declared a border color, but set border on an element, it will
1646
+ be set to the current text color.
1647
+
1648
+ */
1649
+ /* Text colors */
1650
+ .black-90 { color: rgba( 0, 0, 0, .9 ); }
1651
+ .black-80 { color: rgba( 0, 0, 0, .8 ); }
1652
+ .black-70 { color: rgba( 0, 0, 0, .7 ); }
1653
+ .black-60 { color: rgba( 0, 0, 0, .6 ); }
1654
+ .black-50 { color: rgba( 0, 0, 0, .5 ); }
1655
+ .black-40 { color: rgba( 0, 0, 0, .4 ); }
1656
+ .black-30 { color: rgba( 0, 0, 0, .3 ); }
1657
+ .black-20 { color: rgba( 0, 0, 0, .2 ); }
1658
+ .black-10 { color: rgba( 0, 0, 0, .1 ); }
1659
+ .black-05 { color: rgba( 0, 0, 0, .05 ); }
1660
+ .white-90 { color: rgba( 255, 255, 255, .9 ); }
1661
+ .white-80 { color: rgba( 255, 255, 255, .8 ); }
1662
+ .white-70 { color: rgba( 255, 255, 255, .7 ); }
1663
+ .white-60 { color: rgba( 255, 255, 255, .6 ); }
1664
+ .white-50 { color: rgba( 255, 255, 255, .5 ); }
1665
+ .white-40 { color: rgba( 255, 255, 255, .4 ); }
1666
+ .white-30 { color: rgba( 255, 255, 255, .3 ); }
1667
+ .white-20 { color: rgba( 255, 255, 255, .2 ); }
1668
+ .white-10 { color: rgba( 255, 255, 255, .1 ); }
1669
+ .black { color: #000; }
1670
+ .near-black { color: #111; }
1671
+ .dark-gray { color: #333; }
1672
+ .mid-gray { color: #555; }
1673
+ .gray { color: #777; }
1674
+ .silver { color: #999; }
1675
+ .light-silver { color: #aaa; }
1676
+ .moon-gray { color: #ccc; }
1677
+ .light-gray { color: #eee; }
1678
+ .near-white { color: #f4f4f4; }
1679
+ .white { color: #fff; }
1680
+ .dark-red { color: #e7040f; }
1681
+ .red { color: #ff4136; }
1682
+ .light-red { color: #ff725c; }
1683
+ .orange { color: #ff6300; }
1684
+ .gold { color: #ffb700; }
1685
+ .yellow { color: #ffd700; }
1686
+ .light-yellow { color: #fbf1a9; }
1687
+ .purple { color: #5e2ca5; }
1688
+ .light-purple { color: #a463f2; }
1689
+ .dark-pink { color: #d5008f; }
1690
+ .hot-pink { color: #ff41b4; }
1691
+ .pink { color: #ff80cc; }
1692
+ .light-pink { color: #ffa3d7; }
1693
+ .dark-green { color: #137752; }
1694
+ .green { color: #19a974; }
1695
+ .light-green { color: #9eebcf; }
1696
+ .navy { color: #001b44; }
1697
+ .dark-blue { color: #00449e; }
1698
+ .blue { color: #357edd; }
1699
+ .light-blue { color: #96ccff; }
1700
+ .lightest-blue { color: #cdecff; }
1701
+ .washed-blue { color: #f6fffe; }
1702
+ .washed-green { color: #e8fdf5; }
1703
+ .washed-yellow { color: #fffceb; }
1704
+ .washed-red { color: #ffdfdf; }
1705
+ .color-inherit { color: inherit; }
1706
+ /* Background colors */
1707
+ .bg-black-90 { background-color: rgba( 0, 0, 0, .9 ); }
1708
+ .bg-black-80 { background-color: rgba( 0, 0, 0, .8 ); }
1709
+ .bg-black-70 { background-color: rgba( 0, 0, 0, .7 ); }
1710
+ .bg-black-60 { background-color: rgba( 0, 0, 0, .6 ); }
1711
+ .bg-black-50 { background-color: rgba( 0, 0, 0, .5 ); }
1712
+ .bg-black-40 { background-color: rgba( 0, 0, 0, .4 ); }
1713
+ .bg-black-30 { background-color: rgba( 0, 0, 0, .3 ); }
1714
+ .bg-black-20 { background-color: rgba( 0, 0, 0, .2 ); }
1715
+ .bg-black-10 { background-color: rgba( 0, 0, 0, .1 ); }
1716
+ .bg-black-05 { background-color: rgba( 0, 0, 0, .05 ); }
1717
+ .bg-white-90 { background-color: rgba( 255, 255, 255, .9 ); }
1718
+ .bg-white-80 { background-color: rgba( 255, 255, 255, .8 ); }
1719
+ .bg-white-70 { background-color: rgba( 255, 255, 255, .7 ); }
1720
+ .bg-white-60 { background-color: rgba( 255, 255, 255, .6 ); }
1721
+ .bg-white-50 { background-color: rgba( 255, 255, 255, .5 ); }
1722
+ .bg-white-40 { background-color: rgba( 255, 255, 255, .4 ); }
1723
+ .bg-white-30 { background-color: rgba( 255, 255, 255, .3 ); }
1724
+ .bg-white-20 { background-color: rgba( 255, 255, 255, .2 ); }
1725
+ .bg-white-10 { background-color: rgba( 255, 255, 255, .1 ); }
1726
+ .bg-black { background-color: #000; }
1727
+ .bg-near-black { background-color: #111; }
1728
+ .bg-dark-gray { background-color: #333; }
1729
+ .bg-mid-gray { background-color: #555; }
1730
+ .bg-gray { background-color: #777; }
1731
+ .bg-silver { background-color: #999; }
1732
+ .bg-light-silver { background-color: #aaa; }
1733
+ .bg-moon-gray { background-color: #ccc; }
1734
+ .bg-light-gray { background-color: #eee; }
1735
+ .bg-near-white { background-color: #f4f4f4; }
1736
+ .bg-white { background-color: #fff; }
1737
+ .bg-transparent { background-color: transparent; }
1738
+ .bg-dark-red { background-color: #e7040f; }
1739
+ .bg-red { background-color: #ff4136; }
1740
+ .bg-light-red { background-color: #ff725c; }
1741
+ .bg-orange { background-color: #ff6300; }
1742
+ .bg-gold { background-color: #ffb700; }
1743
+ .bg-yellow { background-color: #ffd700; }
1744
+ .bg-light-yellow { background-color: #fbf1a9; }
1745
+ .bg-purple { background-color: #5e2ca5; }
1746
+ .bg-light-purple { background-color: #a463f2; }
1747
+ .bg-dark-pink { background-color: #d5008f; }
1748
+ .bg-hot-pink { background-color: #ff41b4; }
1749
+ .bg-pink { background-color: #ff80cc; }
1750
+ .bg-light-pink { background-color: #ffa3d7; }
1751
+ .bg-dark-green { background-color: #137752; }
1752
+ .bg-green { background-color: #19a974; }
1753
+ .bg-light-green { background-color: #9eebcf; }
1754
+ .bg-navy { background-color: #001b44; }
1755
+ .bg-dark-blue { background-color: #00449e; }
1756
+ .bg-blue { background-color: #357edd; }
1757
+ .bg-light-blue { background-color: #96ccff; }
1758
+ .bg-lightest-blue { background-color: #cdecff; }
1759
+ .bg-washed-blue { background-color: #f6fffe; }
1760
+ .bg-washed-green { background-color: #e8fdf5; }
1761
+ .bg-washed-yellow { background-color: #fffceb; }
1762
+ .bg-washed-red { background-color: #ffdfdf; }
1763
+ .bg-inherit { background-color: inherit; }
1764
+ /*
1765
+
1766
+ SKINS:PSEUDO
1767
+
1768
+ Customize the color of an element when
1769
+ it is focused or hovered over.
1770
+
1771
+ */
1772
+ .hover-black:hover { color: #000; }
1773
+ .hover-black:focus { color: #000; }
1774
+ .hover-near-black:hover { color: #111; }
1775
+ .hover-near-black:focus { color: #111; }
1776
+ .hover-dark-gray:hover { color: #333; }
1777
+ .hover-dark-gray:focus { color: #333; }
1778
+ .hover-mid-gray:hover { color: #555; }
1779
+ .hover-mid-gray:focus { color: #555; }
1780
+ .hover-gray:hover { color: #777; }
1781
+ .hover-gray:focus { color: #777; }
1782
+ .hover-silver:hover { color: #999; }
1783
+ .hover-silver:focus { color: #999; }
1784
+ .hover-light-silver:hover { color: #aaa; }
1785
+ .hover-light-silver:focus { color: #aaa; }
1786
+ .hover-moon-gray:hover { color: #ccc; }
1787
+ .hover-moon-gray:focus { color: #ccc; }
1788
+ .hover-light-gray:hover { color: #eee; }
1789
+ .hover-light-gray:focus { color: #eee; }
1790
+ .hover-near-white:hover { color: #f4f4f4; }
1791
+ .hover-near-white:focus { color: #f4f4f4; }
1792
+ .hover-white:hover { color: #fff; }
1793
+ .hover-white:focus { color: #fff; }
1794
+ .hover-black-90:hover { color: rgba( 0, 0, 0, .9 ); }
1795
+ .hover-black-90:focus { color: rgba( 0, 0, 0, .9 ); }
1796
+ .hover-black-80:hover { color: rgba( 0, 0, 0, .8 ); }
1797
+ .hover-black-80:focus { color: rgba( 0, 0, 0, .8 ); }
1798
+ .hover-black-70:hover { color: rgba( 0, 0, 0, .7 ); }
1799
+ .hover-black-70:focus { color: rgba( 0, 0, 0, .7 ); }
1800
+ .hover-black-60:hover { color: rgba( 0, 0, 0, .6 ); }
1801
+ .hover-black-60:focus { color: rgba( 0, 0, 0, .6 ); }
1802
+ .hover-black-50:hover { color: rgba( 0, 0, 0, .5 ); }
1803
+ .hover-black-50:focus { color: rgba( 0, 0, 0, .5 ); }
1804
+ .hover-black-40:hover { color: rgba( 0, 0, 0, .4 ); }
1805
+ .hover-black-40:focus { color: rgba( 0, 0, 0, .4 ); }
1806
+ .hover-black-30:hover { color: rgba( 0, 0, 0, .3 ); }
1807
+ .hover-black-30:focus { color: rgba( 0, 0, 0, .3 ); }
1808
+ .hover-black-20:hover { color: rgba( 0, 0, 0, .2 ); }
1809
+ .hover-black-20:focus { color: rgba( 0, 0, 0, .2 ); }
1810
+ .hover-black-10:hover { color: rgba( 0, 0, 0, .1 ); }
1811
+ .hover-black-10:focus { color: rgba( 0, 0, 0, .1 ); }
1812
+ .hover-white-90:hover { color: rgba( 255, 255, 255, .9 ); }
1813
+ .hover-white-90:focus { color: rgba( 255, 255, 255, .9 ); }
1814
+ .hover-white-80:hover { color: rgba( 255, 255, 255, .8 ); }
1815
+ .hover-white-80:focus { color: rgba( 255, 255, 255, .8 ); }
1816
+ .hover-white-70:hover { color: rgba( 255, 255, 255, .7 ); }
1817
+ .hover-white-70:focus { color: rgba( 255, 255, 255, .7 ); }
1818
+ .hover-white-60:hover { color: rgba( 255, 255, 255, .6 ); }
1819
+ .hover-white-60:focus { color: rgba( 255, 255, 255, .6 ); }
1820
+ .hover-white-50:hover { color: rgba( 255, 255, 255, .5 ); }
1821
+ .hover-white-50:focus { color: rgba( 255, 255, 255, .5 ); }
1822
+ .hover-white-40:hover { color: rgba( 255, 255, 255, .4 ); }
1823
+ .hover-white-40:focus { color: rgba( 255, 255, 255, .4 ); }
1824
+ .hover-white-30:hover { color: rgba( 255, 255, 255, .3 ); }
1825
+ .hover-white-30:focus { color: rgba( 255, 255, 255, .3 ); }
1826
+ .hover-white-20:hover { color: rgba( 255, 255, 255, .2 ); }
1827
+ .hover-white-20:focus { color: rgba( 255, 255, 255, .2 ); }
1828
+ .hover-white-10:hover { color: rgba( 255, 255, 255, .1 ); }
1829
+ .hover-white-10:focus { color: rgba( 255, 255, 255, .1 ); }
1830
+ .hover-inherit:hover, .hover-inherit:focus { color: inherit; }
1831
+ .hover-bg-black:hover { background-color: #000; }
1832
+ .hover-bg-black:focus { background-color: #000; }
1833
+ .hover-bg-near-black:hover { background-color: #111; }
1834
+ .hover-bg-near-black:focus { background-color: #111; }
1835
+ .hover-bg-dark-gray:hover { background-color: #333; }
1836
+ .hover-bg-dark-gray:focus { background-color: #333; }
1837
+ .hover-bg-mid-gray:hover { background-color: #555; }
1838
+ .hover-bg-mid-gray:focus { background-color: #555; }
1839
+ .hover-bg-gray:hover { background-color: #777; }
1840
+ .hover-bg-gray:focus { background-color: #777; }
1841
+ .hover-bg-silver:hover { background-color: #999; }
1842
+ .hover-bg-silver:focus { background-color: #999; }
1843
+ .hover-bg-light-silver:hover { background-color: #aaa; }
1844
+ .hover-bg-light-silver:focus { background-color: #aaa; }
1845
+ .hover-bg-moon-gray:hover { background-color: #ccc; }
1846
+ .hover-bg-moon-gray:focus { background-color: #ccc; }
1847
+ .hover-bg-light-gray:hover { background-color: #eee; }
1848
+ .hover-bg-light-gray:focus { background-color: #eee; }
1849
+ .hover-bg-near-white:hover { background-color: #f4f4f4; }
1850
+ .hover-bg-near-white:focus { background-color: #f4f4f4; }
1851
+ .hover-bg-white:hover { background-color: #fff; }
1852
+ .hover-bg-white:focus { background-color: #fff; }
1853
+ .hover-bg-transparent:hover { background-color: transparent; }
1854
+ .hover-bg-transparent:focus { background-color: transparent; }
1855
+ .hover-bg-black-90:hover { background-color: rgba( 0, 0, 0, .9 ); }
1856
+ .hover-bg-black-90:focus { background-color: rgba( 0, 0, 0, .9 ); }
1857
+ .hover-bg-black-80:hover { background-color: rgba( 0, 0, 0, .8 ); }
1858
+ .hover-bg-black-80:focus { background-color: rgba( 0, 0, 0, .8 ); }
1859
+ .hover-bg-black-70:hover { background-color: rgba( 0, 0, 0, .7 ); }
1860
+ .hover-bg-black-70:focus { background-color: rgba( 0, 0, 0, .7 ); }
1861
+ .hover-bg-black-60:hover { background-color: rgba( 0, 0, 0, .6 ); }
1862
+ .hover-bg-black-60:focus { background-color: rgba( 0, 0, 0, .6 ); }
1863
+ .hover-bg-black-50:hover { background-color: rgba( 0, 0, 0, .5 ); }
1864
+ .hover-bg-black-50:focus { background-color: rgba( 0, 0, 0, .5 ); }
1865
+ .hover-bg-black-40:hover { background-color: rgba( 0, 0, 0, .4 ); }
1866
+ .hover-bg-black-40:focus { background-color: rgba( 0, 0, 0, .4 ); }
1867
+ .hover-bg-black-30:hover { background-color: rgba( 0, 0, 0, .3 ); }
1868
+ .hover-bg-black-30:focus { background-color: rgba( 0, 0, 0, .3 ); }
1869
+ .hover-bg-black-20:hover { background-color: rgba( 0, 0, 0, .2 ); }
1870
+ .hover-bg-black-20:focus { background-color: rgba( 0, 0, 0, .2 ); }
1871
+ .hover-bg-black-10:hover { background-color: rgba( 0, 0, 0, .1 ); }
1872
+ .hover-bg-black-10:focus { background-color: rgba( 0, 0, 0, .1 ); }
1873
+ .hover-bg-white-90:hover { background-color: rgba( 255, 255, 255, .9 ); }
1874
+ .hover-bg-white-90:focus { background-color: rgba( 255, 255, 255, .9 ); }
1875
+ .hover-bg-white-80:hover { background-color: rgba( 255, 255, 255, .8 ); }
1876
+ .hover-bg-white-80:focus { background-color: rgba( 255, 255, 255, .8 ); }
1877
+ .hover-bg-white-70:hover { background-color: rgba( 255, 255, 255, .7 ); }
1878
+ .hover-bg-white-70:focus { background-color: rgba( 255, 255, 255, .7 ); }
1879
+ .hover-bg-white-60:hover { background-color: rgba( 255, 255, 255, .6 ); }
1880
+ .hover-bg-white-60:focus { background-color: rgba( 255, 255, 255, .6 ); }
1881
+ .hover-bg-white-50:hover { background-color: rgba( 255, 255, 255, .5 ); }
1882
+ .hover-bg-white-50:focus { background-color: rgba( 255, 255, 255, .5 ); }
1883
+ .hover-bg-white-40:hover { background-color: rgba( 255, 255, 255, .4 ); }
1884
+ .hover-bg-white-40:focus { background-color: rgba( 255, 255, 255, .4 ); }
1885
+ .hover-bg-white-30:hover { background-color: rgba( 255, 255, 255, .3 ); }
1886
+ .hover-bg-white-30:focus { background-color: rgba( 255, 255, 255, .3 ); }
1887
+ .hover-bg-white-20:hover { background-color: rgba( 255, 255, 255, .2 ); }
1888
+ .hover-bg-white-20:focus { background-color: rgba( 255, 255, 255, .2 ); }
1889
+ .hover-bg-white-10:hover { background-color: rgba( 255, 255, 255, .1 ); }
1890
+ .hover-bg-white-10:focus { background-color: rgba( 255, 255, 255, .1 ); }
1891
+ .hover-dark-red:hover { color: #e7040f; }
1892
+ .hover-dark-red:focus { color: #e7040f; }
1893
+ .hover-red:hover { color: #ff4136; }
1894
+ .hover-red:focus { color: #ff4136; }
1895
+ .hover-light-red:hover { color: #ff725c; }
1896
+ .hover-light-red:focus { color: #ff725c; }
1897
+ .hover-orange:hover { color: #ff6300; }
1898
+ .hover-orange:focus { color: #ff6300; }
1899
+ .hover-gold:hover { color: #ffb700; }
1900
+ .hover-gold:focus { color: #ffb700; }
1901
+ .hover-yellow:hover { color: #ffd700; }
1902
+ .hover-yellow:focus { color: #ffd700; }
1903
+ .hover-light-yellow:hover { color: #fbf1a9; }
1904
+ .hover-light-yellow:focus { color: #fbf1a9; }
1905
+ .hover-purple:hover { color: #5e2ca5; }
1906
+ .hover-purple:focus { color: #5e2ca5; }
1907
+ .hover-light-purple:hover { color: #a463f2; }
1908
+ .hover-light-purple:focus { color: #a463f2; }
1909
+ .hover-dark-pink:hover { color: #d5008f; }
1910
+ .hover-dark-pink:focus { color: #d5008f; }
1911
+ .hover-hot-pink:hover { color: #ff41b4; }
1912
+ .hover-hot-pink:focus { color: #ff41b4; }
1913
+ .hover-pink:hover { color: #ff80cc; }
1914
+ .hover-pink:focus { color: #ff80cc; }
1915
+ .hover-light-pink:hover { color: #ffa3d7; }
1916
+ .hover-light-pink:focus { color: #ffa3d7; }
1917
+ .hover-dark-green:hover { color: #137752; }
1918
+ .hover-dark-green:focus { color: #137752; }
1919
+ .hover-green:hover { color: #19a974; }
1920
+ .hover-green:focus { color: #19a974; }
1921
+ .hover-light-green:hover { color: #9eebcf; }
1922
+ .hover-light-green:focus { color: #9eebcf; }
1923
+ .hover-navy:hover { color: #001b44; }
1924
+ .hover-navy:focus { color: #001b44; }
1925
+ .hover-dark-blue:hover { color: #00449e; }
1926
+ .hover-dark-blue:focus { color: #00449e; }
1927
+ .hover-blue:hover { color: #357edd; }
1928
+ .hover-blue:focus { color: #357edd; }
1929
+ .hover-light-blue:hover { color: #96ccff; }
1930
+ .hover-light-blue:focus { color: #96ccff; }
1931
+ .hover-lightest-blue:hover { color: #cdecff; }
1932
+ .hover-lightest-blue:focus { color: #cdecff; }
1933
+ .hover-washed-blue:hover { color: #f6fffe; }
1934
+ .hover-washed-blue:focus { color: #f6fffe; }
1935
+ .hover-washed-green:hover { color: #e8fdf5; }
1936
+ .hover-washed-green:focus { color: #e8fdf5; }
1937
+ .hover-washed-yellow:hover { color: #fffceb; }
1938
+ .hover-washed-yellow:focus { color: #fffceb; }
1939
+ .hover-washed-red:hover { color: #ffdfdf; }
1940
+ .hover-washed-red:focus { color: #ffdfdf; }
1941
+ .hover-bg-dark-red:hover { background-color: #e7040f; }
1942
+ .hover-bg-dark-red:focus { background-color: #e7040f; }
1943
+ .hover-bg-red:hover { background-color: #ff4136; }
1944
+ .hover-bg-red:focus { background-color: #ff4136; }
1945
+ .hover-bg-light-red:hover { background-color: #ff725c; }
1946
+ .hover-bg-light-red:focus { background-color: #ff725c; }
1947
+ .hover-bg-orange:hover { background-color: #ff6300; }
1948
+ .hover-bg-orange:focus { background-color: #ff6300; }
1949
+ .hover-bg-gold:hover { background-color: #ffb700; }
1950
+ .hover-bg-gold:focus { background-color: #ffb700; }
1951
+ .hover-bg-yellow:hover { background-color: #ffd700; }
1952
+ .hover-bg-yellow:focus { background-color: #ffd700; }
1953
+ .hover-bg-light-yellow:hover { background-color: #fbf1a9; }
1954
+ .hover-bg-light-yellow:focus { background-color: #fbf1a9; }
1955
+ .hover-bg-purple:hover { background-color: #5e2ca5; }
1956
+ .hover-bg-purple:focus { background-color: #5e2ca5; }
1957
+ .hover-bg-light-purple:hover { background-color: #a463f2; }
1958
+ .hover-bg-light-purple:focus { background-color: #a463f2; }
1959
+ .hover-bg-dark-pink:hover { background-color: #d5008f; }
1960
+ .hover-bg-dark-pink:focus { background-color: #d5008f; }
1961
+ .hover-bg-hot-pink:hover { background-color: #ff41b4; }
1962
+ .hover-bg-hot-pink:focus { background-color: #ff41b4; }
1963
+ .hover-bg-pink:hover { background-color: #ff80cc; }
1964
+ .hover-bg-pink:focus { background-color: #ff80cc; }
1965
+ .hover-bg-light-pink:hover { background-color: #ffa3d7; }
1966
+ .hover-bg-light-pink:focus { background-color: #ffa3d7; }
1967
+ .hover-bg-dark-green:hover { background-color: #137752; }
1968
+ .hover-bg-dark-green:focus { background-color: #137752; }
1969
+ .hover-bg-green:hover { background-color: #19a974; }
1970
+ .hover-bg-green:focus { background-color: #19a974; }
1971
+ .hover-bg-light-green:hover { background-color: #9eebcf; }
1972
+ .hover-bg-light-green:focus { background-color: #9eebcf; }
1973
+ .hover-bg-navy:hover { background-color: #001b44; }
1974
+ .hover-bg-navy:focus { background-color: #001b44; }
1975
+ .hover-bg-dark-blue:hover { background-color: #00449e; }
1976
+ .hover-bg-dark-blue:focus { background-color: #00449e; }
1977
+ .hover-bg-blue:hover { background-color: #357edd; }
1978
+ .hover-bg-blue:focus { background-color: #357edd; }
1979
+ .hover-bg-light-blue:hover { background-color: #96ccff; }
1980
+ .hover-bg-light-blue:focus { background-color: #96ccff; }
1981
+ .hover-bg-lightest-blue:hover { background-color: #cdecff; }
1982
+ .hover-bg-lightest-blue:focus { background-color: #cdecff; }
1983
+ .hover-bg-washed-blue:hover { background-color: #f6fffe; }
1984
+ .hover-bg-washed-blue:focus { background-color: #f6fffe; }
1985
+ .hover-bg-washed-green:hover { background-color: #e8fdf5; }
1986
+ .hover-bg-washed-green:focus { background-color: #e8fdf5; }
1987
+ .hover-bg-washed-yellow:hover { background-color: #fffceb; }
1988
+ .hover-bg-washed-yellow:focus { background-color: #fffceb; }
1989
+ .hover-bg-washed-red:hover { background-color: #ffdfdf; }
1990
+ .hover-bg-washed-red:focus { background-color: #ffdfdf; }
1991
+ .hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; }
1992
+ /* Variables */
1993
+ /*
1994
+ SPACING
1995
+ Docs: http://tachyons.io/docs/layout/spacing/
1996
+
1997
+ An eight step powers of two scale ranging from 0 to 16rem.
1998
+
1999
+ Base:
2000
+ p = padding
2001
+ m = margin
2002
+
2003
+ Modifiers:
2004
+ a = all
2005
+ h = horizontal
2006
+ v = vertical
2007
+ t = top
2008
+ r = right
2009
+ b = bottom
2010
+ l = left
2011
+
2012
+ 0 = none
2013
+ 1 = 1st step in spacing scale
2014
+ 2 = 2nd step in spacing scale
2015
+ 3 = 3rd step in spacing scale
2016
+ 4 = 4th step in spacing scale
2017
+ 5 = 5th step in spacing scale
2018
+ 6 = 6th step in spacing scale
2019
+ 7 = 7th step in spacing scale
2020
+
2021
+ Media Query Extensions:
2022
+ -ns = not-small
2023
+ -m = medium
2024
+ -l = large
2025
+
2026
+ */
2027
+ .pa0 { padding: 0; }
2028
+ .pa1 { padding: .25rem; }
2029
+ .pa2 { padding: .5rem; }
2030
+ .pa3 { padding: 1rem; }
2031
+ .pa4 { padding: 2rem; }
2032
+ .pa5 { padding: 4rem; }
2033
+ .pa6 { padding: 8rem; }
2034
+ .pa7 { padding: 16rem; }
2035
+ .pl0 { padding-left: 0; }
2036
+ .pl1 { padding-left: .25rem; }
2037
+ .pl2 { padding-left: .5rem; }
2038
+ .pl3 { padding-left: 1rem; }
2039
+ .pl4 { padding-left: 2rem; }
2040
+ .pl5 { padding-left: 4rem; }
2041
+ .pl6 { padding-left: 8rem; }
2042
+ .pl7 { padding-left: 16rem; }
2043
+ .pr0 { padding-right: 0; }
2044
+ .pr1 { padding-right: .25rem; }
2045
+ .pr2 { padding-right: .5rem; }
2046
+ .pr3 { padding-right: 1rem; }
2047
+ .pr4 { padding-right: 2rem; }
2048
+ .pr5 { padding-right: 4rem; }
2049
+ .pr6 { padding-right: 8rem; }
2050
+ .pr7 { padding-right: 16rem; }
2051
+ .pb0 { padding-bottom: 0; }
2052
+ .pb1 { padding-bottom: .25rem; }
2053
+ .pb2 { padding-bottom: .5rem; }
2054
+ .pb3 { padding-bottom: 1rem; }
2055
+ .pb4 { padding-bottom: 2rem; }
2056
+ .pb5 { padding-bottom: 4rem; }
2057
+ .pb6 { padding-bottom: 8rem; }
2058
+ .pb7 { padding-bottom: 16rem; }
2059
+ .pt0 { padding-top: 0; }
2060
+ .pt1 { padding-top: .25rem; }
2061
+ .pt2 { padding-top: .5rem; }
2062
+ .pt3 { padding-top: 1rem; }
2063
+ .pt4 { padding-top: 2rem; }
2064
+ .pt5 { padding-top: 4rem; }
2065
+ .pt6 { padding-top: 8rem; }
2066
+ .pt7 { padding-top: 16rem; }
2067
+ .pv0 { padding-top: 0; padding-bottom: 0; }
2068
+ .pv1 { padding-top: .25rem; padding-bottom: .25rem; }
2069
+ .pv2 { padding-top: .5rem; padding-bottom: .5rem; }
2070
+ .pv3 { padding-top: 1rem; padding-bottom: 1rem; }
2071
+ .pv4 { padding-top: 2rem; padding-bottom: 2rem; }
2072
+ .pv5 { padding-top: 4rem; padding-bottom: 4rem; }
2073
+ .pv6 { padding-top: 8rem; padding-bottom: 8rem; }
2074
+ .pv7 { padding-top: 16rem; padding-bottom: 16rem; }
2075
+ .ph0 { padding-left: 0; padding-right: 0; }
2076
+ .ph1 { padding-left: .25rem; padding-right: .25rem; }
2077
+ .ph2 { padding-left: .5rem; padding-right: .5rem; }
2078
+ .ph3 { padding-left: 1rem; padding-right: 1rem; }
2079
+ .ph4 { padding-left: 2rem; padding-right: 2rem; }
2080
+ .ph5 { padding-left: 4rem; padding-right: 4rem; }
2081
+ .ph6 { padding-left: 8rem; padding-right: 8rem; }
2082
+ .ph7 { padding-left: 16rem; padding-right: 16rem; }
2083
+ .ma0 { margin: 0; }
2084
+ .ma1 { margin: .25rem; }
2085
+ .ma2 { margin: .5rem; }
2086
+ .ma3 { margin: 1rem; }
2087
+ .ma4 { margin: 2rem; }
2088
+ .ma5 { margin: 4rem; }
2089
+ .ma6 { margin: 8rem; }
2090
+ .ma7 { margin: 16rem; }
2091
+ .ml0 { margin-left: 0; }
2092
+ .ml1 { margin-left: .25rem; }
2093
+ .ml2 { margin-left: .5rem; }
2094
+ .ml3 { margin-left: 1rem; }
2095
+ .ml4 { margin-left: 2rem; }
2096
+ .ml5 { margin-left: 4rem; }
2097
+ .ml6 { margin-left: 8rem; }
2098
+ .ml7 { margin-left: 16rem; }
2099
+ .mr0 { margin-right: 0; }
2100
+ .mr1 { margin-right: .25rem; }
2101
+ .mr2 { margin-right: .5rem; }
2102
+ .mr3 { margin-right: 1rem; }
2103
+ .mr4 { margin-right: 2rem; }
2104
+ .mr5 { margin-right: 4rem; }
2105
+ .mr6 { margin-right: 8rem; }
2106
+ .mr7 { margin-right: 16rem; }
2107
+ .mb0 { margin-bottom: 0; }
2108
+ .mb1 { margin-bottom: .25rem; }
2109
+ .mb2 { margin-bottom: .5rem; }
2110
+ .mb3 { margin-bottom: 1rem; }
2111
+ .mb4 { margin-bottom: 2rem; }
2112
+ .mb5 { margin-bottom: 4rem; }
2113
+ .mb6 { margin-bottom: 8rem; }
2114
+ .mb7 { margin-bottom: 16rem; }
2115
+ .mt0 { margin-top: 0; }
2116
+ .mt1 { margin-top: .25rem; }
2117
+ .mt2 { margin-top: .5rem; }
2118
+ .mt3 { margin-top: 1rem; }
2119
+ .mt4 { margin-top: 2rem; }
2120
+ .mt5 { margin-top: 4rem; }
2121
+ .mt6 { margin-top: 8rem; }
2122
+ .mt7 { margin-top: 16rem; }
2123
+ .mv0 { margin-top: 0; margin-bottom: 0; }
2124
+ .mv1 { margin-top: .25rem; margin-bottom: .25rem; }
2125
+ .mv2 { margin-top: .5rem; margin-bottom: .5rem; }
2126
+ .mv3 { margin-top: 1rem; margin-bottom: 1rem; }
2127
+ .mv4 { margin-top: 2rem; margin-bottom: 2rem; }
2128
+ .mv5 { margin-top: 4rem; margin-bottom: 4rem; }
2129
+ .mv6 { margin-top: 8rem; margin-bottom: 8rem; }
2130
+ .mv7 { margin-top: 16rem; margin-bottom: 16rem; }
2131
+ .mh0 { margin-left: 0; margin-right: 0; }
2132
+ .mh1 { margin-left: .25rem; margin-right: .25rem; }
2133
+ .mh2 { margin-left: .5rem; margin-right: .5rem; }
2134
+ .mh3 { margin-left: 1rem; margin-right: 1rem; }
2135
+ .mh4 { margin-left: 2rem; margin-right: 2rem; }
2136
+ .mh5 { margin-left: 4rem; margin-right: 4rem; }
2137
+ .mh6 { margin-left: 8rem; margin-right: 8rem; }
2138
+ .mh7 { margin-left: 16rem; margin-right: 16rem; }
2139
+ /*
2140
+ NEGATIVE MARGINS
2141
+
2142
+ Base:
2143
+ n = negative
2144
+
2145
+ Modifiers:
2146
+ a = all
2147
+ t = top
2148
+ r = right
2149
+ b = bottom
2150
+ l = left
2151
+
2152
+ 1 = 1st step in spacing scale
2153
+ 2 = 2nd step in spacing scale
2154
+ 3 = 3rd step in spacing scale
2155
+ 4 = 4th step in spacing scale
2156
+ 5 = 5th step in spacing scale
2157
+ 6 = 6th step in spacing scale
2158
+ 7 = 7th step in spacing scale
2159
+
2160
+ Media Query Extensions:
2161
+ -ns = not-small
2162
+ -m = medium
2163
+ -l = large
2164
+
2165
+ */
2166
+ .na1 { margin: -0.25rem; }
2167
+ .na2 { margin: -0.5rem; }
2168
+ .na3 { margin: -1rem; }
2169
+ .na4 { margin: -2rem; }
2170
+ .na5 { margin: -4rem; }
2171
+ .na6 { margin: -8rem; }
2172
+ .na7 { margin: -16rem; }
2173
+ .nl1 { margin-left: -0.25rem; }
2174
+ .nl2 { margin-left: -0.5rem; }
2175
+ .nl3 { margin-left: -1rem; }
2176
+ .nl4 { margin-left: -2rem; }
2177
+ .nl5 { margin-left: -4rem; }
2178
+ .nl6 { margin-left: -8rem; }
2179
+ .nl7 { margin-left: -16rem; }
2180
+ .nr1 { margin-right: -0.25rem; }
2181
+ .nr2 { margin-right: -0.5rem; }
2182
+ .nr3 { margin-right: -1rem; }
2183
+ .nr4 { margin-right: -2rem; }
2184
+ .nr5 { margin-right: -4rem; }
2185
+ .nr6 { margin-right: -8rem; }
2186
+ .nr7 { margin-right: -16rem; }
2187
+ .nb1 { margin-bottom: -0.25rem; }
2188
+ .nb2 { margin-bottom: -0.5rem; }
2189
+ .nb3 { margin-bottom: -1rem; }
2190
+ .nb4 { margin-bottom: -2rem; }
2191
+ .nb5 { margin-bottom: -4rem; }
2192
+ .nb6 { margin-bottom: -8rem; }
2193
+ .nb7 { margin-bottom: -16rem; }
2194
+ .nt1 { margin-top: -0.25rem; }
2195
+ .nt2 { margin-top: -0.5rem; }
2196
+ .nt3 { margin-top: -1rem; }
2197
+ .nt4 { margin-top: -2rem; }
2198
+ .nt5 { margin-top: -4rem; }
2199
+ .nt6 { margin-top: -8rem; }
2200
+ .nt7 { margin-top: -16rem; }
2201
+ /*
2202
+
2203
+ TABLES
2204
+ Docs: http://tachyons.io/docs/elements/tables/
2205
+
2206
+ */
2207
+ .collapse { border-collapse: collapse; border-spacing: 0; }
2208
+ .striped--light-silver:nth-child(odd) { background-color: #aaa; }
2209
+ .striped--moon-gray:nth-child(odd) { background-color: #ccc; }
2210
+ .striped--light-gray:nth-child(odd) { background-color: #eee; }
2211
+ .striped--near-white:nth-child(odd) { background-color: #f4f4f4; }
2212
+ .stripe-light:nth-child(odd) { background-color: rgba( 255, 255, 255, .1 ); }
2213
+ .stripe-dark:nth-child(odd) { background-color: rgba( 0, 0, 0, .1 ); }
2214
+ /*
2215
+
2216
+ TEXT DECORATION
2217
+ Docs: http://tachyons.io/docs/typography/text-decoration/
2218
+
2219
+
2220
+ Media Query Extensions:
2221
+ -ns = not-small
2222
+ -m = medium
2223
+ -l = large
2224
+
2225
+ */
2226
+ .strike { text-decoration: line-through; }
2227
+ .underline { text-decoration: underline; }
2228
+ .no-underline { text-decoration: none; }
2229
+ /*
2230
+
2231
+ TEXT ALIGN
2232
+ Docs: http://tachyons.io/docs/typography/text-align/
2233
+
2234
+ Base
2235
+ t = text-align
2236
+
2237
+ Modifiers
2238
+ l = left
2239
+ r = right
2240
+ c = center
2241
+ j = justify
2242
+
2243
+ Media Query Extensions:
2244
+ -ns = not-small
2245
+ -m = medium
2246
+ -l = large
2247
+
2248
+ */
2249
+ .tl { text-align: left; }
2250
+ .tr { text-align: right; }
2251
+ .tc { text-align: center; }
2252
+ .tj { text-align: justify; }
2253
+ /*
2254
+
2255
+ TEXT TRANSFORM
2256
+ Docs: http://tachyons.io/docs/typography/text-transform/
2257
+
2258
+ Base:
2259
+ tt = text-transform
2260
+
2261
+ Modifiers
2262
+ c = capitalize
2263
+ l = lowercase
2264
+ u = uppercase
2265
+ n = none
2266
+
2267
+ Media Query Extensions:
2268
+ -ns = not-small
2269
+ -m = medium
2270
+ -l = large
2271
+
2272
+ */
2273
+ .ttc { text-transform: capitalize; }
2274
+ .ttl { text-transform: lowercase; }
2275
+ .ttu { text-transform: uppercase; }
2276
+ .ttn { text-transform: none; }
2277
+ /*
2278
+
2279
+ TYPE SCALE
2280
+ Docs: http://tachyons.io/docs/typography/scale/
2281
+
2282
+ Base:
2283
+ f = font-size
2284
+
2285
+ Modifiers
2286
+ 1 = 1st step in size scale
2287
+ 2 = 2nd step in size scale
2288
+ 3 = 3rd step in size scale
2289
+ 4 = 4th step in size scale
2290
+ 5 = 5th step in size scale
2291
+ 6 = 6th step in size scale
2292
+ 7 = 7th step in size scale
2293
+
2294
+ Media Query Extensions:
2295
+ -ns = not-small
2296
+ -m = medium
2297
+ -l = large
2298
+ */
2299
+ /*
2300
+ * For Hero/Marketing Titles
2301
+ *
2302
+ * These generally are too large for mobile
2303
+ * so be careful using them on smaller screens.
2304
+ * */
2305
+ .f-6, .f-headline { font-size: 6rem; }
2306
+ .f-5, .f-subheadline { font-size: 5rem; }
2307
+ /* Type Scale */
2308
+ .f1 { font-size: 3rem; }
2309
+ .f2 { font-size: 2.25rem; }
2310
+ .f3 { font-size: 1.5rem; }
2311
+ .f4 { font-size: 1.25rem; }
2312
+ .f5 { font-size: 1rem; }
2313
+ .f6 { font-size: .875rem; }
2314
+ .f7 { font-size: .75rem; }
2315
+ /* Small and hard to read for many people so use with extreme caution */
2316
+ /*
2317
+
2318
+ TYPOGRAPHY
2319
+ http://tachyons.io/docs/typography/measure/
2320
+
2321
+ Media Query Extensions:
2322
+ -ns = not-small
2323
+ -m = medium
2324
+ -l = large
2325
+
2326
+ */
2327
+ /* Measure is limited to ~66 characters */
2328
+ .measure { max-width: 30em; }
2329
+ /* Measure is limited to ~80 characters */
2330
+ .measure-wide { max-width: 34em; }
2331
+ /* Measure is limited to ~45 characters */
2332
+ .measure-narrow { max-width: 20em; }
2333
+ /* Book paragraph style - paragraphs are indented with no vertical spacing. */
2334
+ .indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
2335
+ .small-caps { font-variant: small-caps; }
2336
+ /* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
2337
+ .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
2338
+ /*
2339
+
2340
+ UTILITIES
2341
+
2342
+ Media Query Extensions:
2343
+ -ns = not-small
2344
+ -m = medium
2345
+ -l = large
2346
+
2347
+ */
2348
+ /* Equivalent to .overflow-y-scroll */
2349
+ .overflow-container { overflow-y: scroll; }
2350
+ .center { margin-right: auto; margin-left: auto; }
2351
+ .mr-auto { margin-right: auto; }
2352
+ .ml-auto { margin-left: auto; }
2353
+ /*
2354
+
2355
+ VISIBILITY
2356
+
2357
+ Media Query Extensions:
2358
+ -ns = not-small
2359
+ -m = medium
2360
+ -l = large
2361
+
2362
+ */
2363
+ /*
2364
+ Text that is hidden but accessible
2365
+ Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
2366
+ */
2367
+ .clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
2368
+ /*
2369
+
2370
+ WHITE SPACE
2371
+
2372
+ Media Query Extensions:
2373
+ -ns = not-small
2374
+ -m = medium
2375
+ -l = large
2376
+
2377
+ */
2378
+ .ws-normal { white-space: normal; }
2379
+ .nowrap { white-space: nowrap; }
2380
+ .pre { white-space: pre; }
2381
+ /*
2382
+
2383
+ VERTICAL ALIGN
2384
+
2385
+ Media Query Extensions:
2386
+ -ns = not-small
2387
+ -m = medium
2388
+ -l = large
2389
+
2390
+ */
2391
+ .v-base { vertical-align: baseline; }
2392
+ .v-mid { vertical-align: middle; }
2393
+ .v-top { vertical-align: top; }
2394
+ .v-btm { vertical-align: bottom; }
2395
+ /*
2396
+
2397
+ HOVER EFFECTS
2398
+ Docs: http://tachyons.io/docs/themes/hovers/
2399
+
2400
+ - Dim
2401
+ - Glow
2402
+ - Hide Child
2403
+ - Underline text
2404
+ - Grow
2405
+ - Pointer
2406
+ - Shadow
2407
+
2408
+ */
2409
+ /*
2410
+
2411
+ Dim element on hover by adding the dim class.
2412
+
2413
+ */
2414
+ .dim { opacity: 1; transition: opacity .15s ease-in; }
2415
+ .dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; }
2416
+ .dim:active { opacity: .8; transition: opacity .15s ease-out; }
2417
+ /*
2418
+
2419
+ Animate opacity to 100% on hover by adding the glow class.
2420
+
2421
+ */
2422
+ .glow { transition: opacity .15s ease-in; }
2423
+ .glow:hover, .glow:focus { opacity: 1; transition: opacity .15s ease-in; }
2424
+ /*
2425
+
2426
+ Hide child & reveal on hover:
2427
+
2428
+ Put the hide-child class on a parent element and any nested element with the
2429
+ child class will be hidden and displayed on hover or focus.
2430
+
2431
+ <div class="hide-child">
2432
+ <div class="child"> Hidden until hover or focus </div>
2433
+ <div class="child"> Hidden until hover or focus </div>
2434
+ <div class="child"> Hidden until hover or focus </div>
2435
+ <div class="child"> Hidden until hover or focus </div>
2436
+ </div>
2437
+ */
2438
+ .hide-child .child { opacity: 0; transition: opacity .15s ease-in; }
2439
+ .hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; }
2440
+ .underline-hover:hover, .underline-hover:focus { text-decoration: underline; }
2441
+ /* Can combine this with overflow-hidden to make background images grow on hover
2442
+ * even if you are using background-size: cover */
2443
+ .grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; }
2444
+ .grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); }
2445
+ .grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); }
2446
+ .grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
2447
+ .grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); }
2448
+ .grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); }
2449
+ /* Add pointer on hover */
2450
+ .pointer:hover { cursor: pointer; }
2451
+ /*
2452
+ Add shadow on hover.
2453
+
2454
+ Performant box-shadow animation pattern from
2455
+ http://tobiasahlin.com/blog/how-to-animate-box-shadow/
2456
+ */
2457
+ .shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); }
2458
+ .shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); }
2459
+ .shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; }
2460
+ /* Combine with classes in skins and skins-pseudo for
2461
+ * many different transition possibilities. */
2462
+ .bg-animate, .bg-animate:hover, .bg-animate:focus { transition: background-color .15s ease-in-out; }
2463
+ /*
2464
+
2465
+ Z-INDEX
2466
+
2467
+ Base
2468
+ z = z-index
2469
+
2470
+ Modifiers
2471
+ -0 = literal value 0
2472
+ -1 = literal value 1
2473
+ -2 = literal value 2
2474
+ -3 = literal value 3
2475
+ -4 = literal value 4
2476
+ -5 = literal value 5
2477
+ -999 = literal value 999
2478
+ -9999 = literal value 9999
2479
+
2480
+ -max = largest accepted z-index value as integer
2481
+
2482
+ -inherit = string value inherit
2483
+ -initial = string value initial
2484
+ -unset = string value unset
2485
+
2486
+ MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
2487
+ Spec: http://www.w3.org/TR/CSS2/zindex.html
2488
+ Articles:
2489
+ https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
2490
+
2491
+ Tips on extending:
2492
+ There might be a time worth using negative z-index values.
2493
+ Or if you are using tachyons with another project, you might need to
2494
+ adjust these values to suit your needs.
2495
+
2496
+ */
2497
+ .z-0 { z-index: 0; }
2498
+ .z-1 { z-index: 1; }
2499
+ .z-2 { z-index: 2; }
2500
+ .z-3 { z-index: 3; }
2501
+ .z-4 { z-index: 4; }
2502
+ .z-5 { z-index: 5; }
2503
+ .z-999 { z-index: 999; }
2504
+ .z-9999 { z-index: 9999; }
2505
+ .z-max { z-index: 2147483647; }
2506
+ .z-inherit { z-index: inherit; }
2507
+ .z-initial { z-index: initial; }
2508
+ .z-unset { z-index: unset; }
2509
+ /*
2510
+
2511
+ NESTED
2512
+ Tachyons module for styling nested elements
2513
+ that are generated by a cms.
2514
+
2515
+ */
2516
+ .nested-copy-line-height p, .nested-copy-line-height ul,
2517
+ .nested-copy-line-height ol { line-height: 1.5; }
2518
+ .nested-headline-line-height h1, .nested-headline-line-height h2,
2519
+ .nested-headline-line-height h3, .nested-headline-line-height h4,
2520
+ .nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; }
2521
+ .nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; }
2522
+ .nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
2523
+ .nested-copy-separator p+p { margin-top: 1.5em; }
2524
+ .nested-img img { width: 100%; max-width: 100%; display: block; }
2525
+ .nested-links a { color: #357edd; transition: color .15s ease-in; }
2526
+ .nested-links a:hover { color: #96ccff; transition: color .15s ease-in; }
2527
+ .nested-links a:focus { color: #96ccff; transition: color .15s ease-in; }
2528
+ /*
2529
+
2530
+ STYLES
2531
+
2532
+ Add custom styles here.
2533
+
2534
+ */
2535
+ /* Variables */
2536
+ /* Importing here will allow you to override any variables in the modules */
2537
+ /*
2538
+
2539
+ Tachyons
2540
+ COLOR VARIABLES
2541
+
2542
+ Grayscale
2543
+ - Solids
2544
+ - Transparencies
2545
+ Colors
2546
+
2547
+ */
2548
+ /*
2549
+
2550
+ CUSTOM MEDIA QUERIES
2551
+
2552
+ Media query values can be changed to fit your own content.
2553
+ There are no magic bullets when it comes to media query width values.
2554
+ They should be declared in em units - and they should be set to meet
2555
+ the needs of your content. You can also add additional media queries,
2556
+ or remove some of the existing ones.
2557
+
2558
+ These media queries can be referenced like so:
2559
+
2560
+ @media (--breakpoint-not-small) {
2561
+ .medium-and-larger-specific-style {
2562
+ background-color: red;
2563
+ }
2564
+ }
2565
+
2566
+ @media (--breakpoint-medium) {
2567
+ .medium-screen-specific-style {
2568
+ background-color: red;
2569
+ }
2570
+ }
2571
+
2572
+ @media (--breakpoint-large) {
2573
+ .large-and-larger-screen-specific-style {
2574
+ background-color: red;
2575
+ }
2576
+ }
2577
+
2578
+ */
2579
+ /* Media Queries */
2580
+ /* Debugging */
2581
+ /*
2582
+
2583
+ DEBUG CHILDREN
2584
+ Docs: http://tachyons.io/docs/debug/
2585
+
2586
+ Just add the debug class to any element to see outlines on its
2587
+ children.
2588
+
2589
+ */
2590
+ .debug * { outline: 1px solid gold; }
2591
+ .debug-white * { outline: 1px solid white; }
2592
+ .debug-black * { outline: 1px solid black; }
2593
+ /*
2594
+
2595
+ DEBUG GRID
2596
+ http://tachyons.io/docs/debug-grid/
2597
+
2598
+ Can be useful for debugging layout issues
2599
+ or helping to make sure things line up perfectly.
2600
+ Just tack one of these classes onto a parent element.
2601
+
2602
+ */
2603
+ .debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; }
2604
+ .debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; }
2605
+ .debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; }
2606
+ .debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; }
2607
+ /* Uncomment out the line below to help debug layout issues */
2608
+ /* @import './_debug'; */
2609
+ @media screen and (min-width: 30em) {
2610
+ .aspect-ratio-ns { height: 0; position: relative; }
2611
+ .aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
2612
+ .aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
2613
+ .aspect-ratio--4x3-ns { padding-bottom: 75%; }
2614
+ .aspect-ratio--3x4-ns { padding-bottom: 133.33%; }
2615
+ .aspect-ratio--6x4-ns { padding-bottom: 66.6%; }
2616
+ .aspect-ratio--4x6-ns { padding-bottom: 150%; }
2617
+ .aspect-ratio--8x5-ns { padding-bottom: 62.5%; }
2618
+ .aspect-ratio--5x8-ns { padding-bottom: 160%; }
2619
+ .aspect-ratio--7x5-ns { padding-bottom: 71.42%; }
2620
+ .aspect-ratio--5x7-ns { padding-bottom: 140%; }
2621
+ .aspect-ratio--1x1-ns { padding-bottom: 100%; }
2622
+ .aspect-ratio--object-ns { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
2623
+ .cover-ns { background-size: cover !important; }
2624
+ .contain-ns { background-size: contain !important; }
2625
+ .bg-center-ns { background-repeat: no-repeat; background-position: center center; }
2626
+ .bg-top-ns { background-repeat: no-repeat; background-position: top center; }
2627
+ .bg-right-ns { background-repeat: no-repeat; background-position: center right; }
2628
+ .bg-bottom-ns { background-repeat: no-repeat; background-position: bottom center; }
2629
+ .bg-left-ns { background-repeat: no-repeat; background-position: center left; }
2630
+ .outline-ns { outline: 1px solid; }
2631
+ .outline-transparent-ns { outline: 1px solid transparent; }
2632
+ .outline-0-ns { outline: 0; }
2633
+ .ba-ns { border-style: solid; border-width: 1px; }
2634
+ .bt-ns { border-top-style: solid; border-top-width: 1px; }
2635
+ .br-ns { border-right-style: solid; border-right-width: 1px; }
2636
+ .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
2637
+ .bl-ns { border-left-style: solid; border-left-width: 1px; }
2638
+ .bn-ns { border-style: none; border-width: 0; }
2639
+ .br0-ns { border-radius: 0; }
2640
+ .br1-ns { border-radius: .125rem; }
2641
+ .br2-ns { border-radius: .25rem; }
2642
+ .br3-ns { border-radius: .5rem; }
2643
+ .br4-ns { border-radius: 1rem; }
2644
+ .br-100-ns { border-radius: 100%; }
2645
+ .br-pill-ns { border-radius: 9999px; }
2646
+ .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; }
2647
+ .br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
2648
+ .br--right-ns { border-top-left-radius: 0; border-bottom-left-radius: 0; }
2649
+ .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0; }
2650
+ .br-inherit-ns { border-radius: inherit; }
2651
+ .br-initial-ns { border-radius: initial; }
2652
+ .br-unset-ns { border-radius: unset; }
2653
+ .b--dotted-ns { border-style: dotted; }
2654
+ .b--dashed-ns { border-style: dashed; }
2655
+ .b--solid-ns { border-style: solid; }
2656
+ .b--none-ns { border-style: none; }
2657
+ .bw0-ns { border-width: 0; }
2658
+ .bw1-ns { border-width: .125rem; }
2659
+ .bw2-ns { border-width: .25rem; }
2660
+ .bw3-ns { border-width: .5rem; }
2661
+ .bw4-ns { border-width: 1rem; }
2662
+ .bw5-ns { border-width: 2rem; }
2663
+ .bt-0-ns { border-top-width: 0; }
2664
+ .br-0-ns { border-right-width: 0; }
2665
+ .bb-0-ns { border-bottom-width: 0; }
2666
+ .bl-0-ns { border-left-width: 0; }
2667
+ .shadow-1-ns { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
2668
+ .shadow-2-ns { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
2669
+ .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
2670
+ .shadow-4-ns { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
2671
+ .shadow-5-ns { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
2672
+ .top-0-ns { top: 0; }
2673
+ .left-0-ns { left: 0; }
2674
+ .right-0-ns { right: 0; }
2675
+ .bottom-0-ns { bottom: 0; }
2676
+ .top-1-ns { top: 1rem; }
2677
+ .left-1-ns { left: 1rem; }
2678
+ .right-1-ns { right: 1rem; }
2679
+ .bottom-1-ns { bottom: 1rem; }
2680
+ .top-2-ns { top: 2rem; }
2681
+ .left-2-ns { left: 2rem; }
2682
+ .right-2-ns { right: 2rem; }
2683
+ .bottom-2-ns { bottom: 2rem; }
2684
+ .top--1-ns { top: -1rem; }
2685
+ .right--1-ns { right: -1rem; }
2686
+ .bottom--1-ns { bottom: -1rem; }
2687
+ .left--1-ns { left: -1rem; }
2688
+ .top--2-ns { top: -2rem; }
2689
+ .right--2-ns { right: -2rem; }
2690
+ .bottom--2-ns { bottom: -2rem; }
2691
+ .left--2-ns { left: -2rem; }
2692
+ .absolute--fill-ns { top: 0; right: 0; bottom: 0; left: 0; }
2693
+ .cl-ns { clear: left; }
2694
+ .cr-ns { clear: right; }
2695
+ .cb-ns { clear: both; }
2696
+ .cn-ns { clear: none; }
2697
+ .dn-ns { display: none; }
2698
+ .di-ns { display: inline; }
2699
+ .db-ns { display: block; }
2700
+ .dib-ns { display: inline-block; }
2701
+ .dit-ns { display: inline-table; }
2702
+ .dt-ns { display: table; }
2703
+ .dtc-ns { display: table-cell; }
2704
+ .dt-row-ns { display: table-row; }
2705
+ .dt-row-group-ns { display: table-row-group; }
2706
+ .dt-column-ns { display: table-column; }
2707
+ .dt-column-group-ns { display: table-column-group; }
2708
+ .dt--fixed-ns { table-layout: fixed; width: 100%; }
2709
+ .flex-ns { display: flex; }
2710
+ .inline-flex-ns { display: inline-flex; }
2711
+ .flex-auto-ns { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
2712
+ .flex-none-ns { flex: none; }
2713
+ .flex-column-ns { flex-direction: column; }
2714
+ .flex-row-ns { flex-direction: row; }
2715
+ .flex-wrap-ns { flex-wrap: wrap; }
2716
+ .flex-nowrap-ns { flex-wrap: nowrap; }
2717
+ .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
2718
+ .flex-column-reverse-ns { flex-direction: column-reverse; }
2719
+ .flex-row-reverse-ns { flex-direction: row-reverse; }
2720
+ .items-start-ns { align-items: flex-start; }
2721
+ .items-end-ns { align-items: flex-end; }
2722
+ .items-center-ns { align-items: center; }
2723
+ .items-baseline-ns { align-items: baseline; }
2724
+ .items-stretch-ns { align-items: stretch; }
2725
+ .self-start-ns { align-self: flex-start; }
2726
+ .self-end-ns { align-self: flex-end; }
2727
+ .self-center-ns { align-self: center; }
2728
+ .self-baseline-ns { align-self: baseline; }
2729
+ .self-stretch-ns { align-self: stretch; }
2730
+ .justify-start-ns { justify-content: flex-start; }
2731
+ .justify-end-ns { justify-content: flex-end; }
2732
+ .justify-center-ns { justify-content: center; }
2733
+ .justify-between-ns { justify-content: space-between; }
2734
+ .justify-around-ns { justify-content: space-around; }
2735
+ .content-start-ns { align-content: flex-start; }
2736
+ .content-end-ns { align-content: flex-end; }
2737
+ .content-center-ns { align-content: center; }
2738
+ .content-between-ns { align-content: space-between; }
2739
+ .content-around-ns { align-content: space-around; }
2740
+ .content-stretch-ns { align-content: stretch; }
2741
+ .order-0-ns { order: 0; }
2742
+ .order-1-ns { order: 1; }
2743
+ .order-2-ns { order: 2; }
2744
+ .order-3-ns { order: 3; }
2745
+ .order-4-ns { order: 4; }
2746
+ .order-5-ns { order: 5; }
2747
+ .order-6-ns { order: 6; }
2748
+ .order-7-ns { order: 7; }
2749
+ .order-8-ns { order: 8; }
2750
+ .order-last-ns { order: 99999; }
2751
+ .flex-grow-0-ns { flex-grow: 0; }
2752
+ .flex-grow-1-ns { flex-grow: 1; }
2753
+ .flex-shrink-0-ns { flex-shrink: 0; }
2754
+ .flex-shrink-1-ns { flex-shrink: 1; }
2755
+ .fl-ns { float: left; _display: inline; }
2756
+ .fr-ns { float: right; _display: inline; }
2757
+ .fn-ns { float: none; }
2758
+ .i-ns { font-style: italic; }
2759
+ .fs-normal-ns { font-style: normal; }
2760
+ .normal-ns { font-weight: normal; }
2761
+ .b-ns { font-weight: bold; }
2762
+ .fw1-ns { font-weight: 100; }
2763
+ .fw2-ns { font-weight: 200; }
2764
+ .fw3-ns { font-weight: 300; }
2765
+ .fw4-ns { font-weight: 400; }
2766
+ .fw5-ns { font-weight: 500; }
2767
+ .fw6-ns { font-weight: 600; }
2768
+ .fw7-ns { font-weight: 700; }
2769
+ .fw8-ns { font-weight: 800; }
2770
+ .fw9-ns { font-weight: 900; }
2771
+ .h1-ns { height: 1rem; }
2772
+ .h2-ns { height: 2rem; }
2773
+ .h3-ns { height: 4rem; }
2774
+ .h4-ns { height: 8rem; }
2775
+ .h5-ns { height: 16rem; }
2776
+ .h-25-ns { height: 25%; }
2777
+ .h-50-ns { height: 50%; }
2778
+ .h-75-ns { height: 75%; }
2779
+ .h-100-ns { height: 100%; }
2780
+ .min-h-100-ns { min-height: 100%; }
2781
+ .vh-25-ns { height: 25vh; }
2782
+ .vh-50-ns { height: 50vh; }
2783
+ .vh-75-ns { height: 75vh; }
2784
+ .vh-100-ns { height: 100vh; }
2785
+ .min-vh-100-ns { min-height: 100vh; }
2786
+ .h-auto-ns { height: auto; }
2787
+ .h-inherit-ns { height: inherit; }
2788
+ .tracked-ns { letter-spacing: .1em; }
2789
+ .tracked-tight-ns { letter-spacing: -.05em; }
2790
+ .tracked-mega-ns { letter-spacing: .25em; }
2791
+ .lh-solid-ns { line-height: 1; }
2792
+ .lh-title-ns { line-height: 1.25; }
2793
+ .lh-copy-ns { line-height: 1.5; }
2794
+ .mw-100-ns { max-width: 100%; }
2795
+ .mw1-ns { max-width: 1rem; }
2796
+ .mw2-ns { max-width: 2rem; }
2797
+ .mw3-ns { max-width: 4rem; }
2798
+ .mw4-ns { max-width: 8rem; }
2799
+ .mw5-ns { max-width: 16rem; }
2800
+ .mw6-ns { max-width: 32rem; }
2801
+ .mw7-ns { max-width: 48rem; }
2802
+ .mw8-ns { max-width: 64rem; }
2803
+ .mw9-ns { max-width: 96rem; }
2804
+ .mw-none-ns { max-width: none; }
2805
+ .w1-ns { width: 1rem; }
2806
+ .w2-ns { width: 2rem; }
2807
+ .w3-ns { width: 4rem; }
2808
+ .w4-ns { width: 8rem; }
2809
+ .w5-ns { width: 16rem; }
2810
+ .w-10-ns { width: 10%; }
2811
+ .w-20-ns { width: 20%; }
2812
+ .w-25-ns { width: 25%; }
2813
+ .w-30-ns { width: 30%; }
2814
+ .w-33-ns { width: 33%; }
2815
+ .w-34-ns { width: 34%; }
2816
+ .w-40-ns { width: 40%; }
2817
+ .w-50-ns { width: 50%; }
2818
+ .w-60-ns { width: 60%; }
2819
+ .w-70-ns { width: 70%; }
2820
+ .w-75-ns { width: 75%; }
2821
+ .w-80-ns { width: 80%; }
2822
+ .w-90-ns { width: 90%; }
2823
+ .w-100-ns { width: 100%; }
2824
+ .w-third-ns { width: 33.33333%; }
2825
+ .w-two-thirds-ns { width: 66.66667%; }
2826
+ .w-auto-ns { width: auto; }
2827
+ .overflow-visible-ns { overflow: visible; }
2828
+ .overflow-hidden-ns { overflow: hidden; }
2829
+ .overflow-scroll-ns { overflow: scroll; }
2830
+ .overflow-auto-ns { overflow: auto; }
2831
+ .overflow-x-visible-ns { overflow-x: visible; }
2832
+ .overflow-x-hidden-ns { overflow-x: hidden; }
2833
+ .overflow-x-scroll-ns { overflow-x: scroll; }
2834
+ .overflow-x-auto-ns { overflow-x: auto; }
2835
+ .overflow-y-visible-ns { overflow-y: visible; }
2836
+ .overflow-y-hidden-ns { overflow-y: hidden; }
2837
+ .overflow-y-scroll-ns { overflow-y: scroll; }
2838
+ .overflow-y-auto-ns { overflow-y: auto; }
2839
+ .static-ns { position: static; }
2840
+ .relative-ns { position: relative; }
2841
+ .absolute-ns { position: absolute; }
2842
+ .fixed-ns { position: fixed; }
2843
+ .rotate-45-ns { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
2844
+ .rotate-90-ns { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
2845
+ .rotate-135-ns { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
2846
+ .rotate-180-ns { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
2847
+ .rotate-225-ns { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
2848
+ .rotate-270-ns { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
2849
+ .rotate-315-ns { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
2850
+ .pa0-ns { padding: 0; }
2851
+ .pa1-ns { padding: .25rem; }
2852
+ .pa2-ns { padding: .5rem; }
2853
+ .pa3-ns { padding: 1rem; }
2854
+ .pa4-ns { padding: 2rem; }
2855
+ .pa5-ns { padding: 4rem; }
2856
+ .pa6-ns { padding: 8rem; }
2857
+ .pa7-ns { padding: 16rem; }
2858
+ .pl0-ns { padding-left: 0; }
2859
+ .pl1-ns { padding-left: .25rem; }
2860
+ .pl2-ns { padding-left: .5rem; }
2861
+ .pl3-ns { padding-left: 1rem; }
2862
+ .pl4-ns { padding-left: 2rem; }
2863
+ .pl5-ns { padding-left: 4rem; }
2864
+ .pl6-ns { padding-left: 8rem; }
2865
+ .pl7-ns { padding-left: 16rem; }
2866
+ .pr0-ns { padding-right: 0; }
2867
+ .pr1-ns { padding-right: .25rem; }
2868
+ .pr2-ns { padding-right: .5rem; }
2869
+ .pr3-ns { padding-right: 1rem; }
2870
+ .pr4-ns { padding-right: 2rem; }
2871
+ .pr5-ns { padding-right: 4rem; }
2872
+ .pr6-ns { padding-right: 8rem; }
2873
+ .pr7-ns { padding-right: 16rem; }
2874
+ .pb0-ns { padding-bottom: 0; }
2875
+ .pb1-ns { padding-bottom: .25rem; }
2876
+ .pb2-ns { padding-bottom: .5rem; }
2877
+ .pb3-ns { padding-bottom: 1rem; }
2878
+ .pb4-ns { padding-bottom: 2rem; }
2879
+ .pb5-ns { padding-bottom: 4rem; }
2880
+ .pb6-ns { padding-bottom: 8rem; }
2881
+ .pb7-ns { padding-bottom: 16rem; }
2882
+ .pt0-ns { padding-top: 0; }
2883
+ .pt1-ns { padding-top: .25rem; }
2884
+ .pt2-ns { padding-top: .5rem; }
2885
+ .pt3-ns { padding-top: 1rem; }
2886
+ .pt4-ns { padding-top: 2rem; }
2887
+ .pt5-ns { padding-top: 4rem; }
2888
+ .pt6-ns { padding-top: 8rem; }
2889
+ .pt7-ns { padding-top: 16rem; }
2890
+ .pv0-ns { padding-top: 0; padding-bottom: 0; }
2891
+ .pv1-ns { padding-top: .25rem; padding-bottom: .25rem; }
2892
+ .pv2-ns { padding-top: .5rem; padding-bottom: .5rem; }
2893
+ .pv3-ns { padding-top: 1rem; padding-bottom: 1rem; }
2894
+ .pv4-ns { padding-top: 2rem; padding-bottom: 2rem; }
2895
+ .pv5-ns { padding-top: 4rem; padding-bottom: 4rem; }
2896
+ .pv6-ns { padding-top: 8rem; padding-bottom: 8rem; }
2897
+ .pv7-ns { padding-top: 16rem; padding-bottom: 16rem; }
2898
+ .ph0-ns { padding-left: 0; padding-right: 0; }
2899
+ .ph1-ns { padding-left: .25rem; padding-right: .25rem; }
2900
+ .ph2-ns { padding-left: .5rem; padding-right: .5rem; }
2901
+ .ph3-ns { padding-left: 1rem; padding-right: 1rem; }
2902
+ .ph4-ns { padding-left: 2rem; padding-right: 2rem; }
2903
+ .ph5-ns { padding-left: 4rem; padding-right: 4rem; }
2904
+ .ph6-ns { padding-left: 8rem; padding-right: 8rem; }
2905
+ .ph7-ns { padding-left: 16rem; padding-right: 16rem; }
2906
+ .ma0-ns { margin: 0; }
2907
+ .ma1-ns { margin: .25rem; }
2908
+ .ma2-ns { margin: .5rem; }
2909
+ .ma3-ns { margin: 1rem; }
2910
+ .ma4-ns { margin: 2rem; }
2911
+ .ma5-ns { margin: 4rem; }
2912
+ .ma6-ns { margin: 8rem; }
2913
+ .ma7-ns { margin: 16rem; }
2914
+ .ml0-ns { margin-left: 0; }
2915
+ .ml1-ns { margin-left: .25rem; }
2916
+ .ml2-ns { margin-left: .5rem; }
2917
+ .ml3-ns { margin-left: 1rem; }
2918
+ .ml4-ns { margin-left: 2rem; }
2919
+ .ml5-ns { margin-left: 4rem; }
2920
+ .ml6-ns { margin-left: 8rem; }
2921
+ .ml7-ns { margin-left: 16rem; }
2922
+ .mr0-ns { margin-right: 0; }
2923
+ .mr1-ns { margin-right: .25rem; }
2924
+ .mr2-ns { margin-right: .5rem; }
2925
+ .mr3-ns { margin-right: 1rem; }
2926
+ .mr4-ns { margin-right: 2rem; }
2927
+ .mr5-ns { margin-right: 4rem; }
2928
+ .mr6-ns { margin-right: 8rem; }
2929
+ .mr7-ns { margin-right: 16rem; }
2930
+ .mb0-ns { margin-bottom: 0; }
2931
+ .mb1-ns { margin-bottom: .25rem; }
2932
+ .mb2-ns { margin-bottom: .5rem; }
2933
+ .mb3-ns { margin-bottom: 1rem; }
2934
+ .mb4-ns { margin-bottom: 2rem; }
2935
+ .mb5-ns { margin-bottom: 4rem; }
2936
+ .mb6-ns { margin-bottom: 8rem; }
2937
+ .mb7-ns { margin-bottom: 16rem; }
2938
+ .mt0-ns { margin-top: 0; }
2939
+ .mt1-ns { margin-top: .25rem; }
2940
+ .mt2-ns { margin-top: .5rem; }
2941
+ .mt3-ns { margin-top: 1rem; }
2942
+ .mt4-ns { margin-top: 2rem; }
2943
+ .mt5-ns { margin-top: 4rem; }
2944
+ .mt6-ns { margin-top: 8rem; }
2945
+ .mt7-ns { margin-top: 16rem; }
2946
+ .mv0-ns { margin-top: 0; margin-bottom: 0; }
2947
+ .mv1-ns { margin-top: .25rem; margin-bottom: .25rem; }
2948
+ .mv2-ns { margin-top: .5rem; margin-bottom: .5rem; }
2949
+ .mv3-ns { margin-top: 1rem; margin-bottom: 1rem; }
2950
+ .mv4-ns { margin-top: 2rem; margin-bottom: 2rem; }
2951
+ .mv5-ns { margin-top: 4rem; margin-bottom: 4rem; }
2952
+ .mv6-ns { margin-top: 8rem; margin-bottom: 8rem; }
2953
+ .mv7-ns { margin-top: 16rem; margin-bottom: 16rem; }
2954
+ .mh0-ns { margin-left: 0; margin-right: 0; }
2955
+ .mh1-ns { margin-left: .25rem; margin-right: .25rem; }
2956
+ .mh2-ns { margin-left: .5rem; margin-right: .5rem; }
2957
+ .mh3-ns { margin-left: 1rem; margin-right: 1rem; }
2958
+ .mh4-ns { margin-left: 2rem; margin-right: 2rem; }
2959
+ .mh5-ns { margin-left: 4rem; margin-right: 4rem; }
2960
+ .mh6-ns { margin-left: 8rem; margin-right: 8rem; }
2961
+ .mh7-ns { margin-left: 16rem; margin-right: 16rem; }
2962
+ .na1-ns { margin: -0.25rem; }
2963
+ .na2-ns { margin: -0.5rem; }
2964
+ .na3-ns { margin: -1rem; }
2965
+ .na4-ns { margin: -2rem; }
2966
+ .na5-ns { margin: -4rem; }
2967
+ .na6-ns { margin: -8rem; }
2968
+ .na7-ns { margin: -16rem; }
2969
+ .nl1-ns { margin-left: -0.25rem; }
2970
+ .nl2-ns { margin-left: -0.5rem; }
2971
+ .nl3-ns { margin-left: -1rem; }
2972
+ .nl4-ns { margin-left: -2rem; }
2973
+ .nl5-ns { margin-left: -4rem; }
2974
+ .nl6-ns { margin-left: -8rem; }
2975
+ .nl7-ns { margin-left: -16rem; }
2976
+ .nr1-ns { margin-right: -0.25rem; }
2977
+ .nr2-ns { margin-right: -0.5rem; }
2978
+ .nr3-ns { margin-right: -1rem; }
2979
+ .nr4-ns { margin-right: -2rem; }
2980
+ .nr5-ns { margin-right: -4rem; }
2981
+ .nr6-ns { margin-right: -8rem; }
2982
+ .nr7-ns { margin-right: -16rem; }
2983
+ .nb1-ns { margin-bottom: -0.25rem; }
2984
+ .nb2-ns { margin-bottom: -0.5rem; }
2985
+ .nb3-ns { margin-bottom: -1rem; }
2986
+ .nb4-ns { margin-bottom: -2rem; }
2987
+ .nb5-ns { margin-bottom: -4rem; }
2988
+ .nb6-ns { margin-bottom: -8rem; }
2989
+ .nb7-ns { margin-bottom: -16rem; }
2990
+ .nt1-ns { margin-top: -0.25rem; }
2991
+ .nt2-ns { margin-top: -0.5rem; }
2992
+ .nt3-ns { margin-top: -1rem; }
2993
+ .nt4-ns { margin-top: -2rem; }
2994
+ .nt5-ns { margin-top: -4rem; }
2995
+ .nt6-ns { margin-top: -8rem; }
2996
+ .nt7-ns { margin-top: -16rem; }
2997
+ .strike-ns { text-decoration: line-through; }
2998
+ .underline-ns { text-decoration: underline; }
2999
+ .no-underline-ns { text-decoration: none; }
3000
+ .tl-ns { text-align: left; }
3001
+ .tr-ns { text-align: right; }
3002
+ .tc-ns { text-align: center; }
3003
+ .tj-ns { text-align: justify; }
3004
+ .ttc-ns { text-transform: capitalize; }
3005
+ .ttl-ns { text-transform: lowercase; }
3006
+ .ttu-ns { text-transform: uppercase; }
3007
+ .ttn-ns { text-transform: none; }
3008
+ .f-6-ns, .f-headline-ns { font-size: 6rem; }
3009
+ .f-5-ns, .f-subheadline-ns { font-size: 5rem; }
3010
+ .f1-ns { font-size: 3rem; }
3011
+ .f2-ns { font-size: 2.25rem; }
3012
+ .f3-ns { font-size: 1.5rem; }
3013
+ .f4-ns { font-size: 1.25rem; }
3014
+ .f5-ns { font-size: 1rem; }
3015
+ .f6-ns { font-size: .875rem; }
3016
+ .f7-ns { font-size: .75rem; }
3017
+ .measure-ns { max-width: 30em; }
3018
+ .measure-wide-ns { max-width: 34em; }
3019
+ .measure-narrow-ns { max-width: 20em; }
3020
+ .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
3021
+ .small-caps-ns { font-variant: small-caps; }
3022
+ .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
3023
+ .center-ns { margin-right: auto; margin-left: auto; }
3024
+ .mr-auto-ns { margin-right: auto; }
3025
+ .ml-auto-ns { margin-left: auto; }
3026
+ .clip-ns { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
3027
+ .ws-normal-ns { white-space: normal; }
3028
+ .nowrap-ns { white-space: nowrap; }
3029
+ .pre-ns { white-space: pre; }
3030
+ .v-base-ns { vertical-align: baseline; }
3031
+ .v-mid-ns { vertical-align: middle; }
3032
+ .v-top-ns { vertical-align: top; }
3033
+ .v-btm-ns { vertical-align: bottom; }
3034
+ }
3035
+ @media screen and (min-width: 30em) and (max-width: 60em) {
3036
+ .aspect-ratio-m { height: 0; position: relative; }
3037
+ .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
3038
+ .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
3039
+ .aspect-ratio--4x3-m { padding-bottom: 75%; }
3040
+ .aspect-ratio--3x4-m { padding-bottom: 133.33%; }
3041
+ .aspect-ratio--6x4-m { padding-bottom: 66.6%; }
3042
+ .aspect-ratio--4x6-m { padding-bottom: 150%; }
3043
+ .aspect-ratio--8x5-m { padding-bottom: 62.5%; }
3044
+ .aspect-ratio--5x8-m { padding-bottom: 160%; }
3045
+ .aspect-ratio--7x5-m { padding-bottom: 71.42%; }
3046
+ .aspect-ratio--5x7-m { padding-bottom: 140%; }
3047
+ .aspect-ratio--1x1-m { padding-bottom: 100%; }
3048
+ .aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
3049
+ .cover-m { background-size: cover !important; }
3050
+ .contain-m { background-size: contain !important; }
3051
+ .bg-center-m { background-repeat: no-repeat; background-position: center center; }
3052
+ .bg-top-m { background-repeat: no-repeat; background-position: top center; }
3053
+ .bg-right-m { background-repeat: no-repeat; background-position: center right; }
3054
+ .bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; }
3055
+ .bg-left-m { background-repeat: no-repeat; background-position: center left; }
3056
+ .outline-m { outline: 1px solid; }
3057
+ .outline-transparent-m { outline: 1px solid transparent; }
3058
+ .outline-0-m { outline: 0; }
3059
+ .ba-m { border-style: solid; border-width: 1px; }
3060
+ .bt-m { border-top-style: solid; border-top-width: 1px; }
3061
+ .br-m { border-right-style: solid; border-right-width: 1px; }
3062
+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
3063
+ .bl-m { border-left-style: solid; border-left-width: 1px; }
3064
+ .bn-m { border-style: none; border-width: 0; }
3065
+ .br0-m { border-radius: 0; }
3066
+ .br1-m { border-radius: .125rem; }
3067
+ .br2-m { border-radius: .25rem; }
3068
+ .br3-m { border-radius: .5rem; }
3069
+ .br4-m { border-radius: 1rem; }
3070
+ .br-100-m { border-radius: 100%; }
3071
+ .br-pill-m { border-radius: 9999px; }
3072
+ .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
3073
+ .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
3074
+ .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; }
3075
+ .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; }
3076
+ .br-inherit-m { border-radius: inherit; }
3077
+ .br-initial-m { border-radius: initial; }
3078
+ .br-unset-m { border-radius: unset; }
3079
+ .b--dotted-m { border-style: dotted; }
3080
+ .b--dashed-m { border-style: dashed; }
3081
+ .b--solid-m { border-style: solid; }
3082
+ .b--none-m { border-style: none; }
3083
+ .bw0-m { border-width: 0; }
3084
+ .bw1-m { border-width: .125rem; }
3085
+ .bw2-m { border-width: .25rem; }
3086
+ .bw3-m { border-width: .5rem; }
3087
+ .bw4-m { border-width: 1rem; }
3088
+ .bw5-m { border-width: 2rem; }
3089
+ .bt-0-m { border-top-width: 0; }
3090
+ .br-0-m { border-right-width: 0; }
3091
+ .bb-0-m { border-bottom-width: 0; }
3092
+ .bl-0-m { border-left-width: 0; }
3093
+ .shadow-1-m { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
3094
+ .shadow-2-m { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
3095
+ .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
3096
+ .shadow-4-m { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
3097
+ .shadow-5-m { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
3098
+ .top-0-m { top: 0; }
3099
+ .left-0-m { left: 0; }
3100
+ .right-0-m { right: 0; }
3101
+ .bottom-0-m { bottom: 0; }
3102
+ .top-1-m { top: 1rem; }
3103
+ .left-1-m { left: 1rem; }
3104
+ .right-1-m { right: 1rem; }
3105
+ .bottom-1-m { bottom: 1rem; }
3106
+ .top-2-m { top: 2rem; }
3107
+ .left-2-m { left: 2rem; }
3108
+ .right-2-m { right: 2rem; }
3109
+ .bottom-2-m { bottom: 2rem; }
3110
+ .top--1-m { top: -1rem; }
3111
+ .right--1-m { right: -1rem; }
3112
+ .bottom--1-m { bottom: -1rem; }
3113
+ .left--1-m { left: -1rem; }
3114
+ .top--2-m { top: -2rem; }
3115
+ .right--2-m { right: -2rem; }
3116
+ .bottom--2-m { bottom: -2rem; }
3117
+ .left--2-m { left: -2rem; }
3118
+ .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; }
3119
+ .cl-m { clear: left; }
3120
+ .cr-m { clear: right; }
3121
+ .cb-m { clear: both; }
3122
+ .cn-m { clear: none; }
3123
+ .dn-m { display: none; }
3124
+ .di-m { display: inline; }
3125
+ .db-m { display: block; }
3126
+ .dib-m { display: inline-block; }
3127
+ .dit-m { display: inline-table; }
3128
+ .dt-m { display: table; }
3129
+ .dtc-m { display: table-cell; }
3130
+ .dt-row-m { display: table-row; }
3131
+ .dt-row-group-m { display: table-row-group; }
3132
+ .dt-column-m { display: table-column; }
3133
+ .dt-column-group-m { display: table-column-group; }
3134
+ .dt--fixed-m { table-layout: fixed; width: 100%; }
3135
+ .flex-m { display: flex; }
3136
+ .inline-flex-m { display: inline-flex; }
3137
+ .flex-auto-m { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
3138
+ .flex-none-m { flex: none; }
3139
+ .flex-column-m { flex-direction: column; }
3140
+ .flex-row-m { flex-direction: row; }
3141
+ .flex-wrap-m { flex-wrap: wrap; }
3142
+ .flex-nowrap-m { flex-wrap: nowrap; }
3143
+ .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
3144
+ .flex-column-reverse-m { flex-direction: column-reverse; }
3145
+ .flex-row-reverse-m { flex-direction: row-reverse; }
3146
+ .items-start-m { align-items: flex-start; }
3147
+ .items-end-m { align-items: flex-end; }
3148
+ .items-center-m { align-items: center; }
3149
+ .items-baseline-m { align-items: baseline; }
3150
+ .items-stretch-m { align-items: stretch; }
3151
+ .self-start-m { align-self: flex-start; }
3152
+ .self-end-m { align-self: flex-end; }
3153
+ .self-center-m { align-self: center; }
3154
+ .self-baseline-m { align-self: baseline; }
3155
+ .self-stretch-m { align-self: stretch; }
3156
+ .justify-start-m { justify-content: flex-start; }
3157
+ .justify-end-m { justify-content: flex-end; }
3158
+ .justify-center-m { justify-content: center; }
3159
+ .justify-between-m { justify-content: space-between; }
3160
+ .justify-around-m { justify-content: space-around; }
3161
+ .content-start-m { align-content: flex-start; }
3162
+ .content-end-m { align-content: flex-end; }
3163
+ .content-center-m { align-content: center; }
3164
+ .content-between-m { align-content: space-between; }
3165
+ .content-around-m { align-content: space-around; }
3166
+ .content-stretch-m { align-content: stretch; }
3167
+ .order-0-m { order: 0; }
3168
+ .order-1-m { order: 1; }
3169
+ .order-2-m { order: 2; }
3170
+ .order-3-m { order: 3; }
3171
+ .order-4-m { order: 4; }
3172
+ .order-5-m { order: 5; }
3173
+ .order-6-m { order: 6; }
3174
+ .order-7-m { order: 7; }
3175
+ .order-8-m { order: 8; }
3176
+ .order-last-m { order: 99999; }
3177
+ .flex-grow-0-m { flex-grow: 0; }
3178
+ .flex-grow-1-m { flex-grow: 1; }
3179
+ .flex-shrink-0-m { flex-shrink: 0; }
3180
+ .flex-shrink-1-m { flex-shrink: 1; }
3181
+ .fl-m { float: left; _display: inline; }
3182
+ .fr-m { float: right; _display: inline; }
3183
+ .fn-m { float: none; }
3184
+ .i-m { font-style: italic; }
3185
+ .fs-normal-m { font-style: normal; }
3186
+ .normal-m { font-weight: normal; }
3187
+ .b-m { font-weight: bold; }
3188
+ .fw1-m { font-weight: 100; }
3189
+ .fw2-m { font-weight: 200; }
3190
+ .fw3-m { font-weight: 300; }
3191
+ .fw4-m { font-weight: 400; }
3192
+ .fw5-m { font-weight: 500; }
3193
+ .fw6-m { font-weight: 600; }
3194
+ .fw7-m { font-weight: 700; }
3195
+ .fw8-m { font-weight: 800; }
3196
+ .fw9-m { font-weight: 900; }
3197
+ .h1-m { height: 1rem; }
3198
+ .h2-m { height: 2rem; }
3199
+ .h3-m { height: 4rem; }
3200
+ .h4-m { height: 8rem; }
3201
+ .h5-m { height: 16rem; }
3202
+ .h-25-m { height: 25%; }
3203
+ .h-50-m { height: 50%; }
3204
+ .h-75-m { height: 75%; }
3205
+ .h-100-m { height: 100%; }
3206
+ .min-h-100-m { min-height: 100%; }
3207
+ .vh-25-m { height: 25vh; }
3208
+ .vh-50-m { height: 50vh; }
3209
+ .vh-75-m { height: 75vh; }
3210
+ .vh-100-m { height: 100vh; }
3211
+ .min-vh-100-m { min-height: 100vh; }
3212
+ .h-auto-m { height: auto; }
3213
+ .h-inherit-m { height: inherit; }
3214
+ .tracked-m { letter-spacing: .1em; }
3215
+ .tracked-tight-m { letter-spacing: -.05em; }
3216
+ .tracked-mega-m { letter-spacing: .25em; }
3217
+ .lh-solid-m { line-height: 1; }
3218
+ .lh-title-m { line-height: 1.25; }
3219
+ .lh-copy-m { line-height: 1.5; }
3220
+ .mw-100-m { max-width: 100%; }
3221
+ .mw1-m { max-width: 1rem; }
3222
+ .mw2-m { max-width: 2rem; }
3223
+ .mw3-m { max-width: 4rem; }
3224
+ .mw4-m { max-width: 8rem; }
3225
+ .mw5-m { max-width: 16rem; }
3226
+ .mw6-m { max-width: 32rem; }
3227
+ .mw7-m { max-width: 48rem; }
3228
+ .mw8-m { max-width: 64rem; }
3229
+ .mw9-m { max-width: 96rem; }
3230
+ .mw-none-m { max-width: none; }
3231
+ .w1-m { width: 1rem; }
3232
+ .w2-m { width: 2rem; }
3233
+ .w3-m { width: 4rem; }
3234
+ .w4-m { width: 8rem; }
3235
+ .w5-m { width: 16rem; }
3236
+ .w-10-m { width: 10%; }
3237
+ .w-20-m { width: 20%; }
3238
+ .w-25-m { width: 25%; }
3239
+ .w-30-m { width: 30%; }
3240
+ .w-33-m { width: 33%; }
3241
+ .w-34-m { width: 34%; }
3242
+ .w-40-m { width: 40%; }
3243
+ .w-50-m { width: 50%; }
3244
+ .w-60-m { width: 60%; }
3245
+ .w-70-m { width: 70%; }
3246
+ .w-75-m { width: 75%; }
3247
+ .w-80-m { width: 80%; }
3248
+ .w-90-m { width: 90%; }
3249
+ .w-100-m { width: 100%; }
3250
+ .w-third-m { width: 33.33333%; }
3251
+ .w-two-thirds-m { width: 66.66667%; }
3252
+ .w-auto-m { width: auto; }
3253
+ .overflow-visible-m { overflow: visible; }
3254
+ .overflow-hidden-m { overflow: hidden; }
3255
+ .overflow-scroll-m { overflow: scroll; }
3256
+ .overflow-auto-m { overflow: auto; }
3257
+ .overflow-x-visible-m { overflow-x: visible; }
3258
+ .overflow-x-hidden-m { overflow-x: hidden; }
3259
+ .overflow-x-scroll-m { overflow-x: scroll; }
3260
+ .overflow-x-auto-m { overflow-x: auto; }
3261
+ .overflow-y-visible-m { overflow-y: visible; }
3262
+ .overflow-y-hidden-m { overflow-y: hidden; }
3263
+ .overflow-y-scroll-m { overflow-y: scroll; }
3264
+ .overflow-y-auto-m { overflow-y: auto; }
3265
+ .static-m { position: static; }
3266
+ .relative-m { position: relative; }
3267
+ .absolute-m { position: absolute; }
3268
+ .fixed-m { position: fixed; }
3269
+ .rotate-45-m { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
3270
+ .rotate-90-m { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
3271
+ .rotate-135-m { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
3272
+ .rotate-180-m { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
3273
+ .rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
3274
+ .rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
3275
+ .rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
3276
+ .pa0-m { padding: 0; }
3277
+ .pa1-m { padding: .25rem; }
3278
+ .pa2-m { padding: .5rem; }
3279
+ .pa3-m { padding: 1rem; }
3280
+ .pa4-m { padding: 2rem; }
3281
+ .pa5-m { padding: 4rem; }
3282
+ .pa6-m { padding: 8rem; }
3283
+ .pa7-m { padding: 16rem; }
3284
+ .pl0-m { padding-left: 0; }
3285
+ .pl1-m { padding-left: .25rem; }
3286
+ .pl2-m { padding-left: .5rem; }
3287
+ .pl3-m { padding-left: 1rem; }
3288
+ .pl4-m { padding-left: 2rem; }
3289
+ .pl5-m { padding-left: 4rem; }
3290
+ .pl6-m { padding-left: 8rem; }
3291
+ .pl7-m { padding-left: 16rem; }
3292
+ .pr0-m { padding-right: 0; }
3293
+ .pr1-m { padding-right: .25rem; }
3294
+ .pr2-m { padding-right: .5rem; }
3295
+ .pr3-m { padding-right: 1rem; }
3296
+ .pr4-m { padding-right: 2rem; }
3297
+ .pr5-m { padding-right: 4rem; }
3298
+ .pr6-m { padding-right: 8rem; }
3299
+ .pr7-m { padding-right: 16rem; }
3300
+ .pb0-m { padding-bottom: 0; }
3301
+ .pb1-m { padding-bottom: .25rem; }
3302
+ .pb2-m { padding-bottom: .5rem; }
3303
+ .pb3-m { padding-bottom: 1rem; }
3304
+ .pb4-m { padding-bottom: 2rem; }
3305
+ .pb5-m { padding-bottom: 4rem; }
3306
+ .pb6-m { padding-bottom: 8rem; }
3307
+ .pb7-m { padding-bottom: 16rem; }
3308
+ .pt0-m { padding-top: 0; }
3309
+ .pt1-m { padding-top: .25rem; }
3310
+ .pt2-m { padding-top: .5rem; }
3311
+ .pt3-m { padding-top: 1rem; }
3312
+ .pt4-m { padding-top: 2rem; }
3313
+ .pt5-m { padding-top: 4rem; }
3314
+ .pt6-m { padding-top: 8rem; }
3315
+ .pt7-m { padding-top: 16rem; }
3316
+ .pv0-m { padding-top: 0; padding-bottom: 0; }
3317
+ .pv1-m { padding-top: .25rem; padding-bottom: .25rem; }
3318
+ .pv2-m { padding-top: .5rem; padding-bottom: .5rem; }
3319
+ .pv3-m { padding-top: 1rem; padding-bottom: 1rem; }
3320
+ .pv4-m { padding-top: 2rem; padding-bottom: 2rem; }
3321
+ .pv5-m { padding-top: 4rem; padding-bottom: 4rem; }
3322
+ .pv6-m { padding-top: 8rem; padding-bottom: 8rem; }
3323
+ .pv7-m { padding-top: 16rem; padding-bottom: 16rem; }
3324
+ .ph0-m { padding-left: 0; padding-right: 0; }
3325
+ .ph1-m { padding-left: .25rem; padding-right: .25rem; }
3326
+ .ph2-m { padding-left: .5rem; padding-right: .5rem; }
3327
+ .ph3-m { padding-left: 1rem; padding-right: 1rem; }
3328
+ .ph4-m { padding-left: 2rem; padding-right: 2rem; }
3329
+ .ph5-m { padding-left: 4rem; padding-right: 4rem; }
3330
+ .ph6-m { padding-left: 8rem; padding-right: 8rem; }
3331
+ .ph7-m { padding-left: 16rem; padding-right: 16rem; }
3332
+ .ma0-m { margin: 0; }
3333
+ .ma1-m { margin: .25rem; }
3334
+ .ma2-m { margin: .5rem; }
3335
+ .ma3-m { margin: 1rem; }
3336
+ .ma4-m { margin: 2rem; }
3337
+ .ma5-m { margin: 4rem; }
3338
+ .ma6-m { margin: 8rem; }
3339
+ .ma7-m { margin: 16rem; }
3340
+ .ml0-m { margin-left: 0; }
3341
+ .ml1-m { margin-left: .25rem; }
3342
+ .ml2-m { margin-left: .5rem; }
3343
+ .ml3-m { margin-left: 1rem; }
3344
+ .ml4-m { margin-left: 2rem; }
3345
+ .ml5-m { margin-left: 4rem; }
3346
+ .ml6-m { margin-left: 8rem; }
3347
+ .ml7-m { margin-left: 16rem; }
3348
+ .mr0-m { margin-right: 0; }
3349
+ .mr1-m { margin-right: .25rem; }
3350
+ .mr2-m { margin-right: .5rem; }
3351
+ .mr3-m { margin-right: 1rem; }
3352
+ .mr4-m { margin-right: 2rem; }
3353
+ .mr5-m { margin-right: 4rem; }
3354
+ .mr6-m { margin-right: 8rem; }
3355
+ .mr7-m { margin-right: 16rem; }
3356
+ .mb0-m { margin-bottom: 0; }
3357
+ .mb1-m { margin-bottom: .25rem; }
3358
+ .mb2-m { margin-bottom: .5rem; }
3359
+ .mb3-m { margin-bottom: 1rem; }
3360
+ .mb4-m { margin-bottom: 2rem; }
3361
+ .mb5-m { margin-bottom: 4rem; }
3362
+ .mb6-m { margin-bottom: 8rem; }
3363
+ .mb7-m { margin-bottom: 16rem; }
3364
+ .mt0-m { margin-top: 0; }
3365
+ .mt1-m { margin-top: .25rem; }
3366
+ .mt2-m { margin-top: .5rem; }
3367
+ .mt3-m { margin-top: 1rem; }
3368
+ .mt4-m { margin-top: 2rem; }
3369
+ .mt5-m { margin-top: 4rem; }
3370
+ .mt6-m { margin-top: 8rem; }
3371
+ .mt7-m { margin-top: 16rem; }
3372
+ .mv0-m { margin-top: 0; margin-bottom: 0; }
3373
+ .mv1-m { margin-top: .25rem; margin-bottom: .25rem; }
3374
+ .mv2-m { margin-top: .5rem; margin-bottom: .5rem; }
3375
+ .mv3-m { margin-top: 1rem; margin-bottom: 1rem; }
3376
+ .mv4-m { margin-top: 2rem; margin-bottom: 2rem; }
3377
+ .mv5-m { margin-top: 4rem; margin-bottom: 4rem; }
3378
+ .mv6-m { margin-top: 8rem; margin-bottom: 8rem; }
3379
+ .mv7-m { margin-top: 16rem; margin-bottom: 16rem; }
3380
+ .mh0-m { margin-left: 0; margin-right: 0; }
3381
+ .mh1-m { margin-left: .25rem; margin-right: .25rem; }
3382
+ .mh2-m { margin-left: .5rem; margin-right: .5rem; }
3383
+ .mh3-m { margin-left: 1rem; margin-right: 1rem; }
3384
+ .mh4-m { margin-left: 2rem; margin-right: 2rem; }
3385
+ .mh5-m { margin-left: 4rem; margin-right: 4rem; }
3386
+ .mh6-m { margin-left: 8rem; margin-right: 8rem; }
3387
+ .mh7-m { margin-left: 16rem; margin-right: 16rem; }
3388
+ .na1-m { margin: -0.25rem; }
3389
+ .na2-m { margin: -0.5rem; }
3390
+ .na3-m { margin: -1rem; }
3391
+ .na4-m { margin: -2rem; }
3392
+ .na5-m { margin: -4rem; }
3393
+ .na6-m { margin: -8rem; }
3394
+ .na7-m { margin: -16rem; }
3395
+ .nl1-m { margin-left: -0.25rem; }
3396
+ .nl2-m { margin-left: -0.5rem; }
3397
+ .nl3-m { margin-left: -1rem; }
3398
+ .nl4-m { margin-left: -2rem; }
3399
+ .nl5-m { margin-left: -4rem; }
3400
+ .nl6-m { margin-left: -8rem; }
3401
+ .nl7-m { margin-left: -16rem; }
3402
+ .nr1-m { margin-right: -0.25rem; }
3403
+ .nr2-m { margin-right: -0.5rem; }
3404
+ .nr3-m { margin-right: -1rem; }
3405
+ .nr4-m { margin-right: -2rem; }
3406
+ .nr5-m { margin-right: -4rem; }
3407
+ .nr6-m { margin-right: -8rem; }
3408
+ .nr7-m { margin-right: -16rem; }
3409
+ .nb1-m { margin-bottom: -0.25rem; }
3410
+ .nb2-m { margin-bottom: -0.5rem; }
3411
+ .nb3-m { margin-bottom: -1rem; }
3412
+ .nb4-m { margin-bottom: -2rem; }
3413
+ .nb5-m { margin-bottom: -4rem; }
3414
+ .nb6-m { margin-bottom: -8rem; }
3415
+ .nb7-m { margin-bottom: -16rem; }
3416
+ .nt1-m { margin-top: -0.25rem; }
3417
+ .nt2-m { margin-top: -0.5rem; }
3418
+ .nt3-m { margin-top: -1rem; }
3419
+ .nt4-m { margin-top: -2rem; }
3420
+ .nt5-m { margin-top: -4rem; }
3421
+ .nt6-m { margin-top: -8rem; }
3422
+ .nt7-m { margin-top: -16rem; }
3423
+ .strike-m { text-decoration: line-through; }
3424
+ .underline-m { text-decoration: underline; }
3425
+ .no-underline-m { text-decoration: none; }
3426
+ .tl-m { text-align: left; }
3427
+ .tr-m { text-align: right; }
3428
+ .tc-m { text-align: center; }
3429
+ .tj-m { text-align: justify; }
3430
+ .ttc-m { text-transform: capitalize; }
3431
+ .ttl-m { text-transform: lowercase; }
3432
+ .ttu-m { text-transform: uppercase; }
3433
+ .ttn-m { text-transform: none; }
3434
+ .f-6-m, .f-headline-m { font-size: 6rem; }
3435
+ .f-5-m, .f-subheadline-m { font-size: 5rem; }
3436
+ .f1-m { font-size: 3rem; }
3437
+ .f2-m { font-size: 2.25rem; }
3438
+ .f3-m { font-size: 1.5rem; }
3439
+ .f4-m { font-size: 1.25rem; }
3440
+ .f5-m { font-size: 1rem; }
3441
+ .f6-m { font-size: .875rem; }
3442
+ .f7-m { font-size: .75rem; }
3443
+ .measure-m { max-width: 30em; }
3444
+ .measure-wide-m { max-width: 34em; }
3445
+ .measure-narrow-m { max-width: 20em; }
3446
+ .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
3447
+ .small-caps-m { font-variant: small-caps; }
3448
+ .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
3449
+ .center-m { margin-right: auto; margin-left: auto; }
3450
+ .mr-auto-m { margin-right: auto; }
3451
+ .ml-auto-m { margin-left: auto; }
3452
+ .clip-m { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
3453
+ .ws-normal-m { white-space: normal; }
3454
+ .nowrap-m { white-space: nowrap; }
3455
+ .pre-m { white-space: pre; }
3456
+ .v-base-m { vertical-align: baseline; }
3457
+ .v-mid-m { vertical-align: middle; }
3458
+ .v-top-m { vertical-align: top; }
3459
+ .v-btm-m { vertical-align: bottom; }
3460
+ }
3461
+ @media screen and (min-width: 60em) {
3462
+ .aspect-ratio-l { height: 0; position: relative; }
3463
+ .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
3464
+ .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
3465
+ .aspect-ratio--4x3-l { padding-bottom: 75%; }
3466
+ .aspect-ratio--3x4-l { padding-bottom: 133.33%; }
3467
+ .aspect-ratio--6x4-l { padding-bottom: 66.6%; }
3468
+ .aspect-ratio--4x6-l { padding-bottom: 150%; }
3469
+ .aspect-ratio--8x5-l { padding-bottom: 62.5%; }
3470
+ .aspect-ratio--5x8-l { padding-bottom: 160%; }
3471
+ .aspect-ratio--7x5-l { padding-bottom: 71.42%; }
3472
+ .aspect-ratio--5x7-l { padding-bottom: 140%; }
3473
+ .aspect-ratio--1x1-l { padding-bottom: 100%; }
3474
+ .aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
3475
+ .cover-l { background-size: cover !important; }
3476
+ .contain-l { background-size: contain !important; }
3477
+ .bg-center-l { background-repeat: no-repeat; background-position: center center; }
3478
+ .bg-top-l { background-repeat: no-repeat; background-position: top center; }
3479
+ .bg-right-l { background-repeat: no-repeat; background-position: center right; }
3480
+ .bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; }
3481
+ .bg-left-l { background-repeat: no-repeat; background-position: center left; }
3482
+ .outline-l { outline: 1px solid; }
3483
+ .outline-transparent-l { outline: 1px solid transparent; }
3484
+ .outline-0-l { outline: 0; }
3485
+ .ba-l { border-style: solid; border-width: 1px; }
3486
+ .bt-l { border-top-style: solid; border-top-width: 1px; }
3487
+ .br-l { border-right-style: solid; border-right-width: 1px; }
3488
+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
3489
+ .bl-l { border-left-style: solid; border-left-width: 1px; }
3490
+ .bn-l { border-style: none; border-width: 0; }
3491
+ .br0-l { border-radius: 0; }
3492
+ .br1-l { border-radius: .125rem; }
3493
+ .br2-l { border-radius: .25rem; }
3494
+ .br3-l { border-radius: .5rem; }
3495
+ .br4-l { border-radius: 1rem; }
3496
+ .br-100-l { border-radius: 100%; }
3497
+ .br-pill-l { border-radius: 9999px; }
3498
+ .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
3499
+ .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
3500
+ .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; }
3501
+ .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; }
3502
+ .br-inherit-l { border-radius: inherit; }
3503
+ .br-initial-l { border-radius: initial; }
3504
+ .br-unset-l { border-radius: unset; }
3505
+ .b--dotted-l { border-style: dotted; }
3506
+ .b--dashed-l { border-style: dashed; }
3507
+ .b--solid-l { border-style: solid; }
3508
+ .b--none-l { border-style: none; }
3509
+ .bw0-l { border-width: 0; }
3510
+ .bw1-l { border-width: .125rem; }
3511
+ .bw2-l { border-width: .25rem; }
3512
+ .bw3-l { border-width: .5rem; }
3513
+ .bw4-l { border-width: 1rem; }
3514
+ .bw5-l { border-width: 2rem; }
3515
+ .bt-0-l { border-top-width: 0; }
3516
+ .br-0-l { border-right-width: 0; }
3517
+ .bb-0-l { border-bottom-width: 0; }
3518
+ .bl-0-l { border-left-width: 0; }
3519
+ .shadow-1-l { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
3520
+ .shadow-2-l { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
3521
+ .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
3522
+ .shadow-4-l { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
3523
+ .shadow-5-l { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
3524
+ .top-0-l { top: 0; }
3525
+ .left-0-l { left: 0; }
3526
+ .right-0-l { right: 0; }
3527
+ .bottom-0-l { bottom: 0; }
3528
+ .top-1-l { top: 1rem; }
3529
+ .left-1-l { left: 1rem; }
3530
+ .right-1-l { right: 1rem; }
3531
+ .bottom-1-l { bottom: 1rem; }
3532
+ .top-2-l { top: 2rem; }
3533
+ .left-2-l { left: 2rem; }
3534
+ .right-2-l { right: 2rem; }
3535
+ .bottom-2-l { bottom: 2rem; }
3536
+ .top--1-l { top: -1rem; }
3537
+ .right--1-l { right: -1rem; }
3538
+ .bottom--1-l { bottom: -1rem; }
3539
+ .left--1-l { left: -1rem; }
3540
+ .top--2-l { top: -2rem; }
3541
+ .right--2-l { right: -2rem; }
3542
+ .bottom--2-l { bottom: -2rem; }
3543
+ .left--2-l { left: -2rem; }
3544
+ .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; }
3545
+ .cl-l { clear: left; }
3546
+ .cr-l { clear: right; }
3547
+ .cb-l { clear: both; }
3548
+ .cn-l { clear: none; }
3549
+ .dn-l { display: none; }
3550
+ .di-l { display: inline; }
3551
+ .db-l { display: block; }
3552
+ .dib-l { display: inline-block; }
3553
+ .dit-l { display: inline-table; }
3554
+ .dt-l { display: table; }
3555
+ .dtc-l { display: table-cell; }
3556
+ .dt-row-l { display: table-row; }
3557
+ .dt-row-group-l { display: table-row-group; }
3558
+ .dt-column-l { display: table-column; }
3559
+ .dt-column-group-l { display: table-column-group; }
3560
+ .dt--fixed-l { table-layout: fixed; width: 100%; }
3561
+ .flex-l { display: flex; }
3562
+ .inline-flex-l { display: inline-flex; }
3563
+ .flex-auto-l { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
3564
+ .flex-none-l { flex: none; }
3565
+ .flex-column-l { flex-direction: column; }
3566
+ .flex-row-l { flex-direction: row; }
3567
+ .flex-wrap-l { flex-wrap: wrap; }
3568
+ .flex-nowrap-l { flex-wrap: nowrap; }
3569
+ .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
3570
+ .flex-column-reverse-l { flex-direction: column-reverse; }
3571
+ .flex-row-reverse-l { flex-direction: row-reverse; }
3572
+ .items-start-l { align-items: flex-start; }
3573
+ .items-end-l { align-items: flex-end; }
3574
+ .items-center-l { align-items: center; }
3575
+ .items-baseline-l { align-items: baseline; }
3576
+ .items-stretch-l { align-items: stretch; }
3577
+ .self-start-l { align-self: flex-start; }
3578
+ .self-end-l { align-self: flex-end; }
3579
+ .self-center-l { align-self: center; }
3580
+ .self-baseline-l { align-self: baseline; }
3581
+ .self-stretch-l { align-self: stretch; }
3582
+ .justify-start-l { justify-content: flex-start; }
3583
+ .justify-end-l { justify-content: flex-end; }
3584
+ .justify-center-l { justify-content: center; }
3585
+ .justify-between-l { justify-content: space-between; }
3586
+ .justify-around-l { justify-content: space-around; }
3587
+ .content-start-l { align-content: flex-start; }
3588
+ .content-end-l { align-content: flex-end; }
3589
+ .content-center-l { align-content: center; }
3590
+ .content-between-l { align-content: space-between; }
3591
+ .content-around-l { align-content: space-around; }
3592
+ .content-stretch-l { align-content: stretch; }
3593
+ .order-0-l { order: 0; }
3594
+ .order-1-l { order: 1; }
3595
+ .order-2-l { order: 2; }
3596
+ .order-3-l { order: 3; }
3597
+ .order-4-l { order: 4; }
3598
+ .order-5-l { order: 5; }
3599
+ .order-6-l { order: 6; }
3600
+ .order-7-l { order: 7; }
3601
+ .order-8-l { order: 8; }
3602
+ .order-last-l { order: 99999; }
3603
+ .flex-grow-0-l { flex-grow: 0; }
3604
+ .flex-grow-1-l { flex-grow: 1; }
3605
+ .flex-shrink-0-l { flex-shrink: 0; }
3606
+ .flex-shrink-1-l { flex-shrink: 1; }
3607
+ .fl-l { float: left; _display: inline; }
3608
+ .fr-l { float: right; _display: inline; }
3609
+ .fn-l { float: none; }
3610
+ .i-l { font-style: italic; }
3611
+ .fs-normal-l { font-style: normal; }
3612
+ .normal-l { font-weight: normal; }
3613
+ .b-l { font-weight: bold; }
3614
+ .fw1-l { font-weight: 100; }
3615
+ .fw2-l { font-weight: 200; }
3616
+ .fw3-l { font-weight: 300; }
3617
+ .fw4-l { font-weight: 400; }
3618
+ .fw5-l { font-weight: 500; }
3619
+ .fw6-l { font-weight: 600; }
3620
+ .fw7-l { font-weight: 700; }
3621
+ .fw8-l { font-weight: 800; }
3622
+ .fw9-l { font-weight: 900; }
3623
+ .h1-l { height: 1rem; }
3624
+ .h2-l { height: 2rem; }
3625
+ .h3-l { height: 4rem; }
3626
+ .h4-l { height: 8rem; }
3627
+ .h5-l { height: 16rem; }
3628
+ .h-25-l { height: 25%; }
3629
+ .h-50-l { height: 50%; }
3630
+ .h-75-l { height: 75%; }
3631
+ .h-100-l { height: 100%; }
3632
+ .min-h-100-l { min-height: 100%; }
3633
+ .vh-25-l { height: 25vh; }
3634
+ .vh-50-l { height: 50vh; }
3635
+ .vh-75-l { height: 75vh; }
3636
+ .vh-100-l { height: 100vh; }
3637
+ .min-vh-100-l { min-height: 100vh; }
3638
+ .h-auto-l { height: auto; }
3639
+ .h-inherit-l { height: inherit; }
3640
+ .tracked-l { letter-spacing: .1em; }
3641
+ .tracked-tight-l { letter-spacing: -.05em; }
3642
+ .tracked-mega-l { letter-spacing: .25em; }
3643
+ .lh-solid-l { line-height: 1; }
3644
+ .lh-title-l { line-height: 1.25; }
3645
+ .lh-copy-l { line-height: 1.5; }
3646
+ .mw-100-l { max-width: 100%; }
3647
+ .mw1-l { max-width: 1rem; }
3648
+ .mw2-l { max-width: 2rem; }
3649
+ .mw3-l { max-width: 4rem; }
3650
+ .mw4-l { max-width: 8rem; }
3651
+ .mw5-l { max-width: 16rem; }
3652
+ .mw6-l { max-width: 32rem; }
3653
+ .mw7-l { max-width: 48rem; }
3654
+ .mw8-l { max-width: 64rem; }
3655
+ .mw9-l { max-width: 96rem; }
3656
+ .mw-none-l { max-width: none; }
3657
+ .w1-l { width: 1rem; }
3658
+ .w2-l { width: 2rem; }
3659
+ .w3-l { width: 4rem; }
3660
+ .w4-l { width: 8rem; }
3661
+ .w5-l { width: 16rem; }
3662
+ .w-10-l { width: 10%; }
3663
+ .w-20-l { width: 20%; }
3664
+ .w-25-l { width: 25%; }
3665
+ .w-30-l { width: 30%; }
3666
+ .w-33-l { width: 33%; }
3667
+ .w-34-l { width: 34%; }
3668
+ .w-40-l { width: 40%; }
3669
+ .w-50-l { width: 50%; }
3670
+ .w-60-l { width: 60%; }
3671
+ .w-70-l { width: 70%; }
3672
+ .w-75-l { width: 75%; }
3673
+ .w-80-l { width: 80%; }
3674
+ .w-90-l { width: 90%; }
3675
+ .w-100-l { width: 100%; }
3676
+ .w-third-l { width: 33.33333%; }
3677
+ .w-two-thirds-l { width: 66.66667%; }
3678
+ .w-auto-l { width: auto; }
3679
+ .overflow-visible-l { overflow: visible; }
3680
+ .overflow-hidden-l { overflow: hidden; }
3681
+ .overflow-scroll-l { overflow: scroll; }
3682
+ .overflow-auto-l { overflow: auto; }
3683
+ .overflow-x-visible-l { overflow-x: visible; }
3684
+ .overflow-x-hidden-l { overflow-x: hidden; }
3685
+ .overflow-x-scroll-l { overflow-x: scroll; }
3686
+ .overflow-x-auto-l { overflow-x: auto; }
3687
+ .overflow-y-visible-l { overflow-y: visible; }
3688
+ .overflow-y-hidden-l { overflow-y: hidden; }
3689
+ .overflow-y-scroll-l { overflow-y: scroll; }
3690
+ .overflow-y-auto-l { overflow-y: auto; }
3691
+ .static-l { position: static; }
3692
+ .relative-l { position: relative; }
3693
+ .absolute-l { position: absolute; }
3694
+ .fixed-l { position: fixed; }
3695
+ .rotate-45-l { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
3696
+ .rotate-90-l { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
3697
+ .rotate-135-l { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
3698
+ .rotate-180-l { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
3699
+ .rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
3700
+ .rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
3701
+ .rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
3702
+ .pa0-l { padding: 0; }
3703
+ .pa1-l { padding: .25rem; }
3704
+ .pa2-l { padding: .5rem; }
3705
+ .pa3-l { padding: 1rem; }
3706
+ .pa4-l { padding: 2rem; }
3707
+ .pa5-l { padding: 4rem; }
3708
+ .pa6-l { padding: 8rem; }
3709
+ .pa7-l { padding: 16rem; }
3710
+ .pl0-l { padding-left: 0; }
3711
+ .pl1-l { padding-left: .25rem; }
3712
+ .pl2-l { padding-left: .5rem; }
3713
+ .pl3-l { padding-left: 1rem; }
3714
+ .pl4-l { padding-left: 2rem; }
3715
+ .pl5-l { padding-left: 4rem; }
3716
+ .pl6-l { padding-left: 8rem; }
3717
+ .pl7-l { padding-left: 16rem; }
3718
+ .pr0-l { padding-right: 0; }
3719
+ .pr1-l { padding-right: .25rem; }
3720
+ .pr2-l { padding-right: .5rem; }
3721
+ .pr3-l { padding-right: 1rem; }
3722
+ .pr4-l { padding-right: 2rem; }
3723
+ .pr5-l { padding-right: 4rem; }
3724
+ .pr6-l { padding-right: 8rem; }
3725
+ .pr7-l { padding-right: 16rem; }
3726
+ .pb0-l { padding-bottom: 0; }
3727
+ .pb1-l { padding-bottom: .25rem; }
3728
+ .pb2-l { padding-bottom: .5rem; }
3729
+ .pb3-l { padding-bottom: 1rem; }
3730
+ .pb4-l { padding-bottom: 2rem; }
3731
+ .pb5-l { padding-bottom: 4rem; }
3732
+ .pb6-l { padding-bottom: 8rem; }
3733
+ .pb7-l { padding-bottom: 16rem; }
3734
+ .pt0-l { padding-top: 0; }
3735
+ .pt1-l { padding-top: .25rem; }
3736
+ .pt2-l { padding-top: .5rem; }
3737
+ .pt3-l { padding-top: 1rem; }
3738
+ .pt4-l { padding-top: 2rem; }
3739
+ .pt5-l { padding-top: 4rem; }
3740
+ .pt6-l { padding-top: 8rem; }
3741
+ .pt7-l { padding-top: 16rem; }
3742
+ .pv0-l { padding-top: 0; padding-bottom: 0; }
3743
+ .pv1-l { padding-top: .25rem; padding-bottom: .25rem; }
3744
+ .pv2-l { padding-top: .5rem; padding-bottom: .5rem; }
3745
+ .pv3-l { padding-top: 1rem; padding-bottom: 1rem; }
3746
+ .pv4-l { padding-top: 2rem; padding-bottom: 2rem; }
3747
+ .pv5-l { padding-top: 4rem; padding-bottom: 4rem; }
3748
+ .pv6-l { padding-top: 8rem; padding-bottom: 8rem; }
3749
+ .pv7-l { padding-top: 16rem; padding-bottom: 16rem; }
3750
+ .ph0-l { padding-left: 0; padding-right: 0; }
3751
+ .ph1-l { padding-left: .25rem; padding-right: .25rem; }
3752
+ .ph2-l { padding-left: .5rem; padding-right: .5rem; }
3753
+ .ph3-l { padding-left: 1rem; padding-right: 1rem; }
3754
+ .ph4-l { padding-left: 2rem; padding-right: 2rem; }
3755
+ .ph5-l { padding-left: 4rem; padding-right: 4rem; }
3756
+ .ph6-l { padding-left: 8rem; padding-right: 8rem; }
3757
+ .ph7-l { padding-left: 16rem; padding-right: 16rem; }
3758
+ .ma0-l { margin: 0; }
3759
+ .ma1-l { margin: .25rem; }
3760
+ .ma2-l { margin: .5rem; }
3761
+ .ma3-l { margin: 1rem; }
3762
+ .ma4-l { margin: 2rem; }
3763
+ .ma5-l { margin: 4rem; }
3764
+ .ma6-l { margin: 8rem; }
3765
+ .ma7-l { margin: 16rem; }
3766
+ .ml0-l { margin-left: 0; }
3767
+ .ml1-l { margin-left: .25rem; }
3768
+ .ml2-l { margin-left: .5rem; }
3769
+ .ml3-l { margin-left: 1rem; }
3770
+ .ml4-l { margin-left: 2rem; }
3771
+ .ml5-l { margin-left: 4rem; }
3772
+ .ml6-l { margin-left: 8rem; }
3773
+ .ml7-l { margin-left: 16rem; }
3774
+ .mr0-l { margin-right: 0; }
3775
+ .mr1-l { margin-right: .25rem; }
3776
+ .mr2-l { margin-right: .5rem; }
3777
+ .mr3-l { margin-right: 1rem; }
3778
+ .mr4-l { margin-right: 2rem; }
3779
+ .mr5-l { margin-right: 4rem; }
3780
+ .mr6-l { margin-right: 8rem; }
3781
+ .mr7-l { margin-right: 16rem; }
3782
+ .mb0-l { margin-bottom: 0; }
3783
+ .mb1-l { margin-bottom: .25rem; }
3784
+ .mb2-l { margin-bottom: .5rem; }
3785
+ .mb3-l { margin-bottom: 1rem; }
3786
+ .mb4-l { margin-bottom: 2rem; }
3787
+ .mb5-l { margin-bottom: 4rem; }
3788
+ .mb6-l { margin-bottom: 8rem; }
3789
+ .mb7-l { margin-bottom: 16rem; }
3790
+ .mt0-l { margin-top: 0; }
3791
+ .mt1-l { margin-top: .25rem; }
3792
+ .mt2-l { margin-top: .5rem; }
3793
+ .mt3-l { margin-top: 1rem; }
3794
+ .mt4-l { margin-top: 2rem; }
3795
+ .mt5-l { margin-top: 4rem; }
3796
+ .mt6-l { margin-top: 8rem; }
3797
+ .mt7-l { margin-top: 16rem; }
3798
+ .mv0-l { margin-top: 0; margin-bottom: 0; }
3799
+ .mv1-l { margin-top: .25rem; margin-bottom: .25rem; }
3800
+ .mv2-l { margin-top: .5rem; margin-bottom: .5rem; }
3801
+ .mv3-l { margin-top: 1rem; margin-bottom: 1rem; }
3802
+ .mv4-l { margin-top: 2rem; margin-bottom: 2rem; }
3803
+ .mv5-l { margin-top: 4rem; margin-bottom: 4rem; }
3804
+ .mv6-l { margin-top: 8rem; margin-bottom: 8rem; }
3805
+ .mv7-l { margin-top: 16rem; margin-bottom: 16rem; }
3806
+ .mh0-l { margin-left: 0; margin-right: 0; }
3807
+ .mh1-l { margin-left: .25rem; margin-right: .25rem; }
3808
+ .mh2-l { margin-left: .5rem; margin-right: .5rem; }
3809
+ .mh3-l { margin-left: 1rem; margin-right: 1rem; }
3810
+ .mh4-l { margin-left: 2rem; margin-right: 2rem; }
3811
+ .mh5-l { margin-left: 4rem; margin-right: 4rem; }
3812
+ .mh6-l { margin-left: 8rem; margin-right: 8rem; }
3813
+ .mh7-l { margin-left: 16rem; margin-right: 16rem; }
3814
+ .na1-l { margin: -0.25rem; }
3815
+ .na2-l { margin: -0.5rem; }
3816
+ .na3-l { margin: -1rem; }
3817
+ .na4-l { margin: -2rem; }
3818
+ .na5-l { margin: -4rem; }
3819
+ .na6-l { margin: -8rem; }
3820
+ .na7-l { margin: -16rem; }
3821
+ .nl1-l { margin-left: -0.25rem; }
3822
+ .nl2-l { margin-left: -0.5rem; }
3823
+ .nl3-l { margin-left: -1rem; }
3824
+ .nl4-l { margin-left: -2rem; }
3825
+ .nl5-l { margin-left: -4rem; }
3826
+ .nl6-l { margin-left: -8rem; }
3827
+ .nl7-l { margin-left: -16rem; }
3828
+ .nr1-l { margin-right: -0.25rem; }
3829
+ .nr2-l { margin-right: -0.5rem; }
3830
+ .nr3-l { margin-right: -1rem; }
3831
+ .nr4-l { margin-right: -2rem; }
3832
+ .nr5-l { margin-right: -4rem; }
3833
+ .nr6-l { margin-right: -8rem; }
3834
+ .nr7-l { margin-right: -16rem; }
3835
+ .nb1-l { margin-bottom: -0.25rem; }
3836
+ .nb2-l { margin-bottom: -0.5rem; }
3837
+ .nb3-l { margin-bottom: -1rem; }
3838
+ .nb4-l { margin-bottom: -2rem; }
3839
+ .nb5-l { margin-bottom: -4rem; }
3840
+ .nb6-l { margin-bottom: -8rem; }
3841
+ .nb7-l { margin-bottom: -16rem; }
3842
+ .nt1-l { margin-top: -0.25rem; }
3843
+ .nt2-l { margin-top: -0.5rem; }
3844
+ .nt3-l { margin-top: -1rem; }
3845
+ .nt4-l { margin-top: -2rem; }
3846
+ .nt5-l { margin-top: -4rem; }
3847
+ .nt6-l { margin-top: -8rem; }
3848
+ .nt7-l { margin-top: -16rem; }
3849
+ .strike-l { text-decoration: line-through; }
3850
+ .underline-l { text-decoration: underline; }
3851
+ .no-underline-l { text-decoration: none; }
3852
+ .tl-l { text-align: left; }
3853
+ .tr-l { text-align: right; }
3854
+ .tc-l { text-align: center; }
3855
+ .tj-l { text-align: justify; }
3856
+ .ttc-l { text-transform: capitalize; }
3857
+ .ttl-l { text-transform: lowercase; }
3858
+ .ttu-l { text-transform: uppercase; }
3859
+ .ttn-l { text-transform: none; }
3860
+ .f-6-l, .f-headline-l { font-size: 6rem; }
3861
+ .f-5-l, .f-subheadline-l { font-size: 5rem; }
3862
+ .f1-l { font-size: 3rem; }
3863
+ .f2-l { font-size: 2.25rem; }
3864
+ .f3-l { font-size: 1.5rem; }
3865
+ .f4-l { font-size: 1.25rem; }
3866
+ .f5-l { font-size: 1rem; }
3867
+ .f6-l { font-size: .875rem; }
3868
+ .f7-l { font-size: .75rem; }
3869
+ .measure-l { max-width: 30em; }
3870
+ .measure-wide-l { max-width: 34em; }
3871
+ .measure-narrow-l { max-width: 20em; }
3872
+ .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
3873
+ .small-caps-l { font-variant: small-caps; }
3874
+ .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
3875
+ .center-l { margin-right: auto; margin-left: auto; }
3876
+ .mr-auto-l { margin-right: auto; }
3877
+ .ml-auto-l { margin-left: auto; }
3878
+ .clip-l { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
3879
+ .ws-normal-l { white-space: normal; }
3880
+ .nowrap-l { white-space: nowrap; }
3881
+ .pre-l { white-space: pre; }
3882
+ .v-base-l { vertical-align: baseline; }
3883
+ .v-mid-l { vertical-align: middle; }
3884
+ .v-top-l { vertical-align: top; }
3885
+ .v-btm-l { vertical-align: bottom; }
3886
+ }
3887
+
3888
+
3889
+ /* Some styles specific to the infoview. */
3890
+
3891
+ html,
3892
+ body {
3893
+ height: 100%;
3894
+ }
3895
+
3896
+ .font-code {
3897
+ color: var(--vscode-editor-foreground);
3898
+ font-family: var(--vscode-editor-font-family);
3899
+ font-weight: var(--vscode-editor-font-weight);
3900
+ font-size: var(--vscode-editor-font-size);
3901
+ line-height: var(--vscode-editor-line-height);
3902
+ }
3903
+
3904
+ .font-size-code-smaller {
3905
+ font-size: calc(0.8 * var(--vscode-editor-font-size));
3906
+ line-height: calc(0.8 * var(--vscode-editor-line-height));
3907
+ }
3908
+
3909
+ .font-normal {
3910
+ font-family: var(--vscode-font-family);
3911
+ font-weight: var(--vscode-font-weight);
3912
+ font-size: var(--vscode-font-size);
3913
+ }
3914
+
3915
+ .codicon-blank {
3916
+ width: 20px;
3917
+ height: 16px;
3918
+ }
3919
+
3920
+ /* These are syntax highlights for the string goal view. */
3921
+ .goal-goals {
3922
+ color: var(--vscode-lean4-infoView\.goalCount);
3923
+ }
3924
+ .goal-vdash {
3925
+ color: var(--vscode-lean4-infoView\.turnstile);
3926
+ }
3927
+ .goal-case {
3928
+ color: var(--vscode-lean4-infoView\.caseLabel);
3929
+ }
3930
+ .goal-hyp {
3931
+ color: var(--vscode-lean4-infoView\.hypothesisName);
3932
+ }
3933
+ .goal-inaccessible {
3934
+ color: var(--vscode-lean4-infoView\.inaccessibleHypothesisName);
3935
+ opacity: 0.7;
3936
+ font-style: italic;
3937
+ font-weight: normal;
3938
+ }
3939
+
3940
+ /* Used to denote text highlighted by the pretty-print expression widget. */
3941
+ .highlightable {
3942
+ border-radius: 2pt;
3943
+ transition: background-color 100ms ease-in-out;
3944
+ }
3945
+
3946
+ .highlight {
3947
+ background-color: var(--vscode-editor-selectionBackground) !important;
3948
+ }
3949
+
3950
+ .highlight-selected {
3951
+ background-color: var(--vscode-editorOverviewRuler-rangeHighlightForeground);
3952
+ }
3953
+
3954
+ /* Interactive traces */
3955
+ .trace-line:hover {
3956
+ background-color: #dbeeff;
3957
+ }
3958
+ .vscode-dark .trace-line:hover {
3959
+ background-color: #1a2c3c;
3960
+ }
3961
+ .trace-class {
3962
+ opacity: 0.4;
3963
+ }
3964
+
3965
+ .pre-wrap {
3966
+ white-space: pre-wrap;
3967
+ }
3968
+
3969
+ .error {
3970
+ color: #e51400;
3971
+ }
3972
+
3973
+ .warning {
3974
+ color: #bf8803;
3975
+ }
3976
+
3977
+ .information {
3978
+ color: darkgreen;
3979
+ }
3980
+
3981
+ .vscode-dark .error {
3982
+ color: #f14c4c;
3983
+ }
3984
+
3985
+ .vscode-dark .warning {
3986
+ color: #cca700;
3987
+ }
3988
+
3989
+ .vscode-dark .information {
3990
+ color: #89d185;
3991
+ }
3992
+
3993
+ .vscode-high-contrast .error {
3994
+ color: lightpink;
3995
+ }
3996
+
3997
+ .vscode-high-contrast .warning {
3998
+ color: yellow;
3999
+ }
4000
+
4001
+ .vscode-high-contrast .information {
4002
+ color: lightgreen;
4003
+ }
4004
+
4005
+ /* Headers for infoview */
4006
+
4007
+ .restart-file-button {
4008
+ position: fixed;
4009
+ bottom: 10px;
4010
+ right: 10px;
4011
+ z-index: 37;
4012
+ }
4013
+
4014
+ select {
4015
+ background-color: var(--vscode-dropdown-background);
4016
+ color: var(--vscode-dropdown-foreground);
4017
+ border-color: var(--vscode-dropdown-border);
4018
+ }
4019
+
4020
+ /* Style for the rounded box that is the outermost div of every tooltip.
4021
+ * We use more specific classes for styling tooltip contents. */
4022
+ .tooltip {
4023
+ background-color: var(--vscode-editorHoverWidget-background);
4024
+ border-radius: 4px;
4025
+ border-color: var(--vscode-editorHoverWidget-border);
4026
+ border-width: 1px;
4027
+ border-style: solid;
4028
+ box-shadow: 1px 1px 5px var(--vscode-widget-shadow);
4029
+ box-sizing: border-box;
4030
+ /* Note: max-height is set in JS. */
4031
+ max-width: 70%;
4032
+ /* Flexbox ensures that contents don't overflow. */
4033
+ display: flex;
4034
+ }
4035
+
4036
+ .tooltip-content {
4037
+ padding: 4px 8px;
4038
+ overflow-y: auto;
4039
+ overscroll-behavior: contain;
4040
+ }
4041
+
4042
+ /* Contents of a list of selections shown as a tooltip. */
4043
+ .tooltip-menu-content {
4044
+ color: var(--vscode-editorHoverWidget-foreground);
4045
+ }
4046
+
4047
+ .tooltip-menu-content .tooltip-menu-text {
4048
+ text-align: center;
4049
+ padding: 5px;
4050
+ vertical-align: top;
4051
+ display: inline-block;
4052
+ }
4053
+
4054
+ .tooltip-menu-content .tooltip-menu-icon {
4055
+ padding: 0px;
4056
+ margin-top: 6px;
4057
+ }
4058
+
4059
+ /*---------------------------------------------------------------------------------------------
4060
+ * Copyright (c) Microsoft Corporation. All rights reserved.
4061
+ * Licensed under the MIT License. See License.txt in the project root for license information.
4062
+ *--------------------------------------------------------------------------------------------*/
4063
+ /* adapted from https://github.com/microsoft/vscode/blob/main/src/vs/base/browser/ui/hover/hover.css */
4064
+
4065
+ /* Contents of a code tooltip showing a value, type, documentation, etc. */
4066
+ .tooltip-code-content {
4067
+ color: var(--vscode-editorHoverWidget-foreground);
4068
+ line-height: var(--vscode-editor-line-height);
4069
+ }
4070
+
4071
+ .tooltip-code-content a:hover {
4072
+ cursor: pointer;
4073
+ }
4074
+
4075
+ .tooltip-code-content p,
4076
+ .tooltip-code-content .code,
4077
+ .tooltip-code-content ul {
4078
+ margin: 8px 0;
4079
+ }
4080
+
4081
+ .tooltip-code-content hr {
4082
+ box-sizing: border-box;
4083
+ border-left: -8px;
4084
+ border-right: -8px;
4085
+ margin-top: 4px;
4086
+ margin-bottom: 4px;
4087
+ height: 1px;
4088
+ border-bottom-width: 0px;
4089
+ border-top-width: 1px;
4090
+ border-top-style: solid;
4091
+ border-top-color: var(--vscode-editorHoverWidget-border);
4092
+ }
4093
+
4094
+ .tooltip-code-content p:first-child,
4095
+ .tooltip-code-content .code:first-child,
4096
+ .tooltip-code-content ul:first-child {
4097
+ margin-top: 0;
4098
+ }
4099
+
4100
+ .tooltip-code-content p:last-child,
4101
+ .tooltip-code-content .code:last-child,
4102
+ .tooltip-code-content ul:last-child {
4103
+ margin-bottom: 0;
4104
+ }
4105
+
4106
+ /* MarkupContent Layout */
4107
+ .tooltip-code-content ul {
4108
+ padding-left: 20px;
4109
+ }
4110
+ .tooltip-code-content ol {
4111
+ padding-left: 20px;
4112
+ }
4113
+
4114
+ .tooltip-code-content li > p {
4115
+ margin-bottom: 0;
4116
+ }
4117
+
4118
+ .tooltip-code-content li > ul {
4119
+ margin-top: 0;
4120
+ }
4121
+
4122
+ .tooltip-code-content code {
4123
+ border-radius: 3px;
4124
+ padding: 0 0.4em;
4125
+ background-color: var(--vscode-textCodeBlock-background);
4126
+ }
4127
+
4128
+ .vscode-high-contrast .inserted-text {
4129
+ border: thin solid var(--vscode-diffEditor-insertedTextBorder);
4130
+ }
4131
+
4132
+ .vscode-high-contrast .removed-text {
4133
+ border: thin solid var(--vscode-diffEditor-removedTextBorder);
4134
+ }
4135
+
4136
+ .inserted-text {
4137
+ background-color: var(--vscode-diffEditor-insertedTextBackground);
4138
+ border-radius: 2pt;
4139
+ }
4140
+
4141
+ .removed-text {
4142
+ background-color: var(--vscode-diffEditor-removedTextBackground);
4143
+ border-radius: 2pt;
4144
+ }
4145
+
4146
+ .b--inserted {
4147
+ border-color: var(--vscode-diffEditor-insertedTextBackground) !important;
4148
+ }
4149
+
4150
+ .b--modified {
4151
+ border-color: var(--vscode-diffEditor-insertedTextBackground) !important;
4152
+ }
4153
+
4154
+ .b--removed {
4155
+ border-color: var(--vscode-diffEditor-removedTextBackground) !important;
4156
+ }
4157
+
4158
+ .b--transparent {
4159
+ border-color: transparent;
4160
+ }
4161
+