npm - survey-creator-core - Versions diffs - 1.12.3 → 1.12.4 - Mend

survey-creator-core 1.12.3 → 1.12.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

package/5dcaaadc5b1c048d6daa.png +0 -0
package/5e87e454a7071a571216.png +0 -0
package/a7b373b83d0c1e0262bd.png +0 -0
package/cc27e2890751d1ea0380.png +0 -0
package/e8dfbe2bdd7c9dca5efa.png +0 -0
package/fonts.fontless.css +1 -1
package/fonts.fontless.min.css +1 -1
package/i18n/arabic.js +1 -1
package/i18n/arabic.min.js.LICENSE.txt +1 -1
package/i18n/bulgarian.js +1 -1
package/i18n/bulgarian.min.js.LICENSE.txt +1 -1
package/i18n/croatian.js +1 -1
package/i18n/croatian.min.js.LICENSE.txt +1 -1
package/i18n/czech.js +1 -1
package/i18n/czech.min.js.LICENSE.txt +1 -1
package/i18n/danish.js +1 -1
package/i18n/danish.min.js.LICENSE.txt +1 -1
package/i18n/dutch.js +1 -1
package/i18n/dutch.min.js.LICENSE.txt +1 -1
package/i18n/english.js +17 -1
package/i18n/english.js.map +1 -1
package/i18n/english.min.js +1 -1
package/i18n/english.min.js.LICENSE.txt +1 -1
package/i18n/finnish.js +1 -1
package/i18n/finnish.min.js.LICENSE.txt +1 -1
package/i18n/french.js +1 -1
package/i18n/french.min.js.LICENSE.txt +1 -1
package/i18n/german.js +1 -1
package/i18n/german.min.js.LICENSE.txt +1 -1
package/i18n/hebrew.js +1 -1
package/i18n/hebrew.min.js.LICENSE.txt +1 -1
package/i18n/hungarian.js +1 -1
package/i18n/hungarian.min.js.LICENSE.txt +1 -1
package/i18n/index.js +1 -1
package/i18n/index.min.js.LICENSE.txt +1 -1
package/i18n/indonesian.js +1 -1
package/i18n/indonesian.min.js.LICENSE.txt +1 -1
package/i18n/italian.js +1 -1
package/i18n/italian.min.js.LICENSE.txt +1 -1
package/i18n/japanese.js +1 -1
package/i18n/japanese.min.js.LICENSE.txt +1 -1
package/i18n/korean.js +1 -1
package/i18n/korean.min.js.LICENSE.txt +1 -1
package/i18n/malay.js +1 -1
package/i18n/malay.min.js.LICENSE.txt +1 -1
package/i18n/mongolian.js +1 -1
package/i18n/mongolian.min.js.LICENSE.txt +1 -1
package/i18n/norwegian.js +1 -1
package/i18n/norwegian.min.js.LICENSE.txt +1 -1
package/i18n/persian.js +1 -1
package/i18n/persian.min.js.LICENSE.txt +1 -1
package/i18n/polish.js +1 -1
package/i18n/polish.min.js.LICENSE.txt +1 -1
package/i18n/portuguese.js +1 -1
package/i18n/portuguese.min.js.LICENSE.txt +1 -1
package/i18n/romanian.js +1 -1
package/i18n/romanian.min.js.LICENSE.txt +1 -1
package/i18n/russian.js +1 -1
package/i18n/russian.min.js.LICENSE.txt +1 -1
package/i18n/simplified-chinese.js +1 -1
package/i18n/simplified-chinese.min.js.LICENSE.txt +1 -1
package/i18n/slovak.js +1 -1
package/i18n/slovak.min.js.LICENSE.txt +1 -1
package/i18n/spanish.js +1 -1
package/i18n/spanish.min.js.LICENSE.txt +1 -1
package/i18n/swedish.js +1 -1
package/i18n/swedish.min.js.LICENSE.txt +1 -1
package/i18n/tajik.js +1 -1
package/i18n/tajik.min.js.LICENSE.txt +1 -1
package/i18n/thai.js +1 -1
package/i18n/thai.min.js.LICENSE.txt +1 -1
package/i18n/traditional-chinese.js +1 -1
package/i18n/traditional-chinese.min.js.LICENSE.txt +1 -1
package/i18n/turkish.js +1 -1
package/i18n/turkish.min.js.LICENSE.txt +1 -1
package/package.json +2 -2
package/survey-creator-core.css +392 -97
package/survey-creator-core.fontless.css +391 -96
package/survey-creator-core.fontless.css.map +1 -1
package/survey-creator-core.fontless.min.css +10 -10
package/survey-creator-core.i18n.js +1 -1
package/survey-creator-core.i18n.min.js.LICENSE.txt +1 -1
package/survey-creator-core.js +589 -156
package/survey-creator-core.js.map +1 -1
package/survey-creator-core.min.css +11 -11
package/survey-creator-core.min.js +1 -1
package/survey-creator-core.min.js.LICENSE.txt +1 -1
package/typings/components/action-container-view-model.d.ts +17 -1
package/typings/components/page.d.ts +4 -2
package/typings/components/question-image.d.ts +2 -2
package/typings/components/question.d.ts +10 -2
package/typings/components/simulator.d.ts +3 -1
package/typings/components/tabs/designer.d.ts +2 -0
package/typings/components/tabs/logic-ui.d.ts +2 -0
package/typings/components/tabs/preview.d.ts +2 -0
package/typings/components/tabs/theme-custom-questions/shadow-effects.d.ts +1 -0
package/typings/components/tabs/translation.d.ts +2 -0
package/typings/creator-base.d.ts +2 -0
package/typings/editorLocalization.d.ts +16 -0
package/typings/expand-collapse-manager.d.ts +8 -0
package/typings/localization/english.d.ts +16 -0
package/typings/survey-helper.d.ts +1 -0
package/typings/toolbox.d.ts +1 -0

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

	@@ -1 +1 @@
1	- {"version":3,"file":"survey-creator-core.fontless.css","mappings":";;;;;;;;;AAEA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA,uECMW;EDLX;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE,0ECOe;EDNf;AADJ;;AASI;EACE,2DC9BI;ADwBV;;AAeI;EACE,iDCGA;ADfN;;;;AE1BA;EACE;EACA;EACA,4EDae;ACdjB;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;;;ACbA;EACE;EACA;EACA,4EFae;AEdjB;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEF3BQ;EE4BR,oEFzBmB;EE0BnB;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA,oDFqBU;EEnBV,uEFtBW;EEuBX;EACA;EACA;EAEA,+DFlBW;EEmBX;AAHF;AAKE;EACE;AAHJ;AAKI;EACE,kDFRA;AEKN;;AAQA;EACE;AALF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE,uDFpBY;EEqBZ;EACA;EACA;EACA,kFFpCU;EEqCV;EACA;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE,iDFzDI;AEoDN;;AAQA;EACE;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEFvGW;EEwGX;EACA;EACA,8EFxFa;EEyFb;AALF;AAOE;EACE,iEFlGmB;EEmGnB;EACA;AALJ;;AAUE;EACE,2DFvIM;AEgIV;;;;AC9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA,iEHNW;EGOX;AADF;;AAIA;EACE;AADF;AAGE;EACE;AADJ;AAGI;EACE;AADN;AAKE;EACE;EACA;AAHJ;AAME;EACE;AAJJ;AAOE;EACE;AALJ;AAOI;EACE;EACA;AALN;;AAUA;EACE;EACA;EACA;EACA;EAEA;EACA;AARF;;AAWA;EAEE;;IAEE;EATF;AACF;AAYA;EACE;AAVF;;;;AChEA;EACE;EACA;EACA,4EJae;AIdjB;;AAIA;EACE;AADF;AAGE;;EAEE;EACA;EACA,kFJGa;AIJjB;AAIE;EACE;AAFJ;AAKE;EACE;EACA;EACA;EACA;EACA;AAHJ;;AAOA;EACE;AAJF;;AAOA;EACE;AAJF;AAME;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;AAOE;EACE;EACA;EACA;EACA;AALJ;AAOI;EACE;AALN;AAQI;EACE;AANN;AAUE;EJcA;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;EIOR;EACA;EACA;AAHJ;AAME;EACE;AAJJ;AAMI;EJiDF;EACA;EACA;EIhDI,+DJjDO;EIkDP;AAHN;;AAQA;EACE;EAEA;EACA;EACA;AANF;;AASA;EACE,uDJlCY;EImCZ;EACA;EACA;EACA,+DJpEW;EIqEX;EACA;EACA;EACA;EACA;AANF;;;;AC1FA;EACE;EACA;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;EACA;EAEA;EACA;EACA;EACA;AAHF;AAKE;EAEE;EACA;AAJJ;AAMI;EACE;AAJN;;AASA;EACE;EACA;EACA;AANF;AAQE;EAEE;EACA;AAPJ;AASI;EACE;AAPN;;AAYA;EACE;EACA;AATF;;AAYA;;EAEE;AATF;;AAaE;EACE;EACA;EACA;AAVJ;AAaE;EACE;AAXJ;;AAeA;EACE,gELvEU;AK2DZ;;AAeA;;;;;ELgCE;EACA,uDAzDY;EA0DZ;EACA;EACA;EACA;EK9BA;EAEA;EACA;EACA;EACA,4DLhEe;EKiEf;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE,+DL3EW;EK4EX;EACA;EACA,uDLhDY;EKiDZ;EACA;EACA;AATF;;AAYE;EACE;EACA;AATJ;;AAaA;EACE;EACA;AAVF;AAYE;EACE;AAVJ;;AAcA;EACE;EACA;EACA;EACA;EACA;AAXF;;AAcA;EACE;EACA;EACA;AAXF;AAcI;EACE;EACA;EACA;AAZN;AAeI;EACE;EACA;EACA;AAbN;AAgBI;EACE;AAdN;AAoBI;;EACE;AAjBN;AAmBM;;EACE;AAhBR;AAuBI;;EACE;AApBN;;AAyBA;EACE;AAtBF;AAwBE;EACE;AAtBJ;AAyBE;EACE;AAvBJ;AA0BE;EACE;EACA;EACA;EACA;EACA;EAEA,uDLzIU;EK0IV;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;AA5BJ;AA+BE;EACE;EACA;AA7BJ;AAgCE;EACE;EACA;EACA;EACA;EACA;EACA;AA9BJ;;AAkCA;EACE;AA/BF;;AAkCA;EACE;EACA;EACA;AA/BF;;AAkCA;EACE;EACA;EACA;AA/BF;;AAmCE;EACE;AAhCJ;;AAoCA;EACE;AAjCF;;AAqCE;EACE;EACA;EACA;AAlCJ;;AAsCA;EACE;EACA;EACA;EACA;EACA;AAnCF;AAqCE;EACE;AAnCJ;;AAuCA;EACE;AApCF;;AAsCA;EACE;AAnCF;;AAqCA;EACE;EACA;EACA;EACA;EACA;AAlCF;;AAqCA;EACE;AAlCF;;AAqCA;EACE;AAlCF;;AAsCE;EACE;AAnCJ;;AAuCA;EACE;AApCF;;ALvGE;;EAEE;AK0GJ;ALxGE;;EAEE;AK0GJ;ALxGE;;EAEE;AK0GJ;ALxGE;;EAEE;AK0GJ;ALxGE;EACE;AK0GJ;ALxGE;EACE;AK0GJ;ALxGE;;EAEE;AK0GJ;;AAuBE;EAEE;EACA;EACA;AArBJ;AAuBE;EACE;EACA,sDLpIO;EKqIP;EACA;AArBJ;AAwBE;EACE;EACA,sDL1Ie;EK2If;EACA;AAtBJ;;AAwCA;;EAEE;EACA;EACA;EACA;AArCF;AAsCE;;EACE;EACA;EACA;EACA;EACA;EACA;AAnCJ;AAoCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjCN;;AAqCA;EACE;EACA;EACA;EACA;EACA;EACA;AAlCF;;AAoCA;EACE;EACA;EACA;EACA;EACA;EACA;AAjCF;;AAoCE;EACE;EACA;EACA;EACA;EACA;EACA;AAjCJ;AAmCE;EACE;EACA;EACA;EACA;EACA;EACA;AAjCJ;;AA6CA;EACE;EACA;EACA;EACA;EACA,sDLvOS;EKwOT;EACA;AA1CF;;AA4CA;EACE;EACA;EACA;AAzCF;;AA6CA;EACE;EACA,sDLnPiB;EKoPjB;EACA;EACA;EACA;EACA;AA1CF;;AAoDA;EACE;EACA;EACA;EACA;EACA;EACA,sDLzQS;EK0QT;EACA;AAjDF;;AAoDA;EACE;EACA,sDL/QiB;EKgRjB;EACA;EACA;EACA;EACA;AAjDF;;AAsDE;;;;;;;;EASE;AApDJ;;;;ACxaA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;AAII;EACE;AAFN;AAKI;EACE;AAHN;AAKM;EACE;AAHR;AAMM;EACE;AAJR;AAUM;;EAEE,4ENvBS;AMejB;;AAcA;ENuFE;EACA,uDA/EY;EAgFZ;EACA;EACA;EACA,+DAjHW;EAkHX;EACA;EACA;EACA;EACA;EACA;AMjGF;;AAGA;EACE;EACA;AAAF;;AAGA;EACE;EACA;EACA;AAAF;;AAGA;EACE;AAAF;;AAGA;EACE;EACA;EACA;EACA;AAAF;;AAGA;EACE;AAAF;;AAGA;EACE;AAAF;;AAIE;EACE;EACA;AADJ;;AAKA;EACE;AAFF;;AAKA;;ENhBE;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;EMsCV;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AACE;EACE;EACA;AAEJ;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EN3CE;EACA,uDA9BY;EA+BZ;EACA;EACA,wFAhCU;EAiCV;EMwCA;EACA;EACA;AAMF;AAJE;EACE;EACA;AAMJ;;AADE;EACE;AAIJ;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;EN3DE;EACA,uDAvCY;EAwCZ;EACA,wFAxCU;EAyCV;EMyDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOF;;AAJA;EACE;EACA,kFNrJe;AM4JjB;;AAJA;EACE;EACA;EACA;AAOF;AALE;EACE;AAOJ;;AAHA;EACE;AAMF;AAFI;EAEE,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;EACE;AAHF;AAKE;EACE;EACA;AAHJ;AAME;EACE;EACA;EACA;AAJJ;AAMI;EACE;EACA;EACA;AAJN;AAQE;;EAEE;AANJ;AASE;EACE;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;AAVF;;AAaA;EACE;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDfbY;EecZ;EACA,2Ef5CiB;Ee6CjB;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAYE;EACE;EACA;EACA;EACA;EAEA;EACA;AAXJ;AAcE;EACE;EACA;EACA;EACA;EACA;EACA,uEftFS;EeuFT;AAZJ;;AAgBA;EACE;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAiBE;EACE;EACA;AAdJ;AAiBE;EACE;AAfJ;;AAoBE;EACE;AAjBJ;AAoBE;EACE;AAlBJ;;AAuBE;EACE;AApBJ;;AAyBE;EACE;AAtBJ;;AAgCQ;EACE;AA7BV;;AAsCI;EACE;EACA;EACA;AAnCN;AAwCI;EACE;AAtCN;;AA6CI;EACE;EACA;AA1CN;;AAmDI;EACE;AAhDN;;AAyDA;EACE;AAtDF;;;;ACnKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8EhB2Ba;EgB1Bb;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;EACA;EACA;EACA;EACA;ACCJ;;ADGA;EACE;ACAF;;ADGA;EACE;ACAF;;AC7BA;EACE;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;AD4BF;AC1BE;EACE;AD4BJ;ACzBE;EAEE;EACA;AD0BJ;;ACtBA;EACE;ADyBF;;ACtBA;EACE;EACA;ADyBF;;;;AEvDA;;EAEE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;;AAKA;EACE;EACA;EACA;AAFF;;AAOE;;EACE;EACA;EACA;AAHJ;AAII;;;EAEE;AADN;AAGM;;;EACE;AACR;AACQ;;;EACE;AAGV;;AAKE;EACE,mGnBnDY;EmBoDZ;AAFJ;AAII;EACE;AAFN;;AAOA;EACE;AAJF;;AAQE;EACE;EACA;AALJ;;AASA;EACE;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;EACA;EACA;AANF;;AAcI;;;;EACE;EACA;AARN;AAYE;;;;EACE;EACA;AAPJ;AAUE;;;;EACE;EACA;AALJ;;AAUE;EACE;EACA;EACA;EACA;EACA;AAPJ;AAUE;EACE;EACA;EACA;EACA;AARJ;AASI;EACE;AAPN;;;;AClHA;;EAEE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;AAGE;EAEE;AAFJ;;AAOE;EACE;EACA;AAJJ;AAOE;EACE;AALJ;;AAUE;EACE;EACA;AAPJ;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATF;;AAaE;EACE;EACA;EACA;EACA;EACA;EACA;AAVJ;;AAcA;EpBuDE;EACA;EACA;EoBtDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8EpB9Cc;EoB+Cd;AAVF;AAYE;EACE;EACA;EACA;EACA;AAVJ;AAaE;EACE;AAXJ;;AAmBE;;;;EACE;EACA;AAbJ;AAeI;;;;EACE;EACA;AAVN;;AAiBI;EACE;EACA;EACA;EACA;AAdN;;AAqBE;;EACE;EACA;EACA;EACA;AAjBJ;;AA4BI;;;;;;;;EACE;AAlBN;;AAwBE;EACE,+DpB3HS;EoB4HT;AArBJ;;;;AC/HA;EACE;AADF;;AAIA;EACE;AADF;AAGE;EACE;EACA;EACA;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAJF;AAME;EACE;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAOE;EACE;AALJ;AAUM;EACE;AARR;;AAeE;EACE;EACA;EACA;EACA;AAZJ;AAg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EE;EACE;AA3EJ;;AAiFI;EACE;AA9EN;AAiFI;EACE;AA/EN;AAkFI;EACE;AAhFN;AAkFM;EACE;AAhFR;AAqFM;EACE;AAnFR;AAsFM;EACE;AApFR;AAsFM;EACE;AApFR;;AA2FE;EACE;EACA;AAxFJ;AA0FI;;EAEE;EACA;AAxFN;;AA8FE;EACE;AA3FJ;AA+FI;EACE;AA7FN;AA+FM;EACE;AA7FR;;AAmGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhGF;;AAmGA;EACE;EACA;EACA;EACA;AAhGF;AAkGE;EACE;AAhGJ;;AAqGE;EACE;EACA;AAlGJ;AAsGI;EACE;AApGN;AAuGI;EACE;AArGN;AAyGE;EACE;EACA;EACA;AAvGJ;AA0GE;EACE;EACA;AAxGJ;AA2GE;EACE;EACA;AAzGJ;;AA6GA;EACE;AA1GF;;AA6GA;EACE;AA1GF;AA4GE;EACE;AA1GJ;;AAgHE;;EAEE;AA7GJ;;AAiHA;EACE;EACA;EACA;EACA;EACA;AA9GF;;AAmHE;;;;;;;;EAQE;EACA;EACA;AAhHJ;AAkHI;;;;;;;;EACE;AAzGN;;AA8GA;EACE;EACA;AA3GF;;AA8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3GF;;AA8GA;EACE;EACA;EACA;EACA;AA3GF;;AA8GA;EACE;EACA;EACA;EACA;AA3GF;AA6GE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AA5GJ;AA8GI;EACE;AA5GN;AA+GI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7GN;AAiHE;EACE;EACA;AA/GJ;AAiHI;EACE,2DxBv1BI;AwBwuBV;AAmHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjHJ;AAmHI;EACE;AAjHN;AAoHI;EACE,kFxB/1BW;AwB6uBjB;AAqHI;EACE,mGxBp3BU;AwBiwBhB;;AAyHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E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E,2E/B9ES;A+B+DnB;;;;ACxFA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;AAIE;EACE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA,2EhCViB;EgCWjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;AAHJ;AAKI;EACE;AAHN;AAOE;EACE;EACA;AALJ;;AASA;EACE;EACA;AANF;;AASA;EACE;AANF;AAQE;EACE;AANJ;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;AAWE;EACE;AARJ;;AAcE;;EACE;AAVJ;;;;ACzFA;EACE;EACA;AADF;;AAGA;EACE;AAAF;;AAEA;EACE,kDjCiCI;EiChCJ;EACA;AACF;;AACA;;EAEE,wFjC4BU;AiC1BZ;;;;AChBA;EACE;EACA;AADF;;;;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EnCiBiB;EmChBjB;EACA;EACA,iEnCIW;EmCHX;EACA,uDnCyCY;EmCxCZ;AADF;;AAIA;;EAEE,uEnCJW;EmCKX,+DnCIW;EmCHX;EACA;AADF;;AAIA;EACE,kFnCVe;EmCWf,2EnCFiB;EmCGjB;AADF;;AAIA;;EAEE,+DnCTW;EmCUX;EACA,uEnCpBW;AmCmBb;;AAIA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AACA;EACE;EACA;EACA;AAEF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAIE;;;;EACE;AAEJ;;AAEA;EACE;AACF;;;;ACjHA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EAEE;EACA;EACA;AAFJ;AAKE;EACE;AAHJ;;AAOA;EACE;EACA;AAJF;AAME;EAEE;EACA;AALJ;;AASA;EACE;EACA;AANF;AAQE;EACE;AANJ;;AAUA;EACE;AAPF;;AAWE;EACE;EACA;AARJ;;AAYA;EACE;AATF;;;;AC3CA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;;;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;;EAEE;EACA;EACA;AAFJ;;AAQE;;EAEE;AALJ;;AAUA;EACE;EACA;AAPF;AASE;EACE;AAPJ;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATF;AAWE;EACE;EACA;EACA;EACA;AATJ;AAYE;EACE;AAVJ;AAaE;EACE;AAXJ;;AAuBI;;;;;;;;;;;;EACE;EACA;EACA;EACA;EACA;EACA;AATN;AAWM;;;;;;;;;;;;EACE;EACA;AAER;AAGE;;;;EACE;EACA;AAEJ;AACE;;;;EACE;AAIJ;AADE;;;;EACE;AAMJ;AAHE;;;;EACE;AAQJ;AALE;;;;EACE;AAUJ;AANI;;;;EACE;EACA;AAWN;;AANA;EtC1CE;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;EsCgEV;EACA;EACA;EACA;EACA;AAaF;;AAPE;;;EACE;EACA;EACA;EACA;EACA;AAYJ;AAVI;;;EACE;AAcN;;AATA;EACE;AAYF;AAVE;EACE;AAYJ;AAVI;EACE;AAYN;AARE;EACE;AAUJ;;AAJE;;;EAGE;EACA;EACA;EACA,8EtCnIY;EsCoIZ;AAOJ;AALI;;;EACE;AASN;AANI;;;EACE;AAUN;;AALA;;;EAGE;EACA;AAQF;AANE;;;EACE;AAUJ;;AAHE;;;EACE;AAQJ;;AADM;EACE;AAIR;AAAI;EACE;EACA;EACA;EACA;AAEN;;AAMI;;EACE;EACA;AAFN;AAIM;;EACE;EACA;AADR;AAKI;;EACE;AAFN;;AAQE;EACE;EACA;AALJ;AAQE;EACE;EACA;AANJ;AASE;EACE;AAPJ;AAU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ACA,4ExCjIe;EwCkIf;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;AAMI;EACE;AAJN;AAOI;EACE;AALN;AASE;EACE;AAPJ;AAUE;EACE;AARJ;AAWE;EACE;AATJ;;AAaA;EACE;EACA;EACA;AAVF;;AAaA;EACE;AAVF;;AAaA;EACE;EACA;AAVF;AAYE;EACE,sFxC1Le;EwC2Lf;EACA;EACA;EACA;EACA;EACA;EACA;AAVJ;AAaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAXJ;;AAeA;EACE;AAZF;AAcE;EACE;AAZJ;AAeE;EACE;EACA;AAbJ;;AAiBA;EACE;AAdF;AAgBE;EACE;EACA;EACA;AAdJ;AAiBE;EACE;AAfJ;AAkBE;EACE;EACA;EACA;AAhBJ;;AAwBE;;;;;;;;EAEE;AAfJ;;AAmBA;EACE;AAhBF;;AAoBE;EACE;AAjBJ;AAoBE;EACE;EACA;AAlBJ;;AAuBE;EACE;AApBJ;;;;AChRA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AAFF;;AAIA;EACE;EACA;EAEA;EACA;EACA;EACA;AAFF;;AAIA;EACE;EACA;AADF;;AAQE;;;;EACE;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;AAHJ;;AAMA;EACE;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;AAJF;AAME;EACE;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;EACA;AALF;;AAOA;EACE;EACA;AAJF;;AAMA;EACE;EACA;EAEA;EACA;EACA;EACA;AAJF;;AAOA;EACE;EACA;AAJF;;AAMA;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AANF;;AASA;EACE;AANF;;AAWA;EACE;AARF;;AAWA;EACE;EACA;AARF;;AAWA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;AATF;;AAWA;EACE;AARF;;AAUA;EACE;EACA;AAPF;;AASA;EACE;AANF;;AAWA;EACE;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;AARJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;;;ACnLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;ACCJ;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD1C6BY;E0C5BZ;EACA;EACA;EACA;ACAF;ADEE;EAEE;EACA;EACA;ACDJ;ADGI;EACE;ACDN;;ADMA;EACE;ACHF;ADKE;EACE;EACA;ACHJ;;ADOA;EACE;ACJF;ADME;EAEE;ACLJ;ADOI;EACE;ACLN;;ADUA;EACE;ACPF;;ADUA;EACE;EACA;EACA;ACPF;;ADUA;EACE;ACPF;;ADUA;EACE;ACPF;;ADUA;EACE;ACPF;;AC/EA;EACE;EACA;EACA;EACA;ADkFF;;AC/EA;EACE;ADkFF;;ACnEA;EAXE;EACA;EACA;EACA;EACA;EACA,uD5CuCY;E4CtCZ;EACA;EACA;ADkFF;;AC3EA;EACE;EACA,4D5C7BQ;E4C8BR;AD8EF;;AC3EA;;EAEE;AD8EF;;AC3EA;EACE;AD8EF;;AC3EA;EACE;EACA;EACA;EACA;EACA;EACA,uD5CQY;E4CPZ;EACA;EACA,2E5CxBiB;E4CyBjB;EACA;EACA;AD8EF;;AC3EA;EACE;EACA;EACA,kE5C/BqB;E4CgCrB;EACA;AD8EF;;AC3EA;EACE;AD8EF;;AC1EE;EACE;AD6EJ;;ACzEA;EACE;EACA,iE5C5DW;E4C6DX;EACA;EACA;EACA;AD4EF;AC1EE;EACE;AD4EJ;;ACxEA;EACE;EACA;EACA;EACA;EACA;EACA;AD2EF;ACzEE;EACE;EACA;EACA;EACA;AD2EJ;;ACvEA;EACE;AD0EF;ACxEE;EACE;EACA;EACA;AD0EJ;ACxEI;EAEE;ADyEN;;ACpEA;EACE;EACA;EACA;ADuEF;ACrEE;EACE;EACA;ADuEJ;ACrEI;EACE;ADuEN;ACpEI;EACE;EACA;ADsEN;;ACjEA;EACE;EACA;EACA;EACA;EACA;ADoEF;;AC9DE;;;EACE;EACA;ADmEJ;;AC5DE;EACE;AD+DJ;AC5DE;EACE;AD8DJ;;AC1DA;EACE;AD6DF;;ACxDE;;EACE;AD4DJ;AC1DI;;EACE;AD6DN;;AE/OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,uD7CwCY;E6CvCZ;AFiPF;;AE9OA;EACE;AFiPF;;AE9OA;;;;EAIE;AFiPF;;AE9OA;;EAEE;EACA;AFiPF;;AE9OA;;EAEE,+D7CbW;E6CcX;AFiPF;;AE9OA;EACE;EACA;EACA;AFiPF;;AE9OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFiPF;AE/OE;EAEE;AFgPJ;AE7OE;EACE;AF+OJ;AE5OE;EAEE;EACA;AF6OJ;AE1OE;EACE;EACA;EACA;AF4OJ;;AExOA;EACE;AF2OF;;AExOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF2OF;;AExOA;EACE;EACA;EACA;EACA;AF2OF;AEzOE;EACE;AF2OJ;AExOE;EACE;EACA;AF0OJ;;AEtOA;EACE;EACA;EACA;EACA;EACA;EACA,uD7ChEY;E6CiEZ;EACA;EACA;EACA;AFyOF;AEvOE;EACE;AFyOJ;;AErOA;EACE;AFwOF;;AErOA;EACE;EACA;AFwOF;;AGjXA;EACI;EACA;EACA;EACA;EACA;AHoXJ;;AGjXA;EACI;AHoXJ;;AGlXA;EACI;AHqXJ;;AGnXA;EACI;AHsXJ;;AIrYA;EACE;EACA;EACA;EACA;EACA;AJwYF;;AK7YA;EACE,4EhDiBe;A2C+XjB;;AK9YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDhDwCY;EgDvCZ;EACA;EACA;EACA;ALiZF;;AK9YA;;EAEE;EACA;EACA;ALiZF;;AK9YA;EACE;ALiZF;;AK9YA;EACE;ALiZF;;AK9YA;EACE;EACA;ALiZF;;AK9YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALiZF;;AK7YE;EACE;EACA;ALgZJ;AK7YE;EACE;AL+YJ;;AK1YE;EACE;AL6YJ;;AKxYE;EACE;EACA;AL2YJ;;AKxYA;EACE;AL2YF;;AKzYA;EACE;EACA;EACA;EACA;EACA;EACA,sDhDqGS;EgDpGT;EACA;AL4YF;;AK1YA;EACE;AL6YF;;AKzYA;EACE;EACA,sDhD2FiB;EgD1FjB;EACA;EACA;EACA;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDhD6ES;EgD5ET;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDhDoEiB;EgDnEjB;EACA;AL4YF;;AKvYE;;;;EAIE;AL0YJ;;AM7gBA;EACE;EACA;ANghBF;;AM7gBA;EACE;ANghBF;AM9gBE;EACE;ANghBJ;AM7gBE;EACE;AN+gBJ;;AM3gBA;EACE,uDjDsCY;EiDrCZ;EACA;EACA;AN8gBF;;AM3gBA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AN6gBF;;AMzgBE;EACE;AN4gBJ;;AMvgBE;EACE;AN0gBJ;;AMtgBA;;EAEE;EACA;ANygBF;;AMtgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANygBF;;AMtgBA;EACE;EACA;ANygBF;;AMtgBA;EACE;ANygBF;;AMtgBA;EACE;EACA;EACA;EACA;EACA;EACA;ANygBF;;AMrgBA;EACE;ANwgBF;;AMrgBA;EACE;EACA;EACA;ANwgBF;;AMrgBA;EACE;EACA;EACA;ANwgBF;;AMpgBE;EACE;ANugBJ;AMngBI;EACE;ANqgBN;;AOjnBA;EACE;APonBF;AOlnBE;EACE,uElDaS;A2CumBb;AOjnBE;EACE;EACA;EACA;APmnBJ;;AO/mBA;EACE;EACA;EACA;EACA;EACA;APknBF;AOhnBE;EACE;APknBJ;;AO9mBA;;EAEE;APinBF;;AO9mBA;;EAEE;EACA;EACA;EACA,2ElD9BU;EkD+BV;EACA;APinBF;;AO9mBA;EACE;APinBF;;AO9mBA;EACE;APinBF;;AO9mBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APinBF;AO/mBE;EACE;APinBJ;;AO7mBA;EACE;EACA;EACA;APgnBF;;AO7mBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uDlDrBY;EkDsBZ;EACA;EACA;APgnBF;;AO7mBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APgnBF;AO9mBE;EACE;EACA;EACA;APgnBJ;;AQjtBA;EACE;EACA;ARotBF;;AQjtBA;EACE;EACA;EACA;ARotBF;AQltBE;EACE;EACA;ARotBJ;;AQhtBA;EACE;ARmtBF;AQjtBE;EACE;ARmtBJ;;AQ/sBA;EACE;ARktBF;AQhtBE;EACE;ARktBJ;;AQ9sBA;EACE;ARitBF;;AQ9sBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARitBF;AQ/sBE;EACE;ARitBJ;AQ9sBE;EAEE;AR+sBJ;;AQ3sBA;EACE;AR8sBF;;AQ3sBA;EACE;EACA;EACA;EACA,iGACE;EAEF;EACA;AR4sBF;;AQzsBA;EACE;AR4sBF;;AQzsBA;EACE;AR4sBF;;AQxsBE;EACE;AR2sBJ;;AQvsBA;EACE;EACA;EACA;AR0sBF;;AQvsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR0sBF;AQxsBE;EACE;AR0sBJ;AQvsBE;EACE;EACA;ARysBJ;;AQtsBA;EACE;EACA;ARysBF;;AQtsBA;;EAEE;EACA;EACA;EACA;ARysBF;AQvsBI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AR0sBN;;AQtsBA;EACE;EACA;EACA;EACA;EACA;EACA;ARysBF;;AQvsBA;EACE;EACA;EACA;EACA;EACA;EACA;AR0sBF;;AQvsBE;EACE;EACA;EACA;EACA;EACA;EACA;AR0sBJ;AQxsBE;EACE;EACA;EACA;EACA;EACA;EACA;AR0sBJ;;AQrsBE;;EAEE;ARwsBJ;;ASr3BE;EACE;ATw3BJ;ASv3BI;EACE;ATy3BN;;AU73BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVg4BF;;AU73BA;EACE;EACA;AVg4BF;AU93BE;EACE;AVg4BJ;;AU53BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV+3BF;AU73BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DrDvBS;A2Cs5Bb;;AU13BE;EACE;AV63BJ;;AUx3BE;EACE;AV23BJ;;AUv3BA;EACE;AV03BF;;AWn7BA;EACE;AXs7BF;;AYv7BA;EACE;AZ07BF;;AYt7BE;EACE;EACA,4DvDPM;EuDQN;EACA;AZy7BJ;;Aaj8BE;EACE;Abo8BJ;Aaj8BE;EACE;EACA;EACA;Abm8BJ;Aah8BE;EACE;EACA;EACA;Abk8BJ;Aah8BE;EACE;Abk8BJ;Aa/7BE;EACE;Abi8BJ;Aa57BM;EACE;Ab87BR;Aa17BI;EACE;Ab47BN;Aaz7BI;EACE;EACA;EACA;EACA;Ab27BN;Aaz7BM;EACE;Ab27BR;Aax7BM;EACE;EACA;Ab07BR;Aax7BQ;EACE;Ab07BV;Aap7BE;EACE;Abs7BJ;Aan7BE;EACE;EACA;Abq7BJ;Aan7BI;EACE;EACA;EACA;Abq7BN;Aan7BM;EACE;Abq7BR;Aa/6BE;;EAEE;Abi7BJ;Aa/6BI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Abk7BN;Aa96BE;;EAEE;Abg7BJ;Aa76BE;;;;EAIE;Ab+6BJ;Aa76BI;;;;EACE;Abk7BN;Aa96BE;EACE;EACA;Abg7BJ;Aa76BE;ExD5BA;EACA,uDA9BY;EA+BZ;EACA;EACA,wFAhCU;EAiCV;EwDyBE;EAEA;EACA;EACA;EACA;Abm7BJ;Aah7BE;;EAEE;Abk7BJ;Aa/6BE;EACE;Abi7BJ;Aa96BE;EACE;Abg7BJ;Aa76BE;EACE;Ab+6BJ;Aa56BE;EACE;Ab86BJ;Aa36BE;EACE;Ab66BJ;Aa16BE;EACE;Ab46BJ;Aaz6BE;EACE;Ab26BJ;;Aat6BE;EACE;EACA;Aby6BJ;;AczkCA;EACE;EACA;Ad4kCF;;Ac1kCA;EACE;Ad6kCF;Ac5kCE;EACE;EACA;EACA;EACA;Ad8kCJ;Ac7kCI;EAEE;Ad8kCN;;AezlCE;;;;EAIE;Af4lCJ;AezlCE;;EAEE;EACA;Af2lCJ;AezlCI;;EACE;Af4lCN;AexlCE;EACE,wG1Dbc;A2CumClB;AevlCE;EACE;EACA,uE1DnBQ;A2C4mCZ;AetlCE;EACE;EACA;AfwlCJ;;AeplCA;EACE;EACA;AfulCF;;AeplCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AfulCF;;AeplCA;E1DwEE;EACA;EACA;E0DxEA;EAEA,uD1DGY;E0DFZ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AfslCF;;AenlCA;EAEE;AfqlCF;;AellCA;EACE;AfqlCF;;AellCA;EACE;EACA;EACA;EACA;EACA;AfqlCF;;AellCA;EACE;EACA;EACA;AfqlCF;;AellCA;EACE;AfqlCF;;AellCA;EACE;EACA;EACA;AfqlCF;;AehlCE;EAEE;AfklCJ;AehlCI;EACE;AfklCN;;Ae7kCA;EACE;AfglCF;;Ae7kCA;EACE;EAEA,uD1DrEY;E0DsEZ;EACA;EACA;EACA;EACA;EACA;Af+kCF;;Ae5kCA;EACE;EACA;Af+kCF;Ae7kCE;EACE;EACA;Af+kCJ;Ae7kCI;EACE;Af+kCN;;AgB7tCE;EACE;EACA;AhBguCJ;AgB7tCE;EACE;EACA;AhB+tCJ;AgB5tCE;EACE;EACA;AhB8tCJ;AgB5tCI;EACE;AhB8tCN;AgB1tCE;EACE;AhB4tCJ;AgBxtCI;EACE;AhB0tCN;AgBttCE;EACE;AhBwtCJ;AgBttCI;EACE;AhBwtCN;AgBrtCI;EACE;AhButCN;AgBntCE;EACE;AhBqtCJ;AgBntCI;EACE;AhBqtCN;AgBltCI;EACE;AhBotCN;AgBhtCE;EACE;EACA;AhBktCJ;;AgB9sCA;EACE;EACA;AhBitCF;AgB/sCE;EACE;AhBitCJ;;AA9vCA;EACE;EACA;EACA;EACA;EACA;EACA;AAiwCF;A3C7nCE;;EAEE;A2C+nCJ;A3C7nCE;;EAEE;A2C+nCJ;A3C7nCE;;EAEE;A2C+nCJ;A3C7nCE;;EAEE;A2C+nCJ;A3C7nCE;EACE;A2C+nCJ;A3C7nCE;EACE;A2C+nCJ;A3C7nCE;;EAEE;A2C+nCJ;;AAvxCA;EACE;AA0xCF;;AAvxCA;EACE;AA0xCF;;AAvxCA;EACE;EACA;AA0xCF;;AArxCI;EACE;AAwxCN;AArxCI;EACE;AAuxCN;AApxCI;EACE;EACA;AAsxCN;AAnxCI;EACE;AAqxCN;AAjxCE;EACE;AAmxCJ;AAhxCE;;EAEE;AAkxCJ;;AA9wCA;EACE;AAixCF;;AA9wCA;EACE;EACA;AAixCF;;AA9wCA;EACE;EACA;EACA;EACA;EACA;AAixCF;;AA7wCE;EACE;EACA;EACA;AAgxCJ;;AA5wCA;EACE;AA+wCF;;AA5wCA;EACE;AA+wCF;;AA5wCA;EACE;EACA;AA+wCF;AAzwCE;EACE;AA2wCJ;AAzwCI;EACE;EACA;AA2wCN;AAxwCI;;EAEE;AA0wCN;AAvwCI;EACE;AAywCN;AAtwCI;EACE,iE3CvGiB;A2C+2CvB;;;;AiB14CA;EACE,uD5DqDY;E4DpDZ;EACA;EACA,+D5DoBW;A4DrBb;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;AADF;;;;ACjBA;EACE;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;AAKE;EACE;AAFJ;;AAMA;EACE;EACA;AAHF;;AAMA;EACE;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;AAHJ;AAKI;EACE;EACA;AAHN;AAMI;EACE;AAJN;AAOI;EACE;AALN;AAQI;EACE;AANN;AAUE;EACE;AARJ;AAWE;EACE;EACA;EACA;EACA;AATJ;AAcI;EACE;AAZN;AAiBE;;EAEE;AAfJ;AAmBE;EACE;AAjBJ;AAqBE;EACE;AAnBJ;AAuBI;EACE,+D7D/GM;A6D0FZ;AA0BI;EACE;AAxBN;AA4BE;EACE;EACA;AA1BJ;AA6BE;EACE;EACA;AA3BJ;;AAgCE;EACE;AA7BJ;AA+BI;EACE;EACA;EACA;EAEA;EACA,iE7DnIO;E6DoIP;EACA;AA9BN;;;;ACxHA;;EAEE;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACE;EAEE;EACA;EACA;AAAJ;;AAIA;EACE;AADF;AAGE;EACE;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;AAMI;EACE;AAJN;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF","sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/./src/components/tabs/theme-builder.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/popup.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/creator.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/./src/components/side-bar/tab-control.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/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/blocks/spg-buttongroup.scss","webpack://SurveyCreatorCore/./src/utils/design.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/./src/custom-questions/boolean-switch.scss"],"sourcesContent":["@import \"../variables.scss\";\n\n.svc-context-container {\n display: flex;\n gap: calcSize(1);\n width: max-content;\n}\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\n use {\n fill: $foreground-light;\n transition: fill $creator-transition-duration;\n }\n}\n\n.svc-context-button {\n\n &:hover,\n &:focus {\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-context-button--danger {\n\n &:hover,\n &:focus {\n use {\n fill: $red;\n }\n }\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(--sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n$question-background: var(--sjs-questionpanel-backcolor,\n var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\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: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-small-reset: 0px 0px 0px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-medium: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.10));\n$shadow-large: 0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.10));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-inner-reset: var(--sjs-shadow-inner, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15));\n$shadow-x-large: 0px 0px 0px 0px var(--ctr-shadow-x-large-color, rgba(0, 0, 0, 0.10));\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\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n }\n\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 disableLibraryAnimations {\n .sd-row--leave,\n .sd-row--enter {\n animation: none;\n }\n .sd-element-wrapper--leave,\n .sd-element-wrapper--enter {\n animation: none;\n }\n .sd-element__content--enter,\n .sd-element__content--leave {\n animation: none;\n }\n .sd-paneldynamic__panel-wrapper--enter,\n .sd-paneldynamic__panel-wrapper--leave {\n animation: none;\n }\n .sd-item--enter {\n animation: none;\n }\n .sd-item--leave {\n animation: none;\n }\n .sd-table__row--leave,\n .sd-table__row--enter {\n animation: none;\n }\n}\n\n$creator-transition-duration: var(--sjs-creator-transition-duration, 150ms);\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\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}","@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, $border-inside);\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}","@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}\n\n.svd-simulator .sv-popup--overlay {\n --sv-popup-overlay-height: 100%;;\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 border-top: 1px solid var(--ctr-preview-pager-border-color, $border);\n background: var(--ctr-preview-pager-background-color, $background);\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 transition: background-color $creator-transition-duration;\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}","@import \"../../variables.scss\";\n@import \"../../colors.scss\";\n\n.sl-table {\n width: 50%;\n margin: 0 25%;\n margin-top: calcSize(-2);\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 transition: background-color $creator-transition-duration;\n\n &:hover:enabled,\n &.sv-focused--by-key {\n background-color: var(--ctr-collapse-button-background-color-hovered, $primary-light);\n outline: none;\n\n use {\n fill: var(--ctr-collapse-button-icon-color-hovered, $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: var(--ctr-library-action-button-background-color-negative-hovered, $red-light);\n outline: none;\n\n use {\n fill: var(--lbr-action-button-icon-color-negative, $red);\n }\n }\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n opacity: 0;\n transition: opacity $creator-transition-duration;\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 opacity: 1;\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: var(--lbr-action-button-icon-color-negative, $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 color: $foreground-dim;\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: 0;\n width: 100%;\n}\n.sl-table__row {\n .sl-table__cell {\n --animation-padding-top: #{calcSize(5)};\n padding-top: calcSize(5);\n }\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 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: auto;\n padding: calcSize(1) calcSize(4);\n margin: calcSize(2) 0 0 0;\n color: var(--ctr-expression-item-text-color-button, $primary);\n background-color: var(--ctr-expression-item-background-color-button, $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 transition: background-color $creator-transition-duration, color $creator-transition-duration;\n }\n\n button:hover:enabled {\n background-color: var(--ctr-expression-item-background-color-button-hovered, $primary);\n color: var(--ctr-expression-item-text-color-button-hovered, $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\n.sl-question__title {\n color: var(--ctr-expression-item-text-color-function, $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.svc-logic-question-text-editor {\n margin-top: calcSize(2);\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.sl-body {\n @include disableLibraryAnimations;\n}\n\n$sl-pd-list-fade-in-duration: var(--sl-pd-list-fade-in-duration, 250ms);\n$sl-pd-list-move-in-duration: var(--sl-pd-list-move-in-duration, 150ms);\n$sl-pd-list-fade-in-delay: var(--sl-pd-list-fade-in-delay, 150ms);\n$sl-pd-list-fade-out-duration: var(--sl-pd-list-fade-out-duration, 100ms);\n$sl-pd-list-move-out-duration: var(--sl-pd-list-move-out-duration, 250ms);\n$sl-pd-list-move-out-delay: var(--sl-pd-list-move-out-delay, 100ms);\n\n.sl-panel-wrapper--list {\n &.sl-panel-wrapper--leave,\n &.sl-panel-wrapper--enter {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n min-height: 0 !important;\n }\n &.sl-panel-wrapper--enter {\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-duration: $sl-pd-list-fade-in-duration, $sl-pd-list-move-in-duration;\n animation-delay: $sl-pd-list-fade-in-delay, 0s;\n }\n\n &.sl-panel-wrapper--leave {\n animation-direction: reverse;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $sl-pd-list-fade-out-duration, $sl-pd-list-move-out-duration;\n animation-delay: 0s, $sl-pd-list-move-out-delay;\n }\n}\n\n$sl-matrix-row-fade-in-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);\n$sl-matrix-row-move-in-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);\n$sl-matrix-row-fade-in-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);\n$sl-matrix-row-fade-out-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);\n$sl-matrix-row-move-out-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);\n$sl-matrix-row-move-out-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);\n\n$sl-matrix-detail-row-fade-in-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);\n$sl-matrix-detail-row-move-in-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);\n$sl-matrix-detail-row-fade-in-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);\n$sl-matrix-detail-row-fade-out-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);\n$sl-matrix-detail-row-move-out-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);\n$sl-matrix-detail-row-move-out-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);\n\n.sl-table__row--leave,\n.sl-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n animation-name: paddingFadeIn;\n animation-duration: var(--move-animation-duration);\n animation-delay: var(--move-animation-delay);\n animation-direction: var(--animation-direction);\n animation-fill-mode: forwards;\n animation-timing-function: var(--animation-timing-function);\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.sl-table__row--detail {\n &.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n$sl-row-fade-in-duration: var(--sjs-sl-row-fade-in-duration, 500ms);\n$sl-row-move-in-duration: var(--sjs-sl-row-move-in-duration, 150ms);\n$sl-row-fade-in-delay: var(--sjs-sl-row-fade-in-delay, 150ms);\n$sl-row-fade-out-duration: var(--sjs-sl-row-fade-out-duration, 150ms);\n$sl-row-move-out-duration: var(--sjs-sl-row-move-out-duration, 250ms);\n$sl-row-move-out-delay: var(--sjs-sl-row-move-out-delay, 100ms);\n$sl-row-fade-in-animation-delay: var(--sjs-sl-row-fade-in-animation-delay, 400ms);\n\n.sl-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-row-fade-in-delay, 0s, 0s;\n animation-duration: $sl-row-fade-in-duration, $sl-row-move-in-duration, $sl-row-move-in-duration;\n}\n.sl-row--delayed-enter {\n overflow: hidden;\n height: 0;\n animation-delay: calc(#{$sl-row-fade-in-delay} + #{$sl-row-fade-in-animation-delay}), $sl-row-fade-in-animation-delay,\n $sl-row-fade-in-animation-delay;\n}\n\n.sl-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-row-move-out-delay, $sl-row-move-out-delay;\n animation-duration: $sl-row-fade-out-duration, $sl-row-move-out-duration, $sl-row-move-out-duration;\n}\n\n$sl-element-fade-in-duration: var(--sjs-sl-element-fade-in-duration, 500ms);\n$sl-element-move-in-duration: var(--sjs-sl-element-move-in-duration, 150ms);\n$sl-element-fade-in-delay: var(--sjs-sl-element-fade-in-delay, 150ms);\n$sl-element-fade-out-duration: var(--sjs-sl-element-fade-out-duration, 150ms);\n$sl-element-move-out-duration: var(--sjs-sl-element-move-out-duration, 250ms);\n$sl-element-move-out-delay: var(--sjs-sl-element-move-out-delay, 100ms);\n\n.sl-element-wrapper--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-element-fade-in-delay, 0s;\n animation-duration: $sl-element-fade-in-duration, $sl-element-move-in-duration;\n}\n\n.sl-element-wrapper--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-element-move-out-delay;\n animation-duration: $sl-element-fade-out-duration, $sl-element-move-out-duration;\n}\n\n\n.svc-creator--disable-animations {\n .sl-row--enter,\n .sl-row--leave,\n .sl-element-wrapper--enter,\n .sl-element-wrapper--leave,\n .sl-table__row--enter,\n .sl-table__row--leave,\n .sl-panel-wrapper--leave,\n .sl-panel-wrapper--enter\n {\n animation: none;\n }\n}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--ctr-surface-background-color, $background-dim);\n}\n\n.svc-translation-tab {\n /* disable library transition animations /\n --sjs-transition-duration: 0ms;\n}\n\n.st-properties {\n background-color: var(--ctr-property-grid-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\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: var(--ctr-string-table-header-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 text-align: left;\n}\n\n.st-table__cell.st-table__cell--header {\n color: var(--ctr-string-table-header-text-color, $foreground-light);\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 color: var(--ctr-string-table-group-header-text-color, $foreground-light);\n background-color: var(--ctr-string-table-group-header-background-color, $background-dim-light);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $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: var(--ctr-string-table-row-background-color, $background);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n @include defaultBold;\n color: var(--ctr-string-table-row-text-color-title, $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: var(--ctr-string-table-row-background-color, $background);\n color: var(--ctr-string-table-row-text-color-title, $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\n .sd-action__icon {\n margin-left: 0;\n }\n}\n\n.st-navigation-btn.sd-action--icon {\n padding: calcSize(1);\n\n &:not(.sd-action--pressed) {\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\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\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: calcSize(0.5);\n}\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\n .sd-action__icon {\n width: calcSize(2);\n height: calcSize(2);\n margin-left: 0;\n }\n\n &.sd-action--pressed:not(.sd-action--active) {\n background-color: $primary-light;\n }\n\n &:disabled {\n padding-left: 0;\n padding-right: 0;\n opacity: 1;\n }\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 var(--ctr-string-table-row-border-color, $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 disableLibraryAnimations;\n}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n //max-width: calcSize(75);\n //margin: auto;\n // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n height: calcSize(3);\n box-sizing: content-box;\n 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: var(--ctr-expression-item-text-color-parameter-empty, $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: var(--ctr-expression-item-text-color-parameter, $foreground);\n}\n\n.svc-logic-operator.svc-logic-operator {\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:hover,\n &:focus {\n color: var(--ctr-expression-item-text-color-parameter-hovered, $primary-foreground);\n outline: none;\n box-shadow: none;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: var(--ctr-expression-item-background-color-parameter, $blue-light);\n color: var(--ctr-expression-item-text-color-parameter, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-parameter-hovered, $blue);\n color: var(--ctr-expression-item-text-color-parameter-hovered, $background);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction {\n background-color: var(--ctr-expression-item-background-color-conjunction, $yellow-light);\n color: var(--ctr-expression-item-text-color-conjunction, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-conjunction-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-conjunction-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: var(--ctr-expression-item-background-color-operator, $yellow-light);\n color: var(--ctr-expression-item-text-color-operator, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-operator-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-operator-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: var(--ctr-expression-item-background-color-action, $red-light);\n color: var(--ctr-expression-item-text-color-action, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-action-hovered, $red);\n color: var(--ctr-expression-item-text-color-action-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: var(--ctr-expression-item-background-color-parameter-error, $background);\n color: var(--ctr-expression-item-text-color-parameter-error, $red);\n box-shadow: inset 0 0 0 2px var(--ctr-expression-item-text-color-parameter-error, $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.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove {\n display: none;\n width: calcSize(5);\n height: calcSize(5);\n background: none;\n justify-content: center;\n align-items: center;\n padding: 0;\n\n use {\n fill: var(--ctr-survey-action-button-icon-color-negative, $red);\n }\n}\n\n.svc-action-button--disabled.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove {\n use {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $foreground-dim-light);\n }\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.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove.svc-action-button--icon,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove.svc-action-button--icon {\n display: flex;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n background-color: var(--ctr-library-action-button-background-color-negative-hovered, $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: var(--ctr-expression-item-text-color-operator-empty, $foreground-light);\n margin-top: calcSize(2);\n\n &:hover,\n &:focus {\n color: var(--ctr-expression-item-background-color-operator-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-tab__content {\n /* disable library transition animations /\n --sjs-transition-duration: 0ms;\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-top: calcSize(5);\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: var(--ctr-button-background-color-hovered, $background);\n box-shadow: $shadow-small;\n }\n }\n\n .svc-logic-tab__content-action--disabled .svc-text {\n color: var(--ctr-button-text-color-disabled, $foreground);\n opacity: var(--ctr-button-text-opacity-disabled, 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-tab__content-empty {\n .svc-text {\n color: var(--ctr-surface-placeholder-text-description-color, $foreground);\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.sd-table__cell-action--show-detail {\n use {\n fill: var(--ctr-collapse-button-icon-color, $foreground-light);\n }\n}\n\n.sl-table__cell--detail-panel {\n padding: 0;\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: var(--ctr-button-background-color-danger, $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}\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 background: var(--ctr-surface-background-color, $background-dim);\n\n .svc-text {\n color: var(--ctr-surface-placeholder-text-title-color, $foreground);\n }\n}\n\n.svc-tab-designer--with-place-holder .svc-tab-designer_content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n\n.svc-tab-designer--with-place-holder .svc-designer-header {\n min-width: calcSize(84);\n}\n\n.svc-tab-designer {\n .svc-designer-header {\n .sd-container-modern__title {\n background-color: transparent;\n }\n }\n\n .svc-tab-designer_content {\n width: 100%;\n }\n\n .sd-title {\n display: flex;\n }\n\n .sd-container-modern {\n min-width: calcSize(70);\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n\n &.sd-container-modern--static {\n max-width: calcSize(84);\n }\n\n &.sd-container-modern--responsive {\n max-width: initial;\n padding: 0 calcSize(2);\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 h3.sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-header-text-title-color-placeholder, $foreground-light);\n }\n }\n }\n\n .sd-description {\n color: var(--ctr-survey-header-text-description-color-placeholder, #909090);\n }\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}\n\n.svc-tab-designer__toolbar {\n position: absolute;\n bottom: calcSize(0);\n right: 0;\n .sv-action-bar {\n padding: calcSize(1.5);\n gap: calcSize(1);\n flex-direction: column;\n }\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}","@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 border-top: 1px solid var(--ctr-preview-pager-border-color, $border);\n background: var(--ctr-preview-pager-background-color, $background);\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 use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $foreground-light);\n }\n }\n\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n &:focus {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n .sv-action-bar-item__title {\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\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}","@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","@import \"../variables.scss\";\n\n.svc-notifier.svc-notifier--shown {\n visibility: visible;\n opacity: var(--ctr-notification-opacity, 0.75);\n}\n\n.svc-notifier {\n position: absolute;\n bottom: calcSize(1);\n left: calcSize(1);\n background: var(--ctr-notification-background-color, $background);\n opacity: 0;\n padding: calcSize(1) calcSize(2);\n box-shadow: $shadow-medium;\n border-radius: calcSize(0.5);\n color: var(--ctr-notification-text-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: var(--ctr-notification-background-color-error, $red);\n color: var(--ctr-notification-text-color-error, $red-forecolor);\n opacity: var(--ctr-notification-opacity-error, 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}","@import \"../variables.scss\";\n@import \"./notifier.scss\";\n@import \"./popup.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: var(--ctr-scrollbar-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: var(--ctr-scrollbar-background-color, $border);\n }\n\n .sv-popup .sv-popup__scrolling-content {\n ::-webkit-scrollbar-thumb:hover {\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n }\n}\n\nsurvey-creator,\n.svc-creator {\n .sv-drag-drop-choices-shortcut {\n .sv-drag-drop-choices-shortcut__content {\n background: var(--ctr-survey-radio-button-group-item-background-color-floating, $background);\n\n .sd-item__decorator {}\n\n .svc-item-value__item {\n overflow: hidden;\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: nowrap;\n }\n }\n }\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: var(--ctr-page-banner-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: var(--ctr-page-banner-text-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: var(--ctr-page-banner-text-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}\n\n.svc-creator--disable-animations {\n --sjs-creator-transition-duration: 0ms;\n}",".svc-creator-popup {\n &.sv-popup {\n .sd-btn {\n background: var(--ctr-button-background-color, $background);\n color: var(--ctr-button-text-color, $primary);\n\n &:hover {\n background: var(--ctr-button-background-color-hovered, $background-dark);\n }\n }\n\n .sd-btn--action {\n background: var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n\n &:hover {\n background: var(--ctr-button-background-color-cta-hovered, $primary-background-dark);\n }\n }\n }\n\n &.sv-popup--modal {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n\n &.sv-popup--modal > .sv-popup__container {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n\n & > .sv-popup__shadow > .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n }\n }\n\n &.sv-popup--overlay:not(.sv-popup--dropdown-overlay) {\n .sv-popup__container {\n background: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n\n .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim);\n }\n\n .sv-popup__button.sv-popup__button {\n background-color: var(--ctr-button-background-color-cta, $primary);\n border: 2px solid var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n }\n }\n\n .sv-popup__pointer {\n &:after {\n content: \" \";\n border-bottom: calcSize(1) solid var(--ctr-contextual-menu-pointer-color, $background);\n }\n }\n\n .sv-popup__body-header {\n color: var(--ctr-popup-title-color, $foreground);\n }\n\n &.sv-popup--dropdown {\n .sv-popup__body-content {\n background-color: var(--ctr-contextual-menu-background-color, $background);\n }\n }\n\n &.sv-popup--dropdown.svc-toolbox-subtypes {\n .sv-popup__body-content {\n background: unset;\n }\n }\n\n .sv-list__filter {\n background-color: var(--ctr-contextual-menu-background-color, $background);\n border-bottom: 1px solid var(--ctr-list-search-border-color, $border-inside);\n\n .sv-list__input {\n color: var(--ctr-list-search-text-color-placeholder, $foreground-dim-light);\n background-color: transparent;\n\n &::placeholder {\n color: var(--ctr-list-search-text-color-placeholder, $foreground-light);\n }\n }\n\n .sv-list__filter-icon use {\n fill: var(--ctr-list-search-icon-color, $foreground-light);\n }\n }\n\n .sv-list__item-body {\n color: var(--ctr-list-item-text-color, $foreground-dim);\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color, $foreground-light);\n }\n\n .sv-list__item--hovered > .sv-list__item-body {\n color: var(--ctr-list-item-text-color-hovered, $foreground);\n background: var(--ctr-list-item-background-color-hovered, $background-dark);\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n }\n\n .sv-list__item--selected,\n .sv-list__item.sv-list__item--selected:hover {\n & > .sv-list__item-body {\n color: var(--ctr-list-item-text-color-selected, $primary-foreground);\n background: var(--ctr-list-item-background-color-selected, $primary);\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-selected, $background);\n }\n\n &.sv-list__item--group {\n & > .sv-list__item-body {\n background: var(--ctr-list-item-background-color-selected, $primary-light);\n color: var(--ctr-list-item-text-color-selected, $foreground);\n font-weight: 400;\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n }\n }\n\n //styles for dropdown overlay\n &.sv-popup--dropdown-overlay {\n .sv-popup__button.sv-popup__button {\n color: var(--ctr-actionbar-button-text-color, $primary);\n }\n\n .sv-popup__body-footer {\n background-color: var(--ctr-contextual-menu-footer-background-color, $background-dim);\n border-top: 1px solid var(--ctr-contextual-menu-footer-border-color, $border-light);\n }\n\n .sv-list__empty-container {\n background-color: var(--ctr-contextual-menu-background-color, $background);\n }\n\n .sv-popup__button:disabled {\n color: var(--ctr-actionbar-button-text-color-disabled, $foreground);\n opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n }\n\n .sv-list__filter-clear-button {\n svg {\n use {\n fill: var(--ctr-list-item-icon-color, $foreground-light);\n }\n }\n }\n\n .sv-list__input {\n color: var(--ctr-list-item-text-color, $foreground-light);\n }\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n .sv-list__item-body {\n background: var(--ctr-list-item-background-color-hovered, $background);\n }\n\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: var(--ctr-list-item-background-color-selected, $primary);\n color: var(--ctr-list-item-text-color-selected, $primary-foreground);\n }\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n\n &.sv-list__item--selected.sv-list__item--group {\n & > .sv-list__item-body {\n background: var(--ctr-list-item-background-color-selected, $primary-light);\n color: var(--ctr-list-item-text-color-selected, $foreground);\n font-weight: 400;\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n }\n }\n\n .sd-btn {\n background: var(--ctr-button-background-color, rgba(0, 0, 0, 0));\n }\n }\n\n &.sv-dropdown-popup.sv-popup--dropdown-overlay {\n .sv-popup__body-footer {\n background-color: var(--ctr-contextual-menu-footer-background-color, $background-dim);\n }\n }\n\n .sv-popup__content {\n color: var(--ctr-popup-message-color, #404040);\n }\n}\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: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n transition: color $creator-transition-duration;\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 position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n transition: opacity $creator-transition-duration;\n box-shadow: 0px 0px 0px 0px $border-inside;\n border-radius: 3px;\n opacity: 0;\n\n &.svc-string-editor__border--hover {\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 box-shadow: 0px 0px 0px calcSize(0.25) $border-inside;\n transition-delay: 0ms;\n }\n\n &.svc-string-editor__border--focus {\n top: calcSize(-0.5);\n bottom: calcSize(-0.5);\n left: calcSize(-1);\n right: calcSize(-1);\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__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:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border--hover {\n opacity: 1;\n transition-delay: 200ms;\n }\n\n .svc-string-editor__border--focus {\n transition: none;\n }\n}\n\n.svc-string-editor:focus-within {\n .svc-string-editor__border--focus {\n opacity: 1;\n }\n\n .svc-string-editor__border--hover {\n transition: none;\n }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n .svc-string-editor__border--focus {\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\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--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}",".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: var(--ctr-button-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 transition: background-color $creator-transition-duration;\n\n .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, $primary);\n }\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, $background-dark);\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 2px var(--ctr-button-border-color-focused, $primary);\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(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, 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 transition: background-color var(--sjs-creator-transition-duration, 150ms);\n}\n.svc-btn .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, 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(--ctr-button-border-color-focused, 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(--ctr-survey-action-button-text-color-positive, 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 .svc-text {\n color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n.svc-action-button:focus, .svc-action-button:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, 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(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));\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: var(--ctr-survey-action-button-text-color-positive, $primary);\n\n font-weight: 600;\n font-size: calcSize(2);\n line-height: calcSize(3);\n\n border: calcSize(0.25) solid transparent;\n\n .svc-text {\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n }\n\n &:focus,\n &:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n outline: none;\n }\n}\n\n.svc-action-button--selected {\n border-color: var(--ctr-survey-action-button-text-color-positive, $primary);\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, $foreground);\n}\n\n.svc-action-button--pressed {}","@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 transition: background-color $creator-transition-duration;\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\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 padding: 0;\n border: none;\n background-color: transparent;\n &:hover,\n &:focus {\n outline: none;\n\n .svc-page-navigator__navigator-icon {\n background-color: var(--ctr-page-navigator-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $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: var(--ctr-page-navigator-button-opacity-pressed, 0.5);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $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.5);\n}\n\n.svc-page-navigator {\n padding: calcSize(1.5);\n padding-right: 0;\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.5);\n }\n\n .svc-page-navigator {\n padding: calcSize(1.5);\n padding-left: 0;\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 .svc-page-navigator {\n padding-right: 0;\n }\n }\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: var(--ctr-page-navigator-item-dot-radius-small, 6px);\n height: var(--ctr-page-navigator-item-dot-radius-small, 6px);\n right: calc(50% - 6px / 2);\n top: calc(50% - 6px / 2);\n background: var(--ctr-page-navigator-item-dot-color-default, $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: var(--ctr-page-navigator-item-dot-color-selected, $background);\n border: calcSize(0.25) solid var(--ctr-page-navigator-item-dot-border-color-selected, $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 max-width: 0;\n z-index: 20;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: var(--ctr-page-navigator-item-background-color-hovered, $background);\n border-radius: calcSize(12.5);\n box-shadow: $shadow-medium;\n transition: opacity $creator-transition-duration;\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 .svc-text {\n color: var(--ctr-page-navigator-item-text-color-hovered);\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: var(--ctr-page-navigator-item-dot-color-hovered, $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 background: var(--ctr-page-navigator-item-background-color-hovered, $background);\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}","@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(3) 0 0 0;\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-dim);\n gap: calcSize(0.5);\n }\n\n .sd-page__num {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n\n .svc-panel__placeholder {\n color: var(--ctr-survey-page-placeholder-text-color, $foreground-light);\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 transition: background $creator-transition-duration, box-shadow $creator-transition-duration;\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 opacity: 0;\n top: calcSize(1);\n inset-inline-end: 0; // right\n padding: 0 calcSize(1.5) 0 calcSize(1);\n z-index: 1;\n transition: opacity $creator-transition-duration;\n\n .sv-action-bar-separator {\n margin: 0 calcSize(1);\n }\n\n h4.sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n }\n }\n}\n\n.svc-page__content-actions {\n .sv-action-bar-item {\n border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, 4px);\n background-color: transparent;\n color: var(--ctr-survey-page-toolbar-item-text-color, $foreground);\n transition: background-color $creator-transition-duration;\n }\n\n .sv-action-bar-item__icon {\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n //hovered state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n }\n\n //disabled state\n .sv-action-bar-item:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n\n .sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, $background-dim);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%);\n }\n}\n\n.svc-page__content:not(.svc-page__content--new):focus,\n.svc-hovered.svc-page__content:not(.svc-page__content--new) {\n box-shadow: 0 0 0 2px $secondary-light;\n background: var(--ctr-survey-page-background-color-hovered, $secondary-backcolor-semi-light);\n}\n\n.svc-page .svc-page__content--collapsed {\n &::after {\n content: \"\";\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n border: 2px $border dashed;\n margin: -2px;\n border-radius: calcSize(1.25);\n box-sizing: content-box;\n pointer-events: none;\n }\n}\n\n.svc-creator .svc-page .svc-page__content--selected,\n.svc-creator .svc-page .svc-page__content--selected:focus,\n.svc-hovered.svc-page__content {\n &::after {\n display: none;\n }\n\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px $secondary;\n background: $secondary-backcolor-semi-light;\n }\n\n .svc-page__content-actions {\n opacity: 1;\n }\n}\n\n.svc-creator .svc-page .svc-page__content--collapsed {\n &::after {\n content: \"\";\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n border: 2px $border dashed;\n margin: -2px;\n border-radius: calcSize(1.25);\n box-sizing: content-box;\n pointer-events: none;\n }\n\n &.svc-page__content--collapsed-drag-over-inside {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s infinite;\n\n &::after {\n border: 2px $primary solid;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s infinite;\n }\n }\n}\n\n.svc-creator--mobile {\n .svc-page .svc-page__content--collapsed {\n &::after {\n margin: 0;\n border-radius: calcSize(1);\n }\n }\n\n &.svc-creator .svc-page .svc-page__content--selected,\n &.svc-creator .svc-page .svc-page__content--selected:focus,\n .svc-hovered.svc-page__content {\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset $secondary;\n\n box-shadow: 0 0 0 2px inset var(--ctr-survey-page-border-color-selected, $secondary);\n background: var(--ctr-survey-page-background-color-selected, $secondary-backcolor-semi-light);\n\n .svc-page__content-actions {\n display: block;\n }\n }\n }\n\n .svc-page__content:not(.svc-page__content--new):focus,\n .svc-hovered.svc-page__content:not(.svc-page__content--new) {\n box-shadow: 0 0 0 2px inset $secondary-light;\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-element__add-new-question {\n .svc-text {\n margin-left: calcSize(6);\n }\n}\n\n.svc-element__add-new-question {\n -webkit-tap-highlight-color: transparent;\n}\n\n.svc-element__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 transition: background-color $creator-transition-duration;\n\n use {\n fill: var(--ctr-library-contextual-button-icon-color, $foreground-light);\n }\n\n &:hover {\n background-color: var(--ctr-button-contextual-button-background-color-hovered, $background-dim);\n }\n\n &:focus {\n background-color: var(--ctr-button-contextual-button-background-color-focused, $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-element__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\n.svc-page__content--collapsed {\n &>* {\n display: none;\n }\n\n .svc-page__content-actions {\n display: block;\n }\n\n .sd-page {\n display: flex;\n\n &>* {\n display: none;\n }\n\n .sd-title {\n display: block;\n }\n }\n}\n\n.svc-page__content.svc-page__content--collapsed {\n .sd-page {\n padding-bottom: 0;\n }\n}\n\n.svc-creator .svc-page {\n .svc-page__content--collapse-always {\n .svc-page__content-actions {\n opacity: 1;\n\n .sv-action {\n visibility: hidden;\n }\n\n .sv-action.sv-action-bar-item--collapse {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: hidden;\n }\n }\n }\n\n &.svc-page__content--selected,\n &.svc-hovered {\n .svc-page__content-actions {\n .sv-action {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: visible;\n }\n }\n }\n }\n }\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 &.sd-row--delayed-enter {\n margin-top: 0;\n }\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__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-row__drop-indicator--top,\n.svc-row__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-row__drop-indicator--top {\n top: 6px;\n}\n\n.svc-row__drop-indicator--bottom {\n bottom: -10px;\n}\n\n.svc-row--drag-over-top {\n >.svc-row__drop-indicator--top {\n opacity: 1;\n height: 2px;\n }\n}\n\n.svc-row--drag-over-bottom {\n >.svc-row__drop-indicator--bottom {\n opacity: 1;\n height: 2px;\n }\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-creator--disable-animations {\n .svc-row {\n @include disableLibraryAnimations;\n }\n}\n\n.sd-panel .svc-row > .sd-row.sd-row--multiple {\n width: calc(100% + #{$base-unit});\n padding-left: 0;\n margin-left: calcSize(-1);\n & > div {\n box-sizing: border-box;\n --animation-padding-left: #{calcSize(1)};\n padding-left: calcSize(1);\n }\n}\n$svc-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);\n$svc-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);\n$svc-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);\n$svc-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);\n$svc-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);\n$svc-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);\n$svc-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s);\n\n.svc-row {\n --sjs-row-fade-in-duration: #{$svc-row-fade-in-duration};\n --sjs-row-move-in-duration: #{$svc-row-move-in-duration};\n --sjs-row-fade-in-delay: #{$svc-row-fade-in-delay};\n --sjs-row-fade-out-duration: #{$svc-row-fade-out-duration};\n --sjs-row-move-out-duration: #{$svc-row-move-out-duration};\n --sjs-row-move-out-delay: #{$svc-row-move-out-delay};\n --sjs-row-fade-in-animation-delay: #{$svc-row-fade-in-animation-delay};\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: $background-dim-light;\n text-align: center;\n font-weight: 400;\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: $foreground-dim-light;\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}","@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 &.svc-question__adorner--collapsed {\n height: fit-content;\n }\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: $background-dim;\n }\n }\n }\n }\n}\n\n.svc-question__adorner {\n .sv-action-bar-item {\n background-color: transparent;\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n transition: background $creator-transition-duration, color $creator-transition-duration, opacity $creator-transition-duration;\n }\n\n .sv-action-bar-item__icon {\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n //hovered state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n }\n\n //disabled state\n .sv-action-bar-item:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n\n .sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item-dropdown {\n background-color: transparent;\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%);\n }\n\n .sv-action-bar-item.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n .sv-action-bar-item.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n .sv-action-bar-item.svc-required-action--active {\n background-color: $secondary-backcolor-semi-light;\n }\n}\n\n.svc-question__content {\n scroll-margin-top: 8px;\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 transition: background $creator-transition-duration, box-shadow $creator-transition-duration;\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-selectbase--multi-column {\n overflow: initial;\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.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 transition: opacity $creator-transition-duration;\n\n &:focus-within {\n opacity: 1;\n }\n\n .sv-action--convertTo {\n max-width: max-content;\n\n .sv-action-bar-item {\n flex-direction: row-reverse;\n }\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\n .sv-action-bar-item__icon {\n margin-inline-start: calcSize(0.5);\n\n &:last-child {\n margin-inline-start: 0;\n }\n }\n\n .sv-action-bar-item__icon:last-child {\n use {\n fill: $primary;\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 .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.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--collapsed-drag-over-inside:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s;\n}\n\n@keyframes collapsed-drag-over-inside-blinking {\n 0% {\n background: $primary-light\n }\n\n 40% {\n background: $primary-light\n }\n\n 50% {\n background: transparent\n }\n\n 55% {\n background: $primary-light\n }\n\n 65% {\n background: transparent\n }\n\n 70% {\n background: $primary-light\n }\n\n 80% {\n background: transparent\n }\n\n 85% {\n background: $primary-light\n }\n\n 100% {\n background: $primary-light\n }\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.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: var(--ctr-toolbox-item-background-color-hovered, $background);\n color: var(--ctr-toolbox-item-text-color-hovered, $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: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid var(--ctr-toolbox-item-border-color-floating, $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__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-question__drop-indicator--left,\n.svc-question__drop-indicator--right {\n top: 0;\n height: 100%;\n width: 0px;\n}\n\n.svc-question__drop-indicator--top,\n.svc-question__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-question__drop-indicator--left {\n left: -9px;\n}\n\n.svc-question__drop-indicator--right {\n right: -9px;\n}\n\n.svc-question__drop-indicator--top {\n top: -9px;\n}\n\n.svc-question__drop-indicator--bottom {\n bottom: -9px;\n}\n\n.svc-question__content--drag-over-left {\n >.svc-question__drop-indicator--left {\n opacity: 1;\n width: 2px;\n }\n}\n\n.svc-question__content--drag-over-right {\n >.svc-question__drop-indicator--right {\n opacity: 1;\n width: 2px;\n }\n}\n\n.svc-question__content--drag-over-top {\n >.svc-question__drop-indicator--top {\n opacity: 1;\n height: 2px;\n }\n}\n\n.svc-question__content--drag-over-bottom {\n >.svc-question__drop-indicator--bottom {\n opacity: 1;\n height: 2px;\n }\n}\n\n.sd-panel {\n .svc-question__content--drag-over-left {\n .svc-question__drop-indicator--left {\n left: -6px;\n }\n }\n\n .svc-question__content--drag-over-right {\n .svc-question__drop-indicator--right {\n right: -6px;\n }\n }\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 {\n .svc-question__drop-indicator--top {\n top: -6px;\n }\n }\n\n .svc-question__content--drag-over-bottom {\n .svc-question__drop-indicator--bottom {\n bottom: -6px;\n }\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 opacity: 0.5;\n}\n\n.svc-question__content.svc-question__content--selected>.svc-question__drag-area>.svc-question__drag-element {\n opacity: 0.5;\n z-index: 1;\n}\n\n.svc-element__header--hidden {\n display: block;\n padding-bottom: calcSize(1);\n box-sizing: border-box;\n .svc-string-editor,\n .svc-fake-title,\n sv-ng-string>.svc-string-editor{\n display: inline-flex;\n &::before {\n content: '('\n }\n &::after {\n content: ')'\n }\n }\n .svc-element__title--hidden {\n display: none;\n }\n}\n\n.svc-question__adorner {\n .svc-question__content--collapsed {\n &>* {\n display: none;\n }\n\n .svc-question__drag-area {\n display: flex;\n }\n\n .sd-element {\n display: block;\n\n &>:not(.sd-element__header) {\n display: none;\n }\n }\n\n .sd-element__header {\n &>:not(.sd-element__title) {\n display: none;\n }\n\n &.svc-element__header--hidden {\n display: block;\n }\n .svc-element__title--hidden {\n display: block;\n }\n }\n }\n}\n\n.svc-question__adorner {\n .svc-question__content--collapsed {\n flex-grow: 0;\n padding-bottom: calcSize(4);\n\n .sd-element__header,\n .sd-element--complex>.sd-element__header {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n}\n\n.svc-creator--mobile {\n .svc-question__top-actions {\n padding: 0;\n }\n\n .svc-question__adorner {\n .svc-question__content--collapsed {\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;\n transition: opacity $creator-transition-duration;\n\n use {\n fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, $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-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__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-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n\n .svc-element__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: var(--ctr-survey-action-button-text-color-positive, $primary);\n text-wrap: nowrap;\n }\n }\n\n .svc-element__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary;\n }\n }\n\n .svc-element__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: var(--ctr-library-contextual-button-icon-color, $foreground-light);\n }\n\n &:hover {\n background-color: $background-dim;\n }\n\n &:focus {\n background-color: $primary-light;\n }\n }\n\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 transition: background-color $creator-transition-duration, background $creator-transition-duration;\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: var(--ctr-survey-action-button-text-color-positive, $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.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: var(--ctr-library-contextual-button-icon-color, $foreground-light);\n// }\n\n// &:hover {\n// background-color: $background-dim;\n// }\n\n// &:focus {\n// background-color: $primary-light;\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 .svc-element__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-element__question-type-selector {\n display: none;\n }\n\n .svc-panel__add-new-question,\n .svc-element__add-new-question {\n padding: calcSize(0.5) calcSize(0.5);\n\n .svc-text {\n display: none;\n }\n }\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 padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.svc-question__content.svc-question__content--collapsed {\n .sd-element--complex>.sd-element__header--location-top {\n\n &.svc-element__header--hidden {\n padding: 0;\n }\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 &.svc-element__header--hidden {\n padding-bottom: calcSize(1);\n }\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 padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n\n .sd-paneldynamic__panels-container {\n padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n}\n\n.svc-required-action {\n .sv-svg-icon {\n use {\n fill: $secondary;\n }\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\n .sv-action-bar-item {\n margin: 0;\n padding: calcSize(0.5);\n opacity: 0.5;\n height: 24px;\n\n &:hover,\n &:focus {\n opacity: initial;\n }\n\n .sv-action-bar-item__icon use {\n fill: $foreground-dim-light;\n }\n }\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered>.svc-question__content,\n.svc-question__adorner--collapse-onhover>.svc-question__content--selected,\n.svc-question__adorner--collapse-always>.svc-question__content {\n &>.svc-question__drag-area>.svc-question__top-actions {\n visibility: visible;\n }\n}\n\n.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n box-shadow: $shadow-small;\n\n .svc-question__content-actions {\n display: none;\n }\n }\n}\n\n.sd-panel {\n .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n border-radius: 0;\n border: 1px dashed $border;\n box-shadow: none;\n }\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}","@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}","@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}","@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 align-self: flex-start;\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 transition: background $creator-transition-duration, background-color $creator-transition-duration;\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 transition: opacity $creator-transition-duration;\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 opacity: 1;\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 opacity: 0;\n }\n\n use {\n fill: var(--ctr-survey-item-actionbar-drag-indicator-color, $foreground);\n }\n}\n\n.svc-item-value-controls__button--disabled {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $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: var(--ctr-survey-action-button-icon-color-negative, $red);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: var(--ctr-survey-action-button-icon-color-positive, $primary);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-negative, $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 .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.sv-drag-drop-choices-shortcut {\n .sv-ranking-item__text {\n overflow: hidden;\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 .svc-item-value__item {\n display: none;\n }\n\n height: calcSize(6);\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: unset;\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 .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 opacity: 1;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-3);\n }\n }\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n .svc-item-value-controls__drag-icon {\n opacity: 1;\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}\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 transition: background-color $creator-transition-duration;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n\n use {\n fill: $primary;\n transition: fill $creator-transition-duration;\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}","@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\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\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 opacity: 0;\n position: absolute;\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n z-index: 2;\n transition: opacity $creator-transition-duration;\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 opacity: 1;\n}\n\n.svc-question__content--in-popup {\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}","@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}","@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\n .sd-logo__image {\n max-width: 100%;\n }\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 transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover {\n background-color: var(--ctr-survey-header-logo-placeholder-background-color-hovered, $primary-light);\n opacity: unset;\n\n use {\n fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, $primary);\n }\n }\n\n svg {\n width: calcSize(4);\n height: calcSize(4);\n }\n}\n\n.svc-logo-image-placeholder use {\n transition: fill $creator-transition-duration;\n fill: var(--ctr-survey-header-logo-placeholder-icon-color, $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}","@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","@import \"../../variables.scss\";\n\n.svc-property-panel__item {\n margin: calcSize(2) 0;\n width: 100%;\n}\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}\n\n.svc-property-grid-placeholder {\n display: flex;\n padding: var(--ctr-property-grid-placeholder-padding-top, 96px)\n var(--ctr-property-grid-placeholder-padding-right, 48px) var(--ctr-property-grid-placeholder-padding-bottom, 0px)\n var(--ctr-property-grid-placeholder-padding-left, 48px);\n flex-direction: column;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-image-margin-top, 24px);\n flex: 1 0 0;\n align-self: stretch;\n background: var(--ctr-property-grid-form-background-color, #f3f3f3);\n}\n.svc-property-grid-placeholder__header {\n display: flex;\n max-width: 256px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-text-gap, 8px);\n width: 100%;\n}\n.svc-property-grid-placeholder__title {\n color: var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));\n text-align: center;\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-default-size, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--ctr-font-default-line-height, 24px) /* 150% /;\n display: inline-block;\n}\n.svc-property-grid-placeholder__description {\n color: var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));\n text-align: center;\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-small-size, 12px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-small-line-height, 16px) / 133.333% /;\n display: inline-block;\n}\n.svc-property-grid-placeholder__content {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n}\n.svc-property-grid-placeholder__gap {\n max-width: 192px;\n flex: 1 0 0;\n width: 100%;\n}\n.svc-property-grid-placeholder__image {\n display: flex;\n max-width: 192px;\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n background: url(\"../../images/image-panel-placeholder.png\") 50% / contain no-repeat;\n width: 100%;\n overflow: hidden;\n height: 86px;\n}\n\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-property-grid-placeholder__image {\n transform: rotateY(180deg);\n }\n}\n\n.svc-creator__side-bar--left .svc-property-grid-placeholder__content {\n flex-direction: row-reverse;\n}\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 transition: box-shadow $creator-transition-duration, background-color $creator-transition-duration;\n\n &:hover,\n &:focus {\n background-color: var(--ctr-menu-item-background-color-hovered, $background-dim);\n box-shadow: inset 0px -1px 0px $border;\n outline: none;\n }\n\n .svc-text {\n color: var(--ctr-menu-item-text-color, $foreground);\n }\n}\n\n.svc-tabbed-menu-item--selected {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n\n &:hover,\n &:focus {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n }\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n opacity: var(--ctr-menu-item-opacity-disabled, 0.25);\n\n &:hover {\n background-color: var(--ctr-menu-item-background-color, $background);\n }\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\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}","@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}","@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-top: var(--ctr-toolbox-item-padding-top, calcSize(0));\n padding-right: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n padding-bottom: var(--ctr-toolbox-item-padding-bottom, calcSize(0));\n padding-left: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n\n sv-svg-icon,\n .sv-svg-icon {\n display: block;\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, unset);\n }\n}\n\n.svc-toolbox__tool {\n\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: var(--ctr-toolbox-item-icon-color, $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: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"] {\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\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\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: var(--ctr-toolbox-item-text-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: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n padding-right: var(--ctr-toolbox-item-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\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\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: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n background-color: var(--ctr-toolbox-item-background-color-hovered, $background);\n box-shadow: $shadow-medium;\n transition: 0.1s ease-in-out;\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $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: var(--ctr-toolbox-button-background-color-hovered, $primary-light);\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $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: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n opacity: 0.5;\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-pressed, $foreground);\n opacity: 0.5;\n }\n }\n\n .svc-toolbox__item.svc-toolbox__item-subtype {\n opacity: unset;\n }\n }\n}\n\n.svc-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\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}","@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 .svc-item__banner {\n background-color: var(--ctr-toolbox-item-background-color-hovered, $background);\n }\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\n .spg-search-editor_input {\n width: 0;\n flex-grow: 1;\n }\n\n .spg-search-editor_toolbar-counter {\n display: none;\n }\n\n .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed) {\n &:hover:enabled {\n background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, $red-light);\n border-radius: 100px;\n\n svg use {\n fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, $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\n .svc-toolbox__category-separator--search {\n margin-bottom: 0;\n margin-top: calcSize(1.5);\n min-height: 1px;\n }\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\n .spg-search-editor_container {\n opacity: 1;\n position: relative;\n }\n\n .svc-toolbox__panel {\n z-index: 200;\n position: relative;\n background: var(--ctr-toolbox-background-color, $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\n .svc-toolbox__search-container {\n display: flex;\n }\n\n &:not(.svc-toolbox--scrollable) {\n .svc-toolbox__scroller {\n padding-top: calcSize(9);\n\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\n .svc-toolbox__scroller {\n direction: ltr;\n }\n\n .svc-toolbox__panel {\n direction: rtl;\n }\n\n .svc-toolbox--compact {\n margin-right: 0;\n margin-left: calc(-100vw + calcSize(10.5));\n direction: ltr;\n }\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 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 background: var(--ctr-property-grid-search-background-color, $background-dim);\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: 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: var(--ctr-toolbox-separator-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\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: var(--ctr-property-grid-placeholder-text-description-color, $foreground-light);\n @include defaultFont;\n font-size: 12px;\n}","@import \"../../variables.scss\";\n\n$side-bar-enter-duration: var(--svc-side-bar-enter-duration, 500ms);\n$side-bar-leave-duration: var(--svc-side-bar-leave-duration, 500ms);\n\n$cubic-ease-out: cubic-bezier(0.33, 1, 0.68, 1);\n$reverse-cubic-ease-out: cubic-bezier(0.32, 0, 0.67, 0);\n.svc-side-bar__container {\n flex-direction: column;\n display: flex;\n position: relative;\n font-family: $font-family;\n min-width: 370px;\n width: 450px;\n height: 100%;\n border-inline-start: 1px solid var(--ctr-property-grid-border-color, $border);\n}\n\n.svc-side-bar__wrapper {\n height: 100%;\n}\n@keyframes sideBarMoveIn {\n from {\n width: 0;\n }\n to {\n width: var(--animation-width);\n }\n}\n@keyframes flyoutSideBarShadowFadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 0.75;\n }\n}\n@keyframes flyoutSideBarMoveIn {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n.svc-side-bar--leave,\n.svc-side-bar--enter {\n min-width: 0;\n animation-fill-mode: forwards;\n animation-name: sideBarMoveIn;\n}\n.svc-side-bar--enter {\n animation-duration: $side-bar-enter-duration;\n animation-timing-function: $cubic-ease-out;\n}\n.svc-side-bar--leave {\n animation-duration: $side-bar-leave-duration;\n animation-direction: reverse;\n animation-timing-function: $reverse-cubic-ease-out;\n}\n.svc-flyout-side-bar.svc-side-bar--enter,\n.svc-flyout-side-bar.svc-side-bar--leave {\n animation-name: empty;\n .svc-side-bar__shadow {\n animation-fill-mode: forwards;\n animation-name: flyoutSideBarShadowFadeIn;\n }\n .svc-side-bar__wrapper {\n animation-fill-mode: forwards;\n animation-name: flyoutSideBarMoveIn;\n }\n}\n.svc-flyout-side-bar.svc-side-bar--enter {\n animation-duration: $side-bar-enter-duration;\n .svc-side-bar__shadow {\n animation-duration: $side-bar-enter-duration;\n animation-timing-function: $cubic-ease-out;\n }\n .svc-side-bar__wrapper {\n animation-duration: $side-bar-enter-duration;\n animation-timing-function: $cubic-ease-out;\n }\n}\n.svc-flyout-side-bar.svc-side-bar--leave {\n animation-duration: $side-bar-leave-duration;\n .svc-side-bar__shadow {\n animation-duration: $side-bar-leave-duration;\n animation-timing-function: $reverse-cubic-ease-out;\n animation-direction: reverse;\n }\n .svc-side-bar__wrapper {\n animation-duration: $side-bar-leave-duration;\n animation-timing-function: $reverse-cubic-ease-out;\n animation-direction: reverse;\n }\n}\n\n.svc-creator--disable-animations {\n .svc-side-bar--leave,\n .svc-side-bar--enter {\n animation: none;\n }\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(--ctr-property-grid-header-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, $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: var(--ctr-property-grid-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 color: var(--ctr-menu-toolbar-button-text-color, $foreground);\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 .sv-action-bar-item {\n transition: background-color $creator-transition-duration;\n }\n\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n &:focus {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n\n &:hover {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n\n .sv-action-bar-item__title {\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n }\n\n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n\n.svc-flex-row.svc-side-bar__wrapper {\n width: auto;\n height: 100%;\n background-color: var(--ctr-property-grid-form-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: flex;\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 flex-direction: row-reverse;\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\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"],\n.svc-full-container.svc-creator__side-bar--left {\n .svd-grid-hide .sv-svg-icon,\n .svd-grid-expand .sv-svg-icon {\n transform: rotate(180deg);\n }\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n}\n\n.sv-mobile-side-bar {\n .svc-flyout-side-bar .svc-side-bar__wrapper {\n width: 100%;\n }\n\n .svc-side-bar__container {\n width: 100%;\n min-width: auto;\n }\n}\n\n.svc-side-bar {\n .svc-toolbox {\n width: 100%;\n }\n}","@import \"../../variables.scss\";\n\n.svc-sidebar-tabs {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n border-inline-start: var(--ctr-property-grid-tabs-border-width, 1px) solid\n var(--ctr-property-grid-tabs-border-color, rgba(0, 0, 0, 0.16));\n background: var(--ctr-property-grid-tabs-background-color, #fff);\n box-sizing: border-box;\n}\n.svc-sidebar-tabs__top-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n.svc-sidebar-tabs__collapse-button {\n display: flex;\n align-items: center;\n}\n\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-sidebar-tabs__collapse-button .sv-svg-icon {\n transform: rotateY(180deg);\n }\n}\n\n.svc-sidebar-tabs__separator {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n margin-top: -1px;\n\n & > div {\n height: var(--ctr-separator-width, 1px);\n background: var(--ctr-separator-color, rgba(0, 0, 0, 0.16));\n width: 100%;\n }\n}\n.svc-sidebar-tabs__items {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-gap, 12px);\n}\n\n.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n background: var(--ctr-menu-toolbar-button-background-color-selected, #fff);\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color-selected, $primary);\n }\n}\n\n.svc-creator--mobile .svc-sidebar-tabs--collapsed {\n display: none;\n}\n\n.svc-menu-action {\n display: flex;\n align-items: center;\n}\n.svc-menu-action__icon-container {\n flex: 1 0 0;\n align-self: stretch;\n}\n.svc-sidebar-tabs__bottom-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n\n.svc-sidebar__header.svc-sidebar__header--tabbed {\n display: flex;\n align-items: flex-start;\n}\n.svc-sidebar__header-container {\n display: flex;\n padding: var(--ctr-property-grid-header-padding-top, 12px) var(--ctr-property-grid-header-padding-right, 16px)\n var(--ctr-property-grid-header-padding-bottom, 12px) var(--ctr-property-grid-header-padding-left, 16px);\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n align-self: stretch;\n\n background: var(--ctr-property-grid-header-background-color, #fff);\n box-shadow: inset 0px calc(-1 * var(--ctr-property-grid-header-border-width-bottom, 2px)) 0px\n var(--ctr-property-grid-header-border-color, $primary);\n box-sizing: border-box;\n width: 100%;\n}\n\n.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {\n padding: var(--ctr-property-grid-header-padding-top-with-subtitle, 6px)\n var(--ctr-property-grid-header-padding-right, 16px)\n var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px);\n}\n\n.svc-sidebar__header-container .svc-side-bar__container-title {\n justify-content: center;\n}\n\n.svc-sidebar__header-content {\n display: flex;\n align-items: center;\n}\n\n.svc-menu-action__button {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n cursor: pointer;\n}\n.svc-menu-action__button:hover {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n}\n.svc-menu-action__button.svc-menu-action__button--pressed {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n background: var(--ctr-menu-toolbar-button-background-color-pressed, #f3f3f3);\n}\n.svc-menu-action__button.svc-menu-action__button--with-subtitle {\n padding: var(--ctr-menu-toolbar-button-padding-top-with-description, 4px)\n var(--ctr-menu-toolbar-button-padding-right-with-description, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left-with-description, 8px);\n}\n\n.svc-menu-action__icon {\n display: flex;\n width: var(--ctr-menu-toolbar-button-icon-width, 24px);\n height: var(--ctr-menu-toolbar-button-icon-height, 24px);\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n.svc-sidebar__header-caption {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.svc-sidebar__header-title {\n color: var(--ctr-menu-toolbar-button-text-color, rgba(0, 0, 0, 0.91));\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-default-size, 16px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, 24px) /* 150% /;\n display: inline-block;\n}\n.svc-sidebar__header-subtitle {\n color: var(--ctr-menu-toolbar-button-text-color-secondary, rgba(0, 0, 0, 0.45));\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-small-size, 12px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-small-line-height, 16px) / 133.333% /;\n display: inline-block;\n}\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\n .sv-action:not(.sv-action--hidden):not(:last-of-type)>.sv-action__content {\n padding-right: 0;\n }\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: var(--ctr-actionbar-button-text-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 transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover,\n &:focus {\n opacity: 1;\n outline: none;\n background-color: var(--ctr-actionbar-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-actionbar-button-icon-color-hovered, $primary);\n }\n }\n}\n\n.spg-action-button__icon {\n display: block;\n\n use {\n fill: var(--ctr-actionbar-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\n }\n}\n\n.spg-action-button--danger {\n color: var(--ctr-library-action-button-text-color-negative, $red);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-library-action-button-background-color-negative-hovered, $red-light);\n\n use {\n fill: var(--ctr-library-action-button-icon-color-negative, $red);\n }\n }\n}\n\nbutton.spg-action-button--large {\n padding: calcSize(0.5) calcSize(2);\n}\n\n.spg-action-button:disabled {\n opacity: var(--ctr-library-action-button-opacity-disabled, 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: calcSize(0.5) calcSize(2);\n}","@import \"../variables.scss\";\n@import \"./blocks/variables.scss\";\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@import \"blocks/spg-buttongroup.scss\";\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-inline-end: 1px solid $border;\n box-sizing: border-box;\n / disable library transition animations /\n --sjs-transition-duration: 0ms;\n @include disableLibraryAnimations;\n}\n\n.spg-container {\n width: 100%;\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\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: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n }\n\n svg {\n fill: $foreground-dim-light;\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@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: var(--ctr-label-text-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 color: var(--ctr-editor-label-color, $foreground-dim-light);\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: var(--ctr-error-message-text-color, $foreground);\n background-color: var(--ctr-error-message-background-color, $red-light);\n border-radius: calcSize(0.5);\n line-height: calcSize(3);\n}\n\n.spg-question__erbox,\n.spg-question__erbox>svc-question-error,\nsv-question-error {\n & > div {\n display: flex;\n gap: calcSize(1);\n }\n}\n\n\n\n.spg-question__erbox-icon {\n .sv-svg-icon {\n vertical-align: top;\n }\n\n use {\n fill: var(--ctr-error-message-icon-color, $red);\n }\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n .spg-panel__content {\n gap: calcSize(2);\n\n .spg-row {\n margin-top: 0;\n }\n }\n}\n",".spg-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: var(--ctr-editor-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 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n transition: box-shadow $creator-transition-duration;\n\n padding: calcSize(1.5) calcSize(2);\n outline: none;\n font-size: calcSize(2);\n font-family: $font-family;\n color: var(--ctr-editor-content-text-color, $foreground);\n}\n\n.spg-input::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $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 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, $primary);\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n color: var(--ctr-editor-content-text-color-disabled, $foreground);\n opacity: var(--ctr-editor-content-text-opacity-disabled, 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: var(--ctr-editor-background-color, $background);\n border: none;\n outline: none;\n width: calcSize(5);\n height: calcSize(5);\n padding: calcSize(1);\n line-height: 0;\n transition: background $creator-transition-duration, opacity $creator-transition-duration;\n\n &:focus,\n &:hover {\n background: var(--ctr-editor-button-background-color-hovered, $background-dim);\n }\n\n &:active {\n opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n }\n\n &.spg-input__edit-button--disabled,\n &:disabled {\n opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n background: var(--ctr-editor-background-color, $background);\n }\n\n svg {\n height: 24px;\n width: 24px;\n fill: var(--ctr-editor-button-icon-color, $foreground-dim-light);\n }\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, $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: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $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: var(--ctr-editor-content-text-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 &::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $foreground-dim-light);\n }\n}\n\n.spg-input-container__input:disabled {\n opacity: var(--ctr-editor-content-text-opacity-disabled, 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: auto;\n max-width: 100%;\n min-width: calcSize(6);\n min-height: calcSize(6);\n line-height: calcSize(3);\n}\n",".spg-panel {\n background: $background-dim;\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: var(--ctr-property-grid-chapter-caption-text-color, $foreground-light);\n cursor: pointer;\n background-color: var(--ctr-property-grid-chapter-caption-background-color, $background);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $border);\n font-family: $font-family;\n font-size: calcSize(2);\n font-weight: 400;\n margin: 0;\n transition: color $creator-transition-duration, background-color $creator-transition-duration, opacity $creator-transition-duration;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: var(--ctr-property-grid-chapter-caption-text-color-disabled, $foreground);\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-hovered, $background-dim);\n}\n\n.spg-panel__title--expandable:focus {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, $background-dim);\n}\n\n.spg-panel__title--expanded {\n color: var(--ctr-property-grid-chapter-caption-text-color-selected, $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: var(--ctr-property-grid-form-background-color, $background-dim);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $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}\n.spg-row--enter.spg-row.spg-row.spg-row {\n margin-top: 0;\n}\n.spg-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $spg-row-fade-in-delay, 0s, 0s;\n animation-duration: $spg-row-fade-in-duration, $spg-row-move-in-duration, $spg-row-move-in-duration;\n}\n.spg-row--delayed-enter {\n animation-delay: calc(#{$spg-row-fade-in-delay} + #{$spg-row-fade-in-animation-delay}),\n $spg-row-fade-in-animation-delay, $spg-row-fade-in-animation-delay;\n}\n\n.spg-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $spg-row-move-out-delay, $spg-row-move-out-delay;\n animation-duration: $spg-row-fade-out-duration, $spg-row-move-out-duration, $spg-row-move-out-duration;\n}\n\n.spg-panel__content--enter {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: $ease-out;\n animation-duration: $spg-expand-fade-in-duration, $spg-expand-move-in-duration, $spg-expand-move-in-duration;\n animation-delay: $spg-expand-fade-in-delay, 0s, 0s;\n}\n\n.spg-panel__content--leave {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $spg-collapse-fade-out-duration, $spg-collapse-move-out-duration, $spg-collapse-move-out-duration;\n animation-delay: 0s, $spg-collapse-move-out-delay, $spg-collapse-move-out-delay;\n}\n\n\n.svc-creator--disable-animations {\n .spg-row--enter,\n .spg-row--leave,\n .spg-panel__content--enter,\n .spg-panel__content--leave {\n animation: none;\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: var(--ctr-checkbox-text-color-disabled, $foreground-light);\n }\n}\n\n.spg-checkbox__caption {\n font-family: $font-family;\n font-size: calcSize(2);\n color: var(--ctr-checkbox-text-color, $foreground);\n line-height: calcSize(3);\n}\n\n.spg-checkbox__rectangle {\n background: var(--ctr-checkbox-background-color, $background);\n border: 1px solid var(--ctr-checkbox-border-color, $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 outline: 2px solid transparent;\n transition: background $creator-transition-duration, background-color $creator-transition-duration, outline $creator-transition-duration;\n}\n\n.spg-checkbox:hover {\n .spg-checkbox__rectangle {\n background-color: var(--ctr-checkbox-background-color-hovered, $background-dim);\n }\n}\n\n.spg-checkbox--disabled {\n .spg-checkbox__rectangle:hover {\n background: var(--ctr-checkbox-background-color-disabled, $background);\n }\n}\n\n.spg-checkbox:active .spg-checkbox__rectangle,\n.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n outline: 2px solid var(--ctr-checkbox-border-color-focused, $primary);\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: block;\n opacity: 0;\n fill: transparent;\n width: calcSize(2.5);\n height: calcSize(2.5);\n background-repeat: no-repeat;\n background-size: calcSize(2) calcSize(2);\n transition: opacity $creator-transition-duration, fill $creator-transition-duration;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n opacity: 1;\n fill: var(--ctr-checkbox-button-check-mark-color, $primary);\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: var(--ctr-checkbox-button-check-mark-color-disabled, $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\n &:hover {\n background-color: $background;\n }\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: var(--ctr-data-table-row-drag-area-icon-color, $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\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: var(--ctr-property-grid-background-color, $background);\n border: 1px solid var(--ctr-survey-placeholder-border-color, $border);\n box-sizing: border-box;\n\n .spg-matrixdynamic__add-btn {\n display: initial;\n }\n}\n\n.spg-matrixdynamic__placeholder-text {\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: var(--ctr-survey-placeholder-text-color, $foreground-light);\n}\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: var(--ctr-survey-action-button-text-color-positive, $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 var(--ctr-actionbar-button-icon-color, $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: var(--ctr-actionbar-button-icon-color, $foreground);\n }\n}\n",".spg-table-wrapper {\n border: 1px solid var(--ctr-data-table-border-color, $border);\n border-bottom: none;\n}\n\n.spg-table {\n width: 100%;\n background-color: var(--ctr-data-table-background-color, $background);\n border-collapse: collapse;\n\n tr {\n border-bottom: 1px solid var(--ctr-data-table-row-border-color, $border);\n background-color: var(--ctr-data-table-row-background-color, $background);\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: var(--ctr-data-table-background-color, $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: var(--ctr-data-table-row-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 var(--ctr-data-table-cell-border-color-focused, $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:\n right calcSize(0.5) top 50%,\n 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: var(--ctr-data-table-cell-text-color-header, $foreground-light);\n line-height: calcSize(3);\n background: var(--ctr-data-table-row-background-color-header, $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.spg-table__question-wrapper {\n box-sizing: border-box;\n padding: calcSize(0.5) 0;\n}\n\n.spg-table__row--leave,\n.spg-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.spg-table__row--detail {\n &.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n.svc-creator--disable-animations {\n .spg-table__row--enter,\n .spg-table__row--leave {\n animation: none;\n }\n}",".spg-question-group {\n .spg-row {\n margin-top: 0;\n &:not(:first-of-type) {\n margin-top: calcSize(1);\n }\n }\n}\n",".spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\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 $border-inside;\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 .spg-panel__content .spg-row.spg-row {\n animation: none;\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-panel-by-page,\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: var(--ctr-editor-border-color, $border);\n }\n }\n\n .spg-panel-by-page__content>.spg-row:first-of-type,\n .spg-nested-panel__content>.spg-row:first-of-type {\n margin-top: 0;\n }\n\n .spg-panel-by-page.spg-panel--hidden-border,\n .spg-row:last-of-type>div>.spg-panel-by-page,\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-panel-by-page.spg-panel--padding {\n padding-top: calcSize(2);\n padding-bottom: calcSize(3);\n}\n\n .spg-theme-group-caption {\n @include defaultBold;\n color: var(--ctr-property-grid-group-caption-text-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\n .sd-question--title-top .spg-paneldynamic {\n margin-top: calcSize(-1);\n }\n\n .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean) {\n margin-top: calcSize(-1);\n }\n\n .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n margin-top: 0;\n }\n\n .spg-question__content-coloralpha {\n margin-top: calcSize(-1);\n }\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}\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\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\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\n .svc-action-button {\n background-color: $secondary-light;\n }\n\n .sv-button-group {\n box-shadow: 0 0 0 1px $secondary;\n border-color: $secondary;\n }\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 var(--ctr-property-grid-search-border-color, $border);\n background: var(--ctr-property-grid-search-background-color, $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: var(--ctr-property-grid-search-text-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: var(--ctr-property-grid-search-text-color-placeholder, $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\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_bar-item:not(.sv-action-bar-item--pressed) {\n\n &:hover:enabled,\n &:focus:enabled {\n background: var(--ctr-search-button-background-color-clear-hovered, $background-dim);\n\n .sv-action-bar-item__icon use {\n fill: var(--ctr-search-button-icon-color-clear-hovered, $foreground-light)\n }\n }\n}\n\n.spg-search-editor_toolbar .sv-action-bar-item__icon use {\n fill: var(--ctr-property-grid-search-button-icon-color, $foreground-light)\n}\n\n.spg-search-editor_toolbar-counter {\n color: var(--ctr-property-grid-search-count-text-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: var(--ctr-property-grid-search-icon-color, $foreground-light);\n }\n }\n}",".spg-root-modern {\n .sv-button-group {\n border: 1px solid var(--ctr-button-group-item-border-color, $border);\n transition: box-shadow $creator-transition-duration, border-color $creator-transition-duration, border $creator-transition-duration;\n }\n\n .sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--ctr-button-group-border-color-focused, $primary);\n border-color: var(--ctr-button-group-border-color-focused, $primary);\n }\n\n .sv-button-group__item {\n background: var(--ctr-button-group-item-background-color, $background);\n transition: background $creator-transition-duration, background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:not(:last-of-type) {\n border-right: 1px solid var(--ctr-button-group-item-border-color, $border);\n }\n }\n\n .sv-button-group__item--hover:hover {\n background-color: var(--ctr-button-group-item-background-color-hovered, $background-dim);\n }\n\n .sv-button-group__item-icon {\n use {\n fill: var(--ctr-button-group-item-icon-color, $foreground-light);\n }\n }\n\n .sv-button-group__item--selected {\n color: var(--ctr-button-group-item-text-color-selected, $primary);\n\n .sv-button-group__item-icon use {\n fill: var(--ctr-button-group-item-icon-color-selected, $primary);\n }\n\n &:hover {\n background-color: var(--ctr-button-group-item-background-color-hovered, $background);\n }\n }\n\n .sv-button-group__item--disabled {\n color: var(--ctr-button-group-item-text-color-disabled, $foreground);\n\n .sv-button-group__item-icon use {\n fill: var(--ctr-button-group-item-text-color-disabled, $foreground);\n }\n\n &:hover {\n background-color: var(--ctr-button-group-item-background-color-disabled, $background);\n }\n }\n\n .sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--ctr-button-group-border-color-focused, $primary);\n border-color: var(--ctr-button-group-border-color-focused, $primary);\n }\n}\n\n.spg-root-modern.spg-root--one-category {\n background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n border-right: unset;\n\n .spg-page.spg-body__page {\n box-shadow: unset;\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","@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: var(--ctr-surface-background-color, $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\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\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calcSize(4);\n}\n\n.svc-creator--mobile {\n .sv-action-bar-separator {\n height: calcSize(3);\n }\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(--ctr-menu-item-background-color, $background);\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, $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\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 .sv-action-bar-separator {\n background-color: var(--ctr-separator-color, $border);\n }\n\n .sv-action-bar-item {\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 2px);\n background-color: transparent;\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n transition: background-color $creator-transition-duration;\n }\n\n\n .sv-action-bar-item__icon {\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n\n //hovered state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n background-color: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n\n //pressed state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n }\n\n //disabled state\n .sv-action-bar-item:disabled {\n opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);\n }\n\n .sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: $secondary;\n }\n }\n\n .sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-text-color-selected, $primary);\n }\n }\n\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 50%);\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}",".spg-boolean-switch,\n.spg-boolean-switch * {\n box-sizing: border-box;\n}\n\n.spg-boolean-switch {\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap-label, 8px);\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__button {\n background: var(--ctr-toggle-button-background-color, #ffffff);\n outline: none;\n border-radius: var(--ctr-toggle-button-corner-radius, 1024px);\n border-style: solid;\n border-color: var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));\n border-width: 1px;\n margin: 1px;\n padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px) var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap, 4px);\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &:focus,\n &:focus-visible {\n border-color: var(--ctr-toggle-button-border-color-focused, #19b394);\n border-width: 2px;\n margin: 0;\n }\n}\n\n.spg-boolean-switch__button--checked {\n background: var(--ctr-toggle-button-background-color-checked, #19b394);\n\n .spg-boolean-switch__thumb--left {\n background: none;\n }\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked, #ffffff);\n }\n\n &:focus {\n background: var(--ctr-toggle-button-background-color-checked-focused,\n #ffffff);\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked-focused,\n #19b394);\n }\n }\n}\n\n.spg-boolean-switch__thumb {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__thumb-circle {\n border-radius: var(--ctr-toggle-button-thumb-corner-radius, 1024px);\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--ctr-toggle-button-thumb-width, 16px);\n height: var(--ctr-toggle-button-thumb-height, 16px);\n position: relative;\n overflow: hidden;\n}\n\n.spg-boolean-switch__thumb--left {\n background: var(--ctr-toggle-button-thumb-background-color-active,\n rgba(0, 0, 0, 0.45));\n}\n\n.spg-boolean-switch__thumb--right {}\n\n.spg-boolean-switch__caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__title {\n color: var(--ctr-toggle-button-label-text-color, rgba(0, 0, 0, 0.91));\n text-align: left;\n font-family: var(--ctr-default-font-family, \"OpenSans-Regular\", sans-serif);\n font-size: var(--ctr-default-font-size, 16px);\n line-height: var(--ctr-default-line-height, 24px);\n font-weight: var(--ctr-default-font-weight, 400);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"survey-creator-core.fontless.css","mappings":";;;;;;;;;AAEA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA,uECMW;EDLX;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE,0ECOe;EDNf;AADJ;;AASI;EACE,2DC9BI;ADwBV;;AAeI;EACE,iDCGA;ADfN;;;;AE1BA;EACE;EACA;EACA,4EDae;ACdjB;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;;;ACbA;EACE;EACA;EACA,4EFae;AEdjB;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEF3BQ;EE4BR,oEFzBmB;EE0BnB;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA,oDFqBU;EEnBV,uEFtBW;EEuBX;EACA;EACA;EAEA,+DFlBW;EEmBX;AAHF;AAKE;EACE;AAHJ;AAKI;EACE,kDFRA;AEKN;;AAQA;EACE;AALF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE,uDFpBY;EEqBZ;EACA;EACA;EACA,kFFpCU;EEqCV;EACA;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE,iDFzDI;AEoDN;;AAQA;EACE;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEFvGW;EEwGX;EACA;EACA,8EFxFa;EEyFb;AALF;AAOE;EACE,iEFlGmB;EEmGnB;EACA;AALJ;;AAUE;EACE,2DFvIM;AEgIV;;;;AC9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA,iEHNW;EGOX;AADF;;AAIA;EACE;AADF;AAGE;EACE;AADJ;AAGI;EACE;AADN;AAKE;EACE;EACA;AAHJ;AAME;EACE;AAJJ;AAOE;EACE;AALJ;AAOI;EACE;EACA;AALN;;AAUA;EACE;EACA;EACA;EACA;EAEA;EACA;AARF;;AAWA;EAEE;;IAEE;EATF;AACF;AAYA;EACE;AAVF;;;;AChEA;EACE;EACA;EACA,4EJae;AIdjB;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;AAGE;;EAEE;EACA;EACA,kFJTa;AIQjB;AAIE;EACE;AAFJ;AAKE;EACE;EACA;EACA;EACA;EACA;AAHJ;;AAOA;EACE;AAJF;;AAOA;EACE;AAJF;AAME;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;AAOE;EACE;EACA;EACA;EACA;AALJ;AAOI;EACE;AALN;AAQI;EACE;AANN;AAUE;EJEA;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;EImBR;EACA;EACA;AAHJ;AAME;EACE;AAJJ;AAMI;EJqCF;EACA;EACA;EIpCI,+DJ7DO;EI8DP;AAHN;;AAQA;EACE;EAEA;EACA;EACA;AANF;;AASA;EACE,uDJ9CY;EI+CZ;EACA;EACA;EACA,+DJhFW;EIiFX;EACA;EACA;EACA;EACA;AANF;;;;ACtGA;EACE;EACA;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;EACA;EAEA;EACA;EACA;EACA;AAHF;AAKE;EAEE;EACA;AAJJ;AAMI;EACE;AAJN;;AASA;EACE;EACA;EACA;AANF;AAQE;EAEE;EACA;AAPJ;AASI;EACE;AAPN;;AAYA;EACE;EACA;AATF;;AAYA;;EAEE;AATF;;AAaE;EACE;EACA;EACA;AAVJ;AAaE;EACE;AAXJ;;AAeA;EACE,gELvEU;AK2DZ;;AAeA;;;;;ELgCE;EACA,uDAzDY;EA0DZ;EACA;EACA;EACA;EK9BA;EAEA;EACA;EACA;EACA,4DLhEe;EKiEf;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE,+DL3EW;EK4EX;EACA;EACA,uDLhDY;EKiDZ;EACA;EACA;AATF;;AAYE;EACE;EACA;AATJ;;AAaA;EACE;EACA;AAVF;AAYE;EACE;AAVJ;;AAcA;EACE;EACA;EACA;EACA;EACA;AAXF;;AAcA;EACE;EACA;EACA;AAXF;AAcI;EACE;EACA;EACA;AAZN;AAeI;EACE;EACA;EACA;AAbN;AAgBI;EACE;AAdN;AAoBI;;EACE;AAjBN;AAmBM;;EACE;AAhBR;AAuBI;;EACE;AApBN;;AAyBA;EACE;AAtBF;AAwBE;EACE;AAtBJ;AAyBE;EACE;AAvBJ;AA0BE;EACE;EACA;EACA;EACA;EACA;EAEA,uDLzIU;EK0IV;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;AA5BJ;AA+BE;EACE;EACA;AA7BJ;AAgCE;EACE;EACA;EACA;EACA;EACA;EACA;AA9BJ;;AAkCA;EACE;AA/BF;;AAkCA;EACE;EACA;EACA;AA/BF;;AAkCA;EACE;EACA;EACA;AA/BF;;AAmCE;EACE;AAhCJ;;AAoCA;EACE;AAjCF;;AAqCE;EACE;EACA;EACA;AAlCJ;;AAsCA;EACE;EACA;EACA;EACA;EACA;AAnCF;AAqCE;EACE;AAnCJ;;AAuCA;EACE;AApCF;;AAsCA;EACE;AAnCF;;AAqCA;EACE;EACA;EACA;EACA;EACA;AAlCF;;AAqCA;EACE;AAlCF;;AAqCA;EACE;AAlCF;;AAsCE;EACE;AAnCJ;;AAuCA;EACE;AApCF;;ALvGE;;EAEE;AK0GJ;ALxGE;;EAEE;AK0GJ;ALxGE;;EAEE;AK0GJ;ALxGE;;EAEE;AK0GJ;ALxGE;EACE;AK0GJ;ALxGE;EACE;AK0GJ;ALxGE;;EAEE;AK0GJ;;AAuBE;EAEE;EACA;EACA;AArBJ;AAuBE;EACE;EACA,sDLpIO;EKqIP;EACA;AArBJ;AAwBE;EACE;EACA,sDL1Ie;EK2If;EACA;AAtBJ;;AAwCA;;EAEE;EACA;EACA;EACA;AArCF;AAsCE;;EACE;EACA;EACA;EACA;EACA;EACA;AAnCJ;AAoCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjCN;;AAqCA;EACE;EACA;EACA;EACA;EACA;EACA;AAlCF;;AAoCA;EACE;EACA;EACA;EACA;EACA;EACA;AAjCF;;AAoCE;EACE;EACA;EACA;EACA;EACA;EACA;AAjCJ;AAmCE;EACE;EACA;EACA;EACA;EACA;EACA;AAjCJ;;AA6CA;EACE;EACA;EACA;EACA;EACA,sDLvOS;EKwOT;EACA;AA1CF;;AA4CA;EACE;EACA;EACA;AAzCF;;AA6CA;EACE;EACA,sDLnPiB;EKoPjB;EACA;EACA;EACA;EACA;AA1CF;;AAoDA;EACE;EACA;EACA;EACA;EACA;EACA,sDLzQS;EK0QT;EACA;AAjDF;;AAoDA;EACE;EACA,sDL/QiB;EKgRjB;EACA;EACA;EACA;EACA;AAjDF;;AAsDE;;;;;;;;EASE;AApDJ;;;;ACxaA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAKA;EACE;EACA;EACA;EACA;EACA;AAFF;AAKI;EACE;AAHN;AAMI;EACE;AAJN;AAMM;EACE;AAJR;AAOM;EACE;AALR;AAWM;;EAEE,4ENnCS;AM0BjB;;AAeA;EN2EE;EACA,uDA/EY;EAgFZ;EACA;EACA;EACA,+DAjHW;EAkHX;EACA;EACA;EACA;EACA;EACA;AMtFF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;AAKE;EACE;EACA;AAFJ;;AAMA;EACE;AAHF;;AAMA;;EN5BE;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;EMkDV;AAEF;;AACA;EACE;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AAEE;EACE;EACA;AACJ;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;ENvDE;EACA,uDA9BY;EA+BZ;EACA;EACA,wFAhCU;EAiCV;EMoDA;EACA;EACA;AAKF;AAHE;EACE;EACA;AAKJ;;AAAE;EACE;AAGJ;;AACA;EACE;EACA;EACA;EACA;AAEF;;AACA;ENvEE;EACA,uDAvCY;EAwCZ;EACA,wFAxCU;EAyCV;EMqEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAMF;;AAHA;EACE;EACA,kFNjKe;AMuKjB;;AAHA;EACE;EACA;EACA;AAMF;AAJE;EACE;AAMJ;;AAFA;EACE;AAKF;AADI;EAEE,mGNtMU;AMwMhB;AAEE;EACE,2DN5MM;AM4MV;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;AADJ;AAIE;EACE,mGNhPY;AM8OhB;AAKE;EACE;EACA;EACA;AAHJ;;AAOA;;EAEE,kENhOqB;EMiOrB,uDNtMY;EMuMZ;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA,iENtPW;EMuPX;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA,8EN9Oa;EM+Ob;AAJF;;AAQE;EACE;AALJ;;ANpHE;;EAEE;AMuHJ;ANrHE;;EAEE;AMuHJ;ANrHE;;EAEE;AMuHJ;ANrHE;;EAEE;AMuHJ;ANrHE;EACE;AMuHJ;ANrHE;EACE;AMuHJ;ANrHE;;EAEE;AMuHJ;;;;AC3SA;EACE;EACA;EACA,4EPae;AOdjB;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAOA;EACE;AAJF;;AAOA;EACE;AAJF;;AAQE;EACE;EACA;EACA,iEPdS;EOeT;EACA;AALJ;;AASA;EACE;EACA;EACA;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDPKY;EOJZ;EACA;EACA;EACA;EACA;AANF;AAQE;EACE,iEP1CS;EO2CT,+DPlCS;AO4Bb;;AAUA;EACE;AAPF;;AAUA;EACE;AAPF;;AAUA;EACE;AAPF;AASE;EAEE;EACA;EACA;AARJ;;AAYA;EACE;EACA;AATF;AAWE;EAEE;EACA;AAVJ;;AAcA;EACE;EACA;AAXF;AAaE;EAEE;EACA;AAZJ;;AAgBA;EACE;EACA;AAbF;AAeE;EAEE;EACA;AAdJ;;AAkBA;EACE;EACA;AAfF;AAiBE;EAEE;EACA;AAhBJ;;AAoBA;EACE;EACA;EACA;AAjBF;;AAoBA;EACE;AAjBF;;AAqBE;EACE;AAlBJ;;AAsBA;EACE;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;EACE;AAnBJ;;AAwBE;EACE;AArBJ;;AAyBA;;EAEE;AAtBF;;AAyBA;;EAEE;AAtBF;;AAyBA;;EAEE;AAtBF;;AAyBA;EACE;AAtBF;;AAyBA;EACE;AAtBF;;AAyBA;EACE;AAtBF;;AAyBA;;EAEE;EACA;AAtBF;AAwBE;;;EAEE;AArBJ;;AAyBA;EACE;EACA;AAtBF;;AA0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBJ;AAyBI;EACE;EACA;AAvBN;AA2BE;EACE;EACA;EACA;EACA;AAzBJ;AA4BE;EACE;EACA;AA1BJ;AA4BI;EAEE;EACA,8EPxNS;AO6Lf;AA+BE;EACE;EACA;AA7BJ;AAgCE;EACE;EACA;AA9BJ;;AAmCE;EACE;AAhCJ;;AAoCA;EACE,uDPzNY;AOwLd;AAmCE;EACE;EACA;EACA;EACA;EACA;AAjCJ;AAoCE;EACE;AAlCJ;AAqCE;EACE;AAnCJ;;AAuCA;EACE;EACA;AApCF;;AAwCE;EACE;AArCJ;;AAyCA;EACE;AAtCF;AAwCE;EACE;EACA;EACA;AAtCJ;AAyCE;EACE;AAvCJ;AA0CE;EACE;AAxCJ;;AA4CA;EACE;AAzCF;;AA4CA;EACE;EACA;EACA;AAzCF;;AA4CA;EACE;AAzCF;;AA4CA;EACE;EACA;EACA;EACA;EACA;EACA,iEPpUW;EOqUX,8EPnTa;EOoTb;EACA;AAzCF;;AA6CE;EACE;AA1CJ;;AA8CA;EACE,uDP1SY;EO2SZ;EACA;EACA;EACA;EACA;EACA,2EP7UiB;EO8UjB;EACA;AA3CF;;AA8CA;EACE;AA3CF;;AA8CA;EACE;EACA;AA3CF;AA6CE;EACE;AA3CJ;AA8CE;EACE;AA5CJ;;AAgDA;EACE;AA7CF;;;;AChVA;EACE;EACA;EACA,4ERae;AQdjB;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;;AAKA;EACE;EACA;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;AAFF;;AAMI;EACE;AAHN;AAOE;EACE;AALJ;AAOE;EACE;AALJ;AAQE;EACE;EACA;EACA;EACA;EACA;AANJ;AAQI;EACE;AANN;AASI;EACE;EACA;AAPN;AAWE;EACE;AATJ;AAYE;;EAEE;AAVJ;;AAcA;EACE;AAXF;AAeM;EACE;AAbR;AAkBE;EACE;AAhBJ;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;AAmBE;EACE;AAjBJ;;AAsBE;EACE;EACA;AAnBJ;AAsBE;EACE;AApBJ;;AAwBA;EACE;EACA;EACA;AArBF;AAuBE;EACE;EACA;EACA;AArBJ;;;;AC1GE;EACE;AAFJ;AAKE;EACE;EACA;EACA;AAHJ;AAOI;EACE;EACA;EACA;EACA;AALN;AAOM;EACE;EACA;EACA;AALR;AASI;EACE;EACA;AAPN;AASM;EACE;EACA;AAPR;AAWE;EACE;AATJ;AAYI;EACE;AAVN;AAcE;EACE;AAZJ;AAeE;EACE;EACA;EACA;AAbJ;AAeI;EACE;AAbN;AAiBM;EACE;AAfR;AAoBE;EACE;EACA;EACA;AAlBJ;AAqBI;EACE;AAnBN;AAuBE;EACE;AArBJ;AAuBI;EACE;EACA;EACA;AArBN;AAuBM;EACE;AArBR;AAwBM;EACE;EACA;AAtBR;AAyBM;EACE;EACA;EACA;AAvBR;AA0BM;EACE;AAxBR;AA8BI;EACE;EACA;AA5BN;AAgCE;EACE;AA9BJ;AAiCE;EACE;AA/BJ;AAiCI;EACE;AA/BN;AAoCI;EACE;AAlCN;AAqCQ;EACE;AAnCV;AAqCU;EACE;AAnCZ;;;;ACjGA;EACE;EACA;EACA,4EVae;AUdjB;;AAIA;EACE;AADF;AAGE;;EAEE;EACA;EACA,kFVGa;AUJjB;AAIE;EACE;AAFJ;AAKE;EACE;EACA;EACA;EACA;EACA;AAHJ;;AAOA;EACE;AAJF;;AAOA;EACE;AAJF;AAME;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;AAOE;EACE;EACA;EACA;EACA;AALJ;AAOI;EACE;AALN;AAQI;EACE;AANN;AAQM;EACE;AANR;AAWM;EACE;AATR;AAYM;EACE;AAVR;AAcI;EACE;AAZN;AAeI;EACE;AAbN;AAiBE;EVRA;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;EU6BR;EACA;AAVJ;AAaE;EACE;AAXJ;AAaI;EV4BF;EACA;EACA;EU3BI,+DVtEO;EUuEP;AAVN;;;;ACrFA;EACE;EACA;EACA;AADF;;AAIA;EACE,2EXkBiB;EWhBjB,uDX6CY;EW5CZ;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EXPe;EWSf;EACA;EACA;AAHF;;AAMA;EACE,iEXhBW;AWab;;AAMA;EACE;EACA,4EXpBe;AWiBjB;;AAMA;EACE;EACA,iEX1BW;AWuBb;;AAMA;;EAEE;EACA;EACA;EAEA;EACA,uEXrDQ;AWiDV;;AAOA;EACE;EACA,+EXvDmB;AWmDrB;;AAOA;EACE;EACA;EACA;EACA;EAEA;EACA,6EXvCqB;EWyCrB;EACA;EACA;EACA;EACA;AANF;;AASA;EACE,+EX3EmB;EW4EnB;EACA;AANF;;AAYE;;;EACE,uEXvFM;AWgFV;;;;AC9EA;EACE;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,8EZuBc;EYtBd;EACA;EACA;EACA;EACA;EAEA;EZuDA;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;AahCZ;;ADCA;EACE;EACA;EACA;ACEF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;;ACtCI;EACE;EACA;ADyCN;ACvCM;EACE;ADyCR;ACrCI;EACE;EACA;ADuCN;ACrCM;EACE;ADuCR;AClCE;EACE;ADoCJ;ACjCE;EACE;ADmCJ;ACjCI;EACE;ADmCN;AC9BI;EACE;ADgCN;AC7BI;EACE;AD+BN;AC5BI;EACE;EACA;EACA;AD8BN;ACzBI;EACE;EACA;AD2BN;ACvBE;EACE;ADyBJ;ACrBI;EACE;ADuBN;AClBI;EACE;ADoBN;AChBE;EACE;EACA;ADkBJ;AChBI;EACE;EACA;ADkBN;AChBM;EACE;ADkBR;ACdI;EACE;ADgBN;ACZE;EACE;EACA;ADcJ;ACXE;EACE;ADaJ;ACVE;EACE;EACA;ADYJ;ACVI;EACE;ADYN;ACNI;;EACE;EACA;ADSN;ACNI;;EACE;ADSN;ACLM;;EACE;EACA;EACA;ADQR;ACLM;;EACE;ADQR;ACDI;EACE;ADGN;ACAI;EACE;EACA;ADEN;ACCI;EACE;ADCN;ACEI;EACE;EACA;ADAN;ACKQ;EACE;ADHV;ACQI;EACE;ADNN;ACYM;;;EACE;ADRR;ACYQ;;;EACE;EACA;ADRV;ACYM;;;EACE;ADRR;ACYQ;;;EACE;EACA;EACA;ADRV;ACWQ;;;EACE;ADPV;ACYI;EACE;ADVN;ACeI;EACE;ADbN;ACiBE;EACE;ADfJ;;AE9LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFiMF;;AE7LE;EACE;AFgMJ;AE7LE;EACE;AF+LJ;;AE3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF8LF;;AE3LA;EACE;AF8LF;;AE3LA;EACE;AF8LF;;AE3LA;EACE;AF8LF;;AE3LA;EACE;AF8LF;;AE3LA;EACE;AF8LF;;AE3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF8LF;;AE3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF8LF;;AE3LA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;AF6LF;;AE1LA;EACE;AF6LF;;AE1LA;EACE;AF6LF;;AExLE;;EACE;AF4LJ;;AEvLE;EACE;AF0LJ;AEvLE;EACE;AFyLJ;AEpLI;;EACE;AFuLN;;AA3SA;;EAEE;EACA;EACA;EACA;EACA;EAEA;AA6SF;AA3SE;EAVF;;IAWI;IACA;EA+SF;AACF;AA7SE;;EACE;EACA;EACA;AAgTJ;AA7SE;;EACE;EACA;EACA;EACA;AAgTJ;AA7SE;;EACE;AAgTJ;AA7SE;;EACE;EACA;AAgTJ;AA5SI;;EACE;AA+SN;;AAvSI;;EACE;AA2SN;AAvSM;;EACE;AA0SR;AAxSQ;;;;EAEE;AA4SV;;AArSA;EACE;EbyDA;EACA;EACA;EACA;AagPF;;AAvSA;EACE;EACA;EACA;AA0SF;;AArSA;EACE;EACA;AAwSF;;AArSA;EACE;EACA;EACA;EACA;EACA;EACA,uCbee;AayRjB;;AArSA;EACE;AAwSF;;AArSA;EACE;EACA;EACA;EACA;AAwSF;;AArSA;EACE;EACA;AAwSF;;AApSE;EACE;EACA;EACA,iEbpGS;EaqGT;AAuSJ;;AAnSA;EACE;EACA;EACA;EACA;AAsSF;;AAnSA;EACE;EACA;EACA;EACA;EACA,uEbrHW;EasHX;EACA;EACA,8EbpGc;EaqGd;AAsSF;;AAnSA;EACE;EbzDA;EACA,uDA9BY;EA+BZ;EACA;EACA,wFAhCU;EAiCV;EasDA;EACA;EACA;AA2SF;AAzSE;EACE;AA2SJ;;AAtSE;EACE;AAySJ;;AArSA;EACE;EACA;EACA;EACA,qEb7JU;Ea8JV;AAwSF;;AArSA;EACE;EACA;AAwSF;;AArSA;EACE;EACA;AAwSF;;AArSA;EACE;AAwSF;;;;AGvdE;EACE;EACA;AAFJ;;AAMA;EACE;AAHF;AAKE;EACE;EACA;AAHJ;AAME;EACE;EACA;EACA;AAJJ;AAMI;EACE;EACA;EACA;AAJN;AAQE;;EAEE;AANJ;AASE;EACE;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;AAVF;;AAaA;EACE;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDhBbY;EgBcZ;EACA,2EhB5CiB;EgB6CjB;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAYE;EACE;EACA;EACA;EACA;EAEA;EACA;AAXJ;AAcE;EACE;EACA;EACA;EACA;EACA;EACA,uEhBtFS;EgBuFT;AAZJ;;AAgBA;EACE;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAiBE;EA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CN;AAkDI;;;EACE;AA9CN;AAiDI;;;EACE;EACA;AA7CN;;;;ACxQA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;AAGE;EACE;EACA;AADJ;;AAME;EACE;EACA,mG9BnBY;A8BgBhB;AAME;EACE;EACA;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;EACA;AALF;AAOE;EACE,2D9BvDM;E8BwDN;AALJ;AAQE;EAEE,mG9B5DY;A8BqDhB;;AAWA;EACE;EACA;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;EACA;EACA;EACA;EACA;AAVF;;AAcE;EACE;AAXJ;;AAgBE;EACE;AAbJ;AAgBE;EACE;AAdJ;;AAkBA;EACE;EACA,4E9BvFe;A8BwEjB;;AAkBA;EACE;AAfF;AAiBE;EACE;AAfJ;;AAmBA;EACE;EACA;EACA;EACA;AAhBF;;;;AC9FA;EACE;AATF;;AAaE;EACE;AAVJ;AAYI;EACE;AAVN;;AAeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;AAcE;EACE;AAZJ;;AAgBA;EACE;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA,iE/BzCW;E+B0CX;EACA;EACA;EACA;EACA;AAbF;AAeE;EACE,0E/BvCe;A+B0BnB;;AAiBA;EACE;AAdF;;AAiBA;EACE;EACA;AAdF;;AAkBE;EACE;EACA;AAfJ;AAkBE;E/B0CA;EACA;EACA;EACA;A+BzDF;;AAkBE;EACE;AAfJ;;;;AC3EA;EACE,uDhCqDY;EgCpDZ;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;EACA,2EhCae;EgCZf;EACA,uEhCCS;AgCFb;AAGI;EACE;AADN;AAII;EACE;EACA;AAFN;AAME;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEhClBS;AgCcb;AAOE;EACE,uEhCtBS;EgCuBT;EACA,8EhCNW;AgCCf;AAOI;EACE;EACA;AALN;AAOM;EACE;EACA;AALR;AAOQ;EACE;AALV;AAOU;EACE,0EhC5BO;AgCuBnB;AASQ;EACE;EACA;AAPV;AAWM;EACE;EACA,kFhCjDS;EgCkDT;EACA;EACA;EACA,2EhC5CW;AgCmCnB;AAWQ;EACE;AATV;AAaM;EACE;EACA;EACA;EACA;EACA;AAXR;AAaQ;EACE;EACA;EACA;AAXV;AAcQ;EACE;EACA;AAZV;AAgBM;EACE;AAdR;AAiBM;EACE;AAfR;AAiBQ;EACE,2EhC9ES;AgC+DnB;;;;ACxFA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;AAIE;EACE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA,2EjCViB;EiCWjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;AAHJ;AAKI;EACE;AAHN;AAOE;EACE;EACA;AALJ;;AASA;EACE;EACA;AANF;;AASA;EACE;AANF;AAQE;EACE;AANJ;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;AAWE;EACE;AARJ;;AAcE;;EACE;AAVJ;;;;ACzFA;EACE;EACA;AADF;;AAGA;EACE;AAAF;;AAEA;EACE,kDlCiCI;EkChCJ;EACA;AACF;;AACA;;EAEE,wFlC4BU;AkC1BZ;;;;AChBA;EACE;EACA;AADF;;;;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EpCiBiB;EoChBjB;EACA;EACA,iEpCIW;EoCHX;EACA,uDpCyCY;EoCxCZ;AADF;;AAIA;;EAEE,uEpCJW;EoCKX,+DpCIW;EoCHX;EACA;AADF;;AAIA;EACE,kFpCVe;EoCWf,2EpCFiB;EoCGjB;AADF;;AAIA;;EAEE,+DpCTW;EoCUX;EACA,uEpCpBW;AoCmBb;;AAIA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AACA;EACE;EACA;EACA;AAEF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAIE;;;;EACE;AAEJ;;AAEA;EACE;AACF;;;;ACjHA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EAEE;EACA;EACA;AAFJ;AAKE;EACE;AAHJ;;AAOA;EACE;EACA;AAJF;AAME;EAEE;EACA;AALJ;;AASA;EACE;EACA;AANF;AAQE;EACE;AANJ;;AAUA;EACE;AAPF;;AAWE;EACE;EACA;AARJ;;AAYA;EACE;AATF;;;;AC3CA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;;;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;;EAEE;EACA;EACA;AAFJ;;AAQE;;EAEE;AALJ;;AAUA;EACE;EACA;AAPF;AASE;EACE;AAPJ;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATF;AAWE;EACE;EACA;EACA;EACA;AATJ;AAYE;EACE;AAVJ;AAaE;EACE;AAXJ;;AAuBI;;;;;;;;;;;;EACE;EACA;EACA;EACA;EACA;EACA;AATN;AAWM;;;;;;;;;;;;EACE;EACA;AAER;AAGE;;;;EACE;EACA;AAEJ;AACE;;;;EACE;AAIJ;AADE;;;;EACE;AAMJ;AAHE;;;;EACE;AAQJ;AALE;;;;EACE;AAUJ;AANI;;;;EACE;EACA;AAWN;;AANA;EvC1CE;EACA,uDArBY;EAsBZ;EACA;EACA;EACA,0FAxBU;EuCgEV;EACA;EACA;EACA;EACA;AAaF;;AAPE;;;EACE;EACA;EACA;EACA;EACA;AAYJ;AAVI;;;EACE;AAcN;;AATA;EACE;AAYF;AAVE;EACE;AAYJ;AAVI;EACE;AAYN;AARE;EACE;AAUJ;;AAJE;;;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E;EACE,6DAnFsB;EAoFtB,yDAjFqB;EAkFrB;AAGJ;AADE;EACE,6DAxFsB;EAyFtB,yDAtFqB;EAuFrB;AAGJ;;AAEE;;EAEE;AACJ;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;AAAF;;AAGA;EACE;AAAF;;AAGA;EACE;EACA;EAEA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EzCjIe;EyCkIf;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;AAMI;EACE;AAJN;AAOI;EACE;AALN;AASE;EACE;AAPJ;AAUE;EACE;AARJ;AAWE;EACE;AATJ;;AAaA;EACE;EACA;EACA;AAVF;;AAaA;EACE;AAVF;;AAaA;EACE;EACA;AAVF;AAYE;EACE,sFzC1Le;EyC2Lf;EACA;EACA;EACA;EACA;EACA;EACA;AAVJ;AAaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAXJ;;AAeA;EACE;AAZF;AAcE;EACE;AAZJ;AAeE;EACE;EACA;AAbJ;;AAiBA;EACE;AAdF;AAgBE;EACE;EACA;EACA;AAdJ;AAiBE;EACE;AAfJ;AAkBE;EACE;EACA;EACA;AAhBJ;;AAwBE;;;;;;;;EAEE;AAfJ;;AAmBA;EACE;AAhBF;;AAoBE;EACE;AAjBJ;AAoBE;EACE;EACA;AAlBJ;;AAuBE;EACE;AApBJ;;;;AChRA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AAFF;;AAIA;EACE;EACA;EAEA;EACA;EACA;EACA;AAFF;;AAIA;EACE;EACA;AADF;;AAQE;;;;EACE;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;AAHJ;;AAMA;EACE;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;AAJF;AAME;EACE;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;EACA;AALF;;AAOA;EACE;EACA;AAJF;;AAMA;EACE;EACA;EAEA;EACA;EACA;EACA;AAJF;;AAOA;EACE;EACA;AAJF;;AAMA;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AANF;;AASA;EACE;AANF;;AAWA;EACE;AARF;;AAWA;EACE;EACA;AARF;;AAWA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;AATF;;AAWA;EACE;AARF;;AAUA;EACE;EACA;AAPF;;AASA;EACE;AANF;;AAWA;EACE;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;AARJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;;;ACnLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;ACCJ;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uD3C6BY;E2C5BZ;EACA;EACA;EACA;ACAF;ADEE;EAEE;EACA;EACA;ACDJ;ADGI;EACE;ACDN;;ADMA;EACE;ACHF;ADKE;EACE;EACA;ACHJ;;ADOA;EACE;ACJF;ADME;EAEE;ACLJ;ADOI;EACE;ACLN;;ADUA;EACE;ACPF;;ADUA;EACE;EACA;EACA;ACPF;;ADUA;EACE;ACPF;;ADUA;EACE;ACPF;;ADUA;EACE;ACPF;;AC/EA;EACE;EACA;EACA;EACA;ADkFF;;AC/EA;EACE;ADkFF;;ACnEA;EAXE;EACA;EACA;EACA;EACA;EACA,uD7CuCY;E6CtCZ;EACA;EACA;ADkFF;;AC3EA;EACE;EACA,4D7C7BQ;E6C8BR;AD8EF;;AC3EA;;EAEE;AD8EF;;AC3EA;EACE;AD8EF;;AC3EA;EACE;EACA;EACA;EACA;EACA;EACA,uD7CQY;E6CPZ;EACA;EACA,2E7CxBiB;E6CyBjB;EACA;EACA;AD8EF;;AC3EA;EACE;EACA;EACA,kE7C/BqB;E6CgCrB;EACA;AD8EF;;AC3EA;EACE;AD8EF;;AC1EE;EACE;AD6EJ;;ACzEA;EACE;EACA,iE7C5DW;E6C6DX;EACA;EACA;EACA;AD4EF;AC1EE;EACE;AD4EJ;;ACxEA;EACE;EACA;EACA;EACA;EACA;EACA;AD2EF;ACzEE;EACE;EACA;EACA;EACA;AD2EJ;;ACvEA;EACE;AD0EF;ACxEE;EACE;EACA;EACA;AD0EJ;ACxEI;EAEE;ADyEN;;ACpEA;EACE;EACA;EACA;ADuEF;ACrEE;EACE;EACA;ADuEJ;ACrEI;EACE;ADuEN;ACpEI;EACE;EACA;ADsEN;;ACjEA;EACE;EACA;EACA;EACA;EACA;ADoEF;;AC9DE;;;EACE;EACA;ADmEJ;;AC5DE;EACE;AD+DJ;AC5DE;EACE;AD8DJ;;AC1DA;EACE;AD6DF;;ACxDE;;EACE;AD4DJ;AC1DI;;EACE;AD6DN;;AE/OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,uD9CwCY;E8CvCZ;AFiPF;;AE9OA;EACE;AFiPF;;AE9OA;;;;EAIE;AFiPF;;AE9OA;;EAEE;EACA;AFiPF;;AE9OA;;EAEE,+D9CbW;E8CcX;AFiPF;;AE9OA;EACE;EACA;EACA;AFiPF;;AE9OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFiPF;AE/OE;EAEE;AFgPJ;AE7OE;EACE;AF+OJ;AE5OE;EAEE;EACA;AF6OJ;AE1OE;EACE;EACA;EACA;AF4OJ;;AExOA;EACE;AF2OF;;AExOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF2OF;;AExOA;EACE;EACA;EACA;EACA;AF2OF;AEzOE;EACE;AF2OJ;AExOE;EACE;EACA;AF0OJ;;AEtOA;EACE;EACA;EACA;EACA;EACA;EACA,uD9ChEY;E8CiEZ;EACA;EACA;EACA;AFyOF;AEvOE;EACE;AFyOJ;;AErOA;EACE;AFwOF;;AErOA;EACE;EACA;AFwOF;;AGjXA;EACI;EACA;EACA;EACA;EACA;AHoXJ;;AGjXA;EACI;AHoXJ;;AGlXA;EACI;AHqXJ;;AGnXA;EACI;AHsXJ;;AIrYA;EACE;EACA;EACA;EACA;EACA;AJwYF;;AK7YA;EACE,4EjDiBe;A4C+XjB;;AK9YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDjDwCY;EiDvCZ;EACA;EACA;EACA;ALiZF;;AK9YA;;EAEE;EACA;EACA;ALiZF;;AK9YA;EACE;ALiZF;;AK9YA;EACE;ALiZF;;AK9YA;EACE;EACA;ALiZF;;AK9YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALiZF;;AK7YE;EACE;EACA;ALgZJ;AK7YE;EACE;AL+YJ;;AK1YE;EACE;AL6YJ;;AKxYE;EACE;EACA;AL2YJ;;AKxYA;EACE;AL2YF;;AKzYA;EACE;EACA;EACA;EACA;EACA;EACA,sDjDqGS;EiDpGT;EACA;AL4YF;;AK1YA;EACE;AL6YF;;AKzYA;EACE;EACA,sDjD2FiB;EiD1FjB;EACA;EACA;EACA;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDjD6ES;EiD5ET;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDjDoEiB;EiDnEjB;EACA;AL4YF;;AKvYE;;;;EAIE;AL0YJ;;AM7gBA;EACE;EACA;ANghBF;;AM7gBA;EACE;ANghBF;AM9gBE;EACE;ANghBJ;AM7gBE;EACE;AN+gBJ;;AM3gBA;EACE,uDlDsCY;EkDrCZ;EACA;EACA;AN8gBF;;AM3gBA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AN6gBF;;AMzgBE;EACE;AN4gBJ;;AMvgBE;EACE;AN0gBJ;;AMtgBA;;EAEE;EACA;ANygBF;;AMtgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANygBF;;AMtgBA;EACE;EACA;ANygBF;;AMtgBA;EACE;ANygBF;;AMtgBA;EACE;EACA;EACA;EACA;EACA;EACA;ANygBF;;AMrgBA;EACE;ANwgBF;;AMrgBA;EACE;EACA;EACA;ANwgBF;;AMrgBA;EACE;EACA;EACA;ANwgBF;;AMpgBE;EACE;ANugBJ;AMngBI;EACE;ANqgBN;;AOjnBA;EACE;APonBF;AOlnBE;EACE,uEnDaS;A4CumBb;AOjnBE;EACE;EACA;EACA;APmnBJ;;AO/mBA;EACE;EACA;EACA;EACA;EACA;APknBF;AOhnBE;EACE;APknBJ;;AO9mBA;;EAEE;APinBF;;AO9mBA;;EAEE;EACA;EACA;EACA,2EnD9BU;EmD+BV;EACA;APinBF;;AO9mBA;EACE;APinBF;;AO9mBA;EACE;APinBF;;AO9mBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APinBF;AO/mBE;EACE;APinBJ;;AO7mBA;EACE;EACA;EACA;APgnBF;;AO7mBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uDnDrBY;EmDsBZ;EACA;EACA;APgnBF;;AO7mBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APgnBF;AO9mBE;EACE;EACA;EACA;APgnBJ;;AQjtBA;EACE;EACA;ARotBF;;AQjtBA;EACE;EACA;EACA;ARotBF;AQltBE;EACE;EACA;ARotBJ;;AQhtBA;EACE;ARmtBF;AQjtBE;EACE;ARmtBJ;;AQ/sBA;EACE;ARktBF;AQhtBE;EACE;ARktBJ;;AQ9sBA;EACE;ARitBF;;AQ9sBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARitBF;AQ/sBE;EACE;ARitBJ;AQ9sBE;EAEE;AR+sBJ;;AQ3sBA;EACE;AR8sBF;;AQ3sBA;EACE;EACA;EACA;EACA,iGACE;EAEF;EACA;AR4sBF;;AQzsBA;EACE;AR4sBF;;AQzsBA;EACE;AR4sBF;;AQxsBE;EACE;AR2sBJ;;AQvsBA;EACE;EACA;EACA;AR0sBF;;AQvsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR0sBF;AQxsBE;EACE;AR0sBJ;AQvsBE;EACE;EACA;ARysBJ;;AQtsBA;EACE;EACA;ARysBF;;AQtsBA;;EAEE;EACA;EACA;EACA;ARysBF;AQvsBI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AR0sBN;;AQtsBA;EACE;EACA;EACA;EACA;EACA;EACA;ARysBF;;AQvsBA;EACE;EACA;EACA;EACA;EACA;EACA;AR0sBF;;AQvsBE;EACE;EACA;EACA;EACA;EACA;EACA;AR0sBJ;AQxsBE;EACE;EACA;EACA;EACA;EACA;EACA;AR0sBJ;;AQrsBE;;EAEE;ARwsBJ;;ASr3BE;EACE;ATw3BJ;ASv3BI;EACE;ATy3BN;;AU73BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVg4BF;;AU73BA;EACE;EACA;AVg4BF;AU93BE;EACE;AVg4BJ;;AU53BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV+3BF;AU73BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DtDvBS;A4Cs5Bb;;AU13BE;EACE;AV63BJ;;AUx3BE;EACE;AV23BJ;;AUv3BA;EACE;AV03BF;;AWn7BA;EACE;AXs7BF;;AYv7BA;EACE;AZ07BF;;AYt7BE;EACE;EACA,4DxDPM;EwDQN;EACA;AZy7BJ;;Aaj8BE;EACE;Abo8BJ;Aaj8BE;EACE;EACA;EACA;Abm8BJ;Aah8BE;EACE;EACA;EACA;Abk8BJ;Aah8BE;EACE;Abk8BJ;Aa/7BE;EACE;Abi8BJ;Aa57BM;EACE;Ab87BR;Aa17BI;EACE;Ab47BN;Aaz7BI;EACE;EACA;EACA;EACA;Ab27BN;Aaz7BM;EACE;Ab27BR;Aax7BM;EACE;EACA;Ab07BR;Aax7BQ;EACE;Ab07BV;Aap7BE;EACE;Abs7BJ;Aan7BE;EACE;EACA;Abq7BJ;Aan7BI;EACE;EACA;EACA;Abq7BN;Aan7BM;EACE;Abq7BR;Aa/6BE;;EAEE;Abi7BJ;Aa/6BI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Abk7BN;Aa96BE;;EAEE;Abg7BJ;Aa76BE;;;;EAIE;Ab+6BJ;Aa76BI;;;;EACE;Abk7BN;Aa96BE;EACE;EACA;Abg7BJ;Aa76BE;EzD5BA;EACA,uDA9BY;EA+BZ;EACA;EACA,wFAhCU;EAiCV;EyDyBE;EAEA;EACA;EACA;EACA;Abm7BJ;Aah7BE;;EAEE;Abk7BJ;Aa/6BE;EACE;Abi7BJ;Aa96BE;EACE;Abg7BJ;Aa76BE;EACE;Ab+6BJ;Aa56BE;EACE;Ab86BJ;Aa36BE;EACE;Ab66BJ;Aa16BE;EACE;Ab46BJ;Aaz6BE;EACE;Ab26BJ;;Aat6BE;EACE;EACA;Aby6BJ;;AczkCA;EACE;EACA;Ad4kCF;;Ac1kCA;EACE;Ad6kCF;Ac5kCE;EACE;EACA;EACA;EACA;Ad8kCJ;Ac7kCI;EAEE;Ad8kCN;;AezlCE;;;;EAIE;Af4lCJ;AezlCE;;EAEE;EACA;Af2lCJ;AezlCI;;EACE;Af4lCN;AexlCE;EACE,wG3Dbc;A4CumClB;AevlCE;EACE;EACA,uE3DnBQ;A4C4mCZ;AetlCE;EACE;EACA;AfwlCJ;;AeplCA;EACE;EACA;AfulCF;;AeplCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AfulCF;;AeplCA;E3DwEE;EACA;EACA;E2DxEA;EAEA,uD3DGY;E2DFZ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AfslCF;;AenlCA;EAEE;AfqlCF;;AellCA;EACE;AfqlCF;;AellCA;EACE;EACA;EACA;EACA;EACA;AfqlCF;;AellCA;EACE;EACA;EACA;AfqlCF;;AellCA;EACE;AfqlCF;;AellCA;EACE;EACA;EACA;AfqlCF;;AehlCE;EAEE;AfklCJ;AehlCI;EACE;AfklCN;;Ae7kCA;EACE;AfglCF;;Ae7kCA;EACE;EAEA,uD3DrEY;E2DsEZ;EACA;EACA;EACA;EACA;EACA;Af+kCF;;Ae5kCA;EACE;EACA;Af+kCF;Ae7kCE;EACE;EACA;Af+kCJ;Ae7kCI;EACE;Af+kCN;;AgB7tCE;EACE;EACA;AhBguCJ;AgB7tCE;EACE;EACA;AhB+tCJ;AgB5tCE;EACE;EACA;AhB8tCJ;AgB5tCI;EACE;AhB8tCN;AgB1tCE;EACE;AhB4tCJ;AgBxtCI;EACE;AhB0tCN;AgBttCE;EACE;AhBwtCJ;AgBttCI;EACE;AhBwtCN;AgBrtCI;EACE;AhButCN;AgBntCE;EACE;AhBqtCJ;AgBntCI;EACE;AhBqtCN;AgBltCI;EACE;AhBotCN;AgBhtCE;EACE;EACA;AhBktCJ;;AgB9sCA;EACE;EACA;AhBitCF;AgB/sCE;EACE;AhBitCJ;;AA9vCA;EACE;EACA;EACA;EACA;EACA;EACA;AAiwCF;A5C7nCE;;EAEE;A4C+nCJ;A5C7nCE;;EAEE;A4C+nCJ;A5C7nCE;;EAEE;A4C+nCJ;A5C7nCE;;EAEE;A4C+nCJ;A5C7nCE;EACE;A4C+nCJ;A5C7nCE;EACE;A4C+nCJ;A5C7nCE;;EAEE;A4C+nCJ;;AAvxCA;EACE;AA0xCF;;AAvxCA;EACE;AA0xCF;;AAvxCA;EACE;EACA;AA0xCF;;AArxCI;EACE;AAwxCN;AArxCI;EACE;AAuxCN;AApxCI;EACE;EACA;AAsxCN;AAnxCI;EACE;AAqxCN;AAjxCE;EACE;AAmxCJ;AAhxCE;;EAEE;AAkxCJ;;AA9wCA;EACE;AAixCF;;AA9wCA;EACE;EACA;AAixCF;;AA9wCA;EACE;EACA;EACA;EACA;EACA;AAixCF;;AA7wCE;EACE;EACA;EACA;AAgxCJ;;AA5wCA;EACE;AA+wCF;;AA5wCA;EACE;AA+wCF;;AA5wCA;EACE;EACA;AA+wCF;AAzwCE;EACE;AA2wCJ;AAzwCI;EACE;EACA;AA2wCN;AAxwCI;;EAEE;AA0wCN;AAvwCI;EACE;AAywCN;AAtwCI;EACE,iE5CvGiB;A4C+2CvB;;;;AiB14CA;EACE,uD7DqDY;E6DpDZ;EACA;EACA,+D7DoBW;A6DrBb;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;AADF;;;;ACjBA;EACE;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;AAKE;EACE;AAFJ;;AAMA;EACE;EACA;AAHF;;AAMA;EACE;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;AAHJ;AAKI;EACE;EACA;AAHN;AAMI;EACE;AAJN;AAOI;EACE;AALN;AAQI;EACE;AANN;AAUE;EACE;AARJ;AAWE;EACE;EACA;EACA;EACA;AATJ;AAcI;EACE;AAZN;AAiBE;;EAEE;AAfJ;AAmBE;EACE;AAjBJ;AAqBE;EACE;AAnBJ;AAuBI;EACE,+D9D/GM;A8D0FZ;AA0BI;EACE;AAxBN;AA4BE;EACE;EACA;AA1BJ;AA6BE;EACE;EACA;AA3BJ;;AAgCE;EACE;AA7BJ;AA+BI;EACE;EACA;EACA;EAEA;EACA,iE9DnIO;E8DoIP;EACA;AA9BN;;;;ACxHA;;EAEE;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACE;EAEE;EACA;EACA;AAAJ;;AAIA;EACE;AADF;AAGE;EACE;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;AAMI;EACE;AAJN;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF","sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/./src/components/tabs/theme-builder.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/popup.scss","webpack://SurveyCreatorCore/./src/components/surface-placeholder.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/creator.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/./src/components/side-bar/tab-control.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/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/blocks/spg-buttongroup.scss","webpack://SurveyCreatorCore/./src/utils/design.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/./src/custom-questions/boolean-switch.scss"],"sourcesContent":["@import \"../variables.scss\";\n\n.svc-context-container {\n display: flex;\n gap: calcSize(1);\n width: max-content;\n}\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\n use {\n fill: $foreground-light;\n transition: fill $creator-transition-duration;\n }\n}\n\n.svc-context-button {\n\n &:hover,\n &:focus {\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-context-button--danger {\n\n &:hover,\n &:focus {\n use {\n fill: $red;\n }\n }\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(--sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n$question-background: var(--sjs-questionpanel-backcolor,\n var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\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: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-small-reset: 0px 0px 0px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-medium: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.10));\n$shadow-large: 0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.10));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-inner-reset: var(--sjs-shadow-inner, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15));\n$shadow-x-large: 0px 0px 0px 0px var(--ctr-shadow-x-large-color, rgba(0, 0, 0, 0.10));\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\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n }\n\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 disableLibraryAnimations {\n .sd-row--leave,\n .sd-row--enter {\n animation: none;\n }\n .sd-element-wrapper--leave,\n .sd-element-wrapper--enter {\n animation: none;\n }\n .sd-element__content--enter,\n .sd-element__content--leave {\n animation: none;\n }\n .sd-paneldynamic__panel-wrapper--enter,\n .sd-paneldynamic__panel-wrapper--leave {\n animation: none;\n }\n .sd-item--enter {\n animation: none;\n }\n .sd-item--leave {\n animation: none;\n }\n .sd-table__row--leave,\n .sd-table__row--enter {\n animation: none;\n }\n}\n\n$creator-transition-duration: var(--sjs-creator-transition-duration, 150ms);\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\n\n$svc-expand-fade-in-duration: var(--sjs-svc-expand-fade-in-duration, 150ms);\n$svc-expand-move-in-duration: var(--sjs-svc-expand-move-in-duration, 250ms);\n$svc-expand-fade-in-delay: var(--sjs-svc-expand-fade-in-delay, 250ms);\n$svc-collapse-fade-out-duration: var(--sjs-svc-collapse-fade-out-duration, 150ms);\n$svc-collapse-move-out-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);\n$svc-collapse-move-out-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);\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}","@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, $border-inside);\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}","@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}\n\n.svd-simulator .sv-popup--overlay {\n --sv-popup-overlay-height: 100%;;\n}","@import \"../../variables.scss\";\n\nsvc-tab-test {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-test-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n gap: 0px;\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 border-top: 1px solid var(--ctr-preview-pager-border-color, $border);\n background: var(--ctr-preview-pager-background-color, $background);\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 transition: background-color $creator-transition-duration;\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}","@import \"../../variables.scss\";\n@import \"../../colors.scss\";\n\n.sl-table {\n width: 50%;\n margin: 0 25%;\n margin-top: calcSize(-2);\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 transition: background-color $creator-transition-duration;\n\n &:hover:enabled,\n &.sv-focused--by-key {\n background-color: var(--ctr-collapse-button-background-color-hovered, $primary-light);\n outline: none;\n\n use {\n fill: var(--ctr-collapse-button-icon-color-hovered, $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: var(--ctr-library-action-button-background-color-negative-hovered, $red-light);\n outline: none;\n\n use {\n fill: var(--lbr-action-button-icon-color-negative, $red);\n }\n }\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n opacity: 0;\n transition: opacity $creator-transition-duration;\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 opacity: 1;\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: var(--lbr-action-button-icon-color-negative, $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 color: $foreground-dim;\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: 0;\n width: 100%;\n}\n.sl-table__row {\n .sl-table__cell {\n --animation-padding-top: #{calcSize(5)};\n padding-top: calcSize(5);\n }\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 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: auto;\n padding: calcSize(1) calcSize(4);\n margin: calcSize(2) 0 0 0;\n color: var(--ctr-expression-item-text-color-button, $primary);\n background-color: var(--ctr-expression-item-background-color-button, $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 transition: background-color $creator-transition-duration, color $creator-transition-duration;\n }\n\n button:hover:enabled {\n background-color: var(--ctr-expression-item-background-color-button-hovered, $primary);\n color: var(--ctr-expression-item-text-color-button-hovered, $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\n.sl-question__title {\n color: var(--ctr-expression-item-text-color-function, $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.svc-logic-question-text-editor {\n margin-top: calcSize(2);\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.sl-body {\n @include disableLibraryAnimations;\n}\n\n$sl-pd-list-fade-in-duration: var(--sl-pd-list-fade-in-duration, 250ms);\n$sl-pd-list-move-in-duration: var(--sl-pd-list-move-in-duration, 150ms);\n$sl-pd-list-fade-in-delay: var(--sl-pd-list-fade-in-delay, 150ms);\n$sl-pd-list-fade-out-duration: var(--sl-pd-list-fade-out-duration, 100ms);\n$sl-pd-list-move-out-duration: var(--sl-pd-list-move-out-duration, 250ms);\n$sl-pd-list-move-out-delay: var(--sl-pd-list-move-out-delay, 100ms);\n\n.sl-panel-wrapper--list {\n &.sl-panel-wrapper--leave,\n &.sl-panel-wrapper--enter {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n min-height: 0 !important;\n }\n &.sl-panel-wrapper--enter {\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-duration: $sl-pd-list-fade-in-duration, $sl-pd-list-move-in-duration;\n animation-delay: $sl-pd-list-fade-in-delay, 0s;\n }\n\n &.sl-panel-wrapper--leave {\n animation-direction: reverse;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $sl-pd-list-fade-out-duration, $sl-pd-list-move-out-duration;\n animation-delay: 0s, $sl-pd-list-move-out-delay;\n }\n}\n\n$sl-matrix-row-fade-in-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);\n$sl-matrix-row-move-in-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);\n$sl-matrix-row-fade-in-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);\n$sl-matrix-row-fade-out-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);\n$sl-matrix-row-move-out-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);\n$sl-matrix-row-move-out-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);\n\n$sl-matrix-detail-row-fade-in-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);\n$sl-matrix-detail-row-move-in-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);\n$sl-matrix-detail-row-fade-in-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);\n$sl-matrix-detail-row-fade-out-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);\n$sl-matrix-detail-row-move-out-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);\n$sl-matrix-detail-row-move-out-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);\n\n.sl-table__row--leave,\n.sl-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n animation-name: paddingFadeIn;\n animation-duration: var(--move-animation-duration);\n animation-delay: var(--move-animation-delay);\n animation-direction: var(--animation-direction);\n animation-fill-mode: forwards;\n animation-timing-function: var(--animation-timing-function);\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.sl-table__row--detail {\n &.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n$sl-row-fade-in-duration: var(--sjs-sl-row-fade-in-duration, 500ms);\n$sl-row-move-in-duration: var(--sjs-sl-row-move-in-duration, 150ms);\n$sl-row-fade-in-delay: var(--sjs-sl-row-fade-in-delay, 150ms);\n$sl-row-fade-out-duration: var(--sjs-sl-row-fade-out-duration, 150ms);\n$sl-row-move-out-duration: var(--sjs-sl-row-move-out-duration, 250ms);\n$sl-row-move-out-delay: var(--sjs-sl-row-move-out-delay, 100ms);\n$sl-row-fade-in-animation-delay: var(--sjs-sl-row-fade-in-animation-delay, 400ms);\n\n.sl-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-row-fade-in-delay, 0s, 0s;\n animation-duration: $sl-row-fade-in-duration, $sl-row-move-in-duration, $sl-row-move-in-duration;\n}\n.sl-row--delayed-enter {\n overflow: hidden;\n height: 0;\n animation-delay: calc(#{$sl-row-fade-in-delay} + #{$sl-row-fade-in-animation-delay}), $sl-row-fade-in-animation-delay,\n $sl-row-fade-in-animation-delay;\n}\n\n.sl-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-row-move-out-delay, $sl-row-move-out-delay;\n animation-duration: $sl-row-fade-out-duration, $sl-row-move-out-duration, $sl-row-move-out-duration;\n}\n\n$sl-element-fade-in-duration: var(--sjs-sl-element-fade-in-duration, 500ms);\n$sl-element-move-in-duration: var(--sjs-sl-element-move-in-duration, 150ms);\n$sl-element-fade-in-delay: var(--sjs-sl-element-fade-in-delay, 150ms);\n$sl-element-fade-out-duration: var(--sjs-sl-element-fade-out-duration, 150ms);\n$sl-element-move-out-duration: var(--sjs-sl-element-move-out-duration, 250ms);\n$sl-element-move-out-delay: var(--sjs-sl-element-move-out-delay, 100ms);\n\n.sl-element-wrapper--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-element-fade-in-delay, 0s;\n animation-duration: $sl-element-fade-in-duration, $sl-element-move-in-duration;\n}\n\n.sl-element-wrapper--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-element-move-out-delay;\n animation-duration: $sl-element-fade-out-duration, $sl-element-move-out-duration;\n}\n\n\n.svc-creator--disable-animations {\n .sl-row--enter,\n .sl-row--leave,\n .sl-element-wrapper--enter,\n .sl-element-wrapper--leave,\n .sl-table__row--enter,\n .sl-table__row--leave,\n .sl-panel-wrapper--leave,\n .sl-panel-wrapper--enter\n {\n animation: none;\n }\n}","@import \"../../variables.scss\";\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--ctr-surface-background-color, $background-dim);\n}\n\n.svc-translation-tab {\n /* disable library transition animations /\n --sjs-transition-duration: 0ms;\n}\n\n.svc-translation-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n gap: 0px;\n}\n\n\n.st-properties {\n background-color: var(--ctr-property-grid-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\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: var(--ctr-string-table-header-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 text-align: left;\n}\n\n.st-table__cell.st-table__cell--header {\n color: var(--ctr-string-table-header-text-color, $foreground-light);\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 color: var(--ctr-string-table-group-header-text-color, $foreground-light);\n background-color: var(--ctr-string-table-group-header-background-color, $background-dim-light);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $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: var(--ctr-string-table-row-background-color, $background);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n @include defaultBold;\n color: var(--ctr-string-table-row-text-color-title, $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: var(--ctr-string-table-row-background-color, $background);\n color: var(--ctr-string-table-row-text-color-title, $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\n .sd-action__icon {\n margin-left: 0;\n }\n}\n\n.st-navigation-btn.sd-action--icon {\n padding: calcSize(1);\n\n &:not(.sd-action--pressed) {\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\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\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: calcSize(0.5);\n}\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\n .sd-action__icon {\n width: calcSize(2);\n height: calcSize(2);\n margin-left: 0;\n }\n\n &.sd-action--pressed:not(.sd-action--active) {\n background-color: $primary-light;\n }\n\n &:disabled {\n padding-left: 0;\n padding-right: 0;\n opacity: 1;\n }\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 var(--ctr-string-table-row-border-color, $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\n.st-body {\n @include disableLibraryAnimations;\n}","@import \"../../variables.scss\";\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n //max-width: calcSize(75);\n //margin: auto;\n // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n height: calcSize(3);\n box-sizing: content-box;\n 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: var(--ctr-expression-item-text-color-parameter-empty, $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: var(--ctr-expression-item-text-color-parameter, $foreground);\n}\n\n.svc-logic-operator.svc-logic-operator {\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:hover,\n &:focus {\n color: var(--ctr-expression-item-text-color-parameter-hovered, $primary-foreground);\n outline: none;\n box-shadow: none;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: var(--ctr-expression-item-background-color-parameter, $blue-light);\n color: var(--ctr-expression-item-text-color-parameter, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-parameter-hovered, $blue);\n color: var(--ctr-expression-item-text-color-parameter-hovered, $background);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction {\n background-color: var(--ctr-expression-item-background-color-conjunction, $yellow-light);\n color: var(--ctr-expression-item-text-color-conjunction, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-conjunction-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-conjunction-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: var(--ctr-expression-item-background-color-operator, $yellow-light);\n color: var(--ctr-expression-item-text-color-operator, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-operator-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-operator-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: var(--ctr-expression-item-background-color-action, $red-light);\n color: var(--ctr-expression-item-text-color-action, $foreground);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-action-hovered, $red);\n color: var(--ctr-expression-item-text-color-action-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: var(--ctr-expression-item-background-color-parameter-error, $background);\n color: var(--ctr-expression-item-text-color-parameter-error, $red);\n box-shadow: inset 0 0 0 2px var(--ctr-expression-item-text-color-parameter-error, $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.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove {\n display: none;\n width: calcSize(5);\n height: calcSize(5);\n background: none;\n justify-content: center;\n align-items: center;\n padding: 0;\n\n use {\n fill: var(--ctr-survey-action-button-icon-color-negative, $red);\n }\n}\n\n.svc-action-button--disabled.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove {\n use {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $foreground-dim-light);\n }\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.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove.svc-action-button--icon,\n.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove.svc-action-button--icon {\n display: flex;\n}\n\n.svc-logic-condition-remove.svc-icon-remove:hover,\n.svc-logic-condition-remove.svc-icon-remove:focus {\n background-color: var(--ctr-library-action-button-background-color-negative-hovered, $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: var(--ctr-expression-item-text-color-operator-empty, $foreground-light);\n margin-top: calcSize(2);\n\n &:hover,\n &:focus {\n color: var(--ctr-expression-item-background-color-operator-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-tab__content {\n /* disable library transition animations /\n --sjs-transition-duration: 0ms;\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 flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n gap: 0px;\n\n .svc-logic-tab__content-action {\n width: calcSize(33);\n margin-top: calcSize(1);\n }\n }\n\n .svc-logic-tab__content-action {\n margin-left: 25%;\n margin-right: 25%;\n margin-top: calcSize(5);\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: var(--ctr-button-background-color-hovered, $background);\n box-shadow: $shadow-small;\n }\n }\n\n .svc-logic-tab__content-action--disabled .svc-text {\n color: var(--ctr-button-text-color-disabled, $foreground);\n opacity: var(--ctr-button-text-opacity-disabled, 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-tab__content-empty {\n .svc-text {\n color: var(--ctr-surface-placeholder-text-description-color, $foreground);\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.sd-table__cell-action--show-detail {\n use {\n fill: var(--ctr-collapse-button-icon-color, $foreground-light);\n }\n}\n\n.sl-table__cell--detail-panel {\n padding: 0;\n\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: var(--ctr-button-background-color-danger, $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}","@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 background: var(--ctr-surface-background-color, $background-dim);\n\n .svc-text {\n color: var(--ctr-surface-placeholder-text-title-color, $foreground);\n }\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-content-wrapper {\n width: 100%;\n display: flex;\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 .sd-title {\n display: flex;\n }\n\n .sd-container-modern {\n min-width: calcSize(70);\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n\n &.sd-container-modern--static {\n max-width: calcSize(84);\n }\n\n &.sd-container-modern--responsive {\n max-width: initial;\n padding: 0 calcSize(2);\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 h3.sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-header-text-title-color-placeholder, $foreground-light);\n }\n }\n }\n\n .sd-description {\n color: var(--ctr-survey-header-text-description-color-placeholder, #909090);\n }\n}\n\n.svc-designer__placeholder-container {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0px;\n padding: calcSize(2);\n box-sizing: border-box;\n text-align: center;\n position: relative;\n\n .sd-page {\n display: none;\n }\n}\n\n.svc-designer-placeholder-page {\n .svc-page__footer {\n width: calcSize(33);\n margin: auto;\n }\n\n .svc-row--ghost {\n display: none;\n }\n}\n\n.svc-tab-designer__toolbar {\n position: absolute;\n bottom: calcSize(0);\n right: 0;\n\n .sv-action-bar {\n padding: calcSize(1.5);\n gap: calcSize(1);\n flex-direction: column;\n }\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\n .svc-page__footer {\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n margin-top: calcSize(3);\n }\n .svc-designer-placeholder-page {\n .svc-page__footer {\n margin-top: 0;\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\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}","@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 border-top: 1px solid var(--ctr-preview-pager-border-color, $border);\n background: var(--ctr-preview-pager-background-color, $background);\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 use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $foreground-light);\n }\n }\n\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n &:focus {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n .sv-action-bar-item__title {\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\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}","@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","@import \"../variables.scss\";\n\n.svc-notifier.svc-notifier--shown {\n visibility: visible;\n opacity: var(--ctr-notification-opacity, 0.75);\n}\n\n.svc-notifier {\n position: absolute;\n bottom: calcSize(1);\n left: calcSize(1);\n background: var(--ctr-notification-background-color, $background);\n opacity: 0;\n padding: calcSize(1) calcSize(2);\n box-shadow: $shadow-medium;\n border-radius: calcSize(0.5);\n color: var(--ctr-notification-text-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: var(--ctr-notification-background-color-error, $red);\n color: var(--ctr-notification-text-color-error, $red-forecolor);\n opacity: var(--ctr-notification-opacity-error, 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}","@import \"../variables.scss\";\n@import \"./notifier.scss\";\n@import \"./popup.scss\";\n@import \"./surface-placeholder.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: var(--ctr-scrollbar-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: var(--ctr-scrollbar-background-color, $border);\n }\n\n .sv-popup .sv-popup__scrolling-content {\n ::-webkit-scrollbar-thumb:hover {\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n }\n}\n\nsurvey-creator,\n.svc-creator {\n .sv-drag-drop-choices-shortcut {\n .sv-drag-drop-choices-shortcut__content {\n background: var(--ctr-survey-radio-button-group-item-background-color-floating, $background);\n\n .sd-item__decorator {}\n\n .svc-item-value__item {\n overflow: hidden;\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: nowrap;\n }\n }\n }\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: var(--ctr-page-banner-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: var(--ctr-page-banner-text-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: var(--ctr-page-banner-text-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}\n\n.svc-creator--disable-animations {\n --sjs-creator-transition-duration: 0ms;\n}",".svc-creator-popup {\n &.sv-popup {\n .sd-btn {\n background: var(--ctr-button-background-color, $background);\n color: var(--ctr-button-text-color, $primary);\n\n &:hover {\n background: var(--ctr-button-background-color-hovered, $background-dark);\n }\n }\n\n .sd-btn--action {\n background: var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n\n &:hover {\n background: var(--ctr-button-background-color-cta-hovered, $primary-background-dark);\n }\n }\n }\n\n &.sv-popup--modal {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n\n &.sv-popup--modal > .sv-popup__container {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n\n & > .sv-popup__shadow > .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n }\n }\n\n &.sv-popup--overlay:not(.sv-popup--dropdown-overlay) {\n .sv-popup__container {\n background: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n\n .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim);\n }\n\n .sv-popup__button.sv-popup__button {\n background-color: var(--ctr-button-background-color-cta, $primary);\n border: 2px solid var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n }\n }\n\n .sv-popup__pointer {\n &:after {\n content: \" \";\n border-bottom: calcSize(1) solid var(--ctr-contextual-menu-pointer-color, $background);\n }\n }\n\n .sv-popup__body-header {\n color: var(--ctr-popup-title-color, $foreground);\n }\n\n &.sv-popup--dropdown {\n .sv-popup__body-content {\n background-color: var(--ctr-contextual-menu-background-color, $background);\n }\n }\n\n &.sv-popup--dropdown.svc-toolbox-subtypes {\n .sv-popup__body-content {\n background: unset;\n }\n }\n\n .sv-list__filter {\n background-color: var(--ctr-contextual-menu-background-color, $background);\n border-bottom: 1px solid var(--ctr-list-search-border-color, $border-inside);\n\n .sv-list__input {\n color: var(--ctr-list-search-text-color-placeholder, $foreground-dim-light);\n background-color: transparent;\n\n &::placeholder {\n color: var(--ctr-list-search-text-color-placeholder, $foreground-light);\n }\n }\n\n .sv-list__filter-icon use {\n fill: var(--ctr-list-search-icon-color, $foreground-light);\n }\n }\n\n .sv-list__item-body {\n color: var(--ctr-list-item-text-color, $foreground-dim);\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color, $foreground-light);\n }\n\n .sv-list__item--hovered > .sv-list__item-body {\n color: var(--ctr-list-item-text-color-hovered, $foreground);\n background: var(--ctr-list-item-background-color-hovered, $background-dark);\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n }\n\n .sv-list__item--selected,\n .sv-list__item.sv-list__item--selected:hover {\n & > .sv-list__item-body {\n color: var(--ctr-list-item-text-color-selected, $primary-foreground);\n background: var(--ctr-list-item-background-color-selected, $primary);\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-selected, $background);\n }\n\n &.sv-list__item--group {\n & > .sv-list__item-body {\n background: var(--ctr-list-item-background-color-selected, $primary-light);\n color: var(--ctr-list-item-text-color-selected, $foreground);\n font-weight: 400;\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n }\n }\n\n //styles for dropdown overlay\n &.sv-popup--dropdown-overlay {\n .sv-popup__button.sv-popup__button {\n color: var(--ctr-actionbar-button-text-color, $primary);\n }\n\n .sv-popup__body-footer {\n background-color: var(--ctr-contextual-menu-footer-background-color, $background-dim);\n border-top: 1px solid var(--ctr-contextual-menu-footer-border-color, $border-light);\n }\n\n .sv-list__empty-container {\n background-color: var(--ctr-contextual-menu-background-color, $background);\n }\n\n .sv-popup__button:disabled {\n color: var(--ctr-actionbar-button-text-color-disabled, $foreground);\n opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n }\n\n .sv-list__filter-clear-button {\n svg {\n use {\n fill: var(--ctr-list-item-icon-color, $foreground-light);\n }\n }\n }\n\n .sv-list__input {\n color: var(--ctr-list-item-text-color, $foreground-light);\n }\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n .sv-list__item-body {\n background: var(--ctr-list-item-background-color-hovered, $background);\n }\n\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: var(--ctr-list-item-background-color-selected, $primary);\n color: var(--ctr-list-item-text-color-selected, $primary-foreground);\n }\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n\n &.sv-list__item--selected.sv-list__item--group {\n & > .sv-list__item-body {\n background: var(--ctr-list-item-background-color-selected, $primary-light);\n color: var(--ctr-list-item-text-color-selected, $foreground);\n font-weight: 400;\n }\n\n .sv-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n }\n }\n\n .sd-btn {\n background: var(--ctr-button-background-color, rgba(0, 0, 0, 0));\n }\n }\n\n &.sv-dropdown-popup.sv-popup--dropdown-overlay {\n .sv-popup__body-footer {\n background-color: var(--ctr-contextual-menu-footer-background-color, $background-dim);\n }\n }\n\n .sv-popup__content {\n color: var(--ctr-popup-message-color, #404040);\n }\n}\n","@import \"../variables.scss\";\n\n.svc-surface-placeholder {\n display: flex;\n width: 100%;\n max-width: var(--ctr-surface-placeholder-max-width, 720px);\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0px;\n padding: calcSize(2);\n box-sizing: border-box;\n}\n\n.svc-creator--mobile {\n .svc-surface-placeholder {\n padding: var(--ctr-surface-placeholder-padding-top, 0px) var(--ctr-surface-placeholder-padding-right, 48px) var(--ctr-surface-placeholder-padding-bottom, 0px) var(--ctr-surface-placeholder-padding-left, 48px);\n }\n\n .svc-surface-placeholder__text {\n padding: var(--ctr-surface-placeholder-text-margin-top, 32px) var(--ctr-surface-placeholder-text-margin-right, 32px) var(--ctr-surface-placeholder-text-margin-bottom, 24px) var(--ctr-surface-placeholder-text-margin-left, 32px);\n }\n}\n\n.svc-surface-placeholder__image {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n padding: 135px 170px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n}\n\n.svc-surface-placeholder__image--designer {\n background: url(\"../images/placeholder-designer.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--preview {\n background: url(\"../images/placeholder-preview.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--theme {\n background: url(\"../images/placeholder-themes.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--logic {\n background: url(\"../images/placeholder-logic.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--translation {\n background: url(\"../images/placeholder-translations.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__text {\n padding: var(--ctr-surface-placeholder-text-margin-top, 32px) 0px var(--ctr-surface-placeholder-text-margin-bottom, 24px) 0px;\n display: flex;\n flex-direction: column;\n gap: var(--ctr-surface-placeholder-text-gap, 8px);\n align-items: center;\n justify-content: center;\n align-self: center;\n flex-shrink: 0;\n width: 100%;\n}\n\n.svc-surface-placeholder__title {\n color: var(--ctr-surface-placeholder-text-title-color, rgba(0, 0, 0, 0.91));\n text-align: center;\n font-family: var(--ctr-medium-bold-font-family, \"Open Sans\");\n font-size: var(--ctr-medium-bold-font-size, 24px);\n line-height: var(--ctr-medium-bold-line-height, 32px);\n font-weight: var(--ctr-medium-bold-font-weight, 700);\n align-self: stretch;\n}\n\n.svc-surface-placeholder__description {\n color: var(--ctr-surface-placeholder-text-description-color,\n rgba(0, 0, 0, 0.45));\n text-align: center;\n font-family: var(--ctr-default-font-family, \"Open Sans\");\n font-size: var(--ctr-default-font-size, 16px);\n line-height: var(--ctr-default-line-height, 24px);\n font-weight: var(--ctr-default-font-weight, 400);\n align-self: stretch;\n}\n\n.svc-designer__placeholder-container {\n padding-bottom: calcSize(8);\n}\n\n.svc-logic-tab--empty> :last-child {\n margin-bottom: calcSize(12);\n}\n\n.svc-test-tab--empty,\n.svc-translation-tab--empty {\n .svc-surface-placeholder {\n padding-bottom: calcSize(12);\n }\n}\n\n.svc-creator--mobile {\n .svc-designer__placeholder-container {\n padding-bottom: calcSize(2);\n }\n\n .svc-logic-tab--empty> :last-child {\n margin-bottom: calcSize(2);\n }\n\n .svc-test-tab--empty,\n .svc-translation-tab--empty {\n .svc-surface-placeholder {\n padding-bottom: calcSize(2);\n }\n }\n\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: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n transition: color $creator-transition-duration;\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 position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n transition: opacity $creator-transition-duration;\n box-shadow: 0px 0px 0px 0px $border-inside;\n border-radius: 3px;\n opacity: 0;\n\n &.svc-string-editor__border--hover {\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 box-shadow: 0px 0px 0px calcSize(0.25) $border-inside;\n transition-delay: 0ms;\n }\n\n &.svc-string-editor__border--focus {\n top: calcSize(-0.5);\n bottom: calcSize(-0.5);\n left: calcSize(-1);\n right: calcSize(-1);\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__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:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border--hover {\n opacity: 1;\n transition-delay: 200ms;\n }\n\n .svc-string-editor__border--focus {\n transition: none;\n }\n}\n\n.svc-string-editor:focus-within {\n .svc-string-editor__border--focus {\n opacity: 1;\n }\n\n .svc-string-editor__border--hover {\n transition: none;\n }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n .svc-string-editor__border--focus {\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\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--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}",".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: var(--ctr-button-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 transition: background-color $creator-transition-duration;\n\n .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, $primary);\n }\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, $background-dark);\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 2px var(--ctr-button-border-color-focused, $primary);\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(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, 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 transition: background-color var(--sjs-creator-transition-duration, 150ms);\n}\n.svc-btn .svc-text {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, 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(--ctr-button-border-color-focused, 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(--ctr-survey-action-button-text-color-positive, 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 .svc-text {\n color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n.svc-action-button:focus, .svc-action-button:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, 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(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));\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: var(--ctr-survey-action-button-text-color-positive, $primary);\n\n font-weight: 600;\n font-size: calcSize(2);\n line-height: calcSize(3);\n\n border: calcSize(0.25) solid transparent;\n\n .svc-text {\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n }\n\n &:focus,\n &:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n outline: none;\n }\n}\n\n.svc-action-button--selected {\n border-color: var(--ctr-survey-action-button-text-color-positive, $primary);\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, $foreground);\n}\n\n.svc-action-button--pressed {}","@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 transition: background-color $creator-transition-duration;\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\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 padding: 0;\n border: none;\n background-color: transparent;\n &:hover,\n &:focus {\n outline: none;\n\n .svc-page-navigator__navigator-icon {\n background-color: var(--ctr-page-navigator-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $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: var(--ctr-page-navigator-button-opacity-pressed, 0.5);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $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.5);\n}\n\n.svc-page-navigator {\n padding: calcSize(1.5);\n padding-right: 0;\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.5);\n }\n\n .svc-page-navigator {\n padding: calcSize(1.5);\n padding-left: 0;\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 .svc-page-navigator {\n padding-right: 0;\n }\n }\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: var(--ctr-page-navigator-item-dot-radius-small, 6px);\n height: var(--ctr-page-navigator-item-dot-radius-small, 6px);\n right: calc(50% - 6px / 2);\n top: calc(50% - 6px / 2);\n background: var(--ctr-page-navigator-item-dot-color-default, $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: var(--ctr-page-navigator-item-dot-color-selected, $background);\n border: calcSize(0.25) solid var(--ctr-page-navigator-item-dot-border-color-selected, $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 max-width: 0;\n z-index: 20;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: var(--ctr-page-navigator-item-background-color-hovered, $background);\n border-radius: calcSize(12.5);\n box-shadow: $shadow-medium;\n transition: opacity $creator-transition-duration;\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 .svc-text {\n color: var(--ctr-page-navigator-item-text-color-hovered);\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: var(--ctr-page-navigator-item-dot-color-hovered, $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 background: var(--ctr-page-navigator-item-background-color-hovered, $background);\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}","@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(3) 0 0 0;\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-dim);\n gap: calcSize(0.5);\n }\n\n .sd-page__num {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n\n .svc-panel__placeholder {\n color: var(--ctr-survey-page-placeholder-text-color, $foreground-light);\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 transition: background $creator-transition-duration, box-shadow $creator-transition-duration;\n\n .sd-page {\n margin: 0;\n padding: calcSize(1) calcSize(3) 0;\n }\n}\n\n.svc-page__content-actions {\n position: absolute;\n opacity: 0;\n top: calcSize(1);\n inset-inline-end: 0; // right\n padding: 0 calcSize(1.5) 0 calcSize(1);\n z-index: 1;\n transition: opacity $creator-transition-duration;\n\n .sv-action-bar-separator {\n margin: 0 calcSize(1);\n }\n\n h4.sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n }\n }\n}\n\n.svc-page__content-actions {\n .sv-action-bar-item {\n border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, 4px);\n background-color: transparent;\n color: var(--ctr-survey-page-toolbar-item-text-color, $foreground);\n transition: background-color $creator-transition-duration;\n }\n\n .sv-action-bar-item__icon {\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n //hovered state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n }\n\n //disabled state\n .sv-action-bar-item:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n\n .sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, $background-dim);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%);\n }\n}\n\n.svc-page__content:focus,\n.svc-hovered.svc-page__content {\n box-shadow: 0 0 0 2px $secondary-light;\n background: var(--ctr-survey-page-background-color-hovered, $secondary-backcolor-semi-light);\n}\n.svc-page__content--new.svc-page__content--new {\n box-shadow: none;\n background-color: transparent;\n}\n\n.svc-page__content--selected,\n.svc-hovered.svc-page__content {\n .svc-page__content-actions {\n opacity: 1;\n }\n}\n.svc-page__content--selected.svc-page__content--selected {\n box-shadow: 0 0 0 2px $secondary;\n background: $secondary-backcolor-semi-light;\n}\n\n\n.svc-page__content--animation-running {\n .svc-row {\n .svc-question--enter {\n animation: none;\n } \n .svc-question--leave {\n animation-name: moveInWithOverflow;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $svc-collapse-move-out-duration;\n animation-delay: $svc-collapse-move-out-delay;\n }\n } \n}\n.svc-creator--disable-animations {\n .svc-row {\n .svc-question--leave {\n animation: none;\n }\n }\n}\n.svc-page__content--collapse-onhover, .svc-page__content--collapse-always {\n outline: 2px transparent dashed;\n transition: outline-color $creator-transition-duration;\n &.svc-page__content--selected,\n &.svc-page__content.svc-hovered {\n outline-color: transparent;\n }\n &.svc-page__content--collapsed-drag-over-inside {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s infinite;\n outline-color: transparent;\n }\n} \n.svc-page__content--collapsed {\n outline-color: $border;\n}\n\n.svc-creator--mobile {\n .svc-page__content {\n &::after {\n margin: 0;\n border-radius: calcSize(1);\n }\n }\n\n &.svc-creator .svc-page .svc-page__content--selected,\n &.svc-creator .svc-page .svc-page__content--selected:focus,\n .svc-hovered.svc-page__content {\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset $secondary;\n\n box-shadow: 0 0 0 2px inset var(--ctr-survey-page-border-color-selected, $secondary);\n background: var(--ctr-survey-page-background-color-selected, $secondary-backcolor-semi-light);\n\n .svc-page__content-actions {\n display: block;\n }\n }\n }\n\n .svc-page__content:not(.svc-page__content--new):focus,\n .svc-hovered.svc-page__content:not(.svc-page__content--new) {\n box-shadow: 0 0 0 2px inset $secondary-light;\n }\n}\n\n.svc-page__footer {\n overflow: visible;\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n margin-top: calcSize(2);\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-element__add-new-question {\n .svc-text {\n margin-left: calcSize(6);\n }\n}\n\n.svc-element__add-new-question {\n -webkit-tap-highlight-color: transparent;\n}\n\n.svc-element__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 transition: background-color $creator-transition-duration;\n\n use {\n fill: var(--ctr-library-contextual-button-icon-color, $foreground-light);\n }\n\n &:hover {\n background-color: var(--ctr-button-contextual-button-background-color-hovered, $background-dim);\n }\n\n &:focus {\n background-color: var(--ctr-button-contextual-button-background-color-focused, $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 margin-top: calcSize(2);\n padding: 0 calcSize(3);\n\n .svc-panel__placeholder_frame {\n padding: calcSize(6) calcSize(8);\n height: auto;\n }\n}\n\n.svc-element__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\n.svc-page__content--collapsed {\n &>* {\n display: none;\n }\n\n .svc-page__content-actions {\n display: block;\n }\n\n .sd-page {\n display: flex;\n\n &>* {\n display: none;\n }\n\n .sd-title {\n display: block;\n }\n }\n}\n\n.svc-page__content.svc-page__content--collapsed {\n .sd-page {\n padding-bottom: 0;\n }\n}\n\n.svc-creator .svc-page {\n .svc-page__content--collapse-always {\n .svc-page__content-actions {\n opacity: 1;\n\n .sv-action {\n visibility: hidden;\n }\n\n .sv-action.sv-action-bar-item--collapse {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: hidden;\n }\n }\n }\n\n &.svc-page__content--selected,\n &.svc-hovered {\n .svc-page__content-actions {\n .sv-action {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: visible;\n }\n }\n }\n }\n }\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 &.sd-row--delayed-enter {\n margin-top: 0;\n }\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__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-row__drop-indicator--top,\n.svc-row__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-row__drop-indicator--top {\n top: 6px;\n}\n\n.svc-row__drop-indicator--bottom {\n bottom: -10px;\n}\n\n.svc-row--drag-over-top {\n >.svc-row__drop-indicator--top {\n opacity: 1;\n height: 2px;\n }\n}\n\n.svc-row--drag-over-bottom {\n >.svc-row__drop-indicator--bottom {\n opacity: 1;\n height: 2px;\n }\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-creator--disable-animations {\n .svc-row {\n @include disableLibraryAnimations;\n }\n}\n\n.sd-panel .svc-row > .sd-row.sd-row--multiple {\n width: calc(100% + #{$base-unit});\n padding-left: 0;\n margin-left: calcSize(-1);\n & > div {\n box-sizing: border-box;\n --animation-padding-left: #{calcSize(1)};\n padding-left: calcSize(1);\n }\n}\n$svc-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);\n$svc-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);\n$svc-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);\n$svc-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);\n$svc-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);\n$svc-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);\n$svc-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s);\n\n.svc-row {\n --sjs-row-fade-in-duration: #{$svc-row-fade-in-duration};\n --sjs-row-move-in-duration: #{$svc-row-move-in-duration};\n --sjs-row-fade-in-delay: #{$svc-row-fade-in-delay};\n --sjs-row-fade-out-duration: #{$svc-row-fade-out-duration};\n --sjs-row-move-out-duration: #{$svc-row-move-out-duration};\n --sjs-row-move-out-delay: #{$svc-row-move-out-delay};\n --sjs-row-fade-in-animation-delay: #{$svc-row-fade-in-animation-delay};\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: $background-dim-light;\n text-align: center;\n font-weight: 400;\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: $foreground-dim-light;\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}","@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: grid;\n grid-template-columns: 100%;\n & > * {\n grid-row: 1;\n grid-column: 1;\n }\n &.svc-question__adorner--collapsed {\n height: fit-content;\n }\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: $background-dim;\n }\n }\n }\n }\n}\n\n.svc-question__adorner {\n .sv-action-bar-item {\n background-color: transparent;\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n transition:\n background $creator-transition-duration,\n color $creator-transition-duration,\n opacity $creator-transition-duration;\n }\n\n .sv-action-bar-item__icon {\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n //hovered state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n }\n\n //disabled state\n .sv-action-bar-item:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n\n .sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n }\n\n .sv-action-bar-item-dropdown {\n background-color: transparent;\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%);\n }\n\n .sv-action-bar-item.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,\n .sv-action-bar-item.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,\n .sv-action-bar-item.svc-required-action--active {\n background-color: $secondary-backcolor-semi-light;\n }\n}\n\n.svc-question__content {\n scroll-margin-top: calcSize(1);\n\n .sd-element {\n scroll-margin-top: calcSize(5);\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(2);\n background: $background;\n box-shadow: $shadow-small;\n outline: none;\n transition:\n background $creator-transition-duration,\n box-shadow $creator-transition-duration;\n}\n.svc-question__content--title-bottom {\n padding-top: calcSize(2.5);\n padding-bottom: calcSize(4);\n .sd-question__content {\n margin-top: calcSize(2.5);\n }\n .svc-question__content-actions {\n height: calcSize(4);\n & > .sv-action-bar {\n margin-bottom: calcSize(-2);\n }\n }\n}\n.svc-question__content--title-hidden {\n padding-top: calcSize(5);\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-selectbase--multi-column {\n overflow: initial;\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.svc-question--enter, .svc-question--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n.svc-question--enter {\n opacity: 0;\n --fade-animation-duration: #{$svc-expand-fade-in-duration};\n --move-animation-duration: #{$svc-expand-move-in-duration};\n --fade-animation-delay: #{$svc-expand-fade-in-delay};\n --move-animation-delay: 0s;\n --animation-timing-function: #{$ease-out};\n --animation-direction: normal;\n}\n.svc-question--leave {\n --fade-animation-duration: #{$svc-collapse-fade-out-duration};\n --move-animation-duration: #{$svc-collapse-move-out-duration};\n --fade-animation-delay: 0s;\n --move-animation-delay: #{$svc-collapse-move-out-delay};\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n\n@keyframes changeAlignSelf {\n from {\n align-self: flex-start;\n }\n to {\n align-self: stretch;\n }\n}\n\n.svc-question--enter, .svc-question--leave {\n &.svc-question__adorner\n {\n opacity: 1;\n animation-name: changeAlignSelf;\n animation-duration: 0s;\n }\n}\n.svc-question--enter {\n &.svc-question__adorner {\n align-self: flex-start;\n animation-delay: var(--move-animation-duration);\n }\n}\n\n.svc-question--leave {\n &.svc-question__adorner {\n animation-delay: var(--move-animation-delay);\n }\n}\n\n.svc-creator--disable-animations {\n .svc-question--enter, .svc-question--leave {\n animation: none;\n }\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.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: relative;\n opacity: 0;\n height: calcSize(6);\n //inset-inline-start: calcSize(4); // left\n //inset-inline-end: calcSize(3.5); // right\n margin-left: calcSize(-1);\n margin-top: auto;\n width: calc(100% + 2.5 * #{$base-unit});\n transition: opacity $creator-transition-duration;\n\n &:focus-within {\n opacity: 1;\n }\n & > .sv-action-bar {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n margin-top: calcSize(2);\n }\n\n .sv-action--convertTo {\n max-width: max-content;\n\n .sv-action-bar-item {\n flex-direction: row-reverse;\n }\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\n .sv-action-bar-item__icon {\n margin-inline-start: calcSize(0.5);\n\n &:last-child {\n margin-inline-start: 0;\n }\n }\n\n .sv-action-bar-item__icon:last-child {\n use {\n fill: $primary;\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 .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.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--collapsed-drag-over-inside:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s;\n}\n\n@keyframes collapsed-drag-over-inside-blinking {\n 0% {\n background: $primary-light;\n }\n 40% {\n background: $primary-light;\n }\n 50% {\n background: transparent;\n }\n 55% {\n background: $primary-light;\n }\n 65% {\n background: transparent;\n }\n 70% {\n background: $primary-light;\n }\n 80% {\n background: transparent;\n }\n 85% {\n background: $primary-light;\n }\n 100% {\n background: $primary-light;\n }\n}\n\n.svc-question__content--selected,\n.svc-hovered > .svc-question__content {\n & > .svc-question__content-actions {\n opacity: 1;\n &.svc-question--enter {\n opacity: 0;\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 & > .svc-question__content-actions {\n opacity: 0;\n }\n}\n\n.svc-creator--mobile {\n .svc-question__content-actions {\n overflow: hidden;\n height: calcSize(1);\n & > .sv-action-bar {\n margin-top: calcSize(1);\n }\n &.svc-question--enter {\n animation-name: empty, moveInWithOverflow;\n }\n }\n .svc-question__content {\n padding: calcSize(2) calcSize(3) calcSize(2); \n }\n .svc-element__header--hidden {\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n padding: 0 calcSize(3);\n }\n .svc-question__adorner--selected {\n & > .svc-element__header--hidden {\n margin-top: calcSize(3);\n margin-bottom: calcSize(3);\n } \n }\n .svc-question__content--selected {\n padding-top: calcSize(3);\n padding-bottom: calcSize(2);\n & > .svc-question__content-actions {\n height: calcSize(6);\n overflow: visible;\n\n & > .sv-action-bar {\n margin-top: calcSize(2);\n }\n &.svc-question--enter {\n animation-name: fadeIn, moveInWithOverflow;\n }\n }\n }\n &.svc-creator--disable-animations {\n .svc-question--enter {\n animation: none;\n }\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: var(--ctr-toolbox-item-background-color-hovered, $background);\n color: var(--ctr-toolbox-item-text-color-hovered, $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: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid var(--ctr-toolbox-item-border-color-floating, $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__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-question__drop-indicator--left,\n.svc-question__drop-indicator--right {\n top: 0;\n height: 100%;\n width: 0px;\n}\n\n.svc-question__drop-indicator--top,\n.svc-question__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-question__drop-indicator--left {\n left: -9px;\n}\n\n.svc-question__drop-indicator--right {\n right: -9px;\n}\n\n.svc-question__drop-indicator--top {\n top: -9px;\n}\n\n.svc-question__drop-indicator--bottom {\n bottom: -9px;\n}\n\n.svc-question__content--drag-over-left {\n > .svc-question__drop-indicator--left {\n opacity: 1;\n width: 2px;\n }\n}\n\n.svc-question__content--drag-over-right {\n > .svc-question__drop-indicator--right {\n opacity: 1;\n width: 2px;\n }\n}\n\n.svc-question__content--drag-over-top {\n > .svc-question__drop-indicator--top {\n opacity: 1;\n height: 2px;\n }\n}\n\n.svc-question__content--drag-over-bottom {\n > .svc-question__drop-indicator--bottom {\n opacity: 1;\n height: 2px;\n }\n}\n\n.sd-panel {\n .svc-question__content--drag-over-left {\n .svc-question__drop-indicator--left {\n left: -6px;\n }\n }\n\n .svc-question__content--drag-over-right {\n .svc-question__drop-indicator--right {\n right: -6px;\n }\n }\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 {\n .svc-question__drop-indicator--top {\n top: -6px;\n }\n }\n\n .svc-question__content--drag-over-bottom {\n .svc-question__drop-indicator--bottom {\n bottom: -6px;\n }\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 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 opacity: 0.5;\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {\n opacity: 0.5;\n z-index: 1;\n}\n.svc-element__header--hidden {\n display: block;\n box-sizing: border-box;\n padding: 0 calcSize(5);\n margin: calcSize(4) 0;\n z-index: -1;\n width: 100%;\n .svc-string-editor,\n .svc-fake-title,\n sv-ng-string > .svc-string-editor {\n display: inline-flex;\n &::before {\n content: \"(\";\n }\n &::after {\n content: \")\";\n }\n }\n .svc-element__title--hidden {\n opacity: 0;\n transition: opacity 150ms;\n }\n}\n.svc-element__header--hidden.sd-question__header--location--left {\n .svc-string-editor,\n sv-ng-string > .svc-string-editor {\n display: inline-block;\n &::before, &::after {\n content: none;\n }\n }\n\n}\n\n.svc-question__adorner {\n &.svc-question__adorner--collapsed {\n & > .svc-element__header--hidden {\n z-index: 1;\n & > .svc-element__title--hidden {\n opacity: 1;\n }\n }\n .svc-question__content--collapsed {\n & > * {\n display: none;\n }\n\n .svc-question__drag-area {\n display: flex;\n }\n .svc-content-wrapper {\n display: flex;\n }\n\n .sd-element {\n display: block;\n & > :not(.sd-element__header) {\n display: none;\n }\n }\n .sd-element__header {\n & > :not(.sd-element__title) {\n display: none;\n }\n }\n .sd-question__header--location--left {\n display: none;\n }\n }\n }\n}\n\n.svc-question__adorner {\n .svc-question__content--collapsed {\n flex-grow: 0;\n padding-bottom: calcSize(4);\n padding-top: calcSize(4);\n\n .sd-element__header,\n .sd-element--complex > .sd-element__header {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n}\n\n.svc-creator--mobile {\n .svc-question__top-actions {\n padding: 0;\n }\n \n .svc-question__adorner {\n .svc-question__content--collapsed {\n padding-bottom: calcSize(2);\n padding-top: calcSize(2);\n\n &.svc-question__content--selected {\n padding-top: calcSize(3);\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;\n transition: opacity $creator-transition-duration;\n\n use {\n fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, $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-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 .sd-paneldynamic__footer,\n .sd-paneldynamic__separator {\n display: none;\n }\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 .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-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n\n .svc-element__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: var(--ctr-survey-action-button-text-color-positive, $primary);\n text-wrap: nowrap;\n }\n }\n\n .svc-element__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary;\n }\n }\n\n .svc-element__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: var(--ctr-library-contextual-button-icon-color, $foreground-light);\n }\n\n &:hover {\n background-color: $background-dim;\n }\n\n &:focus {\n background-color: $primary-light;\n }\n }\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 transition:\n background-color $creator-transition-duration,\n background $creator-transition-duration;\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: var(--ctr-survey-action-button-text-color-positive, $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.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: var(--ctr-library-contextual-button-icon-color, $foreground-light);\n// }\n\n// &:hover {\n// background-color: $background-dim;\n// }\n\n// &:focus {\n// background-color: $primary-light;\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 .svc-element__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-element__question-type-selector {\n display: none;\n }\n\n .svc-panel__add-new-question,\n .svc-element__add-new-question {\n padding: calcSize(0.5) calcSize(0.5);\n\n .svc-text {\n display: none;\n }\n }\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 padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.svc-question__content.svc-question__content--collapsed {\n .sd-element--complex > .sd-element__header--location-top {\n &.svc-element__header--hidden {\n padding: 0;\n }\n }\n}\n\n.svc-question__content {\n .sd-element--complex > .sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n\n &.svc-element__header--hidden {\n padding-bottom: calcSize(1);\n }\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 padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n\n .sd-paneldynamic__panels-container {\n padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n}\n\n.svc-required-action {\n .sv-svg-icon {\n use {\n fill: $secondary;\n }\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\n .sv-action-bar-item {\n margin: 0;\n padding: calcSize(0.5);\n opacity: 0.5;\n height: 24px;\n\n &:hover,\n &:focus {\n opacity: initial;\n }\n\n .sv-action-bar-item__icon use {\n fill: $foreground-dim-light;\n }\n }\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered > .svc-question__content,\n.svc-question__adorner--collapse-onhover > .svc-question__content--selected,\n.svc-question__adorner--collapse-always > .svc-question__content {\n & > .svc-question__drag-area > .svc-question__top-actions {\n visibility: visible;\n }\n}\n\n.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n box-shadow: $shadow-small;\n\n .svc-question__content-actions {\n opacity: 0;\n }\n }\n}\n\n.sd-panel {\n .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n border-radius: 0;\n border: 1px dashed $border;\n box-shadow: none;\n }\n }\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}","@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-left: 0;\n padding-right: 0;\n\n .sd-image__image {\n border-radius: 0;\n }\n .svc-question__content-actions {\n padding-left: calcSize(5);\n width: calc(100% - 2.5 * #{$base-unit});\n box-sizing: border-box;\n & > .sv-action-bar {\n width: calc(100% - #{calcSize(5)});\n left: calcSize(5);\n }\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}","@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}","@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 align-self: flex-start;\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 transition: background $creator-transition-duration, background-color $creator-transition-duration;\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 transition: opacity $creator-transition-duration;\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 opacity: 1;\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 opacity: 0;\n }\n\n use {\n fill: var(--ctr-survey-item-actionbar-drag-indicator-color, $foreground);\n }\n}\n\n.svc-item-value-controls__button--disabled {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $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: var(--ctr-survey-action-button-icon-color-negative, $red);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: var(--ctr-survey-action-button-icon-color-positive, $primary);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-negative, $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 .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.sv-drag-drop-choices-shortcut {\n .sv-ranking-item__text {\n overflow: hidden;\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 .svc-item-value__item {\n display: none;\n }\n\n height: calcSize(6);\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: unset;\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 .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 opacity: 1;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-3);\n }\n }\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n .svc-item-value-controls__drag-icon {\n opacity: 1;\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}\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 transition: background-color $creator-transition-duration;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n\n use {\n fill: $primary;\n transition: fill $creator-transition-duration;\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}","@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\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\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 opacity: 0;\n position: absolute;\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n z-index: 2;\n transition: opacity $creator-transition-duration;\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 opacity: 1;\n}\n\n.svc-question__content--in-popup {\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}","@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}","@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\n .sd-logo__image {\n max-width: 100%;\n }\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 transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover {\n background-color: var(--ctr-survey-header-logo-placeholder-background-color-hovered, $primary-light);\n opacity: unset;\n\n use {\n fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, $primary);\n }\n }\n\n svg {\n width: calcSize(4);\n height: calcSize(4);\n }\n}\n\n.svc-logo-image-placeholder use {\n transition: fill $creator-transition-duration;\n fill: var(--ctr-survey-header-logo-placeholder-icon-color, $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}","@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","@import \"../../variables.scss\";\n\n.svc-property-panel__item {\n margin: calcSize(2) 0;\n width: 100%;\n}\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}\n\n.svc-property-grid-placeholder {\n display: flex;\n padding: var(--ctr-property-grid-placeholder-padding-top, 96px)\n var(--ctr-property-grid-placeholder-padding-right, 48px) var(--ctr-property-grid-placeholder-padding-bottom, 0px)\n var(--ctr-property-grid-placeholder-padding-left, 48px);\n flex-direction: column;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-image-margin-top, 24px);\n flex: 1 0 0;\n align-self: stretch;\n background: var(--ctr-property-grid-form-background-color, #f3f3f3);\n}\n.svc-property-grid-placeholder__header {\n display: flex;\n max-width: 256px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-text-gap, 8px);\n width: 100%;\n}\n.svc-property-grid-placeholder__title {\n color: var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));\n text-align: center;\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-default-size, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--ctr-font-default-line-height, 24px) /* 150% /;\n display: inline-block;\n}\n.svc-property-grid-placeholder__description {\n color: var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));\n text-align: center;\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-small-size, 12px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-small-line-height, 16px) / 133.333% /;\n display: inline-block;\n}\n.svc-property-grid-placeholder__content {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n}\n.svc-property-grid-placeholder__gap {\n max-width: 192px;\n flex: 1 0 0;\n width: 100%;\n}\n.svc-property-grid-placeholder__image {\n display: flex;\n max-width: 192px;\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n background: url(\"../../images/image-panel-placeholder.png\") 50% / contain no-repeat;\n width: 100%;\n overflow: hidden;\n height: 86px;\n}\n\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-property-grid-placeholder__image {\n transform: rotateY(180deg);\n }\n}\n\n.svc-creator__side-bar--left .svc-property-grid-placeholder__content {\n flex-direction: row-reverse;\n}\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 transition: box-shadow $creator-transition-duration, background-color $creator-transition-duration;\n\n &:hover,\n &:focus {\n background-color: var(--ctr-menu-item-background-color-hovered, $background-dim);\n box-shadow: inset 0px -1px 0px $border;\n outline: none;\n }\n\n .svc-text {\n color: var(--ctr-menu-item-text-color, $foreground);\n }\n}\n\n.svc-tabbed-menu-item--selected {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n\n &:hover,\n &:focus {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n }\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n opacity: var(--ctr-menu-item-opacity-disabled, 0.25);\n\n &:hover {\n background-color: var(--ctr-menu-item-background-color, $background);\n }\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\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}","@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}","@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-top: var(--ctr-toolbox-item-padding-top, calcSize(0));\n padding-right: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n padding-bottom: var(--ctr-toolbox-item-padding-bottom, calcSize(0));\n padding-left: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n\n sv-svg-icon,\n .sv-svg-icon {\n display: block;\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, unset);\n }\n}\n\n.svc-toolbox__tool {\n\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: var(--ctr-toolbox-item-icon-color, $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: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"] {\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\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\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: var(--ctr-toolbox-item-text-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: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n padding-right: var(--ctr-toolbox-item-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\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\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: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n background-color: var(--ctr-toolbox-item-background-color-hovered, $background);\n box-shadow: $shadow-medium;\n transition: 0.1s ease-in-out;\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $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: var(--ctr-toolbox-button-background-color-hovered, $primary-light);\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $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: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n opacity: 0.5;\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-pressed, $foreground);\n opacity: 0.5;\n }\n }\n\n .svc-toolbox__item.svc-toolbox__item-subtype {\n opacity: unset;\n }\n }\n}\n\n.svc-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\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}","@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 .svc-item__banner {\n background-color: var(--ctr-toolbox-item-background-color-hovered, $background);\n }\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\n .spg-search-editor_input {\n width: 0;\n flex-grow: 1;\n }\n\n .spg-search-editor_toolbar-counter {\n display: none;\n }\n\n .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed) {\n &:hover:enabled {\n background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, $red-light);\n border-radius: 100px;\n\n svg use {\n fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, $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\n .svc-toolbox__category-separator--search {\n margin-bottom: 0;\n margin-top: calcSize(1.5);\n min-height: 1px;\n }\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\n .spg-search-editor_container {\n opacity: 1;\n position: relative;\n }\n\n .svc-toolbox__panel {\n z-index: 200;\n position: relative;\n background: var(--ctr-toolbox-background-color, $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\n .svc-toolbox__search-container {\n display: flex;\n }\n\n &:not(.svc-toolbox--scrollable) {\n .svc-toolbox__scroller {\n padding-top: calcSize(9);\n\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\n .svc-toolbox__scroller {\n direction: ltr;\n }\n\n .svc-toolbox__panel {\n direction: rtl;\n }\n\n .svc-toolbox--compact {\n margin-right: 0;\n margin-left: calc(-100vw + calcSize(10.5));\n direction: ltr;\n }\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 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 background: var(--ctr-property-grid-search-background-color, $background-dim);\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: 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: var(--ctr-toolbox-separator-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\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: var(--ctr-property-grid-placeholder-text-description-color, $foreground-light);\n @include defaultFont;\n font-size: 12px;\n}","@import \"../../variables.scss\";\n\n$side-bar-enter-duration: var(--svc-side-bar-enter-duration, 500ms);\n$side-bar-leave-duration: var(--svc-side-bar-leave-duration, 500ms);\n\n$cubic-ease-out: cubic-bezier(0.33, 1, 0.68, 1);\n$reverse-cubic-ease-out: cubic-bezier(0.32, 0, 0.67, 0);\n.svc-side-bar__container {\n flex-direction: column;\n display: flex;\n position: relative;\n font-family: $font-family;\n min-width: 370px;\n width: 450px;\n height: 100%;\n border-inline-start: 1px solid var(--ctr-property-grid-border-color, $border);\n}\n\n.svc-side-bar__wrapper {\n height: 100%;\n}\n@keyframes sideBarMoveIn {\n from {\n width: 0;\n }\n to {\n width: var(--animation-width);\n }\n}\n@keyframes flyoutSideBarShadowFadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 0.75;\n }\n}\n@keyframes flyoutSideBarMoveIn {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n.svc-side-bar--leave,\n.svc-side-bar--enter {\n min-width: 0;\n animation-fill-mode: forwards;\n animation-name: sideBarMoveIn;\n}\n.svc-side-bar--enter {\n animation-duration: $side-bar-enter-duration;\n animation-timing-function: $cubic-ease-out;\n}\n.svc-side-bar--leave {\n animation-duration: $side-bar-leave-duration;\n animation-direction: reverse;\n animation-timing-function: $reverse-cubic-ease-out;\n}\n.svc-flyout-side-bar.svc-side-bar--enter,\n.svc-flyout-side-bar.svc-side-bar--leave {\n animation-name: empty;\n .svc-side-bar__shadow {\n animation-fill-mode: forwards;\n animation-name: flyoutSideBarShadowFadeIn;\n }\n .svc-side-bar__wrapper {\n animation-fill-mode: forwards;\n animation-name: flyoutSideBarMoveIn;\n }\n}\n.svc-flyout-side-bar.svc-side-bar--enter {\n animation-duration: $side-bar-enter-duration;\n .svc-side-bar__shadow {\n animation-duration: $side-bar-enter-duration;\n animation-timing-function: $cubic-ease-out;\n }\n .svc-side-bar__wrapper {\n animation-duration: $side-bar-enter-duration;\n animation-timing-function: $cubic-ease-out;\n }\n}\n.svc-flyout-side-bar.svc-side-bar--leave {\n animation-duration: $side-bar-leave-duration;\n .svc-side-bar__shadow {\n animation-duration: $side-bar-leave-duration;\n animation-timing-function: $reverse-cubic-ease-out;\n animation-direction: reverse;\n }\n .svc-side-bar__wrapper {\n animation-duration: $side-bar-leave-duration;\n animation-timing-function: $reverse-cubic-ease-out;\n animation-direction: reverse;\n }\n}\n\n.svc-creator--disable-animations {\n .svc-side-bar--leave,\n .svc-side-bar--enter {\n animation: none;\n }\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(--ctr-property-grid-header-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, $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: var(--ctr-property-grid-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 color: var(--ctr-menu-toolbar-button-text-color, $foreground);\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 .sv-action-bar-item {\n transition: background-color $creator-transition-duration;\n }\n\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n &:focus {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n\n &:hover {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n\n .sv-action-bar-item__title {\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n }\n\n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n\n.svc-flex-row.svc-side-bar__wrapper {\n width: auto;\n height: 100%;\n background-color: var(--ctr-property-grid-form-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: flex;\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 flex-direction: row-reverse;\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\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"],\n.svc-full-container.svc-creator__side-bar--left {\n .svd-grid-hide .sv-svg-icon,\n .svd-grid-expand .sv-svg-icon {\n transform: rotate(180deg);\n }\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n}\n\n.sv-mobile-side-bar {\n .svc-flyout-side-bar .svc-side-bar__wrapper {\n width: 100%;\n }\n\n .svc-side-bar__container {\n width: 100%;\n min-width: auto;\n }\n}\n\n.svc-side-bar {\n .svc-toolbox {\n width: 100%;\n }\n}","@import \"../../variables.scss\";\n\n.svc-sidebar-tabs {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n border-inline-start: var(--ctr-property-grid-tabs-border-width, 1px) solid\n var(--ctr-property-grid-tabs-border-color, rgba(0, 0, 0, 0.16));\n background: var(--ctr-property-grid-tabs-background-color, #fff);\n box-sizing: border-box;\n}\n.svc-sidebar-tabs__top-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n.svc-sidebar-tabs__collapse-button {\n display: flex;\n align-items: center;\n}\n\n[dir=\"rtl\"],\n[style=\"direction:rtl\"],\n[style=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-sidebar-tabs__collapse-button .sv-svg-icon {\n transform: rotateY(180deg);\n }\n}\n\n.svc-sidebar-tabs__separator {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n margin-top: -1px;\n\n & > div {\n height: var(--ctr-separator-width, 1px);\n background: var(--ctr-separator-color, rgba(0, 0, 0, 0.16));\n width: 100%;\n }\n}\n.svc-sidebar-tabs__items {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-gap, 12px);\n}\n\n.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n background: var(--ctr-menu-toolbar-button-background-color-selected, #fff);\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color-selected, $primary);\n }\n}\n\n.svc-creator--mobile .svc-sidebar-tabs--collapsed {\n display: none;\n}\n\n.svc-menu-action {\n display: flex;\n align-items: center;\n}\n.svc-menu-action__icon-container {\n flex: 1 0 0;\n align-self: stretch;\n}\n.svc-sidebar-tabs__bottom-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n\n.svc-sidebar__header.svc-sidebar__header--tabbed {\n display: flex;\n align-items: flex-start;\n}\n.svc-sidebar__header-container {\n display: flex;\n padding: var(--ctr-property-grid-header-padding-top, 12px) var(--ctr-property-grid-header-padding-right, 16px)\n var(--ctr-property-grid-header-padding-bottom, 12px) var(--ctr-property-grid-header-padding-left, 16px);\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n align-self: stretch;\n\n background: var(--ctr-property-grid-header-background-color, #fff);\n box-shadow: inset 0px calc(-1 * var(--ctr-property-grid-header-border-width-bottom, 2px)) 0px\n var(--ctr-property-grid-header-border-color, $primary);\n box-sizing: border-box;\n width: 100%;\n}\n\n.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {\n padding: var(--ctr-property-grid-header-padding-top-with-subtitle, 6px)\n var(--ctr-property-grid-header-padding-right, 16px)\n var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px);\n}\n\n.svc-sidebar__header-container .svc-side-bar__container-title {\n justify-content: center;\n}\n\n.svc-sidebar__header-content {\n display: flex;\n align-items: center;\n}\n\n.svc-menu-action__button {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n cursor: pointer;\n}\n.svc-menu-action__button:hover {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n}\n.svc-menu-action__button.svc-menu-action__button--pressed {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n background: var(--ctr-menu-toolbar-button-background-color-pressed, #f3f3f3);\n}\n.svc-menu-action__button.svc-menu-action__button--with-subtitle {\n padding: var(--ctr-menu-toolbar-button-padding-top-with-description, 4px)\n var(--ctr-menu-toolbar-button-padding-right-with-description, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left-with-description, 8px);\n}\n\n.svc-menu-action__icon {\n display: flex;\n width: var(--ctr-menu-toolbar-button-icon-width, 24px);\n height: var(--ctr-menu-toolbar-button-icon-height, 24px);\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n.svc-sidebar__header-caption {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.svc-sidebar__header-title {\n color: var(--ctr-menu-toolbar-button-text-color, rgba(0, 0, 0, 0.91));\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-default-size, 16px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, 24px) /* 150% /;\n display: inline-block;\n}\n.svc-sidebar__header-subtitle {\n color: var(--ctr-menu-toolbar-button-text-color-secondary, rgba(0, 0, 0, 0.45));\n font-family: var(--ctr-font-family, \"Open Sans\");\n font-size: var(--ctr-font-small-size, 12px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-small-line-height, 16px) / 133.333% /;\n display: inline-block;\n}\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\n .sv-action:not(.sv-action--hidden):not(:last-of-type)>.sv-action__content {\n padding-right: 0;\n }\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: var(--ctr-actionbar-button-text-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 transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover,\n &:focus {\n opacity: 1;\n outline: none;\n background-color: var(--ctr-actionbar-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-actionbar-button-icon-color-hovered, $primary);\n }\n }\n}\n\n.spg-action-button__icon {\n display: block;\n\n use {\n fill: var(--ctr-actionbar-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\n }\n}\n\n.spg-action-button--danger {\n color: var(--ctr-library-action-button-text-color-negative, $red);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-library-action-button-background-color-negative-hovered, $red-light);\n\n use {\n fill: var(--ctr-library-action-button-icon-color-negative, $red);\n }\n }\n}\n\nbutton.spg-action-button--large {\n padding: calcSize(0.5) calcSize(2);\n}\n\n.spg-action-button:disabled {\n opacity: var(--ctr-library-action-button-opacity-disabled, 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: calcSize(0.5) calcSize(2);\n}","@import \"../variables.scss\";\n@import \"./blocks/variables.scss\";\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@import \"blocks/spg-buttongroup.scss\";\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-inline-end: 1px solid $border;\n box-sizing: border-box;\n / disable library transition animations /\n --sjs-transition-duration: 0ms;\n @include disableLibraryAnimations;\n}\n\n.spg-container {\n width: 100%;\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\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: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n }\n\n svg {\n fill: $foreground-dim-light;\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@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: var(--ctr-label-text-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 color: var(--ctr-editor-label-color, $foreground-dim-light);\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: var(--ctr-error-message-text-color, $foreground);\n background-color: var(--ctr-error-message-background-color, $red-light);\n border-radius: calcSize(0.5);\n line-height: calcSize(3);\n}\n\n.spg-question__erbox,\n.spg-question__erbox>svc-question-error,\nsv-question-error {\n & > div {\n display: flex;\n gap: calcSize(1);\n }\n}\n\n\n\n.spg-question__erbox-icon {\n .sv-svg-icon {\n vertical-align: top;\n }\n\n use {\n fill: var(--ctr-error-message-icon-color, $red);\n }\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n .spg-panel__content {\n gap: calcSize(2);\n\n .spg-row {\n margin-top: 0;\n }\n }\n}\n",".spg-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: var(--ctr-editor-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 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n transition: box-shadow $creator-transition-duration;\n\n padding: calcSize(1.5) calcSize(2);\n outline: none;\n font-size: calcSize(2);\n font-family: $font-family;\n color: var(--ctr-editor-content-text-color, $foreground);\n}\n\n.spg-input::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $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 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, $primary);\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder {\n color: var(--ctr-editor-content-text-color-disabled, $foreground);\n opacity: var(--ctr-editor-content-text-opacity-disabled, 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: var(--ctr-editor-background-color, $background);\n border: none;\n outline: none;\n width: calcSize(5);\n height: calcSize(5);\n padding: calcSize(1);\n line-height: 0;\n transition: background $creator-transition-duration, opacity $creator-transition-duration;\n\n &:focus,\n &:hover {\n background: var(--ctr-editor-button-background-color-hovered, $background-dim);\n }\n\n &:active {\n opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n }\n\n &.spg-input__edit-button--disabled,\n &:disabled {\n opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n background: var(--ctr-editor-background-color, $background);\n }\n\n svg {\n height: 24px;\n width: 24px;\n fill: var(--ctr-editor-button-icon-color, $foreground-dim-light);\n }\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, $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: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $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: var(--ctr-editor-content-text-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 &::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $foreground-dim-light);\n }\n}\n\n.spg-input-container__input:disabled {\n opacity: var(--ctr-editor-content-text-opacity-disabled, 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: auto;\n max-width: 100%;\n min-width: calcSize(6);\n min-height: calcSize(6);\n line-height: calcSize(3);\n}\n",".spg-panel {\n background: $background-dim;\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: var(--ctr-property-grid-chapter-caption-text-color, $foreground-light);\n cursor: pointer;\n background-color: var(--ctr-property-grid-chapter-caption-background-color, $background);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $border);\n font-family: $font-family;\n font-size: calcSize(2);\n font-weight: 400;\n margin: 0;\n transition: color $creator-transition-duration, background-color $creator-transition-duration, opacity $creator-transition-duration;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: var(--ctr-property-grid-chapter-caption-text-color-disabled, $foreground);\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-hovered, $background-dim);\n}\n\n.spg-panel__title--expandable:focus {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, $background-dim);\n}\n\n.spg-panel__title--expanded {\n color: var(--ctr-property-grid-chapter-caption-text-color-selected, $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: var(--ctr-property-grid-form-background-color, $background-dim);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $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}\n.spg-row--enter.spg-row.spg-row.spg-row {\n margin-top: 0;\n}\n.spg-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $spg-row-fade-in-delay, 0s, 0s;\n animation-duration: $spg-row-fade-in-duration, $spg-row-move-in-duration, $spg-row-move-in-duration;\n}\n.spg-row--delayed-enter {\n animation-delay: calc(#{$spg-row-fade-in-delay} + #{$spg-row-fade-in-animation-delay}),\n $spg-row-fade-in-animation-delay, $spg-row-fade-in-animation-delay;\n}\n\n.spg-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $spg-row-move-out-delay, $spg-row-move-out-delay;\n animation-duration: $spg-row-fade-out-duration, $spg-row-move-out-duration, $spg-row-move-out-duration;\n}\n\n.spg-panel__content--enter {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: $ease-out;\n animation-duration: $spg-expand-fade-in-duration, $spg-expand-move-in-duration, $spg-expand-move-in-duration;\n animation-delay: $spg-expand-fade-in-delay, 0s, 0s;\n}\n\n.spg-panel__content--leave {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $spg-collapse-fade-out-duration, $spg-collapse-move-out-duration, $spg-collapse-move-out-duration;\n animation-delay: 0s, $spg-collapse-move-out-delay, $spg-collapse-move-out-delay;\n}\n\n\n.svc-creator--disable-animations {\n .spg-row--enter,\n .spg-row--leave,\n .spg-panel__content--enter,\n .spg-panel__content--leave {\n animation: none;\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: var(--ctr-checkbox-text-color-disabled, $foreground-light);\n }\n}\n\n.spg-checkbox__caption {\n font-family: $font-family;\n font-size: calcSize(2);\n color: var(--ctr-checkbox-text-color, $foreground);\n line-height: calcSize(3);\n}\n\n.spg-checkbox__rectangle {\n background: var(--ctr-checkbox-background-color, $background);\n border: 1px solid var(--ctr-checkbox-border-color, $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 outline: 2px solid transparent;\n transition: background $creator-transition-duration, background-color $creator-transition-duration, outline $creator-transition-duration;\n}\n\n.spg-checkbox:hover {\n .spg-checkbox__rectangle {\n background-color: var(--ctr-checkbox-background-color-hovered, $background-dim);\n }\n}\n\n.spg-checkbox--disabled {\n .spg-checkbox__rectangle:hover {\n background: var(--ctr-checkbox-background-color-disabled, $background);\n }\n}\n\n.spg-checkbox:active .spg-checkbox__rectangle,\n.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n outline: 2px solid var(--ctr-checkbox-border-color-focused, $primary);\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: block;\n opacity: 0;\n fill: transparent;\n width: calcSize(2.5);\n height: calcSize(2.5);\n background-repeat: no-repeat;\n background-size: calcSize(2) calcSize(2);\n transition: opacity $creator-transition-duration, fill $creator-transition-duration;\n}\n\n.spg-checkbox--checked .spg-checkbox__svg {\n opacity: 1;\n fill: var(--ctr-checkbox-button-check-mark-color, $primary);\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: var(--ctr-checkbox-button-check-mark-color-disabled, $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\n &:hover {\n background-color: $background;\n }\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: var(--ctr-data-table-row-drag-area-icon-color, $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\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: var(--ctr-property-grid-background-color, $background);\n border: 1px solid var(--ctr-survey-placeholder-border-color, $border);\n box-sizing: border-box;\n\n .spg-matrixdynamic__add-btn {\n display: initial;\n }\n}\n\n.spg-matrixdynamic__placeholder-text {\n font-size: calcSize(2);\n line-height: calcSize(3);\n color: var(--ctr-survey-placeholder-text-color, $foreground-light);\n}\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: var(--ctr-survey-action-button-text-color-positive, $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 var(--ctr-actionbar-button-icon-color, $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: var(--ctr-actionbar-button-icon-color, $foreground);\n }\n}\n",".spg-table-wrapper {\n border: 1px solid var(--ctr-data-table-border-color, $border);\n border-bottom: none;\n}\n\n.spg-table {\n width: 100%;\n background-color: var(--ctr-data-table-background-color, $background);\n border-collapse: collapse;\n\n tr {\n border-bottom: 1px solid var(--ctr-data-table-row-border-color, $border);\n background-color: var(--ctr-data-table-row-background-color, $background);\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: var(--ctr-data-table-background-color, $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: var(--ctr-data-table-row-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 var(--ctr-data-table-cell-border-color-focused, $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:\n right calcSize(0.5) top 50%,\n 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: var(--ctr-data-table-cell-text-color-header, $foreground-light);\n line-height: calcSize(3);\n background: var(--ctr-data-table-row-background-color-header, $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.spg-table__question-wrapper {\n box-sizing: border-box;\n padding: calcSize(0.5) 0;\n}\n\n.spg-table__row--leave,\n.spg-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.spg-table__row--detail {\n &.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n.svc-creator--disable-animations {\n .spg-table__row--enter,\n .spg-table__row--leave {\n animation: none;\n }\n}",".spg-question-group {\n .spg-row {\n margin-top: 0;\n &:not(:first-of-type) {\n margin-top: calcSize(1);\n }\n }\n}\n",".spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\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 $border-inside;\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 .spg-panel__content .spg-row.spg-row {\n animation: none;\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-panel-by-page,\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: var(--ctr-editor-border-color, $border);\n }\n }\n\n .spg-panel-by-page__content>.spg-row:first-of-type,\n .spg-nested-panel__content>.spg-row:first-of-type {\n margin-top: 0;\n }\n\n .spg-panel-by-page.spg-panel--hidden-border,\n .spg-row:last-of-type>div>.spg-panel-by-page,\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-panel-by-page.spg-panel--padding {\n padding-top: calcSize(2);\n padding-bottom: calcSize(3);\n}\n\n .spg-theme-group-caption {\n @include defaultBold;\n color: var(--ctr-property-grid-group-caption-text-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\n .sd-question--title-top .spg-paneldynamic {\n margin-top: calcSize(-1);\n }\n\n .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean) {\n margin-top: calcSize(-1);\n }\n\n .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n margin-top: 0;\n }\n\n .spg-question__content-coloralpha {\n margin-top: calcSize(-1);\n }\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}\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\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\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\n .svc-action-button {\n background-color: $secondary-light;\n }\n\n .sv-button-group {\n box-shadow: 0 0 0 1px $secondary;\n border-color: $secondary;\n }\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 var(--ctr-property-grid-search-border-color, $border);\n background: var(--ctr-property-grid-search-background-color, $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: var(--ctr-property-grid-search-text-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: var(--ctr-property-grid-search-text-color-placeholder, $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\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_bar-item:not(.sv-action-bar-item--pressed) {\n\n &:hover:enabled,\n &:focus:enabled {\n background: var(--ctr-search-button-background-color-clear-hovered, $background-dim);\n\n .sv-action-bar-item__icon use {\n fill: var(--ctr-search-button-icon-color-clear-hovered, $foreground-light)\n }\n }\n}\n\n.spg-search-editor_toolbar .sv-action-bar-item__icon use {\n fill: var(--ctr-property-grid-search-button-icon-color, $foreground-light)\n}\n\n.spg-search-editor_toolbar-counter {\n color: var(--ctr-property-grid-search-count-text-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: var(--ctr-property-grid-search-icon-color, $foreground-light);\n }\n }\n}",".spg-root-modern {\n .sv-button-group {\n border: 1px solid var(--ctr-button-group-item-border-color, $border);\n transition: box-shadow $creator-transition-duration, border-color $creator-transition-duration, border $creator-transition-duration;\n }\n\n .sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--ctr-button-group-border-color-focused, $primary);\n border-color: var(--ctr-button-group-border-color-focused, $primary);\n }\n\n .sv-button-group__item {\n background: var(--ctr-button-group-item-background-color, $background);\n transition: background $creator-transition-duration, background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:not(:last-of-type) {\n border-right: 1px solid var(--ctr-button-group-item-border-color, $border);\n }\n }\n\n .sv-button-group__item--hover:hover {\n background-color: var(--ctr-button-group-item-background-color-hovered, $background-dim);\n }\n\n .sv-button-group__item-icon {\n use {\n fill: var(--ctr-button-group-item-icon-color, $foreground-light);\n }\n }\n\n .sv-button-group__item--selected {\n color: var(--ctr-button-group-item-text-color-selected, $primary);\n\n .sv-button-group__item-icon use {\n fill: var(--ctr-button-group-item-icon-color-selected, $primary);\n }\n\n &:hover {\n background-color: var(--ctr-button-group-item-background-color-hovered, $background);\n }\n }\n\n .sv-button-group__item--disabled {\n color: var(--ctr-button-group-item-text-color-disabled, $foreground);\n\n .sv-button-group__item-icon use {\n fill: var(--ctr-button-group-item-text-color-disabled, $foreground);\n }\n\n &:hover {\n background-color: var(--ctr-button-group-item-background-color-disabled, $background);\n }\n }\n\n .sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--ctr-button-group-border-color-focused, $primary);\n border-color: var(--ctr-button-group-border-color-focused, $primary);\n }\n}\n\n.spg-root-modern.spg-root--one-category {\n background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n border-right: unset;\n\n .spg-page.spg-body__page {\n box-shadow: unset;\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","@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: var(--ctr-surface-background-color, $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\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\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calcSize(4);\n}\n\n.svc-creator--mobile {\n .sv-action-bar-separator {\n height: calcSize(3);\n }\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(--ctr-menu-item-background-color, $background);\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, $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\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 .sv-action-bar-separator {\n background-color: var(--ctr-separator-color, $border);\n }\n\n .sv-action-bar-item {\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 2px);\n background-color: transparent;\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n transition: background-color $creator-transition-duration;\n }\n\n\n .sv-action-bar-item__icon {\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n\n //hovered state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n background-color: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n\n //pressed state\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n }\n\n //disabled state\n .sv-action-bar-item:disabled {\n opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);\n }\n\n .sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: $secondary;\n }\n }\n\n .sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-text-color-selected, $primary);\n }\n }\n\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 50%);\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}",".spg-boolean-switch,\n.spg-boolean-switch * {\n box-sizing: border-box;\n}\n\n.spg-boolean-switch {\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap-label, 8px);\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__button {\n background: var(--ctr-toggle-button-background-color, #ffffff);\n outline: none;\n border-radius: var(--ctr-toggle-button-corner-radius, 1024px);\n border-style: solid;\n border-color: var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));\n border-width: 1px;\n margin: 1px;\n padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px) var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap, 4px);\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &:focus,\n &:focus-visible {\n border-color: var(--ctr-toggle-button-border-color-focused, #19b394);\n border-width: 2px;\n margin: 0;\n }\n}\n\n.spg-boolean-switch__button--checked {\n background: var(--ctr-toggle-button-background-color-checked, #19b394);\n\n .spg-boolean-switch__thumb--left {\n background: none;\n }\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked, #ffffff);\n }\n\n &:focus {\n background: var(--ctr-toggle-button-background-color-checked-focused,\n #ffffff);\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked-focused,\n #19b394);\n }\n }\n}\n\n.spg-boolean-switch__thumb {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__thumb-circle {\n border-radius: var(--ctr-toggle-button-thumb-corner-radius, 1024px);\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--ctr-toggle-button-thumb-width, 16px);\n height: var(--ctr-toggle-button-thumb-height, 16px);\n position: relative;\n overflow: hidden;\n}\n\n.spg-boolean-switch__thumb--left {\n background: var(--ctr-toggle-button-thumb-background-color-active,\n rgba(0, 0, 0, 0.45));\n}\n\n.spg-boolean-switch__thumb--right {}\n\n.spg-boolean-switch__caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__title {\n color: var(--ctr-toggle-button-label-text-color, rgba(0, 0, 0, 0.91));\n text-align: left;\n font-family: var(--ctr-default-font-family, \"OpenSans-Regular\", sans-serif);\n font-size: var(--ctr-default-font-size, 16px);\n line-height: var(--ctr-default-line-height, 24px);\n font-weight: var(--ctr-default-font-weight, 400);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}"],"names":[],"sourceRoot":""}