survey-creator-core 1.9.96 → 1.9.97

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 (28) 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 +12 -2
  5. package/survey-creator-core.fontless.css +11 -1
  6. package/survey-creator-core.fontless.css.map +1 -1
  7. package/survey-creator-core.fontless.min.css +3 -3
  8. package/survey-creator-core.i18n.js +1 -1
  9. package/survey-creator-core.i18n.min.js +1 -1
  10. package/survey-creator-core.js +355 -132
  11. package/survey-creator-core.js.map +1 -1
  12. package/survey-creator-core.min.css +4 -4
  13. package/survey-creator-core.min.js +2 -2
  14. package/typings/components/string-editor.d.ts +1 -1
  15. package/typings/components/tabs/logic-theme.d.ts +3 -0
  16. package/typings/components/tabs/theme.d.ts +6 -1
  17. package/typings/components/tabs/translation-theme.d.ts +0 -1
  18. package/typings/creator-base.d.ts +14 -3
  19. package/typings/creator-settings.d.ts +1 -0
  20. package/typings/custom-questions/question-spin-editor.d.ts +1 -0
  21. package/typings/editorLocalization.d.ts +4 -0
  22. package/typings/localization/english.d.ts +4 -0
  23. package/typings/plugins/undo-redo/undo-redo-controller.d.ts +1 -0
  24. package/typings/plugins/undo-redo/undo-redo-manager.d.ts +7 -0
  25. package/typings/property-grid/index.d.ts +2 -0
  26. package/typings/property-grid/matrices.d.ts +1 -0
  27. package/typings/property-grid-theme/property-grid.d.ts +4 -1
  28. package/typings/textWorker.d.ts +33 -6
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;ACDF;;ADIA;EACE;ACDF,C;ACXA;EACE;EACA;EACA,4ELiBe;AMlBjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uELzBQ;EK0BR,oELvBmB;EKwBnB;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA,oDLgEU;EK9DV,uELhBW;EKiBX;EACA;EACA;EAEA,+DLVW;EKWX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDLHA;AMAN;;ADQA;EACE;ACLF,C;AChDA;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;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;AC7EE;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;EACA;EAEA;ADsCF;ACpCE;;EACE;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;EACA,mEzBSK;AwB8BT;ACpCE;;EACE;ADuCJ;ACpCE;;EACE;EACA,sFzBJe;AwB2CnB;;ACnCA;EACE;EzB8HA;EACA;EACA;EACA;AwBvFF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;EACA;EACA,uCzBgFe;AwBxCjB;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACpCE;EACE;EACA;EACA,iEzBzES;EyB0ET;ADuCJ;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,2EzBnGU;EyBoGV;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,uEzB/FW;EyBgGX;EACA;EACA,wEzB7Ec;EyB8Ed;ADsCF;;ACnCA;EACE,oEzBzHmB;EyB0HnB,+BzBlEY;EyBmEZ;EACA;EACA;EACA;ADsCF;ACpCE;EACE,oEzBjIiB;EyBkIjB;ADsCJ;;AClCA;EACE;EACA;EACA;EACA,qEzBvIU;EyBwIV;ADqCF;;AClCA;EACE;EACA;ADqCF;;AClCA;EACE;EACA;ADqCF,C;AE1LE;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;;ADQA;EACE;ACLF;ADOE;EACE,mG9BjDY;A+B4ChB;ADOI;EACE,2D9BrDI;A+BgDV;;ADUA;EACE;ACPF;;ADWE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;ACTF;;ADiBI;;;;EACE;EACA;ACXN;ADeE;;;;EACE;EACA;ACVJ,C;AC9EA;;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;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE,8ElC9B+B;AmC2BjC;;ADMA;;;EAGE;ACHF;ADKE;;;EACE;EACA,8ElCxC6B;AmCuCjC;ADGI;;;EACE;ACCN;;ADGA;EACE;EACA;EACA;EAQA;ACPF;ADAE;EACE;ACEJ;ADAE;EACE;EACA;ACEJ;;ADIE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE,0ElCxDe;AmCsDnB;ADKE;EACE,kFlCvEa;AmCoEjB;ADME;EACE,mGlChGY;AmC4FhB;;ADQA;EACE;EACA;EACA,qElClGU;EkCmGV;EACA;EACA;EACA;ACLF,C;ACrGA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEpCEW;EoCDX,wEpCqBa;EoCpBb;ACDF;ADEE;EACE;ACAJ;ADEE;EACE;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADKE;EACE;EACA;EACA;ACFJ;ADKE;EACE;ACHJ;ADME;EACE;EACA;EACA;ACJJ;ADQI;EACE;ACNN;;ADYE;EACE;EACA;EACA;ACTJ;;ADaA;EACE;EACA;EACA;EACA,qEpCpEU;EoCqEV;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA,qEpC9EU;EoC+EV;EACA;EACA;ACVF;;ADeE;;EACE;ACXJ;ADiBE;;EACE;ACdJ,C;ACtFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;ADAI;EAEE;ACCN;;ACrBA;EACE;EACA;EACA;EACA;EACA;EACA;ADwBF;;ACrBA;EACE;EACA;EACA;ADwBF;ACtBE;EACE;ADwBJ;ACrBM;EACE;ADuBR;ACrBQ;EACE;EACA;ADuBV;;AChBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iExCrBW;EwCsBX,wExCFa;EwCGb;EACA;ADmBF;;ACfE;EACE;EACA;EACA;ADkBJ;ACfE;EACE;EACA;EACA;ADiBJ;ACdE;EACE,+DxC9BS;AuC8Cb;ACbE;EACE,8ExCtBW;AuCqCf;ACZE;EACE,+DxCtCS;EwCuCT;ADcJ;;ACVA;EACE;ADaF;;ACVA;EACE,2ExC/CiB;AuC4DnB;;ACVA;EACE;EACA;EACA;EACA;EACA;ADaF;ACXE;EACE;EACA;ADaJ;ACXI;EACE;EACA;ADaN;ACVI;ExC+DF;EACA;EACA;EwC9DI;EACA;ADaN;ACVI;EACE;EACA;ADYN;ACRE;EACE;ADUJ;ACPE;EACE;ADSJ;;ACLA;;EAEE;ADQF;;ACAE;;EACE;ADIJ;ACDE;;EACE;ADIJ;;ACAA;EACE,wFxCtHqB;AuCyHvB;ACDE;EACE,2ExC/Ge;AuCkHnB;ACCI;EACE;ADCN;;ACKE;EACE;EACA;ADFJ;;ACMA;EACE;EACA;EACA;EACA,uExChJW;EwCiJX,+DxCtIW;EwCuIX;EACA;EACA;EACA;EACA,wExChIa;EA6Hb;EACA;EACA;EACA;EwCEA;EACA;EACA;EACA;ADAF;;ACGA;EACE,2DxCpLQ;AuCoLV;;ACGA;EACE;ADAF;;ACGA;ExCjEE;EACA;EACA;EACA;EACA;EwC+DA;EACA;ADIF;;ACDA;EACE;EACA;EACA;ADIF;;ACCE;;EACE;EACA,6FxC1MY;AuC6MhB;ACDI;;EACE;ADIN;;ACCA;EACE;EACA;EACA;EACA,qExCjNU;EwCkNV;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA,qExC3NU;EwC4NV;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA,qExCrOU;EwCsOV;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA,qExC/OU;EwCgPV;EACA;EACA;ADEF;;ACII;;EACE;EACA;ADAN;ACKI;;EACE;EACA;ADFN;;ACQE;EACE;EACA;EACA;ADLJ;;ACWE;;;;EAEE;ADNJ;;ACUA;EACE;EACA;EACA;EACA;ADPF;;ACUA;EACE;ADPF;;ACUA;EACE;ADPF;;ACYE;EACE;EACA;EACA;ADTJ;ACWI;EACE;EACA;ADTN;;ACcA;EACE;EACA;ADXF;ACaE;EACE;ADXJ;ACcE;EACE;ADZJ;ACeE;EACE;EACA;ADbJ;;ACmBA;EACE;ADhBF;;ACmBA;EACE;EACA;ADhBF;;ACmBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADhBF;;ACmBA;EACE;EACA;EACA;ADhBF;ACkBE;EACE,0ExCxUe;AuCwTnB;;ACwBM;;EACE;EACA;ADpBR;ACyBE;;EAcE;ADnCJ;ACsBI;;EACE;EACA;ADnBN;ACsBI;;EACE;EACA;ADnBN;AC8BE;EACE;EACA;AD5BJ;;ACgCA;EACE;AD7BF;;ACgCA;EAKE;ADjCF;AC6BE;EACE;AD3BJ;;ACkCE;;EAEE;AD/BJ;;ACmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADhCF;;ACmCA;EACE;EACA;EACA;EACA;ADhCF;;ACmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uExC5aW;EwC6aX;EACA;EAEA;EACA;ADjCF;ACmCE;EACE;ADjCJ;ACoCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DxCndM;AuCibV;;ACsCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;EACA;EACA;ADhDF;ACiCE;EACE,0ExCpce;AuCqanB;ACkCE;EACE,kFxCnda;AuCmbjB;ACmCE;EACE,mGxC5eY;AuC2chB;;AC2CE;EACE;ADxCJ;AC2CE;EACE;ADzCJ;AC4CE;EACE;EACA;AD1CJ;;AC+CE;EACE;EACA;AD5CJ;AC8CI;EACE;AD5CN;AC+CE;EACE;EACA;AD7CJ;AC+CE;EACE;AD7CJ;AC+CE;EACE;AD7CJ;ACgDI;EACE,iExCrgBO;EwCsgBP;AD9CN;AC+CM;EACE,0ExC5fW;AuC+cnB;;ACoDE;EACE;ADjDJ;;ACqDE;EACE;ADlDJ,C;AErfA;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;;ADIA;;EAEE;ACDF;;ADGA;EACE;ACAF,C;ACpBA;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;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iEvERW;EuESX;EAEA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uEvErBW;AwEmBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EvE9Be;EuE+Bf;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,kFvE7De;AwE0DjB;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;ACHF;ADKE;EACE,sFvE9De;EuE+Df;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,kFvEzJa;AwEyIjB;ADmBE;EACE;EACA,kFvE9Ja;AwE6IjB;ADmBI;EACE;EACA;ACjBN;;ADuBE;EACE;ACpBJ,C;AC3KA;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;EACE;EACA,iE5EtCS;A0EiRb;AEzOE;EACE;EACA;EACA;AF2OJ;;AExOA;EACE;AF2OF;;AEzOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF4OF;;AE1OA;EACE;EACA;EACA;EACA,+D5EnDW;E4EoDX;EACA,+B5E1BY;E4E2BZ;EACA;EACA;EACA;AF6OF;;AE3OA;EACE;EACA;AF8OF;;AG3UA;EACI;EACA;EACA;EACA;EACA;AH8UJ;;AG3UA;EACI;AH8UJ;;AIvVA;EACE;EACA;EACA;EACA;EACA;AJ0VF;;AK/VA;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;ALkWF;;AKhWA;;EAEE,+D/EWW;E+EVX;EACA;ALmWF;;AKhWE;EACE,kF/ELa;A0EwWjB;;AKhWA;;EAEE;EACA;ALmWF;;AKhWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E/ErBe;E+EsBf;ALmWF;;AKhWE;EACE;EACA;ALmWJ;AKjWE;EACE;ALmWJ;;AK/VE;EACE;ALkWJ;;AM3ZA;EACE;EACA;AN8ZF;;AM5ZA;EACE;AN+ZF;AM7ZE;EACE;AN+ZJ;AM7ZE;EACE,2EhFsBe;A0EyYnB;;AM5ZA;EACE,+BhF4CY;EgF3CZ;EACA,+DhFeW;EgFdX;AN+ZF;;AM5ZA;EACE,iEhFDW;EgFEX;EACA;EACA;EACA;EACA;EAEA;AN8ZF;;AM3ZE;EACE,kFhFXa;A0EyajB;;AMzZE;EACE,iEhFlBS;A0E8ab;;AMxZA;EACE;EACA;AN2ZF;;AMzZA;EACE;AN4ZF;;AM1ZA;EACE;EACA;EACA;EACA;EACA;EACA,2DhFxDQ;A0EqdV;;AM3ZA;EACE,uDhFtBO;A0EobT;;AM5ZA;EACE;EACA;EACA;EACA;EACA;EACA;AN+ZF;;AM5ZA;EACE;AN+ZF;;AM5ZA;EACE;EACA;EACA;AN+ZF;;AM7ZA;EACE;EACA;EACA;ANgaF;;AOlfA;EACE;APqfF;AOpfE;EACE,uEjFkBS;A0Eoeb;AOpfE;EACE;EACA;EACA;APsfJ;;AOlfA;EACE;EACA;EACA;EACA;EACA;APqfF;AOnfE;EACE,0EjFae;A0EwenB;;AOjfA;;EAEE;APofF;;AOjfA;;EAEE;EACA;EACA;EACA,2EjF5BU;EiF6BV;EACA;APofF;;AOjfA;EACE;APofF;;AOjfA;EACE;APofF;;AOlfA;EACE;EACA;EACA;EACA;EACA;EACA,iEjF/BW;EiFgCX;EACA;APqfF;AOpfE;EACE;APsfJ;;AOnfA;EACE;EACA;EACA,2EjF7BiB;A0EmhBnB;;AOpfA;EACE;EACA;EACA;EACA;EACA;EACA,4DjFtEQ;EiFuER,+BjFZY;EiFaZ;EACA;EACA;APufF;;AOpfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APufF;AOrfE;EACE;EACA;EACA,8DjF3DS;A0EkjBb;;AQllBA;EACE;EACA;ARqlBF;;AQnlBA;EACE;EACA,uElFeW;EkFdX;ARslBF;AQrlBE;EACE;ARulBJ;;AQplBA;EACE;ARulBF;AQtlBE;EACE;ARwlBJ;;AQplBA;EAIE,4ElFDe;A0EqlBjB;AQvlBE;EACE;ARylBJ;;AQrlBA;EACE;ARwlBF;;AQtlBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARylBF;AQxlBE;EACE;AR0lBJ;AQxlBE;EAEE;ARylBJ;;AQtlBA;EACE;EACA;EACA;EACA;EACA;ARylBF;;AQvlBA;EACE;AR0lBF;;AQxlBA;EACE;AR2lBF;;AQxlBE;EACE;AR2lBJ;;AQxlBA;EACE;EACA;EACA;AR2lBF;;AQzlBA;EACE;EACA;EACA,2ElFtCiB;EkFuCjB;EACA,4ElFnDe;EkFoDf;EACA;EACA;EACA;EACA;AR4lBF;;AQ1lBA;EACE;AR6lBF;;AS7qBE;EACE;ATgrBJ;AS/qBI;EACE;ATirBN;;AUrrBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVwrBF;;AUtrBA;EACE;EACA;AVyrBF;AUxrBE;EACE;AV0rBJ;;AUvrBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV0rBF;AUzrBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DpFdS;A0EysBb;;AUxrBA;EACE;AV2rBF;;AWluBA;EACE;AXquBF;;AYtuBA;EACE;AZyuBF;;AazuBE;EACE;EACA;EACA;Ab4uBJ;Aa1uBE;EACE;Ab4uBJ;Aa1uBE;EACE;Ab4uBJ;AavuBM;EACE;AbyuBR;AatuBI;EACE;AbwuBN;AatuBI;EACE;EACA;AbwuBN;AavuBM;EACE;AbyuBR;AavuBM;EACE;EACA;AbyuBR;AaxuBQ;EACE;Ab0uBV;AaruBE;EACE;AbuuBJ;AaruBE;EACE;EACA;AbuuBJ;AatuBI;EACE;EACA;EACA;AbwuBN;AapuBE;EACE;EACA;EACA;AbsuBJ;AaruBI;EACE;EACA;EACA;AbuuBN;AaruBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mEvF9BG;A0EqwBT;AaruBI;EACE;AbuuBN;AaluBI;EACE;AbouBN;AanuBM;EACE;AbquBR;AanuBM;EACE;AbquBR;AapuBQ;EACE;AbsuBV;Aa/tBM;EACE;AbiuBR;AahuBQ;EACE;AbkuBV;;Ac/zBA;EACE;EACA;Adk0BF;;Ach0BA;EACE;Adm0BF;Acl0BE;EACE;EACA;EACA;EACA;Ado0BJ;Acn0BI;EAEE;Ado0BN;;Ae/zBA;EACE;EACA;EACA;Afk0BF;;Ae/zBA;EAgBE;AfmzBF;Aej0BI;EACE;Afm0BN;Aej0BI;EACE;Afm0BN;Aej0BI;EACE;EACA;Afm0BN;Aeh0BE;EACE;Afk0BJ;Ae9zBE;;EAEE;Afg0BJ;;Ae7zBA;EACE;Afg0BF;;Ae9zBA;EACE;EACA;Afi0BF;;Ae/zBA;EACE;EACA;EACA;EACA;EACA;Afk0BF;;Ae9zBE;EACE;EACA;EACA;Afi0BJ;;Ae7zBA;EACE;Afg0BF;;Ae7zBA;EACE;Afg0BF,C;AgBz4BA;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}\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}\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}\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}","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}\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}","@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}\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}\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 z-index: 0;\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 opacity: 0.5;\n\n .svc-page-navigator__navigator-icon {\n background-color: $primary-light;\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 {\n opacity: 0.5;\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}\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 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 border-radius: calcSize(0.5);\n\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px $secondary inset;\n background: $secondary-backcolor-semi-light;\n\n .svc-page__content-actions {\n display: block;\n }\n }\n}\n.svc-page__footer {\n overflow: visible;\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n .sv-action {\n flex: 1 1 0;\n }\n .svc-btn {\n flex-grow: 1;\n border: none;\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);\n width: calc(100% - 48px);\n height: 4px;\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 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,\n.svc-creator .svc-page .svc-page__content--selected:focus,\n.svc-hovered {\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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)) inset;\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 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% - 48px);\n height: 4px;\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--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 & > div {\n padding-left: 0;\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: 4px;\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: 4px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row--drag-over-top:before {\n top: -6px;\n\n &:first-child {\n }\n }\n\n .svc-row--drag-over-bottom:after {\n bottom: -6px;\n\n &:last-child {\n }\n }\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--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: 4px;\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: 4px;\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: -6px;\n}\n.svc-question__content--panel .svc-row--drag-over-bottom:after,\n.sd-panel__content .svc-row--drag-over-bottom:after {\n bottom: -6px;\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 border: 2px solid transparent;\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-creator .svc-page .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-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.svc-creator .svc-page .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 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 2px 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: -7px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 4px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -7px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 4px;\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: -12px;\n width: 100%;\n height: 4px;\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: -12px;\n width: 100%;\n height: 4px;\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\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 :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected),\n.sd-row--multiple :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected) {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n box-shadow: none;\n}\n.sd-panel .svc-question__content,\n.sd-row--multiple .svc-question__content {\n border-radius: 0;\n}\n.sd-panel .svc-question__content.svc-question__content--selected,\n.sd-row--multiple .svc-question__content.svc-question__content--selected {\n border: 1px solid transparent;\n box-shadow: none;\n}\n.sd-panel .svc-question__content:hover,\n.sd-row--multiple .svc-question__content:hover {\n border: 1px solid transparent;\n box-shadow: none;\n}\n.sd-row--multiple .svc-hovered > .svc-question__content:not(.svc-question__content--selected) {\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)));\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\";\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 border: 2px solid transparent;\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-creator .svc-page .svc-hovered > .svc-question__content {\n box-shadow: 0 0 0 2px $secondary-light;\n}\n\n.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged),\n.svc-creator:not(.svc-creator--mobile)\n .svc-page\n .svc-hovered\n > .svc-question__content:not(.svc-question__content--dragged) {\n &.svc-question__content--selected {\n box-shadow: 0 0 0 2px $secondary;\n }\n\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 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 2px $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: -7px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 4px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -7px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 4px;\n}\n\n.svc-question__content--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n top: -12px;\n width: 100%;\n height: 4px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n bottom: -12px;\n width: 100%;\n height: 4px;\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\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 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 :not(.svc-hovered) {\n & > .svc-question__content {\n &:not(.svc-question__content--selected) {\n border: 1px dashed $border;\n box-shadow: none;\n }\n }\n }\n\n .svc-question__content {\n &.svc-question__content--selected {\n border: 1px solid transparent;\n box-shadow: none;\n }\n\n &:hover {\n border: 1px solid transparent;\n box-shadow: none;\n }\n\n &:not(.svc-question__content--selected):not(:hover) {\n }\n\n border-radius: 0;\n }\n}\n\n.sd-row--multiple .svc-hovered > .svc-question__content {\n &:not(.svc-question__content--selected) {\n border: 1px solid $secondary-light;\n box-shadow: 0 0 0 1px $secondary-light;\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 .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 .sd-panel__content {\n gap: 0;\n padding-top: 0;\n }\n .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calcSize(1);\n }\n .sd-paneldynamic__panel-wrapper {\n padding: 0;\n }\n .sd-table__cell--actions {\n .sv-action-bar-item:disabled {\n background: $background;\n opacity: 1;\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.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\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.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\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\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 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: 9000;\n }\n\n .svc-side-bar__wrapper {\n border-left: none;\n z-index: 10000;\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 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: 9000;\n}\n.svc-flyout-side-bar .svc-side-bar__wrapper {\n border-left: none;\n z-index: 10000;\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: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__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-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 {\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}\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\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 .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 0;\n min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 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 &: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__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-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.spg-table {\n width: 100%;\n background-color: $background;\n border-collapse: collapse;\n tr {\n border-bottom: 1px solid $border;\n }\n}\n.spg-table__cell {\n padding: 0;\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 background: $background-dim;\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.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 &[type=\"color\"] {\n padding-right: 0;\n }\n &:focus,\n &:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\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}\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calcSize(2);\n}\n.spg-table__cell--actions:first-of-type {\n width: calcSize(5);\n}\n.spg-table__cell--actions:last-of-type {\n .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: calcSize(0.5);\n cursor: move;\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.spg-table__question-wrapper {\n padding: calcSize(0.5) 0;\n}\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 .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 0;\n min-width: calcSize(12.5);\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 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 .sd-root-modern {\n background-color: transparent;\n }\n .sd-page {\n margin: 0;\n padding: 0;\n }\n }\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n padding: calcSize(4);\n\n .sd-body,\n .sl-body {\n min-width: calcSize(78);\n }\n}\n.sv-popup.sv-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n.svc-object-selector .sv-popup__container {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n}\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-title {\n .spg-action-bar {\n margin-top: calcSize(-1);\n margin-bottom: calcSize(-1);\n margin-right: 1px;\n }\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calcSize(3);\n}\n","@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/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;ACDF;;ADIA;EACE;ACDF,C;ACXA;EACE;EACA;EACA,4ELiBe;AMlBjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uELzBQ;EK0BR,oELvBmB;EKwBnB;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA,oDLgEU;EK9DV,uELhBW;EKiBX;EACA;EACA;EAEA,+DLVW;EKWX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDLHA;AMAN;;ADQA;EACE;ACLF,C;AChDA;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;EACA;EAEA;ADsCF;ACpCE;;EACE;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;ADuCJ;ACpCE;;EACE;EACA;EACA;EACA,mEzBSK;AwB8BT;ACpCE;;EACE;ADuCJ;ACpCE;;EACE;EACA,sFzBJe;AwB2CnB;;ACnCA;EACE;EzB8HA;EACA;EACA;EACA;AwBvFF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;EACA;EACA,uCzBgFe;AwBxCjB;;ACrCA;EACE;ADwCF;;ACrCA;EACE;EACA;EACA;EACA;ADwCF;;ACrCA;EACE;EACA;ADwCF;;ACpCE;EACE;EACA;EACA,iEzBzES;EyB0ET;ADuCJ;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,2EzBnGU;EyBoGV;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA,uEzB/FW;EyBgGX;EACA;EACA,wEzB7Ec;EyB8Ed;ADsCF;;ACnCA;EACE,oEzBzHmB;EyB0HnB,+BzBlEY;EyBmEZ;EACA;EACA;EACA;ADsCF;ACpCE;EACE,oEzBjIiB;EyBkIjB;ADsCJ;;AClCA;EACE;EACA;EACA;EACA,qEzBvIU;EyBwIV;ADqCF;;AClCA;EACE;EACA;ADqCF;;AClCA;EACE;EACA;ADqCF,C;AE1LE;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;;ADQA;EACE;ACLF;ADOE;EACE,mG9BjDY;A+B4ChB;ADOI;EACE,2D9BrDI;A+BgDV;;ADUA;EACE;ACPF;;ADWE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;ACTF;;ADiBI;;;;EACE;EACA;ACXN;ADeE;;;;EACE;EACA;ACVJ,C;AC9EA;;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;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE,8ElC9B+B;AmC2BjC;;ADMA;;;EAGE;ACHF;ADKE;;;EACE;EACA,8ElCxC6B;AmCuCjC;ADGI;;;EACE;ACCN;;ADGA;EACE;EACA;EACA;EAQA;ACPF;ADAE;EACE;ACEJ;ADAE;EACE;EACA;ACEJ;;ADIE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE,0ElCxDe;AmCsDnB;ADKE;EACE,kFlCvEa;AmCoEjB;ADME;EACE,mGlChGY;AmC4FhB;;ADQA;EACE;EACA;EACA,qElClGU;EkCmGV;EACA;EACA;EACA;ACLF,C;ACrGA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEpCEW;EoCDX,wEpCqBa;EoCpBb;ACDF;ADEE;EACE;ACAJ;ADEE;EACE;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADKE;EACE;EACA;EACA;ACFJ;ADKE;EACE;ACHJ;ADME;EACE;EACA;EACA;ACJJ;ADQI;EACE;ACNN;;ADYE;EACE;EACA;EACA;ACTJ;;ADaA;EACE;EACA;EACA;EACA,qEpCpEU;EoCqEV;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA,qEpC9EU;EoC+EV;EACA;EACA;ACVF;;ADeE;;EACE;ACXJ;ADiBE;;EACE;ACdJ,C;ACtFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;ADAI;EAEE;ACCN;;ACrBA;EACE;EACA;EACA;EACA;EACA;EACA;ADwBF;;ACrBA;EACE;EACA;EACA;ADwBF;ACtBE;EACE;ADwBJ;ACrBM;EACE;ADuBR;ACrBQ;EACE;EACA;ADuBV;;AChBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iExCrBW;EwCsBX,wExCFa;EwCGb;EACA;ADmBF;;ACfE;EACE;EACA;EACA;ADkBJ;ACfE;EACE;EACA;EACA;ADiBJ;ACdE;EACE,+DxC9BS;AuC8Cb;ACbE;EACE,8ExCtBW;AuCqCf;ACZE;EACE,+DxCtCS;EwCuCT;ADcJ;;ACVA;EACE;ADaF;;ACVA;EACE,2ExC/CiB;AuC4DnB;;ACVA;EACE;EACA;EACA;EACA;EACA;ADaF;ACXE;EACE;EACA;ADaJ;ACXI;EACE;EACA;ADaN;ACVI;ExC+DF;EACA;EACA;EwC9DI;EACA;ADaN;ACVI;EACE;EACA;ADYN;ACRE;EACE;ADUJ;ACPE;EACE;ADSJ;;ACLA;;EAEE;ADQF;;ACAE;;EACE;ADIJ;ACDE;;EACE;ADIJ;;ACAA;EACE,wFxCtHqB;AuCyHvB;ACDE;EACE,2ExC/Ge;AuCkHnB;ACCI;EACE;ADCN;;ACKE;EACE;EACA;ADFJ;;ACMA;EACE;EACA;EACA;EACA,uExChJW;EwCiJX,+DxCtIW;EwCuIX;EACA;EACA;EACA;EACA,wExChIa;EA6Hb;EACA;EACA;EACA;EwCEA;EACA;EACA;EACA;ADAF;;ACGA;EACE,2DxCpLQ;AuCoLV;;ACGA;EACE;ADAF;;ACGA;ExCjEE;EACA;EACA;EACA;EACA;EwC+DA;EACA;ADIF;;ACDA;EACE;EACA;EACA;ADIF;;ACCE;;EACE;EACA,6FxC1MY;AuC6MhB;ACDI;;EACE;ADIN;;ACCA;EACE;EACA;EACA;EACA,qExCjNU;EwCkNV;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA,qExC3NU;EwC4NV;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA,qExCrOU;EwCsOV;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA,qExC/OU;EwCgPV;EACA;EACA;ADEF;;ACII;;EACE;EACA;ADAN;ACKI;;EACE;EACA;ADFN;;ACQE;EACE;EACA;EACA;ADLJ;;ACWE;;;;EAEE;ADNJ;;ACUA;EACE;EACA;EACA;EACA;ADPF;;ACUA;EACE;ADPF;;ACUA;EACE;ADPF;;ACYE;EACE;EACA;EACA;ADTJ;ACWI;EACE;EACA;ADTN;;ACcA;EACE;EACA;ADXF;ACaE;EACE;ADXJ;ACcE;EACE;ADZJ;ACeE;EACE;EACA;ADbJ;;ACmBA;EACE;ADhBF;;ACmBA;EACE;EACA;ADhBF;;ACmBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADhBF;;ACmBA;EACE;EACA;EACA;ADhBF;ACkBE;EACE,0ExCxUe;AuCwTnB;;ACwBM;;EACE;EACA;ADpBR;ACyBE;;EAcE;ADnCJ;ACsBI;;EACE;EACA;ADnBN;ACsBI;;EACE;EACA;ADnBN;AC8BE;EACE;EACA;AD5BJ;;ACgCA;EACE;AD7BF;;ACgCA;EAKE;ADjCF;AC6BE;EACE;AD3BJ;;ACkCE;;EAEE;AD/BJ;;ACmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADhCF;;ACmCA;EACE;EACA;EACA;EACA;ADhCF;;ACmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uExC5aW;EwC6aX;EACA;EAEA;EACA;ADjCF;ACmCE;EACE;ADjCJ;ACoCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DxCndM;AuCibV;;ACsCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;EACA;EACA;ADhDF;ACiCE;EACE,0ExCpce;AuCqanB;ACkCE;EACE,kFxCnda;AuCmbjB;ACmCE;EACE,mGxC5eY;AuC2chB;;AC2CE;EACE;ADxCJ;AC2CE;EACE;ADzCJ;AC4CE;EACE;EACA;AD1CJ;;AC+CE;EACE;EACA;AD5CJ;AC8CI;EACE;AD5CN;AC+CE;EACE;EACA;AD7CJ;AC+CE;EACE;AD7CJ;AC+CE;EACE;AD7CJ;ACgDI;EACE,iExCrgBO;EwCsgBP;AD9CN;AC+CM;EACE,0ExC5fW;AuC+cnB;;ACoDE;EACE;ADjDJ;;ACqDE;EACE;ADlDJ,C;AErfA;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;;ADIA;;EAEE;ACDF;;ADGA;EACE;ACAF,C;ACpBA;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;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iEvERW;EuESX;EAEA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uEvErBW;AwEmBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EvE9Be;EuE+Bf;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,kFvE7De;AwE0DjB;;ADMA;EACE;ACHF;;ADMA;EACE;EACA;ACHF;ADKE;EACE,sFvE9De;EuE+Df;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,kFvEzJa;AwEyIjB;ADmBE;EACE;EACA,kFvE9Ja;AwE6IjB;ADmBI;EACE;EACA;ACjBN;;ADuBE;EACE;ACpBJ,C;AC3KA;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;EACE;EACA,iE5EtCS;A0EiRb;AEzOE;EACE;EACA;EACA;AF2OJ;;AExOA;EACE;AF2OF;;AEzOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF4OF;;AE1OA;EACE;EACA;EACA;EACA,+D5EnDW;E4EoDX;EACA,+B5E1BY;E4E2BZ;EACA;EACA;EACA;AF6OF;;AE3OA;EACE;EACA;AF8OF;;AG3UA;EACI;EACA;EACA;EACA;EACA;AH8UJ;;AG3UA;EACI;AH8UJ;;AG5UA;EACI;AH+UJ;;AI3VA;EACE;EACA;EACA;EACA;EACA;AJ8VF;;AKnWA;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;ALsWF;;AKpWA;;EAEE,+D/EWW;E+EVX;EACA;ALuWF;;AKpWE;EACE,kF/ELa;A0E4WjB;;AKpWA;;EAEE;EACA;ALuWF;;AKpWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E/ErBe;E+EsBf;ALuWF;;AKpWE;EACE;EACA;ALuWJ;AKrWE;EACE;ALuWJ;;AKnWE;EACE;ALsWJ;;AM/ZA;EACE;EACA;ANkaF;;AMhaA;EACE;ANmaF;AMjaE;EACE;ANmaJ;AMjaE;EACE,2EhFsBe;A0E6YnB;;AMhaA;EACE,+BhF4CY;EgF3CZ;EACA,+DhFeW;EgFdX;ANmaF;;AMhaA;EACE,iEhFDW;EgFEX;EACA;EACA;EACA;EACA;EAEA;ANkaF;;AM/ZE;EACE,kFhFXa;A0E6ajB;;AM7ZE;EACE,iEhFlBS;A0Ekbb;;AM5ZA;EACE;EACA;AN+ZF;;AM7ZA;EACE;ANgaF;;AM9ZA;EACE;EACA;EACA;EACA;EACA;EACA,2DhFxDQ;A0EydV;;AM/ZA;EACE,uDhFtBO;A0EwbT;;AMhaA;EACE;EACA;EACA;EACA;EACA;EACA;ANmaF;;AMhaA;EACE;ANmaF;;AMhaA;EACE;EACA;EACA;ANmaF;;AMjaA;EACE;EACA;EACA;ANoaF;;AOtfA;EACE;APyfF;AOxfE;EACE,uEjFkBS;A0Eweb;AOxfE;EACE;EACA;EACA;AP0fJ;;AOtfA;EACE;EACA;EACA;EACA;EACA;APyfF;AOvfE;EACE,0EjFae;A0E4enB;;AOrfA;;EAEE;APwfF;;AOrfA;;EAEE;EACA;EACA;EACA,2EjF5BU;EiF6BV;EACA;APwfF;;AOrfA;EACE;APwfF;;AOrfA;EACE;APwfF;;AOtfA;EACE;EACA;EACA;EACA;EACA;EACA,iEjF/BW;EiFgCX;EACA;APyfF;AOxfE;EACE;AP0fJ;;AOvfA;EACE;EACA;EACA,2EjF7BiB;A0EuhBnB;;AOxfA;EACE;EACA;EACA;EACA;EACA;EACA,4DjFtEQ;EiFuER,+BjFZY;EiFaZ;EACA;EACA;AP2fF;;AOxfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP2fF;AOzfE;EACE;EACA;EACA,8DjF3DS;A0EsjBb;;AQtlBA;EACE;EACA;ARylBF;;AQvlBA;EACE;EACA,uElFeW;EkFdX;AR0lBF;AQzlBE;EACE;AR2lBJ;;AQxlBA;EACE;AR2lBF;AQ1lBE;EACE;AR4lBJ;;AQxlBA;EAIE,4ElFDe;A0EylBjB;AQ3lBE;EACE;AR6lBJ;;AQzlBA;EACE;AR4lBF;;AQ1lBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR6lBF;AQ5lBE;EACE;AR8lBJ;AQ5lBE;EAEE;AR6lBJ;;AQ1lBA;EACE;AR6lBF;;AQ3lBA;EACE;EACA;EACA;EACA;EACA;EACA;AR8lBF;;AQ5lBA;EACE;AR+lBF;;AQ7lBA;EACE;ARgmBF;;AQ7lBE;EACE;ARgmBJ;;AQ7lBA;EACE;EACA;EACA;ARgmBF;;AQ9lBA;EACE;EACA;EACA,2ElF1CiB;EkF2CjB;EACA,4ElFvDe;EkFwDf;EACA;EACA;EACA;EACA;ARimBF;;AQ/lBA;EACE;ARkmBF;;AStrBE;EACE;ATyrBJ;ASxrBI;EACE;AT0rBN;;AU9rBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVisBF;;AU/rBA;EACE;EACA;AVksBF;AUjsBE;EACE;AVmsBJ;;AUhsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVmsBF;AUlsBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DpFdS;A0EktBb;;AUjsBA;EACE;AVosBF;;AW3uBA;EACE;AX8uBF;;AY/uBA;EACE;AZkvBF;;AalvBE;EACE;EACA;EACA;AbqvBJ;AanvBE;EACE;AbqvBJ;AanvBE;EACE;AbqvBJ;AahvBM;EACE;AbkvBR;Aa/uBI;EACE;AbivBN;Aa/uBI;EACE;EACA;AbivBN;AahvBM;EACE;AbkvBR;AahvBM;EACE;EACA;AbkvBR;AajvBQ;EACE;AbmvBV;Aa9uBE;EACE;AbgvBJ;Aa9uBE;EACE;EACA;AbgvBJ;Aa/uBI;EACE;EACA;EACA;AbivBN;Aa7uBE;EACE;EACA;EACA;Ab+uBJ;Aa9uBI;EACE;EACA;EACA;AbgvBN;Aa9uBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mEvF9BG;A0E8wBT;Aa9uBI;EACE;AbgvBN;Aa3uBI;EACE;Ab6uBN;Aa5uBM;EACE;Ab8uBR;Aa5uBM;EACE;Ab8uBR;Aa7uBQ;EACE;Ab+uBV;AaxuBM;EACE;Ab0uBR;AazuBQ;EACE;Ab2uBV;;Acx0BA;EACE;EACA;Ad20BF;;Acz0BA;EACE;Ad40BF;Ac30BE;EACE;EACA;EACA;EACA;Ad60BJ;Ac50BI;EAEE;Ad60BN;;Aex0BA;EACE;EACA;EACA;Af20BF;;Aex0BA;EAgBE;Af4zBF;Ae10BI;EACE;Af40BN;Ae10BI;EACE;Af40BN;Ae10BI;EACE;EACA;Af40BN;Aez0BE;EACE;Af20BJ;Aev0BE;;EAEE;Afy0BJ;;Aet0BA;EACE;Afy0BF;;Aev0BA;EACE;EACA;Af00BF;;Aex0BA;EACE;EACA;EACA;EACA;EACA;Af20BF;;Aev0BE;EACE;EACA;EACA;Af00BJ;;Aet0BA;EACE;Afy0BF;;Aet0BA;EACE;Afy0BF,C;AgBl5BA;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}\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}\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}\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}","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}\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}","@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 z-index: 0;\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 opacity: 0.5;\n\n .svc-page-navigator__navigator-icon {\n background-color: $primary-light;\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 {\n opacity: 0.5;\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}\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 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 border-radius: calcSize(0.5);\n\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px $secondary inset;\n background: $secondary-backcolor-semi-light;\n\n .svc-page__content-actions {\n display: block;\n }\n }\n}\n.svc-page__footer {\n overflow: visible;\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n .sv-action {\n flex: 1 1 0;\n }\n .svc-btn {\n flex-grow: 1;\n border: none;\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);\n width: calc(100% - 48px);\n height: 4px;\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 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,\n.svc-creator .svc-page .svc-page__content--selected:focus,\n.svc-hovered {\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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)) inset;\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 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% - 48px);\n height: 4px;\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--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 & > div {\n padding-left: 0;\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: 4px;\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: 4px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row--drag-over-top:before {\n top: -6px;\n\n &:first-child {\n }\n }\n\n .svc-row--drag-over-bottom:after {\n bottom: -6px;\n\n &:last-child {\n }\n }\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--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: 4px;\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: 4px;\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: -6px;\n}\n.svc-question__content--panel .svc-row--drag-over-bottom:after,\n.sd-panel__content .svc-row--drag-over-bottom:after {\n bottom: -6px;\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 border: 2px solid transparent;\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-creator .svc-page .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-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {\n box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.svc-creator .svc-page .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 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 2px 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: -7px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 4px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -7px;\n background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n top: 0;\n height: 100%;\n width: 4px;\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: -12px;\n width: 100%;\n height: 4px;\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: -12px;\n width: 100%;\n height: 4px;\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\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 :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected),\n.sd-row--multiple :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected) {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n box-shadow: none;\n}\n.sd-panel .svc-question__content,\n.sd-row--multiple .svc-question__content {\n border-radius: 0;\n}\n.sd-panel .svc-question__content.svc-question__content--selected,\n.sd-row--multiple .svc-question__content.svc-question__content--selected {\n border: 1px solid transparent;\n box-shadow: none;\n}\n.sd-panel .svc-question__content:hover,\n.sd-row--multiple .svc-question__content:hover {\n border: 1px solid transparent;\n box-shadow: none;\n}\n.sd-row--multiple .svc-hovered > .svc-question__content:not(.svc-question__content--selected) {\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)));\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\";\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 border: 2px solid transparent;\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-creator .svc-page .svc-hovered > .svc-question__content {\n box-shadow: 0 0 0 2px $secondary-light;\n}\n\n.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged),\n.svc-creator:not(.svc-creator--mobile)\n .svc-page\n .svc-hovered\n > .svc-question__content:not(.svc-question__content--dragged) {\n &.svc-question__content--selected {\n box-shadow: 0 0 0 2px $secondary;\n }\n\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 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 2px $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: -7px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 4px;\n}\n\n.svc-question__content--drag-over-right:after {\n content: \" \";\n position: absolute;\n right: -7px;\n background: $secondary;\n top: 0;\n height: 100%;\n width: 4px;\n}\n\n.svc-question__content--drag-over-top:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n top: -12px;\n width: 100%;\n height: 4px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n content: \" \";\n position: absolute;\n left: 0;\n background: $secondary;\n bottom: -12px;\n width: 100%;\n height: 4px;\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\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 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 :not(.svc-hovered) {\n & > .svc-question__content {\n &:not(.svc-question__content--selected) {\n border: 1px dashed $border;\n box-shadow: none;\n }\n }\n }\n\n .svc-question__content {\n &.svc-question__content--selected {\n border: 1px solid transparent;\n box-shadow: none;\n }\n\n &:hover {\n border: 1px solid transparent;\n box-shadow: none;\n }\n\n &:not(.svc-question__content--selected):not(:hover) {\n }\n\n border-radius: 0;\n }\n}\n\n.sd-row--multiple .svc-hovered > .svc-question__content {\n &:not(.svc-question__content--selected) {\n border: 1px solid $secondary-light;\n box-shadow: 0 0 0 1px $secondary-light;\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 .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 .sd-panel__content {\n gap: 0;\n padding-top: 0;\n }\n .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calcSize(1);\n }\n .sd-paneldynamic__panel-wrapper {\n padding: 0;\n }\n .sd-table__cell--actions {\n .sv-action-bar-item:disabled {\n background: $background;\n opacity: 1;\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.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\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.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\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\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 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: 9000;\n }\n\n .svc-side-bar__wrapper {\n border-left: none;\n z-index: 10000;\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 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: 9000;\n}\n.svc-flyout-side-bar .svc-side-bar__wrapper {\n border-left: none;\n z-index: 10000;\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: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__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\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 .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 0;\n min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\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 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 &: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__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.spg-table {\n width: 100%;\n background-color: $background;\n border-collapse: collapse;\n tr {\n border-bottom: 1px solid $border;\n }\n}\n.spg-table__cell {\n padding: 0;\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 background: $background-dim;\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.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 &[type=\"color\"] {\n padding-right: 0;\n }\n &:focus,\n &:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n }\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n display: none;\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.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calcSize(2);\n}\n.spg-table__cell--actions:first-of-type {\n width: calcSize(5);\n}\n.spg-table__cell--actions:last-of-type {\n .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: calcSize(0.5);\n cursor: move;\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.spg-table__question-wrapper {\n padding: calcSize(0.5) 0;\n}\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 .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 0;\n min-width: calcSize(12.5);\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 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 .sd-root-modern {\n background-color: transparent;\n }\n .sd-page {\n margin: 0;\n padding: 0;\n }\n }\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n padding: calcSize(4);\n\n .sd-body,\n .sl-body {\n min-width: calcSize(78);\n }\n}\n.sv-popup.sv-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n.svc-object-selector .sv-popup__container {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n}\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-title {\n .spg-action-bar {\n margin-top: calcSize(-1);\n margin-bottom: calcSize(-1);\n margin-right: 1px;\n }\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calcSize(3);\n}\n","@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":""}