survey-creator-core 1.11.6 → 1.11.7

package/survey-creator-core.fontless.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/responsivity.scss","webpack://SurveyCreatorCore/./src/components/tabs/theme-builder.scss","webpack://SurveyCreatorCore/theme-builder.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/switcher.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/creator.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/page.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/question.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/link-value.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/toolbox.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/side-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/property-grid.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-input.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-dropdown.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-comment.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-panel.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-checkbox.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-matrixdynamic.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-table.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question-group.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-color-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-file-edit.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-link.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-theme-builder.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-overriding.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-search-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/property-grid.scss","webpack://SurveyCreatorCore/./src/utils/design.scss","webpack://SurveyCreatorCore/design.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/layout.scss"],"names":[],"mappings":";;;;;;AACA;EACE;EACA;EACA;ACAF;;ADEA;EACE;EACA;EACA,uEEYW;EFXX;EACA;EACA;EACA;EACA;EAIA;ACFF;ADDE;EACE,0EEee;ADZnB;;ADII;EACE,2DExBI;ADuBV;;ADQI;EACE,iDEYA;ADjBN,C;AEzBA;EACE;EACA;EACA,4EDiBe;AElBjB;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF,C;ACbA;EACE;EACA;EACA,4EHiBe;AIlBjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEH3BQ;EG4BR,oEHzBmB;EG0BnB;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA,oDHsBU;EGpBV,uEHlBW;EGmBX;EACA;EACA;EAEA,+DHdW;EGeX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDHPA;AIIN;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE,uDHnBY;EGoBZ;EACA;EACA;EACA,kFHnCU;EGoCV;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE,iDHxDI;AImDN;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHnGW;EGoGX;EACA;EACA,wEHpFa;EGqFb;ACLF;ADOE;EACE,iEH9FmB;EG+FnB;EACA;ACLJ;;ADUE;EACE,2DHvIM;AIgIV,C;AC9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA,iELFW;EKGX;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;ADGI;EACE;ACDN;ADKE;EACE;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ;ADOI;EACE;EACA;ACLN;;ADUA;EACE;EACA;EACA;EACA;EAEA;EACA;ACRF;;ADWA;EAEE;;IAEE;ECTF;AACF,C;AC7DA;EACE;EACA;EACA,4EPiBe;AQlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFPOa;AQRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iEPpBS;EOqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;EPYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EOMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;EPgDF;EACA;EACA;EO/CI,+DP5CO;EO6CP;ACHN;;ADQA;EACE;EAEA;EACA;EACA;ACNF;;ADSA;EACE,uDPhCY;EOiCZ;EACA;EACA;EACA,+DP/DW;EOgEX;EACA;EACA;EACA;EACA;ACNF,C;ACzFA;EACE;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE;EACA;ACFF;;ADKA;EACE;EACA;EAEA;EACA;EACA;ACHF;ADKE;EAEE,mGT1BY;ES2BZ;ACJJ;ADMI;EACE,2DT/BI;AU2BV;;ADSA;EACE;EACA;EACA;ACNF;ADQE;EAEE,wFTEQ;ESDR;ACPJ;ADSI;EACE,iDTHA;AUJN;;ADYA;EACE;ACTF;;ADYA;;EAEE;ACTF;;ADaE;EACE;EACA;EACA;ACVJ;ADaE;EACE,iDTzBE;AUcN;;ADeA;EACE,gETpEU;AUwDZ;;ADeA;;;;;ETiCE;EACA,uDAtDY;EAuDZ;EACA;EACA;EACA;ES/BA;EACA,+DTvDW;ESwDX;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACTF;;ADYA;EACE,+DTpEW;ESqEX;EACA;EACA,uDT5CY;ES6CZ;EACA;EACA;ACTF;;ADYA;EACE;EACA;ACTF;ADWE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;ACVF;ADaI;EACE;EACA;EACA;ACXN;ADcI;EACE;EACA;EACA;ACZN;ADeI;EACE;ACbN;ADmBM;EACE;ACjBR;ADuBI;EACE;ACrBN;AD2BI;;EACE;ACxBN;AD0BM;;EACE;ACvBR;AD8BI;;EACE;AC3BN;;ADgCA;EACE;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;ADiCE;EACE;EACA;EACA,4DTlMM;ESmMN,mGTlMY;ESoMZ,uDT5IU;ES6IV;EACA;EAEA;EACA;EACA;EACA;EAEA;AClCJ;ADqCE;EACE,uETlNM;ESmNN,oEThNiB;AU6KrB;ADsCE;EACE;EACA;EACA;EACA;EACA;EACA;ACpCJ;;ADwCA;EACE;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADyCE;EACE;ACtCJ;;AD0CA;EACE;ACvCF;;AD2CE;EACE;EACA;EACA;ACxCJ;;AD2CA;EACE,+DTpOW;ESqOX;EACA;EACA;EACA;ACxCF;AD0CE;EACE;ACxCJ;;AD4CA;EACE;ACzCF;;AD4CA;EACE;EACA;EACA;EACA;EACA;ACzCF;;AD4CA;EACE;ACzCF;;AD4CA;EACE;ACzCF;;AD6CE;EACE;AC1CJ;;AD8CA;EACE;AC3CF;;AVjGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ;AVlGE;;;;;;EAME;AUoGJ;AVlGE;;EAEE;AUoGJ,C;ACpRA;EACE;EACA;EACA,kFXiBe;AYlBjB;AZ+IE;EACE;EACA;EACA;EACA;AY7IJ;;ADDA;EACE,kFXYe;EWXf;EACA;EACA;EACA;ACIF;ADDI;EACE;ACGN;ADAI;EACE;ACEN;ADAM;EACE;ACER;ADCM;EACE;ACCR;ADIM;;EAEE,4EXdS;AYYjB;;ADQA;EX0FE;EACA,uDA5EY;EA6EZ;EACA;EACA;EACA,+DA3GW;EA4GX;EACA;EACA;EACA;EACA;EACA;AY9FF;;ADHA;EACE;EACA;ACMF;;ADHA;EACE;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;EACA;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;ACMF;;ADFE;EACE,kFXxDa;EWyDb;ACKJ;;ADDA;EACE;ACIF;;ADDA;;EXbE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EWgCV,2EX3DiB;EW4DjB;ACSF;;ADNA;EACE;EACA;EACA;EACA;EAEA,8FX7EqB;EW8ErB;ACQF;;ADJE;EACE;EACA;ACOJ;;ADHA;EACE;EACA;EACA;EACA,uEX9FW;EW+FX;EACA;ACMF;;ADHA;EXrCE;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EWkCA,+DX5FW;EW6FX;EACA;ACWF;ADTE;EACE;EACA;ACWJ;;ADNE;EACE;ACSJ;;ADLA;EACE;EACA;EACA;EACA;ACQF;;ADLA;EXrDE;EACA,uDApCY;EAqCZ;EACA,wFArCU;EAsCV;EWmDA;EACA;EACA;EACA;EACA,uEXlIW;EWmIX,+DX1HW;EW2HX;EACA;ACYF;;ADTA;EACE;EACA,kFXzIe;AYqJjB;;ADTA;EACE;EACA;EACA;ACYF;ADXE;EACE;ACaJ;;ADVA;EACE;ACaF;ADXI;EAEE,mGX9KU;AY0LhB;ADTE;EACE,2DXnLM;AY8LV;;ADPA;EACE;ACUF;;ADPA;EACE;ACUF;;ADRA;EACE;EACA;EACA;EACA;ACWF;;ADTA;EACE;ACYF;;ADVA;EACE;EACA;EACA;EACA;EACA;ACaF;ADZE;EACE;EACA;EACA;ACcJ;ADZE;EACE,mGXlNY;AYgOhB;ADZE;EACE;EACA;EACA;ACcJ;;ADXA;;EAEE,kEX5LqB;EW6LrB,uDXrKY;EWsKZ;EACA;EACA;ACcF;;ADXA;EACE;EACA;EACA,iEXlNW;EWmNX;ACcF;;ADXA;EACE;ACcF;;ADXA;EACE;EACA,wEX1Ma;EW2Mb;ACcF;;ADVE;EACE;ACaJ;;AZxGE;;EAEE;AY2GJ;AZzGE;;EAEE;AY2GJ;AZzGE;;EAEE;AY2GJ;AZzGE;;;;;;EAME;AY2GJ;AZzGE;;EAEE;AY2GJ,C;AC3RA;EACE;EACA;EACA,4EbiBe;AclBjB;Ad+IE;EACE;EACA;EACA;EACA;Ac7IJ;;ADDA;EACE;EACA;EACA;EACA;EACA;ACIF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADGE;EACE;EACA;EACA,iEbXS;EaYT;EACA;ACAJ;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDbKY;EaJZ;EACA,2EbvBiB;EawBjB;EACA;EACA;ACDF;ADGE;EACE,iEbvCS;EawCT,+Db/BS;Ac8Bb;;ADKA;EACE;ACFF;;ADKA;EACE,+DbxCW;AcsCb;;ADME;EAEE;EACA;EACA;ACJJ;;ADQA;EACE,2Fb7BW;AcwBb;ADOE;EAEE,kDblCG;Ac4BP;;ADUA;;EAEE,+Fb7Ca;AcsCf;ADSE;;;EAEE,mEblDK;Ac4CT;;ADUA;EACE,wFbzDU;AckDZ;ADSE;EAEE,6Db9DE;AcsDN;;ADYA;EACE,uEb1FW;Ea2FX,kDbpEI;EaqEJ;ACTF;;ADYA;EACE;ACTF;;ADaE;EACE;ACVJ;;ADcA;EACE;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;;ADcA;;EAEE;ACXF;;ADcA;;EAEE,wFbtGU;Ac2FZ;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;;EAEE,2EbrIiB;EasIjB;ACXF;ADaE;;;EAEE,oEbtKiB;Ac4JrB;;ADeE;EACE;EACA;EACA;EACA;ACZJ;ADcI;EACE;EACA;ACZN;ADgBE;EACE;EACA;EACA;ACdJ;ADiBE;EACE;EACA;ACfJ;ADiBI;EAEE,uEbjLO;EakLP,wEbhKS;AcgJf;ADoBE;EACE,+Db9KS;Ea+KT;AClBJ;ADqBE;EACE;EACA;ACnBJ;;ADuBA;EACE,uDb9JY;Ac0Id;ADsBE;EACE;EACA;EACA;EACA;EACA;ACpBJ;ADuBE;EACE;ACrBJ;ADwBE;EACE;ACtBJ;;AD0BA;EACE;EACA;ACvBF;;AD2BE;EACE;EACA;EACA;ACxBJ;AD2BE;EACE;ACzBJ;AD4BE;EACE;AC1BJ;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;AC3BF;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;EACA;EACA;EACA,iEb9PW;Ea+PX,wEb7Oa;Ea8Ob;EACA;AC3BF;;AD+BE;EACE;AC5BJ;;ADgCA;EACE,uDbvOY;EawOZ;EACA;EACA;EACA;EACA;EACA,2EbvQiB;EawQjB;EACA;AC7BF;;ADgCA;EACE,6DbhQI;AcmON;;ADgCA;EACE;EACA;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;;ADkCA;EACE;AC/BF,C;AC5RA;EACE;EACA;EACA,4EfiBe;AgBlBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADMI;EACE;ACHN;ADOE;EACE;ACLJ;ADQE;EACE;ACNJ;ADOI;EACE;ACLN;ADSE;EACE;EACA;EACA;EACA;EACA;ACPJ;ADSI;EACE;ACPN;ADUI;EACE;ACRN;ADYE;EACE;ACVJ;ADaE;;EAEE;ACXJ;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACZF;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;ACZF;;ADeA;EACE;ACZF,C;ACjFE;EACE;ACFJ;ADKE;EACE;EACA;EACA;ACHJ;ADOI;EACE;EACA;EACA;EACA;ACLN;ADOM;EACE;EACA;EACA;ACLR;ADSI;EACE;EACA;ACPN;ADSM;EACE;EACA;ACPR;ADWE;EACE;ACTJ;ADYI;EACE;ACVN;ADcE;EACE;ACZJ;ADeE;EACE;EACA;EACA;ACbJ;ADeI;EACE;ACbN;ADiBM;EACE;ACfR;ADmBI;EACE;ACjBN;ADoBI;EACE;EACA;AClBN;ADsBE;EACE;ACpBJ;ADsBI;EACE;EACA;ACpBN;ADwBE;EACE;ACtBJ;ADwBI;EACE;EACA;EACA;ACtBN;ADwBM;EACE;ACtBR;ADyBM;EACE;EACA;ACvBR;AD0BM;EACE;EACA;EACA;ACxBR;AD2BM;EACE;ACzBR;AD+BI;EACE;EACA;AC7BN;ADiCE;EACE;AC/BJ;ADkCE;EACE;EACA;AChCJ;ADkCI;EACE;AChCN;ADqCI;EACE;ACnCN;ADsCQ;EACE;ACpCV;ADsCU;EACE;ACpCZ,C;ACxGA;EACE;EACA;EACA,4EnBiBe;AoBlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFnBOa;AoBRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iEnBpBS;EmBqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;EnBYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EmBMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;EnBgDF;EACA;EACA;EmB/CI,+DnB5CO;EmB6CP;ACHN,C;ACtEA;EACE;EACA;EACA;ACDF;;ADIA;EACE,2ErBsBiB;EqBpBjB,uDrB8CY;EqB7CZ;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4ErBHe;EqBKf;EACA;EACA;ACHF;;ADMA;EACE,iErBZW;AsBSb;;ADMA;EACE;EACA,4ErBhBe;AsBajB;;ADMA;EACE;EACA,iErBtBW;AsBmBb;;ADMA;;EAEE;EACA;EACA;EAEA;EACA,uErBrDQ;AsBiDV;;ADOA;EACE;EACA,+ErBvDmB;AsBmDrB;;ADOA;EACE;EACA;EACA;EACA;EAEA;EACA,6ErBnCqB;EqBqCrB;EACA;EACA;EACA;EACA;ACNF;;ADSA;EACE,+ErB3EmB;EqB4EnB;EACA;ACNF;;ADYE;;;EACE,uErBvFM;AsBgFV,C;AC9EA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA,iEvBWW;EuBVX;EACA;EACA,wEvB2Bc;EuB1Bd;EACA,+DvBeW;EuBdX;EACA;EACA;EAEA;EvBsDA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;AwBjCZ;;ADAA;EACE,6DvBkBI;EuBjBJ;EACA;ACGF;;ADCE;EACE;EACA;EACA;EACA;EACA;EACA;ACEJ;;ACrCA;;EAEE;EACA;EACA;EACA;EACA;EAEA;ADuCF;ACrCE;EAVF;;IAWI;IACA;EDyCF;AACF;ACvCE;;EACE;EACA;EACA;AD0CJ;ACvCE;;EACE;EACA;EACA;EACA,mEzBOK;AwBmCT;ACvCE;;EACE;AD0CJ;ACvCE;;EACE;EACA,sFzBNe;AwBgDnB;;ACtCA;EACE;EzBmFA;EACA;EACA;EACA;AwBzCF;;ACxCA;EACE;EACA;EACA;AD2CF;;ACtCA;EACE;EACA;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;EACA;EACA,uCzByCe;AwBAjB;;ACtCA;EACE;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;ADyCF;;ACtCA;EACE;EACA;ADyCF;;ACrCE;EACE;EACA;EACA,iEzBpES;EyBqET;ADwCJ;;ACpCA;EACE;EACA;EACA,2EzB3FU;EyB4FV;ADuCF;;ACpCA;EACE;EACA;EACA;EACA;EACA,uEzBrFW;EyBsFX;EACA;EACA,wEzBrEc;EyBsEd;ADuCF;;ACpCA;EACE,oEzB/GmB;EAgFnB;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EyB4BA;EACA;EACA;AD4CF;AC1CE;EACE,oEzBtHiB;AwBkKrB;;ACvCE;EACE;AD0CJ;;ACtCA;EACE;EACA;EACA;EACA,qEzBjIU;EyBkIV;ADyCF;;ACtCA;EACE;EACA;ADyCF;;ACtCA;EACE;EACA;ADyCF,C;AExLE;EACE;EACA;ACFJ;;ADMA;EAME;ACRF;ADGE;EACE;EACA;ACDJ;ADME;EACE;EACA;EACA;ACJJ;ADMI;EACE;EACA,2E1BOa;A2BXnB;ADQE;;EAEE;ACNJ;ADSE;EACE;ACPJ;;ADWA;EACE;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;ACVF;;ADaA;EACE;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD1BXY;E0BYZ;EACA,2E1BvCiB;E0BwCjB;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;ACVF;ADYE;EACE,2D1B/GM;A2BqGV;;ADcA;EACE;EACA;EACA;ACXF;ADaE;EACE;ACXJ;ADcE;EACE;ACZJ;;ADiBE;EAEE;ACfJ;;ADoBE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AClBJ;;ADuBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE1BzIS;E0B0IT;ACpBJ;;ADyBE;EACE;ACtBJ;;AD2BE;EACE;ACxBJ;;ADiCQ;EACE;AC9BV;;ADuCE;;EACE;ACnCJ;;ADyCI;EACE;EACA;EACA;ACtCN;AD2CI;EACE;ACzCN;;ADgDI;EACE;EACA;AC7CN;;ADsDI;EACE;ACnDN;;AD4DA;EACE;ACzDF,C;AClLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uE5BcW;E4BbX,wE5B+Ba;E4B9Bb;EACA;EACA;EACA;AJCF;AICE;EACE;EACA;EACA;EACA;EACA,4D5BnBM;AwBoBV;;AIGA;EACE,4G5BCgB;AwBDlB;;AIEA;EACE;AJCF;;AK5BA;EACE;EAEA;EACA;EACA;EAEA,4D7BPQ;E6BQR;EACA;EACA;EAEA;AL4BF;AK1BE;EAEE,mG7BfY;E6BgBZ;AL2BJ;;AKvBA;EACE,mE7BtBQ;AwBgDV;;AKvBA;EACE;EACA,+D7BGW;AwBuBb,C;AMnDA;;EAEE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,0E9Bce;A+BfnB;;ADKA;EACE;EACA;EACA;ACFF;;ADSI;;;EAEE;ACLN;ADOM;;;EACE,mG9BnCQ;A+BgChB;ADKQ;;;EACE,2D9BvCA;A+BsCV;;ADSE;EACE,mG9B/CY;E8BgDZ;ACNJ;ADQI;EACE,2D9BpDI;A+B8CV;;ADWA;EACE;ACRF;;ADYE;EACE;EACA;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;ACVF;;ADkBI;;;;EACE;EACA;ACZN;ADgBE;;;;EACE;EACA;ACXJ;;ADgBE;EACE;EACA;EACA;EACA;EACA;ACbJ;ADgBE;EACE;EACA;EACA;EACA;ACdJ,C;AC9FA;;EAEE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EAEE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;EACE;ACLJ;;ADUE;EACE;EACA;ACPJ;ADUE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,6DhCjBO;AiCQT;;ADaE;EACE;EACA;EACA;EACA;EACA,iEhCxCS;EgCyCT;ACVJ;;ADcA;EhCqDE;EACA;EACA;EgCpDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEhC3DW;EgC4DX;EACA,wEhC1Cc;EgC2Cd,gEACE;ACXJ;ADcE;EACE;EACA;EACA;EACA;ACZJ;;ADoBE;;;;EACE;EACA;ACdJ;ADgBI;;;;EACE;EACA;ACXN;;ADkBI;EACE;EACA;EACA;EACA,iEhCpHI;AiCqGV;;ADsBE;;EACE;EACA;EACA;AClBJ;;AD6BI;;;;;;;;EACE;ACnBN;;ADyBE;EACE,+DhCnHS;EgCoHT;ACtBJ,C;AC1HA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE,8ElC/B+B;AmC4BjC;;ADSE;;;EACE;EACA,8ElCvC6B;AmCmCjC;ADMI;;;EACE;ACFN;;ADOA;EACE;EACA;EACA;EAWA;ACdF;ADKE;EACE;ACHJ;ADME;EACE;EACA;ACJJ;;ADWE;EACE;ACRJ;;ADYA;EACE;ACTF;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;ADWE;EACE,0ElCjEe;AmCwDnB;ADYE;EACE,kFlC9Ea;AmCoEjB;ADaE;EACE,mGlCvGY;AmC4FhB;;ADeA;EACE;EACA;EACA,qElCzGU;EkC0GV;EACA;EACA;EACA;ACZF;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;ADcE;EACE;EACA;ACZJ;;ADkBE;;EACE;EACA;ACdJ;ADkBI;;EACE;ACfN;ADkBI;;EACE;ACfN;ADkBI;;EACE,uElCtJI;EkCuJJ,oElCpJe;EkCqJf;ACfN;ADkBI;;EACE,2DlCvIO;AmCwHb,C;AC3IA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EAIA;EACA;EACA;EACA;EACA;ACLF;ADFE;EACE;ACIJ;;ADME;EACE;EACA;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;EACA;EACA;ACLJ;ADSI;EACE;ACPN;;ADaE;EACE;EACA;EACA;ACVJ;;ADcA;EACE;EACA;EACA;EACA,qEpCzEU;EoC0EV;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,qEpCnFU;EoCoFV;EACA;EACA;ACXF;;ADgBE;;EACE;ACZJ;ADkBE;;EACE;ACfJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;;;;;EAME;AqChEJ;ArCkEE;;EAEE;AqChEJ,C;AChHA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;;ADGA;EACI;IACE;ECAJ;AACF;ADGA;EACI;IACE;ECDJ;AACF;ADIE;EACE;EACA;EACA;EACA;EACA;EACA;ACFJ;ADGI;EAEE;ACFN;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;ACpCE;EACE;ADsCJ;ACnCM;EACE;ADqCR;ACnCQ;EACE;EACA;ADqCV;;AC9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iExC1BW;EwC2BX,wExCTa;EwCUb;ADiCF;;AC7BE;EACE;EACA;ADgCJ;AC7BE;EACE;EACA;EACA;AD+BJ;AC5BE;EACE;AD8BJ;AC3BE;EACE,+DxCvCS;AuCoEb;AC1BE;EACE,8ExC/BW;AuC2Df;ACzBE;EACE,+DxC/CS;EwCgDT;AD2BJ;ACxBE;EACE;EACA;AD0BJ;;ACtBA;;EAEE;ADyBF;;ACpBI;EACE;ADuBN;ACnBM;EACE;ADqBR;;ACdA;EACE,2ExC7EiB;EwC8EjB;EACA;EAEA;EACA;EACA;EACA;ADgBF;;ACbA;EACE;EACA;EAMA;EACA;EACA;ADWF;ACjBE;EACE;ADmBJ;ACZE;EACE;ADcJ;ACZI;EACE;EACA;ADcN;ACXI;ExCnBF;EACA;EACA;EwCoBI;EACA;ADcN;ACZM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADcR;ACTM;EACE,2DxC7JE;AuCwKV;ACRM;EACE;ADUR;ACNI;EACE;EACA;ADQN;ACHE;EACE;ADKJ;ACFE;EACE;ADIJ;ACDE;EACE;ADGJ;ACAE;EACE;EACA;EACA;ADEJ;ACAI;EACE;EACA;ADEN;ACAM;EACE;ADER;ACEI;EACE;ADAN;ACOI;EACE,+DxCzMM;AuCoMZ;;ACWA;;EAEE;ADRF;;ACWA;EACE;ADRF;;ACaE;;EACE;ADTJ;;ACcA;EACE,wFxChNqB;AuCqMvB;ACaE;EACE,2ExC3Me;AuCgMnB;ACeI;EACE;ADbN;;ACmBE;EACE;EACA;ADhBJ;;ACoBA;EAEE;EACA;EACA,uExC1OW;EwC2OX,+DxClOW;EwCmOX;EACA;EACA;EACA;EACA,wExC5Na;EAoFb;EACA;EACA;EACA;EwCwIA;EACA;EACA;EACA;ADhBF;;ACmBA;EACE,2DxC/QQ;AuC+PV;;ACmBA;EACE;ADhBF;;ACmBA;ExC5ME;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EwC8NV;ADXF;;ACcA;EACE;EACA;ADXF;ACaE;EACE;EACA;ADXJ;;ACeA;EACE;EACA;EACA;ADZF;;ACiBE;;EACE;EACA;EACA,6FxC/SY;AuCkShB;ACeI;;EACE;ADZN;;ACiBA;EACE;EACA;EACA;EACA,qExCtTU;EwCuTV;EACA;EACA;ADdF;;ACiBA;EACE;EACA;EACA;EACA,qExChUU;EwCiUV;EACA;EACA;ADdF;;ACkBE;EACE;ADfJ;ACkBE;EACE;ADhBJ;;ACqBA;EACE;EACA;EACA;EACA,qExCrVU;EwCsVV;EACA;EACA;ADlBF;;ACqBA;EACE;EACA;EACA;EACA,qExC/VU;EwCgWV;EACA;EACA;ADlBF;;ACwBI;;EACE;EACA;ADpBN;ACyBI;;EACE;EACA;ADtBN;AC0BE;;EACE;ADvBJ;AC0BE;;EACE;ADvBJ;;AC4BE;EACE;EACA;EACA;ADzBJ;;ACgCE;;;;EAEE;AD3BJ;;AC+BA;EACE;EACA;EACA;EACA;AD5BF;;AC+BA;EACE;AD5BF;;AC+BA;EACE;AD5BF;;ACiCE;EACE;EACA;EACA;AD9BJ;ACgCI;EACE;EACA;AD9BN;;ACmCA;EACE;EACA;ADhCF;ACkCE;EACE;ADhCJ;ACmCE;EACE;ADjCJ;ACoCE;EACE;EACA;ADlCJ;;ACwCA;EACE;ADrCF;;ACwCA;EACE;EACA;ADrCF;;AC0CI;EACE;ADvCN;ACyCI;EACE;ADvCN;ACyCI;EACE;ADvCN;ACwCM;EACE;ADtCR;AC0CQ;EACE;ADxCV;AC0CQ;;EAEE;ADxCV;;ACgDE;EACE;EACA;AD7CJ;AC8CI;;EAEE;EACA;AD5CN;;ACiDE;EACE;AD9CJ;ACiDI;EACE;AD/CN;ACiDI;EACE;AD/CN;;ACqDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADlDF;;ACqDA;EACE;EACA;EACA;EACA;ADlDF;ACoDE;EACE,0ExCxfe;AuCscnB;;ACuDE;EACE;EACA;ADpDJ;ACwDI;EACE;ADtDN;ACyDI;EACE;ADvDN;AC2DE;EACE;EACA;EACA;ADzDJ;AC4DE;EACE;EACA;AD1DJ;AC6DE;EACE;EACA;AD3DJ;;ACiEE;;EAEE;AD9DJ;;ACkEA;EACE;AD/DF;;ACkEA;EAKE;ADnEF;AC+DE;EACE;AD7DJ;;ACqEE;;EAEE;ADlEJ;;ACsEA;EACE;EACA;EACA;EACA;ADnEF;;ACsEA;EACE;EACA;EACA;EACA;EACA;ADnEF;;ACwEE;;;;;;;;EAQE;EACA;EACA;ADrEJ;ACuEI;;;;;;;;EACE;AD9DN;;ACmEA;EACE;EACA;ADhEF;;ACmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADhEF;;ACmEA;EACE;EACA;EACA;EACA;ADhEF;;ACmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ADjEF;ACmEE;EACE;ADjEJ;ACoEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DxC/qBM;EwCgrBN;ADlEJ;;ACsEA;EACE;EACA;ADnEF;ACqEE;EACE,2DxCzrBM;AuCsnBV;;ACuEA;EACE;IACE;EDpEF;AACF;ACuEA;EACE;IACE;EDrEF;ECwEA;IACE;EDtEF;ECwEE;IACE;EDtEJ;EC4EE;;IACE;EDzEJ;EC4EE;;IACE;EDzEJ;EC4EE;;IACE;EDzEJ;EC2EI;;IACE;EDxEN;AACF;AC8EA;EACE;EACA;EACA;EACA;EACA;AD5EF;;AC+EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;EACA;EACA;ADzFF;AC0EE;EACE,0ExC5tBe;AuCopBnB;AC2EE;EACE,kFxCzuBa;AuCgqBjB;AC4EE;EACE,mGxClwBY;AuCwrBhB;;ACoFE;EACE,+DxCxwBQ;AuCurBZ;;ACsFE;EACE;ADnFJ;ACsFE;EACE;ADpFJ;ACuFE;EACE;EACA;EACA;ADrFJ;;AC0FE;EACE;ADvFJ;AC0FE;EACE;EACA;ADxFJ;AC0FI;EACE;ADxFN;AC4FE;EACE;EACA;AD1FJ;AC6FE;EACE;AD3FJ;AC8FE;EACE;AD5FJ;ACgGI;EACE,iExC1yBO;EwC2yBP;AD9FN;ACgGM;EACE,0ExCpyBW;AuCssBnB;ACmGE;EACE;ADjGJ;;ACsGE;EACE;ADnGJ;ACsGE;EACE;EACA;EACA;EACA;EACA;EACA;ADpGJ;ACwGI;EACE;EACA;EACA;EACA;ADtGN;;AC4GE;EACE;EACA;ADzGJ;;AC+GI;EACE,+DxCz2BM;AuC6vBZ;;ACiHA;;;EAGE,oFxC/2B+B;AuCiwBjC;;ACqHM;EACE;ADlHR;ACwHI;EACE;EACA;ADtHN;AC2HI;EACE;EACA;ADzHN;AC6HM;EACE;AD3HR;;ACiIA;EACE;EACA;EACA;EACA;EACA;AD9HF;AC+HE;EAIE;EACA;EACA;EACA;ADhIJ;AC0HI;EACE,iExCh4BiB;AuCwwBvB;AC8HI;EACE;AD5HN;;ACmIE;;EACE;AD/HJ,C;AE9yBA;EACE;ACFF;;ADKA;EACE;ACFF;;ADMA;EACE;ACHF;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;EACA;ACJF;ADME;EACE;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EAEA;ACNJ,C;AC7BA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;;EAEE;ACFF;;ADKA;EACE;ACFF;;ADME;EACE;ACHJ;;ADOA;EAEI;IACE;ECLJ;AACF;ADSE;EACE;ACPJ;;ADWA;EACE;EACA,uE3C9BW;E2C+BX;EACA;EACA;ACRF;;ADWA;EACE;EACA;EACA;EACA;ACRF,C;ACnDA;EACE;ACDF;;ADKE;EACE;ACFJ;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;;ADSE;EACE;EACA;ACNJ;ADQI;EACE;ACNN;ADUI;EACE;ACRN;ADUM;EACE;ACRR;ADUM;EACE;ACRR;ADaM;EACE;EACA;ACXR;ADaQ;EACE;ACXV;ADkBQ;EACE;AChBV;ADmBQ;EACE;ACjBV;ADuBM;EACE;ACrBR;ADuBQ;EACE;ACrBV;ADwBQ;EACE;ACtBV;AD4BM;EACE;AC1BR;AD4BQ;EACE;AC1BV;AD6BQ;EACE;AC3BV;ADiCE;EACE;EACA;EACA;EACA;AC/BJ;ADkCE;EACE;EACA;EACA;EACA;AChCJ;ADmCE;EACE;EACA;ACjCJ;;ADoCA;EACE;ACjCF;;ADoCE;EACE;ACjCJ;ADoCE;EACE;EACA;AClCJ;ADsCI;EACE;EACA;EACA;ACpCN;ADwCI;;;;EAIE;ACtCN;ADyCI;;;EAGE;ACvCN,C;ACxGA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADME;;EACE;ACFJ;ADKE;;EACE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;;;EAGE;ACLJ;ADQE;EACE;ACNJ;;ADUA;EACE,iE/ClBW;E+CmBX,wE/CCa;E+CAb;EACA;EACA;E/CkFA;EACA;EACA;EACA;AgDxFF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;;ADUE;;EACE;ACNJ;;ADUA;EACE;EACA;EACA;ACPF;ADSE;EACE;ACPJ;ADUE;EACE,8D/ClES;AgD0Db;;ADYA;EACE,0E/CtEiB;E+CuEjB;EACA;ACTF;;ADaE;EACE,iD/ChEE;AgDsDN;;ADeE;EACE,2D/ClHM;AgDsGV;;ADkBE;EAEE,mG/CzHY;AgDyGhB;;ADsBE;EAEE,wF/CrFQ;AgDiEZ;;ADwBA;EACE;ACrBF;;AD2BI;;EAEE,2E/ChHa;AgDwFnB;AD2BI;EACE;ACzBN;AD6BE;EACE,4E/ClIa;AgDuGjB;AD6BI;EACE,0E/C5Ha;AgDiGnB;;ADiCE;EACE;AC9BJ;ADiCE;EACE;EACA;AC/BJ;;ADmCA;EACE;EACA;EACA;AChCF;;ADoCE;EACE;ACjCJ;ADoCE;EACE;AClCJ;ADqCE;EACE;ACnCJ;ADsCE;EACE;EACA;ACpCJ;ADuCE;EACE;EACA;ACrCJ;;AD4CE;EACE;ACzCJ;AD4CE;EACE;AC1CJ;;AD8CA;EACE;EACA;EACA;AC3CF;;AD8CA;EACE;IACE;EC3CF;ED8CA;IACE;EC5CF;AACF;AD+CA;EACE;EACA;EACA;AC7CF;;ADgDA;EACE;IACE;EC7CF;EDgDA;IACE;EC9CF;AACF;ADiDA;EACE;EACA,4E/CjOe;E+CkOf;EACA;EACA;EACA;EACA;EACA;AC/CF;;ADuDI;;;EACE;AClDN;ADqDI;;;EACE;ACjDN;ADoDI;;;EACE;AChDN;ADmDI;;;EACE;AC/CN;ADkDI;;;EACE;AC9CN;;AD0DI;;;EACE;ACrDN;ADwDI;;;EACE;ACpDN;ADuDI;;;EACE;EACA;ACnDN,C;ACvPA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EACE;EACA;ACDJ;;ADME;EACE;EACA,mGjDnBY;AkDgBhB;ADME;EACE;EACA;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;ADOE;EACE,2DjDrDM;AkDgDV;ADQE;EAEE,mGjDzDY;AkDkDhB;;ADWA;EACE;EACA;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADcE;EACE;ACXJ;;ADgBE;EACE;ACbJ;ADgBE;EACE;ACdJ;;ADkBA;EACE;EACA,4EjDhFe;AkDiEjB;;ADkBA;EACE;ACfF;ADiBE;EACE;ACfJ;;ADmBA;EACE;EACA;EACA;EACA;AChBF,C;AC3FA;EACE;ACTF;;ADaE;EACE;ACVJ;ADWI;EACE;ACTN;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;ADYE;EACE;ACVJ;;ADcA;EACE;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,iEnDlCW;EmDmCX;EACA;EACA;EACA;EACA;ACXF;ADaE;EACE,0EnDhCe;AoDqBnB;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;;ADgBE;EACE;EACA;ACbJ;ADgBE;EnD0CA;EACA;EACA;EACA;AoDvDF;;ADgBE;EACE;ACbJ,C;AC3EA;EACE,uDrDsDY;EqDrDZ;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA,2ErDiBe;EqDhBf;EACA,uErDKS;AsDNb;ADGI;EACE;ACDN;ADII;EACE;EACA;ACFN;ADME;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uErDdS;AsDUb;ADOE;EACE,uErDlBS;EqDmBT;EACA,wErDFW;AsDHf;ADOI;EACE;EACA;ACLN;ADOM;EACE;EACA;ACLR;ADOQ;EACE;ACLV;ADOU;EACE,0ErDxBO;AsDmBnB;ADSQ;EACE;EACA;ACPV;ADWM;EACE;EACA,kFrD7CS;EqD8CT;EACA;EACA;EACA,2ErDxCW;AsD+BnB;ADWQ;EACE;ACTV;ADaM;EACE;EACA;EACA;EACA;EACA;ACXR;ADaQ;EACE;EACA;EACA;ACXV;ADcQ;EACE;EACA;ACZV;ADgBM;EACE;ACdR;ADiBM;EACE;ACfR;ADiBQ;EACE,2ErD1ES;AsD2DnB,C;ACxFA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADEE;EACE;ACAJ;ADEE;EACE;EACA;EACA;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA,2EvDJiB;EuDKjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,mGvDhDY;EuDiDZ;ACDJ;ADGI;EACE,2DvDrDI;AwDoDV;ADKE;EACE;EACA;ACHJ;;ADOA;EACE,0EvDjCiB;AwD6BnB;;ADOA;EACE;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADSE;EACE;ACNJ;;ADYE;;EACE;ACRJ,C;ACvFA;EACE;EACA;ACDF;;ADGA;EACE;ACAF;;ADEA;EACE,kDzDkCI;EyDjCJ;EACA;ACCF;;ADCA;;EAEE,wFzD6BU;A0D3BZ,C;AChBA;EACE;EACA;ACDF,C;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E7DqBiB;E6DpBjB;EACA;EACA,iE7DQW;E6DPX;EACA,uD7D0CY;E6DzCZ;ACDF;;ADIA;;EAEE;EACA,+D7DQW;E6DPX;EACA;ACDF;;ADIA;EACE,kF7DNe;E6DOf,2E7DEiB;E6DDjB;ACDF;;ADIA;;EAEE,+D7DLW;E6DMX;EACA,uE7DhBW;A8Deb,C;AClCA;EACE;EACA;EACA;EACA;EACA;ACDF;ADEE;EAEE,kF/DYa;E+DXb;EACA;ACDJ;;ADKA;EACE,iE/DIW;E+DHX;ACFF;ADGE;EAEE;EACA;ACFJ;;ADMA;EACE;EACA,+D/DEW;E+DDX;ACHF;ADIE;EACE,uE/DVS;AgEQb;;ADMA;EACE;ACHF;;ADME;EACE;EACA;ACHJ;;ADOA;EACE;ACJF,C;ACxCA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF,C;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;;EAEE;EACA;ACFJ;;ADOE;;EAEE;ACJJ;;ADUA;EACE;EAKA;ACXF;ADQE;EACE;ACNJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;ADWE;EACE;EACA;EACA;EACA;ACTJ;ADYE;EACE,+DnExBS;AoEcb;ADaE;EACE,2DnE1DM;AoE+CV;;ADwBI;;;;;;;;;;;;EACE;EACA;EACA;EACA;EACA;EACA;ACVN;ADWM;;;;;;;;;;;;EACE;EACA;ACER;ADGE;;;;EACE;EACA;ACEJ;ADCE;;;;EACE;ACIJ;ADDE;;;;EACE;ACMJ;ADHE;;;;EACE;ACQJ;ADNE;;;;EACE;ACWJ;ADPI;;;;EACE;EACA;ACYN;;ADPA;EnEvCE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EmE0DV;EACA;EACA;EACA;EACA,2EnEzFiB;AoEuGnB;;ADRE;;;EACE;EACA;EACA;EACA;EACA;ACaJ;ADXI;;;EACE;ACeN;;ADVA;EACE;ACaF;ADXE;EACE;ACaJ;ADZI;EACE;ACcN;ADVE;EACE;ACYJ;;ADPE;;;EAGE;EACA;EACA,uEnE3IS;EmE4IT,wEnEzHY;EmE0HZ;ACUJ;ADRI;;;EACE,+DnEvIO;AoEmJb;ADTI;;;EACE,2DnEzKI;AoEsLV;;ADRA;;;EAGE,mGnEhLc;EmEiLd;ACWF;ADTE;;;EACE,2DnErLM;AoEkMV;;ADNE;;;EACE;ACWJ;;ADJM;EACE;ACOR;ADHI;EACE;EACA;EACA;EACA;ACKN;;ADGI;;EAME,+DnE7LO;EmE8LP;ACJN;ADFM;;EACE,8DnEzLK;EmE0LL;ACKR;ADEI;;EACE;ACCN;;ADKE;EACE;EACA;ACFJ;ADKE;EACE;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;EACA;ACLJ;ADOE;EACE;EACA;ACLJ;ADQE;;EAEE;ACNJ;ADSE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACPJ;ADSI;EACE;ACPN;ADcI;;;EACE;EACA;ACVN;ADYM;;;EACE;ACRR;ADaE;EACE;ACXJ,C;ACjRA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA;ACDJ;ADGE;EACE;EACA;ACDJ;ADGE;EACE;ACDJ;ADII;EACE,wFrEeM;EqEdN;ACFN;ADGM;EACE,iDrEWF;AsEZN;;ADOA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ACLF;;ADSE;EACE;ACNJ;;ADUA;EACE;EACA;ACPF;ADSE;EACE;EACA;ACPJ;ADSE;EACE;EACA;EACA;ACPJ;;ADUA;EACE;EACA;EACA;ACPF;ADSE;EACE;EACA;ACPJ;;ADWA;EACE;EACA;EACA;ACRF;ADSE;EACE;EACA;ACPJ;ADSE;EACE;EACA;EACA,4ErEvEa;EqEwEb;EACA,qNACE;ACRN;;ADeE;EACE;ACZJ;;ADiBE;EACE;ACdJ;;ADmBE;EACE;AChBJ;ADkBE;EACE;AChBJ;ADmBI;EACE;ACjBN;ADkBM;EACE;EACA;AChBR;;ADsBA;EACE;EACA;EACA;ACnBF;;AD2BI;;;;EACE;ACrBN;ADwBE;;;;EACE;ACnBJ;ADsBE;;;;EACE;ACjBJ;ADmBE;;;;EACE;EACA;EACA;ACdJ;ADgBE;;;;EACE;EACA;EACA;EACA;ACXJ;ADaI;;;;EACE,sNACE;ACTR;ADgBI;;;;EACE;ACXN;;ADgBA;EACE;ACbF;;ADiBE;EACE;EACA;EACA;EACA;ACdJ;;ADkBA;EACE;EACA;EACA;EACA;EACA,kFrEhLe;EqEiLf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACfF;;ADiBA;EACE;EACA;EACA;ACdF;;ADiBA;EACE;EACA;EACA;ACdF;;ADiBA;EACE;EACA;ACdF;;ADiBA;EACE;EACA;EACA,mErEjMO;EqEkMP;ACdF;;ADkBE;EACE;ACfJ;;ADmBA;EACE;EACA;EACA,4ErE3Ne;EqE6Nf;EACA;EACA;EACA;EACA;ACjBF;;ADoBA;EACE;ACjBF;;ADoBA;EACE,uDrEtMY;EqEuMZ;EACA;EACA;EACA,+DrErOW;EqEsOX;EACA;ACjBF;;ADoBA;EACE;EACA;EACA;EACA;ACjBF;;ADoBA;EACE,0ErEjPiB;AsEgOnB;;ADqBE;EACE;AClBJ;;ADsBA;EACE;ACnBF;ADqBE;EACE;EAEA;EACA;EACA;ACpBJ;;ADyBE;EACE;EACA;ACtBJ;;ADyBA;EACE;EACA;ACtBF;;ADyBA;EACE;EACA;EACA;EACA,2ErErRiB;EA6DjB;EACA,uDApCY;EAqCZ;EACA,wFArCU;EAsCV;EqEsNA;AClBF,C;AClSA;EACE;EACA;EACA,uDvEoDY;EuEnDZ;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iEvETW;EuEUX;EAEA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uEvEvBW;AwEqBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EvEhCe;EuEiCf;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADOA;EACE;EACA;EACA;EACA,kFvE7De;AwEyDjB;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;ACJF;ADME;EACE,sFvEhEe;EuEiEf;EACA;EACA;EACA;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLJ;;ADSA;EACE;ACNF;ADQE;EACE;ACNJ;ADSE;EACE;EACA;ACPJ;;ADWA;EACE;ACRF;ADUE;EACE;EACA;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;EACA;EACA;ACVJ;ADaE;EACE;ACXJ;;ADeA;EACE;ACZF;;ADiBE;EACE;ACdJ;ADgBE;EACE;ACdJ;;ADmBE;EACE;AChBJ,C;ACxJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;ACEJ;;ADCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DzErBQ;EyEsBR;EACA;EACA;EACA,uDzEgCY;EyE/BZ;EACA;EACA;ACEF;ADDE;EAEI;EACA;EACA,mGzEhCU;A0EkChB;ADDM;EACI,2DzEnCA;A0EsCV;;ADCA;EACE;ACEF;ADDE;EACE,0EzEXe;A0EcnB;;ADAA;EACE,kDzEFI;A0EKN;ADFE;EAEE,wFzEJQ;A0EOZ;ADFI;EACI,iDzEPF;A0EWN;;ADAA;EACE;ACGF;;ADDA;EACE;EACA;EACA;ACIF;;ADFA;EACE;ACKF;;ADHA;EACE;ACMF;;ADJA;EACE;ACOF;;AC7EA;EACE;EACA;EACA;EACA;ADgFF;;AC7EA;EACE;ADgFF;;ACjEA;EAXE;EACA;EACA;EACA;EACA;EACA,uD3EwCY;E2EvCZ,2E3EaiB;E2EZjB;EACA;ADgFF;;ACzEA;EACE;EACA,4D3E7BQ;E2E8BR;AD4EF;;ACzEA;;EAEE;AD4EF;;ACzEA;EACE;AD4EF;;ACzEA;EACE;EACA;EACA;EACA;EACA;EACA,uD3ESY;E2ERZ;EACA;EACA,2E3EpBiB;E2EqBjB;EACA;EACA;AD4EF;;ACzEA;EACE;EACA;EACA,kE3E3BqB;E2E4BrB;EACA;AD4EF;;ACzEA;EACE;AD4EF;;ACxEE;EACE;AD2EJ;;ACvEA;EACE;EACA,iE3ExDW;E2EyDX;EACA;EACA;EACA;AD0EF;ACxEE;EACE;AD0EJ;;ACtEA;EACE;EACA;EACA;EACA;EAQA;EACA;ADkEF;ACzEE;EACE;EACA;EACA;AD2EJ;;ACpEA;EACE;ADuEF;ACrEE;EACE;EAOA;EACA;ADiEJ;ACvEI;EAEE;ADwEN;;AChEA;EACE;EACA;EACA;ADmEF;ACjEE;EACE;EACA;ADmEJ;ACjEI;EACE;ADmEN;AChEI;EACE;EACA;ADkEN;;AC7DA;EACE;EACA,+D3EhHW;E2EiHX,wF3ElGU;E2EmGV;EACA;ADgEF;;AC1DE;;EACE;EACA;AD8DJ;;AC1DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD6DF;;AC1DA;EACE;AD6DF;;ACxDE;;EACE;AD4DJ;AC1DI;;EACE;AD6DN;;AElPA;EACE;EACA;EACA;EACA;EACA,uE5EgBW;E4EfX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD5E2CY;E4E1CZ,+D5EeW;A0EsOb;;AElPA;EACE,2E5EYiB;A0EyOnB;;AElPA;;;;EAIE;AFqPF;;AElPA;;EAEE,+D5EDW;E4EEX;AFqPF;;AElPA;;EAEE,+D5EPW;E4EQX;AFqPF;;AElPA;EACE;EACA;EACA;AFqPF;;AElPA;EACE;EACA;EACA;EACA,iE5E9BW;E4E+BX;EACA;EACA;EACA;EACA;EACA;AFqPF;AEnPE;EAEE,4E5EvCa;A0E2RjB;AEjPE;EACE;AFmPJ;AEhPE;EAEE;EACA,iE5ElDS;A0EmSb;AE9OE;EACE;EACA;EACA;AFgPJ;;AE5OA;EACE;AF+OF;;AE5OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF+OF;;AE5OA;EACE;EACA;EACA;EACA;AF+OF;AE7OE;EACE;AF+OJ;AE5OE;EACE;EACA;AF8OJ;;AE1OA;EACE;EACA;EACA;EACA,+D5ErFW;E4EsFX;EACA,uD5E5DY;E4E6DZ;EACA;EACA;EACA;AF6OF;;AE1OA;EACE;AF6OF;;AE1OA;EACE;EACA;AF6OF;;AG/WA;EACI;EACA;EACA;EACA;EACA;AHkXJ;;AG/WA;EACI;AHkXJ;;AGhXA;EACI;AHmXJ;;AGjXA;EACI;AHoXJ;;AInYA;EACE;EACA;EACA;EACA;EACA;AJsYF;;AK3YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E/EsBiB;E+ErBjB;EACA;EACA,uE/ESW;E+ERX;EACA,uD/E2CY;E+E1CZ;EACA;EACA;AL8YF;;AK3YA;;EAEE,+D/EQW;E+EPX;EACA;AL8YF;;AK3YA;;EAEE,kF/EPe;A0EqZjB;;AK3YA;EACE,+D/EHW;E+EIX;AL8YF;;AK3YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E/EtBe;E+EuBf;AL8YF;;AK1YE;EACE;EACA;AL6YJ;AK1YE;EACE;AL4YJ;;AKvYE;EACE;AL0YJ;;AKrYE;EACE;EACA;ALwYJ;;AM5cA;EACE;EACA;AN+cF;;AM5cA;EACE;AN+cF;AM7cE;EACE;AN+cJ;AM5cE;EACE,2EhFkBe;A0E4bnB;;AM1cA;EACE,uDhFuCY;EgFtCZ;EACA,+DhFUW;EgFTX;AN6cF;;AM1cA;EACE,iEhFJW;EgFKX;EACA;EACA;EACA;EACA;EAEA;AN4cF;;AMxcE;EACE,kFhFfa;A0E0djB;;AMtcE;EACE,iEhFtBS;A0E+db;;AMrcA;EACE;EACA;ANwcF;;AMrcA;EACE;ANwcF;;AMrcA;EACE;EACA;EACA;EACA;EACA;EACA,2DhF9DQ;A0EsgBV;;AMrcA;EACE,uDhF/BO;A0EueT;;AMrcA;EACE;EACA;EACA;EACA;EACA;EACA;ANwcF;;AMpcA;EACE;ANucF;;AMpcA;EACE;EACA;EACA;ANucF;;AMpcA;EACE;EACA;EACA;ANucF;;AMncE;EACE;ANscJ;AMlcI;EACE;ANocN;;AO1iBA;EACE;AP6iBF;AO5iBE;EACE,uEjFkBS;A0E4hBb;AO5iBE;EACE;EACA;EACA;AP8iBJ;;AO1iBA;EACE;EACA;EACA;EACA;EACA;AP6iBF;AO3iBE;EACE,0EjFWe;A0EkiBnB;;AOziBA;;EAEE;AP4iBF;;AOziBA;;EAEE;EACA;EACA;EACA,2EjF5BU;EiF6BV;EACA;AP4iBF;;AOziBA;EACE;AP4iBF;;AOziBA;EACE;AP4iBF;;AO1iBA;EACE;EACA;EACA;EACA;EACA;EACA,iEjF/BW;EiFgCX;EACA;AP6iBF;AO5iBE;EACE;AP8iBJ;;AO3iBA;EACE;EACA;EACA,2EjF/BiB;A0E6kBnB;;AO5iBA;EACE;EACA;EACA;EACA;EACA;EACA,4DjFtEQ;EiFuER,uDjFdY;EiFeZ;EACA;EACA;AP+iBF;;AO5iBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP+iBF;AO7iBE;EACE;EACA;EACA,8DjF7DS;A0E4mBb;;AQ1oBA;EACE;EACA;AR6oBF;;AQ1oBA;EACE;EACA,uElFcW;EkFbX;AR6oBF;AQ3oBE;EACE;AR6oBJ;;AQzoBA;EACE;AR4oBF;AQ1oBE;EACE;AR4oBJ;;AQxoBA;EAKE,4ElFNe;A0E6oBjB;AQ3oBE;EACE;AR6oBJ;;AQvoBA;EACE;AR0oBF;;AQvoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR0oBF;AQxoBE;EACE;AR0oBJ;AQvoBE;EAEE;ARwoBJ;;AQpoBA;EACE;ARuoBF;;AQpoBA;EACE;EACA;EACA;EACA;EACA;EACA;ARuoBF;;AQpoBA;EACE;ARuoBF;;AQpoBA;EACE;ARuoBF;;AQnoBE;EACE;ARsoBJ;;AQloBA;EACE;EACA;EACA;ARqoBF;;AQloBA;EACE;EACA;EACA,2ElF5DiB;EkF6DjB;EACA,4ElFvEe;EkFwEf;EACA;EACA;EACA;EACA;EACA;ARqoBF;AQnoBE;EACE;ARqoBJ;AQloBE;EACE;EACA;ARooBJ;;AQhoBA;EACE;ARmoBF;;ASlvBE;EACE;ATqvBJ;ASpvBI;EACE;ATsvBN;;AU1vBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV6vBF;;AU1vBA;EACE;EACA;AV6vBF;AU3vBE;EACE;AV6vBJ;;AUzvBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV4vBF;AU1vBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DpFnBS;A0E+wBb;;AUvvBE;EACE;AV0vBJ;;AUrvBE;EACE;AVwvBJ;;AUpvBA;EACE;AVuvBF;;AWhzBA;EACE;AXmzBF;;AYpzBA;EACE;AZuzBF;;AYnzBE;EACE;EACA,4DtFPM;EsFQN;EACA;AZszBJ;;Aa9zBE;EACE;Abi0BJ;Aa9zBE;EACE;EACA;EACA;Abg0BJ;Aa7zBE;EACE;EACA;EACA;Ab+zBJ;Aa5zBE;EACE;Ab8zBJ;AazzBM;EACE;Ab2zBR;AavzBI;EACE;AbyzBN;AatzBI;EACE;EACA;EACA;EACA;AbwzBN;AatzBM;EACE;AbwzBR;AarzBM;EACE;EACA;AbuzBR;AarzBQ;EACE;AbuzBV;AajzBE;EACE;AbmzBJ;AahzBE;EACE;EACA;AbkzBJ;AahzBI;EACE;EAIA;EACA;Ab+yBN;AanzBM;EACI;AbqzBV;Aa7yBE;EACE;Ab+yBJ;Aa7yBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mEvFhDG;A0E+1BT;Aa3yBE;EACE;Ab6yBJ;Aa1yBE;;EAEE;Ab4yBJ;Aa1yBI;;EACE;Ab6yBN;AazyBE;EvFjBA;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EuFcE,4DvFtEa;EuFwEb;EACA;EACA;EACA;Ab+yBJ;Aa5yBE;;EAEE;Ab8yBJ;Aa3yBE;EACE;Ab6yBJ;Aa1yBE;EACE;Ab4yBJ;Aa1yBE;EACE;Ab4yBJ;Aa1yBE;EACE;Ab4yBJ;Aa1yBE;EACE;Ab4yBJ;Aa1yBE;EACE;Ab4yBJ;Aa1yBE;EACE;Ab4yBJ;;AavyBE;EACE;EACA;Ab0yBJ;;Acx7BA;EACE;EACA;Ad27BF;;Acz7BA;EACE;Ad47BF;Ac37BE;EACE;EACA;EACA;EACA;Ad67BJ;Ac57BI;EAEE;Ad67BN;;Aez8BE;;;;EAIE;Af48BJ;Ae18BE;;EAEE;EACA;Af48BJ;Ae18BI;;EACE;Af68BN;Ae18BE;EACE,wGzFVc;A0Es9BlB;Ae18BE;EACE;EACA,uEzFfQ;A0E29BZ;Ae18BE;EACE;EACA;Af48BJ;;Aex8BA;EACE;EACA;Af28BF;;Aex8BA;EACE;EACA,4EzFde;EyFef;EACA;EACA;EACA;EACA;Af28BF;;Aex8BA;EzF2EE;EACA;EACA;EyF3EA,+DzFhBW;EyFkBX,uDzFSY;EyFRZ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;Af08BF;;Aev8BA;EAEE;Afy8BF;;Aet8BA;EACE,2EzF3CiB;A0Eo/BnB;;Aet8BA;EACE;EACA;EACA;EACA;EACA;Afy8BF;;Aev8BA;EACE;EACA;EACA;Af08BF;;Aev8BA;EACE;Af08BF;;Aev8BA;EACE;EACA;EACA;Af08BF;;Aev8BA;EACE,2EzFtEiB;EyFwEjB,uDzF9CY;EyF+CZ;EACA;EACA;EACA;EACA;EACA;Afy8BF;;Aet8BA;EACE;EACA;Afy8BF;Aev8BE;EACE;EACA;Afy8BJ;Aev8BI;EACE,0EzF1Fa;A0EmiCnB;;AgB/iCA;EACE;EACA;EACA;EACA;AhBkjCF;A1E76BE;;EAEE;A0E+6BJ;A1E76BE;;EAEE;A0E+6BJ;A1E76BE;;EAEE;A0E+6BJ;A1E76BE;;;;;;EAME;A0E+6BJ;A1E76BE;;EAEE;A0E+6BJ;;AgBtkCA;EACE;AhBykCF;A1El9BE;EACE;EACA;EACA;EACA;A0Eo9BJ;;AgB3kCA;EACE;AhB8kCF;;AgB3kCA;EACE;EACA;AhB8kCF;;AgBzkCI;EACE;AhB4kCN;AgBzkCI;EACE;AhB2kCN;AgBxkCI;EACE;EACA;AhB0kCN;AgBvkCI;EACE;AhBykCN;AgBrkCE;EACE;AhBukCJ;AgBpkCE;;EAEE;AhBskCJ;;AgBlkCA;EACE;AhBqkCF;;AgBlkCA;EACE;EACA;AhBqkCF;;AgBlkCA;EACE;EACA;EACA;EACA;EACA;AhBqkCF;;AgBjkCE;EACE;EACA;EACA;AhBokCJ;;AgBhkCA;EACE;AhBmkCF;;AgBhkCA;EACE;AhBmkCF;;AgBhkCA;EACE;EACA;AhBmkCF;AgB7jCE;EACE;AhB+jCJ;AgB9jCI;EACE;EACA;AhBgkCN;AgB7jCI;;EAEE;AhB+jCN;AgB5jCI;EACE;AhB8jCN;AgB3jCI;EACE,iE1FhGiB;A0E6pCvB,C;AiB5rCA;EACE,uD3FsDY;E2FrDZ;EACA;EACA,+D3FwBW;A4FzBb;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF,C;ACjBA;EACE;ACDF;;ADIA;EACE;EACA;EACA,4E7Fae;A8FdjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;ACAF;;ADEA;EACE;ACCF;;ADEE;EACE;ACCJ;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;EACA,iE7F9BW;E6F+BX;EACA;ACCF;ADCE;EACE;EACA;ACCJ;ADCI;EACE;EACA;ACCN;ADEI;EACE;ACAN;ADEI;EACE;ACAN;ADGI;EACE;ACDN;;ADME;EACE;ACHJ;ADKI;EACE;EACA;EACA;EAEA;EACA,iE7FjEO;E6FkEP;EACA;ACJN,C","file":"survey-creator-core.fontless.css","sourcesContent":["@import \"../variables.scss\";\n.svc-context-container {\n  display: flex;\n  gap: calcSize(1);\n  width: max-content;\n}\n.svc-context-button {\n  display: block;\n  box-sizing: border-box;\n  background-color: $background;\n  border-radius: 50%;\n  width: calcSize(6);\n  height: calcSize(6);\n  cursor: pointer;\n  padding: calcSize(1.5);\n  use {\n    fill: $foreground-light;\n  }\n  outline: none;\n}\n.svc-context-button {\n  &:hover,\n  &:focus {\n    use {\n      fill: $primary;\n    }\n  }\n}\n.svc-context-button--danger {\n  &:hover,\n  &:focus {\n    use {\n      fill: $red;\n    }\n  }\n}\n",".svc-context-container {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: max-content;\n}\n\n.svc-context-button {\n  display: block;\n  box-sizing: border-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: 50%;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  outline: none;\n}\n.svc-context-button use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-context-button:hover use, .svc-context-button:focus use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}","$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(\n  --sjs-editorpanel-backcolor,\n  var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))\n);\n$question-background: var(\n  --sjs-questionpanel-backcolor,\n  var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))\n);\n\n$background: var(--sjs-general-backcolor, var(--background, #fff));\n$background-dim: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n$background-dim-light: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n$background-semitransparent: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n$background-dark: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n$background-dim-dark: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n\n$corner-radius: var(--sjs-corner-radius, 4px);\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-small: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-medium: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n$shadow-large: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--sjs-font-family, var(--font-family));\n$font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n@function calcSize($multiplier) {\n  @if $multiplier ==1 {\n    $result: #{$base-unit};\n    @return $result;\n  } @else {\n    $result: calc(#{$multiplier} * (#{$base-unit}));\n    @return $result;\n  }\n}\n\n@mixin smallBold {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: $font-size;\n}\n\n@mixin defaultBold {\n  --default-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: $font-size;\n  line-height: calc(1.5 * var(--default-bold-font-size));\n}\n\n@mixin defaultFont {\n  --default-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  font-family: $font-family;\n  font-style: normal;\n  font-size: $font-size;\n  line-height: calc(1.5 * var(--default-font-size));\n}\n\n@mixin borderLight {\n  --border-light-font-size: #{$base-unit};\n  border: calc(0.25 * var(--border-light-font-size)) solid $border-light;\n  border-radius: $corner-radius;\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin mediumBold {\n  --medium-bold-font-size: #{$base-unit};\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: bold;\n  font-size: calc(3 * var(--medium-bold-font-size));\n  line-height: calc(4 * var(--medium-bold-font-size));\n}\n\n@mixin textEllipsis {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@mixin disableUserSelect {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n@mixin centerText {\n  --center-text-font-size: #{$base-unit};\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * var(--center-text-font-size));\n  color: $foreground;\n  width: 100%;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  text-align: center;\n  overflow: hidden;\n}\n\n@mixin disableTransitionAnimations {\n  * {\n    -webkit-transition: none !important;\n    -moz-transition: none !important;\n    -o-transition: none !important;\n    transition: none !important;\n  }\n}\n\n@mixin disableAnimations {\n  .sd-row--fade-out,\n  .sd-row--fade-in {\n    animation: none;\n  }\n  .sd-element-wrapper--fade-out,\n  .sd-element-wrapper--fade-in {\n    animation: none;\n  }\n  .sd-element__content--fade-in,\n  .sd-element__content--fade-out {\n    animation: none;\n  }\n  .sd-paneldynamic__panel-wrapper--fade-in,\n  .sd-paneldynamic__panel-wrapper--fade-out,\n  .sd-paneldynamic__panel-wrapper--fade-out-left,\n  .sd-paneldynamic__panel-wrapper--fade-out-right,\n  .sd-paneldynamic__panel-wrapper--fade-in-left,\n  .sd-paneldynamic__panel-wrapper--fade-in-right {\n    animation: none;\n  }\n  .sd-table__row--fade-out,\n  .sd-table__row--fade-in {\n    animation: none;\n  }\n}\n","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-ace {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n  height: 100%;\n}","svc-tab-json-editor-ace {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n  height: 100%;\n}","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-textarea {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n  width: 100%;\n  height: 100%;\n  border: none;\n  outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n  position: absolute;\n  top: 0%;\n  right: calc(0% + calc(2 * #{$base-unit}));\n  min-height: calc(2.5 * #{$base-unit});\n  max-height: calc(2.5 * #{$base-unit});\n  border: none;\n  background-color: $primary;\n  color: $primary-foreground;\n  font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n  position: absolute;\n  right: 0%;\n  top: calc(0% + calc(3 * #{$base-unit}));\n  max-width: calc(100% - calc(2 * #{$base-unit}));\n  padding: $base-unit;\n\n  background-color: $background;\n  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n  border: 1px solid $border;\n  border-radius: 1px;\n\n  color: $foreground;\n  font-family: monospace;\n\n  span {\n    white-space: pre-line;\n\n    >b {\n      color: $red;\n    }\n  }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n  display: none;\n}\n\n.svc-json-errors {\n  display: flex;\n  max-height: calc(#{$base-unit} * 25 + 5px);\n  overflow-y: auto;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  border-top: 1px solid $border-inside;\n}\n\n.svc-json-errors__item {\n  pointer-events: none;\n  display: block;\n}\n\n.svc-json-error {\n  font-family: $font-family;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\n  background: $red-light;\n  display: flex;\n  align-items: center;\n  gap: calcSize(2);\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n  border-top: 1px solid $border-inside;\n}\n\n.svc-json-error .sv-string-viewer {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n  text-decoration: underline;\n}\n\n.svc-json-error__icon {\n  fill: $red;\n}\n\n.svc-json-error__container {\n  display: flex;\n  gap: calcSize(1);\n}\n\n.svc-json-error__title {\n  flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n  appearance: none;\n  flex-grow: 0;\n  flex-shrink: 0;\n  pointer-events: all;\n  padding: 0 calcSize(1);\n  width: calcSize(5);\n  height: calcSize(3);\n  background: $background;\n  border: none;\n  border-radius: calcSize(0.5);\n  box-shadow: $shadow-small;\n  cursor: pointer;\n\n  svg {\n    fill: $foreground-dim-light;\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n}\n\n.svc-json-error__fix-button:hover {\n  svg {\n    fill: $primary;\n  }\n}","svc-tab-json-editor-textarea {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n  width: 100%;\n  height: 100%;\n  border: none;\n  outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n  position: absolute;\n  top: 0%;\n  right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  border: none;\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n  position: absolute;\n  right: 0%;\n  top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  border-radius: 1px;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-family: monospace;\n}\n.svc-json-editor-tab__content-errors span {\n  white-space: pre-line;\n}\n.svc-json-editor-tab__content-errors span > b {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-editor-tab__content-errors:empty {\n  display: none;\n}\n\n.svc-json-errors {\n  display: flex;\n  max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px)) * 25 + 5px);\n  overflow-y: auto;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-errors__item {\n  pointer-events: none;\n  display: block;\n}\n\n.svc-json-error {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  display: flex;\n  align-items: center;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-error .sv-string-viewer {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n  text-decoration: underline;\n}\n\n.svc-json-error__icon {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-error__container {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-json-error__title {\n  flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n  appearance: none;\n  flex-grow: 0;\n  flex-shrink: 0;\n  pointer-events: all;\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  cursor: pointer;\n}\n.svc-json-error__fix-button svg {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-json-error__fix-button:hover svg {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../variables.scss\";\n\n.svd-simulator {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  box-sizing: content-box;\n  transform-origin: 0 0;\n  top: 50%;\n  left: 50%;\n  transform: scale(1.26) translate(-50%, -50%);\n  overflow: overlay;\n  border: 2px solid $border-inside;\n}\n\n.svd-simulator-wrapper {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: 32px;\n  border: 4px solid $background-dim;\n  background: $background;\n  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.10), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n  min-height: 100%;\n\n  &.svd-simulator-main--desktop {\n    min-height: auto;\n\n    &.svd-simulator-main--running {\n      height: 100%;\n    }\n  }\n\n  &.svd-simulator-main--frame {\n    display: flex;\n    align-items: center;\n  }\n\n  &:not(.svd-simulator-main--frame) {\n    background-color: transparent;\n  }\n\n  .sd-root-modern {\n    min-height: 100%;\n\n    .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n      width: auto;\n      right: 0;\n    }\n  }\n}\n\n.svd-simulator-content {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  // border-bottom: 1px solid $border-inside;\n  box-shadow: inset 0px -1px 0px 0px $border-inside;\n  position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n\n  ::i-block-chrome,\n  .svd-simulator-content {\n    overflow-y: scroll;\n  }\n}",".svd-simulator {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  box-sizing: content-box;\n  transform-origin: 0 0;\n  top: 50%;\n  left: 50%;\n  transform: scale(1.26) translate(-50%, -50%);\n  overflow: overlay;\n  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svd-simulator-wrapper {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: 32px;\n  border: 4px solid var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n  min-height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--desktop {\n  min-height: auto;\n}\n.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {\n  height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--frame {\n  display: flex;\n  align-items: center;\n}\n.svd-simulator-main:not(.svd-simulator-main--frame) {\n  background-color: transparent;\n}\n.svd-simulator-main .sd-root-modern {\n  min-height: 100%;\n}\n.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n  width: auto;\n  right: 0;\n}\n\n.svd-simulator-content {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  ::i-block-chrome,\n  .svd-simulator-content {\n    overflow-y: scroll;\n  }\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n\n  .sv-root-modern .sv-completedpage,\n  .sv_default_css .sv_completed_page {\n    margin: 0;\n    border: 0;\n    background-color: $background-dim;\n  }\n\n  .sv_default_css .sv_body {\n    border: 0;\n  }\n\n  .svc-preview__test-again {\n    width: calcSize(33);\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: calcSize(12);\n    margin-top: 8px;\n  }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n\n  .sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n    width: 100%;\n    position: absolute;\n  }\n\n  .sv-action-bar.sv-action-bar--pages {\n    left: 0;\n    right: 0;\n    justify-content: center;\n    gap: calcSize(1);\n\n    .sv-action__content {\n      padding: 0;\n    }\n\n    .sv-action-bar-item {\n      margin: 0;\n    }\n  }\n\n  .sv-action-bar-item {\n    @include smallBold;\n    width: 100%;\n    height: calcSize(4);\n  }\n\n  .svc-page-selector {\n    max-width: 50%;\n\n    .sv-action-bar-item__title {\n      @include textEllipsis;\n\n      color: $foreground;\n      display: inline-block;\n    }\n  }\n}\n\n.svc-page-invisible .sv-list-item__marker-icon {\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n\n  padding: 0;\n  opacity: 0.5;\n  margin-inline-end: calcSize(0.5);\n}\n\n.svc-test-tab__content .sd-body--empty {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 400;\n  font-size: calcSize(2);\n  color: $foreground;\n  text-align: center;\n  overflow: hidden;\n  position: static;\n  display: flex;\n  flex-direction: column;\n}","svc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n  margin: 0;\n  border: 0;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n  border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n  padding: 0;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n  position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n  left: 0;\n  right: 0;\n  justify-content: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n  padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n  margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  width: 100%;\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n  max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: inline-block;\n}\n\n.svc-page-invisible .sv-list-item__marker-icon {\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n  padding: 0;\n  opacity: 0.5;\n  margin-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-test-tab__content .sd-body--empty {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  text-align: center;\n  overflow: hidden;\n  position: static;\n  display: flex;\n  flex-direction: column;\n}","@import \"../../variables.scss\";\n@import \"../../colors.scss\";\n\n.sl-table {\n  width: 50%;\n  margin: 0 25%;\n}\n\n.sl-table__row {\n  position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n  margin-top: calcSize(-0.5);\n  padding-right: calcSize(4);\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n  width: calcSize(6);\n  height: calcSize(6);\n\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n  padding: 0;\n\n  &:hover:enabled,\n  &.sv-focused--by-key {\n    background-color: $primary-light;\n    outline: none;\n\n    use {\n      fill: $primary;\n    }\n  }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n  border-radius: calcSize(12.5);\n  padding: calcSize(1);\n  cursor: pointer;\n\n  &:hover:enabled,\n  &.sv-focused--by-key {\n    background-color: $red-light;\n    outline: none;\n\n    use {\n      fill: $red;\n    }\n  }\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n  display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n  display: block;\n}\n\n.sl-table__row #remove-row {\n  .sv-action-bar-item {\n    border: none;\n    width: calcSize(5);\n    height: calcSize(5);\n  }\n\n  .sv-action-bar-item__icon use {\n    fill: $red;\n  }\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n  color: $secondary;\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n  @include mediumBold;\n\n  background: transparent;\n  color: $foreground;\n  outline: none;\n  border: none;\n  box-shadow: none;\n\n  max-height: calcSize(13.5);\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n  color: $foreground;\n  font-weight: bold;\n  font-size: calcSize(2);\n  font-family: $font-family;\n  vertical-align: top;\n  padding: calcSize(2) 0;\n  width: 100%;\n}\n\n.sl-table__cell--actions {\n  position: absolute;\n  width: max-content;\n\n  &:first-of-type {\n    transform: translateX(-100%);\n  }\n}\n\n.sl-table__cell--detail-button {\n  overflow: hidden;\n  appearance: none;\n  outline: none;\n  border: none;\n  background-color: transparent;\n}\n\n.sl-table {\n  border-collapse: separate;\n  border-spacing: 0;\n  table-layout: fixed;\n\n  thead {\n    th:first-child {\n      position: absolute;\n      left: 0;\n      transform: translateX(-100%);\n    }\n\n    th:last-child {\n      position: absolute;\n      right: 0;\n      transform: translateX(100%);\n    }\n\n    .sl-table__cell.st-table__cell--header {\n      text-align: left;\n    }\n  }\n\n  tbody {\n    tr:last-of-type {\n      .sl-table__cell {\n        padding-bottom: calcSize(10);\n      }\n    }\n  }\n\n  tr:first-of-type {\n    .sl-table__cell {\n      padding-top: calcSize(4);\n    }\n  }\n\n  td,\n  th {\n    &:first-of-type {\n      padding-left: calcSize(4);\n\n      .sv-action-bar {\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  td,\n  th {\n    &:last-of-type {\n      padding-right: calcSize(4);\n    }\n  }\n}\n\n.sl-panel .sl-panel__footer {\n  padding: 0;\n\n  .sv-action {\n    width: 100%;\n  }\n\n  .sv-action__content {\n    width: 100%;\n  }\n\n  button.sl-panel__done-button {\n    width: 100%;\n    margin: calcSize(2) 0 calcSize(10) 0;\n    color: $primary;\n    background-color: $primary-light;\n\n    font-family: $font-family;\n    font-size: calcSize(2);\n    border-radius: calcSize(12.5);\n\n    display: flex;\n    align-items: center;\n    vertical-align: baseline;\n    text-align: center;\n\n    user-select: none;\n  }\n\n  button:hover:enabled {\n    background-color: $primary;\n    color: $primary-foreground;\n  }\n\n  .sv-action-bar-item__title {\n    color: inherit;\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\n    font-weight: 600;\n  }\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n  padding: 0;\n}\n\n.sl-question {\n  display: flex;\n  align-items: center;\n  margin-top: calcSize(2);\n}\n\n.sl-row {\n  display: flex;\n  align-items: flex-start;\n  flex-flow: row wrap;\n}\n\n.sl-row--multiple {\n  .sl-panel {\n    padding-bottom: 0;\n  }\n}\n\n.sl-question__header--left {\n  margin-right: calcSize(1);\n}\n\n.sl-row {\n  .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n    overflow-x: auto;\n    padding: 2px;\n    margin: -2px;\n  }\n}\n.sl-question__title {\n  color: $foreground;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  margin: 0;\n  font-weight: 600;\n\n  span + span {\n    display: none;\n  }\n}\n\n.sl-row--multiple .sl-question {\n  padding-right: calcSize(1);\n}\n\n.svc-logic-question-value {\n  --sd-base-padding: calc(5 * #{$base-unit});\n  --sd-base-vertical-padding: calc(4 * #{$base-unit});\n  --sd-page-vertical-padding: calc(3 * #{$base-unit});\n  padding-right: calcSize(5);\n  margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor {\n  margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n  margin-top: 0;\n}\n\n.sv-popup.sv-property-editor {\n  .sl-row {\n    flex-flow: nowrap;\n  }\n}\n\n.spg-comment.sl-comment {\n  height: calcSize(17);\n}\n\n.sl-body {\n  @include disableAnimations;\n}\n",".sl-table {\n  width: 50%;\n  margin: 0 25%;\n}\n\n.sl-table__row {\n  position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  outline: none;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: pointer;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  outline: none;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled use, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n  display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n  display: block;\n}\n\n.sl-table__row #remove-row .sv-action-bar-item {\n  border: none;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table__row #remove-row .sv-action-bar-item__icon use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n  color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n  --medium-bold-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: bold;\n  font-size: calc(3 * var(--medium-bold-font-size));\n  line-height: calc(4 * var(--medium-bold-font-size));\n  background: transparent;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  outline: none;\n  border: none;\n  box-shadow: none;\n  max-height: calc(13.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: bold;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  vertical-align: top;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  width: 100%;\n}\n\n.sl-table__cell--actions {\n  position: absolute;\n  width: max-content;\n}\n.sl-table__cell--actions:first-of-type {\n  transform: translateX(-100%);\n}\n\n.sl-table__cell--detail-button {\n  overflow: hidden;\n  appearance: none;\n  outline: none;\n  border: none;\n  background-color: transparent;\n}\n\n.sl-table {\n  border-collapse: separate;\n  border-spacing: 0;\n  table-layout: fixed;\n}\n.sl-table thead th:first-child {\n  position: absolute;\n  left: 0;\n  transform: translateX(-100%);\n}\n.sl-table thead th:last-child {\n  position: absolute;\n  right: 0;\n  transform: translateX(100%);\n}\n.sl-table thead .sl-table__cell.st-table__cell--header {\n  text-align: left;\n}\n.sl-table tbody tr:last-of-type .sl-table__cell {\n  padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table tr:first-of-type .sl-table__cell {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type,\n.sl-table th:first-of-type {\n  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type .sv-action-bar,\n.sl-table th:first-of-type .sv-action-bar {\n  justify-content: flex-end;\n}\n.sl-table td:last-of-type,\n.sl-table th:last-of-type {\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-panel .sl-panel__footer {\n  padding: 0;\n}\n.sl-panel .sl-panel__footer .sv-action {\n  width: 100%;\n}\n.sl-panel .sl-panel__footer .sv-action__content {\n  width: 100%;\n}\n.sl-panel .sl-panel__footer button.sl-panel__done-button {\n  width: 100%;\n  margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: center;\n  vertical-align: baseline;\n  text-align: center;\n  user-select: none;\n}\n.sl-panel .sl-panel__footer button:hover:enabled {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sl-panel .sl-panel__footer .sv-action-bar-item__title {\n  color: inherit;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n  font-weight: 600;\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n  padding: 0;\n}\n\n.sl-question {\n  display: flex;\n  align-items: center;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-row {\n  display: flex;\n  align-items: flex-start;\n  flex-flow: row wrap;\n}\n\n.sl-row--multiple .sl-panel {\n  padding-bottom: 0;\n}\n\n.sl-question__header--left {\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n  overflow-x: auto;\n  padding: 2px;\n  margin: -2px;\n}\n\n.sl-question__title {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  font-weight: 600;\n}\n.sl-question__title span + span {\n  display: none;\n}\n\n.sl-row--multiple .sl-question {\n  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-logic-question-value {\n  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n  margin-top: 0;\n}\n\n.sv-popup.sv-property-editor .sl-row {\n  flex-flow: nowrap;\n}\n\n.spg-comment.sl-comment {\n  height: calc(17 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-body .sd-row--fade-out,\n.sl-body .sd-row--fade-in {\n  animation: none;\n}\n.sl-body .sd-element-wrapper--fade-out,\n.sl-body .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.sl-body .sd-element__content--fade-in,\n.sl-body .sd-element__content--fade-out {\n  animation: none;\n}\n.sl-body .sd-paneldynamic__panel-wrapper--fade-in,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-out,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-out-left,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-out-right,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-in-left,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.sl-body .sd-table__row--fade-out,\n.sl-body .sd-table__row--fade-in {\n  animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n  width: 100%;\n  height: 100%;\n  background-color: $background-dim;\n  @include disableTransitionAnimations;\n}\n\n.st-properties {\n  background-color: $background-dim;\n  flex-grow: 1;\n  padding-right: calcSize(4);\n  padding-left: calcSize(4);\n  padding-top: calcSize(2);\n\n  .spg-table {\n    .spg-table__cell:first-of-type {\n      width: calcSize(5);\n    }\n\n    .spg-table__question-wrapper {\n      padding: calcSize(1.5) calcSize(1);\n\n      .spg-checkbox {\n        margin: 0;\n      }\n\n      .spg-selectbase__label {\n        gap: 0;\n      }\n    }\n\n    .spg-checkbox--disabled {\n      .spg-checkbox__rectangle,\n      .spg-checkbox__rectangle:hover {\n        background: $background-dim;\n      }\n    }\n  }\n}\n\n.st-no-strings {\n  @include centerText;\n}\n\n.st-content {\n  display: flex;\n  height: 100%;\n}\n\n.st-strings {\n  height: calc(100% - calc(6 * #{$base-unit}));\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n  flex-grow: 1;\n}\n\n.st-property-panel {\n  flex-shrink: 0;\n  flex-grow: 0;\n  width: 450px;\n  border-left: 1px solid $border;\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n  margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n  margin-top: calcSize(2);\n}\n\n.st-strings-header {\n  .st-table__cell {\n    background-color: $background-dim;\n    height: auto;\n  }\n}\n\n.st-root-modern {\n  width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n  @include smallBold;\n  color: $foreground-light;\n  text-align: left;\n}\n\n.st-title.st-panel__title {\n  height: calcSize(4);\n  line-height: calcSize(4);\n  padding-left: calcSize(3);\n  margin: 0;\n\n  background-color: $background-dim-light;\n  border-bottom: 1px solid $border-light;\n}\n\n.st-table {\n  tr {\n    display: flex;\n    align-items: stretch;\n  }\n}\n\n.st-table__cell {\n  display: block;\n  flex: 1 1;\n  box-sizing: border-box;\n  background-color: $background;\n  border-bottom: 1px solid $border-light;\n  padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n  @include defaultBold;\n  color: $foreground;\n  max-width: 300px;\n  padding-right: calcSize(3);\n\n  span {\n    display: inline-block;\n    padding-left: calcSize(3);\n  }\n}\n\n.st-panel-indent .st-table__cell:first-of-type {\n  span {\n    padding-left: calcSize(6);\n  }\n}\n\n.st-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.st-comment {\n  @include defaultFont;\n  display: block;\n  width: calc(100% - 3 * #{$base-unit});\n  border: unset;\n  outline: none;\n  background-color: $background;\n  color: $foreground;\n  resize: none;\n  padding: 0;\n}\n\n.sd-translation-line-skeleton {\n  min-height: calcSize(5);\n  background-color: $background-dim;\n}\n\n.st-navigation-btn {\n  padding-left: calcSize(1.5);\n  padding-right: calcSize(2);\n  white-space: nowrap;\n  .sd-action__icon {\n    margin-left: 0;\n  }\n}\n.st-navigation-btn.sd-action--icon {\n  padding: calcSize(1);\n  &:not(.sd-action--pressed) {\n    &:hover,\n    &:focus {\n      background-color: $primary-light;\n    }\n  }\n  svg use {\n    fill: $primary;\n  }\n}\n\n.svc-translation-machine {\n  margin-right: auto;\n}\n\n.st-translation-machine-from {\n  margin-right: auto;\n}\n.st-translation-machine-from__container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n.st-translation-machine-from__container--disabled {\n  gap: calcSize(0.5);\n}\n.st-translation-machine-from__btn {\n  flex-direction: row-reverse;\n  gap: calcSize(1);\n  padding-left: calcSize(2);\n  padding-right: calcSize(1.5);\n  white-space: nowrap;\n  .sd-action__icon {\n    width: calcSize(2);\n    height: calcSize(2);\n    margin-left: 0;\n  }\n  &.sd-action--pressed:not(.sd-action--active) {\n    background-color: $primary-light;\n  }\n  &:disabled {\n    padding-left: 0;\n    padding-right: 0;\n    opacity: 1;\n  }\n}\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n  color: $foreground-dim-light;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  font-weight: 400;\n}\n\n.st-body__footer {\n  padding: calcSize(2);\n  padding-left: calcSize(3);\n  background: $background;\n  border-bottom: 1px solid $border-light;\n}\n\n.st-translation-dialog .sv-popup__body-header {\n  margin-bottom: calcSize(4);\n}\n\n.st-translation-dialog .st-strings-wrapper {\n  border-radius: 4px;\n  box-shadow: $shadow-small;\n  overflow: hidden;\n}\n\n.st-container-modern {\n  .sv-components-column--expandable {\n    width: auto;\n  }\n}\n.st-body {\n  @include disableAnimations;\n}\n",".svc-tab-translation {\n  width: 100%;\n  height: 100%;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-translation * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.st-properties {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  flex-grow: 1;\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__cell:first-of-type {\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__question-wrapper {\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {\n  margin: 0;\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {\n  gap: 0;\n}\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-no-strings {\n  --center-text-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * var(--center-text-font-size));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  width: 100%;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  text-align: center;\n  overflow: hidden;\n}\n\n.st-content {\n  display: flex;\n  height: 100%;\n}\n\n.st-strings {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n  flex-grow: 1;\n}\n\n.st-property-panel {\n  flex-shrink: 0;\n  flex-grow: 0;\n  width: 450px;\n  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n  margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-strings-header .st-table__cell {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  height: auto;\n}\n\n.st-root-modern {\n  width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  text-align: left;\n}\n\n.st-title.st-panel__title {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-table tr {\n  display: flex;\n  align-items: stretch;\n}\n\n.st-table__cell {\n  display: block;\n  flex: 1 1;\n  box-sizing: border-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n\ntd.st-table__cell:first-of-type {\n  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-bold-font-size));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  max-width: 300px;\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\ntd.st-table__cell:first-of-type span {\n  display: inline-block;\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-panel-indent .st-table__cell:first-of-type span {\n  padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.st-comment {\n  --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-font-size));\n  display: block;\n  width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  border: unset;\n  outline: none;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  resize: none;\n  padding: 0;\n}\n\n.sd-translation-line-skeleton {\n  min-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-navigation-btn {\n  padding-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n}\n.st-navigation-btn .sd-action__icon {\n  margin-left: 0;\n}\n\n.st-navigation-btn.sd-action--icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):hover, .st-navigation-btn.sd-action--icon:not(.sd-action--pressed):focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.st-navigation-btn.sd-action--icon svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-translation-machine {\n  margin-right: auto;\n}\n\n.st-translation-machine-from {\n  margin-right: auto;\n}\n\n.st-translation-machine-from__container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.st-translation-machine-from__container--disabled {\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-translation-machine-from__btn {\n  flex-direction: row-reverse;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-left: calc(2 * (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}\n.st-translation-machine-from__btn .sd-action__icon {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: 0;\n}\n.st-translation-machine-from__btn.sd-action--pressed:not(.sd-action--active) {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.st-translation-machine-from__btn:disabled {\n  padding-left: 0;\n  padding-right: 0;\n  opacity: 1;\n}\n\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 400;\n}\n\n.st-body__footer {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-translation-dialog .sv-popup__body-header {\n  margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-translation-dialog .st-strings-wrapper {\n  border-radius: 4px;\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  overflow: hidden;\n}\n\n.st-container-modern .sv-components-column--expandable {\n  width: auto;\n}\n\n.st-body .sd-row--fade-out,\n.st-body .sd-row--fade-in {\n  animation: none;\n}\n.st-body .sd-element-wrapper--fade-out,\n.st-body .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.st-body .sd-element__content--fade-in,\n.st-body .sd-element__content--fade-out {\n  animation: none;\n}\n.st-body .sd-paneldynamic__panel-wrapper--fade-in,\n.st-body .sd-paneldynamic__panel-wrapper--fade-out,\n.st-body .sd-paneldynamic__panel-wrapper--fade-out-left,\n.st-body .sd-paneldynamic__panel-wrapper--fade-out-right,\n.st-body .sd-paneldynamic__panel-wrapper--fade-in-left,\n.st-body .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.st-body .sd-table__row--fade-out,\n.st-body .sd-table__row--fade-in {\n  animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n  @include disableTransitionAnimations;\n}\n\n.svc-tab-logic-edit__content {\n  height: calc(100% - calc(6 * #{$base-unit}));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding-left: 16%;\n  padding-right: 16%;\n  //max-width: calcSize(75);\n  //margin: auto;\n  // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n  flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n  margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n  .sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n    width: 100%;\n  }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n  height: calcSize(3);\n  box-sizing: content-box;\n  max-width: calcSize(40);\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n  -webkit-appearance: none;\n  appearance: none;\n  padding: calcSize(1) calcSize(2);\n  border-radius: calcSize(12.5);\n  border: none;\n  outline: none;\n  font-weight: 600;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  color: $foreground-light;\n  height: calcSize(5);\n  line-height: calcSize(3);\n  cursor: pointer;\n\n  option {\n    background: $background;\n    color: $foreground;\n  }\n}\n\n.svc-logic-operator:focus {\n  outline: 1px dotted $primary;\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n  color: $foreground;\n}\n\n.svc-logic-operator.svc-logic-operator {\n  &:hover,\n  &:focus {\n    color: #ffffff;\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n  background-color: $blue-light;\n\n  &:hover,\n  &:focus {\n    background-color: $blue;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n  background-color: $yellow-light;\n\n  &:hover,\n  &:focus {\n    background-color: $yellow;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n  background-color: $red-light;\n\n  &:hover,\n  &:focus {\n    background-color: $red;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n  background-color: $background;\n  color: $red;\n  box-shadow: inset 0 0 0 2px $red;\n}\n\n.svc-logic-operator__error {\n  display: none;\n}\n\n.svc-logic-paneldynamic {\n  .sd-paneldynamic__separator {\n    display: none;\n  }\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n  outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n  display: none;\n  width: calcSize(5);\n  height: calcSize(5);\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n  background-size: calcSize(3) calcSize(3);\n  background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n  display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n  background-color: $red-light;\n}\n\n.svc-logic-condition-remove-question {\n  height: calcSize(5);\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n  color: $foreground-light;\n  margin-top: calcSize(2);\n\n  &:hover,\n  &:focus {\n    color: $primary-foreground;\n  }\n}\n\n.svc-logic-tab__content {\n  &.svc-logic-tab__empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    .svc-logic-tab__content-action {\n      width: calcSize(33);\n      margin-top: calcSize(4);\n    }\n  }\n\n  .svc-logic-tab__content-action {\n    margin-left: 25%;\n    margin-right: 25%;\n    margin-bottom: calcSize(8);\n  }\n\n  .svc-logic-tab__content-action--disabled {\n    cursor: default;\n    outline: solid calcSize(0.25) transparent;\n\n    &:focus,\n    &:hover {\n      background-color: $background;\n      box-shadow: $shadow-small;\n    }\n  }\n\n  .svc-logic-tab__content-action--disabled .svc-text {\n    color: $foreground;\n    opacity: 0.25;\n  }\n\n  .sd-paneldynamic__panel-wrapper--in-row {\n    margin-top: 0;\n    align-items: start;\n  }\n}\n\n.svc-logic-paneldynamic {\n  font-family: $font-family;\n\n  .sd-row--multiple {\n    padding: 0;\n    background: none;\n    box-shadow: none;\n    border-radius: 0;\n    overflow: visible;\n  }\n\n  .sd-question__content {\n    margin-top: 0;\n  }\n\n  .sd-row__panel {\n    width: calc(100% - 5 * #{$base-unit});\n  }\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n  margin-top: 0;\n  flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel {\n  .sd-body {\n    margin: 0;\n    min-width: none;\n    max-width: none;\n  }\n\n  .sd-page.sd-body__page {\n    padding: 0;\n  }\n\n  .sl-panel__footer {\n    margin: 0;\n  }\n}\n\n.sl-dropdown {\n  max-width: 45vw;\n}\n\n.sl-dropdown__value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sl-list__item-body {\n  padding-block: calcSize(1.5);\n}\n\n.svc-logic-placeholder {\n  width: calcSize(78);\n  min-width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin-top: calcSize(2);\n  background: $background;\n  box-shadow: $shadow-small;\n  border-radius: calcSize(0.5);\n  padding: calcSize(4) calcSize(5) calcSize(5);\n}\n\n.sv-popup--overlay {\n  .svc-logic-placeholder {\n    width: initial;\n  }\n}\n\n.svc-logic-placeholder__text {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 400;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  text-align: center;\n  color: $foreground-light;\n  display: block;\n  padding: calcSize(4) calcSize(8);\n}\n\n.svc-logic-tab__leave-apply-button {\n  background-color: $red;\n}\n\n.sl-list {\n  padding-right: calcSize(0.5);\n  padding-left: calcSize(0.5);\n\n  .sv-list__filter {\n    padding-top: 0;\n  }\n\n  .sv-list__filter-icon {\n    top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  }\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n  padding-top: calcSize(1.5);\n}",".svc-tab-logic-edit {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-logic-edit * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.svc-tab-logic-edit__content {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding-left: 16%;\n  padding-right: 16%;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n  flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n  margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions .sv-action-bar {\n  padding: 0;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n  max-width: calc(40 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n  -webkit-appearance: none;\n  appearance: none;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  font-weight: 600;\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n}\n.svc-logic-paneldynamic .svc-logic-operator option {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator:focus {\n  outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {\n  color: #ffffff;\n  outline: none;\n  box-shadow: none;\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n  background-color: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {\n  background-color: var(--sjs-special-blue, #437fd9);\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n  background-color: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus,\n.svc-logic-operator.svc-logic-operator--operator:hover,\n.svc-logic-operator.svc-logic-operator--operator:focus {\n  background-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  box-shadow: inset 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator__error {\n  display: none;\n}\n\n.svc-logic-paneldynamic .sd-paneldynamic__separator {\n  display: none;\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n  outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n  display: none;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n  display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.svc-logic-condition-remove-question {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover, .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-logic-tab__content.svc-logic-tab__empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action {\n  margin-left: 25%;\n  margin-right: 25%;\n  margin-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled {\n  cursor: default;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus, .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {\n  margin-top: 0;\n  align-items: start;\n}\n\n.svc-logic-paneldynamic {\n  font-family: var(--sjs-font-family, var(--font-family));\n}\n.svc-logic-paneldynamic .sd-row--multiple {\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  border-radius: 0;\n  overflow: visible;\n}\n.svc-logic-paneldynamic .sd-question__content {\n  margin-top: 0;\n}\n.svc-logic-paneldynamic .sd-row__panel {\n  width: calc(100% - 5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n  margin-top: 0;\n  flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel .sd-body {\n  margin: 0;\n  min-width: none;\n  max-width: none;\n}\n.sl-table__cell--detail-panel .sd-page.sd-body__page {\n  padding: 0;\n}\n.sl-table__cell--detail-panel .sl-panel__footer {\n  margin: 0;\n}\n\n.sl-dropdown {\n  max-width: 45vw;\n}\n\n.sl-dropdown__value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sl-list__item-body {\n  padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-placeholder {\n  width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--overlay .svc-logic-placeholder {\n  width: initial;\n}\n\n.svc-logic-placeholder__text {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: center;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  display: block;\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-tab__leave-apply-button {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-list {\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-list .sv-list__filter {\n  padding-top: 0;\n}\n.sl-list .sv-list__filter-icon {\n  top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../../variables.scss\";\n\nsvc-tab-designer {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-tab-designer {\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n  overflow-y: scroll;\n  position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n  min-width: calcSize(84);\n}\n\n.svc-tab-designer {\n  .svc-designer-header {\n    .sd-container-modern__title {\n      background-color: transparent;\n    }\n  }\n\n  .svc-tab-designer_content {\n    width: 100%;\n  }\n\n  .sd-title {\n    display: flex;\n    &.sd-element__title--hidden {\n      display: none;\n    }\n  }\n\n  .sd-container-modern {\n    min-width: calcSize(70);\n    width: 100%;\n    box-sizing: border-box;\n    margin-left: auto;\n    margin-right: auto;\n\n    &.sd-container-modern--static {\n      max-width: calcSize(84);\n    }\n\n    &.sd-container-modern--responsive {\n      max-width: initial;\n    }\n  }\n\n  .sd-question.sd-question--image {\n    width: 100%;\n  }\n\n  .sd-progress,\n  .sd-progress__bar {\n    background-color: transparent;\n  }\n}\n\n.svc-designer-header {\n  border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n  display: flex;\n  flex-grow: 1;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: calcSize(2);\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.svc-designer-placeholder-page {\n  margin-top: calcSize(2);\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n  width: calcSize(33);\n  margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n  display: none;\n}","svc-tab-designer {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-tab-designer {\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n  overflow-y: scroll;\n  position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n  min-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer .svc-designer-header .sd-container-modern__title {\n  background-color: transparent;\n}\n.svc-tab-designer .svc-tab-designer_content {\n  width: 100%;\n}\n.svc-tab-designer .sd-title {\n  display: flex;\n}\n.svc-tab-designer .sd-title.sd-element__title--hidden {\n  display: none;\n}\n.svc-tab-designer .sd-container-modern {\n  min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--static {\n  max-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {\n  max-width: initial;\n}\n.svc-tab-designer .sd-question.sd-question--image {\n  width: 100%;\n}\n.svc-tab-designer .sd-progress,\n.svc-tab-designer .sd-progress__bar {\n  background-color: transparent;\n}\n\n.svc-designer-header {\n  border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n  display: flex;\n  flex-grow: 1;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.svc-designer-placeholder-page {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n  display: none;\n}","@import \"./variables.scss\";\n\n.svc-creator--mobile {\n  .svc-tab-designer {\n    overflow-y: overlay;\n  }\n\n  .sd-root-modern {\n    --sd-base-padding: calc(3 * #{$base-unit});\n    --sd-base-vertical-padding: calc(2 * #{$base-unit});\n    --sd-page-vertical-padding: calc(2 * #{$base-unit});\n  }\n\n  .svc-question__content {\n    .sd-question__content {\n      margin-left: calcSize(-3);\n      margin-right: calcSize(-3);\n      padding-left: calcSize(3);\n      padding-right: calcSize(3);\n\n      .sd-selectbase__column {\n        max-width: initial;\n        display: block;\n        margin-left: 0;\n      }\n    }\n\n    &>.svc-question__dropdown-choices--wrapper {\n      width: calc(100% + calcSize(6));\n      margin: 0 calcSize(-3);\n\n      &>div {\n        width: calc(100% - calcSize(6));\n        margin: 0 calcSize(3);\n      }\n    }\n  }\n  .svc-question__drag-area {\n    height: calcSize(3);\n  }\n  .svc-question__content--selected {\n    .svc-rating-question-controls {\n      bottom: calcSize(10);\n    }\n  }\n\n  .svc-page {\n    margin-top: calcSize(1);\n  }\n\n  .svc-page__content {\n    padding-left: 0;\n    padding-right: 0;\n    border: 0;\n\n    .sd-page__title {\n      margin: 0;\n    }\n\n    &.svc-page__content--selected {\n      .sd-page__title {\n        margin: calcSize(2.5) 0 0 0;\n      }\n    }\n\n    .sd-page {\n      padding: calcSize(1) calcSize(3) calcSize(3);\n    }\n\n    .svc-page__footer {\n      margin-left: calcSize(3);\n      margin-right: calcSize(3);\n    }\n  }\n\n  .svc-question__content {\n    padding: calcSize(2) calcSize(3) calcSize(3);\n\n    &.svc-question__content--selected {\n      padding-top: calcSize(3);\n      padding-bottom: calcSize(8);\n    }\n  }\n\n  .svc-tab-designer {\n    justify-content: initial;\n\n    .sd-title.sd-container-modern__title {\n      padding: calcSize(3);\n      flex-direction: column-reverse;\n      align-items: flex-start;\n\n      .svc-logo-image {\n        margin-top: 0;\n      }\n\n      .svc-logo-image-placeholder {\n        margin-left: calcSize(-2);\n        margin-top: calcSize(-2);\n      }\n\n      h3 {\n        margin: 0;\n        font-size: calcSize(3);\n        line-height: calcSize(4);\n      }\n\n      h5 {\n        margin: 0;\n      }\n    }\n  }\n\n  .svc-tab-designer {\n    .sd-container-modern {\n      min-width: calcSize(43);\n      padding: 0;\n    }\n  }\n\n  .svc-properties-wrapper {\n    width: 100%;\n  }\n\n  .svc-question__content-actions {\n    width: calc(100% - 3 * #{$base-unit});\n    left: calcSize(2);\n\n    .sv-action-bar-item {\n      border: 0;\n    }\n  }\n\n  .svc-page__content-actions {\n    .sv-action-bar {\n      padding-right: calcSize(1);\n\n      .sv-action {\n        .sv-action__content {\n          padding-right: 0;\n\n          .sv-action-bar-item__title--with-icon {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}",".svc-creator--mobile .svc-tab-designer {\n  overflow-y: overlay;\n}\n.svc-creator--mobile .sd-root-modern {\n  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-creator--mobile .svc-question__content .sd-question__content {\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column {\n  max-width: initial;\n  display: block;\n  margin-left: 0;\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper {\n  width: calc(100% + 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__drag-area {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {\n  bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content {\n  padding-left: 0;\n  padding-right: 0;\n  border: 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page__title {\n  margin: 0;\n}\n.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {\n  margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page__content .svc-page__footer {\n  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content.svc-question__content--selected {\n  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer {\n  justify-content: initial;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {\n  margin-top: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {\n  margin: 0;\n  font-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {\n  margin: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-container-modern {\n  min-width: calc(43 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n}\n.svc-creator--mobile .svc-properties-wrapper {\n  width: 100%;\n}\n.svc-creator--mobile .svc-question__content-actions {\n  width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {\n  border: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar {\n  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {\n  padding-right: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {\n  display: none;\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n\n  .sv-root-modern .sv-completedpage,\n  .sv_default_css .sv_completed_page {\n    margin: 0;\n    border: 0;\n    background-color: $background-dim;\n  }\n\n  .sv_default_css .sv_body {\n    border: 0;\n  }\n\n  .svc-preview__test-again {\n    width: calcSize(33);\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: calcSize(12);\n    margin-top: 8px;\n  }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n\n  .sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n    width: 100%;\n    position: absolute;\n  }\n\n  .sv-action-bar.sv-action-bar--pages {\n    left: 0;\n    right: 0;\n    justify-content: center;\n    gap: calcSize(1);\n\n    .sv-action__content {\n      padding: 0;\n    }\n\n    .sv-action-bar-item {\n      margin: 0;\n    }\n  }\n\n  .sv-action-bar-item {\n    @include smallBold;\n    width: 100%;\n    height: calcSize(4);\n  }\n\n  .svc-page-selector {\n    max-width: 50%;\n\n    .sv-action-bar-item__title {\n      @include textEllipsis;\n\n      color: $foreground;\n      display: inline-block;\n    }\n  }\n}","svc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n  margin: 0;\n  border: 0;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n  border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n  padding: 0;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n  position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n  left: 0;\n  right: 0;\n  justify-content: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n  padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n  margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  width: 100%;\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n  max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: inline-block;\n}","@import \"../../variables.scss\";\n\n.svc-switcher.spg-action-button {\n  align-items: center;\n  gap: calcSize(1);\n  pointer-events: auto;\n}\n\n.svc-switcher__title {\n  color: $foreground-light;\n\n  font-family: $font-family;\n  font-size: calcSize(1.5);\n  font-style: normal;\n  font-weight: 600;\n  line-height: calcSize(1);\n}\n\n.svc-switcher__icon {\n  width: calcSize(2.5);\n  padding: calcSize(0.5);\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px solid $border;\n  background: $background-dim;\n\n  transition-duration: 0.2s;\n  transition-property: background;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n  background: $background;\n}\n\n.svc-switcher__icon:focus {\n  border: calcSize(0.25) solid $primary;\n  background: $background-dim;\n}\n\n.svc-switcher__icon:hover:focus {\n  border: calcSize(0.25) solid $primary;\n  background: $background;\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n  justify-content: center;\n  align-items: center;\n  border: unset;\n\n  border-radius: 100px;\n  background-color: $primary;\n}\n\n.svc-switcher__icon--checked:focus {\n  border: calcSize(0.25) solid $primary;\n  background-color: $primary-foreground;\n}\n\n.svc-switcher__icon-thumb {\n  width: calcSize(1);\n  height: calcSize(1);\n  justify-content: center;\n  align-items: center;\n\n  border-radius: 100px;\n  background-color: $foreground-dim-light;\n\n  transform: translateX(0);\n  margin-left: 0%;\n  transition-duration: 0.2s;\n  transition-property: margin-left, transform, background-color;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n  background-color: $primary-foreground;\n  margin-left: 100%;\n  transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus,\n.svc-switcher__icon:hover:focus,\n.svc-switcher__icon--checked:focus {\n  .svc-switcher__icon-thumb {\n    background-color: $primary;\n  }\n}\n",".svc-switcher.spg-action-button {\n  align-items: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  pointer-events: auto;\n}\n\n.svc-switcher__title {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-switcher__icon {\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  transition-duration: 0.2s;\n  transition-property: background;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon:focus {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-switcher__icon:hover:focus {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n  justify-content: center;\n  align-items: center;\n  border: unset;\n  border-radius: 100px;\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-switcher__icon--checked:focus {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-switcher__icon-thumb {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  transform: translateX(0);\n  margin-left: 0%;\n  transition-duration: 0.2s;\n  transition-property: margin-left, transform, background-color;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  margin-left: 100%;\n  transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../variables.scss\";\n\n.svc-notifier.svc-notifier--shown {\n  visibility: visible;\n  opacity: 0.75;\n}\n.svc-notifier {\n  position: absolute;\n  bottom: calcSize(1);\n  left: calcSize(1);\n  background: $background;\n  opacity: 0;\n  padding: calcSize(1) calcSize(2);\n  box-shadow: $shadow-medium;\n  border-radius: calcSize(0.5);\n  color: $foreground;\n  min-width: calcSize(30);\n  text-align: center;\n  z-index: 1600; //todo: should overlap popup\n\n  visibility: hidden;\n\n  @include smallBold;\n}\n\n.svc-notifier.svc-notifier--error {\n  background-color: $red;\n  color: #ffffff;\n  opacity: 1;\n}\n\n.svc-creator--mobile {\n  .svc-notifier {\n    left: 0;\n    bottom: calcSize(6);\n    width: 100%;\n    box-sizing: border-box;\n    opacity: 1;\n    z-index: 1000;\n  }\n}",".svc-btn {\n  display: flex;\n  align-items: center;\n  height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n}\n.svc-btn .svc-text {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-btn:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.svc-btn:focus {\n  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button {\n  display: inline-block;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  outline: none;\n}\n\n.svc-action-button--selected {\n  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button--disabled {\n  opacity: 0.25;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}","@import \"../variables.scss\";\n@import \"./notifier.scss\";\n\nsurvey-creator,\n.svc-creator {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  -webkit-font-smoothing: antialiased;\n\n  @-moz-document url-prefix() {\n    scrollbar-width: thin;\n    scrollbar-color: $border transparent;\n  }\n\n  ::-webkit-scrollbar {\n    width: 12px;\n    height: 12px;\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border: 4px solid rgba(0, 0, 0, 0);\n    background-clip: padding-box;\n    border-radius: 32px;\n    background-color: $border;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    border: 2px solid rgba(0, 0, 0, 0);\n    background-color: $foreground-light;\n  }\n}\n\n.svc-creator__area {\n  position: relative;\n\n  @include disableUserSelect;\n}\n\n.svc-creator__content-wrapper {\n  width: 100%;\n  height: 0;\n  flex-grow: 1;\n}\n\n\n\n.svc-creator__content-holder {\n  width: 100%;\n  height: 100%;\n}\n\n.svc-creator-tab {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  min-height: $tab-min-height;\n}\n\n.svc-creator__toolbox--right.svc-creator-tab {\n  flex-direction: row-reverse;\n}\n\n.svc-creator-tab__content {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n}\n\n.svc-plugin-tab__content {\n  height: 100%;\n  overflow-y: auto;\n}\n\n.svc-plugin-tab__content-actions {\n  sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n  }\n}\n\n.svc-creator__banner {\n  width: 100%;\n  line-height: calcSize(4);\n  background-color: $secondary;\n  text-align: center;\n}\n\n.svc-item__banner {\n  position: relative;\n  max-width: 0;\n  overflow: hidden;\n  height: 100%;\n  background-color: $background;\n  /* Shadow / Medium */\n  border-radius: calcSize(12.5);\n  box-shadow: $shadow-medium;\n  transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;\n}\n\n.svc-creator__non-commercial-text {\n  color: $primary-foreground;\n  @include defaultBold;\n  vertical-align: middle;\n  padding: calcSize(1.5) calcSize(16);\n  display: block;\n\n  a {\n    color: $primary-foreground;\n  }\n}\n\n.svc-creator--mobile {\n  .svc-creator__non-commercial-text {\n    padding: calcSize(1.5) calcSize(5);\n  }\n}\n\n.sv-drag-drop-ghost {\n  top: calcSize(0.75);\n  width: 100%;\n  height: calcSize(0.5);\n  background: $secondary;\n  position: absolute;\n}\n\n.sv-drag-drop-ghost--vertical {\n  height: 10000px;\n  width: 4px;\n}\n\n.sv-drag-drop-ghost--item-value-bottom {\n  top: initial;\n  bottom: calcSize(-0.5);\n}","@import \"../variables.scss\";\n\n.sd-element__header {\n  .svc-string-editor {\n    display: inline-block;\n    max-width: 100%;\n  }\n}\n\n.svc-string-editor {\n  [contenteditable=\"true\"] {\n    user-select: text;\n    -webkit-user-select: text;\n  }\n\n  position: static;\n\n  .sv-string-editor {\n    position: relative;\n    outline: none;\n    z-index: 12;\n\n    &[aria-placeholder]:empty:before {\n      content: attr(aria-placeholder);\n      color: $foreground-light;\n    }\n  }\n\n  .sv-string-editor--html,\n  .sv-string-editor:focus-within {\n    white-space: pre-wrap;\n  }\n\n  &.svc-string-editor--hidden {\n    display: none;\n  }\n}\n\n.svc-string-editor__content {\n  display: inline-block;\n  position: relative;\n  z-index: 10;\n  width: 100%;\n}\n\n.svc-matrix-cell {\n  .svc-string-editor__content {\n    width: auto;\n  }\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n  display: inline-block;\n}\n\n.svc-string-editor__input {\n  display: flex;\n}\n\n.svc-remaining-character-counter {\n  display: none;\n  position: relative;\n  outline: none;\n  z-index: 20;\n  padding: 0px;\n  vertical-align: top;\n  margin-inline-start: calcSize(2);\n  font-size: calcSize(1.5);\n  font-family: $font-family;\n  font-weight: 400;\n  color: $foreground-light;\n  line-height: calcSize(2);\n}\n\n.svc-string-editor__border {\n  display: none;\n  position: absolute;\n  z-index: 11;\n  display: flex;\n  align-items: center;\n  justify-content: right;\n  line-height: 0px;\n}\n\n.svc-string-editor__error {\n  margin-left: calcSize(1);\n  line-height: calcSize(4);\n  font-size: calcSize(2);\n  color: red;\n  display: none;\n}\n\n.svc-string-editor__controls {\n  position: absolute;\n  left: 100%;\n  height: 100%;\n  width: calcSize(2);\n  top: 0;\n  padding-left: calcSize(2);\n  z-index: 12;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  line-height: 0px;\n}\n\n.svc-string-editor__button {\n  display: none;\n  position: relative;\n\n  use {\n    fill: $primary;\n  }\n}\n\n.svc-string-editor__button--edit {\n  height: calcSize(2);\n  width: calcSize(2);\n  padding: calcSize(1);\n\n  .sv-svg-icon {\n    vertical-align: bottom;\n  }\n\n  &.sv-svg-icon {\n    overflow: visible;\n  }\n}\n\n.svc-string-editor:hover:not(:focus-within) {\n  .svc-string-editor__button--edit {\n    //display: inline-block;\n    display: none;\n  }\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n  .svc-string-editor__border {\n    display: flex;\n    top: 0;\n    bottom: 0;\n    left: calcSize(-0.5);\n    right: calcSize(-0.5);\n    //right: calcSize(-4.5); // if need pencil icon\n    border-radius: 3px;\n    box-shadow: 0px 0px 0px calcSize(0.25) rgba(0, 0, 0, 0.16);\n  }\n}\n\n.svc-string-editor:focus-within {\n  .svc-string-editor__border {\n    display: flex;\n    top: calcSize(-0.5);\n    bottom: calcSize(-0.5);\n    left: calcSize(-1);\n    right: calcSize(-1);\n    border-radius: 3px;\n    box-sizing: content-box;\n    background-color: $background;\n    box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $primary;\n  }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n  .svc-string-editor__border {\n    box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $red;\n  }\n}\n\n.sd-boolean {\n  .sv-string-editor:focus-within {\n    white-space: nowrap;\n  }\n}\n\n.sd-rating {\n  .sd-rating__item:focus-within {\n    &:not(.sd-rating__min-text),\n    &:not(.sd-rating__max-text) {\n      .svc-string-editor:focus-within {\n        .svc-string-editor__border {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n  .svc-string-editor__button--done {\n    width: calcSize(2);\n  }\n}\n\n.sd-table__cell--column-title {\n  .svc-matrix-cell:not(:focus):focus-within {\n    .svc-matrix-cell--selected {\n      border: calcSize(0.25) solid $primary;\n      border-radius: calcSize(0.5);\n      display: block;\n    }\n  }\n\n  .svc-string-editor:focus-within {\n    .svc-string-editor__border {\n      display: none;\n    }\n  }\n}\n\n.sd-item__control-label {\n  .svc-string-editor:focus-within {\n    .svc-string-editor__border {\n      left: calcSize(-0.7);\n      right: calcSize(-0.7);\n    }\n  }\n}\n\n.svc-string-editor {\n\n  &:hover,\n  &:focus-within {\n    &~.sd-question__required-text {\n      visibility: hidden;\n    }\n  }\n}\n\n// .sv-question__header,\n// .sv-title {\n//   position: relative;\n// }\n.svc-string-editor--multiline .sv-string-editor {\n  white-space: pre-wrap;\n}",".sd-element__header .svc-string-editor {\n  display: inline-block;\n  max-width: 100%;\n}\n\n.svc-string-editor {\n  position: static;\n}\n.svc-string-editor [contenteditable=true] {\n  user-select: text;\n  -webkit-user-select: text;\n}\n.svc-string-editor .sv-string-editor {\n  position: relative;\n  outline: none;\n  z-index: 12;\n}\n.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {\n  content: attr(aria-placeholder);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-string-editor .sv-string-editor--html,\n.svc-string-editor .sv-string-editor:focus-within {\n  white-space: pre-wrap;\n}\n.svc-string-editor.svc-string-editor--hidden {\n  display: none;\n}\n\n.svc-string-editor__content {\n  display: inline-block;\n  position: relative;\n  z-index: 10;\n  width: 100%;\n}\n\n.svc-matrix-cell .svc-string-editor__content {\n  width: auto;\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n  display: inline-block;\n}\n\n.svc-string-editor__input {\n  display: flex;\n}\n\n.svc-remaining-character-counter {\n  display: none;\n  position: relative;\n  outline: none;\n  z-index: 20;\n  padding: 0px;\n  vertical-align: top;\n  margin-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-weight: 400;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor__border {\n  display: none;\n  position: absolute;\n  z-index: 11;\n  display: flex;\n  align-items: center;\n  justify-content: right;\n  line-height: 0px;\n}\n\n.svc-string-editor__error {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: red;\n  display: none;\n}\n\n.svc-string-editor__controls {\n  position: absolute;\n  left: 100%;\n  height: 100%;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: 0;\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 12;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  line-height: 0px;\n}\n\n.svc-string-editor__button {\n  display: none;\n  position: relative;\n}\n.svc-string-editor__button use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor__button--edit {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-string-editor__button--edit .sv-svg-icon {\n  vertical-align: bottom;\n}\n.svc-string-editor__button--edit.sv-svg-icon {\n  overflow: visible;\n}\n\n.svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {\n  display: none;\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {\n  display: flex;\n  top: 0;\n  bottom: 0;\n  left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 3px;\n  box-shadow: 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0.16);\n}\n\n.svc-string-editor:focus-within .svc-string-editor__border {\n  display: flex;\n  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 3px;\n  box-sizing: content-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-boolean .sv-string-editor:focus-within {\n  white-space: nowrap;\n}\n\n.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border, .sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {\n  display: none;\n}\n\n.sd-table__cell--actions .svc-string-editor__button--done,\n.sd-matrixdynamic__add-btn .svc-string-editor__button--done {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n}\n.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {\n  display: none;\n}\n\n.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {\n  left: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor:hover ~ .sd-question__required-text, .svc-string-editor:focus-within ~ .sd-question__required-text {\n  visibility: hidden;\n}\n\n.svc-string-editor--multiline .sv-string-editor {\n  white-space: pre-wrap;\n}",".svc-btn {\n  display: flex;\n  align-items: center;\n  height: calcSize(7);\n  line-height: calcSize(7);\n  vertical-align: baseline;\n  text-align: center;\n  background-color: $background;\n  box-shadow: $shadow-small;\n  border-radius: calcSize(0.5);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calcSize(0.25) transparent;\n\n  .svc-text {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\n    color: $primary;\n  }\n}\n\n.svc-btn:hover {\n  background-color: $background-dark;\n}\n.svc-btn:focus {\n  box-shadow: 0 0 0 2px $primary;\n}\n",".svc-action-button {\n  display: inline-block;\n\n  padding: calcSize(0.5) calcSize(2);\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n\n  color: $primary;\n  font-weight: 600;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n\n  border: calcSize(0.25) solid transparent;\n\n  &:focus,\n  &:hover {\n    background-color: $primary-light;\n    outline: none;\n  }\n}\n\n.svc-action-button--selected {\n  border-color: $primary;\n}\n\n.svc-action-button--disabled {\n  opacity: 0.25;\n  color: $foreground;\n}\n\n.svc-action-button--pressed {\n}\n","@import \"../../variables.scss\";\n\nsvc-page-navigator,\n.svc-page-navigator {\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n  display: block;\n  height: calcSize(3);\n  width: calcSize(3);\n  padding: calcSize(1.25);\n  border-radius: 50%;\n  cursor: pointer;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.svc-page-navigator__selector {\n  width: calcSize(5.5);\n  height: calcSize(5.5);\n  min-height: calcSize(5.5);\n}\n\nsurvey-creator,\n.svc-creator {\n  .svc-page-navigator__selector {\n\n    &:hover,\n    &:focus {\n      outline: none;\n\n      .svc-page-navigator__navigator-icon {\n        background-color: $primary-light;\n\n        use {\n          fill: $primary;\n        }\n      }\n    }\n  }\n}\n\n.svc-page-navigator__selector--opened {\n  .svc-page-navigator__navigator-icon {\n    background-color: $primary-light;\n    opacity: 0.5;\n\n    use {\n      fill: $primary;\n    }\n  }\n}\n\n.svc-page-navigator__popup {\n  min-width: calcSize(12.5);\n}\n\n.svc-tab-designer--with-page-navigator {\n  .svc-tab-designer_content {\n    margin-right: calcSize(6.5);\n    width: calc(100% - calcSize(6.5));\n  }\n}\n\n.svc-tab-designer__page-navigator {\n  position: absolute;\n  padding: calcSize(16.5) 0;\n  top: 0;\n  bottom: 0;\n  right: calcSize(1);\n}\n\n.svc-page-navigator {\n  width: calcSize(5.5);\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n  .svc-tab-designer--with-page-navigator {\n    .svc-tab-designer_content {\n      margin-right: 0;\n      margin-left: calcSize(6.5);\n    }\n  }\n\n  .svc-tab-designer__page-navigator {\n    right: unset;\n    left: calcSize(1);\n  }\n}\n\n.svc-tab-designer--bypage-mode {\n  .svc-tab-designer_content {\n    display: flex;\n    flex-direction: row;\n    margin-right: 0;\n    margin-left: 0;\n    width: 100%;\n  }\n\n  .svc-tab-designer__page-navigator {\n    position: relative;\n    top: auto;\n    right: auto;\n    bottom: auto;\n  }\n}","svc-page-navigator,\n.svc-page-navigator {\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n  display: block;\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 50%;\n  cursor: pointer;\n}\n.svc-page-navigator__navigator-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-page-navigator__selector {\n  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\nsurvey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus,\n.svc-creator .svc-page-navigator__selector:hover,\n.svc-creator .svc-page-navigator__selector:focus {\n  outline: none;\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  opacity: 0.5;\n}\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__popup {\n  min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n  margin-right: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer__page-navigator {\n  position: absolute;\n  padding: calc(16.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  top: 0;\n  bottom: 0;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-page-navigator {\n  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[dir=rtl] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction:rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction: rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n  margin-right: 0;\n  margin-left: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-tab-designer__page-navigator,\n[dir=rtl] .svc-tab-designer__page-navigator,\n[style*=\"direction:rtl\"] .svc-tab-designer__page-navigator,\n[style*=\"direction: rtl\"] .svc-tab-designer__page-navigator {\n  right: unset;\n  left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-tab-designer--bypage-mode .svc-tab-designer_content {\n  display: flex;\n  flex-direction: row;\n  margin-right: 0;\n  margin-left: 0;\n  width: 100%;\n}\n.svc-tab-designer--bypage-mode .svc-tab-designer__page-navigator {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n}","@import \"../../variables.scss\";\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n  display: block;\n  width: calcSize(5.5);\n  height: calcSize(4.5);\n  min-height: calcSize(4.5);\n  cursor: pointer;\n  position: relative;\n}\n\n.svc-page-navigator-item-content {\n  height: 100%;\n  width: 100%;\n\n  &:hover,\n  &:focus {\n    outline: none;\n  }\n}\n\n.svc-page-navigator__items--up {\n  .svc-page-navigator-item-content {\n    transition: 0.25s ease-in-out;\n    transform: translateY(-100%);\n  }\n\n  svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n    opacity: 0;\n  }\n}\n\n.svc-page-navigator__items--down {\n  .svc-page-navigator-item-content {\n    transition: 0.25s ease-in-out;\n    transform: translateY(100%);\n  }\n\n  svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n    opacity: 0;\n  }\n}\n\n.svc-page-navigator-item__dot {\n  box-sizing: content-box;\n  position: absolute;\n  border-radius: 50%;\n  width: 6px;\n  height: 6px;\n  right: calc(50% - 6px / 2);\n  top: calc(50% - 6px / 2);\n  background: $border;\n}\n\n.svc-page-navigator-item--selected {\n  .svc-page-navigator-item__dot {\n    width: calcSize(1);\n    height: calcSize(1);\n    right: calc(50% - 1.5 * #{$base-unit} / 2);\n    top: calc(50% - 1.5 * #{$base-unit} / 2);\n    background: $background;\n    border: calcSize(0.25) solid $primary;\n  }\n}\n\n.svc-page-navigator-item__banner {\n  @include textEllipsis;\n\n  right: calcSize(0.5);\n  display: flex;\n  align-items: center;\n  line-height: calcSize(4);\n  animation: 0.5s ease-in;\n  padding: 0;\n  opacity: 0;\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: $background;\n  border-radius: calcSize(12.5);\n  box-shadow: $shadow-medium;\n  transition:\n    max-width 0.1s ease-in-out,\n    padding 0.2s ease-in-out;\n\n  .svc-page-navigator-item__dot {\n    position: absolute;\n    display: inline-block;\n    top: calcSize(1.75);\n    right: calcSize(1.75);\n  }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n  .svc-page-navigator-item__banner {\n    right: unset;\n    left: calc(0.625 * var(--base-unit, 8px));\n\n    .svc-page-navigator-item__dot {\n      right: unset;\n      left: calcSize(1.75);\n    }\n  }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) {\n  .svc-page-navigator-item__banner {\n    .svc-page-navigator-item__dot {\n      width: calcSize(1);\n      height: calcSize(1);\n      border: none;\n      background: $primary;\n    }\n  }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n  .svc-page-navigator-item__banner {\n    padding: 0 calcSize(4.5) 0 calcSize(2.5);\n    max-width: calcSize(25);\n    opacity: 1;\n  }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n\n  .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n  .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n    .svc-page-navigator-item__banner {\n      padding: 0 calcSize(2.5) 0 calcSize(4.5);\n    }\n  }\n}\n\n.svc-page-navigator-item--disabled {\n  .svc-page-navigator-item__banner {\n    color: $foreground;\n    opacity: 0.25;\n  }\n}","svc-page-navigator-item,\n.svc-page-navigator-item {\n  display: block;\n  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n  position: relative;\n}\n\n.svc-page-navigator-item-content {\n  height: 100%;\n  width: 100%;\n}\n.svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {\n  outline: none;\n}\n\n.svc-page-navigator__items--up .svc-page-navigator-item-content {\n  transition: 0.25s ease-in-out;\n  transform: translateY(-100%);\n}\n.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n  opacity: 0;\n}\n\n.svc-page-navigator__items--down .svc-page-navigator-item-content {\n  transition: 0.25s ease-in-out;\n  transform: translateY(100%);\n}\n.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n  opacity: 0;\n}\n\n.svc-page-navigator-item__dot {\n  box-sizing: content-box;\n  position: absolute;\n  border-radius: 50%;\n  width: 6px;\n  height: 6px;\n  right: calc(50% - 3px);\n  top: calc(50% - 3px);\n  background: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-page-navigator-item--selected .svc-page-navigator-item__dot {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n  top: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item__banner {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: center;\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation: 0.5s ease-in;\n  padding: 0;\n  opacity: 0;\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n  transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;\n}\n.svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n  position: absolute;\n  display: inline-block;\n  top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner {\n  right: unset;\n  left: calc(0.625 * var(--base-unit, 8px));\n}\n.svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[dir=rtl] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n  right: unset;\n  left: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  border: none;\n  background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n  padding: 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n  padding: 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}","@import \"../variables.scss\";\n\nsvc-page {\n  display: block;\n}\n\n.svc-page {\n  margin-top: calcSize(2);\n\n  .sd-page__title {\n    margin: calcSize(2.5) 0 0 0;\n  }\n}\n\n.svc-page__content {\n  position: relative;\n  border-radius: calcSize(1);\n  padding: calcSize(1) calcSize(0) calcSize(3);\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n\n  .sd-page {\n    margin: 0;\n    padding: calcSize(1) calcSize(3) calcSize(2);\n  }\n}\n\n.svc-page__content-actions {\n  position: absolute;\n  display: none;\n  top: calcSize(1);\n  inset-inline-end: 0; // right\n  padding: 0 calcSize(1.5);\n  z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n  background: $secondary-backcolor-semi-light;\n}\n\n.svc-creator .svc-page .svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus,\n.svc-hovered {\n  &.svc-page__content--selected {\n    box-shadow: 0 0 0 2px inset $secondary;\n    background: $secondary-backcolor-semi-light;\n\n    .svc-page__content-actions {\n      display: block;\n    }\n  }\n}\n\n.svc-page__footer {\n  overflow: visible;\n  margin-left: calcSize(3);\n  margin-right: calcSize(3);\n\n  .sv-action {\n    flex: 1 1 0;\n  }\n\n  .svc-btn {\n    flex-grow: 1;\n    border: none;\n  }\n\n  gap: calcSize(2);\n}\n\n.svc-page__add-new-question {\n  .svc-text {\n    margin-left: calcSize(6);\n  }\n}\n\n.svc-page__add-new-question {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\n  appearance: none;\n  display: flex;\n  height: calcSize(5);\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  border-radius: 2px;\n  background-color: transparent;\n  cursor: pointer;\n  margin-inline-end: calcSize(1); // margin-right\n  outline: none;\n\n  use {\n    fill: $foreground-light;\n  }\n\n  &:hover {\n    background-color: $background-dim;\n  }\n\n  &:focus {\n    background-color: $primary-light;\n  }\n}\n\n.svc-page--drag-over-empty:after {\n  content: \" \";\n  position: absolute;\n  background: $secondary;\n  left: calcSize(3);\n  bottom: calcSize(11.5);\n  width: calc(100% - 48px);\n  height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n  bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n  min-width: auto;\n  max-width: 100%;\n  padding: 0 calcSize(3) calcSize(2);\n\n  .svc-panel__placeholder_frame {\n    padding: calcSize(6) calcSize(8);\n    height: auto;\n  }\n}\n\n.svc-page__add-new-question,\n.svc-question__adorner {\n  .sv-list__item.sv-list__item--disabled {\n    opacity: 0.25;\n    pointer-events: none;\n  }\n\n  .sv-popup--overlay {\n    .sv-list-item__marker-icon {\n      display: none;\n    }\n\n    .sv-list__item-body {\n      pointer-events: none;\n    }\n\n    .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {\n      background-color: $primary;\n      color: $primary-foreground;\n      font-weight: 600;\n    }\n\n    .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {\n      fill: $background;\n    }\n  }\n}\n","svc-page {\n  display: block;\n}\n\n.svc-page {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page .sd-page__title {\n  margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n\n.svc-page__content {\n  position: relative;\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n}\n.svc-page__content .sd-page {\n  margin: 0;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__content-actions {\n  position: absolute;\n  display: none;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  inset-inline-end: 0;\n  padding: 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,\n.svc-hovered.svc-page__content--selected {\n  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,\n.svc-hovered.svc-page__content--selected .svc-page__content-actions {\n  display: block;\n}\n\n.svc-page__footer {\n  overflow: visible;\n  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__footer .sv-action {\n  flex: 1 1 0;\n}\n.svc-page__footer .svc-btn {\n  flex-grow: 1;\n  border: none;\n}\n\n.svc-page__add-new-question .svc-text {\n  margin-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__add-new-question {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\n  appearance: none;\n  display: flex;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: 2px;\n  background-color: transparent;\n  cursor: pointer;\n  margin-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n  outline: none;\n}\n.svc-page__question-type-selector use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-page__question-type-selector:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-page__question-type-selector:focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-page--drag-over-empty:after {\n  content: \" \";\n  position: absolute;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  bottom: calc(11.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 48px);\n  height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n  bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n  min-width: auto;\n  max-width: 100%;\n  padding: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__placeholder_frame .svc-panel__placeholder_frame {\n  padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n}\n\n.svc-page__add-new-question .sv-list__item.sv-list__item--disabled,\n.svc-question__adorner .sv-list__item.sv-list__item--disabled {\n  opacity: 0.25;\n  pointer-events: none;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list-item__marker-icon,\n.svc-question__adorner .sv-popup--overlay .sv-list-item__marker-icon {\n  display: none;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list__item-body,\n.svc-question__adorner .sv-popup--overlay .sv-list__item-body {\n  pointer-events: none;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body,\n.svc-question__adorner .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use,\n.svc-question__adorner .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}","@import \"../variables.scss\";\n\n.svc-row {\n  width: 100%;\n  position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n  min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n  overflow: auto;\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  flex-wrap: nowrap;\n  margin-top: 0;\n  padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calcSize(2);\n  padding-bottom: 2px;\n  margin-right: calcSize(-2);\n  margin-bottom: -2px;\n\n  .sd-row--multiple {\n    overflow: unset;\n  }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n  padding: calcSize(0);\n  & > div {\n    padding: 0;\n  }\n  box-shadow: none;\n  border-radius: 0;\n  padding: 2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n  margin: -2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n  width: 100%;\n}\n\n.svc-row.svc-row--ghost {\n  .svc-question__content {\n    padding: 0;\n    border: none;\n    box-shadow: none;\n  }\n\n  .sd-row {\n    height: calcSize(4);\n  }\n\n  &:last-child .sd-row {\n    height: initial;\n    margin-top: calcSize(2);\n    margin-bottom: calcSize(2);\n  }\n\n  & + .svc-row {\n    .sd-page__row {\n      margin-top: 0;\n    }\n  }\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost {\n  .sd-row {\n    height: initial;\n    margin-top: calcSize(2);\n    margin-bottom: calcSize(2);\n  }\n}\n\n.svc-row--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  top: 6px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  bottom: -10px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n  .svc-row--drag-over-top:before {\n    top: -4px;\n\n    &:first-child {\n    }\n  }\n\n  .svc-row--drag-over-bottom:after {\n    bottom: -4px;\n\n    &:last-child {\n    }\n  }\n}\n.svc-row {\n  @include disableAnimations;\n}\n",".svc-row {\n  width: 100%;\n  position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n  min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n  overflow: auto;\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  flex-wrap: nowrap;\n  margin-top: 0;\n  padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: 2px;\n  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: -2px;\n}\n.svc-row .sd-row.sd-row--multiple .sd-row--multiple {\n  overflow: unset;\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n  padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: none;\n  border-radius: 0;\n  padding: 2px;\n  margin: -2px;\n  width: 100%;\n}\n.sd-panel .svc-row .sd-row--multiple > div {\n  padding: 0;\n}\n\n.svc-row.svc-row--ghost .svc-question__content {\n  padding: 0;\n  border: none;\n  box-shadow: none;\n}\n.svc-row.svc-row--ghost .sd-row {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-row.svc-row--ghost:last-child .sd-row {\n  height: initial;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-row.svc-row--ghost + .svc-row .sd-page__row {\n  margin-top: 0;\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {\n  height: initial;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-row--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: 6px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  bottom: -10px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel .svc-row--drag-over-top:before,\n.sd-panel__content .svc-row--drag-over-top:before {\n  top: -4px;\n}\n.svc-question__content--panel .svc-row--drag-over-bottom:after,\n.sd-panel__content .svc-row--drag-over-bottom:after {\n  bottom: -4px;\n}\n.svc-row .sd-row--fade-out,\n.svc-row .sd-row--fade-in {\n  animation: none;\n}\n.svc-row .sd-element-wrapper--fade-out,\n.svc-row .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.svc-row .sd-element__content--fade-in,\n.svc-row .sd-element__content--fade-out {\n  animation: none;\n}\n.svc-row .sd-paneldynamic__panel-wrapper--fade-in,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-out,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-out-left,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-out-right,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-in-left,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.svc-row .sd-table__row--fade-out,\n.svc-row .sd-table__row--fade-in {\n  animation: none;\n}","@import \"../variables.scss\";\n\n.svc-carry-forward-panel-wrapper {\n  width: 100%;\n  container-type: inline-size;\n}\n.svc-carry-forward-panel {\n  box-sizing: border-box;\n  width: 100%;\n  padding: calcSize(4) calcSize(8);\n  border-radius: calcSize(1);\n  background-color: #F8F8F8;\n  text-align: center;\n  font-weight: 400;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  color: rgba(0, 0, 0, 0.45);\n}\n  \n@container (max-width: #{$sd-panel-medium-min-width}) {\n    .svc-carry-forward-panel {\n      display: none;\n    }\n  }\n  \n@container (max-width: #{$sd-panel-normal-min-width}) {\n    .svc-carry-forward-panel {\n      padding: calcSize(4) calcSize(3);\n    }\n}\n.svc-carry-forward-panel__link {\n  .svc-action-button {\n    padding: 0;\n    border: none;\n    font-weight: inherit;\n    color: inherit;\n    text-decoration: underline;\n    cursor: pointer;\n    &:hover,\n    &:focus {\n      background-color: transparent;\n    }\n  }\n}",".svc-carry-forward-panel-wrapper {\n  width: 100%;\n  container-type: inline-size;\n}\n\n.svc-carry-forward-panel {\n  box-sizing: border-box;\n  width: 100%;\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  background-color: #F8F8F8;\n  text-align: center;\n  font-weight: 400;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: rgba(0, 0, 0, 0.45);\n}\n\n@container (max-width: 176px) {\n  .svc-carry-forward-panel {\n    display: none;\n  }\n}\n@container (max-width: 496px) {\n  .svc-carry-forward-panel {\n    padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n.svc-carry-forward-panel__link .svc-action-button {\n  padding: 0;\n  border: none;\n  font-weight: inherit;\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.svc-carry-forward-panel__link .svc-action-button:hover, .svc-carry-forward-panel__link .svc-action-button:focus {\n  background-color: transparent;\n}\n\nsvc-question {\n  display: block;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  right: 1px;\n  bottom: 1px;\n}\n\n.svc-question__adorner {\n  position: relative;\n  height: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n}\n.svc-question__adorner .sv-action-bar {\n  overflow: visible;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {\n  border: none;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {\n  opacity: 0.5;\n  background-color: var(--background-dim, #f3f3f3);\n}\n\n.svc-question__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  width: 100%;\n  height: auto;\n  flex-grow: 1;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  outline: none;\n}\n\n.svc-question__content .sd-selectbase:not(.sd-imagepicker) {\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {\n  overflow-x: visible;\n  padding-left: 0;\n  margin-left: 0;\n}\n.svc-question__content .sd-question.sd-question--table {\n  overflow-x: initial;\n}\n.svc-question__content .sd-multipletext__item-title {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.svc-question__content .sjs_sp_placeholder {\n  user-select: all;\n  pointer-events: all;\n}\n\n.svc-question__content > div,\n.svc-question__placeholders > div {\n  overflow: visible;\n}\n\n.svc-question__content .sd-question:not(.sd-question--paneldynamic) .sd-panel__content {\n  overflow: auto;\n}\n.svc-question__content .sd-question:not(.sd-question--paneldynamic) .sd-table__cell--detail-panel .sd-panel__content {\n  overflow: unset;\n}\n\n.svc-panel__placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  text-wrap: wrap;\n  text-align: center;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-style: normal;\n  font-weight: 400;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content-actions {\n  position: absolute;\n  opacity: 0;\n  bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-inline-end: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions:focus-within {\n  opacity: 1;\n}\n.svc-question__content-actions .sv-action--convertTo {\n  max-width: max-content;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item--icon {\n  max-width: 100%;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: inline-block;\n  justify-content: left;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title::after {\n  content: \" \";\n  display: inline-block;\n  margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: bottom;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:not(:last-child) {\n  display: none;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n}\n.svc-question__content-actions .sv-action--convertTo.sv-action--hidden {\n  min-width: 0;\n}\n.svc-question__content-actions .sv-action--convertTo-last {\n  margin-inline-end: auto;\n}\n.svc-question__content-actions .svc-action-bar-item--right:first-of-type {\n  margin-inline-start: auto;\n}\n.svc-question__content-actions .sv-dots {\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden {\n  width: 0;\n  margin: 0;\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden .sv-action__content {\n  display: none;\n}\n.svc-question__content-actions .sv-dots .sv-dots__item {\n  margin-left: 0;\n}\n.svc-question__content-actions .sv-dots__item use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {\n  opacity: 1;\n}\n\n.svc-question__content--dragged {\n  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.svc-question__content--dragged .sd-question__title {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content--dragged.svc-question__content--selected .svc-question__content-actions {\n  display: none;\n}\n\n.svc-question__content .sd-question.sd-question--table {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-dragged-element-shortcut {\n  height: auto;\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.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: grabbing;\n  position: absolute;\n  z-index: 1000;\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: content-box;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-dragged-element-shortcut--selected {\n  border: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-dragged-element-shortcut__text {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-dragged-element-shortcut--has-icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-dragged-element-shortcut--has-icon .svc-dragged-element-shortcut__text {\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-dragged-element-shortcut__icon {\n  position: absolute;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {\n  opacity: 1;\n}\n\n.svc-question__content--drag-over-left:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n  content: \" \";\n  position: absolute;\n  right: -9px;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.sd-panel .svc-question__content--drag-over-left:before {\n  left: -6px;\n}\n.sd-panel .svc-question__content--drag-over-right:after {\n  right: -6px;\n}\n\n.svc-question__content--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  bottom: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,\n.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {\n  margin-left: 8px;\n  width: calc(100% - 8px);\n}\n.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,\n.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {\n  margin-right: 8px;\n  width: calc(100% - 8px);\n}\n.svc-question__content--panel .svc-question__content--drag-over-top:before,\n.sd-panel__content .svc-question__content--drag-over-top:before {\n  top: -6px;\n}\n.svc-question__content--panel .svc-question__content--drag-over-bottom:before,\n.sd-panel__content .svc-question__content--drag-over-bottom:before {\n  bottom: -6px;\n}\n\n.svc-question__content-actions .sv-action-bar {\n  box-sizing: border-box;\n  padding: 0;\n  justify-content: center;\n}\n\nsvc-question sv-action-bar,\nsvc-question .sv-action-bar,\n.svc-question sv-action-bar,\n.svc-question .sv-action-bar {\n  padding: 0;\n}\n\n.svc-panel__edge {\n  position: absolute;\n  border: 1px solid orange;\n  height: 10px;\n  width: 100%;\n}\n\n.svc-panel__edge--top {\n  top: 0;\n}\n\n.svc-panel__edge--bottom {\n  bottom: 0;\n}\n\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n  height: 100%;\n  overflow: hidden;\n  min-width: 4px;\n}\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {\n  border: 0;\n  padding: 0;\n}\n\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n  border: none;\n  height: 0;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {\n  display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {\n  display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {\n  background: transparent;\n  box-shadow: none;\n}\n\n.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__drag-element {\n  visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {\n  visibility: visible;\n  z-index: 1;\n}\n\n.svc-question__adorner--collapsed .svc-question__content > * {\n  display: none;\n}\n.svc-question__adorner--collapsed .svc-question__content .svc-question__drag-area {\n  display: flex;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element {\n  display: block;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element > *:not(.sd-element__header) {\n  display: none;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element .sd-element__header > *:not(.sd-element__title) {\n  display: none;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element .sd-element__header .sd-element__title,\n.svc-question__adorner--collapsed .svc-question__content .sd-element .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden {\n  display: block;\n}\n\n.svc-question__adorner--collapsed .svc-question__content {\n  flex-grow: 0;\n  padding-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element__header,\n.svc-question__adorner--collapsed .svc-question__content .sd-element--complex > .sd-element__header {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.svc-creator--mobile .svc-question__top-actions {\n  padding: 0;\n}\n.svc-creator--mobile .svc-question__adorner--collapsed .svc-question__content {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__adorner--collapsed .svc-question__content--selected {\n  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__drag-area {\n  position: absolute;\n  cursor: move;\n  top: 0;\n  left: 0;\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  visibility: hidden;\n}\n.svc-question__drag-element use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {\n  padding-left: 1px;\n  padding-right: 1px;\n}\n.sd-panel .svc-question__content .sd-table-wrapper::before {\n  left: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content .sd-table-wrapper::after {\n  right: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content {\n  border-radius: 0;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  box-shadow: none;\n}\n.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n  border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;\n}\n.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__question,\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__panel {\n  height: 0;\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n  border: none;\n}\n\n.svc-widget__content {\n  width: 100%;\n}\n.svc-widget__content .sd-question__content {\n  pointer-events: none;\n}\n\n.svc-question__content .sd-paneldynamic__footer,\n.svc-question__content .sd-paneldynamic__separator {\n  display: none;\n}\n\n.svc-panel__add-new-question-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.svc-panel__placeholder_frame-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n.svc-question__content--empty-template .sd-question--paneldynamic,\n.svc-question__content--empty-template .sd-question__content,\n.svc-question__content--empty-template sv-ng-paneldynamic-question,\n.svc-question__content--empty-template .sd-paneldynamic,\n.svc-question__content--empty-template .sd-paneldynamic__panels-container,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,\n.svc-question__content--empty-template .svc-question__adorner,\n.svc-question__content--empty-template .svc-question__adorner > div {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,\n.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic__panels-container .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {\n  flex-grow: 1;\n}\n\n.sd-paneldynamic__panels-container {\n  padding-bottom: 2px;\n  margin-bottom: -2px;\n}\n\n.svc-panel__placeholder_frame {\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: relative;\n}\n\n.svc-panel__add-new-question {\n  align-items: center;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: 0;\n  margin-right: 0;\n  width: auto;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n  border: none;\n  box-shadow: none;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-panel__add-new-question:hover {\n  outline: none;\n}\n.svc-panel__add-new-question .svc-text {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  text-wrap: nowrap;\n}\n\n.svc-panel__add-new-question-icon {\n  margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: none;\n}\n.svc-panel__add-new-question-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n@container (max-width: 496px) {\n  .svc-panel__placeholder_frame {\n    padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n@container (max-width: 176px) {\n  .svc-panel__placeholder {\n    display: none;\n  }\n  .svc-panel__placeholder_frame {\n    padding: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question {\n    margin: 0;\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,\n  .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {\n    display: block;\n  }\n  .svc-panel__placeholder_frame .svc-panel__question-type-selector,\n  .svc-panel__add-new-question-container .svc-panel__question-type-selector {\n    display: none;\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question,\n  .svc-panel__add-new-question-container .svc-panel__add-new-question {\n    padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-text,\n  .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-text {\n    display: none;\n  }\n}\n.svc-panel__question-type-selector-popup {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n\n.svc-panel__question-type-selector {\n  appearance: none;\n  display: flex;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: 2px;\n  background-color: transparent;\n  cursor: pointer;\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  outline: none;\n  top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  position: absolute;\n  right: 0;\n}\n.svc-panel__question-type-selector use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-panel__question-type-selector:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-panel__question-type-selector:focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sd-panel .svc-row {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-panel .svc-row:first-of-type {\n  margin-top: 0;\n}\n.sd-panel .svc-row .sd-row {\n  margin-top: 0;\n  margin-bottom: 0;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-element__header--location-top {\n  margin-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n  padding-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {\n  display: none;\n}\n.svc-question__content .sd-panel__content {\n  gap: 0;\n  padding-top: 0;\n}\n.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-paneldynamic__panel-wrapper {\n  padding: 0;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  opacity: 1;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content .sd-table__row-disabled > .sd-table__cell {\n  opacity: 1;\n}\n\n.svc-question__content .svc-carry-forward-panel {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-question__content {\n  min-width: min(8 * (var(--sjs-base-unit, var(--base-unit, 8px))), 100%);\n  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow-x: auto;\n}\n.svc-question__content .sd-composite .sd-question__content {\n  margin-left: 0;\n  margin-right: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.svc-question__content--paneldynamic .sd-question__content {\n  padding-bottom: 2px;\n  margin-bottom: -2px;\n}\n\n.svc-required-action .sv-svg-icon use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n  background-color: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n\n.svc-question__adorner .sv-ranking:not(.sv-ranking--select-to-rank) .svc-question__content--ranking .svc-carry-forward-panel {\n  margin-top: 0;\n}\n.svc-question__adorner .sv-ranking .sv-ranking__container-placeholder {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--from .sv-ranking__container-placeholder {\n  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__top-actions {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: absolute;\n  top: 0;\n  right: 0;\n  visibility: hidden;\n}\n.svc-question__top-actions .sv-action-bar-item {\n  margin: 0;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 0.5;\n  height: 24px;\n}\n.svc-question__top-actions .sv-action-bar-item use {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n.svc-question__top-actions .sv-action-bar-item:hover, .svc-question__top-actions .sv-action-bar-item:focus {\n  opacity: initial;\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered .svc-question__top-actions,\n.svc-question__adorner--collapse-always .svc-question__top-actions {\n  visibility: visible;\n}","@import \"../variables.scss\";\n@import \"./carry-forward-panel.scss\";\n\nsvc-question {\n  display: block;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  right: 1px;\n  bottom: 1px;\n}\n\n.svc-question__adorner {\n  position: relative;\n  height: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n\n  .sv-action-bar {\n    overflow: visible;\n\n    .sv-action:not(:first-child) {\n      .sv-action-bar-item {\n        border: none;\n\n        &:active {\n          opacity: 0.5;\n          background-color: var(--background-dim, #f3f3f3);\n        }\n      }\n    }\n  }\n}\n\n.svc-question__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  width: 100%;\n  height: auto;\n  flex-grow: 1;\n  border-radius: calcSize(0.5);\n  box-sizing: border-box;\n  padding: calcSize(4) calcSize(5) calcSize(8);\n  background: $background;\n  box-shadow: $shadow-small;\n  outline: none;\n}\n\n.svc-question__content {\n  .sd-selectbase:not(.sd-imagepicker) {\n    padding-left: calcSize(5);\n    margin-left: calcSize(-5);\n  }\n\n  .sd-table .sd-selectbase:not(.sd-imagepicker) {\n    overflow-x: visible;\n    padding-left: 0;\n    margin-left: 0;\n  }\n\n  .sd-question.sd-question--table {\n    overflow-x: initial;\n  }\n\n  .sd-multipletext__item-title {\n    color: $foreground;\n  }\n\n  .sd-multipletext__item-container.sd-input:focus-within {\n    box-shadow: $shadow-inner;\n  }\n\n  .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n    color: $foreground;\n    opacity: 0.25;\n  }\n\n  .sjs_sp_placeholder {\n    user-select: all;\n    pointer-events: all;\n  }\n}\n\n.svc-question__content>div,\n.svc-question__placeholders>div {\n  overflow: visible;\n}\n\n.svc-question__content {\n  .sd-question:not(.sd-question--paneldynamic) {\n    .sd-panel__content {\n      overflow: auto;\n    }\n\n    .sd-table__cell--detail-panel {\n      .sd-panel__content {\n        overflow: unset;\n      }\n    }\n  }\n}\n\n\n.svc-panel__placeholder {\n  color: $foreground-light;\n  text-wrap: wrap;\n  text-align: center;\n\n  font-size: calcSize(2);\n  font-style: normal;\n  font-weight: 400;\n  line-height: calcSize(3);\n}\n\n.svc-question__content-actions {\n  position: absolute;\n  opacity: 0;\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  bottom: calcSize(2);\n  inset-inline-start: calcSize(4); // left\n  inset-inline-end: calcSize(3.5); // right\n\n  .sv-action--convertTo {\n    max-width: max-content;\n\n    .sv-action-bar-item--icon {\n      max-width: 100%;\n      padding: calcSize(0.5);\n    }\n\n    .sv-action-bar-item__title {\n      @include textEllipsis;\n\n      display: inline-block;\n      justify-content: left;\n\n      &::after {\n        content: \" \";\n        display: inline-block;\n        margin-inline-start: calcSize(0.5);\n        width: calcSize(2);\n        height: calcSize(2);\n        vertical-align: bottom;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n      }\n    }\n\n    .sv-action-bar-item__icon {\n      use {\n        fill: $primary;\n      }\n\n      &:not(:last-child) {\n        display: none\n      }\n    }\n\n    .sv-action-bar-item__title--with-icon {\n      margin-inline-start: 0; // margin-left\n      margin-inline-end: 0; // margin-right\n    }\n\n  }\n\n  .sv-action--convertTo.sv-action--hidden {\n    min-width: 0;\n  }\n\n  .sv-action--convertTo-last {\n    margin-inline-end: auto; // margin-right\n  }\n\n  .svc-action-bar-item--right:first-of-type {\n    margin-inline-start: auto;\n  }\n\n  .sv-dots {\n    width: calcSize(4);\n    margin-left: calcSize(1);\n    margin-right: calcSize(0.5);\n\n    &.sv-action--hidden {\n      width: 0;\n      margin: 0;\n\n      .sv-action__content {\n        display: none;\n      }\n    }\n\n    .sv-dots__item {\n      margin-left: 0;\n    }\n  }\n\n  .sv-dots__item {\n    //border-radius: calcSize(0.5);\n\n    use {\n      fill: $secondary;\n\n    }\n  }\n}\n\n.svc-question__content:focus,\n.svc-hovered>.svc-question__content {\n  box-shadow: 0 0 0 2px $secondary-light;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 2px $secondary;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged),\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered>.svc-question__content:not(.svc-question__content--dragged) {\n  &>.svc-question__content-actions {\n    opacity: 1;\n\n  }\n}\n\n.svc-question__content--dragged {\n  background: $background-dim-light;\n\n  .sd-question__title {\n    color: $foreground-light;\n  }\n\n  &.svc-question__content--selected {\n    .svc-question__content-actions {\n      display: none;\n    }\n  }\n}\n\n.svc-question__content {\n  .sd-question.sd-question--table {\n    margin-top: calcSize(-1);\n    padding-top: calcSize(1);\n  }\n}\n\n.svc-dragged-element-shortcut {\n  //min-width: 100px;\n  height: auto;\n  border-radius: calcSize(12.5);\n  background-color: $background;\n  color: $foreground;\n  padding: calcSize(1.5) calcSize(2);\n  cursor: grabbing;\n  position: absolute;\n  z-index: 1000;\n  box-shadow: $shadow-large;\n  @include disableUserSelect;\n  //max-width: 500px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: content-box;\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  line-height: calcSize(2);\n}\n\n.svc-dragged-element-shortcut--has-icon {\n  padding: calcSize(1) calcSize(1.5);\n  padding-right: calcSize(3.5);\n\n  .svc-dragged-element-shortcut__text {\n    line-height: calcSize(3);\n    margin-inline-start: calcSize(4);\n  }\n}\n\n.svc-dragged-element-shortcut__icon {\n  position: absolute;\n  width: calcSize(3);\n  height: calcSize(3);\n}\n\n.svc-question__content--drag-over-inside,\n.svc-hovered>.svc-question__content--drag-over-inside {\n  .svc-panel__placeholder_frame {\n    box-shadow: 0 0 0 1px $primary;\n    border: 1px solid $primary;\n    background: $primary-light;\n\n    &>.svc-question__content-actions {\n      opacity: 1;\n    }\n  }\n}\n\n.svc-question__content--drag-over-left:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  background: $secondary;\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n  content: \" \";\n  position: absolute;\n  right: -9px;\n  background: $secondary;\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.sd-panel {\n  .svc-question__content--drag-over-left:before {\n    left: -6px;\n  }\n\n  .svc-question__content--drag-over-right:after {\n    right: -6px;\n  }\n}\n\n\n.svc-question__content--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  top: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  bottom: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n  .sd-row>div:first-child {\n    .svc-question__content--drag-over-left {\n      margin-left: 8px;\n      width: calc(100% - 8px);\n    }\n  }\n\n  .sd-row>div:last-child {\n    .svc-question__content--drag-over-right {\n      margin-right: 8px;\n      width: calc(100% - 8px);\n    }\n  }\n\n  .svc-question__content--drag-over-top:before {\n    top: -6px;\n  }\n\n  .svc-question__content--drag-over-bottom:before {\n    bottom: -6px;\n  }\n}\n\n.svc-question__content-actions {\n  .sv-action-bar {\n    box-sizing: border-box;\n    padding: 0;\n    justify-content: center;\n  }\n}\n\nsvc-question,\n.svc-question {\n\n  sv-action-bar,\n  .sv-action-bar {\n    padding: 0;\n  }\n}\n\n.svc-panel__edge {\n  position: absolute;\n  border: 1px solid orange;\n  height: 10px;\n  width: 100%;\n}\n\n.svc-panel__edge--top {\n  top: 0;\n}\n\n.svc-panel__edge--bottom {\n  bottom: 0;\n}\n\n// reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n.svc-question__adorner--start-with-new-line {\n  &[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n    height: 100%;\n    overflow: hidden;\n    min-width: 4px;\n\n    .svc-question__content.svc-question__content.svc-question__content {\n      border: 0;\n      padding: 0;\n    }\n  }\n}\n\n[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n  border: none;\n  height: 0;\n\n  .svc-question__drag-area {\n    display: none;\n  }\n\n  .svc-question__drag-element {\n    display: none;\n  }\n\n  .svc-question__content {\n    background: transparent;\n    box-shadow: none;\n  }\n}\n\n// EO reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n\n.svc-hovered>.svc-question__content>.svc-question__drag-area>.svc-question__drag-element {\n  visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected>.svc-question__drag-area>.svc-question__drag-element {\n  visibility: visible;\n  z-index: 1;\n}\n\n.svc-question__adorner--collapsed {\n  .svc-question__content {\n    &>* {\n      display: none\n    }\n    .svc-question__drag-area {\n      display: flex,\n    }\n    .sd-element {\n      display: block;\n      &>*:not(.sd-element__header ) {\n        display: none\n      }\n      .sd-element__header\n      {\n        &>*:not(.sd-element__title) {\n          display: none;\n        }\n        .sd-element__title,\n        .sd-title.sd-element__title.sd-element__title--hidden {\n          display: block;\n        }\n      }\n    }\n  }\n}\n\n.svc-question__adorner--collapsed {\n  .svc-question__content {\n    flex-grow: 0;\n    padding-bottom: calcSize(4);\n    .sd-element__header,\n    .sd-element--complex > .sd-element__header {\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n  }\n}\n.svc-creator--mobile {\n  .svc-question__top-actions {\n    padding: 0;\n  }\n  .svc-question__adorner--collapsed {\n    .svc-question__content {\n      padding-bottom: calcSize(2);\n    }\n    .svc-question__content--selected {\n      padding-bottom: calcSize(3);\n    }\n  }\n}\n\n\n.svc-question__drag-area {\n  position: absolute;\n  cursor: move;\n  top: 0;\n  left: 0;\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  visibility: hidden;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.sd-panel {\n  .svc-question__content--image:not(.svc-question__content--empty) {\n    padding-left: 1px;\n    padding-right: 1px;\n  }\n\n  .svc-question__content {\n    .sd-table-wrapper::before {\n      left: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n    }\n\n    .sd-table-wrapper::after {\n      right: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n    }\n  }\n\n  .svc-question__content {\n    border-radius: 0;\n    border: 1px dashed $border;\n    box-shadow: none;\n  }\n\n  .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n    border: 1px solid $secondary-light;\n    box-shadow: 0 0 0 1px $secondary-light inset;\n  }\n\n  .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n    border: 1px solid $secondary;\n    box-shadow: 0 0 0 1px $secondary inset;\n  }\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty {\n\n  .sd-row__question,\n  .sd-row__panel {\n    height: 0;\n  }\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n  border: none;\n}\n\n.svc-widget__content {\n  .sd-question__content {\n    pointer-events: none;\n  }\n\n  width: 100%;\n}\n\n.svc-question__content {\n\n  .sd-paneldynamic__footer,\n  .sd-paneldynamic__separator {\n    display: none;\n  }\n}\n\n.svc-panel__add-new-question-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.svc-panel__placeholder_frame-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n.svc-question__content--empty-template {\n\n  .sd-question--paneldynamic,\n  .sd-question__content,\n  sv-ng-paneldynamic-question,\n  .sd-paneldynamic,\n  .sd-paneldynamic__panels-container,\n  .sd-paneldynamic__panel-wrapper,\n  .svc-question__adorner,\n  .svc-question__adorner>div {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .svc-panel__placeholder_frame {\n      flex-grow: 1;\n    }\n  }\n}\n\n.sd-paneldynamic__panels-container {\n  padding-bottom: 2px;\n  margin-bottom: -2px;\n}\n\n.svc-panel__placeholder_frame {\n  border: 1px dashed $border;\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: calcSize(11) calcSize(8) calcSize(10);\n  flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: relative;\n}\n\n.svc-panel__add-new-question {\n  align-items: center;\n  margin-top: calcSize(2);\n  margin-left: 0;\n  margin-right: 0;\n  width: auto;\n  height: calcSize(5);\n  line-height: calcSize(5);\n  vertical-align: baseline;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n\n  border: none;\n  box-shadow: none;\n  padding: calcSize(0.5) calcSize(2);\n\n  &:hover {\n    outline: none;\n  }\n\n  .svc-text {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\n    margin: calcSize(1) calcSize(3);\n    line-height: calcSize(2);\n    color: $primary;\n    text-wrap: nowrap;\n  }\n}\n\n.svc-panel__add-new-question-icon {\n  margin: calcSize(0.5);\n  display: none;\n\n  use {\n    fill: $primary\n  }\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n  .svc-panel__placeholder_frame {\n    padding: calcSize(11) calcSize(3) calcSize(10);\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .svc-panel__placeholder {\n    display: none;\n  }\n\n  .svc-panel__placeholder_frame {\n    padding: calcSize(10) calcSize(3) calcSize(10);\n\n    .svc-panel__add-new-question {\n      margin: 0;\n    }\n  }\n\n  .svc-panel__placeholder_frame,\n  .svc-panel__add-new-question-container {\n    .svc-panel__add-new-question-icon {\n      display: block;\n    }\n\n    .svc-panel__question-type-selector {\n      display: none;\n    }\n\n    .svc-panel__add-new-question {\n      padding: calcSize(0.5) calcSize(0.5);\n\n      .svc-text {\n        display: none;\n      }\n    }\n  }\n\n}\n\n.svc-panel__question-type-selector-popup {\n  height: calcSize(5);\n  width: calcSize(5);\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n\n.svc-panel__question-type-selector {\n  appearance: none;\n  display: flex;\n  height: calcSize(5);\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  border-radius: 2px;\n  background-color: transparent;\n  cursor: pointer;\n  margin-right: calcSize(1);\n  outline: none;\n\n  use {\n    fill: $foreground-light;\n  }\n\n  &:hover {\n    background-color: $background-dim;\n  }\n\n  &:focus {\n    background-color: $primary-light;\n  }\n\n  top: calcSize(2);\n  margin: 0;\n  position: absolute;\n  right: 0;\n}\n\n.sv-list__container .sv-action-bar-item--secondary {\n  .sv-list__item-icon use {\n    fill: $secondary;\n  }\n}\n\n.sd-panel {\n  .svc-row {\n    margin-top: calcSize(1);\n  }\n\n  .svc-row:first-of-type {\n    margin-top: 0;\n  }\n\n  .svc-row .sd-row {\n    margin-top: 0;\n    margin-bottom: 0;\n    gap: calcSize(1);\n  }\n}\n\n.svc-question__content {\n  .sd-element__header--location-top {\n    margin-top: 0;\n  }\n\n  .sd-element--complex>.sd-element__header--location-top {\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n    padding-top: 0;\n\n    &:after {\n      display: none;\n    }\n  }\n\n  .sd-panel__content {\n    gap: 0;\n    padding-top: 0;\n  }\n\n  .sd-table__cell--detail-panel .sd-panel__content {\n    padding-top: calcSize(1);\n  }\n\n  .sd-paneldynamic__panel-wrapper {\n    padding: 0;\n  }\n\n  .sd-table__cell--actions {\n    .sv-action-bar-item:disabled {\n      background: $background;\n      opacity: 1;\n\n      use {\n        fill: $foreground-light;\n      }\n    }\n  }\n\n  .sd-table__row-disabled>.sd-table__cell {\n    opacity: 1;\n  }\n}\n\n.svc-question__content {\n  .svc-carry-forward-panel {\n    margin-top: calcSize(2);\n  }\n\n  .sd-question__content {\n    min-width: min(calcSize(8), 100%);\n    margin-left: calcSize(-5);\n    margin-right: calcSize(-5);\n    padding-left: calcSize(5);\n    padding-right: calcSize(5);\n    overflow-x: auto;\n  }\n\n  .sd-composite {\n    .sd-question__content {\n      margin-left: 0;\n      margin-right: 0;\n      padding-left: 0;\n      padding-right: 0;\n    }\n  }\n}\n\n.svc-question__content--paneldynamic {\n  .sd-question__content {\n    padding-bottom: 2px;\n    margin-bottom: -2px;\n  }\n}\n\n.svc-required-action {\n  .sv-svg-icon {\n    use {\n      fill: $secondary;\n    }\n  }\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n  background-color: $secondary-backcolor-semi-light;\n}\n\n\n.svc-question__adorner {\n  .sv-ranking:not(.sv-ranking--select-to-rank) {\n    .svc-question__content--ranking {\n      .svc-carry-forward-panel {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .sv-ranking {\n    .sv-ranking__container-placeholder {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(2);\n    }\n  }\n\n  .sv-ranking--select-to-rank-vertical {\n    .sv-ranking__container--empty {\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    .sv-ranking__container--from {\n      .sv-ranking__container-placeholder {\n        padding-bottom: calcSize(3);\n      }\n    }\n  }\n}\n\n.svc-question__top-actions {\n  padding: calcSize(0.5);\n  position: absolute;\n  top: 0;\n  right: 0;\n  visibility: hidden;\n  .sv-action-bar-item {\n    use {\n      fill: $foreground-dim-light;\n    }\n    margin: 0;\n    padding: calcSize(0.5);\n    opacity: 0.5;\n    height: 24px;\n    &:hover, &:focus {\n      opacity: initial;\n    }\n  }\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered,\n.svc-question__adorner--collapse-always {\n  .svc-question__top-actions {\n    visibility: visible;\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__content>.svc-question__dropdown-choices--wrapper {\n  width: calc(100% + calcSize(8));\n  overflow-x: auto;\n  margin: 0 calcSize(-4);\n\n  &>div {\n    width: calc(100% - calcSize(8));\n    display: inline-block;\n    min-width: calcSize(15);\n    margin: 0 calcSize(4);\n  }\n\n  .svc-action-button {\n    margin-left: calcSize(6.75);\n    margin-top: calcSize(1);\n\n    cursor: pointer;\n  }\n}",".svc-question__dropdown-choices {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n  opacity: 0.25;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n  opacity: 0.5;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n  opacity: 0.75;\n}\n\n.svc-question__content > .svc-question__dropdown-choices--wrapper {\n  width: calc(100% + 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow-x: auto;\n  margin: 0 calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n  width: calc(100% - 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: inline-block;\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {\n  margin-left: calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: pointer;\n}","@import \"../variables.scss\";\n\n.svc-image-question-controls {\n  position: absolute;\n  top: calcSize(5);\n  right: calcSize(1);\n  display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n  display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n  padding: calcSize(4) 0 calcSize(8) 0;\n\n  .sd-image__image {\n    border-radius: 0;\n  }\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n  width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n  display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text {\n  .sv-svg-icon {\n    display: none;\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .svc-question__content--image .sd-file__choose-btn--text {\n    .sv-svg-icon {\n      display: block;\n    }\n  }\n}\n.svc-question__content--loading {\n  .sd-image {\n    display: none;\n  }\n}\n\n.svc-image-question__loading-placeholder {\n  position: relative;\n  background-color: $background;\n  width: 100%;\n  height: calcSize(27.5);\n  border: 1px dashed $border-inside;\n}\n\n.svc-image-question__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}",".svc-image-question-controls {\n  position: absolute;\n  top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n  display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {\n  border-radius: 0;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n  width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n  display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n  display: none;\n}\n\n@container (max-width: 176px) {\n  .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n    display: block;\n  }\n}\n.svc-question__content--loading .sd-image {\n  display: none;\n}\n\n.svc-image-question__loading-placeholder {\n  position: relative;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  width: 100%;\n  height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-image-question__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n.svc-rating-question-controls {\n  position: absolute;\n}\n\n.svc-question__content--in-popup {\n  .svc-rating-question-controls.svc-item-value-controls {\n    display: flex;\n  }\n}\n\n.svc-question__content--selected {\n  .svc-rating-question-controls.svc-item-value-controls {\n    display: flex;\n  }\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n  margin-top: calcSize(5.5);\n}\n\n.svc-question__content {\n  .sd-rating {\n    margin-inline-start: calcSize(9); // margin-left\n    max-width: calc(100% - 9 * #{$base-unit});\n\n    &.sd-rating--wrappable fieldset {\n      min-width: 0;\n    }\n\n\n    .sd-rating__item-text {\n      max-width: 100%;\n\n      .sv-string-editor:focus-within {\n        white-space: nowrap;\n      }\n      &::after {\n        display: none\n      }\n    }\n\n    .svc-string-editor__content {\n      .sv-string-editor {\n        text-overflow: ellipsis;\n        overflow: hidden;\n\n        &:focus-within {\n          text-overflow: initial;\n        }\n      }\n    }\n\n    &.sd-rating--labels-top {\n      fieldset {\n        .sd-rating__min-text {\n          top: calcSize(1);\n        }\n\n        .sd-rating__max-text {\n          top: calcSize(1);\n        }\n      }\n    }\n\n    &.sd-rating--labels-bottom {\n      fieldset {\n        padding-bottom: calcSize(5);\n\n        .sd-rating__min-text {\n          bottom: calcSize(1);\n        }\n\n        .sd-rating__max-text {\n          bottom: calcSize(1);\n        }\n      }\n    }\n\n    &.sd-rating--labels-diagonal {\n      fieldset {\n        padding-bottom: calcSize(5);\n\n        .sd-rating__min-text {\n          top: calcSize(1);\n        }\n\n        .sd-rating__max-text {\n          bottom: calcSize(1);\n        }\n      }\n    }\n  }\n\n  .sd-question--table .sd-rating {\n    margin-inline-start: 0;\n    width: fit-content;\n    margin: auto;\n    max-width: fit-content;\n  }\n\n  .svc-rating-question-controls {\n    display: flex;\n    width: calcSize(8);\n    min-width: auto;\n    justify-content: flex-start;\n  }\n\n  .sd-rating__item--fixed-size:focus-within {\n    width: unset;\n    padding: calcSize(0.5) calcSize(2.5);\n  }\n}\n.svc-question__content .svc-rating-question-content  .sd-question__content {\n  overflow-x: visible;\n}\n.svc-creator--mobile {\n  .svc-rating-question-content {\n    position: relative;\n  }\n\n  .svc-rating-question-controls {\n    position: absolute;\n    top: 0;\n  }\n\n  .svc-question__content {\n    .sd-rating {\n      margin-inline-start: 0; // margin-left\n      width: 100%;\n      max-width: 100%;\n    }\n\n\n    legend+.sd-rating__item,\n    legend+sv-ng-rating-item+.sd-rating__item,\n    legend+.sd-rating__item-smiley,\n    legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley {\n      margin-inline-start: calc(9 * #{$base-unit} + 2px);\n    }\n\n    legend+.sd-rating__item-text,\n    legend+.sd-rating__item-star,\n    legend+sv-ng-rating-item-star+.sd-rating__item-star {\n      margin-inline-start: calc(9 * #{$base-unit});\n    }\n  }\n}",".svc-rating-question-controls {\n  position: absolute;\n}\n\n.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {\n  display: flex;\n}\n\n.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {\n  display: flex;\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n  margin-top: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content .sd-rating {\n  margin-inline-start: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-question__content .sd-rating.sd-rating--wrappable fieldset {\n  min-width: 0;\n}\n.svc-question__content .sd-rating .sd-rating__item-text {\n  max-width: 100%;\n}\n.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {\n  white-space: nowrap;\n}\n.svc-question__content .sd-rating .sd-rating__item-text::after {\n  display: none;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {\n  text-overflow: initial;\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {\n  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {\n  bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {\n  bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {\n  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {\n  bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-question--table .sd-rating {\n  margin-inline-start: 0;\n  width: fit-content;\n  margin: auto;\n  max-width: fit-content;\n}\n.svc-question__content .svc-rating-question-controls {\n  display: flex;\n  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: auto;\n  justify-content: flex-start;\n}\n.svc-question__content .sd-rating__item--fixed-size:focus-within {\n  width: unset;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content .svc-rating-question-content .sd-question__content {\n  overflow-x: visible;\n}\n\n.svc-creator--mobile .svc-rating-question-content {\n  position: relative;\n}\n.svc-creator--mobile .svc-rating-question-controls {\n  position: absolute;\n  top: 0;\n}\n.svc-creator--mobile .svc-question__content .sd-rating {\n  margin-inline-start: 0;\n  width: 100%;\n  max-width: 100%;\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {\n  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {\n  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}","@import \"../variables.scss\";\n\n.svc-item-value-wrapper {\n  position: relative;\n  display: flex;\n  gap: calcSize(1);\n  align-items: center;\n  margin-left: calcSize(-5);\n}\n\n.svc-question__dropdown-choice,\n.sd-selectbase {\n  .svc-item-value-wrapper {\n    align-items: flex-start;\n  }\n\n  .svc-item-value__item {\n    padding-right: calcSize(1);\n  }\n}\n\n.svc-question__content {\n  .sd-selectbase__column {\n    margin-left: calcSize(5);\n    min-width: initial;\n  }\n\n  .sd-selectbase--mobile .sd-selectbase__column,\n  .sd-selectbase__column:first-of-type,\n  .sd-imagepicker__column {\n    margin-left: 0;\n  }\n\n  .sd-selectbase__column:not(:last-child) {\n    padding-right: 0;\n  }\n}\n\n.svc-item-value--dragging {\n  background: $background;\n  box-shadow: $shadow-large;\n  border-radius: calcSize(12.5);\n  padding-right: calcSize(3);\n  padding-left: calcSize(0.5);\n  @include disableUserSelect;\n}\n\n.svc-item-value-controls {\n  display: flex;\n  margin: calcSize(1) 0;\n  height: calcSize(4);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  min-width: 72px;\n  justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n  border-radius: 50%;\n  padding: calcSize(1);\n  cursor: pointer;\n  display: inline-block;\n  outline: none;\n  height: calcSize(2);\n  box-sizing: content-box;\n\n  .sv-svg-icon {\n    display: block;\n  }\n}\n\n.svc-item-value-controls__button>span {\n  display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n  display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost),\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) {\n  .svc-item-value-controls__drag-icon {\n    visibility: visible;\n  }\n}\n\n.svc-item-value-controls__drag {\n  padding: calcSize(0.5) calcSize(1);\n  cursor: move;\n  opacity: 0.25;\n\n  .svc-item-value-controls__drag-icon {\n    visibility: hidden;\n  }\n\n  use {\n    fill: $foreground;\n  }\n}\n\n.svc-item-value-controls__button--disabled {\n  fill: $foreground-light;\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n  use {\n    fill: $red;\n  }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n  use {\n    fill: $primary;\n  }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n\n  &:hover,\n  &:focus {\n    background-color: $primary-light;\n  }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n\n  &:hover,\n  &:focus {\n    background-color: $red-light;\n  }\n}\n\n.sv-string-editor {\n  cursor: text;\n}\n\n.svc-item-value--new {\n  .svc-item-value__item {\n\n    .sd-item__control-label,\n    .sv-ranking-item__text {\n      color: $foreground-light;\n    }\n\n    .sd-item__decorator {\n      opacity: 0.35;\n    }\n  }\n\n  .sv-ranking-item__index {\n    background: $background-dim;\n\n    svg {\n      fill: $foreground-light;\n    }\n  }\n}\n\n.sv-ranking {\n  .svc-item-value-wrapper {\n    align-items: center;\n  }\n\n  .svc-item-value__item {\n    padding-right: 0;\n    flex-grow: 1;\n  }\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n  flex-grow: 1;\n  width: 0;\n  max-width: fit-content;\n}\n\n.svc-item-value__item {\n  .sv-ranking-item__content {\n    padding-left: 0;\n  }\n\n  .sv-ranking-item__icon-container {\n    display: none;\n  }\n\n  .sv-ranking-item__text {\n    overflow: visible;\n  }\n\n  .svc-string-editor {\n    width: 100%;\n    display: inline-block;\n  }\n\n  .sv-string-editor {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n}\n\n\n\n.svc-item-value--ghost {\n  .svc-item-value__ghost {\n    display: block;\n  }\n\n  .svc-item-value-controls {\n    visibility: hidden;\n  }\n}\n\n.svc-item-value--movedown {\n  transform: translate(0, 0);\n  animation: svdragdropmovedown 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n  0% {\n    transform: translate(0, -50px);\n  }\n\n  100% {\n    transform: translate(0, 0);\n  }\n}\n\n.svc-item-value--moveup {\n  transform: translate(0, 0);\n  animation: svdragdropmoveup 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n  0% {\n    transform: translate(0, 50px);\n  }\n\n  100% {\n    transform: translate(0, 0);\n  }\n}\n\n.svc-item-value__ghost {\n  display: none;\n  background: $background-dim;\n  border-radius: calcSize(12.5);\n  width: calcSize(25);\n  height: 40px;\n  z-index: 11;\n  position: absolute;\n  left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer {\n\n  .svc-question__content--ranking,\n  .sd-selectbase,\n  .svc-question__dropdown-choices {\n    [data-sv-drop-target-item-value] .svc-item-value-controls {\n      min-width: initial;\n    }\n\n    &:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n      min-width: 64px;\n    }\n\n    .svc-item-value-controls__drag {\n      padding-right: 0;\n    }\n\n    .svc-item-value-controls__drag-icon {\n      visibility: visible;\n    }\n\n    .svc-item-value-wrapper {\n      margin-left: calcSize(-3);\n    }\n  }\n\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n\n  .svc-question__content--ranking,\n  .sd-selectbase,\n  .svc-question__dropdown-choices {\n\n    .svc-item-value-controls__drag-icon {\n      visibility: visible;\n    }\n\n    .svc-item-value-wrapper {\n      margin-left: calcSize(-6);\n    }\n\n    .svc-item-value-controls__drag {\n      padding-left: 0;\n      padding-right: 0;\n    }\n  }\n}",".svc-item-value-wrapper {\n  position: relative;\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  align-items: center;\n  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice .svc-item-value-wrapper,\n.sd-selectbase .svc-item-value-wrapper {\n  align-items: flex-start;\n}\n.svc-question__dropdown-choice .svc-item-value__item,\n.sd-selectbase .svc-item-value__item {\n  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-selectbase__column {\n  margin-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: initial;\n}\n.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,\n.svc-question__content .sd-selectbase__column:first-of-type,\n.svc-question__content .sd-imagepicker__column {\n  margin-left: 0;\n}\n.svc-question__content .sd-selectbase__column:not(:last-child) {\n  padding-right: 0;\n}\n\n.svc-item-value--dragging {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.svc-item-value-controls {\n  display: flex;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  flex-shrink: 0;\n  min-width: 72px;\n  justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n  border-radius: 50%;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: pointer;\n  display: inline-block;\n  outline: none;\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.svc-item-value-controls__button .sv-svg-icon {\n  display: block;\n}\n\n.svc-item-value-controls__button > span {\n  display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n  display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {\n  visibility: visible;\n}\n\n.svc-item-value-controls__drag {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: move;\n  opacity: 0.25;\n}\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n  visibility: hidden;\n}\n.svc-item-value-controls__drag use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-item-value-controls__button--disabled {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sv-string-editor {\n  cursor: text;\n}\n\n.svc-item-value--new .svc-item-value__item .sd-item__control-label,\n.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-item-value--new .svc-item-value__item .sd-item__decorator {\n  opacity: 0.35;\n}\n.svc-item-value--new .sv-ranking-item__index {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-item-value--new .sv-ranking-item__index svg {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking .svc-item-value-wrapper {\n  align-items: center;\n}\n.sv-ranking .svc-item-value__item {\n  padding-right: 0;\n  flex-grow: 1;\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n  flex-grow: 1;\n  width: 0;\n  max-width: fit-content;\n}\n\n.svc-item-value__item .sv-ranking-item__content {\n  padding-left: 0;\n}\n.svc-item-value__item .sv-ranking-item__icon-container {\n  display: none;\n}\n.svc-item-value__item .sv-ranking-item__text {\n  overflow: visible;\n}\n.svc-item-value__item .svc-string-editor {\n  width: 100%;\n  display: inline-block;\n}\n.svc-item-value__item .sv-string-editor {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.svc-item-value--ghost .svc-item-value__ghost {\n  display: block;\n}\n.svc-item-value--ghost .svc-item-value-controls {\n  visibility: hidden;\n}\n\n.svc-item-value--movedown {\n  transform: translate(0, 0);\n  animation: svdragdropmovedown 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n  0% {\n    transform: translate(0, -50px);\n  }\n  100% {\n    transform: translate(0, 0);\n  }\n}\n.svc-item-value--moveup {\n  transform: translate(0, 0);\n  animation: svdragdropmoveup 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n  0% {\n    transform: translate(0, 50px);\n  }\n  100% {\n    transform: translate(0, 0);\n  }\n}\n.svc-item-value__ghost {\n  display: none;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: 40px;\n  z-index: 11;\n  position: absolute;\n  left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {\n  min-width: initial;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n  min-width: 64px;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n  padding-right: 0;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n  visibility: visible;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n  visibility: visible;\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n  margin-left: calc(-6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n  padding-left: 0;\n  padding-right: 0;\n}","@import \"../variables.scss\";\n\n.svc-image-item-value-wrapper {\n  display: inline-block;\n  position: relative;\n}\n\n.svc-image-item-value--new {\n  display: none;\n  height: max-content;\n\n  .sd-imagepicker__image {\n    box-sizing: border-box;\n    border: 1px dashed $border;\n  }\n}\n\n.svc-image-item-value--file-dragging {\n  .sd-imagepicker__image {\n    border: 2px solid $primary;\n    background-color: $primary-light;\n  }\n\n  .svc-image-item-value__item {\n    position: relative;\n    z-index: 2;\n  }\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n  display: inline-block;\n}\n\n.svc-image-item-value-controls {\n  position: absolute;\n  top: calcSize(1);\n  right: calcSize(1);\n  z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n  top: calc(50% - 3 * #{$base-unit});\n  left: calc(50% - 3 * #{$base-unit});\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n  background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n  background-color: transparent;\n\n  use {\n    fill: $primary;\n  }\n\n  &:hover,\n  &:focus {\n    background-color: $primary-light;\n  }\n}\n\n.svc-choose-file-input {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.svc-image-item-value__item {\n  .sd-imagepicker__item.sd-imagepicker__item {\n    width: 100%;\n  }\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n  display: none;\n  cursor: move;\n  position: absolute;\n  top: calcSize(1);\n  left: calcSize(1);\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover {\n  .svc-image-item-value-controls__drag-area-indicator {\n    display: block;\n  }\n}\n\n.svc-image-item-value-wrapper--ghost {\n  .svc-image-item-value-wrapper__ghost {\n    display: block;\n  }\n\n  .svc-image-item-value-wrapper__content {\n    display: none;\n  }\n}\n\n.svc-image-item-value-wrapper__ghost {\n  display: none;\n  background: $background-dim;\n}\n\n.svc-image-item-value--single {\n  width: 100%;\n\n  .sd-imagepicker__image {\n    height: calcSize(30);\n  }\n}\n\n.svc-image-item-value__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}",".svc-image-item-value-wrapper {\n  display: inline-block;\n  position: relative;\n}\n\n.svc-image-item-value--new {\n  display: none;\n  height: max-content;\n}\n.svc-image-item-value--new .sd-imagepicker__image {\n  box-sizing: border-box;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-image-item-value--file-dragging .sd-imagepicker__image {\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-image-item-value--file-dragging .svc-image-item-value__item {\n  position: relative;\n  z-index: 2;\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n  display: inline-block;\n}\n\n.svc-image-item-value-controls {\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n  background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n  background-color: transparent;\n}\n.svc-image-item-value-controls__add use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-image-item-value-controls__add:hover, .svc-image-item-value-controls__add:focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-choose-file-input {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {\n  width: 100%;\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n  display: none;\n  cursor: move;\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {\n  display: block;\n}\n\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {\n  display: block;\n}\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {\n  display: none;\n}\n\n.svc-image-item-value-wrapper__ghost {\n  display: none;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-image-item-value--single {\n  width: 100%;\n}\n.svc-image-item-value--single .sd-imagepicker__image {\n  height: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-image-item-value__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n// .svc-question__content {\n//   .sd-table {\n//     td:empty,\n//     th:empty {\n//       width: initial;\n//     }\n//   }\n// }\n.svc-matrix-cell {\n  position: relative;\n}\n\n.svc-question__adorner {\n  .sd-table .sd-table__cell--column-title {\n    padding: 0  calcSize(1);\n    .svc-matrix-cell {\n      padding: calcSize(1.5) calcSize(1);\n    }\n  }\n}\n\n.svc-matrix-cell--selected {\n  position: absolute;\n  border: calcSize(0.25) solid $secondary;\n  border-radius: calcSize(0.5);\n  top: calcSize(0);\n  left: calcSize(0);\n  right: calcSize(0);\n  bottom: calcSize(0);\n  display: none;\n  &.svc-visible {\n    display: block;\n  }\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n  border: calcSize(0.25) solid $secondary-light;\n  border-radius: calcSize(0.5);\n  display: block;\n}\n\n.svc-matrix-cell__question-controls {\n  display: none;\n  position: absolute;\n  top: calc(50% - 3 * #{$base-unit});\n  left: calc(50% - 3 * #{$base-unit});\n  z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n  display: block;\n  width: calcSize(6);\n  height: calcSize(6);\n  background: $background;\n  border: 1px solid $border;\n  box-sizing: border-box;\n  border-radius: 50%;\n  padding: calcSize(1.5);\n  cursor: pointer;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n  display: block;\n}\n\n.svc-question__content--in-popup {\n  width: calc(100% - 25 * #{$base-unit});\n  min-width: calcSize(70);\n  padding: calcSize(5);\n}\n\n.svc-matrix-cell__popup {\n  .sv-popup__scrolling-content {\n    margin-top: calcSize(1);\n    padding-top: 0;\n  }\n\n  .svc-question__content {\n    @include disableUserSelect;\n  }\n}\n\n.svc-question__content {\n  .sd-table__cell--detail-panel {\n    padding-left: calcSize(6);\n  }\n}",".svc-matrix-cell {\n  position: relative;\n}\n\n.svc-question__adorner .sd-table .sd-table__cell--column-title {\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-matrix-cell--selected {\n  position: absolute;\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: none;\n}\n.svc-matrix-cell--selected.svc-visible {\n  display: block;\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n}\n\n.svc-matrix-cell__question-controls {\n  display: none;\n  position: absolute;\n  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n  display: block;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  border-radius: 50%;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n}\n.svc-matrix-cell__question-controls-button use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n  display: block;\n}\n\n.svc-question__content--in-popup {\n  width: calc(100% - 25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-matrix-cell__popup .sv-popup__scrolling-content {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-top: 0;\n}\n.svc-matrix-cell__popup .svc-question__content {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.svc-question__content .sd-table__cell--detail-panel {\n  padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../variables.scss\";\n\n.svd-test-results {\n  font-family: $font-family;\n  border-radius: 4px;\n  box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n\n  .svd-test-results__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: calcSize(2) calcSize(3);\n    font-size: calcSize(2);\n    color: $foreground-light;\n    border-bottom: 2px solid $border-light;\n    background-color: $background;\n\n    .svd-test-results__header-text {\n      margin: 0;\n    }\n\n    .svd-test-results__header-types {\n      display: flex;\n      gap: calcSize(1);\n    }\n  }\n\n  .svd-test-results__text {\n    display: flex;\n    padding: calcSize(2) calcSize(3);\n    width: calc(100% - calcSize(6));\n    overflow: auto;\n    user-select: text;\n    white-space: pre-wrap;\n    background-color: $background;\n  }\n\n  .svd-test-results__table {\n    background-color: $background;\n    width: 100%;\n    box-shadow: $shadow-small;\n\n    table {\n      width: 100%;\n      border-collapse: collapse;\n\n      .svd-test-results__marker {\n        position: absolute;\n        top: calcSize(1.5);\n\n        .sv-svg-icon {\n          transition: transform 0.2s ease-in-out;\n\n          use {\n            fill: $foreground-light;\n          }\n        }\n\n        &.svd-test-results__marker--expanded .sv-svg-icon {\n          transform-origin: center;\n          transform: rotate(90deg);\n        }\n      }\n\n      th {\n        padding: calcSize(1) calcSize(1);\n        background-color: $background-dim;\n        text-align: left;\n        font-weight: 600;\n        font-size: 12px;\n        color: $foreground-light;\n\n        &:nth-child(1) {\n          padding-left: calcSize(3);\n        }\n      }\n\n      td {\n        padding: calcSize(1) calcSize(1);\n        max-width: calcSize(50);\n        overflow: auto;\n        border-top: 2px solid $border-light;\n        user-select: text;\n\n        &:nth-child(1) {\n          position: relative;\n          width: 50%;\n          font-weight: 600;\n        }\n\n        &:nth-child(2) {\n          width: 50%;\n          padding-right: calcSize(3);\n        }\n      }\n\n      .survey-result-value {\n        word-break: break-all;\n      }\n\n      tr {\n        vertical-align: top;\n\n        .svd-test-results__node-value {\n          color: $foreground-light;\n        }\n      }\n    }\n  }\n}",".svd-test-results {\n  font-family: var(--sjs-font-family, var(--font-family));\n  border-radius: 4px;\n  box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svd-test-results .svd-test-results__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-text {\n  margin: 0;\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-types {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svd-test-results .svd-test-results__text {\n  display: flex;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: auto;\n  user-select: text;\n  white-space: pre-wrap;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__table {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  width: 100%;\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svd-test-results .svd-test-results__table table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker {\n  position: absolute;\n  top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon {\n  transition: transform 0.2s ease-in-out;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {\n  transform-origin: center;\n  transform: rotate(90deg);\n}\n.svd-test-results .svd-test-results__table table th {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  text-align: left;\n  font-weight: 600;\n  font-size: 12px;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table th:nth-child(1) {\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table td {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n  max-width: calc(50 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: auto;\n  border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  user-select: text;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(1) {\n  position: relative;\n  width: 50%;\n  font-weight: 600;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(2) {\n  width: 50%;\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .survey-result-value {\n  word-break: break-all;\n}\n.svd-test-results .svd-test-results__table table tr {\n  vertical-align: top;\n}\n.svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}","@import \"../../variables.scss\";\n\n.svc-designer-header .sd-container-modern__title {\n  gap: 0;\n  column-gap: calcSize(6);\n}\n\n.svc-logo-image {\n  position: relative;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: 0;\n  cursor: pointer;\n  max-width: 50%;\n  .sd-logo__image {\n    max-width: 100%;\n  }\n  .svc-image-item-value-controls {\n    display: block;\n    top: calcSize(2.5);\n    right: calcSize(1.5);\n  }\n}\n\n.svc-logo-image__loading {\n  width: calcSize(8);\n  height: calcSize(8);\n  padding: calcSize(1);\n  box-sizing: border-box;\n  margin-right: calcSize(-2);\n}\n\n.svc-logo-image-placeholder {\n  font-size: calcSize(4);\n  color: $foreground-light;\n  opacity: 0.25;\n  white-space: nowrap;\n  word-break: keep-all;\n  padding: 0;\n  width: calcSize(8);\n  height: calcSize(8);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calcSize(-2);\n  border-radius: calcSize(4);\n\n  &:hover {\n    background-color: $primary-light;\n    opacity: unset;\n\n    use {\n      fill: $primary;\n    }\n  }\n\n  svg {\n    width: calcSize(4);\n    height: calcSize(4);\n  }\n}\n\n.svc-logo-image-placeholder use {\n  fill: $foreground-light;\n}\n\n.svc-logo-image-container {\n  position: relative;\n\n  .sd-logo {\n    margin: 0;\n  }\n}\n\n.svc-logo-image-controls {\n  opacity: 0;\n  width: max-content;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n  cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n  .svc-logo-image-controls {\n    display: none;\n  }\n}\n\n.svc-logo-image-container--editable:focus-within,\n.svc-logo-image-container--editable:hover {\n  .svc-logo-image-controls {\n    opacity: 1;\n  }\n}",".svc-designer-header .sd-container-modern__title {\n  gap: 0;\n  column-gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image {\n  position: relative;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: 0;\n  cursor: pointer;\n  max-width: 50%;\n}\n.svc-logo-image .sd-logo__image {\n  max-width: 100%;\n}\n.svc-logo-image .svc-image-item-value-controls {\n  display: block;\n  top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image__loading {\n  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder {\n  font-size: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.25;\n  white-space: nowrap;\n  word-break: keep-all;\n  padding: 0;\n  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logo-image-placeholder:hover {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  opacity: unset;\n}\n.svc-logo-image-placeholder:hover use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-logo-image-placeholder svg {\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-logo-image-container {\n  position: relative;\n}\n.svc-logo-image-container .sd-logo {\n  margin: 0;\n}\n\n.svc-logo-image-controls {\n  opacity: 0;\n  width: max-content;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n  cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {\n  display: none;\n}\n\n.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,\n.svc-logo-image-container--editable:hover .svc-logo-image-controls {\n  opacity: 1;\n}","@import \"../variables.scss\";\n\n.svc-question-link__set-button {\n  font-weight: 600;\n  cursor: pointer;\n}\n.svc-link-value-button {\n  margin-left: calcSize(-2);\n}\n.svc-question-link__clear-button {\n  color: $red;\n  font-weight: 600;\n  cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n  background-color: $red-light;\n}\n",".svc-question-link__set-button {\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.svc-link-value-button {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question-link__clear-button {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__item {\n  margin: calcSize(2) 0;\n  width: 100%;\n}\n",".svc-property-panel__item {\n  margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  width: 100%;\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__group {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  padding: calcSize(2);\n  border: none;\n  outline: none;\n  color: $foreground-light;\n  cursor: pointer;\n  text-align: left;\n  background: $background;\n  box-shadow: inset 0px -1px 0px $border;\n  font-family: $font-family;\n  font-size: calcSize(2);\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n  background-color: $background;\n  color: $foreground;\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-property-panel__group:hover {\n  background-color: $background-dim;\n  color: $foreground-light;\n  font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n  color: $foreground;\n  font-weight: 600;\n  background-color: $background;\n}",".svc-property-panel__group {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  cursor: pointer;\n  text-align: left;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-property-panel__group:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 600;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu-item {\n  padding: calcSize(2) calcSize(3);\n  height: calcSize(8);\n  line-height: calcSize(4);\n  box-sizing: border-box;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n    background-color: $background-dim;\n    box-shadow: inset 0px -1px 0px $border;\n    outline: none;\n  }\n}\n\n.svc-tabbed-menu-item--selected {\n  background: $background;\n  box-shadow: inset 0px -2px 0px $primary;\n  &:hover,\n  &:focus {\n    background: $background;\n    box-shadow: inset 0px -2px 0px $primary;\n  }\n}\n\n.svc-tabbed-menu-item--disabled {\n  cursor: default;\n  color: $foreground;\n  opacity: 0.25;\n  &:hover {\n    background-color: $background;\n  }\n}\n\n.svc-tabbed-menu-item--hidden {\n  visibility: hidden;\n}\n.svc-tabbed-menu-item {\n  .svc-tabbed-menu-item__text {\n    white-space: nowrap;\n    line-height: calcSize(4);\n  }\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n  width: auto;\n}\n",".svc-tabbed-menu-item {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n  outline: none;\n}\n\n.svc-tabbed-menu-item--selected {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-tabbed-menu-item--disabled {\n  cursor: default;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.svc-tabbed-menu-item--disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-tabbed-menu-item--hidden {\n  visibility: hidden;\n}\n\n.svc-tabbed-menu-item .svc-tabbed-menu-item__text {\n  white-space: nowrap;\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n  width: auto;\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  align-items: center;\n  height: calcSize(8);\n}\n\n.svc-tabbed-menu-wrapper {\n  flex: 1 1 auto;\n  overflow: hidden;\n}",".svc-tabbed-menu {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  align-items: center;\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-wrapper {\n  flex: 1 1 auto;\n  overflow: hidden;\n}","@import \"../../variables.scss\";\n@import \"../../variables-layer.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: 0 calcSize(1.5);\n\n  sv-svg-icon,\n  .sv-svg-icon {\n    display: block;\n    height: calcSize(3);\n  }\n}\n\n.svc-toolbox__tool {\n  sv-svg-icon,\n  .sv-svg-icon {\n    pointer-events: none;\n  }\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  padding: calcSize(1) 0;\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(-4.5);\n  height: calcSize(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\n\n  .svc-toolbox__tool:hover,\n  .svc-toolbox__tool--hovered,\n  .svc-toolbox__item:focus {\n    .svc-toolbox__item-banner {\n      padding-right: calcSize(1.5);\n      padding-left: calcSize(2);\n      margin-left: calcSize(-2);\n      margin-right: calcSize(-3);\n      flex-direction: row-reverse;\n      transform: translateX(calc(1.5 * #{$base-unit}));\n      .svc-toolbox__item-title {\n        padding-right: calcSize(4);\n        padding-left: calcSize(1);\n      }\n    }\n  }\n\n  .svc-toolbox__item-banner {\n    margin-right: calcSize(-4.5);\n    margin-left: 0;\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__category {\n    align-items: flex-end;\n  }\n  .svc-toolbox__tool {\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__tool:hover,\n.svc-toolbox__tool--hovered,\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    margin-right: calcSize(-2);\n    opacity: 1;\n\n    .svc-toolbox__item-title {\n      padding-left: calcSize(4);\n    }\n  }\n}\n\n.svc-toolbox__tool--disabled {\n  pointer-events: none;\n\n  .sv-svg-icon {\n    opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);\n    use {\n      fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));\n    }\n  }\n\n  .svc-toolbox__item-title {\n    opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\n  }\n}\n\n.svc-toolbox:not(.svc-toolbox--compact) {\n  .svc-toolbox__item:not(.sv-dots):focus,\n  .svc-toolbox__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots),\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    .svc-toolbox__item:not(.sv-dots) {\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.svc-toolbox__item-subtype {\n      opacity: unset;\n    }\n  }\n}\n\n.toolbox-subtypes {\n  .sv-popup__container {\n    box-shadow: unset;\n    background: unset;\n  }\n  \n  .sv-list__container {\n    flex-wrap: wrap;\n    column-gap: calcSize(2);\n  }\n\n  .sv-popup__shadow {\n    box-shadow: unset;\n  }\n\n  .sv-popup__body-content {\n    background: unset;\n    padding: 0;\n  }\n  .sv-popup__scrolling-content {\n    padding: calcSize(1) calcSize(2);\n    overflow: visible;\n  }\n\n  .sv-list__item:hover > .sv-list__item-body,\n  .sv-list__item:focus > .sv-list__item-body {\n    background-color: unset;\n  }\n\n  .svc-toolbox__item.svc-toolbox__item-subtype {\n    opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);\n    overflow: hidden;\n    border-radius: calcSize(12.5);\n    background: var(--ctr-toolbox-item-background-color-submenu, $layer-2-background-500);\n    box-shadow: $shadow-small, $shadow-medium;\n    transition: 0.1s ease-in-out;\n    padding: calcSize(1.5) calcSize(2);\n\n    .svc-toolbox__item-title {\n      color: var(--ctr-toolbox-item-text-color-submenu, $layer-2-foreground-100);\n    }\n  }\n\n  .svc-toolbox__tool:hover,\n  .svc-toolbox__tool--hovered,\n  .svc-toolbox__item:focus {\n    .svc-toolbox__item-subtype {\n      background: var(--ctr-toolbox-item-background-color-hovered, $layer-1-background-500);\n      opacity: unset;\n\n      .svc-toolbox__item-title {\n        color: var(--ctr-toolbox-item-text-color-hovered, $layer-1-foreground-100);\n      }\n    }\n  }\n\n  .svc-toolbox__item-title {\n    padding: 0;\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: 0 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__tool sv-svg-icon,\n.svc-toolbox__tool .sv-svg-icon {\n  pointer-events: none;\n}\n\n.svc-toolbox__item-container {\n  outline: none;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\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(-4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-icon {\n  position: absolute;\n  display: block;\n  left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-title {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-toolbox__item-banner .sv-svg-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-creator__toolbox--right .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n.svc-creator__toolbox--right .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner {\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: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: row-reverse;\n  transform: translateX(calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-toolbox__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-creator__toolbox--right .svc-toolbox__tool--hovered .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__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[dir=rtl] .svc-toolbox__tool--hovered .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__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction:rtl\"] .svc-toolbox__tool--hovered .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__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction: rtl\"] .svc-toolbox__tool--hovered .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-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator__toolbox--right .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item-banner {\n  margin-right: calc(-4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: 0;\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__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__tool,\n[dir=rtl] .svc-toolbox__tool,\n[style*=\"direction:rtl\"] .svc-toolbox__tool,\n[style*=\"direction: rtl\"] .svc-toolbox__tool {\n  align-items: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[dir=rtl] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction:rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction: rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon {\n  left: auto;\n  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__item-title {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  display: block;\n  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__tool:hover .svc-toolbox__item-banner,\n.svc-toolbox__tool--hovered .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  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n}\n.svc-toolbox__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-toolbox__tool--hovered .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__tool--disabled {\n  pointer-events: none;\n}\n.svc-toolbox__tool--disabled .sv-svg-icon {\n  opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);\n}\n.svc-toolbox__tool--disabled .sv-svg-icon use {\n  fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));\n}\n.svc-toolbox__tool--disabled .svc-toolbox__item-title {\n  opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\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__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots),\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__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots) .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__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots) .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:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) {\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:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.5;\n}\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item.svc-toolbox__item-subtype,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item.svc-toolbox__item-subtype {\n  opacity: unset;\n}\n\n.toolbox-subtypes .sv-popup__container {\n  box-shadow: unset;\n  background: unset;\n}\n.toolbox-subtypes .sv-list__container {\n  flex-wrap: wrap;\n  column-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.toolbox-subtypes .sv-popup__shadow {\n  box-shadow: unset;\n}\n.toolbox-subtypes .sv-popup__body-content {\n  background: unset;\n  padding: 0;\n}\n.toolbox-subtypes .sv-popup__scrolling-content {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: visible;\n}\n.toolbox-subtypes .sv-list__item:hover > .sv-list__item-body,\n.toolbox-subtypes .sv-list__item:focus > .sv-list__item-body {\n  background-color: unset;\n}\n.toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype {\n  opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);\n  overflow: hidden;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--ctr-toolbox-item-background-color-submenu, var(--sjs-layer-2-background-500, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n  transition: 0.1s ease-in-out;\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.toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype .svc-toolbox__item-title {\n  color: var(--ctr-toolbox-item-text-color-submenu, var(--sjs-layer-2-foreground-100, rgba(0, 0, 0, 0.9098039216)));\n}\n.toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype,\n.toolbox-subtypes .svc-toolbox__tool--hovered .svc-toolbox__item-subtype,\n.toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype {\n  background: var(--ctr-toolbox-item-background-color-hovered, var(--sjs-layer-1-background-500, var(--sjs-general-backcolor, var(--background, #fff))));\n  opacity: unset;\n}\n.toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype .svc-toolbox__item-title,\n.toolbox-subtypes .svc-toolbox__tool--hovered .svc-toolbox__item-subtype .svc-toolbox__item-title,\n.toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype .svc-toolbox__item-title {\n  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, var(--sjs-general-forecolor, var(--foreground, #161616))));\n}\n.toolbox-subtypes .svc-toolbox__item-title {\n  padding: 0;\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  display: flex;\n  flex-direction: column;\n\n  .spg-search-editor_container {\n    padding-top: calcSize(1.5);\n    padding-inline-end: calcSize(2);\n    padding-bottom: calcSize(2.5);\n    padding-inline-start: calcSize(3);\n    width: unset;\n    flex-grow: 1;\n  }\n  .spg-search-editor_input {\n    width: 0;\n    flex-grow: 1;\n  }\n  .spg-search-editor_toolbar-counter {\n    display: none;\n  }\n  .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed) {\n    &:hover:enabled {\n      background-color: $red-light;\n      border-radius: 100px;\n      svg use {\n        fill: $red;\n      }\n    }\n  }\n}\n\n.svc-toolbox__scroller {\n  padding: calcSize(1) calcSize(1.5) calcSize(2);\n  box-sizing: border-box;\n  overflow: hidden;\n  direction: rtl;\n  flex-grow: 1;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n.svc-side-bar {\n  .svc-toolbox {\n    direction: ltr;\n  }\n}\n\n.svc-toolbox--compact {\n  width: 100vw;\n  margin-right: calc(-100vw + calcSize(10.5));\n\n  .spg-search-editor_container {\n    opacity: 0;\n    position: absolute;\n  }\n  .svc-toolbox__category-separator--search {\n    margin-bottom: 0;\n    margin-top: calcSize(1.5);\n    min-height: 1px;\n  }\n}\n.svc-toolbox__tool.svc-toolbox__search-button {\n  z-index: 20;\n  justify-content: center;\n  align-items: center;\n  \n  .sv-dots__item {\n    margin-top: 0;\n    width: calcSize(5);\n  }\n}\n\n.svc-toolbox--flyout {\n  width: 100vw;\n  margin-right: calc(-100vw + calcSize(10.5));\n  overflow: visible;\n  .spg-search-editor_container {\n    opacity: 1;\n    position: relative;\n  }\n  .svc-toolbox__panel {\n    z-index: 200;\n    position: relative;\n    background: $background-dim;\n    width: fit-content;\n    box-shadow:\n      1px 0 0 0 $border-inside,\n      $shadow-medium,\n      $shadow-large;\n  }\n}\n\n.svc-toolbox--scrollable {\n  .svc-toolbox__scroller {\n    overflow-y: auto;\n  }\n}\n\n.svc-toolbox--scrollable.svc-toolbox--scroll-locked {\n  .svc-toolbox__scroller {\n    overflow: scroll;\n  }\n}\n\n.svc-toolbox--searchable {\n  .svc-toolbox__scroller {\n    padding-top: 0;\n  }\n  .svc-toolbox__search-container {\n    display: flex;\n  }\n  &:not(.svc-toolbox--scrollable) {\n    .svc-toolbox__scroller {\n      padding-top: calcSize(9);\n      .svc-toolbox__search-container {\n        top: calcSize(-9);\n        margin-top: calcSize(-9);\n      }\n    }\n  }\n}\n\n.svc-toolbox__panel {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  &:not(.svc-creator__toolbox--right) {\n    .svc-toolbox__search-container {\n      direction: rtl;\n    }\n  }\n  .svc-toolbox__scroller {\n    direction: ltr;\n  }\n\n  .svc-toolbox__panel {\n    direction: rtl;\n  }\n  .svc-toolbox--compact {\n    margin-right: 0;\n    margin-left: calc(-100vw + calcSize(10.5));\n    direction: ltr;\n  }\n  .svc-toolbox--flyout {\n    margin-right: 0;\n    margin-left: calc(-100vw + calcSize(10.5));\n    direction: ltr;\n    align-items: flex-end;\n\n    .svc-toolbox__panel {\n      box-shadow:\n        -1px 0 0 0 $border-inside,\n        $shadow-medium,\n        $shadow-large;\n    }\n  }\n\n  .svc-toolbox__tool {\n    .sv-action__content {\n      align-items: flex-end;\n    }\n  }\n}\n\n.svc-toolbox__container {\n  direction: ltr;\n}\n\n.svc-toolbox--compact:not(.svc-toolbox--flyout) {\n  .svc-toolbox__search-container {\n    max-width: fit-content;\n    margin-left: 0;\n    margin-right: 0;\n    width: calcSize(6);\n  }\n}\n\n.svc-toolbox__search-container {\n  direction: ltr;\n  position: sticky;\n  top: 0;\n  z-index: 30;\n  background-color: $background-dim;\n  padding-top: calcSize(1);\n  margin-bottom: calcSize(1);\n  margin-right: calcSize(-1.5);\n  margin-left: calcSize(-1.5);\n  display: none;\n  flex-direction: column;\n  width: calc(100% + calcSize(3));\n  box-sizing: border-box;\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  flex-direction: column;\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(5);\n  background-color: $border;\n  margin: calcSize(1.5) calcSize(0.5) calcSize(1);\n}\n\n.svc-toolbox--filtering {\n  .svc-toolbox__category-separator {\n    display: none;\n  }\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.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: calcSize(0.25) 0;\n    padding-block-start: calcSize(0.5);\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.svc-toolbox__category--collapsed {\n  .svc-toolbox__tool {\n    height: 0;\n    visibility: hidden;\n  }\n}\n.svc-toolbox__category--empty {\n  height: 0;\n  visibility: hidden;\n}\n\n.svc-toolbox__placeholder {\n  padding-top: calcSize(12);\n  margin-left: auto;\n  margin-right: auto;\n  color: $foreground-light;\n  @include defaultFont;\n  font-size: 12px;\n}\n","svc-toolbox {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n}\n\n.svc-toolbox {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.svc-toolbox .spg-search-editor_container {\n  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: unset;\n  flex-grow: 1;\n}\n.svc-toolbox .spg-search-editor_input {\n  width: 0;\n  flex-grow: 1;\n}\n.svc-toolbox .spg-search-editor_toolbar-counter {\n  display: none;\n}\n.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-radius: 100px;\n}\n.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled svg use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-toolbox__scroller {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.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  overflow: hidden;\n  direction: rtl;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n.svc-side-bar .svc-toolbox {\n  direction: ltr;\n}\n\n.svc-toolbox--compact {\n  width: 100vw;\n  margin-right: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox--compact .spg-search-editor_container {\n  opacity: 0;\n  position: absolute;\n}\n.svc-toolbox--compact .svc-toolbox__category-separator--search {\n  margin-bottom: 0;\n  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: 1px;\n}\n\n.svc-toolbox__tool.svc-toolbox__search-button {\n  z-index: 20;\n  justify-content: center;\n  align-items: center;\n}\n.svc-toolbox__tool.svc-toolbox__search-button .sv-dots__item {\n  margin-top: 0;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox--flyout {\n  width: 100vw;\n  margin-right: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: visible;\n}\n.svc-toolbox--flyout .spg-search-editor_container {\n  opacity: 1;\n  position: relative;\n}\n.svc-toolbox--flyout .svc-toolbox__panel {\n  z-index: 200;\n  position: relative;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  width: fit-content;\n  box-shadow: 1px 0 0 0 var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n}\n\n.svc-toolbox--scrollable .svc-toolbox__scroller {\n  overflow-y: auto;\n}\n\n.svc-toolbox--scrollable.svc-toolbox--scroll-locked .svc-toolbox__scroller {\n  overflow: scroll;\n}\n\n.svc-toolbox--searchable .svc-toolbox__scroller {\n  padding-top: 0;\n}\n.svc-toolbox--searchable .svc-toolbox__search-container {\n  display: flex;\n}\n.svc-toolbox--searchable:not(.svc-toolbox--scrollable) .svc-toolbox__scroller {\n  padding-top: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox--searchable:not(.svc-toolbox--scrollable) .svc-toolbox__scroller .svc-toolbox__search-container {\n  top: calc(-9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(-9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__panel {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-creator__toolbox--right:not(.svc-creator__toolbox--right) .svc-toolbox__search-container,\n[dir=rtl]:not(.svc-creator__toolbox--right) .svc-toolbox__search-container,\n[style*=\"direction:rtl\"]:not(.svc-creator__toolbox--right) .svc-toolbox__search-container,\n[style*=\"direction: rtl\"]:not(.svc-creator__toolbox--right) .svc-toolbox__search-container {\n  direction: rtl;\n}\n.svc-creator__toolbox--right .svc-toolbox__scroller,\n[dir=rtl] .svc-toolbox__scroller,\n[style*=\"direction:rtl\"] .svc-toolbox__scroller,\n[style*=\"direction: rtl\"] .svc-toolbox__scroller {\n  direction: ltr;\n}\n.svc-creator__toolbox--right .svc-toolbox__panel,\n[dir=rtl] .svc-toolbox__panel,\n[style*=\"direction:rtl\"] .svc-toolbox__panel,\n[style*=\"direction: rtl\"] .svc-toolbox__panel {\n  direction: rtl;\n}\n.svc-creator__toolbox--right .svc-toolbox--compact,\n[dir=rtl] .svc-toolbox--compact,\n[style*=\"direction:rtl\"] .svc-toolbox--compact,\n[style*=\"direction: rtl\"] .svc-toolbox--compact {\n  margin-right: 0;\n  margin-left: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  direction: ltr;\n}\n.svc-creator__toolbox--right .svc-toolbox--flyout,\n[dir=rtl] .svc-toolbox--flyout,\n[style*=\"direction:rtl\"] .svc-toolbox--flyout,\n[style*=\"direction: rtl\"] .svc-toolbox--flyout {\n  margin-right: 0;\n  margin-left: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  direction: ltr;\n  align-items: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox--flyout .svc-toolbox__panel,\n[dir=rtl] .svc-toolbox--flyout .svc-toolbox__panel,\n[style*=\"direction:rtl\"] .svc-toolbox--flyout .svc-toolbox__panel,\n[style*=\"direction: rtl\"] .svc-toolbox--flyout .svc-toolbox__panel {\n  box-shadow: -1px 0 0 0 var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n}\n.svc-creator__toolbox--right .svc-toolbox__tool .sv-action__content,\n[dir=rtl] .svc-toolbox__tool .sv-action__content,\n[style*=\"direction:rtl\"] .svc-toolbox__tool .sv-action__content,\n[style*=\"direction: rtl\"] .svc-toolbox__tool .sv-action__content {\n  align-items: flex-end;\n}\n\n.svc-toolbox__container {\n  direction: ltr;\n}\n\n.svc-toolbox--compact:not(.svc-toolbox--flyout) .svc-toolbox__search-container {\n  max-width: fit-content;\n  margin-left: 0;\n  margin-right: 0;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__search-container {\n  direction: ltr;\n  position: sticky;\n  top: 0;\n  z-index: 30;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: calc(-1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: none;\n  flex-direction: column;\n  width: calc(100% + 3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\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  flex-direction: column;\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(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n  margin: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-toolbox--filtering .svc-toolbox__category-separator {\n  display: none;\n}\n\n.svc-toolbox__category-header {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calc(20 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n\n.svc-toolbox__category-header--collapsed {\n  cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: bold;\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  vertical-align: middle;\n  display: block;\n}\n\n.svc-toolbox__category-header__controls {\n  position: absolute;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: none;\n}\n\n.svc-toolbox__category-header__button {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {\n  display: block;\n}\n\n.svc-toolbox__tool {\n  cursor: default;\n}\n.svc-toolbox__tool .sv-action__content {\n  display: flex;\n  padding-block-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.svc-toolbox__category--collapsed .svc-toolbox__tool {\n  height: 0;\n  visibility: hidden;\n}\n\n.svc-toolbox__category--empty {\n  height: 0;\n  visibility: hidden;\n}\n\n.svc-toolbox__placeholder {\n  padding-top: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-font-size));\n  font-size: 12px;\n}","@import \"../../variables.scss\";\n\n.svc-side-bar__container {\n  display: block;\n  position: relative;\n  font-family: $font-family;\n  min-width: 370px;\n  width: 450px;\n  height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n  width: 3px;\n  height: 100%;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  background-color: transparent;\n  cursor: e-resize;\n}\n\n.svc-resizer-west {\n  left: 0;\n}\n\n.svc-resizer-east {\n  right: 0;\n}\n\n.svc-side-bar__container-header {\n  background: $background;\n  box-shadow: inset 0px -2px 0px $primary;\n  // text-align: right;\n  line-height: calcSize(3);\n  display: flex;\n  height: calcSize(8);\n}\n\n.svc-side-bar__container-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  height: calc(100% - calc(8 * #{$base-unit}));\n  overflow-y: auto;\n  background-color: $background;\n}\n\n.svc-side-bar__container-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0px calcSize(2) calcSize(3);\n  box-sizing: border-box;\n  background: $background-dim;\n  box-shadow: inset 0px -1px 0px $border;\n}\n\n.svc-side-bar__container-title {\n  display: flex;\n  line-height: calcSize(4.5);\n  flex-grow: 1;\n  flex-shrink: 0;\n  justify-content: flex-end;\n  padding: calcSize(1.5) calcSize(2);\n}\n\n.svc-side-bar__container-actions {\n  width: 100%;\n  box-sizing: border-box;\n  padding: calcSize(1.5) calcSize(1);\n\n  .sv-action-bar {\n    justify-content: flex-end;\n    padding: 0;\n  }\n}\n\n\n.svc-flex-column.svc-side-bar__wrapper {\n  width: auto;\n  border-left: 1px solid $border;\n  height: 100%;\n  background-color: $background-dim;\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n.svc-flyout-side-bar {\n  width: 0;\n  overflow: visible;\n\n  .svc-side-bar__shadow {\n    background-color: $foreground-light;\n    opacity: 0.75;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 900;\n  }\n\n  .svc-side-bar__wrapper {\n    border-left: none;\n    z-index: 1000;\n    position: absolute;\n    right: 0;\n    display: inline-block;\n    height: 100%;\n    max-width: 100%;\n  }\n}\n\n.sv-action--object-selector {\n  max-width: 70%;\n\n  .sv-action-bar-item {\n    flex-shrink: 1;\n  }\n\n  .sv-action-bar-item__title {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n  flex-direction: row-reverse;\n\n  .svc-side-bar__wrapper {\n    left: 0;\n    right: unset;\n  }\n\n  .svc-side-bar__container-header .sv-action-bar {\n    flex-direction: row-reverse;\n  }\n\n  .sv-action--object-selector {\n    justify-content: flex-start;\n    flex: 1;\n    display: flex;\n  }\n\n  .svd-grid-hide .sv-svg-icon {\n    transform: rotate(180deg);\n  }\n}\n\n.svd-grid-hide {\n  margin-inline-end: auto;\n\n}\n\n.sv-mobile-side-bar {\n  .svc-flyout-side-bar .svc-side-bar__wrapper {\n    width: 100%;\n  }\n  .svc-side-bar__container {\n    width: 100%;\n  }\n}\n\n.svc-side-bar {\n  .svc-toolbox {\n    width: 100%;\n  }\n}",".svc-side-bar__container {\n  display: block;\n  position: relative;\n  font-family: var(--sjs-font-family, var(--font-family));\n  min-width: 370px;\n  width: 450px;\n  height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n  width: 3px;\n  height: 100%;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  background-color: transparent;\n  cursor: e-resize;\n}\n\n.svc-resizer-west {\n  left: 0;\n}\n\n.svc-resizer-east {\n  right: 0;\n}\n\n.svc-side-bar__container-header {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  overflow-y: auto;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-side-bar__container-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-side-bar__container-title {\n  display: flex;\n  line-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-grow: 1;\n  flex-shrink: 0;\n  justify-content: flex-end;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-actions {\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-side-bar__container-actions .sv-action-bar {\n  justify-content: flex-end;\n  padding: 0;\n}\n\n.svc-flex-column.svc-side-bar__wrapper {\n  width: auto;\n  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  height: 100%;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n.svc-flyout-side-bar {\n  width: 0;\n  overflow: visible;\n}\n.svc-flyout-side-bar .svc-side-bar__shadow {\n  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.75;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 900;\n}\n.svc-flyout-side-bar .svc-side-bar__wrapper {\n  border-left: none;\n  z-index: 1000;\n  position: absolute;\n  right: 0;\n  display: inline-block;\n  height: 100%;\n  max-width: 100%;\n}\n\n.sv-action--object-selector {\n  max-width: 70%;\n}\n.sv-action--object-selector .sv-action-bar-item {\n  flex-shrink: 1;\n}\n.sv-action--object-selector .sv-action-bar-item__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n  flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {\n  left: 0;\n  right: unset;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {\n  flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {\n  justify-content: flex-start;\n  flex: 1;\n  display: flex;\n}\n.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon {\n  transform: rotate(180deg);\n}\n\n.svd-grid-hide {\n  margin-inline-end: auto;\n}\n\n.sv-mobile-side-bar .svc-flyout-side-bar .svc-side-bar__wrapper {\n  width: 100%;\n}\n.sv-mobile-side-bar .svc-side-bar__container {\n  width: 100%;\n}\n\n.svc-side-bar .svc-toolbox {\n  width: 100%;\n}",".spg-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  padding-right: calcSize(0.5);\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n  .sv-action:not(.sv-action--hidden):not(:last-of-type)>.sv-action__content {\n    padding-right: 0;\n  }\n}\n.spg-action-button {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  color: $primary;\n  font-weight: 600;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  font-family: $font-family;\n  border-radius: calcSize(12.5);\n  background-color: transparent;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n      opacity: 1;\n      outline: none;\n      background-color: $primary-light;\n      use {\n          fill: $primary;\n      }\n  }\n}\n.spg-action-button__icon {\n  display: block;\n  use {\n    fill: $foreground-light;\n  }\n}\n.spg-action-button--danger {\n  color: $red;\n  &:hover,\n  &:focus {\n    background-color: $red-light;\n    use {\n        fill: $red;\n    }\n  }\n}\nbutton.spg-action-button--large {\n  padding: calcSize(0.5) calcSize(2);\n}\n.spg-action-button:disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  cursor: default;\n}\n.spg-action-button--muted {\n  opacity: 0.5;\n}\n.spg-action-button:active {\n  opacity: 0.5;\n}\n.spg-action-button--text {\n  padding: calcSize(0.5) calcSize(2);\n}",".spg-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.spg-action-bar .sv-action:not(.sv-action--hidden):not(:last-of-type) > .sv-action__content {\n  padding-right: 0;\n}\n\n.spg-action-button {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n  cursor: pointer;\n}\n.spg-action-button:hover, .spg-action-button:focus {\n  opacity: 1;\n  outline: none;\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.spg-action-button:hover use, .spg-action-button:focus use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-action-button__icon {\n  display: block;\n}\n.spg-action-button__icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-action-button--danger {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.spg-action-button--danger:hover, .spg-action-button--danger:focus {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.spg-action-button--danger:hover use, .spg-action-button--danger:focus use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\nbutton.spg-action-button--large {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-action-button:disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  cursor: default;\n}\n\n.spg-action-button--muted {\n  opacity: 0.5;\n}\n\n.spg-action-button:active {\n  opacity: 0.5;\n}\n\n.spg-action-button--text {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n}\n\n.spg-question__header {\n  width: 100%;\n}\n\n.spg-question__title {\n  width: 100%;\n  margin: 0;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-weight: normal;\n  box-sizing: border-box;\n}\n\n.spg-question__content {\n  width: 100%;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n  position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n  display: flex;\n}\n\n.spg-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: var(--sjs-font-family, var(--font-family));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  position: absolute;\n  inset-inline-end: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-block-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__description {\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: normal;\n}\n\n.spg-row-narrow__question {\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-row--multiple > div > .spg-row-narrow__question {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question--location--left {\n  flex-direction: row;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  line-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: middle;\n  align-items: stretch;\n}\n.spg-question--location--left:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-question__header--location--left {\n  width: auto;\n  box-sizing: border-box;\n  max-width: 50%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n.spg-question__header--location--left .spg-question__title {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  display: inline-block;\n}\n\n.spg-question__content--left {\n  flex: 2;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input {\n  background-color: transparent;\n  box-shadow: none;\n  border: none;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input:focus, .spg-question__content--left .spg-input.spg-input.spg-input:focus-within {\n  box-shadow: none;\n}\n\n.spg-row--multiple {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  flex-wrap: wrap;\n}\n.spg-row--multiple > div {\n  flex-grow: 1;\n  min-width: calc(25.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div .spg-question__header--location--left {\n  min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div input {\n  min-width: max(17 * var(--sjs-base-unit, var(--base-unit, 8px)), 100%);\n  width: 0;\n}\n\n.spg-question__erbox {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__erbox > div,\nsv-question-error > div {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-question__erbox-icon {\n  display: block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-repeat: no-repeat;\n  background-position: 0 0;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: normal;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-restfull .spg-panel__content,\n.spg-masksettings .spg-panel__content {\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-restfull .spg-panel__content .spg-row,\n.spg-masksettings .spg-panel__content .spg-row {\n  margin-top: 0;\n}\n\n.spg-input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  width: 100%;\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  outline: none;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-input::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-input:focus,\n.spg-input.spg-dropdown:focus,\n.spg-input.spg-dropdown:focus-within,\n.spg-input-container:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\n.spg-input[type=color] {\n  padding-left: 0;\n  padding-right: 0;\n  min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-input__edit-button {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  outline: none;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  line-height: 0;\n}\n.spg-input__edit-button:focus, .spg-input__edit-button:hover {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-input__edit-button:active {\n  opacity: 0.5;\n}\n.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {\n  opacity: 0.25;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-input__edit-button svg {\n  height: 24px;\n  width: 24px;\n  fill: rgba(0, 0, 0, 0.45);\n}\n\n.spg-input.spg-input--error {\n  box-shadow: 0 0 0 1px inset var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.spg-input-container {\n  display: flex;\n  justify-content: space-between;\n  cursor: default;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  align-items: center;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: 0 0 0 1px inset var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.spg-input-container--multiline {\n  align-items: end;\n  flex-direction: column;\n  gap: 0;\n  height: auto;\n}\n.spg-input-container--multiline sv-ng-question-comment {\n  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-input-container--multiline .spg-input-container__input {\n  box-sizing: border-box;\n  resize: none;\n}\n\n.spg-input-container__input {\n  flex-grow: 1;\n  width: 100%;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  outline: none;\n  border: none;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n  opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n  display: flex;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-dropdown {\n  border-radius: 0;\n  display: flex;\n  padding-right: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-position: right calc(1.625 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n  line-height: unset;\n}\n\n.spg-dropdown_chevron-button {\n  line-height: normal;\n}\n\n.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {\n  height: 0;\n}\n\n.spg-comment {\n  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: 100%;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-panel__title {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  box-sizing: border-box;\n  width: 100%;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  cursor: pointer;\n  text-align: left;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 400;\n  margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n  cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-panel__title--expanded {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 600;\n}\n\n.spg-panel__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-panel__content .spg-row {\n  width: 100%;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-panel__content .spg-row--multiple {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-mobile-side-bar .spg-panel__content {\n  padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__nopadding .spg-panel__content {\n  padding: 0px;\n  box-shadow: unset;\n}\n\n.spg-checkbox {\n  cursor: pointer;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox--disabled {\n  cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox {\n  cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox__caption {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-checkbox__caption {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox__rectangle {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-shrink: 0;\n  padding: 1px 1px;\n}\n\n.spg-checkbox:hover .spg-checkbox__rectangle {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-checkbox__control:focus + .spg-checkbox__rectangle {\n  outline: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n  display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n  display: block;\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-repeat: no-repeat;\n  background-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-checkbox__control {\n  position: fixed;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n.spg-checkbox__hidden {\n  display: none;\n}\n\n.spg-selectbase {\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.spg-selectbase__label {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-checkbox .spg-question__description {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-checkbox .spg-help-action use {\n  pointer-events: none;\n}\n\n.spg-matrixdynamic__drag-element {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-matrixdynamic__drag-element:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-matrixdynamic__drag-element:after {\n  content: \" \";\n  display: block;\n  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-drag-element__svg {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: block;\n  opacity: 0.5;\n}\n.spg-drag-element__svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n  position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  content: \"\";\n  width: 100%;\n  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  position: absolute;\n  left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n  top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  bottom: 0;\n}\n\n.spg-matrixdynamic__placeholder {\n  padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n}\n.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {\n  display: initial;\n}\n\n.spg-matrixdynamic__placeholder-text {\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__add-btn {\n  display: none;\n  appearance: none;\n  border: none;\n  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 600;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-smiley-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-radius: 100px;\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-smiley-icon svg {\n  width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-table-wrapper {\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  border-bottom: none;\n}\n\n.spg-table {\n  width: 100%;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-collapse: collapse;\n}\n.spg-table tr {\n  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-table__cell {\n  padding: 0;\n}\n.spg-table__cell .spg-checkbox {\n  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--detail-panel {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-table__cell--detail-panel .spg-panel__content {\n  box-shadow: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n  padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n  appearance: none;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: none;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: auto;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {\n  padding-right: 0;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n  display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n  width: max-content;\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-position: right calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:first-of-type {\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:last-of-type .spg-action-bar {\n  justify-content: flex-end;\n}\n\n.spg-table__cell--actions > .spg-matrixdynamic__drag-element {\n  display: inline-block;\n  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: move;\n}\n\n.spg-table__cell--header {\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: normal;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100px;\n  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.spg-table__cell--header span {\n  display: none;\n}\n.spg-table__cell--header .sv-string-viewer {\n  display: inline;\n  white-space: unset;\n}\n\n.spg-table__question-wrapper {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.spg-question-group .spg-row {\n  margin-top: 0;\n}\n.spg-question-group .spg-row:not(:first-of-type) {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-color-editor__color-input {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  left: 0;\n  top: 100%;\n  transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n  display: flex;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-item .spg-color-editor__color-swatch {\n  margin-left: 0;\n}\n\n.spg-color-editor__color-swatch {\n  position: relative;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border-radius: 3px;\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.16);\n  margin-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-swatch .sv-svg-icon {\n  position: absolute;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-color-editor__color-swatch--disabled .sv-svg-icon {\n  opacity: 0.25;\n}\n\n.spg-color-editor__color-swatch--default .sv-svg-icon {\n  opacity: 1;\n}\n\n.spg-color-editor .spg-input__edit-button + * {\n  margin-inline-end: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-file-edit__choose-button {\n  position: relative;\n}\n\n.spg-link {\n  display: flex;\n}\n\n.sv-string-viewer .spg-link {\n  display: initial;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  text-decoration-line: underline;\n}\n\n.spg-theme-builder-root .sv-skeleton-element {\n  min-height: 50px;\n}\n.spg-theme-builder-root .spg-paneldynamic__separator {\n  border: none;\n  margin: 0;\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.spg-theme-builder-root .spg-panel__footer {\n  justify-content: center;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;\n  padding: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__add-btn {\n  margin: 0 auto;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {\n  display: none;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {\n  min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);\n  min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div input {\n  min-width: 0;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {\n  height: auto;\n}\n.spg-theme-builder-root .sv-button-group {\n  overflow: hidden;\n}\n.spg-theme-builder-root .spg-question__header--location--left {\n  width: max-content;\n  flex: 0 0;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title .sv-string-viewer {\n  white-space: nowrap;\n}\n.spg-theme-builder-root .spg-nested-panel {\n  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-nested-panel::after {\n  content: \" \";\n  display: block;\n  position: relative;\n  left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n  height: 1px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {\n  margin-top: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {\n  padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {\n  content: none;\n}\n.spg-theme-builder-root .spg-theme-group-caption {\n  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-bold-font-size));\n  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n  position: relative;\n  top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n  cursor: auto;\n}\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {\n  background-color: unset;\n}\n.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {\n  pointer-events: none;\n}\n.spg-theme-builder-root .spg-header {\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .sd-question--title-top .spg-paneldynamic {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean) {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n  margin-top: 0;\n}\n.spg-theme-builder-root .spg-question__content-coloralpha {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-question-composite__content .spg-row:first-of-type {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root .spg-nested-panel__content::after {\n  width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n  left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n  min-width: 0;\n  flex: 0 0 max-content;\n}\n\n.spg-link-wrapper--overriding {\n  align-self: end;\n}\n.spg-link-wrapper--overriding .svc-action-button {\n  text-decoration: underline;\n  padding: 0;\n  border: none;\n  margin: 0;\n}\n.spg-link-wrapper--overriding .svc-action-button:focus, .spg-link-wrapper--overriding .svc-action-button:hover {\n  background-color: transparent;\n}\n\n.spg-editor--highlighted .spg-input,\n.spg-editor--highlighted .spg-input-container,\n.spg-editor--highlighted .spg-question--location--left,\n.spg-editor--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content {\n  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  outline-offset: -2px;\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {\n  box-shadow: none;\n}\n.spg-editor--highlighted .svc-action-button {\n  background-color: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n.spg-editor--highlighted .sv-button-group {\n  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {\n  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  outline-offset: -2px;\n}\n\n.spg-search-editor_container {\n  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  display: flex;\n  align-items: center;\n}\n\n.spg-search-editor_input {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-style: normal;\n  font-weight: 600;\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background: transparent;\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n  padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n  font-size: max(16px, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.spg-search-editor_input::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-search-editor_toolbar {\n  display: flex;\n  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action-bar {\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n  display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: min-content;\n  margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_search-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-search-editor_search-icon .sv-svg-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-search-editor_search-icon .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-root-modern {\n  position: relative;\n  width: 100%;\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n}\n.spg-root-modern .sd-row--fade-out,\n.spg-root-modern .sd-row--fade-in {\n  animation: none;\n}\n.spg-root-modern .sd-element-wrapper--fade-out,\n.spg-root-modern .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.spg-root-modern .sd-element__content--fade-in,\n.spg-root-modern .sd-element__content--fade-out {\n  animation: none;\n}\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-in,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-out,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-out-left,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-out-right,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-in-left,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.spg-root-modern .sd-table__row--fade-out,\n.spg-root-modern .sd-table__row--fade-in {\n  animation: none;\n}\n\n.spg-container {\n  width: 100%;\n}\n.spg-container * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.spg-container.spg-container_search {\n  height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n  height: calc(100% - 1px - 7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: auto;\n}\n\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-popup_shadow {\n  background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-root-modern {\n  background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-page {\n  margin: 0;\n  padding: 0;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-components-column--expandable {\n  min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--modal .sv-popup__footer {\n  padding-bottom: 2px;\n}\n.sv-popup--modal .sd-body,\n.sv-popup--modal .sl-body {\n  min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n  --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-object-selector__content {\n  position: relative;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.spg-title .spg-action-bar {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: 1px;\n}\n\n.spg-body {\n  width: 100%;\n}\n\n.spg-body--empty {\n  margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-title-toolobar--single-help-action {\n  justify-content: flex-start;\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action {\n  flex-grow: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon {\n  opacity: 0.5;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:focus,\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:hover {\n  opacity: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button:active {\n  opacity: 0.5;\n}\n.spg-title-toolobar--single-help-action .spg-help-action svg {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}",".spg-question {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n}\n\n.spg-question__header {\n  width: 100%;\n}\n\n@mixin question_tile {\n  width: 100%;\n  margin: 0;\n  padding: calcSize(1) 0;\n  line-height: calcSize(3);\n  font-size: calcSize(2);\n  font-family: $font-family;\n  color: $foreground-light;\n  font-weight: normal;\n  box-sizing: border-box;\n}\n\n.spg-question__title {\n  @include question_tile;\n}\n\n.spg-question__content {\n  width: 100%;\n  color: $primary;\n  cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n  position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n  display: flex;\n}\n\n.spg-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: $font-family;\n  line-height: calcSize(2);\n  font-size: calcSize(1.5);\n  color: $foreground-light;\n  position: absolute;\n  inset-inline-end: calcSize(0.75);\n  inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n  line-height: calcSize(2);\n  font-size: calcSize(1.5);\n  color: $foreground-dim-light;\n  padding-bottom: calcSize(2);\n  white-space: normal;\n}\n\n.spg-row-narrow__question {\n  margin-top: calcSize(-2);\n}\n\n.spg-row--multiple {\n  &>div>.spg-row-narrow__question {\n    margin-top: calcSize(-1);\n  }\n}\n\n.spg-question--location--left {\n  flex-direction: row;\n  background: $background;\n  box-shadow: inset 0 0 0 1px $border-inside;\n  line-height: calcSize(6);\n  vertical-align: middle;\n  align-items: stretch;\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px $primary;\n  }\n}\n\n.spg-question__header--location--left {\n  width: auto;\n  box-sizing: border-box;\n  max-width: 50%;\n  flex: 1;\n\n  .spg-question__title {\n    padding: calcSize(1) calcSize(2);\n    border-right: 1px solid $border;\n    display: inline-block;\n  }\n\n  display: flex;\n  align-items: center;\n}\n\n.spg-question__content--left {\n  flex: 2;\n\n  .spg-input.spg-input.spg-input {\n    background-color: transparent;\n\n    &:focus,\n    &:focus-within {\n      box-shadow: none;\n    }\n\n    box-shadow: none;\n    border: none;\n  }\n}\n\n.spg-row--multiple {\n  display: flex;\n  gap: calcSize(1);\n  flex-wrap: wrap;\n\n  &>div {\n    flex-grow: 1;\n    min-width: calcSize(25.5);\n\n    .spg-question__header--location--left {\n      min-width: calcSize(8);\n    }\n\n    input {\n      min-width: calc(max(17 * #{$base-unit}, 100%));\n      width: 0;\n    }\n  }\n}\n\n.spg-question__erbox {\n  padding: calcSize(1) calcSize(1.5) calcSize(1) calcSize(1.5);\n  color: $foreground;\n  background-color: $red-light;\n  border-radius: calcSize(0.5);\n  line-height: calcSize(3);\n\n}\n\n.spg-question__erbox,\nsv-question-error {\n  &>div {\n    display: flex;\n    gap: calcSize(1);\n  }\n}\n\n.spg-question__erbox-icon {\n  display: block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: calcSize(3);\n  height: calcSize(3);\n  background-size: calcSize(3) calcSize(3);\n  background-repeat: no-repeat;\n  background-position: 0 0;\n  line-height: calcSize(3);\n  white-space: normal;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n  margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n  .spg-panel__content {\n    gap: calcSize(2);\n\n    .spg-row {\n      margin-top: 0;\n    }\n  }\n}",".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\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n  color: $foreground;\n  opacity: 0.25;\n}\n\n.spg-input[type=\"color\"] {\n  padding-left: 0;\n  padding-right: 0;\n  min-width: calcSize(8);\n}\n\n.spg-input__edit-button {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  background: $background;\n  border: none;\n  outline: none;\n  width: calcSize(5);\n  height: calcSize(5);\n  padding: calcSize(1);\n  line-height: 0;\n\n  &:focus,\n  &:hover {\n    background: $background-dim;\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n\n  &.spg-input__edit-button--disabled,\n  &:disabled {\n    opacity: 0.25;\n    background: $background;\n  }\n\n  svg {\n    height: 24px;\n    width: 24px;\n    fill: rgba(0, 0, 0, 0.45);\n  }\n}\n\n.spg-input.spg-input--error {\n  box-shadow: 0 0 0 1px inset $red;\n}\n\n.spg-input-container {\n  display: flex;\n  justify-content: space-between;\n  cursor: default;\n  padding: calcSize(0.5);\n  align-items: center;\n  gap: calcSize(0.5);\n  box-shadow: 0 0 0 1px inset $border-inside;\n}\n\n.spg-input-container--multiline {\n  align-items: end;\n  flex-direction: column;\n  gap: 0;\n  height: auto;\n\n  sv-ng-question-comment {\n    height: calcSize(9);\n  }\n\n  .spg-input-container__input {\n    box-sizing: border-box;\n    resize: none;\n  }\n}\n\n.spg-input-container__input {\n  flex-grow: 1;\n  width: 100%;\n  padding: calcSize(1) calcSize(1.5);\n  color: $foreground;\n  font-size: calcSize(2);\n  font-family: $font-family;\n  outline: none;\n  border: none;\n  line-height: calcSize(3);\n  background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n  opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n  display: flex;\n  gap: calcSize(0.5);\n}",".spg-dropdown {\n    border-radius: 0;\n    display: flex;\n    padding-right: calcSize(5.5);\n    line-height: calcSize(3);\n    background-position: right calcSize(1.625) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n    line-height: unset;\n}\n.spg-dropdown_chevron-button {\n    line-height: normal;\n}\n.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {\n    height: 0;\n}",".spg-comment {\n  height: calcSize(9);\n  max-width: 100%;\n  min-width: calcSize(6);\n  min-height: calcSize(6);\n  line-height: calcSize(3);\n}\n",".spg-panel__title {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  box-sizing: border-box;\n  width: 100%;\n  padding: calcSize(2);\n  border: none;\n  outline: none;\n  color: $foreground-light;\n  cursor: pointer;\n  text-align: left;\n  background-color: $background;\n  box-shadow: inset 0px -1px 0px $border;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  font-weight: 400;\n  margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n  color: $foreground;\n  opacity: 0.25;\n  cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n  background-color: $background-dim;\n}\n\n.spg-panel__title--expanded {\n  color: $foreground;\n  font-weight: 600;\n}\n\n.spg-panel__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0 calcSize(4) calcSize(5);\n  box-sizing: border-box;\n  background: $background-dim;\n  box-shadow: inset 0px -1px 0px $border;\n}\n\n.spg-panel__content {\n  .spg-row {\n    width: 100%;\n    margin-top: calcSize(2);\n  }\n\n  .spg-row--multiple {\n    margin-top: calcSize(1);\n  }\n}\n\n.sv-mobile-side-bar {\n  .spg-panel__content {\n    padding: 0 calcSize(2) calcSize(5);\n  }\n}\n\n.spg-question__nopadding {\n  .spg-panel__content {\n    padding: 0px;\n    box-shadow: unset;\n  }\n}",".spg-checkbox {\n  cursor: pointer;\n  margin-top: calcSize(2);\n}\n\n.spg-checkbox--disabled {\n  cursor: default;\n\n  .spg-checkbox {\n    cursor: default;\n  }\n\n  .spg-checkbox__caption {\n    color: $foreground-light;\n  }\n}\n\n.spg-checkbox__caption {\n  font-family: $font-family;\n  font-size: calcSize(2);\n  color: $foreground;\n  line-height: calcSize(3);\n}\n\n.spg-checkbox__rectangle {\n  background: $background;\n  border: 1px solid $border;\n  box-sizing: border-box;\n  width: calcSize(3);\n  height: calcSize(3);\n  flex-shrink: 0;\n  // padding: calcSize(0.5);\n  padding: 1px 1px;\n}\n\n.spg-checkbox:hover {\n  .spg-checkbox__rectangle {\n    background-color: $background-dim;\n  }\n}\n\n.spg-checkbox--disabled {\n  .spg-checkbox__rectangle:hover {\n    background: $background;\n  }\n}\n\n.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n  outline: 2px solid $primary;\n  outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n  display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n  display: block;\n  width: calcSize(2.5);\n  height: calcSize(2.5);\n  background-repeat: no-repeat;\n  background-size: calcSize(2) calcSize(2);\n  fill: $primary;\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n  fill: $border;\n}\n\n.spg-checkbox__control {\n  position: fixed;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n//todo: need to hide unneeded icons\n.spg-checkbox__hidden {\n  display: none;\n}\n\n.spg-selectbase {\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.spg-selectbase__label {\n  display: flex;\n  align-items: flex-start;\n  gap: calcSize(1);\n}\n\n.spg-checkbox {\n  .spg-question__description {\n    padding: calcSize(1) 0 0 calcSize(4);\n  }\n\n  .spg-help-action {\n    use {\n      pointer-events: none;\n    }\n  }\n}",".spg-matrixdynamic__drag-element {\n  padding: calcSize(2);\n  &:hover {\n    background-color: $background;\n  }\n  &:after {\n    content: \" \";\n    display: block;\n    height: calcSize(0.5);\n  }\n}\n\n.spg-drag-element__svg {\n  width: calcSize(3);\n  height: calcSize(3);\n  padding: calcSize(1);\n  display: block;\n  opacity: 0.5;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n  position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  content: \"\";\n  width: 100%;\n  height: calcSize(0.5);\n  background-color: $secondary;\n  position: absolute;\n  left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n  top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  bottom: 0;\n}\n.spg-matrixdynamic__placeholder {\n  padding: calcSize(6) 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: $background;\n  border: 1px solid $border;\n  box-sizing: border-box;\n  .spg-matrixdynamic__add-btn {\n    display: initial;\n  }\n}\n.spg-matrixdynamic__placeholder-text {\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  color: $foreground-light;\n}\n.spg-matrixdynamic__add-btn {\n  display: none;\n  appearance: none;\n  border: none;\n  margin-top: calcSize(0.5);\n  background: transparent;\n  color: $primary;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  font-weight: 600;\n  line-height: calcSize(3);\n}\n\n.spg-smiley-icon {\n  width: calcSize(3);\n  height: calcSize(3);\n  margin: calcSize(1);\n  border-radius: 100px;\n  border: 1px solid $foreground;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calcSize(4);\n\n  svg {\n    width: calcSize(1.5);\n    height: calcSize(1.5);\n    fill: $foreground;\n  }\n}",".spg-table-wrapper {\n  border: 1px solid $border;\n  border-bottom: none;\n}\n\n.spg-table {\n  width: 100%;\n  background-color: $background;\n  border-collapse: collapse;\n\n  tr {\n    border-bottom: 1px solid $border;\n  }\n}\n\n.spg-table__cell {\n  padding: 0;\n\n  .spg-checkbox {\n    margin: 0 calcSize(2);\n  }\n}\n\n.spg-table__cell--detail-panel {\n  .spg-panel__content {\n    box-shadow: none;\n  }\n\n  background: $background-dim;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n  padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n  appearance: none;\n  line-height: calcSize(3);\n  font-size: calcSize(2);\n  box-shadow: none;\n  border-radius: calcSize(0.5);\n  background-color: transparent;\n  padding: calcSize(1);\n  height: auto;\n\n  &[type=\"color\"] {\n    padding-right: 0;\n  }\n\n  &:focus,\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px $primary;\n  }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n  display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n  width: max-content;\n  padding-right: calcSize(4);\n  background-size: calcSize(3) calcSize(3);\n  background-position: right calcSize(0.5) top 50%, 0 0;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n  padding-left: calcSize(2);\n}\n\n.spg-table__cell--actions:first-of-type {\n  width: calcSize(5);\n}\n\n.spg-table__cell--actions:last-of-type {\n  .spg-action-bar {\n    justify-content: flex-end;\n  }\n}\n\n.spg-table__cell--actions>.spg-matrixdynamic__drag-element {\n  display: inline-block;\n  margin-top: calcSize(0.5);\n  cursor: move;\n}\n\n.spg-table__cell--header {\n  font-size: calcSize(1.5);\n  font-weight: normal;\n  color: $foreground-light;\n  line-height: calcSize(3);\n  background: $background-dim;\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100px;\n  padding-left: calcSize(1);\n\n  span {\n    display: none;\n  }\n\n  .sv-string-viewer {\n    display: inline;\n    white-space: unset;\n  }\n}\n\n.spg-table__question-wrapper {\n  padding: calcSize(0.5) 0;\n}",".spg-question-group {\n  .spg-row {\n    margin-top: 0;\n    &:not(:first-of-type) {\n      margin-top: calcSize(1);\n    }\n  }\n}\n",".spg-color-editor__color-input {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  left: 0;\n  top: 100%;\n  transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n  display: flex;\n  gap: calcSize(2);\n\n  .spg-color-editor__color-swatch {\n    margin-left: 0;\n  }\n}\n\n.spg-color-editor__color-swatch {\n  position: relative;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border-radius: 3px;\n  width: calcSize(4);\n  height: calcSize(3);\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.16);\n  margin-left: calcSize(1.5);\n\n  .sv-svg-icon {\n    position: absolute;\n    width: calcSize(2);\n    height: calcSize(2);\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    fill: $background;\n  }\n}\n\n.spg-color-editor__color-swatch--disabled {\n  .sv-svg-icon {\n    opacity: 0.25;\n  }\n}\n\n.spg-color-editor__color-swatch--default {\n  .sv-svg-icon {\n    opacity: 1;\n  }\n}\n\n.spg-color-editor .spg-input__edit-button+* {\n  margin-inline-end: calcSize(-0.5);\n}",".spg-file-edit__choose-button {\n  position: relative;\n}\n",".spg-link {\n  display: flex;\n}\n\n.sv-string-viewer {\n  .spg-link {\n    display: initial;\n    color: $primary;\n    font-weight: 600;\n    text-decoration-line: underline;\n  }\n}",".spg-theme-builder-root {\n  .sv-skeleton-element {\n    min-height: 50px;\n  }\n\n  .spg-paneldynamic__separator {\n    border: none;\n    margin: 0;\n    height: calcSize(1);\n  }\n\n  .spg-panel__footer {\n    justify-content: center;\n    margin: calcSize(1) 0 0 0;\n    padding: 0;\n  }\n\n  .spg-paneldynamic__add-btn {\n    margin: 0 auto;\n  }\n\n  .spg-row--multiple {\n    .spg-spin-editor {\n      .spg-input-container__buttons-container {\n        display: none;\n      }\n    }\n\n    .spg-question__header--location--left {\n      min-width: auto;\n    }\n\n    &>div {\n      flex-grow: 1;\n      flex-shrink: 1;\n      flex-basis: calc(50% - #{$base-unit} * 0.5);\n      min-width: auto;\n\n      input {\n        min-width: 0;\n      }\n\n      .spg-question--location--left {\n        height: calcSize(6);\n        box-sizing: border-box;\n\n        .spg-input {\n          height: auto;\n        }\n      }\n    }\n  }\n\n  .sv-button-group {\n    overflow: hidden;\n  }\n\n  .spg-question__header--location--left {\n    width: max-content;\n    flex: 0 0;\n\n    .spg-question__title {\n      white-space: nowrap;\n      .sv-string-viewer {\n          white-space: nowrap;\n        }\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  //2 level nested\n  .spg-nested-panel {\n    padding-bottom: calcSize(5);\n\n    &::after {\n      content: \" \";\n      display: block;\n      position: relative;\n      left: calcSize(-4);\n      top: calc(5 * #{$base-unit});\n      width: calc(8 * #{$base-unit} + 100%);\n      height: 1px;\n      background-color: $border;\n    }\n  }\n\n  .spg-nested-panel__content > .spg-row:first-of-type {\n    margin-top: 0;\n  }\n\n  .spg-paneldynamic__panel-wrapper > .spg-nested-panel,\n  .spg-row:last-of-type > div > .spg-nested-panel {\n    padding-bottom: 0;\n\n    &::after {\n      content: none;\n    }\n  }\n\n  .spg-theme-group-caption {\n    @include defaultBold;\n    color: $foreground-dim;\n\n    position: relative;\n    top: calc(4 * #{$base-unit});\n    padding: calc(1 * #{$base-unit}) 0;\n    cursor: auto;\n  }\n\n  .sv-theme-group_title-action .spg-action-button:hover,\n  .sv-theme-group_title-action .spg-action-button:focus {\n    background-color: unset;\n  }\n\n  .sd-panel__header.sd-element__header .spg-action-bar {\n    pointer-events: none;\n  }\n\n  .spg-header {\n    margin-top: calcSize(-2);\n  }\n  .sd-question--title-top .spg-paneldynamic {\n    margin-top: calcSize(-1);\n  }\n  .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean) {\n    margin-top: calcSize(-1);\n  }\n  .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n    margin-top: 0;\n  }\n  .spg-question__content-coloralpha {\n    margin-top: calcSize(-1);\n  }\n  .spg-question-composite__content .spg-row:first-of-type {\n    margin-top: calcSize(1);\n  }\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root {\n  .spg-nested-panel__content::after {\n    width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n    left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  }\n}",".spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n  min-width: 0;\n  flex: 0 0 max-content;\n}\n.spg-link-wrapper--overriding {\n  align-self: end;\n  .svc-action-button {\n    text-decoration: underline;\n    padding: 0;\n    border: none;\n    margin: 0;\n    &:focus,\n    &:hover {\n      background-color: transparent;\n    }\n  }\n}",".spg-editor--highlighted {\n  .spg-input,\n  .spg-input-container,\n  .spg-question--location--left,\n  .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n    box-shadow: 0 0 0 2px $secondary;\n  }\n  .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n  .spg-matrixdynamic__content.spg-text__content {\n    outline: 2px solid $secondary;\n    outline-offset: -2px;\n\n    .spg-input {\n      box-shadow: none;\n    }\n  }\n  .svc-action-button {\n    background-color: $secondary-light;\n  }\n  .sv-button-group {\n    box-shadow: 0 0 0 1px $secondary;\n    border-color: $secondary;\n  }\n  .spg-checkbox__control + .spg-checkbox__rectangle {\n    outline: 2px solid $secondary;\n    outline-offset: -2px;\n  }\n}\n\n.spg-search-editor_container {\n  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n  border-bottom: 1px solid $border;\n  background: $background-dim;\n  padding: calcSize(2);\n  height: calcSize(3);\n  width: calc(100% - calc(4 * #{$base-unit}));\n  display: flex;\n  align-items: center;\n}\n\n.spg-search-editor_input {\n  @include textEllipsis;\n  color: $foreground;\n\n  font-family: $font-family;\n  font-size: calcSize(1.5);\n  font-style: normal;\n  font-weight: 600;\n  line-height: calcSize(2);\n\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  display: block;\n  background: transparent;\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n  padding-inline-start: calcSize(1);\n  padding-inline-end: calcSize(1);\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n  $fontSize: calcSize(1.5);\n  font-size: Max(16px, #{$fontSize});\n}\n\n.spg-search-editor_input::placeholder {\n  color: $foreground-light;\n}\n\n.spg-search-editor_toolbar {\n  display: flex;\n  gap: calcSize(1.5);\n  justify-content: flex-end;\n  align-items: center;\n  flex-shrink: 0;\n}\n.spg-search-editor_toolbar .sv-action-bar {\n  gap: calcSize(0.5);\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n  display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n  padding: calcSize(0.5);\n  height: min-content;\n  margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n  color: $foreground-light;\n\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calcSize(1.5);\n  line-height: calcSize(2);\n  display: flex;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_search-icon {\n  width: calcSize(3);\n  height: calcSize(3);\n\n  .sv-svg-icon {\n    width: calcSize(3);\n    height: calcSize(3);\n\n    use {\n      fill: $foreground-light;\n    }\n  }\n}\n","@import \"../variables.scss\";\n\n@import \"blocks/spg-action-bar.scss\";\n@import \"blocks/spg-question.scss\";\n@import \"blocks/spg-input.scss\";\n@import \"blocks/spg-dropdown.scss\";\n@import \"blocks/spg-comment.scss\";\n@import \"blocks/spg-panel.scss\";\n@import \"blocks/spg-checkbox.scss\";\n@import \"blocks/spg-matrixdynamic.scss\";\n@import \"blocks/spg-table.scss\";\n@import \"blocks/spg-question-group.scss\";\n@import \"blocks/spg-color-editor.scss\";\n@import \"blocks/spg-file-edit.scss\";\n@import \"blocks/spg-link\";\n@import \"blocks/spg-theme-builder.scss\";\n@import \"blocks/spg-overriding.scss\";\n@import \"blocks/spg-search-editor.scss\";\n\n.spg-root-modern {\n  position: relative;\n  width: 100%;\n  border-right: 1px solid $border;\n  box-sizing: border-box;\n  @include disableAnimations;\n}\n\n.spg-container {\n  width: 100%;\n  @include disableTransitionAnimations;\n}\n\n.spg-container.spg-container_search {\n  height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n  height: calc(100% - 1px - calcSize(7));\n  overflow: auto;\n}\n\n.sv-popup--modal {\n  &.sv-property-editor .sv-popup__container {\n    .sv-popup_shadow {\n      background-color: transparent;\n    }\n\n    .sd-root-modern {\n      background-color: transparent;\n    }\n\n    .sd-page {\n      margin: 0;\n      padding: 0;\n    }\n\n    .sv-components-column--expandable {\n      min-width: calcSize(78);\n    }\n  }\n\n  .sv-popup__footer {\n    padding-bottom: 2px;\n  }\n\n  .sd-body,\n  .sl-body {\n    min-width: calcSize(78);\n  }\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n  --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n  margin-left: calcSize(1);\n  margin-right: calcSize(1);\n}\n\n.svc-object-selector__content {\n  position: relative;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.spg-title {\n  .spg-action-bar {\n    margin-top: calcSize(-1);\n    margin-bottom: calcSize(-1);\n    margin-right: 1px;\n  }\n}\n\n.spg-body {\n  width: 100%;\n}\n\n.spg-body--empty {\n  margin: calcSize(3);\n}\n\n.spg-title-toolobar--single-help-action {\n  justify-content: flex-start;\n  padding-left: calcSize(0.5);\n\n  // flex-grow: 0;\n  // margin-left: 0;\n  // padding-left: 0;\n\n  .spg-help-action {\n    flex-grow: 1;\n    .spg-action-button--icon {\n      opacity: 0.5;\n      padding: calcSize(0.5);\n    }\n\n    .spg-action-button--icon:focus,\n    .spg-action-button--icon:hover {\n      opacity: 1;\n    }\n\n    .spg-action-button:active {\n      opacity: 0.5;\n    }\n\n    svg {\n      fill: $foreground-dim-light;\n    }\n  }\n}\n","@import \"../variables.scss\";\n\n.svc-text {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: normal;\n  color: $foreground;\n}\n\n.svc-text--normal {\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n}\n\n.svc-text--small {\n  font-size: calcSize(1.5);\n  line-height: calcSize(2);\n}\n\n.svc-text--bold {\n  font-weight: 600;\n}\n",".svc-text {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: normal;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-text--normal {\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--small {\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--bold {\n  font-weight: 600;\n}","@import \"../variables.scss\";\n\n.svc-flex-container {\n  display: flex;\n}\n\n.svc-flex-row {\n  display: flex;\n  flex-direction: row;\n  background: $background-dim;\n}\n\n.svc-full-container {\n  height: 100%;\n  width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n  height: calcSize(60);\n  min-height: calcSize(60);\n  flex-grow: 1;\n  position: relative;\n}\n.svc-flex-row__element--growing {\n  flex: 1;\n  overflow: auto;\n}\n\n.svc-flex-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  height: calcSize(5);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  height: calcSize(4);\n}\n.svc-creator--mobile {\n  .sv-action-bar-separator {\n    height: calcSize(3);\n  }\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  font-weight: 600;\n  align-items: center;\n}\n\n.svc-top-bar {\n  display: flex;\n  background: $background;\n  box-sizing: border-box;\n  box-shadow: inset 0px -1px 0px $border;\n\n  .svc-toolbar-wrapper {\n    flex: 0 0 auto;\n    display: flex;\n\n    .sv-action-bar {\n      padding: 0 calcSize(1);\n      justify-content: flex-end;\n    }\n    \n    .sv-action-bar-separator {\n      display: none;\n    }\n    .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n      display: inline-block;\n    }\n\n    .sv-action .sv-action-bar-item {\n      margin: 0 calcSize(1);\n    }\n  }\n}\n.svc-footer-bar {\n  .svc-toolbar-wrapper {\n    height: calcSize(6);\n\n    .sv-action-bar {\n      justify-content: center;\n      padding: 0;\n      width: 100%;\n\n      height: calc(6 * #{$base-unit});\n      background: $background;\n      border-top: 1px solid $border;\n      box-sizing: border-box;\n    }\n  }\n}",".svc-flex-container {\n  display: flex;\n}\n\n.svc-flex-row {\n  display: flex;\n  flex-direction: row;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-full-container {\n  height: 100%;\n  width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n  height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-grow: 1;\n  position: relative;\n}\n\n.svc-flex-row__element--growing {\n  flex: 1;\n  overflow: auto;\n}\n\n.svc-flex-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--mobile .sv-action-bar-separator {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  font-weight: 600;\n  align-items: center;\n}\n\n.svc-top-bar {\n  display: flex;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.svc-top-bar .svc-toolbar-wrapper {\n  flex: 0 0 auto;\n  display: flex;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  justify-content: flex-end;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {\n  display: none;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n  display: inline-block;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {\n  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-footer-bar .svc-toolbar-wrapper {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {\n  justify-content: center;\n  padding: 0;\n  width: 100%;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/responsivity.scss","webpack://SurveyCreatorCore/./src/components/tabs/theme-builder.scss","webpack://SurveyCreatorCore/theme-builder.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/switcher.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/creator.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/page.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/question.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/link-value.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/toolbox.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/side-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/property-grid.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-input.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-dropdown.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-comment.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-panel.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-checkbox.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-matrixdynamic.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-table.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question-group.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-color-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-file-edit.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-link.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-theme-builder.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-overriding.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-search-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/property-grid.scss","webpack://SurveyCreatorCore/./src/utils/design.scss","webpack://SurveyCreatorCore/design.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/layout.scss"],"names":[],"mappings":";;;;;;AACA;EACE;EACA;EACA;ACAF;;ADEA;EACE;EACA;EACA,uEEYW;EFXX;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE,0EEce;ADZnB;;ADII;EACE,2DExBI;ADuBV;;ADQI;EACE,iDEYA;ADjBN,C;AEzBA;EACE;EACA;EACA,4EDiBe;AElBjB;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF,C;ACbA;EACE;EACA;EACA,4EHiBe;AIlBjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEH3BQ;EG4BR,oEHzBmB;EG0BnB;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA,oDHsBU;EGpBV,uEHlBW;EGmBX;EACA;EACA;EAEA,+DHdW;EGeX;ACHF;ADKE;EACE;ACHJ;ADKI;EACE,kDHPA;AIIN;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE,uDHnBY;EGoBZ;EACA;EACA;EACA,kFHnCU;EGoCV;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE,iDHxDI;AImDN;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHnGW;EGoGX;EACA;EACA,wEHpFa;EGqFb;ACLF;ADOE;EACE,iEH9FmB;EG+FnB;EACA;ACLJ;;ADUE;EACE,2DHvIM;AIgIV,C;AC9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA,iELFW;EKGX;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;ADGI;EACE;ACDN;ADKE;EACE;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ;ADOI;EACE;EACA;ACLN;;ADUA;EACE;EACA;EACA;EACA;EAEA;EACA;ACRF;;ADWA;EAEE;;IAEE;ECTF;AACF,C;AC7DA;EACE;EACA;EACA,4EPiBe;AQlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFPOa;AQRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iEPpBS;EOqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;EPYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EOMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;EPgDF;EACA;EACA;EO/CI,+DP5CO;EO6CP;ACHN;;ADQA;EACE;EAEA;EACA;EACA;ACNF;;ADSA;EACE,uDPhCY;EOiCZ;EACA;EACA;EACA,+DP/DW;EOgEX;EACA;EACA;EACA;EACA;ACNF,C;ACzFA;EACE;EACA;ACFF;;ADKA;EACE;ACFF;;ADKA;EACE;EACA;ACFF;;ADKA;EACE;EACA;EAEA;EACA;EACA;ACHF;ADKE;EAEE,mGT1BY;ES2BZ;ACJJ;ADMI;EACE,2DT/BI;AU2BV;;ADSA;EACE;EACA;EACA;ACNF;ADQE;EAEE,wFTEQ;ESDR;ACPJ;ADSI;EACE,iDTHA;AUJN;;ADYA;EACE;ACTF;;ADYA;;EAEE;ACTF;;ADaE;EACE;EACA;EACA;ACVJ;ADaE;EACE,iDTzBE;AUcN;;ADeA;EACE,gETpEU;AUwDZ;;ADeA;;;;;ETiCE;EACA,uDAtDY;EAuDZ;EACA;EACA;EACA;ES/BA;EACA,+DTvDW;ESwDX;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACTF;;ADYA;EACE,+DTpEW;ESqEX;EACA;EACA,uDT5CY;ES6CZ;EACA;EACA;ACTF;;ADYA;EACE;EACA;ACTF;ADWE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;ACVF;ADaI;EACE;EACA;EACA;ACXN;ADcI;EACE;EACA;EACA;ACZN;ADeI;EACE;ACbN;ADmBM;EACE;ACjBR;ADuBI;EACE;ACrBN;AD2BI;;EACE;ACxBN;AD0BM;;EACE;ACvBR;AD8BI;;EACE;AC3BN;;ADgCA;EACE;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;ADiCE;EACE;EACA;EACA,4DTlMM;ESmMN,mGTlMY;ESoMZ,uDT5IU;ES6IV;EACA;EAEA;EACA;EACA;EACA;EAEA;AClCJ;ADqCE;EACE,uETlNM;ESmNN,oEThNiB;AU6KrB;ADsCE;EACE;EACA;EACA;EACA;EACA;EACA;ACpCJ;;ADwCA;EACE;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADwCA;EACE;EACA;EACA;ACrCF;;ADyCE;EACE;ACtCJ;;AD0CA;EACE;ACvCF;;AD2CE;EACE;EACA;EACA;ACxCJ;;AD2CA;EACE,+DTpOW;ESqOX;EACA;EACA;EACA;ACxCF;AD0CE;EACE;ACxCJ;;AD4CA;EACE;ACzCF;;AD4CA;EACE;EACA;EACA;EACA;EACA;ACzCF;;AD4CA;EACE;ACzCF;;AD4CA;EACE;ACzCF;;AD6CE;EACE;AC1CJ;;AD8CA;EACE;AC3CF;;AVjGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ;AVlGE;;EAEE;AUoGJ;AVlGE;;;;;;EAME;AUoGJ;AVlGE;;EAEE;AUoGJ,C;ACpRA;EACE;EACA;EACA,kFXiBe;AYlBjB;AZ+IE;EACE;EACA;EACA;EACA;AY7IJ;;ADDA;EACE,kFXYe;EWXf;EACA;EACA;EACA;ACIF;ADDI;EACE;ACGN;ADAI;EACE;ACEN;ADAM;EACE;ACER;ADCM;EACE;ACCR;ADIM;;EAEE,4EXdS;AYYjB;;ADQA;EX0FE;EACA,uDA5EY;EA6EZ;EACA;EACA;EACA,+DA3GW;EA4GX;EACA;EACA;EACA;EACA;EACA;AY9FF;;ADHA;EACE;EACA;ACMF;;ADHA;EACE;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;EACA;EACA;EACA;ACMF;;ADHA;EACE;ACMF;;ADHA;EACE;ACMF;;ADFE;EACE,kFXxDa;EWyDb;ACKJ;;ADDA;EACE;ACIF;;ADDA;;EXbE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EWgCV,2EX3DiB;EW4DjB;ACSF;;ADNA;EACE;EACA;EACA;EACA;EAEA,8FX7EqB;EW8ErB;ACQF;;ADJE;EACE;EACA;ACOJ;;ADHA;EACE;EACA;EACA;EACA,uEX9FW;EW+FX;EACA;ACMF;;ADHA;EXrCE;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EWkCA,+DX5FW;EW6FX;EACA;ACWF;ADTE;EACE;EACA;ACWJ;;ADNE;EACE;ACSJ;;ADLA;EACE;EACA;EACA;EACA;ACQF;;ADLA;EXrDE;EACA,uDApCY;EAqCZ;EACA,wFArCU;EAsCV;EWmDA;EACA;EACA;EACA;EACA,uEXlIW;EWmIX,+DX1HW;EW2HX;EACA;ACYF;;ADTA;EACE;EACA,kFXzIe;AYqJjB;;ADTA;EACE;EACA;EACA;ACYF;ADXE;EACE;ACaJ;;ADVA;EACE;ACaF;ADXI;EAEE,mGX9KU;AY0LhB;ADTE;EACE,2DXnLM;AY8LV;;ADPA;EACE;ACUF;;ADPA;EACE;ACUF;;ADRA;EACE;EACA;EACA;EACA;ACWF;;ADTA;EACE;ACYF;;ADVA;EACE;EACA;EACA;EACA;EACA;ACaF;ADZE;EACE;EACA;EACA;ACcJ;ADZE;EACE,mGXlNY;AYgOhB;ADZE;EACE;EACA;EACA;ACcJ;;ADXA;;EAEE,kEX5LqB;EW6LrB,uDXrKY;EWsKZ;EACA;EACA;ACcF;;ADXA;EACE;EACA;EACA,iEXlNW;EWmNX;ACcF;;ADXA;EACE;ACcF;;ADXA;EACE;EACA,wEX1Ma;EW2Mb;ACcF;;ADVE;EACE;ACaJ;;AZxGE;;EAEE;AY2GJ;AZzGE;;EAEE;AY2GJ;AZzGE;;EAEE;AY2GJ;AZzGE;;;;;;EAME;AY2GJ;AZzGE;;EAEE;AY2GJ,C;AC3RA;EACE;EACA;EACA,4EbiBe;AclBjB;Ad+IE;EACE;EACA;EACA;EACA;Ac7IJ;;ADDA;EACE;EACA;EACA;EACA;EACA;ACIF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADGE;EACE;EACA;EACA,iEbXS;EaYT;EACA;ACAJ;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDbKY;EaJZ;EACA,2EbvBiB;EawBjB;EACA;EACA;ACDF;ADGE;EACE,iEbvCS;EawCT,+Db/BS;Ac8Bb;;ADKA;EACE;ACFF;;ADKA;EACE,+DbxCW;AcsCb;;ADME;EAEE;EACA;EACA;ACJJ;;ADQA;EACE,2Fb7BW;AcwBb;ADOE;EAEE,kDblCG;Ac4BP;;ADUA;;EAEE,+Fb7Ca;AcsCf;ADSE;;;EAEE,mEblDK;Ac4CT;;ADUA;EACE,wFbzDU;AckDZ;ADSE;EAEE,6Db9DE;AcsDN;;ADYA;EACE,uEb1FW;Ea2FX,kDbpEI;EaqEJ;ACTF;;ADYA;EACE;ACTF;;ADaE;EACE;ACVJ;;ADcA;EACE;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;;ADcA;;EAEE;ACXF;;ADcA;;EAEE,wFbtGU;Ac2FZ;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;EACE;ACXF;;ADcA;;EAEE,2EbrIiB;EasIjB;ACXF;ADaE;;;EAEE,oEbtKiB;Ac4JrB;;ADeE;EACE;EACA;EACA;EACA;ACZJ;ADcI;EACE;EACA;ACZN;ADgBE;EACE;EACA;EACA;ACdJ;ADiBE;EACE;EACA;ACfJ;ADiBI;EAEE,uEbjLO;EakLP,wEbhKS;AcgJf;ADoBE;EACE,+Db9KS;Ea+KT;AClBJ;ADqBE;EACE;EACA;ACnBJ;;ADuBA;EACE,uDb9JY;Ac0Id;ADsBE;EACE;EACA;EACA;EACA;EACA;ACpBJ;ADuBE;EACE;ACrBJ;ADwBE;EACE;ACtBJ;;AD0BA;EACE;EACA;ACvBF;;AD2BE;EACE;EACA;EACA;ACxBJ;AD2BE;EACE;ACzBJ;AD4BE;EACE;AC1BJ;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;AC3BF;;AD8BA;EACE;AC3BF;;AD8BA;EACE;EACA;EACA;EACA;EACA;EACA,iEb9PW;Ea+PX,wEb7Oa;Ea8Ob;EACA;AC3BF;;AD+BE;EACE;AC5BJ;;ADgCA;EACE,uDbvOY;EawOZ;EACA;EACA;EACA;EACA;EACA,2EbvQiB;EawQjB;EACA;AC7BF;;ADgCA;EACE,6DbhQI;AcmON;;ADgCA;EACE;EACA;AC7BF;AD+BE;EACE;AC7BJ;ADgCE;EACE;AC9BJ;;ADkCA;EACE;AC/BF,C;AC5RA;EACE;EACA;EACA,4EfiBe;AgBlBjB;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADMI;EACE;ACHN;ADOE;EACE;ACLJ;ADQE;EACE;ACNJ;ADOI;EACE;ACLN;ADSE;EACE;EACA;EACA;EACA;EACA;ACPJ;ADSI;EACE;ACPN;ADUI;EACE;ACRN;ADYE;EACE;ACVJ;ADaE;;EAEE;ACXJ;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACZF;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;ACZF;;ADeA;EACE;ACZF,C;ACjFE;EACE;ACFJ;ADKE;EACE;EACA;EACA;ACHJ;ADOI;EACE;EACA;EACA;EACA;ACLN;ADOM;EACE;EACA;EACA;ACLR;ADSI;EACE;EACA;ACPN;ADSM;EACE;EACA;ACPR;ADWE;EACE;ACTJ;ADYI;EACE;ACVN;ADcE;EACE;ACZJ;ADeE;EACE;EACA;EACA;ACbJ;ADeI;EACE;ACbN;ADiBM;EACE;ACfR;ADmBI;EACE;ACjBN;ADoBI;EACE;EACA;AClBN;ADsBE;EACE;ACpBJ;ADsBI;EACE;EACA;ACpBN;ADwBE;EACE;ACtBJ;ADwBI;EACE;EACA;EACA;ACtBN;ADwBM;EACE;ACtBR;ADyBM;EACE;EACA;ACvBR;AD0BM;EACE;EACA;EACA;ACxBR;AD2BM;EACE;ACzBR;AD+BI;EACE;EACA;AC7BN;ADiCE;EACE;AC/BJ;ADkCE;EACE;EACA;AChCJ;ADkCI;EACE;AChCN;ADqCI;EACE;ACnCN;ADsCQ;EACE;ACpCV;ADsCU;EACE;ACpCZ,C;ACxGA;EACE;EACA;EACA,4EnBiBe;AoBlBjB;;ADIA;EACE;ACDF;ADGE;;EAEE;EACA;EACA,kFnBOa;AoBRjB;ADIE;EACE;ACFJ;ADKE;EACE;EACA;EACA;EACA;EACA;ACHJ;;ADOA;EACE;ACJF;;ADOA;EACE;ACJF;ADME;EACE;EACA;EACA,iEnBpBS;EmBqBT;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;ACLJ;ADOI;EACE;ACLN;ADQI;EACE;ACNN;ADUE;EnBYA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EmBMR;EACA;ACHJ;ADME;EACE;ACJJ;ADMI;EnBgDF;EACA;EACA;EmB/CI,+DnB5CO;EmB6CP;ACHN,C;ACtEA;EACE;EACA;EACA;ACDF;;ADIA;EACE,2ErBsBiB;EqBpBjB,uDrB8CY;EqB7CZ;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4ErBHe;EqBKf;EACA;EACA;ACHF;;ADMA;EACE,iErBZW;AsBSb;;ADMA;EACE;EACA,4ErBhBe;AsBajB;;ADMA;EACE;EACA,iErBtBW;AsBmBb;;ADMA;;EAEE;EACA;EACA;EAEA;EACA,uErBrDQ;AsBiDV;;ADOA;EACE;EACA,+ErBvDmB;AsBmDrB;;ADOA;EACE;EACA;EACA;EACA;EAEA;EACA,6ErBnCqB;EqBqCrB;EACA;EACA;EACA;EACA;ACNF;;ADSA;EACE,+ErB3EmB;EqB4EnB;EACA;ACNF;;ADYE;;;EACE,uErBvFM;AsBgFV,C;AC9EA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA,iEvBWW;EuBVX;EACA;EACA,wEvB2Bc;EuB1Bd;EACA,+DvBeW;EuBdX;EACA;EACA;EAEA;EvBsDA;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;AwBjCZ;;ADAA;EACE,6DvBkBI;EuBjBJ;EACA;ACGF;;ADCE;EACE;EACA;EACA;EACA;EACA;EACA;ACEJ;;ACrCA;;EAEE;EACA;EACA;EACA;EACA;EAEA;ADuCF;ACrCE;EAVF;;IAWI;IACA;EDyCF;AACF;ACvCE;;EACE;EACA;EACA;AD0CJ;ACvCE;;EACE;EACA;EACA;EACA,mEzBOK;AwBmCT;ACvCE;;EACE;AD0CJ;ACvCE;;EACE;EACA,sFzBNe;AwBgDnB;;ACtCA;EACE;EzBmFA;EACA;EACA;EACA;AwBzCF;;ACxCA;EACE;EACA;EACA;AD2CF;;ACtCA;EACE;EACA;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;EACA;EACA,uCzByCe;AwBAjB;;ACtCA;EACE;ADyCF;;ACtCA;EACE;EACA;EACA;EACA;ADyCF;;ACtCA;EACE;EACA;ADyCF;;ACrCE;EACE;EACA;EACA,iEzBpES;EyBqET;ADwCJ;;ACpCA;EACE;EACA;EACA,2EzB3FU;EyB4FV;ADuCF;;ACpCA;EACE;EACA;EACA;EACA;EACA,uEzBrFW;EyBsFX;EACA;EACA,wEzBrEc;EyBsEd;ADuCF;;ACpCA;EACE,oEzB/GmB;EAgFnB;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EyB4BA;EACA;EACA;AD4CF;AC1CE;EACE,oEzBtHiB;AwBkKrB;;ACvCE;EACE;AD0CJ;;ACtCA;EACE;EACA;EACA;EACA,qEzBjIU;EyBkIV;ADyCF;;ACtCA;EACE;EACA;ADyCF;;ACtCA;EACE;EACA;ADyCF,C;AExLE;EACE;EACA;ACFJ;;ADMA;EACE;ACHF;ADKE;EACE;EACA;ACHJ;ADME;EACE;EACA;EACA;ACJJ;ADMI;EACE;EACA,2E1BOa;A2BXnB;ADQE;;EAEE;ACNJ;ADSE;EACE;ACPJ;;ADWA;EACE;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;ACVF;;ADaA;EACE;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD1BXY;E0BYZ;EACA,2E1BvCiB;E0BwCjB;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;EACA;ACVF;ADYE;EACE,2D1B/GM;A2BqGV;;ADcA;EACE;EACA;EACA;ACXF;ADaE;EACE;ACXJ;ADcE;EACE;ACZJ;;ADiBE;EAEE;ACfJ;;ADoBE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AClBJ;;ADuBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE1BzIS;E0B0IT;ACpBJ;;ADyBE;EACE;ACtBJ;;AD2BE;EACE;ACxBJ;;ADiCQ;EACE;AC9BV;;ADuCE;;EACE;ACnCJ;;ADyCI;EACE;EACA;EACA;ACtCN;AD2CI;EACE;ACzCN;;ADgDI;EACE;EACA;AC7CN;;ADsDI;EACE;ACnDN;;AD4DA;EACE;ACzDF,C;AClLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uE5BcW;E4BbX,wE5B+Ba;E4B9Bb;EACA;EACA;EACA;AJCF;AICE;EACE;EACA;EACA;EACA;EACA,4D5BnBM;AwBoBV;;AIGA;EACE,4G5BCgB;AwBDlB;;AIEA;EACE;AJCF;;AK5BA;EACE;EAEA;EACA;EACA;EAEA,4D7BPQ;E6BQR;EACA;EACA;EAEA;AL4BF;AK1BE;EAEE,mG7BfY;E6BgBZ;AL2BJ;;AKvBA;EACE,mE7BtBQ;AwBgDV;;AKvBA;EACE;EACA,+D7BGW;AwBuBb,C;AMnDA;;EAEE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,0E9Bce;A+BfnB;;ADKA;EACE;EACA;EACA;ACFF;;ADSI;;;EAEE;ACLN;ADOM;;;EACE,mG9BnCQ;A+BgChB;ADKQ;;;EACE,2D9BvCA;A+BsCV;;ADSE;EACE,mG9B/CY;E8BgDZ;ACNJ;ADQI;EACE,2D9BpDI;A+B8CV;;ADWA;EACE;ACRF;;ADYE;EACE;EACA;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADaA;EACE;ACVF;;ADkBI;;;;EACE;EACA;ACZN;ADgBE;;;;EACE;EACA;ACXJ;;ADgBE;EACE;EACA;EACA;EACA;EACA;ACbJ;ADgBE;EACE;EACA;EACA;EACA;ACdJ,C;AC9FA;;EAEE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EAEE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;EACE;ACLJ;;ADUE;EACE;EACA;ACPJ;ADUE;EACE;ACRJ;;ADYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,6DhCjBO;AiCQT;;ADaE;EACE;EACA;EACA;EACA;EACA,iEhCxCS;EgCyCT;ACVJ;;ADcA;EhCqDE;EACA;EACA;EgCpDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEhC3DW;EgC4DX;EACA,wEhC1Cc;EgC2Cd,gEACE;ACXJ;ADcE;EACE;EACA;EACA;EACA;ACZJ;;ADoBE;;;;EACE;EACA;ACdJ;ADgBI;;;;EACE;EACA;ACXN;;ADkBI;EACE;EACA;EACA;EACA,iEhCpHI;AiCqGV;;ADsBE;;EACE;EACA;EACA;AClBJ;;AD6BI;;;;;;;;EACE;ACnBN;;ADyBE;EACE,+DhCnHS;EgCoHT;ACtBJ,C;AC1HA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE,8ElC/B+B;AmC4BjC;;ADSE;;;EACE;EACA,8ElCvC6B;AmCmCjC;ADMI;;;EACE;ACFN;;ADOA;EACE;EACA;EACA;EACA;ACJF;ADME;EACE;ACJJ;ADOE;EACE;EACA;ACLJ;;ADUE;EACE;ACPJ;;ADWA;EACE;ACRF;;ADWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACRF;ADUE;EACE,0ElChEe;AmCwDnB;ADWE;EACE,kFlC7Ea;AmCoEjB;ADYE;EACE,mGlCtGY;AmC4FhB;;ADcA;EACE;EACA;EACA,qElCxGU;EkCyGV;EACA;EACA;EACA;ACXF;;ADcA;EACE;ACXF;;ADcA;EACE;EACA;EACA;ACXF;ADaE;EACE;EACA;ACXJ;;ADiBE;;EACE;EACA;ACbJ;ADiBI;;EACE;ACdN;ADiBI;;EACE;ACdN;ADiBI;;EACE,uElCrJI;EkCsJJ,oElCnJe;EkCoJf;ACdN;ADiBI;;EACE,2DlCtIO;AmCwHb,C;AC3IA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADGE;EACE;ACDJ;;ADME;EACE;EACA;EACA;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;EACA;EACA;ACLJ;ADSI;EACE;ACPN;;ADaE;EACE;EACA;EACA;ACVJ;;ADcA;EACE;EACA;EACA;EACA,qEpCzEU;EoC0EV;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,qEpCnFU;EoCoFV;EACA;EACA;ACXF;;ADgBE;;EACE;ACZJ;ADkBE;;EACE;ACfJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;EAEE;AqChEJ;ArCkEE;;;;;;EAME;AqChEJ;ArCkEE;;EAEE;AqChEJ,C;AChHA;EACE;EACA;ACDF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;;ADGA;EACI;IACE;ECAJ;AACF;ADGA;EACI;IACE;ECDJ;AACF;ADIE;EACE;EACA;EACA;EACA;EACA;EACA;ACFJ;ADGI;EAEE;ACFN;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;;ACnCA;EACE;EACA;EACA;EACA;EACA;EACA;ADsCF;ACpCE;EACE;ADsCJ;ACnCM;EACE;ADqCR;ACnCQ;EACE;EACA;ADqCV;;AC9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iExC1BW;EwC2BX,wExCTa;EwCUb;ADiCF;;AC7BE;EACE;EACA;ADgCJ;AC7BE;EACE;EACA;EACA;AD+BJ;AC5BE;EACE;AD8BJ;AC3BE;EACE,+DxCvCS;AuCoEb;AC1BE;EACE,8ExC/BW;AuC2Df;ACzBE;EACE,+DxC/CS;EwCgDT;AD2BJ;ACxBE;EACE;EACA;AD0BJ;;ACtBA;;EAEE;ADyBF;;ACpBI;EACE;ADuBN;ACnBM;EACE;ADqBR;;ACdA;EACE,2ExC7EiB;EwC8EjB;EACA;EAEA;EACA;EACA;EACA;ADgBF;;ACbA;EACE;EACA;EACA;EACA;EACA;ADgBF;ACdE;EACE;ADgBJ;ACbE;EACE;ADeJ;ACbI;EACE;EACA;ADeN;ACZI;EACE;EACA;ExCpBJ;EACA;EACA;AuCmCF;ACbM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADeR;ACVM;EACE,2DxC5JE;AuCwKV;ACTM;EACE;ADWR;ACPI;EACE;EACA;ADSN;ACJE;EACE;ADMJ;ACHE;EACE;ADKJ;ACFE;EACE;ADIJ;ACDE;EACE;EACA;EACA;ADGJ;ACDI;EACE;EACA;ADGN;ACDM;EACE;ADGR;ACCI;EACE;ADCN;ACMI;EACE,+DxCxMM;AuCoMZ;;ACUA;;EAEE;ADPF;;ACUA;EACE;ADPF;;ACYE;;EACE;ADRJ;;ACaA;EACE,wFxC/MqB;AuCqMvB;ACYE;EACE,2ExC1Me;AuCgMnB;ACcI;EACE;ADZN;;ACkBE;EACE;EACA;ADfJ;;ACmBA;EAEE;EACA;EACA,uExCzOW;EwC0OX,+DxCjOW;EwCkOX;EACA;EACA;EACA;EACA,wExC3Na;EAoFb;EACA;EACA;EACA;EwCuIA;EACA;EACA;EACA;ADfF;;ACkBA;EACE,2DxC9QQ;AuC+PV;;ACkBA;EACE;ADfF;;ACkBA;ExC3ME;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EwC6NV;ADVF;;ACaA;EACE;EACA;ADVF;ACYE;EACE;EACA;ADVJ;;ACcA;EACE;EACA;EACA;ADXF;;ACgBE;;EACE;EACA;EACA,6FxC9SY;AuCkShB;ACcI;;EACE;ADXN;;ACgBA;EACE;EACA;EACA;EACA,qExCrTU;EwCsTV;EACA;EACA;ADbF;;ACgBA;EACE;EACA;EACA;EACA,qExC/TU;EwCgUV;EACA;EACA;ADbF;;ACiBE;EACE;ADdJ;ACiBE;EACE;ADfJ;;ACoBA;EACE;EACA;EACA;EACA,qExCpVU;EwCqVV;EACA;EACA;ADjBF;;ACoBA;EACE;EACA;EACA;EACA,qExC9VU;EwC+VV;EACA;EACA;ADjBF;;ACuBI;;EACE;EACA;ADnBN;ACwBI;;EACE;EACA;ADrBN;ACyBE;;EACE;ADtBJ;ACyBE;;EACE;ADtBJ;;AC2BE;EACE;EACA;EACA;ADxBJ;;AC+BE;;;;EAEE;AD1BJ;;AC8BA;EACE;EACA;EACA;EACA;AD3BF;;AC8BA;EACE;AD3BF;;AC8BA;EACE;AD3BF;;ACgCE;EACE;EACA;EACA;AD7BJ;AC+BI;EACE;EACA;AD7BN;;ACkCA;EACE;EACA;AD/BF;ACiCE;EACE;AD/BJ;ACkCE;EACE;ADhCJ;ACmCE;EACE;EACA;ADjCJ;;ACuCA;EACE;ADpCF;;ACuCA;EACE;EACA;ADpCF;;ACyCI;EACE;ADtCN;ACwCI;EACE;ADtCN;ACwCI;EACE;ADtCN;ACuCM;EACE;ADrCR;ACyCQ;EACE;ADvCV;ACyCQ;;EAEE;ADvCV;;AC+CE;EACE;EACA;AD5CJ;AC6CI;;EAEE;EACA;AD3CN;;ACgDE;EACE;AD7CJ;ACgDI;EACE;AD9CN;ACgDI;EACE;AD9CN;;ACoDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADjDF;;ACoDA;EACE;EACA;EACA;EACA;ADjDF;ACmDE;EACE,0ExCvfe;AuCscnB;;ACsDE;EACE;EACA;ADnDJ;ACuDI;EACE;ADrDN;ACwDI;EACE;ADtDN;AC0DE;EACE;EACA;EACA;ADxDJ;AC2DE;EACE;EACA;ADzDJ;AC4DE;EACE;EACA;AD1DJ;;ACgEE;;EAEE;AD7DJ;;ACiEA;EACE;AD9DF;;ACiEA;EACE;AD9DF;ACgEE;EACE;AD9DJ;;ACoEE;;EAEE;ADjEJ;;ACqEA;EACE;EACA;EACA;EACA;ADlEF;;ACqEA;EACE;EACA;EACA;EACA;EACA;ADlEF;;ACuEE;;;;;;;;EAQE;EACA;EACA;ADpEJ;ACsEI;;;;;;;;EACE;AD7DN;;ACkEA;EACE;EACA;AD/DF;;ACkEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD/DF;;ACkEA;EACE;EACA;EACA;EACA;AD/DF;;ACkEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ADhEF;ACkEE;EACE;ADhEJ;ACmEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4DxC9qBM;EwC+qBN;ADjEJ;;ACqEA;EACE;EACA;ADlEF;ACoEE;EACE,2DxCxrBM;AuCsnBV;;ACsEA;EACE;IACE;EDnEF;AACF;ACsEA;EACE;IACE;EDpEF;ECuEA;IACE;EDrEF;ECuEE;IACE;EDrEJ;EC2EE;;IACE;EDxEJ;EC2EE;;IACE;EDxEJ;EC2EE;;IACE;EDxEJ;EC0EI;;IACE;EDvEN;AACF;AC6EA;EACE;EACA;EACA;EACA;EACA;AD3EF;;AC8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD3EF;AC6EE;EACE,0ExC/tBe;AuCopBnB;AC8EE;EACE,kFxC5uBa;AuCgqBjB;AC+EE;EACE,mGxCrwBY;AuCwrBhB;;ACkFE;EACE,+DxCtwBQ;AuCurBZ;;ACoFE;EACE;ADjFJ;ACoFE;EACE;ADlFJ;ACqFE;EACE;EACA;EACA;ADnFJ;;ACwFE;EACE;ADrFJ;ACwFE;EACE;EACA;ADtFJ;ACwFI;EACE;ADtFN;AC0FE;EACE;EACA;ADxFJ;AC2FE;EACE;ADzFJ;AC4FE;EACE;AD1FJ;AC8FI;EACE,iExCxyBO;EwCyyBP;AD5FN;AC8FM;EACE,0ExClyBW;AuCssBnB;ACiGE;EACE;AD/FJ;;ACoGE;EACE;ADjGJ;ACoGE;EACE;EACA;EACA;EACA;EACA;EACA;ADlGJ;ACsGI;EACE;EACA;EACA;EACA;ADpGN;;AC0GE;EACE;EACA;ADvGJ;;AC6GI;EACE,+DxCv2BM;AuC6vBZ;;AC+GA;;;EAGE,oFxC72B+B;AuCiwBjC;;ACmHM;EACE;ADhHR;ACsHI;EACE;EACA;ADpHN;ACyHI;EACE;EACA;ADvHN;AC2HM;EACE;ADzHR;;AC+HA;EACE;EACA;EACA;EACA;EACA;AD5HF;AC6HE;EACE;EACA;EACA;EACA;AD3HJ;AC4HI;EAEE;AD3HN;AC6HI;EACE,iExCt4BiB;AuC2wBvB;;ACkIE;;EACE;AD9HJ,C;AE9yBA;EACE;ACFF;;ADKA;EACE;ACFF;;ADMA;EACE;ACHF;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;EACA;ACJF;ADME;EACE;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EAEA;ACNJ,C;AC7BA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;ADGE;EACE;ACDJ;;ADKA;;EAEE;ACFF;;ADKA;EACE;ACFF;;ADME;EACE;ACHJ;;ADOA;EAEI;IACE;ECLJ;AACF;ADSE;EACE;ACPJ;;ADWA;EACE;EACA,uE3C9BW;E2C+BX;EACA;EACA;ACRF;;ADWA;EACE;EACA;EACA;EACA;ACRF,C;ACnDA;EACE;ACDF;;ADKE;EACE;ACFJ;;ADOE;EACE;ACJJ;;ADQA;EACE;ACLF;;ADSE;EACE;EACA;ACNJ;ADQI;EACE;ACNN;ADUI;EACE;ACRN;ADUM;EACE;ACRR;ADUM;EACE;ACRR;ADaM;EACE;EACA;ACXR;ADaQ;EACE;ACXV;ADkBQ;EACE;AChBV;ADmBQ;EACE;ACjBV;ADuBM;EACE;ACrBR;ADuBQ;EACE;ACrBV;ADwBQ;EACE;ACtBV;AD4BM;EACE;AC1BR;AD4BQ;EACE;AC1BV;AD6BQ;EACE;AC3BV;ADiCE;EACE;EACA;EACA;EACA;AC/BJ;ADkCE;EACE;EACA;EACA;EACA;AChCJ;ADmCE;EACE;EACA;ACjCJ;;ADoCA;EACE;ACjCF;;ADoCE;EACE;ACjCJ;ADoCE;EACE;EACA;AClCJ;ADsCI;EACE;EACA;EACA;ACpCN;ADwCI;;;;EAIE;ACtCN;ADyCI;;;EAGE;ACvCN,C;ACxGA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADME;;EACE;ACFJ;ADKE;;EACE;ACFJ;;ADOE;EACE;EACA;ACJJ;ADOE;;;EAGE;ACLJ;ADQE;EACE;ACNJ;;ADUA;EACE,iE/ClBW;E+CmBX,wE/CCa;E+CAb;EACA;EACA;E/CkFA;EACA;EACA;EACA;AgDxFF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;;ADUE;;EACE;ACNJ;;ADUA;EACE;EACA;EACA;ACPF;ADSE;EACE;ACPJ;ADUE;EACE,8D/ClES;AgD0Db;;ADYA;EACE,0E/CtEiB;E+CuEjB;EACA;ACTF;;ADaE;EACE,iD/ChEE;AgDsDN;;ADeE;EACE,2D/ClHM;AgDsGV;;ADkBE;EAEE,mG/CzHY;AgDyGhB;;ADsBE;EAEE,wF/CrFQ;AgDiEZ;;ADwBA;EACE;ACrBF;;AD2BI;;EAEE,2E/ChHa;AgDwFnB;AD2BI;EACE;ACzBN;AD6BE;EACE,4E/ClIa;AgDuGjB;AD6BI;EACE,0E/C5Ha;AgDiGnB;;ADiCE;EACE;AC9BJ;ADiCE;EACE;EACA;AC/BJ;;ADmCA;EACE;EACA;EACA;AChCF;;ADoCE;EACE;ACjCJ;ADoCE;EACE;AClCJ;ADqCE;EACE;ACnCJ;ADsCE;EACE;EACA;ACpCJ;ADuCE;EACE;EACA;ACrCJ;;AD4CE;EACE;ACzCJ;AD4CE;EACE;AC1CJ;;AD8CA;EACE;EACA;EACA;AC3CF;;AD8CA;EACE;IACE;EC3CF;ED8CA;IACE;EC5CF;AACF;AD+CA;EACE;EACA;EACA;AC7CF;;ADgDA;EACE;IACE;EC7CF;EDgDA;IACE;EC9CF;AACF;ADiDA;EACE;EACA,4E/CjOe;E+CkOf;EACA;EACA;EACA;EACA;EACA;AC/CF;;ADuDI;;;EACE;AClDN;ADqDI;;;EACE;ACjDN;ADoDI;;;EACE;AChDN;ADmDI;;;EACE;AC/CN;ADkDI;;;EACE;AC9CN;;AD0DI;;;EACE;ACrDN;ADwDI;;;EACE;ACpDN;ADuDI;;;EACE;EACA;ACnDN,C;ACvPA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;ADGE;EACE;EACA;ACDJ;;ADME;EACE;EACA,mGjDnBY;AkDgBhB;ADME;EACE;EACA;ACJJ;;ADQA;EACE;ACLF;;ADQA;EACE;EACA;EACA;EACA;ACLF;;ADQA;EACE;EACA;ACLF;;ADQA;EACE;ACLF;;ADQA;EACE;ACLF;ADOE;EACE,2DjDrDM;AkDgDV;ADQE;EAEE,mGjDzDY;AkDkDhB;;ADWA;EACE;EACA;EACA;EACA;EACA;ACRF;;ADYE;EACE;ACTJ;;ADaA;EACE;EACA;EACA;EACA;EACA;ACVF;;ADcE;EACE;ACXJ;;ADgBE;EACE;ACbJ;ADgBE;EACE;ACdJ;;ADkBA;EACE;EACA,4EjDhFe;AkDiEjB;;ADkBA;EACE;ACfF;ADiBE;EACE;ACfJ;;ADmBA;EACE;EACA;EACA;EACA;AChBF,C;AC3FA;EACE;ACTF;;ADaE;EACE;ACVJ;ADWI;EACE;ACTN;;ADcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACXF;ADYE;EACE;ACVJ;;ADcA;EACE;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA;EACA;ACXF;;ADcA;EACE;EACA;EACA;EACA,iEnDlCW;EmDmCX;EACA;EACA;EACA;EACA;ACXF;ADaE;EACE,0EnDhCe;AoDqBnB;;ADeA;EACE;ACZF;;ADeA;EACE;EACA;EACA;ACZF;;ADgBE;EACE;EACA;ACbJ;ADgBE;EnD0CA;EACA;EACA;EACA;AoDvDF;;ADgBE;EACE;ACbJ,C;AC3EA;EACE,uDrDsDY;EqDrDZ;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA,2ErDiBe;EqDhBf;EACA,uErDKS;AsDNb;ADGI;EACE;ACDN;ADII;EACE;EACA;ACFN;ADME;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uErDdS;AsDUb;ADOE;EACE,uErDlBS;EqDmBT;EACA,wErDFW;AsDHf;ADOI;EACE;EACA;ACLN;ADOM;EACE;EACA;ACLR;ADOQ;EACE;ACLV;ADOU;EACE,0ErDxBO;AsDmBnB;ADSQ;EACE;EACA;ACPV;ADWM;EACE;EACA,kFrD7CS;EqD8CT;EACA;EACA;EACA,2ErDxCW;AsD+BnB;ADWQ;EACE;ACTV;ADaM;EACE;EACA;EACA;EACA;EACA;ACXR;ADaQ;EACE;EACA;EACA;ACXV;ADcQ;EACE;EACA;ACZV;ADgBM;EACE;ACdR;ADiBM;EACE;ACfR;ADiBQ;EACE,2ErD1ES;AsD2DnB,C;ACxFA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADEE;EACE;ACAJ;ADEE;EACE;EACA;EACA;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA,2EvDJiB;EuDKjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE,mGvDhDY;EuDiDZ;ACDJ;ADGI;EACE,2DvDrDI;AwDoDV;ADKE;EACE;EACA;ACHJ;;ADOA;EACE,0EvDjCiB;AwD6BnB;;ADOA;EACE;ACJF;ADME;EACE;ACJJ;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;EACE;ACLF;;ADSE;EACE;ACNJ;;ADYE;;EACE;ACRJ,C;ACvFA;EACE;EACA;ACDF;;ADGA;EACE;ACAF;;ADEA;EACE,kDzDkCI;EyDjCJ;EACA;ACCF;;ADCA;;EAEE,wFzD6BU;A0D3BZ,C;AChBA;EACE;EACA;ACDF,C;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E7DqBiB;E6DpBjB;EACA;EACA,iE7DQW;E6DPX;EACA,uD7D0CY;E6DzCZ;ACDF;;ADIA;;EAEE;EACA,+D7DQW;E6DPX;EACA;ACDF;;ADIA;EACE,kF7DNe;E6DOf,2E7DEiB;E6DDjB;ACDF;;ADIA;;EAEE,+D7DLW;E6DMX;EACA,uE7DhBW;A8Deb,C;AClCA;EACE;EACA;EACA;EACA;EACA;ACDF;ADEE;EAEE,kF/DYa;E+DXb;EACA;ACDJ;;ADKA;EACE,iE/DIW;E+DHX;ACFF;ADGE;EAEE;EACA;ACFJ;;ADMA;EACE;EACA,+D/DEW;E+DDX;ACHF;ADIE;EACE,uE/DVS;AgEQb;;ADMA;EACE;ACHF;;ADME;EACE;EACA;ACHJ;;ADOA;EACE;ACJF,C;ACxCA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;ACDF,C;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADIE;;EAEE;EACA;ACFJ;;ADOE;;EAEE;ACJJ;;ADSA;EACE;EACA;ACNF;ADQE;EACE;ACNJ;;ADWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACRF;ADUE;EACE;EACA;EACA;EACA;ACRJ;ADWE;EACE,+DnEvBS;AoEcb;ADYE;EACE,2DnEzDM;AoE+CV;;ADuBI;;;;;;;;;;;;EACE;EACA;EACA;EACA;EACA;EACA;ACTN;ADUM;;;;;;;;;;;;EACE;EACA;ACGR;ADEE;;;;EACE;EACA;ACGJ;ADAE;;;;EACE;ACKJ;ADFE;;;;EACE;ACOJ;ADJE;;;;EACE;ACSJ;ADPE;;;;EACE;ACYJ;ADRI;;;;EACE;EACA;ACaN;;ADRA;EnEtCE;EACA,uDAlBY;EAmBZ;EACA;EACA;EACA,0FArBU;EmEyDV;EACA;EACA;EACA;EACA,2EnExFiB;AoEuGnB;;ADTE;;;EACE;EACA;EACA;EACA;EACA;ACcJ;ADZI;;;EACE;ACgBN;;ADXA;EACE;ACcF;ADZE;EACE;ACcJ;ADbI;EACE;ACeN;ADXE;EACE;ACaJ;;ADRE;;;EAGE;EACA;EACA,uEnE1IS;EmE2IT,wEnExHY;EmEyHZ;ACWJ;ADTI;;;EACE,+DnEtIO;AoEmJb;ADVI;;;EACE,2DnExKI;AoEsLV;;ADTA;;;EAGE,mGnE/Kc;EmEgLd;ACYF;ADVE;;;EACE,2DnEpLM;AoEkMV;;ADPE;;;EACE;ACYJ;;ADLM;EACE;ACQR;ADJI;EACE;EACA;EACA;EACA;ACMN;;ADEI;;EACE,+DnEvLO;EmEwLP;ACEN;ADAM;;EACE,8DnE3LK;EmE4LL;ACGR;ADCI;;EACE;ACEN;;ADIE;EACE;EACA;ACDJ;ADIE;EACE;EACA;ACFJ;ADKE;EACE;ACHJ;ADME;EACE;EACA;ACJJ;ADME;EACE;EACA;ACJJ;ADOE;;EAEE;ACLJ;ADQE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACNJ;ADQI;EACE;ACNN;ADaI;;;EACE;EACA;ACTN;ADWM;;;EACE;ACPR;ADYE;EACE;ACVJ,C;ACjRA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;EACA;ACDJ;ADGE;EACE;EACA;ACDJ;ADGE;EACE;ACDJ;ADII;EACE,wFrEeM;EqEdN;ACFN;ADGM;EACE,iDrEWF;AsEZN;;ADOA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ACLF;;ADSE;EACE;ACNJ;;ADUA;EACE;EACA;ACPF;ADSE;EACE;EACA;ACPJ;ADSE;EACE;EACA;EACA;ACPJ;;ADUA;EACE;EACA;EACA;ACPF;ADSE;EACE;EACA;ACPJ;;ADWA;EACE;EACA;EACA;ACRF;ADSE;EACE;EACA;ACPJ;ADSE;EACE;EACA;EACA,4ErEvEa;EqEwEb;EACA,qNACE;ACRN;;ADeE;EACE;ACZJ;;ADiBE;EACE;ACdJ;;ADmBE;EACE;AChBJ;ADkBE;EACE;AChBJ;ADmBI;EACE;ACjBN;ADkBM;EACE;EACA;AChBR;;ADsBA;EACE;EACA;EACA;ACnBF;;AD2BI;;;;EACE;ACrBN;ADwBE;;;;EACE;ACnBJ;ADsBE;;;;EACE;ACjBJ;ADmBE;;;;EACE;EACA;EACA;ACdJ;ADgBE;;;;EACE;EACA;EACA;EACA;ACXJ;ADaI;;;;EACE,sNACE;ACTR;ADgBI;;;;EACE;ACXN;;ADgBA;EACE;ACbF;;ADiBE;EACE;EACA;EACA;EACA;ACdJ;;ADkBA;EACE;EACA;EACA;EACA;EACA,kFrEhLe;EqEiLf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACfF;;ADiBA;EACE;EACA;EACA;ACdF;;ADiBA;EACE;EACA;EACA;ACdF;;ADiBA;EACE;EACA;ACdF;;ADiBA;EACE;EACA;EACA,mErEjMO;EqEkMP;ACdF;;ADkBE;EACE;ACfJ;;ADmBA;EACE;EACA;EACA,4ErE3Ne;EqE6Nf;EACA;EACA;EACA;EACA;ACjBF;;ADoBA;EACE;ACjBF;;ADoBA;EACE,uDrEtMY;EqEuMZ;EACA;EACA;EACA,+DrErOW;EqEsOX;EACA;ACjBF;;ADoBA;EACE;EACA;EACA;EACA;ACjBF;;ADoBA;EACE,0ErEjPiB;AsEgOnB;;ADqBE;EACE;AClBJ;;ADsBA;EACE;ACnBF;ADqBE;EACE;EAEA;EACA;EACA;ACpBJ;;ADyBE;EACE;EACA;ACtBJ;;ADyBA;EACE;EACA;ACtBF;;ADyBA;EACE;EACA;EACA;EACA,2ErErRiB;EA6DjB;EACA,uDApCY;EAqCZ;EACA,wFArCU;EAsCV;EqEsNA;AClBF,C;AClSA;EACE;EACA;EACA,uDvEoDY;EuEnDZ;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE,iEvETW;EuEUX;EAEA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA,uEvEvBW;AwEqBb;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EvEhCe;EuEiCf;ACFF;;ADKA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;;ADKA;EACE;EACA;EACA;ACFF;ADIE;EACE;EACA;ACFJ;;ADOA;EACE;EACA;EACA;EACA,kFvE7De;AwEyDjB;;ADOA;EACE;ACJF;;ADOA;EACE;EACA;ACJF;ADME;EACE,sFvEhEe;EuEiEf;EACA;EACA;EACA;EACA;EACA;EACA;ACJJ;ADOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLJ;;ADSA;EACE;ACNF;ADQE;EACE;ACNJ;ADSE;EACE;EACA;ACPJ;;ADWA;EACE;ACRF;ADUE;EACE;EACA;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;EACA;EACA;ACVJ;ADaE;EACE;ACXJ;;ADeA;EACE;ACZF;;ADiBE;EACE;ACdJ;ADgBE;EACE;ACdJ;;ADmBE;EACE;AChBJ,C;ACxJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;ACEJ;;ADCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DzErBQ;EyEsBR;EACA;EACA;EACA,uDzEgCY;EyE/BZ;EACA;EACA;ACEF;ADDE;EAEI;EACA;EACA,mGzEhCU;A0EkChB;ADDM;EACI,2DzEnCA;A0EsCV;;ADCA;EACE;ACEF;ADDE;EACE,0EzEXe;A0EcnB;;ADAA;EACE,kDzEFI;A0EKN;ADFE;EAEE,wFzEJQ;A0EOZ;ADFI;EACI,iDzEPF;A0EWN;;ADAA;EACE;ACGF;;ADDA;EACE;EACA;EACA;ACIF;;ADFA;EACE;ACKF;;ADHA;EACE;ACMF;;ADJA;EACE;ACOF;;AC7EA;EACE;EACA;EACA;EACA;ADgFF;;AC7EA;EACE;ADgFF;;ACjEA;EAXE;EACA;EACA;EACA;EACA;EACA,uD3EwCY;E2EvCZ,2E3EaiB;E2EZjB;EACA;ADgFF;;ACzEA;EACE;EACA,4D3E7BQ;E2E8BR;AD4EF;;ACzEA;;EAEE;AD4EF;;ACzEA;EACE;AD4EF;;ACzEA;EACE;EACA;EACA;EACA;EACA;EACA,uD3ESY;E2ERZ;EACA;EACA,2E3EpBiB;E2EqBjB;EACA;EACA;AD4EF;;ACzEA;EACE;EACA;EACA,kE3E3BqB;E2E4BrB;EACA;AD4EF;;ACzEA;EACE;AD4EF;;ACxEE;EACE;AD2EJ;;ACvEA;EACE;EACA,iE3ExDW;E2EyDX;EACA;EACA;EACA;AD0EF;ACxEE;EACE;AD0EJ;;ACtEA;EACE;EACA;EACA;EACA;EACA;EACA;ADyEF;ACvEE;EACE;EACA;EACA;ADyEJ;;ACrEA;EACE;ADwEF;ACtEE;EACE;EACA;EACA;ADwEJ;ACtEI;EAEE;ADuEN;;AClEA;EACE;EACA;EACA;ADqEF;ACnEE;EACE;EACA;ADqEJ;ACnEI;EACE;ADqEN;AClEI;EACE;EACA;ADoEN;;AC/DA;EACE;EACA,+D3E9GW;E2E+GX,wF3EhGU;E2EiGV;EACA;ADkEF;;AC7DE;;EACE;EACA;ADiEJ;;AC7DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADgEF;;AC7DA;EACE;ADgEF;;AC3DE;;EACE;AD+DJ;AC7DI;;EACE;ADgEN;;AElPA;EACE;EACA;EACA;EACA;EACA,uE5EgBW;E4EfX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD5E2CY;E4E1CZ,+D5EeW;A0EsOb;;AElPA;EACE,2E5EYiB;A0EyOnB;;AElPA;;;;EAIE;AFqPF;;AElPA;;EAEE,+D5EDW;E4EEX;AFqPF;;AElPA;;EAEE,+D5EPW;E4EQX;AFqPF;;AElPA;EACE;EACA;EACA;AFqPF;;AElPA;EACE;EACA;EACA;EACA,iE5E9BW;E4E+BX;EACA;EACA;EACA;EACA;EACA;AFqPF;AEnPE;EAEE,4E5EvCa;A0E2RjB;AEjPE;EACE;AFmPJ;AEhPE;EAEE;EACA,iE5ElDS;A0EmSb;AE9OE;EACE;EACA;EACA;AFgPJ;;AE5OA;EACE;AF+OF;;AE5OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF+OF;;AE5OA;EACE;EACA;EACA;EACA;AF+OF;AE7OE;EACE;AF+OJ;AE5OE;EACE;EACA;AF8OJ;;AE1OA;EACE;EACA;EACA;EACA,+D5ErFW;E4EsFX;EACA,uD5E5DY;E4E6DZ;EACA;EACA;EACA;AF6OF;;AE1OA;EACE;AF6OF;;AE1OA;EACE;EACA;AF6OF;;AG/WA;EACI;EACA;EACA;EACA;EACA;AHkXJ;;AG/WA;EACI;AHkXJ;;AGhXA;EACI;AHmXJ;;AGjXA;EACI;AHoXJ;;AInYA;EACE;EACA;EACA;EACA;EACA;AJsYF;;AK3YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E/EsBiB;E+ErBjB;EACA;EACA,uE/ESW;E+ERX;EACA,uD/E2CY;E+E1CZ;EACA;EACA;AL8YF;;AK3YA;;EAEE,+D/EQW;E+EPX;EACA;AL8YF;;AK3YA;;EAEE,kF/EPe;A0EqZjB;;AK3YA;EACE,+D/EHW;E+EIX;AL8YF;;AK3YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E/EtBe;E+EuBf;AL8YF;;AK1YE;EACE;EACA;AL6YJ;AK1YE;EACE;AL4YJ;;AKvYE;EACE;AL0YJ;;AKrYE;EACE;EACA;ALwYJ;;AM5cA;EACE;EACA;AN+cF;;AM5cA;EACE;AN+cF;AM7cE;EACE;AN+cJ;AM5cE;EACE,2EhFkBe;A0E4bnB;;AM1cA;EACE,uDhFuCY;EgFtCZ;EACA,+DhFUW;EgFTX;AN6cF;;AM1cA;EACE,iEhFJW;EgFKX;EACA;EACA;EACA;EACA;EAEA;AN4cF;;AMxcE;EACE,kFhFfa;A0E0djB;;AMtcE;EACE,iEhFtBS;A0E+db;;AMrcA;EACE;EACA;ANwcF;;AMrcA;EACE;ANwcF;;AMrcA;EACE;EACA;EACA;EACA;EACA;EACA,2DhF9DQ;A0EsgBV;;AMrcA;EACE,uDhF/BO;A0EueT;;AMrcA;EACE;EACA;EACA;EACA;EACA;EACA;ANwcF;;AMpcA;EACE;ANucF;;AMpcA;EACE;EACA;EACA;ANucF;;AMpcA;EACE;EACA;EACA;ANucF;;AMncE;EACE;ANscJ;AMlcI;EACE;ANocN;;AO1iBA;EACE;AP6iBF;AO5iBE;EACE,uEjFkBS;A0E4hBb;AO5iBE;EACE;EACA;EACA;AP8iBJ;;AO1iBA;EACE;EACA;EACA;EACA;EACA;AP6iBF;AO3iBE;EACE,0EjFWe;A0EkiBnB;;AOziBA;;EAEE;AP4iBF;;AOziBA;;EAEE;EACA;EACA;EACA,2EjF5BU;EiF6BV;EACA;AP4iBF;;AOziBA;EACE;AP4iBF;;AOziBA;EACE;AP4iBF;;AO1iBA;EACE;EACA;EACA;EACA;EACA;EACA,iEjF/BW;EiFgCX;EACA;AP6iBF;AO5iBE;EACE;AP8iBJ;;AO3iBA;EACE;EACA;EACA,2EjF/BiB;A0E6kBnB;;AO5iBA;EACE;EACA;EACA;EACA;EACA;EACA,4DjFtEQ;EiFuER,uDjFdY;EiFeZ;EACA;EACA;AP+iBF;;AO5iBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP+iBF;AO7iBE;EACE;EACA;EACA,8DjF7DS;A0E4mBb;;AQ1oBA;EACE;EACA;AR6oBF;;AQ1oBA;EACE;EACA,uElFcW;EkFbX;AR6oBF;AQ3oBE;EACE;AR6oBJ;;AQzoBA;EACE;AR4oBF;AQ1oBE;EACE;AR4oBJ;;AQxoBA;EACE,4ElFFe;A0E6oBjB;AQzoBE;EACE;AR2oBJ;;AQvoBA;EACE;AR0oBF;;AQvoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR0oBF;AQxoBE;EACE;AR0oBJ;AQvoBE;EAEE;ARwoBJ;;AQpoBA;EACE;ARuoBF;;AQpoBA;EACE;EACA;EACA;EACA;EACA;EACA;ARuoBF;;AQpoBA;EACE;ARuoBF;;AQpoBA;EACE;ARuoBF;;AQnoBE;EACE;ARsoBJ;;AQloBA;EACE;EACA;EACA;ARqoBF;;AQloBA;EACE;EACA;EACA,2ElF5DiB;EkF6DjB;EACA,4ElFvEe;EkFwEf;EACA;EACA;EACA;EACA;EACA;ARqoBF;AQnoBE;EACE;ARqoBJ;AQloBE;EACE;EACA;ARooBJ;;AQhoBA;EACE;ARmoBF;;ASlvBE;EACE;ATqvBJ;ASpvBI;EACE;ATsvBN;;AU1vBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV6vBF;;AU1vBA;EACE;EACA;AV6vBF;AU3vBE;EACE;AV6vBJ;;AUzvBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV4vBF;AU1vBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DpFnBS;A0E+wBb;;AUvvBE;EACE;AV0vBJ;;AUrvBE;EACE;AVwvBJ;;AUpvBA;EACE;AVuvBF;;AWhzBA;EACE;AXmzBF;;AYpzBA;EACE;AZuzBF;;AYnzBE;EACE;EACA,4DtFPM;EsFQN;EACA;AZszBJ;;Aa9zBE;EACE;Abi0BJ;Aa9zBE;EACE;EACA;EACA;Abg0BJ;Aa7zBE;EACE;EACA;EACA;Ab+zBJ;Aa5zBE;EACE;Ab8zBJ;AazzBM;EACE;Ab2zBR;AavzBI;EACE;AbyzBN;AatzBI;EACE;EACA;EACA;EACA;AbwzBN;AatzBM;EACE;AbwzBR;AarzBM;EACE;EACA;AbuzBR;AarzBQ;EACE;AbuzBV;AajzBE;EACE;AbmzBJ;AahzBE;EACE;EACA;AbkzBJ;AahzBI;EACE;EACA;EACA;AbkzBN;AahzBM;EACI;AbkzBV;Aa5yBE;EACE;Ab8yBJ;Aa5yBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mEvFjDG;A0E+1BT;Aa1yBE;EACE;Ab4yBJ;AazyBE;;EAEE;Ab2yBJ;AazyBI;;EACE;Ab4yBN;AaxyBE;EvFlBA;EACA,uDA3BY;EA4BZ;EACA;EACA,wFA7BU;EA8BV;EuFeE,4DvFvEa;EuFyEb;EACA;EACA;EACA;Ab8yBJ;Aa3yBE;;EAEE;Ab6yBJ;Aa1yBE;EACE;Ab4yBJ;AazyBE;EACE;Ab2yBJ;AazyBE;EACE;Ab2yBJ;AazyBE;EACE;Ab2yBJ;AazyBE;EACE;Ab2yBJ;AazyBE;EACE;Ab2yBJ;AazyBE;EACE;Ab2yBJ;;AatyBE;EACE;EACA;AbyyBJ;;Acx7BA;EACE;EACA;Ad27BF;;Acz7BA;EACE;Ad47BF;Ac37BE;EACE;EACA;EACA;EACA;Ad67BJ;Ac57BI;EAEE;Ad67BN;;Aez8BE;;;;EAIE;Af48BJ;Ae18BE;;EAEE;EACA;Af48BJ;Ae18BI;;EACE;Af68BN;Ae18BE;EACE,wGzFVc;A0Es9BlB;Ae18BE;EACE;EACA,uEzFfQ;A0E29BZ;Ae18BE;EACE;EACA;Af48BJ;;Aex8BA;EACE;EACA;Af28BF;;Aex8BA;EACE;EACA,4EzFde;EyFef;EACA;EACA;EACA;EACA;Af28BF;;Aex8BA;EzF2EE;EACA;EACA;EyF3EA,+DzFhBW;EyFkBX,uDzFSY;EyFRZ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;Af08BF;;Aev8BA;EAEE;Afy8BF;;Aet8BA;EACE,2EzF3CiB;A0Eo/BnB;;Aet8BA;EACE;EACA;EACA;EACA;EACA;Afy8BF;;Aev8BA;EACE;EACA;EACA;Af08BF;;Aev8BA;EACE;Af08BF;;Aev8BA;EACE;EACA;EACA;Af08BF;;Aev8BA;EACE,2EzFtEiB;EyFwEjB,uDzF9CY;EyF+CZ;EACA;EACA;EACA;EACA;EACA;Afy8BF;;Aet8BA;EACE;EACA;Afy8BF;Aev8BE;EACE;EACA;Afy8BJ;Aev8BI;EACE,0EzF1Fa;A0EmiCnB;;AgB/iCA;EACE;EACA;EACA;EACA;AhBkjCF;A1E76BE;;EAEE;A0E+6BJ;A1E76BE;;EAEE;A0E+6BJ;A1E76BE;;EAEE;A0E+6BJ;A1E76BE;;;;;;EAME;A0E+6BJ;A1E76BE;;EAEE;A0E+6BJ;;AgBtkCA;EACE;AhBykCF;A1El9BE;EACE;EACA;EACA;EACA;A0Eo9BJ;;AgB3kCA;EACE;AhB8kCF;;AgB3kCA;EACE;EACA;AhB8kCF;;AgBzkCI;EACE;AhB4kCN;AgBzkCI;EACE;AhB2kCN;AgBxkCI;EACE;EACA;AhB0kCN;AgBvkCI;EACE;AhBykCN;AgBrkCE;EACE;AhBukCJ;AgBpkCE;;EAEE;AhBskCJ;;AgBlkCA;EACE;AhBqkCF;;AgBlkCA;EACE;EACA;AhBqkCF;;AgBlkCA;EACE;EACA;EACA;EACA;EACA;AhBqkCF;;AgBjkCE;EACE;EACA;EACA;AhBokCJ;;AgBhkCA;EACE;AhBmkCF;;AgBhkCA;EACE;AhBmkCF;;AgBhkCA;EACE;EACA;AhBmkCF;AgB7jCE;EACE;AhB+jCJ;AgB9jCI;EACE;EACA;AhBgkCN;AgB7jCI;;EAEE;AhB+jCN;AgB5jCI;EACE;AhB8jCN;AgB3jCI;EACE,iE1FhGiB;A0E6pCvB,C;AiB5rCA;EACE,uD3FsDY;E2FrDZ;EACA;EACA,+D3FwBW;A4FzBb;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF,C;ACjBA;EACE;ACDF;;ADIA;EACE;EACA;EACA,4E7Fae;A8FdjB;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;ACAF;;ADEA;EACE;ACCF;;ADEE;EACE;ACCJ;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;EACA,iE7F9BW;E6F+BX;EACA;ACCF;ADCE;EACE;EACA;ACCJ;ADCI;EACE;EACA;ACCN;ADEI;EACE;ACAN;ADEI;EACE;ACAN;ADGI;EACE;ACDN;;ADME;EACE;ACHJ;ADKI;EACE;EACA;EACA;EAEA;EACA,iE7FjEO;E6FkEP;EACA;ACJN,C","file":"survey-creator-core.fontless.css","sourcesContent":["@import \"../variables.scss\";\n.svc-context-container {\n  display: flex;\n  gap: calcSize(1);\n  width: max-content;\n}\n.svc-context-button {\n  display: block;\n  box-sizing: border-box;\n  background-color: $background;\n  border-radius: 50%;\n  width: calcSize(6);\n  height: calcSize(6);\n  cursor: pointer;\n  padding: calcSize(1.5);\n  outline: none;\n  use {\n    fill: $foreground-light;\n  }\n}\n.svc-context-button {\n  &:hover,\n  &:focus {\n    use {\n      fill: $primary;\n    }\n  }\n}\n.svc-context-button--danger {\n  &:hover,\n  &:focus {\n    use {\n      fill: $red;\n    }\n  }\n}\n",".svc-context-container {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: max-content;\n}\n\n.svc-context-button {\n  display: block;\n  box-sizing: border-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: 50%;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  outline: none;\n}\n.svc-context-button use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-context-button:hover use, .svc-context-button:focus use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}","$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(\n  --sjs-editorpanel-backcolor,\n  var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))\n);\n$question-background: var(\n  --sjs-questionpanel-backcolor,\n  var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))\n);\n\n$background: var(--sjs-general-backcolor, var(--background, #fff));\n$background-dim: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n$background-dim-light: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n$background-semitransparent: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n$background-dark: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n$background-dim-dark: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n\n$corner-radius: var(--sjs-corner-radius, 4px);\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-small: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-medium: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n$shadow-large: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--sjs-font-family, var(--font-family));\n$font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n@function calcSize($multiplier) {\n  @if $multiplier ==1 {\n    $result: #{$base-unit};\n    @return $result;\n  } @else {\n    $result: calc(#{$multiplier} * (#{$base-unit}));\n    @return $result;\n  }\n}\n\n@mixin smallBold {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: $font-size;\n}\n\n@mixin defaultBold {\n  --default-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: $font-size;\n  line-height: calc(1.5 * var(--default-bold-font-size));\n}\n\n@mixin defaultFont {\n  --default-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  font-family: $font-family;\n  font-style: normal;\n  font-size: $font-size;\n  line-height: calc(1.5 * var(--default-font-size));\n}\n\n@mixin borderLight {\n  --border-light-font-size: #{$base-unit};\n  border: calc(0.25 * var(--border-light-font-size)) solid $border-light;\n  border-radius: $corner-radius;\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin mediumBold {\n  --medium-bold-font-size: #{$base-unit};\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: bold;\n  font-size: calc(3 * var(--medium-bold-font-size));\n  line-height: calc(4 * var(--medium-bold-font-size));\n}\n\n@mixin textEllipsis {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@mixin disableUserSelect {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n@mixin centerText {\n  --center-text-font-size: #{$base-unit};\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * var(--center-text-font-size));\n  color: $foreground;\n  width: 100%;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  text-align: center;\n  overflow: hidden;\n}\n\n@mixin disableTransitionAnimations {\n  * {\n    -webkit-transition: none !important;\n    -moz-transition: none !important;\n    -o-transition: none !important;\n    transition: none !important;\n  }\n}\n\n@mixin disableAnimations {\n  .sd-row--fade-out,\n  .sd-row--fade-in {\n    animation: none;\n  }\n  .sd-element-wrapper--fade-out,\n  .sd-element-wrapper--fade-in {\n    animation: none;\n  }\n  .sd-element__content--fade-in,\n  .sd-element__content--fade-out {\n    animation: none;\n  }\n  .sd-paneldynamic__panel-wrapper--fade-in,\n  .sd-paneldynamic__panel-wrapper--fade-out,\n  .sd-paneldynamic__panel-wrapper--fade-out-left,\n  .sd-paneldynamic__panel-wrapper--fade-out-right,\n  .sd-paneldynamic__panel-wrapper--fade-in-left,\n  .sd-paneldynamic__panel-wrapper--fade-in-right {\n    animation: none;\n  }\n  .sd-table__row--fade-out,\n  .sd-table__row--fade-in {\n    animation: none;\n  }\n}\n","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-ace {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n  height: 100%;\n}","svc-tab-json-editor-ace {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n  height: 100%;\n}","@import \"../../variables.scss\";\n\nsvc-tab-json-editor-textarea {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n  width: 100%;\n  height: 100%;\n  border: none;\n  outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n  position: absolute;\n  top: 0%;\n  right: calc(0% + calc(2 * #{$base-unit}));\n  min-height: calc(2.5 * #{$base-unit});\n  max-height: calc(2.5 * #{$base-unit});\n  border: none;\n  background-color: $primary;\n  color: $primary-foreground;\n  font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n  position: absolute;\n  right: 0%;\n  top: calc(0% + calc(3 * #{$base-unit}));\n  max-width: calc(100% - calc(2 * #{$base-unit}));\n  padding: $base-unit;\n\n  background-color: $background;\n  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n  border: 1px solid $border;\n  border-radius: 1px;\n\n  color: $foreground;\n  font-family: monospace;\n\n  span {\n    white-space: pre-line;\n\n    >b {\n      color: $red;\n    }\n  }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n  display: none;\n}\n\n.svc-json-errors {\n  display: flex;\n  max-height: calc(#{$base-unit} * 25 + 5px);\n  overflow-y: auto;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  border-top: 1px solid $border-inside;\n}\n\n.svc-json-errors__item {\n  pointer-events: none;\n  display: block;\n}\n\n.svc-json-error {\n  font-family: $font-family;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\n  background: $red-light;\n  display: flex;\n  align-items: center;\n  gap: calcSize(2);\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n  border-top: 1px solid $border-inside;\n}\n\n.svc-json-error .sv-string-viewer {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n  text-decoration: underline;\n}\n\n.svc-json-error__icon {\n  fill: $red;\n}\n\n.svc-json-error__container {\n  display: flex;\n  gap: calcSize(1);\n}\n\n.svc-json-error__title {\n  flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n  appearance: none;\n  flex-grow: 0;\n  flex-shrink: 0;\n  pointer-events: all;\n  padding: 0 calcSize(1);\n  width: calcSize(5);\n  height: calcSize(3);\n  background: $background;\n  border: none;\n  border-radius: calcSize(0.5);\n  box-shadow: $shadow-small;\n  cursor: pointer;\n\n  svg {\n    fill: $foreground-dim-light;\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n}\n\n.svc-json-error__fix-button:hover {\n  svg {\n    fill: $primary;\n  }\n}","svc-tab-json-editor-textarea {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n  width: 100%;\n  height: 100%;\n  border: none;\n  outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n  position: absolute;\n  top: 0%;\n  right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  border: none;\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n  position: absolute;\n  right: 0%;\n  top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  border-radius: 1px;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-family: monospace;\n}\n.svc-json-editor-tab__content-errors span {\n  white-space: pre-line;\n}\n.svc-json-editor-tab__content-errors span > b {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-editor-tab__content-errors:empty {\n  display: none;\n}\n\n.svc-json-errors {\n  display: flex;\n  max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px)) * 25 + 5px);\n  overflow-y: auto;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-errors__item {\n  pointer-events: none;\n  display: block;\n}\n\n.svc-json-error {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  display: flex;\n  align-items: center;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-json-error .sv-string-viewer {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n  text-decoration: underline;\n}\n\n.svc-json-error__icon {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-json-error__container {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-json-error__title {\n  flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n  appearance: none;\n  flex-grow: 0;\n  flex-shrink: 0;\n  pointer-events: all;\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  cursor: pointer;\n}\n.svc-json-error__fix-button svg {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-json-error__fix-button:hover svg {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../variables.scss\";\n\n.svd-simulator {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  box-sizing: content-box;\n  transform-origin: 0 0;\n  top: 50%;\n  left: 50%;\n  transform: scale(1.26) translate(-50%, -50%);\n  overflow: overlay;\n  border: 2px solid $border-inside;\n}\n\n.svd-simulator-wrapper {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: 32px;\n  border: 4px solid $background-dim;\n  background: $background;\n  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.10), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n  min-height: 100%;\n\n  &.svd-simulator-main--desktop {\n    min-height: auto;\n\n    &.svd-simulator-main--running {\n      height: 100%;\n    }\n  }\n\n  &.svd-simulator-main--frame {\n    display: flex;\n    align-items: center;\n  }\n\n  &:not(.svd-simulator-main--frame) {\n    background-color: transparent;\n  }\n\n  .sd-root-modern {\n    min-height: 100%;\n\n    .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n      width: auto;\n      right: 0;\n    }\n  }\n}\n\n.svd-simulator-content {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  // border-bottom: 1px solid $border-inside;\n  box-shadow: inset 0px -1px 0px 0px $border-inside;\n  position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n\n  ::i-block-chrome,\n  .svd-simulator-content {\n    overflow-y: scroll;\n  }\n}",".svd-simulator {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  box-sizing: content-box;\n  transform-origin: 0 0;\n  top: 50%;\n  left: 50%;\n  transform: scale(1.26) translate(-50%, -50%);\n  overflow: overlay;\n  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svd-simulator-wrapper {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: 32px;\n  border: 4px solid var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);\n}\n\n.svd-simulator-main {\n  min-height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--desktop {\n  min-height: auto;\n}\n.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {\n  height: 100%;\n}\n.svd-simulator-main.svd-simulator-main--frame {\n  display: flex;\n  align-items: center;\n}\n.svd-simulator-main:not(.svd-simulator-main--frame) {\n  background-color: transparent;\n}\n.svd-simulator-main .sd-root-modern {\n  min-height: 100%;\n}\n.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n  width: auto;\n  right: 0;\n}\n\n.svd-simulator-content {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  position: relative;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  ::i-block-chrome,\n  .svd-simulator-content {\n    overflow-y: scroll;\n  }\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n\n  .sv-root-modern .sv-completedpage,\n  .sv_default_css .sv_completed_page {\n    margin: 0;\n    border: 0;\n    background-color: $background-dim;\n  }\n\n  .sv_default_css .sv_body {\n    border: 0;\n  }\n\n  .svc-preview__test-again {\n    width: calcSize(33);\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: calcSize(12);\n    margin-top: 8px;\n  }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n\n  .sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n    width: 100%;\n    position: absolute;\n  }\n\n  .sv-action-bar.sv-action-bar--pages {\n    left: 0;\n    right: 0;\n    justify-content: center;\n    gap: calcSize(1);\n\n    .sv-action__content {\n      padding: 0;\n    }\n\n    .sv-action-bar-item {\n      margin: 0;\n    }\n  }\n\n  .sv-action-bar-item {\n    @include smallBold;\n    width: 100%;\n    height: calcSize(4);\n  }\n\n  .svc-page-selector {\n    max-width: 50%;\n\n    .sv-action-bar-item__title {\n      @include textEllipsis;\n\n      color: $foreground;\n      display: inline-block;\n    }\n  }\n}\n\n.svc-page-invisible .sv-list-item__marker-icon {\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n\n  padding: 0;\n  opacity: 0.5;\n  margin-inline-end: calcSize(0.5);\n}\n\n.svc-test-tab__content .sd-body--empty {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 400;\n  font-size: calcSize(2);\n  color: $foreground;\n  text-align: center;\n  overflow: hidden;\n  position: static;\n  display: flex;\n  flex-direction: column;\n}","svc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n  margin: 0;\n  border: 0;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n  border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n  padding: 0;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n  position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n  left: 0;\n  right: 0;\n  justify-content: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n  padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n  margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  width: 100%;\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n  max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: inline-block;\n}\n\n.svc-page-invisible .sv-list-item__marker-icon {\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n  padding: 0;\n  opacity: 0.5;\n  margin-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-test-tab__content .sd-body--empty {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  text-align: center;\n  overflow: hidden;\n  position: static;\n  display: flex;\n  flex-direction: column;\n}","@import \"../../variables.scss\";\n@import \"../../colors.scss\";\n\n.sl-table {\n  width: 50%;\n  margin: 0 25%;\n}\n\n.sl-table__row {\n  position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n  margin-top: calcSize(-0.5);\n  padding-right: calcSize(4);\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n  width: calcSize(6);\n  height: calcSize(6);\n\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n  padding: 0;\n\n  &:hover:enabled,\n  &.sv-focused--by-key {\n    background-color: $primary-light;\n    outline: none;\n\n    use {\n      fill: $primary;\n    }\n  }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n  border-radius: calcSize(12.5);\n  padding: calcSize(1);\n  cursor: pointer;\n\n  &:hover:enabled,\n  &.sv-focused--by-key {\n    background-color: $red-light;\n    outline: none;\n\n    use {\n      fill: $red;\n    }\n  }\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n  display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n  display: block;\n}\n\n.sl-table__row #remove-row {\n  .sv-action-bar-item {\n    border: none;\n    width: calcSize(5);\n    height: calcSize(5);\n  }\n\n  .sv-action-bar-item__icon use {\n    fill: $red;\n  }\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n  color: $secondary;\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n  @include mediumBold;\n\n  background: transparent;\n  color: $foreground;\n  outline: none;\n  border: none;\n  box-shadow: none;\n\n  max-height: calcSize(13.5);\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n  color: $foreground;\n  font-weight: bold;\n  font-size: calcSize(2);\n  font-family: $font-family;\n  vertical-align: top;\n  padding: calcSize(2) 0;\n  width: 100%;\n}\n\n.sl-table__cell--actions {\n  position: absolute;\n  width: max-content;\n\n  &:first-of-type {\n    transform: translateX(-100%);\n  }\n}\n\n.sl-table__cell--detail-button {\n  overflow: hidden;\n  appearance: none;\n  outline: none;\n  border: none;\n  background-color: transparent;\n}\n\n.sl-table {\n  border-collapse: separate;\n  border-spacing: 0;\n  table-layout: fixed;\n\n  thead {\n    th:first-child {\n      position: absolute;\n      left: 0;\n      transform: translateX(-100%);\n    }\n\n    th:last-child {\n      position: absolute;\n      right: 0;\n      transform: translateX(100%);\n    }\n\n    .sl-table__cell.st-table__cell--header {\n      text-align: left;\n    }\n  }\n\n  tbody {\n    tr:last-of-type {\n      .sl-table__cell {\n        padding-bottom: calcSize(10);\n      }\n    }\n  }\n\n  tr:first-of-type {\n    .sl-table__cell {\n      padding-top: calcSize(4);\n    }\n  }\n\n  td,\n  th {\n    &:first-of-type {\n      padding-left: calcSize(4);\n\n      .sv-action-bar {\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  td,\n  th {\n    &:last-of-type {\n      padding-right: calcSize(4);\n    }\n  }\n}\n\n.sl-panel .sl-panel__footer {\n  padding: 0;\n\n  .sv-action {\n    width: 100%;\n  }\n\n  .sv-action__content {\n    width: 100%;\n  }\n\n  button.sl-panel__done-button {\n    width: 100%;\n    margin: calcSize(2) 0 calcSize(10) 0;\n    color: $primary;\n    background-color: $primary-light;\n\n    font-family: $font-family;\n    font-size: calcSize(2);\n    border-radius: calcSize(12.5);\n\n    display: flex;\n    align-items: center;\n    vertical-align: baseline;\n    text-align: center;\n\n    user-select: none;\n  }\n\n  button:hover:enabled {\n    background-color: $primary;\n    color: $primary-foreground;\n  }\n\n  .sv-action-bar-item__title {\n    color: inherit;\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\n    font-weight: 600;\n  }\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n  padding: 0;\n}\n\n.sl-question {\n  display: flex;\n  align-items: center;\n  margin-top: calcSize(2);\n}\n\n.sl-row {\n  display: flex;\n  align-items: flex-start;\n  flex-flow: row wrap;\n}\n\n.sl-row--multiple {\n  .sl-panel {\n    padding-bottom: 0;\n  }\n}\n\n.sl-question__header--left {\n  margin-right: calcSize(1);\n}\n\n.sl-row {\n  .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n    overflow-x: auto;\n    padding: 2px;\n    margin: -2px;\n  }\n}\n.sl-question__title {\n  color: $foreground;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  margin: 0;\n  font-weight: 600;\n\n  span + span {\n    display: none;\n  }\n}\n\n.sl-row--multiple .sl-question {\n  padding-right: calcSize(1);\n}\n\n.svc-logic-question-value {\n  --sd-base-padding: calc(5 * #{$base-unit});\n  --sd-base-vertical-padding: calc(4 * #{$base-unit});\n  --sd-page-vertical-padding: calc(3 * #{$base-unit});\n  padding-right: calcSize(5);\n  margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor {\n  margin-top: calcSize(2);\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n  margin-top: 0;\n}\n\n.sv-popup.sv-property-editor {\n  .sl-row {\n    flex-flow: nowrap;\n  }\n}\n\n.spg-comment.sl-comment {\n  height: calcSize(17);\n}\n\n.sl-body {\n  @include disableAnimations;\n}\n",".sl-table {\n  width: 50%;\n  margin: 0 25%;\n}\n\n.sl-table__row {\n  position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  outline: none;\n}\n.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: pointer;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  outline: none;\n}\n.sl-table__remove-button .sv-action-bar-item:hover:enabled use, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n  display: none;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n  display: block;\n}\n\n.sl-table__row #remove-row .sv-action-bar-item {\n  border: none;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table__row #remove-row .sv-action-bar-item__icon use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n  color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n  --medium-bold-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: bold;\n  font-size: calc(3 * var(--medium-bold-font-size));\n  line-height: calc(4 * var(--medium-bold-font-size));\n  background: transparent;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  outline: none;\n  border: none;\n  box-shadow: none;\n  max-height: calc(13.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: bold;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  vertical-align: top;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  width: 100%;\n}\n\n.sl-table__cell--actions {\n  position: absolute;\n  width: max-content;\n}\n.sl-table__cell--actions:first-of-type {\n  transform: translateX(-100%);\n}\n\n.sl-table__cell--detail-button {\n  overflow: hidden;\n  appearance: none;\n  outline: none;\n  border: none;\n  background-color: transparent;\n}\n\n.sl-table {\n  border-collapse: separate;\n  border-spacing: 0;\n  table-layout: fixed;\n}\n.sl-table thead th:first-child {\n  position: absolute;\n  left: 0;\n  transform: translateX(-100%);\n}\n.sl-table thead th:last-child {\n  position: absolute;\n  right: 0;\n  transform: translateX(100%);\n}\n.sl-table thead .sl-table__cell.st-table__cell--header {\n  text-align: left;\n}\n.sl-table tbody tr:last-of-type .sl-table__cell {\n  padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table tr:first-of-type .sl-table__cell {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type,\n.sl-table th:first-of-type {\n  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-table td:first-of-type .sv-action-bar,\n.sl-table th:first-of-type .sv-action-bar {\n  justify-content: flex-end;\n}\n.sl-table td:last-of-type,\n.sl-table th:last-of-type {\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-panel .sl-panel__footer {\n  padding: 0;\n}\n.sl-panel .sl-panel__footer .sv-action {\n  width: 100%;\n}\n.sl-panel .sl-panel__footer .sv-action__content {\n  width: 100%;\n}\n.sl-panel .sl-panel__footer button.sl-panel__done-button {\n  width: 100%;\n  margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: center;\n  vertical-align: baseline;\n  text-align: center;\n  user-select: none;\n}\n.sl-panel .sl-panel__footer button:hover:enabled {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sl-panel .sl-panel__footer .sv-action-bar-item__title {\n  color: inherit;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n  font-weight: 600;\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n  padding: 0;\n}\n\n.sl-question {\n  display: flex;\n  align-items: center;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-row {\n  display: flex;\n  align-items: flex-start;\n  flex-flow: row wrap;\n}\n\n.sl-row--multiple .sl-panel {\n  padding-bottom: 0;\n}\n\n.sl-question__header--left {\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n  overflow-x: auto;\n  padding: 2px;\n  margin: -2px;\n}\n\n.sl-question__title {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  font-weight: 600;\n}\n.sl-question__title span + span {\n  display: none;\n}\n\n.sl-row--multiple .sl-question {\n  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-logic-question-value {\n  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n  margin-top: 0;\n}\n\n.sv-popup.sv-property-editor .sl-row {\n  flex-flow: nowrap;\n}\n\n.spg-comment.sl-comment {\n  height: calc(17 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sl-body .sd-row--fade-out,\n.sl-body .sd-row--fade-in {\n  animation: none;\n}\n.sl-body .sd-element-wrapper--fade-out,\n.sl-body .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.sl-body .sd-element__content--fade-in,\n.sl-body .sd-element__content--fade-out {\n  animation: none;\n}\n.sl-body .sd-paneldynamic__panel-wrapper--fade-in,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-out,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-out-left,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-out-right,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-in-left,\n.sl-body .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.sl-body .sd-table__row--fade-out,\n.sl-body .sd-table__row--fade-in {\n  animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n  width: 100%;\n  height: 100%;\n  background-color: $background-dim;\n  @include disableTransitionAnimations;\n}\n\n.st-properties {\n  background-color: $background-dim;\n  flex-grow: 1;\n  padding-right: calcSize(4);\n  padding-left: calcSize(4);\n  padding-top: calcSize(2);\n\n  .spg-table {\n    .spg-table__cell:first-of-type {\n      width: calcSize(5);\n    }\n\n    .spg-table__question-wrapper {\n      padding: calcSize(1.5) calcSize(1);\n\n      .spg-checkbox {\n        margin: 0;\n      }\n\n      .spg-selectbase__label {\n        gap: 0;\n      }\n    }\n\n    .spg-checkbox--disabled {\n      .spg-checkbox__rectangle,\n      .spg-checkbox__rectangle:hover {\n        background: $background-dim;\n      }\n    }\n  }\n}\n\n.st-no-strings {\n  @include centerText;\n}\n\n.st-content {\n  display: flex;\n  height: 100%;\n}\n\n.st-strings {\n  height: calc(100% - calc(6 * #{$base-unit}));\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n  flex-grow: 1;\n}\n\n.st-property-panel {\n  flex-shrink: 0;\n  flex-grow: 0;\n  width: 450px;\n  border-left: 1px solid $border;\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n  margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n  margin-top: calcSize(2);\n}\n\n.st-strings-header {\n  .st-table__cell {\n    background-color: $background-dim;\n    height: auto;\n  }\n}\n\n.st-root-modern {\n  width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n  @include smallBold;\n  color: $foreground-light;\n  text-align: left;\n}\n\n.st-title.st-panel__title {\n  height: calcSize(4);\n  line-height: calcSize(4);\n  padding-left: calcSize(3);\n  margin: 0;\n\n  background-color: $background-dim-light;\n  border-bottom: 1px solid $border-light;\n}\n\n.st-table {\n  tr {\n    display: flex;\n    align-items: stretch;\n  }\n}\n\n.st-table__cell {\n  display: block;\n  flex: 1 1;\n  box-sizing: border-box;\n  background-color: $background;\n  border-bottom: 1px solid $border-light;\n  padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n  @include defaultBold;\n  color: $foreground;\n  max-width: 300px;\n  padding-right: calcSize(3);\n\n  span {\n    display: inline-block;\n    padding-left: calcSize(3);\n  }\n}\n\n.st-panel-indent .st-table__cell:first-of-type {\n  span {\n    padding-left: calcSize(6);\n  }\n}\n\n.st-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.st-comment {\n  @include defaultFont;\n  display: block;\n  width: calc(100% - 3 * #{$base-unit});\n  border: unset;\n  outline: none;\n  background-color: $background;\n  color: $foreground;\n  resize: none;\n  padding: 0;\n}\n\n.sd-translation-line-skeleton {\n  min-height: calcSize(5);\n  background-color: $background-dim;\n}\n\n.st-navigation-btn {\n  padding-left: calcSize(1.5);\n  padding-right: calcSize(2);\n  white-space: nowrap;\n  .sd-action__icon {\n    margin-left: 0;\n  }\n}\n.st-navigation-btn.sd-action--icon {\n  padding: calcSize(1);\n  &:not(.sd-action--pressed) {\n    &:hover,\n    &:focus {\n      background-color: $primary-light;\n    }\n  }\n  svg use {\n    fill: $primary;\n  }\n}\n\n.svc-translation-machine {\n  margin-right: auto;\n}\n\n.st-translation-machine-from {\n  margin-right: auto;\n}\n.st-translation-machine-from__container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n.st-translation-machine-from__container--disabled {\n  gap: calcSize(0.5);\n}\n.st-translation-machine-from__btn {\n  flex-direction: row-reverse;\n  gap: calcSize(1);\n  padding-left: calcSize(2);\n  padding-right: calcSize(1.5);\n  white-space: nowrap;\n  .sd-action__icon {\n    width: calcSize(2);\n    height: calcSize(2);\n    margin-left: 0;\n  }\n  &.sd-action--pressed:not(.sd-action--active) {\n    background-color: $primary-light;\n  }\n  &:disabled {\n    padding-left: 0;\n    padding-right: 0;\n    opacity: 1;\n  }\n}\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n  color: $foreground-dim-light;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  font-weight: 400;\n}\n\n.st-body__footer {\n  padding: calcSize(2);\n  padding-left: calcSize(3);\n  background: $background;\n  border-bottom: 1px solid $border-light;\n}\n\n.st-translation-dialog .sv-popup__body-header {\n  margin-bottom: calcSize(4);\n}\n\n.st-translation-dialog .st-strings-wrapper {\n  border-radius: 4px;\n  box-shadow: $shadow-small;\n  overflow: hidden;\n}\n\n.st-container-modern {\n  .sv-components-column--expandable {\n    width: auto;\n  }\n}\n.st-body {\n  @include disableAnimations;\n}\n",".svc-tab-translation {\n  width: 100%;\n  height: 100%;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-translation * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.st-properties {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  flex-grow: 1;\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__cell:first-of-type {\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.st-properties .spg-table .spg-table__question-wrapper {\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {\n  margin: 0;\n}\n.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {\n  gap: 0;\n}\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,\n.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-no-strings {\n  --center-text-font-size: var(--sjs-base-unit, var(--base-unit, 8px));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * var(--center-text-font-size));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  width: 100%;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  text-align: center;\n  overflow: hidden;\n}\n\n.st-content {\n  display: flex;\n  height: 100%;\n}\n\n.st-strings {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n  flex-grow: 1;\n}\n\n.st-property-panel {\n  flex-shrink: 0;\n  flex-grow: 0;\n  width: 450px;\n  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n  margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-strings-header .st-table__cell {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  height: auto;\n}\n\n.st-root-modern {\n  width: 100%;\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  text-align: left;\n}\n\n.st-title.st-panel__title {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-table tr {\n  display: flex;\n  align-items: stretch;\n}\n\n.st-table__cell {\n  display: block;\n  flex: 1 1;\n  box-sizing: border-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n\ntd.st-table__cell:first-of-type {\n  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-bold-font-size));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  max-width: 300px;\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\ntd.st-table__cell:first-of-type span {\n  display: inline-block;\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-panel-indent .st-table__cell:first-of-type span {\n  padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.st-comment {\n  --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-font-size));\n  display: block;\n  width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  border: unset;\n  outline: none;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  resize: none;\n  padding: 0;\n}\n\n.sd-translation-line-skeleton {\n  min-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.st-navigation-btn {\n  padding-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n}\n.st-navigation-btn .sd-action__icon {\n  margin-left: 0;\n}\n\n.st-navigation-btn.sd-action--icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):hover, .st-navigation-btn.sd-action--icon:not(.sd-action--pressed):focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.st-navigation-btn.sd-action--icon svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-translation-machine {\n  margin-right: auto;\n}\n\n.st-translation-machine-from {\n  margin-right: auto;\n}\n\n.st-translation-machine-from__container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.st-translation-machine-from__container--disabled {\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-translation-machine-from__btn {\n  flex-direction: row-reverse;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-left: calc(2 * (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}\n.st-translation-machine-from__btn .sd-action__icon {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: 0;\n}\n.st-translation-machine-from__btn.sd-action--pressed:not(.sd-action--active) {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.st-translation-machine-from__btn:disabled {\n  padding-left: 0;\n  padding-right: 0;\n  opacity: 1;\n}\n\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 400;\n}\n\n.st-body__footer {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n\n.st-translation-dialog .sv-popup__body-header {\n  margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.st-translation-dialog .st-strings-wrapper {\n  border-radius: 4px;\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  overflow: hidden;\n}\n\n.st-container-modern .sv-components-column--expandable {\n  width: auto;\n}\n\n.st-body .sd-row--fade-out,\n.st-body .sd-row--fade-in {\n  animation: none;\n}\n.st-body .sd-element-wrapper--fade-out,\n.st-body .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.st-body .sd-element__content--fade-in,\n.st-body .sd-element__content--fade-out {\n  animation: none;\n}\n.st-body .sd-paneldynamic__panel-wrapper--fade-in,\n.st-body .sd-paneldynamic__panel-wrapper--fade-out,\n.st-body .sd-paneldynamic__panel-wrapper--fade-out-left,\n.st-body .sd-paneldynamic__panel-wrapper--fade-out-right,\n.st-body .sd-paneldynamic__panel-wrapper--fade-in-left,\n.st-body .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.st-body .sd-table__row--fade-out,\n.st-body .sd-table__row--fade-in {\n  animation: none;\n}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n  @include disableTransitionAnimations;\n}\n\n.svc-tab-logic-edit__content {\n  height: calc(100% - calc(6 * #{$base-unit}));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding-left: 16%;\n  padding-right: 16%;\n  //max-width: calcSize(75);\n  //margin: auto;\n  // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n  flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n  margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n  .sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n    width: 100%;\n  }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n  height: calcSize(3);\n  box-sizing: content-box;\n  max-width: calcSize(40);\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n  -webkit-appearance: none;\n  appearance: none;\n  padding: calcSize(1) calcSize(2);\n  border-radius: calcSize(12.5);\n  border: none;\n  outline: none;\n  font-weight: 600;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  color: $foreground-light;\n  height: calcSize(5);\n  line-height: calcSize(3);\n  cursor: pointer;\n\n  option {\n    background: $background;\n    color: $foreground;\n  }\n}\n\n.svc-logic-operator:focus {\n  outline: 1px dotted $primary;\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n  color: $foreground;\n}\n\n.svc-logic-operator.svc-logic-operator {\n  &:hover,\n  &:focus {\n    color: #ffffff;\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n  background-color: $blue-light;\n\n  &:hover,\n  &:focus {\n    background-color: $blue;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n  background-color: $yellow-light;\n\n  &:hover,\n  &:focus {\n    background-color: $yellow;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n  background-color: $red-light;\n\n  &:hover,\n  &:focus {\n    background-color: $red;\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n  background-color: $background;\n  color: $red;\n  box-shadow: inset 0 0 0 2px $red;\n}\n\n.svc-logic-operator__error {\n  display: none;\n}\n\n.svc-logic-paneldynamic {\n  .sd-paneldynamic__separator {\n    display: none;\n  }\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n  outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n  display: none;\n  width: calcSize(5);\n  height: calcSize(5);\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n  background-size: calcSize(3) calcSize(3);\n  background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n  display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n  background-color: $red-light;\n}\n\n.svc-logic-condition-remove-question {\n  height: calcSize(5);\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n  color: $foreground-light;\n  margin-top: calcSize(2);\n\n  &:hover,\n  &:focus {\n    color: $primary-foreground;\n  }\n}\n\n.svc-logic-tab__content {\n  &.svc-logic-tab__empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    .svc-logic-tab__content-action {\n      width: calcSize(33);\n      margin-top: calcSize(4);\n    }\n  }\n\n  .svc-logic-tab__content-action {\n    margin-left: 25%;\n    margin-right: 25%;\n    margin-bottom: calcSize(8);\n  }\n\n  .svc-logic-tab__content-action--disabled {\n    cursor: default;\n    outline: solid calcSize(0.25) transparent;\n\n    &:focus,\n    &:hover {\n      background-color: $background;\n      box-shadow: $shadow-small;\n    }\n  }\n\n  .svc-logic-tab__content-action--disabled .svc-text {\n    color: $foreground;\n    opacity: 0.25;\n  }\n\n  .sd-paneldynamic__panel-wrapper--in-row {\n    margin-top: 0;\n    align-items: start;\n  }\n}\n\n.svc-logic-paneldynamic {\n  font-family: $font-family;\n\n  .sd-row--multiple {\n    padding: 0;\n    background: none;\n    box-shadow: none;\n    border-radius: 0;\n    overflow: visible;\n  }\n\n  .sd-question__content {\n    margin-top: 0;\n  }\n\n  .sd-row__panel {\n    width: calc(100% - 5 * #{$base-unit});\n  }\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n  margin-top: 0;\n  flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel {\n  .sd-body {\n    margin: 0;\n    min-width: none;\n    max-width: none;\n  }\n\n  .sd-page.sd-body__page {\n    padding: 0;\n  }\n\n  .sl-panel__footer {\n    margin: 0;\n  }\n}\n\n.sl-dropdown {\n  max-width: 45vw;\n}\n\n.sl-dropdown__value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sl-list__item-body {\n  padding-block: calcSize(1.5);\n}\n\n.svc-logic-placeholder {\n  width: calcSize(78);\n  min-width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin-top: calcSize(2);\n  background: $background;\n  box-shadow: $shadow-small;\n  border-radius: calcSize(0.5);\n  padding: calcSize(4) calcSize(5) calcSize(5);\n}\n\n.sv-popup--overlay {\n  .svc-logic-placeholder {\n    width: initial;\n  }\n}\n\n.svc-logic-placeholder__text {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 400;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  text-align: center;\n  color: $foreground-light;\n  display: block;\n  padding: calcSize(4) calcSize(8);\n}\n\n.svc-logic-tab__leave-apply-button {\n  background-color: $red;\n}\n\n.sl-list {\n  padding-right: calcSize(0.5);\n  padding-left: calcSize(0.5);\n\n  .sv-list__filter {\n    padding-top: 0;\n  }\n\n  .sv-list__filter-icon {\n    top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  }\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n  padding-top: calcSize(1.5);\n}",".svc-tab-logic-edit {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-tab-logic-edit * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.svc-tab-logic-edit__content {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding-left: 16%;\n  padding-right: 16%;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n  flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n  margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions .sv-action-bar {\n  padding: 0;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n  max-width: calc(40 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n  -webkit-appearance: none;\n  appearance: none;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  font-weight: 600;\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n}\n.svc-logic-paneldynamic .svc-logic-operator option {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator:focus {\n  outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sl-question.svc-logic-question--answered .svc-logic-operator {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {\n  color: #ffffff;\n  outline: none;\n  box-shadow: none;\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n  background-color: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {\n  background-color: var(--sjs-special-blue, #437fd9);\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction,\n.svc-logic-operator.svc-logic-operator--operator {\n  background-color: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus,\n.svc-logic-operator.svc-logic-operator--operator:hover,\n.svc-logic-operator.svc-logic-operator--operator:focus {\n  background-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  box-shadow: inset 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-logic-operator__error {\n  display: none;\n}\n\n.svc-logic-paneldynamic .sd-paneldynamic__separator {\n  display: none;\n}\n\n.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {\n  outline: none;\n}\n\n.svc-logic-condition-remove.svc-icon-remove {\n  display: none;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A\");\n  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-position: center;\n}\n\n.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {\n  display: block;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.svc-logic-condition-remove-question {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n  display: none;\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover, .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-logic-tab__content.svc-logic-tab__empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action {\n  margin-left: 25%;\n  margin-right: 25%;\n  margin-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled {\n  cursor: default;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus, .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {\n  margin-top: 0;\n  align-items: start;\n}\n\n.svc-logic-paneldynamic {\n  font-family: var(--sjs-font-family, var(--font-family));\n}\n.svc-logic-paneldynamic .sd-row--multiple {\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  border-radius: 0;\n  overflow: visible;\n}\n.svc-logic-paneldynamic .sd-question__content {\n  margin-top: 0;\n}\n.svc-logic-paneldynamic .sd-row__panel {\n  width: calc(100% - 5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n  margin-top: 0;\n  flex-flow: row wrap;\n}\n\n.sl-table__cell--detail-panel .sd-body {\n  margin: 0;\n  min-width: none;\n  max-width: none;\n}\n.sl-table__cell--detail-panel .sd-page.sd-body__page {\n  padding: 0;\n}\n.sl-table__cell--detail-panel .sl-panel__footer {\n  margin: 0;\n}\n\n.sl-dropdown {\n  max-width: 45vw;\n}\n\n.sl-dropdown__value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sl-list__item-body {\n  padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-placeholder {\n  width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--overlay .svc-logic-placeholder {\n  width: initial;\n}\n\n.svc-logic-placeholder__text {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 400;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: center;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  display: block;\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logic-tab__leave-apply-button {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sl-list {\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sl-list .sv-list__filter {\n  padding-top: 0;\n}\n.sl-list .sv-list__filter-icon {\n  top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--dropdown-overlay .sv-list__filter {\n  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../../variables.scss\";\n\nsvc-tab-designer {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-tab-designer {\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n  overflow-y: scroll;\n  position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n  min-width: calcSize(84);\n}\n\n.svc-tab-designer {\n  .svc-designer-header {\n    .sd-container-modern__title {\n      background-color: transparent;\n    }\n  }\n\n  .svc-tab-designer_content {\n    width: 100%;\n  }\n\n  .sd-title {\n    display: flex;\n    &.sd-element__title--hidden {\n      display: none;\n    }\n  }\n\n  .sd-container-modern {\n    min-width: calcSize(70);\n    width: 100%;\n    box-sizing: border-box;\n    margin-left: auto;\n    margin-right: auto;\n\n    &.sd-container-modern--static {\n      max-width: calcSize(84);\n    }\n\n    &.sd-container-modern--responsive {\n      max-width: initial;\n    }\n  }\n\n  .sd-question.sd-question--image {\n    width: 100%;\n  }\n\n  .sd-progress,\n  .sd-progress__bar {\n    background-color: transparent;\n  }\n}\n\n.svc-designer-header {\n  border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n  display: flex;\n  flex-grow: 1;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: calcSize(2);\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.svc-designer-placeholder-page {\n  margin-top: calcSize(2);\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n  width: calcSize(33);\n  margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n  display: none;\n}","svc-tab-designer {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-tab-designer {\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n  overflow-y: scroll;\n  position: static;\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n  min-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer .svc-designer-header .sd-container-modern__title {\n  background-color: transparent;\n}\n.svc-tab-designer .svc-tab-designer_content {\n  width: 100%;\n}\n.svc-tab-designer .sd-title {\n  display: flex;\n}\n.svc-tab-designer .sd-title.sd-element__title--hidden {\n  display: none;\n}\n.svc-tab-designer .sd-container-modern {\n  min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--static {\n  max-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {\n  max-width: initial;\n}\n.svc-tab-designer .sd-question.sd-question--image {\n  width: 100%;\n}\n.svc-tab-designer .sd-progress,\n.svc-tab-designer .sd-progress__bar {\n  background-color: transparent;\n}\n\n.svc-designer-header {\n  border-bottom: 2px solid transparent;\n}\n\n.svc-designer__placeholder-container {\n  display: flex;\n  flex-grow: 1;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.svc-designer-placeholder-page {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-designer-placeholder-page .svc-page__footer {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: auto;\n}\n\n.svc-designer-placeholder-page .svc-row--ghost {\n  display: none;\n}","@import \"./variables.scss\";\n\n.svc-creator--mobile {\n  .svc-tab-designer {\n    overflow-y: overlay;\n  }\n\n  .sd-root-modern {\n    --sd-base-padding: calc(3 * #{$base-unit});\n    --sd-base-vertical-padding: calc(2 * #{$base-unit});\n    --sd-page-vertical-padding: calc(2 * #{$base-unit});\n  }\n\n  .svc-question__content {\n    .sd-question__content {\n      margin-left: calcSize(-3);\n      margin-right: calcSize(-3);\n      padding-left: calcSize(3);\n      padding-right: calcSize(3);\n\n      .sd-selectbase__column {\n        max-width: initial;\n        display: block;\n        margin-left: 0;\n      }\n    }\n\n    &>.svc-question__dropdown-choices--wrapper {\n      width: calc(100% + calcSize(6));\n      margin: 0 calcSize(-3);\n\n      &>div {\n        width: calc(100% - calcSize(6));\n        margin: 0 calcSize(3);\n      }\n    }\n  }\n  .svc-question__drag-area {\n    height: calcSize(3);\n  }\n  .svc-question__content--selected {\n    .svc-rating-question-controls {\n      bottom: calcSize(10);\n    }\n  }\n\n  .svc-page {\n    margin-top: calcSize(1);\n  }\n\n  .svc-page__content {\n    padding-left: 0;\n    padding-right: 0;\n    border: 0;\n\n    .sd-page__title {\n      margin: 0;\n    }\n\n    &.svc-page__content--selected {\n      .sd-page__title {\n        margin: calcSize(2.5) 0 0 0;\n      }\n    }\n\n    .sd-page {\n      padding: calcSize(1) calcSize(3) calcSize(3);\n    }\n\n    .svc-page__footer {\n      margin-left: calcSize(3);\n      margin-right: calcSize(3);\n    }\n  }\n\n  .svc-question__content {\n    padding: calcSize(2) calcSize(3) calcSize(3);\n\n    &.svc-question__content--selected {\n      padding-top: calcSize(3);\n      padding-bottom: calcSize(8);\n    }\n  }\n\n  .svc-tab-designer {\n    justify-content: initial;\n\n    .sd-title.sd-container-modern__title {\n      padding: calcSize(3);\n      flex-direction: column-reverse;\n      align-items: flex-start;\n\n      .svc-logo-image {\n        margin-top: 0;\n      }\n\n      .svc-logo-image-placeholder {\n        margin-left: calcSize(-2);\n        margin-top: calcSize(-2);\n      }\n\n      h3 {\n        margin: 0;\n        font-size: calcSize(3);\n        line-height: calcSize(4);\n      }\n\n      h5 {\n        margin: 0;\n      }\n    }\n  }\n\n  .svc-tab-designer {\n    .sd-container-modern {\n      min-width: calcSize(43);\n      padding: 0;\n    }\n  }\n\n  .svc-properties-wrapper {\n    width: 100%;\n  }\n\n  .svc-question__content-actions {\n    width: calc(100% - 3 * #{$base-unit});\n    left: calcSize(2);\n\n    .sv-action-bar-item {\n      border: 0;\n    }\n  }\n\n  .svc-page__content-actions {\n    .sv-action-bar {\n      padding-right: calcSize(1);\n\n      .sv-action {\n        .sv-action__content {\n          padding-right: 0;\n\n          .sv-action-bar-item__title--with-icon {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}",".svc-creator--mobile .svc-tab-designer {\n  overflow-y: overlay;\n}\n.svc-creator--mobile .sd-root-modern {\n  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-creator--mobile .svc-question__content .sd-question__content {\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column {\n  max-width: initial;\n  display: block;\n  margin-left: 0;\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper {\n  width: calc(100% + 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__drag-area {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {\n  bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content {\n  padding-left: 0;\n  padding-right: 0;\n  border: 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page__title {\n  margin: 0;\n}\n.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {\n  margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n.svc-creator--mobile .svc-page__content .sd-page {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-page__content .svc-page__footer {\n  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content.svc-question__content--selected {\n  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer {\n  justify-content: initial;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {\n  margin-top: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {\n  margin: 0;\n  font-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {\n  margin: 0;\n}\n.svc-creator--mobile .svc-tab-designer .sd-container-modern {\n  min-width: calc(43 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n}\n.svc-creator--mobile .svc-properties-wrapper {\n  width: 100%;\n}\n.svc-creator--mobile .svc-question__content-actions {\n  width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {\n  border: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar {\n  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {\n  padding-right: 0;\n}\n.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {\n  display: none;\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: $background-dim;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n\n  .sv-root-modern .sv-completedpage,\n  .sv_default_css .sv_completed_page {\n    margin: 0;\n    border: 0;\n    background-color: $background-dim;\n  }\n\n  .sv_default_css .sv_body {\n    border: 0;\n  }\n\n  .svc-preview__test-again {\n    width: calcSize(33);\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: calcSize(12);\n    margin-top: 8px;\n  }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n\n  .sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n    width: 100%;\n    position: absolute;\n  }\n\n  .sv-action-bar.sv-action-bar--pages {\n    left: 0;\n    right: 0;\n    justify-content: center;\n    gap: calcSize(1);\n\n    .sv-action__content {\n      padding: 0;\n    }\n\n    .sv-action-bar-item {\n      margin: 0;\n    }\n  }\n\n  .sv-action-bar-item {\n    @include smallBold;\n    width: 100%;\n    height: calcSize(4);\n  }\n\n  .svc-page-selector {\n    max-width: 50%;\n\n    .sv-action-bar-item__title {\n      @include textEllipsis;\n\n      color: $foreground;\n      display: inline-block;\n    }\n  }\n}","svc-tab-test {\n  width: 100%;\n  height: 100%;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  overflow-y: overlay;\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {\n  margin: 0;\n  border: 0;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {\n  border: 0;\n}\n.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {\n  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: 8px;\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-test-tab__content-actions {\n  position: relative;\n}\n.svc-test-tab__content-actions .sv-action-bar {\n  padding: 0;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n  position: absolute;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {\n  left: 0;\n  right: 0;\n  justify-content: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {\n  padding: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {\n  margin: 0;\n}\n.svc-test-tab__content-actions .sv-action-bar-item {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  width: 100%;\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-test-tab__content-actions .svc-page-selector {\n  max-width: 50%;\n}\n.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: inline-block;\n}","@import \"../../variables.scss\";\n\n.svc-switcher.spg-action-button {\n  align-items: center;\n  gap: calcSize(1);\n  pointer-events: auto;\n}\n\n.svc-switcher__title {\n  color: $foreground-light;\n\n  font-family: $font-family;\n  font-size: calcSize(1.5);\n  font-style: normal;\n  font-weight: 600;\n  line-height: calcSize(1);\n}\n\n.svc-switcher__icon {\n  width: calcSize(2.5);\n  padding: calcSize(0.5);\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px solid $border;\n  background: $background-dim;\n\n  transition-duration: 0.2s;\n  transition-property: background;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n  background: $background;\n}\n\n.svc-switcher__icon:focus {\n  border: calcSize(0.25) solid $primary;\n  background: $background-dim;\n}\n\n.svc-switcher__icon:hover:focus {\n  border: calcSize(0.25) solid $primary;\n  background: $background;\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n  justify-content: center;\n  align-items: center;\n  border: unset;\n\n  border-radius: 100px;\n  background-color: $primary;\n}\n\n.svc-switcher__icon--checked:focus {\n  border: calcSize(0.25) solid $primary;\n  background-color: $primary-foreground;\n}\n\n.svc-switcher__icon-thumb {\n  width: calcSize(1);\n  height: calcSize(1);\n  justify-content: center;\n  align-items: center;\n\n  border-radius: 100px;\n  background-color: $foreground-dim-light;\n\n  transform: translateX(0);\n  margin-left: 0%;\n  transition-duration: 0.2s;\n  transition-property: margin-left, transform, background-color;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n  background-color: $primary-foreground;\n  margin-left: 100%;\n  transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus,\n.svc-switcher__icon:hover:focus,\n.svc-switcher__icon--checked:focus {\n  .svc-switcher__icon-thumb {\n    background-color: $primary;\n  }\n}\n",".svc-switcher.spg-action-button {\n  align-items: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  pointer-events: auto;\n}\n\n.svc-switcher__title {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-switcher__icon {\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  transition-duration: 0.2s;\n  transition-property: background;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon:focus {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-switcher__icon:hover:focus {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n  justify-content: center;\n  align-items: center;\n  border: unset;\n  border-radius: 100px;\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-switcher__icon--checked:focus {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.svc-switcher__icon-thumb {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  transform: translateX(0);\n  margin-left: 0%;\n  transition-duration: 0.2s;\n  transition-property: margin-left, transform, background-color;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  margin-left: 100%;\n  transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,\n.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}","@import \"../variables.scss\";\n\n.svc-notifier.svc-notifier--shown {\n  visibility: visible;\n  opacity: 0.75;\n}\n.svc-notifier {\n  position: absolute;\n  bottom: calcSize(1);\n  left: calcSize(1);\n  background: $background;\n  opacity: 0;\n  padding: calcSize(1) calcSize(2);\n  box-shadow: $shadow-medium;\n  border-radius: calcSize(0.5);\n  color: $foreground;\n  min-width: calcSize(30);\n  text-align: center;\n  z-index: 1600; //todo: should overlap popup\n\n  visibility: hidden;\n\n  @include smallBold;\n}\n\n.svc-notifier.svc-notifier--error {\n  background-color: $red;\n  color: #ffffff;\n  opacity: 1;\n}\n\n.svc-creator--mobile {\n  .svc-notifier {\n    left: 0;\n    bottom: calcSize(6);\n    width: 100%;\n    box-sizing: border-box;\n    opacity: 1;\n    z-index: 1000;\n  }\n}",".svc-btn {\n  display: flex;\n  align-items: center;\n  height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n}\n.svc-btn .svc-text {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-btn:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.svc-btn:focus {\n  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button {\n  display: inline-block;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  outline: none;\n}\n\n.svc-action-button--selected {\n  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-action-button--disabled {\n  opacity: 0.25;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}","@import \"../variables.scss\";\n@import \"./notifier.scss\";\n\nsurvey-creator,\n.svc-creator {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  -webkit-font-smoothing: antialiased;\n\n  @-moz-document url-prefix() {\n    scrollbar-width: thin;\n    scrollbar-color: $border transparent;\n  }\n\n  ::-webkit-scrollbar {\n    width: 12px;\n    height: 12px;\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border: 4px solid rgba(0, 0, 0, 0);\n    background-clip: padding-box;\n    border-radius: 32px;\n    background-color: $border;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    border: 2px solid rgba(0, 0, 0, 0);\n    background-color: $foreground-light;\n  }\n}\n\n.svc-creator__area {\n  position: relative;\n\n  @include disableUserSelect;\n}\n\n.svc-creator__content-wrapper {\n  width: 100%;\n  height: 0;\n  flex-grow: 1;\n}\n\n\n\n.svc-creator__content-holder {\n  width: 100%;\n  height: 100%;\n}\n\n.svc-creator-tab {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  min-height: $tab-min-height;\n}\n\n.svc-creator__toolbox--right.svc-creator-tab {\n  flex-direction: row-reverse;\n}\n\n.svc-creator-tab__content {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n}\n\n.svc-plugin-tab__content {\n  height: 100%;\n  overflow-y: auto;\n}\n\n.svc-plugin-tab__content-actions {\n  sv-action-bar {\n    padding: 0;\n    height: calc(6 * #{$base-unit});\n    background: $background;\n    border-top: 1px solid $border;\n  }\n}\n\n.svc-creator__banner {\n  width: 100%;\n  line-height: calcSize(4);\n  background-color: $secondary;\n  text-align: center;\n}\n\n.svc-item__banner {\n  position: relative;\n  max-width: 0;\n  overflow: hidden;\n  height: 100%;\n  background-color: $background;\n  /* Shadow / Medium */\n  border-radius: calcSize(12.5);\n  box-shadow: $shadow-medium;\n  transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;\n}\n\n.svc-creator__non-commercial-text {\n  color: $primary-foreground;\n  @include defaultBold;\n  vertical-align: middle;\n  padding: calcSize(1.5) calcSize(16);\n  display: block;\n\n  a {\n    color: $primary-foreground;\n  }\n}\n\n.svc-creator--mobile {\n  .svc-creator__non-commercial-text {\n    padding: calcSize(1.5) calcSize(5);\n  }\n}\n\n.sv-drag-drop-ghost {\n  top: calcSize(0.75);\n  width: 100%;\n  height: calcSize(0.5);\n  background: $secondary;\n  position: absolute;\n}\n\n.sv-drag-drop-ghost--vertical {\n  height: 10000px;\n  width: 4px;\n}\n\n.sv-drag-drop-ghost--item-value-bottom {\n  top: initial;\n  bottom: calcSize(-0.5);\n}","@import \"../variables.scss\";\n\n.sd-element__header {\n  .svc-string-editor {\n    display: inline-block;\n    max-width: 100%;\n  }\n}\n\n.svc-string-editor {\n  position: static;\n\n  [contenteditable=\"true\"] {\n    user-select: text;\n    -webkit-user-select: text;\n  }\n\n  .sv-string-editor {\n    position: relative;\n    outline: none;\n    z-index: 12;\n\n    &[aria-placeholder]:empty:before {\n      content: attr(aria-placeholder);\n      color: $foreground-light;\n    }\n  }\n\n  .sv-string-editor--html,\n  .sv-string-editor:focus-within {\n    white-space: pre-wrap;\n  }\n\n  &.svc-string-editor--hidden {\n    display: none;\n  }\n}\n\n.svc-string-editor__content {\n  display: inline-block;\n  position: relative;\n  z-index: 10;\n  width: 100%;\n}\n\n.svc-matrix-cell {\n  .svc-string-editor__content {\n    width: auto;\n  }\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n  display: inline-block;\n}\n\n.svc-string-editor__input {\n  display: flex;\n}\n\n.svc-remaining-character-counter {\n  display: none;\n  position: relative;\n  outline: none;\n  z-index: 20;\n  padding: 0px;\n  vertical-align: top;\n  margin-inline-start: calcSize(2);\n  font-size: calcSize(1.5);\n  font-family: $font-family;\n  font-weight: 400;\n  color: $foreground-light;\n  line-height: calcSize(2);\n}\n\n.svc-string-editor__border {\n  display: none;\n  position: absolute;\n  z-index: 11;\n  display: flex;\n  align-items: center;\n  justify-content: right;\n  line-height: 0px;\n}\n\n.svc-string-editor__error {\n  margin-left: calcSize(1);\n  line-height: calcSize(4);\n  font-size: calcSize(2);\n  color: red;\n  display: none;\n}\n\n.svc-string-editor__controls {\n  position: absolute;\n  left: 100%;\n  height: 100%;\n  width: calcSize(2);\n  top: 0;\n  padding-left: calcSize(2);\n  z-index: 12;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  line-height: 0px;\n}\n\n.svc-string-editor__button {\n  display: none;\n  position: relative;\n\n  use {\n    fill: $primary;\n  }\n}\n\n.svc-string-editor__button--edit {\n  height: calcSize(2);\n  width: calcSize(2);\n  padding: calcSize(1);\n\n  .sv-svg-icon {\n    vertical-align: bottom;\n  }\n\n  &.sv-svg-icon {\n    overflow: visible;\n  }\n}\n\n.svc-string-editor:hover:not(:focus-within) {\n  .svc-string-editor__button--edit {\n    //display: inline-block;\n    display: none;\n  }\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n  .svc-string-editor__border {\n    display: flex;\n    top: 0;\n    bottom: 0;\n    left: calcSize(-0.5);\n    right: calcSize(-0.5);\n    //right: calcSize(-4.5); // if need pencil icon\n    border-radius: 3px;\n    box-shadow: 0px 0px 0px calcSize(0.25) rgba(0, 0, 0, 0.16);\n  }\n}\n\n.svc-string-editor:focus-within {\n  .svc-string-editor__border {\n    display: flex;\n    top: calcSize(-0.5);\n    bottom: calcSize(-0.5);\n    left: calcSize(-1);\n    right: calcSize(-1);\n    border-radius: 3px;\n    box-sizing: content-box;\n    background-color: $background;\n    box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $primary;\n  }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n  .svc-string-editor__border {\n    box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $red;\n  }\n}\n\n.sd-boolean {\n  .sv-string-editor:focus-within {\n    white-space: nowrap;\n  }\n}\n\n.sd-rating {\n  .sd-rating__item:focus-within {\n    &:not(.sd-rating__min-text),\n    &:not(.sd-rating__max-text) {\n      .svc-string-editor:focus-within {\n        .svc-string-editor__border {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n  .svc-string-editor__button--done {\n    width: calcSize(2);\n  }\n}\n\n.sd-table__cell--column-title {\n  .svc-matrix-cell:not(:focus):focus-within {\n    .svc-matrix-cell--selected {\n      border: calcSize(0.25) solid $primary;\n      border-radius: calcSize(0.5);\n      display: block;\n    }\n  }\n\n  .svc-string-editor:focus-within {\n    .svc-string-editor__border {\n      display: none;\n    }\n  }\n}\n\n.sd-item__control-label {\n  .svc-string-editor:focus-within {\n    .svc-string-editor__border {\n      left: calcSize(-0.7);\n      right: calcSize(-0.7);\n    }\n  }\n}\n\n.svc-string-editor {\n\n  &:hover,\n  &:focus-within {\n    &~.sd-question__required-text {\n      visibility: hidden;\n    }\n  }\n}\n\n// .sv-question__header,\n// .sv-title {\n//   position: relative;\n// }\n.svc-string-editor--multiline .sv-string-editor {\n  white-space: pre-wrap;\n}",".sd-element__header .svc-string-editor {\n  display: inline-block;\n  max-width: 100%;\n}\n\n.svc-string-editor {\n  position: static;\n}\n.svc-string-editor [contenteditable=true] {\n  user-select: text;\n  -webkit-user-select: text;\n}\n.svc-string-editor .sv-string-editor {\n  position: relative;\n  outline: none;\n  z-index: 12;\n}\n.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {\n  content: attr(aria-placeholder);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-string-editor .sv-string-editor--html,\n.svc-string-editor .sv-string-editor:focus-within {\n  white-space: pre-wrap;\n}\n.svc-string-editor.svc-string-editor--hidden {\n  display: none;\n}\n\n.svc-string-editor__content {\n  display: inline-block;\n  position: relative;\n  z-index: 10;\n  width: 100%;\n}\n\n.svc-matrix-cell .svc-string-editor__content {\n  width: auto;\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n  display: inline-block;\n}\n\n.svc-string-editor__input {\n  display: flex;\n}\n\n.svc-remaining-character-counter {\n  display: none;\n  position: relative;\n  outline: none;\n  z-index: 20;\n  padding: 0px;\n  vertical-align: top;\n  margin-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-weight: 400;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor__border {\n  display: none;\n  position: absolute;\n  z-index: 11;\n  display: flex;\n  align-items: center;\n  justify-content: right;\n  line-height: 0px;\n}\n\n.svc-string-editor__error {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: red;\n  display: none;\n}\n\n.svc-string-editor__controls {\n  position: absolute;\n  left: 100%;\n  height: 100%;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: 0;\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 12;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  line-height: 0px;\n}\n\n.svc-string-editor__button {\n  display: none;\n  position: relative;\n}\n.svc-string-editor__button use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor__button--edit {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-string-editor__button--edit .sv-svg-icon {\n  vertical-align: bottom;\n}\n.svc-string-editor__button--edit.sv-svg-icon {\n  overflow: visible;\n}\n\n.svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {\n  display: none;\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {\n  display: flex;\n  top: 0;\n  bottom: 0;\n  left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 3px;\n  box-shadow: 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0.16);\n}\n\n.svc-string-editor:focus-within .svc-string-editor__border {\n  display: flex;\n  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 3px;\n  box-sizing: content-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-boolean .sv-string-editor:focus-within {\n  white-space: nowrap;\n}\n\n.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border, .sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {\n  display: none;\n}\n\n.sd-table__cell--actions .svc-string-editor__button--done,\n.sd-matrixdynamic__add-btn .svc-string-editor__button--done {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n}\n.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {\n  display: none;\n}\n\n.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {\n  left: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-string-editor:hover ~ .sd-question__required-text, .svc-string-editor:focus-within ~ .sd-question__required-text {\n  visibility: hidden;\n}\n\n.svc-string-editor--multiline .sv-string-editor {\n  white-space: pre-wrap;\n}",".svc-btn {\n  display: flex;\n  align-items: center;\n  height: calcSize(7);\n  line-height: calcSize(7);\n  vertical-align: baseline;\n  text-align: center;\n  background-color: $background;\n  box-shadow: $shadow-small;\n  border-radius: calcSize(0.5);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calcSize(0.25) transparent;\n\n  .svc-text {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\n    color: $primary;\n  }\n}\n\n.svc-btn:hover {\n  background-color: $background-dark;\n}\n.svc-btn:focus {\n  box-shadow: 0 0 0 2px $primary;\n}\n",".svc-action-button {\n  display: inline-block;\n\n  padding: calcSize(0.5) calcSize(2);\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n\n  color: $primary;\n  font-weight: 600;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n\n  border: calcSize(0.25) solid transparent;\n\n  &:focus,\n  &:hover {\n    background-color: $primary-light;\n    outline: none;\n  }\n}\n\n.svc-action-button--selected {\n  border-color: $primary;\n}\n\n.svc-action-button--disabled {\n  opacity: 0.25;\n  color: $foreground;\n}\n\n.svc-action-button--pressed {\n}\n","@import \"../../variables.scss\";\n\nsvc-page-navigator,\n.svc-page-navigator {\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n  display: block;\n  height: calcSize(3);\n  width: calcSize(3);\n  padding: calcSize(1.25);\n  border-radius: 50%;\n  cursor: pointer;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.svc-page-navigator__selector {\n  width: calcSize(5.5);\n  height: calcSize(5.5);\n  min-height: calcSize(5.5);\n}\n\nsurvey-creator,\n.svc-creator {\n  .svc-page-navigator__selector {\n\n    &:hover,\n    &:focus {\n      outline: none;\n\n      .svc-page-navigator__navigator-icon {\n        background-color: $primary-light;\n\n        use {\n          fill: $primary;\n        }\n      }\n    }\n  }\n}\n\n.svc-page-navigator__selector--opened {\n  .svc-page-navigator__navigator-icon {\n    background-color: $primary-light;\n    opacity: 0.5;\n\n    use {\n      fill: $primary;\n    }\n  }\n}\n\n.svc-page-navigator__popup {\n  min-width: calcSize(12.5);\n}\n\n.svc-tab-designer--with-page-navigator {\n  .svc-tab-designer_content {\n    margin-right: calcSize(6.5);\n    width: calc(100% - calcSize(6.5));\n  }\n}\n\n.svc-tab-designer__page-navigator {\n  position: absolute;\n  padding: calcSize(16.5) 0;\n  top: 0;\n  bottom: 0;\n  right: calcSize(1);\n}\n\n.svc-page-navigator {\n  width: calcSize(5.5);\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n  .svc-tab-designer--with-page-navigator {\n    .svc-tab-designer_content {\n      margin-right: 0;\n      margin-left: calcSize(6.5);\n    }\n  }\n\n  .svc-tab-designer__page-navigator {\n    right: unset;\n    left: calcSize(1);\n  }\n}\n\n.svc-tab-designer--bypage-mode {\n  .svc-tab-designer_content {\n    display: flex;\n    flex-direction: row;\n    margin-right: 0;\n    margin-left: 0;\n    width: 100%;\n  }\n\n  .svc-tab-designer__page-navigator {\n    position: relative;\n    top: auto;\n    right: auto;\n    bottom: auto;\n  }\n}","svc-page-navigator,\n.svc-page-navigator {\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-page-navigator__navigator-icon {\n  display: block;\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 50%;\n  cursor: pointer;\n}\n.svc-page-navigator__navigator-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-page-navigator__selector {\n  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\nsurvey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus,\n.svc-creator .svc-page-navigator__selector:hover,\n.svc-creator .svc-page-navigator__selector:focus {\n  outline: none;\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\nsurvey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,\n.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  opacity: 0.5;\n}\n.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator__popup {\n  min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n  margin-right: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tab-designer__page-navigator {\n  position: absolute;\n  padding: calc(16.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  top: 0;\n  bottom: 0;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-page-navigator {\n  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[dir=rtl] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction:rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,\n[style*=\"direction: rtl\"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content {\n  margin-right: 0;\n  margin-left: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-tab-designer__page-navigator,\n[dir=rtl] .svc-tab-designer__page-navigator,\n[style*=\"direction:rtl\"] .svc-tab-designer__page-navigator,\n[style*=\"direction: rtl\"] .svc-tab-designer__page-navigator {\n  right: unset;\n  left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-tab-designer--bypage-mode .svc-tab-designer_content {\n  display: flex;\n  flex-direction: row;\n  margin-right: 0;\n  margin-left: 0;\n  width: 100%;\n}\n.svc-tab-designer--bypage-mode .svc-tab-designer__page-navigator {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n}","@import \"../../variables.scss\";\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n  display: block;\n  width: calcSize(5.5);\n  height: calcSize(4.5);\n  min-height: calcSize(4.5);\n  cursor: pointer;\n  position: relative;\n}\n\n.svc-page-navigator-item-content {\n  height: 100%;\n  width: 100%;\n\n  &:hover,\n  &:focus {\n    outline: none;\n  }\n}\n\n.svc-page-navigator__items--up {\n  .svc-page-navigator-item-content {\n    transition: 0.25s ease-in-out;\n    transform: translateY(-100%);\n  }\n\n  svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n    opacity: 0;\n  }\n}\n\n.svc-page-navigator__items--down {\n  .svc-page-navigator-item-content {\n    transition: 0.25s ease-in-out;\n    transform: translateY(100%);\n  }\n\n  svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n    opacity: 0;\n  }\n}\n\n.svc-page-navigator-item__dot {\n  box-sizing: content-box;\n  position: absolute;\n  border-radius: 50%;\n  width: 6px;\n  height: 6px;\n  right: calc(50% - 6px / 2);\n  top: calc(50% - 6px / 2);\n  background: $border;\n}\n\n.svc-page-navigator-item--selected {\n  .svc-page-navigator-item__dot {\n    width: calcSize(1);\n    height: calcSize(1);\n    right: calc(50% - 1.5 * #{$base-unit} / 2);\n    top: calc(50% - 1.5 * #{$base-unit} / 2);\n    background: $background;\n    border: calcSize(0.25) solid $primary;\n  }\n}\n\n.svc-page-navigator-item__banner {\n  @include textEllipsis;\n\n  right: calcSize(0.5);\n  display: flex;\n  align-items: center;\n  line-height: calcSize(4);\n  animation: 0.5s ease-in;\n  padding: 0;\n  opacity: 0;\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: $background;\n  border-radius: calcSize(12.5);\n  box-shadow: $shadow-medium;\n  transition:\n    max-width 0.1s ease-in-out,\n    padding 0.2s ease-in-out;\n\n  .svc-page-navigator-item__dot {\n    position: absolute;\n    display: inline-block;\n    top: calcSize(1.75);\n    right: calcSize(1.75);\n  }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n  .svc-page-navigator-item__banner {\n    right: unset;\n    left: calc(0.625 * var(--base-unit, 8px));\n\n    .svc-page-navigator-item__dot {\n      right: unset;\n      left: calcSize(1.75);\n    }\n  }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) {\n  .svc-page-navigator-item__banner {\n    .svc-page-navigator-item__dot {\n      width: calcSize(1);\n      height: calcSize(1);\n      border: none;\n      background: $primary;\n    }\n  }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n  .svc-page-navigator-item__banner {\n    padding: 0 calcSize(4.5) 0 calcSize(2.5);\n    max-width: calcSize(25);\n    opacity: 1;\n  }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n\n  .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n  .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n    .svc-page-navigator-item__banner {\n      padding: 0 calcSize(2.5) 0 calcSize(4.5);\n    }\n  }\n}\n\n.svc-page-navigator-item--disabled {\n  .svc-page-navigator-item__banner {\n    color: $foreground;\n    opacity: 0.25;\n  }\n}","svc-page-navigator-item,\n.svc-page-navigator-item {\n  display: block;\n  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n  position: relative;\n}\n\n.svc-page-navigator-item-content {\n  height: 100%;\n  width: 100%;\n}\n.svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {\n  outline: none;\n}\n\n.svc-page-navigator__items--up .svc-page-navigator-item-content {\n  transition: 0.25s ease-in-out;\n  transform: translateY(-100%);\n}\n.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n  opacity: 0;\n}\n\n.svc-page-navigator__items--down .svc-page-navigator-item-content {\n  transition: 0.25s ease-in-out;\n  transform: translateY(100%);\n}\n.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n  opacity: 0;\n}\n\n.svc-page-navigator-item__dot {\n  box-sizing: content-box;\n  position: absolute;\n  border-radius: 50%;\n  width: 6px;\n  height: 6px;\n  right: calc(50% - 3px);\n  top: calc(50% - 3px);\n  background: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-page-navigator-item--selected .svc-page-navigator-item__dot {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n  top: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item__banner {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: center;\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation: 0.5s ease-in;\n  padding: 0;\n  opacity: 0;\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n  transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;\n}\n.svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n  position: absolute;\n  display: inline-block;\n  top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner {\n  right: unset;\n  left: calc(0.625 * var(--base-unit, 8px));\n}\n.svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[dir=rtl] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction:rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,\n[style*=\"direction: rtl\"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n  right: unset;\n  left: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  border: none;\n  background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n  padding: 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n}\n\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction:rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,\n[style*=\"direction: rtl\"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {\n  padding: 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}","@import \"../variables.scss\";\n\nsvc-page {\n  display: block;\n}\n\n.svc-page {\n  margin-top: calcSize(2);\n\n  .sd-page__title {\n    margin: calcSize(2.5) 0 0 0;\n  }\n}\n\n.svc-page__content {\n  position: relative;\n  border-radius: calcSize(1);\n  padding: calcSize(1) calcSize(0) calcSize(3);\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n\n  .sd-page {\n    margin: 0;\n    padding: calcSize(1) calcSize(3) calcSize(2);\n  }\n}\n\n.svc-page__content-actions {\n  position: absolute;\n  display: none;\n  top: calcSize(1);\n  inset-inline-end: 0; // right\n  padding: 0 calcSize(1.5);\n  z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n  background: $secondary-backcolor-semi-light;\n}\n\n.svc-creator .svc-page .svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus,\n.svc-hovered {\n  &.svc-page__content--selected {\n    box-shadow: 0 0 0 2px inset $secondary;\n    background: $secondary-backcolor-semi-light;\n\n    .svc-page__content-actions {\n      display: block;\n    }\n  }\n}\n\n.svc-page__footer {\n  overflow: visible;\n  margin-left: calcSize(3);\n  margin-right: calcSize(3);\n  gap: calcSize(2);\n\n  .sv-action {\n    flex: 1 1 0;\n  }\n\n  .svc-btn {\n    flex-grow: 1;\n    border: none;\n  }\n}\n\n.svc-page__add-new-question {\n  .svc-text {\n    margin-left: calcSize(6);\n  }\n}\n\n.svc-page__add-new-question {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\n  appearance: none;\n  display: flex;\n  height: calcSize(5);\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  border-radius: 2px;\n  background-color: transparent;\n  cursor: pointer;\n  margin-inline-end: calcSize(1); // margin-right\n  outline: none;\n\n  use {\n    fill: $foreground-light;\n  }\n\n  &:hover {\n    background-color: $background-dim;\n  }\n\n  &:focus {\n    background-color: $primary-light;\n  }\n}\n\n.svc-page--drag-over-empty:after {\n  content: \" \";\n  position: absolute;\n  background: $secondary;\n  left: calcSize(3);\n  bottom: calcSize(11.5);\n  width: calc(100% - 48px);\n  height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n  bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n  min-width: auto;\n  max-width: 100%;\n  padding: 0 calcSize(3) calcSize(2);\n\n  .svc-panel__placeholder_frame {\n    padding: calcSize(6) calcSize(8);\n    height: auto;\n  }\n}\n\n.svc-page__add-new-question,\n.svc-question__adorner {\n  .sv-list__item.sv-list__item--disabled {\n    opacity: 0.25;\n    pointer-events: none;\n  }\n\n  .sv-popup--overlay {\n    .sv-list-item__marker-icon {\n      display: none;\n    }\n\n    .sv-list__item-body {\n      pointer-events: none;\n    }\n\n    .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {\n      background-color: $primary;\n      color: $primary-foreground;\n      font-weight: 600;\n    }\n\n    .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {\n      fill: $background;\n    }\n  }\n}\n","svc-page {\n  display: block;\n}\n\n.svc-page {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page .sd-page__title {\n  margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;\n}\n\n.svc-page__content {\n  position: relative;\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n}\n.svc-page__content .sd-page {\n  margin: 0;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__content-actions {\n  position: absolute;\n  display: none;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  inset-inline-end: 0;\n  padding: 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 1;\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,\n.svc-hovered.svc-page__content--selected {\n  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,\n.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,\n.svc-hovered.svc-page__content--selected .svc-page__content-actions {\n  display: block;\n}\n\n.svc-page__footer {\n  overflow: visible;\n  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__footer .sv-action {\n  flex: 1 1 0;\n}\n.svc-page__footer .svc-btn {\n  flex-grow: 1;\n  border: none;\n}\n\n.svc-page__add-new-question .svc-text {\n  margin-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-page__add-new-question {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.svc-page__question-type-selector {\n  appearance: none;\n  display: flex;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: 2px;\n  background-color: transparent;\n  cursor: pointer;\n  margin-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n  outline: none;\n}\n.svc-page__question-type-selector use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-page__question-type-selector:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-page__question-type-selector:focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-page--drag-over-empty:after {\n  content: \" \";\n  position: absolute;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  bottom: calc(11.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 48px);\n  height: 2px;\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n  bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n  min-width: auto;\n  max-width: 100%;\n  padding: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-page__placeholder_frame .svc-panel__placeholder_frame {\n  padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n}\n\n.svc-page__add-new-question .sv-list__item.sv-list__item--disabled,\n.svc-question__adorner .sv-list__item.sv-list__item--disabled {\n  opacity: 0.25;\n  pointer-events: none;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list-item__marker-icon,\n.svc-question__adorner .sv-popup--overlay .sv-list-item__marker-icon {\n  display: none;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list__item-body,\n.svc-question__adorner .sv-popup--overlay .sv-list__item-body {\n  pointer-events: none;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body,\n.svc-question__adorner .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n.svc-page__add-new-question .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use,\n.svc-question__adorner .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}","@import \"../variables.scss\";\n\n.svc-row {\n  width: 100%;\n  position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n  min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n  overflow: auto;\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  flex-wrap: nowrap;\n  margin-top: 0;\n  padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calcSize(2);\n  padding-bottom: 2px;\n  margin-right: calcSize(-2);\n  margin-bottom: -2px;\n\n  .sd-row--multiple {\n    overflow: unset;\n  }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n  padding: calcSize(0);\n  box-shadow: none;\n  border-radius: 0;\n  padding: 2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n  margin: -2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n  width: 100%;\n  & > div {\n    padding: 0;\n  }\n}\n\n.svc-row.svc-row--ghost {\n  .svc-question__content {\n    padding: 0;\n    border: none;\n    box-shadow: none;\n  }\n\n  .sd-row {\n    height: calcSize(4);\n  }\n\n  &:last-child .sd-row {\n    height: initial;\n    margin-top: calcSize(2);\n    margin-bottom: calcSize(2);\n  }\n\n  & + .svc-row {\n    .sd-page__row {\n      margin-top: 0;\n    }\n  }\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost {\n  .sd-row {\n    height: initial;\n    margin-top: calcSize(2);\n    margin-bottom: calcSize(2);\n  }\n}\n\n.svc-row--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  top: 6px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  bottom: -10px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n  .svc-row--drag-over-top:before {\n    top: -4px;\n\n    &:first-child {\n    }\n  }\n\n  .svc-row--drag-over-bottom:after {\n    bottom: -4px;\n\n    &:last-child {\n    }\n  }\n}\n.svc-row {\n  @include disableAnimations;\n}\n",".svc-row {\n  width: 100%;\n  position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n  min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-row .sd-row.sd-row--multiple {\n  overflow: auto;\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  flex-wrap: nowrap;\n  margin-top: 0;\n  padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: 2px;\n  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: -2px;\n}\n.svc-row .sd-row.sd-row--multiple .sd-row--multiple {\n  overflow: unset;\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n  padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: none;\n  border-radius: 0;\n  padding: 2px;\n  margin: -2px;\n  width: 100%;\n}\n.sd-panel .svc-row .sd-row--multiple > div {\n  padding: 0;\n}\n\n.svc-row.svc-row--ghost .svc-question__content {\n  padding: 0;\n  border: none;\n  box-shadow: none;\n}\n.svc-row.svc-row--ghost .sd-row {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-row.svc-row--ghost:last-child .sd-row {\n  height: initial;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-row.svc-row--ghost + .svc-row .sd-page__row {\n  margin-top: 0;\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {\n  height: initial;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-row--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: 6px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-row--drag-over-bottom:after {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  bottom: -10px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel .svc-row--drag-over-top:before,\n.sd-panel__content .svc-row--drag-over-top:before {\n  top: -4px;\n}\n.svc-question__content--panel .svc-row--drag-over-bottom:after,\n.sd-panel__content .svc-row--drag-over-bottom:after {\n  bottom: -4px;\n}\n.svc-row .sd-row--fade-out,\n.svc-row .sd-row--fade-in {\n  animation: none;\n}\n.svc-row .sd-element-wrapper--fade-out,\n.svc-row .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.svc-row .sd-element__content--fade-in,\n.svc-row .sd-element__content--fade-out {\n  animation: none;\n}\n.svc-row .sd-paneldynamic__panel-wrapper--fade-in,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-out,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-out-left,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-out-right,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-in-left,\n.svc-row .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.svc-row .sd-table__row--fade-out,\n.svc-row .sd-table__row--fade-in {\n  animation: none;\n}","@import \"../variables.scss\";\n\n.svc-carry-forward-panel-wrapper {\n  width: 100%;\n  container-type: inline-size;\n}\n.svc-carry-forward-panel {\n  box-sizing: border-box;\n  width: 100%;\n  padding: calcSize(4) calcSize(8);\n  border-radius: calcSize(1);\n  background-color: #F8F8F8;\n  text-align: center;\n  font-weight: 400;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  color: rgba(0, 0, 0, 0.45);\n}\n  \n@container (max-width: #{$sd-panel-medium-min-width}) {\n    .svc-carry-forward-panel {\n      display: none;\n    }\n  }\n  \n@container (max-width: #{$sd-panel-normal-min-width}) {\n    .svc-carry-forward-panel {\n      padding: calcSize(4) calcSize(3);\n    }\n}\n.svc-carry-forward-panel__link {\n  .svc-action-button {\n    padding: 0;\n    border: none;\n    font-weight: inherit;\n    color: inherit;\n    text-decoration: underline;\n    cursor: pointer;\n    &:hover,\n    &:focus {\n      background-color: transparent;\n    }\n  }\n}",".svc-carry-forward-panel-wrapper {\n  width: 100%;\n  container-type: inline-size;\n}\n\n.svc-carry-forward-panel {\n  box-sizing: border-box;\n  width: 100%;\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  background-color: #F8F8F8;\n  text-align: center;\n  font-weight: 400;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: rgba(0, 0, 0, 0.45);\n}\n\n@container (max-width: 176px) {\n  .svc-carry-forward-panel {\n    display: none;\n  }\n}\n@container (max-width: 496px) {\n  .svc-carry-forward-panel {\n    padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n.svc-carry-forward-panel__link .svc-action-button {\n  padding: 0;\n  border: none;\n  font-weight: inherit;\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.svc-carry-forward-panel__link .svc-action-button:hover, .svc-carry-forward-panel__link .svc-action-button:focus {\n  background-color: transparent;\n}\n\nsvc-question {\n  display: block;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  right: 1px;\n  bottom: 1px;\n}\n\n.svc-question__adorner {\n  position: relative;\n  height: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n}\n.svc-question__adorner .sv-action-bar {\n  overflow: visible;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {\n  border: none;\n}\n.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {\n  opacity: 0.5;\n  background-color: var(--background-dim, #f3f3f3);\n}\n\n.svc-question__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  width: 100%;\n  height: auto;\n  flex-grow: 1;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  outline: none;\n}\n\n.svc-question__content .sd-selectbase:not(.sd-imagepicker) {\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {\n  overflow-x: visible;\n  padding-left: 0;\n  margin-left: 0;\n}\n.svc-question__content .sd-question.sd-question--table {\n  overflow-x: initial;\n}\n.svc-question__content .sd-multipletext__item-title {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.svc-question__content .sjs_sp_placeholder {\n  user-select: all;\n  pointer-events: all;\n}\n\n.svc-question__content > div,\n.svc-question__placeholders > div {\n  overflow: visible;\n}\n\n.svc-question__content .sd-question:not(.sd-question--paneldynamic) .sd-panel__content {\n  overflow: auto;\n}\n.svc-question__content .sd-question:not(.sd-question--paneldynamic) .sd-table__cell--detail-panel .sd-panel__content {\n  overflow: unset;\n}\n\n.svc-panel__placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  text-wrap: wrap;\n  text-align: center;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-style: normal;\n  font-weight: 400;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content-actions {\n  position: absolute;\n  opacity: 0;\n  bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-inline-end: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions:focus-within {\n  opacity: 1;\n}\n.svc-question__content-actions .sv-action--convertTo {\n  max-width: max-content;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item--icon {\n  max-width: 100%;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title {\n  display: inline-block;\n  justify-content: left;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title::after {\n  content: \" \";\n  display: inline-block;\n  margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: bottom;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:not(:last-child) {\n  display: none;\n}\n.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n}\n.svc-question__content-actions .sv-action--convertTo.sv-action--hidden {\n  min-width: 0;\n}\n.svc-question__content-actions .sv-action--convertTo-last {\n  margin-inline-end: auto;\n}\n.svc-question__content-actions .svc-action-bar-item--right:first-of-type {\n  margin-inline-start: auto;\n}\n.svc-question__content-actions .sv-dots {\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden {\n  width: 0;\n  margin: 0;\n}\n.svc-question__content-actions .sv-dots.sv-action--hidden .sv-action__content {\n  display: none;\n}\n.svc-question__content-actions .sv-dots .sv-dots__item {\n  margin-left: 0;\n}\n.svc-question__content-actions .sv-dots__item use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {\n  opacity: 1;\n}\n\n.svc-question__content--dragged {\n  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.svc-question__content--dragged .sd-question__title {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content--dragged.svc-question__content--selected .svc-question__content-actions {\n  display: none;\n}\n\n.svc-question__content .sd-question.sd-question--table {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-dragged-element-shortcut {\n  height: auto;\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.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: grabbing;\n  position: absolute;\n  z-index: 1000;\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: content-box;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-dragged-element-shortcut--selected {\n  border: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-dragged-element-shortcut__text {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-dragged-element-shortcut--has-icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-dragged-element-shortcut--has-icon .svc-dragged-element-shortcut__text {\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-dragged-element-shortcut__icon {\n  position: absolute;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,\n.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {\n  opacity: 1;\n}\n\n.svc-question__content--drag-over-left:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n  content: \" \";\n  position: absolute;\n  right: -9px;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.sd-panel .svc-question__content--drag-over-left:before {\n  left: -6px;\n}\n.sd-panel .svc-question__content--drag-over-right:after {\n  right: -6px;\n}\n\n.svc-question__content--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  top: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  bottom: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,\n.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {\n  margin-left: 8px;\n  width: calc(100% - 8px);\n}\n.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,\n.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {\n  margin-right: 8px;\n  width: calc(100% - 8px);\n}\n.svc-question__content--panel .svc-question__content--drag-over-top:before,\n.sd-panel__content .svc-question__content--drag-over-top:before {\n  top: -6px;\n}\n.svc-question__content--panel .svc-question__content--drag-over-bottom:before,\n.sd-panel__content .svc-question__content--drag-over-bottom:before {\n  bottom: -6px;\n}\n\n.svc-question__content-actions .sv-action-bar {\n  box-sizing: border-box;\n  padding: 0;\n  justify-content: center;\n}\n\nsvc-question sv-action-bar,\nsvc-question .sv-action-bar,\n.svc-question sv-action-bar,\n.svc-question .sv-action-bar {\n  padding: 0;\n}\n\n.svc-panel__edge {\n  position: absolute;\n  border: 1px solid orange;\n  height: 10px;\n  width: 100%;\n}\n\n.svc-panel__edge--top {\n  top: 0;\n}\n\n.svc-panel__edge--bottom {\n  bottom: 0;\n}\n\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n  height: 100%;\n  overflow: hidden;\n  min-width: 4px;\n}\n.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {\n  border: 0;\n  padding: 0;\n}\n\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {\n  border: none;\n  height: 0;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {\n  display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {\n  display: none;\n}\n[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {\n  background: transparent;\n  box-shadow: none;\n}\n\n.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__drag-element {\n  visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {\n  visibility: visible;\n  z-index: 1;\n}\n\n.svc-question__adorner--collapsed .svc-question__content > * {\n  display: none;\n}\n.svc-question__adorner--collapsed .svc-question__content .svc-question__drag-area {\n  display: flex;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element {\n  display: block;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element > *:not(.sd-element__header) {\n  display: none;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element .sd-element__header > *:not(.sd-element__title) {\n  display: none;\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element .sd-element__header .sd-element__title,\n.svc-question__adorner--collapsed .svc-question__content .sd-element .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden {\n  display: block;\n}\n\n.svc-question__adorner--collapsed .svc-question__content {\n  flex-grow: 0;\n  padding-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__adorner--collapsed .svc-question__content .sd-element__header,\n.svc-question__adorner--collapsed .svc-question__content .sd-element--complex > .sd-element__header {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.svc-creator--mobile .svc-question__top-actions {\n  padding: 0;\n}\n.svc-creator--mobile .svc-question__adorner--collapsed .svc-question__content {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--mobile .svc-question__adorner--collapsed .svc-question__content--selected {\n  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__drag-area {\n  position: absolute;\n  cursor: move;\n  top: 0;\n  left: 0;\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  visibility: hidden;\n}\n.svc-question__drag-element use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {\n  padding-left: 1px;\n  padding-right: 1px;\n}\n.sd-panel .svc-question__content .sd-table-wrapper::before {\n  left: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content .sd-table-wrapper::after {\n  right: calc(-1 * var(--sd-base-padding) + 1px);\n}\n.sd-panel .svc-question__content {\n  border-radius: 0;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  box-shadow: none;\n}\n.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n  border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;\n}\n.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__question,\n.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__panel {\n  height: 0;\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n  border: none;\n}\n\n.svc-widget__content {\n  width: 100%;\n}\n.svc-widget__content .sd-question__content {\n  pointer-events: none;\n}\n\n.svc-question__content .sd-paneldynamic__footer,\n.svc-question__content .sd-paneldynamic__separator {\n  display: none;\n}\n\n.svc-panel__add-new-question-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.svc-panel__placeholder_frame-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n.svc-question__content--empty-template .sd-question--paneldynamic,\n.svc-question__content--empty-template .sd-question__content,\n.svc-question__content--empty-template sv-ng-paneldynamic-question,\n.svc-question__content--empty-template .sd-paneldynamic,\n.svc-question__content--empty-template .sd-paneldynamic__panels-container,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,\n.svc-question__content--empty-template .svc-question__adorner,\n.svc-question__content--empty-template .svc-question__adorner > div {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,\n.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic__panels-container .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,\n.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {\n  flex-grow: 1;\n}\n\n.sd-paneldynamic__panels-container {\n  padding-bottom: 2px;\n  margin-bottom: -2px;\n}\n\n.svc-panel__placeholder_frame {\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: relative;\n}\n\n.svc-panel__add-new-question {\n  align-items: center;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: 0;\n  margin-right: 0;\n  width: auto;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n  border: none;\n  box-shadow: none;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-panel__add-new-question:hover {\n  outline: none;\n}\n.svc-panel__add-new-question .svc-text {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  text-wrap: nowrap;\n}\n\n.svc-panel__add-new-question-icon {\n  margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: none;\n}\n.svc-panel__add-new-question-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n@container (max-width: 496px) {\n  .svc-panel__placeholder_frame {\n    padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n@container (max-width: 176px) {\n  .svc-panel__placeholder {\n    display: none;\n  }\n  .svc-panel__placeholder_frame {\n    padding: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question {\n    margin: 0;\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,\n  .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {\n    display: block;\n  }\n  .svc-panel__placeholder_frame .svc-panel__question-type-selector,\n  .svc-panel__add-new-question-container .svc-panel__question-type-selector {\n    display: none;\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question,\n  .svc-panel__add-new-question-container .svc-panel__add-new-question {\n    padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n  .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-text,\n  .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-text {\n    display: none;\n  }\n}\n.svc-panel__question-type-selector-popup {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n\n.svc-panel__question-type-selector {\n  appearance: none;\n  display: flex;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: 2px;\n  background-color: transparent;\n  cursor: pointer;\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  outline: none;\n  top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  position: absolute;\n  right: 0;\n}\n.svc-panel__question-type-selector use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-panel__question-type-selector:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-panel__question-type-selector:focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sd-panel .svc-row {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-panel .svc-row:first-of-type {\n  margin-top: 0;\n}\n.sd-panel .svc-row .sd-row {\n  margin-top: 0;\n  margin-bottom: 0;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-element__header--location-top {\n  margin-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n  padding-top: 0;\n}\n.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {\n  display: none;\n}\n.svc-question__content .sd-panel__content {\n  gap: 0;\n  padding-top: 0;\n}\n.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-paneldynamic__panel-wrapper {\n  padding: 0;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  opacity: 1;\n}\n.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-question__content .sd-table__row-disabled > .sd-table__cell {\n  opacity: 1;\n}\n\n.svc-question__content .svc-carry-forward-panel {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-question__content {\n  min-width: min(8 * (var(--sjs-base-unit, var(--base-unit, 8px))), 100%);\n  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow-x: auto;\n}\n.svc-question__content .sd-composite .sd-question__content {\n  margin-left: 0;\n  margin-right: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.svc-question__content--paneldynamic .sd-question__content {\n  padding-bottom: 2px;\n  margin-bottom: -2px;\n}\n\n.svc-required-action .sv-svg-icon use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n  background-color: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n}\n\n.svc-question__adorner .sv-ranking:not(.sv-ranking--select-to-rank) .svc-question__content--ranking .svc-carry-forward-panel {\n  margin-top: 0;\n}\n.svc-question__adorner .sv-ranking .sv-ranking__container-placeholder {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--from .sv-ranking__container-placeholder {\n  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__top-actions {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: absolute;\n  top: 0;\n  right: 0;\n  visibility: hidden;\n}\n.svc-question__top-actions .sv-action-bar-item {\n  margin: 0;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 0.5;\n  height: 24px;\n}\n.svc-question__top-actions .sv-action-bar-item:hover, .svc-question__top-actions .sv-action-bar-item:focus {\n  opacity: initial;\n}\n.svc-question__top-actions .sv-action-bar-item use {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered .svc-question__top-actions,\n.svc-question__adorner--collapse-always .svc-question__top-actions {\n  visibility: visible;\n}","@import \"../variables.scss\";\n@import \"./carry-forward-panel.scss\";\n\nsvc-question {\n  display: block;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  right: 1px;\n  bottom: 1px;\n}\n\n.svc-question__adorner {\n  position: relative;\n  height: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n\n  .sv-action-bar {\n    overflow: visible;\n\n    .sv-action:not(:first-child) {\n      .sv-action-bar-item {\n        border: none;\n\n        &:active {\n          opacity: 0.5;\n          background-color: var(--background-dim, #f3f3f3);\n        }\n      }\n    }\n  }\n}\n\n.svc-question__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  width: 100%;\n  height: auto;\n  flex-grow: 1;\n  border-radius: calcSize(0.5);\n  box-sizing: border-box;\n  padding: calcSize(4) calcSize(5) calcSize(8);\n  background: $background;\n  box-shadow: $shadow-small;\n  outline: none;\n}\n\n.svc-question__content {\n  .sd-selectbase:not(.sd-imagepicker) {\n    padding-left: calcSize(5);\n    margin-left: calcSize(-5);\n  }\n\n  .sd-table .sd-selectbase:not(.sd-imagepicker) {\n    overflow-x: visible;\n    padding-left: 0;\n    margin-left: 0;\n  }\n\n  .sd-question.sd-question--table {\n    overflow-x: initial;\n  }\n\n  .sd-multipletext__item-title {\n    color: $foreground;\n  }\n\n  .sd-multipletext__item-container.sd-input:focus-within {\n    box-shadow: $shadow-inner;\n  }\n\n  .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n    color: $foreground;\n    opacity: 0.25;\n  }\n\n  .sjs_sp_placeholder {\n    user-select: all;\n    pointer-events: all;\n  }\n}\n\n.svc-question__content>div,\n.svc-question__placeholders>div {\n  overflow: visible;\n}\n\n.svc-question__content {\n  .sd-question:not(.sd-question--paneldynamic) {\n    .sd-panel__content {\n      overflow: auto;\n    }\n\n    .sd-table__cell--detail-panel {\n      .sd-panel__content {\n        overflow: unset;\n      }\n    }\n  }\n}\n\n\n.svc-panel__placeholder {\n  color: $foreground-light;\n  text-wrap: wrap;\n  text-align: center;\n\n  font-size: calcSize(2);\n  font-style: normal;\n  font-weight: 400;\n  line-height: calcSize(3);\n}\n\n.svc-question__content-actions {\n  position: absolute;\n  opacity: 0;\n  bottom: calcSize(2);\n  inset-inline-start: calcSize(4); // left\n  inset-inline-end: calcSize(3.5); // right\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  .sv-action--convertTo {\n    max-width: max-content;\n\n    .sv-action-bar-item--icon {\n      max-width: 100%;\n      padding: calcSize(0.5);\n    }\n\n    .sv-action-bar-item__title {\n      display: inline-block;\n      justify-content: left;\n\n      @include textEllipsis;\n\n      &::after {\n        content: \" \";\n        display: inline-block;\n        margin-inline-start: calcSize(0.5);\n        width: calcSize(2);\n        height: calcSize(2);\n        vertical-align: bottom;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A\");\n      }\n    }\n\n    .sv-action-bar-item__icon {\n      use {\n        fill: $primary;\n      }\n\n      &:not(:last-child) {\n        display: none\n      }\n    }\n\n    .sv-action-bar-item__title--with-icon {\n      margin-inline-start: 0; // margin-left\n      margin-inline-end: 0; // margin-right\n    }\n\n  }\n\n  .sv-action--convertTo.sv-action--hidden {\n    min-width: 0;\n  }\n\n  .sv-action--convertTo-last {\n    margin-inline-end: auto; // margin-right\n  }\n\n  .svc-action-bar-item--right:first-of-type {\n    margin-inline-start: auto;\n  }\n\n  .sv-dots {\n    width: calcSize(4);\n    margin-left: calcSize(1);\n    margin-right: calcSize(0.5);\n\n    &.sv-action--hidden {\n      width: 0;\n      margin: 0;\n\n      .sv-action__content {\n        display: none;\n      }\n    }\n\n    .sv-dots__item {\n      margin-left: 0;\n    }\n  }\n\n  .sv-dots__item {\n    //border-radius: calcSize(0.5);\n\n    use {\n      fill: $secondary;\n\n    }\n  }\n}\n\n.svc-question__content:focus,\n.svc-hovered>.svc-question__content {\n  box-shadow: 0 0 0 2px $secondary-light;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 2px $secondary;\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged),\n.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered>.svc-question__content:not(.svc-question__content--dragged) {\n  &>.svc-question__content-actions {\n    opacity: 1;\n\n  }\n}\n\n.svc-question__content--dragged {\n  background: $background-dim-light;\n\n  .sd-question__title {\n    color: $foreground-light;\n  }\n\n  &.svc-question__content--selected {\n    .svc-question__content-actions {\n      display: none;\n    }\n  }\n}\n\n.svc-question__content {\n  .sd-question.sd-question--table {\n    margin-top: calcSize(-1);\n    padding-top: calcSize(1);\n  }\n}\n\n.svc-dragged-element-shortcut {\n  //min-width: 100px;\n  height: auto;\n  border-radius: calcSize(12.5);\n  background-color: $background;\n  color: $foreground;\n  padding: calcSize(1.5) calcSize(2);\n  cursor: grabbing;\n  position: absolute;\n  z-index: 1000;\n  box-shadow: $shadow-large;\n  @include disableUserSelect;\n  //max-width: 500px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: content-box;\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  line-height: calcSize(2);\n}\n\n.svc-dragged-element-shortcut--has-icon {\n  padding: calcSize(1) calcSize(1.5);\n  padding-right: calcSize(3.5);\n\n  .svc-dragged-element-shortcut__text {\n    line-height: calcSize(3);\n    margin-inline-start: calcSize(4);\n  }\n}\n\n.svc-dragged-element-shortcut__icon {\n  position: absolute;\n  width: calcSize(3);\n  height: calcSize(3);\n}\n\n.svc-question__content--drag-over-inside,\n.svc-hovered>.svc-question__content--drag-over-inside {\n  .svc-panel__placeholder_frame {\n    box-shadow: 0 0 0 1px $primary;\n    border: 1px solid $primary;\n    background: $primary-light;\n\n    &>.svc-question__content-actions {\n      opacity: 1;\n    }\n  }\n}\n\n.svc-question__content--drag-over-left:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  background: $secondary;\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.svc-question__content--drag-over-right:after {\n  content: \" \";\n  position: absolute;\n  right: -9px;\n  background: $secondary;\n  top: 0;\n  height: 100%;\n  width: 2px;\n}\n\n.sd-panel {\n  .svc-question__content--drag-over-left:before {\n    left: -6px;\n  }\n\n  .svc-question__content--drag-over-right:after {\n    right: -6px;\n  }\n}\n\n\n.svc-question__content--drag-over-top:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  top: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--drag-over-bottom:before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  background: $secondary;\n  bottom: -9px;\n  width: 100%;\n  height: 2px;\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n  .sd-row>div:first-child {\n    .svc-question__content--drag-over-left {\n      margin-left: 8px;\n      width: calc(100% - 8px);\n    }\n  }\n\n  .sd-row>div:last-child {\n    .svc-question__content--drag-over-right {\n      margin-right: 8px;\n      width: calc(100% - 8px);\n    }\n  }\n\n  .svc-question__content--drag-over-top:before {\n    top: -6px;\n  }\n\n  .svc-question__content--drag-over-bottom:before {\n    bottom: -6px;\n  }\n}\n\n.svc-question__content-actions {\n  .sv-action-bar {\n    box-sizing: border-box;\n    padding: 0;\n    justify-content: center;\n  }\n}\n\nsvc-question,\n.svc-question {\n\n  sv-action-bar,\n  .sv-action-bar {\n    padding: 0;\n  }\n}\n\n.svc-panel__edge {\n  position: absolute;\n  border: 1px solid orange;\n  height: 10px;\n  width: 100%;\n}\n\n.svc-panel__edge--top {\n  top: 0;\n}\n\n.svc-panel__edge--bottom {\n  bottom: 0;\n}\n\n// reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n.svc-question__adorner--start-with-new-line {\n  &[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n    height: 100%;\n    overflow: hidden;\n    min-width: 4px;\n\n    .svc-question__content.svc-question__content.svc-question__content {\n      border: 0;\n      padding: 0;\n    }\n  }\n}\n\n[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n  border: none;\n  height: 0;\n\n  .svc-question__drag-area {\n    display: none;\n  }\n\n  .svc-question__drag-element {\n    display: none;\n  }\n\n  .svc-question__content {\n    background: transparent;\n    box-shadow: none;\n  }\n}\n\n// EO reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n\n.svc-hovered>.svc-question__content>.svc-question__drag-area>.svc-question__drag-element {\n  visibility: visible;\n}\n\n.svc-question__content.svc-question__content--selected>.svc-question__drag-area>.svc-question__drag-element {\n  visibility: visible;\n  z-index: 1;\n}\n\n.svc-question__adorner--collapsed {\n  .svc-question__content {\n    &>* {\n      display: none\n    }\n    .svc-question__drag-area {\n      display: flex,\n    }\n    .sd-element {\n      display: block;\n      &>*:not(.sd-element__header ) {\n        display: none\n      }\n      .sd-element__header\n      {\n        &>*:not(.sd-element__title) {\n          display: none;\n        }\n        .sd-element__title,\n        .sd-title.sd-element__title.sd-element__title--hidden {\n          display: block;\n        }\n      }\n    }\n  }\n}\n\n.svc-question__adorner--collapsed {\n  .svc-question__content {\n    flex-grow: 0;\n    padding-bottom: calcSize(4);\n    .sd-element__header,\n    .sd-element--complex > .sd-element__header {\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n  }\n}\n.svc-creator--mobile {\n  .svc-question__top-actions {\n    padding: 0;\n  }\n  .svc-question__adorner--collapsed {\n    .svc-question__content {\n      padding-bottom: calcSize(2);\n    }\n    .svc-question__content--selected {\n      padding-bottom: calcSize(3);\n    }\n  }\n}\n\n\n.svc-question__drag-area {\n  position: absolute;\n  cursor: move;\n  top: 0;\n  left: 0;\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  visibility: hidden;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.sd-panel {\n  .svc-question__content--image:not(.svc-question__content--empty) {\n    padding-left: 1px;\n    padding-right: 1px;\n  }\n\n  .svc-question__content {\n    .sd-table-wrapper::before {\n      left: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n    }\n\n    .sd-table-wrapper::after {\n      right: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n    }\n  }\n\n  .svc-question__content {\n    border-radius: 0;\n    border: 1px dashed $border;\n    box-shadow: none;\n  }\n\n  .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {\n    border: 1px solid $secondary-light;\n    box-shadow: 0 0 0 1px $secondary-light inset;\n  }\n\n  .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n    border: 1px solid $secondary;\n    box-shadow: 0 0 0 1px $secondary inset;\n  }\n}\n\n.sd-page__row.sd-row--multiple .svc-question__content--empty {\n\n  .sd-row__question,\n  .sd-row__panel {\n    height: 0;\n  }\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n  border: none;\n}\n\n.svc-widget__content {\n  width: 100%;\n\n  .sd-question__content {\n    pointer-events: none;\n  }\n}\n\n.svc-question__content {\n\n  .sd-paneldynamic__footer,\n  .sd-paneldynamic__separator {\n    display: none;\n  }\n}\n\n.svc-panel__add-new-question-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.svc-panel__placeholder_frame-wrapper {\n  container-type: inline-size;\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n.svc-question__content--empty-template {\n\n  .sd-question--paneldynamic,\n  .sd-question__content,\n  sv-ng-paneldynamic-question,\n  .sd-paneldynamic,\n  .sd-paneldynamic__panels-container,\n  .sd-paneldynamic__panel-wrapper,\n  .svc-question__adorner,\n  .svc-question__adorner>div {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .svc-panel__placeholder_frame {\n      flex-grow: 1;\n    }\n  }\n}\n\n.sd-paneldynamic__panels-container {\n  padding-bottom: 2px;\n  margin-bottom: -2px;\n}\n\n.svc-panel__placeholder_frame {\n  border: 1px dashed $border;\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: calcSize(11) calcSize(8) calcSize(10);\n  flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: relative;\n}\n\n.svc-panel__add-new-question {\n  align-items: center;\n  margin-top: calcSize(2);\n  margin-left: 0;\n  margin-right: 0;\n  width: auto;\n  height: calcSize(5);\n  line-height: calcSize(5);\n  vertical-align: baseline;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n\n  border: none;\n  box-shadow: none;\n  padding: calcSize(0.5) calcSize(2);\n\n  &:hover {\n    outline: none;\n  }\n\n  .svc-text {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\n    margin: calcSize(1) calcSize(3);\n    line-height: calcSize(2);\n    color: $primary;\n    text-wrap: nowrap;\n  }\n}\n\n.svc-panel__add-new-question-icon {\n  margin: calcSize(0.5);\n  display: none;\n\n  use {\n    fill: $primary\n  }\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n  .svc-panel__placeholder_frame {\n    padding: calcSize(11) calcSize(3) calcSize(10);\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .svc-panel__placeholder {\n    display: none;\n  }\n\n  .svc-panel__placeholder_frame {\n    padding: calcSize(10) calcSize(3) calcSize(10);\n\n    .svc-panel__add-new-question {\n      margin: 0;\n    }\n  }\n\n  .svc-panel__placeholder_frame,\n  .svc-panel__add-new-question-container {\n    .svc-panel__add-new-question-icon {\n      display: block;\n    }\n\n    .svc-panel__question-type-selector {\n      display: none;\n    }\n\n    .svc-panel__add-new-question {\n      padding: calcSize(0.5) calcSize(0.5);\n\n      .svc-text {\n        display: none;\n      }\n    }\n  }\n\n}\n\n.svc-panel__question-type-selector-popup {\n  height: calcSize(5);\n  width: calcSize(5);\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n\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  top: calcSize(2);\n  margin: 0;\n  position: absolute;\n  right: 0;\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.sv-list__container .sv-action-bar-item--secondary {\n  .sv-list__item-icon use {\n    fill: $secondary;\n  }\n}\n\n.sd-panel {\n  .svc-row {\n    margin-top: calcSize(1);\n  }\n\n  .svc-row:first-of-type {\n    margin-top: 0;\n  }\n\n  .svc-row .sd-row {\n    margin-top: 0;\n    margin-bottom: 0;\n    gap: calcSize(1);\n  }\n}\n\n.svc-question__content {\n  .sd-element__header--location-top {\n    margin-top: 0;\n  }\n\n  .sd-element--complex>.sd-element__header--location-top {\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n    padding-top: 0;\n\n    &:after {\n      display: none;\n    }\n  }\n\n  .sd-panel__content {\n    gap: 0;\n    padding-top: 0;\n  }\n\n  .sd-table__cell--detail-panel .sd-panel__content {\n    padding-top: calcSize(1);\n  }\n\n  .sd-paneldynamic__panel-wrapper {\n    padding: 0;\n  }\n\n  .sd-table__cell--actions {\n    .sv-action-bar-item:disabled {\n      background: $background;\n      opacity: 1;\n\n      use {\n        fill: $foreground-light;\n      }\n    }\n  }\n\n  .sd-table__row-disabled>.sd-table__cell {\n    opacity: 1;\n  }\n}\n\n.svc-question__content {\n  .svc-carry-forward-panel {\n    margin-top: calcSize(2);\n  }\n\n  .sd-question__content {\n    min-width: min(calcSize(8), 100%);\n    margin-left: calcSize(-5);\n    margin-right: calcSize(-5);\n    padding-left: calcSize(5);\n    padding-right: calcSize(5);\n    overflow-x: auto;\n  }\n\n  .sd-composite {\n    .sd-question__content {\n      margin-left: 0;\n      margin-right: 0;\n      padding-left: 0;\n      padding-right: 0;\n    }\n  }\n}\n\n.svc-question__content--paneldynamic {\n  .sd-question__content {\n    padding-bottom: 2px;\n    margin-bottom: -2px;\n  }\n}\n\n.svc-required-action {\n  .sv-svg-icon {\n    use {\n      fill: $secondary;\n    }\n  }\n}\n\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n.svc-required-action--active {\n  background-color: $secondary-backcolor-semi-light;\n}\n\n\n.svc-question__adorner {\n  .sv-ranking:not(.sv-ranking--select-to-rank) {\n    .svc-question__content--ranking {\n      .svc-carry-forward-panel {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .sv-ranking {\n    .sv-ranking__container-placeholder {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(2);\n    }\n  }\n\n  .sv-ranking--select-to-rank-vertical {\n    .sv-ranking__container--empty {\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    .sv-ranking__container--from {\n      .sv-ranking__container-placeholder {\n        padding-bottom: calcSize(3);\n      }\n    }\n  }\n}\n\n.svc-question__top-actions {\n  padding: calcSize(0.5);\n  position: absolute;\n  top: 0;\n  right: 0;\n  visibility: hidden;\n  .sv-action-bar-item {\n    margin: 0;\n    padding: calcSize(0.5);\n    opacity: 0.5;\n    height: 24px;\n    &:hover,\n    &:focus {\n      opacity: initial;\n    }\n    use {\n      fill: $foreground-dim-light;\n    }\n  }\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered,\n.svc-question__adorner--collapse-always {\n  .svc-question__top-actions {\n    visibility: visible;\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__content>.svc-question__dropdown-choices--wrapper {\n  width: calc(100% + calcSize(8));\n  overflow-x: auto;\n  margin: 0 calcSize(-4);\n\n  &>div {\n    width: calc(100% - calcSize(8));\n    display: inline-block;\n    min-width: calcSize(15);\n    margin: 0 calcSize(4);\n  }\n\n  .svc-action-button {\n    margin-left: calcSize(6.75);\n    margin-top: calcSize(1);\n\n    cursor: pointer;\n  }\n}",".svc-question__dropdown-choices {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n  opacity: 0.25;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n  opacity: 0.5;\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n  opacity: 0.75;\n}\n\n.svc-question__content > .svc-question__dropdown-choices--wrapper {\n  width: calc(100% + 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow-x: auto;\n  margin: 0 calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper > div {\n  width: calc(100% - 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: inline-block;\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {\n  margin-left: calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: pointer;\n}","@import \"../variables.scss\";\n\n.svc-image-question-controls {\n  position: absolute;\n  top: calcSize(5);\n  right: calcSize(1);\n  display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n  display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n  padding: calcSize(4) 0 calcSize(8) 0;\n\n  .sd-image__image {\n    border-radius: 0;\n  }\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n  width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n  display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text {\n  .sv-svg-icon {\n    display: none;\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .svc-question__content--image .sd-file__choose-btn--text {\n    .sv-svg-icon {\n      display: block;\n    }\n  }\n}\n.svc-question__content--loading {\n  .sd-image {\n    display: none;\n  }\n}\n\n.svc-image-question__loading-placeholder {\n  position: relative;\n  background-color: $background;\n  width: 100%;\n  height: calcSize(27.5);\n  border: 1px dashed $border-inside;\n}\n\n.svc-image-question__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}",".svc-image-question-controls {\n  position: absolute;\n  top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n  display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {\n  border-radius: 0;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n  width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n  display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n  display: none;\n}\n\n@container (max-width: 176px) {\n  .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {\n    display: block;\n  }\n}\n.svc-question__content--loading .sd-image {\n  display: none;\n}\n\n.svc-image-question__loading-placeholder {\n  position: relative;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  width: 100%;\n  height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.svc-image-question__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n.svc-rating-question-controls {\n  position: absolute;\n}\n\n.svc-question__content--in-popup {\n  .svc-rating-question-controls.svc-item-value-controls {\n    display: flex;\n  }\n}\n\n.svc-question__content--selected {\n  .svc-rating-question-controls.svc-item-value-controls {\n    display: flex;\n  }\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n  margin-top: calcSize(5.5);\n}\n\n.svc-question__content {\n  .sd-rating {\n    margin-inline-start: calcSize(9); // margin-left\n    max-width: calc(100% - 9 * #{$base-unit});\n\n    &.sd-rating--wrappable fieldset {\n      min-width: 0;\n    }\n\n\n    .sd-rating__item-text {\n      max-width: 100%;\n\n      .sv-string-editor:focus-within {\n        white-space: nowrap;\n      }\n      &::after {\n        display: none\n      }\n    }\n\n    .svc-string-editor__content {\n      .sv-string-editor {\n        text-overflow: ellipsis;\n        overflow: hidden;\n\n        &:focus-within {\n          text-overflow: initial;\n        }\n      }\n    }\n\n    &.sd-rating--labels-top {\n      fieldset {\n        .sd-rating__min-text {\n          top: calcSize(1);\n        }\n\n        .sd-rating__max-text {\n          top: calcSize(1);\n        }\n      }\n    }\n\n    &.sd-rating--labels-bottom {\n      fieldset {\n        padding-bottom: calcSize(5);\n\n        .sd-rating__min-text {\n          bottom: calcSize(1);\n        }\n\n        .sd-rating__max-text {\n          bottom: calcSize(1);\n        }\n      }\n    }\n\n    &.sd-rating--labels-diagonal {\n      fieldset {\n        padding-bottom: calcSize(5);\n\n        .sd-rating__min-text {\n          top: calcSize(1);\n        }\n\n        .sd-rating__max-text {\n          bottom: calcSize(1);\n        }\n      }\n    }\n  }\n\n  .sd-question--table .sd-rating {\n    margin-inline-start: 0;\n    width: fit-content;\n    margin: auto;\n    max-width: fit-content;\n  }\n\n  .svc-rating-question-controls {\n    display: flex;\n    width: calcSize(8);\n    min-width: auto;\n    justify-content: flex-start;\n  }\n\n  .sd-rating__item--fixed-size:focus-within {\n    width: unset;\n    padding: calcSize(0.5) calcSize(2.5);\n  }\n}\n.svc-question__content .svc-rating-question-content  .sd-question__content {\n  overflow-x: visible;\n}\n.svc-creator--mobile {\n  .svc-rating-question-content {\n    position: relative;\n  }\n\n  .svc-rating-question-controls {\n    position: absolute;\n    top: 0;\n  }\n\n  .svc-question__content {\n    .sd-rating {\n      margin-inline-start: 0; // margin-left\n      width: 100%;\n      max-width: 100%;\n    }\n\n\n    legend+.sd-rating__item,\n    legend+sv-ng-rating-item+.sd-rating__item,\n    legend+.sd-rating__item-smiley,\n    legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley {\n      margin-inline-start: calc(9 * #{$base-unit} + 2px);\n    }\n\n    legend+.sd-rating__item-text,\n    legend+.sd-rating__item-star,\n    legend+sv-ng-rating-item-star+.sd-rating__item-star {\n      margin-inline-start: calc(9 * #{$base-unit});\n    }\n  }\n}",".svc-rating-question-controls {\n  position: absolute;\n}\n\n.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {\n  display: flex;\n}\n\n.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {\n  display: flex;\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n  margin-top: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content .sd-rating {\n  margin-inline-start: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svc-question__content .sd-rating.sd-rating--wrappable fieldset {\n  min-width: 0;\n}\n.svc-question__content .sd-rating .sd-rating__item-text {\n  max-width: 100%;\n}\n.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {\n  white-space: nowrap;\n}\n.svc-question__content .sd-rating .sd-rating__item-text::after {\n  display: none;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {\n  text-overflow: initial;\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {\n  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {\n  bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {\n  bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {\n  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {\n  bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__content .sd-question--table .sd-rating {\n  margin-inline-start: 0;\n  width: fit-content;\n  margin: auto;\n  max-width: fit-content;\n}\n.svc-question__content .svc-rating-question-controls {\n  display: flex;\n  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: auto;\n  justify-content: flex-start;\n}\n.svc-question__content .sd-rating__item--fixed-size:focus-within {\n  width: unset;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__content .svc-rating-question-content .sd-question__content {\n  overflow-x: visible;\n}\n\n.svc-creator--mobile .svc-rating-question-content {\n  position: relative;\n}\n.svc-creator--mobile .svc-rating-question-controls {\n  position: absolute;\n  top: 0;\n}\n.svc-creator--mobile .svc-question__content .sd-rating {\n  margin-inline-start: 0;\n  width: 100%;\n  max-width: 100%;\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {\n  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);\n}\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,\n.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,\n.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {\n  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}","@import \"../variables.scss\";\n\n.svc-item-value-wrapper {\n  position: relative;\n  display: flex;\n  gap: calcSize(1);\n  align-items: center;\n  margin-left: calcSize(-5);\n}\n\n.svc-question__dropdown-choice,\n.sd-selectbase {\n  .svc-item-value-wrapper {\n    align-items: flex-start;\n  }\n\n  .svc-item-value__item {\n    padding-right: calcSize(1);\n  }\n}\n\n.svc-question__content {\n  .sd-selectbase__column {\n    margin-left: calcSize(5);\n    min-width: initial;\n  }\n\n  .sd-selectbase--mobile .sd-selectbase__column,\n  .sd-selectbase__column:first-of-type,\n  .sd-imagepicker__column {\n    margin-left: 0;\n  }\n\n  .sd-selectbase__column:not(:last-child) {\n    padding-right: 0;\n  }\n}\n\n.svc-item-value--dragging {\n  background: $background;\n  box-shadow: $shadow-large;\n  border-radius: calcSize(12.5);\n  padding-right: calcSize(3);\n  padding-left: calcSize(0.5);\n  @include disableUserSelect;\n}\n\n.svc-item-value-controls {\n  display: flex;\n  margin: calcSize(1) 0;\n  height: calcSize(4);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  min-width: 72px;\n  justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n  border-radius: 50%;\n  padding: calcSize(1);\n  cursor: pointer;\n  display: inline-block;\n  outline: none;\n  height: calcSize(2);\n  box-sizing: content-box;\n\n  .sv-svg-icon {\n    display: block;\n  }\n}\n\n.svc-item-value-controls__button>span {\n  display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n  display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost),\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) {\n  .svc-item-value-controls__drag-icon {\n    visibility: visible;\n  }\n}\n\n.svc-item-value-controls__drag {\n  padding: calcSize(0.5) calcSize(1);\n  cursor: move;\n  opacity: 0.25;\n\n  .svc-item-value-controls__drag-icon {\n    visibility: hidden;\n  }\n\n  use {\n    fill: $foreground;\n  }\n}\n\n.svc-item-value-controls__button--disabled {\n  fill: $foreground-light;\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n  use {\n    fill: $red;\n  }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n  use {\n    fill: $primary;\n  }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n\n  &:hover,\n  &:focus {\n    background-color: $primary-light;\n  }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n\n  &:hover,\n  &:focus {\n    background-color: $red-light;\n  }\n}\n\n.sv-string-editor {\n  cursor: text;\n}\n\n.svc-item-value--new {\n  .svc-item-value__item {\n\n    .sd-item__control-label,\n    .sv-ranking-item__text {\n      color: $foreground-light;\n    }\n\n    .sd-item__decorator {\n      opacity: 0.35;\n    }\n  }\n\n  .sv-ranking-item__index {\n    background: $background-dim;\n\n    svg {\n      fill: $foreground-light;\n    }\n  }\n}\n\n.sv-ranking {\n  .svc-item-value-wrapper {\n    align-items: center;\n  }\n\n  .svc-item-value__item {\n    padding-right: 0;\n    flex-grow: 1;\n  }\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n  flex-grow: 1;\n  width: 0;\n  max-width: fit-content;\n}\n\n.svc-item-value__item {\n  .sv-ranking-item__content {\n    padding-left: 0;\n  }\n\n  .sv-ranking-item__icon-container {\n    display: none;\n  }\n\n  .sv-ranking-item__text {\n    overflow: visible;\n  }\n\n  .svc-string-editor {\n    width: 100%;\n    display: inline-block;\n  }\n\n  .sv-string-editor {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n}\n\n\n\n.svc-item-value--ghost {\n  .svc-item-value__ghost {\n    display: block;\n  }\n\n  .svc-item-value-controls {\n    visibility: hidden;\n  }\n}\n\n.svc-item-value--movedown {\n  transform: translate(0, 0);\n  animation: svdragdropmovedown 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n  0% {\n    transform: translate(0, -50px);\n  }\n\n  100% {\n    transform: translate(0, 0);\n  }\n}\n\n.svc-item-value--moveup {\n  transform: translate(0, 0);\n  animation: svdragdropmoveup 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n  0% {\n    transform: translate(0, 50px);\n  }\n\n  100% {\n    transform: translate(0, 0);\n  }\n}\n\n.svc-item-value__ghost {\n  display: none;\n  background: $background-dim;\n  border-radius: calcSize(12.5);\n  width: calcSize(25);\n  height: 40px;\n  z-index: 11;\n  position: absolute;\n  left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer {\n\n  .svc-question__content--ranking,\n  .sd-selectbase,\n  .svc-question__dropdown-choices {\n    [data-sv-drop-target-item-value] .svc-item-value-controls {\n      min-width: initial;\n    }\n\n    &:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n      min-width: 64px;\n    }\n\n    .svc-item-value-controls__drag {\n      padding-right: 0;\n    }\n\n    .svc-item-value-controls__drag-icon {\n      visibility: visible;\n    }\n\n    .svc-item-value-wrapper {\n      margin-left: calcSize(-3);\n    }\n  }\n\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n\n  .svc-question__content--ranking,\n  .sd-selectbase,\n  .svc-question__dropdown-choices {\n\n    .svc-item-value-controls__drag-icon {\n      visibility: visible;\n    }\n\n    .svc-item-value-wrapper {\n      margin-left: calcSize(-6);\n    }\n\n    .svc-item-value-controls__drag {\n      padding-left: 0;\n      padding-right: 0;\n    }\n  }\n}",".svc-item-value-wrapper {\n  position: relative;\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  align-items: center;\n  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question__dropdown-choice .svc-item-value-wrapper,\n.sd-selectbase .svc-item-value-wrapper {\n  align-items: flex-start;\n}\n.svc-question__dropdown-choice .svc-item-value__item,\n.sd-selectbase .svc-item-value__item {\n  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content .sd-selectbase__column {\n  margin-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: initial;\n}\n.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,\n.svc-question__content .sd-selectbase__column:first-of-type,\n.svc-question__content .sd-imagepicker__column {\n  margin-left: 0;\n}\n.svc-question__content .sd-selectbase__column:not(:last-child) {\n  padding-right: 0;\n}\n\n.svc-item-value--dragging {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.svc-item-value-controls {\n  display: flex;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  flex-shrink: 0;\n  min-width: 72px;\n  justify-content: flex-end;\n}\n\n.svc-item-value-controls__button {\n  border-radius: 50%;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: pointer;\n  display: inline-block;\n  outline: none;\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.svc-item-value-controls__button .sv-svg-icon {\n  display: block;\n}\n\n.svc-item-value-controls__button > span {\n  display: block;\n}\n\n.svc-item-value-controls__drag-icon {\n  display: block;\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {\n  visibility: visible;\n}\n\n.svc-item-value-controls__drag {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n  cursor: move;\n  opacity: 0.25;\n}\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n  visibility: hidden;\n}\n.svc-item-value-controls__drag use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-item-value-controls__button--disabled {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sv-string-editor {\n  cursor: text;\n}\n\n.svc-item-value--new .svc-item-value__item .sd-item__control-label,\n.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svc-item-value--new .svc-item-value__item .sd-item__decorator {\n  opacity: 0.35;\n}\n.svc-item-value--new .sv-ranking-item__index {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.svc-item-value--new .sv-ranking-item__index svg {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking .svc-item-value-wrapper {\n  align-items: center;\n}\n.sv-ranking .svc-item-value__item {\n  padding-right: 0;\n  flex-grow: 1;\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n  flex-grow: 1;\n  width: 0;\n  max-width: fit-content;\n}\n\n.svc-item-value__item .sv-ranking-item__content {\n  padding-left: 0;\n}\n.svc-item-value__item .sv-ranking-item__icon-container {\n  display: none;\n}\n.svc-item-value__item .sv-ranking-item__text {\n  overflow: visible;\n}\n.svc-item-value__item .svc-string-editor {\n  width: 100%;\n  display: inline-block;\n}\n.svc-item-value__item .sv-string-editor {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.svc-item-value--ghost .svc-item-value__ghost {\n  display: block;\n}\n.svc-item-value--ghost .svc-item-value-controls {\n  visibility: hidden;\n}\n\n.svc-item-value--movedown {\n  transform: translate(0, 0);\n  animation: svdragdropmovedown 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n  0% {\n    transform: translate(0, -50px);\n  }\n  100% {\n    transform: translate(0, 0);\n  }\n}\n.svc-item-value--moveup {\n  transform: translate(0, 0);\n  animation: svdragdropmoveup 0.1s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n  0% {\n    transform: translate(0, 50px);\n  }\n  100% {\n    transform: translate(0, 0);\n  }\n}\n.svc-item-value__ghost {\n  display: none;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: 40px;\n  z-index: 11;\n  position: absolute;\n  left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {\n  min-width: initial;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n  min-width: 64px;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n  padding-right: 0;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n  visibility: visible;\n}\n.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {\n  visibility: visible;\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {\n  margin-left: calc(-6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {\n  padding-left: 0;\n  padding-right: 0;\n}","@import \"../variables.scss\";\n\n.svc-image-item-value-wrapper {\n  display: inline-block;\n  position: relative;\n}\n\n.svc-image-item-value--new {\n  display: none;\n  height: max-content;\n\n  .sd-imagepicker__image {\n    box-sizing: border-box;\n    border: 1px dashed $border;\n  }\n}\n\n.svc-image-item-value--file-dragging {\n  .sd-imagepicker__image {\n    border: 2px solid $primary;\n    background-color: $primary-light;\n  }\n\n  .svc-image-item-value__item {\n    position: relative;\n    z-index: 2;\n  }\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n  display: inline-block;\n}\n\n.svc-image-item-value-controls {\n  position: absolute;\n  top: calcSize(1);\n  right: calcSize(1);\n  z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n  top: calc(50% - 3 * #{$base-unit});\n  left: calc(50% - 3 * #{$base-unit});\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n  background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n  background-color: transparent;\n\n  use {\n    fill: $primary;\n  }\n\n  &:hover,\n  &:focus {\n    background-color: $primary-light;\n  }\n}\n\n.svc-choose-file-input {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.svc-image-item-value__item {\n  .sd-imagepicker__item.sd-imagepicker__item {\n    width: 100%;\n  }\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n  display: none;\n  cursor: move;\n  position: absolute;\n  top: calcSize(1);\n  left: calcSize(1);\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover {\n  .svc-image-item-value-controls__drag-area-indicator {\n    display: block;\n  }\n}\n\n.svc-image-item-value-wrapper--ghost {\n  .svc-image-item-value-wrapper__ghost {\n    display: block;\n  }\n\n  .svc-image-item-value-wrapper__content {\n    display: none;\n  }\n}\n\n.svc-image-item-value-wrapper__ghost {\n  display: none;\n  background: $background-dim;\n}\n\n.svc-image-item-value--single {\n  width: 100%;\n\n  .sd-imagepicker__image {\n    height: calcSize(30);\n  }\n}\n\n.svc-image-item-value__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}",".svc-image-item-value-wrapper {\n  display: inline-block;\n  position: relative;\n}\n\n.svc-image-item-value--new {\n  display: none;\n  height: max-content;\n}\n.svc-image-item-value--new .sd-imagepicker__image {\n  box-sizing: border-box;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-image-item-value--file-dragging .sd-imagepicker__image {\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.svc-image-item-value--file-dragging .svc-image-item-value__item {\n  position: relative;\n  z-index: 2;\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n  display: inline-block;\n}\n\n.svc-image-item-value-controls {\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n  background-color: transparent;\n}\n\n.svc-image-item-value-controls__add {\n  background-color: transparent;\n}\n.svc-image-item-value-controls__add use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-image-item-value-controls__add:hover, .svc-image-item-value-controls__add:focus {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.svc-choose-file-input {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {\n  width: 100%;\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n  display: none;\n  cursor: move;\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {\n  display: block;\n}\n\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {\n  display: block;\n}\n.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {\n  display: none;\n}\n\n.svc-image-item-value-wrapper__ghost {\n  display: none;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-image-item-value--single {\n  width: 100%;\n}\n.svc-image-item-value--single .sd-imagepicker__image {\n  height: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-image-item-value__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","@import \"../variables.scss\";\n\n// .svc-question__content {\n//   .sd-table {\n//     td:empty,\n//     th:empty {\n//       width: initial;\n//     }\n//   }\n// }\n.svc-matrix-cell {\n  position: relative;\n}\n\n.svc-question__adorner {\n  .sd-table .sd-table__cell--column-title {\n    padding: 0  calcSize(1);\n    .svc-matrix-cell {\n      padding: calcSize(1.5) calcSize(1);\n    }\n  }\n}\n\n.svc-matrix-cell--selected {\n  position: absolute;\n  border: calcSize(0.25) solid $secondary;\n  border-radius: calcSize(0.5);\n  top: calcSize(0);\n  left: calcSize(0);\n  right: calcSize(0);\n  bottom: calcSize(0);\n  display: none;\n  &.svc-visible {\n    display: block;\n  }\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n  border: calcSize(0.25) solid $secondary-light;\n  border-radius: calcSize(0.5);\n  display: block;\n}\n\n.svc-matrix-cell__question-controls {\n  display: none;\n  position: absolute;\n  top: calc(50% - 3 * #{$base-unit});\n  left: calc(50% - 3 * #{$base-unit});\n  z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n  display: block;\n  width: calcSize(6);\n  height: calcSize(6);\n  background: $background;\n  border: 1px solid $border;\n  box-sizing: border-box;\n  border-radius: 50%;\n  padding: calcSize(1.5);\n  cursor: pointer;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n  display: block;\n}\n\n.svc-question__content--in-popup {\n  width: calc(100% - 25 * #{$base-unit});\n  min-width: calcSize(70);\n  padding: calcSize(5);\n}\n\n.svc-matrix-cell__popup {\n  .sv-popup__scrolling-content {\n    margin-top: calcSize(1);\n    padding-top: 0;\n  }\n\n  .svc-question__content {\n    @include disableUserSelect;\n  }\n}\n\n.svc-question__content {\n  .sd-table__cell--detail-panel {\n    padding-left: calcSize(6);\n  }\n}",".svc-matrix-cell {\n  position: relative;\n}\n\n.svc-question__adorner .sd-table .sd-table__cell--column-title {\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-matrix-cell--selected {\n  position: absolute;\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: none;\n}\n.svc-matrix-cell--selected.svc-visible {\n  display: block;\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n}\n\n.svc-matrix-cell__question-controls {\n  display: none;\n  position: absolute;\n  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  z-index: 2;\n}\n\n.svc-matrix-cell__question-controls-button {\n  display: block;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  border-radius: 50%;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n}\n.svc-matrix-cell__question-controls-button use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n  display: block;\n}\n\n.svc-question__content--in-popup {\n  width: calc(100% - 25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-matrix-cell__popup .sv-popup__scrolling-content {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-top: 0;\n}\n.svc-matrix-cell__popup .svc-question__content {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.svc-question__content .sd-table__cell--detail-panel {\n  padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}","@import \"../variables.scss\";\n\n.svd-test-results {\n  font-family: $font-family;\n  border-radius: 4px;\n  box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n\n  .svd-test-results__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: calcSize(2) calcSize(3);\n    font-size: calcSize(2);\n    color: $foreground-light;\n    border-bottom: 2px solid $border-light;\n    background-color: $background;\n\n    .svd-test-results__header-text {\n      margin: 0;\n    }\n\n    .svd-test-results__header-types {\n      display: flex;\n      gap: calcSize(1);\n    }\n  }\n\n  .svd-test-results__text {\n    display: flex;\n    padding: calcSize(2) calcSize(3);\n    width: calc(100% - calcSize(6));\n    overflow: auto;\n    user-select: text;\n    white-space: pre-wrap;\n    background-color: $background;\n  }\n\n  .svd-test-results__table {\n    background-color: $background;\n    width: 100%;\n    box-shadow: $shadow-small;\n\n    table {\n      width: 100%;\n      border-collapse: collapse;\n\n      .svd-test-results__marker {\n        position: absolute;\n        top: calcSize(1.5);\n\n        .sv-svg-icon {\n          transition: transform 0.2s ease-in-out;\n\n          use {\n            fill: $foreground-light;\n          }\n        }\n\n        &.svd-test-results__marker--expanded .sv-svg-icon {\n          transform-origin: center;\n          transform: rotate(90deg);\n        }\n      }\n\n      th {\n        padding: calcSize(1) calcSize(1);\n        background-color: $background-dim;\n        text-align: left;\n        font-weight: 600;\n        font-size: 12px;\n        color: $foreground-light;\n\n        &:nth-child(1) {\n          padding-left: calcSize(3);\n        }\n      }\n\n      td {\n        padding: calcSize(1) calcSize(1);\n        max-width: calcSize(50);\n        overflow: auto;\n        border-top: 2px solid $border-light;\n        user-select: text;\n\n        &:nth-child(1) {\n          position: relative;\n          width: 50%;\n          font-weight: 600;\n        }\n\n        &:nth-child(2) {\n          width: 50%;\n          padding-right: calcSize(3);\n        }\n      }\n\n      .survey-result-value {\n        word-break: break-all;\n      }\n\n      tr {\n        vertical-align: top;\n\n        .svd-test-results__node-value {\n          color: $foreground-light;\n        }\n      }\n    }\n  }\n}",".svd-test-results {\n  font-family: var(--sjs-font-family, var(--font-family));\n  border-radius: 4px;\n  box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.svd-test-results .svd-test-results__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-text {\n  margin: 0;\n}\n.svd-test-results .svd-test-results__header .svd-test-results__header-types {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svd-test-results .svd-test-results__text {\n  display: flex;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: auto;\n  user-select: text;\n  white-space: pre-wrap;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.svd-test-results .svd-test-results__table {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  width: 100%;\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.svd-test-results .svd-test-results__table table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker {\n  position: absolute;\n  top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon {\n  transition: transform 0.2s ease-in-out;\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {\n  transform-origin: center;\n  transform: rotate(90deg);\n}\n.svd-test-results .svd-test-results__table table th {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  text-align: left;\n  font-weight: 600;\n  font-size: 12px;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.svd-test-results .svd-test-results__table table th:nth-child(1) {\n  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table td {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));\n  max-width: calc(50 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: auto;\n  border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  user-select: text;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(1) {\n  position: relative;\n  width: 50%;\n  font-weight: 600;\n}\n.svd-test-results .svd-test-results__table table td:nth-child(2) {\n  width: 50%;\n  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svd-test-results .svd-test-results__table table .survey-result-value {\n  word-break: break-all;\n}\n.svd-test-results .svd-test-results__table table tr {\n  vertical-align: top;\n}\n.svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}","@import \"../../variables.scss\";\n\n.svc-designer-header .sd-container-modern__title {\n  gap: 0;\n  column-gap: calcSize(6);\n}\n\n.svc-logo-image {\n  position: relative;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: 0;\n  cursor: pointer;\n  max-width: 50%;\n  .sd-logo__image {\n    max-width: 100%;\n  }\n  .svc-image-item-value-controls {\n    display: block;\n    top: calcSize(2.5);\n    right: calcSize(1.5);\n  }\n}\n\n.svc-logo-image__loading {\n  width: calcSize(8);\n  height: calcSize(8);\n  padding: calcSize(1);\n  box-sizing: border-box;\n  margin-right: calcSize(-2);\n}\n\n.svc-logo-image-placeholder {\n  font-size: calcSize(4);\n  color: $foreground-light;\n  opacity: 0.25;\n  white-space: nowrap;\n  word-break: keep-all;\n  padding: 0;\n  width: calcSize(8);\n  height: calcSize(8);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calcSize(-2);\n  border-radius: calcSize(4);\n\n  &:hover {\n    background-color: $primary-light;\n    opacity: unset;\n\n    use {\n      fill: $primary;\n    }\n  }\n\n  svg {\n    width: calcSize(4);\n    height: calcSize(4);\n  }\n}\n\n.svc-logo-image-placeholder use {\n  fill: $foreground-light;\n}\n\n.svc-logo-image-container {\n  position: relative;\n\n  .sd-logo {\n    margin: 0;\n  }\n}\n\n.svc-logo-image-controls {\n  opacity: 0;\n  width: max-content;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n  cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n  .svc-logo-image-controls {\n    display: none;\n  }\n}\n\n.svc-logo-image-container--editable:focus-within,\n.svc-logo-image-container--editable:hover {\n  .svc-logo-image-controls {\n    opacity: 1;\n  }\n}",".svc-designer-header .sd-container-modern__title {\n  gap: 0;\n  column-gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image {\n  position: relative;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: 0;\n  cursor: pointer;\n  max-width: 50%;\n}\n.svc-logo-image .sd-logo__image {\n  max-width: 100%;\n}\n.svc-logo-image .svc-image-item-value-controls {\n  display: block;\n  top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image__loading {\n  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder {\n  font-size: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.25;\n  white-space: nowrap;\n  word-break: keep-all;\n  padding: 0;\n  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-logo-image-placeholder:hover {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  opacity: unset;\n}\n.svc-logo-image-placeholder:hover use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-logo-image-placeholder svg {\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-logo-image-placeholder use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-logo-image-container {\n  position: relative;\n}\n.svc-logo-image-container .sd-logo {\n  margin: 0;\n}\n\n.svc-logo-image-controls {\n  opacity: 0;\n  width: max-content;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n  cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {\n  display: none;\n}\n\n.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,\n.svc-logo-image-container--editable:hover .svc-logo-image-controls {\n  opacity: 1;\n}","@import \"../variables.scss\";\n\n.svc-question-link__set-button {\n  font-weight: 600;\n  cursor: pointer;\n}\n.svc-link-value-button {\n  margin-left: calcSize(-2);\n}\n.svc-question-link__clear-button {\n  color: $red;\n  font-weight: 600;\n  cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n  background-color: $red-light;\n}\n",".svc-question-link__set-button {\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.svc-link-value-button {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-question-link__clear-button {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__item {\n  margin: calcSize(2) 0;\n  width: 100%;\n}\n",".svc-property-panel__item {\n  margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  width: 100%;\n}","@import \"../../variables.scss\";\n\n.svc-property-panel__group {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  padding: calcSize(2);\n  border: none;\n  outline: none;\n  color: $foreground-light;\n  cursor: pointer;\n  text-align: left;\n  background: $background;\n  box-shadow: inset 0px -1px 0px $border;\n  font-family: $font-family;\n  font-size: calcSize(2);\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n  background-color: $background;\n  color: $foreground;\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-property-panel__group:hover {\n  background-color: $background-dim;\n  color: $foreground-light;\n  font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n  color: $foreground;\n  font-weight: 600;\n  background-color: $background;\n}",".svc-property-panel__group {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  cursor: pointer;\n  text-align: left;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-property-panel__group:disabled,\n.svc-property-panel__group:disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n  cursor: default;\n}\n\n.svc-property-panel__group:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-weight: 400;\n}\n\n.svc-property-panel__group--active,\n.svc-property-panel__group--active:hover {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 600;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu-item {\n  padding: calcSize(2) calcSize(3);\n  height: calcSize(8);\n  line-height: calcSize(4);\n  box-sizing: border-box;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n    background-color: $background-dim;\n    box-shadow: inset 0px -1px 0px $border;\n    outline: none;\n  }\n}\n\n.svc-tabbed-menu-item--selected {\n  background: $background;\n  box-shadow: inset 0px -2px 0px $primary;\n  &:hover,\n  &:focus {\n    background: $background;\n    box-shadow: inset 0px -2px 0px $primary;\n  }\n}\n\n.svc-tabbed-menu-item--disabled {\n  cursor: default;\n  color: $foreground;\n  opacity: 0.25;\n  &:hover {\n    background-color: $background;\n  }\n}\n\n.svc-tabbed-menu-item--hidden {\n  visibility: hidden;\n}\n.svc-tabbed-menu-item {\n  .svc-tabbed-menu-item__text {\n    white-space: nowrap;\n    line-height: calcSize(4);\n  }\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n  width: auto;\n}\n",".svc-tabbed-menu-item {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n  outline: none;\n}\n\n.svc-tabbed-menu-item--selected {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-tabbed-menu-item--disabled {\n  cursor: default;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.svc-tabbed-menu-item--disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-tabbed-menu-item--hidden {\n  visibility: hidden;\n}\n\n.svc-tabbed-menu-item .svc-tabbed-menu-item__text {\n  white-space: nowrap;\n  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n  width: auto;\n}","@import \"../../variables.scss\";\n\n.svc-tabbed-menu {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  align-items: center;\n  height: calcSize(8);\n}\n\n.svc-tabbed-menu-wrapper {\n  flex: 1 1 auto;\n  overflow: hidden;\n}",".svc-tabbed-menu {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  align-items: center;\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-tabbed-menu-wrapper {\n  flex: 1 1 auto;\n  overflow: hidden;\n}","@import \"../../variables.scss\";\n@import \"../../variables-layer.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: 0 calcSize(1.5);\n\n  sv-svg-icon,\n  .sv-svg-icon {\n    display: block;\n    height: calcSize(3);\n  }\n}\n\n.svc-toolbox__tool {\n  sv-svg-icon,\n  .sv-svg-icon {\n    pointer-events: none;\n  }\n}\n\n// is always visible\n.svc-toolbox__item-container {\n  outline: none;\n  padding: calcSize(1) 0;\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(-4.5);\n  height: calcSize(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\n\n  .svc-toolbox__tool:hover,\n  .svc-toolbox__tool--hovered,\n  .svc-toolbox__item:focus {\n    .svc-toolbox__item-banner {\n      padding-right: calcSize(1.5);\n      padding-left: calcSize(2);\n      margin-left: calcSize(-2);\n      margin-right: calcSize(-3);\n      flex-direction: row-reverse;\n      transform: translateX(calc(1.5 * #{$base-unit}));\n      .svc-toolbox__item-title {\n        padding-right: calcSize(4);\n        padding-left: calcSize(1);\n      }\n    }\n  }\n\n  .svc-toolbox__item-banner {\n    margin-right: calcSize(-4.5);\n    margin-left: 0;\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__category {\n    align-items: flex-end;\n  }\n  .svc-toolbox__tool {\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__tool:hover,\n.svc-toolbox__tool--hovered,\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    margin-right: calcSize(-2);\n    opacity: 1;\n\n    .svc-toolbox__item-title {\n      padding-left: calcSize(4);\n    }\n  }\n}\n\n.svc-toolbox__tool--disabled {\n  pointer-events: none;\n\n  .sv-svg-icon {\n    opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);\n    use {\n      fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));\n    }\n  }\n\n  .svc-toolbox__item-title {\n    opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\n  }\n}\n\n.svc-toolbox:not(.svc-toolbox--compact) {\n  .svc-toolbox__item:not(.sv-dots):focus,\n  .svc-toolbox__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots),\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    .svc-toolbox__item:not(.sv-dots) {\n      color: $foreground;\n      opacity: 0.5;\n\n      .sv-svg-icon use {\n        fill: $foreground;\n        opacity: 0.5;\n      }\n    }\n\n    .svc-toolbox__item.svc-toolbox__item-subtype {\n      opacity: unset;\n    }\n  }\n}\n\n.toolbox-subtypes {\n  .sv-popup__container {\n    box-shadow: unset;\n    background: unset;\n  }\n  \n  .sv-list__container {\n    flex-wrap: wrap;\n    column-gap: calcSize(2);\n  }\n\n  .sv-popup__shadow {\n    box-shadow: unset;\n  }\n\n  .sv-popup__body-content {\n    background: unset;\n    padding: 0;\n  }\n  .sv-popup__scrolling-content {\n    padding: calcSize(1) calcSize(2);\n    overflow: visible;\n  }\n\n  .sv-list__item:hover > .sv-list__item-body,\n  .sv-list__item:focus > .sv-list__item-body {\n    background-color: unset;\n  }\n\n  .svc-toolbox__item.svc-toolbox__item-subtype {\n    opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);\n    overflow: hidden;\n    border-radius: calcSize(12.5);\n    background: var(--ctr-toolbox-item-background-color-submenu, $layer-2-background-500);\n    box-shadow: $shadow-small, $shadow-medium;\n    transition: 0.1s ease-in-out;\n    padding: calcSize(1.5) calcSize(2);\n\n    .svc-toolbox__item-title {\n      color: var(--ctr-toolbox-item-text-color-submenu, $layer-2-foreground-100);\n    }\n  }\n\n  .svc-toolbox__tool:hover,\n  .svc-toolbox__tool--hovered,\n  .svc-toolbox__item:focus {\n    .svc-toolbox__item-subtype {\n      background: var(--ctr-toolbox-item-background-color-hovered, $layer-1-background-500);\n      opacity: unset;\n\n      .svc-toolbox__item-title {\n        color: var(--ctr-toolbox-item-text-color-hovered, $layer-1-foreground-100);\n      }\n    }\n  }\n\n  .svc-toolbox__item-title {\n    padding: 0;\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: 0 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__tool sv-svg-icon,\n.svc-toolbox__tool .sv-svg-icon {\n  pointer-events: none;\n}\n\n.svc-toolbox__item-container {\n  outline: none;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\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(-4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-icon {\n  position: absolute;\n  display: block;\n  left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-toolbox__item-banner .svc-toolbox__item-title {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.svc-toolbox__item-banner .sv-svg-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.svc-creator__toolbox--right .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n.svc-creator__toolbox--right .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__tool:hover .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__tool--hovered .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item:focus .svc-toolbox__item-banner {\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: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: row-reverse;\n  transform: translateX(calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-creator__toolbox--right .svc-toolbox__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-creator__toolbox--right .svc-toolbox__tool--hovered .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__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[dir=rtl] .svc-toolbox__tool--hovered .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__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction:rtl\"] .svc-toolbox__tool--hovered .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__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n[style*=\"direction: rtl\"] .svc-toolbox__tool--hovered .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-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-creator__toolbox--right .svc-toolbox__item-banner,\n[dir=rtl] .svc-toolbox__item-banner,\n[style*=\"direction:rtl\"] .svc-toolbox__item-banner,\n[style*=\"direction: rtl\"] .svc-toolbox__item-banner {\n  margin-right: calc(-4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: 0;\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__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__tool,\n[dir=rtl] .svc-toolbox__tool,\n[style*=\"direction:rtl\"] .svc-toolbox__tool,\n[style*=\"direction: rtl\"] .svc-toolbox__tool {\n  align-items: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[dir=rtl] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction:rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon,\n[style*=\"direction: rtl\"] .svc-toolbox__item-banner .svc-toolbox__item-icon {\n  left: auto;\n  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__item-title {\n  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(0.75 * var(--small-bold-font-size));\n  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  display: block;\n  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__tool:hover .svc-toolbox__item-banner,\n.svc-toolbox__tool--hovered .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  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n}\n.svc-toolbox__tool:hover .svc-toolbox__item-banner .svc-toolbox__item-title,\n.svc-toolbox__tool--hovered .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__tool--disabled {\n  pointer-events: none;\n}\n.svc-toolbox__tool--disabled .sv-svg-icon {\n  opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);\n}\n.svc-toolbox__tool--disabled .sv-svg-icon use {\n  fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));\n}\n.svc-toolbox__tool--disabled .svc-toolbox__item-title {\n  opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\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__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots),\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__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots) .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__tool--hovered > .sv-action__content > .svc-toolbox__item:not(.sv-dots) .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:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) {\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:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.5;\n}\n.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item.svc-toolbox__item-subtype,\n.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item.svc-toolbox__item-subtype {\n  opacity: unset;\n}\n\n.toolbox-subtypes .sv-popup__container {\n  box-shadow: unset;\n  background: unset;\n}\n.toolbox-subtypes .sv-list__container {\n  flex-wrap: wrap;\n  column-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.toolbox-subtypes .sv-popup__shadow {\n  box-shadow: unset;\n}\n.toolbox-subtypes .sv-popup__body-content {\n  background: unset;\n  padding: 0;\n}\n.toolbox-subtypes .sv-popup__scrolling-content {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: visible;\n}\n.toolbox-subtypes .sv-list__item:hover > .sv-list__item-body,\n.toolbox-subtypes .sv-list__item:focus > .sv-list__item-body {\n  background-color: unset;\n}\n.toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype {\n  opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);\n  overflow: hidden;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--ctr-toolbox-item-background-color-submenu, var(--sjs-layer-2-background-500, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n  transition: 0.1s ease-in-out;\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.toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype .svc-toolbox__item-title {\n  color: var(--ctr-toolbox-item-text-color-submenu, var(--sjs-layer-2-foreground-100, rgba(0, 0, 0, 0.9098039216)));\n}\n.toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype,\n.toolbox-subtypes .svc-toolbox__tool--hovered .svc-toolbox__item-subtype,\n.toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype {\n  background: var(--ctr-toolbox-item-background-color-hovered, var(--sjs-layer-1-background-500, var(--sjs-general-backcolor, var(--background, #fff))));\n  opacity: unset;\n}\n.toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype .svc-toolbox__item-title,\n.toolbox-subtypes .svc-toolbox__tool--hovered .svc-toolbox__item-subtype .svc-toolbox__item-title,\n.toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype .svc-toolbox__item-title {\n  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, var(--sjs-general-forecolor, var(--foreground, #161616))));\n}\n.toolbox-subtypes .svc-toolbox__item-title {\n  padding: 0;\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  display: flex;\n  flex-direction: column;\n\n  .spg-search-editor_container {\n    padding-top: calcSize(1.5);\n    padding-inline-end: calcSize(2);\n    padding-bottom: calcSize(2.5);\n    padding-inline-start: calcSize(3);\n    width: unset;\n    flex-grow: 1;\n  }\n  .spg-search-editor_input {\n    width: 0;\n    flex-grow: 1;\n  }\n  .spg-search-editor_toolbar-counter {\n    display: none;\n  }\n  .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed) {\n    &:hover:enabled {\n      background-color: $red-light;\n      border-radius: 100px;\n      svg use {\n        fill: $red;\n      }\n    }\n  }\n}\n\n.svc-toolbox__scroller {\n  padding: calcSize(1) calcSize(1.5) calcSize(2);\n  box-sizing: border-box;\n  overflow: hidden;\n  direction: rtl;\n  flex-grow: 1;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n.svc-side-bar {\n  .svc-toolbox {\n    direction: ltr;\n  }\n}\n\n.svc-toolbox--compact {\n  width: 100vw;\n  margin-right: calc(-100vw + calcSize(10.5));\n\n  .spg-search-editor_container {\n    opacity: 0;\n    position: absolute;\n  }\n  .svc-toolbox__category-separator--search {\n    margin-bottom: 0;\n    margin-top: calcSize(1.5);\n    min-height: 1px;\n  }\n}\n.svc-toolbox__tool.svc-toolbox__search-button {\n  z-index: 20;\n  justify-content: center;\n  align-items: center;\n  \n  .sv-dots__item {\n    margin-top: 0;\n    width: calcSize(5);\n  }\n}\n\n.svc-toolbox--flyout {\n  width: 100vw;\n  margin-right: calc(-100vw + calcSize(10.5));\n  overflow: visible;\n  .spg-search-editor_container {\n    opacity: 1;\n    position: relative;\n  }\n  .svc-toolbox__panel {\n    z-index: 200;\n    position: relative;\n    background: $background-dim;\n    width: fit-content;\n    box-shadow:\n      1px 0 0 0 $border-inside,\n      $shadow-medium,\n      $shadow-large;\n  }\n}\n\n.svc-toolbox--scrollable {\n  .svc-toolbox__scroller {\n    overflow-y: auto;\n  }\n}\n\n.svc-toolbox--scrollable.svc-toolbox--scroll-locked {\n  .svc-toolbox__scroller {\n    overflow: scroll;\n  }\n}\n\n.svc-toolbox--searchable {\n  .svc-toolbox__scroller {\n    padding-top: 0;\n  }\n  .svc-toolbox__search-container {\n    display: flex;\n  }\n  &:not(.svc-toolbox--scrollable) {\n    .svc-toolbox__scroller {\n      padding-top: calcSize(9);\n      .svc-toolbox__search-container {\n        top: calcSize(-9);\n        margin-top: calcSize(-9);\n      }\n    }\n  }\n}\n\n.svc-toolbox__panel {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  &:not(.svc-creator__toolbox--right) {\n    .svc-toolbox__search-container {\n      direction: rtl;\n    }\n  }\n  .svc-toolbox__scroller {\n    direction: ltr;\n  }\n\n  .svc-toolbox__panel {\n    direction: rtl;\n  }\n  .svc-toolbox--compact {\n    margin-right: 0;\n    margin-left: calc(-100vw + calcSize(10.5));\n    direction: ltr;\n  }\n  .svc-toolbox--flyout {\n    margin-right: 0;\n    margin-left: calc(-100vw + calcSize(10.5));\n    direction: ltr;\n    align-items: flex-end;\n\n    .svc-toolbox__panel {\n      box-shadow:\n        -1px 0 0 0 $border-inside,\n        $shadow-medium,\n        $shadow-large;\n    }\n  }\n\n  .svc-toolbox__tool {\n    .sv-action__content {\n      align-items: flex-end;\n    }\n  }\n}\n\n.svc-toolbox__container {\n  direction: ltr;\n}\n\n.svc-toolbox--compact:not(.svc-toolbox--flyout) {\n  .svc-toolbox__search-container {\n    max-width: fit-content;\n    margin-left: 0;\n    margin-right: 0;\n    width: calcSize(6);\n  }\n}\n\n.svc-toolbox__search-container {\n  direction: ltr;\n  position: sticky;\n  top: 0;\n  z-index: 30;\n  background-color: $background-dim;\n  padding-top: calcSize(1);\n  margin-bottom: calcSize(1);\n  margin-right: calcSize(-1.5);\n  margin-left: calcSize(-1.5);\n  display: none;\n  flex-direction: column;\n  width: calc(100% + calcSize(3));\n  box-sizing: border-box;\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  flex-direction: column;\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(5);\n  background-color: $border;\n  margin: calcSize(1.5) calcSize(0.5) calcSize(1);\n}\n\n.svc-toolbox--filtering {\n  .svc-toolbox__category-separator {\n    display: none;\n  }\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.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: calcSize(0.25) 0;\n    padding-block-start: calcSize(0.5);\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.svc-toolbox__category--collapsed {\n  .svc-toolbox__tool {\n    height: 0;\n    visibility: hidden;\n  }\n}\n.svc-toolbox__category--empty {\n  height: 0;\n  visibility: hidden;\n}\n\n.svc-toolbox__placeholder {\n  padding-top: calcSize(12);\n  margin-left: auto;\n  margin-right: auto;\n  color: $foreground-light;\n  @include defaultFont;\n  font-size: 12px;\n}\n","svc-toolbox {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n}\n\n.svc-toolbox {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.svc-toolbox .spg-search-editor_container {\n  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: unset;\n  flex-grow: 1;\n}\n.svc-toolbox .spg-search-editor_input {\n  width: 0;\n  flex-grow: 1;\n}\n.svc-toolbox .spg-search-editor_toolbar-counter {\n  display: none;\n}\n.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-radius: 100px;\n}\n.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled svg use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.svc-toolbox__scroller {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.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  overflow: hidden;\n  direction: rtl;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n.svc-side-bar .svc-toolbox {\n  direction: ltr;\n}\n\n.svc-toolbox--compact {\n  width: 100vw;\n  margin-right: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox--compact .spg-search-editor_container {\n  opacity: 0;\n  position: absolute;\n}\n.svc-toolbox--compact .svc-toolbox__category-separator--search {\n  margin-bottom: 0;\n  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: 1px;\n}\n\n.svc-toolbox__tool.svc-toolbox__search-button {\n  z-index: 20;\n  justify-content: center;\n  align-items: center;\n}\n.svc-toolbox__tool.svc-toolbox__search-button .sv-dots__item {\n  margin-top: 0;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox--flyout {\n  width: 100vw;\n  margin-right: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: visible;\n}\n.svc-toolbox--flyout .spg-search-editor_container {\n  opacity: 1;\n  position: relative;\n}\n.svc-toolbox--flyout .svc-toolbox__panel {\n  z-index: 200;\n  position: relative;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  width: fit-content;\n  box-shadow: 1px 0 0 0 var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n}\n\n.svc-toolbox--scrollable .svc-toolbox__scroller {\n  overflow-y: auto;\n}\n\n.svc-toolbox--scrollable.svc-toolbox--scroll-locked .svc-toolbox__scroller {\n  overflow: scroll;\n}\n\n.svc-toolbox--searchable .svc-toolbox__scroller {\n  padding-top: 0;\n}\n.svc-toolbox--searchable .svc-toolbox__search-container {\n  display: flex;\n}\n.svc-toolbox--searchable:not(.svc-toolbox--scrollable) .svc-toolbox__scroller {\n  padding-top: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-toolbox--searchable:not(.svc-toolbox--scrollable) .svc-toolbox__scroller .svc-toolbox__search-container {\n  top: calc(-9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-top: calc(-9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__panel {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-creator__toolbox--right:not(.svc-creator__toolbox--right) .svc-toolbox__search-container,\n[dir=rtl]:not(.svc-creator__toolbox--right) .svc-toolbox__search-container,\n[style*=\"direction:rtl\"]:not(.svc-creator__toolbox--right) .svc-toolbox__search-container,\n[style*=\"direction: rtl\"]:not(.svc-creator__toolbox--right) .svc-toolbox__search-container {\n  direction: rtl;\n}\n.svc-creator__toolbox--right .svc-toolbox__scroller,\n[dir=rtl] .svc-toolbox__scroller,\n[style*=\"direction:rtl\"] .svc-toolbox__scroller,\n[style*=\"direction: rtl\"] .svc-toolbox__scroller {\n  direction: ltr;\n}\n.svc-creator__toolbox--right .svc-toolbox__panel,\n[dir=rtl] .svc-toolbox__panel,\n[style*=\"direction:rtl\"] .svc-toolbox__panel,\n[style*=\"direction: rtl\"] .svc-toolbox__panel {\n  direction: rtl;\n}\n.svc-creator__toolbox--right .svc-toolbox--compact,\n[dir=rtl] .svc-toolbox--compact,\n[style*=\"direction:rtl\"] .svc-toolbox--compact,\n[style*=\"direction: rtl\"] .svc-toolbox--compact {\n  margin-right: 0;\n  margin-left: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  direction: ltr;\n}\n.svc-creator__toolbox--right .svc-toolbox--flyout,\n[dir=rtl] .svc-toolbox--flyout,\n[style*=\"direction:rtl\"] .svc-toolbox--flyout,\n[style*=\"direction: rtl\"] .svc-toolbox--flyout {\n  margin-right: 0;\n  margin-left: calc(-100vw + 10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  direction: ltr;\n  align-items: flex-end;\n}\n.svc-creator__toolbox--right .svc-toolbox--flyout .svc-toolbox__panel,\n[dir=rtl] .svc-toolbox--flyout .svc-toolbox__panel,\n[style*=\"direction:rtl\"] .svc-toolbox--flyout .svc-toolbox__panel,\n[style*=\"direction: rtl\"] .svc-toolbox--flyout .svc-toolbox__panel {\n  box-shadow: -1px 0 0 0 var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n}\n.svc-creator__toolbox--right .svc-toolbox__tool .sv-action__content,\n[dir=rtl] .svc-toolbox__tool .sv-action__content,\n[style*=\"direction:rtl\"] .svc-toolbox__tool .sv-action__content,\n[style*=\"direction: rtl\"] .svc-toolbox__tool .sv-action__content {\n  align-items: flex-end;\n}\n\n.svc-toolbox__container {\n  direction: ltr;\n}\n\n.svc-toolbox--compact:not(.svc-toolbox--flyout) .svc-toolbox__search-container {\n  max-width: fit-content;\n  margin-left: 0;\n  margin-right: 0;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-toolbox__search-container {\n  direction: ltr;\n  position: sticky;\n  top: 0;\n  z-index: 30;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: calc(-1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: none;\n  flex-direction: column;\n  width: calc(100% + 3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\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  flex-direction: column;\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(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n  margin: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-toolbox--filtering .svc-toolbox__category-separator {\n  display: none;\n}\n\n.svc-toolbox__category-header {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calc(20 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n\n.svc-toolbox__category-header--collapsed {\n  cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: bold;\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  vertical-align: middle;\n  display: block;\n}\n\n.svc-toolbox__category-header__controls {\n  position: absolute;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: none;\n}\n\n.svc-toolbox__category-header__button {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {\n  display: block;\n}\n\n.svc-toolbox__tool {\n  cursor: default;\n}\n.svc-toolbox__tool .sv-action__content {\n  display: flex;\n  padding-block-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.svc-toolbox__category--collapsed .svc-toolbox__tool {\n  height: 0;\n  visibility: hidden;\n}\n\n.svc-toolbox__category--empty {\n  height: 0;\n  visibility: hidden;\n}\n\n.svc-toolbox__placeholder {\n  padding-top: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-font-size));\n  font-size: 12px;\n}","@import \"../../variables.scss\";\n\n.svc-side-bar__container {\n  display: block;\n  position: relative;\n  font-family: $font-family;\n  min-width: 370px;\n  width: 450px;\n  height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n  width: 3px;\n  height: 100%;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  background-color: transparent;\n  cursor: e-resize;\n}\n\n.svc-resizer-west {\n  left: 0;\n}\n\n.svc-resizer-east {\n  right: 0;\n}\n\n.svc-side-bar__container-header {\n  background: $background;\n  box-shadow: inset 0px -2px 0px $primary;\n  // text-align: right;\n  line-height: calcSize(3);\n  display: flex;\n  height: calcSize(8);\n}\n\n.svc-side-bar__container-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  height: calc(100% - calc(8 * #{$base-unit}));\n  overflow-y: auto;\n  background-color: $background;\n}\n\n.svc-side-bar__container-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0px calcSize(2) calcSize(3);\n  box-sizing: border-box;\n  background: $background-dim;\n  box-shadow: inset 0px -1px 0px $border;\n}\n\n.svc-side-bar__container-title {\n  display: flex;\n  line-height: calcSize(4.5);\n  flex-grow: 1;\n  flex-shrink: 0;\n  justify-content: flex-end;\n  padding: calcSize(1.5) calcSize(2);\n}\n\n.svc-side-bar__container-actions {\n  width: 100%;\n  box-sizing: border-box;\n  padding: calcSize(1.5) calcSize(1);\n\n  .sv-action-bar {\n    justify-content: flex-end;\n    padding: 0;\n  }\n}\n\n\n.svc-flex-column.svc-side-bar__wrapper {\n  width: auto;\n  border-left: 1px solid $border;\n  height: 100%;\n  background-color: $background-dim;\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n.svc-flyout-side-bar {\n  width: 0;\n  overflow: visible;\n\n  .svc-side-bar__shadow {\n    background-color: $foreground-light;\n    opacity: 0.75;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 900;\n  }\n\n  .svc-side-bar__wrapper {\n    border-left: none;\n    z-index: 1000;\n    position: absolute;\n    right: 0;\n    display: inline-block;\n    height: 100%;\n    max-width: 100%;\n  }\n}\n\n.sv-action--object-selector {\n  max-width: 70%;\n\n  .sv-action-bar-item {\n    flex-shrink: 1;\n  }\n\n  .sv-action-bar-item__title {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n  flex-direction: row-reverse;\n\n  .svc-side-bar__wrapper {\n    left: 0;\n    right: unset;\n  }\n\n  .svc-side-bar__container-header .sv-action-bar {\n    flex-direction: row-reverse;\n  }\n\n  .sv-action--object-selector {\n    justify-content: flex-start;\n    flex: 1;\n    display: flex;\n  }\n\n  .svd-grid-hide .sv-svg-icon {\n    transform: rotate(180deg);\n  }\n}\n\n.svd-grid-hide {\n  margin-inline-end: auto;\n\n}\n\n.sv-mobile-side-bar {\n  .svc-flyout-side-bar .svc-side-bar__wrapper {\n    width: 100%;\n  }\n  .svc-side-bar__container {\n    width: 100%;\n  }\n}\n\n.svc-side-bar {\n  .svc-toolbox {\n    width: 100%;\n  }\n}",".svc-side-bar__container {\n  display: block;\n  position: relative;\n  font-family: var(--sjs-font-family, var(--font-family));\n  min-width: 370px;\n  width: 450px;\n  height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n  width: 3px;\n  height: 100%;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  background-color: transparent;\n  cursor: e-resize;\n}\n\n.svc-resizer-west {\n  left: 0;\n}\n\n.svc-resizer-east {\n  right: 0;\n}\n\n.svc-side-bar__container-header {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  overflow-y: auto;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.svc-side-bar__container-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.svc-side-bar__container-title {\n  display: flex;\n  line-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-grow: 1;\n  flex-shrink: 0;\n  justify-content: flex-end;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-side-bar__container-actions {\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.svc-side-bar__container-actions .sv-action-bar {\n  justify-content: flex-end;\n  padding: 0;\n}\n\n.svc-flex-column.svc-side-bar__wrapper {\n  width: auto;\n  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  height: 100%;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n.svc-flyout-side-bar {\n  width: 0;\n  overflow: visible;\n}\n.svc-flyout-side-bar .svc-side-bar__shadow {\n  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.75;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 900;\n}\n.svc-flyout-side-bar .svc-side-bar__wrapper {\n  border-left: none;\n  z-index: 1000;\n  position: absolute;\n  right: 0;\n  display: inline-block;\n  height: 100%;\n  max-width: 100%;\n}\n\n.sv-action--object-selector {\n  max-width: 70%;\n}\n.sv-action--object-selector .sv-action-bar-item {\n  flex-shrink: 1;\n}\n.sv-action--object-selector .sv-action-bar-item__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n  flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {\n  left: 0;\n  right: unset;\n}\n.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {\n  flex-direction: row-reverse;\n}\n.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {\n  justify-content: flex-start;\n  flex: 1;\n  display: flex;\n}\n.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon {\n  transform: rotate(180deg);\n}\n\n.svd-grid-hide {\n  margin-inline-end: auto;\n}\n\n.sv-mobile-side-bar .svc-flyout-side-bar .svc-side-bar__wrapper {\n  width: 100%;\n}\n.sv-mobile-side-bar .svc-side-bar__container {\n  width: 100%;\n}\n\n.svc-side-bar .svc-toolbox {\n  width: 100%;\n}",".spg-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  padding-right: calcSize(0.5);\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n  .sv-action:not(.sv-action--hidden):not(:last-of-type)>.sv-action__content {\n    padding-right: 0;\n  }\n}\n.spg-action-button {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  color: $primary;\n  font-weight: 600;\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  font-family: $font-family;\n  border-radius: calcSize(12.5);\n  background-color: transparent;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n      opacity: 1;\n      outline: none;\n      background-color: $primary-light;\n      use {\n          fill: $primary;\n      }\n  }\n}\n.spg-action-button__icon {\n  display: block;\n  use {\n    fill: $foreground-light;\n  }\n}\n.spg-action-button--danger {\n  color: $red;\n  &:hover,\n  &:focus {\n    background-color: $red-light;\n    use {\n        fill: $red;\n    }\n  }\n}\nbutton.spg-action-button--large {\n  padding: calcSize(0.5) calcSize(2);\n}\n.spg-action-button:disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  cursor: default;\n}\n.spg-action-button--muted {\n  opacity: 0.5;\n}\n.spg-action-button:active {\n  opacity: 0.5;\n}\n.spg-action-button--text {\n  padding: calcSize(0.5) calcSize(2);\n}",".spg-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.spg-action-bar .sv-action:not(.sv-action--hidden):not(:last-of-type) > .sv-action__content {\n  padding-right: 0;\n}\n\n.spg-action-button {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n  cursor: pointer;\n}\n.spg-action-button:hover, .spg-action-button:focus {\n  opacity: 1;\n  outline: none;\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.spg-action-button:hover use, .spg-action-button:focus use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-action-button__icon {\n  display: block;\n}\n.spg-action-button__icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-action-button--danger {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.spg-action-button--danger:hover, .spg-action-button--danger:focus {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.spg-action-button--danger:hover use, .spg-action-button--danger:focus use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\nbutton.spg-action-button--large {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-action-button:disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  cursor: default;\n}\n\n.spg-action-button--muted {\n  opacity: 0.5;\n}\n\n.spg-action-button:active {\n  opacity: 0.5;\n}\n\n.spg-action-button--text {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n}\n\n.spg-question__header {\n  width: 100%;\n}\n\n.spg-question__title {\n  width: 100%;\n  margin: 0;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-weight: normal;\n  box-sizing: border-box;\n}\n\n.spg-question__content {\n  width: 100%;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n  position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n  display: flex;\n}\n\n.spg-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: var(--sjs-font-family, var(--font-family));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  position: absolute;\n  inset-inline-end: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-block-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__description {\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: normal;\n}\n\n.spg-row-narrow__question {\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-row--multiple > div > .spg-row-narrow__question {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question--location--left {\n  flex-direction: row;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  line-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: middle;\n  align-items: stretch;\n}\n.spg-question--location--left:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-question__header--location--left {\n  width: auto;\n  box-sizing: border-box;\n  max-width: 50%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n.spg-question__header--location--left .spg-question__title {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  display: inline-block;\n}\n\n.spg-question__content--left {\n  flex: 2;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input {\n  background-color: transparent;\n  box-shadow: none;\n  border: none;\n}\n.spg-question__content--left .spg-input.spg-input.spg-input:focus, .spg-question__content--left .spg-input.spg-input.spg-input:focus-within {\n  box-shadow: none;\n}\n\n.spg-row--multiple {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  flex-wrap: wrap;\n}\n.spg-row--multiple > div {\n  flex-grow: 1;\n  min-width: calc(25.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div .spg-question__header--location--left {\n  min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-row--multiple > div input {\n  min-width: max(17 * var(--sjs-base-unit, var(--base-unit, 8px)), 100%);\n  width: 0;\n}\n\n.spg-question__erbox {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__erbox > div,\nsv-question-error > div {\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-question__erbox-icon {\n  display: block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-repeat: no-repeat;\n  background-position: 0 0;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: normal;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-restfull .spg-panel__content,\n.spg-masksettings .spg-panel__content {\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-restfull .spg-panel__content .spg-row,\n.spg-masksettings .spg-panel__content .spg-row {\n  margin-top: 0;\n}\n\n.spg-input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  width: 100%;\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  outline: none;\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-input::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-input:focus,\n.spg-input.spg-dropdown:focus,\n.spg-input.spg-dropdown:focus-within,\n.spg-input-container:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\n.spg-input[type=color] {\n  padding-left: 0;\n  padding-right: 0;\n  min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-input__edit-button {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  outline: none;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  line-height: 0;\n}\n.spg-input__edit-button:focus, .spg-input__edit-button:hover {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-input__edit-button:active {\n  opacity: 0.5;\n}\n.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {\n  opacity: 0.25;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-input__edit-button svg {\n  height: 24px;\n  width: 24px;\n  fill: rgba(0, 0, 0, 0.45);\n}\n\n.spg-input.spg-input--error {\n  box-shadow: 0 0 0 1px inset var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.spg-input-container {\n  display: flex;\n  justify-content: space-between;\n  cursor: default;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  align-items: center;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: 0 0 0 1px inset var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.spg-input-container--multiline {\n  align-items: end;\n  flex-direction: column;\n  gap: 0;\n  height: auto;\n}\n.spg-input-container--multiline sv-ng-question-comment {\n  display: flex;\n}\n.spg-input-container--multiline .spg-input-container__input {\n  box-sizing: border-box;\n  resize: none;\n}\n\n.spg-input-container__input {\n  flex-grow: 1;\n  width: 100%;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  outline: none;\n  border: none;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n  opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n  display: flex;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-dropdown {\n  border-radius: 0;\n  display: flex;\n  padding-right: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-position: right calc(1.625 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n  line-height: unset;\n}\n\n.spg-dropdown_chevron-button {\n  line-height: normal;\n}\n\n.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {\n  height: 0;\n}\n\n.spg-comment {\n  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: 100%;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-panel__title {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  box-sizing: border-box;\n  width: 100%;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  cursor: pointer;\n  text-align: left;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 400;\n  margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n  cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-panel__title--expanded {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 600;\n}\n\n.spg-panel__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-panel__content .spg-row {\n  width: 100%;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-panel__content .spg-row--multiple {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-mobile-side-bar .spg-panel__content {\n  padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-question__nopadding .spg-panel__content {\n  padding: 0px;\n  box-shadow: unset;\n}\n\n.spg-checkbox {\n  cursor: pointer;\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox--disabled {\n  cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox {\n  cursor: default;\n}\n.spg-checkbox--disabled .spg-checkbox__caption {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-checkbox__caption {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-checkbox__rectangle {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-shrink: 0;\n  padding: 1px 1px;\n}\n\n.spg-checkbox:hover .spg-checkbox__rectangle {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.spg-checkbox--disabled .spg-checkbox__rectangle:hover {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-checkbox__control:focus + .spg-checkbox__rectangle {\n  outline: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n  display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n  display: block;\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-repeat: no-repeat;\n  background-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-checkbox__control {\n  position: fixed;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n.spg-checkbox__hidden {\n  display: none;\n}\n\n.spg-selectbase {\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.spg-selectbase__label {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-checkbox .spg-question__description {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-checkbox .spg-help-action use {\n  pointer-events: none;\n}\n\n.spg-matrixdynamic__drag-element {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-matrixdynamic__drag-element:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.spg-matrixdynamic__drag-element:after {\n  content: \" \";\n  display: block;\n  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-drag-element__svg {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: block;\n  opacity: 0.5;\n}\n.spg-drag-element__svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n  position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  content: \"\";\n  width: 100%;\n  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  position: absolute;\n  left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n  top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  bottom: 0;\n}\n\n.spg-matrixdynamic__placeholder {\n  padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n}\n.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {\n  display: initial;\n}\n\n.spg-matrixdynamic__placeholder-text {\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-matrixdynamic__add-btn {\n  display: none;\n  appearance: none;\n  border: none;\n  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 600;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-smiley-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-radius: 100px;\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-smiley-icon svg {\n  width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.spg-table-wrapper {\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  border-bottom: none;\n}\n\n.spg-table {\n  width: 100%;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-collapse: collapse;\n}\n.spg-table tr {\n  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.spg-table__cell {\n  padding: 0;\n}\n.spg-table__cell .spg-checkbox {\n  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--detail-panel {\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.spg-table__cell--detail-panel .spg-panel__content {\n  box-shadow: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n  padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n  appearance: none;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: none;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: auto;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {\n  padding-right: 0;\n}\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n  display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n  width: max-content;\n  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-position: right calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:first-of-type {\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-table__cell--actions:last-of-type .spg-action-bar {\n  justify-content: flex-end;\n}\n\n.spg-table__cell--actions > .spg-matrixdynamic__drag-element {\n  display: inline-block;\n  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: move;\n}\n\n.spg-table__cell--header {\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: normal;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100px;\n  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.spg-table__cell--header span {\n  display: none;\n}\n.spg-table__cell--header .sv-string-viewer {\n  display: inline;\n  white-space: unset;\n}\n\n.spg-table__question-wrapper {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.spg-question-group .spg-row {\n  margin-top: 0;\n}\n.spg-question-group .spg-row:not(:first-of-type) {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.spg-color-editor__color-input {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  left: 0;\n  top: 100%;\n  transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n  display: flex;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-item .spg-color-editor__color-swatch {\n  margin-left: 0;\n}\n\n.spg-color-editor__color-swatch {\n  position: relative;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border-radius: 3px;\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.16);\n  margin-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-color-editor__color-swatch .sv-svg-icon {\n  position: absolute;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.spg-color-editor__color-swatch--disabled .sv-svg-icon {\n  opacity: 0.25;\n}\n\n.spg-color-editor__color-swatch--default .sv-svg-icon {\n  opacity: 1;\n}\n\n.spg-color-editor .spg-input__edit-button + * {\n  margin-inline-end: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-file-edit__choose-button {\n  position: relative;\n}\n\n.spg-link {\n  display: flex;\n}\n\n.sv-string-viewer .spg-link {\n  display: initial;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  text-decoration-line: underline;\n}\n\n.spg-theme-builder-root .sv-skeleton-element {\n  min-height: 50px;\n}\n.spg-theme-builder-root .spg-paneldynamic__separator {\n  border: none;\n  margin: 0;\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.spg-theme-builder-root .spg-panel__footer {\n  justify-content: center;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;\n  padding: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__add-btn {\n  margin: 0 auto;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {\n  display: none;\n}\n.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {\n  min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);\n  min-width: auto;\n}\n.spg-theme-builder-root .spg-row--multiple > div input {\n  min-width: 0;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {\n  height: auto;\n}\n.spg-theme-builder-root .sv-button-group {\n  overflow: hidden;\n}\n.spg-theme-builder-root .spg-question__header--location--left {\n  width: max-content;\n  flex: 0 0;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.spg-theme-builder-root .spg-question__header--location--left .spg-question__title .sv-string-viewer {\n  white-space: nowrap;\n}\n.spg-theme-builder-root .spg-nested-panel {\n  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-nested-panel::after {\n  content: \" \";\n  display: block;\n  position: relative;\n  left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n  height: 1px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {\n  margin-top: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {\n  padding-bottom: 0;\n}\n.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,\n.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {\n  content: none;\n}\n.spg-theme-builder-root .spg-theme-group-caption {\n  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  line-height: calc(1.5 * var(--default-bold-font-size));\n  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n  position: relative;\n  top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n  cursor: auto;\n}\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,\n.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {\n  background-color: unset;\n}\n.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {\n  pointer-events: none;\n}\n.spg-theme-builder-root .spg-header {\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .sd-question--title-top .spg-paneldynamic {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean) {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n  margin-top: 0;\n}\n.spg-theme-builder-root .spg-question__content-coloralpha {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-theme-builder-root .spg-question-composite__content .spg-row:first-of-type {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root .spg-nested-panel__content::after {\n  width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n  left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n  min-width: 0;\n  flex: 0 0 max-content;\n}\n\n.spg-link-wrapper--overriding {\n  align-self: end;\n}\n.spg-link-wrapper--overriding .svc-action-button {\n  text-decoration: underline;\n  padding: 0;\n  border: none;\n  margin: 0;\n}\n.spg-link-wrapper--overriding .svc-action-button:focus, .spg-link-wrapper--overriding .svc-action-button:hover {\n  background-color: transparent;\n}\n\n.spg-editor--highlighted .spg-input,\n.spg-editor--highlighted .spg-input-container,\n.spg-editor--highlighted .spg-question--location--left,\n.spg-editor--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content {\n  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  outline-offset: -2px;\n}\n.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,\n.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {\n  box-shadow: none;\n}\n.spg-editor--highlighted .svc-action-button {\n  background-color: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n}\n.spg-editor--highlighted .sv-button-group {\n  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n.spg-editor--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {\n  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n  outline-offset: -2px;\n}\n\n.spg-search-editor_container {\n  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  display: flex;\n  align-items: center;\n}\n\n.spg-search-editor_input {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-style: normal;\n  font-weight: 600;\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background: transparent;\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n  padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n  font-size: max(16px, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.spg-search-editor_input::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-search-editor_toolbar {\n  display: flex;\n  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action-bar {\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n  display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: min-content;\n  margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: 600;\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_search-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-search-editor_search-icon .sv-svg-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-search-editor_search-icon .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.spg-root-modern {\n  position: relative;\n  width: 100%;\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n}\n.spg-root-modern .sd-row--fade-out,\n.spg-root-modern .sd-row--fade-in {\n  animation: none;\n}\n.spg-root-modern .sd-element-wrapper--fade-out,\n.spg-root-modern .sd-element-wrapper--fade-in {\n  animation: none;\n}\n.spg-root-modern .sd-element__content--fade-in,\n.spg-root-modern .sd-element__content--fade-out {\n  animation: none;\n}\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-in,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-out,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-out-left,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-out-right,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-in-left,\n.spg-root-modern .sd-paneldynamic__panel-wrapper--fade-in-right {\n  animation: none;\n}\n.spg-root-modern .sd-table__row--fade-out,\n.spg-root-modern .sd-table__row--fade-in {\n  animation: none;\n}\n\n.spg-container {\n  width: 100%;\n}\n.spg-container * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.spg-container.spg-container_search {\n  height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n  height: calc(100% - 1px - 7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: auto;\n}\n\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-popup_shadow {\n  background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-root-modern {\n  background-color: transparent;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sd-page {\n  margin: 0;\n  padding: 0;\n}\n.sv-popup--modal.sv-property-editor .sv-popup__container .sv-components-column--expandable {\n  min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--modal .sv-popup__footer {\n  padding-bottom: 2px;\n}\n.sv-popup--modal .sd-body,\n.sv-popup--modal .sl-body {\n  min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n  --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-object-selector__content {\n  position: relative;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.spg-title .spg-action-bar {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: 1px;\n}\n\n.spg-body {\n  width: 100%;\n}\n\n.spg-body--empty {\n  margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.spg-title-toolobar--single-help-action {\n  justify-content: flex-start;\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action {\n  flex-grow: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon {\n  opacity: 0.5;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:focus,\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:hover {\n  opacity: 1;\n}\n.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button:active {\n  opacity: 0.5;\n}\n.spg-title-toolobar--single-help-action .spg-help-action svg {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}",".spg-question {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n}\n\n.spg-question__header {\n  width: 100%;\n}\n\n@mixin question_tile {\n  width: 100%;\n  margin: 0;\n  padding: calcSize(1) 0;\n  line-height: calcSize(3);\n  font-size: calcSize(2);\n  font-family: $font-family;\n  color: $foreground-light;\n  font-weight: normal;\n  box-sizing: border-box;\n}\n\n.spg-question__title {\n  @include question_tile;\n}\n\n.spg-question__content {\n  width: 100%;\n  color: $primary;\n  cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n  position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n  display: flex;\n}\n\n.spg-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: $font-family;\n  line-height: calcSize(2);\n  font-size: calcSize(1.5);\n  color: $foreground-light;\n  position: absolute;\n  inset-inline-end: calcSize(0.75);\n  inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n  line-height: calcSize(2);\n  font-size: calcSize(1.5);\n  color: $foreground-dim-light;\n  padding-bottom: calcSize(2);\n  white-space: normal;\n}\n\n.spg-row-narrow__question {\n  margin-top: calcSize(-2);\n}\n\n.spg-row--multiple {\n  &>div>.spg-row-narrow__question {\n    margin-top: calcSize(-1);\n  }\n}\n\n.spg-question--location--left {\n  flex-direction: row;\n  background: $background;\n  box-shadow: inset 0 0 0 1px $border-inside;\n  line-height: calcSize(6);\n  vertical-align: middle;\n  align-items: stretch;\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px $primary;\n  }\n}\n\n.spg-question__header--location--left {\n  width: auto;\n  box-sizing: border-box;\n  max-width: 50%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n\n  .spg-question__title {\n    padding: calcSize(1) calcSize(2);\n    border-right: 1px solid $border;\n    display: inline-block;\n  }\n}\n\n.spg-question__content--left {\n  flex: 2;\n\n  .spg-input.spg-input.spg-input {\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n\n    &:focus,\n    &:focus-within {\n      box-shadow: none;\n    }\n  }\n}\n\n.spg-row--multiple {\n  display: flex;\n  gap: calcSize(1);\n  flex-wrap: wrap;\n\n  &>div {\n    flex-grow: 1;\n    min-width: calcSize(25.5);\n\n    .spg-question__header--location--left {\n      min-width: calcSize(8);\n    }\n\n    input {\n      min-width: calc(max(17 * #{$base-unit}, 100%));\n      width: 0;\n    }\n  }\n}\n\n.spg-question__erbox {\n  padding: calcSize(1) calcSize(1.5) calcSize(1) calcSize(1.5);\n  color: $foreground;\n  background-color: $red-light;\n  border-radius: calcSize(0.5);\n  line-height: calcSize(3);\n}\n\n.spg-question__erbox,\nsv-question-error {\n  &>div {\n    display: flex;\n    gap: calcSize(1);\n  }\n}\n\n.spg-question__erbox-icon {\n  display: block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: calcSize(3);\n  height: calcSize(3);\n  background-size: calcSize(3) calcSize(3);\n  background-repeat: no-repeat;\n  background-position: 0 0;\n  line-height: calcSize(3);\n  white-space: normal;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E\");\n}\n\n.spg-question__erbox--location--bottom {\n  margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n  .spg-panel__content {\n    gap: calcSize(2);\n\n    .spg-row {\n      margin-top: 0;\n    }\n  }\n}",".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\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n  color: $foreground;\n  opacity: 0.25;\n}\n\n.spg-input[type=\"color\"] {\n  padding-left: 0;\n  padding-right: 0;\n  min-width: calcSize(8);\n}\n\n.spg-input__edit-button {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  background: $background;\n  border: none;\n  outline: none;\n  width: calcSize(5);\n  height: calcSize(5);\n  padding: calcSize(1);\n  line-height: 0;\n\n  &:focus,\n  &:hover {\n    background: $background-dim;\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n\n  &.spg-input__edit-button--disabled,\n  &:disabled {\n    opacity: 0.25;\n    background: $background;\n  }\n\n  svg {\n    height: 24px;\n    width: 24px;\n    fill: rgba(0, 0, 0, 0.45);\n  }\n}\n\n.spg-input.spg-input--error {\n  box-shadow: 0 0 0 1px inset $red;\n}\n\n.spg-input-container {\n  display: flex;\n  justify-content: space-between;\n  cursor: default;\n  padding: calcSize(0.5);\n  align-items: center;\n  gap: calcSize(0.5);\n  box-shadow: 0 0 0 1px inset $border-inside;\n}\n\n.spg-input-container--multiline {\n  align-items: end;\n  flex-direction: column;\n  gap: 0;\n  height: auto;\n\n  sv-ng-question-comment {\n    display: flex;\n  }\n\n  .spg-input-container__input {\n    box-sizing: border-box;\n    resize: none;\n  }\n}\n\n.spg-input-container__input {\n  flex-grow: 1;\n  width: 100%;\n  padding: calcSize(1) calcSize(1.5);\n  color: $foreground;\n  font-size: calcSize(2);\n  font-family: $font-family;\n  outline: none;\n  border: none;\n  line-height: calcSize(3);\n  background-color: transparent;\n}\n\n.spg-input-container__input:disabled {\n  opacity: 0.25;\n}\n\n.spg-input-container__buttons-container {\n  display: flex;\n  gap: calcSize(0.5);\n}",".spg-dropdown {\n    border-radius: 0;\n    display: flex;\n    padding-right: calcSize(5.5);\n    line-height: calcSize(3);\n    background-position: right calcSize(1.625) top 50%, 0 0;\n}\n\n.spg-dropdown__filter-string-input {\n    line-height: unset;\n}\n.spg-dropdown_chevron-button {\n    line-height: normal;\n}\n.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {\n    height: 0;\n}",".spg-comment {\n  height: calcSize(9);\n  max-width: 100%;\n  min-width: calcSize(6);\n  min-height: calcSize(6);\n  line-height: calcSize(3);\n}\n",".spg-panel__title {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  box-sizing: border-box;\n  width: 100%;\n  padding: calcSize(2);\n  border: none;\n  outline: none;\n  color: $foreground-light;\n  cursor: pointer;\n  text-align: left;\n  background-color: $background;\n  box-shadow: inset 0px -1px 0px $border;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  font-weight: 400;\n  margin: 0;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n  color: $foreground;\n  opacity: 0.25;\n  cursor: default;\n}\n\n.spg-panel__title--collapsed:hover,\n.spg-panel__title--expandable:focus {\n  background-color: $background-dim;\n}\n\n.spg-panel__title--expanded {\n  color: $foreground;\n  font-weight: 600;\n}\n\n.spg-panel__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding: 0 calcSize(4) calcSize(5);\n  box-sizing: border-box;\n  background: $background-dim;\n  box-shadow: inset 0px -1px 0px $border;\n}\n\n.spg-panel__content {\n  .spg-row {\n    width: 100%;\n    margin-top: calcSize(2);\n  }\n\n  .spg-row--multiple {\n    margin-top: calcSize(1);\n  }\n}\n\n.sv-mobile-side-bar {\n  .spg-panel__content {\n    padding: 0 calcSize(2) calcSize(5);\n  }\n}\n\n.spg-question__nopadding {\n  .spg-panel__content {\n    padding: 0px;\n    box-shadow: unset;\n  }\n}",".spg-checkbox {\n  cursor: pointer;\n  margin-top: calcSize(2);\n}\n\n.spg-checkbox--disabled {\n  cursor: default;\n\n  .spg-checkbox {\n    cursor: default;\n  }\n\n  .spg-checkbox__caption {\n    color: $foreground-light;\n  }\n}\n\n.spg-checkbox__caption {\n  font-family: $font-family;\n  font-size: calcSize(2);\n  color: $foreground;\n  line-height: calcSize(3);\n}\n\n.spg-checkbox__rectangle {\n  background: $background;\n  border: 1px solid $border;\n  box-sizing: border-box;\n  width: calcSize(3);\n  height: calcSize(3);\n  flex-shrink: 0;\n  // padding: calcSize(0.5);\n  padding: 1px 1px;\n}\n\n.spg-checkbox:hover {\n  .spg-checkbox__rectangle {\n    background-color: $background-dim;\n  }\n}\n\n.spg-checkbox--disabled {\n  .spg-checkbox__rectangle:hover {\n    background: $background;\n  }\n}\n\n.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n  outline: 2px solid $primary;\n  outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n  display: none;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n  display: block;\n  width: calcSize(2.5);\n  height: calcSize(2.5);\n  background-repeat: no-repeat;\n  background-size: calcSize(2) calcSize(2);\n  fill: $primary;\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n  fill: $border;\n}\n\n.spg-checkbox__control {\n  position: fixed;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n//todo: need to hide unneeded icons\n.spg-checkbox__hidden {\n  display: none;\n}\n\n.spg-selectbase {\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.spg-selectbase__label {\n  display: flex;\n  align-items: flex-start;\n  gap: calcSize(1);\n}\n\n.spg-checkbox {\n  .spg-question__description {\n    padding: calcSize(1) 0 0 calcSize(4);\n  }\n\n  .spg-help-action {\n    use {\n      pointer-events: none;\n    }\n  }\n}",".spg-matrixdynamic__drag-element {\n  padding: calcSize(2);\n  &:hover {\n    background-color: $background;\n  }\n  &:after {\n    content: \" \";\n    display: block;\n    height: calcSize(0.5);\n  }\n}\n\n.spg-drag-element__svg {\n  width: calcSize(3);\n  height: calcSize(3);\n  padding: calcSize(1);\n  display: block;\n  opacity: 0.5;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n  position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  content: \"\";\n  width: 100%;\n  height: calcSize(0.5);\n  background-color: $secondary;\n  position: absolute;\n  left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n  top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n  bottom: 0;\n}\n.spg-matrixdynamic__placeholder {\n  padding: calcSize(6) 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: $background;\n  border: 1px solid $border;\n  box-sizing: border-box;\n  .spg-matrixdynamic__add-btn {\n    display: initial;\n  }\n}\n.spg-matrixdynamic__placeholder-text {\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n  color: $foreground-light;\n}\n.spg-matrixdynamic__add-btn {\n  display: none;\n  appearance: none;\n  border: none;\n  margin-top: calcSize(0.5);\n  background: transparent;\n  color: $primary;\n  font-family: $font-family;\n  font-size: calcSize(2);\n  font-weight: 600;\n  line-height: calcSize(3);\n}\n\n.spg-smiley-icon {\n  width: calcSize(3);\n  height: calcSize(3);\n  margin: calcSize(1);\n  border-radius: 100px;\n  border: 1px solid $foreground;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calcSize(4);\n\n  svg {\n    width: calcSize(1.5);\n    height: calcSize(1.5);\n    fill: $foreground;\n  }\n}",".spg-table-wrapper {\n  border: 1px solid $border;\n  border-bottom: none;\n}\n\n.spg-table {\n  width: 100%;\n  background-color: $background;\n  border-collapse: collapse;\n\n  tr {\n    border-bottom: 1px solid $border;\n  }\n}\n\n.spg-table__cell {\n  padding: 0;\n\n  .spg-checkbox {\n    margin: 0 calcSize(2);\n  }\n}\n\n.spg-table__cell--detail-panel {\n  background: $background-dim;\n\n  .spg-panel__content {\n    box-shadow: none;\n  }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n  padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n  appearance: none;\n  line-height: calcSize(3);\n  font-size: calcSize(2);\n  box-shadow: none;\n  border-radius: calcSize(0.5);\n  background-color: transparent;\n  padding: calcSize(1);\n  height: auto;\n\n  &[type=\"color\"] {\n    padding-right: 0;\n  }\n\n  &:focus,\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px $primary;\n  }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n  display: none;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {\n  width: max-content;\n  padding-right: calcSize(4);\n  background-size: calcSize(3) calcSize(3);\n  background-position: right calcSize(0.5) top 50%, 0 0;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n  padding-left: calcSize(2);\n}\n\n.spg-table__cell--actions:first-of-type {\n  width: calcSize(5);\n}\n\n.spg-table__cell--actions:last-of-type {\n  .spg-action-bar {\n    justify-content: flex-end;\n  }\n}\n\n.spg-table__cell--actions>.spg-matrixdynamic__drag-element {\n  display: inline-block;\n  margin-top: calcSize(0.5);\n  cursor: move;\n}\n\n.spg-table__cell--header {\n  font-size: calcSize(1.5);\n  font-weight: normal;\n  color: $foreground-light;\n  line-height: calcSize(3);\n  background: $background-dim;\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100px;\n  padding-left: calcSize(1);\n\n  span {\n    display: none;\n  }\n\n  .sv-string-viewer {\n    display: inline;\n    white-space: unset;\n  }\n}\n\n.spg-table__question-wrapper {\n  padding: calcSize(0.5) 0;\n}",".spg-question-group {\n  .spg-row {\n    margin-top: 0;\n    &:not(:first-of-type) {\n      margin-top: calcSize(1);\n    }\n  }\n}\n",".spg-color-editor__color-input {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  left: 0;\n  top: 100%;\n  transform: translateY(-50%);\n}\n\n.spg-color-editor__color-item {\n  display: flex;\n  gap: calcSize(2);\n\n  .spg-color-editor__color-swatch {\n    margin-left: 0;\n  }\n}\n\n.spg-color-editor__color-swatch {\n  position: relative;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border-radius: 3px;\n  width: calcSize(4);\n  height: calcSize(3);\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.16);\n  margin-left: calcSize(1.5);\n\n  .sv-svg-icon {\n    position: absolute;\n    width: calcSize(2);\n    height: calcSize(2);\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    fill: $background;\n  }\n}\n\n.spg-color-editor__color-swatch--disabled {\n  .sv-svg-icon {\n    opacity: 0.25;\n  }\n}\n\n.spg-color-editor__color-swatch--default {\n  .sv-svg-icon {\n    opacity: 1;\n  }\n}\n\n.spg-color-editor .spg-input__edit-button+* {\n  margin-inline-end: calcSize(-0.5);\n}",".spg-file-edit__choose-button {\n  position: relative;\n}\n",".spg-link {\n  display: flex;\n}\n\n.sv-string-viewer {\n  .spg-link {\n    display: initial;\n    color: $primary;\n    font-weight: 600;\n    text-decoration-line: underline;\n  }\n}",".spg-theme-builder-root {\n  .sv-skeleton-element {\n    min-height: 50px;\n  }\n\n  .spg-paneldynamic__separator {\n    border: none;\n    margin: 0;\n    height: calcSize(1);\n  }\n\n  .spg-panel__footer {\n    justify-content: center;\n    margin: calcSize(1) 0 0 0;\n    padding: 0;\n  }\n\n  .spg-paneldynamic__add-btn {\n    margin: 0 auto;\n  }\n\n  .spg-row--multiple {\n    .spg-spin-editor {\n      .spg-input-container__buttons-container {\n        display: none;\n      }\n    }\n\n    .spg-question__header--location--left {\n      min-width: auto;\n    }\n\n    &>div {\n      flex-grow: 1;\n      flex-shrink: 1;\n      flex-basis: calc(50% - #{$base-unit} * 0.5);\n      min-width: auto;\n\n      input {\n        min-width: 0;\n      }\n\n      .spg-question--location--left {\n        height: calcSize(6);\n        box-sizing: border-box;\n\n        .spg-input {\n          height: auto;\n        }\n      }\n    }\n  }\n\n  .sv-button-group {\n    overflow: hidden;\n  }\n\n  .spg-question__header--location--left {\n    width: max-content;\n    flex: 0 0;\n\n    .spg-question__title {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .sv-string-viewer {\n          white-space: nowrap;\n        }\n    }\n  }\n\n  //2 level nested\n  .spg-nested-panel {\n    padding-bottom: calcSize(5);\n\n    &::after {\n      content: \" \";\n      display: block;\n      position: relative;\n      left: calcSize(-4);\n      top: calc(5 * #{$base-unit});\n      width: calc(8 * #{$base-unit} + 100%);\n      height: 1px;\n      background-color: $border;\n    }\n  }\n\n  .spg-nested-panel__content > .spg-row:first-of-type {\n    margin-top: 0;\n  }\n\n  .spg-paneldynamic__panel-wrapper > .spg-nested-panel,\n  .spg-row:last-of-type > div > .spg-nested-panel {\n    padding-bottom: 0;\n\n    &::after {\n      content: none;\n    }\n  }\n\n  .spg-theme-group-caption {\n    @include defaultBold;\n    color: $foreground-dim;\n\n    position: relative;\n    top: calc(4 * #{$base-unit});\n    padding: calc(1 * #{$base-unit}) 0;\n    cursor: auto;\n  }\n\n  .sv-theme-group_title-action .spg-action-button:hover,\n  .sv-theme-group_title-action .spg-action-button:focus {\n    background-color: unset;\n  }\n\n  .sd-panel__header.sd-element__header .spg-action-bar {\n    pointer-events: none;\n  }\n\n  .spg-header {\n    margin-top: calcSize(-2);\n  }\n  .sd-question--title-top .spg-paneldynamic {\n    margin-top: calcSize(-1);\n  }\n  .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean) {\n    margin-top: calcSize(-1);\n  }\n  .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n    margin-top: 0;\n  }\n  .spg-question__content-coloralpha {\n    margin-top: calcSize(-1);\n  }\n  .spg-question-composite__content .spg-row:first-of-type {\n    margin-top: calcSize(1);\n  }\n}\n\n.sv-mobile-side-bar .spg-theme-builder-root {\n  .spg-nested-panel__content::after {\n    width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n    left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  }\n}",".spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n  min-width: 0;\n  flex: 0 0 max-content;\n}\n.spg-link-wrapper--overriding {\n  align-self: end;\n  .svc-action-button {\n    text-decoration: underline;\n    padding: 0;\n    border: none;\n    margin: 0;\n    &:focus,\n    &:hover {\n      background-color: transparent;\n    }\n  }\n}",".spg-editor--highlighted {\n  .spg-input,\n  .spg-input-container,\n  .spg-question--location--left,\n  .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n    box-shadow: 0 0 0 2px $secondary;\n  }\n  .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n  .spg-matrixdynamic__content.spg-text__content {\n    outline: 2px solid $secondary;\n    outline-offset: -2px;\n\n    .spg-input {\n      box-shadow: none;\n    }\n  }\n  .svc-action-button {\n    background-color: $secondary-light;\n  }\n  .sv-button-group {\n    box-shadow: 0 0 0 1px $secondary;\n    border-color: $secondary;\n  }\n  .spg-checkbox__control + .spg-checkbox__rectangle {\n    outline: 2px solid $secondary;\n    outline-offset: -2px;\n  }\n}\n\n.spg-search-editor_container {\n  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.spg-search-editor_container {\n  border-bottom: 1px solid $border;\n  background: $background-dim;\n  padding: calcSize(2);\n  height: calcSize(3);\n  width: calc(100% - calc(4 * #{$base-unit}));\n  display: flex;\n  align-items: center;\n}\n\n.spg-search-editor_input {\n  @include textEllipsis;\n  color: $foreground;\n\n  font-family: $font-family;\n  font-size: calcSize(1.5);\n  font-style: normal;\n  font-weight: 600;\n  line-height: calcSize(2);\n\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  display: block;\n  background: transparent;\n  box-sizing: border-box;\n  width: 100%;\n  outline: none;\n  padding-inline-start: calcSize(1);\n  padding-inline-end: calcSize(1);\n}\n\n.svc-creator--mobile .spg-search-editor_input {\n  $fontSize: calcSize(1.5);\n  font-size: Max(16px, #{$fontSize});\n}\n\n.spg-search-editor_input::placeholder {\n  color: $foreground-light;\n}\n\n.spg-search-editor_toolbar {\n  display: flex;\n  gap: calcSize(1.5);\n  justify-content: flex-end;\n  align-items: center;\n  flex-shrink: 0;\n}\n.spg-search-editor_toolbar .sv-action-bar {\n  gap: calcSize(0.5);\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_toolbar .sv-action--hidden {\n  display: none;\n}\n\n.spg-search-editor_toolbar .spg-search-editor_bar-item {\n  padding: calcSize(0.5);\n  height: min-content;\n  margin: 0;\n}\n\n.spg-search-editor_toolbar-counter {\n  color: $foreground-light;\n\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calcSize(1.5);\n  line-height: calcSize(2);\n  display: flex;\n  flex-shrink: 0;\n}\n\n.spg-search-editor_search-icon {\n  width: calcSize(3);\n  height: calcSize(3);\n\n  .sv-svg-icon {\n    width: calcSize(3);\n    height: calcSize(3);\n\n    use {\n      fill: $foreground-light;\n    }\n  }\n}\n","@import \"../variables.scss\";\n\n@import \"blocks/spg-action-bar.scss\";\n@import \"blocks/spg-question.scss\";\n@import \"blocks/spg-input.scss\";\n@import \"blocks/spg-dropdown.scss\";\n@import \"blocks/spg-comment.scss\";\n@import \"blocks/spg-panel.scss\";\n@import \"blocks/spg-checkbox.scss\";\n@import \"blocks/spg-matrixdynamic.scss\";\n@import \"blocks/spg-table.scss\";\n@import \"blocks/spg-question-group.scss\";\n@import \"blocks/spg-color-editor.scss\";\n@import \"blocks/spg-file-edit.scss\";\n@import \"blocks/spg-link\";\n@import \"blocks/spg-theme-builder.scss\";\n@import \"blocks/spg-overriding.scss\";\n@import \"blocks/spg-search-editor.scss\";\n\n.spg-root-modern {\n  position: relative;\n  width: 100%;\n  border-right: 1px solid $border;\n  box-sizing: border-box;\n  @include disableAnimations;\n}\n\n.spg-container {\n  width: 100%;\n  @include disableTransitionAnimations;\n}\n\n.spg-container.spg-container_search {\n  height: 100%;\n}\n\n.spg-container_search .spg-root-modern {\n  height: calc(100% - 1px - calcSize(7));\n  overflow: auto;\n}\n\n.sv-popup--modal {\n  &.sv-property-editor .sv-popup__container {\n    .sv-popup_shadow {\n      background-color: transparent;\n    }\n\n    .sd-root-modern {\n      background-color: transparent;\n    }\n\n    .sd-page {\n      margin: 0;\n      padding: 0;\n    }\n\n    .sv-components-column--expandable {\n      min-width: calcSize(78);\n    }\n  }\n\n  .sv-popup__footer {\n    padding-bottom: 2px;\n  }\n\n  .sd-body,\n  .sl-body {\n    min-width: calcSize(78);\n  }\n}\n\n.sv-popup.sv-property-editor .sd-root-modern {\n  --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n  margin-left: calcSize(1);\n  margin-right: calcSize(1);\n}\n\n.svc-object-selector__content {\n  position: relative;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.spg-title {\n  .spg-action-bar {\n    margin-top: calcSize(-1);\n    margin-bottom: calcSize(-1);\n    margin-right: 1px;\n  }\n}\n\n.spg-body {\n  width: 100%;\n}\n\n.spg-body--empty {\n  margin: calcSize(3);\n}\n\n.spg-title-toolobar--single-help-action {\n  justify-content: flex-start;\n  padding-left: calcSize(0.5);\n\n  // flex-grow: 0;\n  // margin-left: 0;\n  // padding-left: 0;\n\n  .spg-help-action {\n    flex-grow: 1;\n    .spg-action-button--icon {\n      opacity: 0.5;\n      padding: calcSize(0.5);\n    }\n\n    .spg-action-button--icon:focus,\n    .spg-action-button--icon:hover {\n      opacity: 1;\n    }\n\n    .spg-action-button:active {\n      opacity: 0.5;\n    }\n\n    svg {\n      fill: $foreground-dim-light;\n    }\n  }\n}\n","@import \"../variables.scss\";\n\n.svc-text {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: normal;\n  color: $foreground;\n}\n\n.svc-text--normal {\n  font-size: calcSize(2);\n  line-height: calcSize(3);\n}\n\n.svc-text--small {\n  font-size: calcSize(1.5);\n  line-height: calcSize(2);\n}\n\n.svc-text--bold {\n  font-weight: 600;\n}\n",".svc-text {\n  font-family: var(--sjs-font-family, var(--font-family));\n  font-style: normal;\n  font-weight: normal;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.svc-text--normal {\n  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--small {\n  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-text--bold {\n  font-weight: 600;\n}","@import \"../variables.scss\";\n\n.svc-flex-container {\n  display: flex;\n}\n\n.svc-flex-row {\n  display: flex;\n  flex-direction: row;\n  background: $background-dim;\n}\n\n.svc-full-container {\n  height: 100%;\n  width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n  height: calcSize(60);\n  min-height: calcSize(60);\n  flex-grow: 1;\n  position: relative;\n}\n.svc-flex-row__element--growing {\n  flex: 1;\n  overflow: auto;\n}\n\n.svc-flex-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  height: calcSize(5);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  height: calcSize(4);\n}\n.svc-creator--mobile {\n  .sv-action-bar-separator {\n    height: calcSize(3);\n  }\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  font-weight: 600;\n  align-items: center;\n}\n\n.svc-top-bar {\n  display: flex;\n  background: $background;\n  box-sizing: border-box;\n  box-shadow: inset 0px -1px 0px $border;\n\n  .svc-toolbar-wrapper {\n    flex: 0 0 auto;\n    display: flex;\n\n    .sv-action-bar {\n      padding: 0 calcSize(1);\n      justify-content: flex-end;\n    }\n    \n    .sv-action-bar-separator {\n      display: none;\n    }\n    .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n      display: inline-block;\n    }\n\n    .sv-action .sv-action-bar-item {\n      margin: 0 calcSize(1);\n    }\n  }\n}\n.svc-footer-bar {\n  .svc-toolbar-wrapper {\n    height: calcSize(6);\n\n    .sv-action-bar {\n      justify-content: center;\n      padding: 0;\n      width: 100%;\n\n      height: calc(6 * #{$base-unit});\n      background: $background;\n      border-top: 1px solid $border;\n      box-sizing: border-box;\n    }\n  }\n}",".svc-flex-container {\n  display: flex;\n}\n\n.svc-flex-row {\n  display: flex;\n  flex-direction: row;\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.svc-full-container {\n  height: 100%;\n  width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n  height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-grow: 1;\n  position: relative;\n}\n\n.svc-flex-row__element--growing {\n  flex: 1;\n  overflow: auto;\n}\n\n.svc-flex-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.svc-creator--mobile .sv-action-bar-separator {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  font-weight: 600;\n  align-items: center;\n}\n\n.svc-top-bar {\n  display: flex;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.svc-top-bar .svc-toolbar-wrapper {\n  flex: 0 0 auto;\n  display: flex;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  justify-content: flex-end;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {\n  display: none;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n  display: inline-block;\n}\n.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {\n  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.svc-footer-bar .svc-toolbar-wrapper {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {\n  justify-content: center;\n  padding: 0;\n  width: 100%;\n  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n}"],"sourceRoot":""}