survey-creator-core 1.9.102 → 1.9.104

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 (29) hide show
  1. package/fonts.fontless.css +1 -1
  2. package/fonts.fontless.min.css +1 -1
  3. package/package.json +2 -2
  4. package/survey-creator-core.css +53 -50
  5. package/survey-creator-core.fontless.css +52 -49
  6. package/survey-creator-core.fontless.css.map +1 -1
  7. package/survey-creator-core.fontless.min.css +7 -8
  8. package/survey-creator-core.i18n.js +339 -339
  9. package/survey-creator-core.i18n.js.map +1 -1
  10. package/survey-creator-core.i18n.min.js +2 -2
  11. package/survey-creator-core.js +475 -687
  12. package/survey-creator-core.js.map +1 -1
  13. package/survey-creator-core.min.css +8 -9
  14. package/survey-creator-core.min.js +2 -2
  15. package/typings/components/action-container-view-model.d.ts +1 -0
  16. package/typings/components/page.d.ts +1 -0
  17. package/typings/components/tabs/embed-json.d.ts +1 -1
  18. package/typings/components/tabs/embed.d.ts +13 -13
  19. package/typings/components/tabs/logic-theme.d.ts +1 -0
  20. package/typings/components/tabs/theme-custom-questions/font-settings.d.ts +1 -1
  21. package/typings/components/tabs/translation-theme.d.ts +6 -0
  22. package/typings/creator-base.d.ts +1 -15
  23. package/typings/creator-options.d.ts +0 -7
  24. package/typings/creator-settings.d.ts +2 -2
  25. package/typings/editorLocalization.d.ts +1 -0
  26. package/typings/entries/index.d.ts +0 -1
  27. package/typings/localization/english.d.ts +1 -0
  28. package/typings/property-grid/index.d.ts +5 -0
  29. package/typings/questionconverter.d.ts +1 -0
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/embed.scss","webpack://SurveyCreatorCore/embed.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/tabs/theme.scss","webpack://SurveyCreatorCore/theme.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/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,0EEiBe;ADdnB;;ADII;EACE,2DExBI;ADuBV;;ADQI;EACE,iDEcA;ADnBN,C;AEzBA;EACE;EACA,+BDuDY;AExDd;ADGE;EACE;ACDJ;ADKM;;EAEE,+DDmBK;AEtBb;ADQE;EACE;EACA;EACA,+DDWS;ECVT;ACNJ;;ADUA;EACE;ACPF;;ADWE;EACE;EACA;ACRJ,C;ACvBA;EACE;EACA;EACA,4EHiBe;AIlBjB;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF,C;ACbA;EACE;EACA;EACA,4ELiBe;AMlBjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEL3BQ;EK4BR,oELzBmB;EK0BnB;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA,oDL8DU;EK5DV,uELlBW;EKmBX;EACA;EACA;EAEA,+DLZW;EKaX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDLLA;AMEN;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE,+BLjBY;EKkBZ;EACA;EACA;EACA,kFLjCU;EKkCV;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE,iDLtDI;AMiDN,C;AC7FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA;ACDJ;ADIE;EACE;ACFJ;ADKE;EACE;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ;ADQE;EACE;ACNJ;ADSE;EACE;ACPJ;ADUE;EACE;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;ACVJ;ADaE;EACE;ACXJ;ADcE;EACE;ACZJ;ADeE;EACE;ACbJ;ADgBE;EACE;ACdJ;ADiBE;EACE;ACfJ;ADkBE;EACE;AChBJ;ADmBE;EACE;ACjBJ;ADoBE;EACE;AClBJ;ADqBE;EACE;ACnBJ;;ADuBA;EACE;ACpBF;ADsBE;EACE;ACpBJ;ADsBI;EACE;ACpBN;ADwBE;EACE;EACA;ACtBJ;ADyBE;EACE;ACvBJ;AD0BE;EACE;ACxBJ;;AD4BA;EACE;EACA;EACA;ACzBF;;AD4BA;EAEE;;IAEE;EC1BF;AACF,C;ACzHA;EACE;EACA;EACA,4ETiBe;AUlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFTOa;AURjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADKE;EACE;EACA;EACA,iETnBS;ESoBT;EACA;EACA;ACHJ;ADME;EACE;EACA;EACA;EACA;ACJJ;ADMI;EACE;ACJN;ADMI;EACE;ACJN;ADQE;ET8DA;EACA;EACA;EACA;EACA;EShEE;EACA;ACFJ;ADKE;EACE;ACHJ;ADKI;ET6FF;EACA;EACA;ES5FI,+DTxCO;ESyCP;ACFN;;ADOA;ETiGE,+BApHY;EAqHZ;EACA;EACA;EACA,+DAnJW;EAoJX;EACA;EACA;EACA;EACA;EACA;AUpGF,C;AClFA;EACE;EACA;ACFF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EAEA;EACA;EACA;ACDF;ADGE;EAEE,mGXxBY;EWyBZ;ACFJ;ADII;EACE,2DX7BI;AY2BV;;ADOA;EACE;EACA;EACA;ACJF;ADME;EAEE,wFXMQ;EWLR;ACLJ;ADOI;EACE,iDXCA;AYNN;;ADUA;EACE;ACPF;;ADSA;;EAEE;ACNF;;ADUE;EACE;EACA;EACA;ACPJ;ADSE;EACE,iDXnBE;AYYN;;ADUA;EACE,gEX/DU;AYwDZ;;ADUA;;;;;EXkFE,+BA/FY;EAgGZ;EACA;EACA;EACA;EW/EA;EACA,+DXhDW;EWiDX;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE,+DX7DW;EW8DX;EACA;EACA,+BXrCY;EWsCZ;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;ADOE;EACE;ACLJ;;ADSA;EACE;EACA;EACA;EACA;EACA;ACNF;;ADSA;EACE;EACA;EACA;ACNF;ADSI;EACE;EACA;EACA;ACPN;ADUI;EACE;EACA;EACA;ACRN;ADWI;EACE;ACTN;ADeM;EACE;ACbR;ADmBI;EACE;ACjBN;ADuBI;;EACE;ACpBN;ADsBM;;EACE;ACnBR;ADyBI;;EACE;ACtBN;;AD2BA;EACE;ACxBF;AD0BE;EACE;ACxBJ;AD0BE;EACE;ACxBJ;AD0BE;EACE;EACA;EACA,4DX1LM;EW2LN,mGX1LY;EW4LZ,+BXlIU;EWmIV;EACA;EAEA;EACA;EACA;EACA;EAEA;AC3BJ;AD6BE;EACE,uEXzMM;EW0MN,oEXvMiB;AY4KrB;AD8BE;EACE;EACA;EACA;EACA;EACA;EACA;AC5BJ;;ADgCA;EACE;AC7BF;;ADgCA;EACE;EACA;EACA;AC7BF;;AD+BA;EACE;EACA;EACA;AC5BF;;AD+BE;EACE;AC5BJ;;AD+BA;EACE;AC5BF;;AD+BE;EACE;AC5BJ;;AD+BA;EACE,+DXnNW;EWoNX;EACA;EACA;EACA;AC5BF;AD8BE;EACE;AC5BJ;;AD+BA;EACE;AC5BF;;AD8BA;EACE;EACA;EACA;EACA;EACA;AC3BF;;AD8BA;EACE;AC3BF;;AD6BA;EACE;AC1BF;;AD8BE;EACE;AC3BJ;;AD8BA;EACE;AC3BF,C;ACxPA;EACE;EACA;EACA,kFbiBe;AclBjB;;ADKE;EACE;ACFJ;ADIE;EACE;ACFJ;ADIE;EACE;ACFJ;;ADMA;Eb2JE,+BApHY;EAqHZ;EACA;EACA;EACA,+DAnJW;EAoJX;EACA;EACA;EACA;EACA;EACA;Ac7JF;;ADJA;EACE;EACA;ACOF;;ADJA;EACE;EACA;EACA;ACOF;;ADJA;EACE;ACOF;;ADJA;EACE;EACA;EACA;EACA;ACOF;;ADLA;EACE;ACQF;;ADNA;EACE;ACSF;;ADLE;EACE,kFbhCa;EaiCb;ACQJ;;ADJA;EACE;ACOF;;ADJA;;Eb2DE;EACA;EACA;EACA;EACA;Ea5DA,2EbjCiB;EakCjB;ACWF;;ADRA;EACE;EACA;EACA;EACA;EAEA,8FbrDqB;EasDrB;ACUF;;ADPE;EACE;EACA;ACUJ;;ADPA;EACE;EACA;EACA;EACA,uEbpEW;EaqEX;EACA;ACUF;;ADPA;EboCE;EACA;EACA;EACA;EACA;EatCA,+DbhEW;EaiEX;EACA;ACcF;ADbE;EACE;EACA;ACeJ;;ADVE;EACE;ACaJ;;ADTA;EACE;EACA;EACA;EACA;ACYF;;ADTA;EboBE;EACA;EACA;EACA;EarBA;EACA;EACA;EACA;EACA,uEbvGW;EawGX,+Db7FW;Ea8FX;EACA;ACeF;;ADZA;EACE;EACA,kFb9Ge;Ac6HjB,C;ACjJA;EACE;EACA;EACA,4EfiBe;AgBlBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;;ADQE;EACE;EACA;EACA,iEfVS;EeWT;EACA;ACLJ;;ADSA;EACE;EACA;ACNF;;ADSA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+BfSY;EeRZ;EACA,2EfnBiB;EeoBjB;EACA;EACA;ACNF;ADQE;EACE,iEfrCS;EesCT,+Df3BS;AgBqBb;;ADUA;EACE;ACPF;;ADUA;EACE,+DfpCW;AgB6Bb;;ADYE;EAEE;EACA;EACA;ACVJ;;ADcA;EACE,2Ff1BW;AgBeb;ADaE;EAEE,kDf/BG;AgBmBP;;ADgBA;;EAEE,+Ff1Ca;AgB6Bf;ADeE;;;EAEE,mEf/CK;AgBmCT;;ADgBA;EACE,wFftDU;AgByCZ;ADeE;EAEE,6Df3DE;AgB6CN;;ADkBA;EACE,uEfzFW;Ee0FX,kDfjEI;EekEJ;ACfF;;ADkBA;EACE;ACfF;;ADmBE;EACE;AChBJ;;ADoBA;EACE;ACjBF;;ADoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACjBF;;ADoBA;;EAEE;ACjBF;;ADoBA;;EAEE,wFfnGU;AgBkFZ;;ADoBA;EACE;ACjBF;;ADoBA;EACE;ACjBF;;ADoBA;EACE;ACjBF;;ADoBA;;EAEE,2EflIiB;EemIjB;ACjBF;ADmBE;;;EAEE,oEfrKiB;AgBqJrB;;ADqBE;EACE;EACA;EACA;EACA;EACA;AClBJ;ADoBI;EACE;EACA;AClBN;ADsBE;EACE;EACA;EACA;ACpBJ;ADuBE;EACE;EACA;ACrBJ;ADuBI;EAEE,uEfjLO;EekLP,wEf9JS;AgBwIf;AD0BE;EACE,+Df5KS;Ee6KT;ACxBJ;AD2BE;EACE;EACA;ACzBJ;;AD6BA;EACE,+Bf5JY;AgBkId;AD4BE;EACE;EACA;EACA;EACA;EACA;AC1BJ;AD6BE;EACE;AC3BJ;AD8BE;EACE;AC5BJ;;ADgCA;EACE;EACA;AC7BF;;ADiCE;EACE;EACA;EACA;AC9BJ;ADiCE;EACE;AC/BJ;ADkCE;EACE;AChCJ;;ADoCA;EACE;ACjCF;;ADoCA;EACE;EACA;EACA;ACjCF;;ADoCA;EACE;EACA;EACA;EACA;EACA;EACA,iEf1PW;Ee2PX,wEfvOa;EewOb;EACA;ACjCF;;ADoCA;EACE,+Bf3NY;Ee4NZ;EACA;EACA;EACA;EACA;EACA,2Ef3PiB;Ee4PjB;EACA;ACjCF;;ADoCA;EACE,6DfpPI;AgBmNN,C;AC/PA;EACE;EACA;EACA,4EjBiBe;AkBlBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADMI;EACE;ACHN;ADME;EACE;ACJJ;ADME;EACE;ACJJ;ADME;EACE;EACA;EACA;EACA;EACA;ACJJ;ADMI;EACE;ACJN;ADOI;EACE;EACA;ACLN;ADSE;EACE;ACPJ;ADUE;;EAEE;ACRJ;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;ACTF;;ADYA;EACE;ACTF,C;AC9EE;EACE;EACA;EACA;ACFJ;ADMM;EACE;EACA;EACA;ACJR;ADUI;EACE;ACRN;ADWE;EACE;ACTJ;ADWE;EACE;EACA;EACA;ACTJ;ADUI;EACE;ACRN;ADUI;EACE;EACA;ACRN;ADYE;EACE;ACVJ;ADWI;EACE;ACTN;ADYE;EACE;ACVJ;ADWI;EACE;EACA;EACA;ACTN;ADWM;EACE;ACTR;ADWM;EACE;ACTR;ADYM;EACE;EACA;EACA;ACVR;ADYM;EACE;ACVR;ADeI;EACE;ACbN;ADgBE;EACE;ACdJ;ADiBE;EACE;EACA;ACfJ;ADgBI;EACE;ACdN;ADkBI;EACE;AChBN;ADkBQ;EACE;AChBV;ADiBU;EACE;ACfZ,C;AC3EA;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;ADKE;EACE;EACA;EACA,iErBnBS;EqBoBT;EACA;EACA;ACHJ;ADME;EACE;EACA;EACA;EACA;ACJJ;ADMI;EACE;ACJN;ADMI;EACE;ACJN;ADQE;ErB8DA;EACA;EACA;EACA;EACA;EqBhEE;EACA;ACFJ;ADKE;EACE;ACHJ;ADKI;ErB6FF;EACA;EACA;EqB5FI,+DrBxCO;EqByCP;ACFN;;ADOA;ErBiGE,+BApHY;EAqHZ;EACA;EACA;EACA,+DAnJW;EAoJX;EACA;EACA;EACA;EACA;EACA;AsBpGF,C;ACnFA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA,iEvBWW;EuBVX;EACA;EACA,wEvB6Bc;EuB5Bd;EACA,+DvBiBW;EuBhBX;EACA;EACA;EAEA;EvBsGA;EACA;EACA;EACA;EACA;AwBtGF;;ADCA;EACE,6DvBoBI;EuBnBJ;EACA;ACEF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;;ACpCA;;EAEE;EACA;EACA;EACA;EAEA;ADsCF;ACpCE;;EACE;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;EACA,mEzBUK;AwB6BT;ACpCE;;EACE;ADuCJ;ACpCE;;EACE;EACA,sFzBHe;AwB0CnB;;ACnCA;EACE;EzB+HA;EACA;EACA;EACA;AwBxFF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;EACA;EACA,uCzBiFe;AwBzCjB;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACpCE;EACE;EACA;EACA,iEzBxES;EyByET;ADuCJ;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,2EzBlGU;EyBmGV;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,uEzB9FW;EyB+FX;EACA;EACA,wEzB5Ec;EyB6Ed;ADsCF;;ACnCA;EACE,oEzBxHmB;EyByHnB,+BzBjEY;EyBkEZ;EACA;EACA;EACA;ADsCF;ACpCE;EACE,oEzBhIiB;EyBiIjB;ADsCJ;;AClCA;EACE;EACA;EACA;EACA,qEzBtIU;EyBuIV;ADqCF;;AClCA;EACE;EACA;ADqCF;;AClCA;EACE;EACA;ADqCF,C;AEzLE;EACE;EACA;ACFJ;;ADKA;EAME;ACPF;ADEE;EACE;EACA;ACAJ;ADIE;EACE;EACA;EACA;EACA;ACFJ;ADGI;EACE;EACA,2E1BWa;A2BZnB;ADIE;;EAEE;ACFJ;ADIE;EACE;ACFJ;;ADMA;EACE;EACA;EACA;ACHF;;ADMA;EACE;ACHF;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+B1BEY;E0BDZ;EACA,2E1B1BiB;E0B2BjB;ACHF;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACHF;;ADKA;EACE;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;ACFF;ADGE;EACE,2D1BlGM;A2BiGV;;ADKA;EACE;EACA;EACA;ACFF;ADGE;EACE;ACDJ;ADGE;EACE;ACDJ;;ADME;EAEE;ACJJ;;ADSE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;ACPJ;;ADWE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE1BzHS;E0B0HT;ACRJ;;ADYE;EACE;ACTJ;;ADaE;EACE;ACVJ;;ADcE;EACE;ACXJ;ADeM;EACE;ACbR;;ADoBE;;EACE;AChBJ;;ADqBI;EACE;EACA;EACA;AClBN;ADsBI;EACE;ACpBN;;AD0BI;EACE;EACA;ACvBN;;AD8BI;EACE;AC3BN,C;AC7KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uE5BcW;E4BbX,wE5BiCa;E4BhCb;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,+D7BKW;AwBqBb,C;AMnDA;;EAEE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,0E9BgBe;A+BjBnB;;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;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;ACVF;;ADkBI;;;;EACE;EACA;ACZN;ADgBE;;;;EACE;EACA;ACXJ,C;AC5EA;;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,6DhCfO;AiCMT;;ADaE;EACE;EACA;EACA;EACA;EACA,iEhCxCS;EgCyCT;ACVJ;;ADcA;EhCgGE;EACA;EACA;EgC/FA;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,+DhCxGS;EgCyGT;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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;ADWE;EACE,0ElC3De;AmCkDnB;ADYE;EACE,kFlC1Ea;AmCgEjB;ADaE;EACE,mGlCnGY;AmCwFhB;;ADeA;EACE;EACA;EACA,qElCrGU;EkCsGV;EACA;EACA;EACA;ACZF,C;ACjGA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEpCFW;EoCGX,wEpCiBa;EoChBb;ACDF;ADGE;EACE;ACDJ;ADIE;EACE;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;ACHF;;ADOE;EACE;EACA;EACA;ACJJ;ADOE;EACE;ACLJ;ADQE;EACE;EACA;EACA;ACNJ;ADUI;EACE;ACRN;;ADcE;EACE;EACA;EACA;ACXJ;;ADeA;EACE;EACA;EACA;EACA,qEpC1EU;EoC2EV;EACA;EACA;ACZF;;ADeA;EACE;EACA;EACA;EACA,qEpCpFU;EoCqFV;EACA;EACA;ACZF;;ADiBE;;EACE;ACbJ;ADkBE;;EACE;ACfJ,C;AC1FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;ADAI;EAEE;ACCN;;ACpBA;EACE;EACA;EACA;EACA;EACA;EACA;ADuBF;;ACpBA;EACE;EACA;EACA;ADuBF;ACrBE;EACE;ADuBJ;ACpBM;EACE;ADsBR;ACpBQ;EACE;EACA;ADsBV;;ACfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iExCtBW;EwCuBX,wExCHa;EwCIb;ADkBF;;ACdE;EACE;EACA;EACA;ADiBJ;ACdE;EACE;EACA;EACA;ADgBJ;ACbE;EACE,+DxC9BS;AuC6Cb;ACZE;EACE,8ExCtBW;AuCoCf;ACXE;EACE,+DxCtCS;EwCuCT;ADaJ;;ACTA;EACE;ADYF;;ACTA;EACE,2ExC/CiB;AuC2DnB;;ACTA;EACE;EACA;EACA;EACA;EACA;ADYF;ACVE;EACE;EACA;ADYJ;ACVI;EACE;EACA;ADYN;ACTI;ExC+DF;EACA;EACA;EwC9DI;EACA;ADYN;ACTI;EACE;EACA;ADWN;ACPE;EACE;ADSJ;ACNE;EACE;ADQJ;;ACJA;;EAEE;ADOF;;ACJA;EACE;ADOF;;ACFE;;EACE;ADMJ;;ACFA;EACE,wFxCnHqB;AuCwHvB;ACHE;EACE,2ExC5Ge;AuCiHnB;ACDI;EACE;ADGN;;ACGE;EACE;EACA;ADAJ;;ACIA;EACE;EACA;EACA;EACA,uExC7IW;EwC8IX,+DxCnIW;EwCoIX;EACA;EACA;EACA;EACA;EACA,wExC9Ha;EA6Hb;EACA;EACA;EACA;EwCAA;EACA;EACA;EACA;ADEF;;ACCA;EACE,2DxClLQ;AuCoLV;;ACCA;EACE;ADEF;;ACCA;ExC/DE;EACA;EACA;EACA;EACA;EwC6DA;EACA;ADMF;;ACHA;EACE;EACA;EACA;ADMF;;ACDE;;EACE;EACA;EACA,6FxCzMY;AuC8MhB;ACHI;;EACE;ADMN;;ACDA;EACE;EACA;EACA;EACA,qExChNU;EwCiNV;EACA;EACA;ADIF;;ACDA;EACE;EACA;EACA;EACA,qExC1NU;EwC2NV;EACA;EACA;ADIF;;ACDA;EACE;EACA;EACA;EACA,qExCpOU;EwCqOV;EACA;EACA;ADIF;;ACDA;EACE;EACA;EACA;EACA,qExC9OU;EwC+OV;EACA;EACA;ADIF;;ACEI;;EACE;EACA;ADEN;ACGI;;EACE;EACA;ADAN;ACIE;;EACE;ADDJ;ACIE;;EACE;ADDJ;;ACME;EACE;EACA;EACA;ADHJ;;ACUE;;;;EAEE;ADLJ;;ACSA;EACE;EACA;EACA;EACA;ADNF;;ACSA;EACE;ADNF;;ACSA;EACE;ADNF;;ACWE;EACE;EACA;EACA;ADRJ;ACUI;EACE;EACA;ADRN;;ACaA;EACE;EACA;ADVF;ACYE;EACE;ADVJ;ACaE;EACE;ADXJ;ACcE;EACE;EACA;ADZJ;;ACkBA;EACE;ADfF;;ACkBA;EACE;EACA;ADfF;;ACkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADfF;;ACkBA;EACE;EACA;EACA;ADfF;ACiBE;EACE,0ExChVe;AuCiUnB;;ACqBE;;EACE;EACA;ADjBJ;ACqBI;;EACE;ADlBN;ACqBI;;EACE;ADlBN;ACsBE;;EACE;EACA;EACA;ADnBJ;ACsBE;;EACE;EACA;ADnBJ;ACsBE;;EACE;EACA;ADnBJ;;ACuBA;EACE;ADpBF;;ACuBA;EAKE;ADxBF;ACoBE;EACE;ADlBJ;;AC0BE;;EAEE;ADvBJ;;AC2BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADxBF;;AC2BA;EACE;EACA;EACA;EACA;ADxBF;;AC2BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uExCnbW;EwCobX;EACA;EAEA;EACA;ADzBF;AC2BE;EACE;ADzBJ;AC4BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DxC1dM;AuCgcV;;AC8BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;EACA;EACA;ADxCF;ACyBE;EACE,0ExC3ce;AuCobnB;AC0BE;EACE,kFxC1da;AuCkcjB;AC2BE;EACE,mGxCnfY;AuC0dhB;;ACmCE;EACE;ADhCJ;ACmCE;EACE;ADjCJ;ACoCE;EACE;EACA;ADlCJ;;ACuCE;EACE;EACA;ADpCJ;ACsCI;EACE;ADpCN;ACwCE;EACE;EACA;ADtCJ;ACyCE;EACE;ADvCJ;AC0CE;EACE;ADxCJ;AC4CI;EACE,iExChhBO;EwCihBP;AD1CN;AC4CM;EACE,0ExCxgBW;AuC8dnB;;ACiDE;EACE;AD9CJ;;ACmDE;EACE;ADhDJ,C;AEpgBA;EACE;ACFF;;ADKA;EACE;ACFF;;ADMA;EACE;ACHF;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;EAEA;ACLF,C;AClBA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;;EAEE;ACFF;;ADKA;EACE;ACFF,C;ACvBA;EACE;ACDF;;ADKE;EACE;ACFJ;;ADOE;EACE;ACJJ;;ADSE;EACE;EACA;ACNJ;ADQI;EACE;EACA;EACA;ACNN;ADQE;EACE;EACA;EACA;EACA;ACNJ;ADQE;EACE;EACA;ACNJ,C;AC5BA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADME;;EACE;EACA;ACFJ;ADIE;;EACE;ACDJ;;ADME;EACE;ACHJ;ADME;EACE;ACJJ;;ADQA;EACE,iE/CXW;E+CYX,wE/CUa;E+CTb;EACA;EACA;E/CoIA;EACA;EACA;EACA;AgDxIF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;ACFJ;;ADMA;EACE;ACHF;;ADMA;EACE;ACHF;;ADQE;;EACE;ACJJ;;ADQA;EACE;EACA;EACA;ACLF;ADOE;EACE;ACLJ;ADQE;EACE,8D/CzDS;AgDmDb;;ADSA;EACE,0E/C5DiB;E+C6DjB;EACA;ACNF;;ADUE;EACE,iD/CtDE;AgD+CN;;ADYE;EACE,2D/C1GM;AgDiGV;;ADeE;EAEE,mG/CjHY;AgDoGhB;;ADmBE;EAEE,wF/C3EQ;AgD0DZ;;ADqBA;EACE;AClBF;;ADwBI;;EAEE,2E/CtGa;AgDiFnB;ADwBI;EACE;ACtBN;AD0BE;EACE,4E/C1Ha;AgDkGjB;AD0BI;EACE;ACxBN;;AD8BE;EACE;EACA;AC3BJ;AD6BE;EACE;AC3BJ;;ADgCE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;ADiCE;EACE;AC/BJ;;ADoCE;EACE;ACjCJ;ADoCE;EACE;AClCJ;;ADsCA;EACE;EACA;EACA;ACnCF;;ADsCA;EACE;IACE;ECnCF;EDsCA;IACE;ECpCF;AACF;ADuCA;EACE;EACA;EACA;ACrCF;;ADwCA;EACE;IACE;ECrCF;EDwCA;IACE;ECtCF;AACF;ADyCA;EACE;EACA,4E/CtMe;E+CuMf;EACA;EACA;EACA;EACA;EACA;ACvCF,C;ACzLA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADEE;EACE;EACA;ACAJ;;ADIE;EACE;EACA,mGjDjBY;AkDgBhB;ADGE;EACE;EACA;ACDJ;;ADKA;EACE;ACFF;;ADKA;EACE;EACA;EACA;ACFF;;ADKA;EACE;EACA;ACFF;;ADKA;EACE;ACFF;;ADME;EACE,2DjD/CM;AkD4CV;;ADQE;EAEE,mGjDrDY;AkD+ChB;;ADUA;EACE;EACA;EACA;EACA;EACA;ACPF;;ADUE;EACE;ACPJ;;ADWA;EACE;EACA;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADcE;EACE;ACXJ;ADaE;EACE;ACXJ;;ADeA;EACE;EACA,4EjD1Ee;AkD8DjB;;ADeA;EACE;ACZF;ADaE;EACE;ACXJ,C;ACjFA;EACE;ACTF;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;ADUE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;ACTF;;ADYA;EACE;EACA;EACA;EACA;EACA;ACTF;;ADYA;EACE;EACA;EACA;EACA,iEnD7BW;EmD8BX;EACA;EACA;EACA;EACA;ACTF;ADWE;EACE,0EnDzBe;AoDgBnB;;ADaA;EACE;ACVF;;ADaA;EACE;EACA;EACA;ACVF;;ADcE;EACE;EACA;ACXJ;ADcE;EnD0FA;EACA;EACA;EACA;AoDrGF;;ADeI;EACE;ACZN,C;ACxEA;EACE,+BrDwDY;EqDvDZ;EACA;EACA;EACA,uErDcW;EqDbX,wErDiCa;EqDhCb;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA,2ErDgBe;EqDff;ACDJ;ADGI;EACE;ACDN;ADGI;EACE;EACA;ACDN;ADKE;EACE;EACA;EACA;EACA;EACA;EACA;ACHJ;ADKE;EACE;ACHJ;ADII;EACE;EACA;ACFN;ADIM;EACE;EACA;ACFR;ADIQ;EACE;ACFV;ADIU;EACE,0ErDlBO;AsDgBnB;ADMQ;EACE;EACA;ACJV;ADQM;EACE;EACA,kFrDzCS;EqD0CT;EACA;EACA;EACA,2ErDlCW;AsD4BnB;ADQQ;EACE;ACNV;ADUM;EACE;EACA;EACA;EACA;EACA;ACRR;ADUQ;EACE;EACA;EACA;ACRV;ADUQ;EACE;EACA;ACRV;ADYM;EACE;ACVR;ADaM;EACE;ACXR;ADaQ;EACE,2ErDnES;AsDwDnB,C;ACxFA;EACE;EACA;ACAF;;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;EACA;EACA;ACEJ;;ADEA;EACE;EACA,2EvDYiB;EuDXjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE,mGvDjCY;EuDkCZ;ACEJ;ADDI;EACE,2DvDrCI;AwDwCV;ADAE;EACE;EACA;ACEJ;;ADEA;EACE,0EvDdiB;AwDenB;;ADCA;EACE;ACEF;ADDE;EACE;ACGJ;;ADAA;EACE;EACA;EACA;EACA;EACA;EACA;ACGF;;ADDA;EACE;ACIF;;ADDE;EACE;ACIJ;;ADCE;;EACE;ACGJ,C;AC3EA;EACE;EACA;ACDF;;ADGA;EACE;ACAF;;ADEA;EACE,kDzDoCI;EyDnCJ;EACA;ACCF;;ADCA;;EAEE,wFzD+BU;A0D7BZ,C;AChBA;EACE;EACA;ACDF,C;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E7DuBiB;E6DtBjB;EACA;EACA,iE7DQW;E6DPX;EACA,+B7D4CY;E6D3CZ;ACDF;;ADIA;;EAEE;EACA,+D7DUW;E6DTX;EACA;ACDF;;ADIA;EACE,kF7DNe;E6DOf,2E7DIiB;E6DHjB;ACDF;;ADIA;;EAEE,+D7DHW;E6DIX;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/DIW;E+DHX;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,0EnEWe;AoEdnB;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADQE;EACE,+DnEXS;AoEKb;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;EnE4BE;EACA;EACA;EACA;EACA;EmE7BA;EACA;EACA;EACA;EACA,2EnEpEiB;AoE8EnB;;ADLE;;EACE;EACA;EACA;EACA;ACSJ;ADPI;;EACE;ACUN;;ADJE;;EAEE;EACA;EACA,uEnEtGS;EmEuGT,wEnElFY;EmEmFZ;ACOJ;ADLI;;EACE,+DnEhGO;AoEwGb;ADLI;;EACE,2DnEpII;AoE4IV;;ADHA;;;EAGE,mGnE3Ic;EmE4Id;ACMF;ADJE;;;EACE,2DnEhJM;AoEwJV;;ADDE;;;EACE;ACMJ;;ADCM;EACE;ACER;ADEI;EACE;EACA;EACA;EACA;ACAN;;ADSI;;;;EAOE,+DnExJO;EmEyJP;ACTN;ADGM;;;;EACE,8DnEpJK;EmEqJL;ACER,C;ACrLA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA,mErERO;EqESP;ACDF;;ADIA;EACE;EACA;EACA,4ErE9Be;EqEgCf;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE,+BrEPY;EqEQZ;EACA;EACA;EACA,+DrEtCW;EqEuCX;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;ACFF;;ADMA;EACE,0ErEnDiB;AsEgDnB;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;;ADWI;EACE;ACRN;;ADeE;EACE;EACA;ACZJ,C;ACtGA;EACE;EACA;EACA,+BvEsDY;EuErDZ;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iEvETW;EuEUX;EAEA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uEvEtBW;AwEoBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EvE/Be;EuEgCf;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;EACA;EACA,kFvE9De;AwE2DjB;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;ACHF;ADKE;EACE,sFvE/De;EuEgEf;EACA;EACA;EACA;EACA;EACA;EACA;ACHJ;ADME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJJ;;ADQA;EACE;ACLF;ADOE;EACE;EACA;ACLJ;ADQE;EACE;ACNJ;ADSE;EACE;EACA;EACA;ACPJ;ADUE;EACE;ACRJ;;ADYA;EACE;ACTF;;ADcE;EACE;ACXJ;ADcE;EACE;EACA;EACA;EACA;EACA;ACZJ;ADeE;EACE;EACA;ACbJ;ADgBE;EACE;EACA;ACdJ;ADiBE;EACE;EACA;EACA;ACfJ;ADkBE;EACE;EACA,kFvE1Ja;AwE0IjB;ADmBE;EACE;EACA,kFvE/Ja;AwE8IjB;ADmBI;EACE;EACA;ACjBN;;ADuBE;EACE;ACpBJ,C;AC5KA;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,+BzEkCY;EyEjCZ;EACA;EACA;ACEF;ADDE;EAEI;EACA;EACA,mGzEhCU;A0EkChB;ADDM;EACI,2DzEnCA;A0EsCV;;ADCA;EACE;ACEF;ADDE;EACE,0EzETe;A0EYnB;;ADAA;EACE;ACGF;ADFE;EAEE,wFzEFQ;A0EKZ;ADFI;EACI,iDzELF;A0ESN;;ADAA;EACE;ACGF;;ADDA;EACE;EACA;EACA;ACIF;;ADFA;EACE;ACKF;;ADHA;EACE;ACMF;;ADJA;EACE;ACOF;;AC7EA;EACE;EACA;EACA;EACA;ADgFF;;AC9EA;EACE;ADiFF;;AC/EA;EACE;EACA;EACA;EACA;EACA;EACA,+B3E4CY;E2E3CZ,2E3EiBiB;E2EhBjB;EACA;ADkFF;;AC/EA;EACE;EACA,4D3EvBQ;E2EwBR;ADkFF;;AC/EA;;EAEE;ADkFF;;AC/EA;EACE;ADkFF;;AC/EA;EACE;EACA;EACA;EACA;EACA;EACA,+B3EiBY;E2EhBZ;EACA;EACA,2E3EZiB;E2EajB;EACA;EACA;ADkFF;;AC/EA;EACE;EACA;EACA,+D3EtBW;E2EuBX;EACA;ADkFF;;AChFA;EACE;ADmFF;;AChFE;EACE;ADmFJ;;AChFA;EACE;EACA,iE3E/CW;E2EgDX;EACA;EACA;EACA;ADmFF;ACjFE;EACE;ADmFJ;;AC/EA;EACE;EACA;EACA;EACA;EAMA;EACA;AD6EF;ACnFE;EACE;EACA;EACA;ADqFJ;;AC/EA;EACE;ADkFF;ACjFE;EACE;EAKA;EACA;AD+EJ;ACpFI;EAEE;ADqFN;;AC/EA;EACE;EACA;EACA;ADkFF;AChFE;EACE;EACA;ADkFJ;ACjFI;EACE;ADmFN;ACjFI;EACE;EACA;ADmFN;;AC/EA;EACE;EACA,+D3E5FW;E2E6FX,wF3E9EU;E2E+EV;EACA;ADkFF;ACjFE;EACE;EACA;ADmFJ;;AChFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADmFF;;ACjFA;EACE;ADoFF;;AEtOA;EACE;EACA;EACA;EACA;EACA,uE5EgBW;E4EfX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+B5E6CY;E4E5CZ,+D5EiBW;A0EwNb;;AEtOA;EACE,2E5EciB;A0E2NnB;;AEtOA;;;;EAIE;AFyOF;;AEtOA;;EAEE,+D5ECW;E4EAX;AFyOF;;AEtOA;EACE;EACA;EACA;AFyOF;;AEvOA;EACE;EACA;EACA;EACA,iE5EvBW;E4EwBX;EACA;EACA;EACA;EACA;EACA;AF0OF;AEzOE;EACE,4E5E9Ba;A0EyQjB;AEzOE;EACE;AF2OJ;AEzOE;EAEE;EACA,iE5EvCS;A0EiRb;AExOE;EACE;EACA;EACA;AF0OJ;;AEvOA;EACE;AF0OF;;AExOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF2OF;;AEzOA;EACE;EACA;EACA;EACA,+D5EpDW;E4EqDX;EACA,+B5E3BY;E4E4BZ;EACA;EACA;EACA;AF4OF;;AE1OA;EACE;AF6OF;;AE3OA;EACE;EACA;AF8OF;;AG/UA;EACI;EACA;EACA;EACA;EACA;AHkVJ;;AG/UA;EACI;AHkVJ;;AGhVA;EACI;AHmVJ;;AI/VA;EACE;EACA;EACA;EACA;EACA;AJkWF;;AKvWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E/EwBiB;E+EvBjB;EACA;EACA,uE/ESW;E+ERX;EACA,+B/E6CY;E+E5CZ;EACA;EACA;AL0WF;;AKxWA;;EAEE,+D/EWW;E+EVX;EACA;AL2WF;;AKxWE;EACE,kF/ELa;A0EgXjB;;AKxWA;;EAEE;EACA;AL2WF;;AKxWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E/ErBe;E+EsBf;AL2WF;;AKxWE;EACE;EACA;AL2WJ;AKzWE;EACE;AL2WJ;;AKvWE;EACE;AL0WJ;;AMnaA;EACE;EACA;ANsaF;;AMpaA;EACE;ANuaF;AMraE;EACE;ANuaJ;AMraE;EACE,2EhFsBe;A0EiZnB;;AMpaA;EACE,+BhF4CY;EgF3CZ;EACA,+DhFeW;EgFdX;ANuaF;;AMpaA;EACE,iEhFDW;EgFEX;EACA;EACA;EACA;EACA;EAEA;ANsaF;;AMnaE;EACE,kFhFXa;A0EibjB;;AMjaE;EACE,iEhFlBS;A0Esbb;;AMhaA;EACE;EACA;ANmaF;;AMjaA;EACE;ANoaF;;AMlaA;EACE;EACA;EACA;EACA;EACA;EACA,2DhFxDQ;A0E6dV;;AMnaA;EACE,uDhFtBO;A0E4bT;;AMpaA;EACE;EACA;EACA;EACA;EACA;EACA;ANuaF;;AMpaA;EACE;ANuaF;;AMpaA;EACE;EACA;EACA;ANuaF;;AMraA;EACE;EACA;EACA;ANwaF;;AO1fA;EACE;AP6fF;AO5fE;EACE,uEjFkBS;A0E4eb;AO5fE;EACE;EACA;EACA;AP8fJ;;AO1fA;EACE;EACA;EACA;EACA;EACA;AP6fF;AO3fE;EACE,0EjFae;A0EgfnB;;AOzfA;;EAEE;AP4fF;;AOzfA;;EAEE;EACA;EACA;EACA,2EjF5BU;EiF6BV;EACA;AP4fF;;AOzfA;EACE;AP4fF;;AOzfA;EACE;AP4fF;;AO1fA;EACE;EACA;EACA;EACA;EACA;EACA,iEjF/BW;EiFgCX;EACA;AP6fF;AO5fE;EACE;AP8fJ;;AO3fA;EACE;EACA;EACA,2EjF7BiB;A0E2hBnB;;AO5fA;EACE;EACA;EACA;EACA;EACA;EACA,4DjFtEQ;EiFuER,+BjFZY;EiFaZ;EACA;EACA;AP+fF;;AO5fA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP+fF;AO7fE;EACE;EACA;EACA,8DjF3DS;A0E0jBb;;AQ1lBA;EACE;EACA;AR6lBF;;AQ1lBA;EACE;EACA,uElFcW;EkFbX;AR6lBF;AQ3lBE;EACE;AR6lBJ;;AQzlBA;EACE;AR4lBF;AQ1lBE;EACE;AR4lBJ;;AQxlBA;EAKE,4ElFNe;A0E6lBjB;AQ3lBE;EACE;AR6lBJ;;AQvlBA;EACE;AR0lBF;;AQvlBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR0lBF;AQxlBE;EACE;AR0lBJ;AQvlBE;EAEE;ARwlBJ;;AQplBA;EACE;ARulBF;;AQplBA;EACE;EACA;EACA;EACA;EACA;EACA;ARulBF;;AQplBA;EACE;ARulBF;;AQplBA;EACE;ARulBF;;AQnlBE;EACE;ARslBJ;;AQllBA;EACE;EACA;EACA;ARqlBF;;AQllBA;EACE;EACA;EACA,2ElF1DiB;EkF2DjB;EACA,4ElFvEe;EkFwEf;EACA;EACA;EACA;EACA;ARqlBF;AQnlBE;EACE;ARqlBJ;AQllBE;EACE;ARolBJ;;AQhlBA;EACE;ARmlBF;;AShsBE;EACE;ATmsBJ;ASlsBI;EACE;ATosBN;;AUxsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV2sBF;;AUzsBA;EACE;EACA;AV4sBF;AU3sBE;EACE;AV6sBJ;;AU1sBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV6sBF;AU5sBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DpFdS;A0E4tBb;;AU1sBE;EACE;AV6sBJ;;AU1sBA;EACE;AV6sBF;;AWzvBA;EACE;AX4vBF;;AY7vBA;EACE;AZgwBF;;AahwBE;EACE;EACA;EACA;AbmwBJ;AajwBE;EACE;AbmwBJ;AajwBE;EACE;AbmwBJ;Aa9vBM;EACE;AbgwBR;Aa7vBI;EACE;Ab+vBN;Aa7vBI;EACE;EACA;Ab+vBN;Aa9vBM;EACE;AbgwBR;Aa9vBM;EACE;EACA;AbgwBR;Aa/vBQ;EACE;AbiwBV;Aa5vBE;EACE;Ab8vBJ;Aa5vBE;EACE;EACA;Ab8vBJ;Aa7vBI;EACE;EACA;EACA;Ab+vBN;Aa3vBE;EACE;EACA;EACA;Ab6vBJ;Aa5vBI;EACE;EACA;EACA;Ab8vBN;Aa5vBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mEvF9BG;A0E4xBT;Aa5vBI;EACE;Ab8vBN;AazvBI;EACE;Ab2vBN;Aa1vBM;EACE;Ab4vBR;Aa1vBM;EACE;Ab4vBR;Aa3vBQ;EACE;Ab6vBV;AatvBM;EACE;AbwvBR;AavvBQ;EACE;AbyvBV;;Act1BA;EACE;EACA;Ady1BF;;Acv1BA;EACE;Ad01BF;Acz1BE;EACE;EACA;EACA;EACA;Ad21BJ;Ac11BI;EAEE;Ad21BN;;Aet1BA;EACE;EACA;EACA;EACA;Afy1BF;;Aet1BA;EAoBE;Afs0BF;Aex1BI;EACE;Af01BN;Aev1BI;EACE;Afy1BN;Aet1BI;EACE;EACA;Afw1BN;Aep1BE;EACE;Afs1BJ;Aej1BE;;EAEE;Afm1BJ;;Ae/0BA;EACE;Afk1BF;;Ae/0BA;EACE;EACA;Afk1BF;;Ae/0BA;EACE;EACA;EACA;EACA;EACA;Afk1BF;;Ae90BE;EACE;EACA;EACA;Afi1BJ;;Ae70BA;EACE;Afg1BF;;Ae70BA;EACE;Afg1BF,C;AgBj6BA;EACE,+B1FwDY;E0FvDZ;EACA;EACA,+D1F0BW;A2F3Bb;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF,C;ACjBA;EACE;ACDF;;ADIA;EACE;EACA;EACA,4E5Fae;A6FdjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADGA;EACE;ACAF;;ADGE;EACE;ACAJ;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;EACA,iE5FxBW;E4FyBX;EACA;ACAF;ADEE;EACE;EACA;ACAJ;ADEI;EACE;EACA;ACAN;ADGI;EACE;ACDN;;ADME;EACE;EACA;EACA;EACA;EACA;ACHJ;ADKI;EACE;EACA;EACA;EAEA;EACA,iE5FxDO;E4FyDP;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: calc(1 * 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$editor-corner-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n$panel-corner-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-small: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-medium: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n$shadow-large: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--font-family);\n$font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, var(--font-family));\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, $font-size)));\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, var(--font-family));\n$font-pagetitle-weight: var(--sjs-font-pagetitle-weight, 700);\n$font-pagetitle-color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-pagetitle-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, $font-size)));\n\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, var(--font-family));\n$font-pagedescription-weight: var(--sjs-font-pagedescription-weight, 400);\n$font-pagedescription-color: var(\n --sjs-font-pagedescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-pagedescription-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, var(--font-family));\n$font-questiontitle-weight: var(--sjs-font-questiontitle-weight, 600);\n$font-questiontitle-color: var(\n --sjs-font-questiontitle-color,\n var(--sjs-general-forecolor, var(--foreground, #161616))\n);\n$font-questiontitle-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, var(--font-family));\n$font-questiondescription-weight: var(--sjs-font-questiondescription-weight, 400);\n$font-questiondescription-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, $font-size)));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@function calcSize($multiplier) {\n $result: calc(#{$multiplier} * #{$base-unit});\n @return $result;\n}\n\n@function calcFontSize($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcLineHeight($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcCornerRadius($multiplier) {\n $result: calc(#{$multiplier} * #{$corner-radius});\n @return $result;\n}\n\n@mixin smallBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n border: calcSize(0.25) solid $border-light;\n border-radius: calcCornerRadius(1);\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin mediumBold {\n font-family: $font-family;\n font-style: normal;\n font-weight: bold;\n font-size: calcSize(3);\n line-height: calcSize(4);\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 font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calcSize(2);\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","@import \"../../variables.scss\";\n\n.svc-embed-tab__content {\n padding: calcSize(2);\n font-family: $font-family;\n\n .spg-row {\n display: flex;\n\n .spg-question__content {\n\n .spg-comment:disabled,\n .spg-comment:disabled::placeholder {\n color: $foreground;\n }\n }\n }\n\n .spg-question__description {\n line-height: calcSize(3);\n font-size: calcSize(2);\n color: $foreground;\n padding: calcSize(2) 0 calcSize(2) calcSize(2);\n }\n}\n\n.sv-question-embed__title {\n display: none;\n}\n\n.spg-question__nopadding {\n .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\n }\n}",".svc-embed-tab__content {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-family: var(--font-family);\n}\n.svc-embed-tab__content .spg-row {\n display: flex;\n}\n.svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled,\n.svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-embed-tab__content .spg-question__description {\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 color: var(--sjs-general-forecolor, var(--foreground, #161616));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-question-embed__title {\n display: none;\n}\n\n.spg-question__nopadding .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\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}","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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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}","@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 position: absolute;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n}\n\n.svd-simulator-frame {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n pointer-events: none;\n\n &:before {\n content: \" \";\n background-repeat: no-repeat;\n background-position: center;\n width: 100%;\n height: 100%;\n display: block;\n }\n\n &.svd-simulator-frame-landscape:before {\n transform: rotate(-90deg);\n }\n\n &.svd-simulator-iphone4:before {\n background-image: url(../images/simulator/iPhone4.svg);\n }\n\n &.svd-simulator-iphone5:before {\n background-image: url(../images/simulator/iPhone5.svg);\n }\n\n &.svd-simulator-iphone6:before {\n background-image: url(../images/simulator/iPhone6.svg);\n }\n\n &.svd-simulator-iphone6plus:before {\n background-image: url(../images/simulator/iPhone6Plus.svg);\n }\n\n &.svd-simulator-iphone8:before {\n background-image: url(../images/simulator/iPhone8.svg);\n }\n\n &.svd-simulator-iphone8plus:before {\n background-image: url(../images/simulator/iPhone8Plus.svg);\n }\n\n &.svd-simulator-iphonex:before {\n background-image: url(../images/simulator/iPhoneX.svg);\n }\n\n &.svd-simulator-iphonexmax:before {\n background-image: url(../images/simulator/iPhoneXMax.svg);\n }\n\n &.svd-simulator-ipad:before {\n background-image: url(../images/simulator/iPad.svg);\n }\n\n &.svd-simulator-ipadmini:before {\n background-image: url(../images/simulator/iPadMini.svg);\n }\n\n &.svd-simulator-ipadpro:before {\n background-image: url(../images/simulator/iPadPro.svg);\n }\n\n &.svd-simulator-ipadpro13:before {\n background-image: url(../images/simulator/iPadPro13.svg);\n }\n\n &.svd-simulator-androidphone:before {\n background-image: url(../images/simulator/androidPhone.svg);\n }\n\n &.svd-simulator-androidtablet:before {\n background-image: url(../images/simulator/androidTablet.svg);\n }\n\n &.svd-simulator-win10phone:before {\n background-image: url(../images/simulator/win10Phone.svg);\n }\n\n &.svd-simulator-mssurface:before {\n background-image: url(../images/simulator/msSurface.svg);\n }\n\n &.svd-simulator-genphone:before {\n background-image: url(../images/simulator/device-p.svg);\n }\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}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\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 position: absolute;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n}\n\n.svd-simulator-frame {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n pointer-events: none;\n}\n.svd-simulator-frame:before {\n content: \" \";\n background-repeat: no-repeat;\n background-position: center;\n width: 100%;\n height: 100%;\n display: block;\n}\n.svd-simulator-frame.svd-simulator-frame-landscape:before {\n transform: rotate(-90deg);\n}\n.svd-simulator-frame.svd-simulator-iphone4:before {\n background-image: url(../images/simulator/iPhone4.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone5:before {\n background-image: url(../images/simulator/iPhone5.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone6:before {\n background-image: url(../images/simulator/iPhone6.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone6plus:before {\n background-image: url(../images/simulator/iPhone6Plus.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone8:before {\n background-image: url(../images/simulator/iPhone8.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone8plus:before {\n background-image: url(../images/simulator/iPhone8Plus.svg);\n}\n.svd-simulator-frame.svd-simulator-iphonex:before {\n background-image: url(../images/simulator/iPhoneX.svg);\n}\n.svd-simulator-frame.svd-simulator-iphonexmax:before {\n background-image: url(../images/simulator/iPhoneXMax.svg);\n}\n.svd-simulator-frame.svd-simulator-ipad:before {\n background-image: url(../images/simulator/iPad.svg);\n}\n.svd-simulator-frame.svd-simulator-ipadmini:before {\n background-image: url(../images/simulator/iPadMini.svg);\n}\n.svd-simulator-frame.svd-simulator-ipadpro:before {\n background-image: url(../images/simulator/iPadPro.svg);\n}\n.svd-simulator-frame.svd-simulator-ipadpro13:before {\n background-image: url(../images/simulator/iPadPro13.svg);\n}\n.svd-simulator-frame.svd-simulator-androidphone:before {\n background-image: url(../images/simulator/androidPhone.svg);\n}\n.svd-simulator-frame.svd-simulator-androidtablet:before {\n background-image: url(../images/simulator/androidTablet.svg);\n}\n.svd-simulator-frame.svd-simulator-win10phone:before {\n background-image: url(../images/simulator/win10Phone.svg);\n}\n.svd-simulator-frame.svd-simulator-mssurface:before {\n background-image: url(../images/simulator/msSurface.svg);\n}\n.svd-simulator-frame.svd-simulator-genphone:before {\n background-image: url(../images/simulator/device-p.svg);\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\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\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: 72px;\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 .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 .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 @include centerText;\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: 72px;\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: calc(1 * 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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(--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 width: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n overflow: hidden;\n}","@import \"../../variables.scss\";\n@import \"../../colors.scss\";\n\n.sl-table {\n width: 50%;\n margin: 0 25%;\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.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.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 .sv-action-bar-item__icon use {\n fill: $red;\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 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 .sv-action__content {\n width: 100%;\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 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.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n.sl-row--multiple {\n .sl-panel {\n padding-bottom: 0;\n }\n}\n.sl-question__header--left {\n margin-right: calcSize(1);\n}\n.sl-row {\n .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\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.sl-row--multiple .sl-question {\n padding-right: calcSize(1);\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.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.spg-comment.sl-comment {\n height: calcSize(17);\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: calc(1 * 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 font-family: var(--font-family);\n font-style: normal;\n font-weight: bold;\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 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(--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(--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: calc(1 * 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}\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: calc(1 * 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}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: $background-dim;\n}\n\n.st-properties {\n .spg-item.spg-selectbase__label:focus-within {\n outline: 1px dotted $primary;\n }\n .spg-selectbase__label:focus-within {\n outline: none;\n }\n .spg-panel__content .spg-row {\n margin-top: 0;\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.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\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.st-table {\n 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: $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 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",".svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-properties .spg-item.spg-selectbase__label:focus-within {\n outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.st-properties .spg-selectbase__label:focus-within {\n outline: none;\n}\n.st-properties .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-no-strings {\n 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 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\ntd.st-table__cell:first-of-type {\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\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}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\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\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 flex-direction: column;\n display: flex;\n align-items: center;\n position: absolute;\n top: 35%;\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.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.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}",".svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n outline: none;\n font-weight: 600;\n 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 flex-direction: column;\n display: flex;\n align-items: center;\n position: absolute;\n top: 35%;\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(--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.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.svc-logic-placeholder__text {\n 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}","@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 .svc-tab-designer_content {\n width: 100%;\n }\n .sd-title {\n display: flex;\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 padding: 0 calcSize(1);\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}\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 padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 .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 .svc-question__content {\n .sd-question__content {\n .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n }\n }\n }\n\n .svc-question__content--selected {\n .svc-rating-question-controls {\n bottom: calcSize(10);\n }\n }\n .svc-page {\n margin-top: calcSize(1);\n }\n .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n .sd-page {\n padding: calcSize(1) calcSize(2) calcSize(2);\n }\n .svc-page__footer {\n margin-left: calcSize(2);\n margin-right: calcSize(2);\n }\n }\n\n .svc-question__content {\n padding: calcSize(2) calcSize(3) calcSize(3);\n &.svc-question__content--selected {\n padding-bottom: calcSize(8);\n }\n }\n .svc-tab-designer {\n justify-content: initial;\n .sd-title.sd-container-modern__title {\n padding: calcSize(2);\n flex-direction: column-reverse;\n align-items: flex-start;\n\n .svc-logo-image {\n margin-top: 0;\n }\n .svc-logo-image-placeholder {\n margin-left: calcSize(-2);\n }\n\n h3 {\n margin: 0;\n font-size: calcSize(3);\n line-height: calcSize(4);\n }\n h5 {\n margin: 0;\n }\n }\n }\n .svc-tab-designer {\n .sd-container-modern {\n min-width: calcSize(46);\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 .sv-action-bar-item {\n border: 0;\n }\n }\n .svc-page__content-actions {\n .sv-action-bar {\n padding-right: calcSize(1);\n .sv-action {\n .sv-action__content {\n padding-right: 0;\n .sv-action-bar-item__title--with-icon {\n display: none;\n }\n }\n }\n }\n }\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 .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\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: calc(1 * 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 {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-creator--mobile .svc-page__content .svc-page__footer {\n margin-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(2 * 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-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(2 * 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}\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(46 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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\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: 72px;\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 .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 .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 @include centerText;\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: 72px;\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: calc(1 * 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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(--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 width: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n overflow: hidden;\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 width: 100%;\n height: 100%;\n position: relative;\n\n -webkit-font-smoothing: antialiased;\n\n * {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: $border;\n }\n\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: $foreground-light;\n }\n}\n\n.svc-creator__area {\n position: relative;\n\n @include disableUserSelect;\n}\n\n.svc-creator__area.svc-creator__area--with-banner {\n height: calc(100% - calc(4 * #{$base-unit}));\n}\n\n.svc-creator__content-wrapper {\n width: 100%;\n height: calc(100% - calc(8 * #{$base-unit})); // without top toolbar\n}\n\n.svc-creator__content-wrapper--footer-toolbar {\n height: calc(100% - calc(6 * #{$base-unit})); // without footer toolbar\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 position: absolute;\n bottom: calcSize(-4);\n width: 100%;\n height: calcSize(4);\n line-height: calcSize(4);\n background-color: $secondary;\n text-align: center;\n overflow: hidden;\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 font-family: $font-family;\n font-weight: bold;\n font-size: calcSize(2);\n text-transform: uppercase;\n vertical-align: middle;\n\n a {\n color: $primary-foreground;\n text-decoration: none;\n }\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__title {\n .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n }\n}\n.svc-string-editor {\n [contenteditable=\"true\"] {\n user-select: text;\n -webkit-user-select: text;\n }\n\n position: static;\n .sv-string-editor {\n position: relative;\n outline: none;\n word-break: break-word;\n z-index: 12;\n &[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: $foreground-light;\n }\n }\n .sv-string-editor--html,\n .sv-string-editor:focus-within {\n white-space: pre-wrap;\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}\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.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 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 .sv-svg-icon {\n vertical-align: bottom;\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.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.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.sd-boolean {\n .sv-string-editor:focus-within {\n white-space: nowrap;\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 .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\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.sd-table__cell--header {\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 .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\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.svc-string-editor {\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",".sd-element__title .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 word-break: break-word;\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}\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(--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: calc(1 * 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: calc(1 * 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:not(.sd-rating__min-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--header .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--header .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}",".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 }\n}\n\n.svc-tab-designer__page-navigator {\n width: calcSize(5.5);\n position: absolute;\n padding: calcSize(16.5) 0;\n top: 0;\n bottom: 0;\n right: calcSize(1);\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}","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}\n\n.svc-tab-designer__page-navigator {\n width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * 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 $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__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}","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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * 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: calc(1 * 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: calc(1 * 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 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__question-type-selector {\n appearance: none;\n display: flex;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-inline-end: calc(1 * 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}","@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--multiple {\n overflow: auto;\n padding: calcSize(1);\n gap: calcSize(1);\n margin-top: calcSize(2);\n margin-left: 0;\n width: 100%;\n flex-wrap: nowrap;\n background: $background;\n box-shadow: $shadow-small;\n border-radius: calcCornerRadius(1);\n\n &>div {\n padding-left: 0;\n }\n\n .sd-row--multiple {\n overflow: unset;\n }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calcSize(0);\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}\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 .svc-row--drag-over-bottom:after {\n bottom: -4px;\n\n &:last-child {}\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--multiple {\n overflow: auto;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: 0;\n width: 100%;\n flex-wrap: nowrap;\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(1 * var(--sjs-corner-radius, 4px));\n}\n.svc-row .sd-row--multiple > div {\n padding-left: 0;\n}\n.svc-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}\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}",".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.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 {\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: calc(1 * 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.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: 100%;\n width: 100%;\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: 100%;\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 overflow-x: auto;\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-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\n.svc-question__content > div {\n overflow: visible;\n}\n\n.svc-panel__placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-question__content-actions {\n position: absolute;\n display: none;\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 .sv-action--convertTo {\n min-width: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: max-content;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item {\n max-width: 100%;\n flex-direction: row-reverse;\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--with-icon {\n margin-inline-start: 0;\n margin-inline-end: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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\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 display: block;\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-dragged-element-shortcut {\n min-width: 100px;\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 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 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 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: 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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 display: block;\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -6px;\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: -6px;\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-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: flex-end;\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.sd-row--multiple .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.sd-row--multiple .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.sd-row--multiple .svc-question__content .sd-table-wrapper::after {\n right: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content,\n.sd-row--multiple .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.sd-row--multiple .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.sd-row--multiple .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-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__placeholder_frame {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n box-sizing: border-box;\n height: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 background-color: var(--sjs-general-backcolor, var(--background, #fff));\n cursor: pointer;\n user-select: none;\n border: none;\n box-shadow: none;\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: calc(1 * 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}\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: calc(1 * 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: calc(1 * 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.sd-panel .svc-row {\n margin-top: calc(1 * 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}\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: calc(1 * 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\n.svc-question__content .svc-carry-forward-panel {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-question__content--ranking .svc-carry-forward-panel {\n margin-top: 0;\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: 100%;\n width: 100%;\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: 100%;\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 overflow-x: auto;\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-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\n.svc-question__content>div {\n overflow: visible;\n}\n\n.svc-panel__placeholder {\n color: $foreground-light;\n}\n\n.svc-question__content-actions {\n position: absolute;\n display: none;\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 min-width: calcSize(13);\n max-width: max-content;\n\n .sv-action-bar-item {\n max-width: 100%;\n flex-direction: row-reverse;\n }\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n display: inline-block;\n justify-content: left;\n }\n\n .sv-action-bar-item__title--with-icon {\n margin-inline-start: 0; // margin-left\n margin-inline-end: calcSize(0.5); // margin-right\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\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 display: block;\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(2);\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 display: block;\n }\n }\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -6px;\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: -6px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 2px;\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: flex-end;\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.sd-row--multiple {\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-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__placeholder_frame {\n border: 1px dashed $border;\n width: 100%;\n box-sizing: border-box;\n height: calcSize(30);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calcSize(2) calcSize(8);\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 background-color: $background;\n cursor: pointer;\n user-select: none;\n\n border: none;\n box-shadow: none;\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 }\n}\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.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 }\n}\n\n.svc-question__content {\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\n.svc-question__content {\n .svc-carry-forward-panel {\n margin-top: calcSize(2);\n }\n}\n\n.svc-question__content--ranking {\n .svc-carry-forward-panel {\n margin-top: 0;\n }\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__dropdown-choices--wrapper .svc-action-button {\n margin-left: calcSize(6.75);\n margin-top: calcSize(1);\n\n cursor: pointer;\n}\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__dropdown-choices--wrapper .svc-action-button {\n margin-left: calc(6.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-top: calc(1 * 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--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}",".svc-image-question-controls {\n position: absolute;\n top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * 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--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--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}","@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-question__content {\n .sd-rating {\n margin-inline-start: calcSize(9); // margin-left\n width: calc(100% - 9 * #{$base-unit});\n }\n .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n }\n .svc-rating-question-controls {\n display: flex;\n width: calcSize(8);\n min-width: auto;\n justify-content: flex-start;\n }\n .sd-rating__item--fixed-size:focus-within {\n width: unset;\n padding: calcSize(0.5) calcSize(2.5);\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-question__content .sd-rating {\n margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% - 9 * 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}\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}","@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 min-width: calcSize(28);\n }\n .svc-item-value__item {\n padding-right: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {\n margin-left: calcSize(5);\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.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 &.sv-ranking-item__index--empty:empty {\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==);\n }\n }\n}\n\n.sv-ranking {\n .svc-item-value-wrapper {\n align-items: center;\n min-width: calcSize(27);\n }\n .svc-item-value__item {\n padding-right: 0;\n }\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\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}",".svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: calc(1 * 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 min-width: calc(28 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-question__dropdown-choice .svc-item-value__item,\n.sd-selectbase .svc-item-value__item {\n padding-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-question__content .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {\n margin-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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: calc(1 * 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))) calc(1 * 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.sv-ranking-item__index--empty:empty {\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==);\n}\n\n.sv-ranking .svc-item-value-wrapper {\n align-items: center;\n min-width: calc(27 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking .svc-item-value__item {\n padding-right: 0;\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\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}","@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 .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed $border;\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 .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}\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 use {\n fill: $primary;\n }\n}\n\n.svc-image-item-value-controls__add {\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.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 .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 .sd-imagepicker__image {\n height: calcSize(30);\n }\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.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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(1 * 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}","@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.sd-table thead tr th .svc-matrix-cell {\n padding: calcSize(1.5);\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 .svc-question__adorner {\n z-index: 13;\n }\n }\n}",".svc-matrix-cell {\n position: relative;\n}\n\n.sd-table thead tr th .svc-matrix-cell {\n padding: calc(1.5 * 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: calc(1 * 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 .svc-question__adorner {\n z-index: 13;\n}","@import \"../variables.scss\";\n\n.svd-test-results {\n font-family: $font-family;\n width: 80%;\n margin: auto;\n margin-bottom: calcSize(5);\n background-color: $background;\n box-shadow: $shadow-small;\n border-radius: 4px;\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\n .svd-test-results__header-text {\n margin: 0;\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 }\n .svd-test-results__table {\n width: 100%;\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 &: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(--font-family);\n width: 80%;\n margin: auto;\n margin-bottom: calc(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-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: 4px;\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}\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: calc(1 * 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}\n.svd-test-results .svd-test-results__table {\n width: 100%;\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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.svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: calcSize(6);\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 .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-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 &:hover {\n background-color: $primary-light;\n opacity: unset;\n use {\n fill: $primary;\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.svc-logo-image-container {\n position: relative;\n .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.svc-logo-image-container {\n cursor: default;\n}\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n .svc-logo-image-controls {\n display: none;\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}\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}\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-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(--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: calc(1 * 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: calc(1 * 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: calc(1 * 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n display: block;\n padding-left: calc(1 * 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);\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\n}\n\n.svc-toolbox--compact {\n width: calcSize(10.5);\n overflow: visible;\n direction: ltr;\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}\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)));\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\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}\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: calc(1 * 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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * 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}\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 padding: calcSize(1.5) calcSize(1);\n\n .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n }\n}\n\n.svc-side-bar__container-close {\n display: none;\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.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-side-bar__container-actions {\n display: none;\n }\n\n .svc-side-bar__container-title {\n display: block;\n font-weight: bold;\n font-size: calcSize(3);\n line-height: calcSize(4);\n flex: unset;\n }\n\n .svc-side-bar__wrapper {\n top: calcSize(2);\n background: none;\n }\n\n .svc-side-bar__container {\n width: 100%;\n min-width: 338px;\n }\n\n .svc-side-bar__container-header {\n border: unset;\n box-shadow: 0px calcSize(1) calcSize(2);\n border-radius: calcSize(2) calcSize(2) 0px 0px;\n }\n\n .svc-side-bar__container-content {\n height: calc(100% - 20 * #{$base-unit});\n background-color: $background-dim;\n }\n\n .svc-side-bar__container-close {\n display: flex;\n background-color: $background-dim;\n\n .svc-side-bar__container-close-button {\n width: 100%;\n margin: calcSize(2);\n }\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(--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}\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 padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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-side-bar__container-close {\n display: none;\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.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-side-bar__container-actions {\n display: none;\n}\n.sv-mobile-side-bar .svc-side-bar__container-title {\n display: block;\n font-weight: bold;\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 flex: unset;\n}\n.sv-mobile-side-bar .svc-side-bar__wrapper {\n top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: none;\n}\n.sv-mobile-side-bar .svc-side-bar__container {\n width: 100%;\n min-width: 338px;\n}\n.sv-mobile-side-bar .svc-side-bar__container-header {\n border: unset;\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px 0px;\n}\n.sv-mobile-side-bar .svc-side-bar__container-content {\n height: calc(100% - 20 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-mobile-side-bar .svc-side-bar__container-close {\n display: flex;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-mobile-side-bar .svc-side-bar__container-close .svc-side-bar__container-close-button {\n width: 100%;\n margin: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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(--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: calc(1 * 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(--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(--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(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, var(--foreground, #161616));\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: calc(1 * 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: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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: calc(1 * 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 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: 0;\n}\n.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__input {\n flex-grow: 1;\n width: 100%;\n padding: calc(1 * 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(--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: normal;\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-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(--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--expandable:not(.spg-panel__title[aria-expanded=true]):hover, .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):focus {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-panel__title[aria-expanded=true],\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: calc(1 * 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-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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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(--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: calc(1 * 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: calc(1 * 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}\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: calc(1 * 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); /* 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 .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.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 margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) auto 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: 1 1 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-panel__content .spg-panel__content {\n padding: 0;\n padding-bottom: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: none;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__title {\n background-color: transparent;\n box-shadow: none;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content::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-panel__content .spg-panel__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content::after {\n content: none;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content .spg-row {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content::after {\n content: none;\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-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.sv-popup--modal {\n padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\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-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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(1 * 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}",".spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n}\n.spg-question__header {\n width: 100%;\n}\n.spg-question__title {\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__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(3);\n font-size: calcSize(2);\n color: $foreground;\n padding-bottom: calcSize(2);\n white-space: normal;\n}\n.spg-row-narrow__question {\n margin-top: calcSize(-2);\n}\n.spg-row--multiple {\n & > div > .spg-row-narrow__question {\n margin-top: calcSize(-1);\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 .spg-question__title {\n padding: calcSize(1) calcSize(2);\n border-right: 1px solid $border;\n display: inline-block;\n }\n display: flex;\n align-items: center;\n}\n\n.spg-question__content--left {\n flex: 2;\n .spg-input.spg-input.spg-input {\n background-color: transparent;\n &:focus,\n &:focus-within {\n box-shadow: none;\n }\n box-shadow: none;\n border: none;\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 .spg-question__header--location--left {\n min-width: calcSize(8);\n }\n input {\n min-width: calc(max(17 * #{$base-unit}, 100%));\n width: 0;\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 & > div {\n display: flex;\n gap: calcSize(1);\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 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.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\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.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 &:hover {\n background: $background-dim;\n }\n &:active {\n opacity: 0.5;\n }\n &.spg-input__edit-button--disabled,\n &:disabled {\n opacity: 0.25;\n background: $background;\n }\n 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 $red;\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.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.spg-input-container__input:disabled {\n opacity: 0.25;\n}\n.spg-input-container__buttons-container {\n display: flex;\n gap: calcSize(0.5);\n}\n",".spg-dropdown {\n border-radius: 0;\n display: flex;\n padding-right: calcSize(5.5);\n line-height: normal;\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-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.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: $foreground;\n opacity: 0.25;\n cursor: default;\n}\n.spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]) {\n &:hover, &:focus {\n background-color: $background-dim;\n }\n}\n.spg-panel__title[aria-expanded=true],\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.spg-panel__content {\n .spg-row {\n width: 100%;\n margin-top: calcSize(2);\n }\n .spg-row--multiple {\n margin-top: calcSize(1);\n }\n}\n.sv-mobile-side-bar {\n .spg-panel__content {\n padding: 0 calcSize(2) calcSize(5);\n }\n}\n",".spg-checkbox {\n cursor: pointer;\n margin-top: calcSize(2);\n}\n.spg-checkbox--disabled {\n cursor: default;\n\n .spg-checkbox {\n cursor: default;\n }\n .spg-checkbox__caption {\n color: $foreground-light;\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.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.spg-checkbox .spg-checkbox__svg {\n display: none;\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.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: $border;\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//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.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: calcSize(1);\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 }\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); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n.spg-color-editor__color-item {\n display: flex;\n gap: calcSize(2);\n .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: 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 .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.spg-color-editor__color-swatch--disabled {\n .sv-svg-icon {\n opacity: 0.25;\n }\n}\n.spg-color-editor .spg-input__edit-button + * {\n margin-inline-end: calcSize(-0.5);\n}\n",".spg-file-edit__choose-button {\n position: relative;\n}\n",".spg-link {\n display: flex;\n}\n",".spg-theme-builder-root {\n .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calcSize(2);\n }\n .spg-panel__footer {\n margin: calcSize(1) auto 0;\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 .spg-question__header--location--left {\n min-width: auto;\n }\n & > div {\n flex: 1 1 calc(50% - #{$base-unit} * 0.5);\n min-width: auto;\n input {\n min-width: 0;\n }\n .spg-question--location--left {\n height: calcSize(6);\n box-sizing: border-box;\n .spg-input {\n height: auto;\n }\n }\n }\n }\n .sv-button-group {\n overflow: hidden;\n }\n .spg-question__header--location--left {\n width: max-content;\n flex: 0 0;\n .spg-question__title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n //2 level nested\n .spg-panel__content .spg-panel__content {\n padding: 0;\n padding-bottom: calcSize(5);\n box-shadow: none;\n .spg-panel__title {\n background-color: transparent;\n box-shadow: none;\n padding: calcSize(1) 0;\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 & > .spg-row:first-of-type {\n margin-top: 0;\n }\n }\n //3 level nested\n .spg-panel__content .spg-panel__content {\n .spg-panel__content {\n padding-bottom: 0;\n &::after {\n content: none;\n }\n .spg-row {\n margin-top: calcSize(1);\n &:first-of-type {\n margin-top: 0;\n }\n }\n }\n }\n .spg-panel__content {\n .spg-row:last-of-type {\n .spg-panel__content {\n padding-bottom: 0;\n &::after {\n content: none;\n }\n }\n }\n }\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}","@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\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-right: 1px solid $border;\n box-sizing: border-box;\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\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n\n padding: calcSize(4);\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}","@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(--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__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 .sv-action-bar-item {\n margin: 0 calcSize(1);\n }\n }\n}\n.svc-footer-bar {\n .svc-toolbar-wrapper {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\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 }\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__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 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-footer-bar .svc-toolbar-wrapper {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\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}"],"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/tabs/theme.scss","webpack://SurveyCreatorCore/theme.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/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,0EEiBe;ADdnB;;ADII;EACE,2DExBI;ADuBV;;ADQI;EACE,iDEcA;ADnBN,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,oDH8DU;EG5DV,uEHlBW;EGmBX;EACA;EACA;EAEA,+DHZW;EGaX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDHLA;AIEN;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE,+BHjBY;EGkBZ;EACA;EACA;EACA,kFHjCU;EGkCV;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE,iDHtDI;AIiDN;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHnGW;EGoGX;EACA;EACA,wEHlFa;EGmFb;ACLF;ADOE;EACE,iEH5FmB;EG6FnB;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;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA;ACDJ;ADIE;EACE;ACFJ;ADKE;EACE;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ;ADQE;EACE;ACNJ;ADSE;EACE;ACPJ;ADUE;EACE;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;ACVJ;ADaE;EACE;ACXJ;ADcE;EACE;ACZJ;ADeE;EACE;ACbJ;ADgBE;EACE;ACdJ;ADiBE;EACE;ACfJ;ADkBE;EACE;AChBJ;ADmBE;EACE;ACjBJ;ADoBE;EACE;AClBJ;ADqBE;EACE;ACnBJ;;ADuBA;EACE;ACpBF;ADsBE;EACE;ACpBJ;ADsBI;EACE;ACpBN;ADwBE;EACE;EACA;ACtBJ;ADyBE;EACE;ACvBJ;AD0BE;EACE;ACxBJ;;AD4BA;EACE;EACA;EACA;ACzBF;;AD4BA;EAEE;;IAEE;EC1BF;AACF,C;ACzHA;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;EP4DA;EACA;EACA;EACA;EACA;EO9DE;EACA;ACJJ;ADOE;EACE;ACLJ;ADOI;EP2FF;EACA;EACA;EO1FI,+DP1CO;EO2CP;ACJN;;ADSA;EACE,+BPtBY;EOuBZ;EACA;EACA;EACA,+DPrDW;EOsDX;EACA;EACA;EACA;EACA;ACNF,C;ACjFA;EACE;EACA;ACFF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EAEA;EACA;EACA;ACDF;ADGE;EAEE,mGTxBY;ESyBZ;ACFJ;ADII;EACE,2DT7BI;AU2BV;;ADOA;EACE;EACA;EACA;ACJF;ADME;EAEE,wFTMQ;ESLR;ACLJ;ADOI;EACE,iDTCA;AUNN;;ADUA;EACE;ACPF;;ADSA;;EAEE;ACNF;;ADUE;EACE;EACA;EACA;ACPJ;ADSE;EACE,iDTnBE;AUYN;;ADUA;EACE,gET/DU;AUwDZ;;ADUA;;;;;ETkFE,+BA/FY;EAgGZ;EACA;EACA;EACA;ES/EA;EACA,+DThDW;ESiDX;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE,+DT7DW;ES8DX;EACA;EACA,+BTrCY;ESsCZ;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;ADOE;EACE;ACLJ;;ADSA;EACE;EACA;EACA;EACA;EACA;ACNF;;ADSA;EACE;EACA;EACA;ACNF;ADSI;EACE;EACA;EACA;ACPN;ADUI;EACE;EACA;EACA;ACRN;ADWI;EACE;ACTN;ADeM;EACE;ACbR;ADmBI;EACE;ACjBN;ADuBI;;EACE;ACpBN;ADsBM;;EACE;ACnBR;ADyBI;;EACE;ACtBN;;AD2BA;EACE;ACxBF;AD0BE;EACE;ACxBJ;AD0BE;EACE;ACxBJ;AD0BE;EACE;EACA;EACA,4DT1LM;ES2LN,mGT1LY;ES4LZ,+BTlIU;ESmIV;EACA;EAEA;EACA;EACA;EACA;EAEA;AC3BJ;AD6BE;EACE,uETzMM;ES0MN,oETvMiB;AU4KrB;AD8BE;EACE;EACA;EACA;EACA;EACA;EACA;AC5BJ;;ADgCA;EACE;AC7BF;;ADgCA;EACE;EACA;EACA;AC7BF;;AD+BA;EACE;EACA;EACA;AC5BF;;AD+BE;EACE;AC5BJ;;AD+BA;EACE;AC5BF;;AD+BE;EACE;AC5BJ;;AD+BA;EACE,+DTnNW;ESoNX;EACA;EACA;EACA;AC5BF;AD8BE;EACE;AC5BJ;;AD+BA;EACE;AC5BF;;AD8BA;EACE;EACA;EACA;EACA;EACA;AC3BF;;AD8BA;EACE;AC3BF;;AD6BA;EACE;AC1BF;;AD8BE;EACE;AC3BJ;;AD8BA;EACE;AC3BF,C;ACxPA;EACE;EACA;EACA,kFXiBe;AYlBjB;;ADKE;EACE;ACFJ;ADIE;EACE;ACFJ;ADIE;EACE;ACFJ;;ADMA;EX2JE,+BApHY;EAqHZ;EACA;EACA;EACA,+DAnJW;EAoJX;EACA;EACA;EACA;EACA;EACA;AY7JF;;ADJA;EACE;EACA;ACOF;;ADJA;EACE;EACA;EACA;ACOF;;ADJA;EACE;ACOF;;ADJA;EACE;EACA;EACA;EACA;ACOF;;ADLA;EACE;ACQF;;ADNA;EACE;ACSF;;ADLE;EACE,kFXhCa;EWiCb;ACQJ;;ADJA;EACE;ACOF;;ADJA;;EX2DE;EACA;EACA;EACA;EACA;EW5DA,2EXjCiB;EWkCjB;ACWF;;ADRA;EACE;EACA;EACA;EACA;EAEA,8FXrDqB;EWsDrB;ACUF;;ADPE;EACE;EACA;ACUJ;;ADPA;EACE;EACA;EACA;EACA,uEXpEW;EWqEX;EACA;ACUF;;ADPA;EXoCE;EACA;EACA;EACA;EACA;EWtCA,+DXhEW;EWiEX;EACA;ACcF;ADbE;EACE;EACA;ACeJ;;ADVE;EACE;ACaJ;;ADTA;EACE;EACA;EACA;EACA;ACYF;;ADTA;EXoBE;EACA;EACA;EACA;EWrBA;EACA;EACA;EACA;EACA,uEXvGW;EWwGX,+DX7FW;EW8FX;EACA;ACeF;;ADZA;EACE;EACA,kFX9Ge;AY6HjB,C;ACjJA;EACE;EACA;EACA,4EbiBe;AclBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;;ADQE;EACE;EACA;EACA,iEbVS;EaWT;EACA;ACLJ;;ADSA;EACE;EACA;ACNF;;ADSA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+BbSY;EaRZ;EACA,2EbnBiB;EaoBjB;EACA;EACA;ACNF;ADQE;EACE,iEbrCS;EasCT,+Db3BS;AcqBb;;ADUA;EACE;ACPF;;ADUA;EACE,+DbpCW;Ac6Bb;;ADYE;EAEE;EACA;EACA;ACVJ;;ADcA;EACE,2Fb1BW;Aceb;ADaE;EAEE,kDb/BG;AcmBP;;ADgBA;;EAEE,+Fb1Ca;Ac6Bf;ADeE;;;EAEE,mEb/CK;AcmCT;;ADgBA;EACE,wFbtDU;AcyCZ;ADeE;EAEE,6Db3DE;Ac6CN;;ADkBA;EACE,uEbzFW;Ea0FX,kDbjEI;EakEJ;ACfF;;ADkBA;EACE;ACfF;;ADmBE;EACE;AChBJ;;ADoBA;EACE;ACjBF;;ADoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACjBF;;ADoBA;;EAEE;ACjBF;;ADoBA;;EAEE,wFbnGU;AckFZ;;ADoBA;EACE;ACjBF;;ADoBA;EACE;ACjBF;;ADoBA;EACE;ACjBF;;ADoBA;;EAEE,2EblIiB;EamIjB;ACjBF;ADmBE;;;EAEE,oEbrKiB;AcqJrB;;ADqBE;EACE;EACA;EACA;EACA;EACA;AClBJ;ADoBI;EACE;EACA;AClBN;ADsBE;EACE;EACA;EACA;ACpBJ;ADuBE;EACE;EACA;ACrBJ;ADuBI;EAEE,uEbjLO;EakLP,wEb9JS;AcwIf;AD0BE;EACE,+Db5KS;Ea6KT;ACxBJ;AD2BE;EACE;EACA;ACzBJ;;AD6BA;EACE,+Bb5JY;AckId;AD4BE;EACE;EACA;EACA;EACA;EACA;AC1BJ;AD6BE;EACE;AC3BJ;AD8BE;EACE;AC5BJ;;ADgCA;EACE;EACA;AC7BF;;ADiCE;EACE;EACA;EACA;AC9BJ;ADiCE;EACE;AC/BJ;ADkCE;EACE;AChCJ;;ADoCA;EACE;ACjCF;;ADoCA;EACE;EACA;EACA;ACjCF;;ADoCA;EACE;EACA;EACA;EACA;EACA;EACA,iEb1PW;Ea2PX,wEbvOa;EawOb;EACA;ACjCF;;ADoCA;EACE,+Bb3NY;Ea4NZ;EACA;EACA;EACA;EACA;EACA,2Eb3PiB;Ea4PjB;EACA;ACjCF;;ADoCA;EACE,6DbpPI;AcmNN,C;AC/PA;EACE;EACA;EACA,4EfiBe;AgBlBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADMI;EACE;ACHN;ADME;EACE;ACJJ;ADME;EACE;ACJJ;ADME;EACE;EACA;EACA;EACA;EACA;ACJJ;ADMI;EACE;ACJN;ADOI;EACE;EACA;ACLN;ADSE;EACE;ACPJ;ADUE;;EAEE;ACRJ;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;ACTF;;ADYA;EACE;ACTF,C;AC9EE;EACE;EACA;EACA;ACFJ;ADMM;EACE;EACA;EACA;ACJR;ADUI;EACE;ACRN;ADWE;EACE;ACTJ;ADWE;EACE;EACA;EACA;ACTJ;ADUI;EACE;ACRN;ADUI;EACE;EACA;ACRN;ADYE;EACE;ACVJ;ADWI;EACE;ACTN;ADYE;EACE;ACVJ;ADWI;EACE;EACA;EACA;ACTN;ADWM;EACE;ACTR;ADWM;EACE;ACTR;ADYM;EACE;EACA;EACA;ACVR;ADYM;EACE;ACVR;ADeI;EACE;ACbN;ADgBE;EACE;ACdJ;ADiBE;EACE;EACA;ACfJ;ADgBI;EACE;ACdN;ADkBI;EACE;AChBN;ADkBQ;EACE;AChBV;ADiBU;EACE;ACfZ,C;AC3EA;EACE;EACA;EACA,4EnBiBe;AoBlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFnBOa;AoBRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iEnBpBS;EmBqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;EnB4DA;EACA;EACA;EACA;EACA;EmB9DE;EACA;ACJJ;ADOE;EACE;ACLJ;ADOI;EnB2FF;EACA;EACA;EmB1FI,+DnB1CO;EmB2CP;ACJN,C;ACrEA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA,iErBWW;EqBVX;EACA;EACA,wErB6Bc;EqB5Bd;EACA,+DrBiBW;EqBhBX;EACA;EACA;EAEA;ErBsGA;EACA;EACA;EACA;EACA;AsBtGF;;ADCA;EACE,6DrBoBI;EqBnBJ;EACA;ACEF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;;ACpCA;;EAEE;EACA;EACA;EACA;EAEA;ADsCF;ACpCE;;EACE;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;EACA,mEvBUK;AsB6BT;ACpCE;;EACE;ADuCJ;ACpCE;;EACE;EACA,sFvBHe;AsB0CnB;;ACnCA;EACE;EvB+HA;EACA;EACA;EACA;AsBxFF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;EACA;EACA,uCvBiFe;AsBzCjB;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACpCE;EACE;EACA;EACA,iEvBxES;EuByET;ADuCJ;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,2EvBlGU;EuBmGV;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,uEvB9FW;EuB+FX;EACA;EACA,wEvB5Ec;EuB6Ed;ADsCF;;ACnCA;EACE,oEvBxHmB;EuByHnB,+BvBjEY;EuBkEZ;EACA;EACA;EACA;ADsCF;ACpCE;EACE,oEvBhIiB;EuBiIjB;ADsCJ;;AClCA;EACE;EACA;EACA;EACA,qEvBtIU;EuBuIV;ADqCF;;AClCA;EACE;EACA;ADqCF;;AClCA;EACE;EACA;ADqCF,C;AEzLE;EACE;EACA;ACFJ;;ADKA;EAME;ACPF;ADEE;EACE;EACA;ACAJ;ADIE;EACE;EACA;EACA;EACA;ACFJ;ADGI;EACE;EACA,2ExBWa;AyBZnB;ADIE;;EAEE;ACFJ;ADIE;EACE;ACFJ;;ADMA;EACE;EACA;EACA;ACHF;;ADMA;EACE;ACHF;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+BxBEY;EwBDZ;EACA,2ExB1BiB;EwB2BjB;ACHF;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACHF;;ADKA;EACE;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;ACFF;ADGE;EACE,2DxBlGM;AyBiGV;;ADKA;EACE;EACA;EACA;ACFF;ADGE;EACE;ACDJ;ADGE;EACE;ACDJ;;ADME;EAEE;ACJJ;;ADSE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;ACPJ;;ADWE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uExBzHS;EwB0HT;ACRJ;;ADYE;EACE;ACTJ;;ADaE;EACE;ACVJ;;ADcE;EACE;ACXJ;ADeM;EACE;ACbR;;ADoBE;;EACE;AChBJ;;ADqBI;EACE;EACA;EACA;AClBN;ADsBI;EACE;ACpBN;;AD0BI;EACE;EACA;ACvBN;;AD8BI;EACE;AC3BN,C;AC7KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uE1BcW;E0BbX,wE1BiCa;E0BhCb;EACA;EACA;EACA;AJCF;AICE;EACE;EACA;EACA;EACA;EACA,4D1BnBM;AsBoBV;;AIGA;EACE,4G1BCgB;AsBDlB;;AIEA;EACE;AJCF;;AK5BA;EACE;EAEA;EACA;EACA;EAEA,4D3BPQ;E2BQR;EACA;EACA;EAEA;AL4BF;AK1BE;EAEE,mG3BfY;E2BgBZ;AL2BJ;;AKvBA;EACE,mE3BtBQ;AsBgDV;;AKvBA;EACE;EACA,+D3BKW;AsBqBb,C;AMnDA;;EAEE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,0E5BgBe;A6BjBnB;;ADKA;EACE;EACA;EACA;ACFF;;ADSI;;;EAEE;ACLN;ADOM;;;EACE,mG5BnCQ;A6BgChB;ADKQ;;;EACE,2D5BvCA;A6BsCV;;ADSE;EACE,mG5B/CY;E4BgDZ;ACNJ;ADQI;EACE,2D5BpDI;A6B8CV;;ADWA;EACE;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;ACVF;;ADkBI;;;;EACE;EACA;ACZN;ADgBE;;;;EACE;EACA;ACXJ,C;AC5EA;;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,6D9BfO;A+BMT;;ADaE;EACE;EACA;EACA;EACA;EACA,iE9BxCS;E8ByCT;ACVJ;;ADcA;E9BgGE;EACA;EACA;E8B/FA;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,iE9B3GI;A+B8FV;;ADoBE;;EACE;EACA;EACA;AChBJ;;AD2BI;;;;;;;;EACE;ACjBN;;ADuBE;EACE,+D9BxGS;E8ByGT;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,8EhC/B+B;AiC4BjC;;ADSE;;;EACE;EACA,8EhCvC6B;AiCmCjC;ADMI;;;EACE;ACFN;;ADOA;EACE;EACA;EACA;EAWA;ACdF;ADKE;EACE;ACHJ;ADME;EACE;EACA;ACJJ;;ADWE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;ADWE;EACE,0EhC3De;AiCkDnB;ADYE;EACE,kFhC1Ea;AiCgEjB;ADaE;EACE,mGhCnGY;AiCwFhB;;ADeA;EACE;EACA;EACA,qEhCrGU;EgCsGV;EACA;EACA;EACA;ACZF,C;ACjGA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iElCFW;EkCGX,wElCiBa;EkChBb;ACDF;ADGE;EACE;ACDJ;ADIE;EACE;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;ACHF;;ADOE;EACE;EACA;EACA;ACJJ;ADOE;EACE;ACLJ;ADQE;EACE;EACA;EACA;ACNJ;ADUI;EACE;ACRN;;ADcE;EACE;EACA;EACA;ACXJ;;ADeA;EACE;EACA;EACA;EACA,qElC1EU;EkC2EV;EACA;EACA;ACZF;;ADeA;EACE;EACA;EACA;EACA,qElCpFU;EkCqFV;EACA;EACA;ACZF;;ADiBE;;EACE;ACbJ;ADkBE;;EACE;ACfJ,C;AC1FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;ADAI;EAEE;ACCN;;ACpBA;EACE;EACA;EACA;EACA;EACA;EACA;ADuBF;;ACpBA;EACE;EACA;EACA;ADuBF;ACrBE;EACE;ADuBJ;ACpBM;EACE;ADsBR;ACpBQ;EACE;EACA;ADsBV;;ACfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEtCtBW;EsCuBX,wEtCHa;EsCIb;ADkBF;;ACdE;EACE;EACA;EACA;ADiBJ;ACdE;EACE;EACA;EACA;ADgBJ;ACbE;EACE,+DtC9BS;AqC6Cb;ACZE;EACE,8EtCtBW;AqCoCf;ACXE;EACE,+DtCtCS;EsCuCT;ADaJ;;ACTA;EACE;ADYF;;ACTA;EACE,2EtC/CiB;AqC2DnB;;ACTA;EACE;EACA;EACA;EACA;EACA;ADYF;ACVE;EACE;EACA;ADYJ;ACVI;EACE;EACA;ADYN;ACTI;EtC+DF;EACA;EACA;EsC9DI;EACA;ADYN;ACTI;EACE;EACA;ADWN;ACPE;EACE;ADSJ;ACNE;EACE;ADQJ;;ACJA;;EAEE;ADOF;;ACJA;EACE;ADOF;;ACFE;;EACE;ADMJ;;ACFA;EACE,wFtCnHqB;AqCwHvB;ACHE;EACE,2EtC5Ge;AqCiHnB;ACDI;EACE;ADGN;;ACGE;EACE;EACA;ADAJ;;ACIA;EACE;EACA;EACA;EACA,uEtC7IW;EsC8IX,+DtCnIW;EsCoIX;EACA;EACA;EACA;EACA;EACA,wEtC9Ha;EA6Hb;EACA;EACA;EACA;EsCAA;EACA;EACA;EACA;ADEF;;ACCA;EACE,2DtClLQ;AqCoLV;;ACCA;EACE;ADEF;;ACCA;EtC/DE;EACA;EACA;EACA;EACA;EsC6DA;EACA;ADMF;;ACHA;EACE;EACA;EACA;ADMF;;ACDE;;EACE;EACA;EACA,6FtCzMY;AqC8MhB;ACHI;;EACE;ADMN;;ACDA;EACE;EACA;EACA;EACA,qEtChNU;EsCiNV;EACA;EACA;ADIF;;ACDA;EACE;EACA;EACA;EACA,qEtC1NU;EsC2NV;EACA;EACA;ADIF;;ACDA;EACE;EACA;EACA;EACA,qEtCpOU;EsCqOV;EACA;EACA;ADIF;;ACDA;EACE;EACA;EACA;EACA,qEtC9OU;EsC+OV;EACA;EACA;ADIF;;ACEI;;EACE;EACA;ADEN;ACGI;;EACE;EACA;ADAN;ACIE;;EACE;ADDJ;ACIE;;EACE;ADDJ;;ACME;EACE;EACA;EACA;ADHJ;;ACUE;;;;EAEE;ADLJ;;ACSA;EACE;EACA;EACA;EACA;ADNF;;ACSA;EACE;ADNF;;ACSA;EACE;ADNF;;ACWE;EACE;EACA;EACA;ADRJ;ACUI;EACE;EACA;ADRN;;ACaA;EACE;EACA;ADVF;ACYE;EACE;ADVJ;ACaE;EACE;ADXJ;ACcE;EACE;EACA;ADZJ;;ACkBA;EACE;ADfF;;ACkBA;EACE;EACA;ADfF;;ACkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADfF;;ACkBA;EACE;EACA;EACA;ADfF;ACiBE;EACE,0EtChVe;AqCiUnB;;ACqBE;;EACE;EACA;ADjBJ;ACqBI;;EACE;ADlBN;ACqBI;;EACE;ADlBN;ACsBE;;EACE;EACA;EACA;ADnBJ;ACsBE;;EACE;EACA;ADnBJ;ACsBE;;EACE;EACA;ADnBJ;;ACuBA;EACE;ADpBF;;ACuBA;EAKE;ADxBF;ACoBE;EACE;ADlBJ;;AC0BE;;EAEE;ADvBJ;;AC2BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADxBF;;AC2BA;EACE;EACA;EACA;EACA;ADxBF;;AC2BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEtCnbW;EsCobX;EACA;EAEA;EACA;ADzBF;AC2BE;EACE;ADzBJ;AC4BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DtC1dM;AqCgcV;;AC8BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;EACA;EACA;ADxCF;ACyBE;EACE,0EtC3ce;AqCobnB;AC0BE;EACE,kFtC1da;AqCkcjB;AC2BE;EACE,mGtCnfY;AqC0dhB;;ACmCE;EACE;ADhCJ;ACmCE;EACE;ADjCJ;ACoCE;EACE;EACA;ADlCJ;;ACuCE;EACE;EACA;ADpCJ;ACsCI;EACE;ADpCN;ACwCE;EACE;EACA;ADtCJ;ACyCE;EACE;ADvCJ;AC0CE;EACE;ADxCJ;AC4CI;EACE,iEtChhBO;EsCihBP;AD1CN;AC4CM;EACE,0EtCxgBW;AqC8dnB;;ACiDE;EACE;AD9CJ;;ACmDE;EACE;ADhDJ,C;AEpgBA;EACE;ACFF;;ADKA;EACE;ACFF;;ADMA;EACE;ACHF;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;EAEA;ACLF,C;AClBA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;;EAEE;ACFF;;ADKA;EACE;ACFF,C;ACvBA;EACE;ACDF;;ADKE;EACE;ACFJ;;ADOE;EACE;ACJJ;;ADSE;EACE;EACA;ACNJ;ADQI;EACE;EACA;EACA;ACNN;ADQE;EACE;EACA;EACA;EACA;ACNJ;ADQE;EACE;EACA;ACNJ,C;AC5BA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADME;;EACE;EACA;ACFJ;ADIE;;EACE;ACDJ;;ADME;EACE;ACHJ;ADME;EACE;ACJJ;;ADQA;EACE,iE7CXW;E6CYX,wE7CUa;E6CTb;EACA;EACA;E7CoIA;EACA;EACA;EACA;A8CxIF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;ACFJ;;ADMA;EACE;ACHF;;ADMA;EACE;ACHF;;ADQE;;EACE;ACJJ;;ADQA;EACE;EACA;EACA;ACLF;ADOE;EACE;ACLJ;ADQE;EACE,8D7CzDS;A8CmDb;;ADSA;EACE,0E7C5DiB;E6C6DjB;EACA;ACNF;;ADUE;EACE,iD7CtDE;A8C+CN;;ADYE;EACE,2D7C1GM;A8CiGV;;ADeE;EAEE,mG7CjHY;A8CoGhB;;ADmBE;EAEE,wF7C3EQ;A8C0DZ;;ADqBA;EACE;AClBF;;ADwBI;;EAEE,2E7CtGa;A8CiFnB;ADwBI;EACE;ACtBN;AD0BE;EACE,4E7C1Ha;A8CkGjB;AD0BI;EACE;ACxBN;;AD8BE;EACE;EACA;AC3BJ;AD6BE;EACE;AC3BJ;;ADgCE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;ADiCE;EACE;AC/BJ;;ADoCE;EACE;ACjCJ;ADoCE;EACE;AClCJ;;ADsCA;EACE;EACA;EACA;ACnCF;;ADsCA;EACE;IACE;ECnCF;EDsCA;IACE;ECpCF;AACF;ADuCA;EACE;EACA;EACA;ACrCF;;ADwCA;EACE;IACE;ECrCF;EDwCA;IACE;ECtCF;AACF;ADyCA;EACE;EACA,4E7CtMe;E6CuMf;EACA;EACA;EACA;EACA;EACA;ACvCF,C;ACzLA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADEE;EACE;EACA;ACAJ;;ADIE;EACE;EACA,mG/CjBY;AgDgBhB;ADGE;EACE;EACA;ACDJ;;ADKA;EACE;ACFF;;ADKA;EACE;EACA;EACA;ACFF;;ADKA;EACE;EACA;ACFF;;ADKA;EACE;ACFF;;ADME;EACE,2D/C/CM;AgD4CV;;ADQE;EAEE,mG/CrDY;AgD+ChB;;ADUA;EACE;EACA;EACA;EACA;EACA;ACPF;;ADUE;EACE;ACPJ;;ADWA;EACE;EACA;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADcE;EACE;ACXJ;ADaE;EACE;ACXJ;;ADeA;EACE;EACA,4E/C1Ee;AgD8DjB;;ADeA;EACE;ACZF;ADaE;EACE;ACXJ,C;ACjFA;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,iEjDlCW;EiDmCX;EACA;EACA;EACA;EACA;ACXF;ADaE;EACE,0EjD9Be;AkDmBnB;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;;ADgBE;EACE;EACA;ACbJ;ADgBE;EjDqFA;EACA;EACA;EACA;AkDlGF;;ADgBE;EACE;ACbJ;ADcI;EACE;ACZN,C;AC9EA;EACE,+BnDwDY;EmDvDZ;EACA;EACA;EACA,uEnDcW;EmDbX,wEnDiCa;EmDhCb;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA,2EnDgBe;EmDff;ACDJ;ADGI;EACE;ACDN;ADGI;EACE;EACA;ACDN;ADKE;EACE;EACA;EACA;EACA;EACA;EACA;ACHJ;ADKE;EACE;ACHJ;ADII;EACE;EACA;ACFN;ADIM;EACE;EACA;ACFR;ADIQ;EACE;ACFV;ADIU;EACE,0EnDlBO;AoDgBnB;ADMQ;EACE;EACA;ACJV;ADQM;EACE;EACA,kFnDzCS;EmD0CT;EACA;EACA;EACA,2EnDlCW;AoD4BnB;ADQQ;EACE;ACNV;ADUM;EACE;EACA;EACA;EACA;EACA;ACRR;ADUQ;EACE;EACA;EACA;ACRV;ADUQ;EACE;EACA;ACRV;ADYM;EACE;ACVR;ADaM;EACE;ACXR;ADaQ;EACE,2EnDnES;AoDwDnB,C;ACxFA;EACE;EACA;ACAF;;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;EACA;EACA;ACEJ;;ADEA;EACE;EACA,2ErDYiB;EqDXjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE,mGrDjCY;EqDkCZ;ACEJ;ADDI;EACE,2DrDrCI;AsDwCV;ADAE;EACE;EACA;ACEJ;;ADEA;EACE,0ErDdiB;AsDenB;;ADCA;EACE;ACEF;ADDE;EACE;ACGJ;;ADAA;EACE;EACA;EACA;EACA;EACA;EACA;ACGF;;ADDA;EACE;ACIF;;ADDE;EACE;ACIJ;;ADCE;;EACE;ACGJ,C;AC3EA;EACE;EACA;ACDF;;ADGA;EACE;ACAF;;ADEA;EACE,kDvDoCI;EuDnCJ;EACA;ACCF;;ADCA;;EAEE,wFvD+BU;AwD7BZ,C;AChBA;EACE;EACA;ACDF,C;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E3DuBiB;E2DtBjB;EACA;EACA,iE3DQW;E2DPX;EACA,+B3D4CY;E2D3CZ;ACDF;;ADIA;;EAEE;EACA,+D3DUW;E2DTX;EACA;ACDF;;ADIA;EACE,kF3DNe;E2DOf,2E3DIiB;E2DHjB;ACDF;;ADIA;;EAEE,+D3DHW;E2DIX;EACA,uE3DhBW;A4Deb,C;AClCA;EACE;EACA;EACA;EACA;EACA;ACDF;ADEE;EAEE,kF7DYa;E6DXb;EACA;ACDJ;;ADKA;EACE,iE7DIW;E6DHX;ACFF;ADGE;EAEE;EACA;ACFJ;;ADMA;EACE;EACA,+D7DIW;E6DHX;ACHF;ADIE;EACE,uE7DVS;A8DQb;;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,0EjEWe;AkEdnB;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADQE;EACE,+DjEXS;AkEKb;ADSE;EACE,2DjE/CM;AkEwCV;;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;EjE4BE;EACA;EACA;EACA;EACA;EiE7BA;EACA;EACA;EACA;EACA,2EjEpEiB;AkE8EnB;;ADLE;;EACE;EACA;EACA;EACA;ACSJ;ADPI;;EACE;ACUN;;ADJE;;EAEE;EACA;EACA,uEjEtGS;EiEuGT,wEjElFY;EiEmFZ;ACOJ;ADLI;;EACE,+DjEhGO;AkEwGb;ADLI;;EACE,2DjEpII;AkE4IV;;ADHA;;;EAGE,mGjE3Ic;EiE4Id;ACMF;ADJE;;;EACE,2DjEhJM;AkEwJV;;ADDE;;;EACE;ACMJ;;ADCM;EACE;ACER;ADEI;EACE;EACA;EACA;EACA;ACAN;;ADSI;;;;EAOE,+DjExJO;EiEyJP;ACTN;ADGM;;;;EACE,8DjEpJK;EiEqJL;ACER,C;ACrLA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA,mEnERO;EmESP;ACDF;;ADIA;EACE;EACA;EACA,4EnE9Be;EmEgCf;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE,+BnEPY;EmEQZ;EACA;EACA;EACA,+DnEtCW;EmEuCX;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;ACFF;;ADMA;EACE,0EnEnDiB;AoEgDnB;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;ADOE;EACE;EACA;EACA;EACA;ACLJ;;ADWI;EACE;ACRN;;ADeE;EACE;EACA;ACZJ,C;ACtGA;EACE;EACA;EACA,+BrEsDY;EqErDZ;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iErETW;EqEUX;EAEA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uErEtBW;AsEoBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4ErE/Be;EqEgCf;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;EACA;EACA,kFrE9De;AsE2DjB;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;ACHF;ADKE;EACE,sFrE/De;EqEgEf;EACA;EACA;EACA;EACA;EACA;EACA;ACHJ;ADME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJJ;;ADQA;EACE;ACLF;ADOE;EACE;EACA;ACLJ;ADQE;EACE;ACNJ;ADSE;EACE;EACA;EACA;ACPJ;ADUE;EACE;ACRJ;;ADYA;EACE;ACTF;;ADcE;EACE;ACXJ;ADcE;EACE;EACA;EACA;EACA;EACA;ACZJ;ADeE;EACE;EACA;ACbJ;ADgBE;EACE;EACA;ACdJ;ADiBE;EACE;EACA;EACA;ACfJ;ADkBE;EACE;EACA,kFrE1Ja;AsE0IjB;ADmBE;EACE;EACA,kFrE/Ja;AsE8IjB;ADmBI;EACE;EACA;ACjBN;;ADuBE;EACE;ACpBJ,C;AC5KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;ACEJ;;ADCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DvErBQ;EuEsBR;EACA;EACA;EACA,+BvEkCY;EuEjCZ;EACA;EACA;ACEF;ADDE;EAEI;EACA;EACA,mGvEhCU;AwEkChB;ADDM;EACI,2DvEnCA;AwEsCV;;ADCA;EACE;ACEF;ADDE;EACE,0EvETe;AwEYnB;;ADAA;EACE;ACGF;ADFE;EAEE,wFvEFQ;AwEKZ;ADFI;EACI,iDvELF;AwESN;;ADAA;EACE;ACGF;;ADDA;EACE;EACA;EACA;ACIF;;ADFA;EACE;ACKF;;ADHA;EACE;ACMF;;ADJA;EACE;ACOF;;AC7EA;EACE;EACA;EACA;EACA;ADgFF;;AC9EA;EACE;ADiFF;;AC/EA;EACE;EACA;EACA;EACA;EACA;EACA,+BzE4CY;EyE3CZ,2EzEiBiB;EyEhBjB;EACA;ADkFF;;AC/EA;EACE;EACA,4DzEvBQ;EyEwBR;ADkFF;;AC/EA;;EAEE;ADkFF;;AC/EA;EACE;ADkFF;;AC/EA;EACE;EACA;EACA;EACA;EACA;EACA,+BzEiBY;EyEhBZ;EACA;EACA,2EzEZiB;EyEajB;EACA;EACA;ADkFF;;AC/EA;EACE;EACA;EACA,+DzEtBW;EyEuBX;EACA;ADkFF;;AChFA;EACE;ADmFF;;AChFE;EACE;ADmFJ;;AChFA;EACE;EACA,iEzE/CW;EyEgDX;EACA;EACA;EACA;ADmFF;ACjFE;EACE;ADmFJ;;AC/EA;EACE;EACA;EACA;EACA;EAMA;EACA;AD6EF;ACnFE;EACE;EACA;EACA;ADqFJ;;AC/EA;EACE;ADkFF;ACjFE;EACE;EAKA;EACA;AD+EJ;ACpFI;EAEE;ADqFN;;AC/EA;EACE;EACA;EACA;ADkFF;AChFE;EACE;EACA;ADkFJ;ACjFI;EACE;ADmFN;ACjFI;EACE;EACA;ADmFN;;AC/EA;EACE;EACA,+DzE5FW;EyE6FX,wFzE9EU;EyE+EV;EACA;ADkFF;ACjFE;EACE;EACA;ADmFJ;;AChFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADmFF;;ACjFA;EACE;ADoFF;;AEtOA;EACE;EACA;EACA;EACA;EACA,uE1EgBW;E0EfX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+B1E6CY;E0E5CZ,+D1EiBW;AwEwNb;;AEtOA;EACE,2E1EciB;AwE2NnB;;AEtOA;;;;EAIE;AFyOF;;AEtOA;;EAEE,+D1ECW;E0EAX;AFyOF;;AEtOA;EACE;EACA;EACA;AFyOF;;AEvOA;EACE;EACA;EACA;EACA,iE1EvBW;E0EwBX;EACA;EACA;EACA;EACA;EACA;AF0OF;AEzOE;EACE,4E1E9Ba;AwEyQjB;AEzOE;EACE;AF2OJ;AEzOE;EAEE;EACA,iE1EvCS;AwEiRb;AExOE;EACE;EACA;EACA;AF0OJ;;AEvOA;EACE;AF0OF;;AExOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF2OF;;AEzOA;EACE;EACA;EACA;EACA,+D1EpDW;E0EqDX;EACA,+B1E3BY;E0E4BZ;EACA;EACA;EACA;AF4OF;;AE1OA;EACE;AF6OF;;AE3OA;EACE;EACA;AF8OF;;AG/UA;EACI;EACA;EACA;EACA;EACA;AHkVJ;;AG/UA;EACI;AHkVJ;;AGhVA;EACI;AHmVJ;;AI/VA;EACE;EACA;EACA;EACA;EACA;AJkWF;;AKvWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E7EwBiB;E6EvBjB;EACA;EACA,uE7ESW;E6ERX;EACA,+B7E6CY;E6E5CZ;EACA;EACA;AL0WF;;AKvWA;;EAEE,+D7EUW;E6ETX;EACA;AL0WF;;AKrWE;EAEE,kF7ETa;AwEgXjB;;AKnWA;;EAEE,+D7ELW;E6EMX;ALsWF;;AKnWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E7E1Be;E6E2Bf;ALsWF;;AKlWE;EACE;EACA;ALqWJ;AKlWE;EACE;ALoWJ;;AK/VE;EACE;ALkWJ;;AK7VE;EACE;EACA;ALgWJ;;AMxaA;EACE;EACA;AN2aF;;AMzaA;EACE;AN4aF;AM1aE;EACE;AN4aJ;AM1aE;EACE,2E9EsBe;AwEsZnB;;AMzaA;EACE,+B9E4CY;E8E3CZ;EACA,+D9EeW;E8EdX;AN4aF;;AMzaA;EACE,iE9EDW;E8EEX;EACA;EACA;EACA;EACA;EAEA;AN2aF;;AMxaE;EACE,kF9EXa;AwEsbjB;;AMtaE;EACE,iE9ElBS;AwE2bb;;AMraA;EACE;EACA;ANwaF;;AMtaA;EACE;ANyaF;;AMvaA;EACE;EACA;EACA;EACA;EACA;EACA,2D9ExDQ;AwEkeV;;AMxaA;EACE,uD9EtBO;AwEicT;;AMzaA;EACE;EACA;EACA;EACA;EACA;EACA;AN4aF;;AMzaA;EACE;AN4aF;;AMzaA;EACE;EACA;EACA;AN4aF;;AM1aA;EACE;EACA;EACA;AN6aF;;AO/fA;EACE;APkgBF;AOjgBE;EACE,uE/EkBS;AwEifb;AOjgBE;EACE;EACA;EACA;APmgBJ;;AO/fA;EACE;EACA;EACA;EACA;EACA;APkgBF;AOhgBE;EACE,0E/Eae;AwEqfnB;;AO9fA;;EAEE;APigBF;;AO9fA;;EAEE;EACA;EACA;EACA,2E/E5BU;E+E6BV;EACA;APigBF;;AO9fA;EACE;APigBF;;AO9fA;EACE;APigBF;;AO/fA;EACE;EACA;EACA;EACA;EACA;EACA,iE/E/BW;E+EgCX;EACA;APkgBF;AOjgBE;EACE;APmgBJ;;AOhgBA;EACE;EACA;EACA,2E/E7BiB;AwEgiBnB;;AOjgBA;EACE;EACA;EACA;EACA;EACA;EACA,4D/EtEQ;E+EuER,+B/EZY;E+EaZ;EACA;EACA;APogBF;;AOjgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APogBF;AOlgBE;EACE;EACA;EACA,8D/E3DS;AwE+jBb;;AQ/lBA;EACE;EACA;ARkmBF;;AQ/lBA;EACE;EACA,uEhFcW;EgFbX;ARkmBF;AQhmBE;EACE;ARkmBJ;;AQ9lBA;EACE;ARimBF;AQ/lBE;EACE;ARimBJ;;AQ7lBA;EAKE,4EhFNe;AwEkmBjB;AQhmBE;EACE;ARkmBJ;;AQ5lBA;EACE;AR+lBF;;AQ5lBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR+lBF;AQ7lBE;EACE;AR+lBJ;AQ5lBE;EAEE;AR6lBJ;;AQzlBA;EACE;AR4lBF;;AQzlBA;EACE;EACA;EACA;EACA;EACA;EACA;AR4lBF;;AQzlBA;EACE;AR4lBF;;AQzlBA;EACE;AR4lBF;;AQxlBE;EACE;AR2lBJ;;AQvlBA;EACE;EACA;EACA;AR0lBF;;AQvlBA;EACE;EACA;EACA,2EhF1DiB;EgF2DjB;EACA,4EhFvEe;EgFwEf;EACA;EACA;EACA;EACA;AR0lBF;AQxlBE;EACE;AR0lBJ;AQvlBE;EACE;ARylBJ;;AQrlBA;EACE;ARwlBF;;ASrsBE;EACE;ATwsBJ;ASvsBI;EACE;ATysBN;;AU7sBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVgtBF;;AU9sBA;EACE;EACA;AVitBF;AUhtBE;EACE;AVktBJ;;AU/sBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVktBF;AUjtBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DlFdS;AwEiuBb;;AU/sBE;EACE;AVktBJ;;AU/sBA;EACE;AVktBF;;AW9vBA;EACE;AXiwBF;;AYlwBA;EACE;AZqwBF;;AarwBE;EACE;EACA;EACA;AbwwBJ;AatwBE;EACE;AbwwBJ;AatwBE;EACE;AbwwBJ;AanwBM;EACE;AbqwBR;AalwBI;EACE;AbowBN;AalwBI;EACE;EACA;AbowBN;AanwBM;EACE;AbqwBR;AanwBM;EACE;EACA;AbqwBR;AapwBQ;EACE;AbswBV;AajwBE;EACE;AbmwBJ;AajwBE;EACE;EACA;AbmwBJ;AalwBI;EACE;EACA;EACA;AbowBN;AahwBE;EACE;EACA;EACA;AbkwBJ;AajwBI;EACE;EACA;EACA;AbmwBN;AajwBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mErF9BG;AwEiyBT;AajwBI;EACE;AbmwBN;Aa9vBI;EACE;AbgwBN;Aa/vBM;EACE;AbiwBR;Aa/vBM;EACE;AbiwBR;AahwBQ;EACE;AbkwBV;Aa3vBM;EACE;Ab6vBR;Aa5vBQ;EACE;Ab8vBV;;Ac31BA;EACE;EACA;Ad81BF;;Ac51BA;EACE;Ad+1BF;Ac91BE;EACE;EACA;EACA;EACA;Adg2BJ;Ac/1BI;EAEE;Adg2BN;;Ae31BA;EACE;EACA;EACA;EACA;Af81BF;;Ae31BA;EAoBE;Af20BF;Ae71BI;EACE;Af+1BN;Ae51BI;EACE;Af81BN;Ae31BI;EACE;EACA;Af61BN;Aez1BE;EACE;Af21BJ;Aet1BE;;EAEE;Afw1BJ;;Aep1BA;EACE;Afu1BF;;Aep1BA;EACE;EACA;Afu1BF;;Aep1BA;EACE;EACA;EACA;EACA;EACA;Afu1BF;;Aen1BE;EACE;EACA;EACA;Afs1BJ;;Ael1BA;EACE;Afq1BF;;Ael1BA;EACE;Afq1BF,C;AgBt6BA;EACE,+BxFwDY;EwFvDZ;EACA;EACA,+DxF0BW;AyF3Bb;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF,C;ACjBA;EACE;ACDF;;ADIA;EACE;EACA;EACA,4E1Fae;A2FdjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADGA;EACE;ACAF;;ADGE;EACE;ACAJ;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;EACA,iE1FxBW;E0FyBX;EACA;ACAF;ADEE;EACE;EACA;ACAJ;ADEI;EACE;EACA;ACAN;ADGI;EACE;ACDN;;ADME;EACE;EACA;EACA;EACA;EACA;ACHJ;ADKI;EACE;EACA;EACA;EAEA;EACA,iE1FxDO;E0FyDP;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: calc(1 * 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$editor-corner-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n$panel-corner-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-small: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-medium: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n$shadow-large: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--font-family);\n$font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, var(--font-family));\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, $font-size)));\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, var(--font-family));\n$font-pagetitle-weight: var(--sjs-font-pagetitle-weight, 700);\n$font-pagetitle-color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-pagetitle-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, $font-size)));\n\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, var(--font-family));\n$font-pagedescription-weight: var(--sjs-font-pagedescription-weight, 400);\n$font-pagedescription-color: var(\n --sjs-font-pagedescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-pagedescription-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, var(--font-family));\n$font-questiontitle-weight: var(--sjs-font-questiontitle-weight, 600);\n$font-questiontitle-color: var(\n --sjs-font-questiontitle-color,\n var(--sjs-general-forecolor, var(--foreground, #161616))\n);\n$font-questiontitle-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, var(--font-family));\n$font-questiondescription-weight: var(--sjs-font-questiondescription-weight, 400);\n$font-questiondescription-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, $font-size)));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@function calcSize($multiplier) {\n $result: calc(#{$multiplier} * #{$base-unit});\n @return $result;\n}\n\n@function calcFontSize($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcLineHeight($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcCornerRadius($multiplier) {\n $result: calc(#{$multiplier} * #{$corner-radius});\n @return $result;\n}\n\n@mixin smallBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n border: calcSize(0.25) solid $border-light;\n border-radius: calcCornerRadius(1);\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin mediumBold {\n font-family: $font-family;\n font-style: normal;\n font-weight: bold;\n font-size: calcSize(3);\n line-height: calcSize(4);\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 font-family: $font-family;\n font-style: normal;\n font-weight: 400;\n font-size: calcSize(2);\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","@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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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: calc(1 * 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 calc(1 * 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 position: absolute;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n}\n\n.svd-simulator-frame {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n pointer-events: none;\n\n &:before {\n content: \" \";\n background-repeat: no-repeat;\n background-position: center;\n width: 100%;\n height: 100%;\n display: block;\n }\n\n &.svd-simulator-frame-landscape:before {\n transform: rotate(-90deg);\n }\n\n &.svd-simulator-iphone4:before {\n background-image: url(../images/simulator/iPhone4.svg);\n }\n\n &.svd-simulator-iphone5:before {\n background-image: url(../images/simulator/iPhone5.svg);\n }\n\n &.svd-simulator-iphone6:before {\n background-image: url(../images/simulator/iPhone6.svg);\n }\n\n &.svd-simulator-iphone6plus:before {\n background-image: url(../images/simulator/iPhone6Plus.svg);\n }\n\n &.svd-simulator-iphone8:before {\n background-image: url(../images/simulator/iPhone8.svg);\n }\n\n &.svd-simulator-iphone8plus:before {\n background-image: url(../images/simulator/iPhone8Plus.svg);\n }\n\n &.svd-simulator-iphonex:before {\n background-image: url(../images/simulator/iPhoneX.svg);\n }\n\n &.svd-simulator-iphonexmax:before {\n background-image: url(../images/simulator/iPhoneXMax.svg);\n }\n\n &.svd-simulator-ipad:before {\n background-image: url(../images/simulator/iPad.svg);\n }\n\n &.svd-simulator-ipadmini:before {\n background-image: url(../images/simulator/iPadMini.svg);\n }\n\n &.svd-simulator-ipadpro:before {\n background-image: url(../images/simulator/iPadPro.svg);\n }\n\n &.svd-simulator-ipadpro13:before {\n background-image: url(../images/simulator/iPadPro13.svg);\n }\n\n &.svd-simulator-androidphone:before {\n background-image: url(../images/simulator/androidPhone.svg);\n }\n\n &.svd-simulator-androidtablet:before {\n background-image: url(../images/simulator/androidTablet.svg);\n }\n\n &.svd-simulator-win10phone:before {\n background-image: url(../images/simulator/win10Phone.svg);\n }\n\n &.svd-simulator-mssurface:before {\n background-image: url(../images/simulator/msSurface.svg);\n }\n\n &.svd-simulator-genphone:before {\n background-image: url(../images/simulator/device-p.svg);\n }\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}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\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 position: absolute;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n overflow: overlay;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n}\n\n.svd-simulator-frame {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n pointer-events: none;\n}\n.svd-simulator-frame:before {\n content: \" \";\n background-repeat: no-repeat;\n background-position: center;\n width: 100%;\n height: 100%;\n display: block;\n}\n.svd-simulator-frame.svd-simulator-frame-landscape:before {\n transform: rotate(-90deg);\n}\n.svd-simulator-frame.svd-simulator-iphone4:before {\n background-image: url(../images/simulator/iPhone4.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone5:before {\n background-image: url(../images/simulator/iPhone5.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone6:before {\n background-image: url(../images/simulator/iPhone6.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone6plus:before {\n background-image: url(../images/simulator/iPhone6Plus.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone8:before {\n background-image: url(../images/simulator/iPhone8.svg);\n}\n.svd-simulator-frame.svd-simulator-iphone8plus:before {\n background-image: url(../images/simulator/iPhone8Plus.svg);\n}\n.svd-simulator-frame.svd-simulator-iphonex:before {\n background-image: url(../images/simulator/iPhoneX.svg);\n}\n.svd-simulator-frame.svd-simulator-iphonexmax:before {\n background-image: url(../images/simulator/iPhoneXMax.svg);\n}\n.svd-simulator-frame.svd-simulator-ipad:before {\n background-image: url(../images/simulator/iPad.svg);\n}\n.svd-simulator-frame.svd-simulator-ipadmini:before {\n background-image: url(../images/simulator/iPadMini.svg);\n}\n.svd-simulator-frame.svd-simulator-ipadpro:before {\n background-image: url(../images/simulator/iPadPro.svg);\n}\n.svd-simulator-frame.svd-simulator-ipadpro13:before {\n background-image: url(../images/simulator/iPadPro13.svg);\n}\n.svd-simulator-frame.svd-simulator-androidphone:before {\n background-image: url(../images/simulator/androidPhone.svg);\n}\n.svd-simulator-frame.svd-simulator-androidtablet:before {\n background-image: url(../images/simulator/androidTablet.svg);\n}\n.svd-simulator-frame.svd-simulator-win10phone:before {\n background-image: url(../images/simulator/win10Phone.svg);\n}\n.svd-simulator-frame.svd-simulator-mssurface:before {\n background-image: url(../images/simulator/msSurface.svg);\n}\n.svd-simulator-frame.svd-simulator-genphone:before {\n background-image: url(../images/simulator/device-p.svg);\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\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\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: 72px;\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: 72px;\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: calc(1 * 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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(--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.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.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.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 .sv-action-bar-item__icon use {\n fill: $red;\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 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 .sv-action__content {\n width: 100%;\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 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.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n.sl-row--multiple {\n .sl-panel {\n padding-bottom: 0;\n }\n}\n.sl-question__header--left {\n margin-right: calcSize(1);\n}\n.sl-row {\n .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\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.sl-row--multiple .sl-question {\n padding-right: calcSize(1);\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.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.spg-comment.sl-comment {\n height: calcSize(17);\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: calc(1 * 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 font-family: var(--font-family);\n font-style: normal;\n font-weight: bold;\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 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(--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(--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: calc(1 * 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}\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: calc(1 * 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}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: $background-dim;\n}\n\n.st-properties {\n .spg-item.spg-selectbase__label:focus-within {\n outline: 1px dotted $primary;\n }\n .spg-selectbase__label:focus-within {\n outline: none;\n }\n .spg-panel__content .spg-row {\n margin-top: 0;\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.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\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.st-table {\n 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: $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 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",".svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-properties .spg-item.spg-selectbase__label:focus-within {\n outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.st-properties .spg-selectbase__label:focus-within {\n outline: none;\n}\n.st-properties .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-no-strings {\n 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 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\ntd.st-table__cell:first-of-type {\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\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}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\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\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 flex-direction: column;\n display: flex;\n align-items: center;\n position: absolute;\n top: 35%;\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.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.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}",".svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n outline: none;\n font-weight: 600;\n 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 flex-direction: column;\n display: flex;\n align-items: center;\n position: absolute;\n top: 35%;\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(--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.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.svc-logic-placeholder__text {\n 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}","@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 .svc-tab-designer_content {\n width: 100%;\n }\n .sd-title {\n display: flex;\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 padding: 0 calcSize(1);\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}\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 padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 .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 .svc-question__content {\n .sd-question__content {\n .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n }\n }\n }\n\n .svc-question__content--selected {\n .svc-rating-question-controls {\n bottom: calcSize(10);\n }\n }\n .svc-page {\n margin-top: calcSize(1);\n }\n .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n .sd-page {\n padding: calcSize(1) calcSize(2) calcSize(2);\n }\n .svc-page__footer {\n margin-left: calcSize(2);\n margin-right: calcSize(2);\n }\n }\n\n .svc-question__content {\n padding: calcSize(2) calcSize(3) calcSize(3);\n &.svc-question__content--selected {\n padding-bottom: calcSize(8);\n }\n }\n .svc-tab-designer {\n justify-content: initial;\n .sd-title.sd-container-modern__title {\n padding: calcSize(2);\n flex-direction: column-reverse;\n align-items: flex-start;\n\n .svc-logo-image {\n margin-top: 0;\n }\n .svc-logo-image-placeholder {\n margin-left: calcSize(-2);\n }\n\n h3 {\n margin: 0;\n font-size: calcSize(3);\n line-height: calcSize(4);\n }\n h5 {\n margin: 0;\n }\n }\n }\n .svc-tab-designer {\n .sd-container-modern {\n min-width: calcSize(46);\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 .sv-action-bar-item {\n border: 0;\n }\n }\n .svc-page__content-actions {\n .sv-action-bar {\n padding-right: calcSize(1);\n .sv-action {\n .sv-action__content {\n padding-right: 0;\n .sv-action-bar-item__title--with-icon {\n display: none;\n }\n }\n }\n }\n }\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 .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\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: calc(1 * 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 {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-creator--mobile .svc-page__content .svc-page__footer {\n margin-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(2 * 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-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(2 * 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}\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(46 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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\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: 72px;\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: 72px;\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: calc(1 * 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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 width: 100%;\n height: 100%;\n position: relative;\n\n -webkit-font-smoothing: antialiased;\n\n * {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: $border;\n }\n\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: $foreground-light;\n }\n}\n\n.svc-creator__area {\n position: relative;\n\n @include disableUserSelect;\n}\n\n.svc-creator__area.svc-creator__area--with-banner {\n height: calc(100% - calc(4 * #{$base-unit}));\n}\n\n.svc-creator__content-wrapper {\n width: 100%;\n height: calc(100% - calc(8 * #{$base-unit})); // without top toolbar\n}\n\n.svc-creator__content-wrapper--footer-toolbar {\n height: calc(100% - calc(6 * #{$base-unit})); // without footer toolbar\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 position: absolute;\n bottom: calcSize(-4);\n width: 100%;\n height: calcSize(4);\n line-height: calcSize(4);\n background-color: $secondary;\n text-align: center;\n overflow: hidden;\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 font-family: $font-family;\n font-weight: bold;\n font-size: calcSize(2);\n text-transform: uppercase;\n vertical-align: middle;\n\n a {\n color: $primary-foreground;\n text-decoration: none;\n }\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__title {\n .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n }\n}\n.svc-string-editor {\n [contenteditable=\"true\"] {\n user-select: text;\n -webkit-user-select: text;\n }\n\n position: static;\n .sv-string-editor {\n position: relative;\n outline: none;\n word-break: break-word;\n z-index: 12;\n &[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: $foreground-light;\n }\n }\n .sv-string-editor--html,\n .sv-string-editor:focus-within {\n white-space: pre-wrap;\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}\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.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 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 .sv-svg-icon {\n vertical-align: bottom;\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.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.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.sd-boolean {\n .sv-string-editor:focus-within {\n white-space: nowrap;\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 .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\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.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 .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\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.svc-string-editor {\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",".sd-element__title .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 word-break: break-word;\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}\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(--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: calc(1 * 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: calc(1 * 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:not(.sd-rating__min-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}",".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 }\n}\n\n.svc-tab-designer__page-navigator {\n width: calcSize(5.5);\n position: absolute;\n padding: calcSize(16.5) 0;\n top: 0;\n bottom: 0;\n right: calcSize(1);\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}","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}\n\n.svc-tab-designer__page-navigator {\n width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * 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 $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__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}","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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * 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: calc(1 * 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: calc(1 * 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 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__question-type-selector {\n appearance: none;\n display: flex;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n margin-inline-end: calc(1 * 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}","@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--multiple {\n overflow: auto;\n padding: calcSize(1);\n gap: calcSize(1);\n margin-top: calcSize(2);\n margin-left: 0;\n width: 100%;\n flex-wrap: nowrap;\n background: $background;\n box-shadow: $shadow-small;\n border-radius: calcCornerRadius(1);\n\n &>div {\n padding-left: 0;\n }\n\n .sd-row--multiple {\n overflow: unset;\n }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calcSize(0);\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}\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 .svc-row--drag-over-bottom:after {\n bottom: -4px;\n\n &:last-child {}\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--multiple {\n overflow: auto;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: 0;\n width: 100%;\n flex-wrap: nowrap;\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(1 * var(--sjs-corner-radius, 4px));\n}\n.svc-row .sd-row--multiple > div {\n padding-left: 0;\n}\n.svc-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}\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}",".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.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 {\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: calc(1 * 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.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: 100%;\n width: 100%;\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: 100%;\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 overflow-x: auto;\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-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\n.svc-question__content > div {\n overflow: visible;\n}\n\n.svc-panel__placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-question__content-actions {\n position: absolute;\n display: none;\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 .sv-action--convertTo {\n min-width: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: max-content;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item {\n max-width: 100%;\n flex-direction: row-reverse;\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--with-icon {\n margin-inline-start: 0;\n margin-inline-end: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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\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 display: block;\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-dragged-element-shortcut {\n min-width: 100px;\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 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 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 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: 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * 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 display: block;\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -6px;\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: -6px;\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-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: flex-end;\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.sd-row--multiple .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.sd-row--multiple .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.sd-row--multiple .svc-question__content .sd-table-wrapper::after {\n right: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content,\n.sd-row--multiple .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.sd-row--multiple .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.sd-row--multiple .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-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__placeholder_frame {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n width: 100%;\n box-sizing: border-box;\n height: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 background-color: var(--sjs-general-backcolor, var(--background, #fff));\n cursor: pointer;\n user-select: none;\n border: none;\n box-shadow: none;\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: calc(1 * 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}\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: calc(1 * 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: calc(1 * 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.sd-panel .svc-row {\n margin-top: calc(1 * 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}\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: calc(1 * 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\n.svc-question__content .svc-carry-forward-panel {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-question__content--ranking .svc-carry-forward-panel {\n margin-top: 0;\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: 100%;\n width: 100%;\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: 100%;\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 overflow-x: auto;\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-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\n.svc-question__content>div {\n overflow: visible;\n}\n\n.svc-panel__placeholder {\n color: $foreground-light;\n}\n\n.svc-question__content-actions {\n position: absolute;\n display: none;\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 min-width: calcSize(13);\n max-width: max-content;\n\n .sv-action-bar-item {\n max-width: 100%;\n flex-direction: row-reverse;\n }\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n display: inline-block;\n justify-content: left;\n }\n\n .sv-action-bar-item__title--with-icon {\n margin-inline-start: 0; // margin-left\n margin-inline-end: calcSize(0.5); // margin-right\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\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 display: block;\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(2);\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 display: block;\n }\n }\n}\n\n.svc-question__content--drag-over-left:before {\n content: \" \";\n position: absolute;\n left: -6px;\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: -6px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 2px;\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: flex-end;\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.sd-row--multiple {\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-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__placeholder_frame {\n border: 1px dashed $border;\n width: 100%;\n box-sizing: border-box;\n height: calcSize(30);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calcSize(2) calcSize(8);\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 background-color: $background;\n cursor: pointer;\n user-select: none;\n\n border: none;\n box-shadow: none;\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 }\n}\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.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 }\n}\n\n.svc-question__content {\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\n.svc-question__content {\n .svc-carry-forward-panel {\n margin-top: calcSize(2);\n }\n}\n\n.svc-question__content--ranking {\n .svc-carry-forward-panel {\n margin-top: 0;\n }\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__dropdown-choices--wrapper .svc-action-button {\n margin-left: calcSize(6.75);\n margin-top: calcSize(1);\n\n cursor: pointer;\n}\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__dropdown-choices--wrapper .svc-action-button {\n margin-left: calc(6.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-top: calc(1 * 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--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}",".svc-image-question-controls {\n position: absolute;\n top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * 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--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--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}","@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-question__content {\n .sd-rating {\n margin-inline-start: calcSize(9); // margin-left\n width: calc(100% - 9 * #{$base-unit});\n }\n .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n }\n .svc-rating-question-controls {\n display: flex;\n width: calcSize(8);\n min-width: auto;\n justify-content: flex-start;\n }\n .sd-rating__item--fixed-size:focus-within {\n width: unset;\n padding: calcSize(0.5) calcSize(2.5);\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-question__content .sd-rating {\n margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% - 9 * 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}\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}","@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 min-width: calcSize(28);\n }\n .svc-item-value__item {\n padding-right: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {\n margin-left: calcSize(5);\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.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 &.sv-ranking-item__index--empty:empty {\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==);\n }\n }\n}\n\n.sv-ranking {\n .svc-item-value-wrapper {\n align-items: center;\n min-width: calcSize(27);\n }\n .svc-item-value__item {\n padding-right: 0;\n }\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\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}",".svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: calc(1 * 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 min-width: calc(28 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-question__dropdown-choice .svc-item-value__item,\n.sd-selectbase .svc-item-value__item {\n padding-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-question__content .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {\n margin-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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: calc(1 * 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))) calc(1 * 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.sv-ranking-item__index--empty:empty {\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==);\n}\n\n.sv-ranking .svc-item-value-wrapper {\n align-items: center;\n min-width: calc(27 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking .svc-item-value__item {\n padding-right: 0;\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\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}","@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 .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed $border;\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 .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}\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 use {\n fill: $primary;\n }\n}\n\n.svc-image-item-value-controls__add {\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.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 .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 .sd-imagepicker__image {\n height: calcSize(30);\n }\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.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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: calc(1 * 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}","@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 .svc-question__adorner {\n z-index: 13;\n }\n }\n}",".svc-matrix-cell {\n position: relative;\n}\n\n.svc-question__adorner .sd-table .sd-table__cell--column-title {\n padding: 0 calc(1 * 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))) calc(1 * 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: calc(1 * 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}\n.svc-question__content .sd-table__cell--detail-panel .svc-question__adorner {\n z-index: 13;\n}","@import \"../variables.scss\";\n\n.svd-test-results {\n font-family: $font-family;\n width: 80%;\n margin: auto;\n margin-bottom: calcSize(5);\n background-color: $background;\n box-shadow: $shadow-small;\n border-radius: 4px;\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\n .svd-test-results__header-text {\n margin: 0;\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 }\n .svd-test-results__table {\n width: 100%;\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 &: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(--font-family);\n width: 80%;\n margin: auto;\n margin-bottom: calc(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-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: 4px;\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}\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: calc(1 * 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}\n.svd-test-results .svd-test-results__table {\n width: 100%;\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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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.svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: calcSize(6);\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 .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-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 &:hover {\n background-color: $primary-light;\n opacity: unset;\n use {\n fill: $primary;\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.svc-logo-image-container {\n position: relative;\n .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.svc-logo-image-container {\n cursor: default;\n}\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n .svc-logo-image-controls {\n display: none;\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}\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}\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-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(--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: calc(1 * 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: calc(1 * 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: calc(1 * 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 font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n display: block;\n padding-left: calc(1 * 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);\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\n}\n\n.svc-toolbox--compact {\n width: calcSize(10.5);\n overflow: visible;\n direction: ltr;\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}\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)));\n box-sizing: border-box;\n overflow-y: auto;\n direction: rtl;\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}\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: calc(1 * 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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * 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}\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 padding: calcSize(1.5) calcSize(1);\n\n .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n }\n}\n\n.svc-side-bar__container-close {\n display: none;\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.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-side-bar__container-actions {\n display: none;\n }\n\n .svc-side-bar__container-title {\n display: block;\n font-weight: bold;\n font-size: calcSize(3);\n line-height: calcSize(4);\n flex: unset;\n }\n\n .svc-side-bar__wrapper {\n top: calcSize(2);\n background: none;\n }\n\n .svc-side-bar__container {\n width: 100%;\n min-width: 338px;\n }\n\n .svc-side-bar__container-header {\n border: unset;\n box-shadow: 0px calcSize(1) calcSize(2);\n border-radius: calcSize(2) calcSize(2) 0px 0px;\n }\n\n .svc-side-bar__container-content {\n height: calc(100% - 20 * #{$base-unit});\n background-color: $background-dim;\n }\n\n .svc-side-bar__container-close {\n display: flex;\n background-color: $background-dim;\n\n .svc-side-bar__container-close-button {\n width: 100%;\n margin: calcSize(2);\n }\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(--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}\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 padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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-side-bar__container-close {\n display: none;\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.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-side-bar__container-actions {\n display: none;\n}\n.sv-mobile-side-bar .svc-side-bar__container-title {\n display: block;\n font-weight: bold;\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 flex: unset;\n}\n.sv-mobile-side-bar .svc-side-bar__wrapper {\n top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: none;\n}\n.sv-mobile-side-bar .svc-side-bar__container {\n width: 100%;\n min-width: 338px;\n}\n.sv-mobile-side-bar .svc-side-bar__container-header {\n border: unset;\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px 0px;\n}\n.sv-mobile-side-bar .svc-side-bar__container-content {\n height: calc(100% - 20 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-mobile-side-bar .svc-side-bar__container-close {\n display: flex;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-mobile-side-bar .svc-side-bar__container-close .svc-side-bar__container-close-button {\n width: 100%;\n margin: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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(--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: calc(1 * 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(--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(--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(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, var(--foreground, #161616));\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: calc(1 * 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: calc(1 * 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * 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: calc(1 * 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 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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: 0;\n}\n.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__input {\n flex-grow: 1;\n width: 100%;\n padding: calc(1 * 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(--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: normal;\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-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(--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--expandable:not(.spg-panel__title[aria-expanded=true]):hover, .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):focus {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-panel__title[aria-expanded=true],\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: calc(1 * 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(--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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\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: calc(1 * 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(--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: calc(1 * 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: calc(1 * 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}\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: calc(1 * 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); /* 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 .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.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 margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) auto 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: 1 1 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-panel__content .spg-panel__content {\n padding: 0;\n padding-bottom: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: none;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__title {\n background-color: transparent;\n box-shadow: none;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content::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-panel__content .spg-panel__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content::after {\n content: none;\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content .spg-row {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content .spg-row:first-of-type {\n margin-top: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content {\n padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content::after {\n content: none;\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-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.sv-popup--modal {\n padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\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-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: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(1 * 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}",".spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n}\n.spg-question__header {\n width: 100%;\n}\n.spg-question__title {\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__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(3);\n font-size: calcSize(2);\n color: $foreground;\n padding-bottom: calcSize(2);\n white-space: normal;\n}\n.spg-row-narrow__question {\n margin-top: calcSize(-2);\n}\n.spg-row--multiple {\n & > div > .spg-row-narrow__question {\n margin-top: calcSize(-1);\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 .spg-question__title {\n padding: calcSize(1) calcSize(2);\n border-right: 1px solid $border;\n display: inline-block;\n }\n display: flex;\n align-items: center;\n}\n\n.spg-question__content--left {\n flex: 2;\n .spg-input.spg-input.spg-input {\n background-color: transparent;\n &:focus,\n &:focus-within {\n box-shadow: none;\n }\n box-shadow: none;\n border: none;\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 .spg-question__header--location--left {\n min-width: calcSize(8);\n }\n input {\n min-width: calc(max(17 * #{$base-unit}, 100%));\n width: 0;\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 & > div {\n display: flex;\n gap: calcSize(1);\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 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.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\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.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 &:hover {\n background: $background-dim;\n }\n &:active {\n opacity: 0.5;\n }\n &.spg-input__edit-button--disabled,\n &:disabled {\n opacity: 0.25;\n background: $background;\n }\n 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 $red;\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.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.spg-input-container__input:disabled {\n opacity: 0.25;\n}\n.spg-input-container__buttons-container {\n display: flex;\n gap: calcSize(0.5);\n}\n",".spg-dropdown {\n border-radius: 0;\n display: flex;\n padding-right: calcSize(5.5);\n line-height: normal;\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-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--expandable:not(.spg-panel__title[aria-expanded=true]) {\n\n &:hover,\n &:focus {\n background-color: $background-dim;\n }\n}\n\n.spg-panel__title[aria-expanded=true],\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.spg-checkbox--disabled {\n cursor: default;\n\n .spg-checkbox {\n cursor: default;\n }\n .spg-checkbox__caption {\n color: $foreground-light;\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.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.spg-checkbox .spg-checkbox__svg {\n display: none;\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.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: $border;\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//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.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: calcSize(1);\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 }\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); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n.spg-color-editor__color-item {\n display: flex;\n gap: calcSize(2);\n .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: 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 .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.spg-color-editor__color-swatch--disabled {\n .sv-svg-icon {\n opacity: 0.25;\n }\n}\n.spg-color-editor .spg-input__edit-button + * {\n margin-inline-end: calcSize(-0.5);\n}\n",".spg-file-edit__choose-button {\n position: relative;\n}\n",".spg-link {\n display: flex;\n}\n",".spg-theme-builder-root {\n .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calcSize(2);\n }\n .spg-panel__footer {\n margin: calcSize(1) auto 0;\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 .spg-question__header--location--left {\n min-width: auto;\n }\n & > div {\n flex: 1 1 calc(50% - #{$base-unit} * 0.5);\n min-width: auto;\n input {\n min-width: 0;\n }\n .spg-question--location--left {\n height: calcSize(6);\n box-sizing: border-box;\n .spg-input {\n height: auto;\n }\n }\n }\n }\n .sv-button-group {\n overflow: hidden;\n }\n .spg-question__header--location--left {\n width: max-content;\n flex: 0 0;\n .spg-question__title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n //2 level nested\n .spg-panel__content .spg-panel__content {\n padding: 0;\n padding-bottom: calcSize(5);\n box-shadow: none;\n .spg-panel__title {\n background-color: transparent;\n box-shadow: none;\n padding: calcSize(1) 0;\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 & > .spg-row:first-of-type {\n margin-top: 0;\n }\n }\n //3 level nested\n .spg-panel__content .spg-panel__content {\n .spg-panel__content {\n padding-bottom: 0;\n &::after {\n content: none;\n }\n .spg-row {\n margin-top: calcSize(1);\n &:first-of-type {\n margin-top: 0;\n }\n }\n }\n }\n .spg-panel__content {\n .spg-row:last-of-type {\n .spg-panel__content {\n padding-bottom: 0;\n &::after {\n content: none;\n }\n }\n }\n }\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}","@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\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-right: 1px solid $border;\n box-sizing: border-box;\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\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n\n padding: calcSize(4);\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}","@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(--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__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 .sv-action-bar-item {\n margin: 0 calcSize(1);\n }\n }\n}\n.svc-footer-bar {\n .svc-toolbar-wrapper {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\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 }\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__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 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-footer-bar .svc-toolbar-wrapper {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\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}"],"sourceRoot":""}