survey-core 1.9.105 → 1.9.106

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 (163) hide show
  1. package/defaultV2.css +317 -77
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.fontless.css +317 -77
  4. package/defaultV2.fontless.css.map +1 -1
  5. package/defaultV2.fontless.min.css +2 -2
  6. package/defaultV2.min.css +2 -2
  7. package/modern.css +8 -1
  8. package/modern.css.map +1 -1
  9. package/modern.fontless.css +8 -1
  10. package/modern.fontless.css.map +1 -1
  11. package/modern.fontless.min.css +2 -2
  12. package/modern.min.css +2 -2
  13. package/package.json +1 -1
  14. package/plugins/bootstrap-integration.js +1 -1
  15. package/plugins/bootstrap-integration.min.js +1 -1
  16. package/plugins/bootstrap-material-integration.js +1 -1
  17. package/plugins/bootstrap-material-integration.min.js +1 -1
  18. package/survey.core.js +673 -278
  19. package/survey.core.js.map +1 -1
  20. package/survey.core.min.js +3 -3
  21. package/survey.css +1 -1
  22. package/survey.css.map +1 -1
  23. package/survey.i18n.js +3 -3
  24. package/survey.i18n.js.map +1 -1
  25. package/survey.i18n.min.js +2 -2
  26. package/survey.min.css +1 -1
  27. package/themes/borderless-dark-panelless.js +1 -1
  28. package/themes/borderless-dark-panelless.min.js +1 -1
  29. package/themes/borderless-dark.js +1 -1
  30. package/themes/borderless-dark.min.js +1 -1
  31. package/themes/borderless-light-panelless..js +1 -1
  32. package/themes/borderless-light-panelless..min.js +1 -1
  33. package/themes/borderless-light.js +1 -1
  34. package/themes/borderless-light.min.js +1 -1
  35. package/themes/contrast-dark-panelless.js +1 -1
  36. package/themes/contrast-dark-panelless.min.js +1 -1
  37. package/themes/contrast-dark.js +1 -1
  38. package/themes/contrast-dark.min.js +1 -1
  39. package/themes/contrast-light-panelless.js +1 -1
  40. package/themes/contrast-light-panelless.min.js +1 -1
  41. package/themes/contrast-light.js +1 -1
  42. package/themes/contrast-light.min.js +1 -1
  43. package/themes/default-dark-panelless.js +1 -1
  44. package/themes/default-dark-panelless.min.js +1 -1
  45. package/themes/default-dark.js +1 -1
  46. package/themes/default-dark.min.js +1 -1
  47. package/themes/default-light-panelless.js +1 -1
  48. package/themes/default-light-panelless.min.js +1 -1
  49. package/themes/default-light.js +1 -1
  50. package/themes/default-light.min.js +1 -1
  51. package/themes/doubleborder-dark-panelless.js +1 -1
  52. package/themes/doubleborder-dark-panelless.min.js +1 -1
  53. package/themes/doubleborder-dark.js +1 -1
  54. package/themes/doubleborder-dark.min.js +1 -1
  55. package/themes/doubleborder-light-panelles.js +1 -1
  56. package/themes/doubleborder-light-panelles.min.js +1 -1
  57. package/themes/doubleborder-light.js +1 -1
  58. package/themes/doubleborder-light.min.js +1 -1
  59. package/themes/flat-dark-panelless.js +1 -1
  60. package/themes/flat-dark-panelless.min.js +1 -1
  61. package/themes/flat-dark.js +1 -1
  62. package/themes/flat-dark.min.js +1 -1
  63. package/themes/flat-light-panelless.js +1 -1
  64. package/themes/flat-light-panelless.min.js +1 -1
  65. package/themes/flat-light.js +1 -1
  66. package/themes/flat-light.min.js +1 -1
  67. package/themes/index.js +1 -1
  68. package/themes/index.min.js +1 -1
  69. package/themes/layered-dark-panelless.js +1 -1
  70. package/themes/layered-dark-panelless.min.js +1 -1
  71. package/themes/layered-dark.js +1 -1
  72. package/themes/layered-dark.min.js +1 -1
  73. package/themes/layered-light-panelless.js +1 -1
  74. package/themes/layered-light-panelless.min.js +1 -1
  75. package/themes/layered-light.js +1 -1
  76. package/themes/layered-light.min.js +1 -1
  77. package/themes/plain-dark-panelless.js +1 -1
  78. package/themes/plain-dark-panelless.min.js +1 -1
  79. package/themes/plain-dark.js +1 -1
  80. package/themes/plain-dark.min.js +1 -1
  81. package/themes/plain-light-panelless.js +1 -1
  82. package/themes/plain-light-panelless.min.js +1 -1
  83. package/themes/plain-light.js +1 -1
  84. package/themes/plain-light.min.js +1 -1
  85. package/themes/sharp-dark-panelless.js +1 -1
  86. package/themes/sharp-dark-panelless.min.js +1 -1
  87. package/themes/sharp-dark.js +1 -1
  88. package/themes/sharp-dark.min.js +1 -1
  89. package/themes/sharp-light-panelless.js +1 -1
  90. package/themes/sharp-light-panelless.min.js +1 -1
  91. package/themes/sharp-light.js +1 -1
  92. package/themes/sharp-light.min.js +1 -1
  93. package/themes/solid-dark-panelless.js +1 -1
  94. package/themes/solid-dark-panelless.min.js +1 -1
  95. package/themes/solid-dark.js +1 -1
  96. package/themes/solid-dark.min.js +1 -1
  97. package/themes/solid-light-panelless.js +1 -1
  98. package/themes/solid-light-panelless.min.js +1 -1
  99. package/themes/solid-light.js +1 -1
  100. package/themes/solid-light.min.js +1 -1
  101. package/themes/three-dimensional-dark-panelless.js +1 -1
  102. package/themes/three-dimensional-dark-panelless.min.js +1 -1
  103. package/themes/three-dimensional-dark.js +1 -1
  104. package/themes/three-dimensional-dark.min.js +1 -1
  105. package/themes/three-dimensional-light-panelless.js +1 -1
  106. package/themes/three-dimensional-light-panelless.min.js +1 -1
  107. package/themes/three-dimensional-light.js +1 -1
  108. package/themes/three-dimensional-light.min.js +1 -1
  109. package/ts3.4/typings/actions/action.d.ts +1 -0
  110. package/ts3.4/typings/actions/adaptive-container.d.ts +1 -0
  111. package/ts3.4/typings/actions/container.d.ts +1 -0
  112. package/ts3.4/typings/base-interfaces.d.ts +6 -1
  113. package/ts3.4/typings/base.d.ts +3 -0
  114. package/ts3.4/typings/defaultCss/defaultV2Css.d.ts +6 -0
  115. package/ts3.4/typings/dragdrop/dom-adapter.d.ts +1 -0
  116. package/ts3.4/typings/dropdownListModel.d.ts +1 -0
  117. package/ts3.4/typings/dropdownMultiSelectListModel.d.ts +1 -0
  118. package/ts3.4/typings/entries/chunks/model.d.ts +1 -1
  119. package/ts3.4/typings/entries/core-wo-model.d.ts +0 -1
  120. package/ts3.4/typings/localizablestring.d.ts +6 -1
  121. package/ts3.4/typings/popup-dropdown-view-model.d.ts +4 -0
  122. package/ts3.4/typings/popup-survey.d.ts +0 -1
  123. package/ts3.4/typings/popup-view-model.d.ts +3 -0
  124. package/ts3.4/typings/popup.d.ts +3 -1
  125. package/ts3.4/typings/question.d.ts +3 -2
  126. package/ts3.4/typings/question_baseselect.d.ts +1 -2
  127. package/ts3.4/typings/question_checkbox.d.ts +2 -0
  128. package/ts3.4/typings/question_matrixdropdownbase.d.ts +4 -3
  129. package/ts3.4/typings/question_matrixdropdowncolumn.d.ts +4 -2
  130. package/ts3.4/typings/question_multipletext.d.ts +25 -3
  131. package/ts3.4/typings/question_ranking.d.ts +1 -0
  132. package/ts3.4/typings/question_tagbox.d.ts +3 -1
  133. package/ts3.4/typings/survey-element.d.ts +1 -4
  134. package/ts3.4/typings/survey-events-api.d.ts +16 -2
  135. package/ts3.4/typings/survey.d.ts +110 -55
  136. package/typings/actions/action.d.ts +1 -0
  137. package/typings/actions/adaptive-container.d.ts +1 -0
  138. package/typings/actions/container.d.ts +1 -0
  139. package/typings/base-interfaces.d.ts +6 -1
  140. package/typings/base.d.ts +3 -0
  141. package/typings/defaultCss/defaultV2Css.d.ts +6 -0
  142. package/typings/dragdrop/dom-adapter.d.ts +1 -0
  143. package/typings/dropdownListModel.d.ts +1 -0
  144. package/typings/dropdownMultiSelectListModel.d.ts +1 -0
  145. package/typings/entries/chunks/model.d.ts +1 -1
  146. package/typings/entries/core-wo-model.d.ts +0 -1
  147. package/typings/localizablestring.d.ts +8 -2
  148. package/typings/popup-dropdown-view-model.d.ts +4 -0
  149. package/typings/popup-survey.d.ts +0 -1
  150. package/typings/popup-view-model.d.ts +3 -0
  151. package/typings/popup.d.ts +3 -1
  152. package/typings/question.d.ts +3 -2
  153. package/typings/question_baseselect.d.ts +1 -2
  154. package/typings/question_checkbox.d.ts +2 -0
  155. package/typings/question_matrixdropdownbase.d.ts +4 -3
  156. package/typings/question_matrixdropdowncolumn.d.ts +5 -2
  157. package/typings/question_multipletext.d.ts +25 -3
  158. package/typings/question_ranking.d.ts +1 -0
  159. package/typings/question_tagbox.d.ts +3 -1
  160. package/typings/survey-element.d.ts +1 -4
  161. package/typings/survey-events-api.d.ts +16 -2
  162. package/typings/survey.d.ts +110 -55
  163. package/typings/utils/tooltip.d.ts +7 -7
package/defaultV2.fontless.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://Survey/defaultV2.fontless.scss","webpack://Survey/./src/common-styles/sv-actionbar.scss","webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-popup.scss","webpack://Survey/./src/common-styles/sv-buttongroup.scss","webpack://Survey/./src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./src/common-styles/sv-hidden.scss","webpack://Survey/./src/common-styles/sv-titleactions.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/common-styles/sv-list.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;AAAA,gBAAgB;ACEhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADAF;;ACGA;EACE;EACA;EACA;EACA;EACA;EACA,mECmBO;AFnBT;;ACGA;EACE;ADAF;;ACGA;EACE;ADAF;;ACGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DCPW;EDQX;EAEA;EACA;EACA;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;EACA;EACA;EACA;ADDF;;ACIA;EACE;EACA;EACA;EACA;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;ADDF;;ACKE;EACE;ADFJ;ACKE;EACE,0ECtDe;AFmDnB;;ACQA;;EAEE;EACA,kFCzEe;AFoEjB;;ACUE;EAEE;ADRJ;;ACcA;EACE;ADXF;;ACeA;EACE;EACA;ADZF;;ACeA;EACE;EACA;EACA;ADZF;;ACgBE;EACE,+DCxHQ;AF2GZ;;ACkBE;EACE,2DCpIM;AFqHV;;ACmBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADhBF;;ACoBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADjBJ;;ACsBE;EACE;ADnBJ;;ACuBA;EACE;ADpBF;;ACuBA;EACE;ADpBF;ACsBE;EACE;ADpBJ;;ACwBA;EACE;EACA;EACA;EACA;ADrBF;;ACwBA;EACE;EACA;EACA;ADrBF;ACuBE;EACE;ADrBJ;;ACyBA;EACE;ADtBF;;ACyBA;EACE,kFCxLe;EDyLf;ADtBF;;AGvLA;EACE;EACA;EACA;EACA,uEDeW;ECdX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0LF;;AGvLA;EACE;AH0LF;;AGvLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0LF;;AGvLA;EACE,kFDbe;AFuMjB;;AGvLA;EACE;AH0LF;;AI7NA;EACE;EACA;AJgOF;;AI5NA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ+NF;;AI5NA;EACE;AJ+NF;;AI5NA;EACE,wEFkBa;EEjBb;EACA;EACA;AJ+NF;;AI5NA;EACE;EACA;EACA;AJ+NF;;AI5NA;EACE,uEFjBW;EEkBX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AJ8NF;;AI3NA;EACE;EACA;EACA;EACA,6EF9B2B;EEgC3B;EACA;AJ6NF;AI3NE;EACE;EACA;AJ6NJ;;AIzNA;EACE;AJ4NF;;AIzNA;EACE;EACA,6CArEqB;AJiSvB;AI1NE;EACE,uEFlDyB;EEmDzB;EACA;EACA;EACA;EACA;EACA;AJ4NJ;AIzNE;EACE,iDAlFmB;EAmFnB;EACA;EACA,iEFlES;EEmET,wEF7CW;EE8CX;EACA;AJ2NJ;AIxNE;EACE;AJ0NJ;AIvNE;EACE;AJyNJ;AItNE;EACE;AJwNJ;AIrNE;EACE;AJuNJ;AIpNE;EACE,uEF9GM;EE+GN;EACA,oEF7GiB;AFmUrB;;AIjNE;EACE;AJoNJ;;AIhNA;EACE;EACA;AJmNF;;AIhNA;EACE;EACA;EACA;EACA;AJmNF;AI/MI;;EACE;EACA;EACA,kFFpHW;AFsUjB;AI/MI;;EACE,6FF7IU;AF+VhB;;AI7MA;EACE;EACA;EACA;EACA;EACA;AJgNF;;AI5ME;EACE;AJ+MJ;;AI1ME;EACE;AJ6MJ;;AIzMA;EACE;AJ4MF;AI1ME;EACE;AJ4MJ;;AIxMA;EACE;AJ2MF;AIzME;EACE;AJ2MJ;;AIvMA;EACE;EACA;AJ0MF;AIxME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJ0MJ;;AItMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DF9KW;AFuXb;;AItMA;EACE;EACA;AJyMF;;AItMA;EACE;AJyMF;;AItMA;EACE;AJyMF;;AIpME;;EACE;AJwMJ;AIrME;;EACE;AJwMJ;;AInMA;EACE;EACA;AJsMF;AIpME;EACE;EACA;AJsMJ;AIlMI;EACE;AJoMN;AIhME;EACE;EACA,4DF3PM;EE4PN;EACA;EACA;EACA;EACA;AJkMJ;AI/LE;EACE;EACA;EACA;AJiMJ;AI9LE;EACE;AJgMJ;AI7LE;EACE,8FFvPmB;EEwPnB;EACA;EACA;EACA;AJ+LJ;AI5LE;EACE;AJ8LJ;AI3LE;EACE;EACA;AJ6LJ;AI1LE;EACE;AJ4LJ;AIzLE;EACE;EACA;AJ2LJ;AIxLE;EACE;EACA;EACA;AJ0LJ;AIvLE;EACE;EACA;EACA;AJyLJ;AItLE;EACE;EACA;EACA;EACA;EACA;EACA,uEFpSS;AF4db;AIrLE;EACE;EACA,+DF9RS;EE+RT;AJuLJ;AIpLE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJsLJ;AIpLI;EACE;EACA;AJsLN;AIpLM;EACE,0EF/SW;AFqenB;AIjLE;EACE,2EFrTe;EEsTf;EACA;EACA,+BF9RU;EE+RV;AJmLJ;AI7KI;;;EACE,iEF5UO;AF6fb;AI7KM;;;EACE,iEFtWE;EEuWF,oEFpWa;EEqWb;AJiLR;;AIrKM;;;EACE,6FFpXQ;EEqXR,+DFtVK;EEuVL;AJ0KR;;AIlKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJqKJ;AIlKE;;;EAGE;AJoKJ;;AKtjBA;EACE;EACA;EACA;EACA;EACA;EACA;ALyjBF;;AKtjBA;EACE;EACA,mEHbQ;AFskBV;;AKtjBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHRW;EGSX;EACA;EACA;EACA;ALyjBF;AKvjBE;EACE;ALyjBJ;;AKrjBA;EACE,kFHnBe;AF2kBjB;;AKrjBA;EACE;EACA;ALwjBF;AKtjBE;EACE,0EHhBe;AFwkBnB;;AKpjBA;EACE;EACA,4DHvDQ;AF8mBV;AKrjBE;EACE,2DH1DM;AFinBV;AKpjBE;EACE,uEHzCS;AF+lBb;;AKljBA;EACE;EACA;EACA;ALqjBF;;AKljBA;EACE;EACA;EACA;EACA;ALqjBF;;AKljBA;EACE;ALqjBF;;AKljBA;EACE,+DHpDW;EGqDX;ALqjBF;AKnjBE;EACE;EACA;ALqjBJ;AKljBE;EACE,8DH7DS;AFinBb;AKjjBE;EACE,uEH5ES;AF+nBb;;AK/iBA;EACE;EACA,mEHvGQ;AFypBV;;AMzpBA;EACE;EACA;EACA;EACA;EACA;AN4pBF;;AOjqBA;EACI;APoqBJ;;AQrqBA;EACE;EACA;EACA;ARwqBF;;AQrqBA;EACE;EACA;EACA;EACA;ARwqBF;;AQrqBA;EACE;ARwqBF;;AQpqBE;EACE;EACA;EACA;EACA;ARuqBJ;AQpqBE;EACE;EACA;EACA;ARsqBJ;;ASlsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATqsBF;;ASlsBA;EACE;EACA;EACA;EACA;EACA;EACA;ATqsBF;;ASlsBA;EACE;EACA;EACA;EACA;ATqsBF;;ASlsBA;;;EAGE;EACA;EACA;EACA;ATqsBF;;ASlsBA;EACE;ATqsBF;;AU9vBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AViwBF;AU/vBE;EACE;EACA;AViwBJ;;AU7vBA;EACE;EACA;EACA;EACA;AVgwBF;;AU7vBA;EAKE;AV4vBF;AUhwBE;EACE;AVkwBJ;;AU5vBA;EACE;EACA;EACA;AV+vBF;AU7vBE;EACE;AV+vBJ;;AWnyBA;EACE;EACA;EACA;AXsyBF;;AWnyBA;EACE;EACA;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;EACA;EACA;AXsyBF;;AWnyBA;EACE,iETfW;ESgBX;AXsyBF;;AWnyBA;EACE;EACA;EACA;EACA;EACA;AXsyBF;;AWnyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXsyBF;;AWnyBA;EACE;EACA,2DT5DQ;ES6DR;EACA;EACA;EACA;AXsyBF;;AWnyBA;EACE;EACA;EACA;EACA;EACA,mGTvEc;ESwEd,+DTzCW;ES0CX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXsyBF;AWpyBE;EACE;EACA;EACA;EACA;AXsyBJ;;AWlyBA;EACE;EACA;EACA;EACA;EACA,+DTjEW;ESkEX,sGTKqB;ESJrB;EACA;AXqyBF;;AWlyBA;EACE,+DTxEW;ESyEX;AXqyBF;;AWlyBA;EACE,+DT7EW;ES8EX;AXqyBF;;AWlyBA;EACE;EACA,kFT7Fe;ES8Ff;EACA;EACA;EACA;EACA;EACA;EACA;AXqyBF;;AWlyBA;EACE;EACA;AXqyBF;;AWlyBA;EACE;AXqyBF;;AWlyBA;EACE;AXqyBF;;AWlyBA;EACE,wEThGa;ESiGb;AXqyBF;;AWlyBA;EACE;AXqyBF;;AWlyBA;EACE;AXqyBF;;AWlyBA;EACE;EACA,0ETxHiB;AF65BnB;;AWlyBA;EACE;AXqyBF;;AWlyBA;EACE;AXqyBF;;AWjyBE;EACE;AXoyBJ;AWjyBE;EACE;AXmyBJ;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE,2DT3LQ;AF69BV;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;EACA;EACA;AXkyBF;;AW9xBE;EACE;AXiyBJ;AW9xBE;EACE;AXgyBJ;;AW5xBA;EACE;AX+xBF;;AW5xBA;EACE;AX+xBF;AW7xBE;EACE;EACA;AX+xBJ;AW5xBE;EACE;EACA;EACA;EACA;EACA;AX8xBJ;;AWzxBE;EACE;AX4xBJ;AWxxBI;EACE;AX0xBN;AWlxBM;EACE;AXoxBR;AWjxBM;EACE;AXmxBR;AW5wBM;EACE;AX8wBR;;AWxwBA;EACE,kET3OqB;EAiHrB;EACA;EACA;EACA;ESyHA;EACA;EACA;EACA;EAEA;AX6wBF;;AW1wBA;EACE;AX6wBF;;AWzwBA;EAEE;EACA;AX2wBF;;AWxwBA;EACE,+ET7Pc;AFwgChB;;AWvwBE;EACE;AX0wBJ;;AYjjCA;EACE;EACA;EACA;EACA,iEVeW;EUdX;EACA;AZojCF;;AYjjCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZojCF;;AYjjCA;EACE;EACA;EACA;EACA;EACA,2EVOiB;AF6iCnB;;AYjjCA;EACE;EACA;EACA;EACA,+DVDW;EUEX;EACA;EACA;EACA;AZojCF;;AYjjCA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA,+DVhBW;EUiBX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZmjCF;;AYhjCA;EAYE;AZwiCF;AYnjCE;EV+FA;EACA;EU9FE;EACA;EACA;AZsjCJ;AYnjCE;EACE;AZqjCJ;;AY/iCA;;EAME;AZ8iCF;AYljCE;;EACE,4GVpDc;AFymClB;;AY/iCA;EACE;AZkjCF;AYhjCE;EACE;EACA;EACA;EACA;AZkjCJ;;AY9iCA;EACE;EACA;EACA;EACA;AZijCF;AY/iCE;EACE;AZijCJ;AY9iCE;EACE,0EVxEe;AFwnCnB;;AYziCE;;;EACE;AZ8iCJ;;AY1iCA;EACE;EACA;EACA,mEVnFO;AFgoCT;;AYziCE;EACE;AZ4iCJ;;AYniCE;;;;;EACE,uEVvIM;EUwIN,oEVrIiB;EUsIjB;AZ0iCJ;AYviCE;;;;;EACE,2DVxHS;AFqqCb;;AYviCE;;EACE,mGVnJY;EUoJZ,+DVrHS;EUsHT;AZ2iCJ;;AYtiCE;EACE;EACA,2EV5He;AFqqCnB;;AYriCA;EACE;AZwiCF;;AYriCA;EACE;EACA;EACA;EACA;EACA;EACA;AZwiCF;;AYriCA;EACE;EACA,iEV3JW;EU4JX;AZwiCF;;AYriCA;EACE;EACA;EACA;EACA;AZwiCF;AYtiCE;EACE;EACA;AZwiCJ;AYtiCI;EACE,0EV9Ja;AFssCnB;;AYniCA;EACE;EACA;EACA;EACA;EACA,iEVpLW;EUqLX;EACA;EACA;EACA;EACA,+DV9KW;EU+KX;EACA;EACA;EACA;AZsiCF;;AYniCA;EACE,2EVrLiB;AF2tCnB;;AYniCA;;EAEE,2EV1LiB;AFguCnB;;AYniCA;EACE;AZsiCF;;AYniCA;EACE;AZsiCF;;AavwCA;EACE;EACA;EACA;EACA,iEXeW;EWdX;EACA;EACA,wEXiCc;EWhCd;EACA,+DXqBW;EWpBX;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AbuwCF;;AapwCA;EACE;EACA;EACA;EACA;EACA;AbuwCF;;AanwCE;EACE;EACA;AbswCJ;AanwCE;EACE;EACA;EACA;AbqwCJ;;AajwCA;;EAEE;AbowCF;;AajwCA;EACE,6DXbI;EWcJ,4DXvCW;EWwCX;EACA;EACA;AbowCF;;AajwCA;EACE;EACA;EACA;EACA;EACA;EACA,6DX1BI;EW2BJ;EACA;EACA;EACA;EACA;AbowCF;;AajwCA;;EAEE,kDXpCI;EWqCJ,uEX9DW;AFk0Cb;;AajwCA;EACE,uEXvFQ;EWwFR;EACA;AbowCF;;Ac71CA;EACE;EACA;Adg2CF;;Ac71CA;EACE;Adg2CF;;Ac71CA;EACE;Adg2CF;;Ac71CA;EACE;Adg2CF;;Ac71CA;EACE;Adg2CF;;Ac71CA;EACE,qEZyD0B;EYxD1B,sDZyD0B;EYxD1B,oGZyDyB;AFuyC3B;;Ac71CA;EACE;EACA;EACA;EACA;Adg2CF;Ac91CE;EACE;EACA;EACA,2EZHe;AFm2CnB;Ac71CE;EACE,yGZ6CsB;EY5CtB;Ad+1CJ;Ac51CE;EACE;EACA;Ad81CJ;Ac31CE;EACE;EACA;Ad61CJ;Ac11CE;EACE;Ad41CJ;Acz1CE;EACE;Ad21CJ;Acz1CI;EACE;Ad21CN;;Act1CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EZ3CiB;EY4CjB;EACA;EACA;EACA;EACA;Ady1CF;Acv1CE;EACE;EACA;Ady1CJ;;Acl1CE;;;EACE;Adu1CJ;;Acl1CE;EC7EA;EACA;EACA;EACA;EACA;Afm6CF;Aej6CE;EACE;EACA;Afm6CJ;;Acz1CA;EACE;EACA;Ad41CF;;Acz1CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad41CF;;Acz1CA;EACE;Ad41CF;;Acx1CA;EACE,mFZjGoB;EYkGpB;EACA;EACA;EACA;EACA;EACA,qIZrHoB;EYsHpB,wEZ7Fa;AFw7Cf;Acz1CE;EACE;Ad21CJ;Acz1CI;EACE;EACA;Ad21CN;;Acp1CE;EACE;EACA;Adu1CJ;Acp1CE;EACE;Ads1CJ;Acp1CI;EACE;EACA;EACA;EACA;EACA,iEZ3HS;EY4HT;Ads1CN;Acl1CE;EACE;Ado1CJ;Acl1CI;EACE;EACA;EACA;Ado1CN;Acl1CM;EACE;EACA;EACA;Ado1CR;;Ac30CE;;EACE;Ad+0CJ;;Ac10CE;EACE;EACA;EACA,uEZ9KS;AF2/Cb;Acz0CI;EACE;Ad20CN;Acv0CE;EACE;Ady0CJ;Act0CE;EACE;EACA;Adw0CJ;Act0CI;EACE;EACA;EACA,mFZzLgB;AFigDtB;Acp0CE;EAEE,8FZtMmB;AF2gDvB;;Acj0CA;EACE;EACA;Ado0CF;;Ac7zCM;EACE;Adg0CR;AczzCI;EAEE;Ad0zCN;ActzCE;EAEE;EACA;EACA;EACA;EACA;AduzCJ;AcrzCI;EACE;EACA;AduzCN;AcrzCM;EACE;EACA;EACA;AduzCR;AcnzCI;EACE;EACA;EACA;AdqzCN;AclzCI;EACE;EACA;AdozCN;Ac/yCQ;EACE;AdizCV;Ac9yCQ;EAEE;Ad+yCV;AczyCE;EACE;Ad2yCJ;;ActyCA;EACE;EACA,mFZ9QoB;EY+QpB;EACA;AdyyCF;;AgBvlDA;EACE;AhB0lDF;;AgBvlDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhB0lDF;;AgBvlDA;EACE;EACA,kDd8BI;Ec7BJ,wFd8BU;Ec7BV;AhB0lDF;;AgBvlDA;EACE;AhB0lDF;;AgBvlDA;EACE;AhB0lDF;;AgBvlDA;EACE;AhB0lDF;;AgBvlDA;EACE;EACA;EACA;EACA;AhB0lDF;;AgBvlDA;EACE;AhB0lDF;;AgBvlDA;EACE;AhB0lDF;;AgBvlDA;EACE;EACA;AhB0lDF;;AgBvlDA;EACE;AhB0lDF;;AgBtlDE;EACE;EACA;EACA;AhBylDJ;AgBtlDE;EACE;AhBwlDJ;AgBrlDE;EACE;AhBulDJ;;AgBnlDA;EACE;EACA;AhBslDF;;AgBnlDA;EACE;EACA;EACA;EACA;EACA;AhBslDF;;AgBnlDA;EACE;EACA;AhBslDF;;AgBnlDA;EACE;EACA;EACA;AhBslDF;;AgBnlDA;EACE,kDdpDI;EcqDJ;AhBslDF;;AgBnlDA;EACE;EACA;EACA;EACA;EACA;EACA,+Dd5EW;Ec6EX;AhBslDF;;AgBnlDA;EACE;EACA;EAIA;EACA;EACA;EACA,uEdpGW;EcqGX,+Dd1FW;Ec2FX;EACA,wEdlFc;EcmFd;AhBmlDF;;AgBhlDA;EACE;AhBmlDF;;AgBhlDA;;EAEE;EACA,kDdzFI;Ec0FJ;EACA;EACA;AhBmlDF;;AgB/kDE;EACE;AhBklDJ;AgBhlDI;EACE;AhBklDN;;AgB7kDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,sGdxDqB;EcyDrB;EACA,yGdnE+B;AFmpDjC;AgB5kDI;EACE;AhB8kDN;;AgBxkDE;EACE;EACA;AhB2kDJ;AgBxkDE;EACE;AhB0kDJ;;AgBtkDA;EACE;EACA;EACA;AhBykDF;;AiBlwDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEf0FuB;EezFvB,mDf0FuB;EezFvB,0Ff0FsB;EezFtB,sGf2FqB;Ee1FrB,8JfDkB;EeElB,8Ef8Ba;Ee7Bb;EACA,iFfaqB;EeZrB;AjBqwDF;;AiBlwDA;EACE;AjBqwDF;;AiBlwDA;EACE,8JfbkB;EeclB;EACA;EACA;EACA;AjBqwDF;;AiBlwDA;EACE,wHfqEiC;EepEjC;EACA;EACA;EACA;AjBqwDF;;AiBlwDA;;EAEE,+DfVW;EeWX;AjBqwDF;;AiBlwDA;;EAEE,+DfhBW;AFqxDb;;AiBlwDA;EACE;AjBqwDF;;AiBlwDA;EACE,wFfTU;AF8wDZ;;AiBlwDA;EACE;AjBqwDF;;AiBlwDA;EACE;EACA;EACA;EACA;EACA;EACA,+BfVY;EeWZ;EACA;EACA,2EfvCiB;EewCjB;EACA;EACA;AjBqwDF;;AiBlwDA;EACE;AjBqwDF;;AiBhvDA;;EAEE;EACA;EACA;AjBmvDF;;AiBhvDA;EAxBE,uEfnFQ;EeoFR;EACA;AjB4wDF;;AiBlvDA;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA,uEf/FQ;EegGR;EACA;AjB4wDF;;AiBzvDA;EAjCE,uEfnFQ;EeoFR;EACA;AjB8xDF;;AiB3vDA;EA/BE;EACA;EACA;EACA;EACA;EACA;EACA,uEf/FQ;EegGR;EACA;AjB8xDF;;AkB/3DA;EACE;EACA;EACA;EACA;EACA;AlBk4DF;;AkB/3DA;EACE;AlBk4DF;;AmB34DA;EACE;AnB84DF;;AmB14DE;EACE;EACA;AnB64DJ;AmB34DI;EACE;AnB64DN;AmB14DI;EJZF,iEbiEsB;EahEtB,kDbiEsB;EahEtB,uGbkEoB;EajEpB,6FbgEqB;Ea/DrB;EACA;EACA;Afy5DF;AmBh5DM;EACE;EACA;EACA;EACA;EACA;AnBk5DR;AmB94DI;EJdF,uEb4D4B;Ea3D5B,wDb4D4B;Ea3D5B,2GbgE0B;Ea/D1B,yGb2D2B;Ea1D3B;EACA;EACA;Af+5DF;AmBl5DE;EACE;AnBo5DJ;AmBj5DE;EACE;AnBm5DJ;;AmB94DE;EACE;AnBi5DJ;;AmB74DA;EACE;AnBg5DF;;AmB74DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnBg5DF;;AmB74DA;EACE;AnBg5DF;;AoB78DA;EACI,yGlB6F6B;EkB5F7B,sGlBqGmB;EkBpGnB;ApBg9DJ;;AoB78DA;EACI;ApBg9DJ;;AoB78DA;EACI;EACA;EACA;EACA;ApBg9DJ;;AoB78DI;EACI;ApBg9DR;;AoB58DI;EACI,wFlBwBI;AFu7DZ;;AoB38DA;;EAEI;EACA;EACA;EACA;ApB88DJ;;AqB9+DA;EACE;ArBi/DF;;AqB/+DA;EACE;EACA;EACA;ArBk/DF;;AqB/+DA;EACE;ArBk/DF;AqBj/DE;EACE,mEnBTiB;AF4/DrB;;AqB/+DA;EACE,uDnBoBO;AF89DT;;AqBh/DA;EACE,2DnBpBQ;AFugEV;;AsBvgEA;EACE;EACA;EACA;EACA;AtB0gEF;;AsBvgEA;EACE;AtB0gEF;;AsBvgEA;EACE;AtB0gEF;;AsBvgEA;EACE;AtB0gEF;;AsBvgEA;EACE;EACA;AtB0gEF;;AsBvgEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtB0gEF;;AsBvgEA;EACE;AtB0gEF;AsBxgEE;EACE,uEpBlBS;AF4hEb;AsBvgEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtBygEJ;;AsBpgEE;EACE;AtBugEJ;;AsBngEA;EACE;EACA;EACA;AtBsgEF;AsBpgEE;EACE,0EpBhCe;AFsiEnB;;AuBvkEA;EACE;EACA,qIrBcoB;EqBbpB;EACA;EACA;AvB0kEF;AuBxkEE;EACE;EACA;AvB0kEJ;;AuBtkEA;EACE;EACA;EACA;AvBykEF;;AuBtkEA;EACE;AvBykEF;;AuBtkEA;EACE;AvBykEF;;AuBrkEE;EACE;AvBwkEJ;;AuBpkEA;EACE;AvBukEF;;AuBpkEA;EACE;EACA;EACA;AvBukEF;AuBrkEE;EACE;AvBukEJ;AuBpkEE;EACE;AvBskEJ;AuBjkEI;;EAEE,8FrB/BiB;AFkmEvB;AuBjkEM;;EACE,mGrBxDQ;AF4nEhB;AuBjkEM;;EACE,+ErB1Da;AF8nErB;AuBhkEQ;;EACE;AvBmkEV;AuBhkEQ;;EACE,uErBtEA;AFyoEV;AuBhkEQ;;EACE,+ErBvEW;AF0oErB;;AuB5jEA;EACE;EACA,sGrBoBqB;EqBnBrB;EACA;EACA,+DrBtDW;EqBuDX;AvB+jEF;AuB7jEE;EACE;AvB+jEJ;;AuB3jEA;EACE;EACA;AvB8jEF;AuB5jEE;EACE;AvB8jEJ;;AuB1jEA;EACE;EACA;AvB6jEF;;AuB1jEA;EACE;EACA;AvB6jEF;;AuBzjEE;EACE;AvB4jEJ;AuBzjEE;EACE;AvB2jEJ;;AuBvjEA;EACE;AvB0jEF;;AuBvjEA;EACE;AvB0jEF;;AuBvjEA;;EAEE;EACA;AvB0jEF;;AuBtjEE;EACE,sGrBpCmB;EqBqCnB;AvByjEJ;;AuBrjEA;EACE;EACA,oGrBjEyB;EqBkEzB;EACA;AvBwjEF;AuBtjEE;EACE;AvBwjEJ;;AuBpjEA;EACE;EACA;AvBujEF;;AuBpjEA;EACE;EACA;AvBujEF;;AuBpjEA;EACE;EACA;AvBujEF;AuBrjEE;EAEE;EACA;AvBsjEJ;AuBnjEE;EACE;EACA;AvBqjEJ;;AuBjjEA;EACE;EACA;EACA;AvBojEF;;AuB/iEE;;EACE;AvBmjEJ;;AuB/iEA;EACE;AvBkjEF;AuBhjEE;EACE;AvBkjEJ;;AuB9iEA;EACE;EACA;EACA;EACA;AvBijEF;AuB/iEE;EACE;EACA;EACA;EACA,0ErBnLe;AFouEnB;AuB9iEE;EACE,6FrBvNY;AFuwEhB;AuB9iEI;EACE,2DrB3NI;AF2wEV;;AuB3iEA;EACE;AvB8iEF;AuB5iEE;EACE;AvB8iEJ;;AuB1iEA;EACE;EACA,oGrBzJyB;EqB0JzB;EACA;EACA;AvB6iEF;;AuB1iEA;EACE;AvB6iEF;;AuB1iEA;EACE;AvB6iEF;AuB3iEE;EACE;AvB6iEJ;;AuBziEA;;;;;EAKE;EACA,2IrBlPoB;EqBmPpB;AvB4iEF;AuB1iEE;;;;;EACE;AvBgjEJ;AuB7iEE;;;;;EACE;AvBmjEJ;;AuB9iEE;EACE;EACA;EACA,qIrBlQkB;AFmzEtB;;AuB7iEA;EACE;EACA;AvBgjEF;;AuB7iEA;EACE;AvBgjEF;;AuB7iEA;EACE;EACA;EACA;EACA;AvBgjEF;AuB9iEE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qIrB7RkB;EqB8RlB;AvB+iEJ;AuB5iEE;EACE;AvB8iEJ;AuB3iEE;EACE;AvB6iEJ;AuB1iEE;EACE;AvB4iEJ;;AuBtiEE;;EAEE;EACA;AvByiEJ;AuBtiEE;EACE;EACA;AvBwiEJ;AuBpiEI;EACE;AvBsiEN;AuBniEI;EACE;AvBqiEN;AuBliEI;EACE;EACA;AvBoiEN;AuBhiEE;EAEE;EACA;EACA;EACA;EACA;AvBiiEJ;;AuB7hEA;EACE;AvBgiEF;;AuB7hEA;EACE;AvBgiEF;;AuBj3DE;EACE;AvBo3DJ;;AuB/2DE;EACE;AvBk3DJ;;AuB92DA;EACE;AvBi3DF;;AwBr5EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AxBw5EF;;AwBr5EA;EACE;AxBw5EF;;AwBr5EA;ETbE,iEbiEsB;EahEtB,kDbiEsB;EahEtB,uGbkEoB;EajEpB,6FbgEqB;Ea/DrB;EACA;EACA;ESSA;AxB85EF;;AwB35EA;ETRE,uEb4D4B;Ea3D5B,wDb4D4B;Ea3D5B,2GbgE0B;Ea/D1B,yGb2D2B;Ea1D3B;EACA;EACA;Afu6EF;;AyBx7EA;EACE;EACA;EACA;EACA;EACA;AzB27EF;;AyBx7EA;EACE;AzB27EF;;AyBx7EA;EACE;AzB27EF;;AyBx7EA;EACE;AzB27EF;;AyBx7EA;EACE;AzB27EF;AyBz7EE;EACE;AzB27EJ;;AyBv7EA;EACE;EACA;EACA;EACA;AzB07EF;AyBx7EE;EACE;EACA;AzB07EJ;;AyBt7EA;EACE;EACA;EACA;AzBy7EF;AyBv7EE;EACE,qIvB9BkB;EuB+BlB,wEvBNW;EuBOX;AzBy7EJ;AyBt7EE;EACE;EACA;EACA;AzBw7EJ;;AyBp7EA;EACE;EACA;AzBu7EF;;AyBp7EA;EACE;EACA;EACA;AzBu7EF;;A0Bz/EA;EACE;EACA;EACA;EACA,+DxB4BW;EwB3BX;EACA;EACA;A1B4/EF;;A0Bz/EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1B4/EF;A0B1/EE;EACE;A1B4/EJ;;A0Bx/EA;EACE;EACA;EACA;EACA;A1B2/EF;A0Bz/EE;EACE,4DxB/BM;EwBgCN,mExB8BsB;EwB7BtB,uGxB+BoB;EwB9BpB,oDxB6BsB;EwB5BtB;A1B2/EJ;A0Bx/EE;EACE;A1B0/EJ;A0Bv/EE;EACE;EACA;EACA;A1By/EJ;;A0Bn/EE;EACE;EACA;A1Bs/EJ;;A0Bj/EE;EACE,uExBtCS;AF0hFb;;A0B9+EI;EACE;A1Bi/EN;A0B9+EI;EACE;EACA,2ExBtCa;AFshFnB;;A0B3+EA;EACE;EACA;A1B8+EF;A0B5+EE;EACE;EACA;EACA;EACA;EACA;A1B8+EJ;;A0B1+EA;EACE;EACA;EACA;EACA;A1B6+EF;A0B3+EE;EACE;A1B6+EJ;;A0Bz+EA;EACE;A1B4+EF;;A2BjlFA;EACE;EACA,2EzBqFgC;EyBpFhC,4DzBqFgC;EyBpFhC,yGzBqF+B;EyBpF/B,+GzBwF8B;EyBvF9B;EACA;EACA;A3BolFF;;A2BjlFA;EACE;A3BolFF;;A2BjlFA;EACE;A3BolFF;;A4BpmFA;EACE;A5BumFF;;A4BpmFA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8E1B+Ba;E0B9Bb;EACA;EACA;A5BumFF;;A4BpmFA;EACE;A5BumFF;;A4BpmFA;EACE;EACA,qI1BToB;E0BUpB;A5BumFF;;A4BpmFA;EACE,wG1BJoB;E0BKpB;A5BumFF;;A4BpmFA;EACE,iE1BnCQ;AF0oFV;;A4BpmFA;EACE,kE1B4DuB;E0B3DvB;EACA,mD1B2DuB;E0B1DvB;EACA,sG1B4DqB;E0B3DrB,0F1ByDsB;E0BxDtB;EACA;EACA;EACA;A5BumFF;;A4BpmFA;EACE,+D1BpBW;E0BqBX;A5BumFF;;A4BpmFA;EACE,+D1BzBW;AFgoFb;;A4BpmFA;EACE,kF1BdU;AFqnFZ;;A6BpqFA;EACE;EACA;EACA;EAEA;EACA;A7BsqFF;;A6BnqFA;EACE;EACA;EACA;EACA;EACA;EACA;A7BsqFF;;A6BnqFA;EACE;EACA;A7BsqFF;;A6BnqFA;EACE;EACA;EACA;EACA;A7BsqFF;;A6BnqFA;EACE;A7BsqFF;;A6BnqFA;EACE;EACA;EACA;EACA;A7BsqFF;;A6BpqFA;EACE;A7BuqFF;;A6BnqFA;EACE;A7BsqFF;;AqBptFA;EACE;ArButFF;;AqBrtFA;EACE;EACA;EACA;ArBwtFF;;AqBrtFA;EACE;ArBwtFF;AqBvtFE;EACE,mEnBTiB;AFkuFrB;;AqBrtFA;EACE,uDnBoBO;AFosFT;;AqBttFA;EACE,2DnBpBQ;AF6uFV;;A8B7uFA;EACE;A9BgvFF;;A8B9uFA;EACE;EACA;EACA;EACA;EACA;EACA,+E5BNmB;AFuvFrB;;A8B/uFA;EACE,mE5ByBO;AFytFT;;A8BhvFA;EACE,uE5BfQ;AFkwFV;;A8BjvFA;EACE;A9BovFF;;A+BtwFA;EACE;EACA;EACA;EACA;EACA;EACA;A/BywFF;;AgC9wFE;EACE;EACA;EACA;AhCixFJ;;AgC7wFA;EACE;EACA;AhCgxFF;;AgC9wFA;EACE;AhCixFF;;AgC/wFA;EACE,mG9Bfc;E8BgBd;AhCkxFF;;AgChxFA;EACE;EACA;AhCmxFF;;AiCxyFA;EACE;EACA;EACA;EACA;EACA;EACA;AjC2yFF;;AiCxyFA;EACE;EACA;AjC2yFF;AiCzyFE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjC2yFJ;AiCvyFI;EACE;AjCyyFN;;AiCpyFA;EACE;EACA;AjCuyFF;AiCryFE;EACE;EACA;AjCuyFJ;;AiCnyFA;EACE;EACA,qI/B1BoB;E+B2BpB,wE/BFa;E+BGb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/BvBW;E+BwBX,8D/BxBW;E+ByBX;AjCsyFF;;AiCnyFA;EACE;EACA;AjCsyFF;;AiCnyFA;;;EAGE;AjCsyFF;;AiCnyFA;EACE,wF/BzBU;E+B0BV;EACA;AjCsyFF;;AiCnyFA;EACE,+D/B9CW;E+B+CX,8D/B/CW;AFq1Fb;;AiCnyFA;EACE,oE/BhFmB;E+BiFnB,8D/BpDW;E+BqDX,6E/B7D2B;E+B8D3B;AjCsyFF;;AiCnyFA;EACE;AjCsyFF;;AiCnyFA;EACE,4G/BrEgB;E+BsEhB,wG/BtEgB;AF42FlB;;AiCnyFA;EACE,mE/BnGQ;AFy4FV;;AiCnyFA;EACE,uE/BvGQ;E+BwGR,mE/BxGQ;E+ByGR,oE/BtGmB;E+BuGnB;EACA;AjCsyFF;;AiCnyFA;EACE;AjCsyFF;;AiCnyFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/B3FW;E+B4FX,uD/BvFO;AF63FT;AiCpyFE;EACE;EACA;EACA;AjCsyFJ;;AiClyFA;EACE;EACA;EACA;AjCqyFF;AiCnyFE;EACE;EACA;AjCqyFJ;;AiCjyFA;EACE;AjCoyFF;;AiCjyFA;;EAEE;AjCoyFF;;AiCjyFA;EACE,wF/B3GU;E+B4GV;EACA,0E/B3HiB;AF+5FnB;AiClyFE;EACE;AjCoyFJ;;AiChyFA;EACE;AjCmyFF;;AiChyFA;EACE;EACA,mE/BtKmB;AFy8FrB;;AiChyFA;EACE,4G/BpJgB;E+BqJhB,+D/BzIO;AF46FT;;AiChyFA;EACE,mE/BlLQ;AFq9FV;;AiChyFA;EACE,uE/BtLQ;E+BuLR,mE/BvLQ;E+BwLR,mE/BrLmB;E+BsLnB;AjCmyFF;;AiChyFA;EACE;AjCmyFF;;AiChyFA;EACE;AjCmyFF;AiCjyFE;EACE;AjCmyFJ;;AiC9xFE;EACE;AjCiyFJ;;AiC7xFA;EACE;AjCgyFF;;AiC7xFA;EACE;EACA;EACA;AjCgyFF;AiC9xFE;EACE;EACA;AjCgyFJ;AiC7xFE;EACE;EACA;AjC+xFJ;AiC5xFE;EACE,yD/B7LK;E+B8LL;EACA;EACA;EACA;AjC8xFJ;AiC3xFE;EACE;AjC6xFJ;;AiCzxFA;EACE;EACA;AjC4xFF;AiC1xFE;EACE;EACA;AjC4xFJ;;AiCvxFE;EACE;EACA,2D/B3PM;AFqhGV;;AiCrxFE;EACE;EACA,4E/BnNQ;AF2+FZ;;AiCpxFA;EACE;AjCuxFF;AiCrxFE;EACE,yD/BrOK;E+BsOL;AjCuxFJ;;AiClxFE;EACE;EACA,uD/B7OK;AFkgGT;;AiChxFE;EACE,6D/BxRM;E+ByRN;AjCmxFJ;;AiC9wFE;EACE;EACA,uD/B3PK;AF4gGT;;AiC5wFE;EACE,yD/BjQK;E+BkQL,gG/B9Qc;AF6hGlB;;AiC1wFE;EACE,yD/BxQK;E+ByQL,uD/BzQK;AFshGT;;AiCxwFE;EACE,6D/BpTM;E+BqTN,2D/BrTM;AFgkGV;AiCxwFE;EACE;AjC0wFJ;AiCvwFE;EACE;AjCywFJ;;AiCrwFA;EACE,kE/B/NuB;E+BgOvB,mD/B/NuB;E+BgOvB,0F/B/NsB;E+BgOtB,sG/B9NqB;E+B+NrB;EACA;AjCwwFF;AiCtwFE;EAEE;EACA;EACA;EACA,2E/B7Se;AFojGnB;AiCpwFE;EACE;EAEA;AjCqwFJ;AiClwFE;EACE;EACA;AjCowFJ;AiCjwFE;EACE;AjCmwFJ;AiChwFE;EACE;AjCkwFJ;;AiC9vFA;EACE,oE/BnWmB;E+BoWnB;AjCiwFF;;AkCxmGA;EACE,wFhC8CU;EgC7CV;EACA;AlC2mGF;;AkCxmGA;EACE;AlC2mGF;;AkCtmGE;EACE;EACA;AlCymGJ;AkCtmGE;EACE;AlCwmGJ;;AkC7lGA;EACE;AlCgmGF;;AkC7lGA;EACE;EACA;EACA;AlCgmGF;;AkC7lGA;EACE;IACE;ElCgmGF;EkC7lGA;IACE;ElC+lGF;AACF;AkC5lGA;EACE;EACA;EACA;AlC8lGF;;AkC3lGA;EACE;IACE;ElC8lGF;EkC3lGA;IACE;ElC6lGF;AACF;AmC3pGA;EACE;AnC6pGF;;AmC1pGA;EACE,0EjC4BiB;AFioGnB;;AmC1pGA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AnC4pGF;;AmCzpGA;EACE;AnC4pGF;;AmCzpGA;;EAEE,2EjCOiB;AFqpGnB;;AmCzpGA;EACE;AnC4pGF;;AmCzpGA;EACE,+DjCFW;EiCGX;EACA;AnC4pGF;;AmCzpGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kEjCqDuB;EiCpDvB,mDjCqDuB;EiCpDvB,0FjCqDsB;EiCpDtB,sGjCsDqB;EiCpDrB;AnC2pGF;;AmCxpGA;EACE;EACA;EACA;EACA;EACA;AnC2pGF;;AmCxpGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnC2pGF;;AmCxpGA;;EAEE;EACA;AnC2pGF;;AmCxpGA;EACE;AnC2pGF;;AmCvpGE;EACE;AnC0pGJ;;AmCtpGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,sGjCCqB;EiCArB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnCypGF;;AmCtpGA;EACE,wHjCZiC;AFqqGnC;;AmCtpGA;EACE,+DjCtFW;EiCuFX;EACA;EACA;EACA;EACA;EACA;EACA;AnCypGF;;AmCtpGA;EACE,wHjC3BiC;AForGnC;AmCvpGE;EACE;AnCypGJ;;AmCrpGA;EACE;EACA,wHjCpCiC;AF4rGnC;AmCtpGE;EACE;AnCwpGJ;;AmCnpGE;EACE;EACA,sGjC7CmB;AFmsGvB;;AmC/oGE;;;EACE;AnCopGJ;;AoChzGA;EACE;EACA;EACA;EACA;ApCmzGF;;AoCzyGA;EACE;EACA;EACA;ApC4yGF;;AoCzyGA;EACE;ApC4yGF;;AoCzyGA;EACE;EACA;EACA;EACA;EACA,uElC7BQ;EkC8BR;ApC4yGF;;AoCzyGA;EACE,oElC/BmB;EkCgCnB;EACA;EACA;ApC4yGF;;AoCtyGE;;;EACE;EACA;ApC2yGJ;;AoCvyGA;EACE;EACA;EACA;EACA;EACA;EACA;ApC0yGF;;AoCvyGA;EACE;EACA;EACA;EACA;ApC0yGF;;AoCvyGA;EACE;EACA,6GlC/D4B;AFy2G9B;;AoCvyGA;EACE,mElCpEmB;AF82GrB;;AoCvyGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApC0yGF;;AoCvyGA;EACE;EACA;EACA;ApC0yGF;;AoCtyGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElCrEiB;AF82GnB;;AoCnyGE;;;EACE;ApCwyGJ;;AoClyGE;;;EAGE;ApCqyGJ;;AoCjyGA;EACE;EACA;ApCoyGF;;AoCjyGA;EACE;EACA;ApCoyGF;;AoCjyGA;EACE;EACA;EACA;EACA;ApCoyGF;;AoCjyGA;EACE;EACA;EACA;EACA;ApCoyGF;;AqCn7GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArCs7GF;;AqCn7GA;EACE;EACA;ArCs7GF;;AqCn7GA;EACE;IACE;ErCs7GF;AACF;AqCj7GE;;EAEE;EACA,8FnCHmB;AFs7GvB;;AqC/6GA;EACE;EACA;EACA;EACA;ArCk7GF;;AqC/6GA;EACE;ArCk7GF;;AqC/6GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEnC5BW;EmC6BX;ArCk7GF;;AqC/6GA;EACE;EACA;EACA;EACA,2DnCzDQ;AF2+GV;;AqC/6GA;EACE;ArCk7GF;;AqC/6GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wFnCzBU;EmC0BV;EACA;ArCk7GF;;AqC/6GA;;EAEE;ArCk7GF;;AqC/6GA;EACE;EACA;EACA;ArCk7GF;;AqC/6GA;EACE,sGnCcqB;EmCbrB;EACA;EACA,+DnC5DW;AF8+Gb;;AqC/6GA;EACE;EACA,8FnC1EqB;EmC2ErB;ArCk7GF;;AqC/6GA;EACE;EACA;EACA;ArCk7GF;AqCh7GE;EACE,0EnC1Ee;AF4/GnB;;AqC96GA;EACE;EACA;EACA;EACA;EACA;ArCi7GF;;AqC96GA;EACE;ArCi7GF;;AsCziHA;EACE;EACA;EACA;AtC4iHF;;AsCziHA;EACE;EACA;EACA;AtC4iHF;;AsCziHA;EACE,wFpCUqB;EoCTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtC4iHF;;AsCziHA;EACE,0EpCQiB;AFoiHnB;;AuCrkHA;EACE;AvCwkHF;;AuCpkHE;ErC2JA,+DAhIW;EAiIX;EACA;EACA,+BAxGY;EAyGZ;EACA;EACA;EACA;EACA;EACA;EACA;AF66GF;AuC9kHE;ErCqKA,+DA9IW;EA+IX;EACA;EACA,+BAtHY;EAuHZ;EACA;EACA;EACA;EACA;EACA;EACA;AF46GF;AuCvlHE;ErC+KA,+DA5JW;EA6JX;EACA;EACA,+BApIY;EAqIZ;EACA;EACA;EACA;EACA;EACA;EACA;AF26GF;AuChmHE;ErCyLA,+DA1KW;EA2KX;EACA;EACA,+BAlJY;EAmJZ;EACA;EACA;EACA;EACA;EACA;EACA;AF06GF;AuCzmHE;;EAEE,+DrCSS;AFkmHb;AuCxmHE;;;ErC8LA,+DAxLW;EAyLX;EACA;EACA,+BAhKY;EAiKZ;EACA;EACA;EACA;EACA;EACA;EACA;AF+6GF;AuCjnHE;EACE,4DrCjCM;AFopHV;AuChnHE;EACE;EACA;EACA;EACA;EACA;EACA,uErCrBS;EqCsBT,wErCFW;EqCGX;EACA;EACA;EACA;EACA;AvCknHJ;AuChnHI;EACE,4GrC1BY;AF4oHlB;AuChnHI;EACE;AvCknHN;AuC/mHI;EACE;EACA;EACA;EACA;EACA,4DrC9DI;EqC+DJ;EACA;EACA;EACA,yGrCmBoB;EqClBpB;AvCinHN;;AwCprHA;EACE,+DtC+BW;EsC9BX;AxCurHF;;AyCzrHA;EACE;EACA,uEvCoCa;EuCnCb;AzC4rHF;;AyCzrHA;EACE;EACA;EACA,uEvCTQ;EuCUR;AzC4rHF;;AyCzrHA;EACE;EACA;EACA;EACA,2EvCgBiB;EuCfjB;EACA;EACA;AzC4rHF;AyC1rHE;EATF;IAUI;EzC6rHF;AACF;AyC3rHE;EAbF;IAcI;EzC8rHF;AACF;;A0C1tHA;EACE;EACA;EACA;EACA;EACA;EACA,8JxCMkB;EwCLlB;EACA,8ExCoCa;AFyrHf;A0C3tHE;EACE;A1C6tHJ;;A0CztHA;;EAEE;EACA,kExCiFuB;EwChFvB,mDxCiFuB;EwChFvB,sGxCmFqB;EwClFrB,2ExCYiB;EwCXjB;EACA;A1C4tHF;;A0CztHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1C4tHF;;A0CztHA;;EAEE;EACA;EACA;EACA;A1C4tHF;;A0CztHA;EACE;A1C4tHF;;A0CztHA;EACE;A1C4tHF;;A0CztHA;EACE,2IxCxCoB;EwCyCpB,wExChBa;EwCiBb;EACA;EACA;EACA;EACA,4DxC9DQ;EwC+DR;EACA;EACA;EACA;EACA;A1C4tHF;;A0CztHA;EACE;EACA;A1C4tHF;;A0CztHA;EACE;A1C4tHF;A0C1tHE;;EAEE,+DxChDS;EwCiDT;A1C4tHJ;;A0CxtHA;EACE;A1C2tHF;;A0CxtHA;EACE,8GxChEoB;EwCiEpB;A1C2tHF;;A0CxtHA;EACE,wFxChDU;AF2wHZ;;A2CzzHI;EACI;EACA;EACA;EACA;EACA;EACA;A3C4zHR;A2CzzHI;EACI;EACA;A3C2zHR;A2CxzHI;EACI;EAMA;A3CqzHR;A2CzzHQ;EACI;A3C2zHZ;A2CtzHQ;EACI,2EzCQO;AFgzHnB;;A2CnzHA;EACI;EACA;EACA;EACA;EACA;EACA,mEzCEW;EyCDX,iEzCCW;EyCAX;EACA;A3CszHJ;;A2CnzHA;EACI;A3CszHJ;;A2CnzHA;EACI;EACA;EACA;A3CszHJ;;A2CnzHA;EACI;EACA;EACA;A3CszHJ;;A2CnzHA;EACI;A3CszHJ;A2CpzHI;;EAEI;A3CszHR;A2CpzHQ;;EACI;EACA;A3CuzHZ;A2CnzHI;;;EAGI;A3CqzHR;;A2CjzHA;EACI;EACA;EACA;A3CozHJ;;A2CjzHA;EACI;EACA;EACA;EACA;A3CozHJ;;A2CjzHA;EACI,yGzCPsB;EyCQtB;EACA,2EzC7De;EyC8Df;EACA;A3CozHJ;;A2CjzHA;;EAEI;EACA;A3CozHJ;A2ClzHI;;EACI;A3CqzHR;;A2CjzHA;EACI;A3CozHJ;;A2CjzHA;EACI;EACA;EACA;A3CozHJ;;A2ChzHI;EACI;EACA;A3CmzHR;;A2C9yHI;EACI;A3CizHR;;A2C7yHA;EACI;EACA;EACA;A3CgzHJ;;A2C7yHA;EACI;EACA;EACA;EACA;EACA;A3CgzHJ;;A2C5yHI;EACI;A3C+yHR;;A2C3yHA;EACI;EACA;EACA;EACA;A3C8yHJ;;A2C3yHA;EACI;A3C8yHJ;;A2C3yHA;EACI;A3C8yHJ;;A2C3yHA;EACI;A3C8yHJ;;A2C3yHA;EACI;A3C8yHJ;;A2C3yHA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,sGzCrFmB;EyCsFnB;EACA,yGzCrG6B;EyCsG7B;EACA;A3C6yHJ;A2C3yHI;EACI;A3C6yHR;;A2CzyHA;EACI,oGzCvHuB;EyCwHvB;A3C4yHJ;;A2CzyHA;EACI;EACA;EACA;A3C4yHJ;A2C1yHI;EACI,0EzCjLW;EyCkLX;A3C4yHR;;A2CxyHA;;EAEI,mGzCxNY;EyCyNZ;A3C2yHJ;A2CzyHI;;EACI,2DzC7NE;AFygIV;;A2CvyHI;EACI;A3C0yHR;;A2CtyHA;EACI;A3CyyHJ;;A2CtyHA;EACI;A3CyyHJ;;A2CtyHA;EACI;EACA;EACA;EACA;A3CyyHJ;;A2CtyHA;EACI;A3CyyHJ;;A2CtyHA;EACI;A3CyyHJ;;A2CtyHA;EACI;A3CyyHJ;;A4CxiIA;EACE;EACA;EACA;EACA;A5C2iIF;A4CziIE;EACE;EACA;EACA;EACA;EACA;A5C2iIJ;A4CziII;EACE;EACA,2E1CkBa;E0CjBb;A5C2iIN;A4CviIM;EACE;A5CyiIR;A4CviIQ;EACE,uE1CHG;AF4iIb;A4CtiIQ;EACE;A5CwiIV;;A4CjiIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5CoiIF;;A4CjiIA;EACE;EACA;EACA,6F1CjDc;E0CkDd;A5CoiIF;;A4CjiIA;EACE;A5CoiIF;;A4CjiIA;EACE;EACA;EACA;EACA;EACA,yG1C+B+B;E0C9B/B,sG1CuCqB;E0CtCrB;A5CoiIF;;A4CjiIA;EACE;EACA;EACA;EACA,4D1CxEQ;E0CyER;A5CoiIF;;A4ChiIE;EACE;A5CmiIJ;;A4C9hIE;EACE;A5CiiIJ;;A4C7hIA;EACE;A5CgiIF;A4C9hIE;EACE;A5CgiIJ;;A4C5hIA;;EAEE;EACA;A5C+hIF;;A4C5hIA;EACE;EACA;A5C+hIF;A4C7hIE;EACE;A5C+hIJ;;A4C3hIA;EACE;A5C8hIF;;A4C3hIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5C8hIF;;A4C3hIA;EACE;EACA;EACA;EACA;EACA;EACA;A5C8hIF;A4C5hIE;EACE;EACA;A5C8hIJ;A4C3hIE;;;EAGE;EACA;EACA;EACA;EACA;A5C6hIJ;;A4CzhIA;EACE;EACA;EACA;EACA;A5C4hIF;A4C1hIE;EACE;EACA;EACA,+D1ClIS;E0CmIT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5C4hIJ;;A4CxhIA;EACE;A5C2hIF;;A4CxhIA;EACE,wF1CtIU;AFiqIZ;;A4CxhIA;EACE;EACA;EACA;EACA;A5C2hIF;A4CzhIE;EACE;EACA;EACA;EACA;EACA,4E1C7Ka;AFwsIjB;;A4CthIE;EACE;A5CyhIJ;;A4CphIE;EACE;A5CuhIJ;;A4CnhIA;EACE;A5CshIF;A4CphIE;EACE;EACA;A5CshIJ;A4CnhIE;EACE;EACA;EACA;EACA;A5CqhIJ;A4ClhIE;EACE;EACA;A5CohIJ;A4ClhII;EACE;EACA;EACA,8F1ClNiB;AFsuIvB;A4ChhIE;EACE;EACA;EACA;EACA;A5CkhIJ;A4ChhII;EACE;EACA;EACA;EACA;A5CkhIN;;A4C3gII;EACE,2D1C/PI;AF6wIV;A4C1gIE;EACE,mG1CnQY;AF+wIhB;;A4CxgIA;EACE;EACA;EACA;A5C2gIF;;A6CtxIA;EACE;A7CyxIF;;A8CzxIE;EACE;EACA,yG5CkFsB;E4CjFtB;A9C4xIJ;;A8CvxIE;EACE,8F5CamB;AF6wIvB;A8CxxIE;EACE,8G5CakB;AF6wItB;;A8CrxIE;;EAEE;A9CwxIJ;A8CrxIE;EACE;A9CuxIJ;;A8CpxIA;EACE;A9CuxIF;;A+CjzIA;EACE;EACA;EACA;EACA;EACA,qI7CSoB;E6CRpB,wE7CiCa;E6ChCb;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,4D7ClBQ;E6CmBR;EACA;A/CmzIF;;A+ChzIA;EACE,4G7CCgB;AFkzIlB;;A+ChzIA;EACE;A/CmzIF;;A+ChzIA;EACE;EACA;EACA;A/CmzIF;;A+ChzIA;EACE,uE7CtCQ;E6CuCR,oE7CpCmB;AFu1IrB;;A+ChzIA;EACE,oE7CxCmB;E6CyCnB,sE7C1CwB;AF61I1B;;A+ChzIA;EACE,wG7C5C4B;E6C6C5B;A/CmzIF;;AgDp2IA;EACE;AhDu2IF;AgDr2IE;EACE;AhDu2IJ;AgDp2IE;EACE;EACA;AhDs2IJ;AgDn2IE;EACE;EACA;EACA;EACA;EACA;AhDq2IJ;AgDn2II;;;EAGE;EACA;AhDq2IN;AgDl2II;EACE;AhDo2IN;AgDj2II;EACE;EACA;AhDm2IN;AgD/1IE;EACE;EACA;EACA;AhDi2IJ;AgD/1II;EACE;AhDi2IN;AgD/1IM;EACE;AhDi2IR;AgD71II;;EAEE;AhD+1IN;AgD51II;EACE;AhD81IN;AgD31II;EACE;EACA;EACA;AhD61IN;;AgDr1II;EACE;EACA;EACA;AhDw1IN;AgDr1II;EAEE;AhDs1IN;AgDp1IM;EACE;EACA;EACA;AhDs1IR;;AgDh1IA;EACE;EACA;EACA;EACA;AhDm1IF;;AgDh1IA;EACE;AhDm1IF;;AgDh1IA;EACE;EACA;EACA;AhDm1IF;;AgDh1IA;EACE;EACA;EACA;EACA;AhDm1IF;;AgDh1IA;EACE;EACA;EACA;EACA;EACA;EACA;AhDm1IF;;AiDx8IA;EACE;EACA;EACA;EACA;AjD28IF;;AiDz8IA;EACE;AjD48IF;;AiD18IA;EACE;AjD68IF;;AiD38IA;EACE;AjD88IF;;AiD58IA;EACE;EACA;EACA;EACA;EACA;AjD+8IF;AiD98IE;EACE;EACA;EACA;EACA;EACA;AjDg9IJ;;AiD78IA;;EAEE;EACA;AjDg9IF;;AiD98IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2E/CTiB;AF09InB;;AiD/8IA;EACE;AjDk9IF;;AiDh9IA;EACE;AjDm9IF;;AiDj9IA;EACE,wF/CJU;AFw9IZ;AiDn9IE;EACE;AjDq9IJ;;AiDl9IA;EACE;AjDq9IF;;AiDn9IA;EACE;AjDs9IF;;AiDp9IA;EACE;AjDu9IF;;AkDthJA;EACE;EACA;EACA;EACA;EACA,4DhDLQ;EgDMR;EACA;EACA;EACA;EACA,yGhD2EwB;EgD1ExB;EACA;AlDyhJF;;AkDthJA;EACE,kDhD8BI;AF2/IN;;AkDthJA;EACE;AlDyhJF;;AkDrhJE;EACE,0EhDQe;AFghJnB;;AkDphJA;EACE,0EhDGiB;AFohJnB;;AkDphJA;;EAEE,+DhDHW;EgDIX;EACA;EACA;AlDuhJF;;AkDphJA;;EAEE;EACA,mGhD3Cc;EgD4Cd;EACA;AlDuhJF;AkDrhJE;;EACE,kFhD3Ba;AFmjJjB;AkDrhJE;;EACE,wFhDNQ;AF8hJZ;AkDrhJM;;EACE,iDhDXF;AFmiJN;AkDnhJE;;EACE;AlDshJJ;;AkDlhJA;EACE;EACA;EACA;AlDqhJF;;AkDlhJA;EACE,kFhDpDe;EgDqDf;AlDqhJF;;AmDhmJA;EACE;EACA;AnDmmJF;AmDjmJI;EACE;AnDmmJN;;AoDxmJA;EACE,uElDoBW;EkDnBX;EACA;EACA;EACA;EASA;ApDmmJF;AoD3mJE;EACE;EACA;EACA;ApD6mJJ;AoD3mJE;EACE,0ElDqBe;AFwlJnB;;AoDvmJE;;EACE,2DlDnBM;AF8nJV;AoDxmJI;;EACE,iDlDuBA;AFolJN;;AoDvmJA;EACE;ApD0mJF;;AqDtoJA;EACE;EACA;EACA;EACA;EACA;ArDyoJF;AqDnoJE;EnDqJA,+DAhIW;EAiIX;EACA;EACA,+BAxGY;EAyGZ;EACA;EACA;EACA;EACA;EACA;EACA;AFi/IF;AqD5oJE;EnD+JA,+DA9IW;EA+IX;EACA;EACA,+BAtHY;EAuHZ;EACA;EACA;EACA;EACA;EACA;EACA;AFg/IF;AqDrpJE;EnDyKA,+DA5JW;EA6JX;EACA;EACA,+BApIY;EAqIZ;EACA;EACA;EACA;EACA;EACA;EACA;AF++IF;AqD9pJE;EnDmLA,+DA1KW;EA2KX;EACA;EACA,+BAlJY;EAmJZ;EACA;EACA;EACA;EACA;EACA;EACA;AF8+IF;AqDvqJE;;EAEE,+DnDGS;AFsqJb;AqDtqJE;;;EnDwLA,+DAxLW;EAyLX;EACA;EACA,+BAhKY;EAiKZ;EACA;EACA;EACA;EACA;EACA;EACA;AFm/IF;AqD/qJE;EACE,4DnDvCM;AFwtJV;AqD9qJE;EACE;EACA;EACA;EACA;EACA;EACA,uEnD3BS;EmD4BT,wEnDRW;EmDSX;EACA;EACA;EACA;EACA;ArDgrJJ;AqD9qJI;EACE,4GnDhCY;AFgtJlB;AqD9qJI;EACE;ArDgrJN;AqD7qJI;EACE;EACA;EACA;EACA;EACA,4DnDpEI;EmDqEJ;EACA;EACA;EACA,yGnDaoB;EmDZpB;ArD+qJN;;AqD1qJA;;EAEE;EACA;EACA;EACA;ArD6qJF;;AqD1qJA;EACE;ArD6qJF;;AqD1qJA;EACE;ArD6qJF;;AsDxwJA;EACE;AtD2wJF;;AsDxwJA;EACE;AtD2wJF;;AsDxwJA;EACE;AtD2wJF;;AsDxwJA;EACE;EACA;EACA;EACA;AtD2wJF;;AsDxwJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtD2wJF;AsDxwJI;EACE;AtD0wJN;;AsDrwJA;;EAEE;AtDwwJF;;AsDpwJE;EACE,2EpDTe;AFgxJnB;;AsDjwJE;;EAEE,4DpDlDM;AFszJV;;AsDhwJA;EACE;EACA;EACA;EACA;AtDmwJF;;AsDhwJA;EACE;EACA;EACA;EACA;EACA,2EpDjCiB;AFoyJnB;;AuDn0JA;EACE;EACA;EACA;EACA,iErDeW;EqDdX;EACA;AvDs0JF;AuDp0JE;EACE,6FrDVY;EqDWZ,+DrDoBS;EqDnBT;AvDs0JJ;AuDn0JE;EACE;AvDq0JJ;AuDl0JE;EACE;EACA;EACA;EACA;EACA;AvDo0JJ;;AuDh0JA;EACE;AvDm0JF;;AuDh0JA;EACE;AvDm0JF;;AuDh0JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kFrDtBe;EqDuBf;EACA;AvDm0JF;AuDj0JE;EACE;EACA;AvDm0JJ;AuDh0JE;EACE,kFrDhCa;AFk2JjB;;AwDx3JA;EACE;EACA;AxD23JF;;AwDx3JA;EACE;AxD23JF;AwDz3JE;EACE;EACA;EACA;EACA;AxD23JJ;;AwDv3JA;EAKE;AxDs3JF;AwD13JE;EACE;AxD43JJ;;AyD94JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzDi5JF;;AyD94JA;EACE;EACA;EACA;AzDi5JF;;AyD94JA;EACE;EACA;AzDi5JF;;AyD94JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6DvDlCQ;EuDmCR;EACA;EACA;AzDi5JF;;AyD94JA;EACE;EACA;AzDi5JF;;AyD94JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DvDtDQ;EuDuDR;EACA;AzDi5JF;;AyD94JA;EACE,4DvD5DQ;EuD6DR;EACA;AzDi5JF;;AyD94JA;EACE,2EvDjCiB;EuDkCjB;EACA;AzDi5JF;;A0Dr9JA;;EAEE;A1Dw9JF;;A0Dr9JA;EACE;EACA;EACA;A1Dw9JF;;A0Dr9JA;EACE;EACA;A1Dw9JF;;A0Dr9JA;EACE;A1Dw9JF;;A2Dz+JA;EACI;A3D4+JJ;;A2D1+JA;EACI;EACA;EACA;A3D6+JJ;;A2D3+JA;EACI;A3D8+JJ;;A2D5+JA;EACI;A3D++JJ;;A2D5+JA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;A3D8+JJ;;A2D3+JA;;EAEI;EACA;EACA;EACA;A3D8+JJ;;A4D/gKA;EACE;EACA;EACA;A5DkhKF;;A4D/gKA;EACE;EACA;EACA;A5DkhKF;;A4D7gKI;E7COF;EACA;EACA;EACA;EACA;Af0gKF;AexgKE;EACE;EACA;Af0gKJ;A4DrhKI;EACE;A5DuhKN;A4DphKI;EACE;A5DshKN;A4DnhKI;EACE;A5DqhKN;A4DjhKI;EACE;A5DmhKN;A4DjhKM;EACE;EACA;A5DmhKR;A4D/gKI;EACE;A5DihKN;A4D9gKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5DghKN;A4D7gKI;EACE;A5D+gKN;A4D5gKI;EACE;EACA;EACA;EACA;A5D8gKN;A4D1gKI;EACE;A5D4gKN;A4D1gKM;EACE;A5D4gKR;AuBtuJI;EACE;AvBwuJN;AuBpuJE;;EAEE;AvBsuJJ;AuBnuJE;EACE;EACA;AvBquJJ;AuBnuJI;EACE;EACA;AvBquJN;AuBluJI;EACE;EACA;AvBouJN;AuBhuJE;EACE;AvBkuJJ;AuB9tJI;EACE;AvBguJN;AuB3tJI;EACE;AvB6tJN;AuBxtJI;EACE;AvB0tJN;AuBxtJM;EACE;EACA;EACA;EACA;EACA;EACA,uErB3XO;EqB4XP;EACA;EACA;EACA;AvB0tJR;AuBrtJE;EACE;AvButJJ;AuBptJE;EACE;EACA;EACA;EACA;AvBstJJ;AuBntJE;EACE;AvBqtJJ;AuBltJE;;EAEE;AvBotJJ;AuBhtJI;EACE;EACA;EACA;EACA;EACA;EACA;AvBktJN;AuB1sJI;;;;EACE;AvB+sJN;AuB3sJE;EACE;AvB6sJJ;AuB3sJI;EACE;EACA;EACA,iErBncO;AFgpKb;AuBzsJE;EACE;EACA;AvB2sJJ;AuBzsJI;EACE;AvB2sJN;AuBxsJI;EACE;AvB0sJN;AuBtsJE;EACE;EACA;AvBwsJJ;AuBrsJE;EACE,2ErB9ce;EqB+cf;AvBusJJ;AuBnsJI;EACE;AvBqsJN;AuBlsJI;EACE;AvBosJN;AuBjsJI;EACE;AvBmsJN;AuB/rJE;EACE;AvBisJJ;AuB9rJE;EACE;AvBgsJJ;AuB5rJI;EACE;EACA;AvB8rJN;AuBzrJI;EACE;AvB2rJN;AkCtrKE;EACE;EACA;AlCwrKJ;;A6D9pKA;EACE;A7DiqKF;;A6D9pKA;EACE;EACA;EACA;EACA;EACA;EACA,kF3DvCe;E2DwCf;A7DiqKF;A6D/pKE;EACE;EACA;A7DiqKJ;A6D9pKE;EACE;EACA;A7DgqKJ;A6D7pKE;EACE;EACA;EACA;A7D+pKJ;A6D5pKE;EACE;EACA;EACA;EACA,mE3D/CK;AF6sKT;A6D3pKE;EACE;A7D6pKJ;A6D1pKE;EACE;EACA,sF3D5De;AFwtKnB;;A6DxpKA;EACE;A7D2pKF;;A6DvpKE;EACE;EACA;A7D0pKJ;A6DtpKM;EACE;EACA;EACA,uE3D1FK;AFkvKb;A6DrpKM;EACE;EACA;EACA;EACA,mE3DjFC;AFwuKT;A6DppKM;EACE;A7DspKR;A6DnpKM;EACE;EACA,sF3D9FW;AFmvKnB;;A6D9oKE;EACE,wE3D7FY;AF8uKhB;A6D9oKE;EACE,uE3DtHS;E2DuHT;EACA;A7DgpKJ;;A6D3oKE;EACE,wE3DxGW;E2DyGX,8F3D7HmB;AF2wKvB;A6D3oKE;EACE;A7D6oKJ;;A6DxoKE;EACE,kF3DxIa;AFmxKjB,C","file":"defaultV2.fontless.css","sourcesContent":["@charset \"UTF-8\";\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0;\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item__icon svg {\n display: block;\n}\n.sv-action-bar-item__icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {\n outline: none;\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary .sv-action-bar-item__icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sv-action-bar-item--active .sv-action-bar-item__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n cursor: pointer;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-family: var(--font-family, var(--font-family));\n}\n\n.sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n}\n.sv-dots__item .sv-action-bar-item__icon {\n margin: auto;\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 50%;\n}\n\n.sv-dragged-element-shortcut {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n padding-left: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: move;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td > * {\n visibility: hidden;\n}\n\nsv-popup {\n display: block;\n position: absolute;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n padding: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n}\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n}\n\n.sv-popup.sv-popup--modal > .sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: var(--sv-popup-overlay-height, 100vh);\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__container {\n background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n max-width: 100vw;\n max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: unset;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-content {\n max-height: var(--sv-popup-overlay-height, 100vh);\n max-width: 100vw;\n border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(100% - (1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__button {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n}\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-general-backcolor, var(--background, #fff));\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calc(1.5 * var(--sjs-font-size, 16px));\n line-height: calc(2 * var(--sjs-font-size, 16px));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__button {\n margin: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--modal .sv-list__filter-icon,\n.sv-popup--overlay .sv-list__filter-icon {\n top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar .sv-action {\n width: auto;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button {\n background-color: transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n box-shadow: none;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n margin-top: 0;\n padding-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__container {\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list {\n flex-grow: 1;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon {\n position: static;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled {\n pointer-events: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__input {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-family: var(--font-family);\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused .sv-list__item-body {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), 31 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n width: auto;\n min-width: min(40 * var(--sjs-base-unit, var(--base-unit, 8px)), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n overflow: hidden;\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__scrolling-content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-list__container {\n flex-grow: 1;\n}\n\n.sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n overflow: auto;\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-button-group__item {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n appearance: none;\n width: 100%;\n padding: 11px calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n cursor: pointer;\n overflow: hidden;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n position: relative;\n}\n.sv-button-group__item:not(:last-of-type) {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group__item--hover:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-button-group__item-icon {\n display: block;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-button-group__item--selected {\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-button-group__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n}\n.sv-button-group__item--disabled .sv-button-group__item-decorator {\n opacity: 0.25;\n font-weight: normal;\n}\n.sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sv-button-group__item--disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n.sv-hidden {\n display: none !important;\n}\n\n.sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n}\n.sv-title-actions .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n}\n\n.sv_window {\n position: fixed;\n bottom: 3px;\n right: 10px;\n background-color: cadetblue;\n padding: 1px;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n background-color: #fff;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n line-break: auto;\n z-index: 100;\n}\n\n.sv_window_title {\n padding: 8px 14px;\n margin: 0;\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n}\n\n.sv_window_content {\n padding: 0;\n margin: 0;\n max-height: 80vh;\n overflow-y: auto;\n}\n\n.sv_window_title a,\n.sv_window_title a:link,\n.sv_window_title a:visited {\n text-decoration: none;\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n font-style: normal;\n color: black;\n}\n\n.sv_window_button .sv-svg-icon {\n margin: 4px;\n}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n}\n.sv-brand-info a {\n color: #161616;\n text-decoration-line: underline;\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n color: #161616;\n}\n\n.sv-brand-info__logo {\n display: inline-block;\n}\n.sv-brand-info__logo img {\n width: 118px;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n}\n.sv-brand-info__terms a {\n color: #909090;\n}\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calc(0.6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n outline: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n border-radius: 100%;\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking-item__index.sv-ranking-item__index:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(31 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n position: absolute;\n left: 0;\n top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n left: initilal;\n right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n}\n.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__content {\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column-reverse;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {\n margin: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n width: 1px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {\n left: initial;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n padding-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n padding-right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n}\n\n.sv-ranking__container--empty {\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.sv-ranking__container--from .sv-ranking-item__icon--focus {\n display: none;\n}\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--font-family, var(--font-family));\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n text-align: center;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n padding-block: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n outline: none;\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-block: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(7.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {\n margin-inline-start: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n outline: none;\n}\n.sv-list__item:hover .sv-list__item-body,\n.sv-list__item:focus .sv-list__item-body {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n}\n.sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body {\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n}\n\n.sv-list__item-icon {\n float: left;\n flex-shrink: 0;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item-icon svg {\n display: block;\n}\n.sv-list__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sv-list__item-icon,\n[style*=\"direction:rtl\"] .sv-list__item-icon,\n[style*=\"direction: rtl\"] .sv-list__item-icon {\n float: right;\n}\n\n.sv-list__item-separator {\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-list--filtering .sv-list__item-separator {\n display: none;\n}\n\n.sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-body,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n.sv-list__item.sv-list__item--selected .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-list__item.sv-list__item--disabled .sv-list__item-body {\n cursor: default;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}\n\n.sv-save-data_root {\n position: fixed;\n left: 50%;\n bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n opacity: 0;\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(2 * var(--sjs-corner-radius, 4px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n min-width: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n z-index: 1600;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n transform: translateX(-50%) translateY(calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root span {\n display: flex;\n flex-grow: 1;\n}\n.sv-save-data_root .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n color: var(--sjs-general-backcolor, var(--background, #fff));\n font-weight: 600;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: #ffffff;\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid #ffffff;\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: #ffffff;\n font-weight: 600;\n}\n\n.sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n font-family: var(--sjs-font-questiontitle-family, var(--font-family));\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n margin: 0;\n}\n.sd-element__title .sd-element__num {\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-element__title span {\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n.sd-element__title .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n}\n.sd-element__title .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n}\n.sd-element__title .sv-title-actions__title {\n white-space: nowrap;\n}\n.sd-element__title .sv-string-viewer {\n white-space: normal;\n}\n.sd-element__title .sv-string-viewer::before {\n content: \"​\";\n}\n\n.sd-element__num {\n float: left;\n padding-top: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.375 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: 0;\n padding-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n}\n.sd-element__num + span {\n float: left;\n width: 0;\n}\n\n[dir=rtl] .sd-element__num,\n[style*=\"direction:rtl\"] .sd-element__num,\n[style*=\"direction: rtl\"] .sd-element__num {\n float: right;\n}\n\n.sd-element__title--num-inline .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-element__title--num-inline .sd-element__num + span {\n float: none;\n width: auto;\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n.sd-element--with-frame {\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.sd-element--with-frame.sd-question--paneldynamic {\n padding-bottom: 0;\n}\n.sd-element--with-frame.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n\n.sd-element--complex.sd-element--complex > .sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n}\n.sd-element--complex > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--complex > .sd-element__header--location-top:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n bottom: 0;\n}\n.sd-element--complex.sd-element--with-frame {\n padding-top: 0;\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--expanded > .sd-element__header,\n.sd-element--collapsed > .sd-element__header {\n cursor: pointer;\n}\n\n.sd-element--collapsed > .sd-element__header {\n padding: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--collapsed > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--collapsed.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n}\n.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-element--collapsed > .sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-element--collapsed > .sd-element__header:hover, .sd-element--nested.sd-element--collapsed > .sd-element__header:focus-within {\n box-shadow: 0 calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {\n border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--outside-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--below-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:focus-within, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:focus-within {\n box-shadow: none;\n}\n.sd-element--nested > .sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-shadow: none;\n background-color: transparent;\n}\n\n.sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-weight: 600;\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame > .sd-question__erbox--above-question {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n margin-top: calc(-0.25 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--with-frame > .sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n}\n.sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex: 1;\n}\n\n.sd-question__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n height: auto;\n width: auto;\n max-width: calc(29 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.75;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {\n display: none;\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: center;\n min-height: calc(24 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {\n white-space: pre-line;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-question--empty.sd-question--complex > .sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow: visible;\n max-width: 100%;\n}\n\n.sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: var(--font-family);\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n position: absolute;\n inset-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-block-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n.sd-input[type=color],\n.sd-input[type=range] {\n box-sizing: content-box;\n width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-input[type=range]::-webkit-slider-runnable-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-comment {\n display: block;\n height: auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n\n.sd-panel {\n position: relative;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {\n content: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: 0 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-panel.sd-panel--as-page .sd-panel__header + .sd-panel__content {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel.sd-panel--as-page > .sd-panel__content {\n padding-top: 0;\n}\n\n.sd-row ~ .sd-row .sd-panel--as-page {\n padding-top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-panel__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel__content {\n padding-top: var(--sd-base-padding);\n}\n\n.sjs_sp_placeholder {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sjs_sp_container {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: auto;\n bottom: auto;\n}\n\n.sd-question--signature:not(.sd-question--answered) .sd-signaturepad__controls {\n display: none;\n}\n\n.sd-question--signature.sd-question--error .sjs_sp_placeholder {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-signaturepad__canvas,\n.sd-signaturepad__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-family: var(--font-family, var(--font-family));\n font-weight: 600;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdynamic__drag-element:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-matrixdynamic__drag-element:after {\n content: \" \";\n display: block;\n height: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {\n margin-left: 0;\n}\n\n.sd-drag-element__svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-drag-element__svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-table {\n width: 100%;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n border-collapse: separate;\n border-spacing: 0;\n white-space: normal;\n}\n.sd-table > thead > tr > th {\n border-top: 0;\n border-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n}\n\n.sd-table__cell {\n border-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n background-clip: padding-box;\n}\n\n.sd-table__row:first-of-type > .sd-table__cell {\n border-top: 0;\n}\n\n.sd-table__row:last-of-type > .sd-table__cell {\n border-bottom: 0;\n}\n\n.sd-table--align-top .sd-table__cell {\n vertical-align: top;\n}\n\n.sd-table--no-header {\n padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table--alternate-rows {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:last-of-type {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-matrix__text--checked,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-input,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error) .sd-item__decorator,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n text-align: center;\n}\n.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--error {\n border: none;\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--error .sd-question__erbox--outside-question {\n margin: 0;\n}\n\n.sd-table__cell--error-top {\n vertical-align: bottom;\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--error-bottom {\n vertical-align: top;\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--item .sd-selectbase__item {\n text-align: center;\n}\n.sd-table__cell--item .sd-selectbase__label {\n justify-content: center;\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n font-size: 0;\n line-height: 0;\n}\n\n.sd-table__cell--header span {\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n vertical-align: top;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n min-width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {\n min-width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {\n min-width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--detail-panel {\n border-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n}\n\n.sd-table__cell--actions .sv-action-bar,\n.sd-matrixdynamic__add-btn .sv-action-bar {\n overflow: visible;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {\n padding-left: 0;\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--detail-button svg {\n display: block;\n width: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-table__cell--detail-button:hover {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-table__cell--detail-button:hover svg {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n}\n.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n text-align: left;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n}\n.sd-table__question-wrapper:not(:focus-within):hover .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n position: sticky;\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 12;\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,\n.sd-table__cell--empty:first-of-type,\n.sd-table__cell--row-text:first-of-type,\n.sd-matrix__cell:first-of-type:first-of-type,\n.sd-matrix tr > td:first-of-type:first-of-type {\n left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,\n.sd-table__cell--empty:last-of-type,\n.sd-table__cell--row-text:last-of-type,\n.sd-matrix__cell:first-of-type:last-of-type,\n.sd-matrix tr > td:first-of-type:last-of-type {\n right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-question--table.sd-element--nested {\n overflow-x: visible;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-table-wrapper:before, .sd-table-wrapper:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-shrink: 0;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 11;\n}\n.sd-table-wrapper::before {\n left: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper:after {\n right: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper > * {\n flex-basis: 100%;\n}\n\n.sd-question--table > .sd-question__header,\n.sd-question--table .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n}\n.sd-question--table > .sd-question__content {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: min-content;\n}\n.sd-question--table.sd-element--nested > .sd-question__header--location-top {\n margin-top: calc(-0.25 * var(--sd-base-vertical-padding));\n}\n.sd-question--table.sd-element--nested > .sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n}\n.sd-question--table.sd-element--nested > .sd-question__content {\n min-width: auto;\n overflow-x: auto;\n}\n.sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n table-layout: fixed;\n}\n\n.sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__question-wrapper .sd-boolean-root {\n margin: auto;\n}\n\n.sd-table.sd-matrixdynamic {\n table-layout: auto;\n}\n\n.sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0 calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n padding: 0;\n}\n\n.sd-page .sd-page__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n margin-top: 0;\n}\n\n.sd-page .sd-page__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: 0 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n margin-top: 0;\n}\n\n.sd-page__title ~ .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-page__title ~ .sd-row.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n}\n.sd-row--multiple > div {\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n}\n\n.sd-page__row.sd-row--multiple {\n padding: var(--sd-base-padding) var(--sd-base-padding) var(--sd-base-padding) 0;\n margin-left: 0;\n width: 100%;\n}\n.sd-page__row.sd-row--multiple:not(.sd-row--compact) {\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n.sd-page__row.sd-row--multiple.sd-row--compact {\n padding: 0;\n width: calc(100% + var(--sd-base-padding));\n margin-left: calc(-1 * var(--sd-base-padding));\n}\n\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}\n\n.sd-title {\n display: block;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, var(--font-family));\n gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-title.sd-container-modern__title .sd-logo__image {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-grow: 1;\n}\n.sd-header__text .sd-title {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-family: var(--sjs-font-surveytitle-family, var(--font-family));\n font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n font-weight: var(--sjs-font-surveytitle-weight, 700);\n line-height: calc(1.25 * var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n.sd-header__text h3 {\n line-height: calc(2.5 * var(--sjs-font-size, 16px));\n}\n.sd-header__text h5 {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-title .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n}\n\n.sd-root-modern .sd-container-modern__title {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-root-modern .sd-container-modern__title .sd-header__text h3 {\n margin: 0;\n}\n.sd-root-modern .sd-container-modern__title .sd-description {\n margin: 0;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-title .sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: initial;\n min-width: unset;\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n margin: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-action-title-bar .sv-action {\n flex: 0 0 auto;\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}\n\n.sd-description {\n font-style: normal;\n font-family: var(--sjs-font-questiondescription-family, var(--font-family));\n font-weight: var(--sjs-font-questiondescription-weight, 400);\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-description.sd-question__description--under-input {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element__header .sd-description {\n margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-item {\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n flex-shrink: 0;\n margin-top: calc(((1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))))) - (3 * var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus + .sd-item__decorator {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item__control-label {\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-style: normal;\n font-weight: var(--sjs-font-editorfont-weight, 400);\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-item--error .sd-item__decorator {\n background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__column:not(:last-child) {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__decorator {\n border-radius: 50%;\n}\n\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 50%;\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__svg {\n display: none;\n}\n\n.sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sd-matrix fieldset {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n\n.sd-matrix__text {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}\n\n:root {\n --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-inline-start: 0;\n align-items: center;\n}\n.sd-rating.sd-rating--wrappable fieldset {\n flex-wrap: wrap;\n}\n\n.sd-rating--small {\n min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-rating--small fieldset {\n padding: 0;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item {\n position: relative;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-rating__item--fixed-size {\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n}\n\nlegend + .sd-rating__item,\nlegend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n border-color: transparent;\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley {\n position: relative;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-rating__item-smiley svg {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small {\n padding: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-width: 1px;\n}\n.sd-rating__item-smiley--small svg {\n width: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\nlegend + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-color: transparent;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n}\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:first-of-type) {\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:last-of-type) {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-rating__item-star .sv-star-2 {\n display: none;\n}\n\n.sd-rating__item-star--small {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star--small svg {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-star--selected svg {\n stroke: none;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-star--error svg {\n stroke: none;\n fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n}\n.sd-rating__item-star--disabled svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: none;\n}\n\n.sd-rating__item-star--unhighlighted svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--highlighted svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--selected:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:focus-within .sv-star {\n display: none;\n}\n.sd-rating__item-star--selected:focus-within .sv-star-2 {\n display: block;\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n display: inline-block;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-top: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 2px solid transparent;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-left: 0px;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-text.sd-rating__item-text .sv-string-editor {\n white-space: nowrap;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: inherit;\n}\n\n.sv-ranking-item--error .sv-ranking-item__index {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {\n left: 0;\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dropdown_select-wrapper {\n position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n position: absolute;\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: 0;\n bottom: 0;\n inset-inline-end: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-inline-end: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-dropdown:focus-within .sd-dropdown__filter-string-input {\n z-index: 2000;\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-prefix span {\n white-space: pre;\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-suffix span {\n white-space: pre;\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sd-list__item-body {\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n}\n\n[dir=rtl] .sd-dropdown,\n[style*=\"direction:rtl\"] .sd-dropdown,\n[style*=\"direction: rtl\"] .sd-dropdown {\n background-position: left calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;\n}\n\n.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox_clean-button {\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n padding: calc(0.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n align-items: center;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-tagbox__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n min-width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {\n display: flex;\n align-self: center;\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n padding-inline-start: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n display: block;\n padding: calc(0.25 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n width: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n width: 100%;\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1/1) {\n .sd-imagepicker > div {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n.sd-imagepicker__item img,\n.sd-imagepicker__item .sd-imagepicker__image-container > div {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border-radius: 100%;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n display: block;\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-imagepicker__no-image-svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}\n\n.sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-image__no-image {\n background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n min-width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(27.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-html {\n white-space: initial;\n}\n\n.sd-html h1 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-xx-large-fontSize, 64px);\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n.sd-html h2 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-x-large-fontSize, 48px);\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n.sd-html h3 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-large-fontSize, 32px);\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n.sd-html h4 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-medium-fontSize, 24px);\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n.sd-html h5,\n.sd-html h6 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-html span,\n.sd-html div,\n.sd-html p {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-default-fontSize, 16px);\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n.sd-html a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;\n}\n.sd-html button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-html button:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, var(--font-family));\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-expression {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-progress {\n height: 2px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n}\n@media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 5%;\n }\n}\n@media only screen and (max-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 10px;\n }\n}\n\n.sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.sd-boolean.sd-boolean--allowhover:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n color: transparent;\n transition-duration: 0.15s;\n transition-property: color;\n transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n}\n.sd-boolean--disabled .sd-boolean__thumb,\n.sd-boolean--disabled .sd-boolean__label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-paneldynamic .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n}\n.sd-paneldynamic > .sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n padding-bottom: 0;\n padding-top: var(--sd-base-vertical-padding);\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {\n display: none;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn {\n display: block;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__footer .sd-paneldynamic__add-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__progress-text,\n.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {\n display: initial;\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__progress-text {\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin: 0;\n margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__prev-btn .sv-svg-icon,\n.sd-paneldynamic__next-btn .sv-svg-icon {\n display: block;\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n}\n\n.sd-question--empty.sd-question--paneldynamic > .sd-question__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 -1px calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tab-item {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n overflow-x: hidden;\n white-space: nowrap;\n}\n.sd-tab-item:hover {\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: auto;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-tab-item--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.5;\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n box-shadow: none;\n}\n.sd-tab-item--icon:hover use,\n.sd-tab-item--icon.sd-tab-item--pressed use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon:hover use {\n opacity: 1;\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}\n\n.sd-file {\n min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: relative;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n.sd-file .sv-action-bar {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n}\n.sd-file .sv-action-bar .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {\n opacity: initial;\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n cursor: pointer;\n}\n\n.sd-question--answered .sd-file__drag-area-placeholder {\n display: none;\n}\n\n.sd-file__choose-btn--text svg {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n}\n.sd-file__choose-btn--icon span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n inset-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__clean-btn span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n inset-inline-end: calc((1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))))) + (5 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calc(10.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n min-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n}\n.sd-file__preview .sd-file__default-image {\n width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 90px;\n}\n.sd-file__preview img:hover + .sd-file__remove-file-button,\n.sd-file__preview svg:hover + .sd-file__remove-file-button,\n.sd-file__preview .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.sd-file__sign {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n}\n.sd-file__sign a {\n display: block;\n text-decoration: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n word-break: break-all;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-overflow: ellipsis;\n line-height: calc(1 * var(--sjs-font-size, 16px));\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__image-wrapper img:not(.sd-file__default-image) {\n display: block;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n object-fit: contain;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-file--single img:hover + .sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file--mobile .sd-file__list {\n height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-file--single-image {\n height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file--single-image .sd-file__preview {\n width: 100%;\n margin: 0;\n}\n.sd-file--single-image .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper img {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-file--single-image .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n}\n.sd-file--single-image .sd-file__sign a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.sd-hidden {\n display: none !important;\n}\n\n.sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n flex-grow: 1;\n}\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n text-align: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-btn:disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--action:hover {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n}\n\n.sd-btn--action:disabled {\n color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n pointer-events: none;\n}\n\n.sd-body {\n width: 100%;\n}\n.sd-body .sd-body__page {\n min-width: calc(300px + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body .sd-body__timer {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n box-sizing: border-box;\n}\n.sd-body.sd-body--static {\n max-width: calc(90 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n padding-top: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(10 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--static .sd-body__timer,\n.sd-body.sd-body--static .sd-body__navigation,\n.sd-body.sd-body--static .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n}\n.sd-body.sd-body--static .sd-body__navigation {\n padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {\n padding-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--responsive {\n max-width: initial;\n padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n}\n.sd-body.sd-body--responsive .sd-page {\n padding: 0;\n}\n.sd-body.sd-body--responsive .sd-page.sd-page__empty-header {\n padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--responsive .sd-body__timer,\n.sd-body.sd-body--responsive .sd-body__navigation {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-body.sd-body--responsive .sd-body__navigation {\n padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--responsive.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * (-1 - 64 / 144) + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n}\n\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive, .sd-root-modern--mobile .sd-body.sd-body--static {\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 0;\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: wrap;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__progress {\n margin-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__progress--top {\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n\n.sd-root_background-image {\n background-position-x: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n\n.sd-multipletext__cell {\n height: 100%;\n}\n\n.sd-multipletext__cell:not(:last-child) {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-multipletext__item-container .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-title {\n height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);\n max-width: 30%;\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-multipletext__item {\n flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n\n.sd-multipletext__item-container--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-multipletext__item-container--error .sd-input--error {\n background-color: transparent;\n}\n\n.sd-multipletext__item-container:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-multipletext tr:not(:last-child) .sd-multipletext__cell {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext .sd-input .sd-input {\n background: transparent;\n}\n\n.sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n outline: none;\n}\n\n.sd-action--negative {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-action--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\nsvg.sd-action--icon {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n cursor: pointer;\n opacity: 1;\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--icon,\n.sd-action:not(.sd-action--pressed):focus.sd-action--icon {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-action:not(.sd-action--pressed):hover:active,\n.sd-action:not(.sd-action--pressed):focus:active {\n opacity: 0.5;\n}\n\n.sd-action__icon {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 0.5;\n}\n\n.sd-action-bar {\n display: flex;\n align-items: center;\n}\n.sd-action-bar .sv-action:not(:last-child) .sv-action__content {\n padding-right: 0;\n}\n\n.sd-context-btn {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n outline: none;\n cursor: pointer;\n}\n.sd-context-btn svg {\n display: block;\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n.sd-context-btn use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-context-btn:hover use,\n.sd-context-btn:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn:hover.sd-context-btn--negative use,\n.sd-context-btn:focus.sd-context-btn--negative use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n\n.sd-completedpage {\n font-family: var(--font-family, var(--font-family));\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n}\n.sd-completedpage h1 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-xx-large-fontSize, 64px);\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n.sd-completedpage h2 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-x-large-fontSize, 48px);\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n.sd-completedpage h3 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-large-fontSize, 32px);\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n.sd-completedpage h4 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-medium-fontSize, 24px);\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n.sd-completedpage h5,\n.sd-completedpage h6 {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-completedpage span,\n.sd-completedpage div,\n.sd-completedpage p {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-article-font-default-fontSize, 16px);\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n.sd-completedpage a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;\n}\n.sd-completedpage button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-completedpage button:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, var(--font-family));\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-completedpage:after {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title,\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv_progress-toc {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: calc(42 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 100%;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n min-width: calc(32 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n.sv_progress-toc .sv-list__item span {\n white-space: break-spaces;\n}\n.sv_progress-toc .sv-list__item-body {\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: auto;\n min-width: auto;\n height: auto;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n z-index: 15;\n border-radius: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc--mobile > div {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc--mobile:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-list {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n}\n.sd-list__item.sd-list__item .sd-list__item-body {\n padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n outline: none;\n}\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {\n padding-block: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * -1.2222222222);\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n}\n\nsv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}\n\n.sjs_sp_container {\n position: relative;\n}\n\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sjs_sp_controls > button {\n user-select: none;\n}\n\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sjs_sp_canvas,\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n\n.sd-root-modern {\n --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {\n float: none;\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {\n left: calc(-2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-header__text {\n min-width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell:not(:last-child) {\n padding-right: 0;\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-container {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title {\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n max-width: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item {\n width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table > .sd-question__content {\n padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question--table,\n.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {\n overflow-x: visible;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table thead {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table tr {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr + tr {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {\n justify-content: start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {\n margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell::before {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell::before,\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--actions::before,\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text::before,\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error::before {\n content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n content: attr(title);\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {\n bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--error-top {\n margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top .sd-question__erbox {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n}\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n position: relative;\n}\n.sd-root-modern form {\n z-index: 1;\n position: relative;\n}\n.sd-root-modern * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sd-root-modern ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern ::-webkit-scrollbar-track {\n background: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sv-popup__shadow {\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n}\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 100%;\n}\n\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sv-popup.sv-popup--modal .sv-popup__body-footer {\n padding-bottom: 2px;\n}\n\n.sv-popup.sv-popup--overlay .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: $border;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(0.5);\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n color: $foreground;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calcSize(5);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calcSize(4);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n margin: 0 calcSize(0.5);\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0; //margin-left\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0; //margin-right\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(0.5);\n}\n\n.sv-action-bar-item__icon {\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n//hovered state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: $background-dim;\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed {\n\n &:focus,\n &:focus-visible {\n outline: none;\n // background-color: $background-dim;\n }\n}\n\n//pressed state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n//disabled state\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: $secondary;\n }\n}\n\n.sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: $primary;\n }\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calcSize(5);\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n cursor: pointer;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n}\n\n.sv-expand-action {\n &:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n }\n}\n\n.sv-expand-action--expanded {\n &:before {\n transform: rotate(180deg);\n }\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n\n .sv-action-bar-item__icon {\n margin: auto;\n }\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n &>* {\n flex: 0 0 auto;\n }\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: $background-dim;\n opacity: 50%;\n}","$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(\n --sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))\n);\n$question-background: var(\n --sjs-questionpanel-backcolor,\n var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))\n);\n\n$background: var(--sjs-general-backcolor, var(--background, #fff));\n$background-dim: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n$background-dim-light: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n$background-semitransparent: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n$background-dark: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n$background-dim-dark: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n\n$corner-radius: var(--sjs-corner-radius, 4px);\n$editor-corner-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n$panel-corner-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-small: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-medium: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n$shadow-large: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--font-family);\n$font-size: var(--sjs-font-size, 16px);\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, var(--font-family));\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, $font-size)));\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, var(--font-family));\n$font-pagetitle-weight: var(--sjs-font-pagetitle-weight, 700);\n$font-pagetitle-color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-pagetitle-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, $font-size)));\n\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, var(--font-family));\n$font-pagedescription-weight: var(--sjs-font-pagedescription-weight, 400);\n$font-pagedescription-color: var(\n --sjs-font-pagedescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-pagedescription-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, var(--font-family));\n$font-questiontitle-weight: var(--sjs-font-questiontitle-weight, 600);\n$font-questiontitle-color: var(\n --sjs-font-questiontitle-color,\n var(--sjs-general-forecolor, var(--foreground, #161616))\n);\n$font-questiontitle-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, var(--font-family));\n$font-questiondescription-weight: var(--sjs-font-questiondescription-weight, 400);\n$font-questiondescription-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n$font-questionplaceholder-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-placeholdercolor: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n$font-editorfont-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, $font-size)));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@function multiply($a, $b) {\n $result: calc(#{$a} * #{$b});\n @return $result;\n}\n\n@function calcSize($multiplier) {\n $result: calc(#{$multiplier} * #{$base-unit});\n @return $result;\n}\n\n@function calcFontSize($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcLineHeight($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcCornerRadius($multiplier) {\n $result: calc(#{$multiplier} * #{$corner-radius});\n @return $result;\n}\n\n@mixin smallBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n border: calcSize(0.25) solid $border-light;\n border-radius: calcCornerRadius(1);\n}\n\n@mixin articleXXLargeFont {\n color: $foreground;\n font-size: var(--sjs-article-font-xx-large-fontSize, 64px);\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n\n@mixin articleXLargeFont {\n color: $foreground;\n font-size: var(--sjs-article-font-x-large-fontSize, 48px);\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n\n@mixin articleLargeFont {\n color: $foreground;\n font-size: var(--sjs-article-font-large-fontSize, 32px);\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n\n@mixin articleMediumFont {\n color: $foreground;\n font-size: var(--sjs-article-font-medium-fontSize, 24px);\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n\n@mixin articleDefaultFont {\n color: $foreground;\n font-size: var(--sjs-article-font-default-fontSize, 16px);\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-dragged-element-shortcut {\n height: calcSize(3);\n min-width: calcSize(12.5);\n border-radius: calcSize(4.5);\n background-color: $background;\n padding: calcSize(2);\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n padding-left: calcSize(2.5);\n line-height: calcLineHeight(1.5);\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calcSize(1.75);\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calcSize(0.75);\n width: calcSize(2.5);\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n cursor: move;\n margin-top: calcSize(1.5);\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: $background-dim;\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td>* {\n visibility: hidden;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n$popup-overlay-height: var(--sv-popup-overlay-height, 100vh);\n\nsv-popup {\n display: block;\n position: absolute;\n // z-index: -1;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: $shadow-large;\n border-radius: calcCornerRadius(1);\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calcCornerRadius(1);\n}\n\n.sv-popup__body-content {\n background-color: $background;\n border-radius: calcCornerRadius(1);\n\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: $background-semitransparent;\n\n padding: calcSize(11) calcSize(15);\n box-sizing: border-box;\n\n .sv-popup__body-content {\n padding: calcSize(4);\n height: auto;\n }\n}\n\n.sv-popup.sv-popup--modal>.sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: $popup-overlay-height;\n\n .sv-popup__container {\n background: $background-semitransparent;\n max-width: 100vw;\n max-height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n width: 100%;\n padding-top: calcSize(2);\n border: unset;\n }\n\n .sv-popup__body-content {\n max-height: $popup-overlay-height;\n max-width: 100vw;\n border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n background: $background;\n box-shadow: $shadow-large;\n padding: calcSize(3) calcSize(2) calcSize(2);\n height: calc(100% - calc(1 * #{$base-unit}));\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - (10 * var(--base-unit, 8px)));\n }\n\n .sv-popup__body-footer {\n margin-top: calcSize(2);\n }\n\n .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n }\n\n .sv-popup__body-footer-item {\n width: 100%;\n }\n\n .sv-popup__button {\n background-color: $primary;\n border: 2px solid $primary;\n color: $primary-foreground;\n }\n}\n\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) {\n .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n\n &,\n * {\n &::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: $background-dim;\n }\n\n &::-webkit-scrollbar-thumb {\n background: $primary-light;\n }\n }\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top {\n .sv-popup__pointer {\n transform: translate(calcSize(-1)) rotate(180deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--bottom {\n .sv-popup__pointer {\n transform: translate(calcSize(-1), calcSize(-1));\n }\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calcSize(1));\n\n .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n transform: translate(calcSize(-1));\n\n .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n }\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n\n &:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calcSize(1) solid transparent;\n border-right: calcSize(1) solid transparent;\n border-bottom: calcSize(1) solid $background;\n align-self: center;\n }\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calcFontSize(1.5);\n line-height: calcLineHeight(2);\n font-style: normal;\n font-weight: 700;\n margin-bottom: calcSize(2);\n color: $foreground;\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calcSize(4);\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calcSize(1.5);\n}\n\n.sv-popup__button {\n margin: calcSize(0.25);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n .sv-list__filter {\n padding-top: calcSize(1);\n }\n\n .sv-list__filter-icon {\n top: calcSize(2.5);\n }\n}\n\n//styles for dropdown overlay\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n\n .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n }\n\n .sv-popup__body-footer .sv-action-bar {\n .sv-action {\n width: auto;\n }\n }\n\n .sv-popup__button {\n background-color: transparent;\n color: $primary;\n border: none;\n box-shadow: none;\n padding: calcSize(1) calcSize(2);\n border-radius: calcSize(12.5);\n margin: 0;\n }\n\n .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n }\n\n .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n }\n\n .sv-popup__body-footer {\n background-color: $background-dim-light;\n margin-top: 0;\n padding-top: calcSize(0.5);\n padding-bottom: calcSize(0.5);\n border-top: 1px solid $border-light;\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n }\n\n .sv-list__filter-icon .sv-svg-icon {\n width: calcSize(2);\n height: calcSize(2);\n }\n\n .sv-list__container {\n padding: 0;\n }\n\n .sv-list {\n flex-grow: 1;\n padding: calcSize(0.5);\n }\n\n .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);\n }\n\n .sv-list__filter-icon {\n position: static;\n top: calcSize(1.5);\n height: calcSize(2);\n }\n\n .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calcSize(1) calcSize(0.5);\n background-color: $background;\n }\n\n .sv-popup__button:disabled {\n pointer-events: none;\n color: $foreground;\n opacity: 0.25;\n }\n\n .sv-list__filter-clear-button {\n height: calcSize(3);\n width: calcSize(3);\n padding: calcSize(0.5);\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n\n svg {\n height: calcSize(2);\n width: calcSize(2);\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sv-list__input {\n color: $foreground-light;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n font-family: $font-family;\n padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);\n }\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n .sv-list__item-body {\n background: $background;\n }\n\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n }\n }\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list {\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n }\n }\n}\n\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet {\n .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - #{$base-unit} * 8);\n --sv-popup-overlay-max-width: calc(100% - #{$base-unit} * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), calcSize(31));\n height: auto;\n width: auto;\n min-width: min(calcSize(40), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calcCornerRadius(1);\n overflow: hidden;\n margin: 0;\n }\n\n .sv-popup__content,\n .sv-popup__scrolling-content,\n .sv-list__container {\n flex-grow: 1;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\r\n\r\n.sv-button-group {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n font-size: calcFontSize(1);\r\n overflow: auto;\r\n border: 1px solid $border;\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}\r\n\r\n.sv-button-group__item {\r\n display: flex;\r\n box-sizing: border-box;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n appearance: none;\r\n width: 100%;\r\n padding: 11px calcSize(2);\r\n line-height: calcLineHeight(1.5);\r\n outline: none;\r\n font-size: calcFontSize(1);\r\n font-weight: 400;\r\n background: $background;\r\n cursor: pointer;\r\n overflow: hidden;\r\n color: $foreground;\r\n position: relative;\r\n\r\n &:not(:last-of-type) {\r\n border-right: 1px solid $border;\r\n }\r\n}\r\n\r\n.sv-button-group__item--hover:hover {\r\n background-color: $background-dim;\r\n}\r\n\r\n.sv-button-group__item-icon {\r\n display: block;\r\n height: calcSize(3);\r\n\r\n use {\r\n fill: $foreground-light;\r\n }\r\n}\r\n\r\n.sv-button-group__item--selected {\r\n font-weight: 600;\r\n color: $primary;\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $primary;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group__item-decorator {\r\n display: flex;\r\n align-items: center;\r\n max-width: 100%;\r\n}\r\n\r\n.sv-button-group__item-caption {\r\n display: block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.sv-button-group__item-icon+.sv-button-group__item-caption {\r\n margin-left: calcSize(1);\r\n}\r\n\r\n.sv-button-group__item--disabled {\r\n color: $foreground;\r\n cursor: default;\r\n\r\n .sv-button-group__item-decorator {\r\n opacity: 0.25;\r\n font-weight: normal;\r\n }\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $foreground;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}",".sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n",".sv-hidden {\n display: none !important;\n}",".sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions {\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n }\n\n .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n }\n}\n",".sv_window {\r\n position: fixed;\r\n bottom: 3px;\r\n right: 10px;\r\n background-color: cadetblue;\r\n padding: 1px;\r\n font-family: var(--font-family, $font-family);\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 1.42857143;\r\n text-align: left;\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n word-wrap: normal;\r\n white-space: normal;\r\n background-color: #fff;\r\n -webkit-background-clip: padding-box;\r\n background-clip: padding-box;\r\n border: 1px solid #ccc;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n border-radius: calcCornerRadius(1.5);\r\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n line-break: auto;\r\n z-index: 100;\r\n}\r\n\r\n.sv_window_title {\r\n padding: 8px 14px;\r\n margin: 0;\r\n font-size: calcFontSize(0.875);\r\n background-color: #f7f7f7;\r\n border-bottom: 1px solid #ebebeb;\r\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\r\n}\r\n\r\n.sv_window_content {\r\n padding: 0;\r\n margin: 0;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n}\r\n\r\n.sv_window_title a,\r\n.sv_window_title a:link,\r\n.sv_window_title a:visited {\r\n text-decoration: none;\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n color: black;\r\n}\r\n\r\n.sv_window_button .sv-svg-icon {\r\n margin: 4px;\r\n}\r\n","sv-brand-info {}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, $font-family);\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n\n a {\n color: #161616;\n text-decoration-line: underline;\n }\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n color: #161616;\n}\n\n.sv-brand-info__logo {\n img {\n width: 118px;\n }\n\n display: inline-block;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n color: #909090;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calcSize(0.6);\n height: calcSize(3);\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: $background;\n outline: calcSize(0.25) solid $primary;\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calcSize(0.5) 0px;\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(4);\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: $primary;\n position: absolute;\n top: calcSize(1);\n width: calcSize(1.75);\n height: calcSize(2);\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: $primary-light;\n color: $foreground;\n font-size: calcFontSize(1);\n border-radius: 100%;\n border: calcSize(0.25) solid transparent;\n width: calcSize(5);\n height: calcSize(5);\n line-height: calcLineHeight(1.5);\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calcSize(0);\n\n &:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: multiply(1, $font-editorfont-size);\n }\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $foreground;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: $background-dim;\n border-radius: calcSize(12.5);\n width: calcSize(31);\n height: calcSize(5);\n z-index: 1;\n position: absolute;\n left: 0;\n top: calcSize(0.5);\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n left: initilal;\n right: calcSize(5);\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: $shadow-large;\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: $foreground-light;\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile {\n .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n }\n\n .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n }\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: $primary;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calcSize(4);\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calcSize(1.75);\n height: calcSize(2);\n top: calcSize(1);\n}\n\n.sv-ranking-shortcut {\n .sv-ranking-item__content {\n padding-left: calcSize(0.5);\n }\n\n .sv-ranking-item__icon-container {\n margin-left: calcSize(1);\n }\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column-reverse;\n\n .sv-ranking__containers-divider {\n margin: calcSize(3) 0;\n height: 1px;\n }\n\n .sv-ranking__container--empty {\n padding-top: calcSize(1);\n padding-bottom: calcSize(1);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n .sv-ranking__containers-divider {\n width: 1px;\n }\n\n .sv-ranking__container--to {\n .sv-ranking-item {\n left: calcSize(1);\n }\n }\n\n .sv-ranking__container--empty {\n &.sv-ranking__container--to {\n //padding-right: calcSize(3);\n\n .sv-ranking-item {\n left: initial;\n }\n\n .sv-ranking__container-placeholder {\n padding-left: calcSize(5);\n }\n }\n\n &.sv-ranking__container--from {\n //padding-left: calcSize(3);\n\n .sv-ranking__container-placeholder {\n padding-right: calcSize(5);\n }\n }\n }\n}\n\n.sv-ranking__container-placeholder {\n color: $foreground-dim-light;\n @include defaultFont;\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n //width: 100%;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n //max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n //padding: calcSize(8);\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: $border-inside;\n}\n\n.sv-ranking__container--from {\n .sv-ranking-item__icon--focus {\n display: none;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: $background;\n font-family: var(--font-family, $font-family);\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, $font-family);\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(8);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-weight: 400;\n text-align: center;\n color: $foreground-light;\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: $foreground;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n // padding: calcSize(1) calcSize(8) calcSize(1) calcSize(2);\n padding-block: calcSize(1);\n padding-inline-end: calcSize(8);\n padding-inline-start: calcSize(2);\n color: $foreground;\n font-weight: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n .sv-list__item-body {\n @include borderLight;\n padding-block: calcSize(0.75);\n padding-inline-end: calcSize(7.75);\n padding-inline-start: calcSize(1.75);\n }\n\n .sv-string-viewer {\n margin-inline-start: calcSize(-0.25);\n }\n\n outline: none;\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n .sv-list__item-body {\n background-color: $background-dark;\n }\n\n outline: none;\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n gap: calcSize(2);\n display: flex;\n }\n}\n\n.sv-list__item-icon {\n float: left;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sv-list__item-icon {\n float: right;\n }\n}\n\n.sv-list__item-separator {\n margin: calcSize(1) 0;\n height: 1px;\n background-color: $border;\n}\n\n.sv-list--filtering {\n .sv-list__item-separator {\n display: none;\n }\n}\n\n.sv-list__item.sv-list__item--selected,\n.sv-list__item.sv-list__item--selected:hover,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused,\nli:focus .sv-list__item.sv-list__item--selected {\n .sv-list__item-body {\n background-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n\n .sv-list__item-icon use {\n fill: $background;\n }\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover {\n .sv-list__item-body {\n background-color: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n}\n\n.sv-list__item.sv-list__item--disabled {\n .sv-list__item-body {\n cursor: default;\n color: $foreground-light;\n }\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid $border-inside;\n background: $background;\n padding-bottom: calcSize(1);\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calcSize(1.5);\n inset-inline-start: calcSize(2); //left: calcSize(2);\n\n .sv-svg-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n use {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: $background;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calcFontSize(1);\n color: $foreground;\n padding: calcSize(1.5) calcSize(3);\n padding-inline-start: calcSize(7);\n line-height: calcLineHeight(1.5);\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-save-data_root {\n position: fixed;\n left: 50%;\n bottom: calcSize(3);\n background: $background;\n opacity: 0;\n padding: calcSize(3) calcSize(6);\n box-shadow: $shadow-medium;\n border-radius: calcCornerRadius(2);\n color: $foreground;\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n transform: translateX(-50%) translateY(calcSize(3));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root {\n span {\n display: flex;\n flex-grow: 1;\n }\n\n .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: $red;\n color: $background;\n font-weight: 600;\n padding: calcSize(2) calcSize(2) calcSize(2) calcSize(6);\n gap: calcSize(6);\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n height: calcSize(5);\n color: #ffffff;\n background-color: $red;\n border: calcSize(0.25) solid #ffffff;\n border-radius: calcCornerRadius(1.5);\n padding: calcSize(1) calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: $red;\n background-color: $background;\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: $primary;\n color: #ffffff;\n font-weight: 600;\n}",".sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n font-family: $font-questiontitle-family;\n font-weight: $font-questiontitle-weight;\n color: $font-questiontitle-color;\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n margin: 0;\n\n .sd-element__num {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n }\n\n span {\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n\n .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n }\n\n .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n }\n\n .sv-title-actions__title {\n white-space: nowrap;\n }\n\n .sv-string-viewer {\n white-space: normal;\n\n &::before {\n content: \"\\200B\";\n }\n }\n}\n\n.sd-element__num {\n float: left;\n padding-top: calcSize(0.625);\n padding-bottom: calcSize(0.375);\n padding-inline-start: 0;\n padding-inline-end: calcSize(1);\n width: calcSize(5);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n margin-inline-start: calcSize(-5); // margin-left\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n\n &+span {\n float: left;\n width: 0;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-element__num {\n float: right;\n }\n}\n\n.sd-element__title--num-inline {\n .sd-element__num {\n @include num_inline();\n }\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calcSize(2);\n width: calcSize(2);\n position: absolute;\n left: calcSize(-3);\n top: calcSize(0.5);\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n//with borders styles\n.sd-element--with-frame {\n border-radius: $panel-corner-radius;\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: $question-background;\n box-shadow: $shadow-small;\n\n &.sd-question--paneldynamic {\n padding-bottom: 0;\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n }\n}\n\n//complex (panel, paneldynamic, matrixes) styles\n.sd-element--complex {\n &.sd-element--complex>.sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n\n &:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: $border-light;\n bottom: 0;\n }\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n\n &:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n }\n }\n}\n\n//collapsed styles\n.sd-element--expanded,\n.sd-element--collapsed {\n &>.sd-element__header {\n cursor: pointer;\n }\n}\n\n.sd-element--collapsed {\n &>.sd-element__header {\n padding: calcSize(0) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: $background;\n }\n\n &.sd-element--complex>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n\n &>.sd-element__header {\n padding-top: calcSize(2);\n padding-bottom: calcSize(2);\n border-radius: $panel-corner-radius;\n }\n }\n\n &>.sd-element__header:focus-within,\n &>.sd-element__header:hover {\n background-color: $background-dim-light;\n }\n}\n\n.sd-element--collapsed>.sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n//nested styles\n.sd-element--nested {\n &.sd-element--complex {\n &>.sd-element__header--location-top {\n &:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n }\n\n &.sd-element--collapsed {\n\n &>.sd-element__header:hover,\n &>.sd-element__header:focus-within {\n box-shadow: 0 calcSize(-2) 0 0 $background-dim-light, 0 calcSize(2) 0 $background-dim-light;\n }\n }\n\n &.sd-panel,\n &.sd-question--paneldynamic {\n border: 1px solid $border-light;\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n\n &>.sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n\n &.sd-element--collapsed {\n &>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n\n &:hover,\n &:focus-within {\n box-shadow: none;\n }\n }\n }\n }\n\n &>.sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid $border;\n border-radius: $panel-corner-radius;\n box-shadow: none;\n background-color: transparent;\n}","@mixin page_title {\n font-family: $font-pagetitle-family;\n font-weight: $font-pagetitle-weight;\n font-size: $font-pagetitle-size;\n color: $font-pagetitle-color;\n position: static;\n line-height: multiply(1.33, $font-pagetitle-size);\n margin: calcSize(0.5) 0px;\n}\n\n@mixin page_description {\n font-family: $font-pagedescription-family;\n font-weight: $font-pagedescription-weight;\n font-size: $font-pagedescription-size;\n color: $font-pagedescription-color;\n position: static;\n line-height: multiply(1.5, $font-pagedescription-size);\n margin: 0 0 calcSize(1) 0;\n}\n\n@mixin num_inline {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n\n &+span {\n float: none;\n width: auto;\n }\n}",".sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calcSize(1) calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-weight: 600;\n line-height: calcLineHeight(1);\n font-size: calcFontSize(0.75);\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: $red;\n background-color: $red-light;\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-element--with-frame>.sd-question__erbox--above-question {\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\n}\n\n.sd-element--with-frame>.sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calcCornerRadius(1) calcCornerRadius(1);\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n margin-top: calc(-1 * 0.25 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame {\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n }\n\n &>.sd-question__content>.sd-question__header--location--bottom {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calcSize(2) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calcSize(1.5);\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calcSize(3);\n flex: 1;\n}\n\n.sd-question__required-text {\n color: $red;\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calcFontSize(1);\n margin-top: calcSize(2);\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n color: $foreground;\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n // left: 50%;\n // bottom: 50%;\n // transform: translateX(-50%) translateY(100%);\n height: auto;\n width: auto;\n max-width: calcSize(29);\n background-color: $background;\n color: $foreground;\n opacity: 0.75;\n box-shadow: $shadow-medium;\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within)>.sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: $red;\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n display: none;\n }\n }\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calcSize(0.5);\n justify-content: center;\n min-height: calcSize(24);\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n color: $font-questionplaceholder-color;\n\n &>div,\n &>span {\n .sv-string-viewer {\n white-space: pre-line;\n }\n }\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &>.sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n }\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow: visible;\n max-width: 100%;\n}",".sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(2);\n line-height: multiply(1.5, $font-editorfont-size);\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n background-color: $editor-background;\n box-shadow: $shadow-inner;\n border: none;\n border-radius: $editor-corner-radius;\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: $editor-background;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: $font-editorfont-placeholdercolor;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: $foreground;\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input--error {\n background-color: $red-light;\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: $font-family;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(2);\n inset-block-end: calcSize(1.5);\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n@mixin runnable-track {\n background-color: $primary;\n border-radius: calcSize(1);\n height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calcSize(-0.75);\n border-radius: 100%;\n border: 2px solid $primary;\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: $primary;\n height: calcSize(3);\n width: calcSize(3);\n}\n\n.sd-input[type=\"color\"],\n.sd-input[type=\"range\"] {\n box-sizing: content-box;\n width: calc(100% - 4 * #{$base-unit});\n height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-runnable-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-thumb {\n @include slider-thumb;\n}\n\n//mozilla\n.sd-input[type=\"range\"]::-moz-range-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-moz-range-thumb {\n @include slider-thumb;\n}",".sd-comment {\n display: block;\n height: auto;\n min-width: calcSize(6);\n min-height: calcSize(6);\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n",".sd-panel {\n position: relative;\n}\n\n.sd-panel.sd-panel--as-page {\n &>.sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n\n &:after {\n content: none;\n }\n\n .sd-panel__title {\n @include page_title();\n\n span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n }\n }\n\n .sd-panel__description {\n @include page_description();\n }\n }\n\n .sd-panel__header+.sd-panel__content {\n margin-top: calcSize(2);\n }\n\n &>.sd-panel__content {\n padding-top: 0;\n }\n}\n\n.sd-row~.sd-row {\n .sd-panel--as-page {\n padding-top: calcSize(5);\n }\n}\n\n.sd-panel__required-text {\n color: $red;\n}\n\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * #{$base-unit});\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid $border-light;\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel__content {\n padding-top: var(--sd-base-padding);\n}",".sjs_sp_placeholder {\n color: $font-questionplaceholder-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n}\n\n.sjs_sp_container {\n border: 1px dashed $border;\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calcSize(1);\n top: calcSize(1);\n left: auto;\n bottom: auto;\n}\n.sd-question--signature:not(.sd-question--answered) {\n .sd-signaturepad__controls {\n display: none;\n }\n}\n.sd-question--signature.sd-question--error {\n .sjs_sp_placeholder {\n background-color: $red-light;\n }\n}\n\n.sd-signaturepad__canvas,\n.sd-signaturepad__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n",".sd-checkbox__decorator {\n border-radius: calcCornerRadius(0.5);\n}\n.sd-checkbox__svg {\n display: none;\n width: calcSize(2.5);\n height: calcSize(2.5);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n use {\n fill: $primary-foreground;\n }\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: $border;\n}\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: $primary;\n}\n",".sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calcSize(-3);\n margin-left: calcSize(-3);\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calcSize(2);\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calcSize(2);\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n font-weight: 600;\n padding: calcSize(1) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calcSize(2);\n\n &:hover {\n background-color: $background;\n }\n\n &:after {\n content: \" \";\n display: block;\n height: calcSize(0.5);\n width: calcSize(2);\n border: 1px solid $border;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n }\n}\n\n.sd-matrixdynamic__placeholder {\n .sd-matrixdynamic__add-btn {\n margin-left: 0;\n }\n}\n\n.sd-drag-element__svg {\n width: calcSize(2);\n height: calcSize(2);\n display: block;\n\n use {\n fill: $foreground-light;\n }\n}",".sd-table {\n width: 100%;\n background: $question-background;\n border-collapse: separate;\n border-spacing: 0;\n white-space: normal;\n\n &>thead>tr>th {\n border-top: 0;\n border-bottom: calcSize(2) solid transparent;\n }\n}\n\n.sd-table__cell {\n border-top: calcSize(1) solid transparent;\n border-bottom: calcSize(1) solid transparent;\n background-clip: padding-box;\n}\n\n.sd-table__row:first-of-type>.sd-table__cell {\n border-top: 0;\n}\n\n.sd-table__row:last-of-type>.sd-table__cell {\n border-bottom: 0;\n}\n\n.sd-table--align-top {\n .sd-table__cell {\n vertical-align: top;\n }\n}\n\n.sd-table--no-header {\n padding-top: calcSize(3);\n}\n\n.sd-table--alternate-rows {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n width: calc(100% - 2 * #{$base-unit});\n\n .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n padding-left: calcSize(2);\n }\n\n .sd-table__cell:last-of-type {\n padding-right: calcSize(2);\n }\n\n .sd-table__row:nth-of-type(odd) {\n\n &>td,\n td:first-of-type {\n background-color: $background-dim-light;\n\n &.sd-matrix__text--checked {\n background-color: $primary-light;\n }\n\n .sd-input {\n background-color: $primary-foreground;\n }\n\n .sd-item:not(.sd-item--error) {\n .sd-item__decorator {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n }\n\n &.sd-item--checked .sd-item__decorator {\n background-color: $primary;\n }\n\n &.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after {\n background-color: $primary-foreground;\n }\n }\n }\n }\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n padding: 0 calcSize(1);\n color: $foreground;\n text-align: center;\n\n &:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n min-width: calcSize(14);\n }\n}\n\n.sd-table__cell--error {\n border: none;\n padding: 0 calcSize(1);\n\n .sd-question__erbox--outside-question {\n margin: 0;\n }\n}\n\n.sd-table__cell--error-top {\n vertical-align: bottom;\n padding-top: calcSize(1);\n}\n\n.sd-table__cell--error-bottom {\n vertical-align: top;\n padding-bottom: calcSize(1);\n}\n\n.sd-table__cell--item {\n .sd-selectbase__item {\n text-align: center;\n }\n\n .sd-selectbase__label {\n justify-content: center;\n }\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n font-size: 0;\n line-height: 0;\n}\n\n.sd-table__cell--header {\n span {\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n }\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n color: $font-questiontitle-color;\n vertical-align: top;\n padding: calcSize(1.5) calcSize(1);\n\n &:not(.sd-table__cell--empty) {\n min-width: calcSize(14);\n }\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calcSize(14);\n width: calcSize(14);\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n min-width: calcSize(2);\n width: calcSize(2);\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calcSize(14);\n width: calcSize(14);\n\n &.sd-table__cell--dropdown,\n &.sd-table__cell--rating {\n min-width: calcSize(22);\n width: calcSize(22);\n }\n\n &.sd-table__cell--boolean {\n min-width: calcSize(18);\n width: calcSize(18);\n }\n}\n\n.sd-table__cell--detail-panel {\n border-top: calcSize(1) solid transparent;\n padding: calcSize(3) calcSize(1) calcSize(4);\n border-bottom: calcSize(1) solid transparent;\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n .sv-action-bar {\n overflow: visible;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: calcSize(1);\n\n &:not(.sd-table__cell--drag):first-of-type {\n padding-left: 0;\n }\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calcSize(2);\n padding: calcSize(1);\n\n svg {\n display: block;\n width: multiply(1, $font-editorfont-size);\n height: multiply(1, $font-editorfont-size);\n fill: $foreground-light;\n }\n\n &:hover {\n background: $primary-light;\n\n svg {\n fill: $primary;\n }\n }\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n\n &.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n }\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n color: $font-questiontitle-color;\n text-align: left;\n min-width: calcSize(12);\n padding: calcSize(1.5) calcSize(1);\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n\n .sd-question__erbox--tooltip {\n display: inline-block;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr>td:first-of-type {\n position: sticky;\n background-color: $question-background;\n z-index: 12;\n\n &:first-of-type {\n left: calcSize(-1);\n }\n\n &:last-of-type {\n right: calcSize(-1);\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $question-background;\n }\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-question--table.sd-element--nested {\n overflow-x: visible;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n\n &:before,\n &:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - #{$base-unit});\n flex-shrink: 0;\n background: $question-background;\n z-index: 11;\n }\n\n &::before {\n left: calc(-1 * var(--sd-base-padding));\n }\n\n &:after {\n right: calc(-1 * var(--sd-base-padding));\n }\n\n &>* {\n flex-basis: 100%;\n }\n}\n\n.sd-question--table {\n\n &>.sd-question__header,\n .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n }\n\n &>.sd-question__content {\n padding-top: calcSize(2);\n min-width: min-content;\n }\n\n &.sd-element--nested {\n &>.sd-question__header--location-top {\n margin-top: calc(-1 * 0.25 * var(--sd-base-vertical-padding));\n }\n\n &>.sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n }\n\n &>.sd-question__content {\n min-width: auto;\n overflow-x: auto;\n }\n }\n\n &.sd-element--nested>.sd-question__content,\n &:not(.sd-element--with-frame):not(.sd-element--nested) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n }\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n table-layout: fixed;\n}\n\n@mixin table_responsive {\n .sd-question.sd-question--table {\n &>.sd-question__content {\n padding-top: 0;\n }\n }\n\n .sd-question--table,\n .sd-question--scroll {\n overflow-x: visible;\n }\n\n .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n\n .sd-matrix__responsive-title {\n margin-left: calcSize(1);\n text-align: left;\n }\n\n &:first-of-type {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n }\n }\n\n .sd-table thead {\n display: none;\n }\n\n .sd-table {\n tr {\n display: block;\n }\n }\n\n .sd-matrix__table {\n tr+tr {\n margin-top: calcSize(1);\n }\n }\n\n .sd-table:not(.sd-matrix__table) {\n tr {\n padding-bottom: calcSize(1);\n\n &::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: $border-light;\n left: calcSize(-2);\n bottom: calcSize(-1);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 12;\n }\n }\n }\n\n .sd-matrix__label {\n justify-content: start;\n }\n\n .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n }\n\n .sd-table__cell {\n margin-top: calcSize(1);\n }\n\n .sd-table__cell:first-of-type,\n .sd-matrix__cell {\n margin-top: 0;\n }\n\n .sd-table__cell {\n &::before {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n }\n }\n\n .sd-matrix__cell,\n .sd-table__cell--actions,\n .sd-table__cell--row-text,\n .sd-table__cell--error {\n &::before {\n content: none;\n }\n }\n\n .sd-table__cell.sd-table__cell--actions {\n width: auto;\n\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $background;\n }\n }\n\n .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calcSize(1) calcSize(3);\n\n .sd-action__icon {\n display: none;\n }\n\n &:after {\n content: attr(title);\n }\n }\n\n .sd-matrixdynamic__footer {\n padding-top: calcSize(1);\n margin-bottom: calcSize(-2);\n }\n\n .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: $foreground-light;\n padding-top: calcSize(2);\n }\n\n .sd-matrixdropdown.sd-table {\n tr:not(:last-child) {\n padding-bottom: calcSize(2);\n }\n\n tr::after {\n bottom: calcSize(-2);\n }\n\n tr:last-child:after {\n content: none;\n }\n }\n\n .sd-table__cell.sd-table__cell--error-top {\n margin-top: 0;\n }\n\n .sd-table__cell--error-top:first-of-type~.sd-table__cell:nth-of-type(2) {\n margin-top: 0;\n }\n\n .sd-table__cell--error-top {\n .sd-question__erbox {\n margin-top: calcSize(2);\n margin-bottom: calcSize(-2);\n }\n }\n\n .sd-table__cell--error-top:first-of-type {\n .sd-question__erbox {\n margin-bottom: calcSize(-1);\n }\n }\n}\n\n.sd-table__cell--detail-panel {\n .sd-panel__content {\n padding-top: calcSize(1);\n }\n}\n\n.sd-table__question-wrapper {\n .sd-boolean-root {\n margin: auto;\n }\n}\n\n.sd-table.sd-matrixdynamic {\n table-layout: auto;\n}",".sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0 calcSize(5);\n width: 100%;\n box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n padding: 0;\n}\n\n.sd-page .sd-page__title {\n @include page_title();\n margin-top: 0;\n}\n\n.sd-page .sd-page__description {\n @include page_description();\n}",".sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n margin-top: calcSize(2);\n}\n\n.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n margin-top: 0;\n}\n\n.sd-page__title~.sd-row.sd-page__row {\n margin-top: calcSize(2);\n\n &.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n }\n}\n\n.sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n\n >div {\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n }\n}\n\n.sd-page__row.sd-row--multiple {\n padding: var(--sd-base-padding) var(--sd-base-padding) var(--sd-base-padding) 0;\n margin-left: 0;\n width: 100%;\n\n &:not(.sd-row--compact) {\n background: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcCornerRadius(1);\n }\n\n &.sd-row--compact {\n padding: 0;\n width: calc(100% + var(--sd-base-padding));\n margin-left: calc(-1 * var(--sd-base-padding));\n }\n}\n\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}",".sd-title {\n display: block;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n color: $foreground;\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, $font-family);\n gap: calcSize(4);\n box-shadow: 0px 2px 0px $primary;\n\n .sd-logo__image {\n margin-top: calcSize(1);\n }\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n flex-grow: 1;\n\n .sd-title {\n color: $primary;\n font-family: $font-surveytitle-family;\n font-size: $font-surveytitle-size;\n font-weight: $font-surveytitle-weight;\n line-height: multiply(1.25, $font-surveytitle-size);\n }\n\n h3 {\n line-height: calcLineHeight(2.5);\n }\n\n h5 {\n font-size: calcFontSize(1);\n font-weight: 400;\n line-height: calcLineHeight(1.5);\n }\n}\n\n//todo: add ability to customize class sv-title-actions in library\n.sd-title {\n .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n background-color: $background;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n .sd-header__text h3 {\n margin: 0;\n }\n\n .sd-description {\n margin: 0;\n color: $foreground-light;\n }\n }\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * #{$base-unit});\n\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * #{$base-unit});\n white-space: initial;\n min-width: unset;\n }\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calcSize(6);\n justify-content: flex-end;\n margin: calcSize(-1) 0;\n\n .sv-action {\n flex: 0 0 auto;\n }\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}",".sd-description {\n font-style: normal;\n font-family: $font-questiondescription-family;\n font-weight: $font-questiondescription-weight;\n color: $font-questiondescription-color;\n font-size: $font-questiondescription-size;\n line-height: multiply(1.5, $font-questiondescription-size);\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-description.sd-question__description--under-input {\n padding-top: calcSize(2);\n}\n\n.sd-element__header .sd-description {\n margin-top: calcSize(0.5);\n}\n",".sd-item {\n padding: calcSize(1.5) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calcSize(3);\n height: calcSize(3);\n box-sizing: border-box;\n background-color: $editor-background;\n box-shadow: $shadow-inner;\n border: none;\n flex-shrink: 0;\n margin-top: calc(calc(multiply(1.5, $font-editorfont-size) - calcSize(3)) / 2);\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus+.sd-item__decorator {\n box-shadow: 0 0 0 2px $primary;\n background: $question-background;\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: $background-dim-dark;\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: $primary;\n}\n\n.sd-item__control-label {\n font-family: $font-editorfont-family;\n font-style: normal;\n font-weight: $font-editorfont-weight;\n line-height: multiply(1.5, $font-editorfont-size);\n font-size: $font-editorfont-size;\n color: $font-editorfont-color;\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: $foreground;\n}\n\n.sd-item--error .sd-item__decorator {\n background: $red-light;\n}",".sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n //prevent comment to resize over question area\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calcSize(4);\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calcSize(1);\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n.sd-selectbase__column:not(:last-child) {\n padding-right: calcSize(2);\n}\n\n// Copied from stylesmanager\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n",".sd-radio__decorator {\n border-radius: 50%;\n}\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calcSize(1);\n height: calcSize(1);\n border-radius: 50%;\n background-color: $primary-foreground;\n}\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: $border;\n}\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: $primary;\n}\n.sd-radio__svg {\n display: none;\n}\n",".sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n",".sd-matrix {\n fieldset {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n.sd-matrix__text {\n padding: calcSize(2);\n}\n.sd-matrix__text--checked {\n background-color: $primary-light;\n padding: calcSize(2);\n}\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}",":root {\n --sd-rating-bad-color: #{$red};\n --sd-rating-normal-color: #{$yellow};\n --sd-rating-good-color: #{$green};\n --sd-rating-bad-color-light: #{$red-light};\n --sd-rating-normal-color-light: #{$yellow-light};\n --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calcSize(6);\n\n fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calcSize(1);\n margin-inline-start: 0;\n align-items: center;\n }\n\n &.sd-rating--wrappable {\n fieldset {\n flex-wrap: wrap;\n }\n }\n}\n\n.sd-rating--small {\n min-height: calcSize(3);\n margin: auto;\n\n fieldset {\n padding: 0;\n gap: calcSize(1);\n }\n}\n\n.sd-rating__item {\n position: relative;\n background: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(0.5) calcSize(2.5);\n height: calcSize(6);\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid transparent;\n color: $foreground;\n fill: $foreground;\n font-size: calcFontSize(1);\n}\n\n.sd-rating__item--fixed-size {\n width: calcSize(6);\n padding: 0;\n}\n\nlegend+.sd-rating__item,\nlegend+sv-ng-rating-item-smiley+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: $foreground;\n fill: $foreground;\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: $primary-foreground;\n fill: $foreground;\n background-color: $background-semitransparent;\n border-color: transparent;\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: $background-dark;\n border-color: $background-dark;\n}\n\n.sd-rating__item:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item--selected {\n background-color: $primary;\n border-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley {\n position: relative;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(1.25);\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid $border;\n color: $foreground;\n fill: $border;\n\n svg {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-smiley--small {\n padding: calcSize(0.625);\n min-width: calcSize(3);\n border-width: 1px;\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n }\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px $background;\n}\n\nlegend+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: $red-light;\n border-color: transparent;\n fill: $foreground-light;\n\n &.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: $primary-foreground;\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: $background-dark;\n border-color: $border;\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item-smiley--selected {\n background-color: $primary;\n border-color: $primary;\n fill: $primary-foreground;\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected) {\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n width: calcSize(6);\n height: calcSize(6);\n\n &:not(:first-of-type) {\n padding-left: calcSize(0.5);\n margin-left: calcSize(-0.5);\n }\n\n &:not(:last-of-type) {\n padding-right: calcSize(0.5);\n margin-right: calcSize(-0.5);\n }\n\n svg {\n stroke: $border;\n fill: none;\n width: calcSize(6);\n height: calcSize(6);\n display: block;\n }\n\n .sv-star-2 {\n display: none;\n }\n}\n\n.sd-rating__item-star--small {\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-star--selected {\n svg {\n stroke: none;\n fill: $primary;\n }\n}\n\n.sd-rating__item-star--error {\n svg {\n stroke: none;\n fill: $red-light;\n }\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n\n svg {\n stroke: $border;\n fill: none;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star:focus-within {\n svg {\n stroke: $primary;\n fill: none;\n }\n}\n\n.sd-rating__item-star--unhighlighted {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--highlighted {\n svg {\n stroke: $border;\n fill: $background-dark;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within {\n svg {\n stroke: $border;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--selected:focus-within {\n svg {\n stroke: $primary;\n fill: $primary;\n }\n\n .sv-star {\n display: none;\n }\n\n .sv-star-2 {\n display: block;\n }\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n display: inline-block;\n\n &.sd-rating__min-text,\n &.sd-rating__max-text {\n margin-top: calcSize(1.25);\n margin-bottom: calcSize(1.25);\n border: 2px solid transparent;\n color: $foreground-light;\n }\n\n &.sd-rating__min-text {\n margin-right: calcSize(1);\n // margin-left: calcSize(2);\n border-left: 0px;\n }\n\n &.sd-rating__max-text {\n margin-right: calcSize(2);\n margin-left: calcSize(1);\n }\n\n .sv-string-editor {\n white-space: nowrap;\n }\n\n &.sd-rating__item--fixed-size {\n min-width: calcSize(3);\n }\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n color: $primary-foreground;\n font-weight: inherit;\n}",".sv-ranking-item--error .sv-ranking-item__index {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calcSize(-3);\n}\n\n\n.sd-element--with-frame .sv-ranking--mobile {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calcSize(1);\n }\n\n .sv-ranking-item {\n left: 0;\n }\n}\n\n@mixin ranking_responsive {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n }\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calcLineHeight(1.5);\n}\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}",".sv-dropdown_select-wrapper {\n position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n fill: $foreground-light;\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(2); //padding-left\n\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: $foreground-light;\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: $foreground;\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: multiply(1.5, $font-editorfont-size);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: multiply(1.5, $font-editorfont-size);\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 calcSize(1);\n margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n position: absolute;\n width: calcSize(5);\n top: 0;\n bottom: 0;\n inset-inline-end: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-inline-end: calcSize(0.5);\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input.sd-dropdown:focus-within {\n .sd-dropdown__filter-string-input {\n z-index: 2000;\n }\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: $font-editorfont-placeholdercolor;\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n color: $foreground;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: $font-editorfont-placeholdercolor;\n\n span {\n white-space: pre;\n }\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: $font-editorfont-placeholdercolor;\n\n span {\n white-space: pre;\n }\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown {\n .sd-list__item-body {\n line-height: multiply(1.5, $font-editorfont-size);\n font-size: $font-editorfont-size;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-dropdown {\n background-position: left calcSize(1.5) top 50%, 0 0;\n }\n}",".sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calcSize(0.5);\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(0.5); //padding-left\n}\n\n.sd-tagbox.sd-tagbox--empty {\n // padding: calcSize(0.5) calcSize(6) calcSize(0.5) calcSize(2);\n // padding-block: calcSize(0.5);\n // padding-inline-end: calcSize(6);\n // padding-inline-start: calcSize(2);\n}\n\n.sd-tagbox_clean-button {\n height: multiply(1.5, $font-editorfont-size);\n padding: multiply(0.5, $font-editorfont-size);\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n align-items: center;\n padding: calcSize(1) calcSize(1.5);\n background-color: $primary;\n border-radius: calcCornerRadius(0.5);\n}\n\n.sv-tagbox__item-text {\n color: $primary-foreground;\n min-width: calcSize(5.5);\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover,\n.sv-tagbox__item:focus,\n.sv-tagbox__item:focus-within {\n .sd-tagbox-item_clean-button {\n display: flex;\n align-self: center;\n }\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calcSize(1.5);\n padding: 0;\n padding-inline-start: calcSize(4);\n background: linear-gradient(270deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n display: block;\n padding: multiply(0.25, $font-editorfont-size);\n width: multiply(1, $font-editorfont-size);\n height: multiply(1, $font-editorfont-size);\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: $primary-foreground-disabled;\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: $primary-foreground;\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calcSize(0.5);\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n // position: initial;\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n\n .sd-tagbox__hint,\n .sd-tagbox__hint-suffix-wrapper,\n .sd-tagbox__filter-string-input {\n width: 100%;\n }\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n line-height: multiply(1.5, $font-editorfont-size);\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n line-height: multiply(1.5, $font-editorfont-size);\n height: 100%;\n display: flex;\n align-items: center;\n}",".sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calcSize(2);\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1 / 1) {\n .sd-imagepicker>div {\n margin-right: calcSize(2);\n }\n}\n\n.sd-imagepicker__item {\n\n img,\n .sd-imagepicker__image-container>div {\n border-radius: calcCornerRadius(1);\n background-color: $background-dim-light;\n }\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n padding: calcSize(1.5);\n box-sizing: border-box;\n border-radius: 100%;\n background-color: $background;\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n display: block;\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n fill: $primary;\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: $red-light;\n border-radius: calcCornerRadius(1);\n background: linear-gradient(0deg, $red-light, $red-light);\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n margin-top: calcSize(1);\n color: $foreground;\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: $background-dim-light;\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calcSize(6);\n width: calcSize(6);\n margin: auto;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calcSize(2);\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}",".sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calcCornerRadius(1);\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calcSize(80);\n}\n\n.sd-image__no-image {\n background: $background-dim-light;\n min-width: calcSize(5);\n min-height: calcSize(27.5);\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: $foreground-light;\n}\n",".sd-html {\n white-space: initial;\n}\n\n.sd-html {\n h1 {\n @include articleXXLargeFont;\n }\n\n h2 {\n @include articleXLargeFont;\n }\n\n h3 {\n @include articleLargeFont;\n }\n\n h4 {\n @include articleMediumFont;\n }\n\n h5,\n h6 {\n color: $foreground;\n }\n\n span,\n div,\n p {\n @include articleDefaultFont;\n }\n\n a {\n color: $primary;\n }\n\n button {\n display: flex;\n align-items: center;\n padding: calcSize(1.5) calcSize(4);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n box-shadow: $shadow-small;\n border: none;\n border-radius: calcSize(0.5);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n &:hover {\n background-color: $background-dark;\n }\n &:focus {\n box-shadow: 0 0 0 2px $primary;\n }\n\n span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: $primary;\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, $font-family);\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n }\n}\n",".sd-expression {\n color: $foreground;\n font-size: calcFontSize(1);\n}\n",".sd-progress {\n height: 2px;\n background-color: $border-light;\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: $primary;\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calcSize(1);\n right: calcSize(3);\n color: $foreground-light;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n\n @media only screen and (min-width: calcSize(125)) {\n margin-left: 5%;\n }\n\n @media only screen and (max-width: calcSize(125)) {\n margin-left: 10px;\n }\n}",".sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n gap: calcSize(0.5);\n padding: calcSize(0.5);\n background-color: $editor-background;\n border-radius: calcSize(12.5);\n box-shadow: $shadow-inner;\n\n &.sd-boolean--allowhover:focus-within {\n box-shadow: 0 0 0 2px $primary;\n }\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n font-size: $font-editorfont-size;\n color: $foreground-light;\n line-height: multiply(1.5, $font-editorfont-size);\n padding: calcSize(1) calcSize(3);\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calcSize(0.5);\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100%);\n height: calc(100%);\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n color: transparent;\n transition-duration: 0.15s;\n transition-property: color;\n transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background-color: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcSize(12.5);\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: $primary;\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n\n .sd-boolean__thumb,\n .sd-boolean__label {\n color: $foreground;\n opacity: 0.25;\n }\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: $background-dim-dark;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean--error {\n background-color: $red-light;\n}",".sd-paneldynamic {\n .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n }\n\n &>.sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n }\n\n & .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header {\n padding-bottom: 0;\n\n &:after {\n display: none;\n }\n\n padding-top: var(--sd-base-vertical-padding);\n\n &>.sd-panel__title {\n color: $foreground-light;\n }\n }\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: $border-light;\n background: $border-light;\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n\n .sd-paneldynamic__prev-btn,\n .sd-paneldynamic__next-btn {\n display: block;\n\n svg {\n width: calcSize(2);\n height: calcSize(2);\n }\n }\n\n .sd-paneldynamic__add-btn,\n .sd-paneldynamic__progress-text,\n .sd-paneldynamic__progress--bottom {\n display: initial;\n }\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - #{$base-unit}) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calcSize(-1);\n}\n\n.sd-paneldynamic__progress-text {\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n color: $foreground-light;\n margin: 0;\n margin-right: calcSize(3);\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calcSize(2);\n height: calcSize(2);\n\n .sv-svg-icon {\n display: block;\n }\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calcSize(2);\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calcSize(-1);\n margin-right: calcSize(2);\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder {\n .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n }\n}\n\n.sd-question--empty.sd-question--paneldynamic {\n &>.sd-question__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calcSize(-3);\n width: calc(100% + 6 * #{$base-unit});\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calcSize(-3);\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer {\n .sv-action:not(.sv-action--hidden) {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calcSize(1) 0 -1px calcSize(-2);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calcSize(2);\n}\n\n.sd-tab-item {\n padding: calcSize(1) 0 calcSize(2);\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n color: $font-questiondescription-color;\n overflow-x: hidden;\n white-space: nowrap;\n\n &:hover {\n box-shadow: inset 0px -2px 0px $primary;\n }\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: $font-questiontitle-color;\n box-shadow: inset 0px -2px 0px $primary;\n}\n\n.sd-tab-item--icon {\n padding: calcSize(1);\n width: auto;\n border-radius: calcSize(12.5);\n\n use {\n fill: $foreground-light;\n opacity: 0.5;\n }\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: $primary-light;\n box-shadow: none;\n\n use {\n fill: $primary;\n }\n}\n\n.sd-tab-item--icon:hover {\n use {\n opacity: 1;\n }\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calcLineHeight(1.5);\n height: calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sd-question__title~.sd-tabs-toolbar {\n margin-top: calcSize(3);\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}",".sd-file {\n min-height: calcSize(36);\n position: relative;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n .sv-action-bar {\n padding: calcSize(1) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n\n .sv-action-bar-item {\n height: calcSize(4);\n color: $foreground-light;\n border-radius: calcSize(2);\n }\n\n #fileIndex {\n .sv-action-bar-item {\n padding: calcSize(0.5) 0;\n\n &:hover {\n background-color: $background;\n }\n\n &:disabled {\n opacity: initial;\n }\n }\n }\n }\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed $border;\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid $primary;\n box-shadow: inset 0 0 0 1px $primary;\n background: $primary-light;\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calcSize(8);\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: $font-questionplaceholder-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calcSize(1);\n font-weight: 600;\n color: $primary;\n cursor: pointer;\n}\n\n.sd-question--answered {\n .sd-file__drag-area-placeholder {\n display: none;\n }\n}\n\n.sd-file__choose-btn--text {\n svg {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calcSize(1);\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n inset-inline-end: calcSize(1);\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n inset-inline-end: calc(multiply(1.5, $font-editorfont-size) + calcSize(5));\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calcSize(10.5) 0;\n min-height: calcSize(15);\n max-height: calcSize(15);\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n\n .sd-file__default-image {\n width: calcSize(7);\n height: 90px;\n }\n\n img:hover+.sd-file__remove-file-button,\n svg:hover+.sd-file__remove-file-button,\n .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.sd-file__sign {\n margin-top: calcSize(1);\n text-align: center;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n display: block;\n text-decoration: none;\n color: $foreground;\n white-space: normal;\n word-break: break-all;\n width: calcSize(12);\n overflow: hidden;\n max-height: calcSize(6);\n text-overflow: ellipsis;\n line-height: calcLineHeight(1);\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: $red-light;\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calcSize(12);\n min-height: calcSize(12);\n\n img:not(.sd-file__default-image) {\n display: block;\n width: calcSize(12);\n height: calcSize(12);\n object-fit: contain;\n background: $background-dim;\n }\n}\n\n.sd-file--single {\n img:hover+.sd-file__remove-file-button {\n display: none;\n }\n}\n\n.sd-file--mobile {\n .sd-file__list {\n height: calc(100% - 4 * #{$base-unit});\n }\n}\n\n.sd-file--single-image {\n height: calc(36 * #{$base-unit});\n\n .sd-file__preview {\n width: 100%;\n margin: 0;\n }\n\n .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n }\n\n .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n\n img {\n width: 100%;\n height: 100%;\n background-color: $background-dim-light;\n }\n }\n\n .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n\n a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n }\n }\n}\n\n.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn {\n &.sd-file__choose-btn--icon {\n use {\n fill: $primary;\n }\n }\n\n &:not(.sd-file__choose-btn--icon) {\n background-color: $primary-light;\n }\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}",".sd-hidden {\n display: none !important;\n}",".sd-body__navigation {\n .sd-btn {\n padding: calcSize(2) calcSize(8);\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n}\n\n.sd-root--compact .sd-body__navigation {\n .sd-btn:not(.sd-btn--action) {\n background-color: $background-dim-light;\n }\n .sd-btn:not(.sd-btn--action):hover {\n background-color: $background-dim-dark;\n }\n}\n\n.sd-root-modern--mobile .sd-body__navigation {\n .sv-action:not(.sv-action--hidden),\n .sd-btn {\n flex-grow: 1;\n }\n\n .sd-btn {\n padding: calcSize(2) calcSize(4);\n }\n}\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n","@import \"../variables.scss\";\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calcSize(2) calcSize(6);\n background: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcCornerRadius(1);\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n text-align: center;\n color: $primary;\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: $background-dark;\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-btn:disabled {\n color: $foreground;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: $primary;\n color: $primary-foreground;\n}\n\n.sd-btn--action:hover {\n color: $primary-foreground;\n background-color: $primary-background-dark;\n}\n\n.sd-btn--action:disabled {\n color: $primary-foreground-disabled;\n pointer-events: none;\n}",".sd-body {\n width: 100%;\n\n .sd-body__page {\n min-width: calc(300px + 6 * #{$base-unit});\n }\n\n .sd-body__timer {\n padding: calcSize(2) calcSize(2) 0;\n box-sizing: border-box;\n }\n\n &.sd-body--static {\n max-width: calcSize(90);\n margin-left: auto;\n margin-right: auto;\n padding-top: calcSize(6);\n padding-bottom: calcSize(10);\n\n .sd-body__timer,\n .sd-body__navigation,\n .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n }\n\n .sd-body__navigation {\n padding-top: calcSize(4);\n }\n\n .sd-body__navigation.sd-action-bar {\n padding-left: calcSize(5);\n padding-right: calcSize(5);\n }\n }\n\n &.sd-body--responsive {\n max-width: initial;\n padding: calcSize(5) calcSize(5) calcSize(3);\n box-sizing: border-box;\n\n .sd-page {\n padding: 0;\n\n &.sd-page__empty-header {\n padding-top: calcSize(3);\n }\n }\n\n .sd-body__timer,\n .sd-body__navigation {\n padding: calcSize(2) 0;\n }\n\n .sd-body__navigation {\n padding-top: calcSize(4);\n }\n\n &.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * (-1 - 64 / 144) + 6 * #{$base-unit});\n margin-left: auto;\n margin-right: auto;\n }\n }\n}\n\n.sd-root-modern--mobile {\n .sd-body {\n\n &.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n }\n\n &.sd-body--responsive,\n &.sd-body--static {\n padding: calcSize(3);\n\n .sd-body__navigation {\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 0;\n }\n }\n }\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calcSize(2) calcSize(2);\n flex-wrap: wrap;\n gap: calcSize(2);\n}\n\n.sd-body__progress {\n margin-bottom: calcSize(4);\n}\n\n.sd-body__progress--top {\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n\n.sd-root_background-image {\n background-position-x: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}","@import \"../variables.scss\";\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n.sd-multipletext__cell {\n height: 100%;\n}\n.sd-multipletext__cell:not(:last-child) {\n padding-right: calcSize(2);\n}\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n }\n}\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calcSize(1.5);\n margin-bottom: calcSize(1.5);\n}\n.sd-multipletext__item-title {\n height: calc(100% - #{$base-unit} * 3);\n max-width: 30%;\n padding-right: calcSize(2);\n border-right: 1px solid $border;\n word-break: break-word;\n white-space: normal;\n color: $foreground-light;\n}\n.sd-multipletext__item {\n flex-grow: 1;\n}\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n.sd-multipletext__item-container--error {\n background-color: $red-light;\n .sd-input--error {\n background-color: transparent;\n }\n}\n.sd-multipletext__item-container:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: inline-block;\n}\n.sd-multipletext tr:not(:last-child) .sd-multipletext__cell {\n padding-bottom: calcSize(2);\n}\n.sd-multipletext .sd-input .sd-input {\n background: transparent;\n}\n",".sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calcSize(1) calcSize(3);\n color: $primary;\n border-radius: calcSize(12.5);\n font-weight: 600;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n outline: none;\n}\n\n.sd-action--negative {\n color: $red;\n}\n\n.sd-action--icon {\n padding: calcSize(1);\n}\n\n.sd-action--icon {\n use {\n fill: $foreground-light;\n }\n}\n\nsvg.sd-action--icon {\n fill: $foreground-light;\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: $foreground;\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: $primary-light;\n cursor: pointer;\n opacity: 1;\n\n &.sd-action--icon {\n background-color: $background-dim;\n }\n\n &.sd-action--negative {\n background-color: $red-light;\n\n &.sd-action--icon {\n use {\n fill: $red;\n }\n }\n }\n\n &:active {\n opacity: 0.5;\n }\n}\n\n.sd-action__icon {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: $background-dim;\n opacity: 0.5;\n}",".sd-action-bar {\n display: flex;\n align-items: center;\n .sv-action:not(:last-child) {\n .sv-action__content {\n padding-right: 0;\n }\n }\n}\n",".sd-context-btn {\n background-color: $background;\n padding: calcSize(1.5);\n border-radius: calcSize(12.5);\n border: none;\n outline: none;\n svg {\n display: block;\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n }\n use {\n fill: $foreground-light;\n }\n cursor: pointer;\n}\n.sd-context-btn:hover,\n.sd-context-btn:focus {\n use {\n fill: $primary;\n }\n &.sd-context-btn--negative {\n use {\n fill: $red;\n }\n }\n}\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n",".sd-completedpage {\n font-family: var(--font-family, $font-family);\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n\n // h3 {\n // font-size: calcFontSize(1.5);\n // }\n\n h1 {\n @include articleXXLargeFont;\n }\n\n h2 {\n @include articleXLargeFont;\n }\n\n h3 {\n @include articleLargeFont;\n }\n\n h4 {\n @include articleMediumFont;\n }\n\n h5,\n h6 {\n color: $foreground;\n }\n\n span,\n div,\n p {\n @include articleDefaultFont;\n }\n\n a {\n color: $primary;\n }\n\n button {\n display: flex;\n align-items: center;\n padding: calcSize(1.5) calcSize(4);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n box-shadow: $shadow-small;\n border: none;\n border-radius: calcSize(0.5);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n &:hover {\n background-color: $background-dark;\n }\n &:focus {\n box-shadow: 0 0 0 2px $primary;\n }\n\n span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: $primary;\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, $font-family);\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n }\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calcSize(9);\n margin-left: calc(50% - 4.5 * #{$base-unit});\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calcSize(13);\n}\n\n.sd-completedpage:after {\n height: calcSize(2);\n}",".sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid $border-light;\n padding-top: calcSize(2);\n padding-bottom: calcSize(4);\n cursor: pointer;\n\n &:hover {\n .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n }\n }\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid $primary;\n}\n\n.sd-progress-buttons__list-element--nonclickable {\n .sd-progress-buttons__page-title {\n color: $foreground-light;\n }\n}\n\n.sd-progress-buttons__list-element--current {\n\n .sd-progress-buttons__page-title,\n .sd-progress-buttons__page-description {\n color: $primary;\n }\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calcFontSize(1);\n font-weight: 600;\n line-height: calcLineHeight(1.5);\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n color: $foreground-light;\n}","$font-family: var(--font-family);\n\n.sv_progress-toc {\n padding: calcSize(1);\n max-width: calcSize(42);\n height: 100%;\n background: $background;\n box-sizing: border-box;\n min-width: calcSize(32);\n\n .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n\n .sv-list__item span {\n white-space: break-spaces;\n }\n\n .sv-list__item-body {\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(2);\n border-radius: calcCornerRadius(1);\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n }\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid $border;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid $border;\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calcSize(3);\n right: calcSize(4);\n width: auto;\n min-width: auto;\n height: auto;\n background-color: $background-dim;\n z-index: 15;\n border-radius: calcSize(3);\n\n &>div {\n width: calcSize(3);\n height: calcSize(3);\n }\n\n &:hover {\n background-color: $background-dim;\n }\n}",".sd-list {\n padding-right: calcSize(0.5);\n padding-left: calcSize(0.5);\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n\n .sd-list__item-body {\n padding-block: calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n }\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n .sd-list__item-body {\n padding-block: calcSize(1.25);\n }\n\n outline: none;\n}",".sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calcSize(1);\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n box-shadow: $shadow-large, $shadow-medium;\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calcSize(4);\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * (-1 - 32 / 144));\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: $primary;\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calcSize(1);\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: $foreground-light;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n}\n","sv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}",".sjs_sp_container {\n position: relative;\n}\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n.sjs_sp_controls > button {\n user-select: none;\n}\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sjs_sp_canvas,\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n",".sd-root-modern {\n --sd-base-padding: calc(5 * #{$base-unit});\n --sd-base-vertical-padding: calc(4 * #{$base-unit});\n --sd-page-vertical-padding: calc(3 * #{$base-unit});\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * #{$base-unit});\n --sd-base-vertical-padding: calc(2 * #{$base-unit});\n --sd-page-vertical-padding: calc(2 * #{$base-unit});\n}\n\n.sd-root-modern {\n &.sd-root-modern--mobile {\n .sd-element__num {\n @include num_inline();\n }\n\n .sd-element__title--expandable:before {\n left: calcSize(-2.5);\n }\n\n .sd-title.sd-container-modern__title {\n flex-direction: column;\n }\n\n .sd-header__text {\n min-width: 100%;\n }\n\n //multipletext responsiveness\n .sd-multipletext__cell {\n display: block;\n\n &:not(:last-child) {\n padding-right: 0;\n padding-bottom: calcSize(2);\n }\n }\n\n .sd-multipletext__item-container {\n flex-direction: column;\n }\n\n .sd-multipletext__item-title {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n height: calcSize(2);\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calcSize(1);\n width: 100%;\n max-width: none;\n }\n\n .sd-multipletext__item {\n width: 100%;\n }\n\n .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calcSize(1);\n }\n\n //eo multipletext responsiveness\n .sd-selectbase--multi-column {\n flex-direction: column;\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n }\n\n @include table_responsive();\n @include ranking_responsive();\n }\n}","@import \"./blocks/mixins.scss\";\n@import \"../common-styles/common-styles.scss\";\n\n@import \"blocks/sd-element.scss\";\n@import \"blocks/sd-question.scss\";\n@import \"blocks/sd-input.scss\";\n@import \"blocks/sd-comment.scss\";\n@import \"blocks/sd-panel.scss\";\n@import \"blocks/sd-signaturepad.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-matrixdynamic.scss\";\n@import \"blocks/sd-table.scss\";\n@import \"blocks/sd-page.scss\";\n@import \"blocks/sd-row.scss\";\n@import \"blocks/sd-title.scss\";\n@import \"blocks/sd-description.scss\";\n@import \"blocks/sd-item.scss\";\n@import \"blocks/sd-selectbase.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-radio.scss\";\n@import \"blocks/sd-visuallyhidden.scss\";\n@import \"blocks/sd-matrix.scss\";\n@import \"blocks/sd-rating.scss\";\n@import \"blocks/sd-ranking.scss\";\n@import \"blocks/sd-dropdown.scss\";\n@import \"blocks/sd-tagbox.scss\";\n@import \"blocks/sd-imagepicker.scss\";\n@import \"blocks/sd-image.scss\";\n@import \"blocks/sd-html.scss\";\n@import \"blocks/sd-expression.scss\";\n@import \"blocks/sd-progress.scss\";\n@import \"blocks/sd-boolean.scss\";\n@import \"blocks/sd-paneldynamic.scss\";\n@import \"blocks/sd-file.scss\";\n@import \"blocks/sd-hidden.scss\";\n@import \"blocks/sd-navigation.scss\";\n@import \"blocks/sd-button.scss\";\n@import \"blocks/sd-body.scss\";\n@import \"blocks/sd-multipletext.scss\";\n@import \"blocks/sd-action.scss\";\n@import \"blocks/sd-action-bar.scss\";\n@import \"blocks/sd-context-btn.scss\";\n@import \"blocks/sd-completedpage.scss\";\n@import \"blocks/sd-progress-buttons.scss\";\n@import \"blocks/sd-progress-toc.scss\";\n@import \"blocks/sd-list.scss\";\n@import \"blocks/sd-timer.scss\";\n@import \"../components-container.scss\";\n@import \"../signaturepad.scss\";\n@import \"./defaultV2.m600.scss\";\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-timer-size: calc(18 * #{$base-unit});\n width: 100%;\n font-family: var(--font-family, $font-family);\n background-color: $background-dim;\n position: relative;\n\n form {\n z-index: 1;\n position: relative;\n }\n\n * {\n scrollbar-width: thin;\n scrollbar-color: $border 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: 32px;\n background-color: $border;\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: $foreground-light;\n }\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * #{$base-unit});\n}\n\n.sv-popup {\n .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n\n *,\n & {\n &::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: $background;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: $border;\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: $foreground-light;\n }\n }\n }\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown {\n .sv-popup__shadow {\n box-shadow: $shadow-medium;\n }\n\n .sv-popup__body-content {\n background-color: $background;\n padding: calcSize(1) 0;\n height: 100%;\n }\n}\n\n.sv-popup.sv-popup--modal {\n .sv-popup__body-content {\n box-shadow: $shadow-large;\n background-color: $background-dim-light;\n }\n\n .sv-popup__body-footer {\n padding-bottom: 2px;\n }\n}\n\n.sv-popup.sv-popup--overlay {\n .sv-popup__body-content {\n background-color: $background-dim;\n }\n}"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://Survey/defaultV2.fontless.scss","webpack://Survey/./src/common-styles/sv-actionbar.scss","webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-popup.scss","webpack://Survey/./src/common-styles/sv-buttongroup.scss","webpack://Survey/./src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./src/common-styles/sv-hidden.scss","webpack://Survey/./src/common-styles/sv-titleactions.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/common-styles/sv-list.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;AAAA,gBAAgB;ACEhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADAF;;ACGA;EACE;EACA;EACA;EACA;EACA;EACA,mECmBO;AFnBT;;ACGA;EACE;ADAF;;ACGA;EACE;ADAF;;ACGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DCPW;EDQX;EAEA;EACA;EACA;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;EACA;EACA;EACA;ADDF;;ACIA;EACE;EACA;EACA;EACA;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;ADDF;;ACIA;EACE;ADDF;;ACKE;EACE;ADFJ;ACKE;EACE,0ECtDe;AFmDnB;;ACQA;;EAEE;EACA,kFCzEe;AFoEjB;;ACUE;EAEE;ADRJ;;ACcA;EACE;ADXF;;ACeA;EACE;EACA;ADZF;;ACeA;EACE;EACA;EACA;ADZF;;ACgBE;EACE,+DCxHQ;AF2GZ;;ACkBE;EACE,2DCpIM;AFqHV;;ACmBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADhBF;;ACoBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADjBJ;;ACsBE;EACE;ADnBJ;;ACuBA;EACE;ADpBF;;ACuBA;EACE;ADpBF;ACsBE;EACE;ADpBJ;;ACwBA;EACE;EACA;EACA;EACA;ADrBF;;ACwBA;EACE;EACA;EACA;ADrBF;ACuBE;EACE;ADrBJ;;ACyBA;EACE;ADtBF;;ACyBA;EACE,kFCxLe;EDyLf;ADtBF;;AGvLA;EACE;EACA;EACA;EACA,uEDeW;ECdX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0LF;;AGvLA;EACE;AH0LF;;AGvLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0LF;;AGvLA;EACE,kFDbe;AFuMjB;;AGvLA;EACE;AH0LF;;AI7NA;EACE;EACA;AJgOF;;AI5NA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ+NF;;AI5NA;EACE;AJ+NF;;AI5NA;EACE,wEFkBa;EEjBb;EACA;EACA;AJ+NF;;AI5NA;EACE;EACA;EACA;AJ+NF;;AI5NA;EACE,uEFjBW;EEkBX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AJ8NF;;AI3NA;EACE;EACA;EACA;EACA,6EF9B2B;EEgC3B;EACA;AJ6NF;AI3NE;EACE;EACA;AJ6NJ;;AIzNA;EACE;AJ4NF;;AIzNA;EACE;EACA,6CArEqB;AJiSvB;AI1NE;EACE,uEFlDyB;EEmDzB;EACA;EACA;EACA;EACA;EACA;AJ4NJ;AIzNE;EACE,iDAlFmB;EAmFnB;EACA;EACA,iEFlES;EEmET,wEF7CW;EE8CX;EACA;AJ2NJ;AIxNE;EACE;AJ0NJ;AIvNE;EACE;AJyNJ;AItNE;EACE;AJwNJ;AIrNE;EACE;AJuNJ;AIpNE;EACE,uEF9GM;EE+GN;EACA,oEF7GiB;AFmUrB;;AIjNE;EACE;AJoNJ;;AIhNA;EACE;EACA;AJmNF;;AIhNA;EACE;EACA;EACA;EACA;AJmNF;AI/MI;;EACE;EACA;EACA,kFFpHW;AFsUjB;AI/MI;;EACE,6FF7IU;AF+VhB;;AI7MA;EACE;EACA;EACA;EACA;EACA;AJgNF;;AI5ME;EACE;AJ+MJ;;AI1ME;EACE;AJ6MJ;;AIzMA;EACE;AJ4MF;AI1ME;EACE;AJ4MJ;;AIxMA;EACE;AJ2MF;AIzME;EACE;AJ2MJ;;AIvMA;EACE;EACA;AJ0MF;AIxME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJ0MJ;;AItMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DF9KW;AFuXb;;AItMA;EACE;EACA;AJyMF;;AItMA;EACE;AJyMF;;AItMA;EACE;AJyMF;;AIpME;;EACE;AJwMJ;AIrME;;EACE;AJwMJ;;AInMA;EACE;EACA;AJsMF;AIpME;EACE;EACA;AJsMJ;AIlMI;EACE;AJoMN;AIhME;EACE;EACA,4DF3PM;EE4PN;EACA;EACA;EACA;EACA;AJkMJ;AI/LE;EACE;EACA;EACA;AJiMJ;AI9LE;EACE;AJgMJ;AI7LE;EACE,8FFvPmB;EEwPnB;EACA;EACA;EACA;AJ+LJ;AI5LE;EACE;AJ8LJ;AI3LE;EACE;EACA;AJ6LJ;AI1LE;EACE;AJ4LJ;AIzLE;EACE;EACA;AJ2LJ;AIxLE;EACE;EACA;EACA;AJ0LJ;AIvLE;EACE;EACA;EACA;AJyLJ;AItLE;EACE;EACA;EACA;EACA;EACA;EACA,uEFpSS;AF4db;AIrLE;EACE;EACA,+DF9RS;EE+RT;AJuLJ;AIpLE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJsLJ;AIpLI;EACE;EACA;AJsLN;AIpLM;EACE,0EF/SW;AFqenB;AIjLE;EACE,2EFrTe;EEsTf;EACA;EACA,+BF9RU;EE+RV;AJmLJ;AI7KI;;;EACE,iEF5UO;AF6fb;AI7KM;;;EACE,iEFtWE;EEuWF,oEFpWa;EEqWb;AJiLR;;AIrKM;;;EACE,6FFpXQ;EEqXR,+DFtVK;EEuVL;AJ0KR;;AIlKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJqKJ;AIlKE;;;EAGE;AJoKJ;;AKtjBA;EACE;EACA;EACA;EACA;EACA;EACA;ALyjBF;;AKtjBA;EACE;EACA,mEHbQ;AFskBV;;AKtjBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHRW;EGSX;EACA;EACA;EACA;ALyjBF;AKvjBE;EACE;ALyjBJ;;AKrjBA;EACE,kFHnBe;AF2kBjB;;AKrjBA;EACE;EACA;ALwjBF;AKtjBE;EACE,0EHhBe;AFwkBnB;;AKpjBA;EACE;EACA,4DHvDQ;AF8mBV;AKrjBE;EACE,2DH1DM;AFinBV;AKpjBE;EACE,uEHzCS;AF+lBb;;AKljBA;EACE;EACA;EACA;ALqjBF;;AKljBA;EACE;EACA;EACA;EACA;ALqjBF;;AKljBA;EACE;ALqjBF;;AKljBA;EACE,+DHpDW;EGqDX;ALqjBF;AKnjBE;EACE;EACA;ALqjBJ;AKljBE;EACE,8DH7DS;AFinBb;AKjjBE;EACE,uEH5ES;AF+nBb;;AK/iBA;EACE;EACA,mEHvGQ;AFypBV;;AMzpBA;EACE;EACA;EACA;EACA;EACA;AN4pBF;;AOjqBA;EACI;APoqBJ;;AQrqBA;EACE;EACA;EACA;ARwqBF;;AQrqBA;EACE;EACA;EACA;EACA;ARwqBF;;AQrqBA;EACE;ARwqBF;;AQpqBE;EACE;EACA;EACA;EACA;ARuqBJ;AQpqBE;EACE;EACA;EACA;ARsqBJ;;ASlsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATqsBF;;ASlsBA;EACE;EACA;EACA;EACA;EACA;EACA;ATqsBF;;ASlsBA;EACE;EACA;EACA;EACA;ATqsBF;;ASlsBA;;;EAGE;EACA;EACA;EACA;ATqsBF;;ASlsBA;EACE;ATqsBF;;AU9vBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AViwBF;AU/vBE;EACE;EACA;AViwBJ;;AU7vBA;EACE;EACA;EACA;EACA;AVgwBF;;AU7vBA;EAKE;AV4vBF;AUhwBE;EACE;AVkwBJ;;AU5vBA;EACE;EACA;EACA;AV+vBF;AU7vBE;EACE;AV+vBJ;;AWnyBA;EACE;EACA;EACA;AXsyBF;;AWnyBA;EACE;EACA;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;AXsyBF;;AWnyBA;EACE;EACA;EACA;AXsyBF;;AWnyBA;EACE,iETfW;ESgBX;AXsyBF;;AWnyBA;EACE;EACA;EACA;EACA;EACA;AXsyBF;;AWnyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXsyBF;;AWnyBA;EACE;AXsyBF;AWnyBI;EACE;AXqyBN;;AWhyBA;EACE;EACA,2DTtEQ;ESuER;EACA;EACA;EACA;AXmyBF;;AWhyBA;EACE;EACA;EACA;EACA;EACA,mGTjFc;ESkFd,+DTnDW;ESoDX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXmyBF;AWjyBE;EACE;EACA;EACA;EACA;AXmyBJ;;AW/xBA;EACE;EACA;EACA;EACA;EACA,+DT3EW;ES4EX,sGTLqB;ESMrB;EACA;AXkyBF;;AW/xBA;EACE,+DTlFW;ESmFX;AXkyBF;;AW/xBA;EACE,+DTvFW;ESwFX;AXkyBF;;AW/xBA;EACE;EACA,kFTvGe;ESwGf;EACA;EACA;EACA;EACA;EACA;EACA;AXkyBF;;AW/xBA;EACE;EACA;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE,wET1Ga;ES2Gb;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;EACA,0ETlIiB;AFo6BnB;;AW/xBA;EACE;AXkyBF;;AW/xBA;EACE;AXkyBF;;AW9xBE;EACE;AXiyBJ;AW9xBE;EACE;AXgyBJ;;AW5xBA;EACE;AX+xBF;;AW5xBA;EACE;AX+xBF;;AW5xBA;EACE;AX+xBF;;AW5xBA;EACE,2DTrMQ;AFo+BV;;AW5xBA;EACE;AX+xBF;;AW5xBA;EACE;AX+xBF;;AW5xBA;EACE;EACA;EACA;AX+xBF;;AW3xBE;EACE;AX8xBJ;AW3xBE;EACE;AX6xBJ;;AWzxBA;EACE;AX4xBF;;AWzxBA;EACE;AX4xBF;AW1xBE;EACE;EACA;AX4xBJ;AWzxBE;EACE;EACA;EACA;EACA;EACA;AX2xBJ;;AWtxBE;EACE;AXyxBJ;AWrxBI;EACE;AXuxBN;AW/wBM;EACE;AXixBR;AW9wBM;EACE;AXgxBR;AWzwBM;EACE;AX2wBR;;AWrwBA;EACE,kETrPqB;EAiHrB;EACA;EACA;EACA;ESmIA;EACA;EACA;EACA;EAEA;AX0wBF;;AWvwBA;EACE;AX0wBF;;AWtwBA;EAEE;EACA;AXwwBF;;AWrwBA;EACE,+ETvQc;AF+gChB;;AWpwBE;EACE;AXuwBJ;;AYxjCA;EACE;EACA;EACA;EACA,iEVeW;EUdX;EACA;AZ2jCF;;AYxjCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ2jCF;;AYxjCA;EACE;EACA;EACA;EACA;EACA,2EVOiB;AFojCnB;;AYxjCA;EACE;EACA;EACA;EACA,+DVDW;EUEX;EACA;EACA;EACA;AZ2jCF;;AYxjCA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA,+DVhBW;EUiBX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ0jCF;;AYvjCA;EAYE;AZ+iCF;AY1jCE;EV+FA;EACA;EU9FE;EACA;EACA;AZ6jCJ;AY1jCE;EACE;AZ4jCJ;;AYtjCA;;EAME;AZqjCF;AYzjCE;;EACE,4GVpDc;AFgnClB;;AYtjCA;EACE;AZyjCF;AYvjCE;EACE;EACA;EACA;EACA;AZyjCJ;;AYrjCA;EACE;EACA;EACA;EACA;AZwjCF;AYtjCE;EACE;AZwjCJ;AYrjCE;EACE,0EVxEe;AF+nCnB;;AYhjCE;;;EACE;AZqjCJ;;AYjjCA;EACE;EACA;EACA,mEVnFO;AFuoCT;;AYhjCE;EACE;AZmjCJ;;AY1iCE;;;;;EACE,uEVvIM;EUwIN,oEVrIiB;EUsIjB;AZijCJ;AY9iCE;;;;;EACE,2DVxHS;AF4qCb;;AY9iCE;;EACE,mGVnJY;EUoJZ,+DVrHS;EUsHT;AZkjCJ;;AY7iCE;EACE;EACA,2EV5He;AF4qCnB;;AY5iCA;EACE;AZ+iCF;;AY5iCA;EACE;EACA;EACA;EACA;EACA;EACA;AZ+iCF;;AY5iCA;EACE;EACA,iEV3JW;EU4JX;AZ+iCF;;AY5iCA;EACE;EACA;EACA;EACA;AZ+iCF;AY7iCE;EACE;EACA;AZ+iCJ;AY7iCI;EACE,0EV9Ja;AF6sCnB;;AY1iCA;EACE;EACA;EACA;EACA;EACA,iEVpLW;EUqLX;EACA;EACA;EACA;EACA,+DV9KW;EU+KX;EACA;EACA;EACA;AZ6iCF;;AY1iCA;EACE,2EVrLiB;AFkuCnB;;AY1iCA;;EAEE,2EV1LiB;AFuuCnB;;AY1iCA;EACE;AZ6iCF;;AY1iCA;EACE;AZ6iCF;;Aa9wCA;EACE;EACA;EACA;EACA,iEXeW;EWdX;EACA;EACA,wEXiCc;EWhCd;EACA,+DXqBW;EWpBX;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;Ab8wCF;;Aa3wCA;EACE;EACA;EACA;EACA;EACA;Ab8wCF;;Aa1wCE;EACE;EACA;Ab6wCJ;Aa1wCE;EACE;EACA;EACA;Ab4wCJ;;AaxwCA;;EAEE;Ab2wCF;;AaxwCA;EACE,6DXbI;EWcJ,4DXvCW;EWwCX;EACA;EACA;Ab2wCF;;AaxwCA;EACE;EACA;EACA;EACA;EACA;EACA,6DX1BI;EW2BJ;EACA;EACA;EACA;EACA;Ab2wCF;;AaxwCA;;EAEE,kDXpCI;EWqCJ,uEX9DW;AFy0Cb;;AaxwCA;EACE,uEXvFQ;EWwFR;EACA;Ab2wCF;;Acp2CA;EACE;EACA;Adu2CF;;Acp2CA;EACE;Adu2CF;;Acp2CA;EACE;Adu2CF;;Acp2CA;EACE;Adu2CF;;Acp2CA;EACE;Adu2CF;;Acp2CA;EACE,qEZyD0B;EYxD1B,sDZyD0B;EYxD1B,oGZyDyB;AF8yC3B;;Acp2CA;EACE;EACA;EACA;EACA;Adu2CF;Acr2CE;EACE;EACA;EACA,2EZHe;AF02CnB;Acp2CE;EACE,yGZ6CsB;EY5CtB;Ads2CJ;Acn2CE;EACE;EACA;Adq2CJ;Acl2CE;EACE;EACA;Ado2CJ;Acj2CE;EACE;Adm2CJ;Ach2CE;EACE;Adk2CJ;Ach2CI;EACE;Adk2CN;;Ac71CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EZ3CiB;EY4CjB;EACA;EACA;EACA;EACA;Adg2CF;Ac91CE;EACE;EACA;Adg2CJ;;Acz1CE;;;EACE;Ad81CJ;;Acz1CE;EC7EA;EACA;EACA;EACA;EACA;Af06CF;Aex6CE;EACE;EACA;Af06CJ;;Ach2CA;EACE;EACA;Adm2CF;;Ach2CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Adm2CF;;Ach2CA;EACE;Adm2CF;;Ac/1CA;EACE,mFZjGoB;EYkGpB;EACA;EACA;EACA;EACA;EACA,qIZrHoB;EYsHpB,wEZ7Fa;AF+7Cf;Ach2CE;EACE;Adk2CJ;Ach2CI;EACE;EACA;Adk2CN;;Ac31CE;EACE;EACA;Ad81CJ;Ac31CE;EACE;Ad61CJ;Ac31CI;EACE;EACA;EACA;EACA;EACA,iEZ3HS;EY4HT;Ad61CN;Acz1CE;EACE;Ad21CJ;Acz1CI;EACE;EACA;EACA;Ad21CN;Acz1CM;EACE;EACA;EACA;Ad21CR;;Acl1CE;;EACE;Ads1CJ;;Acj1CE;EACE;EACA;EACA,uEZ9KS;AFkgDb;Ach1CI;EACE;Adk1CN;Ac90CE;EACE;Adg1CJ;Ac70CE;EACE;EACA;Ad+0CJ;Ac70CI;EACE;EACA;EACA,mFZzLgB;AFwgDtB;Ac30CE;EAEE,8FZtMmB;AFkhDvB;;Acx0CA;EACE;EACA;Ad20CF;;Acp0CM;EACE;Adu0CR;Ach0CI;EAEE;Adi0CN;Ac7zCE;EAEE;EACA;EACA;EACA;EACA;Ad8zCJ;Ac5zCI;EACE;EACA;Ad8zCN;Ac5zCM;EACE;EACA;EACA;Ad8zCR;Ac1zCI;EACE;EACA;EACA;Ad4zCN;AczzCI;EACE;EACA;Ad2zCN;ActzCQ;EACE;AdwzCV;AcrzCQ;EAEE;AdszCV;AchzCE;EACE;AdkzCJ;;Ac7yCA;EACE;EACA,mFZ9QoB;EY+QpB;EACA;AdgzCF;;AgB9lDA;EACE;AhBimDF;;AgB9lDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhBimDF;;AgB9lDA;EACE;EACA,kDd8BI;Ec7BJ,wFd8BU;Ec7BV;AhBimDF;;AgB9lDA;EACE;AhBimDF;;AgB9lDA;EACE;AhBimDF;;AgB9lDA;EACE;AhBimDF;;AgB9lDA;EACE;EACA;EACA;EACA;AhBimDF;;AgB9lDA;EACE;AhBimDF;;AgB9lDA;EACE;AhBimDF;;AgB9lDA;EACE;EACA;AhBimDF;;AgB9lDA;EACE;AhBimDF;;AgB7lDE;EACE;EACA;EACA;AhBgmDJ;AgB7lDE;EACE;AhB+lDJ;AgB5lDE;EACE;AhB8lDJ;;AgB1lDA;EACE;EACA;AhB6lDF;;AgB1lDA;EACE;EACA;EACA;EACA;EACA;AhB6lDF;;AgB1lDA;EACE;EACA;AhB6lDF;;AgB1lDA;EACE;EACA;EACA;AhB6lDF;;AgB1lDA;EACE,kDdpDI;EcqDJ;AhB6lDF;;AgB1lDA;EACE;EACA;EACA;EACA;EACA;EACA,+Dd5EW;Ec6EX;AhB6lDF;;AgB1lDA;EACE;EACA;EAIA;EACA;EACA;EACA,uEdpGW;EcqGX,+Dd1FW;Ec2FX;EACA,wEdlFc;EcmFd;AhB0lDF;;AgBvlDA;EACE;AhB0lDF;;AgBvlDA;;EAEE;EACA,kDdzFI;Ec0FJ;EACA;EACA;AhB0lDF;;AgBtlDE;EACE;AhBylDJ;AgBvlDI;EACE;AhBylDN;;AgBplDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,sGdxDqB;EcyDrB;EACA,yGdnE+B;AF0pDjC;AgBnlDI;EACE;AhBqlDN;;AgB/kDE;EACE;EACA;AhBklDJ;AgB/kDE;EACE;AhBilDJ;;AgB7kDA;EACE;EACA;EACA;AhBglDF;;AiBzwDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEf0FuB;EezFvB,mDf0FuB;EezFvB,0Ff0FsB;EezFtB,sGf2FqB;Ee1FrB,8JfDkB;EeElB,8Ef8Ba;Ee7Bb;EACA,iFfaqB;EeZrB;AjB4wDF;;AiBzwDA;EACE;AjB4wDF;;AiBzwDA;EACE,8JfbkB;EeclB;EACA;EACA;EACA;AjB4wDF;;AiBzwDA;EACE,wHfqEiC;EepEjC;EACA;EACA;EACA;AjB4wDF;;AiBzwDA;;EAEE,+DfVW;EeWX;AjB4wDF;;AiBzwDA;;EAEE,+DfhBW;AF4xDb;;AiBzwDA;EACE;AjB4wDF;;AiBzwDA;EACE,wFfTU;AFqxDZ;;AiBzwDA;EACE;AjB4wDF;;AiBzwDA;EACE;EACA;EACA;EACA;EACA;EACA,+BfVY;EeWZ;EACA;EACA,2EfvCiB;EewCjB;EACA;EACA;AjB4wDF;;AiBzwDA;EACE;AjB4wDF;;AiBvvDA;;EAEE;EACA;EACA;AjB0vDF;;AiBvvDA;EAxBE,uEfnFQ;EeoFR;EACA;AjBmxDF;;AiBzvDA;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA,uEf/FQ;EegGR;EACA;AjBmxDF;;AiBhwDA;EAjCE,uEfnFQ;EeoFR;EACA;AjBqyDF;;AiBlwDA;EA/BE;EACA;EACA;EACA;EACA;EACA;EACA,uEf/FQ;EegGR;EACA;AjBqyDF;;AkBt4DA;EACE;EACA;EACA;EACA;EACA;AlBy4DF;;AkBt4DA;EACE;AlBy4DF;;AmBl5DA;EACE;AnBq5DF;;AmBj5DE;EACE;EACA;AnBo5DJ;AmBl5DI;EACE;AnBo5DN;AmBj5DI;EJZF,iEbiEsB;EahEtB,kDbiEsB;EahEtB,uGbkEoB;EajEpB,6FbgEqB;Ea/DrB;EACA;EACA;Afg6DF;AmBv5DM;EACE;EACA;EACA;EACA;EACA;AnBy5DR;AmBr5DI;EJdF,uEb4D4B;Ea3D5B,wDb4D4B;Ea3D5B,2GbgE0B;Ea/D1B,yGb2D2B;Ea1D3B;EACA;EACA;Afs6DF;AmBz5DE;EACE;AnB25DJ;AmBx5DE;EACE;AnB05DJ;;AmBr5DE;EACE;AnBw5DJ;;AmBp5DA;EACE;AnBu5DF;;AmBp5DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnBu5DF;;AmBp5DA;EACE;AnBu5DF;;AoBp9DA;EACI,yGlB6F6B;EkB5F7B,sGlBqGmB;EkBpGnB;ApBu9DJ;;AoBp9DA;EACI;ApBu9DJ;;AoBp9DA;EACI;EACA;EACA;EACA;ApBu9DJ;;AoBp9DI;EACI;ApBu9DR;;AoBn9DI;EACI,wFlBwBI;AF87DZ;;AoBl9DA;;EAEI;EACA;EACA;EACA;ApBq9DJ;;AqBr/DA;EACE;ArBw/DF;;AqBt/DA;EACE;EACA;EACA;ArBy/DF;;AqBt/DA;EACE;ArBy/DF;AqBx/DE;EACE,mEnBTiB;AFmgErB;;AqBt/DA;EACE,uDnBoBO;AFq+DT;;AqBv/DA;EACE,2DnBpBQ;AF8gEV;;AsB9gEA;EACE;EACA;EACA;EACA;AtBihEF;;AsB9gEA;EACE;AtBihEF;;AsB9gEA;EACE;AtBihEF;;AsB9gEA;EACE;AtBihEF;;AsB9gEA;EACE;EACA;AtBihEF;;AsB9gEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtBihEF;;AsB9gEA;EACE;AtBihEF;AsB/gEE;EACE,uEpBlBS;AFmiEb;AsB9gEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtBghEJ;;AsB3gEE;EACE;AtB8gEJ;;AsB1gEA;EACE;EACA;EACA;AtB6gEF;AsB3gEE;EACE,0EpBhCe;AF6iEnB;;AuB9kEA;EACE;EACA,qIrBcoB;EqBbpB;EACA;EACA;AvBilEF;AuB/kEE;EACE;EACA;AvBilEJ;;AuB7kEA;EACE;EACA;EACA;AvBglEF;;AuB5kEE;EACE;AvB+kEJ;;AuB3kEA;EACE;AvB8kEF;;AuB3kEA;EACE;AvB8kEF;;AuB1kEE;EACE;AvB6kEJ;;AuBzkEA;EACE;AvB4kEF;;AuBxkEE;EACE;AvB2kEJ;AuBvkEI;EACE;AvBykEN;AuBrkEM;EACE;AvBukER;AuBrkEQ;EACE;AvBukEV;AuBhkEE;EACE;AvBkkEJ;AuB/jEE;EACE;AvBikEJ;AuB9jEE;EACE;AvBgkEJ;AuB7jEE;EACE;AvB+jEJ;;AuB3jEA;EACE;EACA;EACA;AvB8jEF;AuB5jEE;EACE;AvB8jEJ;AuB3jEE;EACE;AvB6jEJ;AuBxjEI;;EAEE,8FrB5EiB;AFsoEvB;AuBxjEM;;EACE,mGrBrGQ;AFgqEhB;AuBxjEM;;EACE,+ErBvGa;AFkqErB;AuBvjEQ;;EACE;AvB0jEV;AuBvjEQ;;EACE,uErBnHA;AF6qEV;AuBvjEQ;;EACE,+ErBpHW;AF8qErB;;AuBnjEA;EACE;EACA,sGrBzBqB;EqB0BrB;EACA;EACA,+DrBnGW;EqBoGX;AvBsjEF;AuBpjEE;EACE;AvBsjEJ;;AuBljEA;EACE;EACA;AvBqjEF;AuBnjEE;EACE;AvBqjEJ;;AuBjjEA;EACE;EACA;AvBojEF;;AuBjjEA;EACE;EACA;AvBojEF;;AuBhjEE;EACE;AvBmjEJ;AuBhjEE;EACE;AvBkjEJ;;AuB9iEA;EACE;AvBijEF;;AuB9iEA;EACE;AvBijEF;;AuB9iEA;;EAEE;EACA;AvBijEF;;AuB7iEE;EACE,sGrBjFmB;EqBkFnB;AvBgjEJ;;AuB5iEA;EACE;EACA,oGrB9GyB;EqB+GzB;EACA;AvB+iEF;AuB7iEE;EACE;AvB+iEJ;;AuB3iEA;EACE;AvB8iEF;;AuB3iEA;EACE;EACA;AvB8iEF;;AuB3iEA;EACE;AvB8iEF;AuB5iEE;EAEE;AvB6iEJ;AuB1iEE;EACE;AvB4iEJ;;AuBxiEA;EACE;EACA;EACA;AvB2iEF;;AuBtiEE;;EACE;AvB0iEJ;;AuBtiEA;EACE;AvByiEF;AuBviEE;EACE;EACA;EACA;AvByiEJ;;AuBriEA;EACE;EACA;EACA;EACA;AvBwiEF;AuBtiEE;EACE;EACA;EACA;EACA,0ErB9Ne;AFswEnB;AuBriEE;EACE,6FrBlQY;AFyyEhB;AuBriEI;EACE,2DrBtQI;AF6yEV;;AuBliEA;EACE;AvBqiEF;AuBniEE;EACE;AvBqiEJ;;AuBjiEA;EACE;EACA,oGrBpMyB;EqBqMzB;EACA;EACA;AvBoiEF;;AuBjiEA;EACE;AvBoiEF;;AuBjiEA;EACE;AvBoiEF;AuBliEE;EACE;AvBoiEJ;;AuBhiEA;;;;;EAKE;EACA,2IrB7RoB;EqB8RpB;AvBmiEF;AuBjiEE;;;;;EACE;AvBuiEJ;AuBpiEE;;;;;EACE;AvB0iEJ;;AuBriEE;EACE;EACA;EACA,qIrB7SkB;AFq1EtB;;AuBpiEA;EACE;EACA;AvBuiEF;;AuBpiEA;EACE;AvBuiEF;;AuBpiEA;EACE;EACA;EACA;EACA;AvBuiEF;AuBriEE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qIrBxUkB;EqByUlB;AvBsiEJ;AuBniEE;EACE;AvBqiEJ;AuBliEE;EACE;AvBoiEJ;AuBjiEE;EACE;AvBmiEJ;;AuB7hEE;;EAEE;EACA;AvBgiEJ;AuB7hEE;EACE;EACA;AvB+hEJ;AuB1hEI;EACE;AvB4hEN;AuBzhEI;EACE;EACA;AvB2hEN;AuBxhEI;EACE;EACA;EACA;EACA;AvB0hEN;AuBthEE;EAEE;EACA;EACA;EACA;EACA;AvBuhEJ;;AuBnhEA;EACE;AvBshEF;;AuBn2DE;EACE;AvBs2DJ;;AuBj2DE;EACE;AvBo2DJ;;AuBh2DA;EACE;AvBm2DF;;AwBt7EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AxBy7EF;;AwBt7EA;EACE;AxBy7EF;;AwBt7EA;ETbE,iEbiEsB;EahEtB,kDbiEsB;EahEtB,uGbkEoB;EajEpB,6FbgEqB;Ea/DrB;EACA;EACA;ESSA;AxB+7EF;;AwB57EA;ETRE,uEb4D4B;Ea3D5B,wDb4D4B;Ea3D5B,2GbgE0B;Ea/D1B,yGb2D2B;Ea1D3B;EACA;EACA;Afw8EF;;AyBz9EA;EACE;EACA;EACA;EACA;EACA;AzB49EF;;AyBz9EA;EACE;AzB49EF;;AyBz9EA;EACE;AzB49EF;;AyBz9EA;EACE;AzB49EF;;AyBz9EA;EACE;AzB49EF;AyB19EE;EACE;AzB49EJ;;AyBx9EA;EACE;EACA;EACA;EACA;AzB29EF;AyBz9EE;EACE;EACA;EACA;EACA;AzB29EJ;;AyBt9EE;EACE;AzBy9EJ;AyBx9EI;EACE;AzB09EN;;AyBp9EE;EACE;AzBu9EJ;;AyBp9EA;EACE;EACA;AzBu9EF;AyBp9EE;EACE;EACA;EACA;AzBs9EJ;;AyBj9EA;EACE;EACA;AzBo9EF;;AyBj9EA;EACE;EACA;EACA;AzBo9EF;;A0BjiFA;EACE;EACA;EACA;EACA,+DxB4BW;EwB3BX;EACA;EACA;A1BoiFF;;A0BjiFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1BoiFF;A0BliFE;EACE;A1BoiFJ;;A0BhiFA;EACE;EACA;EACA;EACA;A1BmiFF;A0BjiFE;EACE,4DxB/BM;EwBgCN,mExB8BsB;EwB7BtB,uGxB+BoB;EwB9BpB,oDxB6BsB;EwB5BtB;A1BmiFJ;A0BhiFE;EACE;A1BkiFJ;A0B/hFE;EACE;EACA;EACA;A1BiiFJ;;A0B3hFE;EACE;EACA;A1B8hFJ;;A0BzhFE;EACE,uExBtCS;AFkkFb;;A0BthFI;EACE;A1ByhFN;A0BthFI;EACE;EACA,2ExBtCa;AF8jFnB;;A0BnhFA;EACE;EACA;A1BshFF;A0BphFE;EACE;EACA;EACA;EACA;EACA;A1BshFJ;;A0BlhFA;EACE;EACA;EACA;EACA;A1BqhFF;A0BnhFE;EACE;A1BqhFJ;;A0BjhFA;EACE;A1BohFF;;A2BznFA;EACE;EACA,2EzBqFgC;EyBpFhC,4DzBqFgC;EyBpFhC,yGzBqF+B;EyBpF/B,+GzBwF8B;EyBvF9B;EACA;EACA;A3B4nFF;;A2BznFA;EACE;A3B4nFF;;A2BznFA;EACE;A3B4nFF;;A4B5oFA;EACE;A5B+oFF;;A4B5oFA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8E1B+Ba;E0B9Bb;EACA;EACA;A5B+oFF;;A4B5oFA;EACE;A5B+oFF;;A4B5oFA;EACE;EACA,qI1BToB;E0BUpB;A5B+oFF;;A4B5oFA;EACE,wG1BJoB;E0BKpB;A5B+oFF;;A4B5oFA;EACE,iE1BnCQ;AFkrFV;;A4B5oFA;EACE,kE1B4DuB;E0B3DvB;EACA,mD1B2DuB;E0B1DvB;EACA,sG1B4DqB;E0B3DrB,0F1ByDsB;E0BxDtB;EACA;EACA;EACA;A5B+oFF;;A4B5oFA;EACE,+D1BpBW;E0BqBX;A5B+oFF;;A4B5oFA;EACE,+D1BzBW;AFwqFb;;A4B5oFA;EACE,kF1BdU;AF6pFZ;;A6B5sFA;EACE;EACA;EACA;EAEA;EACA;A7B8sFF;;A6B3sFA;EACE;EACA;EACA;EACA;EACA;EACA;A7B8sFF;;A6B3sFA;EACE;EACA;A7B8sFF;;A6B3sFA;EACE;EACA;EACA;EACA;A7B8sFF;;A6B3sFA;EACE;A7B8sFF;;A6B3sFA;EACE;EACA;EACA;EACA;A7B8sFF;;A6B5sFA;EACE;A7B+sFF;;A6B3sFA;EACE;A7B8sFF;;AqB5vFA;EACE;ArB+vFF;;AqB7vFA;EACE;EACA;EACA;ArBgwFF;;AqB7vFA;EACE;ArBgwFF;AqB/vFE;EACE,mEnBTiB;AF0wFrB;;AqB7vFA;EACE,uDnBoBO;AF4uFT;;AqB9vFA;EACE,2DnBpBQ;AFqxFV;;A8BrxFA;EACE;A9BwxFF;;A8BtxFA;EACE;EACA;EACA;EACA;EACA;EACA,+E5BNmB;AF+xFrB;;A8BvxFA;EACE,mE5ByBO;AFiwFT;;A8BxxFA;EACE,uE5BfQ;AF0yFV;;A8BzxFA;EACE;A9B4xFF;;A+B9yFA;EACE;EACA;EACA;EACA;EACA;EACA;A/BizFF;;AgCtzFE;EACE;EACA;EACA;AhCyzFJ;;AgCrzFA;EACE;EACA;AhCwzFF;;AgCtzFA;EACE;AhCyzFF;;AgCvzFA;EACE,mG9Bfc;E8BgBd;AhC0zFF;;AgCxzFA;EACE;EACA;AhC2zFF;;AiCh1FA;EACE;EACA;EACA;EACA;EACA;EACA;AjCm1FF;;AiCh1FA;EACE;EACA;AjCm1FF;AiCj1FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjCm1FJ;AiC/0FI;EACE;AjCi1FN;;AiC50FA;EACE;EACA;AjC+0FF;AiC70FE;EACE;EACA;AjC+0FJ;;AiC30FA;EACE;EACA,qI/B1BoB;E+B2BpB,wE/BFa;E+BGb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/BvBW;E+BwBX,8D/BxBW;E+ByBX;AjC80FF;;AiC30FA;EACE;EACA;AjC80FF;;AiC30FA;;;EAGE;AjC80FF;;AiC30FA;EACE,wF/BzBU;E+B0BV;EACA;AjC80FF;;AiC30FA;EACE,+D/B9CW;E+B+CX,8D/B/CW;AF63Fb;;AiC30FA;EACE,oE/BhFmB;E+BiFnB,8D/BpDW;E+BqDX,6E/B7D2B;E+B8D3B;AjC80FF;;AiC30FA;EACE;AjC80FF;;AiC30FA;EACE,4G/BrEgB;E+BsEhB,wG/BtEgB;AFo5FlB;;AiC30FA;EACE,mE/BnGQ;AFi7FV;;AiC30FA;EACE,uE/BvGQ;E+BwGR,mE/BxGQ;E+ByGR,oE/BtGmB;E+BuGnB;EACA;AjC80FF;;AiC30FA;EACE;AjC80FF;;AiC30FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/B3FW;E+B4FX,uD/BvFO;AFq6FT;AiC50FE;EACE;EACA;EACA;AjC80FJ;;AiC10FA;EACE;EACA;EACA;AjC60FF;AiC30FE;EACE;EACA;AjC60FJ;;AiCz0FA;EACE;AjC40FF;;AiCz0FA;;EAEE;AjC40FF;;AiCz0FA;EACE,wF/B3GU;E+B4GV;EACA,0E/B3HiB;AFu8FnB;AiC10FE;EACE;AjC40FJ;;AiCx0FA;EACE;AjC20FF;;AiCx0FA;EACE;EACA,mE/BtKmB;AFi/FrB;;AiCx0FA;EACE,4G/BpJgB;E+BqJhB,+D/BzIO;AFo9FT;;AiCx0FA;EACE,mE/BlLQ;AF6/FV;;AiCx0FA;EACE,uE/BtLQ;E+BuLR,mE/BvLQ;E+BwLR,mE/BrLmB;E+BsLnB;AjC20FF;;AiCx0FA;EACE;AjC20FF;;AiCx0FA;EACE;AjC20FF;AiCz0FE;EACE;AjC20FJ;;AiCt0FE;EACE;AjCy0FJ;;AiCr0FA;EACE;AjCw0FF;;AiCr0FA;EACE;EACA;EACA;AjCw0FF;AiCt0FE;EACE;EACA;AjCw0FJ;AiCr0FE;EACE;EACA;AjCu0FJ;AiCp0FE;EACE,yD/B7LK;E+B8LL;EACA;EACA;EACA;AjCs0FJ;AiCn0FE;EACE;AjCq0FJ;;AiCj0FA;EACE;EACA;AjCo0FF;AiCl0FE;EACE;EACA;AjCo0FJ;;AiC/zFE;EACE;EACA,2D/B3PM;AF6jGV;;AiC7zFE;EACE;EACA,4E/BnNQ;AFmhGZ;;AiC5zFA;EACE;AjC+zFF;AiC7zFE;EACE,yD/BrOK;E+BsOL;AjC+zFJ;;AiC1zFE;EACE;EACA,uD/B7OK;AF0iGT;;AiCxzFE;EACE,6D/BxRM;E+ByRN;AjC2zFJ;;AiCtzFE;EACE;EACA,uD/B3PK;AFojGT;;AiCpzFE;EACE,yD/BjQK;E+BkQL,gG/B9Qc;AFqkGlB;;AiClzFE;EACE,yD/BxQK;E+ByQL,uD/BzQK;AF8jGT;;AiChzFE;EACE,6D/BpTM;E+BqTN,2D/BrTM;AFwmGV;AiChzFE;EACE;AjCkzFJ;AiC/yFE;EACE;AjCizFJ;;AiC7yFA;EACE,kE/B/NuB;E+BgOvB,mD/B/NuB;E+BgOvB,0F/B/NsB;E+BgOtB,sG/B9NqB;E+B+NrB;EACA;AjCgzFF;AiC9yFE;EAEE;EACA;EACA;EACA,2E/B7Se;AF4lGnB;AiC5yFE;EACE;EAEA;AjC6yFJ;AiC1yFE;EACE;EACA;AjC4yFJ;AiCzyFE;EACE;AjC2yFJ;AiCxyFE;EACE;AjC0yFJ;;AiCtyFA;EACE,oE/BnWmB;E+BoWnB;AjCyyFF;;AkChpGA;EACE,wFhC8CU;EgC7CV;EACA;AlCmpGF;;AkChpGA;EACE;AlCmpGF;;AkC9oGE;EACE;EACA;AlCipGJ;AkC9oGE;EACE;AlCgpGJ;;AkCroGA;EACE;AlCwoGF;;AkCroGA;EACE;EACA;EACA;AlCwoGF;;AkCroGA;EACE;IACE;ElCwoGF;EkCroGA;IACE;ElCuoGF;AACF;AkCpoGA;EACE;EACA;EACA;AlCsoGF;;AkCnoGA;EACE;IACE;ElCsoGF;EkCnoGA;IACE;ElCqoGF;AACF;AmCnsGA;EACE;AnCqsGF;;AmClsGA;EACE,0EjC4BiB;AFyqGnB;;AmClsGA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AnCosGF;;AmCjsGA;EACE;AnCosGF;;AmCjsGA;;EAEE,2EjCOiB;AF6rGnB;;AmCjsGA;EACE;AnCosGF;;AmCjsGA;EACE,+DjCFW;EiCGX;EACA;AnCosGF;;AmCjsGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kEjCqDuB;EiCpDvB,mDjCqDuB;EiCpDvB,0FjCqDsB;EiCpDtB,sGjCsDqB;EiCpDrB;AnCmsGF;;AmChsGA;EACE;EACA;EACA;EACA;EACA;AnCmsGF;;AmChsGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnCmsGF;;AmChsGA;;EAEE;EACA;AnCmsGF;;AmChsGA;EACE;AnCmsGF;;AmC/rGE;EACE;AnCksGJ;;AmC9rGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,sGjCCqB;EiCArB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnCisGF;;AmC9rGA;EACE,wHjCZiC;AF6sGnC;;AmC9rGA;EACE,+DjCtFW;EiCuFX;EACA;EACA;EACA;EACA;EACA;EACA;AnCisGF;;AmC9rGA;EACE,wHjC3BiC;AF4tGnC;AmC/rGE;EACE;AnCisGJ;;AmC7rGA;EACE;EACA,wHjCpCiC;AFouGnC;AmC9rGE;EACE;AnCgsGJ;;AmC3rGE;EACE;EACA,sGjC7CmB;AF2uGvB;;AmCvrGE;;;EACE;AnC4rGJ;;AoCx1GA;EACE;EACA;EACA;EACA;ApC21GF;;AoCj1GA;EACE;EACA;EACA;ApCo1GF;;AoCj1GA;EACE;ApCo1GF;;AoCj1GA;EACE;EACA;EACA;EACA;EACA,uElC7BQ;EkC8BR;ApCo1GF;;AoCj1GA;EACE,oElC/BmB;EkCgCnB;EACA;EACA;ApCo1GF;;AoC90GE;;;EACE;EACA;ApCm1GJ;;AoC/0GA;EACE;EACA;EACA;EACA;EACA;EACA;ApCk1GF;;AoC/0GA;EACE;EACA;EACA;EACA;ApCk1GF;;AoC/0GA;EACE;EACA,6GlC/D4B;AFi5G9B;;AoC/0GA;EACE,mElCpEmB;AFs5GrB;;AoC/0GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApCk1GF;;AoC/0GA;EACE;EACA;EACA;ApCk1GF;;AoC90GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElCrEiB;AFs5GnB;;AoC30GE;;;EACE;ApCg1GJ;;AoC10GE;;;EAGE;ApC60GJ;;AoCz0GA;EACE;EACA;ApC40GF;;AoCz0GA;EACE;EACA;ApC40GF;;AoCz0GA;EACE;EACA;EACA;EACA;ApC40GF;;AoCz0GA;EACE;EACA;EACA;EACA;ApC40GF;;AqC39GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArC89GF;;AqC39GA;EACE;EACA;ArC89GF;;AqC39GA;EACE;IACE;ErC89GF;AACF;AqCz9GE;;EAEE;EACA,8FnCHmB;AF89GvB;;AqCv9GA;EACE;EACA;EACA;EACA;ArC09GF;;AqCv9GA;EACE;ArC09GF;;AqCv9GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEnC5BW;EmC6BX;ArC09GF;;AqCv9GA;EACE;EACA;EACA;EACA,2DnCzDQ;AFmhHV;;AqCv9GA;EACE;ArC09GF;;AqCv9GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wFnCzBU;EmC0BV;EACA;ArC09GF;;AqCv9GA;;EAEE;ArC09GF;;AqCv9GA;EACE;EACA;EACA;ArC09GF;;AqCv9GA;EACE,sGnCcqB;EmCbrB;EACA;EACA,+DnC5DW;AFshHb;;AqCv9GA;EACE;EACA,8FnC1EqB;EmC2ErB;ArC09GF;;AqCv9GA;EACE;EACA;EACA;ArC09GF;AqCx9GE;EACE,0EnC1Ee;AFoiHnB;;AqCt9GA;EACE;EACA;EACA;EACA;EACA;ArCy9GF;;AqCt9GA;EACE;ArCy9GF;;AsCjlHA;EACE;EACA;EACA;AtColHF;;AsCjlHA;EACE;EACA;EACA;AtColHF;;AsCjlHA;EACE,wFpCUqB;EoCTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtColHF;;AsCjlHA;EACE,0EpCQiB;AF4kHnB;;AuC7mHA;EACE;AvCgnHF;;AuC5mHE;ErC2JA,oGA/EyB;EAgFzB;EACA;EACA,+BAxGY;EAyGZ;EACA;EACA;EACA;EACA;EACA;EACA;AFq9GF;AuCtnHE;ErCqKA,oGA7FyB;EA8FzB;EACA;EACA,+BAtHY;EAuHZ;EACA;EACA;EACA;EACA;EACA;EACA;AFo9GF;AuC/nHE;ErC+KA,oGA3GyB;EA4GzB;EACA;EACA,+BApIY;EAqIZ;EACA;EACA;EACA;EACA;EACA;EACA;AFm9GF;AuCxoHE;;;ErCyLA,oGAzHyB;EA0HzB;EACA;EACA,+BAlJY;EAmJZ;EACA;EACA;EACA;EACA;EACA;EACA;AFo9GF;AuCjpHE;;;;ErCiMA,oGAvIyB;EAwIzB;EACA;EACA,+BAhKY;EAiKZ;EACA;EACA;EACA;EACA;EACA;EACA;AFs9GF;AuC1pHE;EACE,4DrC/BM;AF2rHV;AuCzpHE;EACE;EACA;EACA;EACA;EACA;EACA,uErCnBS;EqCoBT;EACA;EACA;EACA;EACA;EACA;AvC2pHJ;AuCzpHI;EACE,4GrCxBY;AFmrHlB;AuCzpHI;EACE;AvC2pHN;AuCxpHI;EACE;EACA;EACA;EACA;EACA,4DrC5DI;EqC6DJ;EACA;EACA;EACA,yGrCqBoB;EqCpBpB;AvC0pHN;;AwC3tHA;EACE,+DtC+BW;EsC9BX;AxC8tHF;;AyChuHA;EACE;EACA,uEvCoCa;EuCnCb;AzCmuHF;;AyChuHA;EACE;EACA;EACA,uEvCTQ;EuCUR;AzCmuHF;;AyChuHA;EACE;EACA;EACA;EACA,2EvCgBiB;EuCfjB;EACA;EACA;AzCmuHF;AyCjuHE;EATF;IAUI;EzCouHF;AACF;AyCluHE;EAbF;IAcI;EzCquHF;AACF;;AyCluHA;EACE;EACA;EACA;EACA;AzCquHF;;AyCluHA;EACE;AzCquHF;;A0C5wHA;EACE;EACA;EACA;EACA;EACA;EACA,8JxCMkB;EwCLlB;EACA,8ExCoCa;AF2uHf;A0C7wHE;EACE;A1C+wHJ;;A0C3wHA;;EAEE;EACA,kExCiFuB;EwChFvB,mDxCiFuB;EwChFvB,sGxCmFqB;EwClFrB,2ExCYiB;EwCXjB;EACA;A1C8wHF;;A0C3wHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1C8wHF;;A0C3wHA;;EAEE;EACA;EACA;EACA;A1C8wHF;;A0C3wHA;EACE;A1C8wHF;;A0C3wHA;EACE;A1C8wHF;;A0C3wHA;EACE,2IxCxCoB;EwCyCpB,wExChBa;EwCiBb;EACA;EACA;EACA;EACA,4DxC9DQ;EwC+DR;EACA;EACA;EACA;EACA;A1C8wHF;;A0C3wHA;EACE;EACA;A1C8wHF;;A0C3wHA;EACE;A1C8wHF;A0C5wHE;;EAEE,+DxChDS;EwCiDT;A1C8wHJ;;A0C1wHA;EACE;A1C6wHF;;A0C1wHA;EACE,8GxChEoB;EwCiEpB;A1C6wHF;;A0C1wHA;EACE,wFxChDU;AF6zHZ;;A2C32HI;EACI;EACA;EACA;EACA;EACA;EACA;A3C82HR;A2C32HI;EACI;EACA;A3C62HR;A2C12HI;EACI;EAMA;A3Cu2HR;A2C32HQ;EACI;A3C62HZ;A2Cx2HQ;EACI,2EzCQO;AFk2HnB;;A2Cr2HA;EACI;EACA;EACA;EACA;EACA;EACA,mEzCEW;EyCDX,iEzCCW;EyCAX;EACA;A3Cw2HJ;;A2Cr2HA;EACI;A3Cw2HJ;;A2Cr2HA;EACI;EACA;EACA;A3Cw2HJ;;A2Cr2HA;EACI;EACA;EACA;A3Cw2HJ;;A2Cr2HA;EACI;A3Cw2HJ;A2Ct2HI;;EAEI;A3Cw2HR;A2Ct2HQ;;EACI;EACA;A3Cy2HZ;A2Cr2HI;;;EAGI;A3Cu2HR;;A2Cn2HA;EACI;EACA;EACA;A3Cs2HJ;;A2Cn2HA;EACI;EACA;EACA;EACA;A3Cs2HJ;;A2Cn2HA;EACI,yGzCPsB;EyCQtB;EACA,2EzC7De;EyC8Df;EACA;A3Cs2HJ;;A2Cn2HA;;EAEI;EACA;A3Cs2HJ;A2Cp2HI;;EACI;A3Cu2HR;;A2Cn2HA;EACI;A3Cs2HJ;;A2Cn2HA;EACI;EACA;EACA;A3Cs2HJ;;A2Cl2HI;EACI;EACA;A3Cq2HR;;A2Ch2HI;EACI;A3Cm2HR;;A2C/1HA;EACI;EACA;EACA;A3Ck2HJ;;A2C/1HA;EACI;EACA;EACA;EACA;EACA;A3Ck2HJ;;A2C91HI;EACI;A3Ci2HR;;A2C71HA;EACI;EACA;EACA;EACA;A3Cg2HJ;;A2C71HA;EACI;A3Cg2HJ;;A2C71HA;EACI;A3Cg2HJ;;A2C71HA;EACI;A3Cg2HJ;;A2C71HA;EACI;A3Cg2HJ;;A2C71HA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,sGzCrFmB;EyCsFnB;EACA,yGzCrG6B;EyCsG7B;EACA;A3C+1HJ;A2C71HI;EACI;A3C+1HR;;A2C31HA;EACI,oGzCvHuB;EyCwHvB;A3C81HJ;;A2C31HA;EACI;EACA;EACA;A3C81HJ;A2C51HI;EACI,0EzCjLW;EyCkLX;A3C81HR;;A2C11HA;;EAEI,mGzCxNY;EyCyNZ;A3C61HJ;A2C31HI;;EACI,2DzC7NE;AF2jIV;;A2Cz1HI;EACI;A3C41HR;;A2Cx1HA;EACI;A3C21HJ;;A2Cx1HA;EACI;A3C21HJ;;A2Cx1HA;EACI;EACA;EACA;EACA;A3C21HJ;;A2Cx1HA;EACI;A3C21HJ;;A2Cx1HA;EACI;A3C21HJ;;A2Cx1HA;EACI;A3C21HJ;;A4C1lIA;EACE;EACA;EACA;EACA;A5C6lIF;A4C3lIE;EACE;EACA;EACA;EACA;EACA;A5C6lIJ;A4C3lII;EACE;EACA,2E1CkBa;E0CjBb;A5C6lIN;A4CzlIM;EACE;A5C2lIR;A4CzlIQ;EACE,uE1CHG;AF8lIb;A4CxlIQ;EACE;A5C0lIV;;A4CnlIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5CslIF;;A4CnlIA;EACE;EACA;EACA,6F1CjDc;E0CkDd;A5CslIF;;A4CnlIA;EACE;A5CslIF;;A4CnlIA;EACE;EACA;EACA;EACA;EACA,yG1C+B+B;E0C9B/B,sG1CuCqB;E0CtCrB;A5CslIF;;A4CnlIA;EACE;EACA;EACA;EACA,4D1CxEQ;E0CyER;A5CslIF;;A4CnlIA;EACE;A5CslIF;;A4CllIE;EACE;A5CqlIJ;;A4ChlIE;EACE;A5CmlIJ;;A4C/kIA;EACE;A5CklIF;A4ChlIE;EACE;A5CklIJ;;A4C9kIA;;EAEE;EACA;A5CilIF;;A4C9kIA;EACE;EACA;A5CilIF;A4C/kIE;EACE;A5CilIJ;;A4C7kIA;EACE;A5CglIF;;A4C7kIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5CglIF;;A4C7kIA;EACE;EACA;EACA;EACA;EACA;EACA;A5CglIF;A4C9kIE;EACE;EACA;A5CglIJ;A4C7kIE;;;EAGE;EACA;EACA;EACA;EACA;A5C+kIJ;;A4C3kIA;EACE;EACA;EACA;EACA;A5C8kIF;A4C5kIE;EACE;EACA;EACA,+D1CtIS;E0CuIT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5C8kIJ;;A4C1kIA;EACE;A5C6kIF;;A4C1kIA;EACE,wF1C1IU;AFutIZ;;A4C1kIA;EACE;EACA;EACA;EACA;A5C6kIF;A4C3kIE;EACE;EACA;EACA;EACA;EACA,4E1CjLa;AF8vIjB;;A4CxkIE;EACE;A5C2kIJ;;A4CtkIE;EACE;A5CykIJ;;A4CrkIA;EACE;A5CwkIF;A4CtkIE;EACE;EACA;A5CwkIJ;A4CrkIE;EACE;EACA;EACA;EACA;A5CukIJ;A4CpkIE;EACE;EACA;A5CskIJ;A4CpkII;EACE;EACA;EACA,8F1CtNiB;AF4xIvB;A4ClkIE;EACE;EACA;EACA;EACA;A5CokIJ;A4ClkII;EACE;EACA;EACA;EACA;A5CokIN;;A4C7jII;EACE,2D1CnQI;AFm0IV;A4C5jIE;EACE,mG1CvQY;AFq0IhB;;A4C1jIA;EACE;EACA;EACA;A5C6jIF;;A6C50IA;EACE;A7C+0IF;;A8C/0IE;EACE;EACA,yG5CkFsB;E4CjFtB;A9Ck1IJ;;A8C70IE;EACE,8F5CamB;AFm0IvB;A8C90IE;EACE,8G5CakB;AFm0ItB;;A8C30IE;;EAEE;A9C80IJ;A8C30IE;EACE;A9C60IJ;;A8C10IA;EACE;A9C60IF;;A+Cv2IA;EACE;EACA;EACA;EACA;EACA,qI7CSoB;E6CRpB,wE7CiCa;E6ChCb;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,4D7ClBQ;E6CmBR;EACA;A/Cy2IF;;A+Ct2IA;EACE,4G7CCgB;AFw2IlB;;A+Ct2IA;EACE;A/Cy2IF;;A+Ct2IA;EACE;EACA;EACA;A/Cy2IF;;A+Ct2IA;EACE,uE7CtCQ;E6CuCR,oE7CpCmB;AF64IrB;;A+Ct2IA;EACE,oE7CxCmB;E6CyCnB,sE7C1CwB;AFm5I1B;;A+Ct2IA;EACE,wG7C5C4B;E6C6C5B;A/Cy2IF;;AgD15IA;EACE;AhD65IF;AgD35IE;EACE;AhD65IJ;AgD15IE;EACE;EACA;AhD45IJ;AgDz5IE;EACE;EACA;EACA;EACA;EACA;AhD25IJ;AgDz5II;;;EAGE;EACA;AhD25IN;AgDx5II;EACE;AhD05IN;AgDv5II;EACE;EACA;AhDy5IN;AgDr5IE;EACE;EACA;EACA;AhDu5IJ;AgDr5II;EACE;AhDu5IN;AgDr5IM;EACE;AhDu5IR;AgDn5II;;EAEE;AhDq5IN;AgDl5II;EACE;AhDo5IN;AgDj5II;EACE;EACA;EACA;AhDm5IN;;AgD34II;EACE;EACA;EACA;AhD84IN;AgD34II;EAEE;AhD44IN;AgD14IM;EACE;EACA;EACA;AhD44IR;;AgDt4IA;EACE;EACA;EACA;EACA;AhDy4IF;;AgDt4IA;EACE;EACA;EACA;EACA;AhDy4IF;;AgDp4IE;;E9CwDA,oGA/EyB;EAgFzB;EACA;EACA,+BAxGY;EAyGZ;EACA;EACA;EACA;EACA;EACA;EACA;AFi1IF;AgD/4IE;;E9CkEA,oGA7FyB;EA8FzB;EACA;EACA,+BAtHY;EAuHZ;EACA;EACA;EACA;EACA;EACA;EACA;AFi1IF;AgDz5IE;;E9C4EA,oGA3GyB;EA4GzB;EACA;EACA,+BApIY;EAqIZ;EACA;EACA;EACA;EACA;EACA;EACA;AFi1IF;AgDn6IE;;;;;;E9CsFA,oGAzHyB;EA0HzB;EACA;EACA,+BAlJY;EAmJZ;EACA;EACA;EACA;EACA;EACA;EACA;AFq1IF;AgD/6IE;;;;;;;;E9C8FA,oGAvIyB;EAwIzB;EACA;EACA,+BAhKY;EAiKZ;EACA;EACA;EACA;EACA;EACA;EACA;AF21IF;AgD57IE;;EACE,4D9ClIM;AFikJV;AgD57IE;;EACE;EACA;EACA;EACA;EACA;EACA,uE9CtHS;E8CuHT,wE9CnGW;E8CoGX;EACA;EACA;EACA;EACA;AhD+7IJ;AgD77II;;EACE,4G9C3HY;AF2jJlB;AgD77II;;EACE;AhDg8IN;AgD77II;;EACE;EACA;EACA;EACA;EACA,4D9ChKI;E8CiKJ;EACA;EACA;EACA,yG9C/EoB;E8CgFpB;AhDg8IN;;AgD37IA;EACE;EACA;EACA;EACA;EACA;EACA;AhD87IF;;AiD5mJA;EACE;EACA;EACA;EACA;AjD+mJF;;AiD5mJA;EACE;AjD+mJF;;AiD5mJA;EACE;AjD+mJF;;AiD5mJA;EACE;AjD+mJF;;AiD5mJA;EACE;EACA;EACA;EACA;EACA;AjD+mJF;AiD7mJE;EACE;EACA;EACA;EACA;EACA;AjD+mJJ;;AiD3mJA;;EAEE;EACA;AjD8mJF;;AiD3mJA;EACE;EACA;AjD8mJF;AiD5mJE;EACE,sG/CuDmB;E+CtDnB;AjD8mJJ;;AiD1mJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2E/C3BiB;AFwoJnB;;AiD1mJA;EACE;AjD6mJF;;AiD1mJA;EACE;AjD6mJF;;AiD1mJA;EACE,wF/CzBU;AFsoJZ;AiD3mJE;EACE;AjD6mJJ;;AiDzmJA;EACE;AjD4mJF;;AiDzmJA;EACE;EACA;EACA;EACA;AjD4mJF;;AiDzmJA;;EAEE;AjD4mJF;;AiDzmJA;;EAEE;AjD4mJF;;AiDxmJE;EACE;AjD2mJJ;;AiDvmJA;EACE;AjD0mJF;;AkDrtJA;EACE;EACA;EACA;EACA;EACA,4DhDLQ;EgDMR;EACA;EACA;EACA;EACA,yGhD2EwB;EgD1ExB;EACA;AlDwtJF;;AkDrtJA;EACE,kDhD8BI;AF0rJN;;AkDrtJA;EACE;AlDwtJF;;AkDptJE;EACE,0EhDQe;AF+sJnB;;AkDntJA;EACE,0EhDGiB;AFmtJnB;;AkDntJA;;EAEE,+DhDHW;EgDIX;EACA;EACA;AlDstJF;;AkDntJA;;EAEE;EACA,mGhD3Cc;EgD4Cd;EACA;AlDstJF;AkDptJE;;EACE,kFhD3Ba;AFkvJjB;AkDptJE;;EACE,wFhDNQ;AF6tJZ;AkDptJM;;EACE,iDhDXF;AFkuJN;AkDltJE;;EACE;AlDqtJJ;;AkDjtJA;EACE;EACA;EACA;AlDotJF;;AkDjtJA;EACE,kFhDpDe;EgDqDf;AlDotJF;;AmD/xJA;EACE;EACA;AnDkyJF;AmDhyJI;EACE;AnDkyJN;;AoDvyJA;EACE,uElDoBW;EkDnBX;EACA;EACA;EACA;EASA;ApDkyJF;AoD1yJE;EACE;EACA;EACA;ApD4yJJ;AoD1yJE;EACE,0ElDqBe;AFuxJnB;;AoDtyJE;;EACE,2DlDnBM;AF6zJV;AoDvyJI;;EACE,iDlDuBA;AFmxJN;;AoDtyJA;EACE;ApDyyJF;;AqDr0JA;EACE;EACA;EACA;EACA;EACA;ArDw0JF;;AqD/zJE;;EnDkJA,oGA/EyB;EAgFzB;EACA;EACA,+BAxGY;EAyGZ;EACA;EACA;EACA;EACA;EACA;EACA;AFkrJF;AqD10JE;;EnD4JA,oGA7FyB;EA8FzB;EACA;EACA,+BAtHY;EAuHZ;EACA;EACA;EACA;EACA;EACA;EACA;AFkrJF;AqDp1JE;;EnDsKA,oGA3GyB;EA4GzB;EACA;EACA,+BApIY;EAqIZ;EACA;EACA;EACA;EACA;EACA;EACA;AFkrJF;AqD91JE;;;;;;EnDgLA,oGAzHyB;EA0HzB;EACA;EACA,+BAlJY;EAmJZ;EACA;EACA;EACA;EACA;EACA;EACA;AFsrJF;AqD12JE;;;;;;;;EnDwLA,oGAvIyB;EAwIzB;EACA;EACA,+BAhKY;EAiKZ;EACA;EACA;EACA;EACA;EACA;EACA;AF4rJF;AqDv3JE;;EACE,4DnDxCM;AFk6JV;AqDv3JE;;EACE;EACA;EACA;EACA;EACA;EACA,uEnD5BS;EmD6BT,wEnDTW;EmDUX;EACA;EACA;EACA;EACA;ArD03JJ;AqDx3JI;;EACE,4GnDjCY;AF45JlB;AqDz3JI;;EACE;ArD43JN;AqDz3JI;;EACE;EACA;EACA;EACA;EACA,4DnDrEI;EmDsEJ;EACA;EACA;EACA,yGnDYoB;EmDXpB;ArD43JN;;AqDv3JA;;EAEE;EACA;EACA;EACA;ArD03JF;;AqDv3JA;EACE;ArD03JF;;AqDv3JA;EACE;ArD03JF;;AsDt9JA;EACE;AtDy9JF;;AsDt9JA;EACE;AtDy9JF;;AsDt9JA;EACE;AtDy9JF;;AsDt9JA;EACE;EACA;EACA;EACA;AtDy9JF;;AsDt9JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtDy9JF;AsDt9JI;EACE;AtDw9JN;;AsDn9JA;;EAEE;AtDs9JF;;AsDl9JE;EACE,2EpDTe;AF89JnB;;AsD/8JE;;EAEE,4DpDlDM;AFogKV;;AsD98JA;EACE;EACA;EACA;EACA;AtDi9JF;;AsD98JA;EACE;EACA;EACA;EACA;EACA,2EpDjCiB;AFk/JnB;;AuDjhKA;EACE;EACA;EACA;EACA,iErDeW;EqDdX;EACA;AvDohKF;AuDlhKE;EACE,6FrDVY;EqDWZ,+DrDoBS;EqDnBT;AvDohKJ;AuDjhKE;EACE;AvDmhKJ;AuDhhKE;EACE;EACA;EACA;EACA;EACA;AvDkhKJ;;AuD9gKA;EACE;AvDihKF;;AuD9gKA;EACE;AvDihKF;;AuD9gKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kFrDtBe;EqDuBf;EACA;AvDihKF;AuD/gKE;EACE;EACA;AvDihKJ;AuD9gKE;EACE,kFrDhCa;AFgjKjB;;AwDtkKA;EACE;EACA;AxDykKF;;AwDtkKA;EACE;AxDykKF;AwDvkKE;EACE;EACA;EACA;EACA;AxDykKJ;;AwDrkKA;EAKE;AxDokKF;AwDxkKE;EACE;AxD0kKJ;;AyD5lKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzD+lKF;;AyD5lKA;EACE;EACA;EACA;AzD+lKF;;AyD5lKA;EACE;EACA;AzD+lKF;;AyD5lKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6DvDlCQ;EuDmCR;EACA;EACA;AzD+lKF;;AyD5lKA;EACE;EACA;AzD+lKF;;AyD5lKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DvDtDQ;EuDuDR;EACA;AzD+lKF;;AyD5lKA;EACE,4DvD5DQ;EuD6DR;EACA;AzD+lKF;;AyD5lKA;EACE,2EvDjCiB;EuDkCjB;EACA;AzD+lKF;;A0DnqKA;;EAEE;A1DsqKF;;A0DnqKA;EACE;EACA;EACA;A1DsqKF;;A0DnqKA;EACE;EACA;A1DsqKF;;A0DnqKA;EACE;A1DsqKF;;A2DvrKA;EACI;A3D0rKJ;;A2DxrKA;EACI;EACA;EACA;A3D2rKJ;;A2DzrKA;EACI;A3D4rKJ;;A2D1rKA;EACI;A3D6rKJ;;A2D1rKA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;A3D4rKJ;;A2DzrKA;;EAEI;EACA;EACA;EACA;A3D4rKJ;;A4D7tKA;EACE;EACA;EACA;A5DguKF;;A4D7tKA;EACE;EACA;EACA;A5DguKF;;A4D3tKI;E7COF;EACA;EACA;EACA;EACA;AfwtKF;AettKE;EACE;EACA;AfwtKJ;A4DnuKI;EACE;A5DquKN;A4DluKI;EACE;A5DouKN;A4DjuKI;EACE;A5DmuKN;A4D/tKI;EACE;A5DiuKN;A4D/tKM;EACE;EACA;A5DiuKR;A4D9tKM;EACE;A5DguKR;A4D5tKI;EACE;A5D8tKN;A4D3tKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A5D6tKN;A4D3tKM;EACE;EACA;A5D6tKR;A4DztKI;EACE;A5D2tKN;A4DxtKI;EACE;EACA;EACA;EACA;A5D0tKN;A4DttKI;EACE;A5DwtKN;A4DttKM;EACE;A5DwtKR;AuB14JI;EACE;AvB44JN;AuBx4JE;;EAEE;AvB04JJ;AuBv4JE;EACE;EACA;AvBy4JJ;AuBv4JI;EACE;EACA;AvBy4JN;AuBt4JI;EACE;EACA;AvBw4JN;AuBp4JE;EACE;AvBs4JJ;AuBl4JI;EACE;AvBo4JN;AuB/3JI;EACE;AvBi4JN;AuB53JI;EACE;AvB83JN;AuB53JM;EACE;EACA;EACA;EACA;EACA;EACA,uErB1aO;EqB2aP;EACA;EACA;EACA;AvB83JR;AuBz3JE;EACE;AvB23JJ;AuBx3JE;EACE;EACA;EACA;EACA;AvB03JJ;AuBv3JE;EACE;AvBy3JJ;AuBt3JE;;EAEE;AvBw3JJ;AuBp3JI;EACE;EACA;EACA;EACA;EACA;EACA;AvBs3JN;AuB92JI;;;;EACE;AvBm3JN;AuB/2JE;EACE;AvBi3JJ;AuB/2JI;EACE;EACA;EACA,iErBlfO;AFm2Kb;AuB72JE;EACE;EACA;AvB+2JJ;AuB72JI;EACE;AvB+2JN;AuB52JI;EACE;AvB82JN;AuB12JE;EACE;EACA;AvB42JJ;AuBz2JE;EACE,2ErB7fe;EqB8ff;AvB22JJ;AuBv2JI;EACE;AvBy2JN;AuBt2JI;EACE;AvBw2JN;AuBr2JI;EACE;AvBu2JN;AuBn2JE;EACE;AvBq2JJ;AuBl2JE;EACE;AvBo2JJ;AuBh2JI;EACE;EACA;AvBk2JN;AuB71JI;EACE;AvB+1JN;AkCz4KE;EACE;EACA;AlC24KJ;;A6Dj3KA;EACE;A7Do3KF;;A6Dj3KA;EACE;EACA;EACA;EACA;EACA;EACA,kF3DvCe;E2DwCf;A7Do3KF;A6Dl3KE;EACE;EACA;A7Do3KJ;A6Dj3KE;EACE;EACA;A7Dm3KJ;A6Dh3KE;EACE;EACA;EACA;A7Dk3KJ;A6D/2KE;EACE;EACA;EACA;EACA,mE3D/CK;AFg6KT;A6D92KE;EACE;A7Dg3KJ;A6D72KE;EACE;EACA,sF3D5De;AF26KnB;;A6D32KA;EACE;EACA;EACA;EACA;A7D82KF;A6D52KE;EACE;EACA;A7D82KJ;A6D32KE;EACE;EACA;EACA;A7D62KJ;A6D12KE;EACE;EACA;EACA;EACA,mE3DjFK;AF67KT;A6Dz2KE;EACE;A7D22KJ;A6Dx2KE;EACE;EACA,sF3D9Fe;AFw8KnB;;A6Dt2KA;EACE;A7Dy2KF;;A6Dr2KE;EACE;EACA;A7Dw2KJ;A6Dp2KM;EACE;EACA;EACA,uE3D5HK;AFk+Kb;A6Dn2KM;EACE;EACA;EACA;EACA,mE3DnHC;AFw9KT;A6Dl2KM;EACE;A7Do2KR;A6Dj2KM;EACE;EACA,sF3DhIW;AFm+KnB;;A6D51KE;EACE,wE3D/HY;AF89KhB;A6D51KE;EACE,uE3DxJS;E2DyJT;EACA;A7D81KJ;;A6Dz1KE;EACE,wE3D1IW;E2D2IX,8F3D/JmB;AF2/KvB;A6Dz1KE;EACE;A7D21KJ;;A6Dt1KE;EACE,kF3D1Ka;AFmgLjB,C","file":"defaultV2.fontless.css","sourcesContent":["@charset \"UTF-8\";\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0;\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item__icon svg {\n display: block;\n}\n.sv-action-bar-item__icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {\n outline: none;\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary .sv-action-bar-item__icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sv-action-bar-item--active .sv-action-bar-item__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n cursor: pointer;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-family: var(--font-family, var(--font-family));\n}\n\n.sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n}\n.sv-dots__item .sv-action-bar-item__icon {\n margin: auto;\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 50%;\n}\n\n.sv-dragged-element-shortcut {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n padding-left: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: move;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td > * {\n visibility: hidden;\n}\n\nsv-popup {\n display: block;\n position: absolute;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n padding: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n}\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n}\n\n.sv-popup.sv-popup--modal > .sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: var(--sv-popup-overlay-height, 100vh);\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__container {\n background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n max-width: 100vw;\n max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: unset;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-content {\n max-height: var(--sv-popup-overlay-height, 100vh);\n max-width: 100vw;\n border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(100% - (1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__button {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n}\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-general-backcolor, var(--background, #fff));\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calc(1.5 * var(--sjs-font-size, 16px));\n line-height: calc(2 * var(--sjs-font-size, 16px));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__button {\n margin: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--modal .sv-list__filter-icon,\n.sv-popup--overlay .sv-list__filter-icon {\n top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar .sv-action {\n width: auto;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button {\n background-color: transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n box-shadow: none;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n margin-top: 0;\n padding-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__container {\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list {\n flex-grow: 1;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon {\n position: static;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled {\n pointer-events: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__input {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-family: var(--font-family);\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused .sv-list__item-body {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), 31 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n width: auto;\n min-width: min(40 * var(--sjs-base-unit, var(--base-unit, 8px)), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n overflow: hidden;\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__scrolling-content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-list__container {\n flex-grow: 1;\n}\n\n.sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n overflow: auto;\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-button-group__item {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n appearance: none;\n width: 100%;\n padding: 11px calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n cursor: pointer;\n overflow: hidden;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n position: relative;\n}\n.sv-button-group__item:not(:last-of-type) {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group__item--hover:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-button-group__item-icon {\n display: block;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-button-group__item--selected {\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-button-group__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n}\n.sv-button-group__item--disabled .sv-button-group__item-decorator {\n opacity: 0.25;\n font-weight: normal;\n}\n.sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sv-button-group__item--disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n.sv-hidden {\n display: none !important;\n}\n\n.sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n}\n.sv-title-actions .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n}\n\n.sv_window {\n position: fixed;\n bottom: 3px;\n right: 10px;\n background-color: cadetblue;\n padding: 1px;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n background-color: #fff;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n line-break: auto;\n z-index: 100;\n}\n\n.sv_window_title {\n padding: 8px 14px;\n margin: 0;\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n}\n\n.sv_window_content {\n padding: 0;\n margin: 0;\n max-height: 80vh;\n overflow-y: auto;\n}\n\n.sv_window_title a,\n.sv_window_title a:link,\n.sv_window_title a:visited {\n text-decoration: none;\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n font-style: normal;\n color: black;\n}\n\n.sv_window_button .sv-svg-icon {\n margin: 4px;\n}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n}\n.sv-brand-info a {\n color: #161616;\n text-decoration-line: underline;\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n color: #161616;\n}\n\n.sv-brand-info__logo {\n display: inline-block;\n}\n.sv-brand-info__logo img {\n width: 118px;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n}\n.sv-brand-info__terms a {\n color: #909090;\n}\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calc(0.6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n outline: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled {\n cursor: initial;\n}\n.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n border-radius: 100%;\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking-item__index.sv-ranking-item__index:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(31 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n position: absolute;\n left: 0;\n top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n left: initilal;\n right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n}\n.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__content {\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column-reverse;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {\n margin: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n width: 1px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {\n left: initial;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n padding-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n padding-right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n}\n\n.sv-ranking__container--empty {\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.sv-ranking__container--from .sv-ranking-item__icon--focus {\n display: none;\n}\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--font-family, var(--font-family));\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n text-align: center;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n padding-block: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n outline: none;\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-block: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(7.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {\n margin-inline-start: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n outline: none;\n}\n.sv-list__item:hover .sv-list__item-body,\n.sv-list__item:focus .sv-list__item-body {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n}\n.sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body {\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n}\n\n.sv-list__item-icon {\n float: left;\n flex-shrink: 0;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item-icon svg {\n display: block;\n}\n.sv-list__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sv-list__item-icon,\n[style*=\"direction:rtl\"] .sv-list__item-icon,\n[style*=\"direction: rtl\"] .sv-list__item-icon {\n float: right;\n}\n\n.sv-list__item-separator {\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-list--filtering .sv-list__item-separator {\n display: none;\n}\n\n.sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-body,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n.sv-list__item.sv-list__item--selected .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-list__item.sv-list__item--disabled .sv-list__item-body {\n cursor: default;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}\n\n.sv-save-data_root {\n position: fixed;\n left: 50%;\n bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n opacity: 0;\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(2 * var(--sjs-corner-radius, 4px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n min-width: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n z-index: 1600;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n transform: translateX(-50%) translateY(calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root span {\n display: flex;\n flex-grow: 1;\n}\n.sv-save-data_root .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n color: var(--sjs-general-backcolor, var(--background, #fff));\n font-weight: 600;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: #ffffff;\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid #ffffff;\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: #ffffff;\n font-weight: 600;\n}\n\n.sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n font-family: var(--sjs-font-questiontitle-family, var(--font-family));\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n margin: 0;\n}\n.sd-element__title .sd-element__num {\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-element__title span {\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n.sd-element__title .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n}\n.sd-element__title .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n}\n.sd-element__title .sv-title-actions__title {\n white-space: nowrap;\n}\n.sd-element__title .sv-string-viewer {\n white-space: normal;\n}\n.sd-element__title .sv-string-viewer::before {\n content: \"​\";\n}\n\n.sd-element__num {\n float: left;\n padding-top: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.375 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: 0;\n padding-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n}\n.sd-element__num + span {\n float: left;\n width: 0;\n}\n\n[dir=rtl] .sd-element__num,\n[style*=\"direction:rtl\"] .sd-element__num,\n[style*=\"direction: rtl\"] .sd-element__num {\n float: right;\n}\n\n.sd-element__title--num-inline .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-element__title--num-inline .sd-element__num + span {\n float: none;\n width: auto;\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n.sd-element--with-frame {\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.sd-element--with-frame.sd-question--paneldynamic {\n padding-bottom: 0;\n}\n.sd-element--with-frame.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n\n.sd-element--complex.sd-element--complex > .sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n}\n.sd-element--complex > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--complex > .sd-element__header--location-top:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n bottom: 0;\n}\n.sd-element--complex.sd-element--with-frame {\n padding-top: 0;\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--expanded > .sd-element__header,\n.sd-element--collapsed > .sd-element__header {\n cursor: pointer;\n}\n\n.sd-element--collapsed > .sd-element__header {\n padding: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--collapsed > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--collapsed.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n}\n.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-element--collapsed > .sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-element--collapsed > .sd-element__header:hover, .sd-element--nested.sd-element--collapsed > .sd-element__header:focus-within {\n box-shadow: 0 calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {\n border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--outside-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--below-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:focus-within, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:focus-within {\n box-shadow: none;\n}\n.sd-element--nested > .sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-shadow: none;\n background-color: transparent;\n}\n\n.sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-weight: 600;\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame > .sd-question__erbox--above-question {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n margin-top: calc(-0.25 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--with-frame > .sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n}\n.sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex: 1;\n}\n\n.sd-question__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n height: auto;\n width: auto;\n max-width: calc(29 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.75;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {\n display: none;\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: center;\n min-height: calc(24 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {\n white-space: pre-line;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-question--empty.sd-question--complex > .sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow: visible;\n max-width: 100%;\n}\n\n.sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: var(--font-family);\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n position: absolute;\n inset-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-block-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n.sd-input[type=color],\n.sd-input[type=range] {\n box-sizing: content-box;\n width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-input[type=range]::-webkit-slider-runnable-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-comment {\n display: block;\n height: auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n\n.sd-panel {\n position: relative;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {\n content: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: 0 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-panel.sd-panel--as-page .sd-panel__header + .sd-panel__content {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel.sd-panel--as-page > .sd-panel__content {\n padding-top: 0;\n}\n\n.sd-row ~ .sd-row .sd-panel--as-page {\n padding-top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-panel__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel__content {\n padding-top: var(--sd-base-padding);\n}\n\n.sjs_sp_placeholder {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sjs_sp_container {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: auto;\n bottom: auto;\n}\n\n.sd-question--signature:not(.sd-question--answered) .sd-signaturepad__controls {\n display: none;\n}\n\n.sd-question--signature.sd-question--error .sjs_sp_placeholder {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-signaturepad__canvas,\n.sd-signaturepad__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-family: var(--font-family, var(--font-family));\n font-weight: 600;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdynamic__drag-element:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-matrixdynamic__drag-element:after {\n content: \" \";\n display: block;\n height: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {\n margin-left: 0;\n}\n\n.sd-drag-element__svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-drag-element__svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-table {\n width: 100%;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n border-collapse: separate;\n border-spacing: 0;\n white-space: normal;\n}\n.sd-table > thead > tr > th {\n border-top: 0;\n border-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n}\n\n.sd-table__cell {\n border-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n background-clip: padding-box;\n}\n\n.sd-root-modern:not(.sd-root-modern--mobile) .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {\n width: 10000px;\n}\n\n.sd-table__row:first-of-type > .sd-table__cell {\n border-top: 0;\n}\n\n.sd-table__row:last-of-type > .sd-table__cell {\n border-bottom: 0;\n}\n\n.sd-table--align-top .sd-table__cell {\n vertical-align: top;\n}\n\n.sd-table--no-header {\n padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-panel__content .sd-table--no-header {\n padding-top: 0;\n}\n.sd-panel__content .sd-question--table .sd-question__content {\n padding-top: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel__content .sd-question--table > .sd-question__header + .sd-question__content {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel__content .sd-question--table > .sd-question__header + .sd-question__content .sd-table--no-header {\n padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel__content .sd-question--table > .sd-question__header + .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header + .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table--alternate-rows {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:last-of-type {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-matrix__text--checked,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-input,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error) .sd-item__decorator,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n text-align: center;\n}\n.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--error {\n border: none;\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--error .sd-question__erbox--outside-question {\n margin: 0;\n}\n\n.sd-table__cell--error-top {\n vertical-align: bottom;\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--error-bottom {\n vertical-align: top;\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--item .sd-selectbase__item {\n text-align: center;\n}\n.sd-table__cell--item .sd-selectbase__label {\n justify-content: center;\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n font-size: 0;\n line-height: 0;\n}\n\n.sd-table__cell--header span {\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n vertical-align: top;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {\n min-width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {\n min-width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--detail-panel {\n border-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n}\n\n.sd-table__cell--actions .sv-action-bar,\n.sd-matrixdynamic__add-btn .sv-action-bar {\n overflow: visible;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {\n padding-left: 0;\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--detail-button svg {\n display: block;\n width: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-table__cell--detail-button:hover {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-table__cell--detail-button:hover svg {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n}\n.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n text-align: left;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n}\n.sd-table__question-wrapper:not(:focus-within):hover .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n position: sticky;\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 12;\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,\n.sd-table__cell--empty:first-of-type,\n.sd-table__cell--row-text:first-of-type,\n.sd-matrix__cell:first-of-type:first-of-type,\n.sd-matrix tr > td:first-of-type:first-of-type {\n left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,\n.sd-table__cell--empty:last-of-type,\n.sd-table__cell--row-text:last-of-type,\n.sd-matrix__cell:first-of-type:last-of-type,\n.sd-matrix tr > td:first-of-type:last-of-type {\n right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-question--table.sd-element--nested {\n overflow-x: visible;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-table-wrapper:before, .sd-table-wrapper:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-shrink: 0;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 11;\n}\n.sd-table-wrapper::before {\n left: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper:after {\n right: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper > * {\n flex-basis: 100%;\n}\n\n.sd-question--table > .sd-question__header,\n.sd-question--table .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n}\n.sd-question--table > .sd-question__content {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: min-content;\n}\n.sd-question--table.sd-element--nested > .sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n}\n.sd-question--table.sd-element--nested > .sd-question__content {\n min-width: auto;\n overflow-x: auto;\n}\n.sd-question--table.sd-element--nested > .sd-question__content {\n padding-bottom: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-top: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__question-wrapper .sd-boolean-root {\n margin: auto;\n}\n\n.sd-table.sd-matrixdynamic {\n table-layout: auto;\n}\n\n.sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0 calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n padding: 0;\n}\n\n.sd-page .sd-page__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n margin-top: 0;\n}\n\n.sd-page .sd-page__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: 0 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n margin-top: 0;\n}\n\n.sd-page__title ~ .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-page__title ~ .sd-row.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row--multiple {\n row-gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n}\n.sd-row--multiple > div {\n box-sizing: border-box;\n padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: stretch;\n}\n\n.sd-panel .sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n}\n.sd-panel .sd-row--multiple > div {\n padding-left: var(--sd-base-padding);\n}\n\n.sd-row--multiple.sd-row--compact > div {\n padding-left: var(--sd-base-padding);\n}\n\n.sd-page__row.sd-row--multiple {\n margin-left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-page__row.sd-row--multiple.sd-row--compact {\n padding: 0;\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n}\n\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}\n\n.sd-title {\n display: block;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, var(--font-family));\n gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-title.sd-container-modern__title .sd-logo__image {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-grow: 1;\n}\n.sd-header__text .sd-title {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-family: var(--sjs-font-surveytitle-family, var(--font-family));\n font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n font-weight: var(--sjs-font-surveytitle-weight, 700);\n line-height: calc(1.25 * var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n.sd-header__text h3 {\n line-height: calc(2.5 * var(--sjs-font-size, 16px));\n}\n.sd-header__text h5 {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-title .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n}\n\n.sd-root-modern .sd-container-modern__title {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-root-modern .sd-container-modern__title .sd-header__text h3 {\n margin: 0;\n}\n.sd-root-modern .sd-container-modern__title .sd-description {\n margin: 0;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-title .sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: initial;\n min-width: unset;\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n margin: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-action-title-bar .sv-action {\n flex: 0 0 auto;\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}\n\n.sd-description {\n font-style: normal;\n font-family: var(--sjs-font-questiondescription-family, var(--font-family));\n font-weight: var(--sjs-font-questiondescription-weight, 400);\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-description.sd-question__description--under-input {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element__header .sd-description {\n margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-item {\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n flex-shrink: 0;\n margin-top: calc(((1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))))) - (3 * var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus + .sd-item__decorator {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item__control-label {\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-style: normal;\n font-weight: var(--sjs-font-editorfont-weight, 400);\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-item--error .sd-item__decorator {\n background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__column:not(:last-child) {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__decorator {\n border-radius: 50%;\n}\n\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 50%;\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__svg {\n display: none;\n}\n\n.sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sd-matrix fieldset {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n\n.sd-matrix__text {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}\n\n:root {\n --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-inline-start: 0;\n align-items: center;\n}\n.sd-rating.sd-rating--wrappable fieldset {\n flex-wrap: wrap;\n}\n\n.sd-rating--small {\n min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-rating--small fieldset {\n padding: 0;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item {\n position: relative;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-rating__item--fixed-size {\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n}\n\nlegend + .sd-rating__item,\nlegend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n border-color: transparent;\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley {\n position: relative;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-rating__item-smiley svg {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small {\n padding: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-width: 1px;\n}\n.sd-rating__item-smiley--small svg {\n width: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\nlegend + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-color: transparent;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n}\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:first-of-type) {\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:last-of-type) {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-rating__item-star .sv-star-2 {\n display: none;\n}\n\n.sd-rating__item-star--small {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star--small svg {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-star--selected svg {\n stroke: none;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-star--error svg {\n stroke: none;\n fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n}\n.sd-rating__item-star--disabled svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: none;\n}\n\n.sd-rating__item-star--unhighlighted svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--highlighted svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--selected:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:focus-within .sv-star {\n display: none;\n}\n.sd-rating__item-star--selected:focus-within .sv-star-2 {\n display: block;\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n display: inline-block;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-top: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 2px solid transparent;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-left: 0px;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-text.sd-rating__item-text .sv-string-editor {\n white-space: nowrap;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: inherit;\n}\n\n.sv-ranking-item--error .sv-ranking-item__index {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {\n left: 0;\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dropdown_select-wrapper {\n position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n position: absolute;\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: 0;\n bottom: 0;\n inset-inline-end: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-inline-end: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-dropdown:focus-within .sd-dropdown__filter-string-input {\n z-index: 2000;\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-prefix span {\n white-space: pre;\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-suffix span {\n white-space: pre;\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sd-list__item-body {\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n}\n\n[dir=rtl] .sd-dropdown,\n[style*=\"direction:rtl\"] .sd-dropdown,\n[style*=\"direction: rtl\"] .sd-dropdown {\n background-position: left calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;\n}\n\n.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox_clean-button {\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n padding: calc(0.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n align-items: center;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-tagbox__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n min-width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {\n display: flex;\n align-self: center;\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n padding-inline-start: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n display: block;\n padding: calc(0.25 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n width: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n width: 100%;\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1/1) {\n .sd-imagepicker > div {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n.sd-imagepicker__item img,\n.sd-imagepicker__item .sd-imagepicker__image-container > div {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border-radius: 100%;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n display: block;\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-imagepicker__no-image-svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}\n\n.sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-image__no-image {\n background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n min-width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(27.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-html {\n white-space: initial;\n}\n\n.sd-html h1 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-xx-large-fontSize, 64px);\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n.sd-html h2 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-x-large-fontSize, 48px);\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n.sd-html h3 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-large-fontSize, 32px);\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n.sd-html h4,\n.sd-html h5,\n.sd-html h6 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-medium-fontSize, 24px);\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n.sd-html td,\n.sd-html span,\n.sd-html div,\n.sd-html p {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-default-fontSize, 16px);\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n.sd-html a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;\n}\n.sd-html button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-html button:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, var(--font-family));\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-expression {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-progress {\n height: 2px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n}\n@media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 5%;\n }\n}\n@media only screen and (max-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 10px;\n }\n}\n\n.sd-body__progress--top {\n margin-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body__progress--bottom .sd-progress__text {\n margin-top: calc(-3.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.sd-boolean.sd-boolean--allowhover:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n color: transparent;\n transition-duration: 0.15s;\n transition-property: color;\n transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n}\n.sd-boolean--disabled .sd-boolean__thumb,\n.sd-boolean--disabled .sd-boolean__label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-paneldynamic .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n}\n.sd-paneldynamic > .sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n padding-bottom: 0;\n padding-top: var(--sd-base-vertical-padding);\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {\n display: none;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn {\n display: block;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__footer .sd-paneldynamic__add-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__progress-text,\n.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {\n display: initial;\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__progress-text {\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin: 0;\n margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__prev-btn .sv-svg-icon,\n.sd-paneldynamic__next-btn .sv-svg-icon {\n display: block;\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n}\n\n.sd-question--empty.sd-question--paneldynamic > .sd-question__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 -1px calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tab-item {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n overflow-x: hidden;\n white-space: nowrap;\n}\n.sd-tab-item:hover {\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: auto;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-tab-item--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.5;\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n box-shadow: none;\n}\n.sd-tab-item--icon:hover use,\n.sd-tab-item--icon.sd-tab-item--pressed use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon:hover use {\n opacity: 1;\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}\n\n.sd-file {\n min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: relative;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n.sd-file .sv-action-bar {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n}\n.sd-file .sv-action-bar .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {\n opacity: initial;\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n cursor: pointer;\n}\n\n.sd-file__wrapper {\n width: max-content;\n}\n\n.sd-question--answered .sd-file__drag-area-placeholder {\n display: none;\n}\n\n.sd-file__choose-btn--text svg {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n}\n.sd-file__choose-btn--icon span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n inset-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__clean-btn span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n inset-inline-end: calc((1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))))) + (5 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calc(10.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n min-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n}\n.sd-file__preview .sd-file__default-image {\n width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 90px;\n}\n.sd-file__preview img:hover + .sd-file__remove-file-button,\n.sd-file__preview svg:hover + .sd-file__remove-file-button,\n.sd-file__preview .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.sd-file__sign {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n}\n.sd-file__sign a {\n display: block;\n text-decoration: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n word-break: break-all;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-overflow: ellipsis;\n line-height: calc(1 * var(--sjs-font-size, 16px));\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__image-wrapper img:not(.sd-file__default-image) {\n display: block;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n object-fit: contain;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-file--single img:hover + .sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file--mobile .sd-file__list {\n height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-file--single-image {\n height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file--single-image .sd-file__preview {\n width: 100%;\n margin: 0;\n}\n.sd-file--single-image .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper img {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-file--single-image .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n}\n.sd-file--single-image .sd-file__sign a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.sd-hidden {\n display: none !important;\n}\n\n.sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n flex-grow: 1;\n}\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n text-align: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-btn:disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--action:hover {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n}\n\n.sd-btn--action:disabled {\n color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n pointer-events: none;\n}\n\n.sd-body {\n width: 100%;\n}\n.sd-body .sd-body__page {\n min-width: 300px;\n}\n.sd-body .sd-body__timer {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n box-sizing: border-box;\n}\n.sd-body.sd-body--static {\n max-width: calc(90 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n padding-top: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(10 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--static .sd-body__timer,\n.sd-body.sd-body--static .sd-body__navigation,\n.sd-body.sd-body--static .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n}\n.sd-body.sd-body--static .sd-body__navigation {\n padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {\n padding-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--responsive {\n max-width: initial;\n padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n}\n.sd-body.sd-body--responsive .sd-page {\n padding: 0;\n}\n.sd-body.sd-body--responsive .sd-page.sd-page__empty-header {\n padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--responsive .sd-body__timer,\n.sd-body.sd-body--responsive .sd-body__navigation {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-body.sd-body--responsive .sd-body__navigation {\n padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body.sd-body--responsive.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * (-1 - 64 / 144) + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n}\n\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive, .sd-root-modern--mobile .sd-body.sd-body--static {\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 0;\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: wrap;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n\n.sd-body--empty h1,\n.sd-body--loading h1 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-xx-large-fontSize, 64px);\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n.sd-body--empty h2,\n.sd-body--loading h2 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-x-large-fontSize, 48px);\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n.sd-body--empty h3,\n.sd-body--loading h3 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-large-fontSize, 32px);\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n.sd-body--empty h4,\n.sd-body--empty h5,\n.sd-body--empty h6,\n.sd-body--loading h4,\n.sd-body--loading h5,\n.sd-body--loading h6 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-medium-fontSize, 24px);\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n.sd-body--empty td,\n.sd-body--empty span,\n.sd-body--empty div,\n.sd-body--empty p,\n.sd-body--loading td,\n.sd-body--loading span,\n.sd-body--loading div,\n.sd-body--loading p {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-default-fontSize, 16px);\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n.sd-body--empty a,\n.sd-body--loading a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button,\n.sd-body--loading button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;\n}\n.sd-body--empty button:hover,\n.sd-body--loading button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-body--empty button:focus,\n.sd-body--loading button:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button span,\n.sd-body--loading button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, var(--font-family));\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-root_background-image {\n background-position-x: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n\n.sd-multipletext__cell {\n height: 100%;\n}\n\n.sd-multipletext__cell:not(:first-of-type) {\n padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-multipletext__item-container .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-title {\n font-size: 0;\n line-height: 0;\n}\n.sd-multipletext__item-title span {\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-multipletext__item-title {\n height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);\n max-width: 30%;\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-multipletext__item {\n flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n\n.sd-multipletext__item-container--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-multipletext__item-container--error .sd-input--error {\n background-color: transparent;\n}\n\n.sd-multipletext__item-container:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-multipletext__cell {\n padding-left: 0;\n padding-right: 0;\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__cell--error-bottom,\n.sd-multipletext__row:first-of-type .sd-multipletext__cell {\n padding-top: 0;\n}\n\n.sd-multipletext__cell--error-top,\n.sd-multipletext__row:last-of-type .sd-multipletext__cell {\n padding-bottom: 0;\n}\n\n.sd-multipletext__cell--error .sd-question__erbox--outside-question {\n margin: 0;\n}\n\n.sd-multipletext .sd-input .sd-input {\n background: transparent;\n}\n\n.sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n outline: none;\n}\n\n.sd-action--negative {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-action--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\nsvg.sd-action--icon {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n cursor: pointer;\n opacity: 1;\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--icon,\n.sd-action:not(.sd-action--pressed):focus.sd-action--icon {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-action:not(.sd-action--pressed):hover:active,\n.sd-action:not(.sd-action--pressed):focus:active {\n opacity: 0.5;\n}\n\n.sd-action__icon {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 0.5;\n}\n\n.sd-action-bar {\n display: flex;\n align-items: center;\n}\n.sd-action-bar .sv-action:not(:last-child) .sv-action__content {\n padding-right: 0;\n}\n\n.sd-context-btn {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n outline: none;\n cursor: pointer;\n}\n.sd-context-btn svg {\n display: block;\n width: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n.sd-context-btn use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-context-btn:hover use,\n.sd-context-btn:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn:hover.sd-context-btn--negative use,\n.sd-context-btn:focus.sd-context-btn--negative use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n\n.sd-completedpage {\n font-family: var(--font-family, var(--font-family));\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n}\n\n.sd-completedpage h1,\n.sd-completed-before-page h1 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-xx-large-fontSize, 64px);\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n.sd-completedpage h2,\n.sd-completed-before-page h2 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-x-large-fontSize, 48px);\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n.sd-completedpage h3,\n.sd-completed-before-page h3 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-large-fontSize, 32px);\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n.sd-completedpage h4,\n.sd-completedpage h5,\n.sd-completedpage h6,\n.sd-completed-before-page h4,\n.sd-completed-before-page h5,\n.sd-completed-before-page h6 {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-medium-fontSize, 24px);\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n.sd-completedpage td,\n.sd-completedpage span,\n.sd-completedpage div,\n.sd-completedpage p,\n.sd-completed-before-page td,\n.sd-completed-before-page span,\n.sd-completed-before-page div,\n.sd-completed-before-page p {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-article-font-default-fontSize, 16px);\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: var(--font-family);\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n.sd-completedpage a,\n.sd-completed-before-page a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button,\n.sd-completed-before-page button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;\n}\n.sd-completedpage button:hover,\n.sd-completed-before-page button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-completedpage button:focus,\n.sd-completed-before-page button:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button span,\n.sd-completed-before-page button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, var(--font-family));\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-completedpage:after {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title,\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv_progress-toc {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: calc(42 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 100%;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n min-width: calc(32 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n.sv_progress-toc .sv-list__item span {\n white-space: break-spaces;\n}\n.sv_progress-toc .sv-list__item-body {\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: auto;\n min-width: auto;\n height: auto;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n z-index: 15;\n border-radius: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc--mobile > div {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc--mobile:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-list {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n}\n.sd-list__item.sd-list__item .sd-list__item-body {\n padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n outline: none;\n}\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {\n padding-block: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * -1.2222222222);\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n}\n\nsv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}\n\n.sjs_sp_container {\n position: relative;\n}\n\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sjs_sp_controls > button {\n user-select: none;\n}\n\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sjs_sp_canvas,\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n\n.sd-root-modern {\n --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {\n float: none;\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {\n left: calc(-2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-header__text {\n min-width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell:not(:first-of-type) {\n padding-left: 0;\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell :not(:last-of-type) {\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-container {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n max-width: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title span {\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item {\n width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table > .sd-question__content {\n padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question--table,\n.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {\n overflow-x: visible;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table thead {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table tr {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr + tr {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {\n justify-content: start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {\n margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell::before {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell::before,\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--actions::before,\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text::before,\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error::before {\n content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n content: attr(title);\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {\n bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--error-top {\n margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top .sd-question__erbox {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n}\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n position: relative;\n}\n.sd-root-modern form {\n z-index: 1;\n position: relative;\n}\n.sd-root-modern * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sd-root-modern ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern ::-webkit-scrollbar-track {\n background: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-root-modern.sd-root-modern--full-container {\n width: 100%;\n height: 100%;\n overflow: auto;\n position: static;\n}\n.sd-root-modern.sd-root-modern--full-container * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sd-root-modern.sd-root-modern--full-container::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sd-root-modern.sd-root-modern--full-container::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern.sd-root-modern--full-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.sd-root-modern.sd-root-modern--full-container::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sv-popup__shadow {\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n}\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 100%;\n}\n\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sv-popup.sv-popup--modal .sv-popup__body-footer {\n padding-bottom: 2px;\n}\n\n.sv-popup.sv-popup--overlay .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: $border;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(0.5);\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n color: $foreground;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calcSize(5);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calcSize(4);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n margin: 0 calcSize(0.5);\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0; //margin-left\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0; //margin-right\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(0.5);\n}\n\n.sv-action-bar-item__icon {\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n//hovered state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: $background-dim;\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed {\n\n &:focus,\n &:focus-visible {\n outline: none;\n // background-color: $background-dim;\n }\n}\n\n//pressed state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n//disabled state\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: $secondary;\n }\n}\n\n.sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: $primary;\n }\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calcSize(5);\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n cursor: pointer;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n}\n\n.sv-expand-action {\n &:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n }\n}\n\n.sv-expand-action--expanded {\n &:before {\n transform: rotate(180deg);\n }\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n\n .sv-action-bar-item__icon {\n margin: auto;\n }\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n &>* {\n flex: 0 0 auto;\n }\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: $background-dim;\n opacity: 50%;\n}","$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(\n --sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))\n);\n$question-background: var(\n --sjs-questionpanel-backcolor,\n var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))\n);\n\n$background: var(--sjs-general-backcolor, var(--background, #fff));\n$background-dim: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n$background-dim-light: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n$background-semitransparent: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n$background-dark: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n$background-dim-dark: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n\n$corner-radius: var(--sjs-corner-radius, 4px);\n$editor-corner-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n$panel-corner-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-small: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-medium: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n$shadow-large: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--font-family);\n$font-size: var(--sjs-font-size, 16px);\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, var(--font-family));\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, $font-size)));\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, var(--font-family));\n$font-pagetitle-weight: var(--sjs-font-pagetitle-weight, 700);\n$font-pagetitle-color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-pagetitle-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, $font-size)));\n\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, var(--font-family));\n$font-pagedescription-weight: var(--sjs-font-pagedescription-weight, 400);\n$font-pagedescription-color: var(\n --sjs-font-pagedescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-pagedescription-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, var(--font-family));\n$font-questiontitle-weight: var(--sjs-font-questiontitle-weight, 600);\n$font-questiontitle-color: var(\n --sjs-font-questiontitle-color,\n var(--sjs-general-forecolor, var(--foreground, #161616))\n);\n$font-questiontitle-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, var(--font-family));\n$font-questiondescription-weight: var(--sjs-font-questiondescription-weight, 400);\n$font-questiondescription-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n$font-questionplaceholder-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-placeholdercolor: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n$font-editorfont-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, $font-size)));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@function multiply($a, $b) {\n $result: calc(#{$a} * #{$b});\n @return $result;\n}\n\n@function calcSize($multiplier) {\n $result: calc(#{$multiplier} * #{$base-unit});\n @return $result;\n}\n\n@function calcFontSize($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcLineHeight($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcCornerRadius($multiplier) {\n $result: calc(#{$multiplier} * #{$corner-radius});\n @return $result;\n}\n\n@mixin smallBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n border: calcSize(0.25) solid $border-light;\n border-radius: calcCornerRadius(1);\n}\n\n@mixin articleXXLargeFont {\n color: $font-questiontitle-color;\n font-size: var(--sjs-article-font-xx-large-fontSize, 64px);\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n\n@mixin articleXLargeFont {\n color: $font-questiontitle-color;\n font-size: var(--sjs-article-font-x-large-fontSize, 48px);\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n\n@mixin articleLargeFont {\n color: $font-questiontitle-color;\n font-size: var(--sjs-article-font-large-fontSize, 32px);\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n\n@mixin articleMediumFont {\n color: $font-questiontitle-color;\n font-size: var(--sjs-article-font-medium-fontSize, 24px);\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n\n@mixin articleDefaultFont {\n color: $font-questiontitle-color;\n font-size: var(--sjs-article-font-default-fontSize, 16px);\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-dragged-element-shortcut {\n height: calcSize(3);\n min-width: calcSize(12.5);\n border-radius: calcSize(4.5);\n background-color: $background;\n padding: calcSize(2);\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n padding-left: calcSize(2.5);\n line-height: calcLineHeight(1.5);\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calcSize(1.75);\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calcSize(0.75);\n width: calcSize(2.5);\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n cursor: move;\n margin-top: calcSize(1.5);\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: $background-dim;\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td>* {\n visibility: hidden;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n$popup-overlay-height: var(--sv-popup-overlay-height, 100vh);\n\nsv-popup {\n display: block;\n position: absolute;\n // z-index: -1;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: $shadow-large;\n border-radius: calcCornerRadius(1);\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calcCornerRadius(1);\n}\n\n.sv-popup__body-content {\n background-color: $background;\n border-radius: calcCornerRadius(1);\n\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: $background-semitransparent;\n\n padding: calcSize(11) calcSize(15);\n box-sizing: border-box;\n\n .sv-popup__body-content {\n padding: calcSize(4);\n height: auto;\n }\n}\n\n.sv-popup.sv-popup--modal>.sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: $popup-overlay-height;\n\n .sv-popup__container {\n background: $background-semitransparent;\n max-width: 100vw;\n max-height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n width: 100%;\n padding-top: calcSize(2);\n border: unset;\n }\n\n .sv-popup__body-content {\n max-height: $popup-overlay-height;\n max-width: 100vw;\n border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n background: $background;\n box-shadow: $shadow-large;\n padding: calcSize(3) calcSize(2) calcSize(2);\n height: calc(100% - calc(1 * #{$base-unit}));\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - (10 * var(--base-unit, 8px)));\n }\n\n .sv-popup__body-footer {\n margin-top: calcSize(2);\n }\n\n .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n }\n\n .sv-popup__body-footer-item {\n width: 100%;\n }\n\n .sv-popup__button {\n background-color: $primary;\n border: 2px solid $primary;\n color: $primary-foreground;\n }\n}\n\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) {\n .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n\n &,\n * {\n &::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: $background-dim;\n }\n\n &::-webkit-scrollbar-thumb {\n background: $primary-light;\n }\n }\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top {\n .sv-popup__pointer {\n transform: translate(calcSize(-1)) rotate(180deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--bottom {\n .sv-popup__pointer {\n transform: translate(calcSize(-1), calcSize(-1));\n }\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calcSize(1));\n\n .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n transform: translate(calcSize(-1));\n\n .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n }\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n\n &:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calcSize(1) solid transparent;\n border-right: calcSize(1) solid transparent;\n border-bottom: calcSize(1) solid $background;\n align-self: center;\n }\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calcFontSize(1.5);\n line-height: calcLineHeight(2);\n font-style: normal;\n font-weight: 700;\n margin-bottom: calcSize(2);\n color: $foreground;\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calcSize(4);\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calcSize(1.5);\n}\n\n.sv-popup__button {\n margin: calcSize(0.25);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n .sv-list__filter {\n padding-top: calcSize(1);\n }\n\n .sv-list__filter-icon {\n top: calcSize(2.5);\n }\n}\n\n//styles for dropdown overlay\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n\n .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n }\n\n .sv-popup__body-footer .sv-action-bar {\n .sv-action {\n width: auto;\n }\n }\n\n .sv-popup__button {\n background-color: transparent;\n color: $primary;\n border: none;\n box-shadow: none;\n padding: calcSize(1) calcSize(2);\n border-radius: calcSize(12.5);\n margin: 0;\n }\n\n .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n }\n\n .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n }\n\n .sv-popup__body-footer {\n background-color: $background-dim-light;\n margin-top: 0;\n padding-top: calcSize(0.5);\n padding-bottom: calcSize(0.5);\n border-top: 1px solid $border-light;\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n }\n\n .sv-list__filter-icon .sv-svg-icon {\n width: calcSize(2);\n height: calcSize(2);\n }\n\n .sv-list__container {\n padding: 0;\n }\n\n .sv-list {\n flex-grow: 1;\n padding: calcSize(0.5);\n }\n\n .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);\n }\n\n .sv-list__filter-icon {\n position: static;\n top: calcSize(1.5);\n height: calcSize(2);\n }\n\n .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calcSize(1) calcSize(0.5);\n background-color: $background;\n }\n\n .sv-popup__button:disabled {\n pointer-events: none;\n color: $foreground;\n opacity: 0.25;\n }\n\n .sv-list__filter-clear-button {\n height: calcSize(3);\n width: calcSize(3);\n padding: calcSize(0.5);\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n\n svg {\n height: calcSize(2);\n width: calcSize(2);\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sv-list__input {\n color: $foreground-light;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n font-family: $font-family;\n padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);\n }\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n .sv-list__item-body {\n background: $background;\n }\n\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n }\n }\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list {\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n }\n }\n}\n\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet {\n .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - #{$base-unit} * 8);\n --sv-popup-overlay-max-width: calc(100% - #{$base-unit} * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), calcSize(31));\n height: auto;\n width: auto;\n min-width: min(calcSize(40), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calcCornerRadius(1);\n overflow: hidden;\n margin: 0;\n }\n\n .sv-popup__content,\n .sv-popup__scrolling-content,\n .sv-list__container {\n flex-grow: 1;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\r\n\r\n.sv-button-group {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n font-size: calcFontSize(1);\r\n overflow: auto;\r\n border: 1px solid $border;\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}\r\n\r\n.sv-button-group__item {\r\n display: flex;\r\n box-sizing: border-box;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n appearance: none;\r\n width: 100%;\r\n padding: 11px calcSize(2);\r\n line-height: calcLineHeight(1.5);\r\n outline: none;\r\n font-size: calcFontSize(1);\r\n font-weight: 400;\r\n background: $background;\r\n cursor: pointer;\r\n overflow: hidden;\r\n color: $foreground;\r\n position: relative;\r\n\r\n &:not(:last-of-type) {\r\n border-right: 1px solid $border;\r\n }\r\n}\r\n\r\n.sv-button-group__item--hover:hover {\r\n background-color: $background-dim;\r\n}\r\n\r\n.sv-button-group__item-icon {\r\n display: block;\r\n height: calcSize(3);\r\n\r\n use {\r\n fill: $foreground-light;\r\n }\r\n}\r\n\r\n.sv-button-group__item--selected {\r\n font-weight: 600;\r\n color: $primary;\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $primary;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group__item-decorator {\r\n display: flex;\r\n align-items: center;\r\n max-width: 100%;\r\n}\r\n\r\n.sv-button-group__item-caption {\r\n display: block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.sv-button-group__item-icon+.sv-button-group__item-caption {\r\n margin-left: calcSize(1);\r\n}\r\n\r\n.sv-button-group__item--disabled {\r\n color: $foreground;\r\n cursor: default;\r\n\r\n .sv-button-group__item-decorator {\r\n opacity: 0.25;\r\n font-weight: normal;\r\n }\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $foreground;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}",".sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n",".sv-hidden {\n display: none !important;\n}",".sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions {\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n }\n\n .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n }\n}\n",".sv_window {\r\n position: fixed;\r\n bottom: 3px;\r\n right: 10px;\r\n background-color: cadetblue;\r\n padding: 1px;\r\n font-family: var(--font-family, $font-family);\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 1.42857143;\r\n text-align: left;\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n word-wrap: normal;\r\n white-space: normal;\r\n background-color: #fff;\r\n -webkit-background-clip: padding-box;\r\n background-clip: padding-box;\r\n border: 1px solid #ccc;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n border-radius: calcCornerRadius(1.5);\r\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n line-break: auto;\r\n z-index: 100;\r\n}\r\n\r\n.sv_window_title {\r\n padding: 8px 14px;\r\n margin: 0;\r\n font-size: calcFontSize(0.875);\r\n background-color: #f7f7f7;\r\n border-bottom: 1px solid #ebebeb;\r\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\r\n}\r\n\r\n.sv_window_content {\r\n padding: 0;\r\n margin: 0;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n}\r\n\r\n.sv_window_title a,\r\n.sv_window_title a:link,\r\n.sv_window_title a:visited {\r\n text-decoration: none;\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n color: black;\r\n}\r\n\r\n.sv_window_button .sv-svg-icon {\r\n margin: 4px;\r\n}\r\n","sv-brand-info {}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, $font-family);\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n\n a {\n color: #161616;\n text-decoration-line: underline;\n }\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n color: #161616;\n}\n\n.sv-brand-info__logo {\n img {\n width: 118px;\n }\n\n display: inline-block;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n color: #909090;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calcSize(0.6);\n height: calcSize(3);\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: $background;\n outline: calcSize(0.25) solid $primary;\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calcSize(0.5) 0px;\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(4);\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled {\n cursor: initial;\n\n .sv-ranking-item__icon-container.sv-ranking-item__icon-container {\n .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n }\n }\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: $primary;\n position: absolute;\n top: calcSize(1);\n width: calcSize(1.75);\n height: calcSize(2);\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: $primary-light;\n color: $foreground;\n font-size: calcFontSize(1);\n border-radius: 100%;\n border: calcSize(0.25) solid transparent;\n width: calcSize(5);\n height: calcSize(5);\n line-height: calcLineHeight(1.5);\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calcSize(0);\n\n &:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: multiply(1, $font-editorfont-size);\n }\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $foreground;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: $background-dim;\n border-radius: calcSize(12.5);\n width: calcSize(31);\n height: calcSize(5);\n z-index: 1;\n position: absolute;\n left: 0;\n top: calcSize(0.5);\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n left: initilal;\n right: calcSize(5);\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: $shadow-large;\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: $foreground-light;\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile {\n .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n }\n\n .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n }\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: $primary;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calcSize(4);\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calcSize(1.75);\n height: calcSize(2);\n top: calcSize(1);\n}\n\n.sv-ranking-shortcut {\n .sv-ranking-item__content {\n padding-left: calcSize(0.5);\n }\n\n .sv-ranking-item__icon-container {\n margin-left: calcSize(1);\n }\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column-reverse;\n\n .sv-ranking__containers-divider {\n margin: calcSize(3) 0;\n height: 1px;\n }\n\n .sv-ranking__container--empty {\n padding-top: calcSize(1);\n padding-bottom: calcSize(1);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n .sv-ranking__containers-divider {\n width: 1px;\n }\n\n .sv-ranking__container--to {\n .sv-ranking-item {\n left: calcSize(1);\n }\n }\n\n .sv-ranking__container--empty {\n &.sv-ranking__container--to {\n //padding-right: calcSize(3);\n\n .sv-ranking-item {\n left: initial;\n }\n\n .sv-ranking__container-placeholder {\n padding-left: calcSize(5);\n }\n }\n\n &.sv-ranking__container--from {\n //padding-left: calcSize(3);\n\n .sv-ranking__container-placeholder {\n padding-right: calcSize(5);\n }\n }\n }\n}\n\n.sv-ranking__container-placeholder {\n color: $foreground-dim-light;\n @include defaultFont;\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n //width: 100%;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n //max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n //padding: calcSize(8);\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: $border-inside;\n}\n\n.sv-ranking__container--from {\n .sv-ranking-item__icon--focus {\n display: none;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: $background;\n font-family: var(--font-family, $font-family);\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, $font-family);\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(8);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-weight: 400;\n text-align: center;\n color: $foreground-light;\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: $foreground;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n // padding: calcSize(1) calcSize(8) calcSize(1) calcSize(2);\n padding-block: calcSize(1);\n padding-inline-end: calcSize(8);\n padding-inline-start: calcSize(2);\n color: $foreground;\n font-weight: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n .sv-list__item-body {\n @include borderLight;\n padding-block: calcSize(0.75);\n padding-inline-end: calcSize(7.75);\n padding-inline-start: calcSize(1.75);\n }\n\n .sv-string-viewer {\n margin-inline-start: calcSize(-0.25);\n }\n\n outline: none;\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n .sv-list__item-body {\n background-color: $background-dark;\n }\n\n outline: none;\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n gap: calcSize(2);\n display: flex;\n }\n}\n\n.sv-list__item-icon {\n float: left;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sv-list__item-icon {\n float: right;\n }\n}\n\n.sv-list__item-separator {\n margin: calcSize(1) 0;\n height: 1px;\n background-color: $border;\n}\n\n.sv-list--filtering {\n .sv-list__item-separator {\n display: none;\n }\n}\n\n.sv-list__item.sv-list__item--selected,\n.sv-list__item.sv-list__item--selected:hover,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused,\nli:focus .sv-list__item.sv-list__item--selected {\n .sv-list__item-body {\n background-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n\n .sv-list__item-icon use {\n fill: $background;\n }\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover {\n .sv-list__item-body {\n background-color: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n}\n\n.sv-list__item.sv-list__item--disabled {\n .sv-list__item-body {\n cursor: default;\n color: $foreground-light;\n }\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid $border-inside;\n background: $background;\n padding-bottom: calcSize(1);\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calcSize(1.5);\n inset-inline-start: calcSize(2); //left: calcSize(2);\n\n .sv-svg-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n use {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: $background;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calcFontSize(1);\n color: $foreground;\n padding: calcSize(1.5) calcSize(3);\n padding-inline-start: calcSize(7);\n line-height: calcLineHeight(1.5);\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-save-data_root {\n position: fixed;\n left: 50%;\n bottom: calcSize(3);\n background: $background;\n opacity: 0;\n padding: calcSize(3) calcSize(6);\n box-shadow: $shadow-medium;\n border-radius: calcCornerRadius(2);\n color: $foreground;\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n transform: translateX(-50%) translateY(calcSize(3));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root {\n span {\n display: flex;\n flex-grow: 1;\n }\n\n .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: $red;\n color: $background;\n font-weight: 600;\n padding: calcSize(2) calcSize(2) calcSize(2) calcSize(6);\n gap: calcSize(6);\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n height: calcSize(5);\n color: #ffffff;\n background-color: $red;\n border: calcSize(0.25) solid #ffffff;\n border-radius: calcCornerRadius(1.5);\n padding: calcSize(1) calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: $red;\n background-color: $background;\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: $primary;\n color: #ffffff;\n font-weight: 600;\n}",".sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n font-family: $font-questiontitle-family;\n font-weight: $font-questiontitle-weight;\n color: $font-questiontitle-color;\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n margin: 0;\n\n .sd-element__num {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n }\n\n span {\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n\n .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n }\n\n .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n }\n\n .sv-title-actions__title {\n white-space: nowrap;\n }\n\n .sv-string-viewer {\n white-space: normal;\n\n &::before {\n content: \"\\200B\";\n }\n }\n}\n\n.sd-element__num {\n float: left;\n padding-top: calcSize(0.625);\n padding-bottom: calcSize(0.375);\n padding-inline-start: 0;\n padding-inline-end: calcSize(1);\n width: calcSize(5);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n margin-inline-start: calcSize(-5); // margin-left\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n\n &+span {\n float: left;\n width: 0;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-element__num {\n float: right;\n }\n}\n\n.sd-element__title--num-inline {\n .sd-element__num {\n @include num_inline();\n }\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calcSize(2);\n width: calcSize(2);\n position: absolute;\n left: calcSize(-3);\n top: calcSize(0.5);\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n//with borders styles\n.sd-element--with-frame {\n border-radius: $panel-corner-radius;\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: $question-background;\n box-shadow: $shadow-small;\n\n &.sd-question--paneldynamic {\n padding-bottom: 0;\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n }\n}\n\n//complex (panel, paneldynamic, matrixes) styles\n.sd-element--complex {\n &.sd-element--complex>.sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n\n &:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: $border-light;\n bottom: 0;\n }\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n\n &:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n }\n }\n}\n\n//collapsed styles\n.sd-element--expanded,\n.sd-element--collapsed {\n &>.sd-element__header {\n cursor: pointer;\n }\n}\n\n.sd-element--collapsed {\n &>.sd-element__header {\n padding: calcSize(0) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: $background;\n }\n\n &.sd-element--complex>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n\n &>.sd-element__header {\n padding-top: calcSize(2);\n padding-bottom: calcSize(2);\n border-radius: $panel-corner-radius;\n }\n }\n\n &>.sd-element__header:focus-within,\n &>.sd-element__header:hover {\n background-color: $background-dim-light;\n }\n}\n\n.sd-element--collapsed>.sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n//nested styles\n.sd-element--nested {\n &.sd-element--complex {\n &>.sd-element__header--location-top {\n &:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n }\n\n &.sd-element--collapsed {\n\n &>.sd-element__header:hover,\n &>.sd-element__header:focus-within {\n box-shadow: 0 calcSize(-2) 0 0 $background-dim-light, 0 calcSize(2) 0 $background-dim-light;\n }\n }\n\n &.sd-panel,\n &.sd-question--paneldynamic {\n border: 1px solid $border-light;\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n\n &>.sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n\n &.sd-element--collapsed {\n &>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n\n &:hover,\n &:focus-within {\n box-shadow: none;\n }\n }\n }\n }\n\n &>.sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid $border;\n border-radius: $panel-corner-radius;\n box-shadow: none;\n background-color: transparent;\n}","@mixin page_title {\n font-family: $font-pagetitle-family;\n font-weight: $font-pagetitle-weight;\n font-size: $font-pagetitle-size;\n color: $font-pagetitle-color;\n position: static;\n line-height: multiply(1.33, $font-pagetitle-size);\n margin: calcSize(0.5) 0px;\n}\n\n@mixin page_description {\n font-family: $font-pagedescription-family;\n font-weight: $font-pagedescription-weight;\n font-size: $font-pagedescription-size;\n color: $font-pagedescription-color;\n position: static;\n line-height: multiply(1.5, $font-pagedescription-size);\n margin: 0 0 calcSize(1) 0;\n}\n\n@mixin num_inline {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n\n &+span {\n float: none;\n width: auto;\n }\n}",".sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calcSize(1) calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-weight: 600;\n line-height: calcLineHeight(1);\n font-size: calcFontSize(0.75);\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: $red;\n background-color: $red-light;\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-element--with-frame>.sd-question__erbox--above-question {\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\n}\n\n.sd-element--with-frame>.sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calcCornerRadius(1) calcCornerRadius(1);\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n margin-top: calc(-1 * 0.25 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame {\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n }\n\n &>.sd-question__content>.sd-question__header--location--bottom {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calcSize(2) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calcSize(1.5);\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calcSize(3);\n flex: 1;\n}\n\n.sd-question__required-text {\n color: $red;\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calcFontSize(1);\n margin-top: calcSize(2);\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n color: $foreground;\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n // left: 50%;\n // bottom: 50%;\n // transform: translateX(-50%) translateY(100%);\n height: auto;\n width: auto;\n max-width: calcSize(29);\n background-color: $background;\n color: $foreground;\n opacity: 0.75;\n box-shadow: $shadow-medium;\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within)>.sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: $red;\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n display: none;\n }\n }\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calcSize(0.5);\n justify-content: center;\n min-height: calcSize(24);\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n color: $font-questionplaceholder-color;\n\n &>div,\n &>span {\n .sv-string-viewer {\n white-space: pre-line;\n }\n }\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &>.sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n }\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow: visible;\n max-width: 100%;\n}",".sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(2);\n line-height: multiply(1.5, $font-editorfont-size);\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n background-color: $editor-background;\n box-shadow: $shadow-inner;\n border: none;\n border-radius: $editor-corner-radius;\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: $editor-background;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: $font-editorfont-placeholdercolor;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: $foreground;\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input--error {\n background-color: $red-light;\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: $font-family;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(2);\n inset-block-end: calcSize(1.5);\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n@mixin runnable-track {\n background-color: $primary;\n border-radius: calcSize(1);\n height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calcSize(-0.75);\n border-radius: 100%;\n border: 2px solid $primary;\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: $primary;\n height: calcSize(3);\n width: calcSize(3);\n}\n\n.sd-input[type=\"color\"],\n.sd-input[type=\"range\"] {\n box-sizing: content-box;\n width: calc(100% - 4 * #{$base-unit});\n height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-runnable-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-thumb {\n @include slider-thumb;\n}\n\n//mozilla\n.sd-input[type=\"range\"]::-moz-range-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-moz-range-thumb {\n @include slider-thumb;\n}",".sd-comment {\n display: block;\n height: auto;\n min-width: calcSize(6);\n min-height: calcSize(6);\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n",".sd-panel {\n position: relative;\n}\n\n.sd-panel.sd-panel--as-page {\n &>.sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n\n &:after {\n content: none;\n }\n\n .sd-panel__title {\n @include page_title();\n\n span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n }\n }\n\n .sd-panel__description {\n @include page_description();\n }\n }\n\n .sd-panel__header+.sd-panel__content {\n margin-top: calcSize(2);\n }\n\n &>.sd-panel__content {\n padding-top: 0;\n }\n}\n\n.sd-row~.sd-row {\n .sd-panel--as-page {\n padding-top: calcSize(5);\n }\n}\n\n.sd-panel__required-text {\n color: $red;\n}\n\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * #{$base-unit});\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid $border-light;\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel__content {\n padding-top: var(--sd-base-padding);\n}",".sjs_sp_placeholder {\n color: $font-questionplaceholder-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n}\n\n.sjs_sp_container {\n border: 1px dashed $border;\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calcSize(1);\n top: calcSize(1);\n left: auto;\n bottom: auto;\n}\n.sd-question--signature:not(.sd-question--answered) {\n .sd-signaturepad__controls {\n display: none;\n }\n}\n.sd-question--signature.sd-question--error {\n .sjs_sp_placeholder {\n background-color: $red-light;\n }\n}\n\n.sd-signaturepad__canvas,\n.sd-signaturepad__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n",".sd-checkbox__decorator {\n border-radius: calcCornerRadius(0.5);\n}\n.sd-checkbox__svg {\n display: none;\n width: calcSize(2.5);\n height: calcSize(2.5);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n use {\n fill: $primary-foreground;\n }\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: $border;\n}\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: $primary;\n}\n",".sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calcSize(-3);\n margin-left: calcSize(-3);\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calcSize(2);\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calcSize(2);\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n font-weight: 600;\n padding: calcSize(1) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calcSize(2);\n\n &:hover {\n background-color: $background;\n }\n\n &:after {\n content: \" \";\n display: block;\n height: calcSize(0.5);\n width: calcSize(2);\n border: 1px solid $border;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n }\n}\n\n.sd-matrixdynamic__placeholder {\n .sd-matrixdynamic__add-btn {\n margin-left: 0;\n }\n}\n\n.sd-drag-element__svg {\n width: calcSize(2);\n height: calcSize(2);\n display: block;\n\n use {\n fill: $foreground-light;\n }\n}",".sd-table {\n width: 100%;\n background: $question-background;\n border-collapse: separate;\n border-spacing: 0;\n white-space: normal;\n\n &>thead>tr>th {\n border-top: 0;\n border-bottom: calcSize(2) solid transparent;\n }\n}\n\n.sd-table__cell {\n border-top: calcSize(1) solid transparent;\n border-bottom: calcSize(1) solid transparent;\n background-clip: padding-box;\n}\n\n.sd-root-modern:not(.sd-root-modern--mobile) {\n .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {\n width: 10000px;\n }\n}\n\n.sd-table__row:first-of-type>.sd-table__cell {\n border-top: 0;\n}\n\n.sd-table__row:last-of-type>.sd-table__cell {\n border-bottom: 0;\n}\n\n.sd-table--align-top {\n .sd-table__cell {\n vertical-align: top;\n }\n}\n\n.sd-table--no-header {\n padding-top: calcSize(3);\n}\n\n.sd-panel__content {\n .sd-table--no-header {\n padding-top: 0;\n }\n\n .sd-question--table {\n .sd-question__content {\n padding-top: calcSize(0);\n }\n\n &>.sd-question__header {\n &+.sd-question__content {\n padding-top: calcSize(2);\n\n .sd-table--no-header {\n padding-top: calcSize(4);\n }\n }\n }\n }\n\n\n .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calcSize(-3);\n }\n\n &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calcSize(-2);\n }\n\n .sd-question--table>.sd-question__header+.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calcSize(1);\n }\n\n &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__header+.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calcSize(1);\n }\n}\n\n.sd-table--alternate-rows {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n width: calc(100% - 2 * #{$base-unit});\n\n .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n padding-left: calcSize(2);\n }\n\n .sd-table__cell:last-of-type {\n padding-right: calcSize(2);\n }\n\n .sd-table__row:nth-of-type(odd) {\n\n &>td,\n td:first-of-type {\n background-color: $background-dim-light;\n\n &.sd-matrix__text--checked {\n background-color: $primary-light;\n }\n\n .sd-input {\n background-color: $primary-foreground;\n }\n\n .sd-item:not(.sd-item--error) {\n .sd-item__decorator {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n }\n\n &.sd-item--checked .sd-item__decorator {\n background-color: $primary;\n }\n\n &.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after {\n background-color: $primary-foreground;\n }\n }\n }\n }\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n padding: 0 calcSize(1);\n color: $foreground;\n text-align: center;\n\n &:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n min-width: calcSize(15);\n }\n}\n\n.sd-table__cell--error {\n border: none;\n padding: 0 calcSize(1);\n\n .sd-question__erbox--outside-question {\n margin: 0;\n }\n}\n\n.sd-table__cell--error-top {\n vertical-align: bottom;\n padding-top: calcSize(1);\n}\n\n.sd-table__cell--error-bottom {\n vertical-align: top;\n padding-bottom: calcSize(1);\n}\n\n.sd-table__cell--item {\n .sd-selectbase__item {\n text-align: center;\n }\n\n .sd-selectbase__label {\n justify-content: center;\n }\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n font-size: 0;\n line-height: 0;\n}\n\n.sd-table__cell--header {\n span {\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n }\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n color: $font-questiontitle-color;\n vertical-align: top;\n padding: calcSize(1.5) calcSize(1);\n\n &:not(.sd-table__cell--empty) {\n min-width: calcSize(15);\n }\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calcSize(15);\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n min-width: calcSize(3);\n width: calcSize(3);\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calcSize(15);\n\n &.sd-table__cell--dropdown,\n &.sd-table__cell--rating {\n min-width: calcSize(22);\n }\n\n &.sd-table__cell--boolean {\n min-width: calcSize(18);\n }\n}\n\n.sd-table__cell--detail-panel {\n border-top: calcSize(1) solid transparent;\n padding: calcSize(3) calcSize(1) calcSize(4);\n border-bottom: calcSize(1) solid transparent;\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n .sv-action-bar {\n overflow: visible;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: calcSize(1);\n\n &:not(.sd-table__cell--drag):first-of-type {\n padding-left: 0;\n width: calcSize(4);\n min-width: calcSize(4);\n }\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calcSize(2);\n padding: calcSize(1);\n\n svg {\n display: block;\n width: multiply(1, $font-editorfont-size);\n height: multiply(1, $font-editorfont-size);\n fill: $foreground-light;\n }\n\n &:hover {\n background: $primary-light;\n\n svg {\n fill: $primary;\n }\n }\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n\n &.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n }\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n color: $font-questiontitle-color;\n text-align: left;\n min-width: calcSize(12);\n padding: calcSize(1.5) calcSize(1);\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n\n .sd-question__erbox--tooltip {\n display: inline-block;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr>td:first-of-type {\n position: sticky;\n background-color: $question-background;\n z-index: 12;\n\n &:first-of-type {\n left: calcSize(-1);\n }\n\n &:last-of-type {\n right: calcSize(-1);\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $question-background;\n }\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-question--table.sd-element--nested {\n overflow-x: visible;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n\n &:before,\n &:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - #{$base-unit});\n flex-shrink: 0;\n background: $question-background;\n z-index: 11;\n }\n\n &::before {\n left: calc(-1 * var(--sd-base-padding));\n }\n\n &:after {\n right: calc(-1 * var(--sd-base-padding));\n }\n\n &>* {\n flex-basis: 100%;\n }\n}\n\n.sd-question--table {\n\n &>.sd-question__header,\n .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n }\n\n &>.sd-question__content {\n padding-top: calcSize(2);\n min-width: min-content;\n }\n\n &.sd-element--nested {\n\n &>.sd-question__erbox--above-question {\n margin-bottom: var(--sd-base-vertical-padding);\n }\n\n &>.sd-question__content {\n min-width: auto;\n overflow-x: auto;\n }\n\n &>.sd-question__content {\n padding-bottom: calcSize(0.25);\n margin-bottom: calcSize(-0.25);\n padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n }\n\n &.sd-element--nested>.sd-question__content,\n &:not(.sd-element--with-frame):not(.sd-element--nested) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n }\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n //table-layout: fixed;\n}\n\n@mixin table_responsive {\n .sd-question.sd-question--table {\n &>.sd-question__content {\n padding-top: 0;\n }\n }\n\n .sd-question--table,\n .sd-question--scroll {\n overflow-x: visible;\n }\n\n .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n\n .sd-matrix__responsive-title {\n margin-left: calcSize(1);\n text-align: left;\n }\n\n &:first-of-type {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n }\n }\n\n .sd-table thead {\n display: none;\n }\n\n .sd-table {\n tr {\n display: block;\n }\n }\n\n .sd-matrix__table {\n tr+tr {\n margin-top: calcSize(1);\n }\n }\n\n .sd-table:not(.sd-matrix__table) {\n tr {\n padding-bottom: calcSize(1);\n\n &::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: $border-light;\n left: calcSize(-2);\n bottom: calcSize(-1);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 12;\n }\n }\n }\n\n .sd-matrix__label {\n justify-content: start;\n }\n\n .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n }\n\n .sd-table__cell {\n margin-top: calcSize(1);\n }\n\n .sd-table__cell:first-of-type,\n .sd-matrix__cell {\n margin-top: 0;\n }\n\n .sd-table__cell {\n &::before {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n }\n }\n\n .sd-matrix__cell,\n .sd-table__cell--actions,\n .sd-table__cell--row-text,\n .sd-table__cell--error {\n &::before {\n content: none;\n }\n }\n\n .sd-table__cell.sd-table__cell--actions {\n width: auto;\n\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $background;\n }\n }\n\n .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calcSize(1) calcSize(3);\n\n .sd-action__icon {\n display: none;\n }\n\n &:after {\n content: attr(title);\n }\n }\n\n .sd-matrixdynamic__footer {\n padding-top: calcSize(1);\n margin-bottom: calcSize(-2);\n }\n\n .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: $foreground-light;\n padding-top: calcSize(2);\n }\n\n .sd-matrixdropdown.sd-table {\n tr:not(:last-child) {\n padding-bottom: calcSize(2);\n }\n\n tr::after {\n bottom: calcSize(-2);\n }\n\n tr:last-child:after {\n content: none;\n }\n }\n\n .sd-table__cell.sd-table__cell--error-top {\n margin-top: 0;\n }\n\n .sd-table__cell--error-top:first-of-type~.sd-table__cell:nth-of-type(2) {\n margin-top: 0;\n }\n\n .sd-table__cell--error-top {\n .sd-question__erbox {\n margin-top: calcSize(2);\n margin-bottom: calcSize(-2);\n }\n }\n\n .sd-table__cell--error-top:first-of-type {\n .sd-question__erbox {\n margin-bottom: calcSize(-1);\n }\n }\n}\n\n.sd-table__cell--detail-panel {\n .sd-panel__content {\n padding-top: calcSize(1);\n }\n}\n\n.sd-table__question-wrapper {\n .sd-boolean-root {\n margin: auto;\n }\n}\n\n.sd-table.sd-matrixdynamic {\n table-layout: auto;\n}",".sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0 calcSize(5);\n width: 100%;\n box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n padding: 0;\n}\n\n.sd-page .sd-page__title {\n @include page_title();\n margin-top: 0;\n}\n\n.sd-page .sd-page__description {\n @include page_description();\n}",".sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n margin-top: calcSize(2);\n}\n\n.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n margin-top: 0;\n}\n\n.sd-page__title~.sd-row.sd-page__row {\n margin-top: calcSize(2);\n\n &.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n }\n}\n\n.sd-row--multiple {\n row-gap: calcSize(2);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n\n &>div {\n box-sizing: border-box;\n padding-left: calcSize(2);\n display: flex;\n align-items: stretch;\n }\n}\n\n.sd-panel {\n .sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n &>div {\n padding-left: var(--sd-base-padding);\n }\n }\n}\n\n.sd-row--multiple.sd-row--compact {\n &>div {\n padding-left: var(--sd-base-padding);\n }\n}\n.sd-page__row.sd-row--multiple {\n margin-left: calcSize(-2);\n width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n\n\n &.sd-row--compact {\n padding: 0;\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n }\n \n}\n\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}",".sd-title {\n display: block;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n color: $foreground;\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, $font-family);\n gap: calcSize(4);\n box-shadow: 0px 2px 0px $primary;\n\n .sd-logo__image {\n margin-top: calcSize(1);\n }\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n flex-grow: 1;\n\n .sd-title {\n color: $primary;\n font-family: $font-surveytitle-family;\n font-size: $font-surveytitle-size;\n font-weight: $font-surveytitle-weight;\n line-height: multiply(1.25, $font-surveytitle-size);\n }\n\n h3 {\n line-height: calcLineHeight(2.5);\n }\n\n h5 {\n font-size: calcFontSize(1);\n font-weight: 400;\n line-height: calcLineHeight(1.5);\n }\n}\n\n//todo: add ability to customize class sv-title-actions in library\n.sd-title {\n .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n background-color: $background;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n .sd-header__text h3 {\n margin: 0;\n }\n\n .sd-description {\n margin: 0;\n color: $foreground-light;\n }\n }\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * #{$base-unit});\n\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * #{$base-unit});\n white-space: initial;\n min-width: unset;\n }\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calcSize(6);\n justify-content: flex-end;\n margin: calcSize(-1) 0;\n\n .sv-action {\n flex: 0 0 auto;\n }\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}",".sd-description {\n font-style: normal;\n font-family: $font-questiondescription-family;\n font-weight: $font-questiondescription-weight;\n color: $font-questiondescription-color;\n font-size: $font-questiondescription-size;\n line-height: multiply(1.5, $font-questiondescription-size);\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-description.sd-question__description--under-input {\n padding-top: calcSize(2);\n}\n\n.sd-element__header .sd-description {\n margin-top: calcSize(0.5);\n}\n",".sd-item {\n padding: calcSize(1.5) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calcSize(3);\n height: calcSize(3);\n box-sizing: border-box;\n background-color: $editor-background;\n box-shadow: $shadow-inner;\n border: none;\n flex-shrink: 0;\n margin-top: calc(calc(multiply(1.5, $font-editorfont-size) - calcSize(3)) / 2);\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus+.sd-item__decorator {\n box-shadow: 0 0 0 2px $primary;\n background: $question-background;\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: $background-dim-dark;\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: $primary;\n}\n\n.sd-item__control-label {\n font-family: $font-editorfont-family;\n font-style: normal;\n font-weight: $font-editorfont-weight;\n line-height: multiply(1.5, $font-editorfont-size);\n font-size: $font-editorfont-size;\n color: $font-editorfont-color;\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: $foreground;\n}\n\n.sd-item--error .sd-item__decorator {\n background: $red-light;\n}",".sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n //prevent comment to resize over question area\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calcSize(4);\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calcSize(1);\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n.sd-selectbase__column:not(:last-child) {\n padding-right: calcSize(2);\n}\n\n// Copied from stylesmanager\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n",".sd-radio__decorator {\n border-radius: 50%;\n}\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calcSize(1);\n height: calcSize(1);\n border-radius: 50%;\n background-color: $primary-foreground;\n}\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: $border;\n}\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: $primary;\n}\n.sd-radio__svg {\n display: none;\n}\n",".sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n",".sd-matrix {\n fieldset {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n.sd-matrix__text {\n padding: calcSize(2);\n}\n.sd-matrix__text--checked {\n background-color: $primary-light;\n padding: calcSize(2);\n}\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}",":root {\n --sd-rating-bad-color: #{$red};\n --sd-rating-normal-color: #{$yellow};\n --sd-rating-good-color: #{$green};\n --sd-rating-bad-color-light: #{$red-light};\n --sd-rating-normal-color-light: #{$yellow-light};\n --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calcSize(6);\n\n fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calcSize(1);\n margin-inline-start: 0;\n align-items: center;\n }\n\n &.sd-rating--wrappable {\n fieldset {\n flex-wrap: wrap;\n }\n }\n}\n\n.sd-rating--small {\n min-height: calcSize(3);\n margin: auto;\n\n fieldset {\n padding: 0;\n gap: calcSize(1);\n }\n}\n\n.sd-rating__item {\n position: relative;\n background: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(0.5) calcSize(2.5);\n height: calcSize(6);\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid transparent;\n color: $foreground;\n fill: $foreground;\n font-size: calcFontSize(1);\n}\n\n.sd-rating__item--fixed-size {\n width: calcSize(6);\n padding: 0;\n}\n\nlegend+.sd-rating__item,\nlegend+sv-ng-rating-item-smiley+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: $foreground;\n fill: $foreground;\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: $primary-foreground;\n fill: $foreground;\n background-color: $background-semitransparent;\n border-color: transparent;\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: $background-dark;\n border-color: $background-dark;\n}\n\n.sd-rating__item:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item--selected {\n background-color: $primary;\n border-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley {\n position: relative;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(1.25);\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid $border;\n color: $foreground;\n fill: $border;\n\n svg {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-smiley--small {\n padding: calcSize(0.625);\n min-width: calcSize(3);\n border-width: 1px;\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n }\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px $background;\n}\n\nlegend+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: $red-light;\n border-color: transparent;\n fill: $foreground-light;\n\n &.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: $primary-foreground;\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: $background-dark;\n border-color: $border;\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item-smiley--selected {\n background-color: $primary;\n border-color: $primary;\n fill: $primary-foreground;\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected) {\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n width: calcSize(6);\n height: calcSize(6);\n\n &:not(:first-of-type) {\n padding-left: calcSize(0.5);\n margin-left: calcSize(-0.5);\n }\n\n &:not(:last-of-type) {\n padding-right: calcSize(0.5);\n margin-right: calcSize(-0.5);\n }\n\n svg {\n stroke: $border;\n fill: none;\n width: calcSize(6);\n height: calcSize(6);\n display: block;\n }\n\n .sv-star-2 {\n display: none;\n }\n}\n\n.sd-rating__item-star--small {\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-star--selected {\n svg {\n stroke: none;\n fill: $primary;\n }\n}\n\n.sd-rating__item-star--error {\n svg {\n stroke: none;\n fill: $red-light;\n }\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n\n svg {\n stroke: $border;\n fill: none;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star:focus-within {\n svg {\n stroke: $primary;\n fill: none;\n }\n}\n\n.sd-rating__item-star--unhighlighted {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--highlighted {\n svg {\n stroke: $border;\n fill: $background-dark;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within {\n svg {\n stroke: $border;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--selected:focus-within {\n svg {\n stroke: $primary;\n fill: $primary;\n }\n\n .sv-star {\n display: none;\n }\n\n .sv-star-2 {\n display: block;\n }\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n display: inline-block;\n\n &.sd-rating__min-text,\n &.sd-rating__max-text {\n margin-top: calcSize(1.25);\n margin-bottom: calcSize(1.25);\n border: 2px solid transparent;\n color: $foreground-light;\n }\n\n &.sd-rating__min-text {\n margin-right: calcSize(1);\n // margin-left: calcSize(2);\n border-left: 0px;\n }\n\n &.sd-rating__max-text {\n margin-right: calcSize(2);\n margin-left: calcSize(1);\n }\n\n .sv-string-editor {\n white-space: nowrap;\n }\n\n &.sd-rating__item--fixed-size {\n min-width: calcSize(3);\n }\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n color: $primary-foreground;\n font-weight: inherit;\n}",".sv-ranking-item--error .sv-ranking-item__index {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calcSize(-3);\n}\n\n\n.sd-element--with-frame .sv-ranking--mobile {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calcSize(1);\n }\n\n .sv-ranking-item {\n left: 0;\n }\n}\n\n@mixin ranking_responsive {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n }\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calcLineHeight(1.5);\n}\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}",".sv-dropdown_select-wrapper {\n position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n fill: $foreground-light;\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(2); //padding-left\n\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: $foreground-light;\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: $foreground;\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: multiply(1.5, $font-editorfont-size);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: multiply(1.5, $font-editorfont-size);\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 calcSize(1);\n margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n position: absolute;\n width: calcSize(5);\n top: 0;\n bottom: 0;\n inset-inline-end: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-inline-end: calcSize(0.5);\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input.sd-dropdown:focus-within {\n .sd-dropdown__filter-string-input {\n z-index: 2000;\n }\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: $font-editorfont-placeholdercolor;\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n color: $foreground;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: $font-editorfont-placeholdercolor;\n\n span {\n white-space: pre;\n }\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: $font-editorfont-placeholdercolor;\n\n span {\n white-space: pre;\n }\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown {\n .sd-list__item-body {\n line-height: multiply(1.5, $font-editorfont-size);\n font-size: $font-editorfont-size;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-dropdown {\n background-position: left calcSize(1.5) top 50%, 0 0;\n }\n}",".sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calcSize(0.5);\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(0.5); //padding-left\n}\n\n.sd-tagbox.sd-tagbox--empty {\n // padding: calcSize(0.5) calcSize(6) calcSize(0.5) calcSize(2);\n // padding-block: calcSize(0.5);\n // padding-inline-end: calcSize(6);\n // padding-inline-start: calcSize(2);\n}\n\n.sd-tagbox_clean-button {\n height: multiply(1.5, $font-editorfont-size);\n padding: multiply(0.5, $font-editorfont-size);\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n align-items: center;\n padding: calcSize(1) calcSize(1.5);\n background-color: $primary;\n border-radius: calcCornerRadius(0.5);\n}\n\n.sv-tagbox__item-text {\n color: $primary-foreground;\n min-width: calcSize(5.5);\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover,\n.sv-tagbox__item:focus,\n.sv-tagbox__item:focus-within {\n .sd-tagbox-item_clean-button {\n display: flex;\n align-self: center;\n }\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calcSize(1.5);\n padding: 0;\n padding-inline-start: calcSize(4);\n background: linear-gradient(270deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n display: block;\n padding: multiply(0.25, $font-editorfont-size);\n width: multiply(1, $font-editorfont-size);\n height: multiply(1, $font-editorfont-size);\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: $primary-foreground-disabled;\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: $primary-foreground;\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calcSize(0.5);\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n // position: initial;\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n\n .sd-tagbox__hint,\n .sd-tagbox__hint-suffix-wrapper,\n .sd-tagbox__filter-string-input {\n width: 100%;\n }\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n line-height: multiply(1.5, $font-editorfont-size);\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n line-height: multiply(1.5, $font-editorfont-size);\n height: 100%;\n display: flex;\n align-items: center;\n}",".sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calcSize(2);\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1 / 1) {\n .sd-imagepicker>div {\n margin-right: calcSize(2);\n }\n}\n\n.sd-imagepicker__item {\n\n img,\n .sd-imagepicker__image-container>div {\n border-radius: calcCornerRadius(1);\n background-color: $background-dim-light;\n }\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n padding: calcSize(1.5);\n box-sizing: border-box;\n border-radius: 100%;\n background-color: $background;\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n display: block;\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n fill: $primary;\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: $red-light;\n border-radius: calcCornerRadius(1);\n background: linear-gradient(0deg, $red-light, $red-light);\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n margin-top: calcSize(1);\n color: $foreground;\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: $background-dim-light;\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calcSize(6);\n width: calcSize(6);\n margin: auto;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calcSize(2);\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}",".sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calcCornerRadius(1);\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calcSize(80);\n}\n\n.sd-image__no-image {\n background: $background-dim-light;\n min-width: calcSize(5);\n min-height: calcSize(27.5);\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: $foreground-light;\n}\n",".sd-html {\n white-space: initial;\n}\n\n.sd-html {\n h1 {\n @include articleXXLargeFont;\n }\n\n h2 {\n @include articleXLargeFont;\n }\n\n h3 {\n @include articleLargeFont;\n }\n\n h4,\n h5,\n h6 {\n @include articleMediumFont;\n }\n\n td,\n span,\n div,\n p {\n @include articleDefaultFont;\n }\n\n a {\n color: $primary;\n }\n\n button {\n display: flex;\n align-items: center;\n padding: calcSize(1.5) calcSize(4);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n box-shadow: $shadow-small;\n border: none;\n border-radius: calcSize(0.5);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n &:hover {\n background-color: $background-dark;\n }\n &:focus {\n box-shadow: 0 0 0 2px $primary;\n }\n\n span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: $primary;\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, $font-family);\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n }\n}\n",".sd-expression {\n color: $foreground;\n font-size: calcFontSize(1);\n}\n",".sd-progress {\n height: 2px;\n background-color: $border-light;\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: $primary;\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calcSize(1);\n right: calcSize(3);\n color: $foreground-light;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n\n @media only screen and (min-width: calcSize(125)) {\n margin-left: 5%;\n }\n\n @media only screen and (max-width: calcSize(125)) {\n margin-left: 10px;\n }\n}\n\n.sd-body__progress--top {\n margin-bottom: calcSize(4);\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body__progress--bottom .sd-progress__text {\n margin-top: calcSize(-3.5);\n}",".sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n gap: calcSize(0.5);\n padding: calcSize(0.5);\n background-color: $editor-background;\n border-radius: calcSize(12.5);\n box-shadow: $shadow-inner;\n\n &.sd-boolean--allowhover:focus-within {\n box-shadow: 0 0 0 2px $primary;\n }\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n font-size: $font-editorfont-size;\n color: $foreground-light;\n line-height: multiply(1.5, $font-editorfont-size);\n padding: calcSize(1) calcSize(3);\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calcSize(0.5);\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100%);\n height: calc(100%);\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n color: transparent;\n transition-duration: 0.15s;\n transition-property: color;\n transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background-color: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcSize(12.5);\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: $primary;\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n\n .sd-boolean__thumb,\n .sd-boolean__label {\n color: $foreground;\n opacity: 0.25;\n }\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: $background-dim-dark;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean--error {\n background-color: $red-light;\n}",".sd-paneldynamic {\n .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n }\n\n &>.sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n }\n\n & .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header {\n padding-bottom: 0;\n\n &:after {\n display: none;\n }\n\n padding-top: var(--sd-base-vertical-padding);\n\n &>.sd-panel__title {\n color: $foreground-light;\n }\n }\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: $border-light;\n background: $border-light;\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n\n .sd-paneldynamic__prev-btn,\n .sd-paneldynamic__next-btn {\n display: block;\n\n svg {\n width: calcSize(2);\n height: calcSize(2);\n }\n }\n\n .sd-paneldynamic__add-btn,\n .sd-paneldynamic__progress-text,\n .sd-paneldynamic__progress--bottom {\n display: initial;\n }\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - #{$base-unit}) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calcSize(-1);\n}\n\n.sd-paneldynamic__progress-text {\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n color: $foreground-light;\n margin: 0;\n margin-right: calcSize(3);\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calcSize(2);\n height: calcSize(2);\n\n .sv-svg-icon {\n display: block;\n }\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calcSize(2);\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calcSize(-1);\n margin-right: calcSize(2);\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder {\n .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n }\n}\n\n.sd-question--empty.sd-question--paneldynamic {\n &>.sd-question__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calcSize(-3);\n width: calc(100% + 6 * #{$base-unit});\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calcSize(-3);\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer {\n .sv-action:not(.sv-action--hidden) {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calcSize(1) 0 -1px calcSize(-2);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calcSize(2);\n}\n\n.sd-tab-item {\n padding: calcSize(1) 0 calcSize(2);\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n color: $font-questiondescription-color;\n overflow-x: hidden;\n white-space: nowrap;\n\n &:hover {\n box-shadow: inset 0px -2px 0px $primary;\n }\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: $font-questiontitle-color;\n box-shadow: inset 0px -2px 0px $primary;\n}\n\n.sd-tab-item--icon {\n padding: calcSize(1);\n width: auto;\n border-radius: calcSize(12.5);\n\n use {\n fill: $foreground-light;\n opacity: 0.5;\n }\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: $primary-light;\n box-shadow: none;\n\n use {\n fill: $primary;\n }\n}\n\n.sd-tab-item--icon:hover {\n use {\n opacity: 1;\n }\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calcLineHeight(1.5);\n height: calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sd-question__title~.sd-tabs-toolbar {\n margin-top: calcSize(3);\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}",".sd-file {\n min-height: calcSize(36);\n position: relative;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n .sv-action-bar {\n padding: calcSize(1) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n\n .sv-action-bar-item {\n height: calcSize(4);\n color: $foreground-light;\n border-radius: calcSize(2);\n }\n\n #fileIndex {\n .sv-action-bar-item {\n padding: calcSize(0.5) 0;\n\n &:hover {\n background-color: $background;\n }\n\n &:disabled {\n opacity: initial;\n }\n }\n }\n }\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed $border;\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid $primary;\n box-shadow: inset 0 0 0 1px $primary;\n background: $primary-light;\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calcSize(8);\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: $font-questionplaceholder-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calcSize(1);\n font-weight: 600;\n color: $primary;\n cursor: pointer;\n}\n\n.sd-file__wrapper {\n width: max-content;\n}\n\n.sd-question--answered {\n .sd-file__drag-area-placeholder {\n display: none;\n }\n}\n\n.sd-file__choose-btn--text {\n svg {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calcSize(1);\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n inset-inline-end: calcSize(1);\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n inset-inline-end: calc(multiply(1.5, $font-editorfont-size) + calcSize(5));\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calcSize(10.5) 0;\n min-height: calcSize(15);\n max-height: calcSize(15);\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n\n .sd-file__default-image {\n width: calcSize(7);\n height: 90px;\n }\n\n img:hover+.sd-file__remove-file-button,\n svg:hover+.sd-file__remove-file-button,\n .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.sd-file__sign {\n margin-top: calcSize(1);\n text-align: center;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n display: block;\n text-decoration: none;\n color: $foreground;\n white-space: normal;\n word-break: break-all;\n width: calcSize(12);\n overflow: hidden;\n max-height: calcSize(6);\n text-overflow: ellipsis;\n line-height: calcLineHeight(1);\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: $red-light;\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calcSize(12);\n min-height: calcSize(12);\n\n img:not(.sd-file__default-image) {\n display: block;\n width: calcSize(12);\n height: calcSize(12);\n object-fit: contain;\n background: $background-dim;\n }\n}\n\n.sd-file--single {\n img:hover+.sd-file__remove-file-button {\n display: none;\n }\n}\n\n.sd-file--mobile {\n .sd-file__list {\n height: calc(100% - 4 * #{$base-unit});\n }\n}\n\n.sd-file--single-image {\n height: calc(36 * #{$base-unit});\n\n .sd-file__preview {\n width: 100%;\n margin: 0;\n }\n\n .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n }\n\n .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n\n img {\n width: 100%;\n height: 100%;\n background-color: $background-dim-light;\n }\n }\n\n .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n\n a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n }\n }\n}\n\n.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn {\n &.sd-file__choose-btn--icon {\n use {\n fill: $primary;\n }\n }\n\n &:not(.sd-file__choose-btn--icon) {\n background-color: $primary-light;\n }\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}",".sd-hidden {\n display: none !important;\n}",".sd-body__navigation {\n .sd-btn {\n padding: calcSize(2) calcSize(8);\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n}\n\n.sd-root--compact .sd-body__navigation {\n .sd-btn:not(.sd-btn--action) {\n background-color: $background-dim-light;\n }\n .sd-btn:not(.sd-btn--action):hover {\n background-color: $background-dim-dark;\n }\n}\n\n.sd-root-modern--mobile .sd-body__navigation {\n .sv-action:not(.sv-action--hidden),\n .sd-btn {\n flex-grow: 1;\n }\n\n .sd-btn {\n padding: calcSize(2) calcSize(4);\n }\n}\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n","@import \"../variables.scss\";\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calcSize(2) calcSize(6);\n background: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcCornerRadius(1);\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n text-align: center;\n color: $primary;\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: $background-dark;\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-btn:disabled {\n color: $foreground;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: $primary;\n color: $primary-foreground;\n}\n\n.sd-btn--action:hover {\n color: $primary-foreground;\n background-color: $primary-background-dark;\n}\n\n.sd-btn--action:disabled {\n color: $primary-foreground-disabled;\n pointer-events: none;\n}",".sd-body {\n width: 100%;\n\n .sd-body__page {\n min-width: 300px;\n }\n\n .sd-body__timer {\n padding: calcSize(2) calcSize(2) 0;\n box-sizing: border-box;\n }\n\n &.sd-body--static {\n max-width: calcSize(90);\n margin-left: auto;\n margin-right: auto;\n padding-top: calcSize(6);\n padding-bottom: calcSize(10);\n\n .sd-body__timer,\n .sd-body__navigation,\n .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n }\n\n .sd-body__navigation {\n padding-top: calcSize(4);\n }\n\n .sd-body__navigation.sd-action-bar {\n padding-left: calcSize(5);\n padding-right: calcSize(5);\n }\n }\n\n &.sd-body--responsive {\n max-width: initial;\n padding: calcSize(5) calcSize(5) calcSize(3);\n box-sizing: border-box;\n\n .sd-page {\n padding: 0;\n\n &.sd-page__empty-header {\n padding-top: calcSize(3);\n }\n }\n\n .sd-body__timer,\n .sd-body__navigation {\n padding: calcSize(2) 0;\n }\n\n .sd-body__navigation {\n padding-top: calcSize(4);\n }\n\n &.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * (-1 - 64 / 144) + 6 * #{$base-unit});\n margin-left: auto;\n margin-right: auto;\n }\n }\n}\n\n.sd-root-modern--mobile {\n .sd-body {\n\n &.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n }\n\n &.sd-body--responsive,\n &.sd-body--static {\n padding: calcSize(3);\n\n .sd-body__navigation {\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 0;\n }\n }\n }\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calcSize(2) calcSize(2);\n flex-wrap: wrap;\n gap: calcSize(2);\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n\n.sd-body--empty,\n.sd-body--loading {\n h1 {\n @include articleXXLargeFont;\n }\n\n h2 {\n @include articleXLargeFont;\n }\n\n h3 {\n @include articleLargeFont;\n }\n\n h4,\n h5,\n h6 {\n @include articleMediumFont;\n }\n\n td,\n span,\n div,\n p {\n @include articleDefaultFont;\n }\n\n a {\n color: $primary;\n }\n\n button {\n display: flex;\n align-items: center;\n padding: calcSize(1.5) calcSize(4);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n box-shadow: $shadow-small;\n border: none;\n border-radius: calcSize(0.5);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n &:hover {\n background-color: $background-dark;\n }\n\n &:focus {\n box-shadow: 0 0 0 2px $primary;\n }\n\n span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: $primary;\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, $font-family);\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n }\n}\n\n.sd-root_background-image {\n background-position-x: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}","@import \"../variables.scss\";\n\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n\n.sd-multipletext__cell {\n height: 100%;\n}\n\n.sd-multipletext__cell:not(:first-of-type) {\n padding-left: calcSize(2);\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n\n .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n }\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calcSize(1.5);\n margin-bottom: calcSize(1.5);\n}\n\n.sd-multipletext__item-title {\n font-size: 0;\n line-height: 0;\n\n span {\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n }\n}\n\n.sd-multipletext__item-title {\n height: calc(100% - #{$base-unit} * 3);\n max-width: 30%;\n padding-right: calcSize(2);\n border-right: 1px solid $border;\n word-break: break-word;\n white-space: normal;\n color: $foreground-light;\n}\n\n.sd-multipletext__item {\n flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n\n.sd-multipletext__item-container--error {\n background-color: $red-light;\n\n .sd-input--error {\n background-color: transparent;\n }\n}\n\n.sd-multipletext__item-container:hover:not(:focus-within)>.sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-multipletext__cell {\n padding-left: 0;\n padding-right: 0;\n padding-bottom: calcSize(1);\n padding-top: calcSize(1);\n}\n\n.sd-multipletext__cell--error-bottom,\n.sd-multipletext__row:first-of-type .sd-multipletext__cell {\n padding-top: 0;\n}\n\n.sd-multipletext__cell--error-top,\n.sd-multipletext__row:last-of-type .sd-multipletext__cell {\n padding-bottom: 0;\n}\n\n.sd-multipletext__cell--error {\n .sd-question__erbox--outside-question {\n margin: 0;\n }\n}\n\n.sd-multipletext .sd-input .sd-input {\n background: transparent;\n}",".sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calcSize(1) calcSize(3);\n color: $primary;\n border-radius: calcSize(12.5);\n font-weight: 600;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n outline: none;\n}\n\n.sd-action--negative {\n color: $red;\n}\n\n.sd-action--icon {\n padding: calcSize(1);\n}\n\n.sd-action--icon {\n use {\n fill: $foreground-light;\n }\n}\n\nsvg.sd-action--icon {\n fill: $foreground-light;\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: $foreground;\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: $primary-light;\n cursor: pointer;\n opacity: 1;\n\n &.sd-action--icon {\n background-color: $background-dim;\n }\n\n &.sd-action--negative {\n background-color: $red-light;\n\n &.sd-action--icon {\n use {\n fill: $red;\n }\n }\n }\n\n &:active {\n opacity: 0.5;\n }\n}\n\n.sd-action__icon {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: $background-dim;\n opacity: 0.5;\n}",".sd-action-bar {\n display: flex;\n align-items: center;\n .sv-action:not(:last-child) {\n .sv-action__content {\n padding-right: 0;\n }\n }\n}\n",".sd-context-btn {\n background-color: $background;\n padding: calcSize(1.5);\n border-radius: calcSize(12.5);\n border: none;\n outline: none;\n svg {\n display: block;\n width: multiply(1.5, $font-editorfont-size);\n height: multiply(1.5, $font-editorfont-size);\n }\n use {\n fill: $foreground-light;\n }\n cursor: pointer;\n}\n.sd-context-btn:hover,\n.sd-context-btn:focus {\n use {\n fill: $primary;\n }\n &.sd-context-btn--negative {\n use {\n fill: $red;\n }\n }\n}\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n",".sd-completedpage {\n font-family: var(--font-family, $font-family);\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n}\n\n.sd-completedpage,\n.sd-completed-before-page {\n // h3 {\n // font-size: calcFontSize(1.5);\n // }\n\n h1 {\n @include articleXXLargeFont;\n }\n\n h2 {\n @include articleXLargeFont;\n }\n\n h3 {\n @include articleLargeFont;\n }\n\n h4, \n h5,\n h6 {\n @include articleMediumFont;\n }\n\n td,\n span,\n div,\n p {\n @include articleDefaultFont;\n }\n\n a {\n color: $primary;\n }\n\n button {\n display: flex;\n align-items: center;\n padding: calcSize(1.5) calcSize(4);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n box-shadow: $shadow-small;\n border: none;\n border-radius: calcSize(0.5);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n &:hover {\n background-color: $background-dark;\n }\n &:focus {\n box-shadow: 0 0 0 2px $primary;\n }\n\n span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: $primary;\n font-weight: 600;\n font-style: normal;\n font-family: var(--font-family, $font-family);\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n }\n }\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calcSize(9);\n margin-left: calc(50% - 4.5 * #{$base-unit});\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calcSize(13);\n}\n\n.sd-completedpage:after {\n height: calcSize(2);\n}",".sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid $border-light;\n padding-top: calcSize(2);\n padding-bottom: calcSize(4);\n cursor: pointer;\n\n &:hover {\n .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n }\n }\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid $primary;\n}\n\n.sd-progress-buttons__list-element--nonclickable {\n .sd-progress-buttons__page-title {\n color: $foreground-light;\n }\n}\n\n.sd-progress-buttons__list-element--current {\n\n .sd-progress-buttons__page-title,\n .sd-progress-buttons__page-description {\n color: $primary;\n }\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calcFontSize(1);\n font-weight: 600;\n line-height: calcLineHeight(1.5);\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n color: $foreground-light;\n}","$font-family: var(--font-family);\n\n.sv_progress-toc {\n padding: calcSize(1);\n max-width: calcSize(42);\n height: 100%;\n background: $background;\n box-sizing: border-box;\n min-width: calcSize(32);\n\n .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n\n .sv-list__item span {\n white-space: break-spaces;\n }\n\n .sv-list__item-body {\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(2);\n border-radius: calcCornerRadius(1);\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n }\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid $border;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid $border;\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calcSize(3);\n right: calcSize(4);\n width: auto;\n min-width: auto;\n height: auto;\n background-color: $background-dim;\n z-index: 15;\n border-radius: calcSize(3);\n\n &>div {\n width: calcSize(3);\n height: calcSize(3);\n }\n\n &:hover {\n background-color: $background-dim;\n }\n}",".sd-list {\n padding-right: calcSize(0.5);\n padding-left: calcSize(0.5);\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n\n .sd-list__item-body {\n padding-block: calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n }\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n .sd-list__item-body {\n padding-block: calcSize(1.25);\n }\n\n outline: none;\n}",".sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calcSize(1);\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n box-shadow: $shadow-large, $shadow-medium;\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calcSize(4);\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * (-1 - 32 / 144));\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: $primary;\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calcSize(1);\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: $foreground-light;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n}\n","sv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}",".sjs_sp_container {\n position: relative;\n}\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n.sjs_sp_controls > button {\n user-select: none;\n}\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sjs_sp_canvas,\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n",".sd-root-modern {\n --sd-base-padding: calc(5 * #{$base-unit});\n --sd-base-vertical-padding: calc(4 * #{$base-unit});\n --sd-page-vertical-padding: calc(3 * #{$base-unit});\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * #{$base-unit});\n --sd-base-vertical-padding: calc(2 * #{$base-unit});\n --sd-page-vertical-padding: calc(2 * #{$base-unit});\n}\n\n.sd-root-modern {\n &.sd-root-modern--mobile {\n .sd-element__num {\n @include num_inline();\n }\n\n .sd-element__title--expandable:before {\n left: calcSize(-2.5);\n }\n\n .sd-title.sd-container-modern__title {\n flex-direction: column;\n }\n\n .sd-header__text {\n min-width: 100%;\n }\n\n //multipletext responsiveness\n .sd-multipletext__cell {\n display: block;\n\n &:not(:first-of-type) {\n padding-left: 0;\n padding-top: calcSize(1);\n }\n\n :not(:last-of-type) {\n padding-bottom: calcSize(1);\n }\n }\n\n .sd-multipletext__item-container {\n flex-direction: column;\n }\n\n .sd-multipletext__item-title {\n height: calcSize(2);\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calcSize(1);\n width: 100%;\n max-width: none;\n\n span {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n }\n }\n\n .sd-multipletext__item {\n width: 100%;\n }\n\n .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calcSize(1);\n }\n\n //eo multipletext responsiveness\n .sd-selectbase--multi-column {\n flex-direction: column;\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n }\n\n @include table_responsive();\n @include ranking_responsive();\n }\n}","@import \"./blocks/mixins.scss\";\n@import \"../common-styles/common-styles.scss\";\n\n@import \"blocks/sd-element.scss\";\n@import \"blocks/sd-question.scss\";\n@import \"blocks/sd-input.scss\";\n@import \"blocks/sd-comment.scss\";\n@import \"blocks/sd-panel.scss\";\n@import \"blocks/sd-signaturepad.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-matrixdynamic.scss\";\n@import \"blocks/sd-table.scss\";\n@import \"blocks/sd-page.scss\";\n@import \"blocks/sd-row.scss\";\n@import \"blocks/sd-title.scss\";\n@import \"blocks/sd-description.scss\";\n@import \"blocks/sd-item.scss\";\n@import \"blocks/sd-selectbase.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-radio.scss\";\n@import \"blocks/sd-visuallyhidden.scss\";\n@import \"blocks/sd-matrix.scss\";\n@import \"blocks/sd-rating.scss\";\n@import \"blocks/sd-ranking.scss\";\n@import \"blocks/sd-dropdown.scss\";\n@import \"blocks/sd-tagbox.scss\";\n@import \"blocks/sd-imagepicker.scss\";\n@import \"blocks/sd-image.scss\";\n@import \"blocks/sd-html.scss\";\n@import \"blocks/sd-expression.scss\";\n@import \"blocks/sd-progress.scss\";\n@import \"blocks/sd-boolean.scss\";\n@import \"blocks/sd-paneldynamic.scss\";\n@import \"blocks/sd-file.scss\";\n@import \"blocks/sd-hidden.scss\";\n@import \"blocks/sd-navigation.scss\";\n@import \"blocks/sd-button.scss\";\n@import \"blocks/sd-body.scss\";\n@import \"blocks/sd-multipletext.scss\";\n@import \"blocks/sd-action.scss\";\n@import \"blocks/sd-action-bar.scss\";\n@import \"blocks/sd-context-btn.scss\";\n@import \"blocks/sd-completedpage.scss\";\n@import \"blocks/sd-progress-buttons.scss\";\n@import \"blocks/sd-progress-toc.scss\";\n@import \"blocks/sd-list.scss\";\n@import \"blocks/sd-timer.scss\";\n@import \"../components-container.scss\";\n@import \"../signaturepad.scss\";\n@import \"./defaultV2.m600.scss\";\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-timer-size: calc(18 * #{$base-unit});\n width: 100%;\n font-family: var(--font-family, $font-family);\n background-color: $background-dim;\n position: relative;\n\n form {\n z-index: 1;\n position: relative;\n }\n\n * {\n scrollbar-width: thin;\n scrollbar-color: $border 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: 32px;\n background-color: $border;\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: $foreground-light;\n }\n}\n\n.sd-root-modern.sd-root-modern--full-container {\n width: 100%;\n height: 100%;\n overflow: auto;\n position: static;\n\n * {\n scrollbar-width: thin;\n scrollbar-color: $border 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: 32px;\n background-color: $border;\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: $foreground-light;\n }\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * #{$base-unit});\n}\n\n.sv-popup {\n .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n\n *,\n & {\n &::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: $background;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: $border;\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: $foreground-light;\n }\n }\n }\n}\n\n.sv-popup.sv-popup--dropdown.sv-popup--dropdown {\n .sv-popup__shadow {\n box-shadow: $shadow-medium;\n }\n\n .sv-popup__body-content {\n background-color: $background;\n padding: calcSize(1) 0;\n height: 100%;\n }\n}\n\n.sv-popup.sv-popup--modal {\n .sv-popup__body-content {\n box-shadow: $shadow-large;\n background-color: $background-dim-light;\n }\n\n .sv-popup__body-footer {\n padding-bottom: 2px;\n }\n}\n\n.sv-popup.sv-popup--overlay {\n .sv-popup__body-content {\n background-color: $background-dim;\n }\n}"],"sourceRoot":""}