survey-analytics 2.5.14 → 3.0.0-beta.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 (215) hide show
  1. package/fesm/shared.mjs +754 -3179
  2. package/fesm/shared.mjs.map +1 -1
  3. package/fesm/shared2.mjs +9687 -8187
  4. package/fesm/shared2.mjs.map +1 -1
  5. package/fesm/shared3.mjs +4982 -0
  6. package/fesm/shared3.mjs.map +1 -0
  7. package/fesm/shared4.mjs +42 -0
  8. package/fesm/shared4.mjs.map +1 -0
  9. package/fesm/survey.analytics.apexcharts.mjs +1061 -0
  10. package/fesm/survey.analytics.apexcharts.mjs.map +1 -0
  11. package/fesm/survey.analytics.core.mjs +3 -3
  12. package/fesm/survey.analytics.mjs +7 -755
  13. package/fesm/survey.analytics.mjs.map +1 -1
  14. package/fesm/survey.analytics.mongo.mjs +1 -1
  15. package/fesm/survey.analytics.plotly.mjs +13 -0
  16. package/fesm/survey.analytics.plotly.mjs.map +1 -0
  17. package/fesm/survey.analytics.tabulator.mjs +335 -180
  18. package/fesm/survey.analytics.tabulator.mjs.map +1 -1
  19. package/fesm/themes/index.mjs +1942 -0
  20. package/fesm/themes/index.mjs.map +1 -0
  21. package/package.json +37 -10
  22. package/survey-analytics-plotly.types/alternativeVizualizersWrapper.d.ts +73 -0
  23. package/survey-analytics-plotly.types/analytics-localization/arabic.d.ts +100 -0
  24. package/survey-analytics-plotly.types/analytics-localization/dutch.d.ts +100 -0
  25. package/survey-analytics-plotly.types/analytics-localization/english.d.ts +130 -0
  26. package/survey-analytics-plotly.types/analytics-localization/farsi.d.ts +100 -0
  27. package/survey-analytics-plotly.types/analytics-localization/finnish.d.ts +100 -0
  28. package/survey-analytics-plotly.types/analytics-localization/french.d.ts +100 -0
  29. package/survey-analytics-plotly.types/analytics-localization/german.d.ts +100 -0
  30. package/survey-analytics-plotly.types/analytics-localization/italian.d.ts +100 -0
  31. package/survey-analytics-plotly.types/analytics-localization/japanese.d.ts +100 -0
  32. package/survey-analytics-plotly.types/analytics-localization/norwegian.d.ts +100 -0
  33. package/survey-analytics-plotly.types/analytics-localization/polish.d.ts +100 -0
  34. package/survey-analytics-plotly.types/analytics-localization/portuguese.d.ts +100 -0
  35. package/survey-analytics-plotly.types/analytics-localization/russian.d.ts +100 -0
  36. package/survey-analytics-plotly.types/analytics-localization/spanish.d.ts +100 -0
  37. package/survey-analytics-plotly.types/analytics-localization/swedish.d.ts +100 -0
  38. package/survey-analytics-plotly.types/boolean.d.ts +15 -0
  39. package/survey-analytics-plotly.types/card.d.ts +29 -0
  40. package/survey-analytics-plotly.types/chartConfig.d.ts +9 -0
  41. package/survey-analytics-plotly.types/config.d.ts +35 -0
  42. package/survey-analytics-plotly.types/dashboard.d.ts +51 -0
  43. package/survey-analytics-plotly.types/dataProvider.d.ts +69 -0
  44. package/survey-analytics-plotly.types/entries/plotly.d.ts +2 -0
  45. package/survey-analytics-plotly.types/entries/summary.core.d.ts +44 -0
  46. package/survey-analytics-plotly.types/filterInfo.d.ts +11 -0
  47. package/survey-analytics-plotly.types/histogram.d.ts +102 -0
  48. package/{survey-analytics.types/layoutEngine.d.ts → survey-analytics-plotly.types/layout-engine.d.ts} +0 -12
  49. package/survey-analytics-plotly.types/localizationManager.d.ts +152 -0
  50. package/survey-analytics-plotly.types/matrix.d.ts +17 -0
  51. package/survey-analytics-plotly.types/matrixDropdownGrouped.d.ts +15 -0
  52. package/survey-analytics-plotly.types/muuri-layout-engine.d.ts +13 -0
  53. package/survey-analytics-plotly.types/nps.d.ts +37 -0
  54. package/survey-analytics-plotly.types/number.d.ts +27 -0
  55. package/survey-analytics-plotly.types/pivot.d.ts +59 -0
  56. package/{survey-analytics.types → survey-analytics-plotly.types}/plotly/chart-adapter.d.ts +11 -2
  57. package/survey-analytics-plotly.types/plotly/setup.d.ts +150 -0
  58. package/survey-analytics-plotly.types/ranking.d.ts +12 -0
  59. package/survey-analytics-plotly.types/selectBase.d.ts +116 -0
  60. package/survey-analytics-plotly.types/statisticCalculators.d.ts +9 -0
  61. package/survey-analytics-plotly.types/statistics-table.d.ts +28 -0
  62. package/survey-analytics-plotly.types/svgbundle.d.ts +2 -0
  63. package/survey-analytics-plotly.types/text.d.ts +25 -0
  64. package/survey-analytics-plotly.types/theme.d.ts +50 -0
  65. package/survey-analytics-plotly.types/themes/default-light.d.ts +965 -0
  66. package/survey-analytics-plotly.types/utils/calculationDateRanges.d.ts +35 -0
  67. package/survey-analytics-plotly.types/utils/dateRangeModel.d.ts +32 -0
  68. package/survey-analytics-plotly.types/utils/dateRangeWidget.d.ts +38 -0
  69. package/survey-analytics-plotly.types/utils/dropdownActionWidget.d.ts +31 -0
  70. package/survey-analytics-plotly.types/utils/dropdownBase.d.ts +47 -0
  71. package/survey-analytics-plotly.types/utils/dropdownWidget.d.ts +40 -0
  72. package/survey-analytics-plotly.types/utils/index.d.ts +62 -0
  73. package/survey-analytics-plotly.types/utils/toggle.d.ts +17 -0
  74. package/survey-analytics-plotly.types/utils/utils.d.ts +9 -0
  75. package/survey-analytics-plotly.types/visualizationComposite.d.ts +8 -0
  76. package/survey-analytics-plotly.types/visualizationManager.d.ts +60 -0
  77. package/survey-analytics-plotly.types/visualizationMatrixDropdown.d.ts +23 -0
  78. package/survey-analytics-plotly.types/visualizationMatrixDynamic.d.ts +8 -0
  79. package/survey-analytics-plotly.types/visualizationPanel.d.ts +464 -0
  80. package/survey-analytics-plotly.types/visualizationPanelDynamic.d.ts +20 -0
  81. package/survey-analytics-plotly.types/visualizerBase.d.ts +422 -0
  82. package/survey-analytics-plotly.types/visualizerDescription.d.ts +19 -0
  83. package/survey-analytics-plotly.types/visualizerFactory.d.ts +41 -0
  84. package/survey-analytics-plotly.types/wordcloud/stopwords/dutch.d.ts +1 -0
  85. package/survey-analytics-plotly.types/wordcloud/stopwords/english.d.ts +1 -0
  86. package/survey-analytics-plotly.types/wordcloud/stopwords/index.d.ts +3 -0
  87. package/survey-analytics-plotly.types/wordcloud/stopwords/norwegian.d.ts +1 -0
  88. package/survey-analytics-plotly.types/wordcloud/stopwords/spanish.d.ts +1 -0
  89. package/survey-analytics-plotly.types/wordcloud/widget.d.ts +38 -0
  90. package/survey-analytics-plotly.types/wordcloud/wordcloud.d.ts +28 -0
  91. package/survey-analytics-tabulator.types/analytics-localization/english.d.ts +28 -0
  92. package/survey-analytics-tabulator.types/entries/tabulator.d.ts +2 -25
  93. package/survey-analytics-tabulator.types/entries/tabulator.fontless.d.ts +26 -0
  94. package/survey-analytics-tabulator.types/localizationManager.d.ts +28 -0
  95. package/survey-analytics-tabulator.types/tables/extensions/footerextensions.d.ts +1 -0
  96. package/survey-analytics-tabulator.types/tables/extensions/tableextensions.d.ts +2 -1
  97. package/survey-analytics-tabulator.types/tables/tabulator.d.ts +7 -0
  98. package/survey-analytics-tabulator.types/theme.d.ts +50 -0
  99. package/survey-analytics-tabulator.types/themes/default-light.d.ts +965 -0
  100. package/survey-analytics-tabulator.types/utils/dropdownActionWidget.d.ts +31 -0
  101. package/survey-analytics-tabulator.types/utils/dropdownBase.d.ts +47 -0
  102. package/survey-analytics-tabulator.types/utils/dropdownWidget.d.ts +40 -0
  103. package/survey-analytics-tabulator.types/utils/index.d.ts +25 -2
  104. package/survey-analytics.types/alternativeVizualizersWrapper.d.ts +9 -4
  105. package/survey-analytics.types/analytics-localization/english.d.ts +28 -0
  106. package/survey-analytics.types/apexcharts/chart-adapter.d.ts +29 -0
  107. package/survey-analytics.types/apexcharts/index.d.ts +2 -0
  108. package/survey-analytics.types/apexcharts/setup.d.ts +185 -0
  109. package/survey-analytics.types/boolean.d.ts +1 -1
  110. package/survey-analytics.types/card.d.ts +29 -0
  111. package/survey-analytics.types/chartConfig.d.ts +9 -0
  112. package/survey-analytics.types/config.d.ts +1 -33
  113. package/survey-analytics.types/dashboard.d.ts +51 -0
  114. package/survey-analytics.types/dataProvider.d.ts +17 -0
  115. package/survey-analytics.types/entries/apexcharts.d.ts +2 -0
  116. package/survey-analytics.types/entries/apexcharts.fontless.d.ts +2 -0
  117. package/survey-analytics.types/entries/summary.core.d.ts +6 -0
  118. package/survey-analytics.types/histogram.d.ts +29 -13
  119. package/survey-analytics.types/layout-engine.d.ts +29 -0
  120. package/survey-analytics.types/localizationManager.d.ts +28 -0
  121. package/survey-analytics.types/matrix.d.ts +3 -2
  122. package/survey-analytics.types/matrixDropdownGrouped.d.ts +3 -2
  123. package/survey-analytics.types/muuri-layout-engine.d.ts +13 -0
  124. package/survey-analytics.types/nps.d.ts +5 -10
  125. package/survey-analytics.types/number.d.ts +8 -7
  126. package/survey-analytics.types/pivot.d.ts +25 -35
  127. package/survey-analytics.types/ranking.d.ts +3 -2
  128. package/survey-analytics.types/selectBase.d.ts +12 -15
  129. package/survey-analytics.types/statisticCalculators.d.ts +8 -13
  130. package/survey-analytics.types/statistics-table.d.ts +2 -2
  131. package/survey-analytics.types/text.d.ts +4 -3
  132. package/survey-analytics.types/theme.d.ts +50 -0
  133. package/survey-analytics.types/themes/default-light.d.ts +965 -0
  134. package/survey-analytics.types/utils/calculationDateRanges.d.ts +35 -0
  135. package/survey-analytics.types/utils/dateRangeModel.d.ts +32 -0
  136. package/survey-analytics.types/utils/dateRangeWidget.d.ts +38 -0
  137. package/survey-analytics.types/utils/dropdownActionWidget.d.ts +31 -0
  138. package/survey-analytics.types/utils/dropdownBase.d.ts +47 -0
  139. package/survey-analytics.types/utils/dropdownWidget.d.ts +40 -0
  140. package/survey-analytics.types/utils/index.d.ts +25 -2
  141. package/survey-analytics.types/utils/toggle.d.ts +17 -0
  142. package/survey-analytics.types/utils/utils.d.ts +9 -0
  143. package/survey-analytics.types/visualizationComposite.d.ts +1 -1
  144. package/survey-analytics.types/visualizationManager.d.ts +5 -5
  145. package/survey-analytics.types/visualizationMatrixDropdown.d.ts +2 -1
  146. package/survey-analytics.types/visualizationMatrixDynamic.d.ts +1 -1
  147. package/survey-analytics.types/visualizationPanel.d.ts +20 -3
  148. package/survey-analytics.types/visualizationPanelDynamic.d.ts +2 -1
  149. package/survey-analytics.types/visualizerBase.d.ts +65 -10
  150. package/survey-analytics.types/visualizerDescription.d.ts +19 -0
  151. package/survey-analytics.types/visualizerFactory.d.ts +11 -2
  152. package/survey-analytics.types/wordcloud/wordcloud.d.ts +6 -4
  153. package/survey.analytics.core.css +1131 -99
  154. package/survey.analytics.core.css.map +1 -1
  155. package/survey.analytics.core.js +5063 -1002
  156. package/survey.analytics.core.js.map +1 -1
  157. package/survey.analytics.core.min.css +9 -6
  158. package/survey.analytics.core.min.js +1 -1
  159. package/survey.analytics.core.min.js.LICENSE.txt +1 -1
  160. package/survey.analytics.css +1494 -103
  161. package/survey.analytics.css.map +1 -1
  162. package/survey.analytics.d.ts +1 -2
  163. package/survey.analytics.fontless.css +1629 -0
  164. package/survey.analytics.fontless.css.map +1 -0
  165. package/survey.analytics.fontless.min.css +14 -0
  166. package/survey.analytics.js +7427 -3055
  167. package/survey.analytics.js.map +1 -1
  168. package/survey.analytics.min.css +11 -6
  169. package/survey.analytics.min.js +1 -1
  170. package/survey.analytics.min.js.LICENSE.txt +1 -1
  171. package/survey.analytics.mongo.js +2 -2
  172. package/survey.analytics.mongo.js.map +1 -1
  173. package/survey.analytics.mongo.min.js +1 -1
  174. package/survey.analytics.mongo.min.js.LICENSE.txt +1 -1
  175. package/survey.analytics.plotly.css +1714 -0
  176. package/survey.analytics.plotly.css.map +1 -0
  177. package/survey.analytics.plotly.d.ts +1 -0
  178. package/survey.analytics.plotly.fontless.css +1492 -0
  179. package/survey.analytics.plotly.fontless.css.map +1 -0
  180. package/survey.analytics.plotly.fontless.min.css +13 -0
  181. package/survey.analytics.plotly.js +23829 -0
  182. package/survey.analytics.plotly.js.map +1 -0
  183. package/survey.analytics.plotly.min.css +14 -0
  184. package/survey.analytics.plotly.min.js +2 -0
  185. package/survey.analytics.plotly.min.js.LICENSE.txt +22 -0
  186. package/survey.analytics.tabulator.css +992 -132
  187. package/survey.analytics.tabulator.css.map +1 -1
  188. package/survey.analytics.tabulator.fontless.css +1121 -0
  189. package/survey.analytics.tabulator.fontless.css.map +1 -0
  190. package/survey.analytics.tabulator.fontless.min.css +6 -0
  191. package/survey.analytics.tabulator.js +2608 -235
  192. package/survey.analytics.tabulator.js.map +1 -1
  193. package/survey.analytics.tabulator.min.css +3 -2
  194. package/survey.analytics.tabulator.min.js +1 -1
  195. package/survey.analytics.tabulator.min.js.LICENSE.txt +1 -1
  196. package/themes/default-dark.js +1032 -0
  197. package/themes/default-dark.js.map +1 -0
  198. package/themes/default-dark.min.js +2 -0
  199. package/themes/default-dark.min.js.LICENSE.txt +5 -0
  200. package/themes/default-light.js +1032 -0
  201. package/themes/default-light.js.map +1 -0
  202. package/themes/default-light.min.js +2 -0
  203. package/themes/default-light.min.js.LICENSE.txt +5 -0
  204. package/themes/index.js +2063 -0
  205. package/themes/index.js.map +1 -0
  206. package/themes/index.min.js +2 -0
  207. package/themes/index.min.js.LICENSE.txt +5 -0
  208. package/themes/themes/default-dark.d.ts +965 -0
  209. package/themes/themes/default-light.d.ts +965 -0
  210. package/themes/themes/index.d.ts +1934 -0
  211. package/themes/utils/helpers.d.ts +8 -0
  212. package/survey-analytics.types/plotly/setup.d.ts +0 -32
  213. /package/{survey-analytics.types/entries/summary.d.ts → survey-analytics-plotly.types/entries/plotly.fontless.d.ts} +0 -0
  214. /package/{survey-analytics.types → survey-analytics-plotly.types}/plotly/index.d.ts +0 -0
  215. /package/{survey-analytics.types → survey-analytics-plotly.types}/plotly/legacy.d.ts +0 -0
package/survey.analytics.fontless.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"survey.analytics.fontless.css","mappings":";;;;;;;;AAGA;EACE;EACA;EACA;AAFF;AAIE;EALF;IAMI;EADF;AACF;;AAOA;ECaE;EACA;EACA;EACA;ADhBF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;ECGE;EACA;EACA;EACA;EDJA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;EACE;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;IACE;EAEF;EAAA;IACE;EAEF;AACF;;;;AElEE;EACE;EACA;EACA;EACA;EACA;AAFJ;AAII;EACE;AAFN;AAKI;EACE;AAHN;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AASE;EACE;EACA;EACA;AAPJ;AAUE;EACE;EACA;AARJ;AAUE;EACE;EACA;AARJ;AAWE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATJ;AAYE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDnCF;EACA;EACA;EACA;AC0BF;AAUI;EACE;AARN;AAYE;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVJ;AAYI;EAZF;;IAaI;EARJ;AACF;AASI;EAfF;;IAgBI;EALJ;AACF;AAMI;EAlBF;;IAmBI;EAFJ;AACF;AAGI;EArBF;;IAsBI;EACJ;AACF;AAII;EAFF;;IAGI;EAAJ;AACF;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;AADJ;AAIE;EAGE;EACA;AAJJ;AAOE;;EAEE;AALJ;AAQE;EACE;AANJ;AAQI;EACE;EACA;AANN;AAUE;EACE;EACA;AARJ;AAWE;EACE;AATJ;;;;ACnIA;EACE;EACA;AADF;AAGE;EAJF;IAKI;IACA;EAAF;AACF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;AAFF;AAIE;EACE;EACA;AAFJ;AAII;EACE;EACA;AAFN;AAME;EACE;EACA;AAJJ;AAMI;EACE;EACA;AAJN;;AASA;EACE;EACA;AANF;AAQE;EACE;EACA;AANJ;AAQI;EACE;AANN;AAUE;EACE;EACA;AARJ;AAUI;EACE;AARN;;AAcA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZF;;AAeA;EACE;EACA;AAZF;;AAeA;EACE;EACA;EF/DA;EACA;EACA;EACA;AEoDF;AAYE;EANF;IAOI;EATF;AACF;;;;ACvFA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;;AAKA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EACE;EACA;EACA;EACA;AAFJ;;AAOA;EACE;EACA;AAJF;AAME;EACE;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;AALF;;AAQA;EACE;EHpEA;EACA;EACA;EACA;AGgEF;;AAMA;EACE;AAHF;AAKE;EACE;AAHJ;AAOE;EACE;AALJ;;AAUA;EACE;EACA;EACA;AAPF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AASA;EACE;EACA;EHzGA;EACA;EACA;EACA;AGoGF;;AAOA;EACE;EACA;EACA;EACA;EACA;AAJF;;AAOA;EACE;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EH5IA;EACA;EACA;EACA;AGyIF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EACE;EACA;EACA;EACA;EACA;EACA;AAFJ;;AAKA;EACE;IACE;EAFF;AACF;AAKA;EACE;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;EACA;EAEA;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;EH5LA;EACA;EACA;EACA;AGwLF;;;;AC3NA;EACE;EACA;EACA;EACA;EACA;ACHF;ADIE;EANF;IAOI;ECDF;AACF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;ADCE;EATF;IAUI;IACA;ECEF;AACF;ADAE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACEJ;ADAI;EAfF;IAgBI;IACA;ECGJ;AACF;;ADEA;;EAEE;EACA;EACA;EACA;EJpBA;EACA;EACA;EACA;AKsBF;;ADAA;EACE;EACA;EACA;ACGF;;ADAA;;EAEE;EACA;ACGF;;ADAA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;ACEF;ADAE;EACE;EACA;EACA;EACA;ACEJ;;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;ACCJ;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;ACAF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EJ/GA;EACA;EACA;EACA;AKgHF;;ADCA;;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;ACHF;ADKI;EA9BJ;;IA+BM;IACA;ECDJ;AACF;ADGI;;EACE;EACA;EACA;ACAN;ADGI;;EACE;EACA;EACA;EACA;ACAN;ADGI;;EACE;ACAN;ADGI;;EACE;EACA;ACAN;;ADIA;EACE;EACA;ACDF;;ADKA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;ACHF;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EJrNA;EACA;EACA;EACA;AKmNF;ADGE;;EACE;ACAJ;ADEI;;EACE;EACA;EACA;ACCN;ADEI;;EACE;EACA;EACA;ACCN;;ADIA;;;;EAIE;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EAEA;EACA;EACA;ACHF;ADKE;EACE;EACA;EACA;ACHJ;ADME;EACE;ACJJ;;ADQA;EACE;EACA;EJ3QA;EACA;EACA;EACA;AKuQF;;ADMA;EACE;EACA;EACA;EJ1RA;EACA;EACA;EACA;AKwRF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EJtTA;EACA;EACA;EACA;AKsTF;;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;EACA;EACA;ACCJ;;ADGA;EACE;ACAF;;ADGA;EACE;EACA;EACA;EACA;ACAF;;ADGA;EACE;EACA;EACA;EACA;EACA;ACAF;ADEE;EACE;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EJvYA;EACA;EACA;EACA;AKsYF;ADEE;EACE;ACAJ;;ADIA;EACE;IACE;IACA;ECDF;EDIA;IACE;ECFF;EDKA;IACE;IACA;ECHF;AACF;AA1bA;EACE;EACA;EACA;AA4bF;;AAzbA;EACE;EACA;EACA;EACA;AA4bF;;AAzbA;EACE;EACA;EACA;EACA;EACA;AA4bF;AA1bE;EACE;EACA;EACA;EAEA;AA2bJ;;AAvbA;EACE;EACA;EACA;EACA;AA0bF;;AAvbA;EACE;AA0bF;;AAvbA;EACE;AA0bF;;AAvbA;EACE;AA0bF;AAxbE;EAHF;IAII;EA2bF;AACF;;AAxbA;EACE;EACA;EACA;EACA;AA2bF;;AAxbA;EACE;AA2bF;;AAxbA;EACE;EACA;AA2bF;AA1bE;EAHF;IAII;EA6bF;AACF;;AA1bA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AA4bF;;AAzbA;EACE;EACA;AA4bF;AA1bE;EAJF;IAKI;EA6bF;AACF;;AA1bA;EACE;EACA;EACA;EACA;EACA;AA6bF;AA3bE;EAPF;IAQI;EA8bF;AACF;AA7bE;EAVF;IAWI;IACA;IACA;EAgcF;AACF;;AA7bA;EACE;AAgcF;;AA7bA;EACE;EACA;EACA;ELpFA;EACA;EACA;EACA;AKqhBF;AAjcE;EANF;IAOI;EAocF;AACF;;AAjcA;EACE;AAocF;;AAjcA;EACE;EACA;EACA;EACA;EACA;AAocF;AAlcE;EAPF;IAQI;EAqcF;AACF;;AAlcA;EACE;EACA;EACA;EACA;AAqcF;AAncE;EACE;EACA;EACA;EACA;EACA;AAqcJ;AAlcE;EACE;AAocJ;;AAhcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAmcF;AAjcE;EACE;EACA;AAmcJ;AAhcE;EACE;AAkcJ;AA/bE;EACE;EACA;AAicJ;AA/bI;EACE;AAicN;AA7bE;EACE;EACA;EACA;AA+bJ;;AA3bA;EACE;AA8bF;AA5bE;EAHF;IAII;EA+bF;AACF;;AA3bA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA8bF;;AA3bA;EACE;IACE;EA8bF;AACF;AA3bA;EACE;AA6bF;;AA1bA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA6bF;;AA1bA;EACE;AA6bF;;AA1bA;EACE;AA6bF;;AA1bA;EACE;EACA;EACA;AA6bF;;AA1bA;;EAEE;EACA;EACA;AA6bF;AA3bE;;EACE;AA8bJ;;AA1bA;EACE;EACA;EACA;ELxOA;EACA;EACA;EACA;AKsqBF;;AA5bA;EACE;EACA;EACA;EACA;EACA;AA+bF;AA7bE;EACE;AA+bJ;;AA3bA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA8bF;AA7bE;EACE,gDC9QQ;AD6sBZ;AA5bI;EACE,qCCjRY;AD+sBlB;AA3bE;EACE;EACA;AA6bJ;;AAzbA;EACE;AA4bF;;AAxbA;EACE;EACA;EACA;EACA;AA2bF;AAzbE;EACE;EACA;EACA;EACA;AA2bJ;AAxbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2CClUiB;EDmUjB,0CC1TW;ED2TX,YCzTkB;ED0TlB;EACA;AA0bJ;AAxbI;EACE;AA0bN;AAvbI;EACE;EACA;AAybN;AAtbI;EACE,qCCxVW;ADgxBjB;AApbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAsbJ;;AAjbA;EACE;EACA;EACA;EACA;AAobF;AAlbE;EACE;EACA;EACA;EACA;AAobJ;AAjbE;EACE;EACA;EACA;EACA;AAmbJ;AAjbI;EACE;EACA;AAmbN;AA/aE;EACE;AAibJ;;AA7aA;EACE;EACA;ELtXA;EACA;EACA;EACA;AKuyBF;;AA/aA;AACA;EACE;EACA;EACA;EACA,4IACE;EAGF;AA+aF;AA7aA;AACA;EACE;EACA;EACA;EACA,0IACE;EAGF;AA4aF;AAzaA;AACA;EACE;EACA;EACA;EACA,kJACE;EAGF;AAwaF;AAtaA;AACA;EACE;EACA;EACA;EACA,gJACE;EAGF;AAqaF;;;;AEr2BA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EPmBE;EACA;EACA;EACA;EOpBA;EACA,iCDDW;ECEX;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EPOE;EACA;EACA;EACA;EORA;EACA;EACA;AAIF;;AADA;EACE;AAIF;;AADA;EACE;EPEA;EACA;EACA;EACA;AOGF;;;;ACvCA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;EACA;ERQA;EACA;EACA;EACA;AQTF;;AAGA;EACE;AAAF;;AAEA;EACE;AACF;;AAGE;;EAEE;AAAJ;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;ERdA;EACA;EACA;EACA;AQcF;;AAEA;EACE;AACF;;AAEA;EACE;AACF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;EACA;EACA;AACF;;;;AC5EA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHF;;AAMA;EACE;ETSA;EACA;EACA;EACA;ASXF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;ETjCA;EACA;EACA;EACA;ASiCF;;AAEA;EACE;EACA;ETxCA;EACA;EACA;EACA;AS0CF;;;;AClDA;EACE;EACA;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHF;;AAOA;EACE;EVlBA;EACA;EACA;EACA;AUeF","sources":["webpack://SurveyAnalyticsCore/./src/visualizerBase.scss","webpack://SurveyAnalyticsCore/./src/typography-mixins.scss","webpack://SurveyAnalytics/./src/apexcharts/styles.scss","webpack://SurveyAnalyticsCore/./src/utils/toggle.scss","webpack://SurveyAnalyticsCore/./src/utils/dateRangeWidget.scss","webpack://SurveyAnalyticsCore/./src/utils/utils.scss","webpack://SurveyAnalyticsCore/./src/visualizationPanel.scss","webpack://SurveyAnalyticsCore/./src/_globals.scss","webpack://SurveyAnalyticsCore/./src/text.scss","webpack://SurveyAnalyticsCore/./src/statistics-table.scss","webpack://SurveyAnalyticsCore/./src/nps.scss","webpack://SurveyAnalyticsCore/./src/card.scss"],"sourcesContent":["@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-visualizer-wrapper {\n min-width: 450px;\n padding: var(--sjs2-spacing-x300, 24px);\n background: var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));\n\n @media screen and (max-width: 600px) {\n padding: var(--sjs2-spacing-x150, 12px);\n }\n}\n\n.sa-visualizer__toolbar {\n}\n\n.sa-visualizer__header {\n @include sjs2--typography--default;\n}\n\n.sa-visualizer__content {\n font-family: var(--sjs2-typography-font-family-text);\n display: inline-block;\n width: 100%;\n}\n\n.sa-visualizer__footer--has-content {\n margin-top: 10px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.sa-visualizer__footer-title {\n @include sjs2--typography--default-strong;\n display: inline-block;\n color: #404040;\n line-height: 34px;\n vertical-align: middle;\n margin: 0;\n}\n\n.sa-visualizer__footer-content {\n margin-top: 10px;\n}\n\n.sa-data-loading-indicator-panel {\n width: 100%;\n min-height: 200px;\n position: relative;\n}\n\n.sa-data-loading-indicator {\n position: absolute;\n width: 64px;\n height: 64px;\n left: calc((100% - 64px) / 2);\n top: calc((100% - 64px) / 2);\n animation: sa-data-loading-indicator-spinner 1s infinite linear;\n}\n\n@keyframes sa-data-loading-indicator-spinner {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n","@mixin sjs2--typography--large {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-large);\n line-height: var(--sjs2-typography-line-height-large);\n}\n\n@mixin sjs2--typography--large-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-large);\n line-height: var(--sjs2-typography-line-height-large);\n}\n\n@mixin sjs2--typography--medium {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-medium);\n line-height: var(--sjs2-typography-line-height-medium);\n}\n\n@mixin sjs2--typography--medium-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-medium);\n line-height: var(--sjs2-typography-line-height-medium);\n}\n\n@mixin sjs2--typography--default {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-default);\n line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--default-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-default);\n line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--default-code {\n font-family: var(--sjs2-typography-font-family-code);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-default);\n line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--small {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-small);\n line-height: var(--sjs2-typography-line-height-small);\n}\n\n@mixin sjs2--typography--small-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-small);\n line-height: var(--sjs2-typography-line-height-small);\n}\n","@use \"../typography-mixins.scss\" as *;\n\n.sa-visualizer {\n .apexcharts-tooltip.apexcharts-tooltip {\n padding: var(--sjs2-spacing-x075, 6px) var(--sjs2-spacing-x150, 12px);\n border-radius: var(--sjs2-radius-container-tooltip, 4px);\n border-color: var(--sjs2-color-bg-neutral-primary, #1C1B20);\n background: var(--sjs2-color-bg-neutral-primary, #1C1B20);\n color: var(--sjs2-color-fg-neutral-on-primary, #FFF);\n\n .apexcharts-tooltip-title {\n display: none;\n }\n\n .apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {\n margin: 0;\n }\n }\n\n .apexcharts-xaxistooltip.apexcharts-xaxistooltip {\n display: none;\n }\n\n .apexcharts-tooltip-series-group.apexcharts-active {\n padding: 0;\n }\n\n .apexcharts-tooltip-y-group.apexcharts-tooltip-y-group {\n display: flex;\n flex-direction: column;\n padding: 0;\n }\n\n .apexcharts-toolbar div svg {\n fill: var(--sjs2-color-fg-brand-primary, #19B394);\n opacity: var(--sjs2-opacity-x035, 0.35);\n }\n .apexcharts-toolbar div:hover svg {\n fill: var(--sjs2-color-fg-brand-primary, #19B394);\n opacity: 1;\n }\n\n .apexcharts-menu.apexcharts-menu-open {\n border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n border-top: none;\n border-radius: var(--sjs2-radius-container-drop, 16px);\n background: var(--sjs2-color-utility-sheet, #FFF);\n margin-top: 8px;\n padding: var(--sjs2-layout-container-drop-vertical, 8px) var(--sjs2-layout-container-drop-horizontal, 8px);\n box-shadow: var(--sjs2-shadow-size-large-offset-x, 0) var(--sjs2-shadow-size-large-offset-y, 6px) var(--sjs2-shadow-size-large-blur, 12px) var(--sjs2-shadow-size-large-spread, 4px) var(--sjs2-shadow-color-large, rgba(0, 76, 68, 0.10));\n }\n\n .apexcharts-menu-item.apexcharts-menu-item {\n width: max-content;\n min-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));\n max-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));\n padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);\n cursor: pointer;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n gap: var(--sjs2-spacing-x150, 12px);\n border-radius: var(--sjs2-radius-control-drop-item, 8px);\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n\n @include sjs2--typography--default;\n\n &:hover {\n background-color: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1));\n }\n }\n\n .apx-legend-position-top.apx-legend-position-top,\n .apx-legend-position-bottom.apx-legend-position-bottom {\n display: grid;\n grid-template-columns: repeat(8, 1fr);\n border-radius: var(--sjs2-radius-x050, 4px);\n border: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n background: var(--sjs2-color-bg-basic-primary, #FFF);\n padding: var(--sjs2-spacing-x250, 20px);\n align-items: flex-start;\n gap: var(--sjs2-spacing-x150, 12px);\n align-self: stretch;\n\n @media screen and (max-width: 1500px) {\n grid-template-columns: repeat(6, 1fr);\n }\n @media screen and (max-width: 1200px) {\n grid-template-columns: repeat(4, 1fr);\n }\n @media screen and (max-width: 900px) {\n grid-template-columns: repeat(2, 1fr);\n }\n @media screen and (max-width: 600px) {\n grid-template-columns: repeat(1, 1fr);\n }\n }\n\n .sa-question-layouted .apx-legend-position-top.apx-legend-position-top,\n .sa-question-layouted .apx-legend-position-bottom.apx-legend-position-bottom {\n @media screen and (min-width: 900px) {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n .apexcharts-legend.apexcharts-legend {\n max-height: 100%;\n border-radius: var(--sjs2-radius-x250, 20px);\n border: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);\n background: var(--sjs2-color-bg-basic-primary, #fff);\n padding: var(--sjs2-spacing-x250, 20px);\n gap: var(--sjs2-spacing-x150, 12px);\n }\n\n .apexcharts-legend:not(.apx-legend-position-left):not(.apx-legend-position-top):not(.apx-legend-position-right):not(\n .apx-legend-position-bottom\n ) {\n padding: 0;\n border: unset;\n }\n\n .apexcharts-legend.apx-legend-position-right,\n .apexcharts-legend.apx-legend-position-left {\n bottom: auto;\n }\n\n .apexcharts-legend-series.apexcharts-legend-series {\n gap: var(--sjs2-spacing-x100, 8px);\n\n .apexcharts-legend-text {\n padding: 0;\n margin: 0;\n }\n }\n\n .sa-pie-charts {\n display: flex;\n flex-wrap: wrap;\n }\n\n .sa-pie-chart {\n width: 50%;\n }\n}","@use \"../typography-mixins.scss\" as *;\n\n.sa-toggle-container {\n display: flex;\n gap: var(--sjs2-spacing-x100, 8px);\n\n @media screen and (max-width: 600px) {\n width: 100%;\n justify-content: end;\n }\n}\n\n.sa-toggle-element {\n display: flex;\n padding: var(--sjs2-spacing-x075, 6px);\n width: calc(2 * var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px));\n align-items: center;\n gap: var(--sjs2-spacing-x050, 4px);\n transition: background-color 0.3s ease;\n\n border-radius: var(--sjs2-radius-control-toggle, 9999px);\n outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-default-border, #D4D4D4);\n background: var(--sjs2-color-control-toggle-false-default-bg, rgba(28, 27, 32, 0.05));\n\n /* sjs2/shadow/inner */\n box-shadow: var(--sjs2-shadow-size-inner-offset-x, 0) var(--sjs2-shadow-size-inner-offset-y, 0) var(--sjs2-shadow-size-inner-blur, 0) var(--sjs2-shadow-size-inner-spread, 1px) var(--sjs2-shadow-color-inner, #D4D4D4) inset;\n\n &:hover {\n outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-hovered-border, #D4D4D4);\n background: var(--sjs2-color-control-toggle-false-hovered-bg, rgba(28, 27, 32, 0.10));\n\n .sa-toggle-handle { \n outline: var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.60));\n background: var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.60));\n }\n }\n\n &:focus {\n outline: var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-false-focused-border, #19B394);\n background: var(--sjs2-color-control-toggle-false-focused-bg, #F5F5F5);\n\n .sa-toggle-handle { \n outline: var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.60));\n background: var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.60));\n }\n }\n}\n\n.sa-toggle-element.active {\n outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-default-border, #19B394);\n background: var(--sjs2-color-control-toggle-true-default-bg, #19B394);\n\n &:hover {\n outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-hovered-border, #19B394);\n background: var(--sjs2-color-control-toggle-true-hovered-bg, #15987E);\n\n .sa-toggle-handle {\n background: var(--sjs2-color-control-toggle-true-hovered-icon, #FFF);\n }\n }\n\n &:focus {\n outline: var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-true-focused-border, #19B394);\n background: var(--sjs2-color-control-toggle-true-focused-bg, #FFF);\n\n .sa-toggle-handle { \n background: var(--sjs2-color-control-toggle-true-focused-icon, #19B394);\n }\n \n }\n}\n\n.sa-toggle-handle {\n display: flex;\n width: var(--sjs2-size-x150, 12px);\n height: var(--sjs2-size-x150, 12px);\n justify-content: center;\n align-items: center;\n transition: transform 0.3s ease, background-color 0.3s ease;\n\n border-radius: var(--sjs2-radius-control-toggle-item, 9999px);\n outline: var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.60));\n background: var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.60));\n}\n\n.sa-toggle-element.active .sa-toggle-handle {\n background: var(--sjs2-color-control-toggle-true-default-icon, #FFF);\n transform: translateX(calc(var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px)));\n}\n\n.sa-toggle-text {\n flex: 1 0 0;\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n @include sjs2--typography--default;\n\n @media screen and (max-width: 600px) {\n flex: unset;\n }\n}\n","@use \"../typography-mixins.scss\" as *;\n\n.sa-date-range {\n display: flex;\n align-items: center;\n align-self: stretch;\n align-content: center;\n gap: 16px var(--sjs2-spacing-x200, 16px);\n flex-wrap: wrap;\n}\n\n.sa-date-range-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n max-width: min-content;\n}\n\n.sa-date-range_editors {\n display: flex;\n align-items: center;\n gap: var(--sjs2-spacing-x150, 12px);\n}\n\n.sa-date-range_editor {\n display: flex;\n}\n\n.sa-date-range_editor-formbox {\n display: flex;\n padding: var(--sjs2-layout-control-formbox-small-vertical, 4px) var(--sjs2-layout-control-formbox-small-horizontal, 4px);\n align-items: flex-start;\n gap: var(--sjs2-layout-control-formbox-small-gap, 4px);\n align-self: stretch;\n border-radius: var(--sjs2-radius-semantic-form, 8px);\n background: var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));\n outline: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-formbox-default-border, #D4D4D4) inset;\n\n &:focus-visible {\n background: var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;\n }\n}\n\n.sa-date-range_include-today {\n display: flex;\n padding: var(--sjs2-spacing-x100, 8px) 0;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.sa-date-range_include-today-checkbox {\n display: flex;\n align-items: flex-start;\n gap: var(--sjs2-spacing-x100, 8px);\n align-self: stretch;\n}\n\n.sa-date-range_include-today-button {\n display: flex;\n width: var(--sjs2-size-x300, 24px);\n height: var(--sjs2-size-x300, 24px);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-false-default-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset;\n\n .sa-date-range_include-today-check {\n display: none;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n }\n}\n\n\n.sa-date-range_include-today-checkbox--checked {\n background: var(--sjs2-color-control-check-true-default-bg, #19B394);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset;\n \n .sa-date-range_include-today-check {\n display: block;\n fill: var(--sjs2-color-control-check-true-default-icon, #FFF);\n }\n}\n\n.sa-date-range_include-today-caption {\n display: flex;\n align-items: flex-start;\n gap: var(--sjs2-spacing-x050, 4px);\n align-self: stretch;\n}\n\n.sa-date-range_include-today-caption-text {\n color: var(--sjs2-color-fg-basic-primary, #1c1b20);\n\n @include sjs2--typography--default;\n}\n\n.sa-date-range_dropdown {\n align-self: self-start;\n\n .sa-dropdown-header-content {\n padding: var(--sjs2-layout-control-input-small-content-vertical, 4px)\n var(--sjs2-layout-control-input-small-content-horizontal, 8px);\n }\n\n .sa-dropdown-action {\n padding: var(--sjs2-layout-control-action-x-small-box-vertical, 4px)\n var(--sjs2-layout-control-action-x-small-box-horizontal, 4px);\n }\n}\n\n.sa-range-error {\n display: none;\n align-items: flex-start;\n align-self: stretch;\n}\n\n.sa-range-error_panel {\n display: flex;\n padding: var(--sjs2-layout-control-message-small-vertical, 8px) var(--sjs2-layout-control-message-small-horizontal, 12px);\n align-items: flex-start;\n gap: var(--sjs2-layout-control-message-small-gap, 8px);\n flex: 1 0 0;\n align-self: stretch;\n border-radius: var(--sjs2-radius-semantic-form, 8px);\n background: var(--sjs2-color-control-message-error-bg, rgba(229, 10, 62, 0.10));\n}\n.sa-range-error_text {\n flex: 1 0 0;\n color: var(--sjs2-color-control-message-error-text, #1C1B20);\n\n @include sjs2--typography--default;\n}\n\n.sa-date-range--invalid .sa-range-error {\n display: flex;\n padding-top: var(--sjs2-layout-control-message-small-spacer, 8px);\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n}\n\n.sa-date-range_editor--invalid .sa-date-range_editor-formbox {\n background: var(--sjs2-color-control-formbox-invalid-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-invalid, 0) var(--sjs2-border-offset-y-form-invalid, 0) var(--sjs2-border-blur-form-invalid, 0) var(--sjs2-border-spread-form-invalid, 2px) var(--sjs2-color-control-formbox-invalid-border, #E50A3E) inset; \n}\n\n.sa-date-range_editor-content {\n display: flex;\n padding: var(--sjs2-layout-control-input-small-content-vertical, 4px) var(--sjs2-layout-control-input-small-content-horizontal, 8px);\n align-items: flex-start;\n flex: 1 0 0;\n}\n\n.sa-date-range_editor-input {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n flex: 1 0 0;\n overflow: hidden;\n color: var(--sjs2-color-control-input-default-value, #1C1B20);\n text-overflow: ellipsis;\n background: transparent;\n border: none;\n outline: none;\n\n @include sjs2--typography--default;\n}\n\n.sa-vertical-divider {\n display: flex;\n width: 1px;\n height: 40px;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n\n .sa-line {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1 0 0;\n align-self: stretch;\n background: var(--sjs2-color-border-basic-secondary, #D4D4D4);\n }\n}\n@media screen and (max-width: 600px) {\n .sa-vertical-divider {\n display: none;\n }\n}\n\n.sa-horizontal-divider {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n\n .sa-line {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n\n height: var(--sjs2-border-width-static-x100, 1px);\n background: var(--sjs2-color-border-basic-secondary, #D4D4D4);\n }\n}\n\n.sa-count {\n display: flex;\n padding: var(--sjs2-spacing-x100, 8px) 0;\n justify-content: center;\n align-items: center;\n align-self: self-start;\n gap: 10px;\n}\n\n.sa-count_text {\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n @include sjs2--typography--default-strong;\n}\n","@use \"../globals\" as *;\n@forward \"../globals\";\n@use \"../typography-mixins.scss\" as *;\n\n.sa-commercial {\n box-sizing: border-box;\n padding: var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);\n justify-content: center;\n width: 100%;\n background: var(--sjs2-color-bg-brand-primary, #19B394);\n @media screen and (max-width: 600px) {\n padding: var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px);\n }\n}\n.sa-commercial__text {\n text-decoration: none;\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n text-align: center;\n font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n font-size: var(--sjs2-font-size-semantic-default, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs2-line-height-semantic-default, 24px);\n @media screen and (max-width: 600px) {\n font-size: var(--sjs2-font-size-semantic-small, 12px);\n line-height: var(--sjs2-line-height-semantic-small, 16px);\n }\n\n a {\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n text-align: center;\n font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n font-size: var(--sjs2-font-size-semantic-default, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs2-line-height-semantic-default, 24px);\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: auto;\n text-decoration-thickness: 5%;\n text-underline-offset: 10%;\n text-underline-position: from-font;\n\n @media screen and (max-width: 600px) {\n font-size: var(--sjs2-font-size-semantic-small, 12px);\n line-height: var(--sjs2-line-height-semantic-small, 16px);\n }\n }\n}\n\n// Dropdown\n.sa-dropdown,\n.sa-action-dropdown {\n position: relative;\n cursor: pointer;\n user-select: none;\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n @include sjs2--typography--default-strong;\n}\n\n.sa-dropdown {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n}\n\n.sa-action-dropdown:hover,\n.sa-action-dropdown.sa-action-dropdown--opened {\n border-radius: var(--sjs2-radius-control-action, 8px);\n background: var(--sjs2-color-bg-positive-tertiary-dim, rgba(25, 179, 148, 0.10));\n}\n\n.sa-dropdown-header {\n display: flex;\n padding: var(--sjs2-layout-control-formbox-medium-vertical, 4px) var(--sjs2-layout-control-formbox-medium-horizontal, 4px);\n flex-grow: 1;\n align-items: flex-start;\n gap: var(--sjs2-layout-control-formbox-medium-gap, 4px);\n align-self: stretch;\n\n border-radius: var(--sjs2-radius-semantic-form, 8px);\n margin: var(--sjs2-border-width-x100, 1px);\n outline: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-control-formbox-default-border, #D4D4D4);\n background: var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));\n\n &:focus {\n border-radius: var(--sjs2-radius-semantic-form, 8px);\n background: var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;\n outline: none;\n }\n}\n\n.sa-dropdown-action {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--sjs2-radius-semantic-form-item, 4px);\n background: var(--sjs2-color-bg-neutral-tertiary, rgba(28, 27, 32, 0.00));\n}\n\n.sa-dropdown-action:hover {\n background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n}\n\n.sa-dropdown--opened .sa-dropdown-arrow {\n background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n}\n\n.sa-dropdown-action svg {\n display: flex;\n width: var(--sjs2-size-icon-medium, 24px);\n height: var(--sjs2-size-icon-medium, 24px);\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--sjs2-color-fg-basic-primary-alt, rgba(66, 65, 70, 1));\n }\n}\n\n.sa-dropdown-container {\n display: inline-flex;\n flex-grow: 1;\n}\n\n.sa-action-dropdown-container {\n display: inline-flex;\n}\n\n.sa-dropdown__title {\n padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x000, 0.001px) var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x150, 12px);\n display: flex;\n flex-shrink: 0;\n margin-inline-end: var(--sjs2-spacing-static-x100, 8px);\n overflow: hidden;\n color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.60));\n text-overflow: ellipsis;\n\n @include sjs2--typography--default;\n}\n\n.sa-dropdown-list,\n.sa-action-dropdown-list {\n position: absolute;\n // top: 100%;\n // left: 0;\n // right: 0;\n min-width: 150px;\n max-height: 50vh;\n max-width: 80vw;\n overflow-x: hidden;\n overflow-y: auto;\n border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n border-top: none;\n border-radius: var(--sjs2-radius-container-drop, 16px);\n background: var(--sjs2-color-utility-sheet, #FFF);\n display: none;\n z-index: 1000;\n margin: 0;\n list-style: none;\n transition: all 0.3s;\n margin-top: 8px;\n padding: var(--sjs2-layout-container-drop-vertical, 8px) var(--sjs2-layout-container-drop-horizontal, 8px);\n box-sizing: border-box;\n\n /* sjs2/shadow/large */\n box-shadow: var(--sjs2-shadow-size-large-offset-x, 0) var(--sjs2-shadow-size-large-offset-y, 6px) var(--sjs2-shadow-size-large-blur, 12px) var(--sjs2-shadow-size-large-spread, 4px) var(--sjs2-shadow-color-large, rgba(0, 76, 68, 0.10));\n\n -webkit-font-smoothing: antialiased;\n -webkit-tap-highlight-color: transparent;\n\n @-moz-document url-prefix() {\n scrollbar-width: thin;\n scrollbar-color: #00000026 transparent;\n }\n\n &::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 1024px;\n background-color: #00000026;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: #00000026;\n }\n}\n\n.sa-dropdown-list.sa-dropdown--opened {\n display: block;\n top: 100%;\n}\n\n\n.sa-action-dropdown-list.sa-action-dropdown--opened {\n display: block;\n top: 100%;\n border-radius: var(--sjs2-radius-container-drop, 16px);\n border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n background: var(--sjs2-color-utility-sheet, #FFF);\n \n /* sjs2/border-effect/floating/default */\n box-shadow: var(--sjs2-border-offset-x-floating-default, 0) var(--sjs2-border-offset-y-floating-default, 6px) var(--sjs2-border-blur-floating-default, 12px) var(--sjs2-border-spread-floating-default, 4px) var(--sjs2-color-utility-shadow-floating-default, rgba(0, 76, 68, 0.20));\n}\n\n.sa-action-dropdown-list.sa-action-dropdown--up.sa-action-dropdown--opened {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: 8px;\n border-top: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);\n border-bottom: none;\n}\n\n.sa-dropdown-item,\n.sa-action-dropdown-item {\n width: max-content;\n min-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));\n max-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));\n padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);\n cursor: pointer;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n gap: var(--sjs2-spacing-x150, 12px);\n border-radius: var(--sjs2-radius-control-drop-item, 8px);\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n\n @include sjs2--typography--default;\n\n &:hover {\n background-color: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n\n .sa-action-dropdown-icon {\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-false-hovered-bg, rgba(28, 27, 32, 0.10));\n box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-false-hovered-border, #D4D4D4) inset;\n }\n\n &.sa-action-dropdown-item--selected .sa-action-dropdown-icon {\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-true-hovered-bg, #15987E);\n box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-true-hovered-border, #15987E) inset;\n }\n }\n}\n\n.sa-action-dropdown-item:focus,\n.sa-action-dropdown-item--focused,\n.sa-dropdown-item:focus,\n.sa-dropdown-item--focused {\n border-radius: var(--sjs2-radius-control-drop-item, 8px);\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n}\n\n.sa-action-dropdown-item--selected .sa-action-dropdown-icon {\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-true-default-bg, #19B394);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset;\n\n svg {\n display: block;\n }\n}\n\n.sa-action-dropdown-icon {\n width: var(--sjs2-size-icon-medium, 24px);\n height: var(--sjs2-size-icon-medium, 24px);\n min-width: var(--sjs2-size-icon-medium, 24px);\n\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-false-default-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset;\n\n svg {\n display: none;\n width: var(--sjs2-size-icon-medium, 24px);\n height: var(--sjs2-size-icon-medium, 24px);\n }\n\n use {\n fill: var(--sjs2-color-control-check-true-default-icon, #FFF);\n }\n}\n\n.sa-dropdown-item.sa-dropdown-item--selected {\n background-color: var(--sjs2-color-bg-brand-primary, #19B394);\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n\n @include sjs2--typography--default-strong;\n}\n\n.sa-dropdown-placeholder {\n overflow: hidden;\n color: var(--sjs2-color-control-input-default-placeholder, rgba(28, 27, 32, 0.60));\n text-overflow: ellipsis;\n\n @include sjs2--typography--default;\n}\n\n.sa-dropdown-icon {\n width: var(--sa-icon-size);\n height: var(--sa-icon-size);\n flex-shrink: 0;\n}\n\n.sa-dropdown-header-icon {\n width: var(--sa-icon-size);\n height: var(--sa-icon-size);\n margin-right: 8px;\n}\n\n.sa-dropdown-header-content {\n display: flex;\n padding: var(--sjs2-layout-control-input-medium-content-vertical, 8px) var(--sjs2-layout-control-input-medium-content-horizontal, 12px);\n align-items: flex-start;\n flex: 1 0 0;\n}\n\n.sa-dropdown-header-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--sjs2-color-control-input-default-value, #1C1B20);\n\n @include sjs2--typography--default;\n}\n\n.sa-action-dropdown-header {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n border-radius: var(--sjs2-radius-control-action, 8px);\n background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n\n &:focus-visible {\n border-radius: var(--sjs2-radius-control-action, 8px);\n outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n }\n}\n\n.sa-action-dropdown-title {\n padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);\n}\n\n.sa-action-dropdown-arrow {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-addon-vertical, 4px) var(--sjs2-layout-control-action-small-addon-horizontal, 4px);\n justify-content: center;\n align-items: center;\n}\n\n.sa-action-dropdown-arrow svg {\n display: flex;\n width: 16px;\n height: 16px;\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--sjs2-color-project-accent-600, rgba(25, 179, 148, 1));\n }\n}\n\n.sa-action-dropdown-header {\n display: flex;\n min-width: var(--sjs2-size-semantic-small, 40px);\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n}\n\n.sa-button {\n outline: none;\n user-select: none;\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n min-width: var(--sjs2-size-semantic-small, 40px);\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n}\n\n.sa-button-text {\n display: flex;\n flex: 1 0 auto;\n padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);\n justify-content: center;\n align-items: center;\n}\n\n.sa-button-brand-secondary {\n border-radius: var(--sjs2-radius-control-button, 8px);\n background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.10));\n color: var(--sjs2-color-fg-brand-primary, #19B394);\n\n &:hover {\n background: var(--sjs2-color-bg-brand-secondary-dim, rgba(25, 179, 148, 0.15));\n }\n}\n\n.sa-button-brand-tertiary {\n border-radius: 8px;\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n color: var(--sjs2-color-fg-brand-primary, #19B394);\n text-align: center;\n\n @include sjs2--typography--default-strong;\n\n &:hover {\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n }\n}\n\n@media screen and (max-width: 600px) {\n .sa-dropdown {\n width: 100%;\n flex-direction: column;\n }\n\n .sa-dropdown-container {\n width: 100%;\n }\n\n .sa-dropdown-list.sa-dropdown--opened {\n min-width: calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px) * 2);\n max-width: calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px) * 2);\n }\n}","@use \"globals\" as *;\n@use \"./utils/utils.scss\" as *;\n@use \"./typography-mixins.scss\" as *;\n\n.sa-panel__header {\n display: flex;\n flex-direction: column;\n gap: var(--sjs2-spacing-x200, 16px);\n}\n\n.sa-panel__header.sa-toolbar--has-content {\n padding: var(--sjs2-spacing-x200, 16px);\n border-radius: var(--sjs2-radius-container-panel, 16px);\n background: var(--sjs2-color-bg-basic-primary, #FFF);\n box-shadow: var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.10));\n}\n\n.sa-pivot--standalone {\n background: var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));\n display: flex;\n padding: var(--sjs2-spacing-x300, 24px);\n flex-direction: column;\n gap: var(--sjs2-spacing-x300, 24px);\n\n .sa-visualizer-wrapper {\n border-radius: var(--sjs2-radius-container-panel, 16px);\n background: var(--sjs2-color-bg-basic-primary, #FFF);\n box-shadow: var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.10));\n \n padding: var(--sjs2-spacing-x400, 32px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px);\n }\n}\n\n.sa-pivot__header{\n display: flex;\n flex-direction: column;\n gap: var(--sjs2-spacing-x200, 16px);\n padding-bottom: var(--sjs2-spacing-x200, 16px);\n}\n\n.sa-panel__header > .sa-toolbar {\n gap: var(--sjs2-spacing-x300, 24px);\n}\n\n.sa-panel__header .sa-dropdown {\n flex-grow: 0;\n}\n\n.sa-panel__content.muuri {\n margin-inline-start: calc(-1 * var(--sjs2-spacing-x300, 24px));\n\n @media screen and (max-width: 600px) {\n margin-inline-start: calc(-1 * var(--sjs2-spacing-x150, 12px));\n }\n}\n\n.sa-panel__content:not(.muuri) {\n display: flex;\n flex-direction: column;\n gap: var(--sjs2-spacing-x300, 24px);\n margin-top: var(--sjs2-spacing-x300, 24px);\n}\n\n.sa-grid {\n position: relative;\n}\n\n.sa-grid__grid-sizer {\n width: 100%;\n box-sizing: border-box;\n @media screen and (min-width: 1400px) {\n width: 50%;\n }\n}\n\n.sa-question {\n display: inline-block;\n width: 100%;\n vertical-align: top;\n box-sizing: border-box;\n overflow: hidden;\n\n border-radius: var(--sjs2-radius-container-panel, 16px);\n background: var(--sjs2-color-bg-basic-primary, #FFF);\n box-shadow: var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.10));\n}\n\n.sa-question .sa-question__content {\n position: relative;\n padding: 0 var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px);\n\n @media screen and (max-width: 600px) { \n padding: 0 var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px);\n }\n}\n\n.sa-question-layouted {\n overflow: visible;\n position: absolute;\n width: 100%;\n margin-inline-start: var(--sjs2-spacing-x300, 24px);\n margin-top: var(--sjs2-spacing-x300, 24px);\n\n @media screen and (min-width: 1400px) {\n width: calc(50% - var(--sjs2-spacing-x300, 24px) - 1px);\n }\n @media screen and (max-width: 600px) {\n margin-inline-start: var(--sjs2-spacing-x150, 12px);\n margin-top: var(--sjs2-spacing-x150, 12px);\n width: 100%;\n }\n}\n\n.sa-question-layouted:focus-within {\n z-index: 1;\n}\n\n.sa-question__title {\n margin: 0;\n padding-bottom: var(--sjs2-spacing-x200, 16px);\n color: var(--sjs2-color-fg-basic-primary, #1c1b20);\n @include sjs2--typography--default-strong;\n\n @media screen and (max-width: 600px) {\n padding-inline-end: 40px;\n }\n}\n\n.sa-question__header--draggable {\n cursor: move;\n}\n\n.sa-question__drag-area {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: var(--sjs2-spacing-x400, 32px);\n\n @media screen and (max-width: 600px) {\n min-height: 0;\n }\n}\n\n.sa-question__drag-area-icon {\n cursor: move;\n display: flex;\n padding: var(--sjs2-spacing-x100, 8px);\n align-items: center;\n\n svg {\n display: flex;\n width: var(--sjs2-size-x300, 24px);\n height: var(--sjs2-size-x200, 16px);\n flex-direction: column;\n align-items: center;\n }\n\n use {\n fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));\n }\n}\n\n.sa-question__hide-action {\n position: absolute;\n right: 8px;\n top: 8px;\n display: flex;\n padding: var(--ctr-actionbar-button-padding-top-large-icon, 8px) var(--ctr-actionbar-button-padding-right-large-icon, 8px) var(--ctr-actionbar-button-padding-bottom-large-icon, 8px) var(--ctr-actionbar-button-padding-left-large-icon, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-actionbar-button-gap, 8px);\n border-radius: var(--sjs2-radius-control-action-icon, 8px);\n cursor: pointer;\n\n svg {\n width: 24px;\n height: 24px;\n }\n\n use {\n fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));\n }\n\n &:hover {\n border-radius: var(--sjs2-radius-control-action-icon, 8px);\n background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n\n use {\n fill: var(--sjs2-color-fg-basic-primary-muted, rgba(66, 65, 70, 1));\n }\n }\n\n &:focus-visible {\n border-radius: var(--sjs2-radius-control-action-icon, 8px);\n outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n }\n}\n\n.sa-question__header:not(.sa-question__header--allow-drag) {\n padding-top: var(--sjs2-spacing-x400, 32px);\n\n @media screen and (max-width: 600px) {\n padding-top: var(--sjs2-spacing-x300, 24px);\n }\n}\n\n\n.sa-toolbar {\n display: flex;\n flex-wrap: wrap;\n column-gap: var(--sjs2-spacing-static-x100, 8px);\n row-gap: var(--sjs2-spacing-static-x150, 12px);\n align-items: center;\n align-self: stretch;\n user-select: none;\n}\n\n@media screen and (max-width: 600px) {\n .sa-toolbar {\n align-items: flex-start;\n }\n}\n\n.sa-question__content .sa-toolbar--has-content {\n padding-bottom: var(--sjs2-spacing-x200, 16px);\n}\n\n.sa-toolbar__button {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n border-radius: var(--sjs2-radius-control-action, 8px);\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));\n cursor: pointer;\n}\n\n.sa-toolbar__button:hover {\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1));\n}\n\n.sa-toolbar__button:disabled {\n opacity: var(--sjs2-opacity-disabled, 0.25);\n}\n\n.sa-toolbar__button:focus-visible {\n border-radius: var(--sjs2-radius-control-action, 8px);\n outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n}\n\n.sa-toolbar__button--disabled,\n.sa-toolbar__button--disabled:hover {\n opacity: var(--sjs2-opacity-disabled, 0.25);\n background: transparent;\n cursor: default;\n\n .sa-toolbar__button-text {\n color: var(--sjs2-color-fg-state-common-disabled, rgba(28, 27, 32, 0.4));\n }\n}\n\n.sa-toolbar__button-text {\n color: var(--sjs2-color-fg-brand-primary, #19b394);\n text-align: center;\n padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 8px);\n\n @include sjs2--typography--default-strong;\n}\n\n.sa-toolbar__button-icon {\n display: flex;\n width: var(--sjs2-size-x300, 24px);\n height: var(--sjs2-size-x300, 24px);\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--sjs2-color-project-accent-600, rgba(25, 179, 148, 1));\n }\n}\n\n.sa-toolbar__svg-button {\n width: 15px;\n height: 15px;\n padding: 0;\n border: none;\n outline: none;\n background-color: inherit;\n cursor: pointer;\n use {\n fill: $svg-color;\n }\n &:hover {\n use {\n fill: $svg-hover-color;\n }\n }\n svg {\n width: 15px;\n height: 15px;\n }\n}\n\n.sa-toolbar__button--right {\n float: right;\n}\n\n// custom select\n.sa-question__select-wrapper {\n position: relative;\n display: inline-block;\n min-width: 100px;\n max-width: 300px;\n\n .sa-question__select-title {\n white-space: nowrap;\n display: inline-block;\n line-height: 34px;\n padding-right: 8px;\n }\n\n .sa-question__select {\n width: 100%;\n display: block;\n position: relative;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n border-radius: 2px;\n background: $text-color-inverse;\n border-color: $border-color;\n height: $form-element-height;\n padding: 5px 23px 5px 15px;\n line-height: initial;\n\n &::-ms-expand {\n display: none;\n }\n\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n\n &:disabled {\n color: $disabled-color;\n }\n }\n\n &:before {\n margin-top: -4px;\n top: 50%;\n right: 10px;\n z-index: 1;\n content: \"\";\n position: absolute;\n width: 4px;\n height: 4px;\n border-right: 2px solid $text-color;\n border-bottom: 2px solid $text-color;\n transform: rotate(45deg);\n box-sizing: content-box;\n pointer-events: none;\n }\n}\n// EO custom select\n\n.sa-question__filter {\n display: flex;\n width: 100%;\n align-items: center;\n gap: var(--sjs2-spacing-x050, 4px);\n\n .sa-toolbar__button-with-icon {\n display: flex;\n padding: var(--sjs2-layout-control-action-x-small-box-vertical, 4px) var(--sjs2-layout-control-action-x-small-box-horizontal, 4px);\n justify-content: center;\n align-items: center;\n }\n\n .sa-toolbar__button-icon {\n width: var(--sjs2-size-icon-small, 16px);\n height: var(--sjs2-size-icon-small, 16px);\n padding: var(--sjs2-layout-control-action-x-small-icon-vertical, 4px) var(--sjs2-layout-control-action-x-small-icon-horizontal, 4px);\n gap: 0;\n\n svg {\n width: var(--sjs2-size-icon-small, 16px);\n height: var(--sjs2-size-icon-small, 16px);\n }\n }\n\n .sa-toolbar__button-text {\n display: none;\n }\n}\n\n.sa-question__filter-text {\n color: var(--sjs2-color-fg-basic-primary, #1c1b20);\n text-align: center;\n\n @include sjs2--typography--default;\n}\n\n/* latin-ext */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 400;\n src:\n local(\"Raleway\"),\n local(\"Raleway-Regular\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 400;\n src:\n local(\"Raleway\"),\n local(\"Raleway-Regular\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 700;\n src:\n local(\"Raleway Bold\"),\n local(\"Raleway-Bold\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 700;\n src:\n local(\"Raleway Bold\"),\n local(\"Raleway-Bold\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n","$main-color: var(--main-color, #1ab394);\n$auxiliary-color: var(--auxiliary-color, #ff9814);\n$auxiliary-color-1: var(--auxiliary-color-1, #666666);\n$auxiliary-color-2: var(--auxiliary-color-2, #1948b3);\n$danger-color: var(--danger-color, #d9534f);\n$disabled-color: var(--disabled-color, #b0b0b0);\n\n$blue-color: var(--blue-color, #394cff);\n$purple-color: var(--purple-color, #aa42d0);\n$green-color: var(--green-color, #41c02c);\n\n$text-color-inverse: var(--text-color-inverse, #fff);\n$text-color: var(--text-color, #404040);\n\n$content-max-width: 1170px;\n\n$background-color: var(--background-color, #f7f7f7);\n$background-color-dark: var(--background-color-dark, #eeeeee);\n$background-disabled-color: var(--background-disabled-color, #b7b7b7);\n\n$border-color: var(--border-color, #e7e7e7);\n\n$form-element-height: 34px;\n\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n","@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-text-table__container {\n width: 100%;\n min-height: 200px;\n max-height: 500px;\n overflow: auto;\n}\n\n.sa-text-table {\n @include sjs2--typography--default;\n width: 100%;\n color: $text-color;\n border-width: 1px;\n border-collapse: collapse;\n}\n\n.sa-text-table tr:first-child {\n border-top: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-text-table__cell {\n @include sjs2--typography--default;\n color: var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.90));\n padding: var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);\n border-bottom: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-text-table__cell--number {\n text-align: end;\n}\n\nth.sa-text-table__cell {\n color: var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.90));\n\n @include sjs2--typography--default-strong;\n}\n","@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-statistics-table__container {\n width: 100%;\n min-height: 200px;\n max-height: 500px;\n overflow: auto;\n}\n\n.sa-statistics-table {\n width: 100%;\n}\n\n.sa-statistics-table__cell {\n border-bottom: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-statistics-table__cell-text {\n color: var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.90));\n margin-left: calc(var(--dsb-table-row-gap, 32px) / 2);\n margin-right: calc(var(--dsb-table-row-gap, 32px) / 2);\n\n @include sjs2--typography--default;\n}\n\n.sa-statistics-table__cell:first-child .sa-statistics-table__cell-text {\n margin-inline-start: 0;\n}\n.sa-statistics-table__cell:last-child .sa-statistics-table__cell-text {\n margin-inline-end: 0;\n}\n\n.sa-statistics-table__cell-value.sa-statistics-table__cell-value {\n .sa-statistics-table__cell-text,\n .sa-statistics-table__cell-header-text {\n text-align: right;\n }\n}\n\n.sa-statistics-table__cell-header {\n border-top: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n border-bottom: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-statistics-table__cell-header-text {\n color: var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.90));\n padding: var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);\n margin-left: calc(var(--dsb-table-row-gap, 32px) / 2);\n margin-right: calc(var(--dsb-table-row-gap, 32px) / 2);\n text-align: left;\n \n @include sjs2--typography--default-strong;\n}\n\n.sa-statistics-table__cell-header:first-child .sa-statistics-table__cell-header-text {\n margin-inline-start: 0;\n}\n\n.sa-statistics-table__cell-header:last-child .sa-statistics-table__cell-header-text {\n margin-inline-end: 0;\n}\n\n\n.sa-choices-sparkline {\n display: flex;\n flex: 1 0 0;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--dsb-table-cell-padding-top-progressbar, 16px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom-progressbar, 16px) var(--dsb-table-cell-padding-left-no-border, 0px);\n margin-left: calc(var(--dsb-table-row-gap, 32px) / 2);\n margin-right: calc(var(--dsb-table-row-gap, 32px) / 2);\n}\n.sa-choices-sparkline-value {\n display: flex;\n align-items: flex-start;\n height: var(--dsb-table-cell-progressbar-height, 8px);\n border-radius: var(--dsb-table-cell-progressbar-corner-radius, 2px);\n background: var(--dsb-table-cell-progressbar-color, #19B394);\n}\n","@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-visualizer-nps {\n display: flex;\n align-items: flex-start;\n align-content: flex-start;\n gap: 16px var(--dsb-nps-vizualizer-gap, 16px);\n align-self: stretch;\n flex-wrap: wrap;\n}\n\n.sa-visualizer-nps__score-part {\n display: flex;\n min-width: var(--dsb-nps-vizualizer-item-min-width, 256px);\n padding: var(--dsb-nps-vizualizer-item-padding-top, 16px) var(--dsb-nps-vizualizer-item-padding-right, 24px) var(--dsb-nps-vizualizer-item-padding-bottom, 16px) var(--dsb-nps-vizualizer-item-padding-left, 24px);\n flex-direction: column;\n align-items: flex-start;\n gap: var(--dsb-nps-vizualizer-item-gap, 24px);\n flex: 1 0 0;\n\n border-radius: var(--dsb-nps-vizualizer-item-corner-radius, 8px);\n border: var(--dsb-nps-vizualizer-item-border-width, 1px) dashed var(--dsb-nps-vizualizer-item-border-color, #DCDCDC);\n background: var(--dsb-nps-vizualizer-item-background-color, #FFF);\n}\n\n.sa-visualizer-nps__score-part-title {\n color: var(--dsb-nps-vizualizer-item-title-color, rgba(0, 0, 0, 0.90));\n\n @include sjs2--typography--default-strong;\n}\n\n.sa-visualizer-nps__score-part-values {\n display: flex;\n align-items: flex-start;\n gap: var(--dsb-nps-vizualizer-item-text-gap, 24px);\n align-self: stretch;\n}\n\n.sa-visualizer-nps__score-part-value {\n flex: 1 0 0;\n color: var(--dsb-nps-vizualizer-item-text-color-value, rgba(0, 0, 0, 0.90));\n\n @include sjs2--typography--large-strong;\n}\n\n.sa-visualizer-nps__score-part-percent {\n color: var(--dsb-nps-vizualizer-item-text-color-percent, #19B394);\n text-align: right;\n\n @include sjs2--typography--large-strong;\n}","@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-visualizer-card {\n display: flex;\n padding-top: var(--sjs2-spacing-x300, 24px);\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n}\n\n.sa-visualizer-card-content {\n display: flex;\n min-width: var(--dsb-nps-vizualizer-item-min-width, 256px);\n padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);\n flex-direction: column;\n align-items: flex-start;\n gap: var(--sjs2-spacing-x300, 24px);\n\n border-radius: var(--dsb-nps-vizualizer-item-corner-radius, 8px);\n border: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\n background: var(--sjs2-color-bg-basic-primary, #FFF);\n\n}\n\n.sa-visualizer-card-value {\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n @include sjs2--typography--large-strong;\n}"],"names":[],"sourceRoot":""}
package/survey.analytics.fontless.min.css ADDED
@@ -0,0 +1,14 @@
1
+ /*!
2
+ * surveyjs - SurveyJS Dashboard library v3.0.0-beta.0
3
+ * Copyright (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
4
+ * License: SEE LICENSE IN LICENSE
5
+ */
6
+ .sa-visualizer-wrapper{min-width:450px;padding:var(--sjs2-spacing-x300, 24px);background:var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05))}@media screen and (max-width: 600px){.sa-visualizer-wrapper{padding:var(--sjs2-spacing-x150, 12px)}}.sa-visualizer__header{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-visualizer__content{font-family:var(--sjs2-typography-font-family-text);display:inline-block;width:100%}.sa-visualizer__footer--has-content{margin-top:10px;display:flex;flex-direction:column;gap:8px}.sa-visualizer__footer-title{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default);display:inline-block;color:#404040;line-height:34px;vertical-align:middle;margin:0}.sa-visualizer__footer-content{margin-top:10px}.sa-data-loading-indicator-panel{width:100%;min-height:200px;position:relative}.sa-data-loading-indicator{position:absolute;width:64px;height:64px;left:calc((100% - 64px)/2);top:calc((100% - 64px)/2);animation:sa-data-loading-indicator-spinner 1s infinite linear}@keyframes sa-data-loading-indicator-spinner{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}
7
+ .sa-visualizer .apexcharts-tooltip.apexcharts-tooltip{padding:var(--sjs2-spacing-x075, 6px) var(--sjs2-spacing-x150, 12px);border-radius:var(--sjs2-radius-container-tooltip, 4px);border-color:var(--sjs2-color-bg-neutral-primary, #1C1B20);background:var(--sjs2-color-bg-neutral-primary, #1C1B20);color:var(--sjs2-color-fg-neutral-on-primary, #FFF)}.sa-visualizer .apexcharts-tooltip.apexcharts-tooltip .apexcharts-tooltip-title{display:none}.sa-visualizer .apexcharts-tooltip.apexcharts-tooltip .apexcharts-tooltip-text-goals-value,.sa-visualizer .apexcharts-tooltip.apexcharts-tooltip .apexcharts-tooltip-text-y-value,.sa-visualizer .apexcharts-tooltip.apexcharts-tooltip .apexcharts-tooltip-text-z-value{margin:0}.sa-visualizer .apexcharts-xaxistooltip.apexcharts-xaxistooltip{display:none}.sa-visualizer .apexcharts-tooltip-series-group.apexcharts-active{padding:0}.sa-visualizer .apexcharts-tooltip-y-group.apexcharts-tooltip-y-group{display:flex;flex-direction:column;padding:0}.sa-visualizer .apexcharts-toolbar div svg{fill:var(--sjs2-color-fg-brand-primary, #19B394);opacity:var(--sjs2-opacity-x035, 0.35)}.sa-visualizer .apexcharts-toolbar div:hover svg{fill:var(--sjs2-color-fg-brand-primary, #19B394);opacity:1}.sa-visualizer .apexcharts-menu.apexcharts-menu-open{border:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);border-top:none;border-radius:var(--sjs2-radius-container-drop, 16px);background:var(--sjs2-color-utility-sheet, #FFF);margin-top:8px;padding:var(--sjs2-layout-container-drop-vertical, 8px) var(--sjs2-layout-container-drop-horizontal, 8px);box-shadow:var(--sjs2-shadow-size-large-offset-x, 0) var(--sjs2-shadow-size-large-offset-y, 6px) var(--sjs2-shadow-size-large-blur, 12px) var(--sjs2-shadow-size-large-spread, 4px) var(--sjs2-shadow-color-large, rgba(0, 76, 68, 0.1))}.sa-visualizer .apexcharts-menu-item.apexcharts-menu-item{width:max-content;min-width:calc(100% - 2*var(--sjs2-size-x200, 16px));max-width:calc(100% - 2*var(--sjs2-size-x200, 16px));padding:var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:var(--sjs2-spacing-x150, 12px);border-radius:var(--sjs2-radius-control-drop-item, 8px);color:var(--sjs2-color-fg-basic-primary, #1C1B20);background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-visualizer .apexcharts-menu-item.apexcharts-menu-item:hover{background-color:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-visualizer .apx-legend-position-top.apx-legend-position-top,.sa-visualizer .apx-legend-position-bottom.apx-legend-position-bottom{display:grid;grid-template-columns:repeat(8, 1fr);border-radius:var(--sjs2-radius-x050, 4px);border:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);background:var(--sjs2-color-bg-basic-primary, #FFF);padding:var(--sjs2-spacing-x250, 20px);align-items:flex-start;gap:var(--sjs2-spacing-x150, 12px);align-self:stretch}@media screen and (max-width: 1500px){.sa-visualizer .apx-legend-position-top.apx-legend-position-top,.sa-visualizer .apx-legend-position-bottom.apx-legend-position-bottom{grid-template-columns:repeat(6, 1fr)}}@media screen and (max-width: 1200px){.sa-visualizer .apx-legend-position-top.apx-legend-position-top,.sa-visualizer .apx-legend-position-bottom.apx-legend-position-bottom{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 900px){.sa-visualizer .apx-legend-position-top.apx-legend-position-top,.sa-visualizer .apx-legend-position-bottom.apx-legend-position-bottom{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 600px){.sa-visualizer .apx-legend-position-top.apx-legend-position-top,.sa-visualizer .apx-legend-position-bottom.apx-legend-position-bottom{grid-template-columns:repeat(1, 1fr)}}@media screen and (min-width: 900px){.sa-visualizer .sa-question-layouted .apx-legend-position-top.apx-legend-position-top,.sa-visualizer .sa-question-layouted .apx-legend-position-bottom.apx-legend-position-bottom{grid-template-columns:repeat(4, 1fr)}}.sa-visualizer .apexcharts-legend.apexcharts-legend{max-height:100%;border-radius:var(--sjs2-radius-x250, 20px);border:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);background:var(--sjs2-color-bg-basic-primary, #fff);padding:var(--sjs2-spacing-x250, 20px);gap:var(--sjs2-spacing-x150, 12px)}.sa-visualizer .apexcharts-legend:not(.apx-legend-position-left):not(.apx-legend-position-top):not(.apx-legend-position-right):not(.apx-legend-position-bottom){padding:0;border:unset}.sa-visualizer .apexcharts-legend.apx-legend-position-right,.sa-visualizer .apexcharts-legend.apx-legend-position-left{bottom:auto}.sa-visualizer .apexcharts-legend-series.apexcharts-legend-series{gap:var(--sjs2-spacing-x100, 8px)}.sa-visualizer .apexcharts-legend-series.apexcharts-legend-series .apexcharts-legend-text{padding:0;margin:0}.sa-visualizer .sa-pie-charts{display:flex;flex-wrap:wrap}.sa-visualizer .sa-pie-chart{width:50%}
8
+ .sa-toggle-container{display:flex;gap:var(--sjs2-spacing-x100, 8px)}@media screen and (max-width: 600px){.sa-toggle-container{width:100%;justify-content:end}}.sa-toggle-element{display:flex;padding:var(--sjs2-spacing-x075, 6px);width:calc(2*var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px));align-items:center;gap:var(--sjs2-spacing-x050, 4px);transition:background-color .3s ease;border-radius:var(--sjs2-radius-control-toggle, 9999px);outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-default-border, #D4D4D4);background:var(--sjs2-color-control-toggle-false-default-bg, rgba(28, 27, 32, 0.05));box-shadow:var(--sjs2-shadow-size-inner-offset-x, 0) var(--sjs2-shadow-size-inner-offset-y, 0) var(--sjs2-shadow-size-inner-blur, 0) var(--sjs2-shadow-size-inner-spread, 1px) var(--sjs2-shadow-color-inner, #D4D4D4) inset}.sa-toggle-element:hover{outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-hovered-border, #D4D4D4);background:var(--sjs2-color-control-toggle-false-hovered-bg, rgba(28, 27, 32, 0.1))}.sa-toggle-element:hover .sa-toggle-handle{outline:var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.6));background:var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.6))}.sa-toggle-element:focus{outline:var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-false-focused-border, #19B394);background:var(--sjs2-color-control-toggle-false-focused-bg, #F5F5F5)}.sa-toggle-element:focus .sa-toggle-handle{outline:var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.6));background:var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.6))}.sa-toggle-element.active{outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-default-border, #19B394);background:var(--sjs2-color-control-toggle-true-default-bg, #19B394)}.sa-toggle-element.active:hover{outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-hovered-border, #19B394);background:var(--sjs2-color-control-toggle-true-hovered-bg, #15987E)}.sa-toggle-element.active:hover .sa-toggle-handle{background:var(--sjs2-color-control-toggle-true-hovered-icon, #FFF)}.sa-toggle-element.active:focus{outline:var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-true-focused-border, #19B394);background:var(--sjs2-color-control-toggle-true-focused-bg, #FFF)}.sa-toggle-element.active:focus .sa-toggle-handle{background:var(--sjs2-color-control-toggle-true-focused-icon, #19B394)}.sa-toggle-handle{display:flex;width:var(--sjs2-size-x150, 12px);height:var(--sjs2-size-x150, 12px);justify-content:center;align-items:center;transition:transform .3s ease,background-color .3s ease;border-radius:var(--sjs2-radius-control-toggle-item, 9999px);outline:var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.6));background:var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.6))}.sa-toggle-element.active .sa-toggle-handle{background:var(--sjs2-color-control-toggle-true-default-icon, #FFF);transform:translateX(calc(var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px)))}.sa-toggle-text{flex:1 0 0;color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}@media screen and (max-width: 600px){.sa-toggle-text{flex:unset}}
9
+ .sa-date-range{display:flex;align-items:center;align-self:stretch;align-content:center;gap:16px var(--sjs2-spacing-x200, 16px);flex-wrap:wrap}.sa-date-range-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;max-width:min-content}.sa-date-range_editors{display:flex;align-items:center;gap:var(--sjs2-spacing-x150, 12px)}.sa-date-range_editor{display:flex}.sa-date-range_editor-formbox{display:flex;padding:var(--sjs2-layout-control-formbox-small-vertical, 4px) var(--sjs2-layout-control-formbox-small-horizontal, 4px);align-items:flex-start;gap:var(--sjs2-layout-control-formbox-small-gap, 4px);align-self:stretch;border-radius:var(--sjs2-radius-semantic-form, 8px);background:var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));outline:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-formbox-default-border, #D4D4D4) inset}.sa-date-range_editor-formbox:focus-visible{background:var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset}.sa-date-range_include-today{display:flex;padding:var(--sjs2-spacing-x100, 8px) 0;flex-direction:column;align-items:flex-start}.sa-date-range_include-today-checkbox{display:flex;align-items:flex-start;gap:var(--sjs2-spacing-x100, 8px);align-self:stretch}.sa-date-range_include-today-button{display:flex;width:var(--sjs2-size-x300, 24px);height:var(--sjs2-size-x300, 24px);flex-direction:column;justify-content:center;align-items:center;border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-false-default-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset}.sa-date-range_include-today-button .sa-date-range_include-today-check{display:none;width:16px;height:16px;flex-shrink:0}.sa-date-range_include-today-checkbox--checked{background:var(--sjs2-color-control-check-true-default-bg, #19B394);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset}.sa-date-range_include-today-checkbox--checked .sa-date-range_include-today-check{display:block;fill:var(--sjs2-color-control-check-true-default-icon, #FFF)}.sa-date-range_include-today-caption{display:flex;align-items:flex-start;gap:var(--sjs2-spacing-x050, 4px);align-self:stretch}.sa-date-range_include-today-caption-text{color:var(--sjs2-color-fg-basic-primary, #1c1b20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-date-range_dropdown{align-self:self-start}.sa-date-range_dropdown .sa-dropdown-header-content{padding:var(--sjs2-layout-control-input-small-content-vertical, 4px) var(--sjs2-layout-control-input-small-content-horizontal, 8px)}.sa-date-range_dropdown .sa-dropdown-action{padding:var(--sjs2-layout-control-action-x-small-box-vertical, 4px) var(--sjs2-layout-control-action-x-small-box-horizontal, 4px)}.sa-range-error{display:none;align-items:flex-start;align-self:stretch}.sa-range-error_panel{display:flex;padding:var(--sjs2-layout-control-message-small-vertical, 8px) var(--sjs2-layout-control-message-small-horizontal, 12px);align-items:flex-start;gap:var(--sjs2-layout-control-message-small-gap, 8px);flex:1 0 0;align-self:stretch;border-radius:var(--sjs2-radius-semantic-form, 8px);background:var(--sjs2-color-control-message-error-bg, rgba(229, 10, 62, 0.1))}.sa-range-error_text{flex:1 0 0;color:var(--sjs2-color-control-message-error-text, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-date-range--invalid .sa-range-error{display:flex;padding-top:var(--sjs2-layout-control-message-small-spacer, 8px);flex-direction:column;align-items:flex-start;align-self:stretch}.sa-date-range_editor--invalid .sa-date-range_editor-formbox{background:var(--sjs2-color-control-formbox-invalid-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-invalid, 0) var(--sjs2-border-offset-y-form-invalid, 0) var(--sjs2-border-blur-form-invalid, 0) var(--sjs2-border-spread-form-invalid, 2px) var(--sjs2-color-control-formbox-invalid-border, #E50A3E) inset}.sa-date-range_editor-content{display:flex;padding:var(--sjs2-layout-control-input-small-content-vertical, 4px) var(--sjs2-layout-control-input-small-content-horizontal, 8px);align-items:flex-start;flex:1 0 0}.sa-date-range_editor-input{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:var(--sjs2-color-control-input-default-value, #1C1B20);text-overflow:ellipsis;background:rgba(0,0,0,0);border:none;outline:none;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-vertical-divider{display:flex;width:1px;height:40px;flex-direction:column;align-items:flex-start;align-self:stretch}.sa-vertical-divider .sa-line{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;background:var(--sjs2-color-border-basic-secondary, #D4D4D4)}@media screen and (max-width: 600px){.sa-vertical-divider{display:none}}.sa-horizontal-divider{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.sa-horizontal-divider .sa-line{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;height:var(--sjs2-border-width-static-x100, 1px);background:var(--sjs2-color-border-basic-secondary, #D4D4D4)}.sa-count{display:flex;padding:var(--sjs2-spacing-x100, 8px) 0;justify-content:center;align-items:center;align-self:self-start;gap:10px}.sa-count_text{color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}
10
+ .sa-commercial{box-sizing:border-box;padding:var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);justify-content:center;width:100%;background:var(--sjs2-color-bg-brand-primary, #19B394)}@media screen and (max-width: 600px){.sa-commercial{padding:var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px)}}.sa-commercial__text{text-decoration:none;color:var(--sjs2-color-fg-static-main-primary, #FFF);text-align:center;font-family:var(--sjs2-font-family-semantic-default, "Segoe UI", SegoeUI, Arial, sans-serif);font-size:var(--sjs2-font-size-semantic-default, 16px);font-style:normal;font-weight:600;line-height:var(--sjs2-line-height-semantic-default, 24px)}@media screen and (max-width: 600px){.sa-commercial__text{font-size:var(--sjs2-font-size-semantic-small, 12px);line-height:var(--sjs2-line-height-semantic-small, 16px)}}.sa-commercial__text a{color:var(--sjs2-color-fg-static-main-primary, #FFF);text-align:center;font-family:var(--sjs2-font-family-semantic-default, "Segoe UI", SegoeUI, Arial, sans-serif);font-size:var(--sjs2-font-size-semantic-default, 16px);font-style:normal;font-weight:600;line-height:var(--sjs2-line-height-semantic-default, 24px);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:5%;text-underline-offset:10%;text-underline-position:from-font}@media screen and (max-width: 600px){.sa-commercial__text a{font-size:var(--sjs2-font-size-semantic-small, 12px);line-height:var(--sjs2-line-height-semantic-small, 16px)}}.sa-dropdown,.sa-action-dropdown{position:relative;cursor:pointer;user-select:none;color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown{display:flex;flex-grow:1;flex-direction:row}.sa-action-dropdown:hover,.sa-action-dropdown.sa-action-dropdown--opened{border-radius:var(--sjs2-radius-control-action, 8px);background:var(--sjs2-color-bg-positive-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-dropdown-header{display:flex;padding:var(--sjs2-layout-control-formbox-medium-vertical, 4px) var(--sjs2-layout-control-formbox-medium-horizontal, 4px);flex-grow:1;align-items:flex-start;gap:var(--sjs2-layout-control-formbox-medium-gap, 4px);align-self:stretch;border-radius:var(--sjs2-radius-semantic-form, 8px);margin:var(--sjs2-border-width-x100, 1px);outline:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-control-formbox-default-border, #D4D4D4);background:var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05))}.sa-dropdown-header:focus{border-radius:var(--sjs2-radius-semantic-form, 8px);background:var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;outline:none}.sa-dropdown-action{display:flex;padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;align-self:stretch;border-radius:var(--sjs2-radius-semantic-form-item, 4px);background:var(--sjs2-color-bg-neutral-tertiary, rgba(28, 27, 32, 0))}.sa-dropdown-action:hover{background:var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05))}.sa-dropdown--opened .sa-dropdown-arrow{background:var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05))}.sa-dropdown-action svg{display:flex;width:var(--sjs2-size-icon-medium, 24px);height:var(--sjs2-size-icon-medium, 24px);justify-content:center;align-items:center}.sa-dropdown-action svg use{fill:var(--sjs2-color-fg-basic-primary-alt, rgb(66, 65, 70))}.sa-dropdown-container{display:inline-flex;flex-grow:1}.sa-action-dropdown-container{display:inline-flex}.sa-dropdown__title{padding:var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x000, 0.001px) var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x150, 12px);display:flex;flex-shrink:0;margin-inline-end:var(--sjs2-spacing-static-x100, 8px);overflow:hidden;color:var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));text-overflow:ellipsis;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-list,.sa-action-dropdown-list{position:absolute;min-width:150px;max-height:50vh;max-width:80vw;overflow-x:hidden;overflow-y:auto;border:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);border-top:none;border-radius:var(--sjs2-radius-container-drop, 16px);background:var(--sjs2-color-utility-sheet, #FFF);display:none;z-index:1000;margin:0;list-style:none;transition:all .3s;margin-top:8px;padding:var(--sjs2-layout-container-drop-vertical, 8px) var(--sjs2-layout-container-drop-horizontal, 8px);box-sizing:border-box;box-shadow:var(--sjs2-shadow-size-large-offset-x, 0) var(--sjs2-shadow-size-large-offset-y, 6px) var(--sjs2-shadow-size-large-blur, 12px) var(--sjs2-shadow-size-large-spread, 4px) var(--sjs2-shadow-color-large, rgba(0, 76, 68, 0.1));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-moz-document url-prefix(){.sa-dropdown-list,.sa-action-dropdown-list{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1490196078) rgba(0,0,0,0)}}.sa-dropdown-list::-webkit-scrollbar,.sa-action-dropdown-list::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}.sa-dropdown-list::-webkit-scrollbar-thumb,.sa-action-dropdown-list::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:1024px;background-color:rgba(0,0,0,.1490196078)}.sa-dropdown-list::-webkit-scrollbar-track,.sa-action-dropdown-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sa-dropdown-list::-webkit-scrollbar-thumb:hover,.sa-action-dropdown-list::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.1490196078)}.sa-dropdown-list.sa-dropdown--opened{display:block;top:100%}.sa-action-dropdown-list.sa-action-dropdown--opened{display:block;top:100%;border-radius:var(--sjs2-radius-container-drop, 16px);border:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);background:var(--sjs2-color-utility-sheet, #FFF);box-shadow:var(--sjs2-border-offset-x-floating-default, 0) var(--sjs2-border-offset-y-floating-default, 6px) var(--sjs2-border-blur-floating-default, 12px) var(--sjs2-border-spread-floating-default, 4px) var(--sjs2-color-utility-shadow-floating-default, rgba(0, 76, 68, 0.2))}.sa-action-dropdown-list.sa-action-dropdown--up.sa-action-dropdown--opened{top:auto;bottom:100%;margin-top:0;margin-bottom:8px;border-top:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);border-bottom:none}.sa-dropdown-item,.sa-action-dropdown-item{width:max-content;min-width:calc(100% - 2*var(--sjs2-size-x200, 16px));max-width:calc(100% - 2*var(--sjs2-size-x200, 16px));padding:var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:var(--sjs2-spacing-x150, 12px);border-radius:var(--sjs2-radius-control-drop-item, 8px);color:var(--sjs2-color-fg-basic-primary, #1C1B20);background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-item:hover,.sa-action-dropdown-item:hover{background-color:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-dropdown-item:hover .sa-action-dropdown-icon,.sa-action-dropdown-item:hover .sa-action-dropdown-icon{border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-false-hovered-bg, rgba(28, 27, 32, 0.1));box-shadow:var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-false-hovered-border, #D4D4D4) inset}.sa-dropdown-item:hover.sa-action-dropdown-item--selected .sa-action-dropdown-icon,.sa-action-dropdown-item:hover.sa-action-dropdown-item--selected .sa-action-dropdown-icon{border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-true-hovered-bg, #15987E);box-shadow:var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-true-hovered-border, #15987E) inset}.sa-action-dropdown-item:focus,.sa-action-dropdown-item--focused,.sa-dropdown-item:focus,.sa-dropdown-item--focused{border-radius:var(--sjs2-radius-control-drop-item, 8px);background:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-action-dropdown-item--selected .sa-action-dropdown-icon{border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-true-default-bg, #19B394);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset}.sa-action-dropdown-item--selected .sa-action-dropdown-icon svg{display:block}.sa-action-dropdown-icon{width:var(--sjs2-size-icon-medium, 24px);height:var(--sjs2-size-icon-medium, 24px);min-width:var(--sjs2-size-icon-medium, 24px);border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-false-default-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset}.sa-action-dropdown-icon svg{display:none;width:var(--sjs2-size-icon-medium, 24px);height:var(--sjs2-size-icon-medium, 24px)}.sa-action-dropdown-icon use{fill:var(--sjs2-color-control-check-true-default-icon, #FFF)}.sa-dropdown-item.sa-dropdown-item--selected{background-color:var(--sjs2-color-bg-brand-primary, #19B394);color:var(--sjs2-color-fg-static-main-primary, #FFF);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-placeholder{overflow:hidden;color:var(--sjs2-color-control-input-default-placeholder, rgba(28, 27, 32, 0.6));text-overflow:ellipsis;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-icon{width:var(--sa-icon-size);height:var(--sa-icon-size);flex-shrink:0}.sa-dropdown-header-icon{width:var(--sa-icon-size);height:var(--sa-icon-size);margin-right:8px}.sa-dropdown-header-content{display:flex;padding:var(--sjs2-layout-control-input-medium-content-vertical, 8px) var(--sjs2-layout-control-input-medium-content-horizontal, 12px);align-items:flex-start;flex:1 0 0}.sa-dropdown-header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sjs2-color-control-input-default-value, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-action-dropdown-header{display:flex;padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0);border-radius:var(--sjs2-radius-control-action, 8px);background:var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0))}.sa-action-dropdown-header:focus-visible{border-radius:var(--sjs2-radius-control-action, 8px);outline:var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.6));background:var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0))}.sa-action-dropdown-title{padding:var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px)}.sa-action-dropdown-arrow{display:flex;padding:var(--sjs2-layout-control-action-small-addon-vertical, 4px) var(--sjs2-layout-control-action-small-addon-horizontal, 4px);justify-content:center;align-items:center}.sa-action-dropdown-arrow svg{display:flex;width:16px;height:16px;justify-content:center;align-items:center}.sa-action-dropdown-arrow svg use{fill:var(--sjs2-color-project-accent-600, rgb(25, 179, 148))}.sa-action-dropdown-header{display:flex;min-width:var(--sjs2-size-semantic-small, 40px);padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0)}.sa-button{outline:none;user-select:none;cursor:pointer;display:flex;flex-shrink:0;min-width:var(--sjs2-size-semantic-small, 40px);padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0)}.sa-button-text{display:flex;flex:1 0 auto;padding:var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);justify-content:center;align-items:center}.sa-button-brand-secondary{border-radius:var(--sjs2-radius-control-button, 8px);background:var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));color:var(--sjs2-color-fg-brand-primary, #19B394)}.sa-button-brand-secondary:hover{background:var(--sjs2-color-bg-brand-secondary-dim, rgba(25, 179, 148, 0.15))}.sa-button-brand-tertiary{border-radius:8px;background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));color:var(--sjs2-color-fg-brand-primary, #19B394);text-align:center;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-button-brand-tertiary:hover{background:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}@media screen and (max-width: 600px){.sa-dropdown{width:100%;flex-direction:column}.sa-dropdown-container{width:100%}.sa-dropdown-list.sa-dropdown--opened{min-width:calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px)*2);max-width:calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px)*2)}}.sa-panel__header{display:flex;flex-direction:column;gap:var(--sjs2-spacing-x200, 16px)}.sa-panel__header.sa-toolbar--has-content{padding:var(--sjs2-spacing-x200, 16px);border-radius:var(--sjs2-radius-container-panel, 16px);background:var(--sjs2-color-bg-basic-primary, #FFF);box-shadow:var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.1))}.sa-pivot--standalone{background:var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));display:flex;padding:var(--sjs2-spacing-x300, 24px);flex-direction:column;gap:var(--sjs2-spacing-x300, 24px)}.sa-pivot--standalone .sa-visualizer-wrapper{border-radius:var(--sjs2-radius-container-panel, 16px);background:var(--sjs2-color-bg-basic-primary, #FFF);box-shadow:var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.1));padding:var(--sjs2-spacing-x400, 32px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px)}.sa-pivot__header{display:flex;flex-direction:column;gap:var(--sjs2-spacing-x200, 16px);padding-bottom:var(--sjs2-spacing-x200, 16px)}.sa-panel__header>.sa-toolbar{gap:var(--sjs2-spacing-x300, 24px)}.sa-panel__header .sa-dropdown{flex-grow:0}.sa-panel__content.muuri{margin-inline-start:calc(-1*var(--sjs2-spacing-x300, 24px))}@media screen and (max-width: 600px){.sa-panel__content.muuri{margin-inline-start:calc(-1*var(--sjs2-spacing-x150, 12px))}}.sa-panel__content:not(.muuri){display:flex;flex-direction:column;gap:var(--sjs2-spacing-x300, 24px);margin-top:var(--sjs2-spacing-x300, 24px)}.sa-grid{position:relative}.sa-grid__grid-sizer{width:100%;box-sizing:border-box}@media screen and (min-width: 1400px){.sa-grid__grid-sizer{width:50%}}.sa-question{display:inline-block;width:100%;vertical-align:top;box-sizing:border-box;overflow:hidden;border-radius:var(--sjs2-radius-container-panel, 16px);background:var(--sjs2-color-bg-basic-primary, #FFF);box-shadow:var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.1))}.sa-question .sa-question__content{position:relative;padding:0 var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px)}@media screen and (max-width: 600px){.sa-question .sa-question__content{padding:0 var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px)}}.sa-question-layouted{overflow:visible;position:absolute;width:100%;margin-inline-start:var(--sjs2-spacing-x300, 24px);margin-top:var(--sjs2-spacing-x300, 24px)}@media screen and (min-width: 1400px){.sa-question-layouted{width:calc(50% - var(--sjs2-spacing-x300, 24px) - 1px)}}@media screen and (max-width: 600px){.sa-question-layouted{margin-inline-start:var(--sjs2-spacing-x150, 12px);margin-top:var(--sjs2-spacing-x150, 12px);width:100%}}.sa-question-layouted:focus-within{z-index:1}.sa-question__title{margin:0;padding-bottom:var(--sjs2-spacing-x200, 16px);color:var(--sjs2-color-fg-basic-primary, #1c1b20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}@media screen and (max-width: 600px){.sa-question__title{padding-inline-end:40px}}.sa-question__header--draggable{cursor:move}.sa-question__drag-area{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--sjs2-spacing-x400, 32px)}@media screen and (max-width: 600px){.sa-question__drag-area{min-height:0}}.sa-question__drag-area-icon{cursor:move;display:flex;padding:var(--sjs2-spacing-x100, 8px);align-items:center}.sa-question__drag-area-icon svg{display:flex;width:var(--sjs2-size-x300, 24px);height:var(--sjs2-size-x200, 16px);flex-direction:column;align-items:center}.sa-question__drag-area-icon use{fill:var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4))}.sa-question__hide-action{position:absolute;right:8px;top:8px;display:flex;padding:var(--ctr-actionbar-button-padding-top-large-icon, 8px) var(--ctr-actionbar-button-padding-right-large-icon, 8px) var(--ctr-actionbar-button-padding-bottom-large-icon, 8px) var(--ctr-actionbar-button-padding-left-large-icon, 8px);justify-content:center;align-items:center;gap:var(--ctr-actionbar-button-gap, 8px);border-radius:var(--sjs2-radius-control-action-icon, 8px);cursor:pointer}.sa-question__hide-action svg{width:24px;height:24px}.sa-question__hide-action use{fill:var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4))}.sa-question__hide-action:hover{border-radius:var(--sjs2-radius-control-action-icon, 8px);background:var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05))}.sa-question__hide-action:hover use{fill:var(--sjs2-color-fg-basic-primary-muted, rgb(66, 65, 70))}.sa-question__hide-action:focus-visible{border-radius:var(--sjs2-radius-control-action-icon, 8px);outline:var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.6));background:var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0))}.sa-question__header:not(.sa-question__header--allow-drag){padding-top:var(--sjs2-spacing-x400, 32px)}@media screen and (max-width: 600px){.sa-question__header:not(.sa-question__header--allow-drag){padding-top:var(--sjs2-spacing-x300, 24px)}}.sa-toolbar{display:flex;flex-wrap:wrap;column-gap:var(--sjs2-spacing-static-x100, 8px);row-gap:var(--sjs2-spacing-static-x150, 12px);align-items:center;align-self:stretch;user-select:none}@media screen and (max-width: 600px){.sa-toolbar{align-items:flex-start}}.sa-question__content .sa-toolbar--has-content{padding-bottom:var(--sjs2-spacing-x200, 16px)}.sa-toolbar__button{display:flex;padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0);border-radius:var(--sjs2-radius-control-action, 8px);background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));cursor:pointer}.sa-toolbar__button:hover{background:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-toolbar__button:disabled{opacity:var(--sjs2-opacity-disabled, 0.25)}.sa-toolbar__button:focus-visible{border-radius:var(--sjs2-radius-control-action, 8px);outline:var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.6));background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0))}.sa-toolbar__button--disabled,.sa-toolbar__button--disabled:hover{opacity:var(--sjs2-opacity-disabled, 0.25);background:rgba(0,0,0,0);cursor:default}.sa-toolbar__button--disabled .sa-toolbar__button-text,.sa-toolbar__button--disabled:hover .sa-toolbar__button-text{color:var(--sjs2-color-fg-state-common-disabled, rgba(28, 27, 32, 0.4))}.sa-toolbar__button-text{color:var(--sjs2-color-fg-brand-primary, #19b394);text-align:center;padding:var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 8px);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-toolbar__button-icon{display:flex;width:var(--sjs2-size-x300, 24px);height:var(--sjs2-size-x300, 24px);justify-content:center;align-items:center}.sa-toolbar__button-icon use{fill:var(--sjs2-color-project-accent-600, rgb(25, 179, 148))}.sa-toolbar__svg-button{width:15px;height:15px;padding:0;border:none;outline:none;background-color:inherit;cursor:pointer}.sa-toolbar__svg-button use{fill:var(--svg-color, rgba(159, 159, 159, 0.4))}.sa-toolbar__svg-button:hover use{fill:var(--svg-hover-color, #9f9f9f)}.sa-toolbar__svg-button svg{width:15px;height:15px}.sa-toolbar__button--right{float:right}.sa-question__select-wrapper{position:relative;display:inline-block;min-width:100px;max-width:300px}.sa-question__select-wrapper .sa-question__select-title{white-space:nowrap;display:inline-block;line-height:34px;padding-right:8px}.sa-question__select-wrapper .sa-question__select{width:100%;display:block;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:2px;background:var(--text-color-inverse, #fff);border-color:var(--border-color, #e7e7e7);height:34px;padding:5px 23px 5px 15px;line-height:initial}.sa-question__select-wrapper .sa-question__select::-ms-expand{display:none}.sa-question__select-wrapper .sa-question__select:focus{outline:0;box-shadow:none}.sa-question__select-wrapper .sa-question__select:disabled{color:var(--disabled-color, #b0b0b0)}.sa-question__select-wrapper:before{margin-top:-4px;top:50%;right:10px;z-index:1;content:"";position:absolute;width:4px;height:4px;border-right:2px solid var(--text-color, #404040);border-bottom:2px solid var(--text-color, #404040);transform:rotate(45deg);box-sizing:content-box;pointer-events:none}.sa-question__filter{display:flex;width:100%;align-items:center;gap:var(--sjs2-spacing-x050, 4px)}.sa-question__filter .sa-toolbar__button-with-icon{display:flex;padding:var(--sjs2-layout-control-action-x-small-box-vertical, 4px) var(--sjs2-layout-control-action-x-small-box-horizontal, 4px);justify-content:center;align-items:center}.sa-question__filter .sa-toolbar__button-icon{width:var(--sjs2-size-icon-small, 16px);height:var(--sjs2-size-icon-small, 16px);padding:var(--sjs2-layout-control-action-x-small-icon-vertical, 4px) var(--sjs2-layout-control-action-x-small-icon-horizontal, 4px);gap:0}.sa-question__filter .sa-toolbar__button-icon svg{width:var(--sjs2-size-icon-small, 16px);height:var(--sjs2-size-icon-small, 16px)}.sa-question__filter .sa-toolbar__button-text{display:none}.sa-question__filter-text{color:var(--sjs2-color-fg-basic-primary, #1c1b20);text-align:center;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}@font-face{font-family:"Raleway";font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Raleway";font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Raleway";font-style:normal;font-weight:700;src:local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Raleway";font-style:normal;font-weight:700;src:local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
11
+ .sa-text-table__container{width:100%;min-height:200px;max-height:500px;overflow:auto}.sa-text-table{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default);width:100%;color:var(--text-color, #404040);border-width:1px;border-collapse:collapse}.sa-text-table tr:first-child{border-top:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-text-table__cell{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default);color:var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.9));padding:var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);border-bottom:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-text-table__cell--number{text-align:end}th.sa-text-table__cell{color:var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.9));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}
12
+ .sa-statistics-table__container{width:100%;min-height:200px;max-height:500px;overflow:auto}.sa-statistics-table{width:100%}.sa-statistics-table__cell{border-bottom:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-statistics-table__cell-text{color:var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.9));margin-left:calc(var(--dsb-table-row-gap, 32px)/2);margin-right:calc(var(--dsb-table-row-gap, 32px)/2);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-statistics-table__cell:first-child .sa-statistics-table__cell-text{margin-inline-start:0}.sa-statistics-table__cell:last-child .sa-statistics-table__cell-text{margin-inline-end:0}.sa-statistics-table__cell-value.sa-statistics-table__cell-value .sa-statistics-table__cell-text,.sa-statistics-table__cell-value.sa-statistics-table__cell-value .sa-statistics-table__cell-header-text{text-align:right}.sa-statistics-table__cell-header{border-top:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);border-bottom:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-statistics-table__cell-header-text{color:var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.9));padding:var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);margin-left:calc(var(--dsb-table-row-gap, 32px)/2);margin-right:calc(var(--dsb-table-row-gap, 32px)/2);text-align:left;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-statistics-table__cell-header:first-child .sa-statistics-table__cell-header-text{margin-inline-start:0}.sa-statistics-table__cell-header:last-child .sa-statistics-table__cell-header-text{margin-inline-end:0}.sa-choices-sparkline{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;padding:var(--dsb-table-cell-padding-top-progressbar, 16px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom-progressbar, 16px) var(--dsb-table-cell-padding-left-no-border, 0px);margin-left:calc(var(--dsb-table-row-gap, 32px)/2);margin-right:calc(var(--dsb-table-row-gap, 32px)/2)}.sa-choices-sparkline-value{display:flex;align-items:flex-start;height:var(--dsb-table-cell-progressbar-height, 8px);border-radius:var(--dsb-table-cell-progressbar-corner-radius, 2px);background:var(--dsb-table-cell-progressbar-color, #19B394)}
13
+ .sa-visualizer-nps{display:flex;align-items:flex-start;align-content:flex-start;gap:16px var(--dsb-nps-vizualizer-gap, 16px);align-self:stretch;flex-wrap:wrap}.sa-visualizer-nps__score-part{display:flex;min-width:var(--dsb-nps-vizualizer-item-min-width, 256px);padding:var(--dsb-nps-vizualizer-item-padding-top, 16px) var(--dsb-nps-vizualizer-item-padding-right, 24px) var(--dsb-nps-vizualizer-item-padding-bottom, 16px) var(--dsb-nps-vizualizer-item-padding-left, 24px);flex-direction:column;align-items:flex-start;gap:var(--dsb-nps-vizualizer-item-gap, 24px);flex:1 0 0;border-radius:var(--dsb-nps-vizualizer-item-corner-radius, 8px);border:var(--dsb-nps-vizualizer-item-border-width, 1px) dashed var(--dsb-nps-vizualizer-item-border-color, #DCDCDC);background:var(--dsb-nps-vizualizer-item-background-color, #FFF)}.sa-visualizer-nps__score-part-title{color:var(--dsb-nps-vizualizer-item-title-color, rgba(0, 0, 0, 0.9));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-visualizer-nps__score-part-values{display:flex;align-items:flex-start;gap:var(--dsb-nps-vizualizer-item-text-gap, 24px);align-self:stretch}.sa-visualizer-nps__score-part-value{flex:1 0 0;color:var(--dsb-nps-vizualizer-item-text-color-value, rgba(0, 0, 0, 0.9));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-large);line-height:var(--sjs2-typography-line-height-large)}.sa-visualizer-nps__score-part-percent{color:var(--dsb-nps-vizualizer-item-text-color-percent, #19B394);text-align:right;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-large);line-height:var(--sjs2-typography-line-height-large)}
14
+ .sa-visualizer-card{display:flex;padding-top:var(--sjs2-spacing-x300, 24px);flex-direction:column;align-items:flex-start;align-self:stretch}.sa-visualizer-card-content{display:flex;min-width:var(--dsb-nps-vizualizer-item-min-width, 256px);padding:var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);flex-direction:column;align-items:flex-start;gap:var(--sjs2-spacing-x300, 24px);border-radius:var(--dsb-nps-vizualizer-item-corner-radius, 8px);border:var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);background:var(--sjs2-color-bg-basic-primary, #FFF)}.sa-visualizer-card-value{color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-large);line-height:var(--sjs2-typography-line-height-large)}