survey-creator-core 1.9.137 → 1.9.138

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 (81) hide show
  1. package/fonts.fontless.css +1 -1
  2. package/fonts.fontless.min.css +1 -1
  3. package/i18n/arabic.js +1 -1
  4. package/i18n/arabic.min.js +1 -1
  5. package/i18n/bulgarian.js +1 -1
  6. package/i18n/bulgarian.min.js +1 -1
  7. package/i18n/croatian.js +1 -1
  8. package/i18n/croatian.min.js +1 -1
  9. package/i18n/czech.js +1 -1
  10. package/i18n/czech.min.js +1 -1
  11. package/i18n/danish.js +1 -1
  12. package/i18n/danish.min.js +1 -1
  13. package/i18n/dutch.js +1 -1
  14. package/i18n/dutch.min.js +1 -1
  15. package/i18n/english.js +5 -2
  16. package/i18n/english.js.map +1 -1
  17. package/i18n/english.min.js +2 -2
  18. package/i18n/finnish.js +1 -1
  19. package/i18n/finnish.min.js +1 -1
  20. package/i18n/french.js +1 -1
  21. package/i18n/french.min.js +1 -1
  22. package/i18n/german.js +1 -1
  23. package/i18n/german.min.js +1 -1
  24. package/i18n/hebrew.js +1 -1
  25. package/i18n/hebrew.min.js +1 -1
  26. package/i18n/hungarian.js +1 -1
  27. package/i18n/hungarian.min.js +1 -1
  28. package/i18n/index.js +1 -1
  29. package/i18n/index.min.js +1 -1
  30. package/i18n/indonesian.js +1 -1
  31. package/i18n/indonesian.min.js +1 -1
  32. package/i18n/italian.js +1 -1
  33. package/i18n/italian.min.js +1 -1
  34. package/i18n/japanese.js +1 -1
  35. package/i18n/japanese.min.js +1 -1
  36. package/i18n/korean.js +1 -1
  37. package/i18n/korean.min.js +1 -1
  38. package/i18n/malay.js +1 -1
  39. package/i18n/malay.min.js +1 -1
  40. package/i18n/mongolian.js +1 -1
  41. package/i18n/mongolian.min.js +1 -1
  42. package/i18n/norwegian.js +1 -1
  43. package/i18n/norwegian.min.js +1 -1
  44. package/i18n/persian.js +1 -1
  45. package/i18n/persian.min.js +1 -1
  46. package/i18n/polish.js +1 -1
  47. package/i18n/polish.min.js +1 -1
  48. package/i18n/portuguese.js +1 -1
  49. package/i18n/portuguese.min.js +1 -1
  50. package/i18n/russian.js +1 -1
  51. package/i18n/russian.min.js +1 -1
  52. package/i18n/simplified-chinese.js +1 -1
  53. package/i18n/simplified-chinese.min.js +1 -1
  54. package/i18n/slovak.js +1 -1
  55. package/i18n/slovak.min.js +1 -1
  56. package/i18n/spanish.js +1 -1
  57. package/i18n/spanish.min.js +1 -1
  58. package/i18n/swedish.js +1 -1
  59. package/i18n/swedish.min.js +1 -1
  60. package/i18n/tajik.js +1 -1
  61. package/i18n/tajik.min.js +1 -1
  62. package/i18n/traditional-chinese.js +1 -1
  63. package/i18n/traditional-chinese.min.js +1 -1
  64. package/i18n/turkish.js +1 -1
  65. package/i18n/turkish.min.js +1 -1
  66. package/package.json +2 -2
  67. package/survey-creator-core.css +14 -14
  68. package/survey-creator-core.fontless.css +13 -13
  69. package/survey-creator-core.fontless.css.map +1 -1
  70. package/survey-creator-core.fontless.min.css +2 -2
  71. package/survey-creator-core.i18n.js +1 -1
  72. package/survey-creator-core.i18n.min.js +1 -1
  73. package/survey-creator-core.js +107 -74
  74. package/survey-creator-core.js.map +1 -1
  75. package/survey-creator-core.min.css +3 -3
  76. package/survey-creator-core.min.js +5 -5
  77. package/typings/components/question.d.ts +1 -1
  78. package/typings/creator-base.d.ts +7 -1
  79. package/typings/creator-settings.d.ts +2 -0
  80. package/typings/editorLocalization.d.ts +5 -1
  81. package/typings/localization/english.d.ts +4 -1
package/survey-creator-core.fontless.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/responsivity.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/switcher.scss","webpack://SurveyCreatorCore/./src/components/tabs/theme-builder.scss","webpack://SurveyCreatorCore/theme-builder.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/creator.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/page.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/question.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/link-value.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/toolbox.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/side-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/property-grid.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-input.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-dropdown.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-comment.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-panel.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-checkbox.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-matrixdynamic.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-table.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question-group.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-color-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-file-edit.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-link.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-theme-builder.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-overriding.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-search-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/property-grid.scss","webpack://SurveyCreatorCore/./src/utils/design.scss","webpack://SurveyCreatorCore/design.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/layout.scss"],"names":[],"mappings":";;;;;;AACA;EACE;EACA;EACA;ACAF;;ADEA;EACE;EACA;EACA,uEEYW;EFXX;EACA;EACA;EACA;EACA;EAIA;ACFF;ADDE;EACE,0EEee;ADZnB;;ADII;EACE,2DExBI;ADuBV;;ADQI;EACE,iDEYA;ADjBN,C;AEzBA;EACE;EACA;EACA,4EDiBe;AElBjB;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF,C;ACbA;EACE;EACA;EACA,4EHiBe;AIlBjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEH3BQ;EG4BR,oEHzBmB;EG0BnB;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA,oDHsBU;EGpBV,uEHlBW;EGmBX;EACA;EACA;EAEA,+DHdW;EGeX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDHPA;AIIN;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE,uDHnBY;EGoBZ;EACA;EACA;EACA,kFHnCU;EGoCV;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE,iDHxDI;AImDN;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHnGW;EGoGX;EACA;EACA,wEHpFa;EGqFb;ACLF;ADOE;EACE,iEH9FmB;EG+FnB;EACA;ACLJ;;ADUE;EACE,2DHvIM;AIgIV,C;AC9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA,iELFW;EKGX;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;ADGI;EACE;ACDN;ADKE;EACE;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ;ADOI;EACE;ACLN;;ADUA;EACE;EACA;EACA;EACA;EAEA;EACA;ACRF;;ADWA;EAEE;;IAEE;ECTF;AACF,C;AC5DA;EACE;EACA;EACA,4EPiBe;AQlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFPOa;AQRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iEPpBS;EOqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;EPYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EOMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;EPgDF;EACA;EACA;EO/CI,+DP5CO;EO6CP;ACHN;;ADQA;EACE,uDPxBY;EOyBZ;EACA;EACA;EACA,+DPvDW;EOwDX;EACA;EACA;EACA;EACA;ACLF,C;AClFA;EACE;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE;EACA;ACFF;;ADKA;EACE;EACA;EAEA;EACA;EACA;ACHF;ADKE;EAEE,mGT1BY;ES2BZ;ACJJ;ADMI;EACE,2DT/BI;AU2BV;;ADSA;EACE;EACA;EACA;ACNF;ADQE;EAEE,wFTEQ;ESDR;ACPJ;ADSI;EACE,iDTHA;AUJN;;ADYA;EACE;ACTF;;ADYA;;EAEE;ACTF;;ADaE;EACE;EACA;EACA;ACVJ;ADaE;EACE,iDTzBE;AUcN;;ADeA;EACE,gETpEU;AUwDZ;;ADeA;;;;;ETiCE;EACA,uDAtDY;EAuDZ;EACA;EACA;EACA;ES/BA;EACA,+DTvDW;ESwDX;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACTF;;ADYA;EACE,+DTpEW;ESqEX;EACA;EACA,uDT5CY;ES6CZ;EACA;EACA;ACTF;;ADYA;EACE;EACA;ACTF;ADWE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;ACVF;ADaI;EACE;EACA;EACA;ACXN;ADcI;EACE;EACA;EACA;ACZN;ADeI;EACE;ACbN;ADmBM;EACE;ACjBR;ADuBI;EACE;ACrBN;AD2BI;;EACE;ACxBN;AD0BM;;EACE;ACvBR;AD8BI;;EACE;AC3BN;;ADgCA;EACE;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;ADiCE;EACE;EACA;EACA,4DTlMM;ESmMN,mGTlMY;ESoMZ,uDT5IU;ES6IV;EACA;EAEA;EACA;EACA;EACA;EAEA;AClCJ;ADqCE;EACE,uETlNM;ESmNN,oEThNiB;AU6KrB;ADsCE;EACE;EACA;EACA;EACA;EACA;EACA;ACpCJ;;ADwCA;EACE;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADyCE;EACE;ACtCJ;;AD0CA;EACE;ACvCF;;AD2CE;EACE;EACA;EACA;ACxCJ;;AD2CA;EACE,+DTpOW;ESqOX;EACA;EACA;EACA;ACxCF;AD0CE;EACE;ACxCJ;;AD4CA;EACE;ACzCF;;AD4CA;EACE;EACA;EACA;EACA;EACA;ACzCF;;AD4CA;EACE;ACzCF;;AD4CA;EACE;ACzCF;;AD6CE;EACE;AC1CJ;;AD8CA;EACE;AC3CF;;AVjGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ,C;ACxQA;EACE;EACA;EACA,kFXiBe;AYlBjB;AZ+IE;EACE;EACA;EACA;EACA;AY7IJ;;ADDA;EACE,kFXYe;EWXf;EACA;EACA;EACA;ACIF;ADDI;EACE;ACGN;ADAI;EACE;ACEN;ADAM;EACE;ACER;ADCM;EACE;ACCR;ADIM;;EAEE,4EXdS;AYYjB;;ADQA;EX0FE;EACA,uDA5EY;EA6EZ;EACA;EACA;EACA,+DA3GW;EA4GX;EACA;EACA;EACA;EACA;EACA;AY9FF;;ADHA;EACE;EACA;ACMF;;ADHA;EACE;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;EACA;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;ACMF;;ADFE;EACE,kFXxDa;EWyDb;ACKJ;;ADDA;EACE;ACIF;;ADDA;;EXbE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EWgCV,2EX3DiB;EW4DjB;ACSF;;ADNA;EACE;EACA;EACA;EACA;EAEA,8FX7EqB;EW8ErB;ACQF;;ADJE;EACE;EACA;ACOJ;;ADHA;EACE;EACA;EACA;EACA,uEX9FW;EW+FX;EACA;ACMF;;ADHA;EXrCE;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EWkCA,+DX5FW;EW6FX;EACA;ACWF;ADTE;EACE;EACA;ACWJ;;ADNE;EACE;ACSJ;;ADLA;EACE;EACA;EACA;EACA;ACQF;;ADLA;EXrDE;EACA,uDApCY;EAqCZ;EACA,wFArCU;EAsCV;EWmDA;EACA;EACA;EACA;EACA,uEXlIW;EWmIX,+DX1HW;EW2HX;EACA;ACYF;;ADTA;EACE;EACA,kFXzIe;AYqJjB;;ADTA;EACE;EACA;ACYF;;ADTA;EACE;ACYF;;ADTA;EACE;ACYF;;ADTA;EACE;EACA,iEX5JW;EW6JX;ACYF;;ADTA;EACE;ACYF;;ADTA;EACE;EACA,wEXpJa;EWqJb;ACYF;;ADRE;EACE;ACWJ;;AZhDE;;EAEE;AYmDJ;AZjDE;;EAEE;AYmDJ;AZjDE;;EAEE;AYmDJ,C;ACvNA;EACE;EACA;EACA,4EbiBe;AclBjB;Ad+IE;EACE;EACA;EACA;EACA;Ac7IJ;;ADDA;EACE;EACA;EACA;EACA;EACA;ACIF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADGE;EACE;EACA;EACA,iEbXS;EaYT;EACA;ACAJ;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDbMY;EaLZ;EACA,2EbtBiB;EauBjB;EACA;EACA;ACDF;ADGE;EACE,iEbtCS;EauCT,+Db9BS;Ac6Bb;;ADKA;EACE;ACFF;;ADKA;EACE,+DbvCW;AcqCb;;ADME;EAEE;EACA;EACA;ACJJ;;ADQA;EACE,2Fb5BW;AcuBb;ADOE;EAEE,kDbjCG;Ac2BP;;ADUA;;EAEE,+Fb5Ca;AcqCf;ADSE;;;EAEE,mEbjDK;Ac2CT;;ADUA;EACE,wFbxDU;AciDZ;ADSE;EAEE,6Db7DE;AcqDN;;ADYA;EACE,uEbzFW;Ea0FX,kDbnEI;EaoEJ;ACTF;;ADYA;EACE;ACTF;;ADaE;EACE;ACVJ;;ADcA;EACE;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;;ADcA;;EAEE;ACXF;;ADcA;;EAEE,wFbrGU;Ac0FZ;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;;EAEE,2EbpIiB;EaqIjB;ACXF;ADaE;;;EAEE,oEbrKiB;Ac2JrB;;ADeE;EACE;EACA;EACA;EACA;ACZJ;ADcI;EACE;EACA;ACZN;ADgBE;EACE;EACA;EACA;ACdJ;ADiBE;EACE;EACA;ACfJ;ADiBI;EAEE,uEbhLO;EaiLP,wEb/JS;Ac+If;ADoBE;EACE,+Db7KS;Ea8KT;AClBJ;ADqBE;EACE;EACA;ACnBJ;;ADuBA;EACE,uDb7JY;AcyId;ADsBE;EACE;EACA;EACA;EACA;EACA;ACpBJ;ADuBE;EACE;ACrBJ;ADwBE;EACE;ACtBJ;;AD0BA;EACE;EACA;ACvBF;;AD2BE;EACE;EACA;EACA;ACxBJ;AD2BE;EACE;ACzBJ;AD4BE;EACE;AC1BJ;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;AC3BF;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;EACA;EACA;EACA,iEb7PW;Ea8PX,wEb5Oa;Ea6Ob;EACA;AC3BF;;AD+BE;EACE;AC5BJ;;ADgCA;EACE,uDbtOY;EauOZ;EACA;EACA;EACA;EACA;EACA,2EbtQiB;EauQjB;EACA;AC7BF;;ADgCA;EACE,6Db/PI;AckON;;ADgCA;EACE;EACA;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;;ADkCA;EACE;AC/BF,C;AC3RA;EACE;EACA;EACA,4EfiBe;AgBlBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADMI;EACE;ACHN;ADOE;EACE;ACLJ;ADQE;EACE;ACNJ;ADSE;EACE;EACA;EACA;EACA;EACA;ACPJ;ADSI;EACE;ACPN;ADUI;EACE;ACRN;ADYE;EACE;ACVJ;ADaE;;EAEE;ACXJ;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACZF;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;ACZF;;ADeA;EACE;ACZF,C;AC7EE;EACE;ACFJ;ADKE;EACE;EACA;EACA;ACHJ;ADOI;EACE;EACA;EACA;EACA;ACLN;ADOM;EACE;EACA;EACA;ACLR;ADSI;EACE;EACA;ACPN;ADSM;EACE;EACA;ACPR;ADaI;EACE;ACXN;ADeE;EACE;ACbJ;ADgBE;EACE;EACA;EACA;ACdJ;ADgBI;EACE;ACdN;ADkBM;EACE;AChBR;ADoBI;EACE;AClBN;ADqBI;EACE;EACA;ACnBN;ADuBE;EACE;ACrBJ;ADuBI;EACE;EACA;ACrBN;ADyBE;EACE;ACvBJ;ADyBI;EACE;EACA;EACA;ACvBN;ADyBM;EACE;ACvBR;AD0BM;EACE;EACA;ACxBR;AD2BM;EACE;EACA;EACA;ACzBR;AD4BM;EACE;AC1BR;ADgCI;EACE;EACA;AC9BN;ADkCE;EACE;AChCJ;ADmCE;EACE;EACA;ACjCJ;ADmCI;EACE;ACjCN;ADsCI;EACE;ACpCN;ADuCQ;EACE;ACrCV;ADuCU;EACE;ACrCZ,C;ACrGA;EACE;EACA;EACA;ACDF;;ADIA;EACE,2EnBsBiB;EmBpBjB,uDnB8CY;EmB7CZ;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EnBHe;EmBKf;EACA;EACA;ACHF;;ADMA;EACE,iEnBZW;AoBSb;;ADMA;EACE;EACA,4EnBhBe;AoBajB;;ADMA;EACE;EACA,iEnBtBW;AoBmBb;;ADMA;;EAEE;EACA;EACA;EAEA;EACA,uEnBrDQ;AoBiDV;;ADOA;EACE;EACA,+EnBvDmB;AoBmDrB;;ADOA;EACE;EACA;EACA;EACA;EAEA;EACA,6EnBnCqB;EmBqCrB;EACA;EACA;EACA;EACA;ACNF;;ADSA;EACE,+EnB3EmB;EmB4EnB;EACA;ACNF;;ADYE;;;EACE,uEnBvFM;AoBgFV,C;AC9EA;EACE;EACA;EACA,4ErBiBe;AsBlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFrBOa;AsBRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iErBpBS;EqBqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;ErBYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EqBMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;ErBgDF;EACA;EACA;EqB/CI,+DrB5CO;EqB6CP;ACHN,C;ACtEA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA,iEvBWW;EuBVX;EACA;EACA,wEvB2Bc;EuB1Bd;EACA,+DvBeW;EuBdX;EACA;EACA;EAEA;EvBsDA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;AwBjCZ;;ADAA;EACE,6DvBkBI;EuBjBJ;EACA;ACGF;;ADCE;EACE;EACA;EACA;EACA;EACA;EACA;ACEJ;;ACrCA;;EAEE;EACA;EACA;EACA;EACA;EAEA;ADuCF;ACrCE;EAVF;;IAWI;IACA;EDyCF;AACF;ACvCE;;EACE;EACA;EACA;AD0CJ;ACvCE;;EACE;EACA;EACA;EACA,mEzBOK;AwBmCT;ACvCE;;EACE;AD0CJ;ACvCE;;EACE;EACA,sFzBNe;AwBgDnB;;ACtCA;EACE;EzBmFA;EACA;EACA;EACA;AwBzCF;;ACxCA;EACE;EACA;EACE;AD2CJ;;ACtCA;EACE;EACA;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;EACA;EACA,uCzByCe;AwBAjB;;ACtCA;EACE;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;ADyCF;;ACtCA;EACE;EACA;ADyCF;;ACrCE;EACE;EACA;EACA,iEzBpES;EyBqET;ADwCJ;;ACpCA;EACE;EACA;EACA,2EzB3FU;EyB4FV;ADuCF;;ACpCA;EACE;EACA;EACA;EACA;EACA;EACA,uEzBtFW;EyBuFX;EACA;EACA,wEzBtEc;EyBuEd;ADuCF;;ACpCA;EACE,oEzBhHmB;EAgFnB;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EyB6BA;EACA;EACE;AD4CJ;AC3CE;EACE,oEzBtHiB;AwBmKrB;;ACxCE;EACE;AD2CJ;;ACxCA;EACE;EACA;EACA;EACA,qEzBhIU;EyBiIV;AD2CF;;ACxCA;EACE;EACA;AD2CF;;ACxCA;EACE;EACA;AD2CF,C;AEzLE;EACE;EACA;ACFJ;;ADMA;EAME;ACRF;ADGE;EACE;EACA;ACDJ;ADME;EACE;EACA;EACA;ACJJ;ADMI;EACE;EACA,2E1BOa;A2BXnB;ADQE;;EAEE;ACNJ;ADSE;EACE;ACPJ;;ADWA;EACE;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;ACVF;;ADaA;EACE;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD1BXY;E0BYZ;EACA,2E1BvCiB;E0BwCjB;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;ACVF;ADYE;EACE,2D1B/GM;A2BqGV;;ADcA;EACE;EACA;EACA;ACXF;ADaE;EACE;ACXJ;ADcE;EACE;ACZJ;;ADiBE;EAEE;ACfJ;;ADoBE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AClBJ;;ADuBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE1BzIS;E0B0IT;ACpBJ;;ADyBE;EACE;ACtBJ;;AD2BE;EACE;ACxBJ;;AD6BE;EACE;AC1BJ;AD+BQ;EACE;AC7BV;;ADsCE;;EACE;AClCJ;;ADwCI;EACE;EACA;EACA;ACrCN;AD0CI;EACE;ACxCN;;AD+CI;EACE;EACA;AC5CN;;ADqDI;EACE;AClDN;;AD2DA;EACE;ACxDF,C;ACrLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uE5BcW;E4BbX,wE5B+Ba;E4B9Bb;EACA;EACA;EACA;AJCF;AICE;EACE;EACA;EACA;EACA;EACA,4D5BnBM;AwBoBV;;AIGA;EACE,4G5BCgB;AwBDlB;;AIEA;EACE;AJCF;;AK5BA;EACE;EAEA;EACA;EACA;EAEA,4D7BPQ;E6BQR;EACA;EACA;EAEA;AL4BF;AK1BE;EAEE,mG7BfY;E6BgBZ;AL2BJ;;AKvBA;EACE,mE7BtBQ;AwBgDV;;AKvBA;EACE;EACA,+D7BGW;AwBuBb,C;AMnDA;;EAEE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,0E9Bce;A+BfnB;;ADKA;EACE;EACA;EACA;ACFF;;ADSI;;;EAEE;ACLN;ADOM;;;EACE,mG9BnCQ;A+BgChB;ADKQ;;;EACE,2D9BvCA;A+BsCV;;ADSE;EACE,mG9B/CY;E8BgDZ;ACNJ;ADQI;EACE,2D9BpDI;A+B8CV;;ADWA;EACE;ACRF;;ADYE;EACE;EACA;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;ACVF;;ADkBI;;;;EACE;EACA;ACZN;ADgBE;;;;EACE;EACA;ACXJ;;ADgBE;EACE;EACA;EACA;EACA;EACA;ACbJ;ADgBE;EACE;EACA;EACA;EACA;ACdJ,C;AC9FA;;EAEE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EAEE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;EACE;ACLJ;;ADUE;EACE;EACA;ACPJ;ADUE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,6DhCjBO;AiCQT;;ADaE;EACE;EACA;EACA;EACA;EACA,iEhCxCS;EgCyCT;ACVJ;;ADcA;EhCqDE;EACA;EACA;EgCpDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;ADYE;EACE;EACA;EACA;EACA;ACVJ;;ADkBE;;;;EACE;EACA;ACZJ;ADcI;;;;EACE;EACA;ACTN;;ADgBI;EACE;EACA;EACA;EACA,iEhC3GI;AiC8FV;;ADoBE;;EACE;EACA;EACA;AChBJ;;AD2BI;;;;;;;;EACE;ACjBN;;ADuBE;EACE,+DhC1GS;EgC2GT;ACpBJ,C;ACnHA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE,8ElC/B+B;AmC4BjC;;ADSE;;;EACE;EACA,8ElCvC6B;AmCmCjC;ADMI;;;EACE;ACFN;;ADOA;EACE;EACA;EACA;EAWA;ACdF;ADKE;EACE;ACHJ;ADME;EACE;EACA;ACJJ;;ADWE;EACE;ACRJ;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;ADWE;EACE,0ElCjEe;AmCwDnB;ADYE;EACE,kFlC9Ea;AmCoEjB;ADaE;EACE,mGlCvGY;AmC4FhB;;ADeA;EACE;EACA;EACA,qElCzGU;EkC0GV;EACA;EACA;EACA;ACZF;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;ADcE;EACE;EACA;ACZJ,C;ACnHA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EAIA;EACA;EACA;EACA;EACA;ACLF;ADFE;EACE;ACIJ;;ADME;EACE;EACA;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;EACA;EACA;ACLJ;ADSI;EACE;ACPN;;ADaE;EACE;EACA;EACA;ACVJ;;ADcA;EACE;EACA;EACA;EACA,qEpCzEU;EoC0EV;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,qEpCnFU;EoCoFV;EACA;EACA;ACXF;;ADgBE;;EACE;ACZJ;ADkBE;;EACE;ACfJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ,C;ACpGA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;;ADGA;EACI;IACE;ECAJ;AACF;ADGA;EACI;IACE;ECDJ;AACF;ADIE;EACE;EACA;EACA;EACA;EACA;EACA;ACFJ;ADGI;EAEE;ACFN;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;ACpCE;EACE;ADsCJ;ACnCM;EACE;ADqCR;ACnCQ;EACE;EACA;ADqCV;;AC9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iExC1BW;EwC2BX,wExCTa;EwCUb;ADiCF;;AC7BE;EACE;EACA;ADgCJ;AC7BE;EACE;EACA;EACA;AD+BJ;AC5BE;EACE;AD8BJ;AC3BE;EACE,+DxCvCS;AuCoEb;AC1BE;EACE,8ExC/BW;AuC2Df;ACzBE;EACE,+DxC/CS;EwCgDT;AD2BJ;ACxBE;EACE;EACA;AD0BJ;;ACtBA;EACE;ADyBF;;ACrBE;EACE;ADwBJ;;ACpBA;EACE,2ExCnEiB;EwCoEjB;EACA;EAEA;EACA;EACA;EACA;ADsBF;;ACnBA;EACE;EACA;EAMA;EACA;EACA;ADiBF;ACvBE;EACE;ADyBJ;AClBE;EACE;ADoBJ;AClBI;EACE;EACA;ADoBN;ACjBI;ExCTF;EACA;EACA;EwCUI;EACA;ADoBN;AClBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADoBR;ACfM;EACE,2DxCnJE;AuCoKV;ACdM;EACE;ADgBR;ACZI;EACE;EACA;ADcN;ACTE;EACE;ADWJ;ACRE;EACE;ADUJ;ACPE;EAEC;ADQH;ACLE;EACE;EACA;EACA;ADOJ;ACLI;EACE;EACA;ADON;ACLM;EACE;ADOR;ACHI;EACE;ADKN;ACEI;EACE,+DxChMM;AuCgMZ;;ACMA;;EAEE;ADHF;;ACMA;EACE;ADHF;;ACQE;;EACE;ADJJ;;ACSA;EACE,wFxCvMqB;AuCiMvB;ACQE;EACE,2ExClMe;AuC4LnB;ACUI;EACE;ADRN;;ACcE;EACE;EACA;ADXJ;;ACeA;EAEE;EACA;EACA,uExCjOW;EwCkOX,+DxCzNW;EwC0NX;EACA;EACA;EACA;EACA;EACA,wExCpNa;EAoFb;EACA;EACA;EACA;EwCgIA;EACA;EACA;ADXF;;ACcA;EACE,2DxCtQQ;AuC2PV;;ACcA;EACE;ADXF;;ACcA;ExCnME;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EwCqNV;EACA;ADNF;;ACSA;EACE;EACA;EACA;ADNF;;ACWE;;EACE;EACA;EACA,6FxC7RY;AuCsRhB;ACSI;;EACE;ADNN;;ACWA;EACE;EACA;EACA;EACA,qExCpSU;EwCqSV;EACA;EACA;ADRF;;ACWA;EACE;EACA;EACA;EACA,qExC9SU;EwC+SV;EACA;EACA;ADRF;;ACYE;EACE;ADTJ;ACYE;EACE;ADVJ;;ACeA;EACE;EACA;EACA;EACA,qExCnUU;EwCoUV;EACA;EACA;ADZF;;ACeA;EACE;EACA;EACA;EACA,qExC7UU;EwC8UV;EACA;EACA;ADZF;;ACkBI;;EACE;EACA;ADdN;ACmBI;;EACE;EACA;ADhBN;ACoBE;;EACE;ADjBJ;ACoBE;;EACE;ADjBJ;;ACsBE;EACE;EACA;EACA;ADnBJ;;AC0BE;;;;EAEE;ADrBJ;;ACyBA;EACE;EACA;EACA;EACA;ADtBF;;ACyBA;EACE;ADtBF;;ACyBA;EACE;ADtBF;;AC2BE;EACE;EACA;EACA;ADxBJ;AC0BI;EACE;EACA;ADxBN;;AC6BA;EACE;EACA;AD1BF;AC4BE;EACE;AD1BJ;AC6BE;EACE;AD3BJ;AC8BE;EACE;EACA;AD5BJ;;ACkCA;EACE;AD/BF;;ACkCA;EACE;EACA;AD/BF;;ACkCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD/BF;;ACkCA;EACE;EACA;EACA;AD/BF;ACiCE;EACE,0ExCjbe;AuCkZnB;;ACoCE;EACE;EACA;ADjCJ;ACqCI;EACE;ADnCN;ACsCI;EACE;ADpCN;ACwCE;EACE;EACA;EACA;ADtCJ;ACyCE;EACE;EACA;ADvCJ;AC0CE;EACE;EACA;ADxCJ;;AC8CE;;EAEE;AD3CJ;;AC+CA;EACE;AD5CF;;AC+CA;EAKE;ADhDF;AC4CE;EACE;AD1CJ;;ACkDE;;EAEE;AD/CJ;;ACmDA;EACE;EACA;EACA;EACA;ADhDF;;ACkDA;EACE;EACA;EACA;EACA;EACA;AD/CF;;ACoDE;;;;;;;EAOE;EACA;EACA;ADjDJ;ACmDI;;;;;;;EACE;AD3CN;;ACgDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD7CF;;ACgDA;EACE;EACA;EACA;EACA;AD7CF;;ACgDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AD9CF;ACgDE;EACE;AD9CJ;ACiDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DxCjmBM;EwCkmBN;AD/CJ;;ACmDA;EACE;EACA;ADhDF;ACkDE;EACE,2DxC3mBM;AuC2jBV;;ACoDA;EACE;IACE;EDjDF;AACF;ACoDA;EACE;IACE;EDlDF;ECqDA;IACE;EDnDF;ECqDE;IACE;EDnDJ;ECyDE;;IACE;EDtDJ;ECyDE;;IACE;EDtDJ;ECyDE;;IACE;EDtDJ;ECwDI;;IACE;EDrDN;AACF;AC2DA;EACE;EACA;EACA;EACA;EACA;ADzDF;;AC2DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;EACA;EACA;ADrEF;ACsDE;EACE,0ExC7oBe;AuCylBnB;ACuDE;EACE,kFxC1pBa;AuCqmBjB;ACwDE;EACE,mGxCnrBY;AuC6nBhB;;ACgEE;EACE,+DxCzrBQ;AuC4nBZ;;ACkEE;EACE;AD/DJ;ACkEE;EACE;ADhEJ;ACmEE;EACE;EACA;EACA;ADjEJ;;ACsEE;EACE;ADnEJ;ACsEE;EACE;EACA;ADpEJ;ACsEI;EACE;ADpEN;ACwEE;EACE;EACA;ADtEJ;ACyEE;EACE;ADvEJ;AC0EE;EACE;ADxEJ;AC4EI;EACE,iExC3tBO;EwC4tBP;AD1EN;AC4EM;EACE,0ExCrtBW;AuC2oBnB;AC+EE;EACE;AD7EJ;;ACkFE;EACE;AD/EJ;ACkFE;EACE;EACA;EACA;EACA;EACA;EACA;ADhFJ;ACoFI;EACE;EACA;EACA;EACA;ADlFN;;ACwFE;EACE;ADrFJ;;AC2FI;EACE,+DxCzxBM;AuCisBZ;;AC6FA;;;EAGE,oFxC/xB+B;AuCqsBjC,C;AE1sBA;EACE;ACFF;;ADKA;EACE;ACFF;;ADMA;EACE;ACHF;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;EACA;ACJF;ADME;EACE;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EAEA;ACNJ,C;AC7BA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;;EAEE;ACFF;;ADKA;EACE;ACFF;;ADME;EACE;ACHJ;;ADOA;EAEI;IACE;ECLJ;AACF;ADSE;EACE;ACPJ;;ADWA;EACE;EACA,uE3C9BW;E2C+BX;EACA;EACA;ACRF;;ADWA;EACE;EACA;EACA;EACA;ACRF,C;ACnDA;EACE;ACDF;;ADKE;EACE;ACFJ;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;;ADSE;EACE;EACA;ACNJ;ADQI;EACE;ACNN;ADUI;EACE;ACRN;ADUM;EACE;ACRR;ADaM;EACE;EACA;ACXR;ADaQ;EACE;ACXV;ADkBQ;EACE;AChBV;ADmBQ;EACE;ACjBV;ADuBM;EACE;ACrBR;ADuBQ;EACE;ACrBV;ADwBQ;EACE;ACtBV;AD4BM;EACE;AC1BR;AD4BQ;EACE;AC1BV;AD6BQ;EACE;AC3BV;ADiCE;EACE;EACA;EACA;EACA;AC/BJ;ADkCE;EACE;EACA;EACA;EACA;AChCJ;ADmCE;EACE;EACA;ACjCJ;;ADsCE;EACE;ACnCJ;ADsCE;EACE;EACA;ACpCJ;ADwCI;EACE;EACA;EACA;ACtCN;AD0CI;;;;EAIE;ACxCN;AD2CI;;;EAGE;ACzCN,C;ACjGA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADME;;EACE;ACFJ;ADKE;;EACE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;;;EAGE;ACLJ;ADQE;EACE;ACNJ;;ADUA;EACE,iE/ClBW;E+CmBX,wE/CCa;E+CAb;EACA;EACA;E/CkFA;EACA;EACA;EACA;AgDxFF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;;ADUE;;EACE;ACNJ;;ADUA;EACE;EACA;EACA;ACPF;ADSE;EACE;ACPJ;ADUE;EACE,8D/ClES;AgD0Db;;ADYA;EACE,0E/CtEiB;E+CuEjB;EACA;ACTF;;ADaE;EACE,iD/ChEE;AgDsDN;;ADeE;EACE,2D/ClHM;AgDsGV;;ADkBE;EAEE,mG/CzHY;AgDyGhB;;ADsBE;EAEE,wF/CrFQ;AgDiEZ;;ADwBA;EACE;ACrBF;;AD2BI;;EAEE,2E/ChHa;AgDwFnB;AD2BI;EACE;ACzBN;AD6BE;EACE,4E/ClIa;AgDuGjB;AD6BI;EACE,0E/C5Ha;AgDiGnB;;ADiCE;EACE;AC9BJ;ADiCE;EACE;EACA;AC/BJ;;ADmCA;EACE;EACA;EACA;AChCF;;ADoCE;EACE;ACjCJ;ADoCE;EACE;AClCJ;ADqCE;EACE;ACnCJ;ADsCE;EACE;EACA;ACpCJ;ADuCE;EACE;EACA;ACrCJ;;AD4CE;EACE;ACzCJ;AD4CE;EACE;AC1CJ;;AD8CA;EACE;EACA;EACA;AC3CF;;AD8CA;EACE;IACE;EC3CF;ED8CA;IACE;EC5CF;AACF;AD+CA;EACE;EACA;EACA;AC7CF;;ADgDA;EACE;IACE;EC7CF;EDgDA;IACE;EC9CF;AACF;ADiDA;EACE;EACA,4E/CjOe;E+CkOf;EACA;EACA;EACA;EACA;EACA;AC/CF;;ADuDI;;;EACE;AClDN;ADqDI;;;EACE;ACjDN;ADoDI;;;EACE;AChDN;ADmDI;;;EACE;AC/CN;ADkDI;;;EACE;AC9CN;;AD0DI;;;EACE;ACrDN;ADwDI;;;EACE;ACpDN;ADuDI;;;EACE;EACA;ACnDN,C;ACvPA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EACE;EACA;ACDJ;;ADME;EACE;EACA,mGjDnBY;AkDgBhB;ADME;EACE;EACA;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;ADOE;EACE,2DjDrDM;AkDgDV;ADQE;EAEE,mGjDzDY;AkDkDhB;;ADWA;EACE;EACA;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADcE;EACE;ACXJ;;ADgBE;EACE;ACbJ;ADgBE;EACE;ACdJ;;ADkBA;EACE;EACA,4EjDhFe;AkDiEjB;;ADkBA;EACE;ACfF;ADiBE;EACE;ACfJ;;ADmBA;EACE;EACA;EACA;EACA;AChBF,C;AC3FA;EACE;ACTF;;ADaE;EACE;ACVJ;ADWI;EACE;ACTN;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;ADYE;EACE;ACVJ;;ADcA;EACE;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,iEnDlCW;EmDmCX;EACA;EACA;EACA;EACA;ACXF;ADaE;EACE,0EnDhCe;AoDqBnB;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;;ADgBE;EACE;EACA;ACbJ;ADgBE;EnD0CA;EACA;EACA;EACA;AoDvDF;;ADgBE;EACE;ACbJ,C;AC3EA;EACE,uDrDsDY;EqDrDZ;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA,2ErDiBe;EqDhBf;EACA,uErDKS;AsDNb;ADGI;EACE;ACDN;ADII;EACE;EACA;ACFN;ADME;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uErDdS;AsDUb;ADOE;EACE,uErDlBS;EqDmBT;EACA,wErDFW;AsDHf;ADOI;EACE;EACA;ACLN;ADOM;EACE;EACA;ACLR;ADOQ;EACE;ACLV;ADOU;EACE,0ErDxBO;AsDmBnB;ADSQ;EACE;EACA;ACPV;ADWM;EACE;EACA,kFrD7CS;EqD8CT;EACA;EACA;EACA,2ErDxCW;AsD+BnB;ADWQ;EACE;ACTV;ADaM;EACE;EACA;EACA;EACA;EACA;ACXR;ADaQ;EACE;EACA;EACA;ACXV;ADcQ;EACE;EACA;ACZV;ADgBM;EACE;ACdR;ADiBM;EACE;ACfR;ADiBQ;EACE,2ErD1ES;AsD2DnB,C;ACxFA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADEE;EACE;ACAJ;ADEE;EACE;EACA;EACA;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA,2EvDJiB;EuDKjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,mGvDhDY;EuDiDZ;ACDJ;ADGI;EACE,2DvDrDI;AwDoDV;ADKE;EACE;EACA;ACHJ;;ADOA;EACE,0EvDjCiB;AwD6BnB;;ADOA;EACE;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADSE;EACE;ACNJ;;ADYE;;EACE;ACRJ,C;ACvFA;EACE;EACA;ACDF;;ADGA;EACE;ACAF;;ADEA;EACE,kDzDkCI;EyDjCJ;EACA;ACCF;;ADCA;;EAEE,wFzD6BU;A0D3BZ,C;AChBA;EACE;EACA;ACDF,C;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E7DqBiB;E6DpBjB;EACA;EACA,iE7DQW;E6DPX;EACA,uD7D0CY;E6DzCZ;ACDF;;ADIA;;EAEE;EACA,+D7DQW;E6DPX;EACA;ACDF;;ADIA;EACE,kF7DNe;E6DOf,2E7DEiB;E6DDjB;ACDF;;ADIA;;EAEE,+D7DLW;E6DMX;EACA,uE7DhBW;A8Deb,C;AClCA;EACE;EACA;EACA;EACA;EACA;ACDF;ADEE;EAEE,kF/DYa;E+DXb;EACA;ACDJ;;ADKA;EACE,iE/DIW;E+DHX;ACFF;ADGE;EAEE;EACA;ACFJ;;ADMA;EACE;EACA,+D/DEW;E+DDX;ACHF;ADIE;EACE,uE/DVS;AgEQb;;ADMA;EACE;ACHF;;ADME;EACE;EACA;ACHJ;;ADOA;EACE;ACJF,C;ACxCA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF,C;ACTA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;;EAEE;EACA;ACDJ;;ADMA;EACE;ACHF;ADKE;EACE,0EnESe;AoEZnB;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADQE;EACE,+DnEbS;AoEOb;ADSE;EACE,2DnE/CM;AoEwCV;;ADeE;;;;;;;;EAEE;EACA;EACA;EACA;EACA;EACA;ACNJ;ADQI;;;;;;;;EACE;EACA;ACCN;ADGE;;;;EACE;ACEJ;ADCE;;;;EACE;ACIJ;ADDE;;;;EACE;ACMJ;ADHE;;;;EACE;ACQJ;ADJI;;;;EACE;EACA;ACSN;;ADJA;EnEpBE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EmEuCV;EACA;EACA;EACA;EACA,2EnEtEiB;AoEiFnB;;ADNE;;EACE;EACA;EACA;EACA;ACUJ;ADRI;;EACE;ACWN;;ADLE;;EAEE;EACA;EACA,uEnEtGS;EmEuGT,wEnEpFY;EmEqFZ;ACQJ;ADNI;;EACE,+DnElGO;AoE2Gb;ADNI;;EACE,2DnEpII;AoE6IV;;ADJA;;;EAGE,mGnE3Ic;EmE4Id;ACOF;ADLE;;;EACE,2DnEhJM;AoEyJV;;ADFE;;;EACE;ACOJ;;ADAM;EACE;ACGR;ADCI;EACE;EACA;EACA;EACA;ACCN;;ADQI;;;;EAOE,+DnE1JO;EmE2JP;ACRN;ADEM;;;;EACE,8DnEtJK;EmEuJL;ACGR,C;ACtLA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;;;EAGE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA,mErEnBO;EqEoBP;ACDF;;ADIA;EACE;EACA;EACA,4ErEvCe;EqEyCf;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE,uDrElBY;EqEmBZ;EACA;EACA;EACA,+DrEjDW;EqEkDX;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;ACFF;;ADMA;EACE,0ErE9DiB;AsE2DnB;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;;ADWI;EACE;ACRN;;ADeE;EACE;EACA;ACZJ,C;AC/GA;EACE;EACA;EACA,uDvEoDY;EuEnDZ;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iEvETW;EuEUX;EAEA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uEvEvBW;AwEqBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EvEhCe;EuEiCf;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADOA;EACE;EACA;EACA;EACA,kFvE7De;AwEyDjB;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;ACJF;ADME;EACE,sFvEhEe;EuEiEf;EACA;EACA;EACA;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLJ;;ADSA;EACE;ACNF;ADQE;EACE;ACNJ;ADSE;EACE;EACA;ACPJ;;ADWA;EACE;ACRF;ADUE;EACE;EACA;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;EACA;EACA;ACVJ;ADaE;EACE;ACXJ;;ADeA;EACE;ACZF;;ADiBE;EACE;ACdJ;ADgBE;EACE;ACdJ;;ADmBE;EACE;AChBJ,C;ACxJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;ACEJ;;ADCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DzErBQ;EyEsBR;EACA;EACA;EACA,uDzEgCY;EyE/BZ;EACA;EACA;ACEF;ADDE;EAEI;EACA;EACA,mGzEhCU;A0EkChB;ADDM;EACI,2DzEnCA;A0EsCV;;ADCA;EACE;ACEF;ADDE;EACE,0EzEXe;A0EcnB;;ADAA;EACE,kDzEFI;A0EKN;ADFE;EAEE,wFzEJQ;A0EOZ;ADFI;EACI,iDzEPF;A0EWN;;ADAA;EACE;ACGF;;ADDA;EACE;EACA;EACA;ACIF;;ADFA;EACE;ACKF;;ADHA;EACE;ACMF;;ADJA;EACE;ACOF;;AC7EA;EACE;EACA;EACA;EACA;ADgFF;;AC7EA;EACE;ADgFF;;ACjEA;EAXE;EACA;EACA;EACA;EACA;EACA,uD3EwCY;E2EvCZ,2E3EaiB;E2EZjB;EACA;ADgFF;;ACzEA;EACE;EACA,4D3E7BQ;E2E8BR;AD4EF;;ACzEA;;EAEE;AD4EF;;ACzEA;EACE;AD4EF;;ACzEA;EACE;EACA;EACA;EACA;EACA;EACA,uD3ESY;E2ERZ;EACA;EACA,2E3EpBiB;E2EqBjB;EACA;EACA;AD4EF;;ACzEA;EACE;EACA;EACA,kE3E3BqB;E2E4BrB;EACA;AD4EF;;ACzEA;EACE;AD4EF;;ACxEE;EACE;AD2EJ;;ACvEA;EACE;EACA,iE3ExDW;E2EyDX;EACA;EACA;EACA;AD0EF;ACxEE;EACE;AD0EJ;;ACtEA;EACE;EACA;EACA;EACA;EAQA;EACA;ADkEF;ACzEE;EACE;EACA;EACA;AD2EJ;;ACpEA;EACE;ADuEF;ACrEE;EACE;EAOA;EACA;ADiEJ;ACvEI;EAEE;ADwEN;;AChEA;EACE;EACA;EACA;ADmEF;ACjEE;EACE;EACA;ADmEJ;ACjEI;EACE;ADmEN;AChEI;EACE;EACA;ADkEN;;AC7DA;EACE;EACA,+D3EhHW;E2EiHX,wF3ElGU;E2EmGV;EACA;ADgEF;AC9DE;EACE;EACA;ADgEJ;;AC5DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+DF;;AC5DA;EACE;AD+DF;;AC1DE;;EACE;AD8DJ;AC5DI;;EACE;AD+DN;;AEhPA;EACE;EACA;EACA;EACA;EACA,uE5EgBW;E4EfX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD5E2CY;E4E1CZ,+D5EeW;A0EoOb;;AEhPA;EACE,2E5EYiB;A0EuOnB;;AEhPA;;;;EAIE;AFmPF;;AEhPA;;EAEE,+D5EDW;E4EEX;AFmPF;;AEhPA;EACE;EACA;EACA;AFmPF;;AEhPA;EACE;EACA;EACA;EACA,iE5ExBW;E4EyBX;EACA;EACA;EACA;EACA;EACA;AFmPF;AEjPE;EAEE,4E5EjCa;A0EmRjB;AE/OE;EACE;AFiPJ;AE9OE;EAEE;EACA,iE5E5CS;A0E2Rb;AE5OE;EACE;EACA;EACA;AF8OJ;;AE1OA;EACE;AF6OF;;AE1OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF6OF;;AE1OA;EACE;EACA;EACA;EACA;AF6OF;AE3OE;EACE;AF6OJ;AE1OE;EACE;EACA;AF4OJ;;AExOA;EACE;EACA;EACA;EACA,+D5E/EW;E4EgFX;EACA,uD5EtDY;E4EuDZ;EACA;EACA;EACA;AF2OF;;AExOA;EACE;AF2OF;;AExOA;EACE;EACA;AF2OF;;AGvWA;EACI;EACA;EACA;EACA;EACA;AH0WJ;;AGvWA;EACI;AH0WJ;;AGxWA;EACI;AH2WJ;;AGzWA;EACI;AH4WJ;;AI3XA;EACE;EACA;EACA;EACA;EACA;AJ8XF;;AKnYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E/EsBiB;E+ErBjB;EACA;EACA,uE/ESW;E+ERX;EACA,uD/E2CY;E+E1CZ;EACA;EACA;ALsYF;;AKnYA;;EAEE,+D/EQW;E+EPX;EACA;ALsYF;;AKnYA;;EAEE,kF/EPe;A0E6YjB;;AKnYA;EACE,+D/EHW;E+EIX;ALsYF;;AKnYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E/EtBe;E+EuBf;ALsYF;;AKlYE;EACE;EACA;ALqYJ;AKlYE;EACE;ALoYJ;;AK/XE;EACE;ALkYJ;;AK7XE;EACE;EACA;ALgYJ;;AMpcA;EACE;EACA;ANucF;;AMpcA;EACE;ANucF;AMrcE;EACE;ANucJ;AMpcE;EACE,2EhFkBe;A0EobnB;;AMlcA;EACE,uDhFuCY;EgFtCZ;EACA,+DhFUW;EgFTX;ANqcF;;AMlcA;EACE,iEhFJW;EgFKX;EACA;EACA;EACA;EACA;EAEA;ANocF;;AMhcE;EACE,kFhFfa;A0EkdjB;;AM9bE;EACE,iEhFtBS;A0Eudb;;AM7bA;EACE;EACA;ANgcF;;AM7bA;EACE;ANgcF;;AM7bA;EACE;EACA;EACA;EACA;EACA;EACA,2DhF9DQ;A0E8fV;;AM7bA;EACE,uDhF/BO;A0E+dT;;AM7bA;EACE;EACA;EACA;EACA;EACA;EACA;ANgcF;;AM5bA;EACE;AN+bF;;AM5bA;EACE;EACA;EACA;AN+bF;;AM5bA;EACE;EACA;EACA;AN+bF;;AM3bE;EACE;AN8bJ;AM1bI;EACE;AN4bN;;AOliBA;EACE;APqiBF;AOpiBE;EACE,uEjFkBS;A0EohBb;AOpiBE;EACE;EACA;EACA;APsiBJ;;AOliBA;EACE;EACA;EACA;EACA;EACA;APqiBF;AOniBE;EACE,0EjFWe;A0E0hBnB;;AOjiBA;;EAEE;APoiBF;;AOjiBA;;EAEE;EACA;EACA;EACA,2EjF5BU;EiF6BV;EACA;APoiBF;;AOjiBA;EACE;APoiBF;;AOjiBA;EACE;APoiBF;;AOliBA;EACE;EACA;EACA;EACA;EACA;EACA,iEjF/BW;EiFgCX;EACA;APqiBF;AOpiBE;EACE;APsiBJ;;AOniBA;EACE;EACA;EACA,2EjF/BiB;A0EqkBnB;;AOpiBA;EACE;EACA;EACA;EACA;EACA;EACA,4DjFtEQ;EiFuER,uDjFdY;EiFeZ;EACA;EACA;APuiBF;;AOpiBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuiBF;AOriBE;EACE;EACA;EACA,8DjF7DS;A0EomBb;;AQloBA;EACE;EACA;ARqoBF;;AQloBA;EACE;EACA,uElFcW;EkFbX;ARqoBF;AQnoBE;EACE;ARqoBJ;;AQjoBA;EACE;ARooBF;AQloBE;EACE;ARooBJ;;AQhoBA;EAKE,4ElFNe;A0EqoBjB;AQnoBE;EACE;ARqoBJ;;AQ/nBA;EACE;ARkoBF;;AQ/nBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARkoBF;AQhoBE;EACE;ARkoBJ;AQ/nBE;EAEE;ARgoBJ;;AQ5nBA;EACE;AR+nBF;;AQ5nBA;EACE;EACA;EACA;EACA;EACA;EACA;AR+nBF;;AQ5nBA;EACE;AR+nBF;;AQ5nBA;EACE;AR+nBF;;AQ3nBE;EACE;AR8nBJ;;AQ1nBA;EACE;EACA;EACA;AR6nBF;;AQ1nBA;EACE;EACA;EACA,2ElF5DiB;EkF6DjB;EACA,4ElFvEe;EkFwEf;EACA;EACA;EACA;EACA;AR6nBF;AQ3nBE;EACE;AR6nBJ;AQ1nBE;EACE;EACA;AR4nBJ;;AQxnBA;EACE;AR2nBF;;ASzuBE;EACE;AT4uBJ;AS3uBI;EACE;AT6uBN;;AUjvBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVovBF;;AUjvBA;EACE;EACA;AVovBF;AUlvBE;EACE;AVovBJ;;AUhvBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVmvBF;AUjvBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DpFnBS;A0EswBb;;AU9uBE;EACE;AVivBJ;;AU5uBE;EACE;AV+uBJ;;AU3uBA;EACE;AV8uBF;;AWvyBA;EACE;AX0yBF;;AY3yBA;EACE;AZ8yBF;;AY1yBE;EACE;EACA,4DtFPM;EsFQN;EACA;AZ6yBJ;;AarzBE;EACE;AbwzBJ;AarzBE;EACE;EACA;EACA;AbuzBJ;AapzBE;EACE;EACA;EACA;AbszBJ;AanzBE;EACE;AbqzBJ;AahzBM;EACE;AbkzBR;Aa9yBI;EACE;AbgzBN;Aa7yBI;EACE;EACA;EACA;EACA;Ab+yBN;Aa7yBM;EACE;Ab+yBR;Aa5yBM;EACE;EACA;Ab8yBR;Aa5yBQ;EACE;Ab8yBV;AaxyBE;EACE;Ab0yBJ;AavyBE;EACE;EACA;AbyyBJ;AavyBI;EACE;EAIA;EACA;AbsyBN;Aa1yBM;EACI;Ab4yBV;AapyBE;EACE;AbsyBJ;AapyBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mEvFhDG;A0Es1BT;AalyBE;EACE;EACA;AboyBJ;AalyBI;EACE;AboyBN;AalyBM;EACE;AboyBR;Aa/xBE;EACE;AbiyBJ;Aa/xBI;EACE;AbiyBN;Aa9xBI;EACE;AbgyBN;Aa9xBM;EACE;AbgyBR;Aa3xBE;;EZxGA;EACA;EACA;EACA;EACA;EACA,uD3EwCY;E2EvCZ,2E3EaiB;E2EZjB;EACA;ADu4BF;AalyBE;;EAEE;AboyBJ;AalyBI;;EACE;AbqyBN;AajyBE;EvF/CA;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EuF4CE,4DvFpGa;EuFsGb;EACA;EACA;EACA;AbuyBJ;AapyBE;;EAEE;AbsyBJ;AanyBE;EACE;AbqyBJ;;AahyBE;EACE;EACA;AbmyBJ;;Ac57BA;EACE;EACA;Ad+7BF;;Ac77BA;EACE;Adg8BF;Ac/7BE;EACE;EACA;EACA;EACA;Adi8BJ;Ach8BI;EAEE;Adi8BN;;Ae78BE;;;;EAIE;Afg9BJ;Ae98BE;;EAEE;EACA;Afg9BJ;Ae98BI;;EACE;Afi9BN;Ae98BE;EACE,wGzFVc;A0E09BlB;Ae98BE;EACE;EACA,uEzFfQ;A0E+9BZ;Ae98BE;EACE;EACA;Afg9BJ;;Ae58BA;EACE;EACA;Af+8BF;;Ae58BA;EACE;EACA;EACA,4EzFfe;EyFgBf;EACA;EACA;EACA;EACA;Af+8BF;;Ae58BA;EzF0EE;EACA;EACA;EyF1EA,+DzFjBW;EyFmBX,uDzFQY;EyFPZ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;Af88BF;;Ae38BA;EAEE;Af68BF;;Ae18BA;EACE,2EzF5CiB;A0Ey/BnB;;Ae18BA;EACE;EACA;EACA;EACA;EACA;Af68BF;;Ae38BA;EACE;EACA;EACA;Af88BF;;Ae38BA;EACE;Af88BF;;Ae38BA;EACE;EACA;EACA;Af88BF;;Ae38BA;EACE,2EzFvEiB;EyFyEjB,uDzF/CY;EyFgDZ;EACA;EACA;EACA;EACA;EACA;Af68BF;;Ae18BA;EACE;EACA;Af68BF;Ae38BE;EACE;EACA;Af68BJ;Ae38BI;EACE,0EzF3Fa;A0EwiCnB;;AgBpjCA;EACE;EACA;EACA;EACA;AhBujCF;;AgBpjCA;EACE;AhBujCF;A1E/7BE;EACE;EACA;EACA;EACA;A0Ei8BJ;A1E57BE;;EAEE;A0E87BJ;A1E57BE;;EAEE;A0E87BJ;A1E57BE;;EAEE;A0E87BJ;;AgBpkCA;EACE;AhBukCF;;AgBpkCA;EACE;EACA;EACA;EACA;AhBukCF;;AgBlkCI;EACE;AhBqkCN;AgBlkCI;EACE;AhBokCN;AgBjkCI;EACE;EACA;AhBmkCN;AgBhkCI;EACE;AhBkkCN;AgB9jCE;EACE;AhBgkCJ;AgB7jCE;;EAEE;AhB+jCJ;;AgB3jCA;EACE;AhB8jCF;;AgB3jCA;EACE;EACA;AhB8jCF;;AgB3jCA;EACE;EACA;EACA;EACA;EACA;AhB8jCF;;AgB1jCE;EACE;EACA;EACA;AhB6jCJ;;AgBzjCA;EACE;AhB4jCF;;AgBzjCA;EACE;AhB4jCF;;AgBzjCA;EACE;EACA;AhB4jCF;AgBtjCE;EACE;AhBwjCJ;AgBvjCI;EACE;EACA;AhByjCN;AgBtjCI;;EAEE;AhBwjCN;AgBrjCI;EACE;AhBujCN;AgBpjCI;EACE,iE1FlGiB;A0EwpCvB,C;AiBvrCA;EACE,uD3FsDY;E2FrDZ;EACA;EACA,+D3FwBW;A4FzBb;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF,C;ACjBA;EACE;ACDF;;ADIA;EACE;EACA;EACA,4E7Fae;A8FdjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;ACAF;;ADEA;EACE;ACCF;;ADEE;EACE;ACCJ;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;EACA,iE7F7BW;E6F8BX;EACA;ACCF;ADCE;EACE;EACA;ACCJ;ADCI;EACE;EACA;ACCN;ADEI;EACE;ACAN;ADEI;EACE;ACAN;ADGI;EACE;ACDN;;ADME;EACE;ACHJ;ADKI;EACE;EACA;EACA;EAEA;EACA,iE7FhEO;E6FiEP;EACA;ACJN,C","file":"survey-creator-core.fontless.css","sourcesContent":["@import \"../variables.scss\";\n.svc-context-container {\n display: flex;\n gap: calcSize(1);\n width: max-content;\n}\n.svc-context-button {\n display: block;\n box-sizing: border-box;\n background-color: $background;\n border-radius: 50%;\n width: calcSize(6);\n height: calcSize(6);\n cursor: pointer;\n padding: calcSize(1.5);\n use {\n fill: $foreground-light;\n }\n outline: none;\n}\n.svc-context-button {\n &:hover,\n &:focus {\n use {\n fill: $primary;\n }\n }\n}\n.svc-context-button--danger {\n &:hover,\n &:focus {\n use {\n fill: $red;\n }\n }\n}\n",".svc-context-container {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n width: max-content;\n}\n\n.svc-context-button {\n display: block;\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: 50%;\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 cursor: pointer;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n outline: none;\n}\n.svc-context-button use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-context-button:hover use, .svc-context-button:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\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\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(--sjs-font-family, var(--font-family));\n$font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$base-unit}));\n @return $result;\n }\n}\n\n@mixin smallBold {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: $font-size;\n}\n\n@mixin defaultBold {\n --default-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: $font-size;\n line-height: calc(1.5 * var(--default-bold-font-size));\n}\n\n@mixin defaultFont {\n --default-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n font-family: $font-family;\n font-style: normal;\n font-size: $font-size;\n line-height: calc(1.5 * var(--default-font-size));\n}\n\n@mixin borderLight {\n --border-light-font-size: #{$base-unit};\n border: calc(0.25 * var(--border-light-font-size)) solid $border-light;\n border-radius: $corner-radius;\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin mediumBold {\n --medium-bold-font-size: #{$base-unit};\n font-family: $font-family;\n font-style: normal;\n font-weight: bold;\n font-size: calc(3 * var(--medium-bold-font-size));\n line-height: calc(4 * var(--medium-bold-font-size));\n}\n\n@mixin textEllipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n@mixin disableUserSelect {\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n@mixin centerText {\n --center-text-font-size: #{$base-unit};\n font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * var(--center-text-font-size));\n color: $foreground;\n width: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n overflow: hidden;\n}\n\n@mixin disableTransitionAnimations {\n * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n }\n}\n\n@mixin disableAnimations {\n .sd-row--fade-out,\n .sd-row--fade-in {\n animation: none;\n }\n .sd-element-wrapper--fade-out,\n .sd-element-wrapper--fade-in {\n animation: none;\n }\n .sd-element__content--fade-in,\n .sd-element__content--fade-out {\n animation: none;\n }\n}\n","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-ace {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n height: 100%;\n}","svc-tab-json-editor-ace {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n height: 100%;\n}","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-textarea {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n position: absolute;\n top: 0%;\n right: calc(0% + calc(2 * #{$base-unit}));\n min-height: calc(2.5 * #{$base-unit});\n max-height: calc(2.5 * #{$base-unit});\n border: none;\n background-color: $primary;\n color: $primary-foreground;\n font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n position: absolute;\n right: 0%;\n top: calc(0% + calc(3 * #{$base-unit}));\n max-width: calc(100% - calc(2 * #{$base-unit}));\n padding: $base-unit;\n\n background-color: $background;\n background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n border: 1px solid $border;\n border-radius: 1px;\n\n color: $foreground;\n font-family: monospace;\n\n span {\n white-space: pre-line;\n\n >b {\n color: $red;\n }\n }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n display: none;\n}\n\n.svc-json-errors {\n display: flex;\n max-height: calc(#{$base-unit} * 25 + 5px);\n overflow-y: auto;\n flex-direction: column;\n padding: 0;\n margin: 0;\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-errors__item {\n pointer-events: none;\n display: block;\n}\n\n.svc-json-error {\n font-family: $font-family;\n font-size: calcSize(2);\n line-height: calcSize(3);\n padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\n background: $red-light;\n display: flex;\n align-items: center;\n gap: calcSize(2);\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-error .sv-string-viewer {\n pointer-events: all;\n cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n text-decoration: underline;\n}\n\n.svc-json-error__icon {\n fill: $red;\n}\n\n.svc-json-error__container {\n display: flex;\n gap: calcSize(1);\n}\n\n.svc-json-error__title {\n flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n appearance: none;\n flex-grow: 0;\n flex-shrink: 0;\n pointer-events: all;\n padding: 0 calcSize(1);\n width: calcSize(5);\n height: calcSize(3);\n background: $background;\n border: none;\n border-radius: calcSize(0.5);\n box-shadow: $shadow-small;\n cursor: pointer;\n\n svg {\n fill: $foreground-dim-light;\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.svc-json-error__fix-button:hover {\n svg {\n fill: $primary;\n }\n}","svc-tab-json-editor-textarea {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n position: absolute;\n top: 0%;\n right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n position: absolute;\n right: 0%;\n top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n border-radius: 1px;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: monospace;\n}\n.svc-json-editor-tab__content-errors span {\n white-space: pre-line;\n}\n.svc-json-editor-tab__content-errors span > b {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-editor-tab__content-errors:empty {\n display: none;\n}\n\n.svc-json-errors {\n display: flex;\n max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px)) * 25 + 5px);\n overflow-y: auto;\n flex-direction: column;\n padding: 0;\n margin: 0;\n border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-errors__item {\n pointer-events: none;\n display: block;\n}\n\n.svc-json-error {\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n display: flex;\n align-items: center;\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-error .sv-string-viewer {\n pointer-events: all;\n cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n text-decoration: underline;\n}\n\n.svc-json-error__icon {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-error__container {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-json-error__title {\n flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n appearance: none;\n flex-grow: 0;\n flex-shrink: 0;\n pointer-events: all;\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: none;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n cursor: pointer;\n}\n.svc-json-error__fix-button svg {\n fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\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.svc-json-error__fix-button:hover svg {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../variables.scss\";\n\n.svd-simulator {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: content-box;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n border: 2px solid $border-inside;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n border-radius: 32px;\n border: 4px solid $background-dim;\n background: $background;\n box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.10), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n min-height: 100%;\n\n &.svd-simulator-main--desktop {\n min-height: auto;\n\n &.svd-simulator-main--running {\n height: 100%;\n }\n }\n\n &.svd-simulator-main--frame {\n display: flex;\n align-items: center;\n }\n\n &:not(.svd-simulator-main--frame) {\n background-color: transparent;\n }\n\n .sd-root-modern {\n min-height: 100%;\n\n .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n width: auto;\n }\n }\n}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n // border-bottom: 1px solid $border-inside;\n box-shadow: inset 0px -1px 0px 0px $border-inside;\n position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n\n ::i-block-chrome,\n .svd-simulator-content {\n overflow-y: scroll;\n }\n}",".svd-simulator {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: content-box;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n border-radius: 32px;\n border: 4px solid var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n min-height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--desktop {\n min-height: auto;\n}\n.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {\n height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--frame {\n display: flex;\n align-items: center;\n}\n.svd-simulator-main:not(.svd-simulator-main--frame) {\n background-color: transparent;\n}\n.svd-simulator-main .sd-root-modern {\n min-height: 100%;\n}\n.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n width: auto;\n}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n ::i-block-chrome,\n .svd-simulator-content {\n overflow-y: scroll;\n }\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n\n .sv-root-modern .sv-completedpage,\n .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: $background-dim;\n }\n\n .sv_default_css .sv_body {\n border: 0;\n }\n\n .svc-preview__test-again {\n width: calcSize(33);\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calcSize(12);\n margin-top: 8px;\n }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n position: absolute;\n }\n\n .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: calcSize(1);\n\n .sv-action__content {\n padding: 0;\n }\n\n .sv-action-bar-item {\n margin: 0;\n }\n }\n\n .sv-action-bar-item {\n @include smallBold;\n width: 100%;\n height: calcSize(4);\n }\n\n .svc-page-selector {\n max-width: 50%;\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n color: $foreground;\n display: inline-block;\n }\n }\n}\n\n.svc-test-tab__content .sd-body--empty {\n font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calcSize(2);\n color: $foreground;\n text-align: center;\n overflow: hidden;\n position: static;\n display: flex;\n flex-direction: column;\n}","svc-tab-test {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n padding: 0;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n width: 100%;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n display: inline-block;\n}\n\n.svc-test-tab__content .sd-body--empty {\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n text-align: center;\n overflow: hidden;\n position: static;\n display: flex;\n flex-direction: column;\n}","@import \"../../variables.scss\";\n@import \"../../colors.scss\";\n\n.sl-table {\n width: 50%;\n margin: 0 25%;\n}\n\n.sl-table__row {\n position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n margin-top: calcSize(-0.5);\n padding-right: calcSize(4);\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n width: calcSize(6);\n height: calcSize(6);\n\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n padding: 0;\n\n &:hover:enabled,\n &.sv-focused--by-key {\n background-color: $primary-light;\n outline: none;\n\n use {\n fill: $primary;\n }\n }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n border-radius: calcSize(12.5);\n padding: calcSize(1);\n cursor: pointer;\n\n &:hover:enabled,\n &.sv-focused--by-key {\n background-color: $red-light;\n outline: none;\n\n use {\n fill: $red;\n }\n }\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n display: block;\n}\n\n.sl-table__row #remove-row {\n .sv-action-bar-item {\n border: none;\n width: calcSize(5);\n height: calcSize(5);\n }\n\n .sv-action-bar-item__icon use {\n fill: $red;\n }\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n color: $secondary;\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n @include mediumBold;\n\n background: transparent;\n color: $foreground;\n outline: none;\n border: none;\n box-shadow: none;\n\n max-height: calcSize(13.5);\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n color: $foreground;\n font-weight: bold;\n font-size: calcSize(2);\n font-family: $font-family;\n vertical-align: top;\n padding: calcSize(2) 0;\n width: 100%;\n}\n\n.sl-table__cell--actions {\n position: absolute;\n width: max-content;\n\n &:first-of-type {\n transform: translateX(-100%);\n }\n}\n\n.sl-table__cell--detail-button {\n overflow: hidden;\n appearance: none;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.sl-table {\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n\n thead {\n th:first-child {\n position: absolute;\n left: 0;\n transform: translateX(-100%);\n }\n\n th:last-child {\n position: absolute;\n right: 0;\n transform: translateX(100%);\n }\n\n .sl-table__cell.st-table__cell--header {\n text-align: left;\n }\n }\n\n tbody {\n tr:last-of-type {\n .sl-table__cell {\n padding-bottom: calcSize(10);\n }\n }\n }\n\n tr:first-of-type {\n .sl-table__cell {\n padding-top: calcSize(4);\n }\n }\n\n td,\n th {\n &:first-of-type {\n padding-left: calcSize(4);\n\n .sv-action-bar {\n justify-content: flex-end;\n }\n }\n }\n\n td,\n th {\n &:last-of-type {\n padding-right: calcSize(4);\n }\n }\n}\n\n.sl-panel .sl-panel__footer {\n padding: 0;\n\n .sv-action {\n width: 100%;\n }\n\n .sv-action__content {\n width: 100%;\n }\n\n button.sl-panel__done-button {\n width: 100%;\n margin: calcSize(2) 0 calcSize(10) 0;\n color: $primary;\n background-color: $primary-light;\n\n font-family: $font-family;\n font-size: calcSize(2);\n border-radius: calcSize(12.5);\n\n display: flex;\n align-items: center;\n vertical-align: baseline;\n text-align: center;\n\n user-select: none;\n }\n\n button:hover:enabled {\n background-color: $primary;\n color: $primary-foreground;\n }\n\n .sv-action-bar-item__title {\n color: inherit;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n font-weight: 600;\n }\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n padding: 0;\n}\n\n.sl-question {\n display: flex;\n align-items: center;\n margin-top: calcSize(2);\n}\n\n.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n\n.sl-row--multiple {\n .sl-panel {\n padding-bottom: 0;\n }\n}\n\n.sl-question__header--left {\n margin-right: calcSize(1);\n}\n\n.sl-row {\n .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\n padding: 2px;\n margin: -2px;\n }\n}\n.sl-question__title {\n color: $foreground;\n font-size: calcSize(2);\n line-height: calcSize(3);\n margin: 0;\n font-weight: 600;\n\n span + span {\n display: none;\n }\n}\n\n.sl-row--multiple .sl-question {\n padding-right: calcSize(1);\n}\n\n.svc-logic-question-value {\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 padding-right: calcSize(5);\n margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor {\n margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n margin-top: 0;\n}\n\n.sv-popup.sv-property-editor {\n .sl-row {\n flex-flow: nowrap;\n }\n}\n\n.spg-comment.sl-comment {\n height: calcSize(17);\n}\n\n.sl-body {\n @include disableAnimations;\n}\n",".sl-table {\n width: 50%;\n margin: 0 25%;\n}\n\n.sl-table__row {\n position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\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 box-sizing: border-box;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: 0;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n outline: none;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: pointer;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n outline: none;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled use, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n display: block;\n}\n\n.sl-table__row #remove-row .sv-action-bar-item {\n border: none;\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}\n.sl-table__row #remove-row .sv-action-bar-item__icon use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n --medium-bold-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: bold;\n font-size: calc(3 * var(--medium-bold-font-size));\n line-height: calc(4 * var(--medium-bold-font-size));\n background: transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n outline: none;\n border: none;\n box-shadow: none;\n max-height: calc(13.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: bold;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n vertical-align: top;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n width: 100%;\n}\n\n.sl-table__cell--actions {\n position: absolute;\n width: max-content;\n}\n.sl-table__cell--actions:first-of-type {\n transform: translateX(-100%);\n}\n\n.sl-table__cell--detail-button {\n overflow: hidden;\n appearance: none;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.sl-table {\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n}\n.sl-table thead th:first-child {\n position: absolute;\n left: 0;\n transform: translateX(-100%);\n}\n.sl-table thead th:last-child {\n position: absolute;\n right: 0;\n transform: translateX(100%);\n}\n.sl-table thead .sl-table__cell.st-table__cell--header {\n text-align: left;\n}\n.sl-table tbody tr:last-of-type .sl-table__cell {\n padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table tr:first-of-type .sl-table__cell {\n padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type,\n.sl-table th:first-of-type {\n padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type .sv-action-bar,\n.sl-table th:first-of-type .sv-action-bar {\n justify-content: flex-end;\n}\n.sl-table td:last-of-type,\n.sl-table th:last-of-type {\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-panel .sl-panel__footer {\n padding: 0;\n}\n.sl-panel .sl-panel__footer .sv-action {\n width: 100%;\n}\n.sl-panel .sl-panel__footer .sv-action__content {\n width: 100%;\n}\n.sl-panel .sl-panel__footer button.sl-panel__done-button {\n width: 100%;\n margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: 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 display: flex;\n align-items: center;\n vertical-align: baseline;\n text-align: center;\n user-select: none;\n}\n.sl-panel .sl-panel__footer button:hover:enabled {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sl-panel .sl-panel__footer .sv-action-bar-item__title {\n color: inherit;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n font-weight: 600;\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n padding: 0;\n}\n\n.sl-question {\n display: flex;\n align-items: center;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n\n.sl-row--multiple .sl-panel {\n padding-bottom: 0;\n}\n\n.sl-question__header--left {\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\n padding: 2px;\n margin: -2px;\n}\n\n.sl-question__title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n font-weight: 600;\n}\n.sl-question__title span + span {\n display: none;\n}\n\n.sl-row--multiple .sl-question {\n padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-logic-question-value {\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 padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n margin-top: 0;\n}\n\n.sv-popup.sv-property-editor .sl-row {\n flex-flow: nowrap;\n}\n\n.spg-comment.sl-comment {\n height: calc(17 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-body .sd-row--fade-out,\n.sl-body .sd-row--fade-in {\n animation: none;\n}\n.sl-body .sd-element-wrapper--fade-out,\n.sl-body .sd-element-wrapper--fade-in {\n animation: none;\n}\n.sl-body .sd-element__content--fade-in,\n.sl-body .sd-element__content--fade-out {\n animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: $background-dim;\n @include disableTransitionAnimations;\n}\n\n.st-properties {\n background-color: $background-dim;\n flex-grow: 1;\n padding-right: calcSize(4);\n padding-left: calcSize(4);\n padding-top: calcSize(2);\n\n .spg-table {\n .spg-table__cell:first-of-type {\n width: calcSize(5);\n }\n\n .spg-table__question-wrapper {\n padding: calcSize(1.5) calcSize(1);\n\n .spg-checkbox {\n margin: 0;\n }\n\n .spg-selectbase__label {\n gap: 0;\n }\n }\n\n .spg-checkbox--disabled {\n .spg-checkbox__rectangle,\n .spg-checkbox__rectangle:hover {\n background: $background-dim;\n }\n }\n }\n}\n\n.st-no-strings {\n @include centerText;\n}\n\n.st-content {\n display: flex;\n height: 100%;\n}\n\n.st-strings {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n flex-grow: 1;\n}\n\n.st-property-panel {\n flex-shrink: 0;\n flex-grow: 0;\n width: 450px;\n border-left: 1px solid $border;\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n margin-top: calcSize(2);\n}\n\n.st-strings-header {\n .st-table__cell {\n background-color: $background-dim;\n height: auto;\n }\n}\n\n.st-root-modern {\n width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n @include smallBold;\n color: $foreground-light;\n text-align: left;\n}\n\n.st-title.st-panel__title {\n height: calcSize(4);\n line-height: calcSize(4);\n padding-left: calcSize(3);\n margin: 0;\n\n background-color: $background-dim-light;\n border-bottom: 1px solid $border-light;\n}\n\n.st-table {\n tr {\n display: flex;\n align-items: stretch;\n }\n}\n\n.st-table__cell {\n display: block;\n flex: 1 1;\n box-sizing: border-box;\n background-color: $background;\n border-bottom: 1px solid $border-light;\n padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n @include defaultBold;\n color: $foreground;\n max-width: 300px;\n padding-right: calcSize(3);\n\n span {\n display: inline-block;\n padding-left: calcSize(3);\n }\n}\n\n.st-panel-indent .st-table__cell:first-of-type {\n span {\n padding-left: calcSize(6);\n }\n}\n\n.st-table {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.st-comment {\n @include defaultFont;\n display: block;\n width: calc(100% - 3 * #{$base-unit});\n border: unset;\n outline: none;\n background-color: $background;\n color: $foreground;\n resize: none;\n padding: 0;\n}\n\n.sd-translation-line-skeleton {\n min-height: calcSize(5);\n background-color: $background-dim;\n}\n\n.st-navigation-btn {\n padding-left: calcSize(3);\n padding-right: calcSize(2);\n}\n\n.svc-translation-machine {\n margin-right: auto;\n}\n\n.svc-translation-machine-from {\n margin-right: left;\n}\n\n.st-body__footer {\n padding: calcSize(2) calcSize(2);\n background: $background;\n border-bottom: 1px solid $border-light;\n}\n\n.st-translation-dialog .sv-popup__body-header {\n margin-bottom: calcSize(4);\n}\n\n.st-translation-dialog .st-root-modern > .sd-root-modern__wrapper {\n border-radius: 4px;\n box-shadow: $shadow-small;\n overflow: hidden;\n}\n\n.st-container-modern {\n .sv-components-column--expandable {\n width: auto;\n }\n}\n.st-body {\n @include disableAnimations;\n}\n",".svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-translation * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n\n.st-properties {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n flex-grow: 1;\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__cell:first-of-type {\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__question-wrapper {\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {\n margin: 0;\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {\n gap: 0;\n}\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-no-strings {\n --center-text-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * var(--center-text-font-size));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n width: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n overflow: hidden;\n}\n\n.st-content {\n display: flex;\n height: 100%;\n}\n\n.st-strings {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n flex-grow: 1;\n}\n\n.st-property-panel {\n flex-shrink: 0;\n flex-grow: 0;\n width: 450px;\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-strings-header .st-table__cell {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n height: auto;\n}\n\n.st-root-modern {\n width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n text-align: left;\n}\n\n.st-title.st-panel__title {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-table tr {\n display: flex;\n align-items: stretch;\n}\n\n.st-table__cell {\n display: block;\n flex: 1 1;\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n\ntd.st-table__cell:first-of-type {\n --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--default-bold-font-size));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n max-width: 300px;\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\ntd.st-table__cell:first-of-type span {\n display: inline-block;\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-panel-indent .st-table__cell:first-of-type span {\n padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-table {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.st-comment {\n --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--default-font-size));\n display: block;\n width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: unset;\n outline: none;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n resize: none;\n padding: 0;\n}\n\n.sd-translation-line-skeleton {\n min-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-navigation-btn {\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-translation-machine {\n margin-right: auto;\n}\n\n.svc-translation-machine-from {\n margin-right: left;\n}\n\n.st-body__footer {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-translation-dialog .sv-popup__body-header {\n margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-translation-dialog .st-root-modern > .sd-root-modern__wrapper {\n border-radius: 4px;\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n overflow: hidden;\n}\n\n.st-container-modern .sv-components-column--expandable {\n width: auto;\n}\n\n.st-body .sd-row--fade-out,\n.st-body .sd-row--fade-in {\n animation: none;\n}\n.st-body .sd-element-wrapper--fade-out,\n.st-body .sd-element-wrapper--fade-in {\n animation: none;\n}\n.st-body .sd-element__content--fade-in,\n.st-body .sd-element__content--fade-out {\n animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\n @include disableTransitionAnimations;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n //max-width: calcSize(75);\n //margin: auto;\n // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n height: calcSize(3);\n box-sizing: content-box;\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n -webkit-appearance: none;\n appearance: none;\n padding: calcSize(1) calcSize(2);\n border-radius: calcSize(12.5);\n border: none;\n outline: none;\n font-weight: 600;\n font-family: $font-family;\n font-size: calcSize(2);\n color: $foreground-light;\n height: calcSize(5);\n line-height: calcSize(3);\n cursor: pointer;\n\n option {\n background: $background;\n color: $foreground;\n }\n}\n\n.svc-logic-operator:focus {\n outline: 1px dotted $primary;\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n color: $foreground;\n}\n\n.svc-logic-operator.svc-logic-operator {\n &:hover,\n &:focus {\n color: #ffffff;\n outline: none;\n box-shadow: none;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: $blue-light;\n\n &:hover,\n &:focus {\n background-color: $blue;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: $yellow-light;\n\n &:hover,\n &:focus {\n background-color: $yellow;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: $red-light;\n\n &:hover,\n &:focus {\n background-color: $red;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: $background;\n color: $red;\n box-shadow: inset 0 0 0 2px $red;\n}\n\n.svc-logic-operator__error {\n display: none;\n}\n\n.svc-logic-paneldynamic {\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n display: none;\n width: calcSize(5);\n height: calcSize(5);\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n background-size: calcSize(3) calcSize(3);\n background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n background-color: $red-light;\n}\n\n.svc-logic-condition-remove-question {\n height: calcSize(5);\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n color: $foreground-light;\n margin-top: calcSize(2);\n\n &:hover,\n &:focus {\n color: $primary-foreground;\n }\n}\n\n.svc-logic-tab__content {\n &.svc-logic-tab__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n .svc-logic-tab__content-action {\n width: calcSize(33);\n margin-top: calcSize(4);\n }\n }\n\n .svc-logic-tab__content-action {\n margin-left: 25%;\n margin-right: 25%;\n margin-bottom: calcSize(8);\n }\n\n .svc-logic-tab__content-action--disabled {\n cursor: default;\n outline: solid calcSize(0.25) transparent;\n\n &:focus,\n &:hover {\n background-color: $background;\n box-shadow: $shadow-small;\n }\n }\n\n .svc-logic-tab__content-action--disabled .svc-text {\n color: $foreground;\n opacity: 0.25;\n }\n\n .sd-paneldynamic__panel-wrapper--in-row {\n margin-top: 0;\n align-items: start;\n }\n}\n\n.svc-logic-paneldynamic {\n font-family: $font-family;\n\n .sd-row--multiple {\n padding: 0;\n background: none;\n box-shadow: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .sd-question__content {\n margin-top: 0;\n }\n\n .sd-row__panel {\n width: calc(100% - 5 * #{$base-unit});\n }\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n margin-top: 0;\n flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel {\n .sd-body {\n margin: 0;\n min-width: none;\n max-width: none;\n }\n\n .sd-page.sd-body__page {\n padding: 0;\n }\n\n .sl-panel__footer {\n margin: 0;\n }\n}\n\n.sl-dropdown {\n max-width: 45vw;\n}\n\n.sl-dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sl-list__item-body {\n padding-block: calcSize(1.5);\n}\n\n.svc-logic-placeholder {\n width: calcSize(78);\n min-width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-top: calcSize(2);\n background: $background;\n box-shadow: $shadow-small;\n border-radius: calcSize(0.5);\n padding: calcSize(4) calcSize(5) calcSize(5);\n}\n\n.sv-popup--overlay {\n .svc-logic-placeholder {\n width: initial;\n }\n}\n\n.svc-logic-placeholder__text {\n font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calcSize(2);\n line-height: calcSize(3);\n text-align: center;\n color: $foreground-light;\n display: block;\n padding: calcSize(4) calcSize(8);\n}\n\n.svc-logic-tab__leave-apply-button {\n background-color: $red;\n}\n\n.sl-list {\n padding-right: calcSize(0.5);\n padding-left: calcSize(0.5);\n\n .sv-list__filter {\n padding-top: 0;\n }\n\n .sv-list__filter-icon {\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n padding-top: calcSize(1.5);\n}",".svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-logic-edit * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions .sv-action-bar {\n padding: 0;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n -webkit-appearance: none;\n appearance: none;\n padding: 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 border: none;\n outline: none;\n font-weight: 600;\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n}\n.svc-logic-paneldynamic .svc-logic-operator option {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator:focus {\n outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {\n color: #ffffff;\n outline: none;\n box-shadow: none;\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {\n background-color: var(--sjs-special-blue, #437fd9);\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus,\n.svc-logic-operator.svc-logic-operator--operator:hover,\n.svc-logic-operator.svc-logic-operator--operator:focus {\n background-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-special-red, var(--red, #e60a3e));\n box-shadow: inset 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator__error {\n display: none;\n}\n\n.svc-logic-paneldynamic .sd-paneldynamic__separator {\n display: none;\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n display: none;\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 background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.svc-logic-condition-remove-question {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover, .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-logic-tab__content.svc-logic-tab__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action {\n margin-left: 25%;\n margin-right: 25%;\n margin-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled {\n cursor: default;\n outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus, .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {\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}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {\n margin-top: 0;\n align-items: start;\n}\n\n.svc-logic-paneldynamic {\n font-family: var(--sjs-font-family, var(--font-family));\n}\n.svc-logic-paneldynamic .sd-row--multiple {\n padding: 0;\n background: none;\n box-shadow: none;\n border-radius: 0;\n overflow: visible;\n}\n.svc-logic-paneldynamic .sd-question__content {\n margin-top: 0;\n}\n.svc-logic-paneldynamic .sd-row__panel {\n width: calc(100% - 5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n margin-top: 0;\n flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel .sd-body {\n margin: 0;\n min-width: none;\n max-width: none;\n}\n.sl-table__cell--detail-panel .sd-page.sd-body__page {\n padding: 0;\n}\n.sl-table__cell--detail-panel .sl-panel__footer {\n margin: 0;\n}\n\n.sl-dropdown {\n max-width: 45vw;\n}\n\n.sl-dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sl-list__item-body {\n padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-placeholder {\n width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n 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(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--overlay .svc-logic-placeholder {\n width: initial;\n}\n\n.svc-logic-placeholder__text {\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n text-align: center;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n display: block;\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-tab__leave-apply-button {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-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.sl-list .sv-list__filter {\n padding-top: 0;\n}\n.sl-list .sv-list__filter-icon {\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../../variables.scss\";\n\nsvc-tab-designer {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-designer {\n display: flex;\n flex-grow: 1;\n height: 100%;\n overflow-y: scroll;\n position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n min-width: calcSize(84);\n}\n\n.svc-tab-designer {\n .svc-designer-header {\n .sd-container-modern__title {\n background-color: transparent;\n }\n }\n\n .svc-tab-designer_content {\n width: 100%;\n }\n\n .sd-title {\n display: flex;\n }\n\n .sd-container-modern {\n min-width: calcSize(70);\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n\n &.sd-container-modern--static {\n max-width: calcSize(84);\n }\n\n &.sd-container-modern--responsive {\n max-width: initial;\n }\n }\n\n .sd-question.sd-question--image {\n width: 100%;\n }\n\n .sd-progress,\n .sd-progress__bar {\n background-color: transparent;\n }\n}\n\n.svc-designer-header {\n border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n display: flex;\n flex-grow: 1;\n width: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: calcSize(2);\n box-sizing: border-box;\n}\n\n.svc-designer-placeholder-page {\n margin-top: calcSize(2);\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n width: calcSize(33);\n margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n display: none;\n}","svc-tab-designer {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-tab-designer {\n display: flex;\n flex-grow: 1;\n height: 100%;\n overflow-y: scroll;\n position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n min-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer .svc-designer-header .sd-container-modern__title {\n background-color: transparent;\n}\n.svc-tab-designer .svc-tab-designer_content {\n width: 100%;\n}\n.svc-tab-designer .sd-title {\n display: flex;\n}\n.svc-tab-designer .sd-container-modern {\n min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--static {\n max-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {\n max-width: initial;\n}\n.svc-tab-designer .sd-question.sd-question--image {\n width: 100%;\n}\n.svc-tab-designer .sd-progress,\n.svc-tab-designer .sd-progress__bar {\n background-color: transparent;\n}\n\n.svc-designer-header {\n border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n display: flex;\n flex-grow: 1;\n width: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n}\n\n.svc-designer-placeholder-page {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n display: none;\n}","@import \"./variables.scss\";\n\n.svc-creator--mobile {\n .svc-tab-designer {\n overflow-y: overlay;\n }\n\n .sd-root-modern {\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 .svc-question__content {\n .sd-question__content {\n margin-left: calcSize(-3);\n margin-right: calcSize(-3);\n padding-left: calcSize(3);\n padding-right: calcSize(3);\n\n .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n }\n }\n\n &>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(6));\n margin: 0 calcSize(-3);\n\n &>div {\n width: calc(100% - calcSize(6));\n margin: 0 calcSize(3);\n }\n }\n }\n\n .svc-question__content--selected {\n .svc-rating-question-controls {\n bottom: calcSize(10);\n }\n }\n\n .svc-page {\n margin-top: calcSize(1);\n }\n\n .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n\n .sd-page__title {\n margin: 0;\n }\n\n &.svc-page__content--selected {\n .sd-page__title {\n margin: calcSize(2.5) 0 0 0;\n }\n }\n\n .sd-page {\n padding: calcSize(1) calcSize(3) calcSize(3);\n }\n\n .svc-page__footer {\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n }\n }\n\n .svc-question__content {\n padding: calcSize(2) calcSize(3) calcSize(3);\n\n &.svc-question__content--selected {\n padding-top: calcSize(3);\n padding-bottom: calcSize(8);\n }\n }\n\n .svc-tab-designer {\n justify-content: initial;\n\n .sd-title.sd-container-modern__title {\n padding: calcSize(3);\n flex-direction: column-reverse;\n align-items: flex-start;\n\n .svc-logo-image {\n margin-top: 0;\n }\n\n .svc-logo-image-placeholder {\n margin-left: calcSize(-2);\n margin-top: calcSize(-2);\n }\n\n h3 {\n margin: 0;\n font-size: calcSize(3);\n line-height: calcSize(4);\n }\n\n h5 {\n margin: 0;\n }\n }\n }\n\n .svc-tab-designer {\n .sd-container-modern {\n min-width: calcSize(43);\n padding: 0;\n }\n }\n\n .svc-properties-wrapper {\n width: 100%;\n }\n\n .svc-question__content-actions {\n width: calc(100% - 3 * #{$base-unit});\n left: calcSize(2);\n\n .sv-action-bar-item {\n border: 0;\n }\n }\n\n .svc-page__content-actions {\n .sv-action-bar {\n padding-right: calcSize(1);\n\n .sv-action {\n .sv-action__content {\n padding-right: 0;\n\n .sv-action-bar-item__title--with-icon {\n display: none;\n }\n }\n }\n }\n }\n}",".svc-creator--mobile .svc-tab-designer {\n overflow-y: overlay;\n}\n.svc-creator--mobile .sd-root-modern {\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.svc-creator--mobile .svc-question__content .sd-question__content {\n margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper {\n width: calc(100% + 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {\n bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page__title {\n margin: 0;\n}\n.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {\n margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page__content .svc-page__footer {\n margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content.svc-question__content--selected {\n padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer {\n justify-content: initial;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {\n padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-direction: column-reverse;\n align-items: flex-start;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {\n margin-top: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {\n margin: 0;\n font-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {\n margin: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-container-modern {\n min-width: calc(43 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: 0;\n}\n.svc-creator--mobile .svc-properties-wrapper {\n width: 100%;\n}\n.svc-creator--mobile .svc-question__content-actions {\n width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {\n border: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar {\n padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {\n padding-right: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {\n display: none;\n}","@import \"../../variables.scss\";\n\n.svc-switcher.spg-action-button {\n align-items: center;\n gap: calcSize(1);\n pointer-events: auto;\n}\n\n.svc-switcher__title {\n color: $foreground-light;\n\n font-family: $font-family;\n font-size: calcSize(1.5);\n font-style: normal;\n font-weight: 600;\n line-height: calcSize(1);\n}\n\n.svc-switcher__icon {\n width: calcSize(2.5);\n padding: calcSize(0.5);\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n border: 1px solid $border;\n background: $background-dim;\n\n transition-duration: 0.2s;\n transition-property: background;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n background: $background;\n}\n\n.svc-switcher__icon:focus {\n border: calcSize(0.25) solid $primary;\n background: $background-dim;\n}\n\n.svc-switcher__icon:hover:focus {\n border: calcSize(0.25) solid $primary;\n background: $background;\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n justify-content: center;\n align-items: center;\n border: unset;\n\n border-radius: 100px;\n background-color: $primary;\n}\n\n.svc-switcher__icon--checked:focus {\n border: calcSize(0.25) solid $primary;\n background-color: $primary-foreground;\n}\n\n.svc-switcher__icon-thumb {\n width: calcSize(1);\n height: calcSize(1);\n justify-content: center;\n align-items: center;\n\n border-radius: 100px;\n background-color: $foreground-dim-light;\n\n transform: translateX(0);\n margin-left: 0%;\n transition-duration: 0.2s;\n transition-property: margin-left, transform, background-color;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n background-color: $primary-foreground;\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus,\n.svc-switcher__icon:hover:focus,\n.svc-switcher__icon--checked:focus {\n .svc-switcher__icon-thumb {\n background-color: $primary;\n }\n}\n",".svc-switcher.spg-action-button {\n align-items: center;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n pointer-events: auto;\n}\n\n.svc-switcher__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-switcher__icon {\n width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n transition-duration: 0.2s;\n transition-property: background;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon:focus {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-switcher__icon:hover:focus {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n justify-content: center;\n align-items: center;\n border: unset;\n border-radius: 100px;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-switcher__icon--checked:focus {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-switcher__icon-thumb {\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n transform: translateX(0);\n margin-left: 0%;\n transition-duration: 0.2s;\n transition-property: margin-left, transform, background-color;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n\n .sv-root-modern .sv-completedpage,\n .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: $background-dim;\n }\n\n .sv_default_css .sv_body {\n border: 0;\n }\n\n .svc-preview__test-again {\n width: calcSize(33);\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calcSize(12);\n margin-top: 8px;\n }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n position: absolute;\n }\n\n .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: calcSize(1);\n\n .sv-action__content {\n padding: 0;\n }\n\n .sv-action-bar-item {\n margin: 0;\n }\n }\n\n .sv-action-bar-item {\n @include smallBold;\n width: 100%;\n height: calcSize(4);\n }\n\n .svc-page-selector {\n max-width: 50%;\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n color: $foreground;\n display: inline-block;\n }\n }\n}","svc-tab-test {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n padding: 0;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n width: 100%;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n display: inline-block;\n}","@import \"../variables.scss\";\n\n.svc-notifier.svc-notifier--shown {\n visibility: visible;\n opacity: 0.75;\n}\n.svc-notifier {\n position: absolute;\n bottom: calcSize(1);\n left: calcSize(1);\n background: $background;\n opacity: 0;\n padding: calcSize(1) calcSize(2);\n box-shadow: $shadow-medium;\n border-radius: calcSize(0.5);\n color: $foreground;\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n visibility: hidden;\n\n @include smallBold;\n}\n\n.svc-notifier.svc-notifier--error {\n background-color: $red;\n color: #ffffff;\n opacity: 1;\n}\n\n.svc-creator--mobile {\n .svc-notifier {\n left: 0;\n bottom: calcSize(6);\n width: 100%;\n box-sizing: border-box;\n opacity: 1;\n z-index: 1000;\n }\n}",".svc-btn {\n display: flex;\n align-items: center;\n height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(7 * (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-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.svc-btn .svc-text {\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}\n\n.svc-btn:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button {\n display: inline-block;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n outline: none;\n}\n\n.svc-action-button--selected {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button--disabled {\n opacity: 0.25;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}","@import \"../variables.scss\";\n@import \"./notifier.scss\";\n\nsurvey-creator,\n.svc-creator {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n\n -webkit-font-smoothing: antialiased;\n\n @-moz-document url-prefix() {\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.svc-creator__area {\n position: relative;\n\n @include disableUserSelect;\n}\n\n.svc-creator__content-wrapper {\n width: 100%;\n height: 0;\n flex-grow: 1;\n}\n\n\n\n.svc-creator__content-holder {\n width: 100%;\n height: 100%;\n}\n\n.svc-creator-tab {\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n min-height: $tab-min-height;\n}\n\n.svc-creator__toolbox--right.svc-creator-tab {\n flex-direction: row-reverse;\n}\n\n.svc-creator-tab__content {\n position: relative;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.svc-plugin-tab__content {\n height: 100%;\n overflow-y: auto;\n}\n\n.svc-plugin-tab__content-actions {\n sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n }\n}\n\n.svc-creator__banner {\n width: 100%;\n line-height: calcSize(4);\n background-color: $secondary;\n text-align: center;\n}\n\n.svc-item__banner {\n position: absolute;\n top: 0;\n max-width: 0;\n overflow: hidden;\n height: 100%;\n background-color: $background;\n /* Shadow / Medium */\n border-radius: calcSize(12.5);\n box-shadow: $shadow-medium;\n transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;\n}\n\n.svc-creator__non-commercial-text {\n color: $primary-foreground;\n @include defaultBold;\n vertical-align: middle;\n padding: calcSize(1.5) calcSize(16);\n display: block;\n a {\n color: $primary-foreground;\n }\n}\n\n.svc-creator--mobile {\n .svc-creator__non-commercial-text {\n padding: calcSize(1.5) calcSize(5);\n }\n}\n.sv-drag-drop-ghost {\n top: calcSize(0.75);\n width: 100%;\n height: calcSize(0.5);\n background: $secondary;\n position: absolute;\n}\n\n.sv-drag-drop-ghost--vertical {\n height: 10000px;\n width: 4px;\n}\n\n.sv-drag-drop-ghost--item-value-bottom {\n top: initial;\n bottom: calcSize(-0.5);\n}","@import \"../variables.scss\";\n\n.sd-element__header {\n .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n }\n}\n\n.svc-string-editor {\n [contenteditable=\"true\"] {\n user-select: text;\n -webkit-user-select: text;\n }\n\n position: static;\n\n .sv-string-editor {\n position: relative;\n outline: none;\n z-index: 12;\n\n &[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: $foreground-light;\n }\n }\n\n .sv-string-editor--html,\n .sv-string-editor:focus-within {\n white-space: pre-wrap;\n }\n\n &.svc-string-editor--hidden {\n display: none;\n }\n}\n\n.svc-string-editor__content {\n display: inline-block;\n position: relative;\n z-index: 10;\n width: 100%;\n}\n\n.svc-matrix-cell {\n .svc-string-editor__content {\n width: auto;\n }\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n display: inline-block;\n}\n\n.svc-string-editor__input {\n display: flex;\n}\n\n.svc-remaining-character-counter {\n display: none;\n position: relative;\n outline: none;\n z-index: 20;\n padding: 0px;\n vertical-align: top;\n margin-inline-start: calcSize(2);\n font-size: calcSize(1.5);\n font-family: $font-family;\n font-weight: 400;\n color: $foreground-light;\n line-height: calcSize(2);\n}\n\n.svc-string-editor__border {\n display: none;\n position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n}\n\n.svc-string-editor__error {\n margin-left: calcSize(1);\n line-height: calcSize(4);\n font-size: calcSize(2);\n color: red;\n display: none;\n}\n\n.svc-string-editor__controls {\n position: absolute;\n left: 100%;\n height: 100%;\n width: calcSize(2);\n top: 0;\n padding-left: calcSize(2);\n z-index: 12;\n display: none;\n align-items: center;\n justify-content: center;\n line-height: 0px;\n}\n\n.svc-string-editor__button {\n display: none;\n position: relative;\n\n use {\n fill: $primary;\n }\n}\n\n.svc-string-editor__button--edit {\n height: calcSize(2);\n width: calcSize(2);\n padding: calcSize(1);\n\n .sv-svg-icon {\n vertical-align: bottom;\n }\n\n &.sv-svg-icon {\n overflow: visible;\n }\n}\n\n.svc-string-editor:hover:not(:focus-within) {\n .svc-string-editor__button--edit {\n //display: inline-block;\n display: none;\n }\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border {\n display: flex;\n top: 0;\n bottom: 0;\n left: calcSize(-0.5);\n right: calcSize(-0.5);\n //right: calcSize(-4.5); // if need pencil icon\n border-radius: 3px;\n box-shadow: 0px 0px 0px calcSize(0.25) rgba(0, 0, 0, 0.16);\n }\n}\n\n.svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: flex;\n top: calcSize(-0.5);\n bottom: calcSize(-0.5);\n left: calcSize(-1);\n right: calcSize(-1);\n border-radius: 3px;\n box-sizing: content-box;\n background-color: $background;\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $primary;\n }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n .svc-string-editor__border {\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $red;\n }\n}\n\n.sd-boolean {\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n}\n\n.sd-rating {\n .sd-rating__item:focus-within {\n border: calcSize(0.25) solid $primary;\n\n &:not(.sd-rating__min-text),\n &:not(.sd-rating__max-text) {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n }\n }\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n .svc-string-editor__button--done {\n width: calcSize(2);\n }\n}\n\n.sd-table__cell--column-title {\n .svc-matrix-cell:not(:focus):focus-within {\n .svc-matrix-cell--selected {\n border: calcSize(0.25) solid $primary;\n border-radius: calcSize(0.5);\n display: block;\n }\n }\n\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n}\n\n.sd-item__control-label {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n left: calcSize(-0.7);\n right: calcSize(-0.7);\n }\n }\n}\n\n.svc-string-editor {\n\n &:hover,\n &:focus-within {\n &~.sd-question__required-text {\n visibility: hidden;\n }\n }\n}\n\n// .sv-question__header,\n// .sv-title {\n// position: relative;\n// }\n.svc-string-editor--multiline .sv-string-editor {\n white-space: pre-wrap;\n}",".sd-element__header .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n}\n\n.svc-string-editor {\n position: static;\n}\n.svc-string-editor [contenteditable=true] {\n user-select: text;\n -webkit-user-select: text;\n}\n.svc-string-editor .sv-string-editor {\n position: relative;\n outline: none;\n z-index: 12;\n}\n.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-string-editor .sv-string-editor--html,\n.svc-string-editor .sv-string-editor:focus-within {\n white-space: pre-wrap;\n}\n.svc-string-editor.svc-string-editor--hidden {\n display: none;\n}\n\n.svc-string-editor__content {\n display: inline-block;\n position: relative;\n z-index: 10;\n width: 100%;\n}\n\n.svc-matrix-cell .svc-string-editor__content {\n width: auto;\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n display: inline-block;\n}\n\n.svc-string-editor__input {\n display: flex;\n}\n\n.svc-remaining-character-counter {\n display: none;\n position: relative;\n outline: none;\n z-index: 20;\n padding: 0px;\n vertical-align: top;\n margin-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-weight: 400;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor__border {\n display: none;\n position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n}\n\n.svc-string-editor__error {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: red;\n display: none;\n}\n\n.svc-string-editor__controls {\n position: absolute;\n left: 100%;\n height: 100%;\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: 0;\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n z-index: 12;\n display: none;\n align-items: center;\n justify-content: center;\n line-height: 0px;\n}\n\n.svc-string-editor__button {\n display: none;\n position: relative;\n}\n.svc-string-editor__button use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor__button--edit {\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 padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-string-editor__button--edit .sv-svg-icon {\n vertical-align: bottom;\n}\n.svc-string-editor__button--edit.sv-svg-icon {\n overflow: visible;\n}\n\n.svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {\n display: none;\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {\n display: flex;\n top: 0;\n bottom: 0;\n left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 3px;\n box-shadow: 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0.16);\n}\n\n.svc-string-editor:focus-within .svc-string-editor__border {\n display: flex;\n top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 3px;\n box-sizing: content-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-boolean .sv-string-editor:focus-within {\n white-space: nowrap;\n}\n\n.sd-rating .sd-rating__item:focus-within {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border, .sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {\n display: none;\n}\n\n.sd-table__cell--actions .svc-string-editor__button--done,\n.sd-matrixdynamic__add-btn .svc-string-editor__button--done {\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: block;\n}\n.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {\n display: none;\n}\n\n.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {\n left: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor:hover ~ .sd-question__required-text, .svc-string-editor:focus-within ~ .sd-question__required-text {\n visibility: hidden;\n}\n\n.svc-string-editor--multiline .sv-string-editor {\n white-space: pre-wrap;\n}",".svc-btn {\n display: flex;\n align-items: center;\n height: calcSize(7);\n line-height: calcSize(7);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n box-shadow: $shadow-small;\n border-radius: calcSize(0.5);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: $primary;\n }\n}\n\n.svc-btn:hover {\n background-color: $background-dark;\n}\n.svc-btn:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n",".svc-action-button {\n display: inline-block;\n\n padding: calcSize(0.5) calcSize(2);\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n\n color: $primary;\n font-weight: 600;\n font-size: calcSize(2);\n line-height: calcSize(3);\n\n border: calcSize(0.25) solid transparent;\n\n &:focus,\n &:hover {\n background-color: $primary-light;\n outline: none;\n }\n}\n\n.svc-action-button--selected {\n border-color: $primary;\n}\n\n.svc-action-button--disabled {\n opacity: 0.25;\n color: $foreground;\n}\n\n.svc-action-button--pressed {\n}\n","@import \"../../variables.scss\";\n\nsvc-page-navigator,\n.svc-page-navigator {\n display: flex;\n flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n display: block;\n height: calcSize(3);\n width: calcSize(3);\n padding: calcSize(1.25);\n border-radius: 50%;\n cursor: pointer;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.svc-page-navigator__selector {\n width: calcSize(5.5);\n height: calcSize(5.5);\n min-height: calcSize(5.5);\n}\n\nsurvey-creator,\n.svc-creator {\n .svc-page-navigator__selector {\n\n &:hover,\n &:focus {\n outline: none;\n\n .svc-page-navigator__navigator-icon {\n background-color: $primary-light;\n\n use {\n fill: $primary;\n }\n }\n }\n }\n}\n\n.svc-page-navigator__selector--opened {\n .svc-page-navigator__navigator-icon {\n background-color: $primary-light;\n opacity: 0.5;\n\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-page-navigator__popup {\n min-width: calcSize(12.5);\n}\n\n.svc-tab-designer--with-page-navigator {\n .svc-tab-designer_content {\n margin-right: calcSize(6.5);\n width: calc(100% - calcSize(6.5));\n }\n}\n\n.svc-tab-designer__page-navigator {\n position: absolute;\n padding: calcSize(16.5) 0;\n top: 0;\n bottom: 0;\n right: calcSize(1);\n}\n\n.svc-page-navigator {\n width: calcSize(5.5);\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n .svc-tab-designer--with-page-navigator {\n .svc-tab-designer_content {\n margin-right: 0;\n margin-left: calcSize(6.5);\n }\n }\n\n .svc-tab-designer__page-navigator {\n right: unset;\n left: calcSize(1);\n }\n}\n\n.svc-tab-designer--bypage-mode {\n .svc-tab-designer_content {\n display: flex;\n flex-direction: row;\n margin-right: 0;\n margin-left: 0;\n width: 100%;\n }\n\n .svc-tab-designer__page-navigator {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n }\n}","svc-page-navigator,\n.svc-page-navigator {\n display: flex;\n flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n display: block;\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(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 50%;\n cursor: pointer;\n}\n.svc-page-navigator__navigator-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-page-navigator__selector {\n width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\nsurvey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus,\n.svc-creator .svc-page-navigator__selector:hover,\n.svc-creator .svc-page-navigator__selector:focus {\n outline: none;\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n opacity: 0.5;\n}\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__popup {\n min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n margin-right: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer__page-navigator {\n position: absolute;\n padding: calc(16.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n top: 0;\n bottom: 0;\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-page-navigator {\n width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[dir=rtl] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction:rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction: rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n margin-right: 0;\n margin-left: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-tab-designer__page-navigator,\n[dir=rtl] .svc-tab-designer__page-navigator,\n[style*=\"direction:rtl\"] .svc-tab-designer__page-navigator,\n[style*=\"direction: rtl\"] .svc-tab-designer__page-navigator {\n right: unset;\n left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-tab-designer--bypage-mode .svc-tab-designer_content {\n display: flex;\n flex-direction: row;\n margin-right: 0;\n margin-left: 0;\n width: 100%;\n}\n.svc-tab-designer--bypage-mode .svc-tab-designer__page-navigator {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n}","@import \"../../variables.scss\";\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n display: block;\n width: calcSize(5.5);\n height: calcSize(4.5);\n min-height: calcSize(4.5);\n cursor: pointer;\n position: relative;\n}\n\n.svc-page-navigator-item-content {\n height: 100%;\n width: 100%;\n\n &:hover,\n &:focus {\n outline: none;\n }\n}\n\n.svc-page-navigator__items--up {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(-100%);\n }\n\n svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator__items--down {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(100%);\n }\n\n svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator-item__dot {\n box-sizing: content-box;\n position: absolute;\n border-radius: 50%;\n width: 6px;\n height: 6px;\n right: calc(50% - 6px / 2);\n top: calc(50% - 6px / 2);\n background: $border;\n}\n\n.svc-page-navigator-item--selected {\n .svc-page-navigator-item__dot {\n width: calcSize(1);\n height: calcSize(1);\n right: calc(50% - 1.5 * #{$base-unit} / 2);\n top: calc(50% - 1.5 * #{$base-unit} / 2);\n background: $background;\n border: calcSize(0.25) solid $primary;\n }\n}\n\n.svc-page-navigator-item__banner {\n @include textEllipsis;\n\n right: calcSize(0.5);\n display: flex;\n align-items: center;\n line-height: calcSize(4);\n animation: 0.5s ease-in;\n padding: 0;\n opacity: 0;\n z-index: 20;\n\n .svc-page-navigator-item__dot {\n position: absolute;\n display: inline-block;\n top: calcSize(1.75);\n right: calcSize(1.75);\n }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n .svc-page-navigator-item__banner {\n right: unset;\n left: calc(0.625 * var(--base-unit, 8px));\n\n .svc-page-navigator-item__dot {\n right: unset;\n left: calcSize(1.75);\n }\n }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) {\n .svc-page-navigator-item__banner {\n .svc-page-navigator-item__dot {\n width: calcSize(1);\n height: calcSize(1);\n border: none;\n background: $primary;\n }\n }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n .svc-page-navigator-item__banner {\n padding: 0 calcSize(4.5) 0 calcSize(2.5);\n max-width: calcSize(25);\n opacity: 1;\n }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n\n .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n .svc-page-navigator-item__banner {\n padding: 0 calcSize(2.5) 0 calcSize(4.5);\n }\n }\n}\n\n.svc-page-navigator-item--disabled {\n .svc-page-navigator-item__banner {\n color: $foreground;\n opacity: 0.25;\n }\n}","svc-page-navigator-item,\n.svc-page-navigator-item {\n display: block;\n width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n position: relative;\n}\n\n.svc-page-navigator-item-content {\n height: 100%;\n width: 100%;\n}\n.svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {\n outline: none;\n}\n\n.svc-page-navigator__items--up .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(-100%);\n}\n.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n opacity: 0;\n}\n\n.svc-page-navigator__items--down .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(100%);\n}\n.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n opacity: 0;\n}\n\n.svc-page-navigator-item__dot {\n box-sizing: content-box;\n position: absolute;\n border-radius: 50%;\n width: 6px;\n height: 6px;\n right: calc(50% - 3px);\n top: calc(50% - 3px);\n background: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-page-navigator-item--selected .svc-page-navigator-item__dot {\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n right: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n top: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item__banner {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n align-items: center;\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation: 0.5s ease-in;\n padding: 0;\n opacity: 0;\n z-index: 20;\n}\n.svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n position: absolute;\n display: inline-block;\n top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner {\n right: unset;\n left: calc(0.625 * var(--base-unit, 8px));\n}\n.svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[dir=rtl] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n right: unset;\n left: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n border: none;\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n padding: 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 1;\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n padding: 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}","@import \"../variables.scss\";\n\nsvc-page {\n display: block;\n}\n\n.svc-page {\n margin-top: calcSize(2);\n\n .sd-page__title {\n margin: calcSize(2.5) 0 0 0;\n }\n}\n\n.svc-page__content {\n position: relative;\n border-radius: calcSize(1);\n padding: calcSize(1) calcSize(0) calcSize(3);\n box-sizing: border-box;\n width: 100%;\n outline: none;\n\n .sd-page {\n margin: 0;\n padding: calcSize(1) calcSize(3) calcSize(2);\n }\n}\n\n.svc-page__content-actions {\n position: absolute;\n display: none;\n top: calcSize(1);\n inset-inline-end: 0; // right\n padding: 0 calcSize(1.5);\n z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n background: $secondary-backcolor-semi-light;\n}\n\n.svc-creator .svc-page .svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus,\n.svc-hovered {\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset $secondary;\n background: $secondary-backcolor-semi-light;\n\n .svc-page__content-actions {\n display: block;\n }\n }\n}\n\n.svc-page__footer {\n overflow: visible;\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n\n .sv-action {\n flex: 1 1 0;\n }\n\n .svc-btn {\n flex-grow: 1;\n border: none;\n }\n\n gap: calcSize(2);\n}\n\n.svc-page__add-new-question {\n .svc-text {\n margin-left: calcSize(6);\n }\n}\n\n.svc-page__add-new-question {\n -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\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: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-inline-end: calcSize(1); // margin-right\n outline: none;\n\n use {\n fill: $foreground-light;\n }\n\n &:hover {\n background-color: $background-dim;\n }\n\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-page--drag-over-empty:after {\n content: \" \";\n position: absolute;\n background: $secondary;\n left: calcSize(3);\n bottom: calcSize(11.5);\n width: calc(100% - 48px);\n height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n min-width: auto;\n max-width: 100%;\n padding: 0 calcSize(3) calcSize(2);\n\n .svc-panel__placeholder_frame {\n padding: calcSize(6) calcSize(8);\n height: auto;\n }\n}","svc-page {\n display: block;\n}\n\n.svc-page {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page .sd-page__title {\n margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n\n.svc-page__content {\n position: relative;\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n width: 100%;\n outline: none;\n}\n.svc-page__content .sd-page {\n margin: 0;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__content-actions {\n position: absolute;\n display: none;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n inset-inline-end: 0;\n padding: 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,\n.svc-hovered.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,\n.svc-hovered.svc-page__content--selected .svc-page__content-actions {\n display: block;\n}\n\n.svc-page__footer {\n overflow: visible;\n margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__footer .sv-action {\n flex: 1 1 0;\n}\n.svc-page__footer .svc-btn {\n flex-grow: 1;\n border: none;\n}\n\n.svc-page__add-new-question .svc-text {\n margin-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__add-new-question {\n -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\n appearance: none;\n display: flex;\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n outline: none;\n}\n.svc-page__question-type-selector use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-page__question-type-selector:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-page__question-type-selector:focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-page--drag-over-empty:after {\n content: \" \";\n position: absolute;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(11.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 48px);\n height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n min-width: auto;\n max-width: 100%;\n padding: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__placeholder_frame .svc-panel__placeholder_frame {\n padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: auto;\n}","@import \"../variables.scss\";\n\n.svc-row {\n width: 100%;\n position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n overflow: auto;\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: nowrap;\n margin-top: 0;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calcSize(2);\n padding-bottom: 2px;\n margin-right: calcSize(-2);\n margin-bottom: -2px;\n\n .sd-row--multiple {\n overflow: unset;\n }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calcSize(0);\n & > div {\n padding: 0;\n }\n box-shadow: none;\n border-radius: 0;\n padding: 2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n margin: -2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n width: 100%;\n}\n\n.svc-row.svc-row--ghost {\n .svc-question__content {\n padding: 0;\n border: none;\n box-shadow: none;\n }\n\n .sd-row {\n height: calcSize(4);\n }\n\n &:last-child .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n\n & + .svc-row {\n .sd-page__row {\n margin-top: 0;\n }\n }\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost {\n .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n}\n\n.svc-row--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n top: 6px;\n width: 100%;\n height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n bottom: -10px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row--drag-over-top:before {\n top: -4px;\n\n &:first-child {\n }\n }\n\n .svc-row--drag-over-bottom:after {\n bottom: -4px;\n\n &:last-child {\n }\n }\n}\n.svc-row {\n @include disableAnimations;\n}\n",".svc-row {\n width: 100%;\n position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n overflow: auto;\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: nowrap;\n margin-top: 0;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: 2px;\n margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: -2px;\n}\n.svc-row .sd-row.sd-row--multiple .sd-row--multiple {\n overflow: unset;\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: none;\n border-radius: 0;\n padding: 2px;\n margin: -2px;\n width: 100%;\n}\n.sd-panel .svc-row .sd-row--multiple > div {\n padding: 0;\n}\n\n.svc-row.svc-row--ghost .svc-question__content {\n padding: 0;\n border: none;\n box-shadow: none;\n}\n.svc-row.svc-row--ghost .sd-row {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-row.svc-row--ghost:last-child .sd-row {\n height: initial;\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.svc-row.svc-row--ghost + .svc-row .sd-page__row {\n margin-top: 0;\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {\n height: initial;\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\n.svc-row--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 6px;\n width: 100%;\n height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n bottom: -10px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel .svc-row--drag-over-top:before,\n.sd-panel__content .svc-row--drag-over-top:before {\n top: -4px;\n}\n.svc-question__content--panel .svc-row--drag-over-bottom:after,\n.sd-panel__content .svc-row--drag-over-bottom:after {\n bottom: -4px;\n}\n.svc-row .sd-row--fade-out,\n.svc-row .sd-row--fade-in {\n animation: none;\n}\n.svc-row .sd-element-wrapper--fade-out,\n.svc-row .sd-element-wrapper--fade-in {\n animation: none;\n}\n.svc-row .sd-element__content--fade-in,\n.svc-row .sd-element__content--fade-out {\n animation: none;\n}","@import \"../variables.scss\";\n\n.svc-carry-forward-panel-wrapper {\n width: 100%;\n container-type: inline-size;\n}\n.svc-carry-forward-panel {\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(4) calcSize(8);\n border-radius: calcSize(1);\n background-color: #F8F8F8;\n text-align: center;\n font-weight: 400;\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: rgba(0, 0, 0, 0.45);\n}\n \n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-carry-forward-panel {\n display: none;\n }\n }\n \n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-carry-forward-panel {\n padding: calcSize(4) calcSize(3);\n }\n}\n.svc-carry-forward-panel__link {\n .svc-action-button {\n padding: 0;\n border: none;\n font-weight: inherit;\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n &:hover,\n &:focus {\n background-color: transparent;\n }\n }\n}",".svc-carry-forward-panel-wrapper {\n width: 100%;\n container-type: inline-size;\n}\n\n.svc-carry-forward-panel {\n box-sizing: border-box;\n width: 100%;\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n background-color: #F8F8F8;\n text-align: center;\n font-weight: 400;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: rgba(0, 0, 0, 0.45);\n}\n\n@container (max-width: 176px) {\n .svc-carry-forward-panel {\n display: none;\n }\n}\n@container (max-width: 496px) {\n .svc-carry-forward-panel {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n}\n.svc-carry-forward-panel__link .svc-action-button {\n padding: 0;\n border: none;\n font-weight: inherit;\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n.svc-carry-forward-panel__link .svc-action-button:hover, .svc-carry-forward-panel__link .svc-action-button:focus {\n background-color: transparent;\n}\n\nsvc-question {\n display: block;\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n bottom: 1px;\n}\n\n.svc-question__adorner {\n position: relative;\n height: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n.svc-question__adorner .sv-action-bar {\n overflow: visible;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {\n border: none;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {\n opacity: 0.5;\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.svc-question__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n height: auto;\n flex-grow: 1;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n 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 outline: none;\n}\n\n.svc-question__content .sd-selectbase:not(.sd-imagepicker) {\n padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {\n overflow-x: visible;\n padding-left: 0;\n margin-left: 0;\n}\n.svc-question__content .sd-question.sd-question--table {\n overflow-x: initial;\n}\n.svc-question__content .sd-multipletext__item-title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.svc-question__content .sjs_sp_placeholder {\n user-select: all;\n pointer-events: all;\n}\n\n.svc-question__content > div {\n overflow: visible;\n}\n\n.svc-question__content .sd-panel__content {\n overflow: auto;\n}\n\n.svc-panel__placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n text-wrap: wrap;\n text-align: center;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-style: normal;\n font-weight: 400;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content-actions {\n position: absolute;\n opacity: 0;\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-inline-end: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions:focus-within {\n opacity: 1;\n}\n.svc-question__content-actions .sv-action--convertTo {\n max-width: max-content;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item--icon {\n max-width: 100%;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n justify-content: left;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title::after {\n content: \" \";\n display: inline-block;\n margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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 vertical-align: bottom;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:not(:last-child) {\n display: none;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {\n margin-inline-start: 0;\n margin-inline-end: 0;\n}\n.svc-question__content-actions .sv-action--convertTo.sv-action--hidden {\n min-width: 0;\n}\n.svc-question__content-actions .sv-action--convertTo-last {\n margin-inline-end: auto;\n}\n.svc-question__content-actions .svc-action-bar-item--right:first-of-type {\n margin-inline-start: auto;\n}\n.svc-question__content-actions .sv-dots {\n width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden {\n width: 0;\n margin: 0;\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden .sv-action__content {\n display: none;\n}\n.svc-question__content-actions .sv-dots .sv-dots__item {\n margin-left: 0;\n}\n.svc-question__content-actions .sv-dots__item use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {\n opacity: 1;\n}\n\n.svc-question__content--dragged {\n background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.svc-question__content--dragged .sd-question__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content--dragged.svc-question__content--selected .svc-question__content-actions {\n display: none;\n}\n\n.svc-question__content .sd-question.sd-question--table {\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-dragged-element-shortcut {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: calc(12.5 * (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 padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: grabbing;\n position: absolute;\n z-index: 1000;\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-dragged-element-shortcut__text {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-dragged-element-shortcut__icon {\n position: absolute;\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.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {\n opacity: 1;\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -9px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -9px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.sd-panel .svc-question__content--drag-over-left:before {\n left: -6px;\n}\n.sd-panel .svc-question__content--drag-over-right:after {\n right: -6px;\n}\n\n.svc-question__content--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n bottom: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,\n.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {\n margin-left: 8px;\n width: calc(100% - 8px);\n}\n.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,\n.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {\n margin-right: 8px;\n width: calc(100% - 8px);\n}\n.svc-question__content--panel .svc-question__content--drag-over-top:before,\n.sd-panel__content .svc-question__content--drag-over-top:before {\n top: -6px;\n}\n.svc-question__content--panel .svc-question__content--drag-over-bottom:before,\n.sd-panel__content .svc-question__content--drag-over-bottom:before {\n bottom: -6px;\n}\n\n.svc-question__content-actions .sv-action-bar {\n box-sizing: border-box;\n padding: 0;\n justify-content: center;\n}\n\nsvc-question sv-action-bar,\nsvc-question .sv-action-bar,\n.svc-question sv-action-bar,\n.svc-question .sv-action-bar {\n padding: 0;\n}\n\n.svc-panel__edge {\n position: absolute;\n border: 1px solid orange;\n height: 10px;\n width: 100%;\n}\n\n.svc-panel__edge--top {\n top: 0;\n}\n\n.svc-panel__edge--bottom {\n bottom: 0;\n}\n\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n height: 100%;\n overflow: hidden;\n min-width: 4px;\n}\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {\n border: 0;\n padding: 0;\n}\n\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n border: none;\n height: 0;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {\n display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {\n display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {\n background: transparent;\n box-shadow: none;\n}\n\n.svc-hovered > .svc-question__content > .svc-question__drag-area {\n visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area {\n visibility: visible;\n z-index: 1;\n}\n\n.svc-question__drag-area {\n position: absolute;\n cursor: move;\n top: 0;\n left: 0;\n visibility: hidden;\n height: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.svc-question__drag-element {\n width: 100%;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 0.5;\n}\n.svc-question__drag-element use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {\n padding-left: 1px;\n padding-right: 1px;\n}\n.sd-panel .svc-question__content .sd-table-wrapper::before {\n left: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content .sd-table-wrapper::after {\n right: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content {\n border-radius: 0;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n box-shadow: none;\n}\n.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;\n}\n.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__question,\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__panel {\n height: 0;\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n border: none;\n}\n\n.svc-widget__content {\n width: 100%;\n}\n.svc-widget__content .sd-question__content {\n pointer-events: none;\n}\n\n.svc-question__content .sd-paneldynamic__footer,\n.svc-question__content .sd-paneldynamic__separator {\n display: none;\n}\n\n.svc-panel__add-new-question-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.svc-panel__placeholder_frame-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n flex-grow: 1;\n box-sizing: border-box;\n}\n\n.svc-question__content--empty-template .sd-question--paneldynamic,\n.svc-question__content--empty-template .sd-question__content,\n.svc-question__content--empty-template sv-ng-paneldynamic-question,\n.svc-question__content--empty-template .sd-paneldynamic,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,\n.svc-question__content--empty-template .svc-question__adorner,\n.svc-question__content--empty-template .svc-question__adorner > div {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,\n.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {\n flex-grow: 1;\n}\n\n.svc-panel__placeholder_frame {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.svc-panel__add-new-question {\n align-items: center;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: 0;\n margin-right: 0;\n width: auto;\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n vertical-align: baseline;\n text-align: center;\n cursor: pointer;\n user-select: none;\n border: none;\n box-shadow: none;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-panel__add-new-question:hover {\n outline: none;\n}\n.svc-panel__add-new-question .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n text-wrap: nowrap;\n}\n\n.svc-panel__add-new-question-icon {\n margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: none;\n}\n.svc-panel__add-new-question-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n@container (max-width: 496px) {\n .svc-panel__placeholder_frame {\n padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n}\n@container (max-width: 176px) {\n .svc-panel__placeholder {\n display: none;\n }\n .svc-panel__placeholder_frame {\n padding: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question {\n margin: 0;\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,\n .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {\n display: block;\n }\n .svc-panel__placeholder_frame .svc-panel__question-type-selector,\n .svc-panel__add-new-question-container .svc-panel__question-type-selector {\n display: none;\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question,\n .svc-panel__add-new-question-container .svc-panel__add-new-question {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-text,\n .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-text {\n display: none;\n }\n}\n.svc-panel__question-type-selector-popup {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: absolute;\n right: 0;\n bottom: 0;\n}\n\n.svc-panel__question-type-selector {\n appearance: none;\n display: flex;\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n outline: none;\n top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n position: absolute;\n right: 0;\n}\n.svc-panel__question-type-selector use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-panel__question-type-selector:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-panel__question-type-selector:focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sd-panel .svc-row {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-panel .svc-row:first-of-type {\n margin-top: 0;\n}\n.sd-panel .svc-row .sd-row {\n margin-top: 0;\n margin-bottom: 0;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-element__header--location-top {\n margin-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {\n display: none;\n}\n.svc-question__content .sd-panel__content {\n gap: 0;\n padding-top: 0;\n}\n.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-paneldynamic__panel-wrapper {\n padding: 0;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n opacity: 1;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content .sd-table__row-disabled > .sd-table__cell {\n opacity: 1;\n}\n\n.svc-question__content .svc-carry-forward-panel {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-question__content {\n min-width: min(8 * (var(--sjs-base-unit, var(--base-unit, 8px))), 100%);\n margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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 overflow-x: auto;\n}\n.svc-question__content .sd-composite .sd-question__content {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.svc-question__content--ranking .svc-carry-forward-panel {\n margin-top: 0;\n}\n\n.svc-required-action .sv-svg-icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n background-color: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}","@import \"../variables.scss\";\n@import \"./carry-forward-panel.scss\";\n\nsvc-question {\n display: block;\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n bottom: 1px;\n}\n\n.svc-question__adorner {\n position: relative;\n height: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n\n .sv-action-bar {\n overflow: visible;\n\n .sv-action:not(:first-child) {\n .sv-action-bar-item {\n border: none;\n\n &:active {\n opacity: 0.5;\n background-color: var(--background-dim, #f3f3f3);\n }\n }\n }\n }\n}\n\n.svc-question__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n height: auto;\n flex-grow: 1;\n border-radius: calcSize(0.5);\n box-sizing: border-box;\n padding: calcSize(4) calcSize(5) calcSize(8);\n background: $background;\n box-shadow: $shadow-small;\n outline: none;\n}\n\n.svc-question__content {\n .sd-selectbase:not(.sd-imagepicker) {\n padding-left: calcSize(5);\n margin-left: calcSize(-5);\n }\n\n .sd-table .sd-selectbase:not(.sd-imagepicker) {\n overflow-x: visible;\n padding-left: 0;\n margin-left: 0;\n }\n\n .sd-question.sd-question--table {\n overflow-x: initial;\n }\n\n .sd-multipletext__item-title {\n color: $foreground;\n }\n\n .sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: $shadow-inner;\n }\n\n .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n color: $foreground;\n opacity: 0.25;\n }\n\n .sjs_sp_placeholder {\n user-select: all;\n pointer-events: all;\n }\n}\n\n.svc-question__content>div {\n overflow: visible;\n}\n\n.svc-question__content {\n .sd-panel__content {\n overflow: auto;\n }\n}\n\n.svc-panel__placeholder {\n color: $foreground-light;\n text-wrap: wrap;\n text-align: center;\n\n font-size: calcSize(2);\n font-style: normal;\n font-weight: 400;\n line-height: calcSize(3);\n}\n\n.svc-question__content-actions {\n position: absolute;\n opacity: 0;\n\n &:focus-within {\n opacity: 1;\n }\n\n bottom: calcSize(2);\n inset-inline-start: calcSize(4); // left\n inset-inline-end: calcSize(3.5); // right\n\n .sv-action--convertTo {\n max-width: max-content;\n\n .sv-action-bar-item--icon {\n max-width: 100%;\n padding: calcSize(0.5);\n }\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n display: inline-block;\n justify-content: left;\n\n &::after {\n content: \" \";\n display: inline-block;\n margin-inline-start: calcSize(0.5);\n width: calcSize(2);\n height: calcSize(2);\n vertical-align: bottom;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n }\n }\n\n .sv-action-bar-item__icon {\n use {\n fill: $primary;\n }\n\n &:not(:last-child) {\n display: none\n }\n }\n\n .sv-action-bar-item__title--with-icon {\n margin-inline-start: 0; // margin-left\n margin-inline-end: 0; // margin-right\n }\n\n }\n\n .sv-action--convertTo.sv-action--hidden {\n min-width: 0;\n }\n\n .sv-action--convertTo-last {\n margin-inline-end: auto; // margin-right\n }\n \n .svc-action-bar-item--right:first-of-type\n {\n margin-inline-start: auto;\n }\n\n .sv-dots {\n width: calcSize(4);\n margin-left: calcSize(1);\n margin-right: calcSize(0.5);\n\n &.sv-action--hidden {\n width: 0;\n margin: 0;\n\n .sv-action__content {\n display: none;\n }\n }\n\n .sv-dots__item {\n margin-left: 0;\n }\n }\n\n .sv-dots__item {\n //border-radius: calcSize(0.5);\n\n use {\n fill: $secondary;\n\n }\n }\n}\n\n.svc-question__content:focus,\n.svc-hovered>.svc-question__content {\n box-shadow: 0 0 0 2px $secondary-light;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px $secondary;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged),\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered>.svc-question__content:not(.svc-question__content--dragged) {\n &>.svc-question__content-actions {\n opacity: 1;\n\n }\n}\n\n.svc-question__content--dragged {\n background: $background-dim-light;\n\n .sd-question__title {\n color: $foreground-light;\n }\n\n &.svc-question__content--selected {\n .svc-question__content-actions {\n display: none;\n }\n }\n}\n\n.svc-question__content {\n .sd-question.sd-question--table {\n margin-top: calcSize(-1);\n padding-top: calcSize(1);\n }\n}\n\n.svc-dragged-element-shortcut {\n //min-width: 100px;\n height: calcSize(3);\n border-radius: calcSize(12.5);\n background-color: $background;\n color: $foreground;\n padding: calcSize(1) calcSize(1.5);\n padding-right: calcSize(3.5);\n cursor: grabbing;\n position: absolute;\n z-index: 1000;\n box-shadow: $shadow-large;\n @include disableUserSelect;\n //max-width: 500px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n fill: $primary;\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid $secondary;\n}\n\n.svc-dragged-element-shortcut__text {\n @include smallBold;\n margin-left: calcSize(4);\n line-height: calcSize(3);\n}\n\n.svc-dragged-element-shortcut__icon {\n position: absolute;\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.svc-question__content--drag-over-inside,\n.svc-hovered>.svc-question__content--drag-over-inside {\n .svc-panel__placeholder_frame {\n box-shadow: 0 0 0 1px $primary;\n border: 1px solid $primary;\n background: $primary-light;\n\n &>.svc-question__content-actions {\n opacity: 1;\n }\n }\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -9px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -9px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.sd-panel {\n .svc-question__content--drag-over-left:before {\n left: -6px;\n }\n\n .svc-question__content--drag-over-right:after {\n right: -6px;\n }\n}\n\n\n.svc-question__content--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n top: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n bottom: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .sd-row>div:first-child {\n .svc-question__content--drag-over-left {\n margin-left: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .sd-row>div:last-child {\n .svc-question__content--drag-over-right {\n margin-right: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .svc-question__content--drag-over-top:before {\n top: -6px;\n }\n\n .svc-question__content--drag-over-bottom:before {\n bottom: -6px;\n }\n}\n\n.svc-question__content-actions {\n .sv-action-bar {\n box-sizing: border-box;\n padding: 0;\n justify-content: center;\n }\n}\n\nsvc-question,\n.svc-question {\n\n sv-action-bar,\n .sv-action-bar {\n padding: 0;\n }\n}\n\n.svc-panel__edge {\n position: absolute;\n border: 1px solid orange;\n height: 10px;\n width: 100%;\n}\n\n.svc-panel__edge--top {\n top: 0;\n}\n\n.svc-panel__edge--bottom {\n bottom: 0;\n}\n\n// reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n.svc-question__adorner--start-with-new-line {\n &[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n height: 100%;\n overflow: hidden;\n min-width: 4px;\n\n .svc-question__content.svc-question__content.svc-question__content {\n border: 0;\n padding: 0;\n }\n }\n}\n\n[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n border: none;\n height: 0;\n\n .svc-question__drag-area {\n display: none;\n }\n\n .svc-question__drag-element {\n display: none;\n }\n\n .svc-question__content {\n background: transparent;\n box-shadow: none;\n }\n}\n\n// EO reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n\n.svc-hovered>.svc-question__content>.svc-question__drag-area {\n visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected>.svc-question__drag-area {\n visibility: visible;\n z-index: 1;\n}\n\n.svc-question__drag-area {\n position: absolute;\n cursor: move;\n top: 0;\n left: 0;\n visibility: hidden;\n height: calcSize(3.5);\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.svc-question__drag-element {\n width: 100%;\n height: calcSize(4);\n opacity: 0.5;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.sd-panel {\n .svc-question__content--image:not(.svc-question__content--empty) {\n padding-left: 1px;\n padding-right: 1px;\n }\n\n .svc-question__content {\n .sd-table-wrapper::before {\n left: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n }\n\n .sd-table-wrapper::after {\n right: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n }\n }\n\n .svc-question__content {\n border-radius: 0;\n border: 1px dashed $border;\n box-shadow: none;\n }\n\n .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n border: 1px solid $secondary-light;\n box-shadow: 0 0 0 1px $secondary-light inset;\n }\n\n .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n border: 1px solid $secondary;\n box-shadow: 0 0 0 1px $secondary inset;\n }\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty {\n\n .sd-row__question,\n .sd-row__panel {\n height: 0;\n }\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n border: none;\n}\n\n.svc-widget__content {\n .sd-question__content {\n pointer-events: none;\n }\n\n width: 100%;\n}\n\n.svc-question__content {\n\n .sd-paneldynamic__footer,\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n.svc-panel__add-new-question-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n.svc-panel__placeholder_frame-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n flex-grow: 1;\n box-sizing: border-box;\n}\n\n.svc-question__content--empty-template {\n\n .sd-question--paneldynamic,\n .sd-question__content,\n sv-ng-paneldynamic-question,\n .sd-paneldynamic,\n .sd-paneldynamic__panel-wrapper,\n .svc-question__adorner,\n .svc-question__adorner>div {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n .svc-panel__placeholder_frame {\n flex-grow: 1;\n }\n }\n}\n\n.svc-panel__placeholder_frame {\n border: 1px dashed $border;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calcSize(11) calcSize(8) calcSize(10);\n flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.svc-panel__add-new-question {\n align-items: center;\n margin-top: calcSize(2);\n margin-left: 0;\n margin-right: 0;\n width: auto;\n height: calcSize(5);\n line-height: calcSize(5);\n vertical-align: baseline;\n text-align: center;\n cursor: pointer;\n user-select: none;\n\n border: none;\n box-shadow: none;\n padding: calcSize(0.5) calcSize(2);\n\n &:hover {\n outline: none;\n }\n\n .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n margin: calcSize(1) calcSize(3);\n line-height: calcSize(2);\n color: $primary;\n text-wrap: nowrap;\n }\n}\n\n.svc-panel__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary\n }\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-panel__placeholder_frame {\n padding: calcSize(11) calcSize(3) calcSize(10);\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-panel__placeholder {\n display: none;\n }\n\n .svc-panel__placeholder_frame {\n padding: calcSize(10) calcSize(3) calcSize(10);\n\n .svc-panel__add-new-question {\n margin: 0;\n }\n }\n\n .svc-panel__placeholder_frame,\n .svc-panel__add-new-question-container {\n .svc-panel__add-new-question-icon {\n display: block;\n }\n\n .svc-panel__question-type-selector {\n display: none;\n }\n\n .svc-panel__add-new-question {\n padding: calcSize(0.5) calcSize(0.5);\n\n .svc-text {\n display: none;\n }\n }\n }\n\n}\n\n.svc-panel__question-type-selector-popup {\n height: calcSize(5);\n width: calcSize(5);\n position: absolute;\n right: 0;\n bottom: 0;\n}\n.svc-panel__question-type-selector {\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: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-right: calcSize(1);\n outline: none;\n\n use {\n fill: $foreground-light;\n }\n\n &:hover {\n background-color: $background-dim;\n }\n\n &:focus {\n background-color: $primary-light;\n }\n\n top: calcSize(2);\n margin: 0;\n position: absolute;\n right: 0;\n}\n\n.sv-list__container .sv-action-bar-item--secondary {\n .sv-list__item-icon use {\n fill: $secondary;\n }\n}\n\n.sd-panel {\n .svc-row {\n margin-top: calcSize(1);\n }\n\n .svc-row:first-of-type {\n margin-top: 0;\n }\n\n .svc-row .sd-row {\n margin-top: 0;\n margin-bottom: 0;\n gap: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-element__header--location-top {\n margin-top: 0;\n }\n\n .sd-element--complex>.sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n\n &:after {\n display: none;\n }\n }\n\n .sd-panel__content {\n gap: 0;\n padding-top: 0;\n }\n\n .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calcSize(1);\n }\n\n .sd-paneldynamic__panel-wrapper {\n padding: 0;\n }\n\n .sd-table__cell--actions {\n .sv-action-bar-item:disabled {\n background: $background;\n opacity: 1;\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sd-table__row-disabled>.sd-table__cell {\n opacity: 1;\n }\n}\n\n.svc-question__content {\n .svc-carry-forward-panel {\n margin-top: calcSize(2);\n }\n\n .sd-question__content {\n min-width: min(calcSize(8), 100%);\n margin-left: calcSize(-5);\n margin-right: calcSize(-5);\n padding-left: calcSize(5);\n padding-right: calcSize(5);\n overflow-x: auto;\n }\n\n .sd-composite {\n .sd-question__content {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n\n.svc-question__content--ranking {\n .svc-carry-forward-panel {\n margin-top: 0;\n }\n}\n\n.svc-required-action {\n .sv-svg-icon {\n use {\n fill: $secondary;\n }\n }\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n background-color: $secondary-backcolor-semi-light;\n}","@import \"../variables.scss\";\n\n\n.svc-question__dropdown-choices {\n margin-top: calcSize(2);\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n opacity: 0.25;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n opacity: 0.5;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n opacity: 0.75;\n}\n\n.svc-question__content>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(8));\n overflow-x: auto;\n margin: 0 calcSize(-4);\n\n &>div {\n width: calc(100% - calcSize(8));\n display: inline-block;\n min-width: calcSize(15);\n margin: 0 calcSize(4);\n }\n\n .svc-action-button {\n margin-left: calcSize(6.75);\n margin-top: calcSize(1);\n\n cursor: pointer;\n }\n}",".svc-question__dropdown-choices {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n opacity: 0.25;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n opacity: 0.5;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n opacity: 0.75;\n}\n\n.svc-question__content > .svc-question__dropdown-choices--wrapper {\n width: calc(100% + 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow-x: auto;\n margin: 0 calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n width: calc(100% - 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: inline-block;\n min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {\n margin-left: calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: pointer;\n}","@import \"../variables.scss\";\n\n.svc-image-question-controls {\n position: absolute;\n top: calcSize(5);\n right: calcSize(1);\n display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n padding: calcSize(4) 0 calcSize(8) 0;\n\n .sd-image__image {\n border-radius: 0;\n }\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: none;\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: block;\n }\n }\n}\n.svc-question__content--loading {\n .sd-image {\n display: none;\n }\n}\n\n.svc-image-question__loading-placeholder {\n position: relative;\n background-color: $background;\n width: 100%;\n height: calcSize(27.5);\n border: 1px dashed $border-inside;\n}\n\n.svc-image-question__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}",".svc-image-question-controls {\n position: absolute;\n top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {\n border-radius: 0;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n display: none;\n}\n\n@container (max-width: 176px) {\n .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n display: block;\n }\n}\n.svc-question__content--loading .sd-image {\n display: none;\n}\n\n.svc-image-question__loading-placeholder {\n position: relative;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n width: 100%;\n height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-image-question__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n.svc-rating-question-controls {\n position: absolute;\n}\n\n.svc-question__content--in-popup {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-question__content--selected {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n margin-top: calcSize(5.5);\n}\n\n.svc-question__content {\n .sd-rating {\n margin-inline-start: calcSize(9); // margin-left\n max-width: calc(100% - 9 * #{$base-unit});\n\n &.sd-rating--wrappable fieldset {\n min-width: 0;\n }\n\n\n .sd-rating__item-text {\n max-width: 100%;\n\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n }\n\n .svc-string-editor__content {\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n\n &:focus-within {\n text-overflow: initial;\n }\n }\n }\n\n &.sd-rating--labels-top {\n fieldset {\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n top: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-bottom {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n bottom: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-diagonal {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n }\n\n .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n max-width: fit-content;\n }\n\n .svc-rating-question-controls {\n display: flex;\n width: calcSize(8);\n min-width: auto;\n justify-content: flex-start;\n }\n\n .sd-rating__item--fixed-size:focus-within {\n width: unset;\n padding: calcSize(0.5) calcSize(2.5);\n }\n}\n\n.svc-creator--mobile {\n .svc-rating-question-content {\n position: relative;\n }\n\n .svc-rating-question-controls {\n position: absolute;\n top: 0;\n }\n\n .svc-question__content {\n .sd-rating {\n margin-inline-start: 0; // margin-left\n width: 100%;\n max-width: 100%;\n }\n\n\n legend+.sd-rating__item,\n legend+sv-ng-rating-item+.sd-rating__item,\n legend+.sd-rating__item-smiley,\n legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley {\n margin-inline-start: calc(9 * #{$base-unit} + 2px);\n }\n\n legend+.sd-rating__item-text,\n legend+.sd-rating__item-star,\n legend+sv-ng-rating-item-star+.sd-rating__item-star {\n margin-inline-start: calc(9 * #{$base-unit});\n }\n }\n}",".svc-rating-question-controls {\n position: absolute;\n}\n\n.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n}\n\n.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n margin-top: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content .sd-rating {\n margin-inline-start: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-question__content .sd-rating.sd-rating--wrappable fieldset {\n min-width: 0;\n}\n.svc-question__content .sd-rating .sd-rating__item-text {\n max-width: 100%;\n}\n.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {\n white-space: nowrap;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {\n text-overflow: initial;\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {\n padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {\n bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {\n bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {\n padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {\n bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n max-width: fit-content;\n}\n.svc-question__content .svc-rating-question-controls {\n display: flex;\n width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: auto;\n justify-content: flex-start;\n}\n.svc-question__content .sd-rating__item--fixed-size:focus-within {\n width: unset;\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}\n\n.svc-creator--mobile .svc-rating-question-content {\n position: relative;\n}\n.svc-creator--mobile .svc-rating-question-controls {\n position: absolute;\n top: 0;\n}\n.svc-creator--mobile .svc-question__content .sd-rating {\n margin-inline-start: 0;\n width: 100%;\n max-width: 100%;\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {\n margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {\n margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}","@import \"../variables.scss\";\n\n.svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: calcSize(1);\n align-items: center;\n margin-left: calcSize(-5);\n}\n\n.svc-question__dropdown-choice,\n.sd-selectbase {\n .svc-item-value-wrapper {\n align-items: flex-start;\n }\n\n .svc-item-value__item {\n padding-right: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-selectbase__column {\n margin-left: calcSize(5);\n min-width: initial;\n }\n\n .sd-selectbase--mobile .sd-selectbase__column,\n .sd-selectbase__column:first-of-type,\n .sd-imagepicker__column {\n margin-left: 0;\n }\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n}\n\n.svc-item-value--dragging {\n background: $background;\n box-shadow: $shadow-large;\n border-radius: calcSize(12.5);\n padding-right: calcSize(3);\n padding-left: calcSize(0.5);\n @include disableUserSelect;\n}\n\n.svc-item-value-controls {\n display: flex;\n margin: calcSize(1) 0;\n height: calcSize(4);\n box-sizing: border-box;\n flex-shrink: 0;\n min-width: 72px;\n justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n border-radius: 50%;\n padding: calcSize(1);\n cursor: pointer;\n display: inline-block;\n outline: none;\n height: calcSize(2);\n box-sizing: content-box;\n\n .sv-svg-icon {\n display: block;\n }\n}\n\n.svc-item-value-controls__button>span {\n display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost),\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) {\n .svc-item-value-controls__drag-icon {\n visibility: visible;\n }\n}\n\n.svc-item-value-controls__drag {\n padding: calcSize(0.5) calcSize(1);\n cursor: move;\n opacity: 0.25;\n\n .svc-item-value-controls__drag-icon {\n visibility: hidden;\n }\n\n use {\n fill: $foreground;\n }\n}\n\n.svc-item-value-controls__button--disabled {\n fill: $foreground-light;\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: $red;\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: $primary;\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n\n &:hover,\n &:focus {\n background-color: $red-light;\n }\n}\n\n.sv-string-editor {\n cursor: text;\n}\n\n.svc-item-value--new {\n .svc-item-value__item {\n\n .sd-item__control-label,\n .sv-ranking-item__text {\n color: $foreground-light;\n }\n\n .sd-item__decorator {\n opacity: 0.35;\n }\n }\n\n .sv-ranking-item__index {\n background: $background-dim;\n\n svg {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-ranking {\n .svc-item-value-wrapper {\n align-items: center;\n }\n\n .svc-item-value__item {\n padding-right: 0;\n flex-grow: 1;\n }\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n flex-grow: 1;\n width: 0;\n max-width: fit-content;\n}\n\n.svc-item-value__item {\n .sv-ranking-item__content {\n padding-left: 0;\n }\n\n .sv-ranking-item__icon-container {\n display: none;\n }\n\n .sv-ranking-item__text {\n overflow: visible;\n }\n\n .svc-string-editor {\n width: 100%;\n display: inline-block;\n }\n\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n\n\n.svc-item-value--ghost {\n .svc-item-value__ghost {\n display: block;\n }\n\n .svc-item-value-controls {\n visibility: hidden;\n }\n}\n\n.svc-item-value--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.svc-item-value--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}\n\n.svc-item-value__ghost {\n display: none;\n background: $background-dim;\n border-radius: calcSize(12.5);\n width: calcSize(25);\n height: 40px;\n z-index: 11;\n position: absolute;\n left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer {\n\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n [data-sv-drop-target-item-value] .svc-item-value-controls {\n min-width: initial;\n }\n\n &:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n min-width: 64px;\n }\n\n .svc-item-value-controls__drag {\n padding-right: 0;\n }\n\n .svc-item-value-controls__drag-icon {\n visibility: visible;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-3);\n }\n }\n\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n\n .svc-item-value-controls__drag-icon {\n visibility: visible;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-6);\n }\n\n .svc-item-value-controls__drag {\n padding-left: 0;\n padding-right: 0;\n }\n }\n}",".svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n align-items: center;\n margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice .svc-item-value-wrapper,\n.sd-selectbase .svc-item-value-wrapper {\n align-items: flex-start;\n}\n.svc-question__dropdown-choice .svc-item-value__item,\n.sd-selectbase .svc-item-value__item {\n padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-selectbase__column {\n margin-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: initial;\n}\n.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,\n.svc-question__content .sd-selectbase__column:first-of-type,\n.svc-question__content .sd-imagepicker__column {\n margin-left: 0;\n}\n.svc-question__content .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n}\n\n.svc-item-value--dragging {\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 border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.svc-item-value-controls {\n display: flex;\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n flex-shrink: 0;\n min-width: 72px;\n justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n border-radius: 50%;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: pointer;\n display: inline-block;\n outline: none;\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n.svc-item-value-controls__button .sv-svg-icon {\n display: block;\n}\n\n.svc-item-value-controls__button > span {\n display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {\n visibility: visible;\n}\n\n.svc-item-value-controls__drag {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: move;\n opacity: 0.25;\n}\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n visibility: hidden;\n}\n.svc-item-value-controls__drag use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-item-value-controls__button--disabled {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sv-string-editor {\n cursor: text;\n}\n\n.svc-item-value--new .svc-item-value__item .sd-item__control-label,\n.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-item-value--new .svc-item-value__item .sd-item__decorator {\n opacity: 0.35;\n}\n.svc-item-value--new .sv-ranking-item__index {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-item-value--new .sv-ranking-item__index svg {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking .svc-item-value-wrapper {\n align-items: center;\n}\n.sv-ranking .svc-item-value__item {\n padding-right: 0;\n flex-grow: 1;\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n flex-grow: 1;\n width: 0;\n max-width: fit-content;\n}\n\n.svc-item-value__item .sv-ranking-item__content {\n padding-left: 0;\n}\n.svc-item-value__item .sv-ranking-item__icon-container {\n display: none;\n}\n.svc-item-value__item .sv-ranking-item__text {\n overflow: visible;\n}\n.svc-item-value__item .svc-string-editor {\n width: 100%;\n display: inline-block;\n}\n.svc-item-value__item .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.svc-item-value--ghost .svc-item-value__ghost {\n display: block;\n}\n.svc-item-value--ghost .svc-item-value-controls {\n visibility: hidden;\n}\n\n.svc-item-value--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.svc-item-value--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.svc-item-value__ghost {\n display: none;\n background: 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(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: 40px;\n z-index: 11;\n position: absolute;\n left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {\n min-width: initial;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n min-width: 64px;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n padding-right: 0;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n visibility: visible;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n visibility: visible;\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n margin-left: calc(-6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n padding-left: 0;\n padding-right: 0;\n}","@import \"../variables.scss\";\n\n.svc-image-item-value-wrapper {\n display: inline-block;\n position: relative;\n}\n\n.svc-image-item-value--new {\n display: none;\n height: max-content;\n\n .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed $border;\n }\n}\n\n.svc-image-item-value--file-dragging {\n .sd-imagepicker__image {\n border: 2px solid $primary;\n background-color: $primary-light;\n }\n\n .svc-image-item-value__item {\n position: relative;\n z-index: 2;\n }\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n display: inline-block;\n}\n\n.svc-image-item-value-controls {\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n\n use {\n fill: $primary;\n }\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-choose-file-input {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.svc-image-item-value__item {\n .sd-imagepicker__item.sd-imagepicker__item {\n width: 100%;\n }\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n display: none;\n cursor: move;\n position: absolute;\n top: calcSize(1);\n left: calcSize(1);\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover {\n .svc-image-item-value-controls__drag-area-indicator {\n display: block;\n }\n}\n\n.svc-image-item-value-wrapper--ghost {\n .svc-image-item-value-wrapper__ghost {\n display: block;\n }\n\n .svc-image-item-value-wrapper__content {\n display: none;\n }\n}\n\n.svc-image-item-value-wrapper__ghost {\n display: none;\n background: $background-dim;\n}\n\n.svc-image-item-value--single {\n width: 100%;\n\n .sd-imagepicker__image {\n height: calcSize(30);\n }\n}\n\n.svc-image-item-value__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}",".svc-image-item-value-wrapper {\n display: inline-block;\n position: relative;\n}\n\n.svc-image-item-value--new {\n display: none;\n height: max-content;\n}\n.svc-image-item-value--new .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-image-item-value--file-dragging .sd-imagepicker__image {\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-image-item-value--file-dragging .svc-image-item-value__item {\n position: relative;\n z-index: 2;\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n display: inline-block;\n}\n\n.svc-image-item-value-controls {\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n}\n.svc-image-item-value-controls__add use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-image-item-value-controls__add:hover, .svc-image-item-value-controls__add:focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-choose-file-input {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {\n width: 100%;\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n display: none;\n cursor: move;\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {\n display: block;\n}\n\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {\n display: block;\n}\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {\n display: none;\n}\n\n.svc-image-item-value-wrapper__ghost {\n display: none;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-image-item-value--single {\n width: 100%;\n}\n.svc-image-item-value--single .sd-imagepicker__image {\n height: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-image-item-value__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n// .svc-question__content {\n// .sd-table {\n// td:empty,\n// th:empty {\n// width: initial;\n// }\n// }\n// }\n.svc-matrix-cell {\n position: relative;\n}\n\n.svc-question__adorner {\n .sd-table .sd-table__cell--column-title {\n padding: 0 calcSize(1);\n .svc-matrix-cell {\n padding: calcSize(1.5) calcSize(1);\n }\n }\n}\n\n.svc-matrix-cell--selected {\n position: absolute;\n border: calcSize(0.25) solid $secondary;\n border-radius: calcSize(0.5);\n top: calcSize(0);\n left: calcSize(0);\n right: calcSize(0);\n bottom: calcSize(0);\n display: none;\n &.svc-visible {\n display: block;\n }\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n border: calcSize(0.25) solid $secondary-light;\n border-radius: calcSize(0.5);\n display: block;\n}\n\n.svc-matrix-cell__question-controls {\n display: none;\n position: absolute;\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n display: block;\n width: calcSize(6);\n height: calcSize(6);\n background: $background;\n border: 1px solid $border;\n box-sizing: border-box;\n border-radius: 50%;\n padding: calcSize(1.5);\n cursor: pointer;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n display: block;\n}\n\n.svc-question__content--in-popup {\n width: calc(100% - 25 * #{$base-unit});\n min-width: calcSize(70);\n padding: calcSize(5);\n}\n\n.svc-matrix-cell__popup {\n .sv-popup__scrolling-content {\n margin-top: calcSize(1);\n padding-top: 0;\n }\n\n .svc-question__content {\n @include disableUserSelect;\n }\n}\n\n.svc-question__content {\n .sd-table__cell--detail-panel {\n padding-left: calcSize(6);\n }\n}",".svc-matrix-cell {\n position: relative;\n}\n\n.svc-question__adorner .sd-table .sd-table__cell--column-title {\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-matrix-cell--selected {\n position: absolute;\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: none;\n}\n.svc-matrix-cell--selected.svc-visible {\n display: block;\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: block;\n}\n\n.svc-matrix-cell__question-controls {\n display: none;\n position: absolute;\n top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n display: block;\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 background: var(--sjs-general-backcolor, var(--background, #fff));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n border-radius: 50%;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n}\n.svc-matrix-cell__question-controls-button use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n display: block;\n}\n\n.svc-question__content--in-popup {\n width: calc(100% - 25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-matrix-cell__popup .sv-popup__scrolling-content {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-top: 0;\n}\n.svc-matrix-cell__popup .svc-question__content {\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.svc-question__content .sd-table__cell--detail-panel {\n padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../variables.scss\";\n\n.svd-test-results {\n font-family: $font-family;\n border-radius: 4px;\n box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n\n .svd-test-results__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: calcSize(2) calcSize(3);\n font-size: calcSize(2);\n color: $foreground-light;\n border-bottom: 2px solid $border-light;\n background-color: $background;\n\n .svd-test-results__header-text {\n margin: 0;\n }\n\n .svd-test-results__header-types {\n display: flex;\n gap: calcSize(1);\n }\n }\n\n .svd-test-results__text {\n display: flex;\n padding: calcSize(2) calcSize(3);\n width: calc(100% - calcSize(6));\n overflow: auto;\n user-select: text;\n white-space: pre-wrap;\n background-color: $background;\n }\n\n .svd-test-results__table {\n background-color: $background;\n width: 100%;\n box-shadow: $shadow-small;\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n .svd-test-results__marker {\n position: absolute;\n top: calcSize(1.5);\n\n .sv-svg-icon {\n transition: transform 0.2s ease-in-out;\n\n use {\n fill: $foreground-light;\n }\n }\n\n &.svd-test-results__marker--expanded .sv-svg-icon {\n transform-origin: center;\n transform: rotate(90deg);\n }\n }\n\n th {\n padding: calcSize(1) calcSize(1);\n background-color: $background-dim;\n text-align: left;\n font-weight: 600;\n font-size: 12px;\n color: $foreground-light;\n\n &:nth-child(1) {\n padding-left: calcSize(3);\n }\n }\n\n td {\n padding: calcSize(1) calcSize(1);\n max-width: calcSize(50);\n overflow: auto;\n border-top: 2px solid $border-light;\n user-select: text;\n\n &:nth-child(1) {\n position: relative;\n width: 50%;\n font-weight: 600;\n }\n\n &:nth-child(2) {\n width: 50%;\n padding-right: calcSize(3);\n }\n }\n\n .survey-result-value {\n word-break: break-all;\n }\n\n tr {\n vertical-align: top;\n\n .svd-test-results__node-value {\n color: $foreground-light;\n }\n }\n }\n }\n}",".svd-test-results {\n font-family: var(--sjs-font-family, var(--font-family));\n border-radius: 4px;\n box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svd-test-results .svd-test-results__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-text {\n margin: 0;\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-types {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svd-test-results .svd-test-results__text {\n display: flex;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: auto;\n user-select: text;\n white-space: pre-wrap;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__table {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n width: 100%;\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svd-test-results .svd-test-results__table table {\n width: 100%;\n border-collapse: collapse;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker {\n position: absolute;\n top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon {\n transition: transform 0.2s ease-in-out;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {\n transform-origin: center;\n transform: rotate(90deg);\n}\n.svd-test-results .svd-test-results__table table th {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n text-align: left;\n font-weight: 600;\n font-size: 12px;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table th:nth-child(1) {\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table td {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n max-width: calc(50 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: auto;\n border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n user-select: text;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(1) {\n position: relative;\n width: 50%;\n font-weight: 600;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(2) {\n width: 50%;\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .survey-result-value {\n word-break: break-all;\n}\n.svd-test-results .svd-test-results__table table tr {\n vertical-align: top;\n}\n.svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}","@import \"../../variables.scss\";\n\n.svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: calcSize(6);\n}\n\n.svc-logo-image {\n position: relative;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n padding: 0;\n cursor: pointer;\n max-width: 50%;\n .sd-logo__image {\n max-width: 100%;\n }\n .svc-image-item-value-controls {\n display: block;\n top: calcSize(2.5);\n right: calcSize(1.5);\n }\n}\n\n.svc-logo-image__loading {\n width: calcSize(8);\n height: calcSize(8);\n padding: calcSize(1);\n box-sizing: border-box;\n margin-right: calcSize(-2);\n}\n\n.svc-logo-image-placeholder {\n font-size: calcSize(4);\n color: $foreground-light;\n opacity: 0.25;\n white-space: nowrap;\n word-break: keep-all;\n padding: 0;\n width: calcSize(8);\n height: calcSize(8);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calcSize(-2);\n border-radius: calcSize(4);\n\n &:hover {\n background-color: $primary-light;\n opacity: unset;\n\n use {\n fill: $primary;\n }\n }\n\n svg {\n width: calcSize(4);\n height: calcSize(4);\n }\n}\n\n.svc-logo-image-placeholder use {\n fill: $foreground-light;\n}\n\n.svc-logo-image-container {\n position: relative;\n\n .sd-logo {\n margin: 0;\n }\n}\n\n.svc-logo-image-controls {\n opacity: 0;\n width: max-content;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n .svc-logo-image-controls {\n display: none;\n }\n}\n\n.svc-logo-image-container--editable:focus-within,\n.svc-logo-image-container--editable:hover {\n .svc-logo-image-controls {\n opacity: 1;\n }\n}",".svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image {\n position: relative;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n padding: 0;\n cursor: pointer;\n max-width: 50%;\n}\n.svc-logo-image .sd-logo__image {\n max-width: 100%;\n}\n.svc-logo-image .svc-image-item-value-controls {\n display: block;\n top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image__loading {\n width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder {\n font-size: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.25;\n white-space: nowrap;\n word-break: keep-all;\n padding: 0;\n width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logo-image-placeholder:hover {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n opacity: unset;\n}\n.svc-logo-image-placeholder:hover use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-logo-image-placeholder svg {\n width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-logo-image-container {\n position: relative;\n}\n.svc-logo-image-container .sd-logo {\n margin: 0;\n}\n\n.svc-logo-image-controls {\n opacity: 0;\n width: max-content;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {\n display: none;\n}\n\n.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,\n.svc-logo-image-container--editable:hover .svc-logo-image-controls {\n opacity: 1;\n}","@import \"../variables.scss\";\n\n.svc-question-link__set-button {\n font-weight: 600;\n cursor: pointer;\n}\n.svc-link-value-button {\n margin-left: calcSize(-2);\n}\n.svc-question-link__clear-button {\n color: $red;\n font-weight: 600;\n cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n background-color: $red-light;\n}\n",".svc-question-link__set-button {\n font-weight: 600;\n cursor: pointer;\n}\n\n.svc-link-value-button {\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question-link__clear-button {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n font-weight: 600;\n cursor: pointer;\n}\n\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__item {\n margin: calcSize(2) 0;\n width: 100%;\n}\n",".svc-property-panel__item {\n margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n width: 100%;\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__group {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n padding: calcSize(2);\n border: none;\n outline: none;\n color: $foreground-light;\n cursor: pointer;\n text-align: left;\n background: $background;\n box-shadow: inset 0px -1px 0px $border;\n font-family: $font-family;\n font-size: calcSize(2);\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n background-color: $background;\n color: $foreground;\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-property-panel__group:hover {\n background-color: $background-dim;\n color: $foreground-light;\n font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n color: $foreground;\n font-weight: 600;\n background-color: $background;\n}",".svc-property-panel__group {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n outline: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n cursor: pointer;\n text-align: left;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-property-panel__group:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 600;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu-item {\n padding: calcSize(2) calcSize(3);\n height: calcSize(8);\n line-height: calcSize(4);\n box-sizing: border-box;\n cursor: pointer;\n &:hover,\n &:focus {\n background-color: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n outline: none;\n }\n}\n\n.svc-tabbed-menu-item--selected {\n background: $background;\n box-shadow: inset 0px -2px 0px $primary;\n &:hover,\n &:focus {\n background: $background;\n box-shadow: inset 0px -2px 0px $primary;\n }\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n color: $foreground;\n opacity: 0.25;\n &:hover {\n background-color: $background;\n }\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\n.svc-tabbed-menu-item {\n .svc-tabbed-menu-item__text {\n white-space: nowrap;\n line-height: calcSize(4);\n }\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n width: auto;\n}\n",".svc-tabbed-menu-item {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n cursor: pointer;\n}\n.svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n outline: none;\n}\n\n.svc-tabbed-menu-item--selected {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.svc-tabbed-menu-item--disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\n\n.svc-tabbed-menu-item .svc-tabbed-menu-item__text {\n white-space: nowrap;\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n width: auto;\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu {\n display: flex;\n white-space: nowrap;\n overflow: hidden;\n align-items: center;\n height: calcSize(8);\n}\n\n.svc-tabbed-menu-wrapper {\n flex: 1 1 auto;\n overflow: hidden;\n}",".svc-tabbed-menu {\n display: flex;\n white-space: nowrap;\n overflow: hidden;\n align-items: center;\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-wrapper {\n flex: 1 1 auto;\n overflow: hidden;\n}","@import \"../../variables.scss\";\n\n.svc-toolbox__item {\n display: flex;\n position: relative;\n align-items: center;\n z-index: 20;\n outline: none;\n padding: calcSize(1) calcSize(1.5);\n\n sv-svg-icon,\n .sv-svg-icon {\n display: block;\n height: calcSize(3);\n }\n}\n\n// is always visible\n.svc-toolbox__item-container {\n outline: none;\n\n .sv-svg-icon use {\n fill: $foreground-light;\n }\n}\n\n//is visible only on hover\n.svc-toolbox__item-banner {\n opacity: 0;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n margin-right: 0;\n margin-left: calcSize(-1.5);\n\n .svc-toolbox__item-icon {\n position: absolute;\n display: block;\n left: calcSize(1.5);\n top: calcSize(1);\n }\n\n .svc-toolbox__item-title {\n color: $foreground;\n }\n\n .sv-svg-icon use {\n fill: $primary;\n }\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-toolbox__item:hover .svc-toolbox__item-banner,\n .svc-toolbox__item:focus .svc-toolbox__item-banner {\n flex-direction: row-reverse;\n padding-right: calcSize(1.5);\n padding-left: calcSize(2);\n margin-left: 0;\n margin-right: 0;\n transform: translateX(calc(1.5 * #{$base-unit}));\n\n .svc-toolbox__item-title {\n padding-left: calcSize(1);\n padding-right: calcSize(4);\n }\n }\n\n .svc-toolbox__item {\n flex-direction: row-reverse;\n }\n\n .svc-toolbox__tool.sv-dots {\n place-self: flex-end;\n }\n\n .svc-toolbox__tool {\n justify-content: flex-end;\n }\n\n .svc-toolbox__category {\n align-items: flex-end;\n }\n\n .svc-toolbox__item-banner {\n .svc-toolbox__item-icon {\n left: auto;\n right: calcSize(1.5);\n }\n }\n}\n\n.svc-toolbox__item-title {\n @include smallBold;\n\n display: block;\n padding-left: calcSize(1);\n padding-right: calcSize(1.5);\n white-space: nowrap;\n color: $foreground-light;\n}\n\n.svc-toolbox__item:hover,\n.svc-toolbox__item:focus {\n .svc-toolbox__item-banner {\n max-width: calcSize(100);\n padding-left: calcSize(1.5);\n padding-right: calcSize(2);\n opacity: 1;\n\n .svc-toolbox__item-title {\n padding-left: calcSize(4);\n }\n }\n}\n\n.svc-toolbox:not(.svc-toolbox--compact) {\n .svc-toolbox__item:not(.sv-dots):focus,\n .svc-toolbox__item:not(.sv-dots):hover {\n overflow: hidden;\n border-radius: calcSize(12.5);\n background-color: $background;\n box-shadow: $shadow-medium;\n transition: 0.1s ease-in-out;\n\n .svc-toolbox__item-title {\n color: $foreground;\n }\n\n .sv-svg-icon use {\n fill: $primary;\n }\n }\n}\n\n.svc-toolbox__tool .sv-dots__item:hover:enabled,\n.svc-toolbox__tool .sv-dots__item:focus:enabled,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {\n background-color: $primary-light;\n border-radius: calcSize(12.5);\n\n .sv-svg-icon use {\n fill: $primary;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-toolbox-popup {\n direction: rtl;\n }\n}\n\n.svc-toolbox-popup {\n .sv-list__item {\n &:first-child {\n .sv-list__item-separator {\n display: none;\n }\n }\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(5);\n }\n }\n}\n\n.svc-toolbox,\n.svc-toolbox:not(.svc-toolbox--compact) {\n .svc-toolbox__tool--pressed {\n\n .svc-toolbox__item:not(.sv-dots),\n .svc-toolbox__item:not(.sv-dots):hover {\n .sv-svg-icon use {\n fill: $foreground;\n opacity: 0.5;\n }\n\n color: $foreground;\n opacity: 0.5;\n }\n }\n}",".svc-toolbox__item {\n display: flex;\n position: relative;\n align-items: center;\n z-index: 20;\n outline: none;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__item sv-svg-icon,\n.svc-toolbox__item .sv-svg-icon {\n display: block;\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__item-container {\n outline: none;\n}\n.svc-toolbox__item-container .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__item-banner {\n opacity: 0;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n margin-right: 0;\n margin-left: calc(-1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-icon {\n position: absolute;\n display: block;\n left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-toolbox__item-banner .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner,\n.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner {\n flex-direction: row-reverse;\n padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: 0;\n margin-right: 0;\n transform: translateX(calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,\n[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction:rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction:rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction: rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction: rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {\n padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-toolbox__item,\n[dir=rtl] .svc-toolbox__item,\n[style*=\"direction:rtl\"] .svc-toolbox__item,\n[style*=\"direction: rtl\"] .svc-toolbox__item {\n flex-direction: row-reverse;\n}\n.svc-creator__toolbox--right .svc-toolbox__tool.sv-dots,\n[dir=rtl] .svc-toolbox__tool.sv-dots,\n[style*=\"direction:rtl\"] .svc-toolbox__tool.sv-dots,\n[style*=\"direction: rtl\"] .svc-toolbox__tool.sv-dots {\n place-self: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__tool,\n[dir=rtl] .svc-toolbox__tool,\n[style*=\"direction:rtl\"] .svc-toolbox__tool,\n[style*=\"direction: rtl\"] .svc-toolbox__tool {\n justify-content: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__category,\n[dir=rtl] .svc-toolbox__category,\n[style*=\"direction:rtl\"] .svc-toolbox__category,\n[style*=\"direction: rtl\"] .svc-toolbox__category {\n align-items: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[dir=rtl] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction:rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction: rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon {\n left: auto;\n right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__item-title {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n display: block;\n padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: nowrap;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__item:hover .svc-toolbox__item-banner,\n.svc-toolbox__item:focus .svc-toolbox__item-banner {\n max-width: calc(100 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 1;\n}\n.svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {\n padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover {\n overflow: hidden;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n transition: 0.1s ease-in-out;\n}\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .svc-toolbox__item-title,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .svc-toolbox__item-title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .sv-svg-icon use,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-toolbox__tool .sv-dots__item:hover:enabled,\n.svc-toolbox__tool .sv-dots__item:focus:enabled,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,\n.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n[dir=rtl] .svc-toolbox-popup,\n[style*=\"direction:rtl\"] .svc-toolbox-popup,\n[style*=\"direction: rtl\"] .svc-toolbox-popup {\n direction: rtl;\n}\n\n.svc-toolbox-popup .sv-list__item:first-child .sv-list__item-separator {\n display: none;\n}\n.svc-toolbox-popup .sv-list__item .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 padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-end: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.5;\n}\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.5;\n}","@import \"../../variables.scss\";\n\nsvc-toolbox {\n display: flex;\n flex-direction: column;\n position: absolute;\n}\n\n.svc-toolbox {\n height: 100%;\n padding: calcSize(2) calc(calcSize(2) - 12px);\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\n scrollbar-gutter: stable both-edges;\n}\n\n_::-webkit-full-page-media,\n_:future,\n:root .svc-toolbox {\n padding: calcSize(2);\n}\n\n.svc-toolbox--compact {\n width: calcSize(10.5);\n overflow: visible;\n direction: ltr;\n scrollbar-gutter: auto;\n padding: calcSize(2);\n}\n\n.svc-toolbox__container {\n direction: ltr;\n}\n\n.svc-toolbox__category {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-toolbox__tool:not(.sv-dots) {\n display: flex;\n width: auto;\n}\n\n.svc-toolbox__tool .sv-dots__item {\n width: calcSize(6);\n margin-top: calcSize(0.5);\n}\n\n.svc-toolbox__category-separator {\n height: 1px;\n width: calcSize(6);\n background-color: $border;\n margin: calcSize(1) 0 calcSize(1.5);\n}\n\n.svc-toolbox__category-header {\n height: calcSize(5);\n padding: calcSize(1.5);\n background: $background-dim;\n // box-shadow: 0px 1px 0px $border;\n border-bottom: 1px solid $border;\n box-sizing: border-box;\n width: 100%;\n min-width: calcSize(20);\n position: relative;\n}\n\n.svc-toolbox__category-header--collapsed {\n cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n font-family: $font-family;\n font-size: calcSize(1.5);\n font-weight: bold;\n line-height: calcSize(2);\n color: $foreground;\n vertical-align: middle;\n display: block;\n}\n\n.svc-toolbox__category-header__controls {\n position: absolute;\n right: calcSize(1);\n top: calcSize(1);\n display: none;\n\n}\n\n.svc-toolbox__category-header__button {\n fill: $foreground-light;\n}\n\n.svc-toolbox__category-header:hover {\n .svc-toolbox__category-header__controls {\n display: block;\n }\n}\n\n.svc-toolbox__tool {\n cursor: default;\n\n .sv-action__content {\n display: flex;\n padding-top: calcSize(0.5);\n flex-direction: column;\n align-items: flex-start;\n }\n}\n\n.svc-creator__toolbox--right {\n .svc-toolbox__tool {\n .sv-action__content {\n align-items: flex-end;\n }\n }\n}\n\n\n.svc-toolbox__category--collapsed {\n .svc-toolbox__tool {\n height: 0;\n visibility: hidden;\n }\n}","svc-toolbox {\n display: flex;\n flex-direction: column;\n position: absolute;\n}\n\n.svc-toolbox {\n height: 100%;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 12px);\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\n scrollbar-gutter: stable both-edges;\n}\n\n_::-webkit-full-page-media,\n_:future,\n:root .svc-toolbox {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox--compact {\n width: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: visible;\n direction: ltr;\n scrollbar-gutter: auto;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__container {\n direction: ltr;\n}\n\n.svc-toolbox__category {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-toolbox__tool:not(.sv-dots) {\n display: flex;\n width: auto;\n}\n\n.svc-toolbox__tool .sv-dots__item {\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__category-separator {\n height: 1px;\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__category-header {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n width: 100%;\n min-width: calc(20 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n}\n\n.svc-toolbox__category-header--collapsed {\n cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: bold;\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n vertical-align: middle;\n display: block;\n}\n\n.svc-toolbox__category-header__controls {\n position: absolute;\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n display: none;\n}\n\n.svc-toolbox__category-header__button {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {\n display: block;\n}\n\n.svc-toolbox__tool {\n cursor: default;\n}\n.svc-toolbox__tool .sv-action__content {\n display: flex;\n padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-creator__toolbox--right .svc-toolbox__tool .sv-action__content {\n align-items: flex-end;\n}\n\n.svc-toolbox__category--collapsed .svc-toolbox__tool {\n height: 0;\n visibility: hidden;\n}","@import \"../../variables.scss\";\n\n.svc-side-bar__container {\n display: block;\n position: relative;\n font-family: $font-family;\n min-width: 370px;\n width: 450px;\n height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n width: 3px;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n background-color: transparent;\n cursor: e-resize;\n}\n\n.svc-resizer-west {\n left: 0;\n}\n\n.svc-resizer-east {\n right: 0;\n}\n\n.svc-side-bar__container-header {\n background: $background;\n box-shadow: inset 0px -2px 0px $primary;\n // text-align: right;\n line-height: calcSize(3);\n display: flex;\n height: calcSize(8);\n}\n\n.svc-side-bar__container-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: calc(100% - calc(8 * #{$base-unit}));\n overflow-y: auto;\n background-color: $background;\n}\n\n.svc-side-bar__container-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0px calcSize(2) calcSize(3);\n box-sizing: border-box;\n background: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n}\n\n.svc-side-bar__container-title {\n display: flex;\n line-height: calcSize(4.5);\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: calcSize(1.5) calcSize(2);\n}\n\n.svc-side-bar__container-actions {\n width: 100%;\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(1);\n\n .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n }\n}\n\n\n.svc-flex-column.svc-side-bar__wrapper {\n width: auto;\n border-left: 1px solid $border;\n height: 100%;\n background-color: $background-dim;\n}\n\n.svc-side-bar {\n height: 100%;\n}\n\n.svc-flyout-side-bar {\n width: 0;\n overflow: visible;\n\n .svc-side-bar__shadow {\n background-color: $foreground-light;\n opacity: 0.75;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 900;\n }\n\n .svc-side-bar__wrapper {\n border-left: none;\n z-index: 1000;\n position: absolute;\n right: 0;\n display: inline-block;\n height: 100%;\n max-width: 100%;\n }\n}\n\n.sv-action--object-selector {\n max-width: 70%;\n\n .sv-action-bar-item {\n flex-shrink: 1;\n }\n\n .sv-action-bar-item__title {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n flex-direction: row-reverse;\n\n .svc-side-bar__wrapper {\n left: 0;\n right: unset;\n }\n\n .svc-side-bar__container-header .sv-action-bar {\n flex-direction: row-reverse;\n }\n\n .sv-action--object-selector {\n justify-content: flex-start;\n flex: 1;\n display: flex;\n }\n\n .svd-grid-hide .sv-svg-icon {\n transform: rotate(180deg);\n }\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n\n}\n\n.sv-mobile-side-bar {\n .svc-flyout-side-bar .svc-side-bar__wrapper {\n width: 100%;\n }\n .svc-side-bar__container {\n width: 100%;\n }\n}\n\n.svc-side-bar {\n .svc-toolbox {\n width: 100%;\n }\n}",".svc-side-bar__container {\n display: block;\n position: relative;\n font-family: var(--sjs-font-family, var(--font-family));\n min-width: 370px;\n width: 450px;\n height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n width: 3px;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n background-color: transparent;\n cursor: e-resize;\n}\n\n.svc-resizer-west {\n left: 0;\n}\n\n.svc-resizer-east {\n right: 0;\n}\n\n.svc-side-bar__container-header {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow-y: auto;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-side-bar__container-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-side-bar__container-title {\n display: flex;\n line-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-actions {\n width: 100%;\n box-sizing: border-box;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-side-bar__container-actions .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n}\n\n.svc-flex-column.svc-side-bar__wrapper {\n width: auto;\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-side-bar {\n height: 100%;\n}\n\n.svc-flyout-side-bar {\n width: 0;\n overflow: visible;\n}\n.svc-flyout-side-bar .svc-side-bar__shadow {\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.75;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 900;\n}\n.svc-flyout-side-bar .svc-side-bar__wrapper {\n border-left: none;\n z-index: 1000;\n position: absolute;\n right: 0;\n display: inline-block;\n height: 100%;\n max-width: 100%;\n}\n\n.sv-action--object-selector {\n max-width: 70%;\n}\n.sv-action--object-selector .sv-action-bar-item {\n flex-shrink: 1;\n}\n.sv-action--object-selector .sv-action-bar-item__title {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {\n left: 0;\n right: unset;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {\n flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {\n justify-content: flex-start;\n flex: 1;\n display: flex;\n}\n.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon {\n transform: rotate(180deg);\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n}\n\n.sv-mobile-side-bar .svc-flyout-side-bar .svc-side-bar__wrapper {\n width: 100%;\n}\n.sv-mobile-side-bar .svc-side-bar__container {\n width: 100%;\n}\n\n.svc-side-bar .svc-toolbox {\n width: 100%;\n}",".spg-action-bar {\n display: flex;\n box-sizing: content-box;\n padding-right: calcSize(0.5);\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n .sv-action:not(.sv-action--hidden):not(:last-of-type)>.sv-action__content {\n padding-right: 0;\n }\n}\n.spg-action-button {\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 color: $primary;\n font-weight: 600;\n font-size: calcSize(2);\n line-height: calcSize(3);\n font-family: $font-family;\n border-radius: calcSize(12.5);\n background-color: transparent;\n cursor: pointer;\n &:hover,\n &:focus {\n opacity: 1;\n outline: none;\n background-color: $primary-light;\n use {\n fill: $primary;\n }\n }\n}\n.spg-action-button__icon {\n display: block;\n use {\n fill: $foreground-light;\n }\n}\n.spg-action-button--danger {\n color: $red;\n &:hover,\n &:focus {\n background-color: $red-light;\n use {\n fill: $red;\n }\n }\n}\nbutton.spg-action-button--large {\n padding: calcSize(0.5) calcSize(2);\n}\n.spg-action-button:disabled {\n opacity: 0.25;\n pointer-events: none;\n cursor: default;\n}\n.spg-action-button--muted {\n opacity: 0.5;\n}\n.spg-action-button:active {\n opacity: 0.5;\n}\n.spg-action-button--text {\n padding: calcSize(0.5) calcSize(2);\n}",".spg-action-bar {\n display: flex;\n box-sizing: content-box;\n padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n.spg-action-bar .sv-action:not(.sv-action--hidden):not(:last-of-type) > .sv-action__content {\n padding-right: 0;\n}\n\n.spg-action-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: transparent;\n cursor: pointer;\n}\n.spg-action-button:hover, .spg-action-button:focus {\n opacity: 1;\n outline: none;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.spg-action-button:hover use, .spg-action-button:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-action-button__icon {\n display: block;\n}\n.spg-action-button__icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-action-button--danger {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.spg-action-button--danger:hover, .spg-action-button--danger:focus {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.spg-action-button--danger:hover use, .spg-action-button--danger:focus use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\nbutton.spg-action-button--large {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-action-button:disabled {\n opacity: 0.25;\n pointer-events: none;\n cursor: default;\n}\n\n.spg-action-button--muted {\n opacity: 0.5;\n}\n\n.spg-action-button:active {\n opacity: 0.5;\n}\n\n.spg-action-button--text {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n}\n\n.spg-question__header {\n width: 100%;\n}\n\n.spg-question__title {\n width: 100%;\n margin: 0;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: normal;\n box-sizing: border-box;\n}\n\n.spg-question__content {\n width: 100%;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n display: flex;\n}\n\n.spg-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(--sjs-font-family, var(--font-family));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n position: absolute;\n inset-inline-end: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-block-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__description {\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: normal;\n}\n\n.spg-row-narrow__question {\n margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-row--multiple > div > .spg-row-narrow__question {\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question--location--left {\n flex-direction: row;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n line-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n vertical-align: middle;\n align-items: stretch;\n}\n.spg-question--location--left:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-question__header--location--left {\n width: auto;\n box-sizing: border-box;\n max-width: 50%;\n flex: 1;\n display: flex;\n align-items: center;\n}\n.spg-question__header--location--left .spg-question__title {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n display: inline-block;\n}\n\n.spg-question__content--left {\n flex: 2;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input {\n background-color: transparent;\n box-shadow: none;\n border: none;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input:focus, .spg-question__content--left .spg-input.spg-input.spg-input:focus-within {\n box-shadow: none;\n}\n\n.spg-row--multiple {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n flex-wrap: wrap;\n}\n.spg-row--multiple > div {\n flex-grow: 1;\n min-width: calc(25.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div .spg-question__header--location--left {\n min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div input {\n min-width: max(17 * var(--sjs-base-unit, var(--base-unit, 8px)), 100%);\n width: 0;\n}\n\n.spg-question__erbox {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-question__erbox > div {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-question__erbox-icon {\n display: block;\n flex-grow: 0;\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 background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-repeat: no-repeat;\n background-position: 0 0;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: normal;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-restfull .spg-panel__content,\n.spg-masksettings .spg-panel__content {\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-restfull .spg-panel__content .spg-row,\n.spg-masksettings .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.spg-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n width: 100%;\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n outline: none;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-input:focus,\n.spg-input.spg-dropdown:focus,\n.spg-input.spg-dropdown:focus-within,\n.spg-input-container:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.spg-input[type=color] {\n padding-left: 0;\n padding-right: 0;\n min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-input__edit-button {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: none;\n outline: none;\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 padding: var(--sjs-base-unit, var(--base-unit, 8px));\n line-height: 0;\n}\n.spg-input__edit-button:focus, .spg-input__edit-button:hover {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-input__edit-button:active {\n opacity: 0.5;\n}\n.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {\n opacity: 0.25;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-input__edit-button svg {\n height: 24px;\n width: 24px;\n fill: rgba(0, 0, 0, 0.45);\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.spg-input-container {\n display: flex;\n justify-content: space-between;\n cursor: default;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n align-items: center;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: 0 0 0 1px inset var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.spg-input-container--multiline {\n align-items: end;\n flex-direction: column;\n gap: 0;\n height: auto;\n}\n.spg-input-container--multiline sv-ng-question-comment {\n height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-input-container--multiline .spg-input-container__input {\n box-sizing: border-box;\n resize: none;\n}\n\n.spg-input-container__input {\n flex-grow: 1;\n width: 100%;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n outline: none;\n border: none;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n display: flex;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-dropdown {\n border-radius: 0;\n display: flex;\n padding-right: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-position: right calc(1.625 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n line-height: unset;\n}\n\n.spg-dropdown_chevron-button {\n line-height: normal;\n}\n\n.spg-dropdown-popup {\n height: 0;\n}\n\n.spg-comment {\n height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: 100%;\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 line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-panel__title {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n outline: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n cursor: pointer;\n text-align: left;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: 400;\n margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-panel__title--expanded {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 600;\n}\n\n.spg-panel__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-panel__content .spg-row {\n width: 100%;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-panel__content .spg-row--multiple {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-mobile-side-bar .spg-panel__content {\n padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__nopadding .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\n}\n\n.spg-checkbox {\n cursor: pointer;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox--disabled {\n cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox {\n cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox__caption {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-checkbox__caption {\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox__rectangle {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\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 flex-shrink: 0;\n padding: 1px 1px;\n}\n\n.spg-checkbox:hover .spg-checkbox__rectangle {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-checkbox__control:focus + .spg-checkbox__rectangle {\n outline: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n display: block;\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 background-repeat: no-repeat;\n background-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-checkbox__control {\n position: fixed;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.spg-checkbox__hidden {\n display: none;\n}\n\n.spg-selectbase {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-checkbox .spg-question__description {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-checkbox .spg-help-action use {\n pointer-events: none;\n}\n\n.spg-matrixdynamic__drag-element {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-matrixdynamic__drag-element:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-matrixdynamic__drag-element:after {\n content: \" \";\n display: block;\n height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-drag-element__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 padding: var(--sjs-base-unit, var(--base-unit, 8px));\n display: block;\n opacity: 0.5;\n}\n.spg-drag-element__svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n content: \"\";\n width: 100%;\n height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n position: absolute;\n left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n bottom: 0;\n}\n\n.spg-matrixdynamic__placeholder {\n padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n}\n.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {\n display: initial;\n}\n\n.spg-matrixdynamic__placeholder-text {\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__add-btn {\n display: none;\n appearance: none;\n border: none;\n margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: 600;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-smiley-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 margin: var(--sjs-base-unit, var(--base-unit, 8px));\n border-radius: 100px;\n border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-smiley-icon 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 fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-table-wrapper {\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n border-bottom: none;\n}\n\n.spg-table {\n width: 100%;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-collapse: collapse;\n}\n.spg-table tr {\n border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-table__cell {\n padding: 0;\n}\n.spg-table__cell .spg-checkbox {\n margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--detail-panel {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-table__cell--detail-panel .spg-panel__content {\n box-shadow: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n appearance: none;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: none;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: transparent;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n height: auto;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {\n padding-right: 0;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n width: max-content;\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-position: right calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:first-of-type {\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:last-of-type .spg-action-bar {\n justify-content: flex-end;\n}\n\n.spg-table__cell--actions > .spg-matrixdynamic__drag-element {\n display: inline-block;\n margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: move;\n}\n\n.spg-table__cell--header {\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100px;\n}\n.spg-table__cell--header span {\n display: none;\n}\n.spg-table__cell--header .sv-string-viewer {\n display: inline;\n white-space: unset;\n}\n\n.spg-table__question-wrapper {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.spg-question-group .spg-row {\n margin-top: 0;\n}\n.spg-question-group .spg-row:not(:first-of-type) {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n display: flex;\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-item .spg-color-editor__color-swatch {\n margin-left: 0;\n}\n\n.spg-color-editor__color-swatch {\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n border-radius: 3px;\n width: calc(4 * (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 border: 1px solid rgba(0, 0, 0, 0.16);\n margin-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-swatch .sv-svg-icon {\n position: absolute;\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 left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-color-editor__color-swatch--disabled .sv-svg-icon {\n opacity: 0.25;\n}\n\n.spg-color-editor__color-swatch--default .sv-svg-icon {\n opacity: 1;\n}\n\n.spg-color-editor .spg-input__edit-button + * {\n margin-inline-end: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-file-edit__choose-button {\n position: relative;\n}\n\n.spg-link {\n display: flex;\n}\n\n.sv-string-viewer .spg-link {\n display: initial;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n text-decoration-line: underline;\n}\n\n.spg-theme-builder-root .sv-skeleton-element {\n min-height: 50px;\n}\n.spg-theme-builder-root .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-panel__footer {\n justify-content: center;\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;\n padding: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__add-btn {\n margin: 0 auto;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {\n display: none;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {\n min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);\n min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div input {\n min-width: 0;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {\n height: auto;\n}\n.spg-theme-builder-root .sv-button-group {\n overflow: hidden;\n}\n.spg-theme-builder-root .spg-question__header--location--left {\n width: max-content;\n flex: 0 0;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title .sv-string-viewer {\n white-space: nowrap;\n}\n.spg-theme-builder-root .spg-nested-panel {\n padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-nested-panel::after {\n content: \" \";\n display: block;\n position: relative;\n left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n height: 1px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.spg-theme-builder-root .spg-nested-panel__content {\n padding: 0;\n box-shadow: none;\n}\n.spg-theme-builder-root .spg-nested-panel__content > .spg-row {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel-group__content {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-panel-group__content::after {\n content: none;\n}\n.spg-theme-builder-root .spg-panel-group__content > .spg-row {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.spg-theme-builder-root .spg-panel-group__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel-group__title,\n.spg-theme-builder-root .spg-nested-panel__title {\n width: 100%;\n margin: 0;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: normal;\n box-sizing: border-box;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {\n content: none;\n}\n.spg-theme-builder-root .spg-theme-group-caption {\n --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--default-bold-font-size));\n color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n position: relative;\n top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n cursor: auto;\n}\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {\n background-color: unset;\n}\n.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {\n pointer-events: none;\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root .spg-nested-panel__content::after {\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n min-width: 0;\n flex: 0 0 max-content;\n}\n\n.spg-link-wrapper--overriding {\n align-self: end;\n}\n.spg-link-wrapper--overriding .svc-action-button {\n text-decoration: underline;\n padding: 0;\n border: none;\n margin: 0;\n}\n.spg-link-wrapper--overriding .svc-action-button:focus, .spg-link-wrapper--overriding .svc-action-button:hover {\n background-color: transparent;\n}\n\n.spg-editor--highlighted .spg-input,\n.spg-editor--highlighted .spg-input-container,\n.spg-editor--highlighted .spg-question--location--left,\n.spg-editor--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content {\n outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n outline-offset: -2px;\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {\n box-shadow: none;\n}\n.spg-editor--highlighted .svc-action-button {\n background-color: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n.spg-editor--highlighted .sv-button-group {\n box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {\n outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n outline-offset: -2px;\n}\n\n.spg-search-editor_container {\n --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n position: absolute;\n border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.spg-search-editor_input {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-style: normal;\n font-weight: 600;\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: transparent;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n font-size: max(16px, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.spg-search-editor_input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-search-editor_toolbar {\n display: flex;\n gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action-bar {\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: min-content;\n margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n flex-shrink: 0;\n}\n\n.spg-search-editor_search-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.spg-search-editor_search-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.spg-search-editor_search-icon .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n}\n\n.spg-container {\n width: 100%;\n}\n.spg-container * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n.spg-container .sd-row--fade-out,\n.spg-container .sd-row--fade-in {\n animation: none;\n}\n.spg-container .sd-element-wrapper--fade-out,\n.spg-container .sd-element-wrapper--fade-in {\n animation: none;\n}\n.spg-container .sd-element__content--fade-in,\n.spg-container .sd-element__content--fade-out {\n animation: none;\n}\n\n.spg-container.spg-container_search {\n height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: 1px;\n height: calc(100% - 1px - 7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: auto;\n}\n\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-popup_shadow {\n background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-root-modern {\n background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-page {\n margin: 0;\n padding: 0;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-components-column--expandable {\n min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--modal .sv-popup__footer {\n padding-bottom: 2px;\n}\n.sv-popup--modal .sd-body,\n.sv-popup--modal .sl-body {\n min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-title .spg-action-bar {\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: 1px;\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-title-toolobar--single-help-action {\n justify-content: flex-start;\n padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action {\n flex-grow: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon {\n opacity: 0.5;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:focus,\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:hover {\n opacity: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button:active {\n opacity: 0.5;\n}\n.spg-title-toolobar--single-help-action .spg-help-action svg {\n fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}",".spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n}\n\n.spg-question__header {\n width: 100%;\n}\n\n@mixin question_tile {\n width: 100%;\n margin: 0;\n padding: calcSize(1) 0;\n line-height: calcSize(3);\n font-size: calcSize(2);\n font-family: $font-family;\n color: $foreground-light;\n font-weight: normal;\n box-sizing: border-box;\n}\n\n.spg-question__title {\n @include question_tile;\n}\n\n.spg-question__content {\n width: 100%;\n color: $primary;\n cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n display: flex;\n}\n\n.spg-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: calcSize(2);\n font-size: calcSize(1.5);\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(0.75);\n inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n line-height: calcSize(2);\n font-size: calcSize(1.5);\n color: $foreground-dim-light;\n padding-bottom: calcSize(2);\n white-space: normal;\n}\n\n.spg-row-narrow__question {\n margin-top: calcSize(-2);\n}\n\n.spg-row--multiple {\n &>div>.spg-row-narrow__question {\n margin-top: calcSize(-1);\n }\n}\n\n.spg-question--location--left {\n flex-direction: row;\n background: $background;\n box-shadow: inset 0 0 0 1px $border-inside;\n line-height: calcSize(6);\n vertical-align: middle;\n align-items: stretch;\n\n &:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n }\n}\n\n.spg-question__header--location--left {\n width: auto;\n box-sizing: border-box;\n max-width: 50%;\n flex: 1;\n\n .spg-question__title {\n padding: calcSize(1) calcSize(2);\n border-right: 1px solid $border;\n display: inline-block;\n }\n\n display: flex;\n align-items: center;\n}\n\n.spg-question__content--left {\n flex: 2;\n\n .spg-input.spg-input.spg-input {\n background-color: transparent;\n\n &:focus,\n &:focus-within {\n box-shadow: none;\n }\n\n box-shadow: none;\n border: none;\n }\n}\n\n.spg-row--multiple {\n display: flex;\n gap: calcSize(1);\n flex-wrap: wrap;\n\n &>div {\n flex-grow: 1;\n min-width: calcSize(25.5);\n\n .spg-question__header--location--left {\n min-width: calcSize(8);\n }\n\n input {\n min-width: calc(max(17 * #{$base-unit}, 100%));\n width: 0;\n }\n }\n}\n\n.spg-question__erbox {\n padding: calcSize(1) calcSize(1.5) calcSize(1) calcSize(1.5);\n color: $foreground;\n background-color: $red-light;\n border-radius: calcSize(0.5);\n line-height: calcSize(3);\n\n &>div {\n display: flex;\n gap: calcSize(1);\n }\n}\n\n.spg-question__erbox-icon {\n display: block;\n flex-grow: 0;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(3);\n background-size: calcSize(3) calcSize(3);\n background-repeat: no-repeat;\n background-position: 0 0;\n line-height: calcSize(3);\n white-space: normal;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n .spg-panel__content {\n gap: calcSize(2);\n\n .spg-row {\n margin-top: 0;\n }\n }\n}\n",".spg-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: $background;\n box-sizing: border-box;\n width: 100%;\n height: calcSize(6);\n border: none;\n box-shadow: inset 0 0 0 1px $border-inside;\n padding: calcSize(1.5) calcSize(2);\n outline: none;\n font-size: calcSize(2);\n font-family: $font-family;\n color: $foreground;\n}\n\n.spg-input::placeholder {\n color: $foreground-light;\n}\n\n.spg-input:focus,\n.spg-input.spg-dropdown:focus,\n.spg-input.spg-dropdown:focus-within,\n.spg-input-container:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n color: $foreground;\n opacity: 0.25;\n}\n\n.spg-input[type=\"color\"] {\n padding-left: 0;\n padding-right: 0;\n min-width: calcSize(8);\n}\n\n.spg-input__edit-button {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n background: $background;\n border: none;\n outline: none;\n width: calcSize(5);\n height: calcSize(5);\n padding: calcSize(1);\n line-height: 0;\n\n &:focus,\n &:hover {\n background: $background-dim;\n }\n\n &:active {\n opacity: 0.5;\n }\n\n &.spg-input__edit-button--disabled,\n &:disabled {\n opacity: 0.25;\n background: $background;\n }\n\n svg {\n height: 24px;\n width: 24px;\n fill: rgba(0, 0, 0, 0.45);\n }\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset $red;\n}\n\n.spg-input-container {\n display: flex;\n justify-content: space-between;\n cursor: default;\n padding: calcSize(0.5);\n align-items: center;\n gap: calcSize(0.5);\n box-shadow: 0 0 0 1px inset $border-inside;\n}\n\n.spg-input-container--multiline {\n align-items: end;\n flex-direction: column;\n gap: 0;\n height: auto;\n\n sv-ng-question-comment {\n height: calcSize(9);\n }\n\n .spg-input-container__input {\n box-sizing: border-box;\n resize: none;\n }\n}\n\n.spg-input-container__input {\n flex-grow: 1;\n width: 100%;\n padding: calcSize(1) calcSize(1.5);\n color: $foreground;\n font-size: calcSize(2);\n font-family: $font-family;\n outline: none;\n border: none;\n line-height: calcSize(3);\n background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n display: flex;\n gap: calcSize(0.5);\n}",".spg-dropdown {\n border-radius: 0;\n display: flex;\n padding-right: calcSize(5.5);\n line-height: calcSize(3);\n background-position: right calcSize(1.625) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n line-height: unset;\n}\n.spg-dropdown_chevron-button {\n line-height: normal;\n}\n.spg-dropdown-popup {\n height: 0;\n}",".spg-comment {\n height: calcSize(9);\n max-width: 100%;\n min-width: calcSize(6);\n min-height: calcSize(6);\n line-height: calcSize(3);\n}\n",".spg-panel__title {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(2);\n border: none;\n outline: none;\n color: $foreground-light;\n cursor: pointer;\n text-align: left;\n background-color: $background;\n box-shadow: inset 0px -1px 0px $border;\n font-family: $font-family;\n font-size: calcSize(2);\n font-weight: 400;\n margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: $foreground;\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n background-color: $background-dim;\n}\n\n.spg-panel__title--expanded {\n color: $foreground;\n font-weight: 600;\n}\n\n.spg-panel__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0 calcSize(4) calcSize(5);\n box-sizing: border-box;\n background: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n}\n\n.spg-panel__content {\n .spg-row {\n width: 100%;\n margin-top: calcSize(2);\n }\n\n .spg-row--multiple {\n margin-top: calcSize(1);\n }\n}\n\n.sv-mobile-side-bar {\n .spg-panel__content {\n padding: 0 calcSize(2) calcSize(5);\n }\n}\n\n.spg-question__nopadding {\n .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\n }\n}",".spg-checkbox {\n cursor: pointer;\n margin-top: calcSize(2);\n}\n\n.spg-checkbox--disabled {\n cursor: default;\n\n .spg-checkbox {\n cursor: default;\n }\n\n .spg-checkbox__caption {\n color: $foreground-light;\n }\n}\n\n.spg-checkbox__caption {\n font-family: $font-family;\n font-size: calcSize(2);\n color: $foreground;\n line-height: calcSize(3);\n}\n\n.spg-checkbox__rectangle {\n background: $background;\n border: 1px solid $border;\n box-sizing: border-box;\n width: calcSize(3);\n height: calcSize(3);\n flex-shrink: 0;\n // padding: calcSize(0.5);\n padding: 1px 1px;\n}\n\n.spg-checkbox:hover {\n .spg-checkbox__rectangle {\n background-color: $background-dim;\n }\n}\n\n.spg-checkbox--disabled {\n .spg-checkbox__rectangle:hover {\n background: $background;\n }\n}\n\n.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n outline: 2px solid $primary;\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n display: block;\n width: calcSize(2.5);\n height: calcSize(2.5);\n background-repeat: no-repeat;\n background-size: calcSize(2) calcSize(2);\n fill: $primary;\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: $border;\n}\n\n.spg-checkbox__control {\n position: fixed;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n//todo: need to hide unneeded icons\n.spg-checkbox__hidden {\n display: none;\n}\n\n.spg-selectbase {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: calcSize(1);\n}\n\n.spg-checkbox {\n .spg-question__description {\n padding: calcSize(1) 0 0 calcSize(4);\n }\n\n .spg-help-action {\n use {\n pointer-events: none;\n }\n }\n}",".spg-matrixdynamic__drag-element {\n padding: calcSize(2);\n &:hover {\n background-color: $background;\n }\n &:after {\n content: \" \";\n display: block;\n height: calcSize(0.5);\n }\n}\n\n.spg-drag-element__svg {\n width: calcSize(3);\n height: calcSize(3);\n padding: calcSize(1);\n display: block;\n opacity: 0.5;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n content: \"\";\n width: 100%;\n height: calcSize(0.5);\n background-color: $secondary;\n position: absolute;\n left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n bottom: 0;\n}\n.spg-matrixdynamic__placeholder {\n padding: calcSize(6) 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: $background;\n border: 1px solid $border;\n box-sizing: border-box;\n .spg-matrixdynamic__add-btn {\n display: initial;\n }\n}\n.spg-matrixdynamic__placeholder-text {\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: $foreground-light;\n}\n.spg-matrixdynamic__add-btn {\n display: none;\n appearance: none;\n border: none;\n margin-top: calcSize(0.5);\n background: transparent;\n color: $primary;\n font-family: $font-family;\n font-size: calcSize(2);\n font-weight: 600;\n line-height: calcSize(3);\n}\n\n.spg-smiley-icon {\n width: calcSize(3);\n height: calcSize(3);\n margin: calcSize(1);\n border-radius: 100px;\n border: 1px solid $foreground;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calcSize(4);\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n fill: $foreground;\n }\n}",".spg-table-wrapper {\n border: 1px solid $border;\n border-bottom: none;\n}\n\n.spg-table {\n width: 100%;\n background-color: $background;\n border-collapse: collapse;\n\n tr {\n border-bottom: 1px solid $border;\n }\n}\n\n.spg-table__cell {\n padding: 0;\n\n .spg-checkbox {\n margin: 0 calcSize(2);\n }\n}\n\n.spg-table__cell--detail-panel {\n .spg-panel__content {\n box-shadow: none;\n }\n\n background: $background-dim;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n appearance: none;\n line-height: calcSize(3);\n font-size: calcSize(2);\n box-shadow: none;\n border-radius: calcSize(0.5);\n background-color: transparent;\n padding: calcSize(1);\n height: auto;\n\n &[type=\"color\"] {\n padding-right: 0;\n }\n\n &:focus,\n &:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n width: max-content;\n padding-right: calcSize(4);\n background-size: calcSize(3) calcSize(3);\n background-position: right calcSize(0.5) top 50%, 0 0;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calcSize(2);\n}\n\n.spg-table__cell--actions:first-of-type {\n width: calcSize(5);\n}\n\n.spg-table__cell--actions:last-of-type {\n .spg-action-bar {\n justify-content: flex-end;\n }\n}\n\n.spg-table__cell--actions>.spg-matrixdynamic__drag-element {\n display: inline-block;\n margin-top: calcSize(0.5);\n cursor: move;\n}\n\n.spg-table__cell--header {\n font-size: calcSize(1.5);\n font-weight: normal;\n color: $foreground-light;\n line-height: calcSize(3);\n background: $background-dim;\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100px;\n\n span {\n display: none;\n }\n\n .sv-string-viewer {\n display: inline;\n white-space: unset;\n }\n}\n\n.spg-table__question-wrapper {\n padding: calcSize(0.5) 0;\n}",".spg-question-group {\n .spg-row {\n margin-top: 0;\n &:not(:first-of-type) {\n margin-top: calcSize(1);\n }\n }\n}\n",".spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n display: flex;\n gap: calcSize(2);\n\n .spg-color-editor__color-swatch {\n margin-left: 0;\n }\n}\n\n.spg-color-editor__color-swatch {\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n border-radius: 3px;\n width: calcSize(4);\n height: calcSize(3);\n box-sizing: border-box;\n border: 1px solid rgba(0, 0, 0, 0.16);\n margin-left: calcSize(1.5);\n\n .sv-svg-icon {\n position: absolute;\n width: calcSize(2);\n height: calcSize(2);\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n fill: $background;\n }\n}\n\n.spg-color-editor__color-swatch--disabled {\n .sv-svg-icon {\n opacity: 0.25;\n }\n}\n\n.spg-color-editor__color-swatch--default {\n .sv-svg-icon {\n opacity: 1;\n }\n}\n\n.spg-color-editor .spg-input__edit-button+* {\n margin-inline-end: calcSize(-0.5);\n}",".spg-file-edit__choose-button {\n position: relative;\n}\n",".spg-link {\n display: flex;\n}\n\n.sv-string-viewer {\n .spg-link {\n display: initial;\n color: $primary;\n font-weight: 600;\n text-decoration-line: underline;\n }\n}",".spg-theme-builder-root {\n .sv-skeleton-element {\n min-height: 50px;\n }\n\n .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calcSize(2);\n }\n\n .spg-panel__footer {\n justify-content: center;\n margin: calcSize(1) 0 0 0;\n padding: 0;\n }\n\n .spg-paneldynamic__add-btn {\n margin: 0 auto;\n }\n\n .spg-row--multiple {\n .spg-spin-editor {\n .spg-input-container__buttons-container {\n display: none;\n }\n }\n\n .spg-question__header--location--left {\n min-width: auto;\n }\n\n &>div {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(50% - #{$base-unit} * 0.5);\n min-width: auto;\n\n input {\n min-width: 0;\n }\n\n .spg-question--location--left {\n height: calcSize(6);\n box-sizing: border-box;\n\n .spg-input {\n height: auto;\n }\n }\n }\n }\n\n .sv-button-group {\n overflow: hidden;\n }\n\n .spg-question__header--location--left {\n width: max-content;\n flex: 0 0;\n\n .spg-question__title {\n white-space: nowrap;\n .sv-string-viewer {\n white-space: nowrap;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n //2 level nested\n .spg-nested-panel {\n padding-bottom: calcSize(5);\n\n &::after {\n content: \" \";\n display: block;\n position: relative;\n left: calcSize(-4);\n top: calc(5 * #{$base-unit});\n width: calc(8 * #{$base-unit} + 100%);\n height: 1px;\n background-color: $border;\n }\n }\n\n .spg-nested-panel__content {\n padding: 0;\n box-shadow: none;\n\n &>.spg-row {\n margin-top: calcSize(2);\n\n &:first-of-type {\n margin-top: 0;\n }\n }\n }\n\n .spg-panel-group__content {\n padding-bottom: 0;\n\n &::after {\n content: none;\n }\n\n &>.spg-row {\n margin-top: calcSize(1);\n\n &:first-of-type {\n margin-top: 0;\n }\n }\n }\n\n .spg-panel-group__title,\n .spg-nested-panel__title {\n @include question_tile;\n }\n\n .spg-paneldynamic__panel-wrapper>.spg-nested-panel,\n .spg-row:last-of-type>div>.spg-nested-panel {\n padding-bottom: 0;\n\n &::after {\n content: none;\n }\n }\n\n .spg-theme-group-caption {\n @include defaultBold;\n color: $foreground-dim;\n\n position: relative;\n top: calc(4 * #{$base-unit});\n padding: calc(1 * #{$base-unit}) 0;\n cursor: auto;\n }\n\n .sv-theme-group_title-action .spg-action-button:hover,\n .sv-theme-group_title-action .spg-action-button:focus {\n background-color: unset;\n }\n\n .sd-panel__header.sd-element__header .spg-action-bar {\n pointer-events: none;\n }\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root {\n .spg-nested-panel__content::after {\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}",".spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n min-width: 0;\n flex: 0 0 max-content;\n}\n.spg-link-wrapper--overriding {\n align-self: end;\n .svc-action-button {\n text-decoration: underline;\n padding: 0;\n border: none;\n margin: 0;\n &:focus,\n &:hover {\n background-color: transparent;\n }\n }\n}",".spg-editor--highlighted {\n .spg-input,\n .spg-input-container,\n .spg-question--location--left,\n .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n box-shadow: 0 0 0 2px $secondary;\n }\n .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n .spg-matrixdynamic__content.spg-text__content {\n outline: 2px solid $secondary;\n outline-offset: -2px;\n\n .spg-input {\n box-shadow: none;\n }\n }\n .svc-action-button {\n background-color: $secondary-light;\n }\n .sv-button-group {\n box-shadow: 0 0 0 1px $secondary;\n border-color: $secondary;\n }\n .spg-checkbox__control + .spg-checkbox__rectangle {\n outline: 2px solid $secondary;\n outline-offset: -2px;\n }\n}\n\n.spg-search-editor_container {\n --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n position: absolute;\n border-bottom: 1px solid $border;\n background: $background-dim;\n padding: calcSize(2);\n height: calcSize(3);\n width: calc(100% - calc(4 * #{$base-unit}));\n display: flex;\n align-items: center;\n}\n\n.spg-search-editor_input {\n @include textEllipsis;\n color: $foreground;\n\n font-family: $font-family;\n font-size: calcSize(1.5);\n font-style: normal;\n font-weight: 600;\n line-height: calcSize(2);\n\n border: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n display: block;\n background: transparent;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n padding-inline-start: calcSize(1);\n padding-inline-end: calcSize(1);\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n $fontSize: calcSize(1.5);\n font-size: Max(16px, #{$fontSize});\n}\n\n.spg-search-editor_input::placeholder {\n color: $foreground-light;\n}\n\n.spg-search-editor_toolbar {\n display: flex;\n gap: calcSize(1.5);\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n}\n.spg-search-editor_toolbar .sv-action-bar {\n gap: calcSize(0.5);\n margin: 0;\n flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n padding: calcSize(0.5);\n height: min-content;\n margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n color: $foreground-light;\n\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: calcSize(1.5);\n line-height: calcSize(2);\n display: flex;\n flex-shrink: 0;\n}\n\n.spg-search-editor_search-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n .sv-svg-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n use {\n fill: $foreground-light;\n }\n }\n}\n","@import \"../variables.scss\";\n\n@import \"blocks/spg-action-bar.scss\";\n@import \"blocks/spg-question.scss\";\n@import \"blocks/spg-input.scss\";\n@import \"blocks/spg-dropdown.scss\";\n@import \"blocks/spg-comment.scss\";\n@import \"blocks/spg-panel.scss\";\n@import \"blocks/spg-checkbox.scss\";\n@import \"blocks/spg-matrixdynamic.scss\";\n@import \"blocks/spg-table.scss\";\n@import \"blocks/spg-question-group.scss\";\n@import \"blocks/spg-color-editor.scss\";\n@import \"blocks/spg-file-edit.scss\";\n@import \"blocks/spg-link\";\n@import \"blocks/spg-theme-builder.scss\";\n@import \"blocks/spg-overriding.scss\";\n@import \"blocks/spg-search-editor.scss\";\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-right: 1px solid $border;\n box-sizing: border-box;\n}\n\n.spg-container {\n width: 100%;\n @include disableTransitionAnimations;\n @include disableAnimations;\n}\n\n.spg-container.spg-container_search {\n height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n top: calcSize(7);\n margin-top: 1px;\n height: calc(100% - 1px - calcSize(7));\n overflow: auto;\n}\n\n.sv-popup--modal {\n &.sv-property-editor .sv-popup__container {\n .sv-popup_shadow {\n background-color: transparent;\n }\n\n .sd-root-modern {\n background-color: transparent;\n }\n\n .sd-page {\n margin: 0;\n padding: 0;\n }\n\n .sv-components-column--expandable {\n min-width: calcSize(78);\n }\n }\n\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n\n .sd-body,\n .sl-body {\n min-width: calcSize(78);\n }\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n}\n\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-title {\n .spg-action-bar {\n margin-top: calcSize(-1);\n margin-bottom: calcSize(-1);\n margin-right: 1px;\n }\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calcSize(3);\n}\n\n.spg-title-toolobar--single-help-action {\n justify-content: flex-start;\n padding-left: calcSize(0.5);\n\n // flex-grow: 0;\n // margin-left: 0;\n // padding-left: 0;\n\n .spg-help-action {\n flex-grow: 1;\n .spg-action-button--icon {\n opacity: 0.5;\n padding: calcSize(0.5);\n }\n\n .spg-action-button--icon:focus,\n .spg-action-button--icon:hover {\n opacity: 1;\n }\n\n .spg-action-button:active {\n opacity: 0.5;\n }\n\n svg {\n fill: $foreground-dim-light;\n }\n }\n}\n","@import \"../variables.scss\";\n\n.svc-text {\n font-family: $font-family;\n font-style: normal;\n font-weight: normal;\n color: $foreground;\n}\n\n.svc-text--normal {\n font-size: calcSize(2);\n line-height: calcSize(3);\n}\n\n.svc-text--small {\n font-size: calcSize(1.5);\n line-height: calcSize(2);\n}\n\n.svc-text--bold {\n font-weight: 600;\n}\n",".svc-text {\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: normal;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-text--normal {\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--small {\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--bold {\n font-weight: 600;\n}","@import \"../variables.scss\";\n\n.svc-flex-container {\n display: flex;\n}\n\n.svc-flex-row {\n display: flex;\n flex-direction: row;\n background: $background-dim;\n}\n\n.svc-full-container {\n height: 100%;\n width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n height: calcSize(60);\n min-height: calcSize(60);\n flex-grow: 1;\n}\n.svc-flex-row__element--growing {\n flex: 1;\n overflow: auto;\n}\n\n.svc-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n height: calcSize(5);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calcSize(4);\n}\n.svc-creator--mobile {\n .sv-action-bar-separator {\n height: calcSize(3);\n }\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n font-weight: 600;\n align-items: center;\n}\n\n.svc-top-bar {\n display: flex;\n background: $background;\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px $border;\n\n .svc-toolbar-wrapper {\n flex: 0 0 auto;\n display: flex;\n\n .sv-action-bar {\n padding: 0 calcSize(1);\n justify-content: flex-end;\n }\n \n .sv-action-bar-separator {\n display: none;\n }\n .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n display: inline-block;\n }\n\n .sv-action .sv-action-bar-item {\n margin: 0 calcSize(1);\n }\n }\n}\n.svc-footer-bar {\n .svc-toolbar-wrapper {\n height: calcSize(6);\n\n .sv-action-bar {\n justify-content: center;\n padding: 0;\n width: 100%;\n\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n box-sizing: border-box;\n }\n }\n}",".svc-flex-container {\n display: flex;\n}\n\n.svc-flex-row {\n display: flex;\n flex-direction: row;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-full-container {\n height: 100%;\n width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-grow: 1;\n}\n\n.svc-flex-row__element--growing {\n flex: 1;\n overflow: auto;\n}\n\n.svc-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--mobile .sv-action-bar-separator {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n font-weight: 600;\n align-items: center;\n}\n\n.svc-top-bar {\n display: flex;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.svc-top-bar .svc-toolbar-wrapper {\n flex: 0 0 auto;\n display: flex;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: flex-end;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {\n display: none;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n display: inline-block;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {\n margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-footer-bar .svc-toolbar-wrapper {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {\n justify-content: center;\n padding: 0;\n width: 100%;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n}"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/responsivity.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/switcher.scss","webpack://SurveyCreatorCore/./src/components/tabs/theme-builder.scss","webpack://SurveyCreatorCore/theme-builder.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/creator.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/page.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/question.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/link-value.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/toolbox.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/side-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/property-grid.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-input.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-dropdown.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-comment.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-panel.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-checkbox.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-matrixdynamic.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-table.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question-group.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-color-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-file-edit.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-link.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-theme-builder.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-overriding.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-search-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/property-grid.scss","webpack://SurveyCreatorCore/./src/utils/design.scss","webpack://SurveyCreatorCore/design.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/layout.scss"],"names":[],"mappings":";;;;;;AACA;EACE;EACA;EACA;ACAF;;ADEA;EACE;EACA;EACA,uEEYW;EFXX;EACA;EACA;EACA;EACA;EAIA;ACFF;ADDE;EACE,0EEee;ADZnB;;ADII;EACE,2DExBI;ADuBV;;ADQI;EACE,iDEYA;ADjBN,C;AEzBA;EACE;EACA;EACA,4EDiBe;AElBjB;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF,C;ACbA;EACE;EACA;EACA,4EHiBe;AIlBjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEH3BQ;EG4BR,oEHzBmB;EG0BnB;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA,oDHsBU;EGpBV,uEHlBW;EGmBX;EACA;EACA;EAEA,+DHdW;EGeX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDHPA;AIIN;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE,uDHnBY;EGoBZ;EACA;EACA;EACA,kFHnCU;EGoCV;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE,iDHxDI;AImDN;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHnGW;EGoGX;EACA;EACA,wEHpFa;EGqFb;ACLF;ADOE;EACE,iEH9FmB;EG+FnB;EACA;ACLJ;;ADUE;EACE,2DHvIM;AIgIV,C;AC9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA,iELFW;EKGX;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;ADGI;EACE;ACDN;ADKE;EACE;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ;ADOI;EACE;ACLN;;ADUA;EACE;EACA;EACA;EACA;EAEA;EACA;ACRF;;ADWA;EAEE;;IAEE;ECTF;AACF,C;AC5DA;EACE;EACA;EACA,4EPiBe;AQlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFPOa;AQRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iEPpBS;EOqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;EPYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EOMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;EPgDF;EACA;EACA;EO/CI,+DP5CO;EO6CP;ACHN;;ADQA;EACE,uDPxBY;EOyBZ;EACA;EACA;EACA,+DPvDW;EOwDX;EACA;EACA;EACA;EACA;ACLF,C;AClFA;EACE;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE;EACA;ACFF;;ADKA;EACE;EACA;EAEA;EACA;EACA;ACHF;ADKE;EAEE,mGT1BY;ES2BZ;ACJJ;ADMI;EACE,2DT/BI;AU2BV;;ADSA;EACE;EACA;EACA;ACNF;ADQE;EAEE,wFTEQ;ESDR;ACPJ;ADSI;EACE,iDTHA;AUJN;;ADYA;EACE;ACTF;;ADYA;;EAEE;ACTF;;ADaE;EACE;EACA;EACA;ACVJ;ADaE;EACE,iDTzBE;AUcN;;ADeA;EACE,gETpEU;AUwDZ;;ADeA;;;;;ETiCE;EACA,uDAtDY;EAuDZ;EACA;EACA;EACA;ES/BA;EACA,+DTvDW;ESwDX;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACTF;;ADYA;EACE,+DTpEW;ESqEX;EACA;EACA,uDT5CY;ES6CZ;EACA;EACA;ACTF;;ADYA;EACE;EACA;ACTF;ADWE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;ACVF;ADaI;EACE;EACA;EACA;ACXN;ADcI;EACE;EACA;EACA;ACZN;ADeI;EACE;ACbN;ADmBM;EACE;ACjBR;ADuBI;EACE;ACrBN;AD2BI;;EACE;ACxBN;AD0BM;;EACE;ACvBR;AD8BI;;EACE;AC3BN;;ADgCA;EACE;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;ADiCE;EACE;EACA;EACA,4DTlMM;ESmMN,mGTlMY;ESoMZ,uDT5IU;ES6IV;EACA;EAEA;EACA;EACA;EACA;EAEA;AClCJ;ADqCE;EACE,uETlNM;ESmNN,oEThNiB;AU6KrB;ADsCE;EACE;EACA;EACA;EACA;EACA;EACA;ACpCJ;;ADwCA;EACE;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADyCE;EACE;ACtCJ;;AD0CA;EACE;ACvCF;;AD2CE;EACE;EACA;EACA;ACxCJ;;AD2CA;EACE,+DTpOW;ESqOX;EACA;EACA;EACA;ACxCF;AD0CE;EACE;ACxCJ;;AD4CA;EACE;ACzCF;;AD4CA;EACE;EACA;EACA;EACA;EACA;ACzCF;;AD4CA;EACE;ACzCF;;AD4CA;EACE;ACzCF;;AD6CE;EACE;AC1CJ;;AD8CA;EACE;AC3CF;;AVjGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ,C;ACxQA;EACE;EACA;EACA,kFXiBe;AYlBjB;AZ+IE;EACE;EACA;EACA;EACA;AY7IJ;;ADDA;EACE,kFXYe;EWXf;EACA;EACA;EACA;ACIF;ADDI;EACE;ACGN;ADAI;EACE;ACEN;ADAM;EACE;ACER;ADCM;EACE;ACCR;ADIM;;EAEE,4EXdS;AYYjB;;ADQA;EX0FE;EACA,uDA5EY;EA6EZ;EACA;EACA;EACA,+DA3GW;EA4GX;EACA;EACA;EACA;EACA;EACA;AY9FF;;ADHA;EACE;EACA;ACMF;;ADHA;EACE;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;EACA;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;ACMF;;ADFE;EACE,kFXxDa;EWyDb;ACKJ;;ADDA;EACE;ACIF;;ADDA;;EXbE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EWgCV,2EX3DiB;EW4DjB;ACSF;;ADNA;EACE;EACA;EACA;EACA;EAEA,8FX7EqB;EW8ErB;ACQF;;ADJE;EACE;EACA;ACOJ;;ADHA;EACE;EACA;EACA;EACA,uEX9FW;EW+FX;EACA;ACMF;;ADHA;EXrCE;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EWkCA,+DX5FW;EW6FX;EACA;ACWF;ADTE;EACE;EACA;ACWJ;;ADNE;EACE;ACSJ;;ADLA;EACE;EACA;EACA;EACA;ACQF;;ADLA;EXrDE;EACA,uDApCY;EAqCZ;EACA,wFArCU;EAsCV;EWmDA;EACA;EACA;EACA;EACA,uEXlIW;EWmIX,+DX1HW;EW2HX;EACA;ACYF;;ADTA;EACE;EACA,kFXzIe;AYqJjB;;ADTA;EACE;EACA;ACYF;;ADTA;EACE;ACYF;;ADTA;EACE;ACYF;;ADTA;EACE;EACA,iEX5JW;EW6JX;ACYF;;ADTA;EACE;ACYF;;ADTA;EACE;EACA,wEXpJa;EWqJb;ACYF;;ADRE;EACE;ACWJ;;AZhDE;;EAEE;AYmDJ;AZjDE;;EAEE;AYmDJ;AZjDE;;EAEE;AYmDJ,C;ACvNA;EACE;EACA;EACA,4EbiBe;AclBjB;Ad+IE;EACE;EACA;EACA;EACA;Ac7IJ;;ADDA;EACE;EACA;EACA;EACA;EACA;ACIF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADGE;EACE;EACA;EACA,iEbXS;EaYT;EACA;ACAJ;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDbMY;EaLZ;EACA,2EbtBiB;EauBjB;EACA;EACA;ACDF;ADGE;EACE,iEbtCS;EauCT,+Db9BS;Ac6Bb;;ADKA;EACE;ACFF;;ADKA;EACE,+DbvCW;AcqCb;;ADME;EAEE;EACA;EACA;ACJJ;;ADQA;EACE,2Fb5BW;AcuBb;ADOE;EAEE,kDbjCG;Ac2BP;;ADUA;;EAEE,+Fb5Ca;AcqCf;ADSE;;;EAEE,mEbjDK;Ac2CT;;ADUA;EACE,wFbxDU;AciDZ;ADSE;EAEE,6Db7DE;AcqDN;;ADYA;EACE,uEbzFW;Ea0FX,kDbnEI;EaoEJ;ACTF;;ADYA;EACE;ACTF;;ADaE;EACE;ACVJ;;ADcA;EACE;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;;ADcA;;EAEE;ACXF;;ADcA;;EAEE,wFbrGU;Ac0FZ;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;;EAEE,2EbpIiB;EaqIjB;ACXF;ADaE;;;EAEE,oEbrKiB;Ac2JrB;;ADeE;EACE;EACA;EACA;EACA;ACZJ;ADcI;EACE;EACA;ACZN;ADgBE;EACE;EACA;EACA;ACdJ;ADiBE;EACE;EACA;ACfJ;ADiBI;EAEE,uEbhLO;EaiLP,wEb/JS;Ac+If;ADoBE;EACE,+Db7KS;Ea8KT;AClBJ;ADqBE;EACE;EACA;ACnBJ;;ADuBA;EACE,uDb7JY;AcyId;ADsBE;EACE;EACA;EACA;EACA;EACA;ACpBJ;ADuBE;EACE;ACrBJ;ADwBE;EACE;ACtBJ;;AD0BA;EACE;EACA;ACvBF;;AD2BE;EACE;EACA;EACA;ACxBJ;AD2BE;EACE;ACzBJ;AD4BE;EACE;AC1BJ;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;AC3BF;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;EACA;EACA;EACA,iEb7PW;Ea8PX,wEb5Oa;Ea6Ob;EACA;AC3BF;;AD+BE;EACE;AC5BJ;;ADgCA;EACE,uDbtOY;EauOZ;EACA;EACA;EACA;EACA;EACA,2EbtQiB;EauQjB;EACA;AC7BF;;ADgCA;EACE,6Db/PI;AckON;;ADgCA;EACE;EACA;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;;ADkCA;EACE;AC/BF,C;AC3RA;EACE;EACA;EACA,4EfiBe;AgBlBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADMI;EACE;ACHN;ADOE;EACE;ACLJ;ADQE;EACE;ACNJ;ADSE;EACE;EACA;EACA;EACA;EACA;ACPJ;ADSI;EACE;ACPN;ADUI;EACE;ACRN;ADYE;EACE;ACVJ;ADaE;;EAEE;ACXJ;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACZF;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;ACZF;;ADeA;EACE;ACZF,C;AC7EE;EACE;ACFJ;ADKE;EACE;EACA;EACA;ACHJ;ADOI;EACE;EACA;EACA;EACA;ACLN;ADOM;EACE;EACA;EACA;ACLR;ADSI;EACE;EACA;ACPN;ADSM;EACE;EACA;ACPR;ADaI;EACE;ACXN;ADeE;EACE;ACbJ;ADgBE;EACE;EACA;EACA;ACdJ;ADgBI;EACE;ACdN;ADkBM;EACE;AChBR;ADoBI;EACE;AClBN;ADqBI;EACE;EACA;ACnBN;ADuBE;EACE;ACrBJ;ADuBI;EACE;EACA;ACrBN;ADyBE;EACE;ACvBJ;ADyBI;EACE;EACA;EACA;ACvBN;ADyBM;EACE;ACvBR;AD0BM;EACE;EACA;ACxBR;AD2BM;EACE;EACA;EACA;ACzBR;AD4BM;EACE;AC1BR;ADgCI;EACE;EACA;AC9BN;ADkCE;EACE;AChCJ;ADmCE;EACE;EACA;ACjCJ;ADmCI;EACE;ACjCN;ADsCI;EACE;ACpCN;ADuCQ;EACE;ACrCV;ADuCU;EACE;ACrCZ,C;ACrGA;EACE;EACA;EACA;ACDF;;ADIA;EACE,2EnBsBiB;EmBpBjB,uDnB8CY;EmB7CZ;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EnBHe;EmBKf;EACA;EACA;ACHF;;ADMA;EACE,iEnBZW;AoBSb;;ADMA;EACE;EACA,4EnBhBe;AoBajB;;ADMA;EACE;EACA,iEnBtBW;AoBmBb;;ADMA;;EAEE;EACA;EACA;EAEA;EACA,uEnBrDQ;AoBiDV;;ADOA;EACE;EACA,+EnBvDmB;AoBmDrB;;ADOA;EACE;EACA;EACA;EACA;EAEA;EACA,6EnBnCqB;EmBqCrB;EACA;EACA;EACA;EACA;ACNF;;ADSA;EACE,+EnB3EmB;EmB4EnB;EACA;ACNF;;ADYE;;;EACE,uEnBvFM;AoBgFV,C;AC9EA;EACE;EACA;EACA,4ErBiBe;AsBlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFrBOa;AsBRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iErBpBS;EqBqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;ErBYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EqBMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;ErBgDF;EACA;EACA;EqB/CI,+DrB5CO;EqB6CP;ACHN,C;ACtEA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA,iEvBWW;EuBVX;EACA;EACA,wEvB2Bc;EuB1Bd;EACA,+DvBeW;EuBdX;EACA;EACA;EAEA;EvBsDA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;AwBjCZ;;ADAA;EACE,6DvBkBI;EuBjBJ;EACA;ACGF;;ADCE;EACE;EACA;EACA;EACA;EACA;EACA;ACEJ;;ACrCA;;EAEE;EACA;EACA;EACA;EACA;EAEA;ADuCF;ACrCE;EAVF;;IAWI;IACA;EDyCF;AACF;ACvCE;;EACE;EACA;EACA;AD0CJ;ACvCE;;EACE;EACA;EACA;EACA,mEzBOK;AwBmCT;ACvCE;;EACE;AD0CJ;ACvCE;;EACE;EACA,sFzBNe;AwBgDnB;;ACtCA;EACE;EzBmFA;EACA;EACA;EACA;AwBzCF;;ACxCA;EACE;EACA;EACE;AD2CJ;;ACtCA;EACE;EACA;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;EACA;EACA,uCzByCe;AwBAjB;;ACtCA;EACE;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;ADyCF;;ACtCA;EACE;EACA;ADyCF;;ACrCE;EACE;EACA;EACA,iEzBpES;EyBqET;ADwCJ;;ACpCA;EACE;EACA;EACA,2EzB3FU;EyB4FV;ADuCF;;ACpCA;EACE;EACA;EACA;EACA;EACA;EACA,uEzBtFW;EyBuFX;EACA;EACA,wEzBtEc;EyBuEd;ADuCF;;ACpCA;EACE,oEzBhHmB;EAgFnB;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EyB6BA;EACA;EACE;AD4CJ;AC3CE;EACE,oEzBtHiB;AwBmKrB;;ACxCE;EACE;AD2CJ;;ACxCA;EACE;EACA;EACA;EACA,qEzBhIU;EyBiIV;AD2CF;;ACxCA;EACE;EACA;AD2CF;;ACxCA;EACE;EACA;AD2CF,C;AEzLE;EACE;EACA;ACFJ;;ADMA;EAME;ACRF;ADGE;EACE;EACA;ACDJ;ADME;EACE;EACA;EACA;ACJJ;ADMI;EACE;EACA,2E1BOa;A2BXnB;ADQE;;EAEE;ACNJ;ADSE;EACE;ACPJ;;ADWA;EACE;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;ACVF;;ADaA;EACE;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD1BXY;E0BYZ;EACA,2E1BvCiB;E0BwCjB;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;ACVF;ADYE;EACE,2D1B/GM;A2BqGV;;ADcA;EACE;EACA;EACA;ACXF;ADaE;EACE;ACXJ;ADcE;EACE;ACZJ;;ADiBE;EAEE;ACfJ;;ADoBE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AClBJ;;ADuBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE1BzIS;E0B0IT;ACpBJ;;ADyBE;EACE;ACtBJ;;AD2BE;EACE;ACxBJ;;AD6BE;EACE;AC1BJ;AD+BQ;EACE;AC7BV;;ADsCE;;EACE;AClCJ;;ADwCI;EACE;EACA;EACA;ACrCN;AD0CI;EACE;ACxCN;;AD+CI;EACE;EACA;AC5CN;;ADqDI;EACE;AClDN;;AD2DA;EACE;ACxDF,C;ACrLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uE5BcW;E4BbX,wE5B+Ba;E4B9Bb;EACA;EACA;EACA;AJCF;AICE;EACE;EACA;EACA;EACA;EACA,4D5BnBM;AwBoBV;;AIGA;EACE,4G5BCgB;AwBDlB;;AIEA;EACE;AJCF;;AK5BA;EACE;EAEA;EACA;EACA;EAEA,4D7BPQ;E6BQR;EACA;EACA;EAEA;AL4BF;AK1BE;EAEE,mG7BfY;E6BgBZ;AL2BJ;;AKvBA;EACE,mE7BtBQ;AwBgDV;;AKvBA;EACE;EACA,+D7BGW;AwBuBb,C;AMnDA;;EAEE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,0E9Bce;A+BfnB;;ADKA;EACE;EACA;EACA;ACFF;;ADSI;;;EAEE;ACLN;ADOM;;;EACE,mG9BnCQ;A+BgChB;ADKQ;;;EACE,2D9BvCA;A+BsCV;;ADSE;EACE,mG9B/CY;E8BgDZ;ACNJ;ADQI;EACE,2D9BpDI;A+B8CV;;ADWA;EACE;ACRF;;ADYE;EACE;EACA;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;ACVF;;ADkBI;;;;EACE;EACA;ACZN;ADgBE;;;;EACE;EACA;ACXJ;;ADgBE;EACE;EACA;EACA;EACA;EACA;ACbJ;ADgBE;EACE;EACA;EACA;EACA;ACdJ,C;AC9FA;;EAEE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EAEE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;EACE;ACLJ;;ADUE;EACE;EACA;ACPJ;ADUE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,6DhCjBO;AiCQT;;ADaE;EACE;EACA;EACA;EACA;EACA,iEhCxCS;EgCyCT;ACVJ;;ADcA;EhCqDE;EACA;EACA;EgCpDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;ADYE;EACE;EACA;EACA;EACA;ACVJ;;ADkBE;;;;EACE;EACA;ACZJ;ADcI;;;;EACE;EACA;ACTN;;ADgBI;EACE;EACA;EACA;EACA,iEhC3GI;AiC8FV;;ADoBE;;EACE;EACA;EACA;AChBJ;;AD2BI;;;;;;;;EACE;ACjBN;;ADuBE;EACE,+DhC1GS;EgC2GT;ACpBJ,C;ACnHA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE,8ElC/B+B;AmC4BjC;;ADSE;;;EACE;EACA,8ElCvC6B;AmCmCjC;ADMI;;;EACE;ACFN;;ADOA;EACE;EACA;EACA;EAWA;ACdF;ADKE;EACE;ACHJ;ADME;EACE;EACA;ACJJ;;ADWE;EACE;ACRJ;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;ADWE;EACE,0ElCjEe;AmCwDnB;ADYE;EACE,kFlC9Ea;AmCoEjB;ADaE;EACE,mGlCvGY;AmC4FhB;;ADeA;EACE;EACA;EACA,qElCzGU;EkC0GV;EACA;EACA;EACA;ACZF;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;ADcE;EACE;EACA;ACZJ,C;ACnHA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EAIA;EACA;EACA;EACA;EACA;ACLF;ADFE;EACE;ACIJ;;ADME;EACE;EACA;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;EACA;EACA;ACLJ;ADSI;EACE;ACPN;;ADaE;EACE;EACA;EACA;ACVJ;;ADcA;EACE;EACA;EACA;EACA,qEpCzEU;EoC0EV;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,qEpCnFU;EoCoFV;EACA;EACA;ACXF;;ADgBE;;EACE;ACZJ;ADkBE;;EACE;ACfJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ,C;ACpGA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;;ADGA;EACI;IACE;ECAJ;AACF;ADGA;EACI;IACE;ECDJ;AACF;ADIE;EACE;EACA;EACA;EACA;EACA;EACA;ACFJ;ADGI;EAEE;ACFN;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;ACpCE;EACE;ADsCJ;ACnCM;EACE;ADqCR;ACnCQ;EACE;EACA;ADqCV;;AC9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iExC1BW;EwC2BX,wExCTa;EwCUb;ADiCF;;AC7BE;EACE;EACA;ADgCJ;AC7BE;EACE;EACA;EACA;AD+BJ;AC5BE;EACE;AD8BJ;AC3BE;EACE,+DxCvCS;AuCoEb;AC1BE;EACE,8ExC/BW;AuC2Df;ACzBE;EACE,+DxC/CS;EwCgDT;AD2BJ;ACxBE;EACE;EACA;AD0BJ;;ACtBA;EACE;ADyBF;;ACrBE;EACE;ADwBJ;;ACpBA;EACE,2ExCnEiB;EwCoEjB;EACA;EAEA;EACA;EACA;EACA;ADsBF;;ACnBA;EACE;EACA;EAMA;EACA;EACA;ADiBF;ACvBE;EACE;ADyBJ;AClBE;EACE;ADoBJ;AClBI;EACE;EACA;ADoBN;ACjBI;ExCTF;EACA;EACA;EwCUI;EACA;ADoBN;AClBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADoBR;ACfM;EACE,2DxCnJE;AuCoKV;ACdM;EACE;ADgBR;ACZI;EACE;EACA;ADcN;ACTE;EACE;ADWJ;ACRE;EACE;ADUJ;ACPE;EAEC;ADQH;ACLE;EACE;EACA;EACA;ADOJ;ACLI;EACE;EACA;ADON;ACLM;EACE;ADOR;ACHI;EACE;ADKN;ACEI;EACE,+DxChMM;AuCgMZ;;ACMA;;EAEE;ADHF;;ACMA;EACE;ADHF;;ACQE;;EACE;ADJJ;;ACSA;EACE,wFxCvMqB;AuCiMvB;ACQE;EACE,2ExClMe;AuC4LnB;ACUI;EACE;ADRN;;ACcE;EACE;EACA;ADXJ;;ACeA;EAEE;EACA;EACA,uExCjOW;EwCkOX,+DxCzNW;EwC0NX;EACA;EACA;EACA;EACA;EACA,wExCpNa;EAoFb;EACA;EACA;EACA;EwCgIA;EACA;EACA;ADXF;;ACcA;EACE,2DxCtQQ;AuC2PV;;ACcA;EACE;ADXF;;ACcA;ExCnME;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EwCqNV;EACA;ADNF;;ACSA;EACE;EACA;EACA;ADNF;;ACWE;;EACE;EACA;EACA,6FxC7RY;AuCsRhB;ACSI;;EACE;ADNN;;ACWA;EACE;EACA;EACA;EACA,qExCpSU;EwCqSV;EACA;EACA;ADRF;;ACWA;EACE;EACA;EACA;EACA,qExC9SU;EwC+SV;EACA;EACA;ADRF;;ACYE;EACE;ADTJ;ACYE;EACE;ADVJ;;ACeA;EACE;EACA;EACA;EACA,qExCnUU;EwCoUV;EACA;EACA;ADZF;;ACeA;EACE;EACA;EACA;EACA,qExC7UU;EwC8UV;EACA;EACA;ADZF;;ACkBI;;EACE;EACA;ADdN;ACmBI;;EACE;EACA;ADhBN;ACoBE;;EACE;ADjBJ;ACoBE;;EACE;ADjBJ;;ACsBE;EACE;EACA;EACA;ADnBJ;;AC0BE;;;;EAEE;ADrBJ;;ACyBA;EACE;EACA;EACA;EACA;ADtBF;;ACyBA;EACE;ADtBF;;ACyBA;EACE;ADtBF;;AC2BE;EACE;EACA;EACA;ADxBJ;AC0BI;EACE;EACA;ADxBN;;AC6BA;EACE;EACA;AD1BF;AC4BE;EACE;AD1BJ;AC6BE;EACE;AD3BJ;AC8BE;EACE;EACA;AD5BJ;;ACkCA;EACE;AD/BF;;ACkCA;EACE;EACA;AD/BF;;ACkCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD/BF;;ACkCA;EACE;EACA;EACA;AD/BF;ACiCE;EACE,0ExCjbe;AuCkZnB;;ACoCE;EACE;EACA;ADjCJ;ACqCI;EACE;ADnCN;ACsCI;EACE;ADpCN;ACwCE;EACE;EACA;EACA;ADtCJ;ACyCE;EACE;EACA;ADvCJ;AC0CE;EACE;EACA;ADxCJ;;AC8CE;;EAEE;AD3CJ;;AC+CA;EACE;AD5CF;;AC+CA;EAKE;ADhDF;AC4CE;EACE;AD1CJ;;ACkDE;;EAEE;AD/CJ;;ACmDA;EACE;EACA;EACA;EACA;ADhDF;;ACkDA;EACE;EACA;EACA;EACA;EACA;AD/CF;;ACoDE;;;;;;;EAOE;EACA;EACA;ADjDJ;ACmDI;;;;;;;EACE;AD3CN;;ACgDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD7CF;;ACgDA;EACE;EACA;EACA;EACA;AD7CF;;ACgDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AD9CF;ACgDE;EACE;AD9CJ;ACiDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DxCjmBM;EwCkmBN;AD/CJ;;ACmDA;EACE;EACA;ADhDF;ACkDE;EACE,2DxC3mBM;AuC2jBV;;ACoDA;EACE;IACE;EDjDF;AACF;ACoDA;EACE;IACE;EDlDF;ECqDA;IACE;EDnDF;ECqDE;IACE;EDnDJ;ECyDE;;IACE;EDtDJ;ECyDE;;IACE;EDtDJ;ECyDE;;IACE;EDtDJ;ECwDI;;IACE;EDrDN;AACF;AC2DA;EACE;EACA;EACA;EACA;EACA;ADzDF;;AC2DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;EACA;EACA;ADrEF;ACsDE;EACE,0ExC7oBe;AuCylBnB;ACuDE;EACE,kFxC1pBa;AuCqmBjB;ACwDE;EACE,mGxCnrBY;AuC6nBhB;;ACgEE;EACE,+DxCzrBQ;AuC4nBZ;;ACkEE;EACE;AD/DJ;ACkEE;EACE;ADhEJ;ACmEE;EACE;EACA;EACA;ADjEJ;;ACsEE;EACE;ADnEJ;ACsEE;EACE;EACA;ADpEJ;ACsEI;EACE;ADpEN;ACwEE;EACE;EACA;ADtEJ;ACyEE;EACE;ADvEJ;AC0EE;EACE;ADxEJ;AC4EI;EACE,iExC3tBO;EwC4tBP;AD1EN;AC4EM;EACE,0ExCrtBW;AuC2oBnB;AC+EE;EACE;AD7EJ;;ACkFE;EACE;AD/EJ;ACkFE;EACE;EACA;EACA;EACA;EACA;EACA;ADhFJ;ACoFI;EACE;EACA;EACA;EACA;ADlFN;;ACwFE;EACE;ADrFJ;;AC2FI;EACE,+DxCzxBM;AuCisBZ;;AC6FA;;;EAGE,oFxC/xB+B;AuCqsBjC,C;AE1sBA;EACE;ACFF;;ADKA;EACE;ACFF;;ADMA;EACE;ACHF;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;EACA;ACJF;ADME;EACE;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EAEA;ACNJ,C;AC7BA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;;EAEE;ACFF;;ADKA;EACE;ACFF;;ADME;EACE;ACHJ;;ADOA;EAEI;IACE;ECLJ;AACF;ADSE;EACE;ACPJ;;ADWA;EACE;EACA,uE3C9BW;E2C+BX;EACA;EACA;ACRF;;ADWA;EACE;EACA;EACA;EACA;ACRF,C;ACnDA;EACE;ACDF;;ADKE;EACE;ACFJ;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;;ADSE;EACE;EACA;ACNJ;ADQI;EACE;ACNN;ADUI;EACE;ACRN;ADUM;EACE;ACRR;ADaM;EACE;EACA;ACXR;ADaQ;EACE;ACXV;ADkBQ;EACE;AChBV;ADmBQ;EACE;ACjBV;ADuBM;EACE;ACrBR;ADuBQ;EACE;ACrBV;ADwBQ;EACE;ACtBV;AD4BM;EACE;AC1BR;AD4BQ;EACE;AC1BV;AD6BQ;EACE;AC3BV;ADiCE;EACE;EACA;EACA;EACA;AC/BJ;ADkCE;EACE;EACA;EACA;EACA;AChCJ;ADmCE;EACE;EACA;ACjCJ;;ADsCE;EACE;ACnCJ;ADsCE;EACE;EACA;ACpCJ;ADwCI;EACE;EACA;EACA;ACtCN;AD0CI;;;;EAIE;ACxCN;AD2CI;;;EAGE;ACzCN,C;ACjGA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADME;;EACE;ACFJ;ADKE;;EACE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;;;EAGE;ACLJ;ADQE;EACE;ACNJ;;ADUA;EACE,iE/ClBW;E+CmBX,wE/CCa;E+CAb;EACA;EACA;E/CkFA;EACA;EACA;EACA;AgDxFF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;;ADUE;;EACE;ACNJ;;ADUA;EACE;EACA;EACA;ACPF;ADSE;EACE;ACPJ;ADUE;EACE,8D/ClES;AgD0Db;;ADYA;EACE,0E/CtEiB;E+CuEjB;EACA;ACTF;;ADaE;EACE,iD/ChEE;AgDsDN;;ADeE;EACE,2D/ClHM;AgDsGV;;ADkBE;EAEE,mG/CzHY;AgDyGhB;;ADsBE;EAEE,wF/CrFQ;AgDiEZ;;ADwBA;EACE;ACrBF;;AD2BI;;EAEE,2E/ChHa;AgDwFnB;AD2BI;EACE;ACzBN;AD6BE;EACE,4E/ClIa;AgDuGjB;AD6BI;EACE,0E/C5Ha;AgDiGnB;;ADiCE;EACE;AC9BJ;ADiCE;EACE;EACA;AC/BJ;;ADmCA;EACE;EACA;EACA;AChCF;;ADoCE;EACE;ACjCJ;ADoCE;EACE;AClCJ;ADqCE;EACE;ACnCJ;ADsCE;EACE;EACA;ACpCJ;ADuCE;EACE;EACA;ACrCJ;;AD4CE;EACE;ACzCJ;AD4CE;EACE;AC1CJ;;AD8CA;EACE;EACA;EACA;AC3CF;;AD8CA;EACE;IACE;EC3CF;ED8CA;IACE;EC5CF;AACF;AD+CA;EACE;EACA;EACA;AC7CF;;ADgDA;EACE;IACE;EC7CF;EDgDA;IACE;EC9CF;AACF;ADiDA;EACE;EACA,4E/CjOe;E+CkOf;EACA;EACA;EACA;EACA;EACA;AC/CF;;ADuDI;;;EACE;AClDN;ADqDI;;;EACE;ACjDN;ADoDI;;;EACE;AChDN;ADmDI;;;EACE;AC/CN;ADkDI;;;EACE;AC9CN;;AD0DI;;;EACE;ACrDN;ADwDI;;;EACE;ACpDN;ADuDI;;;EACE;EACA;ACnDN,C;ACvPA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EACE;EACA;ACDJ;;ADME;EACE;EACA,mGjDnBY;AkDgBhB;ADME;EACE;EACA;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;ADOE;EACE,2DjDrDM;AkDgDV;ADQE;EAEE,mGjDzDY;AkDkDhB;;ADWA;EACE;EACA;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADcE;EACE;ACXJ;;ADgBE;EACE;ACbJ;ADgBE;EACE;ACdJ;;ADkBA;EACE;EACA,4EjDhFe;AkDiEjB;;ADkBA;EACE;ACfF;ADiBE;EACE;ACfJ;;ADmBA;EACE;EACA;EACA;EACA;AChBF,C;AC3FA;EACE;ACTF;;ADaE;EACE;ACVJ;ADWI;EACE;ACTN;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;ADYE;EACE;ACVJ;;ADcA;EACE;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,iEnDlCW;EmDmCX;EACA;EACA;EACA;EACA;ACXF;ADaE;EACE,0EnDhCe;AoDqBnB;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;;ADgBE;EACE;EACA;ACbJ;ADgBE;EnD0CA;EACA;EACA;EACA;AoDvDF;;ADgBE;EACE;ACbJ,C;AC3EA;EACE,uDrDsDY;EqDrDZ;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA,2ErDiBe;EqDhBf;EACA,uErDKS;AsDNb;ADGI;EACE;ACDN;ADII;EACE;EACA;ACFN;ADME;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uErDdS;AsDUb;ADOE;EACE,uErDlBS;EqDmBT;EACA,wErDFW;AsDHf;ADOI;EACE;EACA;ACLN;ADOM;EACE;EACA;ACLR;ADOQ;EACE;ACLV;ADOU;EACE,0ErDxBO;AsDmBnB;ADSQ;EACE;EACA;ACPV;ADWM;EACE;EACA,kFrD7CS;EqD8CT;EACA;EACA;EACA,2ErDxCW;AsD+BnB;ADWQ;EACE;ACTV;ADaM;EACE;EACA;EACA;EACA;EACA;ACXR;ADaQ;EACE;EACA;EACA;ACXV;ADcQ;EACE;EACA;ACZV;ADgBM;EACE;ACdR;ADiBM;EACE;ACfR;ADiBQ;EACE,2ErD1ES;AsD2DnB,C;ACxFA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADEE;EACE;ACAJ;ADEE;EACE;EACA;EACA;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA,2EvDJiB;EuDKjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,mGvDhDY;EuDiDZ;ACDJ;ADGI;EACE,2DvDrDI;AwDoDV;ADKE;EACE;EACA;ACHJ;;ADOA;EACE,0EvDjCiB;AwD6BnB;;ADOA;EACE;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADSE;EACE;ACNJ;;ADYE;;EACE;ACRJ,C;ACvFA;EACE;EACA;ACDF;;ADGA;EACE;ACAF;;ADEA;EACE,kDzDkCI;EyDjCJ;EACA;ACCF;;ADCA;;EAEE,wFzD6BU;A0D3BZ,C;AChBA;EACE;EACA;ACDF,C;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E7DqBiB;E6DpBjB;EACA;EACA,iE7DQW;E6DPX;EACA,uD7D0CY;E6DzCZ;ACDF;;ADIA;;EAEE;EACA,+D7DQW;E6DPX;EACA;ACDF;;ADIA;EACE,kF7DNe;E6DOf,2E7DEiB;E6DDjB;ACDF;;ADIA;;EAEE,+D7DLW;E6DMX;EACA,uE7DhBW;A8Deb,C;AClCA;EACE;EACA;EACA;EACA;EACA;ACDF;ADEE;EAEE,kF/DYa;E+DXb;EACA;ACDJ;;ADKA;EACE,iE/DIW;E+DHX;ACFF;ADGE;EAEE;EACA;ACFJ;;ADMA;EACE;EACA,+D/DEW;E+DDX;ACHF;ADIE;EACE,uE/DVS;AgEQb;;ADMA;EACE;ACHF;;ADME;EACE;EACA;ACHJ;;ADOA;EACE;ACJF,C;ACxCA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF,C;ACTA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;;EAEE;EACA;ACDJ;;ADMA;EACE;ACHF;ADKE;EACE,0EnESe;AoEZnB;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADQE;EACE,+DnEbS;AoEOb;ADSE;EACE,2DnE/CM;AoEwCV;;ADeE;;;;;;;;EAEE;EACA;EACA;EACA;EACA;EACA;ACNJ;ADQI;;;;;;;;EACE;EACA;ACCN;ADGE;;;;EACE;ACEJ;ADCE;;;;EACE;ACIJ;ADDE;;;;EACE;ACMJ;ADHE;;;;EACE;ACQJ;ADJI;;;;EACE;EACA;ACSN;;ADJA;EnEpBE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EmEuCV;EACA;EACA;EACA;EACA,2EnEtEiB;AoEiFnB;;ADNE;;EACE;EACA;EACA;EACA;ACUJ;ADRI;;EACE;ACWN;;ADLE;;EAEE;EACA;EACA,uEnEtGS;EmEuGT,wEnEpFY;EmEqFZ;ACQJ;ADNI;;EACE,+DnElGO;AoE2Gb;ADNI;;EACE,2DnEpII;AoE6IV;;ADJA;;;EAGE,mGnE3Ic;EmE4Id;ACOF;ADLE;;;EACE,2DnEhJM;AoEyJV;;ADFE;;;EACE;ACOJ;;ADAM;EACE;ACGR;ADCI;EACE;EACA;EACA;EACA;ACCN;;ADQI;;;;EAOE,+DnE1JO;EmE2JP;ACRN;ADEM;;;;EACE,8DnEtJK;EmEuJL;ACGR,C;ACtLA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;;;EAGE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA,mErEnBO;EqEoBP;ACDF;;ADIA;EACE;EACA;EACA,4ErEvCe;EqEyCf;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE,uDrElBY;EqEmBZ;EACA;EACA;EACA,+DrEjDW;EqEkDX;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;ACFF;;ADMA;EACE,0ErE9DiB;AsE2DnB;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;;ADWI;EACE;ACRN;;ADeE;EACE;EACA;ACZJ,C;AC/GA;EACE;EACA;EACA,uDvEoDY;EuEnDZ;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iEvETW;EuEUX;EAEA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uEvEvBW;AwEqBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EvEhCe;EuEiCf;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADOA;EACE;EACA;EACA;EACA,kFvE7De;AwEyDjB;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;ACJF;ADME;EACE,sFvEhEe;EuEiEf;EACA;EACA;EACA;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLJ;;ADSA;EACE;ACNF;ADQE;EACE;ACNJ;ADSE;EACE;EACA;ACPJ;;ADWA;EACE;ACRF;ADUE;EACE;EACA;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;EACA;EACA;ACVJ;ADaE;EACE;ACXJ;;ADeA;EACE;ACZF;;ADiBE;EACE;ACdJ;ADgBE;EACE;ACdJ;;ADmBE;EACE;AChBJ,C;ACxJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;ACEJ;;ADCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DzErBQ;EyEsBR;EACA;EACA;EACA,uDzEgCY;EyE/BZ;EACA;EACA;ACEF;ADDE;EAEI;EACA;EACA,mGzEhCU;A0EkChB;ADDM;EACI,2DzEnCA;A0EsCV;;ADCA;EACE;ACEF;ADDE;EACE,0EzEXe;A0EcnB;;ADAA;EACE,kDzEFI;A0EKN;ADFE;EAEE,wFzEJQ;A0EOZ;ADFI;EACI,iDzEPF;A0EWN;;ADAA;EACE;ACGF;;ADDA;EACE;EACA;EACA;ACIF;;ADFA;EACE;ACKF;;ADHA;EACE;ACMF;;ADJA;EACE;ACOF;;AC7EA;EACE;EACA;EACA;EACA;ADgFF;;AC7EA;EACE;ADgFF;;ACjEA;EAXE;EACA;EACA;EACA;EACA;EACA,uD3EwCY;E2EvCZ,2E3EaiB;E2EZjB;EACA;ADgFF;;ACzEA;EACE;EACA,4D3E7BQ;E2E8BR;AD4EF;;ACzEA;;EAEE;AD4EF;;ACzEA;EACE;AD4EF;;ACzEA;EACE;EACA;EACA;EACA;EACA;EACA,uD3ESY;E2ERZ;EACA;EACA,2E3EpBiB;E2EqBjB;EACA;EACA;AD4EF;;ACzEA;EACE;EACA;EACA,kE3E3BqB;E2E4BrB;EACA;AD4EF;;ACzEA;EACE;AD4EF;;ACxEE;EACE;AD2EJ;;ACvEA;EACE;EACA,iE3ExDW;E2EyDX;EACA;EACA;EACA;AD0EF;ACxEE;EACE;AD0EJ;;ACtEA;EACE;EACA;EACA;EACA;EAQA;EACA;ADkEF;ACzEE;EACE;EACA;EACA;AD2EJ;;ACpEA;EACE;ADuEF;ACrEE;EACE;EAOA;EACA;ADiEJ;ACvEI;EAEE;ADwEN;;AChEA;EACE;EACA;EACA;ADmEF;ACjEE;EACE;EACA;ADmEJ;ACjEI;EACE;ADmEN;AChEI;EACE;EACA;ADkEN;;AC7DA;EACE;EACA,+D3EhHW;E2EiHX,wF3ElGU;E2EmGV;EACA;ADgEF;AC9DE;EACE;EACA;ADgEJ;;AC5DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+DF;;AC5DA;EACE;AD+DF;;AC1DE;;EACE;AD8DJ;AC5DI;;EACE;AD+DN;;AEhPA;EACE;EACA;EACA;EACA;EACA,uE5EgBW;E4EfX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD5E2CY;E4E1CZ,+D5EeW;A0EoOb;;AEhPA;EACE,2E5EYiB;A0EuOnB;;AEhPA;;;;EAIE;AFmPF;;AEhPA;;EAEE,+D5EDW;E4EEX;AFmPF;;AEhPA;EACE;EACA;EACA;AFmPF;;AEhPA;EACE;EACA;EACA;EACA,iE5ExBW;E4EyBX;EACA;EACA;EACA;EACA;EACA;AFmPF;AEjPE;EAEE,4E5EjCa;A0EmRjB;AE/OE;EACE;AFiPJ;AE9OE;EAEE;EACA,iE5E5CS;A0E2Rb;AE5OE;EACE;EACA;EACA;AF8OJ;;AE1OA;EACE;AF6OF;;AE1OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF6OF;;AE1OA;EACE;EACA;EACA;EACA;AF6OF;AE3OE;EACE;AF6OJ;AE1OE;EACE;EACA;AF4OJ;;AExOA;EACE;EACA;EACA;EACA,+D5E/EW;E4EgFX;EACA,uD5EtDY;E4EuDZ;EACA;EACA;EACA;AF2OF;;AExOA;EACE;AF2OF;;AExOA;EACE;EACA;AF2OF;;AGvWA;EACI;EACA;EACA;EACA;EACA;AH0WJ;;AGvWA;EACI;AH0WJ;;AGxWA;EACI;AH2WJ;;AGzWA;EACI;AH4WJ;;AI3XA;EACE;EACA;EACA;EACA;EACA;AJ8XF;;AKnYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E/EsBiB;E+ErBjB;EACA;EACA,uE/ESW;E+ERX;EACA,uD/E2CY;E+E1CZ;EACA;EACA;ALsYF;;AKnYA;;EAEE,+D/EQW;E+EPX;EACA;ALsYF;;AKnYA;;EAEE,kF/EPe;A0E6YjB;;AKnYA;EACE,+D/EHW;E+EIX;ALsYF;;AKnYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E/EtBe;E+EuBf;ALsYF;;AKlYE;EACE;EACA;ALqYJ;AKlYE;EACE;ALoYJ;;AK/XE;EACE;ALkYJ;;AK7XE;EACE;EACA;ALgYJ;;AMpcA;EACE;EACA;ANucF;;AMpcA;EACE;ANucF;AMrcE;EACE;ANucJ;AMpcE;EACE,2EhFkBe;A0EobnB;;AMlcA;EACE,uDhFuCY;EgFtCZ;EACA,+DhFUW;EgFTX;ANqcF;;AMlcA;EACE,iEhFJW;EgFKX;EACA;EACA;EACA;EACA;EAEA;ANocF;;AMhcE;EACE,kFhFfa;A0EkdjB;;AM9bE;EACE,iEhFtBS;A0Eudb;;AM7bA;EACE;EACA;ANgcF;;AM7bA;EACE;ANgcF;;AM7bA;EACE;EACA;EACA;EACA;EACA;EACA,2DhF9DQ;A0E8fV;;AM7bA;EACE,uDhF/BO;A0E+dT;;AM7bA;EACE;EACA;EACA;EACA;EACA;EACA;ANgcF;;AM5bA;EACE;AN+bF;;AM5bA;EACE;EACA;EACA;AN+bF;;AM5bA;EACE;EACA;EACA;AN+bF;;AM3bE;EACE;AN8bJ;AM1bI;EACE;AN4bN;;AOliBA;EACE;APqiBF;AOpiBE;EACE,uEjFkBS;A0EohBb;AOpiBE;EACE;EACA;EACA;APsiBJ;;AOliBA;EACE;EACA;EACA;EACA;EACA;APqiBF;AOniBE;EACE,0EjFWe;A0E0hBnB;;AOjiBA;;EAEE;APoiBF;;AOjiBA;;EAEE;EACA;EACA;EACA,2EjF5BU;EiF6BV;EACA;APoiBF;;AOjiBA;EACE;APoiBF;;AOjiBA;EACE;APoiBF;;AOliBA;EACE;EACA;EACA;EACA;EACA;EACA,iEjF/BW;EiFgCX;EACA;APqiBF;AOpiBE;EACE;APsiBJ;;AOniBA;EACE;EACA;EACA,2EjF/BiB;A0EqkBnB;;AOpiBA;EACE;EACA;EACA;EACA;EACA;EACA,4DjFtEQ;EiFuER,uDjFdY;EiFeZ;EACA;EACA;APuiBF;;AOpiBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuiBF;AOriBE;EACE;EACA;EACA,8DjF7DS;A0EomBb;;AQloBA;EACE;EACA;ARqoBF;;AQloBA;EACE;EACA,uElFcW;EkFbX;ARqoBF;AQnoBE;EACE;ARqoBJ;;AQjoBA;EACE;ARooBF;AQloBE;EACE;ARooBJ;;AQhoBA;EAKE,4ElFNe;A0EqoBjB;AQnoBE;EACE;ARqoBJ;;AQ/nBA;EACE;ARkoBF;;AQ/nBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARkoBF;AQhoBE;EACE;ARkoBJ;AQ/nBE;EAEE;ARgoBJ;;AQ5nBA;EACE;AR+nBF;;AQ5nBA;EACE;EACA;EACA;EACA;EACA;EACA;AR+nBF;;AQ5nBA;EACE;AR+nBF;;AQ5nBA;EACE;AR+nBF;;AQ3nBE;EACE;AR8nBJ;;AQ1nBA;EACE;EACA;EACA;AR6nBF;;AQ1nBA;EACE;EACA;EACA,2ElF5DiB;EkF6DjB;EACA,4ElFvEe;EkFwEf;EACA;EACA;EACA;EACA;AR6nBF;AQ3nBE;EACE;AR6nBJ;AQ1nBE;EACE;EACA;AR4nBJ;;AQxnBA;EACE;AR2nBF;;ASzuBE;EACE;AT4uBJ;AS3uBI;EACE;AT6uBN;;AUjvBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVovBF;;AUjvBA;EACE;EACA;AVovBF;AUlvBE;EACE;AVovBJ;;AUhvBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVmvBF;AUjvBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DpFnBS;A0EswBb;;AU9uBE;EACE;AVivBJ;;AU5uBE;EACE;AV+uBJ;;AU3uBA;EACE;AV8uBF;;AWvyBA;EACE;AX0yBF;;AY3yBA;EACE;AZ8yBF;;AY1yBE;EACE;EACA,4DtFPM;EsFQN;EACA;AZ6yBJ;;AarzBE;EACE;AbwzBJ;AarzBE;EACE;EACA;EACA;AbuzBJ;AapzBE;EACE;EACA;EACA;AbszBJ;AanzBE;EACE;AbqzBJ;AahzBM;EACE;AbkzBR;Aa9yBI;EACE;AbgzBN;Aa7yBI;EACE;EACA;EACA;EACA;Ab+yBN;Aa7yBM;EACE;Ab+yBR;Aa5yBM;EACE;EACA;Ab8yBR;Aa5yBQ;EACE;Ab8yBV;AaxyBE;EACE;Ab0yBJ;AavyBE;EACE;EACA;AbyyBJ;AavyBI;EACE;EAIA;EACA;AbsyBN;Aa1yBM;EACI;Ab4yBV;AapyBE;EACE;AbsyBJ;AapyBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mEvFhDG;A0Es1BT;AalyBE;EACE;EACA;AboyBJ;AalyBI;EACE;AboyBN;AalyBM;EACE;AboyBR;Aa/xBE;EACE;AbiyBJ;Aa/xBI;EACE;AbiyBN;Aa9xBI;EACE;AbgyBN;Aa9xBM;EACE;AbgyBR;Aa3xBE;;EZxGA;EACA;EACA;EACA;EACA;EACA,uD3EwCY;E2EvCZ,2E3EaiB;E2EZjB;EACA;ADu4BF;AalyBE;;EAEE;AboyBJ;AalyBI;;EACE;AbqyBN;AajyBE;EvF/CA;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EuF4CE,4DvFpGa;EuFsGb;EACA;EACA;EACA;AbuyBJ;AapyBE;;EAEE;AbsyBJ;AanyBE;EACE;AbqyBJ;;AahyBE;EACE;EACA;AbmyBJ;;Ac57BA;EACE;EACA;Ad+7BF;;Ac77BA;EACE;Adg8BF;Ac/7BE;EACE;EACA;EACA;EACA;Adi8BJ;Ach8BI;EAEE;Adi8BN;;Ae78BE;;;;EAIE;Afg9BJ;Ae98BE;;EAEE;EACA;Afg9BJ;Ae98BI;;EACE;Afi9BN;Ae98BE;EACE,wGzFVc;A0E09BlB;Ae98BE;EACE;EACA,uEzFfQ;A0E+9BZ;Ae98BE;EACE;EACA;Afg9BJ;;Ae58BA;EACE;EACA;Af+8BF;;Ae58BA;EACE;EACA;EACA,4EzFfe;EyFgBf;EACA;EACA;EACA;EACA;Af+8BF;;Ae58BA;EzF0EE;EACA;EACA;EyF1EA,+DzFjBW;EyFmBX,uDzFQY;EyFPZ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;Af88BF;;Ae38BA;EAEE;Af68BF;;Ae18BA;EACE,2EzF5CiB;A0Ey/BnB;;Ae18BA;EACE;EACA;EACA;EACA;EACA;Af68BF;;Ae38BA;EACE;EACA;EACA;Af88BF;;Ae38BA;EACE;Af88BF;;Ae38BA;EACE;EACA;EACA;Af88BF;;Ae38BA;EACE,2EzFvEiB;EyFyEjB,uDzF/CY;EyFgDZ;EACA;EACA;EACA;EACA;EACA;Af68BF;;Ae18BA;EACE;EACA;Af68BF;Ae38BE;EACE;EACA;Af68BJ;Ae38BI;EACE,0EzF3Fa;A0EwiCnB;;AgBpjCA;EACE;EACA;EACA;EACA;AhBujCF;A1El7BE;;EAEE;A0Eo7BJ;A1El7BE;;EAEE;A0Eo7BJ;A1El7BE;;EAEE;A0Eo7BJ;;AgB/jCA;EACE;AhBkkCF;A1E38BE;EACE;EACA;EACA;EACA;A0E68BJ;;AgBpkCA;EACE;AhBukCF;;AgBpkCA;EACE;EACA;EACA;EACA;AhBukCF;;AgBlkCI;EACE;AhBqkCN;AgBlkCI;EACE;AhBokCN;AgBjkCI;EACE;EACA;AhBmkCN;AgBhkCI;EACE;AhBkkCN;AgB9jCE;EACE;AhBgkCJ;AgB7jCE;;EAEE;AhB+jCJ;;AgB3jCA;EACE;AhB8jCF;;AgB3jCA;EACE;EACA;AhB8jCF;;AgB3jCA;EACE;EACA;EACA;EACA;EACA;AhB8jCF;;AgB1jCE;EACE;EACA;EACA;AhB6jCJ;;AgBzjCA;EACE;AhB4jCF;;AgBzjCA;EACE;AhB4jCF;;AgBzjCA;EACE;EACA;AhB4jCF;AgBtjCE;EACE;AhBwjCJ;AgBvjCI;EACE;EACA;AhByjCN;AgBtjCI;;EAEE;AhBwjCN;AgBrjCI;EACE;AhBujCN;AgBpjCI;EACE,iE1FlGiB;A0EwpCvB,C;AiBvrCA;EACE,uD3FsDY;E2FrDZ;EACA;EACA,+D3FwBW;A4FzBb;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF,C;ACjBA;EACE;ACDF;;ADIA;EACE;EACA;EACA,4E7Fae;A8FdjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;ACAF;;ADEA;EACE;ACCF;;ADEE;EACE;ACCJ;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;EACA,iE7F7BW;E6F8BX;EACA;ACCF;ADCE;EACE;EACA;ACCJ;ADCI;EACE;EACA;ACCN;ADEI;EACE;ACAN;ADEI;EACE;ACAN;ADGI;EACE;ACDN;;ADME;EACE;ACHJ;ADKI;EACE;EACA;EACA;EAEA;EACA,iE7FhEO;E6FiEP;EACA;ACJN,C","file":"survey-creator-core.fontless.css","sourcesContent":["@import \"../variables.scss\";\n.svc-context-container {\n display: flex;\n gap: calcSize(1);\n width: max-content;\n}\n.svc-context-button {\n display: block;\n box-sizing: border-box;\n background-color: $background;\n border-radius: 50%;\n width: calcSize(6);\n height: calcSize(6);\n cursor: pointer;\n padding: calcSize(1.5);\n use {\n fill: $foreground-light;\n }\n outline: none;\n}\n.svc-context-button {\n &:hover,\n &:focus {\n use {\n fill: $primary;\n }\n }\n}\n.svc-context-button--danger {\n &:hover,\n &:focus {\n use {\n fill: $red;\n }\n }\n}\n",".svc-context-container {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n width: max-content;\n}\n\n.svc-context-button {\n display: block;\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: 50%;\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 cursor: pointer;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n outline: none;\n}\n.svc-context-button use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-context-button:hover use, .svc-context-button:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\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\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(--sjs-font-family, var(--font-family));\n$font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$base-unit}));\n @return $result;\n }\n}\n\n@mixin smallBold {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: $font-size;\n}\n\n@mixin defaultBold {\n --default-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: $font-size;\n line-height: calc(1.5 * var(--default-bold-font-size));\n}\n\n@mixin defaultFont {\n --default-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n font-family: $font-family;\n font-style: normal;\n font-size: $font-size;\n line-height: calc(1.5 * var(--default-font-size));\n}\n\n@mixin borderLight {\n --border-light-font-size: #{$base-unit};\n border: calc(0.25 * var(--border-light-font-size)) solid $border-light;\n border-radius: $corner-radius;\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin mediumBold {\n --medium-bold-font-size: #{$base-unit};\n font-family: $font-family;\n font-style: normal;\n font-weight: bold;\n font-size: calc(3 * var(--medium-bold-font-size));\n line-height: calc(4 * var(--medium-bold-font-size));\n}\n\n@mixin textEllipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n@mixin disableUserSelect {\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n@mixin centerText {\n --center-text-font-size: #{$base-unit};\n font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * var(--center-text-font-size));\n color: $foreground;\n width: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n overflow: hidden;\n}\n\n@mixin disableTransitionAnimations {\n * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n }\n}\n\n@mixin disableAnimations {\n .sd-row--fade-out,\n .sd-row--fade-in {\n animation: none;\n }\n .sd-element-wrapper--fade-out,\n .sd-element-wrapper--fade-in {\n animation: none;\n }\n .sd-element__content--fade-in,\n .sd-element__content--fade-out {\n animation: none;\n }\n}\n","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-ace {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n height: 100%;\n}","svc-tab-json-editor-ace {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n height: 100%;\n}","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-textarea {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n position: absolute;\n top: 0%;\n right: calc(0% + calc(2 * #{$base-unit}));\n min-height: calc(2.5 * #{$base-unit});\n max-height: calc(2.5 * #{$base-unit});\n border: none;\n background-color: $primary;\n color: $primary-foreground;\n font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n position: absolute;\n right: 0%;\n top: calc(0% + calc(3 * #{$base-unit}));\n max-width: calc(100% - calc(2 * #{$base-unit}));\n padding: $base-unit;\n\n background-color: $background;\n background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n border: 1px solid $border;\n border-radius: 1px;\n\n color: $foreground;\n font-family: monospace;\n\n span {\n white-space: pre-line;\n\n >b {\n color: $red;\n }\n }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n display: none;\n}\n\n.svc-json-errors {\n display: flex;\n max-height: calc(#{$base-unit} * 25 + 5px);\n overflow-y: auto;\n flex-direction: column;\n padding: 0;\n margin: 0;\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-errors__item {\n pointer-events: none;\n display: block;\n}\n\n.svc-json-error {\n font-family: $font-family;\n font-size: calcSize(2);\n line-height: calcSize(3);\n padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\n background: $red-light;\n display: flex;\n align-items: center;\n gap: calcSize(2);\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-error .sv-string-viewer {\n pointer-events: all;\n cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n text-decoration: underline;\n}\n\n.svc-json-error__icon {\n fill: $red;\n}\n\n.svc-json-error__container {\n display: flex;\n gap: calcSize(1);\n}\n\n.svc-json-error__title {\n flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n appearance: none;\n flex-grow: 0;\n flex-shrink: 0;\n pointer-events: all;\n padding: 0 calcSize(1);\n width: calcSize(5);\n height: calcSize(3);\n background: $background;\n border: none;\n border-radius: calcSize(0.5);\n box-shadow: $shadow-small;\n cursor: pointer;\n\n svg {\n fill: $foreground-dim-light;\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.svc-json-error__fix-button:hover {\n svg {\n fill: $primary;\n }\n}","svc-tab-json-editor-textarea {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n position: absolute;\n top: 0%;\n right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n position: absolute;\n right: 0%;\n top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n border-radius: 1px;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: monospace;\n}\n.svc-json-editor-tab__content-errors span {\n white-space: pre-line;\n}\n.svc-json-editor-tab__content-errors span > b {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-editor-tab__content-errors:empty {\n display: none;\n}\n\n.svc-json-errors {\n display: flex;\n max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px)) * 25 + 5px);\n overflow-y: auto;\n flex-direction: column;\n padding: 0;\n margin: 0;\n border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-errors__item {\n pointer-events: none;\n display: block;\n}\n\n.svc-json-error {\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n display: flex;\n align-items: center;\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-error .sv-string-viewer {\n pointer-events: all;\n cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n text-decoration: underline;\n}\n\n.svc-json-error__icon {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-error__container {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-json-error__title {\n flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n appearance: none;\n flex-grow: 0;\n flex-shrink: 0;\n pointer-events: all;\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: none;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n cursor: pointer;\n}\n.svc-json-error__fix-button svg {\n fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\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.svc-json-error__fix-button:hover svg {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../variables.scss\";\n\n.svd-simulator {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: content-box;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n border: 2px solid $border-inside;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n border-radius: 32px;\n border: 4px solid $background-dim;\n background: $background;\n box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.10), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n min-height: 100%;\n\n &.svd-simulator-main--desktop {\n min-height: auto;\n\n &.svd-simulator-main--running {\n height: 100%;\n }\n }\n\n &.svd-simulator-main--frame {\n display: flex;\n align-items: center;\n }\n\n &:not(.svd-simulator-main--frame) {\n background-color: transparent;\n }\n\n .sd-root-modern {\n min-height: 100%;\n\n .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n width: auto;\n }\n }\n}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n // border-bottom: 1px solid $border-inside;\n box-shadow: inset 0px -1px 0px 0px $border-inside;\n position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n\n ::i-block-chrome,\n .svd-simulator-content {\n overflow-y: scroll;\n }\n}",".svd-simulator {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: content-box;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n border-radius: 32px;\n border: 4px solid var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n min-height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--desktop {\n min-height: auto;\n}\n.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {\n height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--frame {\n display: flex;\n align-items: center;\n}\n.svd-simulator-main:not(.svd-simulator-main--frame) {\n background-color: transparent;\n}\n.svd-simulator-main .sd-root-modern {\n min-height: 100%;\n}\n.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n width: auto;\n}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n ::i-block-chrome,\n .svd-simulator-content {\n overflow-y: scroll;\n }\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n\n .sv-root-modern .sv-completedpage,\n .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: $background-dim;\n }\n\n .sv_default_css .sv_body {\n border: 0;\n }\n\n .svc-preview__test-again {\n width: calcSize(33);\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calcSize(12);\n margin-top: 8px;\n }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n position: absolute;\n }\n\n .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: calcSize(1);\n\n .sv-action__content {\n padding: 0;\n }\n\n .sv-action-bar-item {\n margin: 0;\n }\n }\n\n .sv-action-bar-item {\n @include smallBold;\n width: 100%;\n height: calcSize(4);\n }\n\n .svc-page-selector {\n max-width: 50%;\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n color: $foreground;\n display: inline-block;\n }\n }\n}\n\n.svc-test-tab__content .sd-body--empty {\n font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calcSize(2);\n color: $foreground;\n text-align: center;\n overflow: hidden;\n position: static;\n display: flex;\n flex-direction: column;\n}","svc-tab-test {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n padding: 0;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n width: 100%;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n display: inline-block;\n}\n\n.svc-test-tab__content .sd-body--empty {\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n text-align: center;\n overflow: hidden;\n position: static;\n display: flex;\n flex-direction: column;\n}","@import \"../../variables.scss\";\n@import \"../../colors.scss\";\n\n.sl-table {\n width: 50%;\n margin: 0 25%;\n}\n\n.sl-table__row {\n position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n margin-top: calcSize(-0.5);\n padding-right: calcSize(4);\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n width: calcSize(6);\n height: calcSize(6);\n\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n padding: 0;\n\n &:hover:enabled,\n &.sv-focused--by-key {\n background-color: $primary-light;\n outline: none;\n\n use {\n fill: $primary;\n }\n }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n border-radius: calcSize(12.5);\n padding: calcSize(1);\n cursor: pointer;\n\n &:hover:enabled,\n &.sv-focused--by-key {\n background-color: $red-light;\n outline: none;\n\n use {\n fill: $red;\n }\n }\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n display: block;\n}\n\n.sl-table__row #remove-row {\n .sv-action-bar-item {\n border: none;\n width: calcSize(5);\n height: calcSize(5);\n }\n\n .sv-action-bar-item__icon use {\n fill: $red;\n }\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n color: $secondary;\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n @include mediumBold;\n\n background: transparent;\n color: $foreground;\n outline: none;\n border: none;\n box-shadow: none;\n\n max-height: calcSize(13.5);\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n color: $foreground;\n font-weight: bold;\n font-size: calcSize(2);\n font-family: $font-family;\n vertical-align: top;\n padding: calcSize(2) 0;\n width: 100%;\n}\n\n.sl-table__cell--actions {\n position: absolute;\n width: max-content;\n\n &:first-of-type {\n transform: translateX(-100%);\n }\n}\n\n.sl-table__cell--detail-button {\n overflow: hidden;\n appearance: none;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.sl-table {\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n\n thead {\n th:first-child {\n position: absolute;\n left: 0;\n transform: translateX(-100%);\n }\n\n th:last-child {\n position: absolute;\n right: 0;\n transform: translateX(100%);\n }\n\n .sl-table__cell.st-table__cell--header {\n text-align: left;\n }\n }\n\n tbody {\n tr:last-of-type {\n .sl-table__cell {\n padding-bottom: calcSize(10);\n }\n }\n }\n\n tr:first-of-type {\n .sl-table__cell {\n padding-top: calcSize(4);\n }\n }\n\n td,\n th {\n &:first-of-type {\n padding-left: calcSize(4);\n\n .sv-action-bar {\n justify-content: flex-end;\n }\n }\n }\n\n td,\n th {\n &:last-of-type {\n padding-right: calcSize(4);\n }\n }\n}\n\n.sl-panel .sl-panel__footer {\n padding: 0;\n\n .sv-action {\n width: 100%;\n }\n\n .sv-action__content {\n width: 100%;\n }\n\n button.sl-panel__done-button {\n width: 100%;\n margin: calcSize(2) 0 calcSize(10) 0;\n color: $primary;\n background-color: $primary-light;\n\n font-family: $font-family;\n font-size: calcSize(2);\n border-radius: calcSize(12.5);\n\n display: flex;\n align-items: center;\n vertical-align: baseline;\n text-align: center;\n\n user-select: none;\n }\n\n button:hover:enabled {\n background-color: $primary;\n color: $primary-foreground;\n }\n\n .sv-action-bar-item__title {\n color: inherit;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n font-weight: 600;\n }\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n padding: 0;\n}\n\n.sl-question {\n display: flex;\n align-items: center;\n margin-top: calcSize(2);\n}\n\n.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n\n.sl-row--multiple {\n .sl-panel {\n padding-bottom: 0;\n }\n}\n\n.sl-question__header--left {\n margin-right: calcSize(1);\n}\n\n.sl-row {\n .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\n padding: 2px;\n margin: -2px;\n }\n}\n.sl-question__title {\n color: $foreground;\n font-size: calcSize(2);\n line-height: calcSize(3);\n margin: 0;\n font-weight: 600;\n\n span + span {\n display: none;\n }\n}\n\n.sl-row--multiple .sl-question {\n padding-right: calcSize(1);\n}\n\n.svc-logic-question-value {\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 padding-right: calcSize(5);\n margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor {\n margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n margin-top: 0;\n}\n\n.sv-popup.sv-property-editor {\n .sl-row {\n flex-flow: nowrap;\n }\n}\n\n.spg-comment.sl-comment {\n height: calcSize(17);\n}\n\n.sl-body {\n @include disableAnimations;\n}\n",".sl-table {\n width: 50%;\n margin: 0 25%;\n}\n\n.sl-table__row {\n position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\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 box-sizing: border-box;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: 0;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n outline: none;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: pointer;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n outline: none;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled use, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n display: block;\n}\n\n.sl-table__row #remove-row .sv-action-bar-item {\n border: none;\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}\n.sl-table__row #remove-row .sv-action-bar-item__icon use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n --medium-bold-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: bold;\n font-size: calc(3 * var(--medium-bold-font-size));\n line-height: calc(4 * var(--medium-bold-font-size));\n background: transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n outline: none;\n border: none;\n box-shadow: none;\n max-height: calc(13.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: bold;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n vertical-align: top;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n width: 100%;\n}\n\n.sl-table__cell--actions {\n position: absolute;\n width: max-content;\n}\n.sl-table__cell--actions:first-of-type {\n transform: translateX(-100%);\n}\n\n.sl-table__cell--detail-button {\n overflow: hidden;\n appearance: none;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.sl-table {\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n}\n.sl-table thead th:first-child {\n position: absolute;\n left: 0;\n transform: translateX(-100%);\n}\n.sl-table thead th:last-child {\n position: absolute;\n right: 0;\n transform: translateX(100%);\n}\n.sl-table thead .sl-table__cell.st-table__cell--header {\n text-align: left;\n}\n.sl-table tbody tr:last-of-type .sl-table__cell {\n padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table tr:first-of-type .sl-table__cell {\n padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type,\n.sl-table th:first-of-type {\n padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type .sv-action-bar,\n.sl-table th:first-of-type .sv-action-bar {\n justify-content: flex-end;\n}\n.sl-table td:last-of-type,\n.sl-table th:last-of-type {\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-panel .sl-panel__footer {\n padding: 0;\n}\n.sl-panel .sl-panel__footer .sv-action {\n width: 100%;\n}\n.sl-panel .sl-panel__footer .sv-action__content {\n width: 100%;\n}\n.sl-panel .sl-panel__footer button.sl-panel__done-button {\n width: 100%;\n margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: 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 display: flex;\n align-items: center;\n vertical-align: baseline;\n text-align: center;\n user-select: none;\n}\n.sl-panel .sl-panel__footer button:hover:enabled {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sl-panel .sl-panel__footer .sv-action-bar-item__title {\n color: inherit;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n font-weight: 600;\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n padding: 0;\n}\n\n.sl-question {\n display: flex;\n align-items: center;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n\n.sl-row--multiple .sl-panel {\n padding-bottom: 0;\n}\n\n.sl-question__header--left {\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\n padding: 2px;\n margin: -2px;\n}\n\n.sl-question__title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n font-weight: 600;\n}\n.sl-question__title span + span {\n display: none;\n}\n\n.sl-row--multiple .sl-question {\n padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-logic-question-value {\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 padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n margin-top: 0;\n}\n\n.sv-popup.sv-property-editor .sl-row {\n flex-flow: nowrap;\n}\n\n.spg-comment.sl-comment {\n height: calc(17 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-body .sd-row--fade-out,\n.sl-body .sd-row--fade-in {\n animation: none;\n}\n.sl-body .sd-element-wrapper--fade-out,\n.sl-body .sd-element-wrapper--fade-in {\n animation: none;\n}\n.sl-body .sd-element__content--fade-in,\n.sl-body .sd-element__content--fade-out {\n animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: $background-dim;\n @include disableTransitionAnimations;\n}\n\n.st-properties {\n background-color: $background-dim;\n flex-grow: 1;\n padding-right: calcSize(4);\n padding-left: calcSize(4);\n padding-top: calcSize(2);\n\n .spg-table {\n .spg-table__cell:first-of-type {\n width: calcSize(5);\n }\n\n .spg-table__question-wrapper {\n padding: calcSize(1.5) calcSize(1);\n\n .spg-checkbox {\n margin: 0;\n }\n\n .spg-selectbase__label {\n gap: 0;\n }\n }\n\n .spg-checkbox--disabled {\n .spg-checkbox__rectangle,\n .spg-checkbox__rectangle:hover {\n background: $background-dim;\n }\n }\n }\n}\n\n.st-no-strings {\n @include centerText;\n}\n\n.st-content {\n display: flex;\n height: 100%;\n}\n\n.st-strings {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n flex-grow: 1;\n}\n\n.st-property-panel {\n flex-shrink: 0;\n flex-grow: 0;\n width: 450px;\n border-left: 1px solid $border;\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n margin-top: calcSize(2);\n}\n\n.st-strings-header {\n .st-table__cell {\n background-color: $background-dim;\n height: auto;\n }\n}\n\n.st-root-modern {\n width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n @include smallBold;\n color: $foreground-light;\n text-align: left;\n}\n\n.st-title.st-panel__title {\n height: calcSize(4);\n line-height: calcSize(4);\n padding-left: calcSize(3);\n margin: 0;\n\n background-color: $background-dim-light;\n border-bottom: 1px solid $border-light;\n}\n\n.st-table {\n tr {\n display: flex;\n align-items: stretch;\n }\n}\n\n.st-table__cell {\n display: block;\n flex: 1 1;\n box-sizing: border-box;\n background-color: $background;\n border-bottom: 1px solid $border-light;\n padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n @include defaultBold;\n color: $foreground;\n max-width: 300px;\n padding-right: calcSize(3);\n\n span {\n display: inline-block;\n padding-left: calcSize(3);\n }\n}\n\n.st-panel-indent .st-table__cell:first-of-type {\n span {\n padding-left: calcSize(6);\n }\n}\n\n.st-table {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.st-comment {\n @include defaultFont;\n display: block;\n width: calc(100% - 3 * #{$base-unit});\n border: unset;\n outline: none;\n background-color: $background;\n color: $foreground;\n resize: none;\n padding: 0;\n}\n\n.sd-translation-line-skeleton {\n min-height: calcSize(5);\n background-color: $background-dim;\n}\n\n.st-navigation-btn {\n padding-left: calcSize(3);\n padding-right: calcSize(2);\n}\n\n.svc-translation-machine {\n margin-right: auto;\n}\n\n.svc-translation-machine-from {\n margin-right: left;\n}\n\n.st-body__footer {\n padding: calcSize(2) calcSize(2);\n background: $background;\n border-bottom: 1px solid $border-light;\n}\n\n.st-translation-dialog .sv-popup__body-header {\n margin-bottom: calcSize(4);\n}\n\n.st-translation-dialog .st-root-modern > .sd-root-modern__wrapper {\n border-radius: 4px;\n box-shadow: $shadow-small;\n overflow: hidden;\n}\n\n.st-container-modern {\n .sv-components-column--expandable {\n width: auto;\n }\n}\n.st-body {\n @include disableAnimations;\n}\n",".svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-translation * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n\n.st-properties {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n flex-grow: 1;\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__cell:first-of-type {\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__question-wrapper {\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {\n margin: 0;\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {\n gap: 0;\n}\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-no-strings {\n --center-text-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * var(--center-text-font-size));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n width: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n overflow: hidden;\n}\n\n.st-content {\n display: flex;\n height: 100%;\n}\n\n.st-strings {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n flex-grow: 1;\n}\n\n.st-property-panel {\n flex-shrink: 0;\n flex-grow: 0;\n width: 450px;\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-strings-header .st-table__cell {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n height: auto;\n}\n\n.st-root-modern {\n width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n text-align: left;\n}\n\n.st-title.st-panel__title {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-table tr {\n display: flex;\n align-items: stretch;\n}\n\n.st-table__cell {\n display: block;\n flex: 1 1;\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n\ntd.st-table__cell:first-of-type {\n --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--default-bold-font-size));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n max-width: 300px;\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\ntd.st-table__cell:first-of-type span {\n display: inline-block;\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-panel-indent .st-table__cell:first-of-type span {\n padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-table {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.st-comment {\n --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--default-font-size));\n display: block;\n width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: unset;\n outline: none;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n resize: none;\n padding: 0;\n}\n\n.sd-translation-line-skeleton {\n min-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-navigation-btn {\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-translation-machine {\n margin-right: auto;\n}\n\n.svc-translation-machine-from {\n margin-right: left;\n}\n\n.st-body__footer {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-translation-dialog .sv-popup__body-header {\n margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-translation-dialog .st-root-modern > .sd-root-modern__wrapper {\n border-radius: 4px;\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n overflow: hidden;\n}\n\n.st-container-modern .sv-components-column--expandable {\n width: auto;\n}\n\n.st-body .sd-row--fade-out,\n.st-body .sd-row--fade-in {\n animation: none;\n}\n.st-body .sd-element-wrapper--fade-out,\n.st-body .sd-element-wrapper--fade-in {\n animation: none;\n}\n.st-body .sd-element__content--fade-in,\n.st-body .sd-element__content--fade-out {\n animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\n @include disableTransitionAnimations;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n //max-width: calcSize(75);\n //margin: auto;\n // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n height: calcSize(3);\n box-sizing: content-box;\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n -webkit-appearance: none;\n appearance: none;\n padding: calcSize(1) calcSize(2);\n border-radius: calcSize(12.5);\n border: none;\n outline: none;\n font-weight: 600;\n font-family: $font-family;\n font-size: calcSize(2);\n color: $foreground-light;\n height: calcSize(5);\n line-height: calcSize(3);\n cursor: pointer;\n\n option {\n background: $background;\n color: $foreground;\n }\n}\n\n.svc-logic-operator:focus {\n outline: 1px dotted $primary;\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n color: $foreground;\n}\n\n.svc-logic-operator.svc-logic-operator {\n &:hover,\n &:focus {\n color: #ffffff;\n outline: none;\n box-shadow: none;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: $blue-light;\n\n &:hover,\n &:focus {\n background-color: $blue;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: $yellow-light;\n\n &:hover,\n &:focus {\n background-color: $yellow;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: $red-light;\n\n &:hover,\n &:focus {\n background-color: $red;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: $background;\n color: $red;\n box-shadow: inset 0 0 0 2px $red;\n}\n\n.svc-logic-operator__error {\n display: none;\n}\n\n.svc-logic-paneldynamic {\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n display: none;\n width: calcSize(5);\n height: calcSize(5);\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n background-size: calcSize(3) calcSize(3);\n background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n background-color: $red-light;\n}\n\n.svc-logic-condition-remove-question {\n height: calcSize(5);\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n color: $foreground-light;\n margin-top: calcSize(2);\n\n &:hover,\n &:focus {\n color: $primary-foreground;\n }\n}\n\n.svc-logic-tab__content {\n &.svc-logic-tab__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n .svc-logic-tab__content-action {\n width: calcSize(33);\n margin-top: calcSize(4);\n }\n }\n\n .svc-logic-tab__content-action {\n margin-left: 25%;\n margin-right: 25%;\n margin-bottom: calcSize(8);\n }\n\n .svc-logic-tab__content-action--disabled {\n cursor: default;\n outline: solid calcSize(0.25) transparent;\n\n &:focus,\n &:hover {\n background-color: $background;\n box-shadow: $shadow-small;\n }\n }\n\n .svc-logic-tab__content-action--disabled .svc-text {\n color: $foreground;\n opacity: 0.25;\n }\n\n .sd-paneldynamic__panel-wrapper--in-row {\n margin-top: 0;\n align-items: start;\n }\n}\n\n.svc-logic-paneldynamic {\n font-family: $font-family;\n\n .sd-row--multiple {\n padding: 0;\n background: none;\n box-shadow: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .sd-question__content {\n margin-top: 0;\n }\n\n .sd-row__panel {\n width: calc(100% - 5 * #{$base-unit});\n }\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n margin-top: 0;\n flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel {\n .sd-body {\n margin: 0;\n min-width: none;\n max-width: none;\n }\n\n .sd-page.sd-body__page {\n padding: 0;\n }\n\n .sl-panel__footer {\n margin: 0;\n }\n}\n\n.sl-dropdown {\n max-width: 45vw;\n}\n\n.sl-dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sl-list__item-body {\n padding-block: calcSize(1.5);\n}\n\n.svc-logic-placeholder {\n width: calcSize(78);\n min-width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-top: calcSize(2);\n background: $background;\n box-shadow: $shadow-small;\n border-radius: calcSize(0.5);\n padding: calcSize(4) calcSize(5) calcSize(5);\n}\n\n.sv-popup--overlay {\n .svc-logic-placeholder {\n width: initial;\n }\n}\n\n.svc-logic-placeholder__text {\n font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calcSize(2);\n line-height: calcSize(3);\n text-align: center;\n color: $foreground-light;\n display: block;\n padding: calcSize(4) calcSize(8);\n}\n\n.svc-logic-tab__leave-apply-button {\n background-color: $red;\n}\n\n.sl-list {\n padding-right: calcSize(0.5);\n padding-left: calcSize(0.5);\n\n .sv-list__filter {\n padding-top: 0;\n }\n\n .sv-list__filter-icon {\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n padding-top: calcSize(1.5);\n}",".svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-logic-edit * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions .sv-action-bar {\n padding: 0;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n -webkit-appearance: none;\n appearance: none;\n padding: 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 border: none;\n outline: none;\n font-weight: 600;\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n}\n.svc-logic-paneldynamic .svc-logic-operator option {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator:focus {\n outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {\n color: #ffffff;\n outline: none;\n box-shadow: none;\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {\n background-color: var(--sjs-special-blue, #437fd9);\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus,\n.svc-logic-operator.svc-logic-operator--operator:hover,\n.svc-logic-operator.svc-logic-operator--operator:focus {\n background-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-special-red, var(--red, #e60a3e));\n box-shadow: inset 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator__error {\n display: none;\n}\n\n.svc-logic-paneldynamic .sd-paneldynamic__separator {\n display: none;\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n display: none;\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 background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.svc-logic-condition-remove-question {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover, .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-logic-tab__content.svc-logic-tab__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action {\n margin-left: 25%;\n margin-right: 25%;\n margin-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled {\n cursor: default;\n outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus, .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {\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}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {\n margin-top: 0;\n align-items: start;\n}\n\n.svc-logic-paneldynamic {\n font-family: var(--sjs-font-family, var(--font-family));\n}\n.svc-logic-paneldynamic .sd-row--multiple {\n padding: 0;\n background: none;\n box-shadow: none;\n border-radius: 0;\n overflow: visible;\n}\n.svc-logic-paneldynamic .sd-question__content {\n margin-top: 0;\n}\n.svc-logic-paneldynamic .sd-row__panel {\n width: calc(100% - 5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n margin-top: 0;\n flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel .sd-body {\n margin: 0;\n min-width: none;\n max-width: none;\n}\n.sl-table__cell--detail-panel .sd-page.sd-body__page {\n padding: 0;\n}\n.sl-table__cell--detail-panel .sl-panel__footer {\n margin: 0;\n}\n\n.sl-dropdown {\n max-width: 45vw;\n}\n\n.sl-dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sl-list__item-body {\n padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-placeholder {\n width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n 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(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--overlay .svc-logic-placeholder {\n width: initial;\n}\n\n.svc-logic-placeholder__text {\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 400;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n text-align: center;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n display: block;\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-tab__leave-apply-button {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-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.sl-list .sv-list__filter {\n padding-top: 0;\n}\n.sl-list .sv-list__filter-icon {\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../../variables.scss\";\n\nsvc-tab-designer {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-designer {\n display: flex;\n flex-grow: 1;\n height: 100%;\n overflow-y: scroll;\n position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n min-width: calcSize(84);\n}\n\n.svc-tab-designer {\n .svc-designer-header {\n .sd-container-modern__title {\n background-color: transparent;\n }\n }\n\n .svc-tab-designer_content {\n width: 100%;\n }\n\n .sd-title {\n display: flex;\n }\n\n .sd-container-modern {\n min-width: calcSize(70);\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n\n &.sd-container-modern--static {\n max-width: calcSize(84);\n }\n\n &.sd-container-modern--responsive {\n max-width: initial;\n }\n }\n\n .sd-question.sd-question--image {\n width: 100%;\n }\n\n .sd-progress,\n .sd-progress__bar {\n background-color: transparent;\n }\n}\n\n.svc-designer-header {\n border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n display: flex;\n flex-grow: 1;\n width: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: calcSize(2);\n box-sizing: border-box;\n}\n\n.svc-designer-placeholder-page {\n margin-top: calcSize(2);\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n width: calcSize(33);\n margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n display: none;\n}","svc-tab-designer {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-tab-designer {\n display: flex;\n flex-grow: 1;\n height: 100%;\n overflow-y: scroll;\n position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n min-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer .svc-designer-header .sd-container-modern__title {\n background-color: transparent;\n}\n.svc-tab-designer .svc-tab-designer_content {\n width: 100%;\n}\n.svc-tab-designer .sd-title {\n display: flex;\n}\n.svc-tab-designer .sd-container-modern {\n min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--static {\n max-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {\n max-width: initial;\n}\n.svc-tab-designer .sd-question.sd-question--image {\n width: 100%;\n}\n.svc-tab-designer .sd-progress,\n.svc-tab-designer .sd-progress__bar {\n background-color: transparent;\n}\n\n.svc-designer-header {\n border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n display: flex;\n flex-grow: 1;\n width: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n}\n\n.svc-designer-placeholder-page {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n display: none;\n}","@import \"./variables.scss\";\n\n.svc-creator--mobile {\n .svc-tab-designer {\n overflow-y: overlay;\n }\n\n .sd-root-modern {\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 .svc-question__content {\n .sd-question__content {\n margin-left: calcSize(-3);\n margin-right: calcSize(-3);\n padding-left: calcSize(3);\n padding-right: calcSize(3);\n\n .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n }\n }\n\n &>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(6));\n margin: 0 calcSize(-3);\n\n &>div {\n width: calc(100% - calcSize(6));\n margin: 0 calcSize(3);\n }\n }\n }\n\n .svc-question__content--selected {\n .svc-rating-question-controls {\n bottom: calcSize(10);\n }\n }\n\n .svc-page {\n margin-top: calcSize(1);\n }\n\n .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n\n .sd-page__title {\n margin: 0;\n }\n\n &.svc-page__content--selected {\n .sd-page__title {\n margin: calcSize(2.5) 0 0 0;\n }\n }\n\n .sd-page {\n padding: calcSize(1) calcSize(3) calcSize(3);\n }\n\n .svc-page__footer {\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n }\n }\n\n .svc-question__content {\n padding: calcSize(2) calcSize(3) calcSize(3);\n\n &.svc-question__content--selected {\n padding-top: calcSize(3);\n padding-bottom: calcSize(8);\n }\n }\n\n .svc-tab-designer {\n justify-content: initial;\n\n .sd-title.sd-container-modern__title {\n padding: calcSize(3);\n flex-direction: column-reverse;\n align-items: flex-start;\n\n .svc-logo-image {\n margin-top: 0;\n }\n\n .svc-logo-image-placeholder {\n margin-left: calcSize(-2);\n margin-top: calcSize(-2);\n }\n\n h3 {\n margin: 0;\n font-size: calcSize(3);\n line-height: calcSize(4);\n }\n\n h5 {\n margin: 0;\n }\n }\n }\n\n .svc-tab-designer {\n .sd-container-modern {\n min-width: calcSize(43);\n padding: 0;\n }\n }\n\n .svc-properties-wrapper {\n width: 100%;\n }\n\n .svc-question__content-actions {\n width: calc(100% - 3 * #{$base-unit});\n left: calcSize(2);\n\n .sv-action-bar-item {\n border: 0;\n }\n }\n\n .svc-page__content-actions {\n .sv-action-bar {\n padding-right: calcSize(1);\n\n .sv-action {\n .sv-action__content {\n padding-right: 0;\n\n .sv-action-bar-item__title--with-icon {\n display: none;\n }\n }\n }\n }\n }\n}",".svc-creator--mobile .svc-tab-designer {\n overflow-y: overlay;\n}\n.svc-creator--mobile .sd-root-modern {\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.svc-creator--mobile .svc-question__content .sd-question__content {\n margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper {\n width: calc(100% + 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {\n bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page__title {\n margin: 0;\n}\n.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {\n margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page__content .svc-page__footer {\n margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content.svc-question__content--selected {\n padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer {\n justify-content: initial;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {\n padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-direction: column-reverse;\n align-items: flex-start;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {\n margin-top: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {\n margin: 0;\n font-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {\n margin: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-container-modern {\n min-width: calc(43 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: 0;\n}\n.svc-creator--mobile .svc-properties-wrapper {\n width: 100%;\n}\n.svc-creator--mobile .svc-question__content-actions {\n width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {\n border: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar {\n padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {\n padding-right: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {\n display: none;\n}","@import \"../../variables.scss\";\n\n.svc-switcher.spg-action-button {\n align-items: center;\n gap: calcSize(1);\n pointer-events: auto;\n}\n\n.svc-switcher__title {\n color: $foreground-light;\n\n font-family: $font-family;\n font-size: calcSize(1.5);\n font-style: normal;\n font-weight: 600;\n line-height: calcSize(1);\n}\n\n.svc-switcher__icon {\n width: calcSize(2.5);\n padding: calcSize(0.5);\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n border: 1px solid $border;\n background: $background-dim;\n\n transition-duration: 0.2s;\n transition-property: background;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n background: $background;\n}\n\n.svc-switcher__icon:focus {\n border: calcSize(0.25) solid $primary;\n background: $background-dim;\n}\n\n.svc-switcher__icon:hover:focus {\n border: calcSize(0.25) solid $primary;\n background: $background;\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n justify-content: center;\n align-items: center;\n border: unset;\n\n border-radius: 100px;\n background-color: $primary;\n}\n\n.svc-switcher__icon--checked:focus {\n border: calcSize(0.25) solid $primary;\n background-color: $primary-foreground;\n}\n\n.svc-switcher__icon-thumb {\n width: calcSize(1);\n height: calcSize(1);\n justify-content: center;\n align-items: center;\n\n border-radius: 100px;\n background-color: $foreground-dim-light;\n\n transform: translateX(0);\n margin-left: 0%;\n transition-duration: 0.2s;\n transition-property: margin-left, transform, background-color;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n background-color: $primary-foreground;\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus,\n.svc-switcher__icon:hover:focus,\n.svc-switcher__icon--checked:focus {\n .svc-switcher__icon-thumb {\n background-color: $primary;\n }\n}\n",".svc-switcher.spg-action-button {\n align-items: center;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n pointer-events: auto;\n}\n\n.svc-switcher__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-switcher__icon {\n width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n transition-duration: 0.2s;\n transition-property: background;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon:focus {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-switcher__icon:hover:focus {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n justify-content: center;\n align-items: center;\n border: unset;\n border-radius: 100px;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-switcher__icon--checked:focus {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-switcher__icon-thumb {\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n transform: translateX(0);\n margin-left: 0%;\n transition-duration: 0.2s;\n transition-property: margin-left, transform, background-color;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n\n .sv-root-modern .sv-completedpage,\n .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: $background-dim;\n }\n\n .sv_default_css .sv_body {\n border: 0;\n }\n\n .svc-preview__test-again {\n width: calcSize(33);\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calcSize(12);\n margin-top: 8px;\n }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n position: absolute;\n }\n\n .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: calcSize(1);\n\n .sv-action__content {\n padding: 0;\n }\n\n .sv-action-bar-item {\n margin: 0;\n }\n }\n\n .sv-action-bar-item {\n @include smallBold;\n width: 100%;\n height: calcSize(4);\n }\n\n .svc-page-selector {\n max-width: 50%;\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n color: $foreground;\n display: inline-block;\n }\n }\n}","svc-tab-test {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n padding: 0;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n width: 100%;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n display: inline-block;\n}","@import \"../variables.scss\";\n\n.svc-notifier.svc-notifier--shown {\n visibility: visible;\n opacity: 0.75;\n}\n.svc-notifier {\n position: absolute;\n bottom: calcSize(1);\n left: calcSize(1);\n background: $background;\n opacity: 0;\n padding: calcSize(1) calcSize(2);\n box-shadow: $shadow-medium;\n border-radius: calcSize(0.5);\n color: $foreground;\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n visibility: hidden;\n\n @include smallBold;\n}\n\n.svc-notifier.svc-notifier--error {\n background-color: $red;\n color: #ffffff;\n opacity: 1;\n}\n\n.svc-creator--mobile {\n .svc-notifier {\n left: 0;\n bottom: calcSize(6);\n width: 100%;\n box-sizing: border-box;\n opacity: 1;\n z-index: 1000;\n }\n}",".svc-btn {\n display: flex;\n align-items: center;\n height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(7 * (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-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.svc-btn .svc-text {\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}\n\n.svc-btn:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button {\n display: inline-block;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n outline: none;\n}\n\n.svc-action-button--selected {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button--disabled {\n opacity: 0.25;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}","@import \"../variables.scss\";\n@import \"./notifier.scss\";\n\nsurvey-creator,\n.svc-creator {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n\n -webkit-font-smoothing: antialiased;\n\n @-moz-document url-prefix() {\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.svc-creator__area {\n position: relative;\n\n @include disableUserSelect;\n}\n\n.svc-creator__content-wrapper {\n width: 100%;\n height: 0;\n flex-grow: 1;\n}\n\n\n\n.svc-creator__content-holder {\n width: 100%;\n height: 100%;\n}\n\n.svc-creator-tab {\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n min-height: $tab-min-height;\n}\n\n.svc-creator__toolbox--right.svc-creator-tab {\n flex-direction: row-reverse;\n}\n\n.svc-creator-tab__content {\n position: relative;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.svc-plugin-tab__content {\n height: 100%;\n overflow-y: auto;\n}\n\n.svc-plugin-tab__content-actions {\n sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n }\n}\n\n.svc-creator__banner {\n width: 100%;\n line-height: calcSize(4);\n background-color: $secondary;\n text-align: center;\n}\n\n.svc-item__banner {\n position: absolute;\n top: 0;\n max-width: 0;\n overflow: hidden;\n height: 100%;\n background-color: $background;\n /* Shadow / Medium */\n border-radius: calcSize(12.5);\n box-shadow: $shadow-medium;\n transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;\n}\n\n.svc-creator__non-commercial-text {\n color: $primary-foreground;\n @include defaultBold;\n vertical-align: middle;\n padding: calcSize(1.5) calcSize(16);\n display: block;\n a {\n color: $primary-foreground;\n }\n}\n\n.svc-creator--mobile {\n .svc-creator__non-commercial-text {\n padding: calcSize(1.5) calcSize(5);\n }\n}\n.sv-drag-drop-ghost {\n top: calcSize(0.75);\n width: 100%;\n height: calcSize(0.5);\n background: $secondary;\n position: absolute;\n}\n\n.sv-drag-drop-ghost--vertical {\n height: 10000px;\n width: 4px;\n}\n\n.sv-drag-drop-ghost--item-value-bottom {\n top: initial;\n bottom: calcSize(-0.5);\n}","@import \"../variables.scss\";\n\n.sd-element__header {\n .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n }\n}\n\n.svc-string-editor {\n [contenteditable=\"true\"] {\n user-select: text;\n -webkit-user-select: text;\n }\n\n position: static;\n\n .sv-string-editor {\n position: relative;\n outline: none;\n z-index: 12;\n\n &[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: $foreground-light;\n }\n }\n\n .sv-string-editor--html,\n .sv-string-editor:focus-within {\n white-space: pre-wrap;\n }\n\n &.svc-string-editor--hidden {\n display: none;\n }\n}\n\n.svc-string-editor__content {\n display: inline-block;\n position: relative;\n z-index: 10;\n width: 100%;\n}\n\n.svc-matrix-cell {\n .svc-string-editor__content {\n width: auto;\n }\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n display: inline-block;\n}\n\n.svc-string-editor__input {\n display: flex;\n}\n\n.svc-remaining-character-counter {\n display: none;\n position: relative;\n outline: none;\n z-index: 20;\n padding: 0px;\n vertical-align: top;\n margin-inline-start: calcSize(2);\n font-size: calcSize(1.5);\n font-family: $font-family;\n font-weight: 400;\n color: $foreground-light;\n line-height: calcSize(2);\n}\n\n.svc-string-editor__border {\n display: none;\n position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n}\n\n.svc-string-editor__error {\n margin-left: calcSize(1);\n line-height: calcSize(4);\n font-size: calcSize(2);\n color: red;\n display: none;\n}\n\n.svc-string-editor__controls {\n position: absolute;\n left: 100%;\n height: 100%;\n width: calcSize(2);\n top: 0;\n padding-left: calcSize(2);\n z-index: 12;\n display: none;\n align-items: center;\n justify-content: center;\n line-height: 0px;\n}\n\n.svc-string-editor__button {\n display: none;\n position: relative;\n\n use {\n fill: $primary;\n }\n}\n\n.svc-string-editor__button--edit {\n height: calcSize(2);\n width: calcSize(2);\n padding: calcSize(1);\n\n .sv-svg-icon {\n vertical-align: bottom;\n }\n\n &.sv-svg-icon {\n overflow: visible;\n }\n}\n\n.svc-string-editor:hover:not(:focus-within) {\n .svc-string-editor__button--edit {\n //display: inline-block;\n display: none;\n }\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border {\n display: flex;\n top: 0;\n bottom: 0;\n left: calcSize(-0.5);\n right: calcSize(-0.5);\n //right: calcSize(-4.5); // if need pencil icon\n border-radius: 3px;\n box-shadow: 0px 0px 0px calcSize(0.25) rgba(0, 0, 0, 0.16);\n }\n}\n\n.svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: flex;\n top: calcSize(-0.5);\n bottom: calcSize(-0.5);\n left: calcSize(-1);\n right: calcSize(-1);\n border-radius: 3px;\n box-sizing: content-box;\n background-color: $background;\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $primary;\n }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n .svc-string-editor__border {\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $red;\n }\n}\n\n.sd-boolean {\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n}\n\n.sd-rating {\n .sd-rating__item:focus-within {\n border: calcSize(0.25) solid $primary;\n\n &:not(.sd-rating__min-text),\n &:not(.sd-rating__max-text) {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n }\n }\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n .svc-string-editor__button--done {\n width: calcSize(2);\n }\n}\n\n.sd-table__cell--column-title {\n .svc-matrix-cell:not(:focus):focus-within {\n .svc-matrix-cell--selected {\n border: calcSize(0.25) solid $primary;\n border-radius: calcSize(0.5);\n display: block;\n }\n }\n\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n}\n\n.sd-item__control-label {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n left: calcSize(-0.7);\n right: calcSize(-0.7);\n }\n }\n}\n\n.svc-string-editor {\n\n &:hover,\n &:focus-within {\n &~.sd-question__required-text {\n visibility: hidden;\n }\n }\n}\n\n// .sv-question__header,\n// .sv-title {\n// position: relative;\n// }\n.svc-string-editor--multiline .sv-string-editor {\n white-space: pre-wrap;\n}",".sd-element__header .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n}\n\n.svc-string-editor {\n position: static;\n}\n.svc-string-editor [contenteditable=true] {\n user-select: text;\n -webkit-user-select: text;\n}\n.svc-string-editor .sv-string-editor {\n position: relative;\n outline: none;\n z-index: 12;\n}\n.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-string-editor .sv-string-editor--html,\n.svc-string-editor .sv-string-editor:focus-within {\n white-space: pre-wrap;\n}\n.svc-string-editor.svc-string-editor--hidden {\n display: none;\n}\n\n.svc-string-editor__content {\n display: inline-block;\n position: relative;\n z-index: 10;\n width: 100%;\n}\n\n.svc-matrix-cell .svc-string-editor__content {\n width: auto;\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n display: inline-block;\n}\n\n.svc-string-editor__input {\n display: flex;\n}\n\n.svc-remaining-character-counter {\n display: none;\n position: relative;\n outline: none;\n z-index: 20;\n padding: 0px;\n vertical-align: top;\n margin-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-weight: 400;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor__border {\n display: none;\n position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n}\n\n.svc-string-editor__error {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: red;\n display: none;\n}\n\n.svc-string-editor__controls {\n position: absolute;\n left: 100%;\n height: 100%;\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: 0;\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n z-index: 12;\n display: none;\n align-items: center;\n justify-content: center;\n line-height: 0px;\n}\n\n.svc-string-editor__button {\n display: none;\n position: relative;\n}\n.svc-string-editor__button use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor__button--edit {\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 padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-string-editor__button--edit .sv-svg-icon {\n vertical-align: bottom;\n}\n.svc-string-editor__button--edit.sv-svg-icon {\n overflow: visible;\n}\n\n.svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {\n display: none;\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {\n display: flex;\n top: 0;\n bottom: 0;\n left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 3px;\n box-shadow: 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0.16);\n}\n\n.svc-string-editor:focus-within .svc-string-editor__border {\n display: flex;\n top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 3px;\n box-sizing: content-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-boolean .sv-string-editor:focus-within {\n white-space: nowrap;\n}\n\n.sd-rating .sd-rating__item:focus-within {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border, .sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {\n display: none;\n}\n\n.sd-table__cell--actions .svc-string-editor__button--done,\n.sd-matrixdynamic__add-btn .svc-string-editor__button--done {\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: block;\n}\n.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {\n display: none;\n}\n\n.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {\n left: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor:hover ~ .sd-question__required-text, .svc-string-editor:focus-within ~ .sd-question__required-text {\n visibility: hidden;\n}\n\n.svc-string-editor--multiline .sv-string-editor {\n white-space: pre-wrap;\n}",".svc-btn {\n display: flex;\n align-items: center;\n height: calcSize(7);\n line-height: calcSize(7);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n box-shadow: $shadow-small;\n border-radius: calcSize(0.5);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: $primary;\n }\n}\n\n.svc-btn:hover {\n background-color: $background-dark;\n}\n.svc-btn:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n",".svc-action-button {\n display: inline-block;\n\n padding: calcSize(0.5) calcSize(2);\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n\n color: $primary;\n font-weight: 600;\n font-size: calcSize(2);\n line-height: calcSize(3);\n\n border: calcSize(0.25) solid transparent;\n\n &:focus,\n &:hover {\n background-color: $primary-light;\n outline: none;\n }\n}\n\n.svc-action-button--selected {\n border-color: $primary;\n}\n\n.svc-action-button--disabled {\n opacity: 0.25;\n color: $foreground;\n}\n\n.svc-action-button--pressed {\n}\n","@import \"../../variables.scss\";\n\nsvc-page-navigator,\n.svc-page-navigator {\n display: flex;\n flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n display: block;\n height: calcSize(3);\n width: calcSize(3);\n padding: calcSize(1.25);\n border-radius: 50%;\n cursor: pointer;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.svc-page-navigator__selector {\n width: calcSize(5.5);\n height: calcSize(5.5);\n min-height: calcSize(5.5);\n}\n\nsurvey-creator,\n.svc-creator {\n .svc-page-navigator__selector {\n\n &:hover,\n &:focus {\n outline: none;\n\n .svc-page-navigator__navigator-icon {\n background-color: $primary-light;\n\n use {\n fill: $primary;\n }\n }\n }\n }\n}\n\n.svc-page-navigator__selector--opened {\n .svc-page-navigator__navigator-icon {\n background-color: $primary-light;\n opacity: 0.5;\n\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-page-navigator__popup {\n min-width: calcSize(12.5);\n}\n\n.svc-tab-designer--with-page-navigator {\n .svc-tab-designer_content {\n margin-right: calcSize(6.5);\n width: calc(100% - calcSize(6.5));\n }\n}\n\n.svc-tab-designer__page-navigator {\n position: absolute;\n padding: calcSize(16.5) 0;\n top: 0;\n bottom: 0;\n right: calcSize(1);\n}\n\n.svc-page-navigator {\n width: calcSize(5.5);\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n .svc-tab-designer--with-page-navigator {\n .svc-tab-designer_content {\n margin-right: 0;\n margin-left: calcSize(6.5);\n }\n }\n\n .svc-tab-designer__page-navigator {\n right: unset;\n left: calcSize(1);\n }\n}\n\n.svc-tab-designer--bypage-mode {\n .svc-tab-designer_content {\n display: flex;\n flex-direction: row;\n margin-right: 0;\n margin-left: 0;\n width: 100%;\n }\n\n .svc-tab-designer__page-navigator {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n }\n}","svc-page-navigator,\n.svc-page-navigator {\n display: flex;\n flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n display: block;\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(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 50%;\n cursor: pointer;\n}\n.svc-page-navigator__navigator-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-page-navigator__selector {\n width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\nsurvey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus,\n.svc-creator .svc-page-navigator__selector:hover,\n.svc-creator .svc-page-navigator__selector:focus {\n outline: none;\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n opacity: 0.5;\n}\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__popup {\n min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n margin-right: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer__page-navigator {\n position: absolute;\n padding: calc(16.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n top: 0;\n bottom: 0;\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-page-navigator {\n width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[dir=rtl] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction:rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction: rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n margin-right: 0;\n margin-left: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-tab-designer__page-navigator,\n[dir=rtl] .svc-tab-designer__page-navigator,\n[style*=\"direction:rtl\"] .svc-tab-designer__page-navigator,\n[style*=\"direction: rtl\"] .svc-tab-designer__page-navigator {\n right: unset;\n left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-tab-designer--bypage-mode .svc-tab-designer_content {\n display: flex;\n flex-direction: row;\n margin-right: 0;\n margin-left: 0;\n width: 100%;\n}\n.svc-tab-designer--bypage-mode .svc-tab-designer__page-navigator {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n}","@import \"../../variables.scss\";\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n display: block;\n width: calcSize(5.5);\n height: calcSize(4.5);\n min-height: calcSize(4.5);\n cursor: pointer;\n position: relative;\n}\n\n.svc-page-navigator-item-content {\n height: 100%;\n width: 100%;\n\n &:hover,\n &:focus {\n outline: none;\n }\n}\n\n.svc-page-navigator__items--up {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(-100%);\n }\n\n svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator__items--down {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(100%);\n }\n\n svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator-item__dot {\n box-sizing: content-box;\n position: absolute;\n border-radius: 50%;\n width: 6px;\n height: 6px;\n right: calc(50% - 6px / 2);\n top: calc(50% - 6px / 2);\n background: $border;\n}\n\n.svc-page-navigator-item--selected {\n .svc-page-navigator-item__dot {\n width: calcSize(1);\n height: calcSize(1);\n right: calc(50% - 1.5 * #{$base-unit} / 2);\n top: calc(50% - 1.5 * #{$base-unit} / 2);\n background: $background;\n border: calcSize(0.25) solid $primary;\n }\n}\n\n.svc-page-navigator-item__banner {\n @include textEllipsis;\n\n right: calcSize(0.5);\n display: flex;\n align-items: center;\n line-height: calcSize(4);\n animation: 0.5s ease-in;\n padding: 0;\n opacity: 0;\n z-index: 20;\n\n .svc-page-navigator-item__dot {\n position: absolute;\n display: inline-block;\n top: calcSize(1.75);\n right: calcSize(1.75);\n }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n .svc-page-navigator-item__banner {\n right: unset;\n left: calc(0.625 * var(--base-unit, 8px));\n\n .svc-page-navigator-item__dot {\n right: unset;\n left: calcSize(1.75);\n }\n }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) {\n .svc-page-navigator-item__banner {\n .svc-page-navigator-item__dot {\n width: calcSize(1);\n height: calcSize(1);\n border: none;\n background: $primary;\n }\n }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n .svc-page-navigator-item__banner {\n padding: 0 calcSize(4.5) 0 calcSize(2.5);\n max-width: calcSize(25);\n opacity: 1;\n }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n\n .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n .svc-page-navigator-item__banner {\n padding: 0 calcSize(2.5) 0 calcSize(4.5);\n }\n }\n}\n\n.svc-page-navigator-item--disabled {\n .svc-page-navigator-item__banner {\n color: $foreground;\n opacity: 0.25;\n }\n}","svc-page-navigator-item,\n.svc-page-navigator-item {\n display: block;\n width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n position: relative;\n}\n\n.svc-page-navigator-item-content {\n height: 100%;\n width: 100%;\n}\n.svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {\n outline: none;\n}\n\n.svc-page-navigator__items--up .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(-100%);\n}\n.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n opacity: 0;\n}\n\n.svc-page-navigator__items--down .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(100%);\n}\n.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n opacity: 0;\n}\n\n.svc-page-navigator-item__dot {\n box-sizing: content-box;\n position: absolute;\n border-radius: 50%;\n width: 6px;\n height: 6px;\n right: calc(50% - 3px);\n top: calc(50% - 3px);\n background: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-page-navigator-item--selected .svc-page-navigator-item__dot {\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n right: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n top: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item__banner {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n align-items: center;\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation: 0.5s ease-in;\n padding: 0;\n opacity: 0;\n z-index: 20;\n}\n.svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n position: absolute;\n display: inline-block;\n top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner {\n right: unset;\n left: calc(0.625 * var(--base-unit, 8px));\n}\n.svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[dir=rtl] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n right: unset;\n left: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n border: none;\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n padding: 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 1;\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n padding: 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}","@import \"../variables.scss\";\n\nsvc-page {\n display: block;\n}\n\n.svc-page {\n margin-top: calcSize(2);\n\n .sd-page__title {\n margin: calcSize(2.5) 0 0 0;\n }\n}\n\n.svc-page__content {\n position: relative;\n border-radius: calcSize(1);\n padding: calcSize(1) calcSize(0) calcSize(3);\n box-sizing: border-box;\n width: 100%;\n outline: none;\n\n .sd-page {\n margin: 0;\n padding: calcSize(1) calcSize(3) calcSize(2);\n }\n}\n\n.svc-page__content-actions {\n position: absolute;\n display: none;\n top: calcSize(1);\n inset-inline-end: 0; // right\n padding: 0 calcSize(1.5);\n z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n background: $secondary-backcolor-semi-light;\n}\n\n.svc-creator .svc-page .svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus,\n.svc-hovered {\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset $secondary;\n background: $secondary-backcolor-semi-light;\n\n .svc-page__content-actions {\n display: block;\n }\n }\n}\n\n.svc-page__footer {\n overflow: visible;\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n\n .sv-action {\n flex: 1 1 0;\n }\n\n .svc-btn {\n flex-grow: 1;\n border: none;\n }\n\n gap: calcSize(2);\n}\n\n.svc-page__add-new-question {\n .svc-text {\n margin-left: calcSize(6);\n }\n}\n\n.svc-page__add-new-question {\n -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\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: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-inline-end: calcSize(1); // margin-right\n outline: none;\n\n use {\n fill: $foreground-light;\n }\n\n &:hover {\n background-color: $background-dim;\n }\n\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-page--drag-over-empty:after {\n content: \" \";\n position: absolute;\n background: $secondary;\n left: calcSize(3);\n bottom: calcSize(11.5);\n width: calc(100% - 48px);\n height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n min-width: auto;\n max-width: 100%;\n padding: 0 calcSize(3) calcSize(2);\n\n .svc-panel__placeholder_frame {\n padding: calcSize(6) calcSize(8);\n height: auto;\n }\n}","svc-page {\n display: block;\n}\n\n.svc-page {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page .sd-page__title {\n margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n\n.svc-page__content {\n position: relative;\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n width: 100%;\n outline: none;\n}\n.svc-page__content .sd-page {\n margin: 0;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__content-actions {\n position: absolute;\n display: none;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n inset-inline-end: 0;\n padding: 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,\n.svc-hovered.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,\n.svc-hovered.svc-page__content--selected .svc-page__content-actions {\n display: block;\n}\n\n.svc-page__footer {\n overflow: visible;\n margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__footer .sv-action {\n flex: 1 1 0;\n}\n.svc-page__footer .svc-btn {\n flex-grow: 1;\n border: none;\n}\n\n.svc-page__add-new-question .svc-text {\n margin-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__add-new-question {\n -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\n appearance: none;\n display: flex;\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n outline: none;\n}\n.svc-page__question-type-selector use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-page__question-type-selector:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-page__question-type-selector:focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-page--drag-over-empty:after {\n content: \" \";\n position: absolute;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(11.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 48px);\n height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n min-width: auto;\n max-width: 100%;\n padding: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__placeholder_frame .svc-panel__placeholder_frame {\n padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: auto;\n}","@import \"../variables.scss\";\n\n.svc-row {\n width: 100%;\n position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n overflow: auto;\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: nowrap;\n margin-top: 0;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calcSize(2);\n padding-bottom: 2px;\n margin-right: calcSize(-2);\n margin-bottom: -2px;\n\n .sd-row--multiple {\n overflow: unset;\n }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calcSize(0);\n & > div {\n padding: 0;\n }\n box-shadow: none;\n border-radius: 0;\n padding: 2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n margin: -2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n width: 100%;\n}\n\n.svc-row.svc-row--ghost {\n .svc-question__content {\n padding: 0;\n border: none;\n box-shadow: none;\n }\n\n .sd-row {\n height: calcSize(4);\n }\n\n &:last-child .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n\n & + .svc-row {\n .sd-page__row {\n margin-top: 0;\n }\n }\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost {\n .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n}\n\n.svc-row--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n top: 6px;\n width: 100%;\n height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n bottom: -10px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row--drag-over-top:before {\n top: -4px;\n\n &:first-child {\n }\n }\n\n .svc-row--drag-over-bottom:after {\n bottom: -4px;\n\n &:last-child {\n }\n }\n}\n.svc-row {\n @include disableAnimations;\n}\n",".svc-row {\n width: 100%;\n position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n overflow: auto;\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: nowrap;\n margin-top: 0;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: 2px;\n margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: -2px;\n}\n.svc-row .sd-row.sd-row--multiple .sd-row--multiple {\n overflow: unset;\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: none;\n border-radius: 0;\n padding: 2px;\n margin: -2px;\n width: 100%;\n}\n.sd-panel .svc-row .sd-row--multiple > div {\n padding: 0;\n}\n\n.svc-row.svc-row--ghost .svc-question__content {\n padding: 0;\n border: none;\n box-shadow: none;\n}\n.svc-row.svc-row--ghost .sd-row {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-row.svc-row--ghost:last-child .sd-row {\n height: initial;\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.svc-row.svc-row--ghost + .svc-row .sd-page__row {\n margin-top: 0;\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {\n height: initial;\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\n.svc-row--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 6px;\n width: 100%;\n height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n bottom: -10px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel .svc-row--drag-over-top:before,\n.sd-panel__content .svc-row--drag-over-top:before {\n top: -4px;\n}\n.svc-question__content--panel .svc-row--drag-over-bottom:after,\n.sd-panel__content .svc-row--drag-over-bottom:after {\n bottom: -4px;\n}\n.svc-row .sd-row--fade-out,\n.svc-row .sd-row--fade-in {\n animation: none;\n}\n.svc-row .sd-element-wrapper--fade-out,\n.svc-row .sd-element-wrapper--fade-in {\n animation: none;\n}\n.svc-row .sd-element__content--fade-in,\n.svc-row .sd-element__content--fade-out {\n animation: none;\n}","@import \"../variables.scss\";\n\n.svc-carry-forward-panel-wrapper {\n width: 100%;\n container-type: inline-size;\n}\n.svc-carry-forward-panel {\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(4) calcSize(8);\n border-radius: calcSize(1);\n background-color: #F8F8F8;\n text-align: center;\n font-weight: 400;\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: rgba(0, 0, 0, 0.45);\n}\n \n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-carry-forward-panel {\n display: none;\n }\n }\n \n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-carry-forward-panel {\n padding: calcSize(4) calcSize(3);\n }\n}\n.svc-carry-forward-panel__link {\n .svc-action-button {\n padding: 0;\n border: none;\n font-weight: inherit;\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n &:hover,\n &:focus {\n background-color: transparent;\n }\n }\n}",".svc-carry-forward-panel-wrapper {\n width: 100%;\n container-type: inline-size;\n}\n\n.svc-carry-forward-panel {\n box-sizing: border-box;\n width: 100%;\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n background-color: #F8F8F8;\n text-align: center;\n font-weight: 400;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: rgba(0, 0, 0, 0.45);\n}\n\n@container (max-width: 176px) {\n .svc-carry-forward-panel {\n display: none;\n }\n}\n@container (max-width: 496px) {\n .svc-carry-forward-panel {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n}\n.svc-carry-forward-panel__link .svc-action-button {\n padding: 0;\n border: none;\n font-weight: inherit;\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n.svc-carry-forward-panel__link .svc-action-button:hover, .svc-carry-forward-panel__link .svc-action-button:focus {\n background-color: transparent;\n}\n\nsvc-question {\n display: block;\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n bottom: 1px;\n}\n\n.svc-question__adorner {\n position: relative;\n height: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n.svc-question__adorner .sv-action-bar {\n overflow: visible;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {\n border: none;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {\n opacity: 0.5;\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.svc-question__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n height: auto;\n flex-grow: 1;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n 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 outline: none;\n}\n\n.svc-question__content .sd-selectbase:not(.sd-imagepicker) {\n padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {\n overflow-x: visible;\n padding-left: 0;\n margin-left: 0;\n}\n.svc-question__content .sd-question.sd-question--table {\n overflow-x: initial;\n}\n.svc-question__content .sd-multipletext__item-title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.svc-question__content .sjs_sp_placeholder {\n user-select: all;\n pointer-events: all;\n}\n\n.svc-question__content > div {\n overflow: visible;\n}\n\n.svc-question__content .sd-panel__content {\n overflow: auto;\n}\n\n.svc-panel__placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n text-wrap: wrap;\n text-align: center;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-style: normal;\n font-weight: 400;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content-actions {\n position: absolute;\n opacity: 0;\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-inline-end: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions:focus-within {\n opacity: 1;\n}\n.svc-question__content-actions .sv-action--convertTo {\n max-width: max-content;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item--icon {\n max-width: 100%;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n justify-content: left;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title::after {\n content: \" \";\n display: inline-block;\n margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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 vertical-align: bottom;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:not(:last-child) {\n display: none;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {\n margin-inline-start: 0;\n margin-inline-end: 0;\n}\n.svc-question__content-actions .sv-action--convertTo.sv-action--hidden {\n min-width: 0;\n}\n.svc-question__content-actions .sv-action--convertTo-last {\n margin-inline-end: auto;\n}\n.svc-question__content-actions .svc-action-bar-item--right:first-of-type {\n margin-inline-start: auto;\n}\n.svc-question__content-actions .sv-dots {\n width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden {\n width: 0;\n margin: 0;\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden .sv-action__content {\n display: none;\n}\n.svc-question__content-actions .sv-dots .sv-dots__item {\n margin-left: 0;\n}\n.svc-question__content-actions .sv-dots__item use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {\n opacity: 1;\n}\n\n.svc-question__content--dragged {\n background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.svc-question__content--dragged .sd-question__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content--dragged.svc-question__content--selected .svc-question__content-actions {\n display: none;\n}\n\n.svc-question__content .sd-question.sd-question--table {\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-dragged-element-shortcut {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: calc(12.5 * (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 padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: grabbing;\n position: absolute;\n z-index: 1000;\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-dragged-element-shortcut__text {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-dragged-element-shortcut__icon {\n position: absolute;\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.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {\n opacity: 1;\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -9px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -9px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.sd-panel .svc-question__content--drag-over-left:before {\n left: -6px;\n}\n.sd-panel .svc-question__content--drag-over-right:after {\n right: -6px;\n}\n\n.svc-question__content--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n bottom: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,\n.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {\n margin-left: 8px;\n width: calc(100% - 8px);\n}\n.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,\n.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {\n margin-right: 8px;\n width: calc(100% - 8px);\n}\n.svc-question__content--panel .svc-question__content--drag-over-top:before,\n.sd-panel__content .svc-question__content--drag-over-top:before {\n top: -6px;\n}\n.svc-question__content--panel .svc-question__content--drag-over-bottom:before,\n.sd-panel__content .svc-question__content--drag-over-bottom:before {\n bottom: -6px;\n}\n\n.svc-question__content-actions .sv-action-bar {\n box-sizing: border-box;\n padding: 0;\n justify-content: center;\n}\n\nsvc-question sv-action-bar,\nsvc-question .sv-action-bar,\n.svc-question sv-action-bar,\n.svc-question .sv-action-bar {\n padding: 0;\n}\n\n.svc-panel__edge {\n position: absolute;\n border: 1px solid orange;\n height: 10px;\n width: 100%;\n}\n\n.svc-panel__edge--top {\n top: 0;\n}\n\n.svc-panel__edge--bottom {\n bottom: 0;\n}\n\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n height: 100%;\n overflow: hidden;\n min-width: 4px;\n}\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {\n border: 0;\n padding: 0;\n}\n\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n border: none;\n height: 0;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {\n display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {\n display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {\n background: transparent;\n box-shadow: none;\n}\n\n.svc-hovered > .svc-question__content > .svc-question__drag-area {\n visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area {\n visibility: visible;\n z-index: 1;\n}\n\n.svc-question__drag-area {\n position: absolute;\n cursor: move;\n top: 0;\n left: 0;\n visibility: hidden;\n height: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.svc-question__drag-element {\n width: 100%;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 0.5;\n}\n.svc-question__drag-element use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {\n padding-left: 1px;\n padding-right: 1px;\n}\n.sd-panel .svc-question__content .sd-table-wrapper::before {\n left: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content .sd-table-wrapper::after {\n right: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content {\n border-radius: 0;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n box-shadow: none;\n}\n.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;\n}\n.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__question,\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__panel {\n height: 0;\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n border: none;\n}\n\n.svc-widget__content {\n width: 100%;\n}\n.svc-widget__content .sd-question__content {\n pointer-events: none;\n}\n\n.svc-question__content .sd-paneldynamic__footer,\n.svc-question__content .sd-paneldynamic__separator {\n display: none;\n}\n\n.svc-panel__add-new-question-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.svc-panel__placeholder_frame-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n flex-grow: 1;\n box-sizing: border-box;\n}\n\n.svc-question__content--empty-template .sd-question--paneldynamic,\n.svc-question__content--empty-template .sd-question__content,\n.svc-question__content--empty-template sv-ng-paneldynamic-question,\n.svc-question__content--empty-template .sd-paneldynamic,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,\n.svc-question__content--empty-template .svc-question__adorner,\n.svc-question__content--empty-template .svc-question__adorner > div {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,\n.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {\n flex-grow: 1;\n}\n\n.svc-panel__placeholder_frame {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.svc-panel__add-new-question {\n align-items: center;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: 0;\n margin-right: 0;\n width: auto;\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n vertical-align: baseline;\n text-align: center;\n cursor: pointer;\n user-select: none;\n border: none;\n box-shadow: none;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-panel__add-new-question:hover {\n outline: none;\n}\n.svc-panel__add-new-question .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n text-wrap: nowrap;\n}\n\n.svc-panel__add-new-question-icon {\n margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: none;\n}\n.svc-panel__add-new-question-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n@container (max-width: 496px) {\n .svc-panel__placeholder_frame {\n padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n}\n@container (max-width: 176px) {\n .svc-panel__placeholder {\n display: none;\n }\n .svc-panel__placeholder_frame {\n padding: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question {\n margin: 0;\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,\n .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {\n display: block;\n }\n .svc-panel__placeholder_frame .svc-panel__question-type-selector,\n .svc-panel__add-new-question-container .svc-panel__question-type-selector {\n display: none;\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question,\n .svc-panel__add-new-question-container .svc-panel__add-new-question {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-text,\n .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-text {\n display: none;\n }\n}\n.svc-panel__question-type-selector-popup {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: absolute;\n right: 0;\n bottom: 0;\n}\n\n.svc-panel__question-type-selector {\n appearance: none;\n display: flex;\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n outline: none;\n top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n position: absolute;\n right: 0;\n}\n.svc-panel__question-type-selector use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-panel__question-type-selector:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-panel__question-type-selector:focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sd-panel .svc-row {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-panel .svc-row:first-of-type {\n margin-top: 0;\n}\n.sd-panel .svc-row .sd-row {\n margin-top: 0;\n margin-bottom: 0;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-element__header--location-top {\n margin-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {\n display: none;\n}\n.svc-question__content .sd-panel__content {\n gap: 0;\n padding-top: 0;\n}\n.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-paneldynamic__panel-wrapper {\n padding: 0;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n opacity: 1;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content .sd-table__row-disabled > .sd-table__cell {\n opacity: 1;\n}\n\n.svc-question__content .svc-carry-forward-panel {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-question__content {\n min-width: min(8 * (var(--sjs-base-unit, var(--base-unit, 8px))), 100%);\n margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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 overflow-x: auto;\n}\n.svc-question__content .sd-composite .sd-question__content {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.svc-question__content--ranking .svc-carry-forward-panel {\n margin-top: 0;\n}\n\n.svc-required-action .sv-svg-icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n background-color: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}","@import \"../variables.scss\";\n@import \"./carry-forward-panel.scss\";\n\nsvc-question {\n display: block;\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n bottom: 1px;\n}\n\n.svc-question__adorner {\n position: relative;\n height: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n\n .sv-action-bar {\n overflow: visible;\n\n .sv-action:not(:first-child) {\n .sv-action-bar-item {\n border: none;\n\n &:active {\n opacity: 0.5;\n background-color: var(--background-dim, #f3f3f3);\n }\n }\n }\n }\n}\n\n.svc-question__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n height: auto;\n flex-grow: 1;\n border-radius: calcSize(0.5);\n box-sizing: border-box;\n padding: calcSize(4) calcSize(5) calcSize(8);\n background: $background;\n box-shadow: $shadow-small;\n outline: none;\n}\n\n.svc-question__content {\n .sd-selectbase:not(.sd-imagepicker) {\n padding-left: calcSize(5);\n margin-left: calcSize(-5);\n }\n\n .sd-table .sd-selectbase:not(.sd-imagepicker) {\n overflow-x: visible;\n padding-left: 0;\n margin-left: 0;\n }\n\n .sd-question.sd-question--table {\n overflow-x: initial;\n }\n\n .sd-multipletext__item-title {\n color: $foreground;\n }\n\n .sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: $shadow-inner;\n }\n\n .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n color: $foreground;\n opacity: 0.25;\n }\n\n .sjs_sp_placeholder {\n user-select: all;\n pointer-events: all;\n }\n}\n\n.svc-question__content>div {\n overflow: visible;\n}\n\n.svc-question__content {\n .sd-panel__content {\n overflow: auto;\n }\n}\n\n.svc-panel__placeholder {\n color: $foreground-light;\n text-wrap: wrap;\n text-align: center;\n\n font-size: calcSize(2);\n font-style: normal;\n font-weight: 400;\n line-height: calcSize(3);\n}\n\n.svc-question__content-actions {\n position: absolute;\n opacity: 0;\n\n &:focus-within {\n opacity: 1;\n }\n\n bottom: calcSize(2);\n inset-inline-start: calcSize(4); // left\n inset-inline-end: calcSize(3.5); // right\n\n .sv-action--convertTo {\n max-width: max-content;\n\n .sv-action-bar-item--icon {\n max-width: 100%;\n padding: calcSize(0.5);\n }\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n display: inline-block;\n justify-content: left;\n\n &::after {\n content: \" \";\n display: inline-block;\n margin-inline-start: calcSize(0.5);\n width: calcSize(2);\n height: calcSize(2);\n vertical-align: bottom;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n }\n }\n\n .sv-action-bar-item__icon {\n use {\n fill: $primary;\n }\n\n &:not(:last-child) {\n display: none\n }\n }\n\n .sv-action-bar-item__title--with-icon {\n margin-inline-start: 0; // margin-left\n margin-inline-end: 0; // margin-right\n }\n\n }\n\n .sv-action--convertTo.sv-action--hidden {\n min-width: 0;\n }\n\n .sv-action--convertTo-last {\n margin-inline-end: auto; // margin-right\n }\n \n .svc-action-bar-item--right:first-of-type\n {\n margin-inline-start: auto;\n }\n\n .sv-dots {\n width: calcSize(4);\n margin-left: calcSize(1);\n margin-right: calcSize(0.5);\n\n &.sv-action--hidden {\n width: 0;\n margin: 0;\n\n .sv-action__content {\n display: none;\n }\n }\n\n .sv-dots__item {\n margin-left: 0;\n }\n }\n\n .sv-dots__item {\n //border-radius: calcSize(0.5);\n\n use {\n fill: $secondary;\n\n }\n }\n}\n\n.svc-question__content:focus,\n.svc-hovered>.svc-question__content {\n box-shadow: 0 0 0 2px $secondary-light;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px $secondary;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged),\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered>.svc-question__content:not(.svc-question__content--dragged) {\n &>.svc-question__content-actions {\n opacity: 1;\n\n }\n}\n\n.svc-question__content--dragged {\n background: $background-dim-light;\n\n .sd-question__title {\n color: $foreground-light;\n }\n\n &.svc-question__content--selected {\n .svc-question__content-actions {\n display: none;\n }\n }\n}\n\n.svc-question__content {\n .sd-question.sd-question--table {\n margin-top: calcSize(-1);\n padding-top: calcSize(1);\n }\n}\n\n.svc-dragged-element-shortcut {\n //min-width: 100px;\n height: calcSize(3);\n border-radius: calcSize(12.5);\n background-color: $background;\n color: $foreground;\n padding: calcSize(1) calcSize(1.5);\n padding-right: calcSize(3.5);\n cursor: grabbing;\n position: absolute;\n z-index: 1000;\n box-shadow: $shadow-large;\n @include disableUserSelect;\n //max-width: 500px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n fill: $primary;\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid $secondary;\n}\n\n.svc-dragged-element-shortcut__text {\n @include smallBold;\n margin-left: calcSize(4);\n line-height: calcSize(3);\n}\n\n.svc-dragged-element-shortcut__icon {\n position: absolute;\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.svc-question__content--drag-over-inside,\n.svc-hovered>.svc-question__content--drag-over-inside {\n .svc-panel__placeholder_frame {\n box-shadow: 0 0 0 1px $primary;\n border: 1px solid $primary;\n background: $primary-light;\n\n &>.svc-question__content-actions {\n opacity: 1;\n }\n }\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -9px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -9px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 2px;\n}\n\n.sd-panel {\n .svc-question__content--drag-over-left:before {\n left: -6px;\n }\n\n .svc-question__content--drag-over-right:after {\n right: -6px;\n }\n}\n\n\n.svc-question__content--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n top: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n bottom: -9px;\n width: 100%;\n height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .sd-row>div:first-child {\n .svc-question__content--drag-over-left {\n margin-left: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .sd-row>div:last-child {\n .svc-question__content--drag-over-right {\n margin-right: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .svc-question__content--drag-over-top:before {\n top: -6px;\n }\n\n .svc-question__content--drag-over-bottom:before {\n bottom: -6px;\n }\n}\n\n.svc-question__content-actions {\n .sv-action-bar {\n box-sizing: border-box;\n padding: 0;\n justify-content: center;\n }\n}\n\nsvc-question,\n.svc-question {\n\n sv-action-bar,\n .sv-action-bar {\n padding: 0;\n }\n}\n\n.svc-panel__edge {\n position: absolute;\n border: 1px solid orange;\n height: 10px;\n width: 100%;\n}\n\n.svc-panel__edge--top {\n top: 0;\n}\n\n.svc-panel__edge--bottom {\n bottom: 0;\n}\n\n// reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n.svc-question__adorner--start-with-new-line {\n &[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n height: 100%;\n overflow: hidden;\n min-width: 4px;\n\n .svc-question__content.svc-question__content.svc-question__content {\n border: 0;\n padding: 0;\n }\n }\n}\n\n[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n border: none;\n height: 0;\n\n .svc-question__drag-area {\n display: none;\n }\n\n .svc-question__drag-element {\n display: none;\n }\n\n .svc-question__content {\n background: transparent;\n box-shadow: none;\n }\n}\n\n// EO reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n\n.svc-hovered>.svc-question__content>.svc-question__drag-area {\n visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected>.svc-question__drag-area {\n visibility: visible;\n z-index: 1;\n}\n\n.svc-question__drag-area {\n position: absolute;\n cursor: move;\n top: 0;\n left: 0;\n visibility: hidden;\n height: calcSize(3.5);\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.svc-question__drag-element {\n width: 100%;\n height: calcSize(4);\n opacity: 0.5;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.sd-panel {\n .svc-question__content--image:not(.svc-question__content--empty) {\n padding-left: 1px;\n padding-right: 1px;\n }\n\n .svc-question__content {\n .sd-table-wrapper::before {\n left: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n }\n\n .sd-table-wrapper::after {\n right: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n }\n }\n\n .svc-question__content {\n border-radius: 0;\n border: 1px dashed $border;\n box-shadow: none;\n }\n\n .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n border: 1px solid $secondary-light;\n box-shadow: 0 0 0 1px $secondary-light inset;\n }\n\n .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n border: 1px solid $secondary;\n box-shadow: 0 0 0 1px $secondary inset;\n }\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty {\n\n .sd-row__question,\n .sd-row__panel {\n height: 0;\n }\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n border: none;\n}\n\n.svc-widget__content {\n .sd-question__content {\n pointer-events: none;\n }\n\n width: 100%;\n}\n\n.svc-question__content {\n\n .sd-paneldynamic__footer,\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n.svc-panel__add-new-question-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n.svc-panel__placeholder_frame-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n flex-grow: 1;\n box-sizing: border-box;\n}\n\n.svc-question__content--empty-template {\n\n .sd-question--paneldynamic,\n .sd-question__content,\n sv-ng-paneldynamic-question,\n .sd-paneldynamic,\n .sd-paneldynamic__panel-wrapper,\n .svc-question__adorner,\n .svc-question__adorner>div {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n .svc-panel__placeholder_frame {\n flex-grow: 1;\n }\n }\n}\n\n.svc-panel__placeholder_frame {\n border: 1px dashed $border;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calcSize(11) calcSize(8) calcSize(10);\n flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.svc-panel__add-new-question {\n align-items: center;\n margin-top: calcSize(2);\n margin-left: 0;\n margin-right: 0;\n width: auto;\n height: calcSize(5);\n line-height: calcSize(5);\n vertical-align: baseline;\n text-align: center;\n cursor: pointer;\n user-select: none;\n\n border: none;\n box-shadow: none;\n padding: calcSize(0.5) calcSize(2);\n\n &:hover {\n outline: none;\n }\n\n .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n margin: calcSize(1) calcSize(3);\n line-height: calcSize(2);\n color: $primary;\n text-wrap: nowrap;\n }\n}\n\n.svc-panel__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary\n }\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-panel__placeholder_frame {\n padding: calcSize(11) calcSize(3) calcSize(10);\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-panel__placeholder {\n display: none;\n }\n\n .svc-panel__placeholder_frame {\n padding: calcSize(10) calcSize(3) calcSize(10);\n\n .svc-panel__add-new-question {\n margin: 0;\n }\n }\n\n .svc-panel__placeholder_frame,\n .svc-panel__add-new-question-container {\n .svc-panel__add-new-question-icon {\n display: block;\n }\n\n .svc-panel__question-type-selector {\n display: none;\n }\n\n .svc-panel__add-new-question {\n padding: calcSize(0.5) calcSize(0.5);\n\n .svc-text {\n display: none;\n }\n }\n }\n\n}\n\n.svc-panel__question-type-selector-popup {\n height: calcSize(5);\n width: calcSize(5);\n position: absolute;\n right: 0;\n bottom: 0;\n}\n.svc-panel__question-type-selector {\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: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-right: calcSize(1);\n outline: none;\n\n use {\n fill: $foreground-light;\n }\n\n &:hover {\n background-color: $background-dim;\n }\n\n &:focus {\n background-color: $primary-light;\n }\n\n top: calcSize(2);\n margin: 0;\n position: absolute;\n right: 0;\n}\n\n.sv-list__container .sv-action-bar-item--secondary {\n .sv-list__item-icon use {\n fill: $secondary;\n }\n}\n\n.sd-panel {\n .svc-row {\n margin-top: calcSize(1);\n }\n\n .svc-row:first-of-type {\n margin-top: 0;\n }\n\n .svc-row .sd-row {\n margin-top: 0;\n margin-bottom: 0;\n gap: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-element__header--location-top {\n margin-top: 0;\n }\n\n .sd-element--complex>.sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n\n &:after {\n display: none;\n }\n }\n\n .sd-panel__content {\n gap: 0;\n padding-top: 0;\n }\n\n .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calcSize(1);\n }\n\n .sd-paneldynamic__panel-wrapper {\n padding: 0;\n }\n\n .sd-table__cell--actions {\n .sv-action-bar-item:disabled {\n background: $background;\n opacity: 1;\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sd-table__row-disabled>.sd-table__cell {\n opacity: 1;\n }\n}\n\n.svc-question__content {\n .svc-carry-forward-panel {\n margin-top: calcSize(2);\n }\n\n .sd-question__content {\n min-width: min(calcSize(8), 100%);\n margin-left: calcSize(-5);\n margin-right: calcSize(-5);\n padding-left: calcSize(5);\n padding-right: calcSize(5);\n overflow-x: auto;\n }\n\n .sd-composite {\n .sd-question__content {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n\n.svc-question__content--ranking {\n .svc-carry-forward-panel {\n margin-top: 0;\n }\n}\n\n.svc-required-action {\n .sv-svg-icon {\n use {\n fill: $secondary;\n }\n }\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n background-color: $secondary-backcolor-semi-light;\n}","@import \"../variables.scss\";\n\n\n.svc-question__dropdown-choices {\n margin-top: calcSize(2);\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n opacity: 0.25;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n opacity: 0.5;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n opacity: 0.75;\n}\n\n.svc-question__content>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(8));\n overflow-x: auto;\n margin: 0 calcSize(-4);\n\n &>div {\n width: calc(100% - calcSize(8));\n display: inline-block;\n min-width: calcSize(15);\n margin: 0 calcSize(4);\n }\n\n .svc-action-button {\n margin-left: calcSize(6.75);\n margin-top: calcSize(1);\n\n cursor: pointer;\n }\n}",".svc-question__dropdown-choices {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n opacity: 0.25;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n opacity: 0.5;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n opacity: 0.75;\n}\n\n.svc-question__content > .svc-question__dropdown-choices--wrapper {\n width: calc(100% + 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow-x: auto;\n margin: 0 calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n width: calc(100% - 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: inline-block;\n min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {\n margin-left: calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: pointer;\n}","@import \"../variables.scss\";\n\n.svc-image-question-controls {\n position: absolute;\n top: calcSize(5);\n right: calcSize(1);\n display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n padding: calcSize(4) 0 calcSize(8) 0;\n\n .sd-image__image {\n border-radius: 0;\n }\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: none;\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: block;\n }\n }\n}\n.svc-question__content--loading {\n .sd-image {\n display: none;\n }\n}\n\n.svc-image-question__loading-placeholder {\n position: relative;\n background-color: $background;\n width: 100%;\n height: calcSize(27.5);\n border: 1px dashed $border-inside;\n}\n\n.svc-image-question__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}",".svc-image-question-controls {\n position: absolute;\n top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {\n border-radius: 0;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n display: none;\n}\n\n@container (max-width: 176px) {\n .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n display: block;\n }\n}\n.svc-question__content--loading .sd-image {\n display: none;\n}\n\n.svc-image-question__loading-placeholder {\n position: relative;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n width: 100%;\n height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-image-question__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n.svc-rating-question-controls {\n position: absolute;\n}\n\n.svc-question__content--in-popup {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-question__content--selected {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n margin-top: calcSize(5.5);\n}\n\n.svc-question__content {\n .sd-rating {\n margin-inline-start: calcSize(9); // margin-left\n max-width: calc(100% - 9 * #{$base-unit});\n\n &.sd-rating--wrappable fieldset {\n min-width: 0;\n }\n\n\n .sd-rating__item-text {\n max-width: 100%;\n\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n }\n\n .svc-string-editor__content {\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n\n &:focus-within {\n text-overflow: initial;\n }\n }\n }\n\n &.sd-rating--labels-top {\n fieldset {\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n top: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-bottom {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n bottom: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-diagonal {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n }\n\n .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n max-width: fit-content;\n }\n\n .svc-rating-question-controls {\n display: flex;\n width: calcSize(8);\n min-width: auto;\n justify-content: flex-start;\n }\n\n .sd-rating__item--fixed-size:focus-within {\n width: unset;\n padding: calcSize(0.5) calcSize(2.5);\n }\n}\n\n.svc-creator--mobile {\n .svc-rating-question-content {\n position: relative;\n }\n\n .svc-rating-question-controls {\n position: absolute;\n top: 0;\n }\n\n .svc-question__content {\n .sd-rating {\n margin-inline-start: 0; // margin-left\n width: 100%;\n max-width: 100%;\n }\n\n\n legend+.sd-rating__item,\n legend+sv-ng-rating-item+.sd-rating__item,\n legend+.sd-rating__item-smiley,\n legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley {\n margin-inline-start: calc(9 * #{$base-unit} + 2px);\n }\n\n legend+.sd-rating__item-text,\n legend+.sd-rating__item-star,\n legend+sv-ng-rating-item-star+.sd-rating__item-star {\n margin-inline-start: calc(9 * #{$base-unit});\n }\n }\n}",".svc-rating-question-controls {\n position: absolute;\n}\n\n.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n}\n\n.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n margin-top: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content .sd-rating {\n margin-inline-start: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-question__content .sd-rating.sd-rating--wrappable fieldset {\n min-width: 0;\n}\n.svc-question__content .sd-rating .sd-rating__item-text {\n max-width: 100%;\n}\n.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {\n white-space: nowrap;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {\n text-overflow: initial;\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {\n padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {\n bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {\n bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {\n padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {\n bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n max-width: fit-content;\n}\n.svc-question__content .svc-rating-question-controls {\n display: flex;\n width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: auto;\n justify-content: flex-start;\n}\n.svc-question__content .sd-rating__item--fixed-size:focus-within {\n width: unset;\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}\n\n.svc-creator--mobile .svc-rating-question-content {\n position: relative;\n}\n.svc-creator--mobile .svc-rating-question-controls {\n position: absolute;\n top: 0;\n}\n.svc-creator--mobile .svc-question__content .sd-rating {\n margin-inline-start: 0;\n width: 100%;\n max-width: 100%;\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {\n margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {\n margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}","@import \"../variables.scss\";\n\n.svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: calcSize(1);\n align-items: center;\n margin-left: calcSize(-5);\n}\n\n.svc-question__dropdown-choice,\n.sd-selectbase {\n .svc-item-value-wrapper {\n align-items: flex-start;\n }\n\n .svc-item-value__item {\n padding-right: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-selectbase__column {\n margin-left: calcSize(5);\n min-width: initial;\n }\n\n .sd-selectbase--mobile .sd-selectbase__column,\n .sd-selectbase__column:first-of-type,\n .sd-imagepicker__column {\n margin-left: 0;\n }\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n}\n\n.svc-item-value--dragging {\n background: $background;\n box-shadow: $shadow-large;\n border-radius: calcSize(12.5);\n padding-right: calcSize(3);\n padding-left: calcSize(0.5);\n @include disableUserSelect;\n}\n\n.svc-item-value-controls {\n display: flex;\n margin: calcSize(1) 0;\n height: calcSize(4);\n box-sizing: border-box;\n flex-shrink: 0;\n min-width: 72px;\n justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n border-radius: 50%;\n padding: calcSize(1);\n cursor: pointer;\n display: inline-block;\n outline: none;\n height: calcSize(2);\n box-sizing: content-box;\n\n .sv-svg-icon {\n display: block;\n }\n}\n\n.svc-item-value-controls__button>span {\n display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost),\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) {\n .svc-item-value-controls__drag-icon {\n visibility: visible;\n }\n}\n\n.svc-item-value-controls__drag {\n padding: calcSize(0.5) calcSize(1);\n cursor: move;\n opacity: 0.25;\n\n .svc-item-value-controls__drag-icon {\n visibility: hidden;\n }\n\n use {\n fill: $foreground;\n }\n}\n\n.svc-item-value-controls__button--disabled {\n fill: $foreground-light;\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: $red;\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: $primary;\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n\n &:hover,\n &:focus {\n background-color: $red-light;\n }\n}\n\n.sv-string-editor {\n cursor: text;\n}\n\n.svc-item-value--new {\n .svc-item-value__item {\n\n .sd-item__control-label,\n .sv-ranking-item__text {\n color: $foreground-light;\n }\n\n .sd-item__decorator {\n opacity: 0.35;\n }\n }\n\n .sv-ranking-item__index {\n background: $background-dim;\n\n svg {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-ranking {\n .svc-item-value-wrapper {\n align-items: center;\n }\n\n .svc-item-value__item {\n padding-right: 0;\n flex-grow: 1;\n }\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n flex-grow: 1;\n width: 0;\n max-width: fit-content;\n}\n\n.svc-item-value__item {\n .sv-ranking-item__content {\n padding-left: 0;\n }\n\n .sv-ranking-item__icon-container {\n display: none;\n }\n\n .sv-ranking-item__text {\n overflow: visible;\n }\n\n .svc-string-editor {\n width: 100%;\n display: inline-block;\n }\n\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n\n\n.svc-item-value--ghost {\n .svc-item-value__ghost {\n display: block;\n }\n\n .svc-item-value-controls {\n visibility: hidden;\n }\n}\n\n.svc-item-value--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.svc-item-value--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}\n\n.svc-item-value__ghost {\n display: none;\n background: $background-dim;\n border-radius: calcSize(12.5);\n width: calcSize(25);\n height: 40px;\n z-index: 11;\n position: absolute;\n left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer {\n\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n [data-sv-drop-target-item-value] .svc-item-value-controls {\n min-width: initial;\n }\n\n &:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n min-width: 64px;\n }\n\n .svc-item-value-controls__drag {\n padding-right: 0;\n }\n\n .svc-item-value-controls__drag-icon {\n visibility: visible;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-3);\n }\n }\n\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n\n .svc-item-value-controls__drag-icon {\n visibility: visible;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-6);\n }\n\n .svc-item-value-controls__drag {\n padding-left: 0;\n padding-right: 0;\n }\n }\n}",".svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n align-items: center;\n margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice .svc-item-value-wrapper,\n.sd-selectbase .svc-item-value-wrapper {\n align-items: flex-start;\n}\n.svc-question__dropdown-choice .svc-item-value__item,\n.sd-selectbase .svc-item-value__item {\n padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-selectbase__column {\n margin-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: initial;\n}\n.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,\n.svc-question__content .sd-selectbase__column:first-of-type,\n.svc-question__content .sd-imagepicker__column {\n margin-left: 0;\n}\n.svc-question__content .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n}\n\n.svc-item-value--dragging {\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 border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.svc-item-value-controls {\n display: flex;\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n flex-shrink: 0;\n min-width: 72px;\n justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n border-radius: 50%;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: pointer;\n display: inline-block;\n outline: none;\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n.svc-item-value-controls__button .sv-svg-icon {\n display: block;\n}\n\n.svc-item-value-controls__button > span {\n display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {\n visibility: visible;\n}\n\n.svc-item-value-controls__drag {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n cursor: move;\n opacity: 0.25;\n}\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n visibility: hidden;\n}\n.svc-item-value-controls__drag use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-item-value-controls__button--disabled {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sv-string-editor {\n cursor: text;\n}\n\n.svc-item-value--new .svc-item-value__item .sd-item__control-label,\n.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-item-value--new .svc-item-value__item .sd-item__decorator {\n opacity: 0.35;\n}\n.svc-item-value--new .sv-ranking-item__index {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-item-value--new .sv-ranking-item__index svg {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking .svc-item-value-wrapper {\n align-items: center;\n}\n.sv-ranking .svc-item-value__item {\n padding-right: 0;\n flex-grow: 1;\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n flex-grow: 1;\n width: 0;\n max-width: fit-content;\n}\n\n.svc-item-value__item .sv-ranking-item__content {\n padding-left: 0;\n}\n.svc-item-value__item .sv-ranking-item__icon-container {\n display: none;\n}\n.svc-item-value__item .sv-ranking-item__text {\n overflow: visible;\n}\n.svc-item-value__item .svc-string-editor {\n width: 100%;\n display: inline-block;\n}\n.svc-item-value__item .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.svc-item-value--ghost .svc-item-value__ghost {\n display: block;\n}\n.svc-item-value--ghost .svc-item-value-controls {\n visibility: hidden;\n}\n\n.svc-item-value--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.svc-item-value--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.svc-item-value__ghost {\n display: none;\n background: 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(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: 40px;\n z-index: 11;\n position: absolute;\n left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {\n min-width: initial;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n min-width: 64px;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n padding-right: 0;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n visibility: visible;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n visibility: visible;\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n margin-left: calc(-6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n padding-left: 0;\n padding-right: 0;\n}","@import \"../variables.scss\";\n\n.svc-image-item-value-wrapper {\n display: inline-block;\n position: relative;\n}\n\n.svc-image-item-value--new {\n display: none;\n height: max-content;\n\n .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed $border;\n }\n}\n\n.svc-image-item-value--file-dragging {\n .sd-imagepicker__image {\n border: 2px solid $primary;\n background-color: $primary-light;\n }\n\n .svc-image-item-value__item {\n position: relative;\n z-index: 2;\n }\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n display: inline-block;\n}\n\n.svc-image-item-value-controls {\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n\n use {\n fill: $primary;\n }\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-choose-file-input {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.svc-image-item-value__item {\n .sd-imagepicker__item.sd-imagepicker__item {\n width: 100%;\n }\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n display: none;\n cursor: move;\n position: absolute;\n top: calcSize(1);\n left: calcSize(1);\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover {\n .svc-image-item-value-controls__drag-area-indicator {\n display: block;\n }\n}\n\n.svc-image-item-value-wrapper--ghost {\n .svc-image-item-value-wrapper__ghost {\n display: block;\n }\n\n .svc-image-item-value-wrapper__content {\n display: none;\n }\n}\n\n.svc-image-item-value-wrapper__ghost {\n display: none;\n background: $background-dim;\n}\n\n.svc-image-item-value--single {\n width: 100%;\n\n .sd-imagepicker__image {\n height: calcSize(30);\n }\n}\n\n.svc-image-item-value__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}",".svc-image-item-value-wrapper {\n display: inline-block;\n position: relative;\n}\n\n.svc-image-item-value--new {\n display: none;\n height: max-content;\n}\n.svc-image-item-value--new .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-image-item-value--file-dragging .sd-imagepicker__image {\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-image-item-value--file-dragging .svc-image-item-value__item {\n position: relative;\n z-index: 2;\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n display: inline-block;\n}\n\n.svc-image-item-value-controls {\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n}\n.svc-image-item-value-controls__add use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-image-item-value-controls__add:hover, .svc-image-item-value-controls__add:focus {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-choose-file-input {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {\n width: 100%;\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n display: none;\n cursor: move;\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {\n display: block;\n}\n\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {\n display: block;\n}\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {\n display: none;\n}\n\n.svc-image-item-value-wrapper__ghost {\n display: none;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-image-item-value--single {\n width: 100%;\n}\n.svc-image-item-value--single .sd-imagepicker__image {\n height: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-image-item-value__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n// .svc-question__content {\n// .sd-table {\n// td:empty,\n// th:empty {\n// width: initial;\n// }\n// }\n// }\n.svc-matrix-cell {\n position: relative;\n}\n\n.svc-question__adorner {\n .sd-table .sd-table__cell--column-title {\n padding: 0 calcSize(1);\n .svc-matrix-cell {\n padding: calcSize(1.5) calcSize(1);\n }\n }\n}\n\n.svc-matrix-cell--selected {\n position: absolute;\n border: calcSize(0.25) solid $secondary;\n border-radius: calcSize(0.5);\n top: calcSize(0);\n left: calcSize(0);\n right: calcSize(0);\n bottom: calcSize(0);\n display: none;\n &.svc-visible {\n display: block;\n }\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n border: calcSize(0.25) solid $secondary-light;\n border-radius: calcSize(0.5);\n display: block;\n}\n\n.svc-matrix-cell__question-controls {\n display: none;\n position: absolute;\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n display: block;\n width: calcSize(6);\n height: calcSize(6);\n background: $background;\n border: 1px solid $border;\n box-sizing: border-box;\n border-radius: 50%;\n padding: calcSize(1.5);\n cursor: pointer;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n display: block;\n}\n\n.svc-question__content--in-popup {\n width: calc(100% - 25 * #{$base-unit});\n min-width: calcSize(70);\n padding: calcSize(5);\n}\n\n.svc-matrix-cell__popup {\n .sv-popup__scrolling-content {\n margin-top: calcSize(1);\n padding-top: 0;\n }\n\n .svc-question__content {\n @include disableUserSelect;\n }\n}\n\n.svc-question__content {\n .sd-table__cell--detail-panel {\n padding-left: calcSize(6);\n }\n}",".svc-matrix-cell {\n position: relative;\n}\n\n.svc-question__adorner .sd-table .sd-table__cell--column-title {\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-matrix-cell--selected {\n position: absolute;\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: none;\n}\n.svc-matrix-cell--selected.svc-visible {\n display: block;\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: block;\n}\n\n.svc-matrix-cell__question-controls {\n display: none;\n position: absolute;\n top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n display: block;\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 background: var(--sjs-general-backcolor, var(--background, #fff));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n border-radius: 50%;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n}\n.svc-matrix-cell__question-controls-button use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n display: block;\n}\n\n.svc-question__content--in-popup {\n width: calc(100% - 25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-matrix-cell__popup .sv-popup__scrolling-content {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-top: 0;\n}\n.svc-matrix-cell__popup .svc-question__content {\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.svc-question__content .sd-table__cell--detail-panel {\n padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../variables.scss\";\n\n.svd-test-results {\n font-family: $font-family;\n border-radius: 4px;\n box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n\n .svd-test-results__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: calcSize(2) calcSize(3);\n font-size: calcSize(2);\n color: $foreground-light;\n border-bottom: 2px solid $border-light;\n background-color: $background;\n\n .svd-test-results__header-text {\n margin: 0;\n }\n\n .svd-test-results__header-types {\n display: flex;\n gap: calcSize(1);\n }\n }\n\n .svd-test-results__text {\n display: flex;\n padding: calcSize(2) calcSize(3);\n width: calc(100% - calcSize(6));\n overflow: auto;\n user-select: text;\n white-space: pre-wrap;\n background-color: $background;\n }\n\n .svd-test-results__table {\n background-color: $background;\n width: 100%;\n box-shadow: $shadow-small;\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n .svd-test-results__marker {\n position: absolute;\n top: calcSize(1.5);\n\n .sv-svg-icon {\n transition: transform 0.2s ease-in-out;\n\n use {\n fill: $foreground-light;\n }\n }\n\n &.svd-test-results__marker--expanded .sv-svg-icon {\n transform-origin: center;\n transform: rotate(90deg);\n }\n }\n\n th {\n padding: calcSize(1) calcSize(1);\n background-color: $background-dim;\n text-align: left;\n font-weight: 600;\n font-size: 12px;\n color: $foreground-light;\n\n &:nth-child(1) {\n padding-left: calcSize(3);\n }\n }\n\n td {\n padding: calcSize(1) calcSize(1);\n max-width: calcSize(50);\n overflow: auto;\n border-top: 2px solid $border-light;\n user-select: text;\n\n &:nth-child(1) {\n position: relative;\n width: 50%;\n font-weight: 600;\n }\n\n &:nth-child(2) {\n width: 50%;\n padding-right: calcSize(3);\n }\n }\n\n .survey-result-value {\n word-break: break-all;\n }\n\n tr {\n vertical-align: top;\n\n .svd-test-results__node-value {\n color: $foreground-light;\n }\n }\n }\n }\n}",".svd-test-results {\n font-family: var(--sjs-font-family, var(--font-family));\n border-radius: 4px;\n box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svd-test-results .svd-test-results__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-text {\n margin: 0;\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-types {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svd-test-results .svd-test-results__text {\n display: flex;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: auto;\n user-select: text;\n white-space: pre-wrap;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__table {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n width: 100%;\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svd-test-results .svd-test-results__table table {\n width: 100%;\n border-collapse: collapse;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker {\n position: absolute;\n top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon {\n transition: transform 0.2s ease-in-out;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {\n transform-origin: center;\n transform: rotate(90deg);\n}\n.svd-test-results .svd-test-results__table table th {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n text-align: left;\n font-weight: 600;\n font-size: 12px;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table th:nth-child(1) {\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table td {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n max-width: calc(50 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: auto;\n border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n user-select: text;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(1) {\n position: relative;\n width: 50%;\n font-weight: 600;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(2) {\n width: 50%;\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .survey-result-value {\n word-break: break-all;\n}\n.svd-test-results .svd-test-results__table table tr {\n vertical-align: top;\n}\n.svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}","@import \"../../variables.scss\";\n\n.svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: calcSize(6);\n}\n\n.svc-logo-image {\n position: relative;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n padding: 0;\n cursor: pointer;\n max-width: 50%;\n .sd-logo__image {\n max-width: 100%;\n }\n .svc-image-item-value-controls {\n display: block;\n top: calcSize(2.5);\n right: calcSize(1.5);\n }\n}\n\n.svc-logo-image__loading {\n width: calcSize(8);\n height: calcSize(8);\n padding: calcSize(1);\n box-sizing: border-box;\n margin-right: calcSize(-2);\n}\n\n.svc-logo-image-placeholder {\n font-size: calcSize(4);\n color: $foreground-light;\n opacity: 0.25;\n white-space: nowrap;\n word-break: keep-all;\n padding: 0;\n width: calcSize(8);\n height: calcSize(8);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calcSize(-2);\n border-radius: calcSize(4);\n\n &:hover {\n background-color: $primary-light;\n opacity: unset;\n\n use {\n fill: $primary;\n }\n }\n\n svg {\n width: calcSize(4);\n height: calcSize(4);\n }\n}\n\n.svc-logo-image-placeholder use {\n fill: $foreground-light;\n}\n\n.svc-logo-image-container {\n position: relative;\n\n .sd-logo {\n margin: 0;\n }\n}\n\n.svc-logo-image-controls {\n opacity: 0;\n width: max-content;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n .svc-logo-image-controls {\n display: none;\n }\n}\n\n.svc-logo-image-container--editable:focus-within,\n.svc-logo-image-container--editable:hover {\n .svc-logo-image-controls {\n opacity: 1;\n }\n}",".svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image {\n position: relative;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n padding: 0;\n cursor: pointer;\n max-width: 50%;\n}\n.svc-logo-image .sd-logo__image {\n max-width: 100%;\n}\n.svc-logo-image .svc-image-item-value-controls {\n display: block;\n top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image__loading {\n width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder {\n font-size: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.25;\n white-space: nowrap;\n word-break: keep-all;\n padding: 0;\n width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logo-image-placeholder:hover {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n opacity: unset;\n}\n.svc-logo-image-placeholder:hover use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-logo-image-placeholder svg {\n width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-logo-image-container {\n position: relative;\n}\n.svc-logo-image-container .sd-logo {\n margin: 0;\n}\n\n.svc-logo-image-controls {\n opacity: 0;\n width: max-content;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {\n display: none;\n}\n\n.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,\n.svc-logo-image-container--editable:hover .svc-logo-image-controls {\n opacity: 1;\n}","@import \"../variables.scss\";\n\n.svc-question-link__set-button {\n font-weight: 600;\n cursor: pointer;\n}\n.svc-link-value-button {\n margin-left: calcSize(-2);\n}\n.svc-question-link__clear-button {\n color: $red;\n font-weight: 600;\n cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n background-color: $red-light;\n}\n",".svc-question-link__set-button {\n font-weight: 600;\n cursor: pointer;\n}\n\n.svc-link-value-button {\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question-link__clear-button {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n font-weight: 600;\n cursor: pointer;\n}\n\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__item {\n margin: calcSize(2) 0;\n width: 100%;\n}\n",".svc-property-panel__item {\n margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n width: 100%;\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__group {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n padding: calcSize(2);\n border: none;\n outline: none;\n color: $foreground-light;\n cursor: pointer;\n text-align: left;\n background: $background;\n box-shadow: inset 0px -1px 0px $border;\n font-family: $font-family;\n font-size: calcSize(2);\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n background-color: $background;\n color: $foreground;\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-property-panel__group:hover {\n background-color: $background-dim;\n color: $foreground-light;\n font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n color: $foreground;\n font-weight: 600;\n background-color: $background;\n}",".svc-property-panel__group {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n outline: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n cursor: pointer;\n text-align: left;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-property-panel__group:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 600;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu-item {\n padding: calcSize(2) calcSize(3);\n height: calcSize(8);\n line-height: calcSize(4);\n box-sizing: border-box;\n cursor: pointer;\n &:hover,\n &:focus {\n background-color: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n outline: none;\n }\n}\n\n.svc-tabbed-menu-item--selected {\n background: $background;\n box-shadow: inset 0px -2px 0px $primary;\n &:hover,\n &:focus {\n background: $background;\n box-shadow: inset 0px -2px 0px $primary;\n }\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n color: $foreground;\n opacity: 0.25;\n &:hover {\n background-color: $background;\n }\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\n.svc-tabbed-menu-item {\n .svc-tabbed-menu-item__text {\n white-space: nowrap;\n line-height: calcSize(4);\n }\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n width: auto;\n}\n",".svc-tabbed-menu-item {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n cursor: pointer;\n}\n.svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n outline: none;\n}\n\n.svc-tabbed-menu-item--selected {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.svc-tabbed-menu-item--disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\n\n.svc-tabbed-menu-item .svc-tabbed-menu-item__text {\n white-space: nowrap;\n line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n width: auto;\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu {\n display: flex;\n white-space: nowrap;\n overflow: hidden;\n align-items: center;\n height: calcSize(8);\n}\n\n.svc-tabbed-menu-wrapper {\n flex: 1 1 auto;\n overflow: hidden;\n}",".svc-tabbed-menu {\n display: flex;\n white-space: nowrap;\n overflow: hidden;\n align-items: center;\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-wrapper {\n flex: 1 1 auto;\n overflow: hidden;\n}","@import \"../../variables.scss\";\n\n.svc-toolbox__item {\n display: flex;\n position: relative;\n align-items: center;\n z-index: 20;\n outline: none;\n padding: calcSize(1) calcSize(1.5);\n\n sv-svg-icon,\n .sv-svg-icon {\n display: block;\n height: calcSize(3);\n }\n}\n\n// is always visible\n.svc-toolbox__item-container {\n outline: none;\n\n .sv-svg-icon use {\n fill: $foreground-light;\n }\n}\n\n//is visible only on hover\n.svc-toolbox__item-banner {\n opacity: 0;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n margin-right: 0;\n margin-left: calcSize(-1.5);\n\n .svc-toolbox__item-icon {\n position: absolute;\n display: block;\n left: calcSize(1.5);\n top: calcSize(1);\n }\n\n .svc-toolbox__item-title {\n color: $foreground;\n }\n\n .sv-svg-icon use {\n fill: $primary;\n }\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-toolbox__item:hover .svc-toolbox__item-banner,\n .svc-toolbox__item:focus .svc-toolbox__item-banner {\n flex-direction: row-reverse;\n padding-right: calcSize(1.5);\n padding-left: calcSize(2);\n margin-left: 0;\n margin-right: 0;\n transform: translateX(calc(1.5 * #{$base-unit}));\n\n .svc-toolbox__item-title {\n padding-left: calcSize(1);\n padding-right: calcSize(4);\n }\n }\n\n .svc-toolbox__item {\n flex-direction: row-reverse;\n }\n\n .svc-toolbox__tool.sv-dots {\n place-self: flex-end;\n }\n\n .svc-toolbox__tool {\n justify-content: flex-end;\n }\n\n .svc-toolbox__category {\n align-items: flex-end;\n }\n\n .svc-toolbox__item-banner {\n .svc-toolbox__item-icon {\n left: auto;\n right: calcSize(1.5);\n }\n }\n}\n\n.svc-toolbox__item-title {\n @include smallBold;\n\n display: block;\n padding-left: calcSize(1);\n padding-right: calcSize(1.5);\n white-space: nowrap;\n color: $foreground-light;\n}\n\n.svc-toolbox__item:hover,\n.svc-toolbox__item:focus {\n .svc-toolbox__item-banner {\n max-width: calcSize(100);\n padding-left: calcSize(1.5);\n padding-right: calcSize(2);\n opacity: 1;\n\n .svc-toolbox__item-title {\n padding-left: calcSize(4);\n }\n }\n}\n\n.svc-toolbox:not(.svc-toolbox--compact) {\n .svc-toolbox__item:not(.sv-dots):focus,\n .svc-toolbox__item:not(.sv-dots):hover {\n overflow: hidden;\n border-radius: calcSize(12.5);\n background-color: $background;\n box-shadow: $shadow-medium;\n transition: 0.1s ease-in-out;\n\n .svc-toolbox__item-title {\n color: $foreground;\n }\n\n .sv-svg-icon use {\n fill: $primary;\n }\n }\n}\n\n.svc-toolbox__tool .sv-dots__item:hover:enabled,\n.svc-toolbox__tool .sv-dots__item:focus:enabled,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {\n background-color: $primary-light;\n border-radius: calcSize(12.5);\n\n .sv-svg-icon use {\n fill: $primary;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-toolbox-popup {\n direction: rtl;\n }\n}\n\n.svc-toolbox-popup {\n .sv-list__item {\n &:first-child {\n .sv-list__item-separator {\n display: none;\n }\n }\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(5);\n }\n }\n}\n\n.svc-toolbox,\n.svc-toolbox:not(.svc-toolbox--compact) {\n .svc-toolbox__tool--pressed {\n\n .svc-toolbox__item:not(.sv-dots),\n .svc-toolbox__item:not(.sv-dots):hover {\n .sv-svg-icon use {\n fill: $foreground;\n opacity: 0.5;\n }\n\n color: $foreground;\n opacity: 0.5;\n }\n }\n}",".svc-toolbox__item {\n display: flex;\n position: relative;\n align-items: center;\n z-index: 20;\n outline: none;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__item sv-svg-icon,\n.svc-toolbox__item .sv-svg-icon {\n display: block;\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__item-container {\n outline: none;\n}\n.svc-toolbox__item-container .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__item-banner {\n opacity: 0;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n margin-right: 0;\n margin-left: calc(-1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-icon {\n position: absolute;\n display: block;\n left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-toolbox__item-banner .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner,\n.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner {\n flex-direction: row-reverse;\n padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: 0;\n margin-right: 0;\n transform: translateX(calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,\n[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction:rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction:rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction: rtl\"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction: rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {\n padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-toolbox__item,\n[dir=rtl] .svc-toolbox__item,\n[style*=\"direction:rtl\"] .svc-toolbox__item,\n[style*=\"direction: rtl\"] .svc-toolbox__item {\n flex-direction: row-reverse;\n}\n.svc-creator__toolbox--right .svc-toolbox__tool.sv-dots,\n[dir=rtl] .svc-toolbox__tool.sv-dots,\n[style*=\"direction:rtl\"] .svc-toolbox__tool.sv-dots,\n[style*=\"direction: rtl\"] .svc-toolbox__tool.sv-dots {\n place-self: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__tool,\n[dir=rtl] .svc-toolbox__tool,\n[style*=\"direction:rtl\"] .svc-toolbox__tool,\n[style*=\"direction: rtl\"] .svc-toolbox__tool {\n justify-content: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__category,\n[dir=rtl] .svc-toolbox__category,\n[style*=\"direction:rtl\"] .svc-toolbox__category,\n[style*=\"direction: rtl\"] .svc-toolbox__category {\n align-items: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[dir=rtl] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction:rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction: rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon {\n left: auto;\n right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__item-title {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--small-bold-font-size));\n line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n display: block;\n padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: nowrap;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__item:hover .svc-toolbox__item-banner,\n.svc-toolbox__item:focus .svc-toolbox__item-banner {\n max-width: calc(100 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 1;\n}\n.svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {\n padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover {\n overflow: hidden;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n transition: 0.1s ease-in-out;\n}\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .svc-toolbox__item-title,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .svc-toolbox__item-title {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .sv-svg-icon use,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-toolbox__tool .sv-dots__item:hover:enabled,\n.svc-toolbox__tool .sv-dots__item:focus:enabled,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,\n.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n[dir=rtl] .svc-toolbox-popup,\n[style*=\"direction:rtl\"] .svc-toolbox-popup,\n[style*=\"direction: rtl\"] .svc-toolbox-popup {\n direction: rtl;\n}\n\n.svc-toolbox-popup .sv-list__item:first-child .sv-list__item-separator {\n display: none;\n}\n.svc-toolbox-popup .sv-list__item .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 padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-end: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.5;\n}\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.5;\n}","@import \"../../variables.scss\";\n\nsvc-toolbox {\n display: flex;\n flex-direction: column;\n position: absolute;\n}\n\n.svc-toolbox {\n height: 100%;\n padding: calcSize(2) calc(calcSize(2) - 12px);\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\n scrollbar-gutter: stable both-edges;\n}\n\n_::-webkit-full-page-media,\n_:future,\n:root .svc-toolbox {\n padding: calcSize(2);\n}\n\n.svc-toolbox--compact {\n width: calcSize(10.5);\n overflow: visible;\n direction: ltr;\n scrollbar-gutter: auto;\n padding: calcSize(2);\n}\n\n.svc-toolbox__container {\n direction: ltr;\n}\n\n.svc-toolbox__category {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-toolbox__tool:not(.sv-dots) {\n display: flex;\n width: auto;\n}\n\n.svc-toolbox__tool .sv-dots__item {\n width: calcSize(6);\n margin-top: calcSize(0.5);\n}\n\n.svc-toolbox__category-separator {\n height: 1px;\n width: calcSize(6);\n background-color: $border;\n margin: calcSize(1) 0 calcSize(1.5);\n}\n\n.svc-toolbox__category-header {\n height: calcSize(5);\n padding: calcSize(1.5);\n background: $background-dim;\n // box-shadow: 0px 1px 0px $border;\n border-bottom: 1px solid $border;\n box-sizing: border-box;\n width: 100%;\n min-width: calcSize(20);\n position: relative;\n}\n\n.svc-toolbox__category-header--collapsed {\n cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n font-family: $font-family;\n font-size: calcSize(1.5);\n font-weight: bold;\n line-height: calcSize(2);\n color: $foreground;\n vertical-align: middle;\n display: block;\n}\n\n.svc-toolbox__category-header__controls {\n position: absolute;\n right: calcSize(1);\n top: calcSize(1);\n display: none;\n\n}\n\n.svc-toolbox__category-header__button {\n fill: $foreground-light;\n}\n\n.svc-toolbox__category-header:hover {\n .svc-toolbox__category-header__controls {\n display: block;\n }\n}\n\n.svc-toolbox__tool {\n cursor: default;\n\n .sv-action__content {\n display: flex;\n padding-top: calcSize(0.5);\n flex-direction: column;\n align-items: flex-start;\n }\n}\n\n.svc-creator__toolbox--right {\n .svc-toolbox__tool {\n .sv-action__content {\n align-items: flex-end;\n }\n }\n}\n\n\n.svc-toolbox__category--collapsed {\n .svc-toolbox__tool {\n height: 0;\n visibility: hidden;\n }\n}","svc-toolbox {\n display: flex;\n flex-direction: column;\n position: absolute;\n}\n\n.svc-toolbox {\n height: 100%;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 12px);\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\n scrollbar-gutter: stable both-edges;\n}\n\n_::-webkit-full-page-media,\n_:future,\n:root .svc-toolbox {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox--compact {\n width: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: visible;\n direction: ltr;\n scrollbar-gutter: auto;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__container {\n direction: ltr;\n}\n\n.svc-toolbox__category {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-toolbox__tool:not(.sv-dots) {\n display: flex;\n width: auto;\n}\n\n.svc-toolbox__tool .sv-dots__item {\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__category-separator {\n height: 1px;\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__category-header {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n width: 100%;\n min-width: calc(20 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n}\n\n.svc-toolbox__category-header--collapsed {\n cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: bold;\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n vertical-align: middle;\n display: block;\n}\n\n.svc-toolbox__category-header__controls {\n position: absolute;\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n display: none;\n}\n\n.svc-toolbox__category-header__button {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {\n display: block;\n}\n\n.svc-toolbox__tool {\n cursor: default;\n}\n.svc-toolbox__tool .sv-action__content {\n display: flex;\n padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-creator__toolbox--right .svc-toolbox__tool .sv-action__content {\n align-items: flex-end;\n}\n\n.svc-toolbox__category--collapsed .svc-toolbox__tool {\n height: 0;\n visibility: hidden;\n}","@import \"../../variables.scss\";\n\n.svc-side-bar__container {\n display: block;\n position: relative;\n font-family: $font-family;\n min-width: 370px;\n width: 450px;\n height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n width: 3px;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n background-color: transparent;\n cursor: e-resize;\n}\n\n.svc-resizer-west {\n left: 0;\n}\n\n.svc-resizer-east {\n right: 0;\n}\n\n.svc-side-bar__container-header {\n background: $background;\n box-shadow: inset 0px -2px 0px $primary;\n // text-align: right;\n line-height: calcSize(3);\n display: flex;\n height: calcSize(8);\n}\n\n.svc-side-bar__container-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: calc(100% - calc(8 * #{$base-unit}));\n overflow-y: auto;\n background-color: $background;\n}\n\n.svc-side-bar__container-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0px calcSize(2) calcSize(3);\n box-sizing: border-box;\n background: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n}\n\n.svc-side-bar__container-title {\n display: flex;\n line-height: calcSize(4.5);\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: calcSize(1.5) calcSize(2);\n}\n\n.svc-side-bar__container-actions {\n width: 100%;\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(1);\n\n .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n }\n}\n\n\n.svc-flex-column.svc-side-bar__wrapper {\n width: auto;\n border-left: 1px solid $border;\n height: 100%;\n background-color: $background-dim;\n}\n\n.svc-side-bar {\n height: 100%;\n}\n\n.svc-flyout-side-bar {\n width: 0;\n overflow: visible;\n\n .svc-side-bar__shadow {\n background-color: $foreground-light;\n opacity: 0.75;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 900;\n }\n\n .svc-side-bar__wrapper {\n border-left: none;\n z-index: 1000;\n position: absolute;\n right: 0;\n display: inline-block;\n height: 100%;\n max-width: 100%;\n }\n}\n\n.sv-action--object-selector {\n max-width: 70%;\n\n .sv-action-bar-item {\n flex-shrink: 1;\n }\n\n .sv-action-bar-item__title {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n flex-direction: row-reverse;\n\n .svc-side-bar__wrapper {\n left: 0;\n right: unset;\n }\n\n .svc-side-bar__container-header .sv-action-bar {\n flex-direction: row-reverse;\n }\n\n .sv-action--object-selector {\n justify-content: flex-start;\n flex: 1;\n display: flex;\n }\n\n .svd-grid-hide .sv-svg-icon {\n transform: rotate(180deg);\n }\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n\n}\n\n.sv-mobile-side-bar {\n .svc-flyout-side-bar .svc-side-bar__wrapper {\n width: 100%;\n }\n .svc-side-bar__container {\n width: 100%;\n }\n}\n\n.svc-side-bar {\n .svc-toolbox {\n width: 100%;\n }\n}",".svc-side-bar__container {\n display: block;\n position: relative;\n font-family: var(--sjs-font-family, var(--font-family));\n min-width: 370px;\n width: 450px;\n height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n width: 3px;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n background-color: transparent;\n cursor: e-resize;\n}\n\n.svc-resizer-west {\n left: 0;\n}\n\n.svc-resizer-east {\n right: 0;\n}\n\n.svc-side-bar__container-header {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow-y: auto;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-side-bar__container-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-side-bar__container-title {\n display: flex;\n line-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-actions {\n width: 100%;\n box-sizing: border-box;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-side-bar__container-actions .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n}\n\n.svc-flex-column.svc-side-bar__wrapper {\n width: auto;\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-side-bar {\n height: 100%;\n}\n\n.svc-flyout-side-bar {\n width: 0;\n overflow: visible;\n}\n.svc-flyout-side-bar .svc-side-bar__shadow {\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.75;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 900;\n}\n.svc-flyout-side-bar .svc-side-bar__wrapper {\n border-left: none;\n z-index: 1000;\n position: absolute;\n right: 0;\n display: inline-block;\n height: 100%;\n max-width: 100%;\n}\n\n.sv-action--object-selector {\n max-width: 70%;\n}\n.sv-action--object-selector .sv-action-bar-item {\n flex-shrink: 1;\n}\n.sv-action--object-selector .sv-action-bar-item__title {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {\n left: 0;\n right: unset;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {\n flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {\n justify-content: flex-start;\n flex: 1;\n display: flex;\n}\n.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon {\n transform: rotate(180deg);\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n}\n\n.sv-mobile-side-bar .svc-flyout-side-bar .svc-side-bar__wrapper {\n width: 100%;\n}\n.sv-mobile-side-bar .svc-side-bar__container {\n width: 100%;\n}\n\n.svc-side-bar .svc-toolbox {\n width: 100%;\n}",".spg-action-bar {\n display: flex;\n box-sizing: content-box;\n padding-right: calcSize(0.5);\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n .sv-action:not(.sv-action--hidden):not(:last-of-type)>.sv-action__content {\n padding-right: 0;\n }\n}\n.spg-action-button {\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 color: $primary;\n font-weight: 600;\n font-size: calcSize(2);\n line-height: calcSize(3);\n font-family: $font-family;\n border-radius: calcSize(12.5);\n background-color: transparent;\n cursor: pointer;\n &:hover,\n &:focus {\n opacity: 1;\n outline: none;\n background-color: $primary-light;\n use {\n fill: $primary;\n }\n }\n}\n.spg-action-button__icon {\n display: block;\n use {\n fill: $foreground-light;\n }\n}\n.spg-action-button--danger {\n color: $red;\n &:hover,\n &:focus {\n background-color: $red-light;\n use {\n fill: $red;\n }\n }\n}\nbutton.spg-action-button--large {\n padding: calcSize(0.5) calcSize(2);\n}\n.spg-action-button:disabled {\n opacity: 0.25;\n pointer-events: none;\n cursor: default;\n}\n.spg-action-button--muted {\n opacity: 0.5;\n}\n.spg-action-button:active {\n opacity: 0.5;\n}\n.spg-action-button--text {\n padding: calcSize(0.5) calcSize(2);\n}",".spg-action-bar {\n display: flex;\n box-sizing: content-box;\n padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n.spg-action-bar .sv-action:not(.sv-action--hidden):not(:last-of-type) > .sv-action__content {\n padding-right: 0;\n}\n\n.spg-action-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: transparent;\n cursor: pointer;\n}\n.spg-action-button:hover, .spg-action-button:focus {\n opacity: 1;\n outline: none;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.spg-action-button:hover use, .spg-action-button:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-action-button__icon {\n display: block;\n}\n.spg-action-button__icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-action-button--danger {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.spg-action-button--danger:hover, .spg-action-button--danger:focus {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.spg-action-button--danger:hover use, .spg-action-button--danger:focus use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\nbutton.spg-action-button--large {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-action-button:disabled {\n opacity: 0.25;\n pointer-events: none;\n cursor: default;\n}\n\n.spg-action-button--muted {\n opacity: 0.5;\n}\n\n.spg-action-button:active {\n opacity: 0.5;\n}\n\n.spg-action-button--text {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n}\n\n.spg-question__header {\n width: 100%;\n}\n\n.spg-question__title {\n width: 100%;\n margin: 0;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: normal;\n box-sizing: border-box;\n}\n\n.spg-question__content {\n width: 100%;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n display: flex;\n}\n\n.spg-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(--sjs-font-family, var(--font-family));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n position: absolute;\n inset-inline-end: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-block-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__description {\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: normal;\n}\n\n.spg-row-narrow__question {\n margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-row--multiple > div > .spg-row-narrow__question {\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question--location--left {\n flex-direction: row;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n line-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n vertical-align: middle;\n align-items: stretch;\n}\n.spg-question--location--left:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-question__header--location--left {\n width: auto;\n box-sizing: border-box;\n max-width: 50%;\n flex: 1;\n display: flex;\n align-items: center;\n}\n.spg-question__header--location--left .spg-question__title {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n display: inline-block;\n}\n\n.spg-question__content--left {\n flex: 2;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input {\n background-color: transparent;\n box-shadow: none;\n border: none;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input:focus, .spg-question__content--left .spg-input.spg-input.spg-input:focus-within {\n box-shadow: none;\n}\n\n.spg-row--multiple {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n flex-wrap: wrap;\n}\n.spg-row--multiple > div {\n flex-grow: 1;\n min-width: calc(25.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div .spg-question__header--location--left {\n min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div input {\n min-width: max(17 * var(--sjs-base-unit, var(--base-unit, 8px)), 100%);\n width: 0;\n}\n\n.spg-question__erbox {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-question__erbox > div {\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-question__erbox-icon {\n display: block;\n flex-grow: 0;\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 background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-repeat: no-repeat;\n background-position: 0 0;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: normal;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-restfull .spg-panel__content,\n.spg-masksettings .spg-panel__content {\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-restfull .spg-panel__content .spg-row,\n.spg-masksettings .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.spg-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n width: 100%;\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n outline: none;\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-input:focus,\n.spg-input.spg-dropdown:focus,\n.spg-input.spg-dropdown:focus-within,\n.spg-input-container:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.spg-input[type=color] {\n padding-left: 0;\n padding-right: 0;\n min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-input__edit-button {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: none;\n outline: none;\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 padding: var(--sjs-base-unit, var(--base-unit, 8px));\n line-height: 0;\n}\n.spg-input__edit-button:focus, .spg-input__edit-button:hover {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-input__edit-button:active {\n opacity: 0.5;\n}\n.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {\n opacity: 0.25;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-input__edit-button svg {\n height: 24px;\n width: 24px;\n fill: rgba(0, 0, 0, 0.45);\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.spg-input-container {\n display: flex;\n justify-content: space-between;\n cursor: default;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n align-items: center;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: 0 0 0 1px inset var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.spg-input-container--multiline {\n align-items: end;\n flex-direction: column;\n gap: 0;\n height: auto;\n}\n.spg-input-container--multiline sv-ng-question-comment {\n height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-input-container--multiline .spg-input-container__input {\n box-sizing: border-box;\n resize: none;\n}\n\n.spg-input-container__input {\n flex-grow: 1;\n width: 100%;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n outline: none;\n border: none;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n display: flex;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-dropdown {\n border-radius: 0;\n display: flex;\n padding-right: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-position: right calc(1.625 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n line-height: unset;\n}\n\n.spg-dropdown_chevron-button {\n line-height: normal;\n}\n\n.spg-dropdown-popup {\n height: 0;\n}\n\n.spg-comment {\n height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: 100%;\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 line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-panel__title {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n outline: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n cursor: pointer;\n text-align: left;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: 400;\n margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-panel__title--expanded {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 600;\n}\n\n.spg-panel__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-panel__content .spg-row {\n width: 100%;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-panel__content .spg-row--multiple {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-mobile-side-bar .spg-panel__content {\n padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__nopadding .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\n}\n\n.spg-checkbox {\n cursor: pointer;\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox--disabled {\n cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox {\n cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox__caption {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-checkbox__caption {\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox__rectangle {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\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 flex-shrink: 0;\n padding: 1px 1px;\n}\n\n.spg-checkbox:hover .spg-checkbox__rectangle {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-checkbox__control:focus + .spg-checkbox__rectangle {\n outline: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n display: block;\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 background-repeat: no-repeat;\n background-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-checkbox__control {\n position: fixed;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.spg-checkbox__hidden {\n display: none;\n}\n\n.spg-selectbase {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-checkbox .spg-question__description {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-checkbox .spg-help-action use {\n pointer-events: none;\n}\n\n.spg-matrixdynamic__drag-element {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-matrixdynamic__drag-element:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-matrixdynamic__drag-element:after {\n content: \" \";\n display: block;\n height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-drag-element__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 padding: var(--sjs-base-unit, var(--base-unit, 8px));\n display: block;\n opacity: 0.5;\n}\n.spg-drag-element__svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n content: \"\";\n width: 100%;\n height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n position: absolute;\n left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n bottom: 0;\n}\n\n.spg-matrixdynamic__placeholder {\n padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n}\n.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {\n display: initial;\n}\n\n.spg-matrixdynamic__placeholder-text {\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__add-btn {\n display: none;\n appearance: none;\n border: none;\n margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: 600;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-smiley-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 margin: var(--sjs-base-unit, var(--base-unit, 8px));\n border-radius: 100px;\n border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-smiley-icon 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 fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-table-wrapper {\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n border-bottom: none;\n}\n\n.spg-table {\n width: 100%;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-collapse: collapse;\n}\n.spg-table tr {\n border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-table__cell {\n padding: 0;\n}\n.spg-table__cell .spg-checkbox {\n margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--detail-panel {\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-table__cell--detail-panel .spg-panel__content {\n box-shadow: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n appearance: none;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: none;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: transparent;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n height: auto;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {\n padding-right: 0;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n width: max-content;\n padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-position: right calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:first-of-type {\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:last-of-type .spg-action-bar {\n justify-content: flex-end;\n}\n\n.spg-table__cell--actions > .spg-matrixdynamic__drag-element {\n display: inline-block;\n margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: move;\n}\n\n.spg-table__cell--header {\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100px;\n}\n.spg-table__cell--header span {\n display: none;\n}\n.spg-table__cell--header .sv-string-viewer {\n display: inline;\n white-space: unset;\n}\n\n.spg-table__question-wrapper {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.spg-question-group .spg-row {\n margin-top: 0;\n}\n.spg-question-group .spg-row:not(:first-of-type) {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n display: flex;\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-item .spg-color-editor__color-swatch {\n margin-left: 0;\n}\n\n.spg-color-editor__color-swatch {\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n border-radius: 3px;\n width: calc(4 * (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 border: 1px solid rgba(0, 0, 0, 0.16);\n margin-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-swatch .sv-svg-icon {\n position: absolute;\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 left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-color-editor__color-swatch--disabled .sv-svg-icon {\n opacity: 0.25;\n}\n\n.spg-color-editor__color-swatch--default .sv-svg-icon {\n opacity: 1;\n}\n\n.spg-color-editor .spg-input__edit-button + * {\n margin-inline-end: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-file-edit__choose-button {\n position: relative;\n}\n\n.spg-link {\n display: flex;\n}\n\n.sv-string-viewer .spg-link {\n display: initial;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n text-decoration-line: underline;\n}\n\n.spg-theme-builder-root .sv-skeleton-element {\n min-height: 50px;\n}\n.spg-theme-builder-root .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-panel__footer {\n justify-content: center;\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;\n padding: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__add-btn {\n margin: 0 auto;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {\n display: none;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {\n min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);\n min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div input {\n min-width: 0;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {\n height: auto;\n}\n.spg-theme-builder-root .sv-button-group {\n overflow: hidden;\n}\n.spg-theme-builder-root .spg-question__header--location--left {\n width: max-content;\n flex: 0 0;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title .sv-string-viewer {\n white-space: nowrap;\n}\n.spg-theme-builder-root .spg-nested-panel {\n padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-nested-panel::after {\n content: \" \";\n display: block;\n position: relative;\n left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n height: 1px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.spg-theme-builder-root .spg-nested-panel__content {\n padding: 0;\n box-shadow: none;\n}\n.spg-theme-builder-root .spg-nested-panel__content > .spg-row {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel-group__content {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-panel-group__content::after {\n content: none;\n}\n.spg-theme-builder-root .spg-panel-group__content > .spg-row {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.spg-theme-builder-root .spg-panel-group__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel-group__title,\n.spg-theme-builder-root .spg-nested-panel__title {\n width: 100%;\n margin: 0;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: normal;\n box-sizing: border-box;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {\n content: none;\n}\n.spg-theme-builder-root .spg-theme-group-caption {\n --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--default-bold-font-size));\n color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n position: relative;\n top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n cursor: auto;\n}\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {\n background-color: unset;\n}\n.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {\n pointer-events: none;\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root .spg-nested-panel__content::after {\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n min-width: 0;\n flex: 0 0 max-content;\n}\n\n.spg-link-wrapper--overriding {\n align-self: end;\n}\n.spg-link-wrapper--overriding .svc-action-button {\n text-decoration: underline;\n padding: 0;\n border: none;\n margin: 0;\n}\n.spg-link-wrapper--overriding .svc-action-button:focus, .spg-link-wrapper--overriding .svc-action-button:hover {\n background-color: transparent;\n}\n\n.spg-editor--highlighted .spg-input,\n.spg-editor--highlighted .spg-input-container,\n.spg-editor--highlighted .spg-question--location--left,\n.spg-editor--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content {\n outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n outline-offset: -2px;\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {\n box-shadow: none;\n}\n.spg-editor--highlighted .svc-action-button {\n background-color: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n.spg-editor--highlighted .sv-button-group {\n box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {\n outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n outline-offset: -2px;\n}\n\n.spg-search-editor_container {\n --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n position: absolute;\n border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.spg-search-editor_input {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: var(--sjs-font-family, var(--font-family));\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-style: normal;\n font-weight: 600;\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: transparent;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n font-size: max(16px, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.spg-search-editor_input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-search-editor_toolbar {\n display: flex;\n gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action-bar {\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: min-content;\n margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n flex-shrink: 0;\n}\n\n.spg-search-editor_search-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.spg-search-editor_search-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.spg-search-editor_search-icon .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n}\n.spg-root-modern .sd-row--fade-out,\n.spg-root-modern .sd-row--fade-in {\n animation: none;\n}\n.spg-root-modern .sd-element-wrapper--fade-out,\n.spg-root-modern .sd-element-wrapper--fade-in {\n animation: none;\n}\n.spg-root-modern .sd-element__content--fade-in,\n.spg-root-modern .sd-element__content--fade-out {\n animation: none;\n}\n\n.spg-container {\n width: 100%;\n}\n.spg-container * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n\n.spg-container.spg-container_search {\n height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-top: 1px;\n height: calc(100% - 1px - 7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: auto;\n}\n\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-popup_shadow {\n background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-root-modern {\n background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-page {\n margin: 0;\n padding: 0;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-components-column--expandable {\n min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--modal .sv-popup__footer {\n padding-bottom: 2px;\n}\n.sv-popup--modal .sd-body,\n.sv-popup--modal .sl-body {\n min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-title .spg-action-bar {\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: 1px;\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-title-toolobar--single-help-action {\n justify-content: flex-start;\n padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action {\n flex-grow: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon {\n opacity: 0.5;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:focus,\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:hover {\n opacity: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button:active {\n opacity: 0.5;\n}\n.spg-title-toolobar--single-help-action .spg-help-action svg {\n fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}",".spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n}\n\n.spg-question__header {\n width: 100%;\n}\n\n@mixin question_tile {\n width: 100%;\n margin: 0;\n padding: calcSize(1) 0;\n line-height: calcSize(3);\n font-size: calcSize(2);\n font-family: $font-family;\n color: $foreground-light;\n font-weight: normal;\n box-sizing: border-box;\n}\n\n.spg-question__title {\n @include question_tile;\n}\n\n.spg-question__content {\n width: 100%;\n color: $primary;\n cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n display: flex;\n}\n\n.spg-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: calcSize(2);\n font-size: calcSize(1.5);\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(0.75);\n inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n line-height: calcSize(2);\n font-size: calcSize(1.5);\n color: $foreground-dim-light;\n padding-bottom: calcSize(2);\n white-space: normal;\n}\n\n.spg-row-narrow__question {\n margin-top: calcSize(-2);\n}\n\n.spg-row--multiple {\n &>div>.spg-row-narrow__question {\n margin-top: calcSize(-1);\n }\n}\n\n.spg-question--location--left {\n flex-direction: row;\n background: $background;\n box-shadow: inset 0 0 0 1px $border-inside;\n line-height: calcSize(6);\n vertical-align: middle;\n align-items: stretch;\n\n &:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n }\n}\n\n.spg-question__header--location--left {\n width: auto;\n box-sizing: border-box;\n max-width: 50%;\n flex: 1;\n\n .spg-question__title {\n padding: calcSize(1) calcSize(2);\n border-right: 1px solid $border;\n display: inline-block;\n }\n\n display: flex;\n align-items: center;\n}\n\n.spg-question__content--left {\n flex: 2;\n\n .spg-input.spg-input.spg-input {\n background-color: transparent;\n\n &:focus,\n &:focus-within {\n box-shadow: none;\n }\n\n box-shadow: none;\n border: none;\n }\n}\n\n.spg-row--multiple {\n display: flex;\n gap: calcSize(1);\n flex-wrap: wrap;\n\n &>div {\n flex-grow: 1;\n min-width: calcSize(25.5);\n\n .spg-question__header--location--left {\n min-width: calcSize(8);\n }\n\n input {\n min-width: calc(max(17 * #{$base-unit}, 100%));\n width: 0;\n }\n }\n}\n\n.spg-question__erbox {\n padding: calcSize(1) calcSize(1.5) calcSize(1) calcSize(1.5);\n color: $foreground;\n background-color: $red-light;\n border-radius: calcSize(0.5);\n line-height: calcSize(3);\n\n &>div {\n display: flex;\n gap: calcSize(1);\n }\n}\n\n.spg-question__erbox-icon {\n display: block;\n flex-grow: 0;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(3);\n background-size: calcSize(3) calcSize(3);\n background-repeat: no-repeat;\n background-position: 0 0;\n line-height: calcSize(3);\n white-space: normal;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n .spg-panel__content {\n gap: calcSize(2);\n\n .spg-row {\n margin-top: 0;\n }\n }\n}\n",".spg-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: $background;\n box-sizing: border-box;\n width: 100%;\n height: calcSize(6);\n border: none;\n box-shadow: inset 0 0 0 1px $border-inside;\n padding: calcSize(1.5) calcSize(2);\n outline: none;\n font-size: calcSize(2);\n font-family: $font-family;\n color: $foreground;\n}\n\n.spg-input::placeholder {\n color: $foreground-light;\n}\n\n.spg-input:focus,\n.spg-input.spg-dropdown:focus,\n.spg-input.spg-dropdown:focus-within,\n.spg-input-container:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n color: $foreground;\n opacity: 0.25;\n}\n\n.spg-input[type=\"color\"] {\n padding-left: 0;\n padding-right: 0;\n min-width: calcSize(8);\n}\n\n.spg-input__edit-button {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n background: $background;\n border: none;\n outline: none;\n width: calcSize(5);\n height: calcSize(5);\n padding: calcSize(1);\n line-height: 0;\n\n &:focus,\n &:hover {\n background: $background-dim;\n }\n\n &:active {\n opacity: 0.5;\n }\n\n &.spg-input__edit-button--disabled,\n &:disabled {\n opacity: 0.25;\n background: $background;\n }\n\n svg {\n height: 24px;\n width: 24px;\n fill: rgba(0, 0, 0, 0.45);\n }\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset $red;\n}\n\n.spg-input-container {\n display: flex;\n justify-content: space-between;\n cursor: default;\n padding: calcSize(0.5);\n align-items: center;\n gap: calcSize(0.5);\n box-shadow: 0 0 0 1px inset $border-inside;\n}\n\n.spg-input-container--multiline {\n align-items: end;\n flex-direction: column;\n gap: 0;\n height: auto;\n\n sv-ng-question-comment {\n height: calcSize(9);\n }\n\n .spg-input-container__input {\n box-sizing: border-box;\n resize: none;\n }\n}\n\n.spg-input-container__input {\n flex-grow: 1;\n width: 100%;\n padding: calcSize(1) calcSize(1.5);\n color: $foreground;\n font-size: calcSize(2);\n font-family: $font-family;\n outline: none;\n border: none;\n line-height: calcSize(3);\n background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n display: flex;\n gap: calcSize(0.5);\n}",".spg-dropdown {\n border-radius: 0;\n display: flex;\n padding-right: calcSize(5.5);\n line-height: calcSize(3);\n background-position: right calcSize(1.625) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n line-height: unset;\n}\n.spg-dropdown_chevron-button {\n line-height: normal;\n}\n.spg-dropdown-popup {\n height: 0;\n}",".spg-comment {\n height: calcSize(9);\n max-width: 100%;\n min-width: calcSize(6);\n min-height: calcSize(6);\n line-height: calcSize(3);\n}\n",".spg-panel__title {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(2);\n border: none;\n outline: none;\n color: $foreground-light;\n cursor: pointer;\n text-align: left;\n background-color: $background;\n box-shadow: inset 0px -1px 0px $border;\n font-family: $font-family;\n font-size: calcSize(2);\n font-weight: 400;\n margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: $foreground;\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n background-color: $background-dim;\n}\n\n.spg-panel__title--expanded {\n color: $foreground;\n font-weight: 600;\n}\n\n.spg-panel__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0 calcSize(4) calcSize(5);\n box-sizing: border-box;\n background: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n}\n\n.spg-panel__content {\n .spg-row {\n width: 100%;\n margin-top: calcSize(2);\n }\n\n .spg-row--multiple {\n margin-top: calcSize(1);\n }\n}\n\n.sv-mobile-side-bar {\n .spg-panel__content {\n padding: 0 calcSize(2) calcSize(5);\n }\n}\n\n.spg-question__nopadding {\n .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\n }\n}",".spg-checkbox {\n cursor: pointer;\n margin-top: calcSize(2);\n}\n\n.spg-checkbox--disabled {\n cursor: default;\n\n .spg-checkbox {\n cursor: default;\n }\n\n .spg-checkbox__caption {\n color: $foreground-light;\n }\n}\n\n.spg-checkbox__caption {\n font-family: $font-family;\n font-size: calcSize(2);\n color: $foreground;\n line-height: calcSize(3);\n}\n\n.spg-checkbox__rectangle {\n background: $background;\n border: 1px solid $border;\n box-sizing: border-box;\n width: calcSize(3);\n height: calcSize(3);\n flex-shrink: 0;\n // padding: calcSize(0.5);\n padding: 1px 1px;\n}\n\n.spg-checkbox:hover {\n .spg-checkbox__rectangle {\n background-color: $background-dim;\n }\n}\n\n.spg-checkbox--disabled {\n .spg-checkbox__rectangle:hover {\n background: $background;\n }\n}\n\n.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n outline: 2px solid $primary;\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n display: block;\n width: calcSize(2.5);\n height: calcSize(2.5);\n background-repeat: no-repeat;\n background-size: calcSize(2) calcSize(2);\n fill: $primary;\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: $border;\n}\n\n.spg-checkbox__control {\n position: fixed;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n//todo: need to hide unneeded icons\n.spg-checkbox__hidden {\n display: none;\n}\n\n.spg-selectbase {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: calcSize(1);\n}\n\n.spg-checkbox {\n .spg-question__description {\n padding: calcSize(1) 0 0 calcSize(4);\n }\n\n .spg-help-action {\n use {\n pointer-events: none;\n }\n }\n}",".spg-matrixdynamic__drag-element {\n padding: calcSize(2);\n &:hover {\n background-color: $background;\n }\n &:after {\n content: \" \";\n display: block;\n height: calcSize(0.5);\n }\n}\n\n.spg-drag-element__svg {\n width: calcSize(3);\n height: calcSize(3);\n padding: calcSize(1);\n display: block;\n opacity: 0.5;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n content: \"\";\n width: 100%;\n height: calcSize(0.5);\n background-color: $secondary;\n position: absolute;\n left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n bottom: 0;\n}\n.spg-matrixdynamic__placeholder {\n padding: calcSize(6) 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: $background;\n border: 1px solid $border;\n box-sizing: border-box;\n .spg-matrixdynamic__add-btn {\n display: initial;\n }\n}\n.spg-matrixdynamic__placeholder-text {\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: $foreground-light;\n}\n.spg-matrixdynamic__add-btn {\n display: none;\n appearance: none;\n border: none;\n margin-top: calcSize(0.5);\n background: transparent;\n color: $primary;\n font-family: $font-family;\n font-size: calcSize(2);\n font-weight: 600;\n line-height: calcSize(3);\n}\n\n.spg-smiley-icon {\n width: calcSize(3);\n height: calcSize(3);\n margin: calcSize(1);\n border-radius: 100px;\n border: 1px solid $foreground;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calcSize(4);\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n fill: $foreground;\n }\n}",".spg-table-wrapper {\n border: 1px solid $border;\n border-bottom: none;\n}\n\n.spg-table {\n width: 100%;\n background-color: $background;\n border-collapse: collapse;\n\n tr {\n border-bottom: 1px solid $border;\n }\n}\n\n.spg-table__cell {\n padding: 0;\n\n .spg-checkbox {\n margin: 0 calcSize(2);\n }\n}\n\n.spg-table__cell--detail-panel {\n .spg-panel__content {\n box-shadow: none;\n }\n\n background: $background-dim;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n appearance: none;\n line-height: calcSize(3);\n font-size: calcSize(2);\n box-shadow: none;\n border-radius: calcSize(0.5);\n background-color: transparent;\n padding: calcSize(1);\n height: auto;\n\n &[type=\"color\"] {\n padding-right: 0;\n }\n\n &:focus,\n &:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n width: max-content;\n padding-right: calcSize(4);\n background-size: calcSize(3) calcSize(3);\n background-position: right calcSize(0.5) top 50%, 0 0;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calcSize(2);\n}\n\n.spg-table__cell--actions:first-of-type {\n width: calcSize(5);\n}\n\n.spg-table__cell--actions:last-of-type {\n .spg-action-bar {\n justify-content: flex-end;\n }\n}\n\n.spg-table__cell--actions>.spg-matrixdynamic__drag-element {\n display: inline-block;\n margin-top: calcSize(0.5);\n cursor: move;\n}\n\n.spg-table__cell--header {\n font-size: calcSize(1.5);\n font-weight: normal;\n color: $foreground-light;\n line-height: calcSize(3);\n background: $background-dim;\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100px;\n\n span {\n display: none;\n }\n\n .sv-string-viewer {\n display: inline;\n white-space: unset;\n }\n}\n\n.spg-table__question-wrapper {\n padding: calcSize(0.5) 0;\n}",".spg-question-group {\n .spg-row {\n margin-top: 0;\n &:not(:first-of-type) {\n margin-top: calcSize(1);\n }\n }\n}\n",".spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n display: flex;\n gap: calcSize(2);\n\n .spg-color-editor__color-swatch {\n margin-left: 0;\n }\n}\n\n.spg-color-editor__color-swatch {\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n border-radius: 3px;\n width: calcSize(4);\n height: calcSize(3);\n box-sizing: border-box;\n border: 1px solid rgba(0, 0, 0, 0.16);\n margin-left: calcSize(1.5);\n\n .sv-svg-icon {\n position: absolute;\n width: calcSize(2);\n height: calcSize(2);\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n fill: $background;\n }\n}\n\n.spg-color-editor__color-swatch--disabled {\n .sv-svg-icon {\n opacity: 0.25;\n }\n}\n\n.spg-color-editor__color-swatch--default {\n .sv-svg-icon {\n opacity: 1;\n }\n}\n\n.spg-color-editor .spg-input__edit-button+* {\n margin-inline-end: calcSize(-0.5);\n}",".spg-file-edit__choose-button {\n position: relative;\n}\n",".spg-link {\n display: flex;\n}\n\n.sv-string-viewer {\n .spg-link {\n display: initial;\n color: $primary;\n font-weight: 600;\n text-decoration-line: underline;\n }\n}",".spg-theme-builder-root {\n .sv-skeleton-element {\n min-height: 50px;\n }\n\n .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calcSize(2);\n }\n\n .spg-panel__footer {\n justify-content: center;\n margin: calcSize(1) 0 0 0;\n padding: 0;\n }\n\n .spg-paneldynamic__add-btn {\n margin: 0 auto;\n }\n\n .spg-row--multiple {\n .spg-spin-editor {\n .spg-input-container__buttons-container {\n display: none;\n }\n }\n\n .spg-question__header--location--left {\n min-width: auto;\n }\n\n &>div {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(50% - #{$base-unit} * 0.5);\n min-width: auto;\n\n input {\n min-width: 0;\n }\n\n .spg-question--location--left {\n height: calcSize(6);\n box-sizing: border-box;\n\n .spg-input {\n height: auto;\n }\n }\n }\n }\n\n .sv-button-group {\n overflow: hidden;\n }\n\n .spg-question__header--location--left {\n width: max-content;\n flex: 0 0;\n\n .spg-question__title {\n white-space: nowrap;\n .sv-string-viewer {\n white-space: nowrap;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n //2 level nested\n .spg-nested-panel {\n padding-bottom: calcSize(5);\n\n &::after {\n content: \" \";\n display: block;\n position: relative;\n left: calcSize(-4);\n top: calc(5 * #{$base-unit});\n width: calc(8 * #{$base-unit} + 100%);\n height: 1px;\n background-color: $border;\n }\n }\n\n .spg-nested-panel__content {\n padding: 0;\n box-shadow: none;\n\n &>.spg-row {\n margin-top: calcSize(2);\n\n &:first-of-type {\n margin-top: 0;\n }\n }\n }\n\n .spg-panel-group__content {\n padding-bottom: 0;\n\n &::after {\n content: none;\n }\n\n &>.spg-row {\n margin-top: calcSize(1);\n\n &:first-of-type {\n margin-top: 0;\n }\n }\n }\n\n .spg-panel-group__title,\n .spg-nested-panel__title {\n @include question_tile;\n }\n\n .spg-paneldynamic__panel-wrapper>.spg-nested-panel,\n .spg-row:last-of-type>div>.spg-nested-panel {\n padding-bottom: 0;\n\n &::after {\n content: none;\n }\n }\n\n .spg-theme-group-caption {\n @include defaultBold;\n color: $foreground-dim;\n\n position: relative;\n top: calc(4 * #{$base-unit});\n padding: calc(1 * #{$base-unit}) 0;\n cursor: auto;\n }\n\n .sv-theme-group_title-action .spg-action-button:hover,\n .sv-theme-group_title-action .spg-action-button:focus {\n background-color: unset;\n }\n\n .sd-panel__header.sd-element__header .spg-action-bar {\n pointer-events: none;\n }\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root {\n .spg-nested-panel__content::after {\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}",".spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n min-width: 0;\n flex: 0 0 max-content;\n}\n.spg-link-wrapper--overriding {\n align-self: end;\n .svc-action-button {\n text-decoration: underline;\n padding: 0;\n border: none;\n margin: 0;\n &:focus,\n &:hover {\n background-color: transparent;\n }\n }\n}",".spg-editor--highlighted {\n .spg-input,\n .spg-input-container,\n .spg-question--location--left,\n .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n box-shadow: 0 0 0 2px $secondary;\n }\n .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n .spg-matrixdynamic__content.spg-text__content {\n outline: 2px solid $secondary;\n outline-offset: -2px;\n\n .spg-input {\n box-shadow: none;\n }\n }\n .svc-action-button {\n background-color: $secondary-light;\n }\n .sv-button-group {\n box-shadow: 0 0 0 1px $secondary;\n border-color: $secondary;\n }\n .spg-checkbox__control + .spg-checkbox__rectangle {\n outline: 2px solid $secondary;\n outline-offset: -2px;\n }\n}\n\n.spg-search-editor_container {\n --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n position: absolute;\n border-bottom: 1px solid $border;\n background: $background-dim;\n padding: calcSize(2);\n height: calcSize(3);\n width: calc(100% - calc(4 * #{$base-unit}));\n display: flex;\n align-items: center;\n}\n\n.spg-search-editor_input {\n @include textEllipsis;\n color: $foreground;\n\n font-family: $font-family;\n font-size: calcSize(1.5);\n font-style: normal;\n font-weight: 600;\n line-height: calcSize(2);\n\n border: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n display: block;\n background: transparent;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n padding-inline-start: calcSize(1);\n padding-inline-end: calcSize(1);\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n $fontSize: calcSize(1.5);\n font-size: Max(16px, #{$fontSize});\n}\n\n.spg-search-editor_input::placeholder {\n color: $foreground-light;\n}\n\n.spg-search-editor_toolbar {\n display: flex;\n gap: calcSize(1.5);\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n}\n.spg-search-editor_toolbar .sv-action-bar {\n gap: calcSize(0.5);\n margin: 0;\n flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n padding: calcSize(0.5);\n height: min-content;\n margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n color: $foreground-light;\n\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: calcSize(1.5);\n line-height: calcSize(2);\n display: flex;\n flex-shrink: 0;\n}\n\n.spg-search-editor_search-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n .sv-svg-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n use {\n fill: $foreground-light;\n }\n }\n}\n","@import \"../variables.scss\";\n\n@import \"blocks/spg-action-bar.scss\";\n@import \"blocks/spg-question.scss\";\n@import \"blocks/spg-input.scss\";\n@import \"blocks/spg-dropdown.scss\";\n@import \"blocks/spg-comment.scss\";\n@import \"blocks/spg-panel.scss\";\n@import \"blocks/spg-checkbox.scss\";\n@import \"blocks/spg-matrixdynamic.scss\";\n@import \"blocks/spg-table.scss\";\n@import \"blocks/spg-question-group.scss\";\n@import \"blocks/spg-color-editor.scss\";\n@import \"blocks/spg-file-edit.scss\";\n@import \"blocks/spg-link\";\n@import \"blocks/spg-theme-builder.scss\";\n@import \"blocks/spg-overriding.scss\";\n@import \"blocks/spg-search-editor.scss\";\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-right: 1px solid $border;\n box-sizing: border-box;\n @include disableAnimations;\n}\n\n.spg-container {\n width: 100%;\n @include disableTransitionAnimations;\n}\n\n.spg-container.spg-container_search {\n height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n top: calcSize(7);\n margin-top: 1px;\n height: calc(100% - 1px - calcSize(7));\n overflow: auto;\n}\n\n.sv-popup--modal {\n &.sv-property-editor .sv-popup__container {\n .sv-popup_shadow {\n background-color: transparent;\n }\n\n .sd-root-modern {\n background-color: transparent;\n }\n\n .sd-page {\n margin: 0;\n padding: 0;\n }\n\n .sv-components-column--expandable {\n min-width: calcSize(78);\n }\n }\n\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n\n .sd-body,\n .sl-body {\n min-width: calcSize(78);\n }\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n}\n\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-title {\n .spg-action-bar {\n margin-top: calcSize(-1);\n margin-bottom: calcSize(-1);\n margin-right: 1px;\n }\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calcSize(3);\n}\n\n.spg-title-toolobar--single-help-action {\n justify-content: flex-start;\n padding-left: calcSize(0.5);\n\n // flex-grow: 0;\n // margin-left: 0;\n // padding-left: 0;\n\n .spg-help-action {\n flex-grow: 1;\n .spg-action-button--icon {\n opacity: 0.5;\n padding: calcSize(0.5);\n }\n\n .spg-action-button--icon:focus,\n .spg-action-button--icon:hover {\n opacity: 1;\n }\n\n .spg-action-button:active {\n opacity: 0.5;\n }\n\n svg {\n fill: $foreground-dim-light;\n }\n }\n}\n","@import \"../variables.scss\";\n\n.svc-text {\n font-family: $font-family;\n font-style: normal;\n font-weight: normal;\n color: $foreground;\n}\n\n.svc-text--normal {\n font-size: calcSize(2);\n line-height: calcSize(3);\n}\n\n.svc-text--small {\n font-size: calcSize(1.5);\n line-height: calcSize(2);\n}\n\n.svc-text--bold {\n font-weight: 600;\n}\n",".svc-text {\n font-family: var(--sjs-font-family, var(--font-family));\n font-style: normal;\n font-weight: normal;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-text--normal {\n font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--small {\n font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--bold {\n font-weight: 600;\n}","@import \"../variables.scss\";\n\n.svc-flex-container {\n display: flex;\n}\n\n.svc-flex-row {\n display: flex;\n flex-direction: row;\n background: $background-dim;\n}\n\n.svc-full-container {\n height: 100%;\n width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n height: calcSize(60);\n min-height: calcSize(60);\n flex-grow: 1;\n}\n.svc-flex-row__element--growing {\n flex: 1;\n overflow: auto;\n}\n\n.svc-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n height: calcSize(5);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calcSize(4);\n}\n.svc-creator--mobile {\n .sv-action-bar-separator {\n height: calcSize(3);\n }\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n font-weight: 600;\n align-items: center;\n}\n\n.svc-top-bar {\n display: flex;\n background: $background;\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px $border;\n\n .svc-toolbar-wrapper {\n flex: 0 0 auto;\n display: flex;\n\n .sv-action-bar {\n padding: 0 calcSize(1);\n justify-content: flex-end;\n }\n \n .sv-action-bar-separator {\n display: none;\n }\n .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n display: inline-block;\n }\n\n .sv-action .sv-action-bar-item {\n margin: 0 calcSize(1);\n }\n }\n}\n.svc-footer-bar {\n .svc-toolbar-wrapper {\n height: calcSize(6);\n\n .sv-action-bar {\n justify-content: center;\n padding: 0;\n width: 100%;\n\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n box-sizing: border-box;\n }\n }\n}",".svc-flex-container {\n display: flex;\n}\n\n.svc-flex-row {\n display: flex;\n flex-direction: row;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-full-container {\n height: 100%;\n width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-grow: 1;\n}\n\n.svc-flex-row__element--growing {\n flex: 1;\n overflow: auto;\n}\n\n.svc-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--mobile .sv-action-bar-separator {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n font-weight: 600;\n align-items: center;\n}\n\n.svc-top-bar {\n display: flex;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.svc-top-bar .svc-toolbar-wrapper {\n flex: 0 0 auto;\n display: flex;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: flex-end;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {\n display: none;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n display: inline-block;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {\n margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-footer-bar .svc-toolbar-wrapper {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {\n justify-content: center;\n padding: 0;\n width: 100%;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n}"],"sourceRoot":""}