survey-creator-core 1.12.6 → 1.12.7

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

@@ -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;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;EAC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UF;AACF;AA5UE;;EACE;EACA;EACA;AA+UJ;AA5UE;;EACE;EACA;EACA;EACA;AA+UJ;AA5UE;;EACE;AA+UJ;AA5UE;;EACE;EACA;AA+UJ;AA3UI;;EACE;AA8UN;;AAtUI;;EACE;AA0UN;AArUM;;EACE;AAwUR;AAtUQ;;;;EAEE;AA0UV;;AAnUA;EACE;EbuDA;EACA;EACA;EACA;AagRF;;AArUA;EACE;EACA;EACA;AAwUF;;AArUA;EACE;EACA;AAwUF;;AArUA;EACE;EACA;EACA;EACA;EACA;EACA,uCbee;AayTjB;;AArUA;EACE;AAwUF;;AArUA;EACE;EACA;EACA;EACA;AAwUF;;AArUA;EACE;EACA;AAwUF;;AApUE;EACE;EACA;EACA,iEbpGS;EaqGT;AAuUJ;;AAnUA;EACE;EACA;EACA;EACA;AAsUF;;AAnUA;EACE;EACA;EACA;EACA;EACA,uEbrHW;EasHX;EACA;EACA,8EbpGc;EaqGd,gEACE;AAqUJ;;AAjUA;EACE;Eb3DA;EACA,uDA9BY;EA+BZ;EACA;EACA,wFAhCU;EAiCV;EawDA;EACA;EACA;AAyUF;AAvUE;EACE;AAyUJ;;AApUE;EACE;AAuUJ;;AAnUA;EACE;EACA;EACA;EACA,qEb/JU;EagKV;AAsUF;;AAnUA;EACE;EACA;AAsUF;;AAnUA;EACE;EACA;AAsUF;;AAnUA;EACE;AAsUF;;;;AIvfE;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,uDjBbY;EiBcZ;EACA,2EjB5CiB;EiB6CjB;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,uEjBtFS;EiBuFT;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;;AAqBI;EACE;AAlBN;;AAwBE;EACE;AArBJ;AAwBE;EACE;AAtBJ;;AA2BE;EACE;AAxBJ;;AA6BE;EACE;AA1BJ;;AAoCQ;EACE;AAjCV;;AA0CI;EACE;EACA;EACA;AAvCN;AA4CI;EACE;AA1CN;;AAiDI;EACE;EACA;AA9CN;;AAuDI;EACE;AApDN;;AA6DA;EACE;AA1DF;;;;ACvKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8ElB2Ba;EkB1Bb;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,mGrBnDY;EqBoDZ;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;E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;AAkBE;EACE;AAfJ;;;;AC3EA;EACE,uDjCqDY;EiCpDZ;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;EACA,2EjCae;EiCZf;EACA,uEjCCS;AiCFb;AAGI;EACE;AADN;AAII;EACE;EACA;AAFN;AAME;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEjClBS;AiCcb;AAOE;EACE,uEjCtBS;EiCuBT;EACA,8EjCNW;AiCCf;AAOI;EACE;EACA;AALN;AAOM;EACE;EACA;AALR;AAOQ;EACE;AALV;AAOU;EACE,0EjC5BO;AiCuBnB;AASQ;EACE;EACA;AAPV;AAWM;EACE;EACA,kFjCjDS;EiCkDT;EACA;EACA;EACA,2EjC5CW;AiCmCnB;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,2EjC9ES;AiC+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,2ElCViB;EkCWjB;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,kDnCiCI;EmChCJ;EACA;AACF;;AACA;;EAEE,wFnC4BU;AmC1BZ;;;;AChBA;EACE;EACA;AADF;;;;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ErCiBiB;EqChBjB;EACA;EACA,iErCIW;EqCHX;EACA,uDrCyCY;EqCxCZ;AADF;;AAIA;;EAEE,uErCJW;EqCKX,+DrCIW;EqCHX;EACA;AADF;;AAIA;EACE,kFrCVe;EqCWf,2ErCFiB;EqCGjB;AADF;;AAIA;;EAEE,+DrCTW;EqCUX;EACA,uErCpBW;AqCmBb;;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;AADF;AAGE;EAEE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;AAHF;AAKE;EAEE;EACA;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;;AASA;EACE;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;AANF;;AAQA;EACE;EACA;EACA;AALF;;AAQA;EACE;AALF;;AASE;EACE;AANJ;AAQE;EACE;AANJ;;;;AC7DA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;;;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAGE;;EAEE;EACA;EACA;AADJ;;AAKE;EACE;AAFJ;AAIE;;EAEE;AAFJ;;AAME;EACE;AAHJ;;AAOE;EACE;AAJJ;;AASA;EACE;EACA;AANF;AAQE;EACE;AANJ;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;EACA;EACA;EACA;AARJ;AAWE;EACE;AATJ;AAYE;EACE;AAVJ;;AAsBI;;;;;;;;;;;;EA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;AAuCE;EACE;EACA;AApCJ;;AAwCA;EACE;EACA;AArCF;;AAwCA;EACE;EACA;EACA;EACA;EzC/OA;EACA,uDAvCY;EAwCZ;EACA,wFAxCU;EAyCV;EyC6OA;AAjCF;;;;ACvSA;EACE;EACA;EACA;EACA,uD1C6CY;E0C5CZ;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;AAUA;EACE;AAPF;;AAUA;EACE;EACA;EAEA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E1ChDe;E0CiDf;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;AARF;AAUE;EACE;EACA;AARJ;AAWE;EACE;AATJ;AAaI;EACE;AAXN;AAcI;EACE;AAZN;AAgBE;EACE;AAdJ;AAiBE;EACE;AAfJ;AAkBE;EACE;AAhBJ;;AAoBA;EACE;EACA;EACA;AAjBF;;AAmBA;EACE;AAhBF;;AAmBA;EACE;AAhBF;;AAsBE;EACE,sF1C3Ge;E0C4Gf;EACA;EACA;EACA;EACA;EACA;EACA;AAnBJ;AAqBE;EACE;EACA;EACA;EACA;EACA;EACA;AAnBJ;AAqBE;EACE;EACA,qRAvBS;AAIb;AAqBE;EACE;EACA;AAnBJ;AAqBE;EACE;AAnBJ;;AAwBE;EACE;EACA;EACA;EACA;EACA;AArBJ;AAuBE;EACE;EACA;AArBJ;AAwBE;EACE;EACA;EACA;AAtBJ;;AAyBA;EACE;IACE;EAtBF;EAwBA;IACE;EAtBF;AACF;AAwBA;EACE;IACE;IACA;EAtBF;EAwBA;IACE;IACA;EAtBF;AACF;AAyBA;;EAGE;EACA;EACA;AAxBF;AAyBE;;EACE;AAtBJ;;AAyBA;EACE;EACA;EACA;AAtBF;;AAwBA;EACE;EACA;EACA;AArBF;;AAyBE;;;;EAGE;EACA;EACA;EACA;AArBJ;AAuBE;;EACE;AApBJ;;AA0BE;;EACE;EACA;EACA;EACA;EACA;AAtBJ;;AA2BI;;;EAEE;EACA;AAvBN;AAyBI;EACE;AAvBN;AAyBI;EACE;EACA;EACA;EACA;EACA;AAvBN;;AA6BE;;EAEE;AA1BJ;;AAgCA;EACE;AA7BF;AA+BE;EACE;AA7BJ;AAgCE;EACE;EACA;AA9BJ;;AAkCA;EACE;AA/BF;AAiCE;EACE;AA/BJ;AAkCE;EACE;AAhCJ;AAmCE;EACE;EACA;EACA;AAjCJ;;AAyCE;;;;;;;;EAEE;AAhCJ;;AAoCE;EACE;EACA;AAjCJ;AAmCE;EACE,uRAhMS;AA+Jb;;AAsCA;EACE;AAnCF;;AAuCE;EACE;AApCJ;;;;ACvSA;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,uD5C6BY;E4C5BZ;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,uD9CuCY;E8CtCZ;EACA;EACA;ADkFF;;AC3EA;EACE;EACA,4D9C7BQ;E8C8BR;AD8EF;;AC3EA;;EAEE;AD8EF;;AC3EA;EACE;AD8EF;;AC3EA;EACE;EACA;EACA;EACA;EACA;EACA,uD9CQY;E8CPZ;EACA;EACA,2E9CxBiB;E8CyBjB;EACA;EACA;AD8EF;;AC3EA;EACE;EACA;EACA,kE9C/BqB;E8CgCrB;EACA;AD8EF;;AC3EA;EACE;AD8EF;;AC1EE;EACE;AD6EJ;;ACzEA;EACE;EACA,iE9C5DW;E8C6DX;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,uD/CwCY;E+CvCZ;AFiPF;;AE9OA;EACE;AFiPF;;AE9OA;;;;EAIE;AFiPF;;AE9OA;;EAEE;EACA;AFiPF;;AE9OA;;EAEE,+D/CbW;E+CcX;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,uD/ChEY;E+CiEZ;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,4ElDiBe;A6C+XjB;;AK9YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uDlDwCY;EkDvCZ;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,sDlDqGS;EkDpGT;EACA;AL4YF;;AK1YA;EACE;AL6YF;;AKzYA;EACE;EACA,sDlD2FiB;EkD1FjB;EACA;EACA;EACA;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDlD6ES;EkD5ET;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDlDoEiB;EkDnEjB;EACA;AL4YF;;AKvYE;;;;EAIE;AL0YJ;;AM7gBA;EACE;EACA;ANghBF;;AM7gBA;EACE;ANghBF;AM9gBE;EACE;ANghBJ;AM7gBE;EACE;AN+gBJ;;AM3gBA;EACE,uDnDsCY;EmDrCZ;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,uEpDaS;A6CumBb;AOjnBE;EACE;EACA;EACA;APmnBJ;;AO/mBA;EACE;EACA;EACA;EACA;EACA;APknBF;AOhnBE;EACE;APknBJ;;AO9mBA;;EAEE;APinBF;;AO9mBA;;EAEE;EACA;EACA;EACA,2EpD9BU;EoD+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,uDpDrBY;EoDsBZ;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,2DvDvBS;A6Cs5Bb;;AU13BE;EACE;AV63BJ;;AUx3BE;EACE;AV23BJ;;AUv3BA;EACE;AV03BF;;AWn7BA;EACE;AXs7BF;;AYv7BA;EACE;AZ07BF;;AYt7BE;EACE;EACA,4DzDPM;EyDQN;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;E1D5BA;EACA,uDA9BY;EA+BZ;EACA;EACA,wFAhCU;EAiCV;E0DyBE;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,wG5Dbc;A6CumClB;AevlCE;EACE;EACA,uE5DnBQ;A6C4mCZ;AetlCE;EACE;EACA;AfwlCJ;;AeplCA;EACE;EACA;AfulCF;;AeplCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AfulCF;;AeplCA;E5DwEE;EACA;EACA;E4DxEA;EAEA,uD5DGY;E4DFZ;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,uD5DrEY;E4DsEZ;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;A7C7nCE;;EAEE;A6C+nCJ;A7C7nCE;;EAEE;A6C+nCJ;A7C7nCE;;EAEE;A6C+nCJ;A7C7nCE;;EAEE;A6C+nCJ;A7C7nCE;EACE;A6C+nCJ;A7C7nCE;EACE;A6C+nCJ;A7C7nCE;;EAEE;A6C+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,iE7CvGiB;A6C+2CvB;;;;AiB14CA;EACE,uD9DqDY;E8DpDZ;EACA;EACA,+D9DoBW;A8DrBb;;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,+D/D/GM;A+D0FZ;AA0BI;EACE;AAxBN;AA4BE;EACE;EACA;AA1BJ;AA6BE;EACE;EACA;AA3BJ;;AAgCE;EACE;AA7BJ;AA+BI;EACE;EACA;EACA;EAEA;EACA,iE/DnIO;E+DoIP;EACA;AA9BN;;;;ACtHA;;EAEE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EAEE;AAHJ;;AAOA;EACE;AAJF;AAME;EACE;AAJJ;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AASI;EACE;AAPN;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;AAVF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF","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/button.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 .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 \"./button.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\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.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:\n    max-width 0.1s ease-in-out,\n    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}\n",".svc-creator-popup {\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    border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));\n    box-shadow:\n      var(--ctr-popup-shadow-1-offset-x, 0px) var(--ctr-popup-shadow-1-offset-y, 2px)\n        var(--ctr-popup-shadow-1-blur, 8px) var(--ctr-popup-shadow-1-spread, 0px)\n        var(--ctr-popup-shadow-1-color, rgba(0, 76, 68, 0.1)),\n      var(--ctr-popup-shadow-2-offset-x, 0px) var(--ctr-popup-shadow-2-offset-y, 16px)\n        var(--ctr-popup-shadow-2-blur, 32px) var(--ctr-popup-shadow-2-spread, 0px)\n        var(--ctr-popup-shadow-2-color, rgba(0, 76, 68, 0.1)),\n      var(--ctr-popup-shadow-3-offset-x, 0px) var(--ctr-popup-shadow-3-offset-y, 32px)\n        var(--ctr-popup-shadow-3-blur, 64px) var(--ctr-popup-shadow-3-spread, 0px)\n        var(--ctr-popup-shadow-3-color, rgba(0, 76, 68, 0.1));\n\n    .sv-footer-action-bar {\n      gap: var(--ctr-popup-buttons-gap, calcSize(1.5));\n    }\n\n    & > .sv-popup__body-content {\n      background-color: var(--ctr-popup-background-color, $background-dim-light);\n\n      padding: var(--ctr-popup-padding-top, calcSize(4)) var(--ctr-popup-padding-right, calcSize(4))\n        var(--ctr-popup-padding-bottom, calcSize(4)) var(--ctr-popup-padding-left, calcSize(4));\n\n      gap: var(--ctr-popup-gap, 32px);\n      box-shadow: unset;\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-creator-popup.sv-popup--modal {\n  .sd-btn.sv-popup__button {\n    border-radius: var(--ctr-button-corner-radius-small, $corner-radius);\n    padding: var(--ctr-button-padding-vertical-small, calcSize(2))\n      var(--ctr-button-padding-horizontal-small, calcSize(6)) var(--ctr-button-padding-vertical-small, calcSize(2))\n      var(--ctr-button-padding-horizontal-small, calcSize(6));\n    display: flex;\n    flex-direction: row;\n    gap: var(--ctr-button-gap, calcSize(4));\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    position: relative;\n    box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px)\n      var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px)\n      var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15));\n\n    span {\n      text-align: center;\n      font-family: var(--ctr-default-bold-font-family, $font-family);\n      font-size: var(--ctr-default-bold-font-size, $font-size);\n      line-height: var(--ctr-default-bold-line-height, calc(1.5 * var(--default-font-size)));\n      font-weight: var(--ctr-default-bold-font-weight, 600);\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .sv-popup__button--cancel {\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  .sv-popup__button--apply {\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","@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-creator--disable-animations {\n  .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n    .svc-string-editor__border--hover {\n      transition-delay: 0ms;\n    }\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  &>.svc-question__drag-area {\n    padding-top: calcSize(1.25);\n  }\n}\n\n.svc-page__content--dragged {\n  opacity: 0.25;\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-question__drag-area {\n    z-index: 1;\n\n    .svc-question__drag-element {\n      opacity: var(--ctr-survey-page-drag-indicator-opacity, 0.5);\n    }\n  }\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  &>.sv-action-bar {\n    display: none;\n  }\n\n  .svc-page__placeholder_frame {\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\n    .svc-question__content--collapsed {\n\n      &>.svc-question__dropdown-choices--wrapper,\n      &>.svc-panel__placeholder_frame-wrapper,\n      &>.svc-question__content-actions,\n      &>.svc-panel__add-new-question-container,\n      &>.sd-file,\n      &>sv-ng-file-question {\n        display: none;\n      }\n      .svc-question__drop-indicator {\n        display: block;\n      }\n      .svc-question__drag-area {\n        display: flex;\n      }\n      .svc-content-wrapper {\n        display: flex;\n      }\n      .sd-element {\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\n      .sd-question__header--location--left {\n        display: none;\n      }\n    }\n  }\n\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  height: calcSize(6);\n\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  .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: var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px) ;\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\n.svc-tabbed-menu-item--icon {\n  padding-right: var(--ctr-menu-item-padding-right-icon, 16px);\n  padding-left: var(--ctr-menu-item-padding-left-icon, 16px);\n  display: flex;\n  align-items: center;\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__text.svc-tabbed-menu-item__text {\n  white-space: nowrap;\n  display: block;\n  color: var(--ctr-menu-item-text-color, $foreground);\n  font-size: var(--ctr-font-default-size, 16px);\n  line-height: var(--ctr-font-default-line-height, 24px);\n}\n.svc-tabbed-menu-item__icon {\n  width: var(--ctr-menu-item-icon-width, 24px);\n  height: var(--ctr-menu-item-icon-height, 24px);\n  fill: var(--ctr-menu-item-icon-color, $foreground-light);\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n  width: auto;\n}\n.svc-tabbed-menu-item-container \n{\n  .sv-list__item-icon {\n    display: none;\n  }\n  .sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {\n    padding-block: calcSize(1);\n  }\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  border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\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.svc-toolbox__tool {\n  .sv-action__content {\n    position: relative;\n  }\n  sv-svg-icon,\n  .sv-svg-icon {\n    pointer-events: none;\n  }\n}\n.svc-toolbox__tool--has-subitems{\n  .svc-toolbox__item {\n    padding-right: calcSize(6);\n  }\n}\n.svc-toolbox--compact {\n  .svc-toolbox__item {\n    padding-right: calcSize(1.5);\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  .svc-toolbox__tool--has-subitems{\n    .svc-toolbox__item {\n      padding-left: calcSize(6);\n      padding-right: calcSize(1.5);\n    }\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  .svc-toolbox__item-submenu-button {\n    background: var(--ctr-toolbox-item-submenu-button-background-color, $background-dim);\n    &:hover {\n      background: var(--ctr-toolbox-item-submenu-button-background-color-hovered, $background);\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__tool:hover>.sv-action__content>.svc-toolbox__item:not(.sv-dots),\n  .svc-toolbox__item:not(.sv-dots):hover {\n    overflow: hidden;\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.svc-toolbox__item-submenu-button {\n  position: absolute;\n  right: calcSize(1.5);\n  top: calcSize(1.5);\n  display: inline-flex;\n  padding: var(--ctr-toolbox-item-submenu-button-padding-top, 4px) var(--ctr-toolbox-item-submenu-button-padding-right, 4px) var(--ctr-toolbox-item-submenu-button-padding-bottom, 4px) var(--ctr-toolbox-item-submenu-button-padding-left, 4px);\n  width: calcSize(3);\n  height: calcSize(3);\n  box-sizing: border-box;\n  align-items: center;\n  border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, 1024px);\n  z-index: 20;\n  svg {\n    fill: var(--ctr-toolbox-item-submenu-button-icon-color, $layer-1-foreground-50)\n  }\n}\n\n.svc-toolbox--compact .svc-toolbox__item-submenu-button {\n  display: none;\n}\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .svc-toolbox-popup {\n    direction: rtl;\n  }\n  .svc-toolbox__item-submenu-button {\n    right: initial;\n    left: calcSize(1.5);\n    .sv-svg-icon {\n      transform: rotate(180deg);\n    }\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__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    align-self: flex-start;\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  .svc-toolbox__search-container {\n    direction: rtl;\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.svc-creator__toolbox--right {\n  .svc-toolbox__search-container {\n    direction: initial;\n  }\n  .svc-toolbox-popup {\n    direction: initial;\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\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: transparent;\n}\n.svc-side-bar__container {\n  background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n$tabs-width: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));\n\n.svc-side-bar--flyout {\n  .svc-side-bar__shadow {\n    background-color: $foreground-light;\n    opacity: 0.75;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n    z-index: 900;\n  }\n  .svc-side-bar__container-wrapper {\n    border-left: none;\n    z-index: 1000;\n    position: absolute;\n    inset-inline-end: 0;\n    height: 100%;\n    max-width: 100%;\n  }\n  &.svc-side-bar--side-area .svc-side-bar__container-wrapper {\n    max-width: calc(100% - #{$tabs-width});\n    inset-inline-end: $tabs-width;\n  }\n  .svc-side-bar__container { \n    display: flex;\n    max-width: 100%;\n  }\n  .svc-sidebar-tabs {\n    z-index: 1000;\n  }\n}\n\n.svc-side-bar--mobile {\n  .svc-side-bar__wrapper {\n    position: absolute;\n    width: 100%;\n    position: absolute;\n    inset-inline-end: 0;\n    z-index: 1000;\n  }\n  .svc-side-bar__container-wrapper {\n    position: static;\n    flex-grow: 1;\n  }\n\n  .svc-side-bar__container {\n    width: 100%;\n    min-width: 100%;\n    box-sizing: border-box;\n  }\n}\n@keyframes flyoutSideBarShadowFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 0.75;\n  }\n}\n@keyframes sideBarMoveIn {\n  from {\n    width: 0;\n    overflow: hidden;\n  }\n  to {\n    width: var(--animation-width);\n    overflow: hidden;\n  }\n}\n\n.svc-side-bar--enter,\n.svc-side-bar--leave\n {\n  animation-fill-mode: forwards;\n  animation-name: empty;\n  animation-duration: var(--animation-duration);\n  .svc-side-bar__container {\n    max-width: var(--animation-width);\n  }\n}\n.svc-side-bar--enter {\n  --animation-duration: #{$side-bar-enter-duration};\n  --animation-direction: normal;\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-side-bar--enter,\n.svc-side-bar--leave {\n  .svc-side-bar__container,\n  .svc-side-bar__container-wrapper\n  {\n    animation-fill-mode: forwards;\n    animation-duration: var(--animation-duration);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n  }\n  .svc-side-bar__container-wrapper {\n    animation-name: sideBarMoveIn;\n  }\n}\n\n.svc-side-bar--flyout.svc-side-bar--enter,\n.svc-side-bar--flyout.svc-side-bar--leave {\n  .svc-side-bar__shadow {\n    animation-name: flyoutSideBarShadowFadeIn;\n    animation-fill-mode: forwards;\n    animation-duration: var(--animation-duration);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n  }\n}\n.svc-side-bar--mobile {\n  &.svc-side-bar--leave, &.svc-side-bar--enter {\n    .svc-side-bar__container,\n    .svc-side-bar__container-wrapper {\n      animation: none;\n      min-width: var(--animation-width);\n    }\n    .svc-side-bar__container-wrapper {\n      min-width: var(--animation-width);\n    }\n    .svc-side-bar__wrapper {\n      animation-name: sideBarMoveIn;\n      animation-fill-mode: forwards;\n      animation-duration: var(--animation-duration);\n      animation-direction: var(--animation-direction);\n      animation-timing-function: var(--animation-timing-function);\n    }\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\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    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.svc-full-container.svc-creator__side-bar--left {\n  .svc-side-bar__container-wrapper, .svc-side-bar__wrapper {\n    inset-inline-start: 0;\n    inset-inline-end: unset;\n  }\n  .svc-side-bar--side-area .svc-side-bar__container-wrapper {\n    inset-inline-start: $tabs-width;\n  }\n}\n\n\n.svd-grid-hide {\n  margin-inline-end: auto;\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.svc-side-bar--mobile {\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.svc-side-bar--mobile .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}","@import \"../variables.scss\";\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  box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));\n  padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px)\n    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    box-shadow: 0px 0px 0px 2px var(--ctr-toggle-button-border-color-focused, #19b394);\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, #{$foreground-dim});\n  text-align: left;\n  font-family: var(--ctr-default-font-family, #{$font-family});\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":""}
+{"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,+EFpBY;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;EACA;EAEA,+EAxBY;EAyBZ;EACA;EACA;EACA;EIRE;EACA;EACA;AADJ;AAIE;EACE;AAFJ;AAII;EJ8CF;EACA;EACA;EI7CI,+DJ7DO;EI8DP;AADN;;AAMA;EACE;EAEA;EACA;EACA;AAJF;;AAOA;EACE,+EJ9CY;EI+CZ;EACA;EACA;EACA,+DJhFW;EIiFX;EACA;EACA;EACA;EACA;AAJF;;;;ACxGA;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;;;;;ELuCE;EACA;EAEA,+EAlEY;EAmEZ;EACA;EACA;EACA;EKvCA;EAEA;EACA;EACA;EACA,4DLhEe;EKiEf;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE,+DL3EW;EK4EX;EACA;EACA,+ELhDY;EKiDZ;EACA;EACA;AARF;;AAWE;EACE;EACA;AARJ;;AAYA;EACE;EACA;AATF;AAWE;EACE;AATJ;;AAaA;EACE;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;AAVF;AAaI;EACE;EACA;EACA;AAXN;AAcI;EACE;EACA;EACA;AAZN;AAeI;EACE;AAbN;AAmBI;;EACE;AAhBN;AAkBM;;EACE;AAfR;AAsBI;;EACE;AAnBN;;AAwBA;EACE;AArBF;AAuBE;EACE;AArBJ;AAwBE;EACE;AAtBJ;AAyBE;EACE;EACA;EACA;EACA;EACA;EAEA,+ELzIU;EK0IV;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;AA3BJ;AA8BE;EACE;EACA;AA5BJ;AA+BE;EACE;EACA;EACA;EACA;EACA;EACA;AA7BJ;;AAiCA;EACE;AA9BF;;AAiCA;EACE;EACA;EACA;AA9BF;;AAiCA;EACE;EACA;EACA;AA9BF;;AAkCE;EACE;AA/BJ;;AAmCA;EACE;AAhCF;;AAoCE;EACE;EACA;EACA;AAjCJ;;AAqCA;EACE;EACA;EACA;EACA;EACA;AAlCF;AAoCE;EACE;AAlCJ;;AAsCA;EACE;AAnCF;;AAqCA;EACE;AAlCF;;AAoCA;EACE;EACA;EACA;EACA;EACA;AAjCF;;AAoCA;EACE;AAjCF;;AAoCA;EACE;AAjCF;;AAqCE;EACE;AAlCJ;;AAsCA;EACE;AAnCF;;AL/FE;;EAEE;AKkGJ;ALhGE;;EAEE;AKkGJ;ALhGE;;EAEE;AKkGJ;ALhGE;;EAEE;AKkGJ;ALhGE;EACE;AKkGJ;ALhGE;EACE;AKkGJ;ALhGE;;EAEE;AKkGJ;;AAsBE;EAEE;EACA;EACA;AApBJ;AAsBE;EACE;EACA,sDL3HO;EK4HP;EACA;AApBJ;AAuBE;EACE;EACA,sDLjIe;EKkIf;EACA;AArBJ;;AAuCA;;EAEE;EACA;EACA;EACA;AApCF;AAqCE;;EACE;EACA;EACA;EACA;EACA;EACA;AAlCJ;AAmCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAhCN;;AAoCA;EACE;EACA;EACA;EACA;EACA;EACA;AAjCF;;AAmCA;EACE;EACA;EACA;EACA;EACA;EACA;AAhCF;;AAmCE;EACE;EACA;EACA;EACA;EACA;EACA;AAhCJ;AAkCE;EACE;EACA;EACA;EACA;EACA;EACA;AAhCJ;;AA4CA;EACE;EACA;EACA;EACA;EACA,sDL9NS;EK+NT;EACA;AAzCF;;AA2CA;EACE;EACA;EACA;AAxCF;;AA4CA;EACE;EACA,sDL1OiB;EK2OjB;EACA;EACA;EACA;EACA;AAzCF;;AAmDA;EACE;EACA;EACA;EACA;EACA;EACA,sDLhQS;EKiQT;EACA;AAhDF;;AAmDA;EACE;EACA,sDLtQiB;EKuQjB;EACA;EACA;EACA;EACA;AAhDF;;AAqDE;;;;;;;;EASE;AAnDJ;;;;ACzaA;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;ENoFE;EACA,+EAxFY;EAyFZ;EACA;EACA;EACA,+DA1HW;EA2HX;EACA;EACA;EACA;EACA;EACA;AM/FF;;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;EACA;EAEA,+EAxBY;EAyBZ;EACA;EACA;EACA;EMuBA;AAIF;;AADA;EACE;AAIF;;AADA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAIF;;AAAE;EACE;EACA;AAGJ;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;ENpDE;EACA;EAEA,+EAnCY;EAoCZ;EACA;EACA;EACA;EM+CA;EACA;EACA;AAQF;AANE;EACE;EACA;AAQJ;;AAHE;EACE;AAMJ;;AAFA;EACE;EACA;EACA;EACA;AAKF;;AAFA;ENlEE;EACA;EAEA,+EA9CY;EA+CZ;EACA;EACA;EM8DA;EACA;EACA;EACA;EACA;EACA;E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AAOI;EACE;AALN;AAQI;EACE;AANN;AAQM;EACE;AANR;AAWM;EACE;AATR;AAYM;EACE;AAVR;AAcI;EACE;AAZN;AAeI;EACE;AAbN;AAiBE;EVRA;EACA;EACA;EAEA,+EAxBY;EAyBZ;EACA;EACA;EACA;EUEE;EACA;AARJ;AAWE;EACE;AATJ;AAWI;EVqCF;EACA;EACA;EUpCI,+DVtEO;EUuEP;AARN;;;;ACvFA;EACE;EACA;EACA;AADF;;AAIA;EACE,2EXkBiB;EWhBjB,+EX6CY;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;EACA;EAEA,+EAxBY;EAyBZ;EACA;EACA;EACA;AazDF;;ADDA;EACE;EACA;EACA;ACIF;;ADAE;EACE;EACA;EACA;EACA;EACA;EACA;ACGJ;;ACzCE;EACE;AD4CJ;ACzCE;EACE;EACA;EACA,ioBACE;AD0CN;AChCI;EACE;ADkCN;AC/BI;EACE;EAEA;EAGA;EACA;AD8BN;ACzBI;EACE;AD2BN;ACxBI;EACE;AD0BN;ACvBI;EACE;EACA;EACA;ADyBN;ACpBI;EACE;EACA;ADsBN;AClBE;EACE;ADoBJ;AChBI;EACE;ADkBN;ACbI;EACE;ADeN;ACXE;EACE;EACA;ADaJ;ACXI;EACE;EACA;ADaN;ACXM;EACE;ADaR;ACTI;EACE;ADWN;ACPE;EACE;EACA;ADSJ;ACNE;EACE;ADQJ;ACLE;EACE;EACA;ADOJ;ACLI;EACE;ADON;ACDI;;EACE;EACA;ADIN;ACDI;;EACE;ADIN;ACAM;;EACE;EACA;EACA;ADGR;ACAM;;EACE;ADGR;ACII;EACE;ADFN;ACKI;EACE;EACA;ADHN;ACMI;EACE;ADJN;ACOI;EACE;EACA;ADLN;ACUQ;EACE;ADRV;ACaI;EACE;ADXN;ACiBM;;;EACE;ADbR;ACiBQ;;;EACE;EACA;ADbV;ACiBM;;;EACE;ADbR;ACiBQ;;;EACE;EACA;EACA;ADbV;ACgBQ;;;EACE;ADZV;ACiBI;EACE;ADfN;ACoBI;EACE;ADlBN;ACsBE;EACE;ADpBJ;;AEzLE;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF0LJ;AEtLI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFwLN;AEpLE;EACE;EACA;AFsLJ;AEpLI;EACE;AFsLN;AElLE;EACE;EACA;AFoLJ;AElLI;EACE;AFoLN;;AGhOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHmOF;;AG/NE;EACE;AHkOJ;AG/NE;EACE;AHiOJ;;AG7NA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHgOF;;AG7NA;EACE;AHgOF;;AG7NA;EACE;AHgOF;;AG7NA;EACE;AHgOF;;AG7NA;EACE;AHgOF;;AG7NA;EACE;AHgOF;;AG7NA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHgOF;;AG7NA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHgOF;;AG7NA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;AH+NF;;AG5NA;EACE;AH+NF;;AG5NA;EACE;AH+NF;;AG1NE;;EACE;AH8NJ;;AGzNE;EACE;AH4NJ;AGzNE;EACE;AH2NJ;AGtNI;;EACE;AHyNN;;AA5UA;;EAEE;EACA;EACA;EACA;EACA;EAEA;AA8UF;AA5UE;EAVF;;IAWI;IACA;EAgVF;AACF;AA9UE;;EACE;EACA;EACA;AAiVJ;AA9UE;;EACE;EACA;EACA;EACA;AAiVJ;AA9UE;;EACE;AAiVJ;AA9UE;;EACE;EACA;AAiVJ;AA7UI;;EACE;AAgVN;;AAxUI;;EACE;AA4UN;AAvUM;;EACE;AA0UR;AAxUQ;;;;EAEE;AA4UV;;AArUA;EACE;EbgEA;EACA;EACA;EACA;AayQF;;AAvUA;EACE;EACA;EACA;AA0UF;;AAvUA;EACE;EACA;AA0UF;;AAvUA;EACE;EACA;EACA;EACA;EACA;EACA,uCbsBe;AaoTjB;;AAvUA;EACE;AA0UF;;AAvUA;EACE;EACA;EACA;EACA;AA0UF;;AAvUA;EACE;EACA;AA0UF;;AAtUE;EACE;EACA;EACA,iEbpGS;EaqGT;AAyUJ;;AArUA;EACE;EACA;EACA;EACA;AAwUF;;AArUA;EACE;EACA;EACA;EACA;EACA,uEbrHW;EasHX;EACA;EACA,8EbpGc;EaqGd,gEACE;AAuUJ;;AAnUA;EACE;EbxDA;EACA;EAEA,+EAnCY;EAoCZ;EACA;EACA;EACA;EamDA;EACA;EACA;AA4UF;AA1UE;EACE;AA4UJ;;AAvUE;EACE;AA0UJ;;AAtUA;EACE;EACA;EACA;EACA,qEb/JU;EagKV;AAyUF;;AAtUA;EACE;EACA;AAyUF;;AAtUA;EACE;EACA;AAyUF;;AAtUA;EACE;AAyUF;;;;AI1fE;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,+EjBbY;EiBcZ;EACA,2EjB5CiB;EiB6CjB;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,uEjBtFS;EiBuFT;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;;AAqBI;EACE;AAlBN;;AAwBE;EACE;AArBJ;AAwBE;EACE;AAtBJ;;AA2BE;EACE;AAxBJ;;AA6BE;EACE;AA1BJ;;AAoCQ;EACE;AAjCV;;AA0CI;EACE;EACA;EACA;AAvCN;AA4CI;EACE;AA1CN;;AAiDI;EACE;EACA;AA9CN;;AAuDI;EACE;AApDN;;AA6DA;EACE;AA1DF;;;;AClKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACJF;;AClGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqGF;;AE1HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8ErB2Ba;EqB1Bb;EACA;EACA;EACA;EACA;AF6HF;AE3HE;EACE;EACA;EACA;EACA;EACA;AF6HJ;;AEzHA;EACE;AF4HF;;AEzHA;EACE;AF4HF;;AGzJA;EACE;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;AHwJF;AGtJE;EACE;AHwJJ;AGrJE;EAEE;EACA;AHsJJ;;AGlJA;EACE;AHqJF;;AGlJA;EACE;EACA;AHqJF;;;;AInLA;;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,mGvBnDY;EuBoDZ;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;ExBgEE;EACA;EACA;EwB/DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8ExB9Cc;EwB+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,+DxB3HS;EwB4HT;AArBJ;;;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AzFR;AA2FM;EACE;AAzFR;AA4FQ;EACE;AA1FV;AA+FQ;EACE;AA7FV;AAiGM;EACE;AA/FR;AAoGE;EACE;EACA;EACA;AAlGJ;AAoGI;;EAEE;EACA;AAlGN;;AAwGE;EACE;AArGJ;AAyGI;EACE;EACA;AAvGN;AAyGM;EACE;EACA;AAvGR;;AA6GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1GF;;AA6GA;EACE;EACA;EACA;EACA;AA1GF;AA4GE;EACE;AA1GJ;;AA+GE;EACE;EACA;AA5GJ;AAgHI;EACE;AA9GN;AAiHI;EACE;AA/GN;AAmHE;EACE;EACA;EACA;AAjHJ;AAoHE;EACE;EACA;AAlHJ;AAqHE;EACE;EACA;AAnHJ;;AAuHA;EACE;AApHF;;AAuHA;EACE;AApHF;AAsHE;EACE;AApHJ;;AAyHE;;EAEE;AAtHJ;;AA0HA;EACE;EACA;EACA;EACA;EACA;AAvHF;;AA2HE;;;;;;;;EAQE;EACA;EACA;AAxHJ;AA0HI;;;;;;;;EACE;AAjHN;;AAsHA;EACE;EACA;AAnHF;;AAsHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnHF;;AAsHA;EACE;EACA;EACA;EACA;AAnHF;;AAsHA;EACE;EACA;EACA;EACA;AAnHF;AAqHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AApHJ;AAsHI;EACE;AApHN;AAuHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArHN;AAyHE;EACE;EACA;AAvHJ;AAyHI;EACE,2D5B1/BI;A4Bm4BV;AA2HE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzHJ;AA2HI;EACE;AAzHN;AA4HI;EACE,kF5BlgCW;A4Bw4BjB;AA6HI;EACE,mG5BvhCU;A4B45BhB;;AAgIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,oIACE;EAGF;EACA;EACA;AAhIF;AAkIE;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AQE;EAEE,mGjC5DY;AiCqDhB;;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,4EjCvFe;AiCwEjB;;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,iElCzCW;EkC0CX;EACA;EACA;EACA;EACA;AAbF;AAeE;EACE,0ElCvCe;AkC0BnB;;AAiBA;EACE;AAdF;;AAiBA;EACE;EACA;AAdF;;AAkBE;EACE;EACA;AAfJ;AAkBE;ElCmDA;EACA;EACA;EACA;AkClEF;;AAkBE;EACE;AAfJ;;;;AC3EA;EACE,+EnCqDY;EmCpDZ;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;EACA,2EnCae;EmCZf;EACA,uEnCCS;AmCFb;AAGI;EACE;AADN;AAII;EACE;EACA;AAFN;AAME;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEnClBS;AmCcb;AAOE;EACE,uEnCtBS;EmCuBT;EACA,8EnCNW;AmCCf;AAOI;EACE;EACA;AALN;AAOM;EACE;EACA;AALR;AAOQ;EACE;AALV;AAOU;EACE,0EnC5BO;AmCuBnB;AASQ;EACE;EACA;AAPV;AAWM;EACE;EACA,kFnCjDS;EmCkDT;EACA;EACA;EACA,2EnC5CW;AmCmCnB;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,2EnC9ES;AmC+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,2EpCViB;EoCWjB;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,kDrCiCI;EqChCJ;EACA;AACF;;AACA;;EAEE,wFrC4BU;AqC1BZ;;;;AChBA;EACE;EACA;AADF;;;;ACDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EvCiBiB;EuChBjB;EACA;EACA,iEvCIW;EuCHX;EACA,+EvCyCY;EuCxCZ;AADF;;AAIA;;EAEE,uEvCJW;EuCKX,+DvCIW;EuCHX;EACA;AADF;;AAIA;EACE,kFvCVe;EuCWf,2EvCFiB;EuCGjB;AADF;;AAIA;;EAEE,+DvCTW;EuCUX;EACA,uEvCpBW;AuCmBb;;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;AADF;AAGE;EAEE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;AAHF;AAKE;EAEE;EACA;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;;AASA;EACE;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;AANF;;AAQA;EACE;EACA;EACA;AALF;;AAQA;EACE;AALF;;AASE;EACE;AANJ;AAQE;EACE;AANJ;;;;AC7DA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;;;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAGA;EACE;EACA;EACA;AAAF;AACE;EACE;AACJ;AAAI;EACE;AAEN;;AAEA;EACE;EAEA;EACA;EACA;EACA;AAAF;;AAGA;EACE;AAAF;;AAGA;EACE;EACA;AAAF;;AAIA;EACE;EACA;AADF;AAEE;EACE;AAAJ;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E1CIA;EACA;EACA;EAEA,+EAxBY;EAyBZ;EACA;EACA;EACA;E0CVA;EACA;EACA,uE1C3DW;E0C4DX;EACA;EACA,qbACE;EASF;EACA;EACA;EACA;EACA;EACA;EACA;AAJF;AAKE;EACE;EACA;EACA;EACA;AAHJ;AAME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qbACA;EAMA;EACA;EACA;EACA;EACA;EACA;AAVJ;AAcE;EACE;AAZJ;;AAgBA;E1CxDE;EACA;EACA;EAEA,+EAxBY;EAyBZ;EACA;EACA;EACA;E0CmDA;EACA;EACA;EACA;EACA;AAPF;;AAYE;;EACE;EACA;EACA;AARJ;AAcE;;EACE;AAXJ;AAYI;;EACE;AATN;;AAcA;EACE;AAXF;AAaE;EACE;EACA;AAXJ;AAaE;EACE;AAXJ;;AAeA;;;EAGE;EACA;EAEA,ujBACE;EAMF;AAnBF;AAsBI;;;;;;;;;EAGE;EACA;AAdN;AAkBE;;;EACE;AAdJ;AAiBE;;;EACE;AAbJ;;AAiBA;;;EAGE;EACA;EACA;AAdF;AAgBE;;;EACE;AAZJ;;AAeA;EACE;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;AAdF;AAeE;EACE;AAbJ;;AAoBM;EACE;AAjBR;AAqBI;EACE;EACA;EACA;EACA;AAnBN;;AAyBE;EACE;EACA;AAtBJ;AA2BE;EACE;EACA;AAzBJ;AA4BE;EACE;EACA;AA1BJ;AA6BE;EACE;AA3BJ;;AAgCE;EACE;EACA;EACA;EACA;AA7BJ;AAgCE;EACE;EACA;AA9BJ;AAiCE;EACE;EACA,ggBACE;EAMF;EACA;AArCJ;AAwCE;EACE;EACA;EACA;EACA;EACA;AAtCJ;AAyCE;;EAEE;AAvCJ;AA0CE;EACE;EACA;EACA;EACA;EACA,4jBACE;EAMF;EACA;EACA;EACA;EACA;AA9CJ;AAgDI;EACE;AA9CN;AAoDI;;EACE;EACA;AAjDN;AAmDM;;EACE;AAhDR;AAqDE;EACE;AAnDJ;;AAuDA;EACE;AApDF;;AAsDA;EACE;EACA;AAnDF;;AAsDE;EACE;AAnDJ;AAqDE;EACE;EACA;AAnDJ;AAqDE;EACE;AAnDJ;AAqDE;EACE;EACA;EACA;EACA;AAnDJ;;;;ACpUA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;AAEE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AADJ;AAIE;EACE;EACA;AAFJ;AAKE;EACE;AAHJ;AAOI;EACE;EACA;AALN;AAOM;EACE;AALR;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;AAXF;AAYE;EACE;AAVJ;;AAcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;AAfF;AAWE;EAZF;IAaI;IACA;EARF;AACF;;AAeA;EACE;AAZF;;AAeE;EACE;AAZJ;;AAgBA;EACE;AAbF;;AAgBA;EACE;AAbF;AAcE;EACE;AAZJ;AAcE;EACE;EACA;AAZJ;AAeE;EACE;EACA;AAbJ;AAeE;EACE;EACA;EACA;EACA;AAbJ;AAeE;EACE;EACA;EACA;EAKA;EACA;AAjBJ;AAuBE;EACE;EAIA;EACA;EAIA;AA3BJ;;AA+BA;EACE;EACA;EACA;EACA;AA5BF;;AA+BA;EACE;EACA;EACA;AA5BF;AA8BE;EACE;EACA;AA5BJ;AA+BE;EACE;EACA;EACA;EACA;AA7BJ;;AAkCE;EACE;AA/BJ;;AAqCA;EACE;AAlCF;;AAqCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlCF;AAoCE;EACE;AAlCJ;;AAsCA;EACE;EACA;EACA;AAnCF;;AAsCA;EACE;EACA;EACA;EACA;AAnCF;;AAuCE;EACE;AApCJ;;AAyCA;EACE;EACA;EACA;EACA;AAtCF;;AAwCA;EACE;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;AAvCF;;AA0CA;EACE;AAvCF;;AA0CA;EACE,+E3CnNY;E2CoNZ;EACA;EACA;EACA,+D3CrPW;E2CsPX;EACA;AAvCF;;AA0CA;EACE;EACA;EACA;EACA;AAvCF;;AA0CA;EACE,0E3CjQiB;A2C0NnB;;AA2CE;EACE;AAxCJ;;AA6CE;EACE;EACA;AA1CJ;;AA8CA;EACE;EACA;AA3CF;;AA8CA;EACE;EACA;EACA;EACA;E3ClNA;EACA;EAEA,+EA9CY;EA+CZ;EACA;EACA;E2C8MA;AAtCF;;;;AC5QE;;;;EACE;AADJ;AAII;;;;EACE;AACN;AAEE;;;;EACI;AAGN;;AACE;;EAGE;AACJ;;;;ACfA;EACE;EACA;EACA;EACA,+E7C6CY;E6C5CZ;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;AAUA;EACE;AAPF;;AAUA;EACE;EACA;EAEA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4E7ChDe;E6CiDf;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;AARF;AAUE;EACE;EACA;AARJ;AAWE;EACE;AATJ;AAaI;EACE;AAXN;AAcI;EACE;AAZN;AAgBE;EACE;AAdJ;AAiBE;EACE;AAfJ;AAkBE;EACE;AAhBJ;;AAoBA;EACE;EACA;EACA;AAjBF;;AAmBA;EACE;AAhBF;;AAmBA;EACE;AAhBF;;AAsBE;EACE,sF7C3Ge;E6C4Gf;EACA;EACA;EACA;EACA;EACA;EACA;AAnBJ;AAqBE;EACE;EACA;EACA;EACA;EACA;EACA;AAnBJ;AAqBE;EACE;EACA,qRAvBS;AAIb;AAqBE;EACE;EACA;AAnBJ;AAqBE;EACE;AAnBJ;;AAwBE;EACE;EACA;EACA;EACA;EACA;AArBJ;AAuBE;EACE;EACA;AArBJ;AAwBE;EACE;EACA;EACA;AAtBJ;;AAyBA;EACE;IACE;EAtBF;EAwBA;IACE;EAtBF;AACF;AAwBA;EACE;IACE;IACA;EAtBF;EAwBA;IACE;IACA;EAtBF;AACF;AAyBA;;EAGE;EACA;EACA;AAxBF;AAyBE;;EACE;AAtBJ;;AAyBA;EACE;EACA;EACA;AAtBF;;AAwBA;EACE;EACA;EACA;AArBF;;AAyBE;;;;EAGE;EACA;EACA;EACA;AArBJ;AAuBE;;EACE;AApBJ;;AA0BE;;EACE;EACA;EACA;EACA;EACA;AAtBJ;;AA2BI;;;EAEE;EACA;AAvBN;AAyBI;EACE;AAvBN;AAyBI;EACE;EACA;EACA;EACA;EACA;AAvBN;;AA6BE;;EAEE;AA1BJ;;AAgCA;EACE;AA7BF;AA+BE;EACE;AA7BJ;AAgCE;EACE;EACA;AA9BJ;;AAkCA;EACE;AA/BF;AAiCE;EACE;AA/BJ;AAkCE;EACE;AAhCJ;AAmCE;EACE;EACA;EACA;AAjCJ;;AAyCE;;;;;;;;EAEE;AAhCJ;;AAoCE;EACE;EACA;AAjCJ;AAmCE;EACE,uRAhMS;AA+Jb;;AAsCA;EACE;AAnCF;;AAuCE;EACE;EACA;AApCJ;;;;ACxSA;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;;;EAGE;EACA;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;;;;ACtLA;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,+E/C6BY;E+C5BZ;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,+EjDuCY;EiDtCZ;EACA;EACA;ADkFF;;AC3EA;EACE;EACA,4DjD7BQ;EiD8BR;AD8EF;;AC3EA;;EAEE;AD8EF;;AC3EA;EACE;AD8EF;;AC3EA;EACE;EACA;EACA;EACA;EACA;EACA,+EjDQY;EiDPZ;EACA;EACA,2EjDxBiB;EiDyBjB;EACA;EACA;AD8EF;;AC3EA;EACE;EACA;EACA,kEjD/BqB;EiDgCrB;EACA;AD8EF;;AC3EA;EACE;AD8EF;;AC1EE;EACE;AD6EJ;;ACzEA;EACE;EACA,iEjD5DW;EiD6DX;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,+ElDwCY;EkDvCZ;AFiPF;;AE9OA;EACE;AFiPF;;AE9OA;;;;EAIE;AFiPF;;AE9OA;;EAEE;EACA;AFiPF;;AE9OA;;EAEE,+DlDbW;EkDcX;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,+ElDhEY;EkDiEZ;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,4ErDiBe;AgD+XjB;;AK9YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+ErDwCY;EqDvCZ;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,sDrD8GS;EqD7GT;EACA;AL4YF;;AK1YA;EACE;AL6YF;;AKzYA;EACE;EACA,sDrDoGiB;EqDnGjB;EACA;EACA;EACA;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDrDsFS;EqDrFT;EACA;AL4YF;;AKzYA;EACE;EACA;EACA;EACA;EACA,sDrD6EiB;EqD5EjB;EACA;AL4YF;;AKvYE;;;;EAIE;AL0YJ;;AM7gBA;EACE;EACA;ANghBF;;AM7gBA;EACE;ANghBF;AM9gBE;EACE;ANghBJ;AM7gBE;EACE;AN+gBJ;;AM3gBA;EACE,+EtDsCY;EsDrCZ;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,uEvDaS;AgDumBb;AOjnBE;EACE;EACA;EACA;APmnBJ;;AO/mBA;EACE;EACA;EACA;EACA;EACA;APknBF;AOhnBE;EACE;APknBJ;;AO9mBA;;EAEE;APinBF;;AO9mBA;;EAEE;EACA;EACA;EACA,2EvD9BU;EuD+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,+EvDrBY;EuDsBZ;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,2D1DvBS;AgDs5Bb;;AU13BE;EACE;AV63BJ;;AUx3BE;EACE;AV23BJ;;AUv3BA;EACE;AV03BF;;AWn7BA;EACE;AXs7BF;;AYv7BA;EACE;AZ07BF;;AYt7BE;EACE;EACA,4D5DPM;E4DQN;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;E7DzBA;EACA;EAEA,+EAnCY;EAoCZ;EACA;EACA;EACA;E6DoBE;EAEA;EACA;EACA;EACA;Abo7BJ;Aaj7BE;;EAEE;Abm7BJ;Aah7BE;EACE;Abk7BJ;Aa/6BE;EACE;Abi7BJ;Aa96BE;EACE;Abg7BJ;Aa76BE;EACE;Ab+6BJ;Aa56BE;EACE;Ab86BJ;Aa36BE;EACE;Ab66BJ;Aa16BE;EACE;Ab46BJ;;Aav6BE;EACE;EACA;Ab06BJ;;Ac1kCA;EACE;EACA;Ad6kCF;;Ac3kCA;EACE;Ad8kCF;Ac7kCE;EACE;EACA;EACA;EACA;Ad+kCJ;Ac9kCI;EAEE;Ad+kCN;;Ae1lCE;;;;EAIE;Af6lCJ;Ae1lCE;;EAEE;EACA;Af4lCJ;Ae1lCI;;EACE;Af6lCN;AezlCE;EACE,wG/Dbc;AgDwmClB;AexlCE;EACE;EACA,uE/DnBQ;AgD6mCZ;AevlCE;EACE;EACA;AfylCJ;;AerlCA;EACE;EACA;AfwlCF;;AerlCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AfwlCF;;AerlCA;E/DiFE;EACA;EACA;E+DjFA;EAEA,+E/DGY;E+DFZ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AfulCF;;AeplCA;EAEE;AfslCF;;AenlCA;EACE;AfslCF;;AenlCA;EACE;EACA;EACA;EACA;EACA;AfslCF;;AenlCA;EACE;EACA;EACA;AfslCF;;AenlCA;EACE;AfslCF;;AenlCA;EACE;EACA;EACA;AfslCF;;AejlCE;EAEE;AfmlCJ;AejlCI;EACE;AfmlCN;;Ae9kCA;EACE;AfilCF;;Ae9kCA;EACE;EAEA,+E/DrEY;E+DsEZ;EACA;EACA;EACA;EACA;EACA;AfglCF;;Ae7kCA;EACE;EACA;AfglCF;Ae9kCE;EACE;EACA;AfglCJ;Ae9kCI;EACE;AfglCN;;AgB9tCE;EACE;EACA;AhBiuCJ;AgB9tCE;EACE;EACA;AhBguCJ;AgB7tCE;EACE;EACA;AhB+tCJ;AgB7tCI;EACE;AhB+tCN;AgB3tCE;EACE;AhB6tCJ;AgBztCI;EACE;AhB2tCN;AgBvtCE;EACE;AhBytCJ;AgBvtCI;EACE;AhBytCN;AgBttCI;EACE;AhBwtCN;AgBptCE;EACE;AhBstCJ;AgBptCI;EACE;AhBstCN;AgBntCI;EACE;AhBqtCN;AgBjtCE;EACE;EACA;AhBmtCJ;;AgB/sCA;EACE;EACA;EACA;AhBktCF;AgBhtCE;EACE;AhBktCJ;;AAhwCA;EACE;EACA;EACA;EACA;EACA;EACA;AAmwCF;AhDtnCE;;EAEE;AgDwnCJ;AhDtnCE;;EAEE;AgDwnCJ;AhDtnCE;;EAEE;AgDwnCJ;AhDtnCE;;EAEE;AgDwnCJ;AhDtnCE;EACE;AgDwnCJ;AhDtnCE;EACE;AgDwnCJ;AhDtnCE;;EAEE;AgDwnCJ;;AAzxCA;EACE;EACA;AA4xCF;;AAzxCA;EACE;EACA;AA4xCF;;AAvxCI;EACE;AA0xCN;AAvxCI;EACE;AAyxCN;AAtxCI;EACE;EACA;AAwxCN;AArxCI;EACE;AAuxCN;AAnxCE;EACE;AAqxCJ;AAlxCE;;EAEE;AAoxCJ;;AAhxCA;EACE;AAmxCF;;AAhxCA;EACE;EACA;AAmxCF;;AAhxCA;EACE;EACA;EACA;EACA;EACA;AAmxCF;;AA/wCE;EACE;EACA;EACA;AAkxCJ;;AA9wCA;EACE;AAixCF;;AA9wCA;EACE;AAixCF;;AA9wCA;EACE;EACA;AAixCF;AA3wCE;EACE;AA6wCJ;AA3wCI;EACE;EACA;AA6wCN;AA1wCI;;EAEE;AA4wCN;AAzwCI;EACE;AA2wCN;AAxwCI;EACE,iEhDpGiB;AgD82CvB;;;;AiBz4CA;EACE,+EjEqDY;EiEpDZ;EACA;EACA,+DjEoBW;AiErBb;;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,+DlE/GM;AkE0FZ;AA0BI;EACE;AAxBN;AA4BE;EACE;EACA;AA1BJ;AA6BE;EACE;EACA;AA3BJ;;AAgCE;EACE;AA7BJ;AA+BI;EACE;EACA;EACA;EAEA;EACA,iElEnIO;EkEoIP;EACA;AA9BN;;;;ACtHA;;EAEE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EAEE;AAHJ;;AAOA;EACE;AAJF;AAME;EACE;AAJJ;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AASI;EACE;AAPN;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;AAVF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF","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/button.scss","webpack://SurveyCreatorCore/./src/components/surface-placeholder.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/sizes.scss","webpack://SurveyCreatorCore/./src/creator-theme/creator.scss","webpack://SurveyCreatorCore/./src/creator-theme/font-sizes.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/./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/toolbox/toolbox-right.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(--ctr-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  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));\n  --ctr-small-bold-line-height: var(--small-bold-font-size);\n\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));\n  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));\n}\n\n@mixin defaultBold {\n  --default-bold-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  --ctr-default-bold-line-height: calc(1.5 * var(--default-bold-font-size));\n\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--ctr-font-default-size, var(--default-bold-font-size, 16px));\n  line-height: var(--ctr-font-default-line-height, var(--ctr-default-bold-line-height, 24px));\n}\n\n@mixin defaultFont {\n  --default-font-size: var(--sjs-font-size, calc(2 * #{$base-unit}));\n  --ctr-default-line-height: calc(1.5 * var(--default-font-size));\n\n  font-family: $font-family;\n  font-weight: 400;\n  font-size: var(--ctr-font-default-size, var(--default-font-size, 16px));\n  line-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));\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  --ctr-medium-bold-font-size: calc(3 * #{$base-unit});\n  --ctr-medium-bold-line-height: calc(4 * #{$base-unit});\n\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 700;\n  font-size: var(--ctr-font-medium-size, var(--ctr-medium-bold-font-size, 24px));\n  line-height: var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, 32px));\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 .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  position: relative;\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 \"./button.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\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.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:\n    max-width 0.1s ease-in-out,\n    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}\n",".svc-creator-popup {\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    border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));\n    box-shadow:\n      var(--ctr-popup-shadow-1-offset-x, 0px) var(--ctr-popup-shadow-1-offset-y, 2px)\n        var(--ctr-popup-shadow-1-blur, 8px) var(--ctr-popup-shadow-1-spread, 0px)\n        var(--ctr-popup-shadow-1-color, rgba(0, 76, 68, 0.1)),\n      var(--ctr-popup-shadow-2-offset-x, 0px) var(--ctr-popup-shadow-2-offset-y, 16px)\n        var(--ctr-popup-shadow-2-blur, 32px) var(--ctr-popup-shadow-2-spread, 0px)\n        var(--ctr-popup-shadow-2-color, rgba(0, 76, 68, 0.1)),\n      var(--ctr-popup-shadow-3-offset-x, 0px) var(--ctr-popup-shadow-3-offset-y, 32px)\n        var(--ctr-popup-shadow-3-blur, 64px) var(--ctr-popup-shadow-3-spread, 0px)\n        var(--ctr-popup-shadow-3-color, rgba(0, 76, 68, 0.1));\n\n    .sv-footer-action-bar {\n      gap: var(--ctr-popup-buttons-gap, calcSize(1.5));\n    }\n\n    & > .sv-popup__body-content {\n      background-color: var(--ctr-popup-background-color, $background-dim-light);\n\n      padding: var(--ctr-popup-padding-top, calcSize(4)) var(--ctr-popup-padding-right, calcSize(4))\n        var(--ctr-popup-padding-bottom, calcSize(4)) var(--ctr-popup-padding-left, calcSize(4));\n\n      gap: var(--ctr-popup-gap, 32px);\n      box-shadow: unset;\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-creator-popup.sv-popup--modal {\n  .sd-btn.sv-popup__button {\n    border-radius: var(--ctr-button-corner-radius-small, $corner-radius);\n    padding: var(--ctr-button-padding-vertical-small, calcSize(2))\n      var(--ctr-button-padding-horizontal-small, calcSize(6)) var(--ctr-button-padding-vertical-small, calcSize(2))\n      var(--ctr-button-padding-horizontal-small, calcSize(6));\n    display: flex;\n    flex-direction: row;\n    gap: var(--ctr-button-gap, calcSize(4));\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    position: relative;\n    box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px)\n      var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px)\n      var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15));\n\n    span {\n      text-align: center;\n      font-family: var(--ctr-default-bold-font-family, $font-family);\n      font-size: var(--ctr-default-bold-font-size, $font-size);\n      line-height: var(--ctr-default-bold-line-height, calc(1.5 * var(--default-font-size)));\n      font-weight: var(--ctr-default-bold-font-weight, 600);\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .sv-popup__button--cancel {\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  .sv-popup__button--apply {\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","@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-creator--disable-animations {\n  .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n    .svc-string-editor__border--hover {\n      transition-delay: 0ms;\n    }\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}","$size-unit: var(--ctr-size-unit, 8px);\n$spacing-unit: var(--ctr-spacing-unit, 8px);\n$corner-radius-unit: var(--ctr-corner-radius-unit, 8px);\n$stroke-unit: var(--ctr-stroke-unit, 1px);\n\n.svc-creator {\n  --sjs-spacing-x2: calc(#{$spacing-unit} * 2);\n  --sjs-spacing-x3: calc(#{$spacing-unit} * 3);\n  --sjs-spacing-x1: calc(#{$spacing-unit} * 1);\n  --sjs-spacing-x05: calc(#{$spacing-unit} * 0.5);\n  --sjs-spacing-x025: calc(#{$spacing-unit} * 0.25);\n  --sjs-spacing-x0125: calc(#{$spacing-unit} * 0.125);\n  --sjs-spacing-x150: calc(#{$spacing-unit} * 1.5);\n  --sjs-spacing-x250: calc(#{$spacing-unit} * 2.5);\n  --sjs-spacing-x4: calc(#{$spacing-unit} * 4);\n  --sjs-spacing-x350: calc(#{$spacing-unit} * 3.5);\n  --sjs-spacing-x5: calc(#{$spacing-unit} * 5);\n  --sjs-spacing-x6: calc(#{$spacing-unit} * 6);\n  --sjs-spacing-x7: calc(#{$spacing-unit} * 7);\n  --sjs-spacing-x8: calc(#{$spacing-unit} * 8);\n  --sjs-spacing-x9: calc(#{$spacing-unit} * 9);\n  --sjs-spacing-x10: calc(#{$spacing-unit} * 10);\n  --sjs-spacing-x11: calc(#{$spacing-unit} * 11);\n  --sjs-spacing-x12: calc(#{$spacing-unit} * 12);\n  --sjs-spacing-x13: calc(#{$spacing-unit} * 13);\n  --sjs-spacing-x14: calc(#{$spacing-unit} * 14);\n  --sjs-spacing-x15: calc(#{$spacing-unit} * 15);\n  --sjs-spacing-x16: calc(#{$spacing-unit} * 16);\n  --sjs-spacing-x075: calc(#{$spacing-unit} * 0.75);\n  --sjs-spacing-x125: calc(#{$spacing-unit} * 1.25);\n  --sjs-spacing-x1050: calc(#{$spacing-unit} * 10.5);\n  --sjs-spacing-x0375: calc(#{$spacing-unit} * 0.375);\n  --sjs-spacing-x850: calc(#{$spacing-unit} * 8.5);\n  --sjs-spacing-x025n: -calc(#{$spacing-unit} * 0.25);\n  --sjs-spacing-x3n: -calc(#{$spacing-unit} * 3);\n  --sjs-spacing-x4n: -calc(#{$spacing-unit} * 4);\n  --sjs-spacing-x05n: -calc(#{$spacing-unit} * 0.5);\n  --sjs-spacing-x1n: -calc(#{$spacing-unit} * 1);\n  --sjs-spacing-x150n: -calc(#{$spacing-unit} * 1.5);\n  --sjs-spacing-x2n: -calc(#{$spacing-unit} * 2);\n  --sjs-spacing-x5n: -calc(#{$spacing-unit} * 5);\n  --sjs-spacing-x6n: -calc(#{$spacing-unit} * 6);\n  --sjs-spacing-x7n: -calc(#{$spacing-unit} * 7);\n  --sjs-spacing-x8n: -calc(#{$spacing-unit} * 8);\n  --sjs-corner-radius-x0125: calc(#{$corner-radius-unit} * 0.125);\n  --sjs-corner-radius-x025: calc(#{$corner-radius-unit} * 0.25);\n  --sjs-corner-radius-x05: calc(#{$corner-radius-unit} * 0.5);\n  --sjs-corner-radius-x075: calc(#{$corner-radius-unit} * 0.75);\n  --sjs-corner-radius-x1: calc(#{$corner-radius-unit} * 1);\n  --sjs-corner-radius-x125: calc(#{$corner-radius-unit} * 1.25);\n  --sjs-corner-radius-x150: calc(#{$corner-radius-unit} * 1.5);\n  --sjs-corner-radius-x2: calc(#{$corner-radius-unit} * 2);\n  --sjs-corner-radius-x250: calc(#{$corner-radius-unit} * 2.5);\n  --sjs-corner-radius-x3: calc(#{$corner-radius-unit} * 3);\n  --sjs-corner-radius-x350: calc(#{$corner-radius-unit} * 3.5);\n  --sjs-corner-radius-x4: calc(#{$corner-radius-unit} * 4);\n  --sjs-corner-radius-x5: calc(#{$corner-radius-unit} * 5);\n  --sjs-corner-radius-x6: calc(#{$corner-radius-unit} * 6);\n  --sjs-corner-radius-x7: calc(#{$corner-radius-unit} * 7);\n  --sjs-corner-radius-x8: calc(#{$corner-radius-unit} * 8);\n  --sjs-corner-radius-round: calc(#{$corner-radius-unit} * 128);\n  --sjs-corner-radius-x0375: calc(#{$corner-radius-unit} * 0.375);\n  --sjs-stroke-x1: calc(#{$stroke-unit} * 0.125);\n  --sjs-stroke-x2: calc(#{$stroke-unit} * 0.25);\n  --sjs-stroke-x3: calc(#{$stroke-unit} * 0.375);\n  --sjs-stroke-x4: calc(#{$stroke-unit} * 0.5);\n  --sjs-stroke-x6: calc(#{$stroke-unit} * 0.75);\n  --sjs-stroke-x8: calc(#{$stroke-unit} * 1);\n  --sjs-size-x0125: calc(#{$size-unit} * 0.125);\n  --sjs-size-x025: calc(#{$size-unit} * 0.25);\n  --sjs-size-x05: calc(#{$size-unit} * 0.5);\n  --sjs-size-x075: calc(#{$size-unit} * 0.75);\n  --sjs-size-x1: calc(#{$size-unit} * 1);\n  --sjs-size-x125: calc(#{$size-unit} * 1.25);\n  --sjs-size-x150: calc(#{$size-unit} * 1.5);\n  --sjs-size-x2: calc(#{$size-unit} * 2);\n  --sjs-size-x250: calc(#{$size-unit} * 2.5);\n  --sjs-size-x3: calc(#{$size-unit} * 3);\n  --sjs-size-x350: calc(#{$size-unit} * 3.5);\n  --sjs-size-x4: calc(#{$size-unit} * 4);\n  --sjs-size-x5: calc(#{$size-unit} * 5);\n  --sjs-size-x6: calc(#{$size-unit} * 6);\n  --sjs-size-x7: calc(#{$size-unit} * 7);\n  --sjs-size-x8: calc(#{$size-unit} * 8);\n  --sjs-size-x9: calc(#{$size-unit} * 9);\n  --sjs-size-x10: calc(#{$size-unit} * 10);\n  --sjs-size-x11: calc(#{$size-unit} * 11);\n  --sjs-size-x12: calc(#{$size-unit} * 12);\n  --sjs-size-x13: calc(#{$size-unit} * 13);\n  --sjs-size-x14: calc(#{$size-unit} * 14);\n  --sjs-size-x15: calc(#{$size-unit} * 15);\n  --sjs-size-x16: calc(#{$size-unit} * 16);\n  --sjs-size-x550: calc(#{$size-unit} * 5.5);\n  --sjs-size-max: 10000px;\n  --sjs-size-x17: calc(#{$size-unit} * 17);\n  --sjs-size-x18: calc(#{$size-unit} * 18);\n  --sjs-size-x64: calc(#{$size-unit} * 64);\n  --sjs-size-x90: calc(#{$size-unit} * 90);\n  --sjs-size-x80: calc(#{$size-unit} * 80);\n  --sjs-size-x40: calc(#{$size-unit} * 40);\n  --sjs-size-x32: calc(#{$size-unit} * 32);\n  --sjs-size-x20: calc(#{$size-unit} * 20);\n  --sjs-size-x86: calc(#{$size-unit} * 86);\n  --sjs-size-x60: calc(#{$size-unit} * 60);\n  --sjs-size-x28: calc(#{$size-unit} * 28);\n  --sjs-size-x50: calc(#{$size-unit} * 50);\n}\n",".svc-creator {\n  --sjs-spacing-x2: calc(var(--ctr-spacing-unit, 8px) * 2);\n  --sjs-spacing-x3: calc(var(--ctr-spacing-unit, 8px) * 3);\n  --sjs-spacing-x1: calc(var(--ctr-spacing-unit, 8px) * 1);\n  --sjs-spacing-x05: calc(var(--ctr-spacing-unit, 8px) * 0.5);\n  --sjs-spacing-x025: calc(var(--ctr-spacing-unit, 8px) * 0.25);\n  --sjs-spacing-x0125: calc(var(--ctr-spacing-unit, 8px) * 0.125);\n  --sjs-spacing-x150: calc(var(--ctr-spacing-unit, 8px) * 1.5);\n  --sjs-spacing-x250: calc(var(--ctr-spacing-unit, 8px) * 2.5);\n  --sjs-spacing-x4: calc(var(--ctr-spacing-unit, 8px) * 4);\n  --sjs-spacing-x350: calc(var(--ctr-spacing-unit, 8px) * 3.5);\n  --sjs-spacing-x5: calc(var(--ctr-spacing-unit, 8px) * 5);\n  --sjs-spacing-x6: calc(var(--ctr-spacing-unit, 8px) * 6);\n  --sjs-spacing-x7: calc(var(--ctr-spacing-unit, 8px) * 7);\n  --sjs-spacing-x8: calc(var(--ctr-spacing-unit, 8px) * 8);\n  --sjs-spacing-x9: calc(var(--ctr-spacing-unit, 8px) * 9);\n  --sjs-spacing-x10: calc(var(--ctr-spacing-unit, 8px) * 10);\n  --sjs-spacing-x11: calc(var(--ctr-spacing-unit, 8px) * 11);\n  --sjs-spacing-x12: calc(var(--ctr-spacing-unit, 8px) * 12);\n  --sjs-spacing-x13: calc(var(--ctr-spacing-unit, 8px) * 13);\n  --sjs-spacing-x14: calc(var(--ctr-spacing-unit, 8px) * 14);\n  --sjs-spacing-x15: calc(var(--ctr-spacing-unit, 8px) * 15);\n  --sjs-spacing-x16: calc(var(--ctr-spacing-unit, 8px) * 16);\n  --sjs-spacing-x075: calc(var(--ctr-spacing-unit, 8px) * 0.75);\n  --sjs-spacing-x125: calc(var(--ctr-spacing-unit, 8px) * 1.25);\n  --sjs-spacing-x1050: calc(var(--ctr-spacing-unit, 8px) * 10.5);\n  --sjs-spacing-x0375: calc(var(--ctr-spacing-unit, 8px) * 0.375);\n  --sjs-spacing-x850: calc(var(--ctr-spacing-unit, 8px) * 8.5);\n  --sjs-spacing-x025n: -calc(var(--ctr-spacing-unit, 8px) * 0.25);\n  --sjs-spacing-x3n: -calc(var(--ctr-spacing-unit, 8px) * 3);\n  --sjs-spacing-x4n: -calc(var(--ctr-spacing-unit, 8px) * 4);\n  --sjs-spacing-x05n: -calc(var(--ctr-spacing-unit, 8px) * 0.5);\n  --sjs-spacing-x1n: -calc(var(--ctr-spacing-unit, 8px) * 1);\n  --sjs-spacing-x150n: -calc(var(--ctr-spacing-unit, 8px) * 1.5);\n  --sjs-spacing-x2n: -calc(var(--ctr-spacing-unit, 8px) * 2);\n  --sjs-spacing-x5n: -calc(var(--ctr-spacing-unit, 8px) * 5);\n  --sjs-spacing-x6n: -calc(var(--ctr-spacing-unit, 8px) * 6);\n  --sjs-spacing-x7n: -calc(var(--ctr-spacing-unit, 8px) * 7);\n  --sjs-spacing-x8n: -calc(var(--ctr-spacing-unit, 8px) * 8);\n  --sjs-corner-radius-x0125: calc(var(--ctr-corner-radius-unit, 8px) * 0.125);\n  --sjs-corner-radius-x025: calc(var(--ctr-corner-radius-unit, 8px) * 0.25);\n  --sjs-corner-radius-x05: calc(var(--ctr-corner-radius-unit, 8px) * 0.5);\n  --sjs-corner-radius-x075: calc(var(--ctr-corner-radius-unit, 8px) * 0.75);\n  --sjs-corner-radius-x1: calc(var(--ctr-corner-radius-unit, 8px) * 1);\n  --sjs-corner-radius-x125: calc(var(--ctr-corner-radius-unit, 8px) * 1.25);\n  --sjs-corner-radius-x150: calc(var(--ctr-corner-radius-unit, 8px) * 1.5);\n  --sjs-corner-radius-x2: calc(var(--ctr-corner-radius-unit, 8px) * 2);\n  --sjs-corner-radius-x250: calc(var(--ctr-corner-radius-unit, 8px) * 2.5);\n  --sjs-corner-radius-x3: calc(var(--ctr-corner-radius-unit, 8px) * 3);\n  --sjs-corner-radius-x350: calc(var(--ctr-corner-radius-unit, 8px) * 3.5);\n  --sjs-corner-radius-x4: calc(var(--ctr-corner-radius-unit, 8px) * 4);\n  --sjs-corner-radius-x5: calc(var(--ctr-corner-radius-unit, 8px) * 5);\n  --sjs-corner-radius-x6: calc(var(--ctr-corner-radius-unit, 8px) * 6);\n  --sjs-corner-radius-x7: calc(var(--ctr-corner-radius-unit, 8px) * 7);\n  --sjs-corner-radius-x8: calc(var(--ctr-corner-radius-unit, 8px) * 8);\n  --sjs-corner-radius-round: calc(var(--ctr-corner-radius-unit, 8px) * 128);\n  --sjs-corner-radius-x0375: calc(var(--ctr-corner-radius-unit, 8px) * 0.375);\n  --sjs-stroke-x1: calc(var(--ctr-stroke-unit, 1px) * 0.125);\n  --sjs-stroke-x2: calc(var(--ctr-stroke-unit, 1px) * 0.25);\n  --sjs-stroke-x3: calc(var(--ctr-stroke-unit, 1px) * 0.375);\n  --sjs-stroke-x4: calc(var(--ctr-stroke-unit, 1px) * 0.5);\n  --sjs-stroke-x6: calc(var(--ctr-stroke-unit, 1px) * 0.75);\n  --sjs-stroke-x8: calc(var(--ctr-stroke-unit, 1px) * 1);\n  --sjs-size-x0125: calc(var(--ctr-size-unit, 8px) * 0.125);\n  --sjs-size-x025: calc(var(--ctr-size-unit, 8px) * 0.25);\n  --sjs-size-x05: calc(var(--ctr-size-unit, 8px) * 0.5);\n  --sjs-size-x075: calc(var(--ctr-size-unit, 8px) * 0.75);\n  --sjs-size-x1: calc(var(--ctr-size-unit, 8px) * 1);\n  --sjs-size-x125: calc(var(--ctr-size-unit, 8px) * 1.25);\n  --sjs-size-x150: calc(var(--ctr-size-unit, 8px) * 1.5);\n  --sjs-size-x2: calc(var(--ctr-size-unit, 8px) * 2);\n  --sjs-size-x250: calc(var(--ctr-size-unit, 8px) * 2.5);\n  --sjs-size-x3: calc(var(--ctr-size-unit, 8px) * 3);\n  --sjs-size-x350: calc(var(--ctr-size-unit, 8px) * 3.5);\n  --sjs-size-x4: calc(var(--ctr-size-unit, 8px) * 4);\n  --sjs-size-x5: calc(var(--ctr-size-unit, 8px) * 5);\n  --sjs-size-x6: calc(var(--ctr-size-unit, 8px) * 6);\n  --sjs-size-x7: calc(var(--ctr-size-unit, 8px) * 7);\n  --sjs-size-x8: calc(var(--ctr-size-unit, 8px) * 8);\n  --sjs-size-x9: calc(var(--ctr-size-unit, 8px) * 9);\n  --sjs-size-x10: calc(var(--ctr-size-unit, 8px) * 10);\n  --sjs-size-x11: calc(var(--ctr-size-unit, 8px) * 11);\n  --sjs-size-x12: calc(var(--ctr-size-unit, 8px) * 12);\n  --sjs-size-x13: calc(var(--ctr-size-unit, 8px) * 13);\n  --sjs-size-x14: calc(var(--ctr-size-unit, 8px) * 14);\n  --sjs-size-x15: calc(var(--ctr-size-unit, 8px) * 15);\n  --sjs-size-x16: calc(var(--ctr-size-unit, 8px) * 16);\n  --sjs-size-x550: calc(var(--ctr-size-unit, 8px) * 5.5);\n  --sjs-size-max: 10000px;\n  --sjs-size-x17: calc(var(--ctr-size-unit, 8px) * 17);\n  --sjs-size-x18: calc(var(--ctr-size-unit, 8px) * 18);\n  --sjs-size-x64: calc(var(--ctr-size-unit, 8px) * 64);\n  --sjs-size-x90: calc(var(--ctr-size-unit, 8px) * 90);\n  --sjs-size-x80: calc(var(--ctr-size-unit, 8px) * 80);\n  --sjs-size-x40: calc(var(--ctr-size-unit, 8px) * 40);\n  --sjs-size-x32: calc(var(--ctr-size-unit, 8px) * 32);\n  --sjs-size-x20: calc(var(--ctr-size-unit, 8px) * 20);\n  --sjs-size-x86: calc(var(--ctr-size-unit, 8px) * 86);\n  --sjs-size-x60: calc(var(--ctr-size-unit, 8px) * 60);\n  --sjs-size-x28: calc(var(--ctr-size-unit, 8px) * 28);\n  --sjs-size-x50: calc(var(--ctr-size-unit, 8px) * 50);\n}\n\n.svc-creator {\n  --sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);\n  --sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);\n  --sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);\n  --sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);\n  --sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);\n  --sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);\n  --sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);\n  --sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);\n  --sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);\n  --sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);\n  --sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);\n  --sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);\n  --sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);\n  --sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);\n  --sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);\n  --sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);\n  --sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);\n  --sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8);\n}\n\n.svc-btn {\n  display: flex;\n  align-items: center;\n  height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--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}","$font-unit: var(--ctr-font-unit, 8px);\n$line-height-unit: var(--ctr-line-height-unit, 8px);\n\n.svc-creator {\n  --sjs-font-size-x1: calc(#{$font-unit} * 1);\n  --sjs-font-size-x150: calc(#{$font-unit} * 1.5);\n  --sjs-font-size-x2: calc(#{$font-unit} * 2);\n  --sjs-font-size-x3: calc(#{$font-unit} * 3);\n  --sjs-font-size-x4: calc(#{$font-unit} * 4);\n  --sjs-font-size-x5: calc(#{$font-unit} * 5);\n  --sjs-font-size-x6: calc(#{$font-unit} * 6);\n  --sjs-font-size-x7: calc(#{$font-unit} * 7);\n  --sjs-font-size-x8: calc(#{$font-unit} * 8);\n  --sjs-line-height-x1: calc(#{$line-height-unit} * 1);\n  --sjs-line-height-x150: calc(#{$line-height-unit} * 1.5);\n  --sjs-line-height-x2: calc(#{$line-height-unit} * 2);\n  --sjs-line-height-x3: calc(#{$line-height-unit} * 3);\n  --sjs-line-height-x4: calc(#{$line-height-unit} * 4);\n  --sjs-line-height-x5: calc(#{$line-height-unit} * 5);\n  --sjs-line-height-x6: calc(#{$line-height-unit} * 6);\n  --sjs-line-height-x7: calc(#{$line-height-unit} * 7);\n  --sjs-line-height-x8: calc(#{$line-height-unit} * 8);\n}\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-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  &>.svc-question__drag-area {\n    padding-top: calcSize(1.25);\n  }\n}\n\n.svc-page__content--dragged {\n  opacity: 0.25;\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-question__drag-area {\n    z-index: 1;\n\n    .svc-question__drag-element {\n      opacity: var(--ctr-survey-page-drag-indicator-opacity, 0.5);\n    }\n  }\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  &>.sv-action-bar {\n    display: none;\n  }\n\n  .svc-page__placeholder_frame {\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\n    .svc-question__content--collapsed {\n\n      &>.svc-question__dropdown-choices--wrapper,\n      &>.svc-panel__placeholder_frame-wrapper,\n      &>.svc-question__content-actions,\n      &>.svc-panel__add-new-question-container,\n      &>.sd-file,\n      &>sv-ng-file-question {\n        display: none;\n      }\n      .svc-question__drop-indicator {\n        display: block;\n      }\n      .svc-question__drag-area {\n        display: flex;\n      }\n      .svc-content-wrapper {\n        display: flex;\n      }\n      .sd-element {\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\n      .sd-question__header--location--left {\n        display: none;\n      }\n    }\n  }\n\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  height: calcSize(6);\n\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  .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: var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px) ;\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\n.svc-tabbed-menu-item--icon {\n  padding-right: var(--ctr-menu-item-padding-right-icon, 16px);\n  padding-left: var(--ctr-menu-item-padding-left-icon, 16px);\n  display: flex;\n  align-items: center;\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__text.svc-tabbed-menu-item__text {\n  white-space: nowrap;\n  display: block;\n  color: var(--ctr-menu-item-text-color, $foreground);\n  font-size: var(--ctr-font-default-size, 16px);\n  line-height: var(--ctr-font-default-line-height, 24px);\n}\n.svc-tabbed-menu-item__icon {\n  width: var(--ctr-menu-item-icon-width, 24px);\n  height: var(--ctr-menu-item-icon-height, 24px);\n  fill: var(--ctr-menu-item-icon-color, $foreground-light);\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n  width: auto;\n}\n.svc-tabbed-menu-item-container \n{\n  .sv-list__item-icon {\n    display: none;\n  }\n  .sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {\n    padding-block: calcSize(1);\n  }\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(1));\n  padding-bottom: var(--ctr-toolbox-item-padding-bottom, calcSize(1));\n  padding-inline-end: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n  padding-inline-start: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n  border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n}\n.svc-toolbox__item-icon {\n  display: block;\n  height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n  width: var(--ctr-toolbox-item-icon-width, unset);\n  pointer-events: none;\n}\n.svc-toolbox__tool {\n  cursor: default;\n  align-items: var(--ctr-toolbox-item-align, flex-start);\n  align-self: var(--ctr-toolbox-item-align, flex-start);\n  &:first-of-type > .svc-toolbox__tool-content {\n    padding-block-start: 0;\n    .svc-toolbox__item-banner {\n      top: 50%;\n    }\n  }\n}\n.svc-toolbox__tool-content {\n  display: flex;\n  // padding: calcSize(0.25) 0;\n  padding-block-start: var(--ctr-toolbox-group-gap, calcSize(0.5));\n  flex-direction: column;\n  align-items: var(--ctr-toolbox-item-align, flex-start);\n  position: relative;\n}\n\n.svc-toolbox__item--has-subitems {\n  padding-inline-end: calcSize(6);\n}\n\n.svc-toolbox__tool--has-subitems {\n  align-items: var(--ctr-toolbox-item-align, flex-start);\n  align-self: var(--ctr-toolbox-item-align, flex-start);\n}\n\n// is always visible\n.svc-toolbox__item-container {\n  display: flex;\n  outline: none;\n  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  box-sizing: border-box;\n  align-items: center;\n  margin-inline-end: 0;\n  inset-inline-start: var(--ctr-toolbox-item-banner-left, 0);\n  max-width: calcSize(100);\n  padding-top: var(--ctr-tooltip-padding-top, calcSize(1.5));\n  padding-inline-end: var(--ctr-tooltip-padding-right, calcSize(3.5));\n  padding-bottom: var(--ctr-tooltip-padding-bottom, calcSize(1.5));\n  padding-inline-start: var(--ctr-tooltip-padding-left, calcSize(5.5));\n  margin-inline-end: calcSize(-2);\n  white-space: nowrap;\n  @include smallBold;\n  color: var(--ctr-toolbox-item-text-color, $foreground);\n  transition: opacity $creator-transition-duration;\n  background-color: $background;\n  /* Shadow / Medium */\n  border-radius: var(--ctr-tooltip-corder-radius, calcSize(12.5));\n  box-shadow:\n    var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px)\n      var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px)\n      var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),\n    var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px)\n      var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px)\n      var(--ctr-tooltip-shadow-2-color, transparent);\n  // transition:\n  //   max-width 0.1s ease-in-out,\n  //   padding 0.2s ease-in-out;\n  background-color: var(--ctr-tooltip-background-color, $background);\n  overflow: visible;\n  position: absolute;\n  z-index: 200;\n  top: calc(50% + var(--ctr-toolbox-group-gap, 4px) / 2);\n  transform: translate(0, -50%);\n  pointer-events: none;\n  .svc-toolbox__item-icon {\n    position: absolute;\n    display: var(--ctr-toolbox-item-banner-icon-display, block);\n    inset-inline-start: calcSize(1.5);\n    top: calcSize(1);\n  }\n\n  &:after {\n    content: \" \";\n    display: var(--ctr-toolbox-item-banner-beak-display, none);\n    width: 0;\n    height: 0;\n    border: calcSize(0.35) solid var(--ctr-tooltip-background-color, $background);\n    border-top-color: transparent;\n    border-inline-end-color: transparent;\n    box-shadow:\n    var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px)\n      var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px)\n      var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),\n    var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px)\n      var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px)\n      var(--ctr-tooltip-shadow-2-color, transparent);\n    align-self: center;\n    position: absolute;\n    inset-inline-end: 100%;\n    top: 50%;\n    transform: translate(3px, -3px) rotate(45deg);\n    clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);\n  }\n\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n  }\n}\n\n.svc-toolbox__item-title {\n  @include smallBold;\n\n  display: block;\n  padding-inline-start: calcSize(1);\n  padding-inline-end: 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:focus-within {\n  .svc-toolbox__item-banner {\n    display: var(--ctr-toolbox-item-banner-display, flex);\n    opacity: 1;\n    pointer-events: initial;\n\n    // .svc-toolbox__item-title {\n    //   padding-inline-start: calcSize(4);\n    // }\n  }\n  .svc-toolbox__item-submenu-button {\n    background: var(--ctr-toolbox-item-submenu-button-background-color, $background-dim);\n    &:hover {\n      background: var(--ctr-toolbox-item-submenu-button-background-color-hovered, $background);\n    }\n  }\n}\n\n.svc-toolbox__tool--disabled {\n  pointer-events: none;\n\n  use {\n    opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);\n    fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));\n  }\n  .svc-toolbox__item-title {\n    opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\n  }\n}\n\n.svc-toolbox__item:focus,\n.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,\n.svc-toolbox__item:hover {\n  overflow: visible;\n  background-color: var(--ctr-toolbox-item-background-color-hovered, $background);\n\n  box-shadow:\n    var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px)\n      var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n      var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n    var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px)\n      var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px)\n      var(--ctr-toolbox-item-shadow-hovered-2-color, transparent);\n  transition: 0.1s ease-in-out;\n\n  .svc-toolbox--compact {\n    .svc-toolbox__item:focus,\n    .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,\n    .svc-toolbox__item:hover {\n      background-color: transparent;\n      box-shadow: none;\n    }\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-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  box-shadow: none;\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n  }\n}\n.svc-toolbox__item-submenu-button {\n  position: absolute;\n  inset-inline-end: var(--ctr-toolbox-item-submenu-button-right, calcSize(1.5));\n  top: calcSize(1.5);\n  display: inline-flex;\n  padding: var(--ctr-toolbox-item-submenu-button-padding-top, 4px)\n    var(--ctr-toolbox-item-submenu-button-padding-right, 4px) var(--ctr-toolbox-item-submenu-button-padding-bottom, 4px)\n    var(--ctr-toolbox-item-submenu-button-padding-left, 4px);\n  width: calcSize(3);\n  height: calcSize(3);\n  box-sizing: border-box;\n  align-items: center;\n  border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, 1024px);\n  z-index: 20;\n  svg {\n    fill: var(--ctr-toolbox-item-submenu-button-icon-color, $layer-1-foreground-50);\n  }\n}\n\n.svc-toolbox-popup {\n  .sv-list__item {\n    &:first-of-type {\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__tool.svc-toolbox__tool--pressed {\n  .svc-toolbox__item {\n    background: var(--ctr-toolbox-item-background-color-pressed, inherit);\n    box-shadow: var(--ctr-toolbox-item-shadow-pressed-offset-x, 0px)\n      var(--ctr-toolbox-item-shadow-pressed-offset-y, 1px) var(--ctr-toolbox-item-shadow-pressed-blur, 2px)\n      var(--ctr-toolbox-item-shadow-pressed-spread, 0px) var(--ctr-toolbox-item-shadow-pressed-color, rgba(0, 0, 0, 0));\n  }\n\n  .svc-toolbox__item-title {\n    color: var(--ctr-toolbox-item-text-color-pressed, $foreground);\n    opacity: var(--ctr-toolbox-item-text-opacity-pressed, 0.5);\n  }\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-pressed, $foreground);\n    opacity: var(--ctr-toolbox-item-icon-opacity-pressed, 0.5);\n  }\n\n  .svc-toolbox__item.svc-toolbox__item-subtype {\n    opacity: unset;\n  }\n}\n\n.svc-toolbox-subtypes {\n  .sv-popup__container {\n    padding: 0;\n    padding-inline-start: var(--ctr-toolbox-submenu-offset, calcSize(0.5));\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__body-content {\n    border-radius: var(--ctr-toolbox-submenu-corner-radius, calcSize(1));\n    box-shadow:\n      var(--ctr-toolbox-submenu-shadow-1-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-1-offset-y, 2px)\n        var(--ctr-toolbox-submenu-shadow-1-blur, 8px) var(--ctr-toolbox-submenu-shadow-1-spread, 0px)\n        var(--ctr-toolbox-submenu-shadow-1-color, transparent),\n      var(--ctr-toolbox-submenu-shadow-2-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-2-offset-y, 16px)\n        var(--ctr-toolbox-submenu-shadow-2-blur, 32px) var(--ctr-toolbox-submenu-shadow-2-spread, 0px)\n        var(--ctr-toolbox-submenu-shadow-2-color, transparent);\n    background: var(--ctr-toolbox-submenu-background-color, unset);\n    padding: 0;\n  }\n\n  .sv-popup__scrolling-content {\n    padding-top: calc(var(--ctr-toolbox-submenu-group-margin-top, 12px));\n    padding-inline-end: var(--ctr-toolbox-submenu-group-margin-right, 12px);\n    padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, 12px);\n    padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, 12px);\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: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n    background: var(--ctr-toolbox-item-background-color-submenu, $layer-2-background-500);\n    box-shadow:\n      var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px)\n        var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n        var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n      var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px)\n        var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px)\n        var(--ctr-toolbox-item-shadow-hovered-2-color, rgba(0, 0, 0, 0));\n    transition: 0.1s ease-in-out;\n    padding: calcSize(1.5) calcSize(2);\n    align-self: flex-start;\n    min-width: var(--ctr-toolbox-submenu-item-min-width, initial);\n    box-sizing: border-box;\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__item:focus {\n    .svc-toolbox__item-subtype {\n      background: var(--ctr-toolbox-item-background-color-hovered, $layer-1-background-500);\n      opacity: unset;\n\n      .svc-toolbox__item-title {\n        color: var(--ctr-toolbox-item-text-color-hovered, $layer-1-foreground-100);\n      }\n    }\n  }\n\n  .svc-toolbox__item-title {\n    padding: 0;\n  }\n}\n\n.svc-toolbox__tool--dots {\n  align-self: flex-start;\n}\n.svc-toolbox__item--dots {\n  padding-inline-end: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n  margin-top: calcSize(0.5);\n}\n.svc-toolbox--compact {\n  .svc-toolbox__item-submenu-button {\n    display: none;\n  }\n  .svc-toolbox__tool {\n    padding: 0px var(--ctr-toolbox-item-margin-horizontal-no-text, 0px);\n    align-self: flex-start;\n  }\n  .svc-toolbox__search-button {\n    padding-inline-start: var(--ctr-toolbox-item-margin-horizontal-no-text, calcSize(0.5));\n  }\n  .svc-toolbox__item {\n    padding-inline-start: var(--ctr-toolbox-item-padding-left-no-text, calcSize(1.5));\n    padding-inline-end: var(--ctr-toolbox-item-padding-right-no-text, calcSize(1.5));\n    box-sizing: border-box;\n    align-self: flex-start;\n  }\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  width: var(--ctr-toolbox-min-width, 224.984375px /*calcSize(28)*/);\n  .spg-search-editor_container {\n    background: var(--ctr-toolbox-background-color, $background-dim);\n    padding-top: var(--ctr-toolbox-search-padding-top, calcSize(2.5));\n    padding-inline-end: var(--ctr-toolbox-search-padding-right, calcSize(2));\n    padding-bottom: var(--ctr-toolbox-search-padding-bottom, calcSize(2.5));\n    padding-inline-start: var(--ctr-toolbox-search-padding-left, calcSize(3));\n\n    width: unset;\n    flex-grow: 1;\n    border-bottom: none;\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__panel {\n  position: relative;\n  flex-grow: 1;\n  flex-shrink: 1;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n  border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid var(--ctr-toolbox-border-color, transparent);\n  background: var(--ctr-toolbox-background-color, $background-dim);\n}\n\n.svc-toolbox__scroll-wrapper {\n  position: relative;\n  flex-grow: 1;\n  flex-shrink: 1;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-toolbox__scroller {\n  padding: var(--ctr-toolbox-padding-top, calcSize(1.5)) var(--ctr-toolbox-group-padding-right, calcSize(1.5))\n    var(--ctr-toolbox-padding-bottom, calcSize(2)) var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n  box-sizing: border-box;\n  flex-grow: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  display: flex;\n  flex-direction: column;\n  align-items: var(--ctr-toolbox-scroller-align-items, flex-end);\n\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.svc-toolbox__scrollbar {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  inset-inline-end: var(--ctr-toolbox-scrollbar-right, initial);\n  inset-inline-start: var(--ctr-toolbox-scrollbar-left, 0);\n  overflow-y: scroll;\n  overflow-x: hidden;\n  width: calcSize(2);\n  margin-inline-start: calcSize(-0.5);\n  display: var(--ctr-toolbox-scrollbar-display, none);\n  z-index: 30;\n  @-moz-document url-prefix() {\n    scrollbar-width: thin;\n    scrollbar-color: $border transparent;\n  }\n  padding: var(--ctr-toolbox-padding-top, calcSize(1)) 0\n  var(--ctr-toolbox-padding-bottom, calcSize(2)) 0;\n  // &::-webkit-scrollbar-track {\n  //   background: var(--ctr-toolbox-background-color, $background-dim);\n  // }\n}\n.svc-toolbox:hover .svc-toolbox__scrollbar {\n  display: block;\n}\n.svc-side-bar {\n  .svc-toolbox__scroller {\n    direction: initial;\n  }\n}\n\n.svc-toolbox--scrollable {\n  width: var(--ctr-toolbox-min-width, 236.984375px);\n}\n\n.svc-toolbox--compact {\n  width: var(--ctr-toolbox-width-compact, calcSize(10.5));\n  .svc-toolbox__panel {\n    overflow: visible;\n  }\n  .svc-toolbox__scroller {\n    width: 100vw;\n    padding: var(--ctr-toolbox-padding-top, calcSize(1.5)) var(--ctr-toolbox-group-padding-right-compact, calcSize(1.5))\n      var(--ctr-toolbox-padding-bottom, calcSize(2)) var(--ctr-toolbox-group-padding-left-compact, calcSize(1.5));\n  }\n  .spg-search-editor_container {\n    opacity: 0;\n    position: absolute;\n  }\n  .svc-toolbox__search-container {\n    border-bottom: 0;\n    padding-top: var(--ctr-toolbox-padding-top, calcSize(1.5));\n    padding-inline-start: var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n    padding-inline-end: var(--ctr-toolbox-group-padding-left, calcSize(1));\n  }\n  .svc-toolbox__category-separator {\n    margin-top: calc(var(--ctr-toolbox-separator-padding-top, 8px) + var(--ctr-toolbox-gap, 4px));\n    width: var(--ctr-toolbox-separator-width-compact, calcSize(5));\n    margin-inline-end: calc(\n      var(--ctr-toolbox-separator-padding-right-compact, 16px) -\n        var(--ctr-toolbox-group-padding-left-compact, 12px) -\n        var(--ctr-toolbox-item-margin-horizontal-no-text, 0px)\n    );\n    margin-bottom: var(--ctr-toolbox-separator-padding-bottom, 8px);\n    margin-inline-start: calc(\n      var(--ctr-toolbox-separator-padding-left-compact, 16px) -\n        var(--ctr-toolbox-group-padding-left-compact, 12px) -\n        var(--ctr-toolbox-item-margin-horizontal-no-text, 0px)\n    );\n  }\n  .svc-toolbox__category-separator--search {\n    margin-inline-end: calc(\n      var(--ctr-toolbox-separator-padding-right-compact, 16px) -\n        var(--ctr-toolbox-group-padding-left-compact, 12px)\n    );\n    margin-bottom: 0;\n    margin-inline-start: calc(\n      var(--ctr-toolbox-separator-padding-left-compact, 16px) -\n        var(--ctr-toolbox-group-padding-left-compact, 12px)\n    );\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  width: fit-content;\n}\n\n.svc-toolbox--flyout {\n  overflow: visible;\n  max-width: var(--ctr-toolbox-width-compact, 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    width: var(--ctr-toolbox-min-width, calcSize(32));\n    position: relative;\n    box-shadow: var(--ctr-toolbox-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-shadow-floating-2-offset-y, 8px) var(--ctr-toolbox-shadow-floating-2-blur, 16px) var(--ctr-toolbox-shadow-floating-2-spread, 0px) var(--ctr-toolbox-shadow-floating-2-color, rgba(0, 0, 0, 0.10)), \n                var(--ctr-toolbox-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-shadow-floating-1-offset-y, 2px) var(--ctr-toolbox-shadow-floating-1-blur, 6px) var(--ctr-toolbox-shadow-floating-1-spread, 0px) var(--ctr-toolbox-shadow-floating-1-color, rgba(0, 0, 0, 0.10));\n  }\n}\n.svc-toolbox--searchable {\n  .svc-toolbox__search-container {\n    display: flex;\n  }\n}\n\n\n\n.svc-toolbox__container {\n  width: 100%;\n}\n\n.svc-toolbox__search-container {\n  position: sticky;\n  top: 0;\n  z-index: 30;\n  display: none;\n  flex-direction: column;\n  box-sizing: border-box;\n  background: var(--ctr-toolbox-background-color, $background-dim);\n  border-bottom: var(--ctr-toolbox-search-border-width-bottom, 1px) solid var(--ctr-toolbox-search-border-color, $border);\n\n  svg {\n    pointer-events: none;\n  } \n}\n\n.svc-toolbox__category {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.svc-toolbox__category-separator {\n  height: 1px;\n  width: var(--ctr-toolbox-separator-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--no-separators {\n  .svc-toolbox__category-separator {\n    display: none;\n  }\n}\n\n\n.svc-toolbox__category-header-wrapper {\n  padding: var(--ctr-toolbox-group-header-margin-top, 0px) var(--ctr-toolbox-group-header-margin-left, 0px) var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-left, 0px);\n  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 0px));\n  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 0px));\n  align-self: stretch;\n}\n.svc-toolbox__category-header {\n  height: calcSize(5);\n  padding-top: var(--ctr-toolbox-group-header-padding-top, calcSize(1.5)); \n  padding-inline-end: var(--ctr-toolbox-group-header-padding-right, calcSize(1.5)); \n  padding-bottom: var(--ctr-toolbox-group-header-padding-bottom, calcSize(1.5)); \n  padding-inline-start: var(--ctr-toolbox-group-header-padding-left, calcSize(1.5));\n  \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  inset-inline-end: calcSize(1);\n  top: var(--ctr-category-header-controls-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__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-inline-start: auto;\n  margin-inline-end: auto;\n  color: var(--ctr-property-grid-placeholder-text-description-color, $foreground-light);\n  @include defaultFont;\n  font-size: 12px;\n}\n","@import \"../../variables.scss\";\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .svc-toolbox {\n    direction: rtl;\n  }\n  .svc-toolbox__item-banner {\n    &:after {\n      transform: translate(-2px, -2px) rotate(90deg);\n    }\n  }\n  .svc-toolbox__item-submenu-button {\n      transform: rotate(180deg);\n  }\n}\n.svc-creator__toolbox--right {\n  .sv-popup__body-content,\n  .spg-search-editor_container\n  {\n    direction: initial;\n  }\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\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: transparent;\n}\n.svc-side-bar__container {\n  background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n$tabs-width: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));\n\n.svc-side-bar--flyout {\n  .svc-side-bar__shadow {\n    background-color: $foreground-light;\n    opacity: 0.75;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n    z-index: 900;\n  }\n  .svc-side-bar__container-wrapper {\n    border-left: none;\n    z-index: 1000;\n    position: absolute;\n    inset-inline-end: 0;\n    height: 100%;\n    max-width: 100%;\n  }\n  &.svc-side-bar--side-area .svc-side-bar__container-wrapper {\n    max-width: calc(100% - #{$tabs-width});\n    inset-inline-end: $tabs-width;\n  }\n  .svc-side-bar__container { \n    display: flex;\n    max-width: 100%;\n  }\n  .svc-sidebar-tabs {\n    z-index: 1000;\n  }\n}\n\n.svc-side-bar--mobile {\n  .svc-side-bar__wrapper {\n    position: absolute;\n    width: 100%;\n    position: absolute;\n    inset-inline-end: 0;\n    z-index: 1000;\n  }\n  .svc-side-bar__container-wrapper {\n    position: static;\n    flex-grow: 1;\n  }\n\n  .svc-side-bar__container {\n    width: 100%;\n    min-width: 100%;\n    box-sizing: border-box;\n  }\n}\n@keyframes flyoutSideBarShadowFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 0.75;\n  }\n}\n@keyframes sideBarMoveIn {\n  from {\n    width: 0;\n    overflow: hidden;\n  }\n  to {\n    width: var(--animation-width);\n    overflow: hidden;\n  }\n}\n\n.svc-side-bar--enter,\n.svc-side-bar--leave\n {\n  animation-fill-mode: forwards;\n  animation-name: empty;\n  animation-duration: var(--animation-duration);\n  .svc-side-bar__container {\n    max-width: var(--animation-width);\n  }\n}\n.svc-side-bar--enter {\n  --animation-duration: #{$side-bar-enter-duration};\n  --animation-direction: normal;\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-side-bar--enter,\n.svc-side-bar--leave {\n  .svc-side-bar__container,\n  .svc-side-bar__container-wrapper\n  {\n    animation-fill-mode: forwards;\n    animation-duration: var(--animation-duration);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n  }\n  .svc-side-bar__container-wrapper {\n    animation-name: sideBarMoveIn;\n  }\n}\n\n.svc-side-bar--flyout.svc-side-bar--enter,\n.svc-side-bar--flyout.svc-side-bar--leave {\n  .svc-side-bar__shadow {\n    animation-name: flyoutSideBarShadowFadeIn;\n    animation-fill-mode: forwards;\n    animation-duration: var(--animation-duration);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n  }\n}\n.svc-side-bar--mobile {\n  &.svc-side-bar--leave, &.svc-side-bar--enter {\n    .svc-side-bar__container,\n    .svc-side-bar__container-wrapper {\n      animation: none;\n      min-width: var(--animation-width);\n    }\n    .svc-side-bar__container-wrapper {\n      min-width: var(--animation-width);\n    }\n    .svc-side-bar__wrapper {\n      animation-name: sideBarMoveIn;\n      animation-fill-mode: forwards;\n      animation-duration: var(--animation-duration);\n      animation-direction: var(--animation-direction);\n      animation-timing-function: var(--animation-timing-function);\n    }\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\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    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.svc-full-container.svc-creator__side-bar--left {\n  .svc-side-bar__container-wrapper, .svc-side-bar__wrapper {\n    inset-inline-start: 0;\n    inset-inline-end: unset;\n  }\n  .svc-side-bar--side-area .svc-side-bar__container-wrapper {\n    inset-inline-start: $tabs-width;\n  }\n}\n\n\n.svd-grid-hide {\n  margin-inline-end: auto;\n}\n\n.svc-side-bar {\n  .svc-toolbox {\n    padding-top: calcSize(0.5);\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.svc-menu-action__button:focus,\n.svc-menu-action__button:focus-within {\n  background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n  outline: unset;\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  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.svc-side-bar--mobile {\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.svc-side-bar--mobile .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  height: 100%;\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}","@import \"../variables.scss\";\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  box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));\n  padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px)\n    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    box-shadow: 0px 0px 0px 2px var(--ctr-toggle-button-border-color-focused, #19b394);\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, #{$foreground-dim});\n  text-align: left;\n  font-family: var(--ctr-default-font-family, #{$font-family});\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":""}