@swisspost/internet-header 1.9.1 → 1.11.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 (225) hide show
  1. package/dist/cjs/{language.service-9334ca5d.js → language.service-0864d021.js} +7 -2
  2. package/dist/cjs/language.service-0864d021.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/post-klp-login-widget.cjs.entry.js +1 -1
  5. package/dist/cjs/post-klp-login-widget.cjs.entry.js.map +1 -1
  6. package/dist/cjs/post-language-switch.cjs.entry.js +2 -2
  7. package/dist/cjs/post-language-switch.cjs.entry.js.map +1 -1
  8. package/dist/cjs/post-logo.cjs.entry.js +1 -1
  9. package/dist/cjs/post-logo.cjs.entry.js.map +1 -1
  10. package/dist/cjs/post-main-navigation.cjs.entry.js +2 -2
  11. package/dist/cjs/post-main-navigation.cjs.entry.js.map +1 -1
  12. package/dist/cjs/post-meta-navigation.cjs.entry.js +1 -1
  13. package/dist/cjs/post-meta-navigation.cjs.entry.js.map +1 -1
  14. package/dist/cjs/post-search.cjs.entry.js +25 -2
  15. package/dist/cjs/post-search.cjs.entry.js.map +1 -1
  16. package/dist/cjs/post-skiplinks.cjs.entry.js +2 -2
  17. package/dist/cjs/post-skiplinks.cjs.entry.js.map +1 -1
  18. package/dist/cjs/swisspost-internet-breadcrumbs.cjs.entry.js +1329 -8
  19. package/dist/cjs/swisspost-internet-breadcrumbs.cjs.entry.js.map +1 -1
  20. package/dist/cjs/swisspost-internet-footer.cjs.entry.js +2 -2
  21. package/dist/cjs/swisspost-internet-footer.cjs.entry.js.map +1 -1
  22. package/dist/cjs/swisspost-internet-header.cjs.entry.js +67 -37
  23. package/dist/cjs/swisspost-internet-header.cjs.entry.js.map +1 -1
  24. package/dist/cjs/swisspost-internet-header.cjs.js +1 -1
  25. package/dist/collection/assets/i18n/translations.js +5 -0
  26. package/dist/collection/assets/i18n/translations.js.map +1 -1
  27. package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.css +2 -2480
  28. package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.js +77 -7
  29. package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.js.map +1 -1
  30. package/dist/collection/components/post-internet-footer/post-internet-footer.css +1 -2300
  31. package/dist/collection/components/post-internet-header/logo-animation/logo-animation.js +6 -3
  32. package/dist/collection/components/post-internet-header/logo-animation/logo-animation.js.map +1 -1
  33. package/dist/collection/components/post-internet-header/post-internet-header.css +1 -403
  34. package/dist/collection/components/post-internet-header/post-internet-header.js +33 -26
  35. package/dist/collection/components/post-internet-header/post-internet-header.js.map +1 -1
  36. package/dist/collection/components/post-klp-login-widget/post-klp-login-widget.css +2 -1447
  37. package/dist/collection/components/post-klp-login-widget/post-klp-login-widget.js +1 -1
  38. package/dist/collection/components/post-klp-login-widget/post-klp-login-widget.js.map +1 -1
  39. package/dist/collection/components/post-language-switch/post-language-switch.css +1 -370
  40. package/dist/collection/components/post-language-switch/post-language-switch.js +2 -2
  41. package/dist/collection/components/post-language-switch/post-language-switch.js.map +1 -1
  42. package/dist/collection/components/post-logo/post-logo.css +1 -265
  43. package/dist/collection/components/post-main-navigation/post-main-navigation.css +1 -637
  44. package/dist/collection/components/post-main-navigation/post-main-navigation.js +1 -1
  45. package/dist/collection/components/post-main-navigation/post-main-navigation.js.map +1 -1
  46. package/dist/collection/components/post-meta-navigation/post-meta-navigation.css +1 -345
  47. package/dist/collection/components/post-search/post-search.css +4 -2927
  48. package/dist/collection/components/post-search/post-search.js +28 -5
  49. package/dist/collection/components/post-search/post-search.js.map +1 -1
  50. package/dist/collection/components/post-skiplinks/post-skiplinks.css +1 -21
  51. package/dist/collection/components/post-skiplinks/post-skiplinks.js +1 -1
  52. package/dist/collection/components/post-skiplinks/post-skiplinks.js.map +1 -1
  53. package/dist/collection/services/language.service.js +1 -1
  54. package/dist/collection/services/language.service.js.map +1 -1
  55. package/dist/collection/utils/scrollparent.js +21 -0
  56. package/dist/collection/utils/scrollparent.js.map +1 -0
  57. package/dist/components/language.service.js +6 -1
  58. package/dist/components/language.service.js.map +1 -1
  59. package/dist/components/post-klp-login-widget2.js +1 -1
  60. package/dist/components/post-klp-login-widget2.js.map +1 -1
  61. package/dist/components/post-language-switch2.js +1 -1
  62. package/dist/components/post-language-switch2.js.map +1 -1
  63. package/dist/components/post-logo2.js +1 -1
  64. package/dist/components/post-logo2.js.map +1 -1
  65. package/dist/components/post-main-navigation2.js +1 -1
  66. package/dist/components/post-main-navigation2.js.map +1 -1
  67. package/dist/components/post-meta-navigation2.js +1 -1
  68. package/dist/components/post-meta-navigation2.js.map +1 -1
  69. package/dist/components/post-search2.js +25 -2
  70. package/dist/components/post-search2.js.map +1 -1
  71. package/dist/components/post-skiplinks2.js +1 -1
  72. package/dist/components/post-skiplinks2.js.map +1 -1
  73. package/dist/components/swisspost-internet-breadcrumbs.js +1331 -8
  74. package/dist/components/swisspost-internet-breadcrumbs.js.map +1 -1
  75. package/dist/components/swisspost-internet-footer.js +1 -1
  76. package/dist/components/swisspost-internet-footer.js.map +1 -1
  77. package/dist/components/swisspost-internet-header.js +68 -38
  78. package/dist/components/swisspost-internet-header.js.map +1 -1
  79. package/dist/docs.json +51 -4
  80. package/dist/esm/{language.service-bd0f3b6f.js → language.service-109c485e.js} +7 -2
  81. package/dist/esm/language.service-109c485e.js.map +1 -0
  82. package/dist/esm/loader.js +1 -1
  83. package/dist/esm/post-klp-login-widget.entry.js +1 -1
  84. package/dist/esm/post-klp-login-widget.entry.js.map +1 -1
  85. package/dist/esm/post-language-switch.entry.js +2 -2
  86. package/dist/esm/post-language-switch.entry.js.map +1 -1
  87. package/dist/esm/post-logo.entry.js +1 -1
  88. package/dist/esm/post-logo.entry.js.map +1 -1
  89. package/dist/esm/post-main-navigation.entry.js +2 -2
  90. package/dist/esm/post-main-navigation.entry.js.map +1 -1
  91. package/dist/esm/post-meta-navigation.entry.js +1 -1
  92. package/dist/esm/post-meta-navigation.entry.js.map +1 -1
  93. package/dist/esm/post-search.entry.js +25 -2
  94. package/dist/esm/post-search.entry.js.map +1 -1
  95. package/dist/esm/post-skiplinks.entry.js +2 -2
  96. package/dist/esm/post-skiplinks.entry.js.map +1 -1
  97. package/dist/esm/swisspost-internet-breadcrumbs.entry.js +1329 -8
  98. package/dist/esm/swisspost-internet-breadcrumbs.entry.js.map +1 -1
  99. package/dist/esm/swisspost-internet-footer.entry.js +2 -2
  100. package/dist/esm/swisspost-internet-footer.entry.js.map +1 -1
  101. package/dist/esm/swisspost-internet-header.entry.js +67 -37
  102. package/dist/esm/swisspost-internet-header.entry.js.map +1 -1
  103. package/dist/esm/swisspost-internet-header.js +1 -1
  104. package/dist/esm-es5/language.service-109c485e.js +2 -0
  105. package/dist/esm-es5/language.service-109c485e.js.map +1 -0
  106. package/dist/esm-es5/loader.js +1 -1
  107. package/dist/esm-es5/loader.js.map +1 -1
  108. package/dist/esm-es5/post-klp-login-widget.entry.js +1 -1
  109. package/dist/esm-es5/post-klp-login-widget.entry.js.map +1 -1
  110. package/dist/esm-es5/post-language-switch.entry.js +1 -1
  111. package/dist/esm-es5/post-language-switch.entry.js.map +1 -1
  112. package/dist/esm-es5/post-logo.entry.js +1 -1
  113. package/dist/esm-es5/post-logo.entry.js.map +1 -1
  114. package/dist/esm-es5/post-main-navigation.entry.js +1 -1
  115. package/dist/esm-es5/post-main-navigation.entry.js.map +1 -1
  116. package/dist/esm-es5/post-meta-navigation.entry.js +1 -1
  117. package/dist/esm-es5/post-meta-navigation.entry.js.map +1 -1
  118. package/dist/esm-es5/post-search.entry.js +1 -1
  119. package/dist/esm-es5/post-search.entry.js.map +1 -1
  120. package/dist/esm-es5/post-skiplinks.entry.js +1 -1
  121. package/dist/esm-es5/post-skiplinks.entry.js.map +1 -1
  122. package/dist/esm-es5/swisspost-internet-breadcrumbs.entry.js +2 -2
  123. package/dist/esm-es5/swisspost-internet-breadcrumbs.entry.js.map +1 -1
  124. package/dist/esm-es5/swisspost-internet-footer.entry.js +1 -1
  125. package/dist/esm-es5/swisspost-internet-footer.entry.js.map +1 -1
  126. package/dist/esm-es5/swisspost-internet-header.entry.js +1 -1
  127. package/dist/esm-es5/swisspost-internet-header.entry.js.map +1 -1
  128. package/dist/esm-es5/swisspost-internet-header.js +1 -1
  129. package/dist/esm-es5/swisspost-internet-header.js.map +1 -1
  130. package/dist/swisspost-internet-header/p-0216631b.system.entry.js +2 -0
  131. package/dist/swisspost-internet-header/{p-e2df6e93.system.entry.js.map → p-0216631b.system.entry.js.map} +1 -1
  132. package/dist/swisspost-internet-header/p-0352b702.system.entry.js +7 -0
  133. package/dist/swisspost-internet-header/p-0352b702.system.entry.js.map +1 -0
  134. package/dist/swisspost-internet-header/p-0e4299a3.entry.js +2 -0
  135. package/dist/swisspost-internet-header/{p-6bb07a80.entry.js.map → p-0e4299a3.entry.js.map} +1 -1
  136. package/dist/swisspost-internet-header/p-10bfe973.system.entry.js +2 -0
  137. package/dist/swisspost-internet-header/p-10bfe973.system.entry.js.map +1 -0
  138. package/dist/swisspost-internet-header/p-142627fa.entry.js +2 -0
  139. package/dist/swisspost-internet-header/{p-9ab24fb3.entry.js.map → p-142627fa.entry.js.map} +1 -1
  140. package/dist/swisspost-internet-header/p-194475b8.system.js +2 -0
  141. package/dist/swisspost-internet-header/p-194475b8.system.js.map +1 -0
  142. package/dist/swisspost-internet-header/p-1a526dc3.system.entry.js +2 -0
  143. package/dist/swisspost-internet-header/p-1a526dc3.system.entry.js.map +1 -0
  144. package/dist/swisspost-internet-header/p-28bcc0a1.entry.js +2 -0
  145. package/dist/swisspost-internet-header/p-28bcc0a1.entry.js.map +1 -0
  146. package/dist/swisspost-internet-header/p-312fcf55.system.entry.js +2 -0
  147. package/dist/swisspost-internet-header/{p-fed8d74d.system.entry.js.map → p-312fcf55.system.entry.js.map} +1 -1
  148. package/dist/swisspost-internet-header/p-334412b2.entry.js +2 -0
  149. package/dist/swisspost-internet-header/p-334412b2.entry.js.map +1 -0
  150. package/dist/swisspost-internet-header/p-334616bc.system.entry.js +2 -0
  151. package/dist/swisspost-internet-header/{p-0bfadd54.system.entry.js.map → p-334616bc.system.entry.js.map} +1 -1
  152. package/dist/swisspost-internet-header/p-37872478.entry.js +7 -0
  153. package/dist/swisspost-internet-header/p-37872478.entry.js.map +1 -0
  154. package/dist/swisspost-internet-header/p-4da084d9.entry.js +2 -0
  155. package/dist/swisspost-internet-header/{p-273fd39b.entry.js.map → p-4da084d9.entry.js.map} +1 -1
  156. package/dist/swisspost-internet-header/p-5d893017.system.js +1 -1
  157. package/dist/swisspost-internet-header/p-5d893017.system.js.map +1 -1
  158. package/dist/swisspost-internet-header/p-77426673.entry.js +2 -0
  159. package/dist/swisspost-internet-header/{p-0dd2de97.entry.js.map → p-77426673.entry.js.map} +1 -1
  160. package/dist/swisspost-internet-header/p-7ddfd160.entry.js +2 -0
  161. package/dist/swisspost-internet-header/p-7ddfd160.entry.js.map +1 -0
  162. package/dist/swisspost-internet-header/p-8120031d.system.entry.js +2 -0
  163. package/dist/swisspost-internet-header/{p-3c8504b4.system.entry.js.map → p-8120031d.system.entry.js.map} +1 -1
  164. package/dist/swisspost-internet-header/p-935c70e1.js +2 -0
  165. package/dist/swisspost-internet-header/p-935c70e1.js.map +1 -0
  166. package/dist/swisspost-internet-header/p-95a1384f.system.entry.js +2 -0
  167. package/dist/swisspost-internet-header/p-95a1384f.system.entry.js.map +1 -0
  168. package/dist/swisspost-internet-header/p-b5937320.entry.js +2 -0
  169. package/dist/swisspost-internet-header/p-b5937320.entry.js.map +1 -0
  170. package/dist/swisspost-internet-header/p-c291d766.system.entry.js +2 -0
  171. package/dist/swisspost-internet-header/{p-131078ce.system.entry.js.map → p-c291d766.system.entry.js.map} +1 -1
  172. package/dist/swisspost-internet-header/p-cfc4dbfd.entry.js +2 -0
  173. package/dist/swisspost-internet-header/{p-51c15273.entry.js.map → p-cfc4dbfd.entry.js.map} +1 -1
  174. package/dist/swisspost-internet-header/p-d4106bf6.system.entry.js +2 -0
  175. package/dist/swisspost-internet-header/{p-a366648c.system.entry.js.map → p-d4106bf6.system.entry.js.map} +1 -1
  176. package/dist/swisspost-internet-header/swisspost-internet-header.css +2 -4
  177. package/dist/swisspost-internet-header/swisspost-internet-header.esm.js +1 -1
  178. package/dist/swisspost-internet-header/swisspost-internet-header.esm.js.map +1 -1
  179. package/dist/types/assets/i18n/translations.d.ts +5 -0
  180. package/dist/types/components/post-internet-breadcrumbs/post-internet-breadcrumbs.d.ts +13 -4
  181. package/dist/types/components/post-internet-header/post-internet-header.d.ts +4 -3
  182. package/dist/types/components/post-klp-login-widget/post-klp-login-widget.d.ts +1 -1
  183. package/dist/types/components/post-search/post-search.d.ts +6 -0
  184. package/dist/types/components/post-skiplinks/post-skiplinks.d.ts +1 -1
  185. package/dist/types/components.d.ts +19 -6
  186. package/dist/types/services/language.service.d.ts +7 -5
  187. package/dist/types/utils/scrollparent.d.ts +1 -0
  188. package/package.json +13 -12
  189. package/dist/cjs/language.service-9334ca5d.js.map +0 -1
  190. package/dist/esm/language.service-bd0f3b6f.js.map +0 -1
  191. package/dist/esm-es5/language.service-bd0f3b6f.js +0 -2
  192. package/dist/esm-es5/language.service-bd0f3b6f.js.map +0 -1
  193. package/dist/swisspost-internet-header/p-06d32a28.entry.js +0 -7
  194. package/dist/swisspost-internet-header/p-06d32a28.entry.js.map +0 -1
  195. package/dist/swisspost-internet-header/p-0bfadd54.system.entry.js +0 -2
  196. package/dist/swisspost-internet-header/p-0dd2de97.entry.js +0 -2
  197. package/dist/swisspost-internet-header/p-1078e964.system.entry.js +0 -2
  198. package/dist/swisspost-internet-header/p-1078e964.system.entry.js.map +0 -1
  199. package/dist/swisspost-internet-header/p-131078ce.system.entry.js +0 -2
  200. package/dist/swisspost-internet-header/p-262611f7.entry.js +0 -2
  201. package/dist/swisspost-internet-header/p-262611f7.entry.js.map +0 -1
  202. package/dist/swisspost-internet-header/p-273fd39b.entry.js +0 -2
  203. package/dist/swisspost-internet-header/p-3c8504b4.system.entry.js +0 -2
  204. package/dist/swisspost-internet-header/p-4099b274.system.js +0 -2
  205. package/dist/swisspost-internet-header/p-4099b274.system.js.map +0 -1
  206. package/dist/swisspost-internet-header/p-51c15273.entry.js +0 -2
  207. package/dist/swisspost-internet-header/p-5baac371.system.entry.js +0 -2
  208. package/dist/swisspost-internet-header/p-5baac371.system.entry.js.map +0 -1
  209. package/dist/swisspost-internet-header/p-64e1182b.entry.js +0 -2
  210. package/dist/swisspost-internet-header/p-64e1182b.entry.js.map +0 -1
  211. package/dist/swisspost-internet-header/p-6bb07a80.entry.js +0 -2
  212. package/dist/swisspost-internet-header/p-6f69aff4.system.entry.js +0 -2
  213. package/dist/swisspost-internet-header/p-6f69aff4.system.entry.js.map +0 -1
  214. package/dist/swisspost-internet-header/p-7bed0797.js +0 -2
  215. package/dist/swisspost-internet-header/p-7bed0797.js.map +0 -1
  216. package/dist/swisspost-internet-header/p-97c90e22.system.entry.js +0 -7
  217. package/dist/swisspost-internet-header/p-97c90e22.system.entry.js.map +0 -1
  218. package/dist/swisspost-internet-header/p-9ab24fb3.entry.js +0 -2
  219. package/dist/swisspost-internet-header/p-9ec1f474.entry.js +0 -2
  220. package/dist/swisspost-internet-header/p-9ec1f474.entry.js.map +0 -1
  221. package/dist/swisspost-internet-header/p-a366648c.system.entry.js +0 -2
  222. package/dist/swisspost-internet-header/p-e2df6e93.system.entry.js +0 -2
  223. package/dist/swisspost-internet-header/p-f531c1ea.entry.js +0 -2
  224. package/dist/swisspost-internet-header/p-f531c1ea.entry.js.map +0 -1
  225. package/dist/swisspost-internet-header/p-fed8d74d.system.entry.js +0 -2
@@ -1,1452 +1,7 @@
1
- /**
2
- * Colors used by the post style guide
3
- */
4
- /**
5
- * Maps. Allow maps to have custom colors from the project
6
- * by always merging into a default empty map
7
- */
8
- .btn-default,
9
- .btn-secondary {
10
- border: 2px solid var(--post-gray-60);
11
- }
12
- .btn-default:focus,
13
- .btn-secondary:focus, .btn-default:not(:disabled):hover,
14
- .btn-secondary:not(:disabled):hover, .pretend-hover.btn-default,
15
- .pretend-hover.btn-secondary {
16
- border-color: var(--post-contrast-color);
17
- }
18
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default,
19
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary {
20
- border-color: var(--post-contrast-color);
21
- }
22
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default:focus,
23
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default:not(:disabled):hover,
24
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-default,
25
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-secondary {
26
- border-color: var(--post-gray-40);
27
- }
28
- .btn-default:disabled,
29
- .btn-secondary:disabled {
30
- border-color: var(--post-gray-40);
31
- color: var(--post-gray-60);
32
- }
33
-
34
- .btn-default:focus,
35
- .btn-secondary:focus, .btn-link:focus,
36
- .btn-tertiary:focus, .btn-default:not(:disabled):hover,
37
- .btn-secondary:not(:disabled):hover, .btn-link:not(:disabled):hover,
38
- .btn-tertiary:not(:disabled):hover, .pretend-hover.btn-default,
39
- .pretend-hover.btn-secondary, .pretend-hover.btn-link,
40
- .pretend-hover.btn-tertiary {
41
- color: var(--post-contrast-color);
42
- }
43
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default .pi,
44
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary .pi, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-link .pi,
45
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-tertiary .pi {
46
- filter: invert(1);
47
- }
48
-
49
- .btn {
50
- min-height: 3rem;
51
- font-size: 1rem;
52
- gap: 0.625rem;
53
- outline: none;
54
- outline-offset: 2px;
55
- /* Compatibility with button-group */
56
- display: inline-flex;
57
- position: relative;
58
- align-items: center;
59
- justify-content: center;
60
- max-width: 100%;
61
- overflow: hidden;
62
- transition: opacity 250ms, border-color 250ms, background-color 250ms, color 250ms;
63
- border-width: 2px;
64
- border-style: solid;
65
- border-radius: 4px;
66
- background-color: transparent;
67
- box-shadow: none;
68
- color: var(--post-gray-80);
69
- font-family: inherit;
70
- font-weight: 400;
71
- text-decoration: none !important;
72
- white-space: nowrap;
73
- }
74
- .btn:where(:not(.btn-link, .btn-tertiary)) {
75
- padding: 0 1rem;
76
- }
77
- .btn > .pi {
78
- width: 1.25rem;
79
- height: 1.25rem;
80
- }
81
- .btn:is(:focus-visible, :focus-within, .pretend-focus) {
82
- outline: 2px solid var(--post-contrast-color);
83
- }
84
-
85
- .btn-primary {
86
- border-color: transparent;
87
- background-color: var(--post-gray-80);
88
- color: var(--post-contrast-color-inverted);
89
- }
90
- .btn-primary:focus, .btn-primary:not(:disabled):hover, .btn-primary.pretend-hover {
91
- background-color: var(--post-contrast-color);
92
- color: var(--post-contrast-color-inverted);
93
- }
94
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary {
95
- background-color: var(--post-contrast-color);
96
- color: var(--post-gray-10);
97
- }
98
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary.pretend-hover {
99
- background-color: var(--post-gray-80);
100
- }
101
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:disabled {
102
- color: var(--post-gray-80);
103
- }
104
- :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary .pi {
105
- filter: invert(0);
106
- }
107
- @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
108
- .btn-primary {
109
- border-color: var(--post-contrast-color);
110
- background-color: ButtonFace;
111
- }
112
- .btn-primary:not(:disabled, .disabled):hover, .btn-primary:not(:disabled, .disabled):focus-visible {
113
- border-color: highlight;
114
- }
115
- .btn-primary .pi {
116
- filter: invert(1) !important;
117
- }
118
- }
119
- .btn-primary:disabled {
120
- background-color: var(--post-gray-40);
121
- }
122
- .btn-primary .pi {
123
- filter: invert(1);
124
- forced-color-adjust: none;
125
- }
126
-
127
- .btn-link,
128
- .btn-tertiary {
129
- border: 0;
130
- padding-inline: 0.25rem;
131
- }
132
- .btn-link:disabled,
133
- .btn-tertiary:disabled {
134
- color: var(--post-gray-60);
135
- }
136
- @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
137
- .btn-link,
138
- .btn-tertiary {
139
- color: linktext;
140
- text-decoration: underline !important;
141
- }
142
- }
143
-
144
- .btn-icon {
145
- min-width: 3rem;
146
- padding-right: 0.75rem;
147
- padding-left: 0.75rem;
148
- }
149
- .btn-icon.btn-sm {
150
- min-width: 2rem;
151
- padding-right: 0.375rem;
152
- padding-left: 0.375rem;
153
- }
154
- .btn-icon.btn-rg {
155
- min-width: 2.5rem;
156
- padding-right: 0.5625rem;
157
- padding-left: 0.5625rem;
158
- }
159
- .btn-icon.btn-lg {
160
- min-width: 3.5rem;
161
- padding-right: 0.9375rem;
162
- padding-left: 0.9375rem;
163
- }
164
-
165
- .btn-animated:not(.btn-link, .btn-tertiary)::after {
166
- content: "";
167
- position: absolute;
168
- right: 0.5rem;
169
- width: 0.625em;
170
- height: 0.625em;
171
- transform: rotateZ(315deg) translate(-2px, -2px);
172
- transform-origin: center center;
173
- transition: opacity 250ms, transform 250ms;
174
- border-right: 2px solid currentColor;
175
- border-bottom: 2px solid currentColor;
176
- opacity: 0;
177
- }
178
- .btn-animated:not(.btn-link, .btn-tertiary).btn-sm::after {
179
- right: 0.25rem;
180
- }
181
- .btn-animated:not(.btn-link, .btn-tertiary).btn-rg::after {
182
- right: 0.375rem;
183
- }
184
- .btn-animated:not(.btn-link, .btn-tertiary).btn-lg::after {
185
- right: 0.625rem;
186
- }
187
- .btn-animated:not(.btn-link, .btn-tertiary) > span {
188
- transition: transform 250ms;
189
- }
190
- @media (prefers-reduced-motion: no-preference) {
191
- .btn-animated:not(.btn-link, .btn-tertiary):focus > span, .btn-animated:not(.btn-link, .btn-tertiary):not(:disabled):hover > span, .btn-animated:not(.btn-link, .btn-tertiary).pretend-hover > span {
192
- transform: translateX(-0.5rem);
193
- }
194
- .btn-animated:not(.btn-link, .btn-tertiary):focus.btn-sm > span, .btn-animated:not(.btn-link, .btn-tertiary):not(:disabled):hover.btn-sm > span, .btn-animated:not(.btn-link, .btn-tertiary).pretend-hover.btn-sm > span {
195
- transform: translateX(-0.5rem);
196
- }
197
- .btn-animated:not(.btn-link, .btn-tertiary):focus.btn-rg > span, .btn-animated:not(.btn-link, .btn-tertiary):not(:disabled):hover.btn-rg > span, .btn-animated:not(.btn-link, .btn-tertiary).pretend-hover.btn-rg > span {
198
- transform: translateX(-0.5rem);
199
- }
200
- .btn-animated:not(.btn-link, .btn-tertiary):focus.btn-lg > span, .btn-animated:not(.btn-link, .btn-tertiary):not(:disabled):hover.btn-lg > span, .btn-animated:not(.btn-link, .btn-tertiary).pretend-hover.btn-lg > span {
201
- transform: translateX(-0.5rem);
202
- }
203
- .btn-animated:not(.btn-link, .btn-tertiary):focus::after, .btn-animated:not(.btn-link, .btn-tertiary):not(:disabled):hover::after, .btn-animated:not(.btn-link, .btn-tertiary).pretend-hover::after {
204
- transform: rotateZ(315deg) translate(0, 0);
205
- opacity: 1;
206
- }
207
- .btn-animated:not(.btn-link, .btn-tertiary) > span {
208
- transform: translateX(0);
209
- }
210
- }
211
-
212
- .btn-sm {
213
- min-height: 2rem;
214
- font-size: 0.75rem;
215
- gap: 0.375rem;
216
- }
217
- .btn-sm:where(:not(.btn-link, .btn-tertiary)) {
218
- padding: 0 0.75rem;
219
- }
220
- .btn-sm > .pi {
221
- width: 1rem;
222
- height: 1rem;
223
- }
224
-
225
- .btn-rg {
226
- min-height: 2.5rem;
227
- font-size: 0.875rem;
228
- gap: 0.5rem;
229
- }
230
- .btn-rg:where(:not(.btn-link, .btn-tertiary)) {
231
- padding: 0 0.875rem;
232
- }
233
- .btn-rg > .pi {
234
- width: 1.125rem;
235
- height: 1.125rem;
236
- }
237
-
238
- .btn-lg {
239
- min-height: 3.5rem;
240
- font-size: 1.125rem;
241
- gap: 0.75rem;
242
- }
243
- .btn-lg:where(:not(.btn-link, .btn-tertiary)) {
244
- padding: 0 1.125rem;
245
- }
246
- .btn-lg > .pi {
247
- width: 1.375rem;
248
- height: 1.375rem;
249
- }
250
-
251
- .btn-nightblue {
252
- border-color: transparent;
253
- background-color: #004976;
254
- color: #fff;
255
- }
256
- .btn-nightblue:focus, .btn-nightblue:not(:disabled):hover, .btn-nightblue.pretend-hover {
257
- background-color: #002943;
258
- color: #fff;
259
- }
260
-
261
- .btn-nightblue-bright {
262
- border-color: transparent;
263
- background-color: #0076a8;
264
- color: #fff;
265
- }
266
- .btn-nightblue-bright:focus, .btn-nightblue-bright:not(:disabled):hover, .btn-nightblue-bright.pretend-hover {
267
- background-color: #005275;
268
- color: #fff;
269
- }
270
-
271
- .btn-petrol {
272
- border-color: transparent;
273
- background-color: #006d68;
274
- color: #fff;
275
- }
276
- .btn-petrol:focus, .btn-petrol:not(:disabled):hover, .btn-petrol.pretend-hover {
277
- background-color: #003a37;
278
- color: #fff;
279
- }
280
-
281
- .btn-petrol-bright {
282
- border-color: transparent;
283
- background-color: #00968f;
284
- color: #000;
285
- }
286
- .btn-petrol-bright:focus, .btn-petrol-bright:not(:disabled):hover, .btn-petrol-bright.pretend-hover {
287
- background-color: #00635e;
288
- color: #fff;
289
- }
290
-
291
- .btn-coral {
292
- border-color: transparent;
293
- background-color: #9e2a2f;
294
- color: #fff;
295
- }
296
- .btn-coral:focus, .btn-coral:not(:disabled):hover, .btn-coral.pretend-hover {
297
- background-color: #761f23;
298
- color: #fff;
299
- }
300
-
301
- .btn-coral-bright {
302
- border-color: transparent;
303
- background-color: #e03c31;
304
- color: #000;
305
- }
306
- .btn-coral-bright:focus, .btn-coral-bright:not(:disabled):hover, .btn-coral-bright.pretend-hover {
307
- background-color: #c1271d;
308
- color: #fff;
309
- }
310
-
311
- .btn-olive {
312
- border-color: transparent;
313
- background-color: #716135;
314
- color: #fff;
315
- }
316
- .btn-olive:focus, .btn-olive:not(:disabled):hover, .btn-olive.pretend-hover {
317
- background-color: #4e4325;
318
- color: #fff;
319
- }
320
-
321
- .btn-olive-bright {
322
- border-color: transparent;
323
- background-color: #aa9d2e;
324
- color: #000;
325
- }
326
- .btn-olive-bright:focus, .btn-olive-bright:not(:disabled):hover, .btn-olive-bright.pretend-hover {
327
- background-color: #827823;
328
- color: #000;
329
- }
330
-
331
- .btn-purple {
332
- border-color: transparent;
333
- background-color: #80276c;
334
- color: #fff;
335
- }
336
- .btn-purple:focus, .btn-purple:not(:disabled):hover, .btn-purple.pretend-hover {
337
- background-color: #591b4b;
338
- color: #fff;
339
- }
340
-
341
- .btn-purple-bright {
342
- border-color: transparent;
343
- background-color: #c5299b;
344
- color: #fff;
345
- }
346
- .btn-purple-bright:focus, .btn-purple-bright:not(:disabled):hover, .btn-purple-bright.pretend-hover {
347
- background-color: #9b207a;
348
- color: #fff;
349
- }
350
-
351
- .btn-aubergine {
352
- border-color: transparent;
353
- background-color: #523178;
354
- color: #fff;
355
- }
356
- .btn-aubergine:focus, .btn-aubergine:not(:disabled):hover, .btn-aubergine.pretend-hover {
357
- background-color: #392254;
358
- color: #fff;
359
- }
360
-
361
- .btn-aubergine-bright {
362
- border-color: transparent;
363
- background-color: #7566a0;
364
- color: #fff;
365
- }
366
- .btn-aubergine-bright:focus, .btn-aubergine-bright:not(:disabled):hover, .btn-aubergine-bright.pretend-hover {
367
- background-color: #5e5182;
368
- color: #fff;
369
- }
370
-
371
- .btn-success {
372
- border-color: transparent;
373
- background-color: #2c911c;
374
- color: #000;
375
- }
376
- .btn-success:focus, .btn-success:not(:disabled):hover, .btn-success.pretend-hover {
377
- background-color: #1f6614;
378
- color: #fff;
379
- }
380
-
381
- .btn-info {
382
- border-color: transparent;
383
- background-color: #cce4ee;
384
- color: #000;
385
- }
386
- .btn-info:focus, .btn-info:not(:disabled):hover, .btn-info.pretend-hover {
387
- background-color: #a6d0e1;
388
- color: #000;
389
- }
390
-
391
- .btn-warning {
392
- border-color: transparent;
393
- background-color: #f49e00;
394
- color: #000;
395
- }
396
- .btn-warning:focus, .btn-warning:not(:disabled):hover, .btn-warning.pretend-hover {
397
- background-color: #c17d00;
398
- color: #000;
399
- }
400
-
401
- .btn-danger {
402
- border-color: transparent;
403
- background-color: #a51728;
404
- color: #fff;
405
- }
406
- .btn-danger:focus, .btn-danger:not(:disabled):hover, .btn-danger.pretend-hover {
407
- background-color: #78111d;
408
- color: #fff;
409
- }
410
-
411
- @font-face {
412
- font-display: swap;
413
- font-family: "Frutiger Neue For Post";
414
- font-weight: 700;
415
- src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff");
416
- }
417
- @font-face {
418
- font-display: swap;
419
- font-family: "Frutiger Neue For Post";
420
- font-weight: 700;
421
- font-style: italic;
422
- src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff");
423
- }
424
- @font-face {
425
- font-display: swap;
426
- font-family: "Frutiger Neue For Post";
427
- font-weight: 400;
428
- src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff");
429
- }
430
- @font-face {
431
- font-display: swap;
432
- font-family: "Frutiger Neue For Post";
433
- font-weight: 400;
434
- font-style: italic;
435
- src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff");
436
- }
437
- @font-face {
438
- font-display: swap;
439
- font-family: "Frutiger Neue For Post";
440
- font-weight: 300;
441
- src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff");
442
- }
443
- @font-face {
444
- font-display: swap;
445
- font-family: "Frutiger Neue For Post";
446
- font-weight: 300;
447
- font-style: italic;
448
- src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff");
449
- }
450
- .visually-hidden, .klp-widget-anonymous__text {
451
- position: absolute;
452
- width: 1px;
453
- height: 1px;
454
- border: 0;
455
- padding: 0;
456
- margin: -1px;
457
- overflow: hidden;
458
- clip: rect(0 0 0 0);
459
- }
460
-
461
- .btn-blank {
462
- background-color: transparent;
463
- border: none;
464
- border-radius: 0;
465
- padding: 0;
466
- }
467
-
468
- .nav-link, .login-button {
469
- outline: none;
470
- outline-offset: 2px;
471
- /* Compatibility with button-group */
472
- text-decoration: none;
473
- color: rgba(0, 0, 0, 0.8);
474
- transition: color 200ms;
475
- background-color: transparent;
476
- box-shadow: none;
477
- border: 0;
478
- margin: 0;
479
- cursor: pointer;
480
- display: flex;
481
- align-items: center;
482
- gap: 0.5rem;
483
- }
484
- .nav-link:is(:focus-visible, :focus-within, .pretend-focus), .login-button:is(:focus-visible, :focus-within, .pretend-focus) {
485
- outline: 2px solid var(--post-contrast-color);
486
- }
487
- .nav-link:hover, .login-button:hover, .nav-link:focus, .login-button:focus {
488
- color: black;
489
- }
490
- .nav-link:focus-visible, .login-button:focus-visible {
491
- z-index: 1;
492
- position: relative;
493
- }
494
- .nav-link > svg, .login-button > svg {
495
- width: 1.4em;
496
- height: 1.4em;
497
- flex-shrink: 0;
498
- }
499
- .nav-link > span, .login-button > span {
500
- flex-shrink: 1;
501
- }
502
-
503
- .no-list {
504
- list-style: none;
505
- padding-left: 0;
506
- margin-top: 0;
507
- margin-bottom: 0;
508
- }
509
-
510
- *,
511
- :host,
512
- *::before,
513
- *::after {
514
- box-sizing: border-box;
515
- }
516
-
517
- :host {
518
- font-family: "Frutiger Neue For Post", system-ui, sans-serif;
519
- }
520
-
521
- button {
522
- font: inherit;
523
- padding: 0;
524
- }
525
-
526
- a,
527
- button {
528
- border-radius: 4px;
529
- outline: none;
530
- outline-offset: 2px;
531
- /* Compatibility with button-group */
532
- }
533
- a:is(:focus-visible, :focus-within, .pretend-focus),
534
- button:is(:focus-visible, :focus-within, .pretend-focus) {
535
- outline: 2px solid var(--post-contrast-color);
536
- border-radius: 4px;
537
- }
538
-
539
- img,
540
- svg {
541
- max-width: 100%;
542
- max-height: 100%;
543
- }
544
-
545
- @media (forced-colors: active) {
546
- svg {
547
- color: white;
548
- }
549
- }
550
-
551
- .box > *:first-child {
552
- margin-top: 0;
553
- }
554
- .box > *:last-child {
555
- margin-bottom: 0;
556
- }
557
-
558
- .mirrored {
559
- transform: scaleX(-1);
560
- }
561
-
562
- .rotate-270 {
563
- transform: rotate(270deg);
564
- }
565
-
566
- .bold {
567
- font-weight: 700;
568
- }
569
-
570
- .light {
571
- font-weight: 300;
572
- }
573
-
574
- .d-flex {
575
- display: flex;
576
- }
577
-
578
- .d-inline-flex {
579
- display: inline-flex;
580
- }
581
-
582
- .align-items-center {
583
- align-items: center;
584
- }
585
-
586
- @media (min-width: 1441px) {
587
- .wide-container {
588
- margin: 0 auto;
589
- max-width: 1440px;
590
- }
591
- }
592
-
593
- @media (max-width: 599.98px) {
594
- .container {
595
- padding-right: 16px;
596
- padding-left: 16px;
597
- }
598
- }
599
- @media (min-width: 600px) and (max-width: 1023.98px) {
600
- .container {
601
- padding-right: 32px;
602
- padding-left: 32px;
603
- }
604
- }
605
- @media (min-width: 1024px) {
606
- .container {
607
- padding-right: 40px;
608
- padding-left: 40px;
609
- }
610
- }
611
-
612
- @media (max-width: -0.02px) {
613
- .hidden-xs {
614
- display: none;
615
- }
616
- }
617
-
618
- @media (max-width: 399.98px) {
619
- .hidden-sm {
620
- display: none;
621
- }
622
- }
623
-
624
- @media (max-width: 599.98px) {
625
- .hidden-rg {
626
- display: none;
627
- }
628
- }
629
-
630
- @media (max-width: 779.98px) {
631
- .hidden-md {
632
- display: none;
633
- }
634
- }
635
-
636
- @media (max-width: 1023.98px) {
637
- .hidden-lg {
638
- display: none;
639
- }
640
- }
641
-
642
- @media (max-width: 1279.98px) {
643
- .hidden-xl {
644
- display: none;
645
- }
646
- }
647
-
648
- @media (max-width: 1440.98px) {
649
- .hidden-xxl {
650
- display: none;
651
- }
652
- }
653
-
654
- /*!
1
+ .btn-default,.btn-secondary{border:2px solid var(--post-gray-60)}.btn-default:focus,.btn-secondary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary{border-color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary{border-color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .pretend-hover.btn-default,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .pretend-hover.btn-secondary{border-color:var(--post-gray-40)}.btn-default:disabled,.btn-secondary:disabled{border-color:var(--post-gray-40);color:var(--post-gray-60)}.btn-default:focus,.btn-secondary:focus,.btn-link:focus,.btn-tertiary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.btn-link:not(:disabled):hover,.btn-tertiary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary,.pretend-hover.btn-link,.pretend-hover.btn-tertiary{color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default .pi,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary .pi,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-link .pi,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-tertiary .pi{filter:invert(1)}.btn{min-height:3rem;font-size:1rem;gap:.625rem;outline:none;outline-offset:2px;display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:2px;border-style:solid;border-radius:4px;background-color:rgba(0,0,0,0);box-shadow:none;color:var(--post-gray-80);font-family:inherit;font-weight:400;text-decoration:none !important;white-space:nowrap}.btn:where(:not(.btn-link,.btn-tertiary)){padding:0 1rem}.btn>.pi,.btn>post-icon{width:1.25rem;height:1.25rem}.btn:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.btn-primary{border-color:rgba(0,0,0,0);background-color:var(--post-gray-80);color:var(--post-contrast-color-inverted)}.btn-primary:focus,.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{background-color:var(--post-contrast-color);color:var(--post-contrast-color-inverted)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary{background-color:var(--post-contrast-color);color:var(--post-gray-10)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary.pretend-hover{background-color:var(--post-gray-80)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary:disabled{color:var(--post-gray-80)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary .pi{filter:invert(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-primary{border-color:var(--post-contrast-color);background-color:ButtonFace}.btn-primary:not(:disabled,.disabled):hover,.btn-primary:not(:disabled,.disabled):focus-visible{border-color:highlight}.btn-primary .pi{filter:invert(1) !important}}.btn-primary:disabled{background-color:var(--post-gray-40)}.btn-primary .pi{filter:invert(1);forced-color-adjust:none}.btn-link,.btn-tertiary{border:0;padding-inline:.25rem}.btn-link:disabled,.btn-tertiary:disabled{color:var(--post-gray-60)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link,.btn-tertiary{color:linktext;text-decoration:underline !important}}.btn-icon{min-width:3rem;padding-right:.75rem;padding-left:.75rem}.btn-icon.btn-sm{min-width:2rem;padding-right:.375rem;padding-left:.375rem}.btn-icon.btn-rg{min-width:2.5rem;padding-right:.5625rem;padding-left:.5625rem}.btn-icon.btn-lg{min-width:3.5rem;padding-right:.9375rem;padding-left:.9375rem}.btn-animated:not(.btn-link,.btn-tertiary)::after{content:"";position:absolute;right:.5rem;width:.625em;height:.625em;transform:rotateZ(315deg) translate(-2px, -2px);transform-origin:center center;transition:opacity 250ms,transform 250ms;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:0}.btn-animated:not(.btn-link,.btn-tertiary).btn-sm::after{right:.25rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-rg::after{right:.375rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-lg::after{right:.625rem}.btn-animated:not(.btn-link,.btn-tertiary)>span{transition:transform 250ms}@media(prefers-reduced-motion: no-preference){.btn-animated:not(.btn-link,.btn-tertiary):focus>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-sm>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-rg>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-lg>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus::after,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover::after,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover::after{transform:rotateZ(315deg) translate(0, 0);opacity:1}.btn-animated:not(.btn-link,.btn-tertiary)>span{transform:translateX(0)}}.btn-sm{min-height:2rem;font-size:.75rem;gap:.375rem}.btn-sm:where(:not(.btn-link,.btn-tertiary)){padding:0 .75rem}.btn-sm>.pi,.btn-sm>post-icon{width:1rem;height:1rem}.btn-rg{min-height:2.5rem;font-size:.875rem;gap:.5rem}.btn-rg:where(:not(.btn-link,.btn-tertiary)){padding:0 .875rem}.btn-rg>.pi,.btn-rg>post-icon{width:1.125rem;height:1.125rem}.btn-lg{min-height:3.5rem;font-size:1.125rem;gap:.75rem}.btn-lg:where(:not(.btn-link,.btn-tertiary)){padding:0 1.125rem}.btn-lg>.pi,.btn-lg>post-icon{width:1.375rem;height:1.375rem}.btn-nightblue{border-color:rgba(0,0,0,0);background-color:#004976;color:#fff}.btn-nightblue:focus,.btn-nightblue:not(:disabled):hover,.btn-nightblue.pretend-hover{background-color:#002943;color:#fff}.btn-nightblue-bright{border-color:rgba(0,0,0,0);background-color:#0076a8;color:#fff}.btn-nightblue-bright:focus,.btn-nightblue-bright:not(:disabled):hover,.btn-nightblue-bright.pretend-hover{background-color:#005275;color:#fff}.btn-petrol{border-color:rgba(0,0,0,0);background-color:#006d68;color:#fff}.btn-petrol:focus,.btn-petrol:not(:disabled):hover,.btn-petrol.pretend-hover{background-color:#003a37;color:#fff}.btn-petrol-bright{border-color:rgba(0,0,0,0);background-color:#00968f;color:#000}.btn-petrol-bright:focus,.btn-petrol-bright:not(:disabled):hover,.btn-petrol-bright.pretend-hover{background-color:#00635e;color:#fff}.btn-coral{border-color:rgba(0,0,0,0);background-color:#9e2a2f;color:#fff}.btn-coral:focus,.btn-coral:not(:disabled):hover,.btn-coral.pretend-hover{background-color:#761f23;color:#fff}.btn-coral-bright{border-color:rgba(0,0,0,0);background-color:#e03c31;color:#000}.btn-coral-bright:focus,.btn-coral-bright:not(:disabled):hover,.btn-coral-bright.pretend-hover{background-color:#c1271d;color:#fff}.btn-olive{border-color:rgba(0,0,0,0);background-color:#716135;color:#fff}.btn-olive:focus,.btn-olive:not(:disabled):hover,.btn-olive.pretend-hover{background-color:#4e4325;color:#fff}.btn-olive-bright{border-color:rgba(0,0,0,0);background-color:#aa9d2e;color:#000}.btn-olive-bright:focus,.btn-olive-bright:not(:disabled):hover,.btn-olive-bright.pretend-hover{background-color:#827823;color:#000}.btn-purple{border-color:rgba(0,0,0,0);background-color:#80276c;color:#fff}.btn-purple:focus,.btn-purple:not(:disabled):hover,.btn-purple.pretend-hover{background-color:#591b4b;color:#fff}.btn-purple-bright{border-color:rgba(0,0,0,0);background-color:#c5299b;color:#fff}.btn-purple-bright:focus,.btn-purple-bright:not(:disabled):hover,.btn-purple-bright.pretend-hover{background-color:#9b207a;color:#fff}.btn-aubergine{border-color:rgba(0,0,0,0);background-color:#523178;color:#fff}.btn-aubergine:focus,.btn-aubergine:not(:disabled):hover,.btn-aubergine.pretend-hover{background-color:#392254;color:#fff}.btn-aubergine-bright{border-color:rgba(0,0,0,0);background-color:#7566a0;color:#fff}.btn-aubergine-bright:focus,.btn-aubergine-bright:not(:disabled):hover,.btn-aubergine-bright.pretend-hover{background-color:#5e5182;color:#fff}.btn-success{border-color:rgba(0,0,0,0);background-color:#2c911c;color:#000}.btn-success:focus,.btn-success:not(:disabled):hover,.btn-success.pretend-hover{background-color:#1f6614;color:#fff}.btn-info{border-color:rgba(0,0,0,0);background-color:#cce4ee;color:#000}.btn-info:focus,.btn-info:not(:disabled):hover,.btn-info.pretend-hover{background-color:#a6d0e1;color:#000}.btn-warning{border-color:rgba(0,0,0,0);background-color:#f49e00;color:#000}.btn-warning:focus,.btn-warning:not(:disabled):hover,.btn-warning.pretend-hover{background-color:#c17d00;color:#000}.btn-danger{border-color:rgba(0,0,0,0);background-color:#a51728;color:#fff}.btn-danger:focus,.btn-danger:not(:disabled):hover,.btn-danger.pretend-hover{background-color:#78111d;color:#fff}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden,.klp-widget-anonymous__text{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link,.login-button{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);transition:color 200ms;background-color:rgba(0,0,0,0);box-shadow:none;border:0;margin:0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.login-button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.login-button:hover,.nav-link:focus,.login-button:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.login-button:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg,.login-button>svg{width:1.4em;height:1.4em;flex-shrink:0}.nav-link>span,.login-button>span{flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media(forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{transform:scaleX(-1)}.rotate-270{transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-items-center{align-items:center}@media(min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media(max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media(min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media(min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media(max-width: -0.02px){.hidden-xs{display:none}}@media(max-width: 399.98px){.hidden-sm{display:none}}@media(max-width: 599.98px){.hidden-rg{display:none}}@media(max-width: 779.98px){.hidden-md{display:none}}@media(max-width: 1023.98px){.hidden-lg{display:none}}@media(max-width: 1279.98px){.hidden-xl{display:none}}@media(max-width: 1440.98px){.hidden-xxl{display:none}}/*!
655
2
  * ------------------------------------------------------------------------------------------------
656
3
  * Copyright 2014 by Swiss Post, Information Technology Services
657
4
  * ------------------------------------------------------------------------------------------------
658
5
  * $Id$
659
6
  * ------------------------------------------------------------------------------------------------
660
- */
661
- .klp-widget-support {
662
- background-color: #f49e00 !important;
663
- }
664
-
665
- .klp-widget-authenticated-session-link {
666
- display: block;
667
- padding: 12px 10px;
668
- text-decoration: none;
669
- outline: none;
670
- }
671
- @media (min-width: 600px) and (max-width: 1279px) {
672
- .klp-widget-authenticated-session-link {
673
- padding: 12px 12px;
674
- }
675
- }
676
- @media (min-width: 1280px) {
677
- .klp-widget-authenticated-session-link {
678
- padding: 16px 16px;
679
- }
680
- }
681
-
682
- .klp-widget-authenticated-menu li {
683
- position: relative;
684
- display: inline-flex;
685
- width: 296px;
686
- height: 40px;
687
- margin: 0;
688
- padding: 0;
689
- list-style-type: none;
690
- background-color: white;
691
- border-top: none;
692
- }
693
-
694
- .notification-link:active {
695
- background-color: #ffcc00 !important;
696
- }
697
-
698
- .notification-link:hover,
699
- .notification-link:focus {
700
- background-color: #f4f3f1;
701
- }
702
-
703
- .klp-widget-authenticated-menu li:hover > a {
704
- color: black;
705
- }
706
-
707
- .klp-widget-authenticated-session-name {
708
- position: relative;
709
- display: table-cell;
710
- width: 117px;
711
- height: 55px;
712
- overflow: hidden;
713
- color: black;
714
- font-weight: normal;
715
- font-size: 15px;
716
- font-style: normal;
717
- font-stretch: normal;
718
- line-height: 1;
719
- letter-spacing: normal;
720
- white-space: nowrap;
721
- text-indent: 1em;
722
- text-overflow: ellipsis;
723
- vertical-align: middle;
724
- }
725
-
726
- .klp-widget-authenticated-menu a {
727
- color: rgba(0, 0, 0, 0.6);
728
- font-weight: normal;
729
- font-size: 17px;
730
- font-style: normal;
731
- font-stretch: normal;
732
- line-height: 17px;
733
- letter-spacing: normal;
734
- }
735
-
736
- .klp-widget-authenticated-menu ul {
737
- padding-bottom: 8px;
738
- padding-left: 0;
739
- background-color: white;
740
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
741
- }
742
-
743
- .klp-widget-authenticated-menu li:nth-child(2) {
744
- margin: 9px 0 0 0;
745
- }
746
-
747
- .klp-widget-authenticated-menu li.name-and-surname:active {
748
- background-color: white;
749
- }
750
-
751
- .klp-widget-authenticated-menu li.name-and-surname:hover {
752
- background-color: white;
753
- }
754
-
755
- .klp-widget-anonymous {
756
- height: 100%;
757
- color: rgba(0, 0, 0, 0.6);
758
- }
759
-
760
- .klp-widget-anonymous__wrapper {
761
- height: 100%;
762
- }
763
-
764
- .klp-widget-anonymous a {
765
- display: flex;
766
- align-items: center;
767
- justify-content: center;
768
- height: 100%;
769
- padding: 0 16px;
770
- color: rgba(0, 0, 0, 0.6);
771
- font-weight: 300;
772
- font-size: 1rem;
773
- text-decoration: none;
774
- background-color: white;
775
- }
776
-
777
- .klp-widget-anonymous a:hover {
778
- color: rgb(0, 0, 0);
779
- }
780
-
781
- .notification-number-detail {
782
- position: relative;
783
- width: 25px;
784
- height: 20px;
785
- margin-left: 23px;
786
- padding: 2px 6px;
787
- color: white;
788
- font-size: 13px;
789
- text-align: center;
790
- background-color: #a51728;
791
- border-radius: 10px;
792
- }
793
-
794
- li.name-and-surname {
795
- display: flex;
796
- min-width: 296px;
797
- height: 78px;
798
- padding-top: 0;
799
- vertical-align: middle;
800
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
801
- }
802
-
803
- .initials-circle {
804
- position: relative;
805
- display: table;
806
- width: 40px;
807
- height: 40px;
808
- margin: 19px 16px;
809
- overflow: hidden;
810
- color: white;
811
- background-color: #004976;
812
- border-radius: 40px;
813
- }
814
-
815
- .initials-container {
816
- display: table-cell;
817
- font-weight: 300;
818
- font-size: 17px;
819
- line-height: 1.65;
820
- letter-spacing: normal;
821
- text-align: center;
822
- vertical-align: middle;
823
- }
824
-
825
- .initials-mobile {
826
- display: none;
827
- visibility: hidden;
828
- }
829
-
830
- .notification-link {
831
- display: flex;
832
- flex: 0 0 100%;
833
- text-decoration: none;
834
- }
835
-
836
- .klp-widget-notification-link-text {
837
- overflow: hidden;
838
- font-weight: normal;
839
- font-size: 17px;
840
- white-space: nowrap;
841
- text-overflow: ellipsis;
842
- }
843
-
844
- li.name-and-surname span.name {
845
- position: relative;
846
- display: block;
847
- width: 12em;
848
- overflow: hidden;
849
- color: black;
850
- font-weight: bold;
851
- font-size: 17px;
852
- line-height: 24px;
853
- }
854
-
855
- li.name-and-surname span.nameCentered {
856
- position: relative;
857
- display: block;
858
- align-self: center;
859
- width: 12em;
860
- padding: 0;
861
- overflow: hidden;
862
- color: black;
863
- font-weight: bold;
864
- font-size: 17px;
865
- line-height: 24px;
866
- }
867
-
868
- li.name-and-surname span.info {
869
- position: relative;
870
- display: block;
871
- width: 12em;
872
- overflow: hidden;
873
- color: black;
874
- font-weight: normal;
875
- font-size: 15px;
876
- line-height: 22px;
877
- }
878
-
879
- li.name-and-surname span.infoHidden {
880
- position: relative;
881
- display: none;
882
- width: 12em;
883
- overflow: hidden;
884
- color: black;
885
- font-weight: normal;
886
- font-size: 15px;
887
- line-height: 22px;
888
- }
889
-
890
- .nameAndInfoWrapper {
891
- position: relative;
892
- display: flex;
893
- align-items: center;
894
- width: 224px;
895
- height: 78px;
896
- padding: 16px 0;
897
- line-height: 46px;
898
- }
899
-
900
- .widget_icon_profile {
901
- display: inline-block;
902
- width: 24px;
903
- height: 24px;
904
- margin: 8px 12px;
905
- color: black;
906
- font-weight: normal;
907
- font-style: normal;
908
- font-variant: normal;
909
- text-transform: none;
910
- text-decoration: inherit;
911
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTI0IDQwLjQ0NGE1LjM0IDUuMzQgMCAwIDAgNS4zMzMtNS4zMzNBNS4zNCA1LjM0IDAgMCAwIDI0IDI5Ljc3OGE1LjM0IDUuMzQgMCAwIDAtNS4zMzMgNS4zMzNBNS4zNCA1LjM0IDAgMCAwIDI0IDQwLjQ0NHpNMjQgMjhhNy4xMTggNy4xMTggMCAwIDEgNy4xMTEgNy4xMTFBNy4xMTggNy4xMTggMCAwIDEgMjQgNDIuMjIyYy0zLjkyIDAtNy4xMTEtMy4xOS03LjExMS03LjExQzE2Ljg4OSAzMS4xOSAyMC4wNzkgMjggMjQgMjh6bTgtMi42NjdIMTZjLTQuNDEyIDAtOC0zLjU4OS04LThWNGgxLjc3OHYxMy4zMzNBNi4yMyA2LjIzIDAgMCAwIDE2IDIzLjU1NmgxNmE2LjIzIDYuMjMgMCAwIDAgNi4yMjItNi4yMjNWNEg0MHYxMy4zMzNjMCA0LjQxMS0zLjU4OSA4LTggOHpNMTUuMTExIDRoMS43Nzh2MTIuNDQ0SDE1LjExVjR6bTE2IDBoMS43Nzh2MTIuNDQ0SDMxLjExVjR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNzgxLTQ3OUg2NTl2MTY4MkgtNzgxeiIvPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNjY2IiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMGg0OHY0OEgweiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
912
- background-repeat: no-repeat;
913
- background-size: contain;
914
- transform: rotate(180deg);
915
- content: " ";
916
- }
917
-
918
- .widget_icon_settings {
919
- display: inline-block;
920
- width: 24px;
921
- height: 24px;
922
- margin: 8px 12px;
923
- color: black;
924
- font-weight: normal;
925
- font-style: normal;
926
- font-variant: normal;
927
- text-transform: none;
928
- text-decoration: inherit;
929
- background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M26.4 20h4.267v-6.667h-4.267c-0.4-0.267-0.667-0.533-0.8-0.933-0.267-0.4-0.133-0.8-0.133-1.2l3.067-3.067-4.667-4.667-3.067 3.067c-0.4 0.133-0.8 0-1.2-0.133s-0.667-0.4-0.933-0.8v-4.267h-6.667v4.267c-0.267 0.4-0.533 0.667-0.933 0.8-0.267 0.133-0.667 0.267-1.2 0.133l-3.067-3.067-4.667 4.667 3.067 3.067c0.133 0.4 0 0.8-0.133 1.2s-0.4 0.667-0.8 0.933h-4.267v6.667h4.267c0.4 0.267 0.667 0.533 0.8 0.933s0.133 0.8 0.133 1.2l-3.067 3.067 4.667 4.667 3.067-3.067c0.4-0.133 0.8 0 1.2 0.133s0.667 0.4 0.933 0.8v4.267h6.667v-4.267c0.267-0.4 0.533-0.667 0.933-0.8s0.8-0.133 1.2-0.133l3.067 3.067 4.667-4.667-3.067-3.067c-0.133-0.4 0-0.8 0.133-1.2s0.4-0.667 0.8-0.933zM24.267 22.667v0.133l2.4 2.4-2.8 2.8-2.4-2.4h-0.133c-0.8-0.267-1.6-0.133-2.267 0.133s-1.2 0.8-1.6 1.467l-0.133 0.133v3.333h-4v-3.333l-0.133-0.133c-0.4-0.667-0.933-1.2-1.6-1.467v0c-0.667-0.4-1.467-0.4-2.267-0.133h-0.133l-2.4 2.4-2.8-2.8 2.4-2.4v-0.133c0.267-0.8 0.267-1.6-0.133-2.267-0.267-0.667-0.8-1.2-1.467-1.6l-0.133-0.133h-3.333v-4h3.333l0.133-0.133c0.667-0.4 1.2-0.933 1.467-1.6 0.4-0.667 0.4-1.467 0.133-2.267v-0.133l-2.4-2.4 2.8-2.8 2.4 2.4h0.133c0.8 0.267 1.6 0.267 2.267-0.133 0.667-0.267 1.2-0.8 1.6-1.467l0.133-0.133v-3.333h4v3.333l0.133 0.133c0.4 0.667 0.933 1.2 1.6 1.467 0.667 0.4 1.467 0.4 2.267 0.133h0.133l2.4-2.4 2.8 2.8-2.4 2.4v0.133c-0.267 0.8-0.267 1.6 0.133 2.267 0.267 0.667 0.8 1.2 1.467 1.6l0.133 0.133h3.333v4h-3.333l-0.133 0.133c-0.667 0.4-1.2 0.933-1.467 1.6-0.4 0.667-0.4 1.467-0.133 2.267z'%3E%3C/path%3E %3Cpath opacity='1' fill='%23000000' d='M15.333 10.667c-3.333 0-6 2.667-6 6s2.667 6 6 6c3.333 0 6-2.667 6-6s-2.667-6-6-6zM15.333 21.333c-2.533 0-4.667-2.133-4.667-4.667s2.133-4.667 4.667-4.667c2.533 0 4.667 2.133 4.667 4.667s-2.133 4.667-4.667 4.667z'%3E%3C/path%3E%3C/svg%3E");
930
- background-repeat: no-repeat;
931
- background-size: contain;
932
- content: " ";
933
- }
934
-
935
- .widget_icon_changecompany {
936
- display: inline-block;
937
- width: 24px;
938
- height: 24px;
939
- margin: 8px 12px;
940
- color: black;
941
- font-weight: normal;
942
- font-style: normal;
943
- font-variant: normal;
944
- text-transform: none;
945
- text-decoration: inherit;
946
- background-image: url("data:image/svg+xml;base64,IDxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MDAuMDAwMDAwcHQiIGhlaWdodD0iODYzLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNzAwLjAwMDAwMCA4NjMuMDAwMDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsODYzLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIgZmlsbD0iIzY2NiIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTY3ODIgODMzOCBjLTE4IC0xOCAtMzk0MCAtMjUgLTQwNTUgLTggLTk4IDE2IC0xMDkgOSAtOTUgLTU2IDkgLTM5CjcgLTE2MiAtNCAtMjQ0IC0yIC0yMCAyIC0yNiAyMSAtMjggMTMgLTIgMzUgMiA0OCA5IDE4IDEwIDM0IDEwIDYyIDMgMjIgLTYKNDggLTcgNjEgLTIgMTIgNCA4NDMgNyAxODQ3IDYgbDE4MjUgLTMgMTkgLTI0IGMxNiAtMTkgMTkgLTQwIDE5IC0xMTYgMCAtNTIKLTUgLTEwNiAtMTAgLTEyMSAtOCAtMTkgLTggLTMwIDAgLTM4IDE1IC0xNSAxNCAtNTk5OCAtMSAtNjAxMyAtNyAtNyAtOSAtMjMKLTUgLTM3IGw2IC0yNSAxMjAgNiBjOTIgNSAxMjcgMyAxNDYgLTcgMzUgLTE5IDYwIC0zIDU1IDM2IC04IDYyIC04IDY0MDQgMAo2NDk5IDEyIDEzNSAxMiAxNDYgMiAxNTUgLTE3IDE2IC00OSAyMCAtNjEgOHoiPjwvcGF0aD4KPHBhdGggZD0iTTUwNCA3MjY1IGMtNCAtMTAgLTIgLTMyIDQgLTQ5IDE3IC00NiAxNyAtNjU3NyAxIC02NTkzIC05IC05IC05Ci0xOSAtMSAtNDAgMTAgLTI1IDkgLTE3NyAtMSAtMzA2IC01IC01NiA2IC02MCAxMjEgLTQ3IDcyIDkgMTA5IDkgMTQwIDEgMjYKLTggNTUgLTggODEgLTIgMjUgNSA1OCA1IDg2IC0xIDMyIC03IDY3IC02IDExMyAyIDg0IDE0IDEyNzggMTMgMTQzMCAtMiAxMTcKLTExIDEzNyAtNSAxMjUgNDEgLTQgMTQgLTYgNTggLTYgOTYgMCAzOSAwIDEwNCAtMSAxNDUgMCA0MSAtMSAzMDYgLTEgNTg4IGwwCjUxNCAyMyAxOCBjMjEgMTcgNTQgMTggNTI3IDIwIGw1MDUgMSAyNSAtMjUgMjUgLTI1IDAgLTY1MCBjLTEgLTM5OCAtNSAtNjUzCi0xMSAtNjU2IC0xNCAtOSAtMTEgLTUxIDYgLTY1IDExIC05IDMzIC0xMCA5MiAtMiA2NSA4IDE3NjkgOCAxOTUyIC0xIDQxIC0yCjQ1IDAgNTMgMjggNSAxOCA0IDQwIC0zIDU3IC0xNSAzNyAtMTYgMTk1IC0xIDIxMCA4IDggOCAxNiAtMSAzMiAtOSAxNiAtMTIKNzM1IC0xMiAzMTc2IDAgMTczNSAyIDMyNDAgNCAzMzQ0IDQgMTc5IDMgMTkwIC0xNSAxOTYgLTEwIDQgLTMwIDMgLTQ0IC0yCi0zMSAtMTAgLTUxMjAgLTQgLTUxNzIgNiAtMzEgNyAtMzkgNSAtNDQgLTl6IG00OTQzIC0zMjggYzE3IC0xNyAxOCAtMTU5IDIwCi0zMTgxIDMgLTMwOTUgMiAtMzE2NSAtMTYgLTMxODggLTE4IC0yMiAtMjYgLTIzIC0xNTYgLTI2IC04NyAtMiAtMTQxIDAgLTE0OQo3IC05IDggLTIyIDggLTQzIDAgLTIwIC03IC0yMDEgLTkgLTU0MSAtNyAtNDg1IDMgLTUxMSA0IC01MzEgMjIgLTIxIDE5IC0yMQoyMSAtMjEgNjczIDAgNDM1IDMgNjYxIDEwIDY3NCA2IDExIDcgMjYgMiAzNCAtNyAxNCAtMTEwIDE2IC04NzcgMTYgbC04NzAgMAotNiAtMjQgYy00IC0xNCAtMyAtMzEgMiAtMzggMTEgLTE4IDExIC0xMzAgMCAtMTQ4IC01IC04IC0zIC0yNCA0IC00MCA5IC0yMAoxMiAtMTU5IDExIC01NzggLTEgLTUxNiAtMiAtNTUzIC0xOSAtNTcwIC0xNyAtMTcgLTYwIC0xOCAtNjg1IC0yMSAtNjc4IC0zCi03MzMgLTEgLTc0NiAzNCAtMyA4IC02IDE0MzcgLTYgMzE3NiAtMSAyOTE3IDEgMzE2MiAxNiAzMTc5IDkgMTAgMzQgMjAgNTgKMjIgMjIgMiAxMDUwIDMgMjI4MyAzIDIxMzkgLTEgMjI0MyAtMiAyMjYwIC0xOXoiPjwvcGF0aD4KPHBhdGggZD0iTTIwNzUgNjIwOSBjLTUgLTcgLTg1IC0xMCAtMjUxIC04IGwtMjQ1IDMgMCAtNjg3IC0xIC02ODcgNjg2IC0xCjY4NyAwIDAgNjkzIDAgNjkzIC0yMSAzIGMtMTIgMiAtMjYgLTEgLTMzIC02IC0xNiAtMTMgLTc4NSAtMTQgLTc5MyAtMSAtNyAxMgotMjEgMTEgLTI5IC0yeiBtNTQ2IC0zMzYgYzExIC0xMyAxNCAtODIgMTQgLTM1MyAwIC0zMTkgLTEgLTMzOSAtMTkgLTM1OSAtMTkKLTIxIC0yNSAtMjEgLTM1NCAtMjAgLTMxNSAxIC0zMzUgMiAtMzUzIDIwIC0xOCAxOCAtMTkgMzggLTE5IDM1NiAwIDI5OSAyCjMzOCAxNyAzNTUgMTUgMTcgMzkgMTggMzU4IDE4IDMwNiAwIDM0NCAtMiAzNTYgLTE3eiI+PC9wYXRoPgo8cGF0aCBkPSJNMzM0MSA2MjExIGMtMTEgLTcgLTEyIC0xOSAtNiAtNTIgOSAtNDYgMTMgLTExOTggNSAtMTI4MiBsLTUgLTQ4CjY4OSAwIGMzNzkgMSA2OTMgNCA2OTYgOCA0IDUgNCA0NCAtMSA4NyAtNiA2NyAtNCAxMTQ0IDQgMTI0NSBsMiAzMyAtNTcwIDIKYy0zMTMgMiAtNTc3IDMgLTU4NSA0IC04IDEgLTUxIDEgLTk1IDAgLTQ0IC0xIC04OSAxIC0xMDAgNSAtMTEgNCAtMjYgMyAtMzQKLTJ6IG0xMDI2IC0zMjYgYzQwIC05IDQ1IC01NiA0MSAtMzkyIC0zIC0yODQgLTUgLTMxNCAtMjEgLTMzMCAtMTYgLTE2IC00NwotMTggLTM1MSAtMjEgLTMxNyAtMyAtMzM0IC0yIC0zNTcgMTcgbC0yNCAxOSAwIDMzNSBjMCAzMTIgMSAzMzYgMTkgMzU1IDEwCjEyIDMyIDIyIDUwIDI0IDUyIDUgNjE5IC0xIDY0MyAtN3oiPjwvcGF0aD4KPHBhdGggZD0iTTI4ODMgNDA4OSBjLTcgLTcgLTIxNSAtOSAtNjYyIC03IC02MjMgMyAtNjUxIDIgLTY1NyAtMTUgLTMgLTEwIC0xCi0zMSA2IC00NiA4IC0yMCAxMCAtMjA2IDggLTY3MiBsLTMgLTY0NCA2ODggMiA2ODggMiAwIDY4OCBjMCA2NTMgLTEgNjg4IC0xOAo2OTQgLTI2IDExIC0zOCAxMCAtNTAgLTJ6IG0tMjYzIC0zNDYgYzIxIC0yOCAyMiAtMzIgMTggLTM1NiBsLTMgLTMyOSAtMjQKLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM1MiAtMTkgLTMxMiAwIC0zMzAgMSAtMzQ4IDE5IC0xOSAxOSAtMjAgMzcgLTIxIDM1NSAwCjMyNCAwIDMzNiAyMCAzNTYgMTkgMTkgMzIgMjAgMzU0IDIwIGwzMzUgMCAyMSAtMjd6Ij48L3BhdGg+CjxwYXRoIGQ9Ik00Njc1IDQwODkgYy0xNiAtNSAtMzI1IC04IC02ODUgLTggbC02NTUgMiA0IC0zNCBjMTAgLTkyIDExIC0xMjQ3CjEgLTEyODcgLTE0IC01NyAtMiAtNzQgNDMgLTYxIDE5IDYgMzAyIDkgNjg3IDggbDY1NSAtMSAtMyAzNCBjLTEgMTggLTUgMzAxCi04IDYyOCAtNSA0NjQgLTMgNjA3IDcgNjQ4IDE1IDY1IDMgODUgLTQ2IDcxeiBtLTI5MCAtMzM5IGMxNiAtMTggMTkgLTQyIDIxCi0xNzcgMiAtMTE4IC0xIC0xNjMgLTExIC0xODMgLTExIC0yMSAtMTEgLTMwIC0yIC0zOSA4IC05IDExIC01NCAxMCAtMTU0IC0zCi0xMzEgLTUgLTE0MyAtMjQgLTE1OSAtMTkgLTE2IC01MiAtMTggLTM0OSAtMTggLTM5OSAwIC0zNzAgLTExIC0zNzEgMTM1IDAKNTUgLTEgMTM0IC0yIDE3NSAtMSA0MSAtMSAxNDggLTEgMjM4IDEgMTQxIDMgMTY1IDE5IDE4MiAxNyAxOSAzMSAyMCAzNTUgMjAKMzI2IDAgMzM3IC0xIDM1NSAtMjB6Ij48L3BhdGg+CjwvZz4KPC9zdmc+");
947
- background-repeat: no-repeat;
948
- background-size: contain;
949
- content: " ";
950
- }
951
-
952
- .widget_icon_logout {
953
- display: inline-block;
954
- width: 24px;
955
- height: 24px;
956
- margin: 8px 12px;
957
- color: black;
958
- font-weight: normal;
959
- font-style: normal;
960
- font-variant: normal;
961
- text-transform: none;
962
- text-decoration: inherit;
963
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTAgMGgyOHYySDJ2NDRoMjZ2MkgwVjB6bTMzLjU4NiAxNGgyLjgyOGwxMSAxMS0xMSAxMWgtMi44MjhsMTAtMTBIMTh2LTJoMjUuNTg2bC0xMC0xMHoiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTS00MTAtMzIwaDE0NDB2MTY4MkgtNDEweiIvPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNjY2IiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMGg0OHY0OEgweiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
964
- background-repeat: no-repeat;
965
- background-size: contain;
966
- content: " ";
967
- }
968
-
969
- .widget_icon_notification {
970
- display: inline-block;
971
- width: 24px;
972
- height: 24px;
973
- margin: 8px 12px;
974
- color: black;
975
- font-weight: normal;
976
- font-size: 1em;
977
- font-style: normal;
978
- font-variant: normal;
979
- text-transform: none;
980
- text-decoration: inherit;
981
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTIgNDBoNDRWOEgydjMyem0yMy40NDYtMTEuOTYzYy0uNzYyLjc5Ny0yLjEzLjc5OC0yLjg5Mi0uMDAyTDUuMzM3IDEwaDM3LjMyN0wyNS40NDYgMjguMDM3ek0xNS45MzUgMjRMNCAzNi41MDRWMTEuNDk2TDE1LjkzNSAyNHptMS4zODQgMS40NDhsMy43ODcgMy45NjdBMy45NjYgMy45NjYgMCAwIDAgMjQgMzAuNjU2YTMuOTcgMy45NyAwIDAgMCAyLjg5My0xLjIzOGwzLjc4OC0zLjk3TDQyLjY2MiAzOEg1LjMzOGwxMS45ODEtMTIuNTUyek0zMi4wNjQgMjRMNDQgMTEuNDk1djI1LjAwOUwzMi4wNjQgMjR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTE0OS0zMThIMjkxdjE2ODJoLTE0NDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiM2NjYiIG1hc2s9InVybCgjYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwaDQ4djQ4SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
982
- background-repeat: no-repeat;
983
- background-size: contain;
984
- content: " ";
985
- }
986
-
987
- #post-klp-login-widget.bubble:before {
988
- position: absolute;
989
- top: calc(100% + 2px);
990
- right: 50%;
991
- z-index: 9999;
992
- width: 0;
993
- height: 0;
994
- margin-right: -7px;
995
- border-color: transparent transparent white transparent;
996
- border-style: solid;
997
- border-width: 0 7px 7px 7px;
998
- content: "";
999
- }
1000
-
1001
- #post-klp-login-widget.bubble:after {
1002
- position: absolute;
1003
- top: 100%;
1004
- right: 50%;
1005
- z-index: 9998;
1006
- width: 0;
1007
- height: 0;
1008
- margin-right: -8px;
1009
- border-color: transparent transparent rgba(0, 0, 0, 0.07) transparent;
1010
- border-style: solid;
1011
- border-width: 0 8px 8px 8px;
1012
- content: "";
1013
- }
1014
-
1015
- .klp-widget-anonymous .klp-widget-anonymous__text {
1016
- position: absolute;
1017
- width: 1px;
1018
- height: 1px;
1019
- margin: -1px;
1020
- padding: 0;
1021
- overflow: hidden;
1022
- border: 0;
1023
- clip: rect(0 0 0 0);
1024
- }
1025
- @media (min-width: 600px) and (max-width: 1023px) {
1026
- .klp-widget-anonymous .klp-widget-anonymous__text {
1027
- position: static;
1028
- width: auto;
1029
- height: auto;
1030
- margin: 0;
1031
- padding-right: 10px;
1032
- overflow: visible;
1033
- clip: auto;
1034
- }
1035
- }
1036
- @media (min-width: 1024px) and (max-width: 1279px) {
1037
- .klp-widget-anonymous .klp-widget-anonymous__text {
1038
- position: absolute;
1039
- width: 1px;
1040
- height: 1px;
1041
- margin: -1px;
1042
- padding: 0;
1043
- overflow: hidden;
1044
- border: 0;
1045
- clip: rect(0 0 0 0);
1046
- }
1047
- }
1048
- @media (min-width: 1280px) {
1049
- .klp-widget-anonymous .klp-widget-anonymous__text {
1050
- position: static;
1051
- width: auto;
1052
- height: auto;
1053
- margin: 0;
1054
- padding-right: 8px;
1055
- overflow: visible;
1056
- font-size: 17px;
1057
- clip: auto;
1058
- }
1059
- }
1060
-
1061
- .klp-widget-anonymous a {
1062
- padding: 0 1rem;
1063
- }
1064
- @media (min-width: 600px) and (max-width: 1023px) {
1065
- .klp-widget-anonymous a {
1066
- padding: 0 16px;
1067
- }
1068
- }
1069
- @media (min-width: 1024px) {
1070
- .klp-widget-anonymous a {
1071
- padding: 0 20px;
1072
- }
1073
- }
1074
-
1075
- .initials-mobile {
1076
- display: block;
1077
- width: 32px;
1078
- height: 32px;
1079
- color: white;
1080
- font-weight: normal;
1081
- font-size: 13px;
1082
- line-height: 32px;
1083
- letter-spacing: 1px;
1084
- text-align: center;
1085
- background-color: #004976;
1086
- border-radius: 32px;
1087
- visibility: visible;
1088
- }
1089
- @media (min-width: 1024px) {
1090
- .initials-mobile {
1091
- width: 40px;
1092
- height: 40px;
1093
- font-size: 15px;
1094
- line-height: 40px;
1095
- border-radius: 40px;
1096
- }
1097
- }
1098
-
1099
- .notification-number {
1100
- position: absolute;
1101
- top: 6px;
1102
- right: 5px;
1103
- display: block;
1104
- width: 15px;
1105
- height: 15px;
1106
- color: white;
1107
- font-size: 12px;
1108
- line-height: 20px;
1109
- text-align: center;
1110
- background-color: #a51728;
1111
- background-clip: padding-box;
1112
- border: 2px solid white;
1113
- border-radius: 10px;
1114
- }
1115
- @media (min-width: 600px) and (max-width: 1023px) {
1116
- .notification-number {
1117
- right: 8px;
1118
- }
1119
- }
1120
- @media (min-width: 1024px) and (max-width: 1279px) {
1121
- .notification-number {
1122
- right: 8px;
1123
- width: 17px;
1124
- height: 17px;
1125
- }
1126
- }
1127
- @media (min-width: 1280px) {
1128
- .notification-number {
1129
- top: 10px;
1130
- right: 12px;
1131
- width: 17px;
1132
- height: 17px;
1133
- }
1134
- }
1135
-
1136
- .klp-widget-authenticated-session-name {
1137
- display: none;
1138
- }
1139
-
1140
- .linkContainer {
1141
- align-self: center;
1142
- height: 16px;
1143
- margin: 10px 0;
1144
- }
1145
-
1146
- .klp-widget-authenticated-menu {
1147
- position: fixed;
1148
- top: 64px;
1149
- z-index: 3;
1150
- width: 296px;
1151
- }
1152
- @media (max-width: 399px) {
1153
- .klp-widget-authenticated-menu {
1154
- right: 0;
1155
- left: 0;
1156
- margin: 0 auto;
1157
- }
1158
- }
1159
- @media (min-width: 400px) and (max-width: 1023px) {
1160
- .klp-widget-authenticated-menu {
1161
- position: absolute;
1162
- top: 64px;
1163
- right: 8px;
1164
- }
1165
- }
1166
- @media (min-width: 1024px) and (max-width: 1279px) {
1167
- .klp-widget-authenticated-menu {
1168
- position: absolute;
1169
- top: 72px;
1170
- right: 8px;
1171
- }
1172
- }
1173
- @media (min-width: 1280px) {
1174
- .klp-widget-authenticated-menu {
1175
- position: absolute;
1176
- top: 80px;
1177
- right: 8px;
1178
- }
1179
- }
1180
- .klp-widget-authenticated-menu > ul {
1181
- margin: 0;
1182
- }
1183
-
1184
- .klp-widget-authenticated {
1185
- min-width: 52px;
1186
- max-height: 55px;
1187
- background-color: white;
1188
- }
1189
- @media (min-width: 1024px) and (max-width: 1279px) {
1190
- .klp-widget-authenticated {
1191
- max-height: 64px;
1192
- }
1193
- }
1194
- @media (min-width: 1280px) {
1195
- .klp-widget-authenticated {
1196
- max-height: 72px;
1197
- }
1198
- }
1199
-
1200
- .item-centered {
1201
- align-items: center;
1202
- align-self: center;
1203
- display: flex;
1204
- justify-content: center;
1205
- }
1206
-
1207
- .item-left {
1208
- align-items: flex-start;
1209
- align-self: flex-start;
1210
- }
1211
-
1212
- .item-right {
1213
- align-items: flex-end;
1214
- align-self: flex-end;
1215
- }
1216
-
1217
- .changeAccountModal {
1218
- display: table;
1219
- }
1220
-
1221
- /* The Modal (background) */
1222
- .modal {
1223
- /* Hidden by default */
1224
- position: fixed;
1225
- top: 0;
1226
- /* Location of the box */
1227
- left: 0;
1228
- /* Stay in place */
1229
- z-index: 9999;
1230
- display: none;
1231
- width: 100vw;
1232
- height: 100vh;
1233
- /* Sit on top */
1234
- padding-top: 100px;
1235
- /* Full height */
1236
- overflow: auto;
1237
- /* Enable scroll if needed */
1238
- background-color: rgb(0, 0, 0);
1239
- /* Fallback color */
1240
- background-color: rgba(0, 0, 0, 0.4);
1241
- /* Black w/ opacity */
1242
- }
1243
-
1244
- /* Modal Content */
1245
- .modal-content {
1246
- align-items: center;
1247
- width: 80%;
1248
- min-height: 20em;
1249
- margin: auto;
1250
- background-color: white;
1251
- border: 1px solid #888;
1252
- }
1253
-
1254
- @media (min-width: 1024px) {
1255
- .modal-content {
1256
- max-width: 584px;
1257
- margin: 1.75rem auto;
1258
- }
1259
- }
1260
- /* The Close Button */
1261
- .close {
1262
- position: absolute;
1263
- top: 0;
1264
- right: 15px;
1265
- color: #000;
1266
- font-weight: lighter;
1267
- font-size: 40px;
1268
- }
1269
-
1270
- .close:hover,
1271
- .close:focus {
1272
- text-decoration: none;
1273
- cursor: pointer;
1274
- }
1275
-
1276
- .btn-modal-container {
1277
- position: absolute;
1278
- bottom: 1em;
1279
- width: 100%;
1280
- }
1281
-
1282
- .pi {
1283
- display: inline-block;
1284
- width: 1.5rem;
1285
- height: 1.5rem;
1286
- vertical-align: middle;
1287
- background-repeat: no-repeat;
1288
- background-position: center center;
1289
- background-size: contain;
1290
- border: none;
1291
- }
1292
-
1293
- .pi-2086 {
1294
- width: 4.5rem;
1295
- height: 4.5rem;
1296
- margin-bottom: 2em;
1297
- background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M17.333 25.333v-16h-4.667v2.667h2v13.333h-2v2.667h6.667v-2.667z'%3E%3C/path%3E %3Cpath fill='%23000' d='M14.667 4h2.667v2.667h-2.667v-2.667z'%3E%3C/path%3E%3C/svg%3E");
1298
- border-color: #000;
1299
- }
1300
-
1301
- .modal-text-container {
1302
- align-content: center;
1303
- width: 100%;
1304
- min-height: 17em;
1305
- background: #ffcc00;
1306
- }
1307
-
1308
- .modal-button-container {
1309
- align-content: center;
1310
- width: 100%;
1311
- height: 6em;
1312
- margin-right: 0;
1313
- margin-left: 0;
1314
- background: white;
1315
- }
1316
-
1317
- .text-align-center {
1318
- text-align: center;
1319
- }
1320
-
1321
- .modal-text {
1322
- color: black;
1323
- font-weight: bold;
1324
- }
1325
-
1326
- :host {
1327
- display: block;
1328
- }
1329
-
1330
- .widget-wrapper {
1331
- position: relative;
1332
- }
1333
-
1334
- .widget-wrapper,
1335
- #post-klp-login-widget,
1336
- .klp-widget-anonymous,
1337
- .klp-widget-anonymous__wrapper,
1338
- .klp-widget-anonymous__wrapper a {
1339
- height: 100%;
1340
- }
1341
-
1342
- .klp-widget-anonymous__wrapper a {
1343
- display: flex;
1344
- align-items: center;
1345
- color: hsl(0, 0%, 20%);
1346
- text-decoration: none;
1347
- padding: 0 1rem;
1348
- transition: color 200ms;
1349
- }
1350
- .klp-widget-anonymous__wrapper a:hover, .klp-widget-anonymous__wrapper a:focus {
1351
- color: black;
1352
- }
1353
- @media (min-width: 1024px) {
1354
- .klp-widget-anonymous__wrapper a {
1355
- padding: 0 1.125rem;
1356
- }
1357
- }
1358
- .klp-widget-anonymous__wrapper a span {
1359
- margin-right: 0.5rem;
1360
- }
1361
- .klp-widget-anonymous__wrapper a svg {
1362
- width: 1.5rem;
1363
- height: 1.5rem;
1364
- }
1365
-
1366
- @media (min-width: 600px) and (max-width: 1023.98px) {
1367
- .klp-widget-anonymous__text {
1368
- position: static;
1369
- width: auto;
1370
- height: auto;
1371
- margin: auto;
1372
- overflow: visible;
1373
- clip: auto;
1374
- visibility: visible;
1375
- }
1376
- }
1377
- @media (min-width: 1280px) {
1378
- .klp-widget-anonymous__text {
1379
- position: static;
1380
- width: auto;
1381
- height: auto;
1382
- margin: auto;
1383
- overflow: visible;
1384
- clip: auto;
1385
- visibility: visible;
1386
- }
1387
- }
1388
-
1389
- #post-klp-login-widget .nameAndInfoWrapper {
1390
- position: relative;
1391
- display: flex;
1392
- align-items: flex-start;
1393
- width: 224px;
1394
- height: 78px;
1395
- padding: 16px 0px;
1396
- line-height: 46px;
1397
- flex-direction: column;
1398
- justify-content: center;
1399
- }
1400
-
1401
- .modal-content {
1402
- position: relative;
1403
- }
1404
-
1405
- .modal-text-container {
1406
- padding-top: 3rem;
1407
- }
1408
-
1409
- #post-klp-login-widget .modal-button-container {
1410
- height: auto;
1411
- padding: 2rem;
1412
- }
1413
- #post-klp-login-widget .modal-button-container > .item-centered {
1414
- justify-content: center;
1415
- }
1416
-
1417
- .login-button {
1418
- height: 100%;
1419
- display: flex;
1420
- align-items: center;
1421
- cursor: pointer;
1422
- padding-right: calc(1rem - 1px);
1423
- padding-left: calc(1rem - 1px);
1424
- }
1425
- @media (min-width: 1024px) {
1426
- .login-button {
1427
- padding: 0 calc(1.125rem - 1px);
1428
- }
1429
- }
1430
- @media (min-width: 1280px) {
1431
- .login-button {
1432
- padding: 0 calc(1.5rem - 1px);
1433
- }
1434
- }
1435
- .login-button svg {
1436
- width: 1.5rem;
1437
- height: 1.5rem;
1438
- }
1439
- @media (min-width: 600px) {
1440
- .login-button .visually-hidden {
1441
- position: static;
1442
- width: auto;
1443
- height: auto;
1444
- margin: auto;
1445
- overflow: visible;
1446
- clip: auto;
1447
- visibility: visible;
1448
- font-weight: 300;
1449
- margin-right: 0.5rem;
1450
- cursor: pointer;
1451
- }
1452
- }
7
+ */.klp-widget-support{background-color:#f49e00 !important}.klp-widget-authenticated-session-link{display:block;padding:12px 10px;text-decoration:none;outline:none}@media(min-width: 600px)and (max-width: 1279px){.klp-widget-authenticated-session-link{padding:12px 12px}}@media(min-width: 1280px){.klp-widget-authenticated-session-link{padding:16px 16px}}.klp-widget-authenticated-menu li{position:relative;display:inline-flex;width:296px;height:40px;margin:0;padding:0;list-style-type:none;background-color:#fff;border-top:none}.notification-link:active{background-color:#fc0 !important}.notification-link:hover,.notification-link:focus{background-color:#f4f3f1}.klp-widget-authenticated-menu li:hover>a{color:#000}.klp-widget-authenticated-session-name{position:relative;display:table-cell;width:117px;height:55px;overflow:hidden;color:#000;font-weight:normal;font-size:15px;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;white-space:nowrap;text-indent:1em;text-overflow:ellipsis;vertical-align:middle}.klp-widget-authenticated-menu a{color:rgba(0,0,0,.6);font-weight:normal;font-size:17px;font-style:normal;font-stretch:normal;line-height:17px;letter-spacing:normal}.klp-widget-authenticated-menu ul{padding-bottom:8px;padding-left:0;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.4)}.klp-widget-authenticated-menu li:nth-child(2){margin:9px 0 0 0}.klp-widget-authenticated-menu li.name-and-surname:active{background-color:#fff}.klp-widget-authenticated-menu li.name-and-surname:hover{background-color:#fff}.klp-widget-anonymous{height:100%;color:rgba(0,0,0,.6)}.klp-widget-anonymous__wrapper{height:100%}.klp-widget-anonymous a{display:flex;align-items:center;justify-content:center;height:100%;padding:0 16px;color:rgba(0,0,0,.6);font-weight:300;font-size:1rem;text-decoration:none;background-color:#fff}.klp-widget-anonymous a:hover{color:#000}.notification-number-detail{position:relative;width:25px;height:20px;margin-left:23px;padding:2px 6px;color:#fff;font-size:13px;text-align:center;background-color:#a51728;border-radius:10px}li.name-and-surname{display:flex;min-width:296px;height:78px;padding-top:0;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.2)}.initials-circle{position:relative;display:table;width:40px;height:40px;margin:19px 16px;overflow:hidden;color:#fff;background-color:#004976;border-radius:40px}.initials-container{display:table-cell;font-weight:300;font-size:17px;line-height:1.65;letter-spacing:normal;text-align:center;vertical-align:middle}.initials-mobile{display:none;visibility:hidden}.notification-link{display:flex;flex:0 0 100%;text-decoration:none}.klp-widget-notification-link-text{overflow:hidden;font-weight:normal;font-size:17px;white-space:nowrap;text-overflow:ellipsis}li.name-and-surname span.name{position:relative;display:block;width:12em;overflow:hidden;color:#000;font-weight:bold;font-size:17px;line-height:24px}li.name-and-surname span.nameCentered{position:relative;display:block;align-self:center;width:12em;padding:0;overflow:hidden;color:#000;font-weight:bold;font-size:17px;line-height:24px}li.name-and-surname span.info{position:relative;display:block;width:12em;overflow:hidden;color:#000;font-weight:normal;font-size:15px;line-height:22px}li.name-and-surname span.infoHidden{position:relative;display:none;width:12em;overflow:hidden;color:#000;font-weight:normal;font-size:15px;line-height:22px}.nameAndInfoWrapper{position:relative;display:flex;align-items:center;width:224px;height:78px;padding:16px 0;line-height:46px}.widget_icon_profile{display:inline-block;width:24px;height:24px;margin:8px 12px;color:#000;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTI0IDQwLjQ0NGE1LjM0IDUuMzQgMCAwIDAgNS4zMzMtNS4zMzNBNS4zNCA1LjM0IDAgMCAwIDI0IDI5Ljc3OGE1LjM0IDUuMzQgMCAwIDAtNS4zMzMgNS4zMzNBNS4zNCA1LjM0IDAgMCAwIDI0IDQwLjQ0NHpNMjQgMjhhNy4xMTggNy4xMTggMCAwIDEgNy4xMTEgNy4xMTFBNy4xMTggNy4xMTggMCAwIDEgMjQgNDIuMjIyYy0zLjkyIDAtNy4xMTEtMy4xOS03LjExMS03LjExQzE2Ljg4OSAzMS4xOSAyMC4wNzkgMjggMjQgMjh6bTgtMi42NjdIMTZjLTQuNDEyIDAtOC0zLjU4OS04LThWNGgxLjc3OHYxMy4zMzNBNi4yMyA2LjIzIDAgMCAwIDE2IDIzLjU1NmgxNmE2LjIzIDYuMjMgMCAwIDAgNi4yMjItNi4yMjNWNEg0MHYxMy4zMzNjMCA0LjQxMS0zLjU4OSA4LTggOHpNMTUuMTExIDRoMS43Nzh2MTIuNDQ0SDE1LjExVjR6bTE2IDBoMS43Nzh2MTIuNDQ0SDMxLjExVjR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNzgxLTQ3OUg2NTl2MTY4MkgtNzgxeiIvPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNjY2IiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMGg0OHY0OEgweiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-size:contain;transform:rotate(180deg);content:" "}.widget_icon_settings{display:inline-block;width:24px;height:24px;margin:8px 12px;color:#000;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M26.4 20h4.267v-6.667h-4.267c-0.4-0.267-0.667-0.533-0.8-0.933-0.267-0.4-0.133-0.8-0.133-1.2l3.067-3.067-4.667-4.667-3.067 3.067c-0.4 0.133-0.8 0-1.2-0.133s-0.667-0.4-0.933-0.8v-4.267h-6.667v4.267c-0.267 0.4-0.533 0.667-0.933 0.8-0.267 0.133-0.667 0.267-1.2 0.133l-3.067-3.067-4.667 4.667 3.067 3.067c0.133 0.4 0 0.8-0.133 1.2s-0.4 0.667-0.8 0.933h-4.267v6.667h4.267c0.4 0.267 0.667 0.533 0.8 0.933s0.133 0.8 0.133 1.2l-3.067 3.067 4.667 4.667 3.067-3.067c0.4-0.133 0.8 0 1.2 0.133s0.667 0.4 0.933 0.8v4.267h6.667v-4.267c0.267-0.4 0.533-0.667 0.933-0.8s0.8-0.133 1.2-0.133l3.067 3.067 4.667-4.667-3.067-3.067c-0.133-0.4 0-0.8 0.133-1.2s0.4-0.667 0.8-0.933zM24.267 22.667v0.133l2.4 2.4-2.8 2.8-2.4-2.4h-0.133c-0.8-0.267-1.6-0.133-2.267 0.133s-1.2 0.8-1.6 1.467l-0.133 0.133v3.333h-4v-3.333l-0.133-0.133c-0.4-0.667-0.933-1.2-1.6-1.467v0c-0.667-0.4-1.467-0.4-2.267-0.133h-0.133l-2.4 2.4-2.8-2.8 2.4-2.4v-0.133c0.267-0.8 0.267-1.6-0.133-2.267-0.267-0.667-0.8-1.2-1.467-1.6l-0.133-0.133h-3.333v-4h3.333l0.133-0.133c0.667-0.4 1.2-0.933 1.467-1.6 0.4-0.667 0.4-1.467 0.133-2.267v-0.133l-2.4-2.4 2.8-2.8 2.4 2.4h0.133c0.8 0.267 1.6 0.267 2.267-0.133 0.667-0.267 1.2-0.8 1.6-1.467l0.133-0.133v-3.333h4v3.333l0.133 0.133c0.4 0.667 0.933 1.2 1.6 1.467 0.667 0.4 1.467 0.4 2.267 0.133h0.133l2.4-2.4 2.8 2.8-2.4 2.4v0.133c-0.267 0.8-0.267 1.6 0.133 2.267 0.267 0.667 0.8 1.2 1.467 1.6l0.133 0.133h3.333v4h-3.333l-0.133 0.133c-0.667 0.4-1.2 0.933-1.467 1.6-0.4 0.667-0.4 1.467-0.133 2.267z'%3E%3C/path%3E %3Cpath opacity='1' fill='%23000000' d='M15.333 10.667c-3.333 0-6 2.667-6 6s2.667 6 6 6c3.333 0 6-2.667 6-6s-2.667-6-6-6zM15.333 21.333c-2.533 0-4.667-2.133-4.667-4.667s2.133-4.667 4.667-4.667c2.533 0 4.667 2.133 4.667 4.667s-2.133 4.667-4.667 4.667z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:" "}.widget_icon_changecompany{display:inline-block;width:24px;height:24px;margin:8px 12px;color:#000;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,IDxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MDAuMDAwMDAwcHQiIGhlaWdodD0iODYzLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNzAwLjAwMDAwMCA4NjMuMDAwMDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsODYzLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIgZmlsbD0iIzY2NiIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTY3ODIgODMzOCBjLTE4IC0xOCAtMzk0MCAtMjUgLTQwNTUgLTggLTk4IDE2IC0xMDkgOSAtOTUgLTU2IDkgLTM5CjcgLTE2MiAtNCAtMjQ0IC0yIC0yMCAyIC0yNiAyMSAtMjggMTMgLTIgMzUgMiA0OCA5IDE4IDEwIDM0IDEwIDYyIDMgMjIgLTYKNDggLTcgNjEgLTIgMTIgNCA4NDMgNyAxODQ3IDYgbDE4MjUgLTMgMTkgLTI0IGMxNiAtMTkgMTkgLTQwIDE5IC0xMTYgMCAtNTIKLTUgLTEwNiAtMTAgLTEyMSAtOCAtMTkgLTggLTMwIDAgLTM4IDE1IC0xNSAxNCAtNTk5OCAtMSAtNjAxMyAtNyAtNyAtOSAtMjMKLTUgLTM3IGw2IC0yNSAxMjAgNiBjOTIgNSAxMjcgMyAxNDYgLTcgMzUgLTE5IDYwIC0zIDU1IDM2IC04IDYyIC04IDY0MDQgMAo2NDk5IDEyIDEzNSAxMiAxNDYgMiAxNTUgLTE3IDE2IC00OSAyMCAtNjEgOHoiPjwvcGF0aD4KPHBhdGggZD0iTTUwNCA3MjY1IGMtNCAtMTAgLTIgLTMyIDQgLTQ5IDE3IC00NiAxNyAtNjU3NyAxIC02NTkzIC05IC05IC05Ci0xOSAtMSAtNDAgMTAgLTI1IDkgLTE3NyAtMSAtMzA2IC01IC01NiA2IC02MCAxMjEgLTQ3IDcyIDkgMTA5IDkgMTQwIDEgMjYKLTggNTUgLTggODEgLTIgMjUgNSA1OCA1IDg2IC0xIDMyIC03IDY3IC02IDExMyAyIDg0IDE0IDEyNzggMTMgMTQzMCAtMiAxMTcKLTExIDEzNyAtNSAxMjUgNDEgLTQgMTQgLTYgNTggLTYgOTYgMCAzOSAwIDEwNCAtMSAxNDUgMCA0MSAtMSAzMDYgLTEgNTg4IGwwCjUxNCAyMyAxOCBjMjEgMTcgNTQgMTggNTI3IDIwIGw1MDUgMSAyNSAtMjUgMjUgLTI1IDAgLTY1MCBjLTEgLTM5OCAtNSAtNjUzCi0xMSAtNjU2IC0xNCAtOSAtMTEgLTUxIDYgLTY1IDExIC05IDMzIC0xMCA5MiAtMiA2NSA4IDE3NjkgOCAxOTUyIC0xIDQxIC0yCjQ1IDAgNTMgMjggNSAxOCA0IDQwIC0zIDU3IC0xNSAzNyAtMTYgMTk1IC0xIDIxMCA4IDggOCAxNiAtMSAzMiAtOSAxNiAtMTIKNzM1IC0xMiAzMTc2IDAgMTczNSAyIDMyNDAgNCAzMzQ0IDQgMTc5IDMgMTkwIC0xNSAxOTYgLTEwIDQgLTMwIDMgLTQ0IC0yCi0zMSAtMTAgLTUxMjAgLTQgLTUxNzIgNiAtMzEgNyAtMzkgNSAtNDQgLTl6IG00OTQzIC0zMjggYzE3IC0xNyAxOCAtMTU5IDIwCi0zMTgxIDMgLTMwOTUgMiAtMzE2NSAtMTYgLTMxODggLTE4IC0yMiAtMjYgLTIzIC0xNTYgLTI2IC04NyAtMiAtMTQxIDAgLTE0OQo3IC05IDggLTIyIDggLTQzIDAgLTIwIC03IC0yMDEgLTkgLTU0MSAtNyAtNDg1IDMgLTUxMSA0IC01MzEgMjIgLTIxIDE5IC0yMQoyMSAtMjEgNjczIDAgNDM1IDMgNjYxIDEwIDY3NCA2IDExIDcgMjYgMiAzNCAtNyAxNCAtMTEwIDE2IC04NzcgMTYgbC04NzAgMAotNiAtMjQgYy00IC0xNCAtMyAtMzEgMiAtMzggMTEgLTE4IDExIC0xMzAgMCAtMTQ4IC01IC04IC0zIC0yNCA0IC00MCA5IC0yMAoxMiAtMTU5IDExIC01NzggLTEgLTUxNiAtMiAtNTUzIC0xOSAtNTcwIC0xNyAtMTcgLTYwIC0xOCAtNjg1IC0yMSAtNjc4IC0zCi03MzMgLTEgLTc0NiAzNCAtMyA4IC02IDE0MzcgLTYgMzE3NiAtMSAyOTE3IDEgMzE2MiAxNiAzMTc5IDkgMTAgMzQgMjAgNTgKMjIgMjIgMiAxMDUwIDMgMjI4MyAzIDIxMzkgLTEgMjI0MyAtMiAyMjYwIC0xOXoiPjwvcGF0aD4KPHBhdGggZD0iTTIwNzUgNjIwOSBjLTUgLTcgLTg1IC0xMCAtMjUxIC04IGwtMjQ1IDMgMCAtNjg3IC0xIC02ODcgNjg2IC0xCjY4NyAwIDAgNjkzIDAgNjkzIC0yMSAzIGMtMTIgMiAtMjYgLTEgLTMzIC02IC0xNiAtMTMgLTc4NSAtMTQgLTc5MyAtMSAtNyAxMgotMjEgMTEgLTI5IC0yeiBtNTQ2IC0zMzYgYzExIC0xMyAxNCAtODIgMTQgLTM1MyAwIC0zMTkgLTEgLTMzOSAtMTkgLTM1OSAtMTkKLTIxIC0yNSAtMjEgLTM1NCAtMjAgLTMxNSAxIC0zMzUgMiAtMzUzIDIwIC0xOCAxOCAtMTkgMzggLTE5IDM1NiAwIDI5OSAyCjMzOCAxNyAzNTUgMTUgMTcgMzkgMTggMzU4IDE4IDMwNiAwIDM0NCAtMiAzNTYgLTE3eiI+PC9wYXRoPgo8cGF0aCBkPSJNMzM0MSA2MjExIGMtMTEgLTcgLTEyIC0xOSAtNiAtNTIgOSAtNDYgMTMgLTExOTggNSAtMTI4MiBsLTUgLTQ4CjY4OSAwIGMzNzkgMSA2OTMgNCA2OTYgOCA0IDUgNCA0NCAtMSA4NyAtNiA2NyAtNCAxMTQ0IDQgMTI0NSBsMiAzMyAtNTcwIDIKYy0zMTMgMiAtNTc3IDMgLTU4NSA0IC04IDEgLTUxIDEgLTk1IDAgLTQ0IC0xIC04OSAxIC0xMDAgNSAtMTEgNCAtMjYgMyAtMzQKLTJ6IG0xMDI2IC0zMjYgYzQwIC05IDQ1IC01NiA0MSAtMzkyIC0zIC0yODQgLTUgLTMxNCAtMjEgLTMzMCAtMTYgLTE2IC00NwotMTggLTM1MSAtMjEgLTMxNyAtMyAtMzM0IC0yIC0zNTcgMTcgbC0yNCAxOSAwIDMzNSBjMCAzMTIgMSAzMzYgMTkgMzU1IDEwCjEyIDMyIDIyIDUwIDI0IDUyIDUgNjE5IC0xIDY0MyAtN3oiPjwvcGF0aD4KPHBhdGggZD0iTTI4ODMgNDA4OSBjLTcgLTcgLTIxNSAtOSAtNjYyIC03IC02MjMgMyAtNjUxIDIgLTY1NyAtMTUgLTMgLTEwIC0xCi0zMSA2IC00NiA4IC0yMCAxMCAtMjA2IDggLTY3MiBsLTMgLTY0NCA2ODggMiA2ODggMiAwIDY4OCBjMCA2NTMgLTEgNjg4IC0xOAo2OTQgLTI2IDExIC0zOCAxMCAtNTAgLTJ6IG0tMjYzIC0zNDYgYzIxIC0yOCAyMiAtMzIgMTggLTM1NiBsLTMgLTMyOSAtMjQKLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM1MiAtMTkgLTMxMiAwIC0zMzAgMSAtMzQ4IDE5IC0xOSAxOSAtMjAgMzcgLTIxIDM1NSAwCjMyNCAwIDMzNiAyMCAzNTYgMTkgMTkgMzIgMjAgMzU0IDIwIGwzMzUgMCAyMSAtMjd6Ij48L3BhdGg+CjxwYXRoIGQ9Ik00Njc1IDQwODkgYy0xNiAtNSAtMzI1IC04IC02ODUgLTggbC02NTUgMiA0IC0zNCBjMTAgLTkyIDExIC0xMjQ3CjEgLTEyODcgLTE0IC01NyAtMiAtNzQgNDMgLTYxIDE5IDYgMzAyIDkgNjg3IDggbDY1NSAtMSAtMyAzNCBjLTEgMTggLTUgMzAxCi04IDYyOCAtNSA0NjQgLTMgNjA3IDcgNjQ4IDE1IDY1IDMgODUgLTQ2IDcxeiBtLTI5MCAtMzM5IGMxNiAtMTggMTkgLTQyIDIxCi0xNzcgMiAtMTE4IC0xIC0xNjMgLTExIC0xODMgLTExIC0yMSAtMTEgLTMwIC0yIC0zOSA4IC05IDExIC01NCAxMCAtMTU0IC0zCi0xMzEgLTUgLTE0MyAtMjQgLTE1OSAtMTkgLTE2IC01MiAtMTggLTM0OSAtMTggLTM5OSAwIC0zNzAgLTExIC0zNzEgMTM1IDAKNTUgLTEgMTM0IC0yIDE3NSAtMSA0MSAtMSAxNDggLTEgMjM4IDEgMTQxIDMgMTY1IDE5IDE4MiAxNyAxOSAzMSAyMCAzNTUgMjAKMzI2IDAgMzM3IC0xIDM1NSAtMjB6Ij48L3BhdGg+CjwvZz4KPC9zdmc+");background-repeat:no-repeat;background-size:contain;content:" "}.widget_icon_logout{display:inline-block;width:24px;height:24px;margin:8px 12px;color:#000;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTAgMGgyOHYySDJ2NDRoMjZ2MkgwVjB6bTMzLjU4NiAxNGgyLjgyOGwxMSAxMS0xMSAxMWgtMi44MjhsMTAtMTBIMTh2LTJoMjUuNTg2bC0xMC0xMHoiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTS00MTAtMzIwaDE0NDB2MTY4MkgtNDEweiIvPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNjY2IiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMGg0OHY0OEgweiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-size:contain;content:" "}.widget_icon_notification{display:inline-block;width:24px;height:24px;margin:8px 12px;color:#000;font-weight:normal;font-size:1em;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTIgNDBoNDRWOEgydjMyem0yMy40NDYtMTEuOTYzYy0uNzYyLjc5Ny0yLjEzLjc5OC0yLjg5Mi0uMDAyTDUuMzM3IDEwaDM3LjMyN0wyNS40NDYgMjguMDM3ek0xNS45MzUgMjRMNCAzNi41MDRWMTEuNDk2TDE1LjkzNSAyNHptMS4zODQgMS40NDhsMy43ODcgMy45NjdBMy45NjYgMy45NjYgMCAwIDAgMjQgMzAuNjU2YTMuOTcgMy45NyAwIDAgMCAyLjg5My0xLjIzOGwzLjc4OC0zLjk3TDQyLjY2MiAzOEg1LjMzOGwxMS45ODEtMTIuNTUyek0zMi4wNjQgMjRMNDQgMTEuNDk1djI1LjAwOUwzMi4wNjQgMjR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTE0OS0zMThIMjkxdjE2ODJoLTE0NDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiM2NjYiIG1hc2s9InVybCgjYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwaDQ4djQ4SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");background-repeat:no-repeat;background-size:contain;content:" "}#post-klp-login-widget.bubble:before{position:absolute;top:calc(100% + 2px);right:50%;z-index:9999;width:0;height:0;margin-right:-7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);border-style:solid;border-width:0 7px 7px 7px;content:""}#post-klp-login-widget.bubble:after{position:absolute;top:100%;right:50%;z-index:9998;width:0;height:0;margin-right:-8px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.07) rgba(0,0,0,0);border-style:solid;border-width:0 8px 8px 8px;content:""}.klp-widget-anonymous .klp-widget-anonymous__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}@media(min-width: 600px)and (max-width: 1023px){.klp-widget-anonymous .klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:0;padding-right:10px;overflow:visible;clip:auto}}@media(min-width: 1024px)and (max-width: 1279px){.klp-widget-anonymous .klp-widget-anonymous__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}}@media(min-width: 1280px){.klp-widget-anonymous .klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:0;padding-right:8px;overflow:visible;font-size:17px;clip:auto}}.klp-widget-anonymous a{padding:0 1rem}@media(min-width: 600px)and (max-width: 1023px){.klp-widget-anonymous a{padding:0 16px}}@media(min-width: 1024px){.klp-widget-anonymous a{padding:0 20px}}.initials-mobile{display:block;width:32px;height:32px;color:#fff;font-weight:normal;font-size:13px;line-height:32px;letter-spacing:1px;text-align:center;background-color:#004976;border-radius:32px;visibility:visible}@media(min-width: 1024px){.initials-mobile{width:40px;height:40px;font-size:15px;line-height:40px;border-radius:40px}}.notification-number{position:absolute;top:6px;right:5px;display:block;width:15px;height:15px;color:#fff;font-size:12px;line-height:20px;text-align:center;background-color:#a51728;background-clip:padding-box;border:2px solid #fff;border-radius:10px}@media(min-width: 600px)and (max-width: 1023px){.notification-number{right:8px}}@media(min-width: 1024px)and (max-width: 1279px){.notification-number{right:8px;width:17px;height:17px}}@media(min-width: 1280px){.notification-number{top:10px;right:12px;width:17px;height:17px}}.klp-widget-authenticated-session-name{display:none}.linkContainer{align-self:center;height:16px;margin:10px 0}.klp-widget-authenticated-menu{position:fixed;top:64px;z-index:3;width:296px}@media(max-width: 399px){.klp-widget-authenticated-menu{right:0;left:0;margin:0 auto}}@media(min-width: 400px)and (max-width: 1023px){.klp-widget-authenticated-menu{position:absolute;top:64px;right:8px}}@media(min-width: 1024px)and (max-width: 1279px){.klp-widget-authenticated-menu{position:absolute;top:72px;right:8px}}@media(min-width: 1280px){.klp-widget-authenticated-menu{position:absolute;top:80px;right:8px}}.klp-widget-authenticated-menu>ul{margin:0}.klp-widget-authenticated{min-width:52px;max-height:55px;background-color:#fff}@media(min-width: 1024px)and (max-width: 1279px){.klp-widget-authenticated{max-height:64px}}@media(min-width: 1280px){.klp-widget-authenticated{max-height:72px}}.item-centered{align-items:center;align-self:center;display:flex;justify-content:center}.item-left{align-items:flex-start;align-self:flex-start}.item-right{align-items:flex-end;align-self:flex-end}.changeAccountModal{display:table}.modal{position:fixed;top:0;left:0;z-index:9999;display:none;width:100vw;height:100vh;padding-top:100px;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{align-items:center;width:80%;min-height:20em;margin:auto;background-color:#fff;border:1px solid #888}@media(min-width: 1024px){.modal-content{max-width:584px;margin:1.75rem auto}}.close{position:absolute;top:0;right:15px;color:#000;font-weight:lighter;font-size:40px}.close:hover,.close:focus{text-decoration:none;cursor:pointer}.btn-modal-container{position:absolute;bottom:1em;width:100%}.pi{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-size:contain;border:none}.pi-2086{width:4.5rem;height:4.5rem;margin-bottom:2em;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M17.333 25.333v-16h-4.667v2.667h2v13.333h-2v2.667h6.667v-2.667z'%3E%3C/path%3E %3Cpath fill='%23000' d='M14.667 4h2.667v2.667h-2.667v-2.667z'%3E%3C/path%3E%3C/svg%3E");border-color:#000}.modal-text-container{align-content:center;width:100%;min-height:17em;background:#fc0}.modal-button-container{align-content:center;width:100%;height:6em;margin-right:0;margin-left:0;background:#fff}.text-align-center{text-align:center}.modal-text{color:#000;font-weight:bold}:host{display:block}.widget-wrapper{position:relative}.widget-wrapper,#post-klp-login-widget,.klp-widget-anonymous,.klp-widget-anonymous__wrapper,.klp-widget-anonymous__wrapper a{height:100%}.klp-widget-anonymous__wrapper a{display:flex;align-items:center;color:#333;text-decoration:none;padding:0 1rem;transition:color 200ms}.klp-widget-anonymous__wrapper a:hover,.klp-widget-anonymous__wrapper a:focus{color:#000}@media(min-width: 1024px){.klp-widget-anonymous__wrapper a{padding:0 1.125rem}}.klp-widget-anonymous__wrapper a span{margin-right:.5rem}.klp-widget-anonymous__wrapper a svg{width:1.5rem;height:1.5rem}@media(min-width: 600px)and (max-width: 1023.98px){.klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible}}@media(min-width: 1280px){.klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible}}#post-klp-login-widget .nameAndInfoWrapper{position:relative;display:flex;align-items:flex-start;width:224px;height:78px;padding:16px 0px;line-height:46px;flex-direction:column;justify-content:center}.modal-content{position:relative}.modal-text-container{padding-top:3rem}#post-klp-login-widget .modal-button-container{height:auto;padding:2rem}#post-klp-login-widget .modal-button-container>.item-centered{justify-content:center}.login-button{height:100%;display:flex;align-items:center;cursor:pointer;padding-right:calc(1rem - 1px);padding-left:calc(1rem - 1px)}@media(min-width: 1024px){.login-button{padding:0 calc(1.125rem - 1px)}}@media(min-width: 1280px){.login-button{padding:0 calc(1.5rem - 1px)}}.login-button svg{width:1.5rem;height:1.5rem}@media(min-width: 600px){.login-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;font-weight:300;margin-right:.5rem;cursor:pointer}}