@oiz/stzh-components 4.0.0-beta3 → 4.0.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 (459) hide show
  1. package/dist/cjs/{app-globals-17244c89.js → app-globals-89889638.js} +2 -2
  2. package/dist/cjs/{app-globals-17244c89.js.map → app-globals-89889638.js.map} +1 -1
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/stzh-audio.cjs.entry.js +1 -1
  5. package/dist/cjs/stzh-audio.cjs.entry.js.map +1 -1
  6. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js +1 -1
  7. package/dist/cjs/stzh-card-searchresult.cjs.entry.js +1 -1
  8. package/dist/cjs/stzh-card-searchresult.cjs.entry.js.map +1 -1
  9. package/dist/cjs/stzh-card.cjs.entry.js +11 -8
  10. package/dist/cjs/stzh-card.cjs.entry.js.map +1 -1
  11. package/dist/cjs/stzh-cardlist_3.cjs.entry.js +1 -1
  12. package/dist/cjs/stzh-components.cjs.js +2 -2
  13. package/dist/cjs/stzh-datalist_2.cjs.entry.js +3 -3
  14. package/dist/cjs/stzh-datalist_2.cjs.entry.js.map +1 -1
  15. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +3 -3
  16. package/dist/cjs/stzh-popover.cjs.entry.js +1 -1
  17. package/dist/cjs/stzh-popover.cjs.entry.js.map +1 -1
  18. package/dist/cjs/stzh-print_2.cjs.entry.js +1 -1
  19. package/dist/cjs/stzh-ratio.cjs.entry.js +1 -1
  20. package/dist/cjs/stzh-ratio.cjs.entry.js.map +1 -1
  21. package/dist/cjs/stzh-readspeaker.cjs.entry.js +3 -3
  22. package/dist/cjs/stzh-readspeaker.cjs.entry.js.map +1 -1
  23. package/dist/cjs/stzh-row.cjs.entry.js +2 -2
  24. package/dist/cjs/stzh-saptcha.cjs.entry.js +2 -2
  25. package/dist/cjs/stzh-scrollup.cjs.entry.js +1 -1
  26. package/dist/cjs/stzh-search.cjs.entry.js +2 -2
  27. package/dist/cjs/stzh-section.cjs.entry.js +2 -2
  28. package/dist/cjs/stzh-sitemap.cjs.entry.js +1 -1
  29. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js +2 -2
  30. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js.map +1 -1
  31. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js +1 -1
  32. package/dist/cjs/stzh-skiplink.cjs.entry.js +1 -1
  33. package/dist/cjs/stzh-socialmediastream-item.cjs.entry.js +1 -1
  34. package/dist/cjs/stzh-socialmediastream.cjs.entry.js +1 -1
  35. package/dist/cjs/stzh-space.cjs.entry.js +2 -2
  36. package/dist/cjs/stzh-status.cjs.entry.js +4 -4
  37. package/dist/cjs/stzh-stepper-item.cjs.entry.js +4 -4
  38. package/dist/cjs/stzh-stepper.cjs.entry.js +2 -2
  39. package/dist/cjs/stzh-sticky-actions.cjs.entry.js +1 -1
  40. package/dist/cjs/stzh-sticky.cjs.entry.js +1 -1
  41. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  42. package/dist/cjs/stzh-text.cjs.entry.js +2 -2
  43. package/dist/cjs/stzh-textandimage.cjs.entry.js +1 -1
  44. package/dist/cjs/stzh-timeline-item.cjs.entry.js +3 -3
  45. package/dist/cjs/stzh-timeline.cjs.entry.js +1 -1
  46. package/dist/cjs/stzh-timepicker.cjs.entry.js +1 -1
  47. package/dist/cjs/stzh-toast_2.cjs.entry.js +4 -4
  48. package/dist/cjs/stzh-toggle.cjs.entry.js +4 -4
  49. package/dist/cjs/stzh-tooltip.cjs.entry.js +2 -2
  50. package/dist/cjs/stzh-tooltip.cjs.entry.js.map +1 -1
  51. package/dist/cjs/stzh-twocolumns.cjs.entry.js +1 -1
  52. package/dist/cjs/stzh-upload.cjs.entry.js +2 -2
  53. package/dist/cjs/stzh-vbz-carousel.cjs.entry.js +1 -1
  54. package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js +1 -1
  55. package/dist/cjs/stzh-vbz-intro.cjs.entry.js +1 -1
  56. package/dist/cjs/stzh-vbz-linechip.cjs.entry.js +2 -2
  57. package/dist/cjs/stzh-vbz-majorticker.cjs.entry.js +2 -2
  58. package/dist/cjs/stzh-vbz-ticker.cjs.entry.js +2 -2
  59. package/dist/cjs/stzh-visuallyhidden.cjs.entry.js +2 -2
  60. package/dist/cjs/stzh-vspace.cjs.entry.js +2 -2
  61. package/dist/cjs/stzh-youtube.cjs.entry.js +1 -1
  62. package/dist/collection/components/stzh-audio/stzh-audio.css +2 -2
  63. package/dist/collection/components/stzh-card/stzh-card.css +10 -1
  64. package/dist/collection/components/stzh-card/stzh-card.js +28 -7
  65. package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
  66. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js +1 -1
  67. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js.map +1 -1
  68. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +12 -10
  69. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +5 -5
  70. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map +1 -1
  71. package/dist/collection/components/stzh-popover/stzh-popover.css +2 -2
  72. package/dist/collection/components/stzh-ratio/stzh-ratio.js +1 -1
  73. package/dist/collection/components/stzh-ratio/stzh-ratio.js.map +1 -1
  74. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css +4 -4
  75. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.js +2 -2
  76. package/dist/collection/components/stzh-richtext/stzh-richtext.js +1 -1
  77. package/dist/collection/components/stzh-row/stzh-row.js +2 -2
  78. package/dist/collection/components/stzh-saptcha/stzh-saptcha.js +2 -2
  79. package/dist/collection/components/stzh-scrollup/stzh-scrollup.js +1 -1
  80. package/dist/collection/components/stzh-search/stzh-search.js +2 -2
  81. package/dist/collection/components/stzh-section/stzh-section.js +2 -2
  82. package/dist/collection/components/stzh-share/stzh-share.js +1 -1
  83. package/dist/collection/components/stzh-show/stzh-show.js +2 -2
  84. package/dist/collection/components/stzh-sitemap/stzh-sitemap.js +1 -1
  85. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +168 -4
  86. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.js +1 -1
  87. package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.js +1 -1
  88. package/dist/collection/components/stzh-skiplink/stzh-skiplink.js +1 -1
  89. package/dist/collection/components/stzh-socialmediastream/stzh-socialmediastream.js +1 -1
  90. package/dist/collection/components/stzh-socialmediastream-item/stzh-socialmediastream-item.js +1 -1
  91. package/dist/collection/components/stzh-sortable/stzh-sortable.js +1 -1
  92. package/dist/collection/components/stzh-space/stzh-space.js +2 -2
  93. package/dist/collection/components/stzh-status/stzh-status.js +4 -4
  94. package/dist/collection/components/stzh-stepper/stzh-stepper.component.js +2 -2
  95. package/dist/collection/components/stzh-stepper-item/stzh-stepper-item.js +4 -4
  96. package/dist/collection/components/stzh-sticky/stzh-sticky.js +1 -1
  97. package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.js +1 -1
  98. package/dist/collection/components/stzh-table/stzh-table.js +1 -1
  99. package/dist/collection/components/stzh-tag/stzh-tag.js +1 -1
  100. package/dist/collection/components/stzh-text/stzh-text.js +2 -2
  101. package/dist/collection/components/stzh-textandimage/stzh-textandimage.js +1 -1
  102. package/dist/collection/components/stzh-timeline/stzh-timeline.js +1 -1
  103. package/dist/collection/components/stzh-timeline-item/stzh-timeline-item.js +3 -3
  104. package/dist/collection/components/stzh-timepicker/stzh-timepicker.js +1 -1
  105. package/dist/collection/components/stzh-toast/stzh-toast.js +3 -3
  106. package/dist/collection/components/stzh-toastbar/stzh-toastbar.js +1 -1
  107. package/dist/collection/components/stzh-toggle/stzh-toggle.js +4 -4
  108. package/dist/collection/components/stzh-tooltip/stzh-tooltip.css +2 -2
  109. package/dist/collection/components/stzh-tooltip/stzh-tooltip.js +1 -1
  110. package/dist/collection/components/stzh-twocolumns/stzh-twocolumns.js +1 -1
  111. package/dist/collection/components/stzh-upload/stzh-upload.js +2 -2
  112. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.js +1 -1
  113. package/dist/collection/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js +1 -1
  114. package/dist/collection/components/stzh-vbz-intro/stzh-vbz-intro.js +1 -1
  115. package/dist/collection/components/stzh-vbz-linechip/stzh-vbz-linechip.js +2 -2
  116. package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.js +2 -2
  117. package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.js +2 -2
  118. package/dist/collection/components/stzh-visuallyhidden/stzh-visuallyhidden.js +2 -2
  119. package/dist/collection/components/stzh-vspace/stzh-vspace.js +2 -2
  120. package/dist/collection/components/stzh-youtube/stzh-youtube.js +1 -1
  121. package/dist/components/index.js +1 -1
  122. package/dist/components/{p-84f171a0.js → p-02bdd12e.js} +2 -2
  123. package/dist/components/{p-84f171a0.js.map → p-02bdd12e.js.map} +1 -1
  124. package/dist/components/{p-324831e2.js → p-0dae7190.js} +3 -3
  125. package/dist/components/{p-324831e2.js.map → p-0dae7190.js.map} +1 -1
  126. package/dist/components/{p-631b7bfa.js → p-123ddd01.js} +5 -5
  127. package/dist/components/{p-631b7bfa.js.map → p-123ddd01.js.map} +1 -1
  128. package/dist/components/{p-18ad2006.js → p-1e02d63c.js} +17 -13
  129. package/dist/components/p-1e02d63c.js.map +1 -0
  130. package/dist/components/{p-ef28cd34.js → p-1fe5af54.js} +3 -3
  131. package/dist/components/{p-ef28cd34.js.map → p-1fe5af54.js.map} +1 -1
  132. package/dist/components/{p-0b0557e7.js → p-55042ae5.js} +4 -4
  133. package/dist/components/{p-0b0557e7.js.map → p-55042ae5.js.map} +1 -1
  134. package/dist/components/{p-48a20e2d.js → p-6c821944.js} +5 -5
  135. package/dist/components/{p-48a20e2d.js.map → p-6c821944.js.map} +1 -1
  136. package/dist/components/{p-3d24141a.js → p-7eced0db.js} +2 -2
  137. package/dist/components/{p-3d24141a.js.map → p-7eced0db.js.map} +1 -1
  138. package/dist/components/{p-e5a0d7ce.js → p-84f3d0c4.js} +6 -6
  139. package/dist/components/{p-e5a0d7ce.js.map → p-84f3d0c4.js.map} +1 -1
  140. package/dist/components/{p-875cd549.js → p-86473146.js} +2 -2
  141. package/dist/components/{p-875cd549.js.map → p-86473146.js.map} +1 -1
  142. package/dist/components/{p-8123a294.js → p-87537095.js} +2 -2
  143. package/dist/components/{p-8123a294.js.map → p-87537095.js.map} +1 -1
  144. package/dist/components/{p-1ee94681.js → p-877e658f.js} +3 -3
  145. package/dist/components/{p-1ee94681.js.map → p-877e658f.js.map} +1 -1
  146. package/dist/components/{p-0c5f315f.js → p-8c4ca44f.js} +3 -3
  147. package/dist/components/{p-0c5f315f.js.map → p-8c4ca44f.js.map} +1 -1
  148. package/dist/components/{p-70aa77ed.js → p-978466ee.js} +4 -4
  149. package/dist/components/{p-70aa77ed.js.map → p-978466ee.js.map} +1 -1
  150. package/dist/components/{p-043132df.js → p-9c27b812.js} +2 -2
  151. package/dist/components/{p-043132df.js.map → p-9c27b812.js.map} +1 -1
  152. package/dist/components/{p-6a5f4569.js → p-9fd614bc.js} +3 -3
  153. package/dist/components/{p-6a5f4569.js.map → p-9fd614bc.js.map} +1 -1
  154. package/dist/components/{p-da29e441.js → p-a518f263.js} +4 -4
  155. package/dist/components/{p-da29e441.js.map → p-a518f263.js.map} +1 -1
  156. package/dist/components/{p-d8b73add.js → p-a74ffd15.js} +4 -4
  157. package/dist/components/{p-d8b73add.js.map → p-a74ffd15.js.map} +1 -1
  158. package/dist/components/{p-1036baa8.js → p-a93fe963.js} +2 -2
  159. package/dist/components/{p-1036baa8.js.map → p-a93fe963.js.map} +1 -1
  160. package/dist/components/{p-b5d9d5a1.js → p-adf66b29.js} +4 -4
  161. package/dist/components/{p-b5d9d5a1.js.map → p-adf66b29.js.map} +1 -1
  162. package/dist/components/{p-adc06dc4.js → p-ae7adee7.js} +3 -3
  163. package/dist/components/{p-adc06dc4.js.map → p-ae7adee7.js.map} +1 -1
  164. package/dist/components/{p-a367fa4a.js → p-b4ffee20.js} +2 -2
  165. package/dist/components/p-b4ffee20.js.map +1 -0
  166. package/dist/components/{p-8bab76e0.js → p-bed8abab.js} +5 -5
  167. package/dist/components/{p-8bab76e0.js.map → p-bed8abab.js.map} +1 -1
  168. package/dist/components/{p-6be31cce.js → p-c056c339.js} +3 -3
  169. package/dist/components/{p-6be31cce.js.map → p-c056c339.js.map} +1 -1
  170. package/dist/components/{p-c06d0057.js → p-d19eef5f.js} +4 -4
  171. package/dist/components/{p-c06d0057.js.map → p-d19eef5f.js.map} +1 -1
  172. package/dist/components/{p-ded0ad1c.js → p-d40751ba.js} +4 -4
  173. package/dist/components/{p-ded0ad1c.js.map → p-d40751ba.js.map} +1 -1
  174. package/dist/components/{p-3e69bb48.js → p-e48a4be2.js} +3 -3
  175. package/dist/components/{p-3e69bb48.js.map → p-e48a4be2.js.map} +1 -1
  176. package/dist/components/{p-d9bd5b30.js → p-f0db184a.js} +3 -3
  177. package/dist/components/{p-d9bd5b30.js.map → p-f0db184a.js.map} +1 -1
  178. package/dist/components/{p-5748d860.js → p-f254ab81.js} +8 -8
  179. package/dist/components/p-f254ab81.js.map +1 -0
  180. package/dist/components/{p-7d72e50c.js → p-fd0fbd98.js} +2 -2
  181. package/dist/components/{p-7d72e50c.js.map → p-fd0fbd98.js.map} +1 -1
  182. package/dist/components/{p-af0ed46a.js → p-fe546990.js} +3 -3
  183. package/dist/components/{p-af0ed46a.js.map → p-fe546990.js.map} +1 -1
  184. package/dist/components/{p-3d684a4f.js → p-fef8bda1.js} +2 -2
  185. package/dist/components/{p-3d684a4f.js.map → p-fef8bda1.js.map} +1 -1
  186. package/dist/components/stzh-actionset.js +1 -1
  187. package/dist/components/stzh-amount.js +4 -4
  188. package/dist/components/stzh-appointments.js +8 -8
  189. package/dist/components/stzh-audio.js +3 -3
  190. package/dist/components/stzh-audio.js.map +1 -1
  191. package/dist/components/stzh-calendar.js +1 -1
  192. package/dist/components/stzh-card-searchresult.js +8 -8
  193. package/dist/components/stzh-card-searchresult.js.map +1 -1
  194. package/dist/components/stzh-card-superteaser.js +7 -7
  195. package/dist/components/stzh-card.js +1 -1
  196. package/dist/components/stzh-cardlist.js +1 -1
  197. package/dist/components/stzh-checkbox.js +1 -1
  198. package/dist/components/stzh-checkboxgroup.js +2 -2
  199. package/dist/components/stzh-chipselect.js +1 -1
  200. package/dist/components/stzh-contact-cv.js +1 -1
  201. package/dist/components/stzh-cta.js +1 -1
  202. package/dist/components/stzh-datalist-item.js +1 -1
  203. package/dist/components/stzh-datalist.js +1 -1
  204. package/dist/components/stzh-datamessagelist-item.js +2 -2
  205. package/dist/components/stzh-datatable.js +9 -9
  206. package/dist/components/stzh-datepicker.js +1 -1
  207. package/dist/components/stzh-dropdown.js +1 -1
  208. package/dist/components/stzh-feedreader.js +1 -1
  209. package/dist/components/stzh-gallery.js +1 -1
  210. package/dist/components/stzh-geo-ref-data.js +9 -9
  211. package/dist/components/stzh-header.js +1 -1
  212. package/dist/components/stzh-homepage-service-highlights.js +1 -1
  213. package/dist/components/stzh-http-error.js +1 -1
  214. package/dist/components/stzh-input.js +1 -1
  215. package/dist/components/stzh-microsite-teaserlist.js +9 -9
  216. package/dist/components/stzh-monthyearpicker.js +3 -3
  217. package/dist/components/stzh-offline-indicator.js +2 -2
  218. package/dist/components/stzh-pagebottom.js +3 -3
  219. package/dist/components/stzh-pagetitle-home.js +1 -1
  220. package/dist/components/stzh-pagetitle.js +1 -1
  221. package/dist/components/stzh-pagination.js +1 -1
  222. package/dist/components/stzh-panorama.js +5 -5
  223. package/dist/components/stzh-pi-content-navigation.js +1 -1
  224. package/dist/components/stzh-pi-pagetitle.js +1 -1
  225. package/dist/components/stzh-pi-teaser.js +1 -1
  226. package/dist/components/stzh-poicard.js +1 -1
  227. package/dist/components/stzh-poilist.js +6 -6
  228. package/dist/components/stzh-popover.js +1 -1
  229. package/dist/components/stzh-radio.js +1 -1
  230. package/dist/components/stzh-radiogroup.js +1 -1
  231. package/dist/components/stzh-ratio.js +1 -1
  232. package/dist/components/stzh-readspeaker.js +3 -3
  233. package/dist/components/stzh-readspeaker.js.map +1 -1
  234. package/dist/components/stzh-richtext.js +1 -1
  235. package/dist/components/stzh-row.js +2 -2
  236. package/dist/components/stzh-saptcha.js +5 -5
  237. package/dist/components/stzh-scrollup.js +1 -1
  238. package/dist/components/stzh-search.js +6 -6
  239. package/dist/components/stzh-section.js +2 -2
  240. package/dist/components/stzh-share.js +1 -1
  241. package/dist/components/stzh-show.js +1 -1
  242. package/dist/components/stzh-sitemap.js +6 -6
  243. package/dist/components/stzh-skin-portal-mitwirken.js +2 -2
  244. package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
  245. package/dist/components/stzh-skin-storybook-preview.js +1 -1
  246. package/dist/components/stzh-skiplink.js +1 -1
  247. package/dist/components/stzh-socialmediastream-item.js +1 -1
  248. package/dist/components/stzh-socialmediastream.js +4 -4
  249. package/dist/components/stzh-sortable.js +1 -1
  250. package/dist/components/stzh-space.js +2 -2
  251. package/dist/components/stzh-status.js +1 -1
  252. package/dist/components/stzh-stepper-item.js +1 -1
  253. package/dist/components/stzh-stepper.js +3 -3
  254. package/dist/components/stzh-sticky-actions.js +2 -2
  255. package/dist/components/stzh-sticky.js +1 -1
  256. package/dist/components/stzh-table.js +1 -1
  257. package/dist/components/stzh-tag.js +1 -1
  258. package/dist/components/stzh-text.js +1 -1
  259. package/dist/components/stzh-textandimage.js +1 -1
  260. package/dist/components/stzh-timeline-item.js +3 -3
  261. package/dist/components/stzh-timeline.js +1 -1
  262. package/dist/components/stzh-timepicker.js +4 -4
  263. package/dist/components/stzh-toast.js +1 -1
  264. package/dist/components/stzh-toastbar.js +1 -1
  265. package/dist/components/stzh-toggle.js +6 -6
  266. package/dist/components/stzh-tooltip.js +1 -1
  267. package/dist/components/stzh-twocolumns.js +1 -1
  268. package/dist/components/stzh-upload.js +6 -6
  269. package/dist/components/stzh-vbz-carousel.js +1 -1
  270. package/dist/components/stzh-vbz-connection-finder.js +1 -1
  271. package/dist/components/stzh-vbz-intro.js +1 -1
  272. package/dist/components/stzh-vbz-linechip.js +1 -1
  273. package/dist/components/stzh-vbz-majorticker.js +4 -4
  274. package/dist/components/stzh-vbz-ticker.js +5 -5
  275. package/dist/components/stzh-visuallyhidden.js +2 -2
  276. package/dist/components/stzh-vspace.js +2 -2
  277. package/dist/components/stzh-youtube.js +2 -2
  278. package/dist/esm/{app-globals-4169aa9e.js → app-globals-069a4797.js} +2 -2
  279. package/dist/esm/{app-globals-4169aa9e.js.map → app-globals-069a4797.js.map} +1 -1
  280. package/dist/esm/loader.js +2 -2
  281. package/dist/esm/stzh-audio.entry.js +1 -1
  282. package/dist/esm/stzh-audio.entry.js.map +1 -1
  283. package/dist/esm/stzh-breadcrumb_2.entry.js +1 -1
  284. package/dist/esm/stzh-card-searchresult.entry.js +1 -1
  285. package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
  286. package/dist/esm/stzh-card.entry.js +11 -8
  287. package/dist/esm/stzh-card.entry.js.map +1 -1
  288. package/dist/esm/stzh-cardlist_3.entry.js +1 -1
  289. package/dist/esm/stzh-components.js +2 -2
  290. package/dist/esm/stzh-datalist_2.entry.js +3 -3
  291. package/dist/esm/stzh-datalist_2.entry.js.map +1 -1
  292. package/dist/esm/stzh-ghettobox_3.entry.js +3 -3
  293. package/dist/esm/stzh-popover.entry.js +1 -1
  294. package/dist/esm/stzh-popover.entry.js.map +1 -1
  295. package/dist/esm/stzh-print_2.entry.js +1 -1
  296. package/dist/esm/stzh-ratio.entry.js +1 -1
  297. package/dist/esm/stzh-ratio.entry.js.map +1 -1
  298. package/dist/esm/stzh-readspeaker.entry.js +3 -3
  299. package/dist/esm/stzh-readspeaker.entry.js.map +1 -1
  300. package/dist/esm/stzh-row.entry.js +2 -2
  301. package/dist/esm/stzh-saptcha.entry.js +2 -2
  302. package/dist/esm/stzh-scrollup.entry.js +1 -1
  303. package/dist/esm/stzh-search.entry.js +2 -2
  304. package/dist/esm/stzh-section.entry.js +2 -2
  305. package/dist/esm/stzh-sitemap.entry.js +1 -1
  306. package/dist/esm/stzh-skin-portal-mitwirken.entry.js +2 -2
  307. package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  308. package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
  309. package/dist/esm/stzh-skiplink.entry.js +1 -1
  310. package/dist/esm/stzh-socialmediastream-item.entry.js +1 -1
  311. package/dist/esm/stzh-socialmediastream.entry.js +1 -1
  312. package/dist/esm/stzh-space.entry.js +2 -2
  313. package/dist/esm/stzh-status.entry.js +4 -4
  314. package/dist/esm/stzh-stepper-item.entry.js +4 -4
  315. package/dist/esm/stzh-stepper.entry.js +2 -2
  316. package/dist/esm/stzh-sticky-actions.entry.js +1 -1
  317. package/dist/esm/stzh-sticky.entry.js +1 -1
  318. package/dist/esm/stzh-table.entry.js +1 -1
  319. package/dist/esm/stzh-text.entry.js +2 -2
  320. package/dist/esm/stzh-textandimage.entry.js +1 -1
  321. package/dist/esm/stzh-timeline-item.entry.js +3 -3
  322. package/dist/esm/stzh-timeline.entry.js +1 -1
  323. package/dist/esm/stzh-timepicker.entry.js +1 -1
  324. package/dist/esm/stzh-toast_2.entry.js +4 -4
  325. package/dist/esm/stzh-toggle.entry.js +4 -4
  326. package/dist/esm/stzh-tooltip.entry.js +2 -2
  327. package/dist/esm/stzh-tooltip.entry.js.map +1 -1
  328. package/dist/esm/stzh-twocolumns.entry.js +1 -1
  329. package/dist/esm/stzh-upload.entry.js +2 -2
  330. package/dist/esm/stzh-vbz-carousel.entry.js +1 -1
  331. package/dist/esm/stzh-vbz-connection-finder.entry.js +1 -1
  332. package/dist/esm/stzh-vbz-intro.entry.js +1 -1
  333. package/dist/esm/stzh-vbz-linechip.entry.js +2 -2
  334. package/dist/esm/stzh-vbz-majorticker.entry.js +2 -2
  335. package/dist/esm/stzh-vbz-ticker.entry.js +2 -2
  336. package/dist/esm/stzh-visuallyhidden.entry.js +2 -2
  337. package/dist/esm/stzh-vspace.entry.js +2 -2
  338. package/dist/esm/stzh-youtube.entry.js +1 -1
  339. package/dist/stzh-components/{p-96fe4abd.entry.js → p-043ad510.entry.js} +2 -2
  340. package/dist/stzh-components/{p-bb73cb7c.entry.js → p-0a9f2a26.entry.js} +2 -2
  341. package/dist/stzh-components/{p-fc5fd4e3.entry.js → p-0c454ed4.entry.js} +2 -2
  342. package/dist/stzh-components/{p-5b908c23.entry.js → p-0c7abc07.entry.js} +2 -2
  343. package/dist/stzh-components/{p-7026a4fd.entry.js → p-12ea12f4.entry.js} +2 -2
  344. package/dist/stzh-components/p-17d26a11.entry.js +2 -0
  345. package/dist/stzh-components/{p-404ba037.entry.js.map → p-17d26a11.entry.js.map} +1 -1
  346. package/dist/stzh-components/{p-adb98a13.entry.js → p-24c37b16.entry.js} +2 -2
  347. package/dist/stzh-components/{p-c2837379.entry.js → p-263f1fc6.entry.js} +2 -2
  348. package/dist/stzh-components/p-29ff3759.entry.js +2 -0
  349. package/dist/stzh-components/{p-6b57e800.entry.js.map → p-29ff3759.entry.js.map} +1 -1
  350. package/dist/stzh-components/{p-0971c453.entry.js → p-2b22da62.entry.js} +2 -2
  351. package/dist/stzh-components/{p-e5935628.entry.js → p-3edb8127.entry.js} +2 -2
  352. package/dist/stzh-components/p-43390ffd.entry.js +2 -0
  353. package/dist/stzh-components/p-43390ffd.entry.js.map +1 -0
  354. package/dist/stzh-components/{p-cb78d001.entry.js → p-44860eb8.entry.js} +2 -2
  355. package/dist/stzh-components/{p-c63ce489.entry.js → p-4a0e5c91.entry.js} +2 -2
  356. package/dist/stzh-components/{p-e4083254.entry.js → p-52b21470.entry.js} +2 -2
  357. package/dist/stzh-components/{p-4423fbf1.entry.js → p-5ea61577.entry.js} +2 -2
  358. package/dist/stzh-components/p-5ea61577.entry.js.map +1 -0
  359. package/dist/stzh-components/{p-dce69ebb.entry.js → p-628b2a1b.entry.js} +2 -2
  360. package/dist/stzh-components/{p-28f4fd43.entry.js → p-6f71f9a1.entry.js} +2 -2
  361. package/dist/stzh-components/p-705fb85c.entry.js +2 -0
  362. package/dist/stzh-components/{p-e0743aaf.entry.js.map → p-705fb85c.entry.js.map} +1 -1
  363. package/dist/stzh-components/{p-da065baa.entry.js → p-7467c517.entry.js} +2 -2
  364. package/dist/stzh-components/{p-46d8ebf9.entry.js → p-77c64b4b.entry.js} +2 -2
  365. package/dist/stzh-components/{p-46d8ebf9.entry.js.map → p-77c64b4b.entry.js.map} +1 -1
  366. package/dist/stzh-components/{p-a128eb07.entry.js → p-79a63bd9.entry.js} +2 -2
  367. package/dist/stzh-components/p-836ee7e5.entry.js +2 -0
  368. package/dist/stzh-components/p-836ee7e5.entry.js.map +1 -0
  369. package/dist/stzh-components/{p-1a3a2442.entry.js → p-84ae023f.entry.js} +2 -2
  370. package/dist/stzh-components/{p-3c60c70f.entry.js → p-976d5ab9.entry.js} +2 -2
  371. package/dist/stzh-components/{p-04669d52.entry.js → p-99d39d04.entry.js} +2 -2
  372. package/dist/stzh-components/{p-2b75dc62.entry.js → p-a08056c1.entry.js} +2 -2
  373. package/dist/stzh-components/{p-c6552960.entry.js → p-ab439c71.entry.js} +2 -2
  374. package/dist/stzh-components/{p-c6552960.entry.js.map → p-ab439c71.entry.js.map} +1 -1
  375. package/dist/stzh-components/{p-71886cdf.entry.js → p-ac4b1753.entry.js} +2 -2
  376. package/dist/stzh-components/{p-444ba687.entry.js → p-b0d12ac9.entry.js} +2 -2
  377. package/dist/stzh-components/p-b159d0bc.entry.js +2 -0
  378. package/dist/stzh-components/{p-624be23e.entry.js.map → p-b159d0bc.entry.js.map} +1 -1
  379. package/dist/stzh-components/p-b40a0635.js +2 -0
  380. package/dist/stzh-components/{p-1c01ddd2.js.map → p-b40a0635.js.map} +1 -1
  381. package/dist/stzh-components/{p-fb73afa9.entry.js → p-b6b39492.entry.js} +2 -2
  382. package/dist/stzh-components/{p-97e2a5ae.entry.js → p-c26e45c7.entry.js} +2 -2
  383. package/dist/stzh-components/{p-68dccf19.entry.js → p-c34c7f87.entry.js} +2 -2
  384. package/dist/stzh-components/{p-5ca3df89.entry.js → p-cd9be844.entry.js} +2 -2
  385. package/dist/stzh-components/{p-592452c5.entry.js → p-d12700c1.entry.js} +2 -2
  386. package/dist/stzh-components/{p-6802415a.entry.js → p-d17b4c21.entry.js} +2 -2
  387. package/dist/stzh-components/{p-8060775b.entry.js → p-d83dbb08.entry.js} +2 -2
  388. package/dist/stzh-components/p-d83dbb08.entry.js.map +1 -0
  389. package/dist/stzh-components/{p-549b5a54.entry.js → p-d98330d6.entry.js} +2 -2
  390. package/dist/stzh-components/p-dcf670a7.entry.js +2 -0
  391. package/dist/stzh-components/{p-8d664896.entry.js.map → p-dcf670a7.entry.js.map} +1 -1
  392. package/dist/stzh-components/{p-9c76b2dd.entry.js → p-dde1ffb8.entry.js} +2 -2
  393. package/dist/stzh-components/{p-420e839d.entry.js → p-e19dd2da.entry.js} +2 -2
  394. package/dist/stzh-components/{p-97fa8644.entry.js → p-e452b478.entry.js} +2 -2
  395. package/dist/stzh-components/{p-9130582f.entry.js → p-e496eb1a.entry.js} +2 -2
  396. package/dist/stzh-components/{p-6872230d.entry.js → p-e8a87eaf.entry.js} +2 -2
  397. package/dist/stzh-components/{p-ecb3ab05.entry.js → p-ec7f8a5a.entry.js} +2 -2
  398. package/dist/stzh-components/{p-824068d6.entry.js → p-f957fa77.entry.js} +2 -2
  399. package/dist/stzh-components/{p-7d590d24.entry.js → p-f9e3c785.entry.js} +2 -2
  400. package/dist/stzh-components/stzh-components.css +168 -4
  401. package/dist/stzh-components/stzh-components.esm.js +1 -1
  402. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  403. package/dist/types/components/stzh-card/stzh-card.d.ts +2 -0
  404. package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +2 -2
  405. package/dist/types/components.d.ts +16 -8
  406. package/dist/vscode-data.json +16 -4
  407. package/package.json +1 -1
  408. package/dist/components/p-18ad2006.js.map +0 -1
  409. package/dist/components/p-5748d860.js.map +0 -1
  410. package/dist/components/p-a367fa4a.js.map +0 -1
  411. package/dist/stzh-components/p-1c01ddd2.js +0 -2
  412. package/dist/stzh-components/p-404ba037.entry.js +0 -2
  413. package/dist/stzh-components/p-4423fbf1.entry.js.map +0 -1
  414. package/dist/stzh-components/p-6042015f.entry.js +0 -2
  415. package/dist/stzh-components/p-6042015f.entry.js.map +0 -1
  416. package/dist/stzh-components/p-624be23e.entry.js +0 -2
  417. package/dist/stzh-components/p-6b57e800.entry.js +0 -2
  418. package/dist/stzh-components/p-8060775b.entry.js.map +0 -1
  419. package/dist/stzh-components/p-8d664896.entry.js +0 -2
  420. package/dist/stzh-components/p-b35032a8.entry.js +0 -2
  421. package/dist/stzh-components/p-b35032a8.entry.js.map +0 -1
  422. package/dist/stzh-components/p-e0743aaf.entry.js +0 -2
  423. /package/dist/stzh-components/{p-96fe4abd.entry.js.map → p-043ad510.entry.js.map} +0 -0
  424. /package/dist/stzh-components/{p-bb73cb7c.entry.js.map → p-0a9f2a26.entry.js.map} +0 -0
  425. /package/dist/stzh-components/{p-fc5fd4e3.entry.js.map → p-0c454ed4.entry.js.map} +0 -0
  426. /package/dist/stzh-components/{p-5b908c23.entry.js.map → p-0c7abc07.entry.js.map} +0 -0
  427. /package/dist/stzh-components/{p-7026a4fd.entry.js.map → p-12ea12f4.entry.js.map} +0 -0
  428. /package/dist/stzh-components/{p-adb98a13.entry.js.map → p-24c37b16.entry.js.map} +0 -0
  429. /package/dist/stzh-components/{p-c2837379.entry.js.map → p-263f1fc6.entry.js.map} +0 -0
  430. /package/dist/stzh-components/{p-0971c453.entry.js.map → p-2b22da62.entry.js.map} +0 -0
  431. /package/dist/stzh-components/{p-e5935628.entry.js.map → p-3edb8127.entry.js.map} +0 -0
  432. /package/dist/stzh-components/{p-cb78d001.entry.js.map → p-44860eb8.entry.js.map} +0 -0
  433. /package/dist/stzh-components/{p-c63ce489.entry.js.map → p-4a0e5c91.entry.js.map} +0 -0
  434. /package/dist/stzh-components/{p-e4083254.entry.js.map → p-52b21470.entry.js.map} +0 -0
  435. /package/dist/stzh-components/{p-dce69ebb.entry.js.map → p-628b2a1b.entry.js.map} +0 -0
  436. /package/dist/stzh-components/{p-28f4fd43.entry.js.map → p-6f71f9a1.entry.js.map} +0 -0
  437. /package/dist/stzh-components/{p-da065baa.entry.js.map → p-7467c517.entry.js.map} +0 -0
  438. /package/dist/stzh-components/{p-a128eb07.entry.js.map → p-79a63bd9.entry.js.map} +0 -0
  439. /package/dist/stzh-components/{p-1a3a2442.entry.js.map → p-84ae023f.entry.js.map} +0 -0
  440. /package/dist/stzh-components/{p-3c60c70f.entry.js.map → p-976d5ab9.entry.js.map} +0 -0
  441. /package/dist/stzh-components/{p-04669d52.entry.js.map → p-99d39d04.entry.js.map} +0 -0
  442. /package/dist/stzh-components/{p-2b75dc62.entry.js.map → p-a08056c1.entry.js.map} +0 -0
  443. /package/dist/stzh-components/{p-71886cdf.entry.js.map → p-ac4b1753.entry.js.map} +0 -0
  444. /package/dist/stzh-components/{p-444ba687.entry.js.map → p-b0d12ac9.entry.js.map} +0 -0
  445. /package/dist/stzh-components/{p-fb73afa9.entry.js.map → p-b6b39492.entry.js.map} +0 -0
  446. /package/dist/stzh-components/{p-97e2a5ae.entry.js.map → p-c26e45c7.entry.js.map} +0 -0
  447. /package/dist/stzh-components/{p-68dccf19.entry.js.map → p-c34c7f87.entry.js.map} +0 -0
  448. /package/dist/stzh-components/{p-5ca3df89.entry.js.map → p-cd9be844.entry.js.map} +0 -0
  449. /package/dist/stzh-components/{p-592452c5.entry.js.map → p-d12700c1.entry.js.map} +0 -0
  450. /package/dist/stzh-components/{p-6802415a.entry.js.map → p-d17b4c21.entry.js.map} +0 -0
  451. /package/dist/stzh-components/{p-549b5a54.entry.js.map → p-d98330d6.entry.js.map} +0 -0
  452. /package/dist/stzh-components/{p-9c76b2dd.entry.js.map → p-dde1ffb8.entry.js.map} +0 -0
  453. /package/dist/stzh-components/{p-420e839d.entry.js.map → p-e19dd2da.entry.js.map} +0 -0
  454. /package/dist/stzh-components/{p-97fa8644.entry.js.map → p-e452b478.entry.js.map} +0 -0
  455. /package/dist/stzh-components/{p-9130582f.entry.js.map → p-e496eb1a.entry.js.map} +0 -0
  456. /package/dist/stzh-components/{p-6872230d.entry.js.map → p-e8a87eaf.entry.js.map} +0 -0
  457. /package/dist/stzh-components/{p-ecb3ab05.entry.js.map → p-ec7f8a5a.entry.js.map} +0 -0
  458. /package/dist/stzh-components/{p-824068d6.entry.js.map → p-f957fa77.entry.js.map} +0 -0
  459. /package/dist/stzh-components/{p-7d590d24.entry.js.map → p-f9e3c785.entry.js.map} +0 -0
package/dist/components/stzh-readspeaker.js CHANGED
@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './p-26f6521e.js';
4
4
  import { d as defineCustomElement$3 } from './p-f57f18a3.js';
5
5
  import { d as defineCustomElement$2 } from './p-8d12a95f.js';
6
6
 
7
- const stzhReadspeakerCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-readspeaker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--background-color:var(--stzh-readspeaker-background-color, var(--stzh-color-white));--justify-content:var(--stzh-readspeaker-justify-content, space-between);--column-gap:var(--stzh-readspeaker-column-gap, auto);--audio-track-height:0.1875rem;--audio-track-background-color:var(--stzh-readspeaker-audio-track-background-color, var(--stzh-color-black20op));--audio-track-progress-background-color:var(--stzh-readspeaker-audio-track-progress-background-color, var(--stzh-color-secondary40));--dropdown-position:var(--stzh-readspeaker-dropdown-position, absolute);--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-small-height));--dropdown-bottom:var(--stzh-readspeaker-dropdown-bottom, auto);--dropdown-left:var(--stzh-readspeaker-dropdown-left, 0px);--dropdown-right:var(--stzh-readspeaker-dropdown-right, auto);--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-small-height));--dropdown-settings-bottom:var(--stzh-readspeaker-dropdown-settings-bottom, auto);--dropdown-settings-left:var(--stzh-readspeaker-dropdown-settings-left, 0px);--dropdown-settings-right:var(--stzh-readspeaker-dropdown-settings-right, auto)}stzh-readspeaker[hidden],stzh-readspeaker[stzh-hidden]{display:none}stzh-readspeaker::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-readspeaker *,stzh-readspeaker *::before,stzh-readspeaker *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-readspeaker{--column-gap:var(--stzh-readspeaker-column-gap, var(--stzh-space-medium));--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-tiny-height));--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-tiny-height))}}@media print{stzh-readspeaker{display:none}}.stzh-readspeaker{position:relative;display:flex;align-items:center;column-gap:var(--column-gap);justify-content:var(--justify-content)}.stzh-readspeaker__actions{flex-grow:1;display:flex;align-items:center;justify-content:space-between}.stzh-readspeaker stzh-button.stzh-readspeaker__close{display:none}.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:inline-grid}@media screen and (min-width: 600px){.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:none}}.stzh-readspeaker .rsbtn{z-index:var(--stzh-z-index-popover) !important;background:var(--background-color);position:var(--dropdown-position);top:var(--dropdown-top);bottom:var(--dropdown-bottom);left:var(--dropdown-left);right:var(--dropdown-right)}.stzh-readspeaker .rs_splitbutton.rs_splitbutton-exp{display:inline-flex}.stzh-readspeaker .rs_addtools,.stzh-readspeaker .rsbtn{margin-top:var(--audio-track-height);margin-bottom:0px}.stzh-readspeaker [class*=\" rsicn-\"],.stzh-readspeaker [class*=\" rsicn-\"]:before,.stzh-readspeaker [class^=rsicn-],.stzh-readspeaker [class^=rsicn-]:before{content:\"\";display:block;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center}.stzh-readspeaker .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_pause:hover .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_stop:hover .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_rewind:hover .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_forward:hover .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_volume:hover .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_speed:hover .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_closer:hover .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_tooltoggle .rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_tooltoggle .rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tooltoggle:hover .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator,.stzh-readspeaker .rsbtn .rs-player-loadindicator{background-color:var(--audio-track-background-color);height:var(--audio-track-height);top:calc(var(--audio-track-height) / -1);left:0;right:0px}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-progress,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-progress{background-color:var(--audio-track-progress-background-color)}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex;justify-content:center;align-items:center;border-left:none;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);background-color:transparent;outline:none;float:none}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size-small);height:var(--stzh-icon-size-small)}}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:focus{background-color:transparent;outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:hover{background-color:var(--stzh-color-secondary20)}@media screen and (max-width: 599px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_closer,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle.rsbtn_closer{display:none}}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{margin-right:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item{padding-left:0px;padding-right:0px}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn{background:transparent}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex !important;position:relative;top:0;border-left:none;border-right:none}.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{left:0}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner{position:static;background:transparent;display:inline-flex;border:none;border-radius:0px;gap:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rsbtn .rsbtn_exp,.stzh-readspeaker .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner{height:auto}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{box-sizing:border-box;border:none;width:var(--stzh-form-input-small-height);height:7.25rem;top:var(--stzh-form-input-small-height);margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding:0;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{width:var(--stzh-form-input-tiny-height);top:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]{overflow:hidden;appearance:none !important;background:transparent;margin:0px;--thumb-height:1.25rem;--thumb-border-width:0.125rem;--thumb-border-color:var(--stzh-color-primary70);--thumb-background-color:var(--stzh-color-white);--track-height:0.5rem;--track-color:var(--stzh-color-black40op);--track-progress-color:var(--stzh-color-secondary60);--clip-edges:0.0625rem}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{position:relative;margin:0px;appearance:none;-moz-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 0.0625rem)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track{width:100%;background:var(--track-color)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{appearance:none;background:var(--track-progress-color);transition-delay:30ms}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{height:calc(var(--track-height) + 0.0625rem);border-radius:var(--track-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{--thumb-radius:calc((var(--thumb-height) * 0.5) - 0.0625rem);--clip-top:calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 0.0625rem);--box-fill:calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);width:var(--thumb-width, var(--thumb-height));background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -0.0625rem, var(--clip-edges) -0.0625rem, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-moz-range-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{transform:rotate(270deg) translateX(-0.375rem) translateY(-0.375rem);transform-origin:bottom center;width:6.25rem;height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{height:var(--stzh-form-input-tiny-height);transform:rotate(270deg) translateX(-1.125rem) translateY(-1.125rem)}}.stzh-readspeaker #rs-textsettings .rs-slider-label,.stzh-readspeaker .rs-dialog-esque .rs-slider-label,.stzh-readspeaker .rs-dialog-slider-dropdown .rs-slider-label,.stzh-readspeaker .rsbtn .rs-slider-label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);border-radius:0px;border:none;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.stzh-readspeaker .rsbtn_powered{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical{position:absolute;top:var(--dropdown-settings-top);bottom:var(--dropdown-settings-bottom);left:var(--dropdown-settings-left);right:var(--dropdown-settings-right);min-width:initial !important}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools{position:static;border-radius:0px;border:none;margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li{all:unset}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-large);white-space:nowrap;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-xsmall);margin-right:auto;color:inherit}.stzh-readspeaker .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler{margin:0;margin-left:var(--stzh-space-large);background-color:var(--stzh-color-grey70);border-radius:0.75rem;box-sizing:border-box;width:3rem;height:1.5rem;border:none;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after{width:1.25rem;height:1.25rem;top:0.125rem;left:0.125rem;transition:all var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-white)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler{background-color:var(--stzh-color-secondary50)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after{left:calc(50% + 0.125rem);background-color:var(--stzh-color-white)}#readspeaker_tooltip.rs_tooltip{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);z-index:var(--stzh-z-index-popup);border:none;border-radius:0px;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.rspopup.rspopup{z-index:var(--stzh-z-index-popup);background:var(--stzh-color-grey10);border:none;border-radius:0px;box-shadow:none}.rspopup.rspopup .rspopup_btn{height:var(--stzh-form-input-small-height);box-sizing:border-box;display:flex;padding:var(--stzh-space-xsmall) var(--stzh-space-large);justify-content:center;align-items:center;gap:var(--stzh-space-xsmall);border-top:none;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.rspopup.rspopup .rspopup_btn:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.rspopup.rspopup .rspopup_btn.rspopup_play::before{content:\"\";margin-right:0;left:0;position:relative;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play:hover::before{background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play::after{content:none}.rspopup.rspopup .rspopup_btn span.rspopup_label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);top:0}";
7
+ const stzhReadspeakerCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-readspeaker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--background-color:var(--stzh-readspeaker-background-color, var(--stzh-color-white));--justify-content:var(--stzh-readspeaker-justify-content, space-between);--column-gap:var(--stzh-readspeaker-column-gap, auto);--audio-track-height:0.1875rem;--audio-track-background-color:var(--stzh-readspeaker-audio-track-background-color, var(--stzh-color-black20op));--audio-track-progress-background-color:var(--stzh-readspeaker-audio-track-progress-background-color, var(--stzh-color-secondary40));--dropdown-position:var(--stzh-readspeaker-dropdown-position, absolute);--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-small-height));--dropdown-bottom:var(--stzh-readspeaker-dropdown-bottom, auto);--dropdown-left:var(--stzh-readspeaker-dropdown-left, 0px);--dropdown-right:var(--stzh-readspeaker-dropdown-right, auto);--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-small-height));--dropdown-settings-bottom:var(--stzh-readspeaker-dropdown-settings-bottom, auto);--dropdown-settings-left:var(--stzh-readspeaker-dropdown-settings-left, 0px);--dropdown-settings-right:var(--stzh-readspeaker-dropdown-settings-right, auto)}stzh-readspeaker[hidden],stzh-readspeaker[stzh-hidden]{display:none}stzh-readspeaker::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-readspeaker *,stzh-readspeaker *::before,stzh-readspeaker *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-readspeaker{--column-gap:var(--stzh-readspeaker-column-gap, var(--stzh-space-medium));--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-tiny-height));--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-tiny-height))}}@media print{stzh-readspeaker{display:none}}.stzh-readspeaker{position:relative;display:flex;align-items:center;column-gap:var(--column-gap);justify-content:var(--justify-content)}.stzh-readspeaker__actions{flex-grow:1;display:flex;align-items:center;justify-content:space-between}.stzh-readspeaker stzh-button.stzh-readspeaker__close{display:none}.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:inline-grid}@media screen and (min-width: 600px){.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:none}}.stzh-readspeaker .rsbtn{z-index:var(--stzh-z-index-popover) !important;background:var(--background-color);position:var(--dropdown-position);top:var(--dropdown-top);bottom:var(--dropdown-bottom);left:var(--dropdown-left);right:var(--dropdown-right)}.stzh-readspeaker .rs_splitbutton.rs_splitbutton-exp{display:inline-flex}.stzh-readspeaker .rs_addtools,.stzh-readspeaker .rsbtn{margin-top:var(--audio-track-height);margin-bottom:0px}.stzh-readspeaker [class*=\" rsicn-\"],.stzh-readspeaker [class*=\" rsicn-\"]:before,.stzh-readspeaker [class^=rsicn-],.stzh-readspeaker [class^=rsicn-]:before{content:\"\";display:block;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center}.stzh-readspeaker .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_pause:hover .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_stop:hover .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_rewind:hover .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_forward:hover .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_volume:hover .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_speed:hover .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_closer:hover .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_tooltoggle .rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_tooltoggle .rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tooltoggle:hover .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator,.stzh-readspeaker .rsbtn .rs-player-loadindicator{background-color:var(--audio-track-background-color);height:var(--audio-track-height);top:calc(var(--audio-track-height) / -1);left:0;right:0px}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-progress,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-progress{background-color:var(--audio-track-progress-background-color)}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex;justify-content:center;align-items:center;border-left:none;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);background-color:transparent;outline:none;float:none}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size-small);height:var(--stzh-icon-size-small)}}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:focus{background-color:transparent;outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:hover{background-color:var(--stzh-color-secondary20)}@media screen and (max-width: 599px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_closer,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle.rsbtn_closer{display:none}}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{margin-right:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item{padding-left:0px;padding-right:0px}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn{background:transparent}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex !important;position:relative;top:0;border-left:none;border-right:none}.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{left:0}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner{position:static;background:transparent;display:inline-flex;border:none;border-radius:0px;gap:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rsbtn .rsbtn_exp,.stzh-readspeaker .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner{height:auto}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{box-sizing:border-box;border:none;width:var(--stzh-form-input-small-height);height:7.25rem;top:var(--stzh-form-input-small-height);margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding:0;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{width:var(--stzh-form-input-tiny-height);top:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]{overflow:hidden;appearance:none !important;background:transparent;margin:0px;--thumb-height:1.25rem;--thumb-border-width:0.125rem;--thumb-border-color:var(--stzh-color-primary70);--thumb-background-color:var(--stzh-color-white);--track-height:0.5rem;--track-color:var(--stzh-color-black40op);--track-progress-color:var(--stzh-color-secondary60);--clip-edges:0.0625rem}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{position:relative;margin:0px;appearance:none;-moz-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 0.0625rem)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track{width:100%;background:var(--track-color)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{appearance:none;background:var(--track-progress-color);transition-delay:30ms}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{height:calc(var(--track-height) + 0.0625rem);border-radius:var(--track-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{--thumb-radius:calc((var(--thumb-height) * 0.5) - 0.0625rem);--clip-top:calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 0.0625rem);--box-fill:calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);width:var(--thumb-width, var(--thumb-height));background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -0.0625rem, var(--clip-edges) -0.0625rem, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-moz-range-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{transform:rotate(270deg) translateX(-0.375rem) translateY(-0.375rem);transform-origin:bottom center;width:6.25rem;height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{height:var(--stzh-form-input-tiny-height);transform:rotate(270deg) translateX(-1.125rem) translateY(-1.125rem)}}.stzh-readspeaker #rs-textsettings .rs-slider-label,.stzh-readspeaker .rs-dialog-esque .rs-slider-label,.stzh-readspeaker .rs-dialog-slider-dropdown .rs-slider-label,.stzh-readspeaker .rsbtn .rs-slider-label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);border-radius:0px;border:none;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.stzh-readspeaker .rsbtn_powered{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical{position:absolute;top:var(--dropdown-settings-top);bottom:var(--dropdown-settings-bottom);left:var(--dropdown-settings-left);right:var(--dropdown-settings-right);min-width:initial !important}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools{position:static;border-radius:0px;border:none;margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li{all:unset}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-large);white-space:nowrap;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-xsmall);margin-right:auto;color:inherit}.stzh-readspeaker .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler{margin:0;margin-left:var(--stzh-space-large);background-color:var(--stzh-color-grey70);border-radius:0.75rem;box-sizing:border-box;width:3rem;height:1.5rem;border:none;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after{width:1.25rem;height:1.25rem;top:0.125rem;left:0.125rem;transition:all var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-white)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler{background-color:var(--stzh-color-secondary50)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after{left:calc(50% + 0.125rem);background-color:var(--stzh-color-white)}#readspeaker_tooltip.rs_tooltip{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);z-index:var(--stzh-z-index-popup);border:none;border-radius:0px;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.rspopup.rspopup{z-index:var(--stzh-z-index-popup);background:var(--stzh-color-grey10);border:none;border-radius:0px;box-shadow:none}.rspopup.rspopup .rspopup_btn{height:var(--stzh-form-input-small-height);box-sizing:border-box;display:flex;padding:var(--stzh-space-xsmall) var(--stzh-space-large);justify-content:center;align-items:center;gap:var(--stzh-space-xsmall);border-top:none;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.rspopup.rspopup .rspopup_btn:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.rspopup.rspopup .rspopup_btn.rspopup_play::before{content:\"\";margin-right:0;left:0;position:relative;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play:hover::before{background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play::after{content:none}.rspopup.rspopup .rspopup_btn span.rspopup_label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);top:0}";
8
8
  const StzhReadspeakerStyle0 = stzhReadspeakerCss;
9
9
 
10
10
  // we use split button implmentation (calling readpage manually):
@@ -198,9 +198,9 @@ const StzhReadspeaker$1 = /*@__PURE__*/ proxyCustomElement(class StzhReadspeaker
198
198
  "stzh-readspeaker": true,
199
199
  rs_skip: true, // will prevent component being read by readspeaker
200
200
  };
201
- return (h(Host, { key: 'ad65dd6253ea946a17f905c86b80b50e1d815cb2' }, h("div", { key: '62d0b35ec6663af893e21389b80cb02022c3e171', class: classes }, h("div", { key: '41475c2930ade685a3cee9505db621ec03b41047', class: "stzh-readspeaker__actions" }, h("div", { key: '362eb32bdae38f5de4263dac06a8908d10a8e7c1', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'e4de817898ea795d673c09744379c5216d121e53' })), h("stzh-button", { key: '09139eac9295ff60d4f229ab95852b8b5f967537', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
201
+ return (h(Host, { key: 'c1f32d69379cf08aa871829eb87e6f210786ab11' }, h("div", { key: '96e2036fc814e90e161b2b5afce5e6421f3609c2', class: classes }, h("div", { key: '3f3b638ccb29c670c7081d2d6f4bd8823064ef0f', class: "stzh-readspeaker__actions" }, h("div", { key: 'da2bbbc7e18da2566429a74587eeced1c3b4e173', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '33d7183bbf5350b7ed54f6a0ea4d2846038b1a24' })), h("stzh-button", { key: 'ce8b4c874e1144a311f7e38554a8882a90c196fc', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
202
202
  this.closePlayer();
203
- } })), h("div", { key: '4c66ea949e129c6ef4de232a8fe888e957155099', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
203
+ } })), h("div", { key: 'b88f87a0ef0acf56c285636ebff71411e11c7d8b', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
204
204
  }
205
205
  get element() { return this; }
206
206
  static get style() { return StzhReadspeakerStyle0; }
package/dist/components/stzh-readspeaker.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"stzh-readspeaker.js","mappings":"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","names":["StzhReadspeaker","HTMLElement"],"sources":["src/components/stzh-readspeaker/stzh-readspeaker.scss?tag=stzh-readspeaker","src/components/stzh-readspeaker/stzh-readspeaker.tsx"],"sourcesContent":["// Note: These styles are all global and note scoped because\n// some elements are created dynamically by the ReadSpeaker library\n\nstzh-readspeaker {\n @include host;\n\n --background-color: var(--stzh-readspeaker-background-color, #{$colorWhite});\n --justify-content: var(--stzh-readspeaker-justify-content, space-between);\n --column-gap: var(--stzh-readspeaker-column-gap, auto);\n\n --audio-track-height: 3px;\n --audio-track-background-color: var(--stzh-readspeaker-audio-track-background-color, #{$colorBlack20op});\n --audio-track-progress-background-color: var(--stzh-readspeaker-audio-track-progress-background-color, #{$colorSecondary40});\n\n --dropdown-position: var(--stzh-readspeaker-dropdown-position, absolute);\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightSmall});\n --dropdown-bottom: var(--stzh-readspeaker-dropdown-bottom, auto);\n --dropdown-left: var(--stzh-readspeaker-dropdown-left, 0px);\n --dropdown-right: var(--stzh-readspeaker-dropdown-right, auto);\n\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightSmall});\n --dropdown-settings-bottom: var(--stzh-readspeaker-dropdown-settings-bottom, auto);\n --dropdown-settings-left: var(--stzh-readspeaker-dropdown-settings-left, 0px);\n --dropdown-settings-right: var(--stzh-readspeaker-dropdown-settings-right, auto);\n\n @include mq($from: medium) {\n --column-gap: var(--stzh-readspeaker-column-gap, #{space('medium')});\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightTiny});\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightTiny});\n }\n\n @media print {\n display: none;\n }\n}\n\n.stzh-readspeaker {\n position: relative;\n display: flex;\n align-items: center;\n column-gap: var(--column-gap);\n justify-content: var(--justify-content);\n\n &__actions {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n stzh-button#{&}__close {\n display: none;\n }\n\n &:has(.rsbtn.rsexpanded) &__close {\n display: inline-grid;\n\n @include mq($from: small) {\n display: none;\n }\n }\n\n .rsbtn {\n z-index: $zIndexPopover !important;\n background: var(--background-color);\n position: var(--dropdown-position);\n top: var(--dropdown-top);\n bottom: var(--dropdown-bottom);\n left: var(--dropdown-left);\n right: var(--dropdown-right);\n }\n\n .rs_splitbutton.rs_splitbutton-exp {\n display: inline-flex;\n }\n\n .rs_addtools,\n .rsbtn {\n margin-top: var(--audio-track-height);\n margin-bottom: 0px;\n }\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n content: '';\n display: block;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n }\n\n // pause / play\n .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#0F05A0);\n }\n\n .rsbtn_pause:hover .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#070066);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#0F05A0);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#070066);\n }\n\n // stop\n .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#0F05A0);\n }\n\n .rsbtn_stop:hover .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#070066);\n }\n\n // rewind\n .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#0F05A0);\n }\n\n .rsbtn_rewind:hover .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#070066);\n }\n\n // forwards\n .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#0F05A0);\n }\n\n .rsbtn_forward:hover .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#070066);\n }\n\n // volume\n .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n .rsbtn_volume:hover .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n // speed\n .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#0F05A0);\n }\n\n .rsbtn_speed:hover .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#070066);\n }\n\n // close\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before {\n content: '';\n }\n\n .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#0F05A0);\n }\n\n .rsbtn_closer:hover .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#070066);\n }\n\n // tooltoggle\n .rs_addtools .rsbtn_tooltoggle .rsicn::before,\n .rsbtn .rsbtn_tooltoggle .rsicn::before {\n content: '';\n }\n\n .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#0F05A0);\n }\n\n .rsbtn_tooltoggle:hover .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#070066);\n }\n\n // loading indicator/track\n #rsmpl_container .rs-player-loadindicator,\n .rsbtn .rs-player-loadindicator {\n background-color: var(--audio-track-background-color);\n height: var(--audio-track-height);\n top: calc(var(--audio-track-height) / -1);\n left: 0;\n right: 0px;\n }\n\n #rsmpl_container .rs-player-loadindicator .rsbtn-loading,\n .rsbtn .rs-player-loadindicator .rsbtn-loading,\n #rsmpl_container .rs-player-loadindicator .rsbtn-progress,\n .rsbtn .rs-player-loadindicator .rsbtn-progress {\n background-color: var(--audio-track-progress-background-color);\n }\n\n // player buttons / toggle button\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex;\n justify-content: center;\n align-items: center;\n border-left: none;\n width: $formInputHeightSmall;\n height: $formInputHeightSmall;\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n background-color: transparent;\n outline: none;\n float: none;\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n width: iconSize();\n height: iconSize();\n\n @include mq($from: medium) {\n width: iconSize('small');\n height: iconSize('small');\n }\n }\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n height: $formInputHeightTiny;\n }\n\n &:focus {\n background-color: transparent;\n outline: var(--stzh-flyingfocus-color) solid 2px;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: $colorSecondary20;\n }\n\n &.rsbtn_closer {\n // position: absolute;\n // right: 0;\n // top: calc(#{$formInputHeightSmall} / -1 + -3px);\n\n // we show own &__close button on mobile that is placed next to trigger\n @include mq($to: small) {\n display: none;\n }\n }\n }\n\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n margin-right: space('xxxsmall');\n }\n\n .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item {\n padding-left: 0px;\n padding-right: 0px;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn {\n background: transparent;\n }\n\n // toggle button\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex !important;\n position: relative;\n top: 0;\n border-left: none;\n border-right: none;\n }\n\n // toggle button when zoom-tooltoggler class is added to wrapper (js hover)\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n left: 0;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner {\n position: static;\n background: transparent;\n display: inline-flex;\n border: none;\n border-radius: 0px;\n gap: space('xxxsmall');\n }\n\n .rsbtn .rsbtn_exp,\n .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {\n height: auto;\n }\n\n // slider\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown {\n box-sizing: border-box;\n border: none;\n width: $formInputHeightSmall;\n height: 116px;\n top: $formInputHeightSmall;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding: 0;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n top: $formInputHeightTiny;\n }\n }\n\n #rs-textsettings input.rs-slider[type=range],\n .rs-dialog-esque input.rs-slider[type=range],\n .rs-dialog-slider-dropdown input.rs-slider[type=range],\n .rsbtn input.rs-slider[type=range] {\n overflow: hidden;\n -webkit-appearance: none !important;\n appearance: none !important;\n background: transparent;\n margin: 0px;\n\n --thumb-height: 20px;\n --thumb-border-width: 2px;\n --thumb-border-color: #{$colorPrimary70};\n --thumb-background-color: #{$colorWhite};\n --track-height: 8px;\n --track-color: #{$colorBlack40op};\n --track-progress-color: #{$colorSecondary60};\n --clip-edges: 1px;\n\n // &,\n // &::-moz-range-track,\n // &::-moz-range-thumb,\n // &::-moz-range-progress {\n // background: #fff0;\n // }\n\n &,\n &::-webkit-slider-runnable-track,\n &::-webkit-slider-thumb {\n position: relative;\n -webkit-appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &,\n &::-moz-range-track,\n &::-moz-range-thumb {\n position: relative;\n margin: 0px;\n appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &::-webkit-slider-runnable-track {\n \t background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);\n }\n\n &::-moz-range-track {\n width: 100%;\n background: var(--track-color);\n }\n\n &::-moz-range-progress {\n appearance: none;\n background: var(--track-progress-color);\n transition-delay: 30ms;\n }\n\n &::-moz-range-track,\n &::-moz-range-progress {\n height: calc(var(--track-height) + 1px);\n border-radius: var(--track-height);\n }\n\n &::-webkit-slider-thumb {\n --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);\n --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);\n --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n --clip-further: calc(100% + 1px);\n --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);\n\n width: var(--thumb-width, var(--thumb-height));\n // background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n box-shadow: var(--box-fill);\n border-radius: var(--thumb-width, var(--thumb-height));\n\n filter: brightness(100%);\n clip-path: polygon(\n 100% -1px,\n var(--clip-edges) -1px,\n 0 var(--clip-top),\n -100vmax var(--clip-top),\n -100vmax var(--clip-bottom),\n 0 var(--clip-bottom),\n var(--clip-edges) 100%,\n var(--clip-further) var(--clip-further)\n );\n }\n\n &::-moz-range-thumb {\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n border: 0;\n width: var(--thumb-width, var(--thumb-height));\n border-radius: var(--thumb-width, var(--thumb-height));\n cursor: grab;\n }\n\n &:active {\n cursor: grabbing;\n }\n\n &:active::-webkit-slider-thumb {\n cursor: grabbing;\n }\n\n &:active::-moz-range-thumb {\n cursor: grabbing;\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled::-webkit-slider-thumb {\n cursor: not-allowed;\n }\n\n &:disabled::-moz-range-thumb {\n cursor: not-allowed;\n }\n }\n\n .rsbtn .rs-slider.vertical,\n .rsbtn .rs-slider.vertical.has-datalist {\n // transform: rotate(270deg) translateX(-4.75em) translateY(.75em);\n transform: rotate(270deg) translateX(-6px) translateY(-6px);\n transform-origin: bottom center;\n width: 100px;\n height: $formInputHeightSmall;\n\n @include mq($from: medium) {\n height: $formInputHeightTiny;\n transform: rotate(270deg) translateX(-18px) translateY(-18px);\n }\n }\n\n // slider tooltip\n #rs-textsettings .rs-slider-label,\n .rs-dialog-esque .rs-slider-label,\n .rs-dialog-slider-dropdown .rs-slider-label,\n .rsbtn .rs-slider-label {\n @include font;\n @include tooltip-fontsize;\n border-radius: 0px;\n border: none;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n }\n\n // copyright\n .rsbtn_powered {\n display: none;\n }\n\n // menu container\n .rs_addtools .rsbtn_toolpanel.vertical,\n .rsbtn .rsbtn_toolpanel.vertical {\n position: absolute;\n top: var(--dropdown-settings-top);\n bottom: var(--dropdown-settings-bottom);\n left: var(--dropdown-settings-left);\n right: var(--dropdown-settings-right);\n min-width: initial !important;\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools {\n position: static;\n border-radius: 0px;\n border: none;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical\n .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {\n all: unset;\n }\n\n // menu button\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool {\n display: flex;\n align-items: center;\n padding: space('xsmall') space('large');\n white-space: nowrap;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel {\n @include font('heavy');\n @include fontSize('milli');\n margin-left: space('xsmall');\n margin-right: auto;\n color: inherit;\n }\n\n .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#070066);\n }\n\n .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#070066);\n }\n\n .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#070066);\n }\n\n .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#070066);\n }\n\n .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#070066);\n }\n\n // switch\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler {\n margin: 0;\n margin-left: space('large');\n background-color: $colorGrey70;\n border-radius: 12px;\n box-sizing: border-box;\n width: 48px;\n height: 24px;\n border: none;\n transition: background-color $baseTransitionAnimationSpeed;\n\n .on-icon,\n .off-icon {\n display: none;\n }\n\n &::after {\n width: 20px;\n height: 20px;\n top: 2px;\n left: 2px;\n transition: all $baseTransitionAnimationSpeed;\n background-color: $colorWhite;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler {\n background-color: $colorSecondary50;\n\n &::after {\n left: calc(50% + 2px);\n background-color: $colorWhite;\n }\n }\n}\n\n/* Button tooltips */\n\n#readspeaker_tooltip.rs_tooltip {\n @include font;\n @include tooltip-fontsize;\n z-index: $zIndexPopup;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n}\n\n/* Popup on text selection */\n\n.rspopup.rspopup {\n z-index: $zIndexPopup;\n background: $colorGrey10;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n\n .rspopup_btn {\n height: $formInputHeightSmall;\n box-sizing: border-box;\n display: flex;\n padding: space('xsmall') space('large');\n justify-content: center;\n align-items: center;\n gap: space('xsmall');\n border-top: none;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n\n &.rspopup_play::before {\n content: '';\n margin-right: 0;\n left: 0;\n position: relative;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n &.rspopup_play:hover::before {\n background: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n &.rspopup_play::after {\n content: none;\n }\n }\n\n .rspopup_btn span.rspopup_label {\n @include font('heavy');\n @include fontSize('milli');\n top: 0;\n }\n}\n\n/* Sticky controls (currently disabled) */\n\n// .rsbtn_scrollcontrols {}\n","import { Component, Element, h, Host, Method, Prop } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n// we use split button implmentation (calling readpage manually):\n// https://wrdev.readspeaker.com/get-started/implementation/split-button-implementation\n\n// we load the library dynamically:\n// https://wrdev.readspeaker.com/get-started/implementation/dynamic-loading\nfunction loadLibrary() {\n return new Promise((resolve, reject) => {\n if (window.ReadSpeaker) {\n resolve(window.ReadSpeaker);\n return;\n }\n\n const oHead = document.getElementsByTagName(\"HEAD\").item(0);\n const oScript = document.createElement(\"script\");\n\n oScript.type = \"text/javascript\";\n // oScript.src = \"//cdn-eu.readspeaker.com/script/4490/webReader/webReader.js?pids=wr&mobile=0\";\n // we disable predefined mobile UI player bar with mobile=0 parameter\n oScript.src = `${window.stzhComponents.pathVendors}/readspeaker/webReader.js?pids=wr&mobile=0`;\n oScript.id = \"rs_req_Init\";\n oHead.appendChild(oScript);\n\n oScript.onload = function () {\n window.ReadSpeaker.mobile = window.ReadSpeaker.mobile;\n resolve(window.ReadSpeaker);\n // window.ReadSpeaker.init();\n };\n\n oScript.onerror = reject;\n });\n}\n\nwindow.rsConf = {\n // cb: {\n // \tui: {\n // \t\topen: function() {\n // \t\t\tconsole.log('open')\n // \t\t},\n // close: function() {\n // \t\t\tconsole.log('close')\n // },\n // stop: function() {\n // console.log('stop')\n // },\n // play: function() {\n // console.log('play')\n // },\n // pause: function() {\n // console.log('pause')\n // }\n // \t}\n // },\n settings: {\n // // The color that will be used for highlighting sentences, expressed as a valid CSS color value.\n // hlsent: '#beffd6',\n // // The color that will be used for the text in the highlighted elements, expressed as a valid CSS color value.\n // hltext: '#000000',\n // // The color that will be used for highlighting words, expressed as a valid CSS color value\n // hlword: '#a4cbff'\n },\n general: {\n usePost: true,\n enableSkipAlways: true,\n skipHiddenContent: true,\n shadowDomSelector: \"stzh-accordion-item,stzh-timeline-item,stzh-disturber,stzh-clamp\",\n },\n ui: {\n tools: {\n voicesettings: false,\n controlpanel: false,\n translation: false,\n dictionary: false,\n download: false,\n help: false,\n formreading: false,\n },\n },\n};\n\n// window.rspkr.ui.getActivePlayer().getContainer()\n// window.rspkr.ui.addClickEvents()\n// window.rspkr.tools.toggler.add()\n\nlet readspeakerCounter = 0;\n\n/**\n * @slot - Slot for trigger\n */\n@Component({\n tag: \"stzh-readspeaker\",\n styleUrl: \"stzh-readspeaker.scss\",\n})\nexport class StzhReadspeaker {\n /** RS url of site (e.g. https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html) */\n @Prop() href!: string;\n\n @Element() element: HTMLStzhReadspeakerElement;\n\n /** Open player and start reading page */\n @Method()\n async openPlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && !this.element.contains(activePlayer.getContainer())) {\n activePlayer.stop();\n }\n\n window.readpage(this.href, this.readspeakerId);\n }\n\n /** Close player and finish reading page */\n @Method()\n async closePlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && this.element.contains(activePlayer.getContainer())) {\n activePlayer.close();\n }\n }\n\n private observer: MutationObserver;\n private bodyObserver: MutationObserver;\n private triggerElement: HTMLElement;\n\n private onLinkClick = async (event: MouseEvent) => {\n event.preventDefault();\n // library could also be loaded only after first click, but then text selection wouldn't work\n // await loadLibrary();\n this.openPlayer();\n };\n\n private init = () => {\n let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n if (!trigger) {\n const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n trigger = defaultSlot;\n }\n\n if (trigger) {\n trigger.addEventListener(\"click\", this.onLinkClick);\n\n setPropsIfNull(trigger, {\n icon: \"volume-medium\",\n href: this.href,\n } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n }\n };\n\n /**\n * Initialize a global body mutation observer. Only do that once to prevent\n * multiple observers when having multiple readspeakers.\n */\n private initializeGlobalBodyObserver() {\n if (!window.stzhReadspeakerHasGlobalBodyObserver) {\n window.stzhReadspeakerHasGlobalBodyObserver = true;\n this.bodyObserver = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n mutation.addedNodes.forEach(node => {\n if (node instanceof HTMLElement) {\n this.addClassToAriaHiddenElements(node);\n }\n });\n });\n });\n this.bodyObserver.observe(document.body, {\n childList: true,\n subtree: true,\n });\n }\n }\n\n /**\n * Temporary bugfix since readspeaker currently ignores the 'aria-hidden' attribute.\n * Instead we add a class \"rs_skip\" to it to prevent readspeaker to read those aria-hidden elements.\n */\n private addClassToAriaHiddenElements(node: Node) {\n if (node instanceof HTMLElement) {\n if (\n node.hasAttribute(\"aria-hidden\") &&\n node.getAttribute(\"aria-hidden\") === \"true\" &&\n !node.classList.contains(\"rs_skip\")\n ) {\n node.classList.add(\"rs_skip\");\n }\n\n const shadowRoot = node.shadowRoot;\n if (shadowRoot) {\n shadowRoot.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n }\n node.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n\n private readspeakerId: string;\n\n async componentWillLoad() {\n this.readspeakerId = `stzh-readspeaker-${readspeakerCounter++}`;\n }\n\n async componentDidLoad() {\n this.addClassToAriaHiddenElements(document.body);\n this.initializeGlobalBodyObserver();\n await loadLibrary();\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.bodyObserver) {\n this.bodyObserver.disconnect();\n }\n\n window.rspkr?.ui?.destroyActivePlayer();\n }\n\n render() {\n const classes = {\n \"stzh-readspeaker\": true,\n rs_skip: true, // will prevent component being read by readspeaker\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-readspeaker__actions\">\n <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-readspeaker__trigger\">\n <slot></slot>\n </div>\n <stzh-button\n class=\"stzh-readspeaker__close\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close-big\"\n iconOnly={true}\n onClick={() => {\n this.closePlayer();\n }}\n ></stzh-button>\n </div>\n\n {/*\n <stzh-popover placement=\"bottom-end\">\n <div slot=\"content\">...</div>\n </stzh-popover>\n */}\n\n <div id={this.readspeakerId} class=\"rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"stzh-readspeaker.js","mappings":"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","names":["StzhReadspeaker","HTMLElement"],"sources":["src/components/stzh-readspeaker/stzh-readspeaker.scss?tag=stzh-readspeaker","src/components/stzh-readspeaker/stzh-readspeaker.tsx"],"sourcesContent":["// Note: These styles are all global and note scoped because\n// some elements are created dynamically by the ReadSpeaker library\n\nstzh-readspeaker {\n @include host;\n\n --background-color: var(--stzh-readspeaker-background-color, #{$colorWhite});\n --justify-content: var(--stzh-readspeaker-justify-content, space-between);\n --column-gap: var(--stzh-readspeaker-column-gap, auto);\n\n --audio-track-height: 3px;\n --audio-track-background-color: var(--stzh-readspeaker-audio-track-background-color, #{$colorBlack20op});\n --audio-track-progress-background-color: var(--stzh-readspeaker-audio-track-progress-background-color, #{$colorSecondary40});\n\n --dropdown-position: var(--stzh-readspeaker-dropdown-position, absolute);\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightSmall});\n --dropdown-bottom: var(--stzh-readspeaker-dropdown-bottom, auto);\n --dropdown-left: var(--stzh-readspeaker-dropdown-left, 0px);\n --dropdown-right: var(--stzh-readspeaker-dropdown-right, auto);\n\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightSmall});\n --dropdown-settings-bottom: var(--stzh-readspeaker-dropdown-settings-bottom, auto);\n --dropdown-settings-left: var(--stzh-readspeaker-dropdown-settings-left, 0px);\n --dropdown-settings-right: var(--stzh-readspeaker-dropdown-settings-right, auto);\n\n @include mq($from: medium) {\n --column-gap: var(--stzh-readspeaker-column-gap, #{space('medium')});\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightTiny});\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightTiny});\n }\n\n @media print {\n display: none;\n }\n}\n\n.stzh-readspeaker {\n position: relative;\n display: flex;\n align-items: center;\n column-gap: var(--column-gap);\n justify-content: var(--justify-content);\n\n &__actions {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n stzh-button#{&}__close {\n display: none;\n }\n\n &:has(.rsbtn.rsexpanded) &__close {\n display: inline-grid;\n\n @include mq($from: small) {\n display: none;\n }\n }\n\n .rsbtn {\n z-index: $zIndexPopover !important;\n background: var(--background-color);\n position: var(--dropdown-position);\n top: var(--dropdown-top);\n bottom: var(--dropdown-bottom);\n left: var(--dropdown-left);\n right: var(--dropdown-right);\n }\n\n .rs_splitbutton.rs_splitbutton-exp {\n display: inline-flex;\n }\n\n .rs_addtools,\n .rsbtn {\n margin-top: var(--audio-track-height);\n margin-bottom: 0px;\n }\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n content: '';\n display: block;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n }\n\n // pause / play\n .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#0F05A0);\n }\n\n .rsbtn_pause:hover .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#070066);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#0F05A0);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#070066);\n }\n\n // stop\n .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#0F05A0);\n }\n\n .rsbtn_stop:hover .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#070066);\n }\n\n // rewind\n .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#0F05A0);\n }\n\n .rsbtn_rewind:hover .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#070066);\n }\n\n // forwards\n .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#0F05A0);\n }\n\n .rsbtn_forward:hover .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#070066);\n }\n\n // volume\n .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n .rsbtn_volume:hover .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n // speed\n .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#0F05A0);\n }\n\n .rsbtn_speed:hover .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#070066);\n }\n\n // close\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before {\n content: '';\n }\n\n .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#0F05A0);\n }\n\n .rsbtn_closer:hover .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#070066);\n }\n\n // tooltoggle\n .rs_addtools .rsbtn_tooltoggle .rsicn::before,\n .rsbtn .rsbtn_tooltoggle .rsicn::before {\n content: '';\n }\n\n .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#0F05A0);\n }\n\n .rsbtn_tooltoggle:hover .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#070066);\n }\n\n // loading indicator/track\n #rsmpl_container .rs-player-loadindicator,\n .rsbtn .rs-player-loadindicator {\n background-color: var(--audio-track-background-color);\n height: var(--audio-track-height);\n top: calc(var(--audio-track-height) / -1);\n left: 0;\n right: 0px;\n }\n\n #rsmpl_container .rs-player-loadindicator .rsbtn-loading,\n .rsbtn .rs-player-loadindicator .rsbtn-loading,\n #rsmpl_container .rs-player-loadindicator .rsbtn-progress,\n .rsbtn .rs-player-loadindicator .rsbtn-progress {\n background-color: var(--audio-track-progress-background-color);\n }\n\n // player buttons / toggle button\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex;\n justify-content: center;\n align-items: center;\n border-left: none;\n width: $formInputHeightSmall;\n height: $formInputHeightSmall;\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n background-color: transparent;\n outline: none;\n float: none;\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n width: iconSize();\n height: iconSize();\n\n @include mq($from: medium) {\n width: iconSize('small');\n height: iconSize('small');\n }\n }\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n height: $formInputHeightTiny;\n }\n\n &:focus {\n background-color: transparent;\n outline: var(--stzh-flyingfocus-color) solid 2px;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: $colorSecondary20;\n }\n\n &.rsbtn_closer {\n // position: absolute;\n // right: 0;\n // top: calc(#{$formInputHeightSmall} / -1 + -3px);\n\n // we show own &__close button on mobile that is placed next to trigger\n @include mq($to: small) {\n display: none;\n }\n }\n }\n\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n margin-right: space('xxxsmall');\n }\n\n .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item {\n padding-left: 0px;\n padding-right: 0px;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn {\n background: transparent;\n }\n\n // toggle button\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex !important;\n position: relative;\n top: 0;\n border-left: none;\n border-right: none;\n }\n\n // toggle button when zoom-tooltoggler class is added to wrapper (js hover)\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n left: 0;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner {\n position: static;\n background: transparent;\n display: inline-flex;\n border: none;\n border-radius: 0px;\n gap: space('xxxsmall');\n }\n\n .rsbtn .rsbtn_exp,\n .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {\n height: auto;\n }\n\n // slider\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown {\n box-sizing: border-box;\n border: none;\n width: $formInputHeightSmall;\n height: 116px;\n top: $formInputHeightSmall;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding: 0;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n top: $formInputHeightTiny;\n }\n }\n\n #rs-textsettings input.rs-slider[type=range],\n .rs-dialog-esque input.rs-slider[type=range],\n .rs-dialog-slider-dropdown input.rs-slider[type=range],\n .rsbtn input.rs-slider[type=range] {\n overflow: hidden;\n -webkit-appearance: none !important;\n appearance: none !important;\n background: transparent;\n margin: 0px;\n\n --thumb-height: 20px;\n --thumb-border-width: 2px;\n --thumb-border-color: #{$colorPrimary70};\n --thumb-background-color: #{$colorWhite};\n --track-height: 8px;\n --track-color: #{$colorBlack40op};\n --track-progress-color: #{$colorSecondary60};\n --clip-edges: 1px;\n\n // &,\n // &::-moz-range-track,\n // &::-moz-range-thumb,\n // &::-moz-range-progress {\n // background: #fff0;\n // }\n\n &,\n &::-webkit-slider-runnable-track,\n &::-webkit-slider-thumb {\n position: relative;\n -webkit-appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &,\n &::-moz-range-track,\n &::-moz-range-thumb {\n position: relative;\n margin: 0px;\n appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &::-webkit-slider-runnable-track {\n \t background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);\n }\n\n &::-moz-range-track {\n width: 100%;\n background: var(--track-color);\n }\n\n &::-moz-range-progress {\n appearance: none;\n background: var(--track-progress-color);\n transition-delay: 30ms;\n }\n\n &::-moz-range-track,\n &::-moz-range-progress {\n height: calc(var(--track-height) + 1px);\n border-radius: var(--track-height);\n }\n\n &::-webkit-slider-thumb {\n --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);\n --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);\n --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n --clip-further: calc(100% + 1px);\n --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);\n\n width: var(--thumb-width, var(--thumb-height));\n // background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n box-shadow: var(--box-fill);\n border-radius: var(--thumb-width, var(--thumb-height));\n\n filter: brightness(100%);\n clip-path: polygon(\n 100% -1px,\n var(--clip-edges) -1px,\n 0 var(--clip-top),\n -100vmax var(--clip-top),\n -100vmax var(--clip-bottom),\n 0 var(--clip-bottom),\n var(--clip-edges) 100%,\n var(--clip-further) var(--clip-further)\n );\n }\n\n &::-moz-range-thumb {\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n border: 0;\n width: var(--thumb-width, var(--thumb-height));\n border-radius: var(--thumb-width, var(--thumb-height));\n cursor: grab;\n }\n\n &:active {\n cursor: grabbing;\n }\n\n &:active::-webkit-slider-thumb {\n cursor: grabbing;\n }\n\n &:active::-moz-range-thumb {\n cursor: grabbing;\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled::-webkit-slider-thumb {\n cursor: not-allowed;\n }\n\n &:disabled::-moz-range-thumb {\n cursor: not-allowed;\n }\n }\n\n .rsbtn .rs-slider.vertical,\n .rsbtn .rs-slider.vertical.has-datalist {\n // transform: rotate(270deg) translateX(-4.75em) translateY(.75em);\n transform: rotate(270deg) translateX(-6px) translateY(-6px);\n transform-origin: bottom center;\n width: 100px;\n height: $formInputHeightSmall;\n\n @include mq($from: medium) {\n height: $formInputHeightTiny;\n transform: rotate(270deg) translateX(-18px) translateY(-18px);\n }\n }\n\n // slider tooltip\n #rs-textsettings .rs-slider-label,\n .rs-dialog-esque .rs-slider-label,\n .rs-dialog-slider-dropdown .rs-slider-label,\n .rsbtn .rs-slider-label {\n @include font;\n @include tooltip-fontsize;\n border-radius: 0px;\n border: none;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n }\n\n // copyright\n .rsbtn_powered {\n display: none;\n }\n\n // menu container\n .rs_addtools .rsbtn_toolpanel.vertical,\n .rsbtn .rsbtn_toolpanel.vertical {\n position: absolute;\n top: var(--dropdown-settings-top);\n bottom: var(--dropdown-settings-bottom);\n left: var(--dropdown-settings-left);\n right: var(--dropdown-settings-right);\n min-width: initial !important;\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools {\n position: static;\n border-radius: 0px;\n border: none;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical\n .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {\n all: unset;\n }\n\n // menu button\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool {\n display: flex;\n align-items: center;\n padding: space('xsmall') space('large');\n white-space: nowrap;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel {\n @include font('heavy');\n @include fontSize('milli');\n margin-left: space('xsmall');\n margin-right: auto;\n color: inherit;\n }\n\n .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#070066);\n }\n\n .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#070066);\n }\n\n .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#070066);\n }\n\n .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#070066);\n }\n\n .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#070066);\n }\n\n // switch\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler {\n margin: 0;\n margin-left: space('large');\n background-color: $colorGrey70;\n border-radius: 12px;\n box-sizing: border-box;\n width: 48px;\n height: 24px;\n border: none;\n transition: background-color $baseTransitionAnimationSpeed;\n\n .on-icon,\n .off-icon {\n display: none;\n }\n\n &::after {\n width: 20px;\n height: 20px;\n top: 2px;\n left: 2px;\n transition: all $baseTransitionAnimationSpeed;\n background-color: $colorWhite;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler {\n background-color: $colorSecondary50;\n\n &::after {\n left: calc(50% + 2px);\n background-color: $colorWhite;\n }\n }\n}\n\n/* Button tooltips */\n\n#readspeaker_tooltip.rs_tooltip {\n @include font;\n @include tooltip-fontsize;\n z-index: $zIndexPopup;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n}\n\n/* Popup on text selection */\n\n.rspopup.rspopup {\n z-index: $zIndexPopup;\n background: $colorGrey10;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n\n .rspopup_btn {\n height: $formInputHeightSmall;\n box-sizing: border-box;\n display: flex;\n padding: space('xsmall') space('large');\n justify-content: center;\n align-items: center;\n gap: space('xsmall');\n border-top: none;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n\n &.rspopup_play::before {\n content: '';\n margin-right: 0;\n left: 0;\n position: relative;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n &.rspopup_play:hover::before {\n background: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n &.rspopup_play::after {\n content: none;\n }\n }\n\n .rspopup_btn span.rspopup_label {\n @include font('heavy');\n @include fontSize('milli');\n top: 0;\n }\n}\n\n/* Sticky controls (currently disabled) */\n\n// .rsbtn_scrollcontrols {}\n","import { Component, Element, h, Host, Method, Prop } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n// we use split button implmentation (calling readpage manually):\n// https://wrdev.readspeaker.com/get-started/implementation/split-button-implementation\n\n// we load the library dynamically:\n// https://wrdev.readspeaker.com/get-started/implementation/dynamic-loading\nfunction loadLibrary() {\n return new Promise((resolve, reject) => {\n if (window.ReadSpeaker) {\n resolve(window.ReadSpeaker);\n return;\n }\n\n const oHead = document.getElementsByTagName(\"HEAD\").item(0);\n const oScript = document.createElement(\"script\");\n\n oScript.type = \"text/javascript\";\n // oScript.src = \"//cdn-eu.readspeaker.com/script/4490/webReader/webReader.js?pids=wr&mobile=0\";\n // we disable predefined mobile UI player bar with mobile=0 parameter\n oScript.src = `${window.stzhComponents.pathVendors}/readspeaker/webReader.js?pids=wr&mobile=0`;\n oScript.id = \"rs_req_Init\";\n oHead.appendChild(oScript);\n\n oScript.onload = function () {\n window.ReadSpeaker.mobile = window.ReadSpeaker.mobile;\n resolve(window.ReadSpeaker);\n // window.ReadSpeaker.init();\n };\n\n oScript.onerror = reject;\n });\n}\n\nwindow.rsConf = {\n // cb: {\n // \tui: {\n // \t\topen: function() {\n // \t\t\tconsole.log('open')\n // \t\t},\n // close: function() {\n // \t\t\tconsole.log('close')\n // },\n // stop: function() {\n // console.log('stop')\n // },\n // play: function() {\n // console.log('play')\n // },\n // pause: function() {\n // console.log('pause')\n // }\n // \t}\n // },\n settings: {\n // // The color that will be used for highlighting sentences, expressed as a valid CSS color value.\n // hlsent: '#beffd6',\n // // The color that will be used for the text in the highlighted elements, expressed as a valid CSS color value.\n // hltext: '#000000',\n // // The color that will be used for highlighting words, expressed as a valid CSS color value\n // hlword: '#a4cbff'\n },\n general: {\n usePost: true,\n enableSkipAlways: true,\n skipHiddenContent: true,\n shadowDomSelector: \"stzh-accordion-item,stzh-timeline-item,stzh-disturber,stzh-clamp\",\n },\n ui: {\n tools: {\n voicesettings: false,\n controlpanel: false,\n translation: false,\n dictionary: false,\n download: false,\n help: false,\n formreading: false,\n },\n },\n};\n\n// window.rspkr.ui.getActivePlayer().getContainer()\n// window.rspkr.ui.addClickEvents()\n// window.rspkr.tools.toggler.add()\n\nlet readspeakerCounter = 0;\n\n/**\n * @slot - Slot for trigger\n */\n@Component({\n tag: \"stzh-readspeaker\",\n styleUrl: \"stzh-readspeaker.scss\",\n})\nexport class StzhReadspeaker {\n /** RS url of site (e.g. https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html) */\n @Prop() href!: string;\n\n @Element() element: HTMLStzhReadspeakerElement;\n\n /** Open player and start reading page */\n @Method()\n async openPlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && !this.element.contains(activePlayer.getContainer())) {\n activePlayer.stop();\n }\n\n window.readpage(this.href, this.readspeakerId);\n }\n\n /** Close player and finish reading page */\n @Method()\n async closePlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && this.element.contains(activePlayer.getContainer())) {\n activePlayer.close();\n }\n }\n\n private observer: MutationObserver;\n private bodyObserver: MutationObserver;\n private triggerElement: HTMLElement;\n\n private onLinkClick = async (event: MouseEvent) => {\n event.preventDefault();\n // library could also be loaded only after first click, but then text selection wouldn't work\n // await loadLibrary();\n this.openPlayer();\n };\n\n private init = () => {\n let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n if (!trigger) {\n const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n trigger = defaultSlot;\n }\n\n if (trigger) {\n trigger.addEventListener(\"click\", this.onLinkClick);\n\n setPropsIfNull(trigger, {\n icon: \"volume-medium\",\n href: this.href,\n } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n }\n };\n\n /**\n * Initialize a global body mutation observer. Only do that once to prevent\n * multiple observers when having multiple readspeakers.\n */\n private initializeGlobalBodyObserver() {\n if (!window.stzhReadspeakerHasGlobalBodyObserver) {\n window.stzhReadspeakerHasGlobalBodyObserver = true;\n this.bodyObserver = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n mutation.addedNodes.forEach(node => {\n if (node instanceof HTMLElement) {\n this.addClassToAriaHiddenElements(node);\n }\n });\n });\n });\n this.bodyObserver.observe(document.body, {\n childList: true,\n subtree: true,\n });\n }\n }\n\n /**\n * Temporary bugfix since readspeaker currently ignores the 'aria-hidden' attribute.\n * Instead we add a class \"rs_skip\" to it to prevent readspeaker to read those aria-hidden elements.\n */\n private addClassToAriaHiddenElements(node: Node) {\n if (node instanceof HTMLElement) {\n if (\n node.hasAttribute(\"aria-hidden\") &&\n node.getAttribute(\"aria-hidden\") === \"true\" &&\n !node.classList.contains(\"rs_skip\")\n ) {\n node.classList.add(\"rs_skip\");\n }\n\n const shadowRoot = node.shadowRoot;\n if (shadowRoot) {\n shadowRoot.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n }\n node.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n\n private readspeakerId: string;\n\n async componentWillLoad() {\n this.readspeakerId = `stzh-readspeaker-${readspeakerCounter++}`;\n }\n\n async componentDidLoad() {\n this.addClassToAriaHiddenElements(document.body);\n this.initializeGlobalBodyObserver();\n await loadLibrary();\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.bodyObserver) {\n this.bodyObserver.disconnect();\n }\n\n window.rspkr?.ui?.destroyActivePlayer();\n }\n\n render() {\n const classes = {\n \"stzh-readspeaker\": true,\n rs_skip: true, // will prevent component being read by readspeaker\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-readspeaker__actions\">\n <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-readspeaker__trigger\">\n <slot></slot>\n </div>\n <stzh-button\n class=\"stzh-readspeaker__close\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close-big\"\n iconOnly={true}\n onClick={() => {\n this.closePlayer();\n }}\n ></stzh-button>\n </div>\n\n {/*\n <stzh-popover placement=\"bottom-end\">\n <div slot=\"content\">...</div>\n </stzh-popover>\n */}\n\n <div id={this.readspeakerId} class=\"rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/components/stzh-richtext.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as StzhRichtext$1, d as defineCustomElement$1 } from './p-8123a294.js';
1
+ import { S as StzhRichtext$1, d as defineCustomElement$1 } from './p-87537095.js';
2
2
 
3
3
  const StzhRichtext = StzhRichtext$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/stzh-row.js CHANGED
@@ -18,12 +18,12 @@ const StzhRow$1 = /*@__PURE__*/ proxyCustomElement(class StzhRow extends H {
18
18
  this.content = "start";
19
19
  }
20
20
  render() {
21
- return (h(Host, { key: '6407dc8ee26e81fcb5d9f8e2d4a0d7b24c7e5b41' }, h("div", { key: '8d0b0130c7f58f8b34b4c1ae7bb5376bcc423f18', class: {
21
+ return (h(Host, { key: '0790a6e16fdba80673274f0b48c0d3985b8e5232' }, h("div", { key: '8eff8f37798efa0dd19bb23ca9eb238cfb27dcbb', class: {
22
22
  "stzh-row": true,
23
23
  [`stzh-row--justify-${this.justify}`]: !!this.justify,
24
24
  [`stzh-row--items-${this.items}`]: !!this.items,
25
25
  [`stzh-row--content-${this.content}`]: !!this.content
26
- } }, h("slot", { key: '7bb6c474b112e3336e27bedd3269fefce07c1081' }))));
26
+ } }, h("slot", { key: '69ae1cdb79028780194d989f1b2a970815b20b0a' }))));
27
27
  }
28
28
  static get style() { return StzhRowStyle0; }
29
29
  }, [1, "stzh-row", {
package/dist/components/stzh-saptcha.js CHANGED
@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
2
2
  import { d as defineCustomElement$7 } from './p-26f6521e.js';
3
3
  import { d as defineCustomElement$6 } from './p-f57f18a3.js';
4
4
  import { d as defineCustomElement$5 } from './p-8d12a95f.js';
5
- import { d as defineCustomElement$4 } from './p-0c5f315f.js';
6
- import { d as defineCustomElement$3 } from './p-3d24141a.js';
7
- import { d as defineCustomElement$2 } from './p-adc06dc4.js';
5
+ import { d as defineCustomElement$4 } from './p-8c4ca44f.js';
6
+ import { d as defineCustomElement$3 } from './p-7eced0db.js';
7
+ import { d as defineCustomElement$2 } from './p-ae7adee7.js';
8
8
 
9
9
  const stzhSaptchaCss = ".sc-stzh-saptcha-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-saptcha-h,[stzh-hidden].sc-stzh-saptcha-h{display:none}.sc-stzh-saptcha-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-saptcha-h .has-focus.sc-stzh-saptcha{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha{outline-style:none !important}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha::-moz-focus-inner{border:0 !important}.sc-stzh-saptcha-h{--color:var(--stzh-color-black);--answer-color:var(--stzh-saptcha-answer-color, var(--stzh-color-primary));--background-color:var(--stzh-color-grey10)}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);color:var(--color);background-color:var(--background-color)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}.stzh-saptcha__info.sc-stzh-saptcha{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-saptcha__answer.sc-stzh-saptcha{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--answer-color);margin-top:var(--stzh-space-xsmall)}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}";
10
10
  const StzhSaptchaStyle0 = stzhSaptchaCss;
@@ -73,10 +73,10 @@ const StzhSaptcha$1 = /*@__PURE__*/ proxyCustomElement(class StzhSaptcha extends
73
73
  const classes = {
74
74
  "stzh-saptcha": true
75
75
  };
76
- return (h(Host, { key: '508b36f8f986b1303704958ad7f34a27e429211a', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'ba990346a4d626d186c2166d5514e3a50d5c5538', class: classes }, h("div", { key: '1ea9a21683d19d4c57a87d9512e7c1579079de41', class: "stzh-saptcha__box" }, h("div", { key: '59c4cdc97b9ce1560740e520915f0ed0cfc90dce', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'e1977df6b777f2ddca39644915426bb409bf60e9', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
76
+ return (h(Host, { key: '45e5ae9ea931d92609563149eb17d9937ad8b018', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'aa77d54b4c91a597d2f8f00b1209d6ffc603ec95', class: classes }, h("div", { key: '860279d1b6887f7c6a099d8ee22e5121309787a4', class: "stzh-saptcha__box" }, h("div", { key: '731eaaf5d33d96fd1f4a0960ece20ffa6cc742ba', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'b01a02570a163ea216d89c17f16aef60d1515958', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
77
77
  (index === this._numbers.length - 2
78
78
  ? this.localization.answerOr
79
- : ", ")))), h("stzh-input", { key: '4e187d4e881c210f2ec833020a6ddb3ae201fddd', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
79
+ : ", ")))), h("stzh-input", { key: '95e4d2e4af61655d06fcf6c3e7ae0469501bd505', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
80
80
  }
81
81
  get element() { return this; }
82
82
  static get watchers() { return {
package/dist/components/stzh-scrollup.js CHANGED
@@ -32,7 +32,7 @@ const StzhScrollup$1 = /*@__PURE__*/ proxyCustomElement(class StzhScrollup exten
32
32
  const classes = {
33
33
  "stzh-scrollup": true,
34
34
  };
35
- return (h(Host, { key: 'deda31b1ec662993903318b9c803d9a6330fe887' }, h("div", { key: 'd9aa01d30bb6abbee0d0b03c2728058e76707576', class: classes }, h("slot", { key: 'ea3f6114a38023cef4683b8b0b3c16157735b89a', onSlotchange: this.handleSlotchange }))));
35
+ return (h(Host, { key: '5dce13acbe1335a55ddbdf1dd10eea332be846ec' }, h("div", { key: '6d7e887f12979457f4d4f1d389e1ba845a8f534c', class: classes }, h("slot", { key: '72659c769b97f46d4f64b29200f083c26dbfc50e', onSlotchange: this.handleSlotchange }))));
36
36
  }
37
37
  get element() { return this; }
38
38
  static get style() { return StzhScrollupStyle0; }