survey-creator-core 2.3.3 → 2.3.5

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;EACA;EACA;EACA;EACA;EAKA;EACA;AALF;AAOE;EACE;;;GAAA;EAIA;;;GAAA;EAIA;EACA;AALJ;AAQE;EACE;EACA;AANJ;;AAcI;EACE;AAXN;;AAoBI;EACE;AAjBN,C;;;;ACtCA;EACE;EACA;EAEA;EACA;EACA;EAEA;AAHF;;AAMA;EACE;EACA;AAHF;;AAMA;ECOE;EACA;EACA;ECQA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EFlBA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;AAAF;AAEE;EAEE;AADJ;;AAKA;;EAEE;EACA;AAFF;;AASE;;;;EACE;EACA;AAHJ;AAKI;;;;EACE;AAAN;AAGI;;;;EACE;AAEN;;AAOE;;;;EExCA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EFiCE;EACA;AAIJ;AAFI;;;;EACE;AAON;;AACE;;;EEtDA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EFoDE;EACA;AAQJ;AANI;;;EACE;AAUN;AAPI;;;EACE;AAWN;;AANA;EACE;EACA;EACA;EACA;AASF;;AANA;EACE;EACA;EACA;EACA;AASF;;AANA;EACE;EACA;EACA;EACA;AASF;;AANA;EACE;AASF;;AAFA;EACE;EACA;EACA;EACA;AAKF;;AAFA;EACE;EACA;EACA;EACA;EACA;EACA;AAKF;AAHE;EACE;AAKJ;;AADA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAIF;AAFE;EACE;AAIJ;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;AACF;;AAGA;EACE;EACA;EACA;EACA;EACA;AAAF;AAEE;EACE;EACA;AAAJ;AAGE;EACE;AADJ;;AAKA;EElLE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EFgLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AAAE;EACE;AAEJ;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AAEE;EACE;EACA;EACA;EACA;EACA;AAAJ;AAEI;EACE;AAAN;AAIE;EACE;AAFJ;AAOI;EACE;AALN;;AAUA;EACE;EAIA;EACA;EACA;EACA;AAVF;;AAaA;EElPE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EDdA;EACA;EACA;ED6PA;EACA;EACA;AAJF;;AASE;;EACE;AALJ;AAQE;;EACE;AALJ;AAQE;;EEpQA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EF6PE;EACA;AAAJ;AAEI;;EACE;AACN,C;;;;AGtSA;EACE;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF,C;;;;ACPA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EF6EE;EACA;EACA;EACA;EACA;EE/EA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AADA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;AA0CA;EACE;;;;;GAAA;EAMA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EAEA;AAEF;;AACA;EFrDE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EEmDA;EAIA;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EAIA;AAJF;AAUE;EACE;EACA;EACA;AARJ;;AAaE;EACE;AAVJ,C;;;;ACpJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;AAHF;;AAMA;EACE;EACA;EACA;EACA;EACA,iKACE;EAEF;EAEA;EACA;AANF;;AASA;EACE;AANF;AAQE;EACE;AANJ;AAQI;EACE;AANN;AAUE;EACE;EACA;AARJ;AAWE;E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A0BA;EACE;EACA;EACA;EACA;EACA;AAvBF;;AA0BA;EACE;AAvBF;;AA0BA;EACE;AAvBF;;AA2BE;EACE;AAxBJ;;AA4BA;EACE;AAzBF;;AN7OE;;EAEE;AMgPJ;AN9OE;;EAEE;AMgPJ;AN9OE;;EAEE;AMgPJ;AN9OE;;EAEE;AMgPJ;AN9OE;EACE;AMgPJ;AN9OE;EACE;AMgPJ;AN9OE;;EAEE;AMgPJ;;AAYE;EAEE;EACA;EACA;AAVJ;AAYE;EACE;EACA,sDN/PO;EMgQP;EACA;AAVJ;AAaE;EACE;EACA,sDNrQe;EMsQf;EACA;AAXJ;;AAcA;EACE;EACA;AAXF;AAYE;EACE;AAVJ;;AA4BA;;EAEE;EACA;EACA;EACA;AAzBF;AA0BE;;EACE;EACA;EACA;EACA;EACA;EACA;AAvBJ;AAwBI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AArBN;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;AAtBF;;AAwBA;EACE;EACA;EACA;EACA;EACA;EACA;AArBF;;AAwBE;EACE;EACA;EACA;EACA;EACA;EACA;AArBJ;AAuBE;EACE;EACA;EACA;EACA;EACA;EACA;AArBJ;;AAiCA;EACE;EACA;EACA;EACA;EACA,sDNzWS;EM0WT;EACA;AA9BF;;AAgCA;EACE;EACA;EACA;AA7BF;;AAiCA;EACE;EACA,sDNrXiB;EMsXjB;EACA;EACA;EACA;EACA;AA9BF;;AAwCA;EACE;EACA;EACA;EACA;EACA;EACA,sDN3YS;EM4YT;EACA;AArCF;;AAwCA;EACE;EACA,sDNjZiB;EMkZjB;EACA;EACA;EACA;EACA;AArCF;;AAyCE;;;;;;;;EAQE;AAtCJ,C;;;;ACndA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;AAII;EACE;AAFN;AAQQ;;;EACE;AAJV;AASI;ENVF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EMQI;EACA;AAHN;AAKM;EACE;AAHR;AAMM;E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ACA;EACA;EAEA;ACEF;;ADCA;EACE;EACA;EACA;ACEF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;;ACrCE;EACE;ADwCJ;ACtCI;EACE;EACA;EACA,uuBACE;ADuCR;AC7BM;EACE;AD+BR;AC5BM;EACE;EACA;EAEA;EAIA;EACA;AD0BR;AClBE;EACE;EACA;ADoBJ;AClBI;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA,uuBACE;ADiBR;ACNI;EACE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;ADIN;ACDI;EACE;EACA;EACA;EACA;EACA;ADGN;ACAI;EACE;EACA;EACA;EACA;EACA;ADEN;ACCI;EACE;ADCN;ACCM;EACE;EACA;EACA;ADCR;ACEM;EACE;EACA;ADAR;ACMI;EACE;EACA;ADJN;ACQE;EdnGA,+EAhBgB;EAiBhB;EACA;EACA;EACA;EAKA;Ec4FE;ADDJ;ACKI;EAEE;EACA;EACA,oiBACE;ADLR;ACYM;EACE;EACA;EACA;EACA;EAEA;EACA;ADXR;ACgBE;EACE;ADdJ;ACgBI;EACE;EACA,oiBACE;ADfR;ACsBI;EACE;ADpBN;ACyBI;EACE;EACA;EACA;EACA;EACA;ADvBN;ACyBI;EACE;EACA;EAEA;EACA;EACA;EACA;ADxBN;AC+BI;Ed5JF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EcqJI;EACA;EACA;ADxBN;AC8BI;EACE;EACA;EACA;AD5BN;ACkCI;EACE;EACA;ADhCN;ACsCI;EACE;ADpCN;;AEnLE;;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;AF+KJ;AE7KI;;EACE;AFgLN;AE9KI;;EfMF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EeZI;EACA;EACA;EACA;EACA;AFqLN;AEjLE;;EACE;EACA;AFoLJ;AElLI;;EACE;AFqLN;AEjLE;;EACE;EACA;AFoLJ;AElLI;;EACE;AFqLN;;AGzOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4OF;;AGzOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH2OF;;AGxOA;EhBnCE,+EAhBgB;EAiBhB;EACA;EACA;EACA;EAKA;EgB4BA;EACA;EACA;AHgPF;;AG7OA;EhB7BE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EgB2BA;EACA;EACA;AHoPF;;AGjPA;;;;EAIE;EACA;AHoPF;;AI9TA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJiUF;;AKtVA;;;;EAIE;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;EACA;EACA;ALyVF;;AMlcA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;ANocF;;AO/dA;;EAEE;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;EACA;EACA;EACA;APkeF;;AAlkBA;;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;AAokBF;AAjkBI;EADF;;IAEI;IACA;EAqkBJ;AACF;AAnkBI;;EACE;EACA;EACA;AAskBN;AAnkBI;;EACE;EACA;EACA;EACA;AAskBN;AAnkBI;;EACE;AAskBN;AAnkBI;;EACE;EACA;AAskBN;AAlkBM;;EACE;AAqkBR;;AA5jBI;;EACE;EACA;EACA,s0BACE;AA+jBR;AAjjBM;;EACE;AAojBR;AAljBQ;;;;EAEE;AAsjBV;;AA/iBA;EACE;EdhDA;EACA;EACA;EACA;AcmmBF;;AAjjBA;EACE;EACA;EACA;AAojBF;;AAjjBA;EACE;EACA;AAojBF;;AAjjBA;EACE;EACA;EACA;EACA;EACA;EACA,uCd3Fe;Ac+oBjB;;AAjjBA;EACE;AAojBF;;AAjjBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAojBF;;AAjjBA;EACE;EACA;EACA;EACA;EACA;AAojBF;;AAhjBE;EACE;EACA;AAmjBJ;;AA/iBA;EACE;EACA;EACA;EACA;AAkjBF;;AAjiBA;EbnIE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;Ea4HA;EACA;EACA;EACA;AAyiBF;AAviBE;EACE;AAyiBJ;;AApiBE;EACE;AAuiBJ;;AAniBA;EACE;EACA;EACA;EACA;EACA;AAsiBF;;AAniBA;EACE;EACA;AAsiBF;;AAniBA;EACE;EACA;AAsiBF;;AAniBA;EACE;AAsiBF,C;;;;AQ9uBE;EACE;EACA;AAFJ;;AAMA;EACE;AAHF;AAKE;EACE;EACA;AAHJ;AAME;EACE;EACA;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;EbxCE,+EAfgB;EAgBhB;EACA;EACA;EauCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AARF;AAUE;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;AAVJ;AAaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,idACE;AAZN;;AAoBA;ErBhFE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqB8EA;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,0OACE;AAzBN;;AA+BE;EACE;AA5BJ;;AAsCQ;EACE;AAnCV;;AA4CI;EACE;EACA;EAEA;AA1CN;AA+CI;EACE;AA7CN;;AAoDI;EACE;EACA;AAjDN;;AA0DI;EACE;AAvDN;;AAgEA;EACE;AA7DF,C;;;;AC3KA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;ACHF;;ADSA;EtBcE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EsBrBA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;AChCA;ExBiCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EwBxCA;EAEA;EACA;EAC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ACA;EACA;EACA;EACA;EACA;EACA;E+BkBA;EACA;;GAAA;EAGA;EACA;EACA;EAKA;EACA;EAEA;EACA;AAmCF;AAlCE;EACE;AAoCJ;AAjCE;EAEE;AAkCJ;AA9BE;EAEE;EACA;AA+BJ;AA5BI;EACE;AA8BN;AAzBE;EACE;AA2BJ;AA1BI;EACE;AA4BN;AA1BI;EACE;AA4BN;AAvBE;EACE;EACA;EACA;AAyBJ;AAxBI;EACE;EACA;AA0BN;;AArBA;EACE;EACA;AAwBF;;AArBA;EACE;AAwBF;;AArBA;EACE;AAwBF;;AArBA;EACE;EACA;EACA;EACA;AAwBF;;AApBE;EACE;EACA;EACA;EACA;EACA;AAuBJ;;AAnBA;EACE;EACA;EACA;EAIA;EACA;AAmBF;;AAhBA;EtBzIE,+EAfgB;EAgBhB;EACA;EACA;EAKA;EsBmIA;EACA;AAuBF;;AAnBE;EACE;AAsBJ;;AAjBE;EACE;AAoBJ;;AAhBA;EACE;AAmBF;AAjBE;EACE;AAmBJ;;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EAMA;EACA,8HACE;AASJ;;AANA;EACE;EACA;AASF;AARE;EACE;AAUJ;AARE;EACE;AAUJ;AATI;EACE;AAWN;;AAPA;EACE;AAUF;;AANE;EACE;EACA;AASJ;AANE;EACE;EACA;EACA;AAQJ;AALE;EACE;AAOJ;AAJE;EACE;AAMJ;AACE;EACE;EACA;AACJ;;AAGA;;EAEE;AAAF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AACA;EACI;EACF;EACA;EACA;EACA;EACA;EACA;AAEF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;IACE;EAGF;EADA;IACE;EAGF;AACF;AACE;EAEE;EACA;EACA;AAAJ;;AAIE;EACE;EACA;AADJ;;AAME;EACE;AAHJ;;AAQE;EACE;AALJ;;AAWI;EACE;AARN;AAYM;EACE;AAVR;;AAgBA;EtBxUE,+EAHgB;EAIhB;EACA;EACA;EsBuUA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA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;AAiCA;EACE;AA9BF;AAgCE;EACE;AA9BJ;;AAkCA;EACE;EACA;EACA;EACA;AA/BF,C;;;;AClIA;EACE;AATF;;AAaE;EACE;AAVJ;AAYI;EACE;AAVN;AAaI;EACE;EACA;AAXN;;AAgBA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EACE;EACA;AAdJ;;AAmBA;EACE;EAEA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;AAjBF;;AAqBA;EACE;AAlBF;;AAqBA;EACE;EACA;AAlBF;;AAsBE;EACE;EACA;AAnBJ;AAsBE;ErCvCA;EACA;EACA;EACA;AqCoBF;;AAsBE;EACE;AAnBJ;;AAwBE;EACE;EACA;AArBJ;AAsBI;EACE;AApBN,C;;;;AC5EA;EACE;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAQA;ErCmBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqCrBA;EACA;EACA;EACA;EAIA;EACA;EAEA;AALF;AAOE;EACE;AALJ;AAQE;EACE;EACA;AANJ;AASE;EACE;EACA;EACA;AAPJ;AASI;EACE;EACA;AAPN;AAWE;EACE;AATJ;;AAaA;ErCpBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqCkBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;AAQE;EACE;EACA;AANJ;AAQI;EACE;EACA;AANN;AAQM;EACE;AANR;AAQQ;EACE;AANV;AAUM;EACE;EACA;AARR;AAYI;ErC3BF,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EqCoBI;EACA;EACA;EACA;AALN;AAOM;EACE;AALR;AASI;ErCtEF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqCoEI;EACA;EACA;EACA;EACA;EACA;AAHN;AAKM;ErC/EJ,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EqCwEM;EACA;AAER;AACM;EACE;EACA;AACR;AAGI;EACE;AADN;AAII;EACE;AAFN;AAIM;EACE;AAFR;;AAQA;EACE;AALF,C;;;;ACtIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;;AAKA;EACE;EACA;EACA;EAIA;EACA;AALF;;AAQA;EtCtBE,+EAHgB;EAIhB;EACA;EACA;EACA;EsCoBA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;AAJF;AAME;EACE;EACA;AAJJ;AAMI;EACE;AAJN;AAQE;EACE;EACA;AANJ;;AAUA;EACE;EACA;AAPF;;AAUA;EACE;EACA;EACA;AAPF;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;AATF;;AAaE;EACE;AAVJ;;AAgBE;;EACE;AAZJ,C;;;;AClFA;EvCiCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EuCxCA;AAIF;;AADA;EACE;AAIF;;AAFA;EACE;AAKF;;AAHA;EACE;EACA;AAMF;;AAJA;;EAEE;AAOF,C;;;;ACzBA;EAEE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EzCaE;EACA;EACA;ECuCA,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EwC3DA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAIF;;AADA;EAEE;AAGF;;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;EACE;EACA;EACA;EACA;AAEF;AAEE;EACE;EACA;AAAJ;;AAIA;ExCFE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EwCLA;EACA;AAIF,C;;;;ACzEA;EACE;EACA;AADF,C;;;;ACDA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;;AAIA;E1CaE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;E0CpBA;EACA;EACA;AAIF;;AAFA;E1CsCE,+EA5DgB;EA6DhB;EACA;EACA;EACA;E0CxCA;EACA;EACA;AASF;;AAPA;EACE;EACA;EACA;EACA;AAUF;;AARA;EACE;EACA;EACA;AAWF;;AATA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYF;;AALE;;;;EACE;AAWJ;;AAPA;EACE;AAUF,C;;;;AC3EA;EACE;EACA;EACA;EAKA;EAIA;EACA;EACA;AARF;AAUE;EAEE;EACA;EACA;AATJ;;AAaA;EACE;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;AAVF;AAYE;EAEE;EACA;AAXJ;;AAeA;EACE;EACA;AAZF;AAcE;EACE;AAZJ;;AAgBA;EACE;AAbF;;AAgBA;E3CtBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E2CoBA;EACA;EACA;AATF;;AAYA;E3C7BE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;A2CiBF;;AAOA;EACE;EACA;EACA;AAJF;;AAOA;EACE;EACA;AAJF;AASE;EACE;EACA;AAPJ;AASE;EACE;AAPJ;AAUE;EAEE;EACA;AATJ;AAYE;EACE;EACA;EACA;AAVJ;;AAeE;EACE;AAZJ,C;;;;AC1FA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF,C;;;;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAGA;EACE;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;EACA;AACF;AAAE;EACE;AAEJ;AADI;EACE;AAGN;AADI;EACE;AAGN;;AACA;EACE;EAEA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF;;AAGA;EACE;EACA;AAAF;AACE;EACE;AACJ;;AAIA;E7CGE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E6CVA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ogBACE;EASF;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAME;EACE;EACA;EACA;EACA;AAJJ;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ogBACE;EAMF;EACA;EACA;EACA;EACA;EACA;EAKA;AAfJ;AAkBE;EACE;AAhBJ;;AAoBA;E7CvEE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E6CiEA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAkBE;;EACE;EACA;EACA;AAdJ;;AAsBA;EACE;AAnBF;AAqBE;EACE;EACA;AAnBJ;AAqBE;EACE;AAnBJ;;AAuBA;;;EAGE;EACA;EAEA,0jBACE;EAMF;AA3BF;AA8BI;;;;;;;;;EAGE;EACA;AAtBN;AA0BE;;;EACE;AAtBJ;AAyBE;;;EACE;AArBJ;;AAyBA;;;EAGE;EACA;EACA;AAtBF;AAwBE;;;EACE;AApBJ;;AAuBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EAIA;AA1BF;AA2BE;EACE;AAzBJ;AA8BE;EACE;EACA;EACA;AA5BJ;;AAmCM;EACE;AAhCR;AAoCI;EACE;EACA;EACA;EACA;AAlCN;;AAwCE;EACE;EACA;AArCJ;AA0CE;EACE;EACA;AAxCJ;AA2CE;EACE;EACA;AAzCJ;AA4CE;EACE;AA1CJ;;AA+CE;EACE;EAIA;EAEA;EAOA;EACA;AAtDJ;AAyDE;EACE;EACA;EACA;AAvDJ;AA0DE;EACE;EACA,slBACE;EAMF;EACA;AA9DJ;AAiEE;EACE;EACA;EACA;EACA;EACA;EACA;AA/DJ;AAkEE;;EAEE;AAhEJ;AAmEE;EACE;EACA;EACA;EACA;EACA,0jBACE;EAMF;EACA;EAIA;EACA;EACA;AA1EJ;AA4EI;EACE;AA1EN;AAgFI;;EACE;EACA;AA7EN;AA+EM;;EACE;AA5ER;AAiFE;EACE;AA/EJ;AAkFE;EACE;AAhFJ;;AAoFA;EACE;AAjFF;;AAmFA;EACE;EACA;AAhFF;;AAmFE;EACE;AAhFJ;AAkFE;EACE;EACA;EACA;AAhFJ;AAkFE;EACE;AAhFJ;AAkFE;EACE;EACA;EACA;EACA;AAhFJ;AAkFE;EACE;EACA;AAhFJ;AAkFE;EACE;EACA;AAhFJ,C;;;;ACrVA;EACE;;;;;;;GAAA;EASA;;;;;;;GAAA;EASA;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAOE;EACE;EACA;AAJJ;AAOE;EACE;EAEA;AANJ;AASE;EACE;EACA;EACA;AAPJ;;AAWA;EACE;AARF;;AAUA;EACE;AAPF;AAQE;EACE;EACA;EACA;AANJ;AAQE;EACE;EACA;EAEA;AAPJ;AASE;EACE;EACA;AAPJ;AASE;EACE;EACA;EACA;EACA;AAPJ;AASE;EACE;EACA;EACA;EACA;EACA;AAPJ;AASE;EACE;EACA;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;AASE;EACE;EACA;AAPJ;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;EACA;AARJ;AAWE;EACE;EACA;EACA;EACA,gmBACE;EAUF;AAnBJ;;AAuBE;EACE;AApBJ;;AAuBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBE;EACE;AApBJ;;AAwBA;EACE;EACA;EACA;EACA;AArBF;AAsBE;EACE;AApBJ;;AAwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBF;AAsBE;EACE;EACA;EACA;EACA;AApBJ;;AAwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBF;;AAyBE;EACE;AAtBJ;AAwBE;EACE;AAtBJ;;AA0BA;EACE;EAEA;EACA;EACA;AAxBF;;AA0BA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA,olBACE;EASF;EACA;EACA;EACA;EACA;EACA;AAlCF;;AAqCA;EACE;AAlCF;;AAqCA;E9CzLE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E8CkLA;EACA;EACA;EACA;AA7BF;;AAgCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7BF;;AAgCA;EACE;EACA;EACA;AA7BF;;AAiCE;EACE;AA9BJ;;AAmCE;EACE;EACA;AAhCJ;;AAoCA;EACE;EACA;AAjCF;;AAoCA;E9CpOE,+EA5DgB;EA6DhB;EACA;EACA;EACA;E8CkOA;EACA;EACA;EACA;AA7BF,C;;;;AC3QE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHJ;AAME;EACE;AAJJ;AAME;EACE;AAJJ;AAOI;EACE;AALN;AAMM;EACE;AAJR;AASE;EACE;EACA;AAPJ;AASI;EACE;EACA;AAPN;AASM;EACE;AAPR,C;;;;AC5BE;;;;EACE;AADJ;AAII;;;;EACE;AACN;AAQI;;;;EACE;AAHN;;AAQE;;EAGE;AANJ,C;;;;ACXA;EACE;IACE;EAVF;EAaA;IACE;EAXF;AACF;AAcA;EACE;IACE;IACA;EAZF;EAeA;IACE;IACA;EAbF;AACF;AAgBA;EACE;IACE;IACA;IAEA;EAfF;EAkBA;IACE;IACA;IACA;EAhBF;AACF;AAmBA;EACE;IACE;IACA;IACA;EAjBF;EAoBA;IACE;IACA;IACA;EAlBF;AACF;AAqBA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;;EACE;EACA;EACA;EACA;EACA;EACA;AAlBJ;AAqBE;;EACE;AAlBJ;AAqBE;;;;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;AAjBF;;AAsBE;;EAEE;AAnBJ,C;;;;ACzGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEE;AAPJ;;AAWE;EACE;AARJ;;AAYA;EACE;AATF;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;AATF;;AAYA;EACE;AATF;;AAYA;EACE;EACA;EAEA;EACA;AAVF;;AAcA;EACE;EACA;EACA;EACA;EACA;EACA;AAXF;;AAyBA;ElD3CE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EkD0CA;EACA;EACA;EACA;EACA;EAGA;AArBF;;AAwBA;EACE;EACA;AArBF;AAsBE;EACE;EACA;AApBJ;AAuBE;EACE;AArBJ;AAwBE;EACE;AAtBJ;AAwBI;EACE;AAtBN;AAyBI;EACE;AAvBN;AA2BE;EACE;AAzBJ;AA4BE;EACE;AA1BJ;AA6BE;EACE;AA3BJ;;AA+BA;EACE;EACA;EACA;AA5BF;;AA8BA;EACE;AA3BF;;AA8BA;EACE;AA3BF;;AAgCA;EACE;AA7BF;AA8BE;EACE;EACA;EACA;EACA;EACA;EACA;AA5BJ;AA8BE;EACE;EACA;EACA;EACA;EACA;AA5BJ;AA8BE;EACE;EACA,kXArBS;AAPb;AA8BE;EACE;EACA;AA5BJ;AA8BE;EACE;AA5BJ;;AAiCE;EACE;EACA;EACA;EACA;EACA;AA9BJ;AAgCE;EACE;EACA;AA9BJ;AAiCE;EACE;EACA;EACA;AA/BJ;;AAkCA;EACE;IACE;EA/BF;EAiCA;IACE;EA/BF;AACF;AAiCA;EACE;IACE;IACA;EA/BF;EAiCA;IACE;IACA;EA/BF;AACF;AAkCA;;EAGE;EACA;EACA;AAjCF;AAkCE;;EACE;AA/BJ;;AAkCA;EACE;EACA;EACA;AA/BF;;AAiCA;EACE;EACA;EACA;AA9BF;;AAkCE;;;;EAGE;EACA;EACA;EACA;AA9BJ;AAgCE;;EACE;AA7BJ;;AAmCE;;EACE;EACA;EACA;EACA;EACA;AA/BJ;;AAoCI;;;EAEE;EACA;AAhCN;AAkCI;EACE;AAhCN;AAkCI;EACE;EACA;EACA;EACA;EACA;AAhCN;;AAsCE;;EAEE;AAnCJ;;AAyCA;EACE;AAtCF;AAwCE;EACE;EACA;AAtCJ;AAyCE;ElDlQA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EkDgQE;EACA;AAnCJ;;AAuCA;EACE;AApCF;AAsCE;EACE;AApCJ;AAuCE;EACE;AArCJ;AAwCE;EACE;EACA;EACA;AAtCJ;;AA8CE;;;;;;;;EAEE;AArCJ;;AAyCE;EACE;EACA;AAtCJ;AAwCE;EACE,oXAhMS;AA0Jb;;AA0CA;EACE;AAvCF;AAyCE;EACE;AAvCJ;AA4CE;EACE;EACA;AA1CJ;;AA+CE;EACE;AA5CJ;AA8CE;EACE;AA5CJ;AA8CE;EACE;EACA;AA5CJ;AA8CE;EACE;AA5CJ;AA8CE;EACE;EACA;AA5CJ,C;;;;AClUA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AAFF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAQE;;;;EACE;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;AAHJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;AANF;AAQE;EACE;AANJ;;AAUA;EACE;AAPF;;AAUA;EACE;EACA;AAPF;;AASA;EACE;EACA;AANF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAOA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AANF;;AASA;;EAEE;AANF;;AAeA;EACE;AAZF;;AAkBA;EACE;AAfF;;AAkBA;EACE;EACA;AAfF;;AAkBA;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;AAlBF;;AAoBA;;;EAGE;EACA;AAjBF;;AAmBA;EACE;EACA;AAhBF;;AAkBA;EACE;AAfF;;AAqBA;EACE;EACA;EACA;EACA;EACA;AAlBF;AAoBE;EACE;EACA;EACA;AAlBJ;AAqBE;EACE;AAnBJ;;AAsBA;EACE;EACA;EACA;EACA;AAnBF;;AAqBA;EnD1KE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EmDwKA;EACA;AAdF;;AAgBA;EnDhJE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EmD8IA;EACA;AATF,C;;;;AC1MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADKA;EpDsBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EoD7BA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;ADEE;EAEE;EACA;EACA;ACDJ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A;EACA;EACA,sD5D7BS;E4D8BT;EACA;ANynBF;;AMtnBA;EACE;EACA;EACA;EACA;EACA,sD5DtCiB;E4DuCjB;EACA;ANynBF;;AMpnBE;;;;EAIE;ANunBJ;;AMnnBE;EACE;EACA;ANsnBJ;AMpnBE;E3D/GA,+EA7BgB;EA8BhB;EACA;EACA;EACA;E2D6GE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN0nBJ;AMxnBE;EACE;AN0nBJ;AMxnBE;EACE;AN0nBJ;;AOzxBA;EACE;EACA;AP4xBF;;AOzxBA;EACE;AP4xBF;AO1xBE;EACE;AP4xBJ;AOzxBE;EACE;AP2xBJ;AOxxBE;EAGE;EACA;EACA;APwxBJ;;AOpxBA;E5DQE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E4DVA;AP2xBF;;AOxxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AP0xBF;;AOtxBE;EACE;APyxBJ;;AOrxBA;;EAEE;EACA;APwxBF;;AOrxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APwxBF;;AOpxBE;EACE;APuxBJ;AOpxBE;EACE;EACA;APsxBJ;;AOlxBA;EACE;APqxBF;;AOlxBA;EACE;EACA;EACA;EACA;EACA;EACA;APqxBF;;AOjxBA;EACE;APoxBF;;AOjxBA;EACE;EACA;EACA;APoxBF;;AOjxBA;EACE;EACA;EACA;EACA;APoxBF;;AOhxBE;EACE;EACA;EACA;EACA;APmxBJ;AO/wBI;EACE;APixBN;;AQh4BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARm4BF;AQj4BE;EACE;ARm4BJ;;AQ/3BA;;EAEE;ARk4BF;;AQ/3BA;;EAEE;EACA;EACA;EACA;EACA;EACA;ARk4BF;;AQ/3BA;EACE;ARk4BF;;AQ/3BA;EACE;ARk4BF;;AQ/3BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AR+3BF;AQ73BE;EACE;EACA;AR+3BJ;;AQ33BA;E7DzCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E6DuCA;EACA;ARk4BF;;AQ/3BA;E7D/CE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;E6DwCA;EACA;EACA;EACA;EACA;EACA;ARu4BF;;AQp4BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARu4BF;AQr4BE;EACE;EACA;EACA;ARu4BJ;;AQn4BA;EACE;EACA;EACA;ARs4BF;AQp4BE;EACE;EACA;EACA;EACA;EACA;EACA,sqBACE;ARq4BN;;AS7/BA;EACE;EACA;EACA;ATggCF;;AS7/BA;EACE;EACA;EACA;ATggCF;AS9/BE;EACE;EACA;ATggCJ;AS9/BE;EACE;ATggCJ;;AS5/BA;EACE;AT+/BF;;AS3/BA;EACE;AT8/BF;AS5/BE;EACE;AT8/BJ;;AS1/BE;EACE;AT6/BJ;;ASz/BA;EACE;AT4/BF;;ASx/BE;EACE;EACA;EACA;EACA;EACA;EACA;AT2/BJ;ASt/BI;EACE;ATw/BN;ASr/BI;EAEE;ATs/BN;ASj/BE;EACE;EACA;ATm/BJ;ASh/BE;EACE;ATk/BJ;ASh/BE;EACE;EACA;EACA;EACA;ATk/BJ;AS/+BE;EACE;ATi/BJ;AS9+BE;EACE;ATg/BJ;AS7+BE;EACE;AT++BJ;AS7+BI;EACE;AT++BN;;AS1+BA;EACE;AT6+BF;;AS1+BA;EACE;AT6+BF;;ASz+BE;EACE;EACA;AT4+BJ;;ASl+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;E9DlEA,+EA5DgB;EA6DhB;EACA;EACA;EACA;E8DiEA;ATq+BF;ASn+BE;EACE;ATq+BJ;ASl+BE;EACE;EACA;ATo+BJ;;ASj+BA;EACE;EACA;ATo+BF;;ASh+BA;;EAEE;EACA;EACA;EACA;ATm+BF;ASj+BI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ATo+BN;;ASh+BA;EACE;EACA;EACA;EACA;EACA;EACA;ATm+BF;;ASj+BA;EACE;EACA;EACA;EACA;EACA;EACA;ATo+BF;;ASj+BE;EACE;EACA;EACA;EACA;EACA;EACA;ATo+BJ;ASl+BE;EACE;EACA;EACA;EACA;EACA;EACA;ATo+BJ;;AS/9BE;;EAEE;ATk+BJ;;AU/qCE;EACE;AVkrCJ;AUjrCI;EACE;AVmrCN;;AWvrCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AX0rCF;;AWjrCE;EACE;EACA;AXorCJ;;AWhrCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXmrCF;AWjrCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXmrCJ;;AWhrCA;EACE;AXmrCF;;AWhrCE;EACE;AXmrCJ;;AW9qCE;EACE;AXirCJ;;AW7qCA;EACE;AXgrCF;;AYhvCA;EACE;AZmvCF;;AalvCA;EACE;AbqvCF;;AajvCE;EACE;EACA;EACA;EACA;AbovCJ;;Ac5vCE;EACE;Ad+vCJ;Ac5vCE;EACE;EACA;EACA;Ad8vCJ;Ac3vCI;EACE;Ad6vCN;Ac1vCE;EACE;EACA;Ad4vCJ;Ac3vCI;EACE;Ad6vCN;AczvCE;EACE;EACA;EACA;Ad2vCJ;AczvCE;EACE;Ad2vCJ;AcxvCE;EACE;Ad0vCJ;AcrvCM;EACE;AduvCR;AcnvCI;EACE;EACA;EACA;EACA;AdqvCN;AcnvCM;EACE;AdqvCR;AclvCM;EACE;AdovCR;AclvCQ;EACE;AdovCV;Ac9uCE;EACE;AdgvCJ;Ac5uCE;;EAEE;Ad8uCJ;Ac5uCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad+uCN;Ac3uCE;;EAEE;Ad6uCJ;Ac1uCE;;;;EAIE;Ad4uCJ;Ac1uCI;;;;EACE;Ad+uCN;Ac3uCE;EACE;EACA;Ad6uCJ;Ac1uCE;EnExEA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EmEiEE;EAEA;EACA;EACA;EACA;AdgvCJ;Ac7uCE;;EAEE;Ad+uCJ;Ac5uCE;EACE;Ad8uCJ;Ac3uCE;EACE;Ad6uCJ;Ac1uCE;EACE;EACA;Ad4uCJ;AczuCE;;EAEE;EACA;EACA;Ad2uCJ;AcxuCE;EACE;Ad0uCJ;AcvuCE;EACE;AdyuCJ;;AcpuCE;EACE;EACA;AduuCJ;;Aej4CA;EACE;EACA;Afo4CF;;A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;;AAoBA;EACE;EAIA;AApBF;;AAuBA;EACE;EACA;AApBF;AAsBE;EACE;AApBJ;;AAuBA;EACE;EvEtJA,+EA7BgB;EA8BhB;EACA;EACA;EACA;AuEmIF;;AAsBI;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;AApBN;AAuBI;EACE;AArBN,C;;;;ACrLA;;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;AAME;EACE;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AASE;EACE;AAPJ;AAUE;EACE;AARJ;AAUI;EACE;AARN;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;AAbF;;AAkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAfF;;AAkBA;ExE5EE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EwE2EA;EACA;EACA;EACA;EACA;EACA;AAZF,C","sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/./src/components/list.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/ctr-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/lbr-variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.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/lbr-font-sizes.scss","webpack://SurveyCreatorCore/./src/lbr-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-font-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-sizes.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/search.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-search.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-right.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-animation.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-tagbox.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/layout.scss","webpack://SurveyCreatorCore/./src/custom-questions/boolean-switch.scss"],"sourcesContent":["@use \"../variables\" as *;\n\n.svc-context-container {\n  display: flex;\n  gap: calcSize(1);\n  width: max-content;\n}\n\n.svc-context-button {\n  display: flex;\n  box-sizing: border-box;\n  background-color: var(--ctr-survey-contextual-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-radius: var(--ctr-survey-contextual-button-corner-radius, var(--lbr-corner-radius-round));\n  width: var(--ctr-survey-contextual-button-width, var(--lbr-size-x6));\n  height: var(--ctr-survey-contextual-button-height, var(--lbr-size-x6));\n  padding: var(--ctr-survey-contextual-button-padding-top, var(--lbr-spacing-x150))\n    var(--ctr-survey-contextual-button-padding-right, var(--lbr-spacing-x150))\n    var(--ctr-survey-contextual-button-padding-bottom, var(--lbr-spacing-x150))\n    var(--ctr-survey-contextual-button-padding-left, var(--lbr-spacing-x150));\n\n  cursor: pointer;\n  outline: none;\n\n  .sv-svg-icon {\n    --thm-button-contextual-button-icon-width: calc(\n      var(--ctr-survey-contextual-button-width, var(--lbr-size-x6)) - var(--ctr-survey-contextual-button-padding-right, var(--lbr-spacing-x150)) -\n        var(--ctr-survey-contextual-button-padding-left, var(--lbr-spacing-x150))\n    );\n    --thm-button-contextual-button-icon-height: calc(\n      var(--ctr-survey-contextual-button-height, var(--lbr-size-x6)) - var(--ctr-survey-contextual-button-padding-top, var(--lbr-spacing-x150)) -\n        var(--ctr-survey-contextual-button-padding-bottom, var(--lbr-spacing-x150))\n    );\n    width: var(--thm-button-contextual-button-icon-width, calcSize(3));\n    height: var(--thm-button-contextual-button-icon-height, calcSize(3));\n  }\n\n  use {\n    fill: var(--ctr-survey-contextual-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    transition: fill $creator-transition-duration;\n  }\n}\n\n.svc-context-button {\n\n  &:hover,\n  &:focus {\n    use {\n      fill: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n}\n\n.svc-context-button--danger {\n\n  &:hover,\n  &:focus {\n    use {\n      fill: var(--ctr-survey-contextual-button-icon-color-negative, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n}","@use \"../variables\" as *;\n\n.svc-list {\n  width: 100%;\n  padding: var(--ctr-list-padding-top, var(--sjs-spacing-x1)) var(--ctr-list-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-list-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-list-padding-left, var(--sjs-spacing-x1));\n  margin: 0;\n  overflow-y: auto;\n  list-style-type: none;\n\n  box-sizing: border-box;\n}\n\n.svc-list__item {\n  width: 100%;\n  outline: none;\n}\n\n.svc-list__item-body {\n  @include textEllipsis;\n  @include ctrDefaultFont;\n  text-align: start;\n  color: var(--ctr-list-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: color $creator-transition-duration;\n\n  --thm-list-item-padding-delta: var(--ctr-list-item-padding-left, var(--sjs-spacing-x2));\n  --thm-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--thm-list-item-padding-delta));\n  display: flex;\n  flex: 1 0 0;\n  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n  padding-inline-end: var(--ctr-list-item-padding-right, var(--sjs-spacing-x6));\n\n  align-items: center;\n  gap: var(--ctr-list-item-gap, var(--sjs-spacing-x2));\n  border-radius: var(--ctr-list-item-corner-radius, var(--sjs-corner-radius-x075));\n  cursor: pointer;\n\n  transition: background-color $creator-transition-duration;\n\n  & > span,\n  & > sv-ng-string {\n    flex: 1 0 0;\n  }\n}\n\n.svc-list__item:disabled,\n.svc-list__item--disabled {\n  opacity: var(--ctr-list-item-opacity-disabled, 0.25);\n  pointer-events: none;\n}\n\n.svc-list__item:focus,\n.svc-list__item:hover,\n.svc-list__item--focused,\n.svc-list__item--hovered {\n  & > .svc-list__item-body {\n    background: var(--ctr-list-item-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n    color: var(--ctr-list-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n\n    .svc-list__item-icon use {\n      fill: var(--ctr-list-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    }\n\n    .svc-list-item__marker-icon use {\n      fill: var(--ctr-list-item-submenu-arrow-color-hovered-item, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-list__item--selected,\n.svc-list__item--selected:hover,\n.svc-list__item--selected:focus,\n.svc-list__item.svc-list__item--selected:hover {\n  & > .svc-list__item-body {\n    @include ctrDefaultBoldFont;\n    color: var(--ctr-list-item-text-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-background-500, #19b394ff));\n\n    .svc-list__item-icon use {\n      fill: var(--ctr-list-item-icon-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    }\n  }\n}\n\n.svc-list__item--group-selected,\n.svc-list__item--group-selected:hover,\n.svc-list__item--group-selected:focus {\n  & > .svc-list__item-body {\n    @include ctrDefaultFont;\n    color: var(--ctr-list-item-text-color-selected-submenu, var(--sjs-layer-1-foreground-100, #000000e6));\n    background: var(--ctr-list-item-background-color-selected-submenu, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n    .svc-list__item-icon use {\n      fill: var(--ctr-list-item-icon-color-selected-submenu, var(--sjs-primary-background-500, #19b394ff));\n    }\n\n    .svc-list-item__marker-icon use {\n      fill: var(--ctr-list-item-submenu-arrow-color-selected-item-submenu, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-list__item--with-icon > .svc-list__item-body {\n  padding-block-start: var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n  padding-inline-end: var(--ctr-list-item-padding-right, var(--sjs-spacing-x6));\n}\n\n.svc-list__item--group > .svc-list__item-body {\n  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-spacing-x1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group > .svc-list__item-body {\n  padding-block-start: var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-spacing-x1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group .sv-popup-inner > .sv-popup__container {\n  margin-top: calc(\n    var(--ctr-list-item-padding-top, var(--sjs-spacing-x150)) -\n      var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150)) -\n      var(--ctr-list-padding-top, var(--sjs-spacing-x1))\n  );\n}\n\n.svc-list__item-separator {\n  width: 100%;\n  height: var(--ctr-separator-width, var(--sjs-stroke-x1));\n  margin: var(--ctr-separator-margin-vertical-small, var(--sjs-spacing-x1)) 0px;\n  background-color: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\n}\n\n.svc-list__item-icon {\n  display: flex;\n  width: var(--ctr-list-item-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-list-item-icon-height, var(--sjs-font-size-x3));\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n\n  use {\n    fill: var(--ctr-list-item-icon-color, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svc-list-item__marker-icon {\n  display: flex;\n  padding: var(--ctr-list-item-submenu-arrow-padding, var(--sjs-spacing-x05));\n  align-items: flex-start;\n  width: var(--ctr-list-item-submenu-arrow-width, var(--sjs-font-size-x2));\n  height: var(--ctr-list-item-submenu-arrow-height, var(--sjs-font-size-x2));\n  box-sizing: content-box;\n  justify-content: center;\n\n  use {\n    fill: var(--ctr-list-item-submenu-arrow-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.svc-list-item__marker-icon + * {\n  --thm-list-item-gap: var(--ctr-list-item-gap, var(--sjs-spacing-x2));\n  margin-inline-start: calc(0px - var(--thm-list-item-gap));\n}\n\n.svc-list__container {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  min-height: 0;\n  height: 100%;\n}\n\n.svc-list__filter {\n  display: flex;\n  align-items: flex-start;\n  align-items: center;\n  gap: var(--ctr-list-search-gap, var(--sjs-spacing-x2));\n\n  padding-inline-start: var(--ctr-list-search-padding-left, var(--sjs-spacing-x3));\n  padding-inline-end: var(--ctr-list-search-padding-right, var(--sjs-spacing-x2));\n  padding-block-start: var(--ctr-list-search-padding-top, var(--sjs-spacing-x250));\n  padding-block-end: var(--ctr-list-search-padding-bottom, var(--sjs-spacing-x250));\n\n  border-radius: var(--ctr-toolbox-search-corner-radius, 0px);\n  border-bottom: var(--ctr-list-search-border-width-bottom, var(--sjs-stroke-x1)) solid\n    var(--ctr-list-search-border-color, var(--sjs-border-25, #d4d4d4ff));\n}\n\n.svc-list__filter-icon {\n  opacity: var(--ctr-list-search-icon-opacity, 1);\n  display: flex;\n  width: var(--ctr-list-search-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-list-search-icon-height, var(--sjs-font-size-x3));\n  align-items: center;\n\n  .sv-svg-icon {\n    width: var(--ctr-list-search-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-list-search-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-list-search-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.svc-list__input {\n  @include ctrDefaultFont;\n  background-color: transparent;\n  color: var(--ctr-list-search-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  outline: none;\n  border: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--ctr-list-search-text-color-placeholder, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.svc-list__filter-clear-button {\n  display: flex;\n  padding: var(--ctr-search-button-padding-vertical, var(--sjs-spacing-x05))\n    var(--ctr-search-button-padding-horizontal, var(--sjs-spacing-x05));\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--ctr-search-button-corner-radius, var(--sjs-corner-radius-x05));\n  appearance: none;\n  border: none;\n  border-radius: 100%;\n  background-color: transparent;\n\n  svg {\n    display: flex;\n    width: var(--ctr-search-button-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-search-button-icon-height, var(--sjs-font-size-x2));\n    justify-content: center;\n    align-items: center;\n\n    use {\n      fill: var(--ctr-search-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\n\n  &:hover {\n    background: var(\n      --ctr-search-button-background-color-clear-hovered,\n      var(--sjs-semantic-red-background-10, #e50a3e1a)\n    );\n\n    use {\n      fill: var(--ctr-search-button-icon-color-clear-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n}\n\n.svc-list__empty-container {\n  padding: var(--ctr-list-padding-top-no-data, var(--sjs-spacing-x4))\n    var(--ctr-list-padding-right-no-data, var(--sjs-spacing-x2))\n    var(--ctr-list-padding-bottom-no-data, var(--sjs-spacing-x4))\n    var(--ctr-list-padding-left-no-data, var(--sjs-spacing-x2));\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n}\n\n.svc-list__empty-text {\n  @include ctrDefaultFont;\n  @include textEllipsis;\n  text-align: center;\n  align-self: stretch;\n  color: var(--ctr-list-no-data-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n\n.sv-popup--menu-phone,\n.sv-popup--menu-tablet {\n  .svc-list-item__marker-icon {\n    display: none;\n  }\n\n  .svc-list__item-body {\n    pointer-events: none;\n  }\n\n  .svc-list__item--group-selected > .svc-list__item-body {\n    @include ctrDefaultBoldFont;\n    color: var(--ctr-list-item-text-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-background-500, #19b394ff));\n\n    use {\n      fill: var(--ctr-list-item-icon-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    }\n  }\n}\n","@forward \"./lbr-variables.scss\";\n@forward \"./ctr-variables.scss\";\n\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// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin textEllipsis {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@mixin defaultActionButtonSettings {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  outline: none;\n  display: flex;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  white-space: nowrap;\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 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","$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: Max(var(--ctr-stroke-unit, 1px), 1px);\n$font-unit: var(--ctr-font-unit, 8px);\n$line-height-unit: var(--ctr-line-height-unit, 8px);\n$ctr-font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n\n@mixin ctrLargeFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-large-size, var(--sjs-font-size-x4));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-large-line-height, var(--sjs-line-height-x5));\n}\n\n@mixin ctrLargeBoldFont {\n  @include ctrLargeFont;\n  font-weight: 700;\n}\n\n@mixin ctrMediumFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-medium-size, var(--sjs-font-size-x3));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-medium-line-height, var(--sjs-line-height-x4));\n}\n\n@mixin ctrMediumBoldFont {\n  @include ctrMediumFont;\n  font-weight: 700;\n}\n\n@mixin ctrDefaultFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-default-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n}\n\n@mixin ctrDefaultBoldFont {\n  @include ctrDefaultFont;\n  font-weight: 600;\n}\n\n@mixin ctrDefaultBoldUnderlineFont {\n  @include ctrDefaultBoldFont;\n  font-weight: 600;\n  text-decoration-line: underline;\n}\n\n@mixin ctrDefaultUnderlineFont {\n  @include ctrDefaultFont;\n  text-decoration-line: underline;\n}\n\n@mixin ctrDefaultAllCapsFont {\n  @include ctrDefaultFont;\n  font-weight: 600;\n  line-height: var(--ctr-font-default-line-height-all-caps, var(--sjs-line-height-x2));\n  text-transform: uppercase;\n}\n\n@mixin ctrSmallFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-small-size, var(--sjs-font-size-x150));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-small-line-height, var(--sjs-line-height-x2));\n}\n\n@mixin ctrSmallBoldFont {\n  @include ctrSmallFont;\n  font-weight: 600;\n}\n\n@mixin ctrSmallUnderlineFont {\n  @include ctrSmallFont;\n  text-decoration-line: underline;\n}\n\n@mixin ctrSmallAllCapsFont {\n  @include ctrSmallFont;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n@mixin ctrCodeFont {\n  font-family: var(--ctr-font-family-code, monospace);\n  font-size: var(--ctr-font-code-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-code-line-height, var(--sjs-line-height-x3));\n}","@use \"../../variables\" as *;\n\n// svc-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}","@use \"../../variables\" as *;\n\nsvc-tab-json-editor-textarea {\n  width: 100%;\n  height: 100%;\n  background: var(--ctr-code-viewer-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n  @include ctrCodeFont;\n  color: var(--ctr-code-viewer-text-color, var(--sjs-code-gray-300, #505050ff));\n  background: var(--ctr-code-viewer-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  width: 100%;\n  height: 100%;\n  border: none;\n  outline: none;\n  box-sizing: content-box;\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, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\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: var(--sjs-semantic-red-background-500, #e50a3eff);\n    }\n  }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n  display: none;\n}\n*/\n\n.svc-json-errors {\n  --thm-json-error-row: calc(\n    var(--ctr-code-viewer-code-error-row-border-width-top, var(--sjs-stroke-x1)) +\n      var(--ctr-code-viewer-code-error-row-padding-top, var(--sjs-spacing-x1)) +\n      var(--ctr-code-viewer-code-error-row-padding-bottom, var(--sjs-spacing-x1)) +\n      var(--ctr-code-viewer-code-error-row-fix-button-icon-height, var(--sjs-font-size-x3))\n  );\n  display: flex;\n  max-height: calc(5 * var(--thm-json-error-row));\n  overflow-y: auto;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n}\n\n.svc-json-errors__item {\n  pointer-events: none;\n  display: block;\n  border-top: var(--ctr-code-viewer-code-error-row-border-width-top, var(--sjs-stroke-x1)) solid\n    var(--ctr-code-viewer-code-error-row-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-code-viewer-code-error-row-background-color, var(--sjs-semantic-red-background-10, #e50a3e1a));\n}\n\n.svc-json-error {\n  @include ctrDefaultFont;\n  padding: var(--ctr-code-viewer-code-error-row-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-padding-left, var(--sjs-spacing-x2));\n  display: flex;\n  align-items: center;\n  gap: var(--ctr-code-viewer-code-error-row-gap, var(--sjs-spacing-x2));\n}\n\n.svc-json-error .sv-string-viewer {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n  text-decoration: underline;\n}\n\n.svc-json-error__icon {\n  fill: var(--sjs-semantic-red-background-500, #e50a3eff);\n  width: var(--ctr-code-viewer-code-error-row-icon-width, var(--sjs-font-size-x2));\n  height: var(--ctr-code-viewer-code-error-row-icon-height, var(--sjs-font-size-x2));\n  box-sizing: border-box;\n  display: block;\n}\n\n.svc-json-error__container {\n  display: flex;\n  gap: var(--ctr-code-viewer-code-error-row-gap, var(--sjs-spacing-x2));\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  border: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--ctr-code-viewer-code-error-row-fix-button-padding-top, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-fix-button-padding-bottom, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-padding-left, var(--sjs-spacing-x1));\n\n  border-radius: var(--ctr-code-viewer-code-error-row-fix-button-corner-radius, var(--sjs-corner-radius-x05));\n  background: var(\n    --ctr-code-viewer-code-error-row-fix-button-background-color,\n    var(--sjs-layer-1-background-500, #ffffffff)\n  );\n  box-shadow: var(--ctr-code-viewer-code-error-row-fix-button-shadow-offset-x, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-offset-y, 1px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-blur, 2px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-spread, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-color, var(--sjs-special-shadow, #00000040));\n\n  svg {\n    fill: var(--ctr-code-viewer-code-error-row-fix-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    width: var(--ctr-code-viewer-code-error-row-fix-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-code-viewer-code-error-row-fix-button-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.svc-json-error__fix-button:hover {\n  svg {\n    fill: var(\n      --ctr-code-viewer-code-error-row-fix-button-icon-color-hovered,\n      var(--sjs-primary-background-500, #19b394ff)\n    );\n  }\n}","@use \"../variables\" as *;\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\n  border: var(--ctr-preview-device-frame-border-width, var(--sjs-stroke-x2)) solid\n    var(--ctr-preview-device-frame-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-preview-device-frame-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n}\n\n.svd-simulator-wrapper {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--ctr-preview-device-corner-radius, var(--sjs-corner-radius-x4));\n  box-shadow:\n    0px 2px 6px 0px rgba(0, 0, 0, 0.1),\n    0px 8px 16px 0px var(--ctr-preview-device-shadow-2-color, var(--sjs-special-glow, #004c441a));\n  border: var(--ctr-preview-device-border-width, var(--sjs-stroke-x4)) solid\n    var(--ctr-preview-device-border-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  background: var(--ctr-preview-device-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: content-box;\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--menu-popup {\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  position: relative;\n}\n","@use \"../../variables\" as *;\n\n// svc-tab-preview {\n//   width: 100%;\n//   height: 100%;\n//   background: $background-dim;\n// }\n\n.svc-test-tab__content {\n  align-items: center;\n  justify-content: center;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  .svc-preview__test-again {\n    width: calcSize(33);\n    box-sizing: border-box;\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  width: 100%;\n\n  .sv-action-bar {\n    padding: var(--ctr-preview-pager-padding-top, var(--sjs-spacing-x1)) var(--ctr-preview-pager-padding-right, 0px) var(--ctr-preview-pager-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-preview-pager-padding-left, 0px);\n    box-shadow: inset 0 var(--ctr-preview-pager-border-width-top, var(--sjs-stroke-x1)) 0 0 var(--ctr-preview-pager-border-color, var(--sjs-border-25, #d4d4d4ff));\n    background: var(--ctr-preview-pager-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    width: 100%;\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, var(--sjs-secondary-background-500, #19b394ff));\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, var(--sjs-secondary-background-10, #19b3941a));\n      }\n\n      &:hover {\n        background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\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, var(--sjs-secondary-background-10, #19b3941a));\n    }\n\n    .sv-action-bar-item__title {\n      color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n    }\n  }\n\n  .sv-action-bar-item {\n    @include ctrSmallBoldFont;\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}\n\n.svc-page-invisible {\n  .svc-list__item-body {\n    padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-spacing-x150));\n    padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-spacing-x150));\n    padding-inline-start: var(--ctr-list-item-padding-left, var(--sjs-spacing-x2));\n    padding-inline-end: var(--ctr-list-item-padding-right-with-label-icon, var(--sjs-spacing-x150));\n  }\n  .svc-list-item__marker-icon {\n    padding: 0;\n    opacity: var(--ctr-list-item-icon-opacity-label, 0.5);\n    width: var(--ctr-list-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-list-item-icon-height, var(--sjs-font-size-x3));\n  }\n}\n.svc-test-tab__content .sd-body--empty {\n  @include ctrDefaultFont;\n  color: var(--sjs-layer-1-foreground-100, #000000E6);\n  text-align: center;\n  overflow: hidden;\n  position: static;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-preview-pager__item {\n  @include defaultActionButtonSettings;\n\n  display: flex;\n  max-width: 100%;\n  padding: var(--ctr-preview-pager-item-padding-top-with-text, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-right-with-text, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-bottom-with-text, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-left-with-text, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--ctr-preview-pager-item-corner-radius, var(--sjs-corner-radius-x05));\n  background-color: transparent;\n\n  &:hover {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n  }\n\n  &.svc-preview-pager__item--pressed {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n  &.svc-preview-pager__item--active {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-background-10, #19b3941a));\n  }\n}\n\n.svc-preview-pager__item--icon {\n  padding: var(--ctr-preview-pager-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-left, var(--sjs-spacing-x1));\n\n  &:hover {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\n\n  &.svc-preview-pager__item--pressed {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-pressed, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n\n  &.svc-preview-pager__item--active {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-background-10, #19b3941a));\n  }\n}\n\n.svc-preview-pager-item__icon {\n  box-sizing: border-box;\n  display: flex;\n  width: var(--ctr-preview-pager-item-icon-container-width, var(--sjs-font-size-x2));\n  height: var(--ctr-preview-pager-item-icon-container-height, var(--sjs-font-size-x2));\n  padding: var(--ctr-preview-pager-item-icon-padding-top, 0px)\n    var(--ctr-preview-pager-item-icon-padding-right, 0px)\n    var(--ctr-preview-pager-item-icon-padding-bottom, 0px)\n    var(--ctr-preview-pager-item-icon-padding-left, 0px);\n  justify-content: center;\n  align-items: center;\n\n  use {\n    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #19b394ff));\n  }\n}\n\n.svc-preview-pager-item__title {\n  @include ctrSmallBoldFont;\n  @include textEllipsis;\n  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-footer-bar {\n  .svc-preview-pager__item {\n    --thm-menu-toolbar-button-gap: calc(var(--ctr-menu-toolbar-gap, var(--sjs-spacing-x2)) / 2);\n    margin: 0 var(--thm-menu-toolbar-button-gap);\n  }\n\n  .svc-preview-pager-item__icon {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n    box-sizing: content-box;\n\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n","@use \"../../variables\" as *;\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: var(--ctr-collapse-button-margin-top, var(--sjs-spacing-x05n));\n  padding-right: var(--ctr-collapse-button-margin-right, var(--sjs-spacing-x2));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n  box-sizing: border-box;\n  border-radius: var(--ctr-collapse-button-corner-radius, var(--sjs-corner-radius-x1));\n  padding: var(--ctr-collapse-button-padding, var(--sjs-spacing-x150));\n  transition: background-color $creator-transition-duration;\n\n  &:focus:enabled {\n    background-color: transparent;\n  }\n  use {\n    transition: fill $creator-transition-duration;\n  }\n  &:hover:enabled,\n  &.sv-focused--by-key.sv-focused--by-key {\n    background-color: var(--ctr-collapse-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n    outline: none;\n\n    use {\n      fill: var(--ctr-collapse-button-icon-color-hovered, var(--sjs-layer-3-foreground-75, #000000bf));\n    }\n  }\n  .sv-action-bar-item__icon {\n    width: var(--ctr-collapse-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-collapse-button-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n  padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-expression-item-padding-right-icon-only, var(--sjs-spacing-x1))\n    var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-expression-item-padding-left-icon-only, var(--sjs-spacing-x1));\n  cursor: pointer;\n  border: none;\n  border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n  &:focus:enabled {\n    background-color: transparent;\n  }\n  use {\n    fill: var(--ctr-expression-item-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\n  &:hover:enabled,\n  &.sv-focused--by-key.sv-focused--by-key {\n    background-color: var(\n      --ctr-expression-item-background-color-remove-button-hovered,\n      var(--sjs-semantic-red-background-10, #e50a3e1a)\n    );\n    outline: none;\n\n    use {\n      fill: var(--ctr-expression-item-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n  .sv-action-bar-item__icon {\n    width: var(--ctr-expression-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-expression-item-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.sl-table__remove-button .sv-action-bar-item__icon {\n  width: var(--ctr-survey-action-button-icon-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-action-button-icon-height, var(--lbr-size-x3));\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.sl-table__row--additional .sl-table__cell .svc-action-button {\n  color: var(--lbr-page-header-title-color-not-completed-rule, var(--sjs-secondary-background-500, #19b394ff));\n}\n.sl-table .svc-action-button {\n  padding: var(--ctr-survey-page-header-padding-vertical-with-button, var(--sjs-spacing-x05)) 0px;\n  margin-left: 0;\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 ctrMediumBoldFont;\n  --thm-logic-header-max-height: var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, calcSize(4)));\n  background: transparent;\n  outline: none;\n  border: none;\n  box-shadow: none;\n  border-radius: 0;\n  color: var(--lbr-page-header-title-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  box-sizing: content-box;\n  max-height: calc(3 * var(--thm-logic-header-max-height));\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\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    @include ctrDefaultBoldFont;\n    width: auto;\n    margin: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2)) 0 0 0;\n    color: var(--ctr-expression-item-text-color-button, var(--sjs-primary-background-500, #19b394ff));\n    background-color: var(--ctr-expression-item-background-color-button, var(--sjs-primary-background-10, #19b3941a));\n    border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n    padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-expression-item-padding-right-button, var(--sjs-spacing-x4))\n      var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-expression-item-padding-left-button, var(--sjs-spacing-x4));\n\n    display: flex;\n    align-items: center;\n    vertical-align: baseline;\n    text-align: center;\n\n    user-select: none;\n\n    transition:\n      background-color $creator-transition-duration,\n      color $creator-transition-duration;\n  }\n\n  button:hover:enabled {\n    background-color: var(\n      --ctr-expression-item-background-color-button-hovered,\n      var(--sjs-primary-background-500, #19b394ff)\n    );\n    color: var(--ctr-expression-item-text-color-button-hovered, var(--sjs-primary-foreground-100, #ffffffff));\n  }\n\n  .sv-action-bar-item__title {\n    @include ctrDefaultBoldFont;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\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: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.sl-row {\n  display: flex;\n  align-items: flex-start;\n  flex-flow: row wrap;\n}\n\n.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {\n  margin-top: 0;\n}\n\n.sl-row--multiple {\n  .sl-panel {\n    padding-bottom: 0;\n  }\n}\n\n.sl-question__header--left {\n  margin-right: var(--ctr-expression-items-gap, var(--sjs-spacing-x1));\n}\n\n.sl-row {\n  .sd-rating {\n    overflow-x: auto;\n    padding: 2px;\n    margin: -2px;\n  }\n}\n\n.sl-question__title {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-expression-item-text-color-function, var(--sjs-layer-3-foreground-100, #000000e6));\n  margin: 0;\n\n  span + span {\n    display: none;\n  }\n}\n\n.sl-row--multiple .sl-question {\n  padding-right: var(--ctr-expression-items-gap, var(--sjs-spacing-x1));\n}\n.svc-logic-question-text-editor {\n  margin-top: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\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: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.svc-logic_trigger-editor {\n  margin-top: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n  margin-top: 0;\n}\n\n.sv-popup.svc-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.sl-paneldynamic__buttons-container {\n  display: flex;\n  justify-content: start;\n  .sv-action-bar {\n    margin: 0;\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.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    animation: none;\n  }\n}\n","@use \"../../variables\" as *;\n\n.svc-tab-translation {\n  width: 100%;\n  height: 100%;\n  background-color: var(--ctr-surface-background-color, var(--sjs-special-background, #edf9f7ff));\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.st-properties {\n  background-color: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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    .sd-table__cell--drag,\n    .spg-table__cell--actions {\n      &,\n      & + sv-ng-matrixdropdown-cell {\n        & + .spg-table__cell {\n          width: calcSize(5);\n        }\n      }\n    }\n\n    .spg-table__question-wrapper {\n      @include ctrDefaultFont;\n      padding: calcSize(1.5) calcSize(1);\n      color: var(--ctr-checkbox-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n\n      .spg-checkbox {\n        margin: 0;\n      }\n\n      .spg-selectbase__label {\n        gap: 0;\n      }\n    }\n\n    .spg-checkbox--disabled {\n      .spg-checkbox__caption {\n        color: var(--ctr-checkbox-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n      }\n\n      .spg-checkbox__rectangle,\n      .spg-checkbox__rectangle:hover {\n        border: var(--ctr-checkbox-border-width, var(--sjs-stroke-x1)) solid\n          var(--ctr-checkbox-border-color-disabled, var(--sjs-border-10, #dcdcdcff));\n        background: var(--ctr-checkbox-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n      }\n    }\n  }\n\n  .spg-matrixdynamic__dragged-row {\n    @include ctrDefaultFont;\n    color: var(--ctr-checkbox-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n\n    .spg-table__cell:nth-child(3) {\n      flex: 1;\n    }\n  }\n}\n\n.st-content {\n  display: flex;\n  height: 100%;\n}\n\n.st-strings {\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: var(--ctr-property-grid-border-width-left, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-border-color, var(--sjs-border-25, #d4d4d4ff));\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, var(--sjs-layer-3-background-500, #f4f4f4ff));\n    height: auto;\n  }\n}\n\n.st-root-modern {\n  width: 100%;\n  height: fit-content;\n  max-height: 100%;\n  overflow-y: auto;\n  background-color: var(--ctr-string-table-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n  @include ctrSmallBoldFont;\n  text-align: left;\n}\n\n.st-table__cell.st-table__cell--header {\n  color: var(--ctr-string-table-header-text-color, var(--sjs-layer-3-foreground-75, #000000bf));\n}\n\n.st-title.st-panel__title {\n  margin: 0;\n  color: var(--ctr-string-table-group-header-text-color, var(--sjs-layer-2-foreground-75, #000000bf));\n  background-color: var(--ctr-string-table-group-header-background-color, var(--sjs-layer-2-background-500, #f8f8f8ff));\n  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n  padding: var(--ctr-string-table-row-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3))\n    var(--ctr-string-table-row-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\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, var(--sjs-layer-1-background-500, #ffffffff));\n  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n  padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-string-table-row-text-color-title, var(--sjs-layer-1-foreground-100, #000000e6));\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 ctrDefaultFont;\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, var(--sjs-layer-1-background-500, #ffffffff));\n  color: var(--ctr-string-table-row-text-color-title, var(--sjs-layer-1-foreground-100, #000000e6));\n  resize: none;\n  padding: 0;\n}\n\n.sd-translation-line-skeleton {\n  min-height: var(--sjs-size-x5);\n  background-color: var(--sjs-layer-3-background-500, #f4f4f4ff);\n}\n\n.st-navigation-btn {\n  @include ctrDefaultBoldFont;\n  padding: var(--ctr-actionbar-button-padding-top-large-icon-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon-text, var(--sjs-spacing-x2))\n    var(--ctr-actionbar-button-padding-bottom-large-icon-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon-text, var(--sjs-spacing-x150));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  white-space: nowrap;\n\n  .sd-action__icon {\n    width: var(--ctr-actionbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-actionbar-button-icon-height, var(--sjs-font-size-x3));\n    margin-left: 0;\n  }\n}\n\n.st-navigation-btn:hover {\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  background: var(\n    --ctr-actionbar-button-background-color-hovered-colorful,\n    var(--sjs-primary-background-10, #19b3941a)\n  );\n}\n\n.st-navigation-btn.sd-action--icon {\n  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n\n  &:not(.sd-action--pressed) {\n    &:hover,\n    &:focus {\n      border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n      background: var(\n        --ctr-actionbar-button-background-color-hovered-colorful,\n        var(--sjs-primary-background-10, #19b3941a)\n      );\n    }\n  }\n\n  svg use {\n    fill: var(--ctr-actionbar-button-icon-color-colorful, var(--sjs-primary-background-500, #19b394ff));\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__btn {\n  flex-direction: row-reverse;\n  padding: var(--ctr-actionbar-button-padding-top-large-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-text-drop-down, var(--sjs-spacing-x150))\n    var(--ctr-actionbar-button-padding-bottom-large-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-text, var(--sjs-spacing-x2));\n  gap: var(--ctr-actionbar-button-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  white-space: nowrap;\n\n  .sd-action__title {\n    @include ctrDefaultBoldFont;\n    color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n  }\n\n  .sd-action__icon {\n    width: var(--ctr-actionbar-button-drop-down-arrow-width, var(--sjs-font-size-x2));\n    height: var(--ctr-actionbar-button-drop-down-arrow-height, var(--sjs-font-size-x2));\n    margin-left: 0;\n  }\n\n  &.sd-action--pressed:not(.sd-action--active) {\n    opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n    background: var(\n      --ctr-actionbar-button-background-color-hovered-colorful,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n\n  &:disabled {\n    opacity: 1;\n    color: var(--ctr-actionbar-button-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n\n    fill: var(--ctr-actionbar-button-icon-color-with-text-disabled, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n  @include ctrDefaultFont;\n  color: var(--ctr-string-table-title-caption-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n\n.st-body__footer {\n  box-sizing: border-box;\n  padding: var(--ctr-string-table-title-padding-top, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-right-actions, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-bottom, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-left, var(--sjs-spacing-x3));\n  border-bottom: var(--ctr-string-table-title-border-width-bottom, var(--sjs-stroke-x1)) solid\n    var(--ctr-string-table-title-border-color, var(--sjs-border-10, #dcdcdcff));\n  background: var(--ctr-string-table-title-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n}\n.st-translation-dialog .st-strings-wrapper {\n  border-radius: var(--ctr-string-table-corner-radius, var(--sjs-corner-radius-x05));\n  box-shadow: var(--ctr-shadow-small-offset-x, 0px) var(--ctr-shadow-small-offset-y, 1px)\n    var(--ctr-shadow-small-blur, 2px) var(--ctr-shadow-small-spread, 0px)\n    var(--ctr-shadow-small-color, var(--sjs-special-shadow, #00000040));\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}\n","@use \"../../variables\" as *;\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 var(--sjs-border-default, var(--border, #d6d6d6));\n//     width: 100%;\n//   }\n// }\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n  box-sizing: content-box;\n  max-width: calcSize(40);\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n  @include ctrDefaultBoldFont;\n  -webkit-appearance: none;\n  appearance: none;\n  border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n  padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-right, var(--sjs-spacing-x2)) var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-left, var(--sjs-spacing-x2));\n\n  border: none;\n  outline: none;\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\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, var(--sjs-semantic-blue-foreground-100, #ffffffff));\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, var(--sjs-semantic-blue-background-10, #437fd91a));\n  color: var(--ctr-expression-item-text-color-parameter-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-parameter-hovered, var(--sjs-semantic-blue-background-500, #437fd9ff));\n    color: var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-semantic-blue-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction {\n  background-color: var(--ctr-expression-item-background-color-conjunction, var(--sjs-semantic-yellow-background-10, #ff98141a));\n  color: var(--ctr-expression-item-text-color-conjunction-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-conjunction-hovered, var(--sjs-semantic-yellow-background-500, #ff9814ff));\n    color: var(--ctr-expression-item-text-color-conjunction-hovered, var(--sjs-semantic-yellow-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--operator {\n  background-color: var(--ctr-expression-item-background-color-operator, var(--sjs-semantic-yellow-background-10, #ff98141a));\n  color: var(--ctr-expression-item-text-color-operator-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-operator-hovered, var(--sjs-semantic-yellow-background-500, #ff9814ff));\n    color: var(--ctr-expression-item-text-color-operator-hovered, var(--sjs-semantic-yellow-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n  background-color: var(--ctr-expression-item-background-color-action, var(--sjs-semantic-red-background-10, #e50a3e1a));\n  color: var(--ctr-expression-item-text-color-action-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-action-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n    color: var(--ctr-expression-item-text-color-action-hovered, var(--sjs-semantic-red-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n  margin-top: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn {\n  color: var(--ctr-expression-item-text-color-action, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n  color: var(--ctr-expression-item-text-color-operator, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--question {\n  color: var(--ctr-expression-item-text-color-parameter, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--conjunction {\n  color: var(--ctr-expression-item-text-color-conjunction, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--operator {\n  color: var(--ctr-expression-item-text-color-operator, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--action {\n  color: var(--ctr-expression-item-text-color-action, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n\n.svc-logic-operator.svc-logic-operator--error {\n  box-shadow: inset 0 0 0 2px\n    var(--ctr-expression-item-border-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n  &:hover,\n  &:focus {\n    box-shadow: inset 0 0 0 2px\n      var(--ctr-expression-item-border-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n    background-color: var(--ctr-expression-item-background-color-parameter-error, var(--sjs-layer-1-background-500, #ffffffff));\n    color: var(--ctr-expression-item-text-color-parameter-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\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\n.svc-action-button--icon.svc-icon-remove {\n  display: none;\n  padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-right-icon-only, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-left-icon-only, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n  background: none;\n  justify-content: center;\n  align-items: center;\n  outline: none;\n  border: none;\n\n  .sv-svg-icon {\n    width: var(--ctr-expression-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-expression-item-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-expression-item-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\n\n  &:focus,\n  &:hover {\n    background-color: var(--ctr-expression-item-background-color-remove-button-hovered, var(--sjs-semantic-red-background-10, #e50a3e1a));\n  }\n\n  &.svc-action-button--disabled {\n    fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.sl-panel-wrapper--in-row:hover .svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-icon-remove {\n  display: flex;\n}\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-tab__content {\n  /* disable library transition animations */\n  --sjs-transition-duration: 0ms;\n}\n\n.svc-logic-tab__content {\n  &.svc-logic-tab--empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    .svc-logic-tab__content-action {\n      // width: calcSize(33);\n      margin: 0;\n    }\n  }\n\n  .svc-logic-tab__content-action {\n    margin-left: 25%;\n    margin-right: 25%;\n    margin-top: var(--ctr-surface-gap, var(--sjs-spacing-x5));\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, var(--sjs-layer-1-background-500, #ffffffff));\n      box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, var(--sjs-special-shadow, #00000040));\n    }\n  }\n\n  .svc-logic-tab__content-action--disabled .svc-btn__text {\n    color: var(--ctr-button-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\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  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n}\n\n.svc-logic-paneldynamic {\n  .sd-row--multiple {\n    padding: 0;\n    background: none;\n    box-shadow: none;\n\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, var(--sjs-layer-3-foreground-75, #000000bf));\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.svc-logic-placeholder {\n  width: calcSize(78);\n  min-width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin-top: var(--lbr-question-panel-header-padding-bottom, var(--lbr-spacing-x2));\n  border-radius: var(--lbr-question-panel-corner-radius, var(--lbr-corner-radius-x05));\n  background: var(--lbr-question-panel-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px)\n    var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px)\n    var(--lbr-question-panel-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n\n.sv-popup--menu-phone,\n.sv-popup--menu-tablet {\n  .svc-logic-placeholder {\n    width: initial;\n  }\n}\n\n.svc-logic-placeholder__text.svc-logic-placeholder__text {\n  @include lbrDefaultFont;\n  color: var(--lbr-placeholder-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-align: center;\n  display: block;\n  padding: var(--lbr-placeholder-padding-top, var(--lbr-spacing-x2)) var(--lbr-placeholder-padding-right, var(--lbr-spacing-x8))\n    var(--lbr-placeholder-padding-bottom, var(--lbr-spacing-x2)) var(--lbr-placeholder-padding-left, var(--lbr-spacing-x8));\n}\n\n.svc-logic-tab__leave-apply-button {\n  background-color: var(--ctr-button-background-color-danger, var(--sjs-semantic-red-background-500, #e50a3eff));\n}\n\n.svc-logic-question-value.sd-element--with-frame {\n  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px)\n    var(--lbr-question-panel-shadow-offset-y, 1px)\n    var(--lbr-question-panel-shadow-blur, 2px)\n    var(--lbr-question-panel-shadow-spread, 0px)\n    var(--lbr-question-panel-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n","$lbr-size-unit: var(--lbr-size-unit, 8px);\n$lbr-spacing-unit: var(--lbr-spacing-unit, 8px);\n$lbr-corner-radius-unit: var(--lbr-corner-radius-unit, 8px);\n$lbr-stroke-unit: Max(var(--lbr-stroke-unit, 1px), 1px);\n$lbr-font-unit: var(--lbr-font-unit, 8px);\n$lbr-line-height-unit: var(--lbr-line-height-unit, 8px);\n$lbr-font-family: var(--lbr-font-family, var(--sjs-font-family, var(--font-family)));\n\n@mixin lbrDefaultFont {\n  font-family: $lbr-font-family;\n  font-size: var(--lbr-font-default-size, var(--lbr-font-size-x2));\n  font-style: normal;\n  line-height: var(--lbr-font-default-line-height, var(--lbr-line-height-x3));\n}\n\n@mixin lbrDefaultBoldFont {\n  @include lbrDefaultFont;\n  font-weight: 600;\n}\n\n@mixin lbrSmallFont {\n  font-family: $lbr-font-family;\n  font-size: var(--lbr-font-small-size, var(--lbr-font-size-x150));\n  font-style: normal;\n  line-height: var(--lbr-font-small-line-height, var(--lbr-line-height-x2));\n}\n\n@mixin lbrSmallBoldFont {\n  @include lbrSmallFont;\n  font-weight: 600;\n}\n\n@mixin lbrLargeFont {\n  font-family: $lbr-font-family;\n  font-size: var(--lbr-font-large-size, var(--lbr-font-size-x4));\n  line-height: var(--lbr-font-large-line-height, var(--lbr-line-height-x5));\n  font-style: normal;\n  font-weight: 400;\n}\n\n@mixin lbrLargeBoldFont {\n  @include lbrLargeFont;\n  font-weight: 700;\n}\n","@use \"../../variables\" as *;\n@use \"../../lbr-variables.scss\" as lbrVariables;\n\nsvc-tab-designer {\n  width: 100%;\n  height: 100%;\n  background: var(--ctr-surface-background-color, var(--sjs-special-background, #edf9f7ff));\n}\n\n.svc-tab-designer {\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n  flex-direction: column;\n  position: static;\n  background: var(--ctr-surface-background-color, var(--sjs-special-background, #edf9f7ff));\n  width: 0;\n}\n\n.svc-tab-designer--with-placeholder .svc-designer-header {\n  width: 100%;\n  min-width: var(--sjs-size-x90);\n}\n\n.svc-content-wrapper {\n  width: 100%;\n  display: flex;\n}\n\n.svc-designer-header .svc-surface-header {\n  background-color: transparent;\n  display: flex;\n  padding-block-start: var(--ctr-survey-header-padding-top-advanced, var(--lbr-spacing-x2));\n  padding-inline-end: var(--lbr-header-padding-right, var(--lbr-spacing-x3));\n  padding-block-end: var(--ctr-survey-header-padding-bottom-advanced, var(--lbr-spacing-x2));\n  padding-inline-start: var(--lbr-header-padding-left, var(--lbr-spacing-x3));\n\n  flex-direction: column-reverse;\n  justify-content: center;\n  align-items: flex-start;\n  gap: var(--ctr-survey-header-gap, var(--lbr-spacing-x1));\n  box-shadow: none;\n  overflow: visible;\n}\n\n.svc-surface-header {\n  .sd-title {\n    .sv-string-editor {\n      @include lbrVariables.lbrLargeBoldFont;\n      color: var(--ctr-survey-header-text-title-color, var(--sjs-layer-3-foreground-100, rgba(0, 0, 0, 0.9)));\n\n      &[aria-placeholder]:empty:before {\n        color: var(--ctr-survey-header-text-title-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n      }\n    }\n  }\n\n  .sd-description .sv-string-editor {\n    @include lbrVariables.lbrDefaultFont;\n    color: var(--ctr-survey-header-text-description-color, var(--sjs-layer-3-foreground-50, rgba(0, 0, 0, 0.5)));\n\n    &[aria-placeholder]:empty:before {\n      color: var(--ctr-survey-header-text-description-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n    }\n  }\n}\n\n.svc-tab-designer {\n  .svc-designer-header {\n    border-bottom: 2px solid transparent;\n    position: relative;\n  }\n\n  .sd-title {\n    display: flex;\n  }\n\n  .sd-container-modern {\n    width: 100%;\n    box-sizing: border-box;\n    margin-left: auto;\n    margin-right: auto;\n\n    &.sd-container-modern--static {\n      max-width: calcSize(84);\n    }\n\n    &.sd-container-modern--responsive {\n      max-width: initial;\n    }\n  }\n\n  .sd-question.sd-question--image {\n    width: 100%;\n  }\n\n  .sd-progress,\n  .sd-progress__bar {\n    background-color: transparent;\n  }\n}\n\n.svc-tab-designer_content {\n  padding-inline-start: var(--ctr-survey-page-margin-right, var(--lbr-spacing-x2));\n  padding-inline-end: var(--ctr-survey-page-margin-left, var(--lbr-spacing-x2));\n}\n\n.svc-tab-designer--with-placeholder {\n  .svc-tab-designer_content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    min-height: 100%;\n  }\n}\n\n.svc-tab-designer--with-surface-tools {\n  .svc-tab-designer_content {\n    padding-inline-start: var(--ctr-survey-page-margin-right-with-toolbar, var(--sjs-spacing-x925));\n    padding-inline-end: var(--ctr-survey-page-margin-left-with-toolbar, var(--sjs-spacing-x925));\n  }\n}\n\n.svc-creator--mobile {\n  .svc-tab-designer_content {\n    padding: 0;\n  }\n}\n\n.svc-designer__placeholder-container {\n  display: flex;\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  .svc-element__add-new-question {\n    padding: var(--ctr-button-padding-vertical, var(--sjs-spacing-x2))\n      var(--ctr-button-padding-horizontal-contextual-button, var(--sjs-spacing-x10));\n\n    .svc-element__question-type-selector {\n      padding: var(--ctr-button-contextual-button-padding-top, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-padding-right, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-padding-bottom, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-padding-left, var(--sjs-spacing-x1));\n\n      margin: var(--ctr-button-contextual-button-margin-vertical, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-margin-horizontal, var(--sjs-spacing-x1));\n\n      border-radius: var(--ctr-button-contextual-button-corner-radius, var(--sjs-corner-radius-x05));\n    }\n\n    .svc-element__question-type-selector-icon {\n      width: var(--ctr-button-contextual-button-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-button-contextual-button-icon-height, var(--sjs-font-size-x3));\n\n      .sv-svg-icon {\n        width: var(--ctr-button-contextual-button-icon-width, var(--sjs-font-size-x3));\n        height: var(--ctr-button-contextual-button-icon-height, var(--sjs-font-size-x3));\n      }\n\n      use {\n        fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n      }\n    }\n\n    .svc-add-new-item-button__text {\n      @include ctrDefaultBoldFont;\n      color: var(--ctr-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n      text-align: center;\n    }\n  }\n}\n\n.svc-tab-designer__tools {\n  position: absolute;\n  display: flex;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  padding: var(--ctr-surface-toolbar-padding-top, var(--sjs-spacing-x2))\n    var(--ctr-surface-toolbar-padding-right, var(--sjs-spacing-x2))\n    var(--ctr-surface-toolbar-padding-bottom, var(--sjs-spacing-x2))\n    var(--ctr-surface-toolbar-padding-left, var(--sjs-spacing-x2));\n  flex-direction: column;\n  align-items: center;\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .svc-tab-designer__tools {\n    right: unset;\n    left: 0;\n  }\n}\n\n.svc-tab-designer__toolbar {\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-tab-designer__surface-toolbar {\n  gap: var(--ctr-surface-toolbar-gap, var(--sjs-spacing-x1));\n  flex-direction: column;\n\n  .sv-action-bar-separator {\n    height: var(--ctr-separator-width, var(--sjs-size-x0125));\n    width: var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3));\n    padding: 0px var(--ctr-separator-margin-vertical-small, var(--sjs-spacing-x1));\n    margin-bottom: var(--ctr-surface-toolbar-gap, var(--sjs-spacing-x1));\n    margin-right: 0;\n    box-sizing: content-box;\n  }\n\n  .sv-action__content {\n    flex-direction: column;\n  }\n}\n\n.sv-action-bar-separator {\n  background: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\n}\n","@use \"./variables\" as *;\n\n.svc-creator--mobile {\n  .sd-root-modern,\n  .sd-container-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:not(.svc-question__content--composite-question) {\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\n  .svc-question__drag-area {\n    height: calcSize(3);\n  }\n\n  .svc-question__content--selected {\n    .svc-rating-question-controls {\n      bottom: calcSize(10);\n    }\n  }\n\n  .svc-designer-header + .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\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        @include ctrMediumBoldFont;\n        margin: 0;\n      }\n\n      h5 {\n        margin: 0;\n      }\n    }\n  }\n\n  .svc-tab-designer {\n    .sd-container-modern {\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    .svc-survey-element-toolbar__item {\n      border: 0;\n    }\n  }\n}","@use \"../../variables\" as *;\n\n.svc-switcher.spg-action-button {\n  align-items: center;\n  gap: var(--ctr-property-grid-switcher-gap, var(--sjs-spacing-x1));\n  pointer-events: auto;\n}\n\n.svc-switcher__title {\n  @include ctrSmallBoldFont;\n  color: var(--ctr-property-grid-switcher-text-color, var(--sjs-layer-1-foreground-75, #000000bf));\n}\n\n.svc-switcher__icon {\n  padding-block-start: var(--ctr-property-grid-switcher-toggle-button-padding-top, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-property-grid-switcher-toggle-button-padding-right, var(--sjs-spacing-x2));\n  padding-block-end: var(--ctr-property-grid-switcher-toggle-button-padding-bottom, var(--sjs-spacing-x05));\n  padding-inline-start: var(--ctr-property-grid-switcher-toggle-button-padding-left, var(--sjs-spacing-x05));\n  border-radius: var(--ctr-property-grid-switcher-toggle-button-corner-radius, var(--sjs-corner-radius-round));\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(\n    --ctr-property-grid-switcher-toggle-button-background-color,\n    var(--sjs-layer-3-background-500, #f4f4f4ff)\n  );\n\n  transition-duration: 0.2s;\n  transition-property: background, padding-inline-start, padding-inline-end;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n  border: 1px solid var(--ctr-property-grid-switcher-toggle-button-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-hovered, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-switcher__icon:focus {\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-focused, var(--sjs-stroke-x2)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n}\n\n.svc-switcher__icon:focus:hover {\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-focused, var(--sjs-stroke-x2)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-hovered, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n  justify-content: center;\n  align-items: center;\n  padding-block-start: var(--ctr-property-grid-switcher-toggle-button-padding-top, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-property-grid-switcher-toggle-button-padding-right-checked, var(--sjs-spacing-x05));\n  padding-block-end: var(--ctr-property-grid-switcher-toggle-button-padding-bottom, var(--sjs-spacing-x05));\n  padding-inline-start: var(--ctr-property-grid-switcher-toggle-button-padding-left-checked, var(--sjs-spacing-x2));\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-checked, 0px) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-checked, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.svc-switcher__icon--checked:focus {\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-focused, var(--sjs-stroke-x2)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-checked-focused, var(--sjs-primary-foreground-100, #ffffffff));\n}\n\n.svc-switcher__icon-thumb {\n  width: var(--ctr-property-grid-switcher-toggle-button-thumb-width, var(--sjs-size-x1));\n  height: var(--ctr-property-grid-switcher-toggle-button-thumb-height, var(--sjs-size-x1));\n  border-radius: var(--ctr-property-grid-switcher-toggle-button-thumb-corner-radius, var(--sjs-corner-radius-round));\n  background-color: var(--ctr-property-grid-switcher-toggle-button-thumb-color, var(--sjs-layer-3-foreground-50, #00000080));\n\n  transition-duration: 0.2s;\n  transition-property: background-color;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n  background-color: var(--ctr-property-grid-switcher-toggle-button-thumb-color-checked, var(--sjs-primary-foreground-100, #ffffffff));\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: var(--ctr-property-grid-switcher-toggle-button-thumb-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n","@use \"../variables\" as *;\n\n.svc-notifier.svc-notifier--shown {\n  visibility: visible;\n  opacity: var(--ctr-notification-opacity, 0.75);\n}\n\n.svc-notifier {\n  @include ctrSmallBoldFont;\n\n  position: absolute;\n  bottom: calcSize(1);\n  left: calcSize(1);\n  background: var(--ctr-notification-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  opacity: 0;\n  padding: calcSize(1) calcSize(2);\n  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, var(--sjs-special-glow, #004c441a));\n  border-radius: calcSize(0.5);\n  color: var(--ctr-notification-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  min-width: calcSize(30);\n  text-align: center;\n  z-index: 1600; //todo: should overlap popup\n\n  visibility: hidden;\n}\n\n.svc-notifier.svc-notifier--error {\n  background-color: var(--ctr-notification-background-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n  color: var(--ctr-notification-text-color-error, var(--sjs-semantic-red-foreground-100, #ffffffff));\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}","@use \"../variables\" as *;\n@use \"./notifier.scss\";\n@use \"./popup.scss\";\n@use \"./button.scss\";\n@use \"./surface-placeholder.scss\";\n@use \"../lbr-font-sizes.scss\";\n@use \"../lbr-sizes.scss\";\n@use \"../ctr-font-sizes.scss\";\n@use \"../ctr-sizes.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  -webkit-tap-highlight-color: transparent;\n\n  :not(.svd-simulator-main *) {\n    @-moz-document url-prefix() {\n      scrollbar-width: thin;\n      scrollbar-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026)) transparent;\n    }\n\n    &::-webkit-scrollbar {\n      width: var(--ctr-scrollbar-width, var(--sjs-size-x150));\n      height: var(--ctr-scrollbar-width, var(--sjs-size-x150));\n      background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border: var(--ctr-scrollbar-padding-vertical, var(--sjs-spacing-x05)) solid rgba(0, 0, 0, 0);\n      background-clip: padding-box;\n      border-radius: 1024px;\n      background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026));\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      border: var(--ctr-scrollbar-padding-vertical-hovered, var(--sjs-spacing-x025)) solid rgba(0, 0, 0, 0);\n      background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026));\n    }\n\n    .sv-popup .sv-popup__scrolling-content {\n      ::-webkit-scrollbar-thumb:hover {\n        background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026));\n      }\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, var(--sjs-layer-1-background-500, #ffffffff));\n      border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, var(--lbr-corner-radius-x1));\n      box-shadow:\n        var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-x, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-y, 2px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-blur, 8px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-spread, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-color, var(--sjs-special-glow, #004c441a)),\n        var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-x, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-y, 16px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-blur, 32px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-spread, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-color, var(--sjs-special-glow, #004c441a));\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  min-height: min-content;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-plugin-tab__content {\n  flex-basis: 0;\n  width: 100%;\n  max-height: 100%;\n  overflow-y: auto;\n  flex-grow: 1;\n}\n\n.sv-popup__content {\n  .svc-plugin-tab__content {\n    flex-basis: 100%;\n    height: 100%;\n  }\n}\n\n.svc-creator__banner {\n  width: 100%;\n  line-height: calcSize(4);\n  background-color: var(--ctr-page-banner-background-color, var(--sjs-secondary-background-500, #19b394ff));\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: 0px 2px 6px 0px var(--ctr-shadow-medium-color, var(--sjs-special-glow, #004c441a));\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  @include ctrDefaultBoldFont;\n  color: var(--ctr-page-banner-text-color, var(--sjs-secondary-foreground-100, #ffffffff));\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, var(--sjs-secondary-foreground-100, #ffffffff));\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: var(--sjs-secondary-background-500, #19B394FF);\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","@use \"../variables\" as *;\n\n.svc-creator-popup {\n  &.sv-popup--modal-popup {\n    background-color: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n\n    & > .sv-popup__container {\n      background-color: var(--ctr-popup-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n      border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius-x2));\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a));\n\n      .sv-modal-footer-action-bar {\n        gap: var(--ctr-popup-buttons-gap, var(--sjs-spacing-x2));\n      }\n\n      & > .sv-popup__body-content {\n        background-color: var(--ctr-popup-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n        border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius-x2));\n\n        padding: var(--ctr-popup-padding-top, var(--sjs-spacing-x4))\n          var(--ctr-popup-padding-right, var(--sjs-spacing-x4)) var(--ctr-popup-padding-bottom, var(--sjs-spacing-x4))\n          var(--ctr-popup-padding-left, var(--sjs-spacing-x4));\n\n        gap: var(--ctr-popup-gap, var(--sjs-spacing-x4));\n        box-shadow: unset;\n      }\n    }\n\n    // .sv-popup__scrolling-content {\n    //   overflow: visible;\n    // }\n  }\n  &.sv-popup--modal-overlay {\n    background: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n    padding-top: var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2));\n\n    & > .sv-popup__container {\n      width: 100vw;\n      max-height: calc(100vh - var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2)));\n      height: calc(100vh - var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2)));\n\n      display: flex;\n      border-radius: var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2))\n        var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2)) 0px 0px;\n      background: var(--ctr-popup-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n      box-shadow:\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a));\n    }\n\n    & > .sv-popup__container > .sv-popup__body-content {\n      display: flex;\n      min-height: 100%;\n      padding: var(--ctr-popup-padding-top-mobile, var(--sjs-spacing-x3))\n        var(--ctr-popup-padding-right-mobile, var(--sjs-spacing-x3))\n        var(--ctr-popup-padding-bottom-mobile, var(--sjs-spacing-x3))\n        var(--ctr-popup-padding-left-mobile, var(--sjs-spacing-x3));\n      border-radius: var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2))\n        var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2)) 0px 0px;\n      box-sizing: border-box;\n      flex-direction: column;\n      gap: var(--ctr-popup-gap-mobile, var(--sjs-spacing-x3));\n      flex: 1 0 0;\n      align-self: stretch;\n    }\n\n    .sv-popup__scrolling-content {\n      display: flex;\n      flex-direction: column;\n      flex: 1 0 0;\n      align-self: stretch;\n      overflow: visible;\n    }\n\n    .sv-popup__body-footer {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: var(--ctr-popup-buttons-gap, var(--sjs-spacing-x2));\n      align-self: stretch;\n    }\n\n    .sv-modal-footer-action-bar {\n      width: 100%;\n\n      .sv-action {\n        display: flex;\n        align-items: center;\n        flex: 1 0 0;\n      }\n\n      .sv-action__content {\n        display: flex;\n        flex-grow: 1;\n      }\n    }\n  }\n\n  .sv-popup__pointer {\n    &:after {\n      content: \" \";\n      border-bottom: calcSize(1) solid var(--ctr-popup-menu-pointer-color, var(--sjs-layer-1-background-500, #ffffffff));\n    }\n  }\n\n  .sv-popup__body-header {\n    @include ctrMediumBoldFont;\n    color: var(--ctr-popup-title-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n\n  &.sv-popup--menu-popup {\n    .sv-popup-inner > .sv-popup__container,\n    & > .sv-popup__container {\n      background: transparent;\n      border-radius: var(--ctr-popup-menu-corner-radius, var(--sjs-corner-radius-x1));\n      box-shadow:\n        var(--ctr-popup-menu-shadow-1-offset-x, 0px) var(--ctr-popup-menu-shadow-1-offset-y, 2px)\n          var(--ctr-popup-menu-shadow-1-blur, 8px) var(--ctr-popup-menu-shadow-1-spread, 0px)\n          var(--ctr-popup-menu-shadow-1-color, var(--sjs-special-glow, #004c441a)),\n        var(--ctr-popup-menu-shadow-2-offset-x, 0px) var(--ctr-popup-menu-shadow-2-offset-y, 16px)\n          var(--ctr-popup-menu-shadow-2-blur, 32px) var(--ctr-popup-menu-shadow-2-spread, 0px)\n          var(--ctr-popup-menu-shadow-2-color, var(--sjs-special-glow, #004c441a));\n\n      & > .sv-popup__body-content {\n        border-radius: var(--ctr-popup-menu-corner-radius, var(--sjs-corner-radius-x1));\n        background: var(--ctr-popup-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n        display: flex;\n        padding: var(--ctr-popup-menu-padding-top, 0px) var(--ctr-popup-menu-padding-right, 0px)\n          var(--ctr-popup-menu-padding-bottom, 0px) var(--ctr-popup-menu-padding-left, 0px);\n        flex-direction: column;\n        align-self: stretch;\n      }\n    }\n  }\n\n  &.sv-popup--menu-tablet {\n    background-color: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n\n    & > .sv-popup__container {\n      border-radius: var(--ctr-popup-menu-corner-radius, var(--sjs-corner-radius-x1));\n      box-shadow:\n        var(--ctr-popup-menu-shadow-1-offset-x, 0px) var(--ctr-popup-menu-shadow-1-offset-y, 2px)\n          var(--ctr-popup-menu-shadow-1-blur, 8px) var(--ctr-popup-menu-shadow-1-spread, 0px)\n          var(--ctr-popup-menu-shadow-1-color, var(--sjs-special-glow, #004c441a)),\n        var(--ctr-popup-menu-shadow-2-offset-x, 0px) var(--ctr-popup-menu-shadow-2-offset-y, 16px)\n          var(--ctr-popup-menu-shadow-2-blur, 32px) var(--ctr-popup-menu-shadow-2-spread, 0px)\n          var(--ctr-popup-menu-shadow-2-color, var(--sjs-special-glow, #004c441a));\n    }\n    & > .sv-popup__container > .sv-popup__body-content {\n      background: var(--ctr-popup-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    }\n  }\n\n  &.sv-popup--menu-phone {\n    & > .sv-popup__container {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      flex: 1 0 0;\n      align-self: stretch;\n    }\n    & > .sv-popup__container > .sv-popup__body-content {\n      display: flex;\n      padding: var(--ctr-popup-menu-padding-top, 0px) var(--ctr-popup-menu-padding-right, 0px)\n        var(--ctr-popup-menu-padding-bottom, 0px) var(--ctr-popup-menu-padding-left, 0px);\n      flex-direction: column;\n      flex: 1 0 0;\n      align-self: stretch;\n      background-color: var(--ctr-popup-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    }\n  }\n\n  //styles for dropdown overlay\n  &.sv-popup--menu-phone,\n  &.sv-popup--menu-tablet {\n    .sv-menu-popup__button {\n      @include ctrDefaultBoldFont;\n      color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n      border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n      padding: var(--ctr-actionbar-button-padding-top-medium-text, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-right-medium-text, var(--sjs-spacing-x2))\n        var(--ctr-actionbar-button-padding-bottom-medium-text, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2));\n    }\n\n    .sv-popup__body-footer {\n      background-color: var(--ctr-popup-menu-footer-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n      border-top: 1px solid var(--ctr-popup-menu-footer-border-color, var(--sjs-border-25, #d4d4d4ff));\n      padding: var(--ctr-popup-menu-footer-padding-top, var(--sjs-spacing-x05))\n        var(--ctr-popup-menu-footer-padding-right, var(--sjs-spacing-x1))\n        var(--ctr-popup-menu-footer-padding-bottom, var(--sjs-spacing-x05))\n        var(--ctr-popup-menu-footer-padding-left, var(--sjs-spacing-x1));\n    }\n\n    .sv-menu-popup__button:disabled {\n      color: var(--ctr-actionbar-button-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n      opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n    }\n  }\n\n  &.sv-dropdown-popup.sv-popup--menu-phone,\n  &.sv-dropdown-popup.sv-popup--menu-tablet {\n    .sv-popup__body-footer {\n      background-color: var(--ctr-contextual-menu-footer-background-color, var(--sjs-layer-3-background-500, var(--background-dim, #f3f3f3)));\n    }\n  }\n\n  // .sv-popup__content {\n  //   @include ctrDefaultFont;\n  //   color: var(--ctr-popup-message-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  // }\n}\n","@use \"../ctr-variables.scss\" as mixins;\n\n.svc-creator-popup.sv-popup--modal-popup,\n.svc-creator-popup.sv-popup--modal-overlay {\n  .sv-modal-popup__button {\n    border-radius: var(--ctr-button-corner-radius-small, var(--sjs-corner-radius-x075));\n    padding: var(--ctr-button-padding-vertical-small, var(--sjs-spacing-x150))\n      var(--ctr-button-padding-horizontal-small, var(--sjs-spacing-x4))\n      var(--ctr-button-padding-vertical-small, var(--sjs-spacing-x150))\n      var(--ctr-button-padding-horizontal-small, var(--sjs-spacing-x4));\n    display: flex;\n    flex-direction: row;\n    gap: var(--ctr-button-gap, var(--sjs-spacing-x4));\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)\n      var(--ctr-button-shadow-offset-y, 1px)\n      var(--ctr-button-shadow-blur, 2px)\n      var(--ctr-button-shadow-spread, 0px)\n      var(--ctr-button-shadow-color, var(--sjs-special-shadow, #00000040));\n\n    background: var(--ctr-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    color: var(--ctr-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n\n    &:hover {\n      background: var(--ctr-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n    }\n    span {\n      @include mixins.ctrDefaultBoldFont;\n\n      text-align: center;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .sv-popup__button--apply {\n    background: var(--ctr-button-background-color-cta, var(--sjs-primary-background-500, #19b394ff));\n    color: var(--ctr-button-text-color-cta, var(--sjs-primary-foreground-100, #ffffffff));\n\n    &:hover {\n      background: var(--ctr-button-background-color-cta-hovered, var(--sjs-primary-background-400, #14a48bff));\n    }\n  }\n\n  .sd-btn--danger {\n    background: var(--ctr-button-background-color-danger, var(--sjs-semantic-red-background-500, #e50a3eff));\n    color: var(--ctr-button-text-color-danger, var(--sjs-semantic-red-foreground-100, #ffffffff));\n\n    &:hover {\n      background: var(--ctr-button-background-color-danger-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n}\n","@use \"../variables\" as *;\n\n.svc-surface-placeholder {\n  display: flex;\n  width: 100%;\n  max-width: var(--ctr-surface-placeholder-max-width, var(--sjs-size-x90));\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0px;\n  box-sizing: border-box;\n}\n\n.svc-surface-placeholder__image {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n  overflow: hidden;\n  padding: 135px 170px;\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, var(--sjs-spacing-x4)) 0px\n    var(--ctr-surface-placeholder-text-margin-bottom, var(--sjs-spacing-x6)) 0px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--ctr-surface-placeholder-text-gap, var(--sjs-spacing-x1));\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  @include ctrMediumBoldFont;\n  color: var(--ctr-surface-placeholder-text-title-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  text-align: center;\n  align-self: stretch;\n}\n\n.svc-surface-placeholder__description {\n  @include ctrDefaultFont;\n  color: var(--ctr-surface-placeholder-text-description-color, var(--sjs-layer-3-foreground-50, #00000080));\n  text-align: center;\n  align-self: stretch;\n}\n\n.svc-logic-tab__content-empty,\n.svc-test-tab__content .svc-surface-placeholder,\n.svc-translation-tab--empty .svc-surface-placeholder,\n.svc-designer__placeholder-container {\n  max-width: var(--ctr-surface-placeholder-max-width, var(--sjs-size-x90));\n  padding: var(--ctr-surface-placeholder-padding-top, var(--sjs-spacing-x4))\n    var(--ctr-surface-placeholder-padding-right, var(--sjs-spacing-x6))\n    var(--ctr-surface-placeholder-padding-bottom, var(--sjs-spacing-x16))\n    var(--ctr-surface-placeholder-padding-left, var(--sjs-spacing-x6));\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-surface-drag-drop-choices-shortcut,\n.svc-designer-surface,\n.svc-creator-popup,\n.svc-creator {\n  --lbr-line-height-x8: calc(#{$lbr-line-height-unit} * 8);\n  --lbr-line-height-x7: calc(#{$lbr-line-height-unit} * 7);\n  --lbr-line-height-x6: calc(#{$lbr-line-height-unit} * 6);\n  --lbr-line-height-x5: calc(#{$lbr-line-height-unit} * 5);\n  --lbr-line-height-x4: calc(#{$lbr-line-height-unit} * 4);\n  --lbr-line-height-x3: calc(#{$lbr-line-height-unit} * 3);\n  --lbr-line-height-x2: calc(#{$lbr-line-height-unit} * 2);\n  --lbr-line-height-x150: calc(#{$lbr-line-height-unit} * 1.5);\n  --lbr-line-height-x1: calc(#{$lbr-line-height-unit} * 1);\n  --lbr-font-size-x8: calc(#{$lbr-font-unit} * 8);\n  --lbr-font-size-x7: calc(#{$lbr-font-unit} * 7);\n  --lbr-font-size-x6: calc(#{$lbr-font-unit} * 6);\n  --lbr-font-size-x5: calc(#{$lbr-font-unit} * 5);\n  --lbr-font-size-x4: calc(#{$lbr-font-unit} * 4);\n  --lbr-font-size-x3: calc(#{$lbr-font-unit} * 3);\n  --lbr-font-size-x2: calc(#{$lbr-font-unit} * 2);\n  --lbr-font-size-x1: calc(#{$lbr-font-unit} * 1);\n  --lbr-font-size-x150: calc(#{$lbr-font-unit} * 1.5);\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-surface-drag-drop-choices-shortcut,\n.svc-designer-surface,\n.svc-creator-popup,\n.svc-creator {\n  --lbr-spacing-x16: calc(#{$lbr-spacing-unit} * 16);\n  --lbr-spacing-x15: calc(#{$lbr-spacing-unit} * 15);\n  --lbr-spacing-x14: calc(#{$lbr-spacing-unit} * 14);\n  --lbr-spacing-x13: calc(#{$lbr-spacing-unit} * 13);\n  --lbr-spacing-x12: calc(#{$lbr-spacing-unit} * 12);\n  --lbr-spacing-x11: calc(#{$lbr-spacing-unit} * 11);\n  --lbr-spacing-x1050: calc(#{$lbr-spacing-unit} * 10.5);\n  --lbr-spacing-x10: calc(#{$lbr-spacing-unit} * 10);\n  --lbr-spacing-x9: calc(#{$lbr-spacing-unit} * 9);\n  --lbr-spacing-x850: calc(#{$lbr-spacing-unit} * 8.5);\n  --lbr-spacing-x8: calc(#{$lbr-spacing-unit} * 8);\n  --lbr-spacing-x7: calc(#{$lbr-spacing-unit} * 7);\n  --lbr-spacing-x6: calc(#{$lbr-spacing-unit} * 6);\n  --lbr-spacing-x5: calc(#{$lbr-spacing-unit} * 5);\n  --lbr-spacing-x4: calc(#{$lbr-spacing-unit} * 4);\n  --lbr-spacing-x350: calc(#{$lbr-spacing-unit} * 3.5);\n  --lbr-spacing-x3: calc(#{$lbr-spacing-unit} * 3);\n  --lbr-spacing-x2: calc(#{$lbr-spacing-unit} * 2);\n  --lbr-spacing-x1: calc(#{$lbr-spacing-unit} * 1);\n  --lbr-spacing-x0375: calc(#{$lbr-spacing-unit} * 0.375);\n  --lbr-spacing-x05: calc(#{$lbr-spacing-unit} * 0.5);\n  --lbr-spacing-x250: calc(#{$lbr-spacing-unit} * 2.5);\n  --lbr-spacing-x150: calc(#{$lbr-spacing-unit} * 1.5);\n  --lbr-spacing-x125: calc(#{$lbr-spacing-unit} * 1.25);\n  --lbr-spacing-x075: calc(#{$lbr-spacing-unit} * 0.75);\n  --lbr-spacing-x025: calc(#{$lbr-spacing-unit} * 0.25);\n  --lbr-spacing-x0125: calc(#{$lbr-spacing-unit} * 0.125);\n  --lbr-spacing-x025n: calc(#{$lbr-spacing-unit} * -0.25);\n  --lbr-spacing-x05n: calc(#{$lbr-spacing-unit} * -0.5);\n  --lbr-spacing-x1n: calc(#{$lbr-spacing-unit} * -1);\n  --lbr-spacing-x150n: calc(#{$lbr-spacing-unit} * -1.5);\n  --lbr-spacing-x2n: calc(#{$lbr-spacing-unit} * -2);\n  --lbr-spacing-x250n: calc(#{$lbr-spacing-unit} * -2.5);\n  --lbr-spacing-x3n: calc(#{$lbr-spacing-unit} * -3);\n  --lbr-spacing-x4n: calc(#{$lbr-spacing-unit} * -4);\n  --lbr-spacing-x5n: calc(#{$lbr-spacing-unit} * -5);\n  --lbr-spacing-x6n: calc(#{$lbr-spacing-unit} * -6);\n  --lbr-spacing-x7n: calc(#{$lbr-spacing-unit} * -7);\n  --lbr-spacing-x8n: calc(#{$lbr-spacing-unit} * -8);\n  --lbr-corner-radius-x0125: calc(#{$lbr-corner-radius-unit} * 0.125);\n  --lbr-corner-radius-x025: calc(#{$lbr-corner-radius-unit} * 0.25);\n  --lbr-corner-radius-x0375: calc(#{$lbr-corner-radius-unit} * 0.375);\n  --lbr-corner-radius-x05: calc(#{$lbr-corner-radius-unit} * 0.5);\n  --lbr-corner-radius-x075: calc(#{$lbr-corner-radius-unit} * 0.75);\n  --lbr-corner-radius-x1: calc(#{$lbr-corner-radius-unit} * 1);\n  --lbr-corner-radius-x125: calc(#{$lbr-corner-radius-unit} * 1.25);\n  --lbr-corner-radius-x150: calc(#{$lbr-corner-radius-unit} * 1.5);\n  --lbr-corner-radius-x2: calc(#{$lbr-corner-radius-unit} * 2);\n  --lbr-corner-radius-x250: calc(#{$lbr-corner-radius-unit} * 2.5);\n  --lbr-corner-radius-x3: calc(#{$lbr-corner-radius-unit} * 3);\n  --lbr-corner-radius-x350: calc(#{$lbr-corner-radius-unit} * 3.5);\n  --lbr-corner-radius-x4: calc(#{$lbr-corner-radius-unit} * 4);\n  --lbr-corner-radius-x5: calc(#{$lbr-corner-radius-unit} * 5);\n  --lbr-corner-radius-x6: calc(#{$lbr-corner-radius-unit} * 6);\n  --lbr-corner-radius-x7: calc(#{$lbr-corner-radius-unit} * 7);\n  --lbr-corner-radius-x8: calc(#{$lbr-corner-radius-unit} * 8);\n  --lbr-corner-radius-round: 1024px;\n  --lbr-stroke-x1: calc(#{$lbr-stroke-unit} * 1);\n  --lbr-stroke-x2: calc(#{$lbr-stroke-unit} * 2);\n  --lbr-stroke-x3: calc(#{$lbr-stroke-unit} * 3);\n  --lbr-stroke-x4: calc(#{$lbr-stroke-unit} * 4);\n  --lbr-stroke-x6: calc(#{$lbr-stroke-unit} * 6);\n  --lbr-stroke-x8: calc(#{$lbr-stroke-unit} * 8);\n  --lbr-size-x0125: calc(#{$lbr-size-unit} * 0.125);\n  --lbr-size-x025: calc(#{$lbr-size-unit} * 0.25);\n  --lbr-size-x05: calc(#{$lbr-size-unit} * 0.5);\n  --lbr-size-x075: calc(#{$lbr-size-unit} * 0.75);\n  --lbr-size-x1: calc(#{$lbr-size-unit} * 1);\n  --lbr-size-x125: calc(#{$lbr-size-unit} * 12.5);\n  --lbr-size-x150: calc(#{$lbr-size-unit} * 1.5);\n  --lbr-size-x2: calc(#{$lbr-size-unit} * 2);\n  --lbr-size-x250: calc(#{$lbr-size-unit} * 2.5);\n  --lbr-size-x3: calc(#{$lbr-size-unit} * 3);\n  --lbr-size-x350: calc(#{$lbr-size-unit} * 3.5);\n  --lbr-size-x4: calc(#{$lbr-size-unit} * 4);\n  --lbr-size-x450: calc(#{$lbr-size-unit} * 4.5);\n  --lbr-size-x5: calc(#{$lbr-size-unit} * 5);\n  --lbr-size-x550: calc(#{$lbr-size-unit} * 5.5);\n  --lbr-size-x6: calc(#{$lbr-size-unit} * 6);\n  --lbr-size-x7: calc(#{$lbr-size-unit} * 7);\n  --lbr-size-x8: calc(#{$lbr-size-unit} * 8);\n  --lbr-size-x9: calc(#{$lbr-size-unit} * 9);\n  --lbr-size-x10: calc(#{$lbr-size-unit} * 10);\n  --lbr-size-x11: calc(#{$lbr-size-unit} * 11);\n  --lbr-size-x12: calc(#{$lbr-size-unit} * 12);\n  --lbr-size-x13: calc(#{$lbr-size-unit} * 13);\n  --lbr-size-x14: calc(#{$lbr-size-unit} * 14);\n  --lbr-size-x15: calc(#{$lbr-size-unit} * 15);\n  --lbr-size-x16: calc(#{$lbr-size-unit} * 16);\n  --lbr-size-x17: calc(#{$lbr-size-unit} * 17);\n  --lbr-size-x18: calc(#{$lbr-size-unit} * 18);\n  --lbr-size-x20: calc(#{$lbr-size-unit} * 20);\n  --lbr-size-x28: calc(#{$lbr-size-unit} * 28);\n  --lbr-size-x32: calc(#{$lbr-size-unit} * 32);\n  --lbr-size-x40: calc(#{$lbr-size-unit} * 40);\n  --lbr-size-x50: calc(#{$lbr-size-unit} * 50);\n  --lbr-size-x60: calc(#{$lbr-size-unit} * 60);\n  --lbr-size-x64: calc(#{$lbr-size-unit} * 64);\n  --lbr-size-x80: calc(#{$lbr-size-unit} * 80);\n  --lbr-size-x86: calc(#{$lbr-size-unit} * 86);\n  --lbr-size-x90: calc(#{$lbr-size-unit} * 90);\n  --lbr-size-max: 10000px;\n}","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator-popup,\n.svc-creator {\n  --sjs-font-size-x075: calc(#{$font-unit} * 0.75);\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  --sjs-line-height-x250: calc(#{$line-height-unit} * 2.5);\n  --sjs-font-size-x250: calc(#{$font-unit} * 2.5);\n  --sjs-line-height-x075: calc(#{$line-height-unit} * 0.75);\n  --sjs-font-size-x075: calc(#{$font-unit} * 0.75);\n  --sjs-line-height-x05: calc(#{$line-height-unit} * 0.5);\n  --sjs-font-size-x05: calc(#{$font-unit} * 0.5);\n}\n","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator-popup,\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-x550: calc(#{$spacing-unit} * 5.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-x925: calc(#{$spacing-unit} * 9.25);\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-x250n: calc(#{$spacing-unit} * -2.5);\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} * 1);\n  --sjs-stroke-x2: calc(#{$stroke-unit} * 2);\n  --sjs-stroke-x3: calc(#{$stroke-unit} * 3);\n  --sjs-stroke-x4: calc(#{$stroke-unit} * 4);\n  --sjs-stroke-x6: calc(#{$stroke-unit} * 6);\n  --sjs-stroke-x8: calc(#{$stroke-unit} * 8);\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}","@use \"../variables\" as *;\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    max-width: 100%;\n\n    &[aria-placeholder]:empty:before {\n      content: attr(aria-placeholder);\n      color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\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  @include lbrSmallFont;\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  color: var(--ctr-text-decor-text-color-placeholder, var(--sjs-layer-1-foreground-50, #00000080));\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  border-radius: var(--ctr-text-decor-corner-radius, var(--lbr-corner-radius-x0375));\n  box-shadow: 0px 0px 0px var(--ctr-text-decor-border-width, var(--lbr-stroke-x2))\n    var(--ctr-text-decor-border-color, var(--sjs-border-25, #d4d4d4ff));\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    border-radius: var(--ctr-text-decor-corner-radius, var(--lbr-corner-radius-x0375));\n    box-shadow: 0px 0px 0px var(--ctr-text-decor-border-width, var(--lbr-stroke-x2))\n      var(--ctr-text-decor-border-color, var(--sjs-border-25, #d4d4d4ff));\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    border-radius: var(--ctr-text-decor-corner-radius, var(--lbr-corner-radius-x0375));\n    background: var(--ctr-text-decor-background-color-editing, var(--sjs-layer-1-background-500, #ffffffff));\n    box-shadow:\n      var(--ctr-text-decor-shadow-editing-offset-x, 0px) var(--ctr-text-decor-shadow-editing-offset-y, 2px)\n        var(--ctr-text-decor-shadow-editing-blur, 8px) var(--ctr-text-decor-shadow-editing-spread, 0px)\n        var(--ctr-text-decor-shadow-editing-color, var(--sjs-special-glow, #004c441a)),\n      0px 0px 0px var(--ctr-text-decor-border-width, var(--lbr-stroke-x2))\n        var(--ctr-text-decor-border-color-editing, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svc-string-editor__error {\n  @include ctrDefaultFont;\n  margin-left: calcSize(1);\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: 0ms;\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:\n      0px 2px 6px 0px var(--ctr-shadow-medium-color, var(--sjs-special-glow, #004c441a)),\n      0px 0px 0px calcSize(0.25) var(--sjs-semantic-red-background-500, #e50a3eff);\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-radius: var(--ctr-survey-matrix-cell-corner-radius, var(--lbr-corner-radius-x075));\n      border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n        var(--ctr-survey-matrix-cell-border-color-edit, var(--sjs-primary-background-500, #19b394ff));\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}","@use \"../variables\" as *;\n\n.svc-btn {\n  display: flex;\n  padding: var(--ctr-button-padding-vertical, var(--sjs-spacing-x2)) var(--ctr-button-padding-horizontal, var(--sjs-spacing-x6));\n  justify-content: center;\n  align-items: center;\n\n  background-color: var(--ctr-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-radius: var(--ctr-button-corner-radius, var(--sjs-corner-radius-x075));\n  cursor: pointer;\n  user-select: none;\n  outline: solid calcSize(0.25) transparent;\n  transition: background-color $creator-transition-duration;\n\n  box-shadow: var(--ctr-button-shadow-offset-x, 0px)\n    var(--ctr-button-shadow-offset-y, 1px)\n    var(--ctr-button-shadow-blur, 2px)\n    var(--ctr-button-shadow-spread, 0px) \n    var(--ctr-button-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n.svc-btn__text {\n  @include ctrDefaultBoldFont;\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-background-500, #19b394ff));\n}\n\n.svc-btn:hover {\n  background-color: var(--ctr-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n}\n\n.svc-btn:focus {\n  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}",".svc-btn {\n  display: flex;\n  padding: var(--ctr-button-padding-vertical, var(--sjs-spacing-x2)) var(--ctr-button-padding-horizontal, var(--sjs-spacing-x6));\n  justify-content: center;\n  align-items: center;\n  background-color: var(--ctr-button-background-color, var(--sjs-layer-1-background-500, white));\n  border-radius: var(--ctr-button-corner-radius, var(--sjs-corner-radius-x075));\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  box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, var(--sjs-special-shadow, rgba(0, 0, 0, 0.2509803922)));\n}\n\n.svc-btn__text {\n  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n  font-size: var(--ctr-font-default-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n  font-weight: 600;\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-background-500, #19b394));\n}\n\n.svc-btn:hover {\n  background-color: var(--ctr-button-background-color-hovered, var(--sjs-primary-background-10, rgba(25, 179, 148, 0.1019607843)));\n}\n\n.svc-btn:focus {\n  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-button-border-color-focused, var(--sjs-primary-background-500, #19b394));\n}\n\n.svc-action-button {\n  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n  font-size: var(--ctr-font-default-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n  font-weight: 600;\n  display: inline-block;\n  padding-top: var(--ctr-actionbar-button-padding-top-medium-text, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, var(--sjs-spacing-x2));\n  padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, var(--sjs-spacing-x05));\n  padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2));\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-background-500, #19b394));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-background-10, rgba(25, 179, 148, 0.1019607843)));\n  outline: none;\n}\n\n.svc-action-button--selected {\n  border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #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-layer-1-foreground-100, rgba(0, 0, 0, 0.9019607843)));\n}","@use \"../variables\" as *;\n\n.svc-action-button {\n  @include ctrDefaultBoldFont;\n  display: inline-block;\n\n  padding-top: var(--ctr-actionbar-button-padding-top-medium-text, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, var(--sjs-spacing-x2));\n  padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, var(--sjs-spacing-x05)); \n  padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2));\n\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n\n  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\n\n  border: calcSize(0.25) solid transparent;\n\n  &:focus,\n  &:hover {\n    background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-background-10, #19b3941a));\n    outline: none;\n  }\n}\n\n.svc-action-button--selected {\n  border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\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-layer-1-foreground-100, #000000e6));\n}\n\n.svc-action-button--pressed {}","@use \"../../variables\" as *;\n\nsvc-page-navigator,\n.svc-page-navigator {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ctr-page-navigator-gap, var(--sjs-spacing-x2));\n}\n\n.svc-page-navigator__button-icon {\n  display: block;\n  width: var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-page-navigator-button-icon-height, var(--sjs-font-size-x3));\n  padding: var(--ctr-page-navigator-button-padding, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-page-navigator-button-corner-radius, var(--sjs-corner-radius-x1));\n  overflow: visible;\n  transition: background-color $creator-transition-duration;\n  box-sizing: content-box;\n\n  .sv-svg-icon {\n    width: var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-page-navigator-button-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-page-navigator-button-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n    transition: fill $creator-transition-duration;\n  }\n}\n\n.svc-page-navigator__button {\n  --ctr-page-navigator-button-double-padding: calc(2 * var(--ctr-page-navigator-button-padding, var(--sjs-spacing-x1)));\n  --ctr-page-navigator-button-width: calc(var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3)) + var(--ctr-page-navigator-button-double-padding));\n  --ctr-page-navigator-button-height: calc(var(--ctr-page-navigator-button-icon-height, var(--sjs-font-size-x3)) + var(--ctr-page-navigator-button-double-padding));\n  width: var(--ctr-page-navigator-button-width);\n  height: var(--ctr-page-navigator-button-height);\n\n  padding: 0;\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    .svc-page-navigator__button-icon {\n      background-color: var(--ctr-page-navigator-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n\n      use {\n        fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-layer-3-foreground-75, #000000bf));\n      }\n    }\n  }\n}\n\n.svc-page-navigator__button:disabled,\n.svc-page-navigator__button:disabled:hover {\n  opacity: var(--ctr-page-navigator-button-icon-opacity-disabled, 0.25);\n  background-color: transparent;\n  cursor: default;\n  pointer-events: none;\n\n  use {\n    fill: var(--ctr-page-navigator-button-icon-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n}\n\n.svc-page-navigator-item--disabled {\n  .svc-page-navigator-item__banner {\n    color: var(--ctr-page-navigator-button-icon-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n    opacity: var(--ctr-page-navigator-button-icon-opacity-disabled, 0.25);\n  }\n}\n\n.svc-page-navigator__button--pressed,\n.svc-page-navigator__button:active {\n  .svc-page-navigator__button-icon {\n    background: var(--ctr-page-navigator-button-background-color-pressed, var(--sjs-primary-background-10, #19b3941a));\n    opacity: var(--ctr-page-navigator-button-opacity-pressed, 0.5);\n\n    use {\n      fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-layer-3-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-page-navigator__button--active,\n.svc-page-navigator__button--active:hover {\n  .svc-page-navigator__button-icon {\n    background: var(--ctr-page-navigator-button-background-color-checked, var(--sjs-primary-background-10, #19b3941a));\n\n    use {\n      fill: var(--ctr-page-navigator-button-icon-color-checked, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n}\n\n.svc-page-navigator__popup {\n  min-width: calcSize(12.5);\n}\n\n.svc-tab-designer__page-navigator {\n  display: flex;\n  flex-grow: 1;\n}","@use \"../../variables\" as *;\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.svc-page-navigator-item-content {\n  display: flex;\n  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-right, var(--sjs-spacing-x125))\n    var(--ctr-page-navigator-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-left, var(--sjs-spacing-x125));\n  gap: var(--ctr-page-navigator-item-gap, var(--sjs-spacing-x1));\n  justify-content: flex-end;\n  align-items: center;\n  position: relative;\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  display: flex;\n  width: var(--ctr-page-navigator-item-dot-container-width, var(--sjs-font-size-x250));\n  height: var(--ctr-page-navigator-item-dot-container-height, var(--sjs-font-size-x250));\n  justify-content: center;\n  align-items: center;\n}\n\n.svc-page-navigator-item__dot-content {\n  width: var(--ctr-page-navigator-item-dot-radius-small, var(--sjs-font-size-x075));\n  height: var(--ctr-page-navigator-item-dot-radius-small, var(--sjs-font-size-x075));\n  flex-shrink: 0;\n  background: var(--ctr-page-navigator-item-dot-color-default, var(--sjs-layer-3-foreground-75, #000000bf));\n  border-radius: var(--ctr-page-navigator-item-dot-radius-small, var(--sjs-font-size-x075));\n  box-sizing: content-box;\n}\n\n.svc-page-navigator-item__banner {\n  @include textEllipsis;\n  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-right, var(--sjs-spacing-x125))\n    var(--ctr-page-navigator-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-left-hovered, var(--sjs-spacing-x2));\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--ctr-page-navigator-item-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-page-navigator-item-corner-radius, var(--sjs-corner-radius-x075));\n  background: var(--ctr-page-navigator-item-background-color-hovered, var(--sjs-layer-1-background-500, #ffffffff));\n\n  box-shadow:\n    var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-blur, 8px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-color, var(--sjs-special-glow, #004c441a)),\n    var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 1px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-blur, 2px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-color, var(--sjs-special-shadow, #00000040));\n  opacity: 0;\n  transition: opacity $creator-transition-duration;\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 15;\n  display: none;\n\n  .svc-page-navigator-item__dot-content {\n    width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    flex-shrink: 0;\n    background: var(--ctr-page-navigator-item-dot-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    border-radius: 100%;\n  }\n}\n\n.svc-page-navigator-item__text {\n  @include ctrSmallBoldFont;\n  color: var(--ctr-page-navigator-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-page-navigator-item--selected {\n  .svc-page-navigator-item__dot-content {\n    width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    flex-shrink: 0;\n    background: var(--ctr-page-navigator-item-dot-color-selected, var(--sjs-special-background, #edf9f7ff));\n    border-style: solid;\n    border-width: 2px;\n    border-color: var(--ctr-page-navigator-item-dot-border-color-selected, var(--sjs-layer-3-foreground-75, #000000bf));\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\n  .svc-page-navigator-item__banner {\n    display: flex;\n    opacity: 1;\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: 0;\n    padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-page-navigator-item-padding-left-hovered, var(--sjs-spacing-x2))\n      var(--ctr-page-navigator-item-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-page-navigator-item-padding-left, var(--sjs-spacing-x125));\n    direction: rtl;\n\n    .svc-page-navigator-item__dot {}\n  }\n}","@use \"../variables\" as *;\n\nsvc-page {\n  display: block;\n}\n\n.svc-page {\n  margin-top: calcSize(2);\n\n  .sd-page__title {\n    margin-top: calcSize(3);\n    gap: calcSize(0.5);\n  }\n\n  .sd-page__description {\n    margin-bottom: calcSize(1);\n  }\n\n  .sd-page__num {\n    color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n\n  .svc-panel__placeholder {\n    @include lbrDefaultFont;\n    color: var(--ctr-survey-page-placeholder-text-color, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n}\n\n.svc-page__content {\n  position: relative;\n  border-radius: var(--ctr-survey-page-corner-radius, var(--lbr-corner-radius-x1));\n  padding: calcSize(1) calcSize(0) calcSize(3);\n\n  box-sizing: border-box;\n  width: 100%;\n  outline-color: transparent;\n  outline: 2px transparent dashed;\n  transition-property: background-color, box-shadow, outline-color;\n  transition-duration: $creator-transition-duration;\n\n  .sd-page {\n    margin: 0;\n    padding: calcSize(1) calcSize(3) 0;\n  }\n  &:before {\n    position: absolute;\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    margin-top: calc(var(--ctr-survey-page-margin-top, var(--lbr-spacing-x2)) * -1);\n    padding-top: var(--ctr-survey-page-margin-top, var(--lbr-spacing-x2));\n    bottom: 0;\n    box-sizing: content-box;\n  }\n  & > .svc-question__drag-area {\n    padding-top: calcSize(1.25);\n\n    .svc-question__drag-element {\n      transition: opacity $creator-transition-duration;\n    }\n  }\n}\n\n.svc-page__content.svc-page__content--no-header {\n  .sd-page {\n    margin-top: calcSize(2);\n    padding-top: var(--ctr-survey-page-content-margin-top-no-header, var(--lbr-spacing-x1));\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  inset-inline-start: 0;\n  display: flex;\n  justify-content: flex-end;\n  box-sizing: border-box;\n  padding: 0 calcSize(1) 0 var(--ctr-survey-page-drag-indicator-width, var(--lbr-size-x3));\n  transition: opacity $creator-transition-duration;\n  white-space: nowrap;\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, var(--sjs-layer-3-foreground-50, #00000080));\n      }\n    }\n  }\n}\n\n.svc-page__loading-content {\n  padding: calcSize(5);\n  text-align: center;\n  .sd-loading-indicator {\n    display: inline-block;\n  }\n}\n\n.svc-question__drag-area > .svc-page__content-actions {\n  inset-inline-start: 50%;\n}\n\n.svc-page-toolbar {\n  flex-grow: 1;\n  justify-content: flex-end;\n  pointer-events: none;\n  .sv-action {\n    pointer-events: all;\n  }\n  & > .sv-dots {\n    width: auto;\n    .sv-dots__item {\n      width: auto;\n    }\n    &.sv-action--hidden {\n      width: 0;\n    }\n    .svc-list__item-icon {\n      width: var(--ctr-list-item-icon-width-small, var(--sjs-font-size-x2));\n      height: var(--ctr-list-item-icon-height-small, var(--sjs-font-size-x2));\n    }\n  }\n}\n\n.svc-page-toolbar--collapse {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.svc-page-toolbar__item {\n  @include defaultActionButtonSettings;\n  --thm-survey-question-panel-toolbar-item-padding-top: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-top, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05))\n  );\n  --thm-survey-question-panel-toolbar-item-padding-right: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-right, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05))\n  );\n  --thm-survey-question-panel-toolbar-item-padding-bottom: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-bottom, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05))\n  );\n  --thm-survey-question-panel-toolbar-item-padding-left: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-left, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05))\n  );\n\n  --thm-survey-question-panel-toolbar-button-gap: calc(\n    var(--ctr-survey-question-panel-toolbar-gap, var(--lbr-spacing-x1)) / 2\n  );\n  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap);\n  border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n  padding: var(--thm-survey-question-panel-toolbar-item-padding-top)\n    var(--thm-survey-question-panel-toolbar-item-padding-right)\n    var(--thm-survey-question-panel-toolbar-item-padding-bottom)\n    var(--thm-survey-question-panel-toolbar-item-padding-left);\n  justify-content: center;\n  align-items: center;\n\n  background-color: transparent;\n  transition: background-color $creator-transition-duration;\n\n  use {\n    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #19b394ff));\n  }\n  //hovered and focused state\n  &:hover,\n  &:focus-visible {\n    background-color: var(\n      --ctr-survey-page-toolbar-item-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n\n  //pressed state\n  &:active,\n  &.svc-page-toolbar__item--pressed {\n    background-color: var(\n      --ctr-survey-page-toolbar-item-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n\n  //checked state\n  &.svc-survey-element-toolbar__item--active {\n    background-color: var(\n      --ctr-survey-page-toolbar-item-background-color-selected,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n    .svc-survey-element-toolbar-item__title {\n      color: var(--ctr-survey-page-toolbar-item-text-color-selected, var(--sjs-secondary-background-400, #14a48bff));\n    }\n    use {\n      fill: var(--ctr-survey-page-toolbar-item-icon-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n    }\n  }\n\n  //disabled state\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n    background-color: transparent;\n    cursor: default;\n    use {\n      fill: var(--ctr-survey-page-toolbar-item-icon-color-disabled, var(--sjs-layer-3-foreground-50, #00000080));\n      opacity: 1;\n    }\n  }\n}\n\n.svc-page-toolbar__item--with-text {\n  --thm-survey-question-panel-toolbar-item-gap: calc(\n    var(--ctr-survey-question-panel-toolbar-item-gap, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05))\n  );\n\n  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, var(--lbr-spacing-x1));\n  gap: var(--thm-survey-question-panel-toolbar-item-gap);\n}\n\n.svc-page-toolbar-item__icon {\n  width: calc(\n    var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05))\n  );\n  height: calc(\n    var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05))\n  );\n}\n\n.svc-page-toolbar-item__title {\n  @include lbrSmallBoldFont;\n  color: var(--ctr-survey-page-toolbar-item-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-page__content-actions {\n  .sv-action-bar-item-dropdown {\n    border-radius: calcCornerRadius(0.5);\n    background-color: transparent;\n  }\n}\n\n.svc-page__content:focus,\n.svc-hovered.svc-page__content {\n  box-shadow: 0 0 0 var(--ctr-survey-page-border-width-hovered, var(--lbr-stroke-x2))\n    var(--ctr-survey-page-border-color-hovered, var(--sjs-secondary-background-25, #19b39440));\n  background: var(--ctr-survey-page-background-color-hovered, var(--sjs-special-background, #edf9f7ff));\n}\n\n.svc-page__content--new.svc-page__content--new {\n  box-shadow: none;\n  background-color: transparent;\n  padding-bottom: var(--ctr-survey-page-margin-bottom-new-page, var(--lbr-spacing-x9));\n  .svc-page-toolbar {\n    display: none;\n  }\n}\n.svc-designer-placeholder-page {\n  .svc-page__content--new.svc-page__content--new {\n    padding: 0;\n  }\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    .svc-question__drag-element {\n      width: var(--ctr-survey-page-drag-indicator-width, var(--lbr-size-x3));\n      height: var(--ctr-survey-page-drag-indicator-height, var(--lbr-size-x2));\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 var(--ctr-survey-page-border-width-selected, var(--lbr-stroke-x2))\n    var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n  background: var(--ctr-survey-page-background-color-selected, var(--sjs-special-background, #edf9f7ff));\n}\n\n.svc-page__content--animation-running {\n  .svc-row {\n    .svc-question--enter {\n      animation: none;\n    }\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\n.svc-creator--disable-animations {\n  .svc-row {\n    .svc-question--leave {\n      animation: none;\n    }\n  }\n}\n\n.svc-page__content--collapse-onhover,\n.svc-page__content--collapse-always {\n  outline: var(--ctr-survey-page-border-width-minimized, var(--lbr-stroke-x2)) transparent dashed;\n\n  &.svc-page__content--selected,\n  &.svc-page__content.svc-hovered {\n    outline-color: transparent;\n  }\n\n  &.svc-page__content--collapsed-drag-over-inside {\n    box-shadow: 0 0 0 var(--ctr-survey-page-border-width-overing, var(--lbr-stroke-x2))\n      var(--ctr-survey-page-border-color-overing, var(--sjs-primary-background-500, #19b394ff));\n    background: var(--ctr-survey-page-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n    animation: collapsed-drag-over-inside-blinking 1s infinite;\n    outline-color: transparent;\n  }\n}\n\n.svc-page__content--collapsed {\n  outline-color: var(--ctr-survey-page-border-color-minimized, var(--sjs-border-10, #dcdcdcff));\n}\n\n.svc-creator--mobile {\n  .svc-page__content {\n    &::after {\n      margin: 0;\n      border-radius: var(--ctr-survey-page-corner-radius, var(--lbr-corner-radius-x1));\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 var(--sjs-secondary-background-500, #19b394ff);\n\n      box-shadow: 0 0 0 2px inset\n        var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n      background: var(--ctr-survey-page-background-color-selected, var(--sjs-special-background, #edf9f7ff));\n\n      .svc-page__content-actions {\n        display: flex;\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\n      var(--ctr-survey-page-border-color-hovered, var(--sjs-secondary-background-25, #19b39440));\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  .svc-add-new-question-action {\n    position: relative;\n  }\n}\n\n.svc-add-new-item-button__text {\n  @include lbrDefaultBoldFont;\n  color: var(--ctr-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n  text-align: center;\n}\n\n.svc-element__add-new-question {\n  height: auto;\n  padding: var(--ctr-surface-button-padding-vertical, var(--lbr-spacing-x2))\n    var(--ctr-surface-button-padding-horizontal-contextual-button, var(--lbr-spacing-x10));\n  border-radius: var(--ctr-surface-button-corner-radius, var(--lbr-corner-radius-x05));\n}\n\n.svc-element__add-new-question:focus {\n  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, var(--sjs-stroke-x2))\n    var(--ctr-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.svc-element__question-type-selector {\n  position: absolute;\n  inset-inline-end: 0;\n\n  appearance: none;\n  display: flex;\n  padding: var(--ctr-surface-button-contextual-button-padding-top, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-padding-right, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-padding-bottom, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-padding-left, var(--lbr-spacing-x1));\n  border-radius: var(--ctr-surface-button-contextual-button-corner-radius, var(--lbr-corner-radius-x05));\n  box-sizing: border-box;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n\n  margin: var(--ctr-surface-button-contextual-button-margin-vertical, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-margin-horizontal, var(--lbr-spacing-x1));\n  outline: none;\n  transition: background-color $creator-transition-duration;\n\n  &:hover {\n    background-color: var(\n      --ctr-button-contextual-button-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n\n  &:focus {\n    background: var(\n      --ctr-button-contextual-button-background-color-focused,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n}\n\n.svc-element__question-type-selector-icon {\n  width: var(--ctr-surface-button-contextual-button-icon-width, var(--lbr-size-x3));\n  height: var(--ctr-surface-button-contextual-button-icon-height, var(--lbr-size-x3));\n  display: flex;\n  align-items: center;\n\n  .sv-svg-icon {\n    width: var(--ctr-surface-button-contextual-button-icon-width, var(--lbr-size-x3));\n    height: var(--ctr-surface-button-contextual-button-icon-height, var(--lbr-size-x3));\n    display: flex;\n    align-items: center;\n  }\n\n  use {\n    fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.svc-page--drag-over-empty .svc-page__footer:after {\n  content: \" \";\n  position: absolute;\n  background: var(--ctr-survey-drop-indicator-color, var(--sjs-primary-background-500, #19b394ff));\n  width: 100%;\n  height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  left: 0;\n  top: calc(\n    calc(\n        var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) +\n          var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))\n      ) / -2\n  );\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-page__content--collapsed {\n  & > .sv-action-bar {\n    display: none;\n  }\n\n  .sd-page__title {\n    margin-bottom: 0;\n  }\n\n  .svc-page__placeholder_frame {\n    display: none;\n  }\n\n  .svc-page__content-actions {\n    display: flex;\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}\n\n$svc-page-fade-in-duration: var(--sjs-svc-page-fade-in-duration, 250ms);\n$svc-page-move-in-duration: var(--sjs-svc-page-move-in-duration, 250ms);\n$svc-page-fade-in-delay: var(--sjs-svc-page-fade-in-delay, 100ms);\n$svc-page-fade-out-duration: var(--sjs-svc-page-fade-out-duration, 250ms);\n$svc-page-move-out-duration: var(--sjs-svc-page-move-out-duration, 250ms);\n$svc-page-move-out-delay: var(--sjs-svc-page-move-out-delay, 100ms);\n\n.svc-page--enter,\n.svc-page--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-fill-mode: forwards;\n  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n\n.svc-page--enter {\n  opacity: 0;\n  --animation-direction: normal;\n  --animation-timing-function: #{$ease-out};\n  --fade-animation-duration: #{$svc-page-fade-in-duration};\n  --move-animation-duration: #{$svc-page-move-in-duration};\n  --fade-animation-delay: #{$svc-page-fade-in-delay};\n  --move-animation-delay: 0s;\n}\n\n.svc-page--leave {\n  --animation-direction: reverse;\n  --animation-timing-function: #{$reverse-ease-out};\n  --fade-animation-duration: #{$svc-page-fade-out-duration};\n  --move-animation-duration: #{$svc-page-move-out-duration};\n  --fade-animation-delay: 0s;\n  --move-animation-delay: #{$svc-page-move-out-delay};\n}\n.svc-page__content {\n  transition-property: padding-bottom;\n  transition-duration: $svc-page-move-in-duration;\n  transition-timing-function: $ease-out;\n}\n\n.svc-creator--disable-animations {\n  .svc-page--enter,\n  .svc-page--leave {\n    animation: none;\n  }\n  .svc-page__content {\n    transition: none;\n  }\n}\n\n.svc-page--enter.svc-page--enter {\n  .svc-page__content-actions {\n    opacity: 0;\n  }\n\n  .svc-page__content {\n    box-shadow: 0 0 0 2px transparent;\n    background-color: transparent;\n\n    & > .svc-question__drag-area {\n      .svc-question__drag-element {\n        opacity: 0;\n      }\n    }\n  }\n}\n\n.svc-page {\n  scroll-margin-top: calcSize(1);\n}\n","@use \"../variables\" as *;\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\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: var(--ctr-survey-drop-indicator-color, var(--sjs-primary-background-500, #19b394ff));\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: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) - var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / 2)\n}\n\n.svc-row__drop-indicator--bottom {\n  bottom: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) - var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / -2)\n}\n\n.svc-row--drag-over-top {\n  >.svc-row__drop-indicator--top {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-row--drag-over-bottom {\n  >.svc-row__drop-indicator--bottom {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n  .svc-row__drop-indicator--top {\n    top: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / -2);\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}","@use \"../variables\" as *;\n\n.svc-carry-forward-panel-wrapper {\n  width: 100%;\n  container-type: inline-size;\n}\n.svc-carry-forward-panel {\n  @include ctrDefaultFont;\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--ctr-survey-info-panel-padding-top, var(--lbr-spacing-x4))\n    var(--ctr-survey-info-panel-padding-right, var(--lbr-spacing-x8))\n    var(--ctr-survey-info-panel-padding-bottom, var(--lbr-spacing-x4))\n    var(--ctr-survey-info-panel-padding-left, var(--lbr-spacing-x8));\n  border-radius: var(--ctr-survey-info-panel-corner-radius, var(--lbr-corner-radius-x1));\n  background: var(--ctr-survey-info-panel-background-color, var(--sjs-layer-2-background-500, #f8f8f8ff));\n  text-align: center;\n  color: var(--ctr-survey-info-panel-text-color, var(--sjs-layer-2-foreground-50, #00000080));\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}","@use \"../variables\" as *;\n@use \"./carry-forward-panel.scss\" as *;\n\n$drop-indicator-position: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / -2);\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    .sv-action:not(:first-child) {\n      .sv-action-bar-item {\n        border: none;\n\n        &:active {\n          opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n          background: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n        }\n      }\n    }\n  }\n  &:before {\n    position: absolute;\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    margin-top: calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) * -1);\n    padding-top: var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2));\n    margin-left: calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) * -1);\n    padding-left: var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2));\n    bottom: 0;\n    right: 0;\n    box-sizing: content-box;\n  }\n}\n\n.svc-survey-element-toolbar__item {\n  @include defaultActionButtonSettings;\n  --thm-icon-color: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #19b394ff));\n  --thm-survey-question-panel-toolbar-button-gap: calc(\n    var(--ctr-survey-question-panel-toolbar-gap, var(--lbr-spacing-x1)) / 2\n  );\n  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap);\n  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n  padding: var(--ctr-survey-question-panel-toolbar-item-padding-top, var(--lbr-spacing-x05))\n           var(--ctr-survey-question-panel-toolbar-item-padding-right, var(--lbr-spacing-x05))\n           var(--ctr-survey-question-panel-toolbar-item-padding-bottom, var(--lbr-spacing-x05))\n           var(--ctr-survey-question-panel-toolbar-item-padding-left, var(--lbr-spacing-x05));\n\n  justify-content: center;\n  align-items: center;\n\n  background-color: transparent;\n  transition: background $creator-transition-duration, opacity $creator-transition-duration;\n  use {\n    fill: var(--thm-icon-color);\n  }\n  //hovered and focused state\n  &:hover,\n  &:focus-visible {\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n\n  //pressed state\n  &:active,\n  &.svc-survey-element-toolbar__item--pressed {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed,\n        var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n\n  //checked state\n  &.svc-survey-element-toolbar__item--active {\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-background-10, #19b3941a));\n    .svc-survey-element-toolbar-item__title {\n      color: var(--ctr-survey-question-panel-toolbar-item-text-color-selected, var(--sjs-secondary-background-400, #14a48bff));\n    }\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n    }\n  }\n\n  //disabled state\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n    background-color: transparent;\n    cursor: default;\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\n      opacity: 1;\n    }\n  }\n}\n\n.svc-survey-element-toolbar__item--with-text {\n  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, var(--lbr-spacing-x1));\n  gap: var(--ctr-survey-question-panel-toolbar-item-gap, var(--lbr-spacing-x05));\n}\n\n.svc-survey-element-toolbar .sv-action:last-of-type .svc-survey-element-toolbar__item {\n  margin-inline-end: 0;\n}\n\n.svc-survey-element-toolbar .sv-action:first-of-type .svc-survey-element-toolbar__item {\n  margin-inline-start: 0;\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--with-text {\n  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right, var(--lbr-spacing-x05));\n  padding-inline-start: var(--ctr-survey-question-panel-toolbar-item-padding-left-with-text, var(--lbr-spacing-x1));\n  flex-direction: row-reverse;\n  gap: var(--ctr-survey-question-panel-toolbar-item-gap, var(--lbr-spacing-x05));\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon {\n  .svc-survey-element-toolbar-item__icon {\n    padding: 0;\n    width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3));\n    height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3));\n    box-sizing: border-box;\n    display: block;\n  }\n}\n\n.svc-survey-element-toolbar-item__icon {\n  box-sizing: border-box;\n  display: block;\n  padding: var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05)) \n           var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05)) \n           var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05)) \n           var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05));\n  width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3));\n}\n\n.svc-survey-element-toolbar-item__title {\n  @include lbrSmallBoldFont;\n  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: color $creator-transition-duration;\n}\n\n.svc-question__adorner {\n  .sv-action-bar-item-dropdown {\n    background-color: transparent;\n  }\n}\n\n.svc-question__adorner {\n  .sd-input:disabled {\n    pointer-events: none;\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\n  box-sizing: border-box;\n\n  padding: var(--lbr-question-panel-padding-top, var(--lbr-spacing-x4)) var(--lbr-question-panel-padding-right, var(--lbr-spacing-x5))\n    var(--ctr-survey-question-panel-padding-bottom-selected, var(--lbr-spacing-x2)) var(--lbr-question-panel-padding-left, var(--lbr-spacing-x5));\n  border-radius: var(--lbr-question-panel-corner-radius, var(--lbr-corner-radius-x05));\n  background: var(--lbr-question-panel-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px)\n    var(--lbr-question-panel-shadow-offset-y, 1px)\n    var(--lbr-question-panel-shadow-blur, 2px)\n    var(--lbr-question-panel-shadow-spread, 0px)\n    var(--lbr-question-panel-shadow-color, var(--sjs-special-shadow, #00000040));\n\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-container.sd-input:focus-within {\n    // box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.149)); // #00000026\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:not(.svc-question__content--composite-question) {\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  @include lbrDefaultFont;\n  color: var(--ctr-survey-placeholder-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-wrap: wrap;\n  text-align: center;\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  .svc-action-bar-item--right:first-of-type {\n    margin-inline-start: auto;\n  }\n}\n\n.svc-dropdown-action--convertTo {\n  max-width: max-content;\n\n  .svc-survey-element-toolbar__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  .svc-survey-element-toolbar-item__title {\n    display: inline-block;\n    justify-content: left;\n  }\n\n  .svc-survey-element-toolbar-item__icon:last-child {\n    --thm-icon-color: var(--sjs-primary-background-500, #19b394);\n    margin-inline-start: 0;\n  }\n}\n\n.svc-dropdown-action--convertTo.sv-action--hidden {\n  min-width: 0;\n}\n\n.svc-dropdown-action--convertTo-last {\n  margin-inline-end: auto; // margin-right\n}\n\n.svc-survey-element-toolbar__dots-item {\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  .svc-list__item-icon {\n    width: calc(\n      var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05))\n    );\n    height: calc(\n      var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05))\n    );\n  }\n  .svc-list__item {\n    &, &:hover {\n      & > .svc-list__item-body .sv-svg-icon use {\n        fill: var(--sjs-secondary-background-500, #19b394ff);\n      }\n    }\n  }\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, var(--lbr-stroke-x2))\n    var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-background-25, #19b39440));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, var(--lbr-stroke-x2))\n    var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n}\n\n.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 var(--ctr-survey-placeholder-border-width-hovered, var(--lbr-stroke-x2))\n    var(--ctr-survey-placeholder-border-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-survey-placeholder-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n\n  animation: collapsed-drag-over-inside-blinking 1s;\n}\n\n@keyframes collapsed-drag-over-inside-blinking {\n  0% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  40% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  50% {\n    background: transparent;\n  }\n  55% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  65% {\n    background: transparent;\n  }\n  70% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  80% {\n    background: transparent;\n  }\n  85% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  100% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n}\n\n.svc-question__content--selected,\n.svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {\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  opacity: var(--ctr-survey-question-panel-opacity-hidden, 0.25);\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  border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n  background-color: var(--ctr-toolbox-item-background-color-floating, var(--sjs-layer-1-background-500, #ffffffff));\n  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n  padding: var(--ctr-toolbox-item-padding-top-submenu, var(--sjs-spacing-x150)) var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2)) var(--ctr-toolbox-item-padding-bottom-submenu, var(--sjs-spacing-x150)) var(--ctr-toolbox-item-padding-left-submenu, var(--sjs-spacing-x2));\n  cursor: grabbing;\n  position: absolute;\n  z-index: 1000;\n  box-shadow:\n    var(--ctr-toolbox-item-shadow-floating-1-offset-x, 0px)\n      var(--ctr-toolbox-item-shadow-floating-1-offset-y, 2px)\n      var(--ctr-toolbox-item-shadow-floating-1-blur, 8px)\n      var(--ctr-toolbox-item-shadow-floating-1-spread, 0px)\n      var(--ctr-toolbox-item-shadow-floating-1-color, var(--sjs-special-glow, #004c441a)),\n    var(--ctr-toolbox-item-shadow-floating-2-offset-x, 0px)\n      var(--ctr-toolbox-item-shadow-floating-2-offset-y, 16px)\n      var(--ctr-toolbox-item-shadow-floating-2-blur, 32px)\n      var(--ctr-toolbox-item-shadow-floating-2-spread, 0px)\n      var(--ctr-toolbox-item-shadow-floating-2-color, var(--sjs-special-glow, #004c441a));\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, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.svc-dragged-element-shortcut--selected {\n  border: 2px solid var(--ctr-toolbox-item-border-color-floating, var(--sjs-secondary-background-500, #19b394ff));\n}\n\n.svc-dragged-element-shortcut__text {\n  @include ctrSmallBoldFont;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: var(--ctr-toolbox-item-max-width, 320px);\n}\n\n.svc-dragged-element-shortcut--has-icon {\n  padding: var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2))\n    var(--ctr-toolbox-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-toolbox-item-padding-left, var(--sjs-spacing-x150));\n  display: flex;\n  gap: var(--ctr-toolbox-item-gap, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n\n  .svc-dragged-element-shortcut__text {\n    display: block;\n  }\n}\n\n.svc-dragged-element-shortcut__icon {\n  display: flex;\n\n  svg {\n    width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n  }\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 var(--ctr-survey-placeholder-border-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    border: 1px solid var(--ctr-survey-placeholder-border-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    background: var(--ctr-survey-placeholder-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n\n    & > .svc-question__content-actions {\n      opacity: 1;\n    }\n  }\n}\n\n.svc-question__drop-indicator {\n  position: absolute;\n  background: var(--ctr-survey-drop-indicator-color, var(--sjs-primary-background-500, #19b394ff));\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: $drop-indicator-position;\n}\n\n.svc-question__drop-indicator--right {\n  right: $drop-indicator-position;\n}\n\n.svc-question__drop-indicator--top {\n  top: $drop-indicator-position;\n}\n\n.svc-question__drop-indicator--bottom {\n  bottom: $drop-indicator-position;\n}\n\n.svc-question__content--drag-over-left {\n  > .svc-question__drop-indicator--left {\n    opacity: 1;\n    width: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--drag-over-right {\n  > .svc-question__drop-indicator--right {\n    opacity: 1;\n    width: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--drag-over-top {\n  > .svc-question__drop-indicator--top {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--drag-over-bottom {\n  > .svc-question__drop-indicator--bottom {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.sd-panel {\n  .svc-question__content--drag-over-left {\n    .svc-question__drop-indicator--left {\n      left: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\n    }\n  }\n\n  .svc-question__content--drag-over-right {\n    .svc-question__drop-indicator--right {\n      right: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\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: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\n    }\n  }\n\n  .svc-question__content--drag-over-bottom {\n    .svc-question__drop-indicator--bottom {\n      bottom: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\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\n  > .svc-question__content.svc-question__content:not(.svc-question__content--dragged)\n  > .svc-question__drag-area\n  > .svc-question__drag-element {\n  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {\n  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-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--lazy,\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.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      &>.svc-carry-forward-panel-wrapper,\n      &>.svc-image-question-controls,\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  box-sizing: content-box;\n}\n\n.svc-question__drag-element {\n  width: 100%;\n  opacity: 0;\n  transition: opacity $creator-transition-duration;\n  width: var(--ctr-survey-question-panel-drag-area-drag-indicator-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-question-panel-drag-area-drag-indicator-height, var(--lbr-size-x2));\n\n  use {\n    fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, var(--sjs-layer-1-foreground-50, #00000080));\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)) + 2px);\n    }\n\n    .sd-table-wrapper::after {\n      right: calc(calc(-1 * var(--sd-base-padding)) + 2px);\n    }\n  }\n\n  .svc-question__content {\n    border-radius: 0;\n    box-shadow: none;\n    &::after {\n      content: \"\";\n      position: absolute;\n      pointer-events: none;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      outline: var(--ctr-survey-question-panel-border-width-nested, var(--lbr-stroke-x1)) dashed var(--ctr-survey-question-panel-border-color-nested, var(--sjs-border-25, #d4d4d4ff));\n      outline-offset: calc(-1 * var(--ctr-survey-question-panel-border-width-nested, var(--lbr-stroke-x1)));\n      z-index: 10;\n    }\n  }\n\n  .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {\n    &::after {\n      box-shadow:  0 0 0 var(--ctr-survey-question-panel-border-width-hovered, var(--lbr-stroke-x2))\n        var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-background-25, #19b39440)) inset, 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, var(--lbr-stroke-x2))\n        var(--lbr-question-panel-background-color, var(--sjs-layer-1-background-500, #ffffffff)) inset;\n      outline: none;\n    }\n  }\n\n  .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n    &::after {\n      box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, var(--lbr-stroke-x2))\n        var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-background-500, #19b394ff)) inset;\n      outline: none;\n    }\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  position: relative;\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: var(--ctr-survey-placeholder-border-width, var(--lbr-stroke-x1)) dashed\n    var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #d4d4d4ff));\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: var(--ctr-survey-placeholder-padding-top-with-button, var(--lbr-spacing-x8))\n    var(--ctr-survey-placeholder-padding-right, var(--lbr-spacing-x8))\n    var(--ctr-survey-placeholder-padding-bottom-with-button, var(--lbr-spacing-x6))\n    var(--ctr-survey-placeholder-padding-left, var(--lbr-spacing-x8));\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    margin-top: var(--ctr-survey-panel-add-button-margin-top, var(--lbr-spacing-x1));\n  }\n\n  .svc-element__add-new-question-icon {\n    margin: calcSize(0.5);\n    display: none;\n\n    use {\n      fill: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  .svc-element__question-type-selector {\n    position: absolute;\n    inset-inline-end: 0;\n    bottom: 0;\n    margin: 0;\n  }\n}\n\n.svc-panel__add-new-question,\n.svc-panel__add-new-question-wrapper .svc-element__add-new-question {\n  display: flex;\n  margin-top: var(--ctr-survey-placeholder-gap, var(--lbr-spacing-x05));\n  margin-left: 0;\n  margin-right: 0;\n  width: auto;\n  padding: var(--ctr-survey-action-button-padding-top, var(--lbr-spacing-x1))\n    var(--ctr-survey-action-button-padding-right, var(--lbr-spacing-x3))\n    var(--ctr-survey-action-button-padding-bottom, var(--lbr-spacing-x1))\n    var(--ctr-survey-action-button-padding-left, var(--lbr-spacing-x3));\n  border-radius: var(--ctr-survey-action-button-corner-radius, var(--lbr-corner-radius-x1));\n  justify-content: center;\n  align-items: center;\n\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\n  &:hover {\n    outline: none;\n  }\n\n  .svc-add-new-item-button__text {\n    @include lbrDefaultBoldFont;\n    color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\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: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\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@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      width: var(--ctr-button-contextual-button-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-button-contextual-button-icon-height, var(--sjs-font-size-x3));\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-add-new-item-button__text {\n        display: none;\n      }\n    }\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:not(.svc-question__content--composite-question) {\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\n  .sd-panel__content {\n    gap: 0;\n    padding-top: 0;\n  }\n}\n\n.svc-question__content {\n  .sd-element--complex > .sd-element__header--location-top {\n\n    &.svc-element__header--hidden {\n      padding-bottom: calcSize(1);\n    }\n\n    &:after {\n      display: none;\n    }\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:not(.svc-question__content--composite-question) {\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-question--description-under-input .sd-question__content {\n    margin-bottom: calcSize(-1);\n    padding-bottom: calcSize(1);\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-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\n.svc-survey-element-top-toolbar__item {\n  @include defaultActionButtonSettings;\n  padding: 0;\n  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-muted, 0.5);\n  background-color: transparent;\n\n  &:hover,\n  &:focus-visible {\n    opacity: initial;\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n\n  use {\n    fill: var(--ctr-survey-question-panel-drag-area-expand-button-color, var(--sjs-layer-1-foreground-50, #00000080));\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: 0px 1px 2px 0px var(--ctr-shadow-small-color, var(--sjs-special-shadow, #00000040));\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: var(--ctr-survey-placeholder-border-width, var(--lbr-stroke-x1)) dashed\n        var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #d4d4d4ff));\n      box-shadow: none;\n    }\n  }\n}\n\n.svc-question__content--slider.svc-question__content--slider .sd-question__content {\n  overflow-x: visible;\n}\n","@use \"../variables\" as *;\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    @include lbrDefaultBoldFont;\n    margin-left: var(--ctr-survey-radio-button-group-show-more-button-margin-left, var(--lbr-spacing-x6));\n    margin-top: var(--ctr-survey-radio-button-group-show-more-button-margin-top, var(--lbr-spacing-x05));\n    padding: var(--ctr-survey-action-button-padding-top, var(--lbr-spacing-x1))\n      var(--ctr-survey-action-button-padding-right, var(--lbr-spacing-x3))\n      var(--ctr-survey-action-button-padding-bottom, var(--lbr-spacing-x1))\n      var(--ctr-survey-action-button-padding-left, var(--lbr-spacing-x3));\n    border-radius: var(--ctr-survey-action-button-corner-radius, var(--lbr-corner-radius-x1));\n\n    cursor: pointer;\n  }\n}","@use \"../variables\" as *;\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  width: 100%;\n  height: calcSize(27.5);\n  border: var(--ctr-survey-placeholder-border-width, var(--lbr-stroke-x1)) dashed var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #D4D4D4));\n  box-sizing: content-box;\n}\n\n.svc-image-question__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","@use \"../variables\" as *;\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-rating-question-content {\n  flex: 1;\n}\n.svc-question__content .svc-rating-question-content  .sd-question__content {\n  overflow-x: visible;\n  margin: 0;\n  padding: 0;\n}\n.svc-creator--mobile {\n  .svc-rating-question-content {\n    position: relative;\n    fieldset::before {\n      content: \"\";\n      display: block;\n      width: calc(8 * #{$base-unit});\n    }\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: fit-content;\n      max-width: 100%;\n    }\n    .sd-rating--labels-top,\n    .sd-rating--labels-bottom,\n    .sd-rating--labels-diagonal {\n      .sd-rating__min-text {\n         margin-inline-start: calc(9 * #{$base-unit})\n      }\n    }\n  }\n}","@use \"../variables\" as *;\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: 0px 8px 16px 0px var(--ctr-shadow-large-color, var(--sjs-special-glow, #004c441a));\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: calcSize(9);\n  justify-content: flex-end;\n  align-self: flex-start;\n}\n\n.svc-item-value-controls__button {\n  border-radius: var(--ctr-survey-action-button-corner-radius, var(--lbr-corner-radius-x1));\n  padding: calcSize(1);\n  cursor: pointer;\n  display: inline-block;\n  outline: none;\n  width: var(--ctr-survey-action-button-icon-width-small, var(--lbr-size-x2));\n  height: var(--ctr-survey-action-button-icon-height-small, var(--lbr-size-x2));\n  box-sizing: content-box;\n  transition:\n    background $creator-transition-duration,\n    background-color $creator-transition-duration;\n\n  .sv-svg-icon {\n    display: block;\n    width: var(--ctr-survey-action-button-icon-width-small, var(--lbr-size-x2));\n    height: var(--ctr-survey-action-button-icon-height-small, var(--lbr-size-x2));\n  }\n}\n\n.svc-item-value-controls__button > span {\n  display: block;\n}\n\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n  display: block;\n  transition: opacity $creator-transition-duration;\n  width: var(--ctr-survey-item-actionbar-drag-indicator-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-item-actionbar-drag-indicator-height, var(--lbr-size-x3));\n\n  .sv-svg-icon {\n    width: var(--ctr-survey-item-actionbar-drag-indicator-width, var(--lbr-size-x3));\n    height: var(--ctr-survey-item-actionbar-drag-indicator-height, var(--lbr-size-x3));\n  }\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: var(--ctr-survey-item-actionbar-drag-indicator-padding-top, var(--lbr-spacing-x05))\n    var(--ctr-survey-item-actionbar-drag-indicator-padding-right, var(--lbr-spacing-x1))\n    var(--ctr-survey-item-actionbar-drag-indicator-padding-bottom, var(--lbr-spacing-x05))\n    var(--ctr-survey-item-actionbar-drag-indicator-padding-left, var(--lbr-spacing-x1));\n  height: auto;\n  width: auto;\n  cursor: move;\n  opacity: var(--ctr-survey-item-actionbar-drag-indicator-opacity, 0.5);\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, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.svc-item-value-controls__button--disabled {\n  fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\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, var(--sjs-semantic-red-background-500, #e50a3eff));\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, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-primary-background-10, #19b3941a));\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, var(--sjs-semantic-red-background-10, #e50a3e1a));\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: var(--ctr-survey-ranking-item-text-color-inactive, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n\n    .sd-item__decorator {\n      opacity: 0.35;\n    }\n  }\n\n  .sv-ranking-item__index {\n    border-radius: var(--lbr-ranking-item-number-corner-radius, var(--lbr-corner-radius-round));\n    background: var(--ctr-survey-ranking-item-digit-background-color-inactive, var(--sjs-layer-3-background-500, #f4f4f4ff));\n\n    svg {\n      fill: var(--ctr-survey-ranking-item-digit-text-color-inactive, var(--sjs-layer-3-foreground-50, #00000080));\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: var(--ctr-survey-radio-button-group-item-background-color-drop-spot, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, var(--lbr-corner-radius-x1));\n  width: calcSize(25);\n  height: calcSize(5);\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","@use \"../variables\" as *;\n\n.svc-image-item-value-wrapper {\n  display: inline-block;\n  position: relative;\n}\n\n.svc-image-item-value--new {\n  height: max-content;\n\n  .sd-imagepicker__image {\n    box-sizing: border-box;\n    border-radius: var(--lbr-image-corner-radius, var(--lbr-corner-radius-x05));\n    border: var(--ctr-survey-image-picker-item-border-width-placeholder, var(--lbr-stroke-x1)) dashed\n      var(--ctr-survey-image-picker-item-border-color-placeholder, var(--sjs-border-25, #d4d4d4ff));\n  }\n}\n\n.svc-image-item-value--file-dragging {\n  .sd-imagepicker__image {\n    border-radius: var(--lbr-image-corner-radius, var(--lbr-corner-radius-x05));\n    border: var(--ctr-survey-image-picker-item-border-width-hovered-placeholder, var(--lbr-stroke-x2)) solid\n      var(--ctr-survey-image-picker-item-border-color-hovered-placeholder, var(--sjs-primary-background-500, #19b394ff));\n    background: var(\n      --ctr-survey-image-picker-item-background-color-hovered-placeholder,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\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: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: calcSize(1);\n}\n.sd-imagepicker {\n  container-type: inline-size;\n}\n.svc-image-item-value--new.svc-image-item-value--single {\n  .svc-image-item-value-controls {\n    padding: 0 calcSize(6);\n  }\n}\n@container (max-width: 496px) {\n  .svc-image-item-value--new.svc-image-item-value--single {\n    .svc-image-item-value-controls {\n      padding: 0 calcSize(1);\n    }\n  }\n}\n@container (max-width: 176px) {\n  .svc-image-item-value__placeholder {\n    display: none;\n  }\n}\n\n.svc-image-item-value__placeholder {\n  @include lbrDefaultFont;\n  color: var(--ctr-survey-placeholder-text-color, rgba(0, 0, 0, 0.5));\n  text-align: center;\n  font-weight: 400;\n  white-space: normal;\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  border-radius: var(--ctr-survey-contextual-button-corner-radius, var(--lbr-corner-radius-round));\n  background: var(--ctr-survey-contextual-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  transition: background-color $creator-transition-duration;\n\n  use {\n    fill: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    transition: fill $creator-transition-duration;\n  }\n\n  &:hover,\n  &:focus {\n    border-radius: var(--ctr-survey-contextual-button-corner-radius, var(--lbr-corner-radius-round));\n    background: linear-gradient(\n        0deg,\n        var(\n            --ctr-survey-contextual-button-background-color-hovered-positive,\n            var(--sjs-primary-background-10, #19b3941a)\n          )\n          0%,\n        var(\n            --ctr-survey-contextual-button-background-color-hovered-positive,\n            var(--sjs-primary-background-10, #19b3941a)\n          )\n          100%\n      ),\n      var(--ctr-survey-contextual-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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  border-radius: var(--lbr-image-corner-radius, var(--lbr-corner-radius-x05));\n  background: var(--ctr-survey-image-picker-drop-spot-color, var(--sjs-layer-2-background-500, #f8f8f8ff));\n}\n\n.svc-image-item-value--single {\n  width: 100%;\n\n  .sd-imagepicker__image {\n    height: calcSize(36);\n  }\n}\n\n.svc-image-item-value__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n","@use \"../variables\" as *;\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    &.sd-table__cell--drag {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n.svc-matrix-cell--selected {\n  position: absolute;\n  border-radius: var(--ctr-survey-matrix-cell-corner-radius, var(--lbr-corner-radius-x075));\n  border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n    var(--ctr-survey-matrix-cell-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\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    border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n      var(--ctr-survey-matrix-cell-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n  }\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n  border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n    var(--ctr-survey-matrix-cell-border-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\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  border: var(--ctr-survey-contextual-button-border-width, var(--lbr-stroke-x1)) solid\n    var(--ctr-survey-contextual-button-border-color, var(--sjs-border-25, #d4d4d4ff));\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}\n\n.svc-question__content {\n  .sd-drag-element__svg {\n    visibility: visible;\n    cursor: initial;\n    use {\n      fill: (--ctr-data-table-row-drag-area-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\n}","@use \"../variables\" as *;\n\n.svd-test-results {\n  border-radius: var(--ctr-string-table-corner-radius, var(--sjs-corner-radius-x05));\n  box-shadow: inset 0px 1px 0px 0px var(--ctr-string-table-shadow-color, var(--sjs-special-shadow, #00000040));\n  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svd-test-results__content {\n  box-shadow: var(--ctr-string-table-shadow-offset-x, 0px)\n    var(--ctr-string-table-shadow-offset-y, 1px)\n    var(--ctr-string-table-shadow-blur, 2px)\n    var(--ctr-string-table-shadow-spread, 0px)\n    var(--ctr-string-table-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n\n.svd-test-results__header {\n  @include ctrDefaultFont;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--ctr-string-table-title-padding-top, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-right, var(--sjs-spacing-x3))\n    var(--ctr-string-table-title-padding-bottom, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-left, var(--sjs-spacing-x3));\n  color: var(--ctr-string-table-title-caption-color, var(--sjs-layer-1-foreground-50, #00000080));\n  border-bottom: var(--ctr-string-table-title-border-width-bottom, var(--sjs-stroke-x1)) solid\n    var(--ctr-string-table-title-border-color, var(--sjs-border-10, #dcdcdcff));\n  background-color: var(--ctr-string-table-title-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n\n  .svd-test-results__header-text {\n    margin: 0;\n  }\n\n  .svd-test-results__header-types {\n    display: flex;\n    gap: var(--ctr-string-table-title-actionbar-gap, var(--sjs-spacing-x1));\n  }\n\n  .svc-action-button {\n    color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n    border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n    background-color: transparent;\n\n    &:focus, &:hover {\n      background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-background-10, #19b3941a));\n      outline: none;\n    }\n  }\n\n  .svc-action-button.svc-action-button--selected {\n    border: var(--ctr-actionbar-button-border-width-selected, var(--sjs-stroke-x2)) solid var(--ctr-actionbar-button-border-color-selected, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svd-test-results__text {\n  @include ctrDefaultFont;\n  display: flex;\n  padding: var(--ctr-code-viewer-text-margin-top-results-table, var(--sjs-spacing-x2)) var(--ctr-code-viewer-text-margin-right-results-table, var(--sjs-spacing-x3)) var(--ctr-code-viewer-text-margin-bottom-results-table, var(--sjs-spacing-x2)) var(--ctr-code-viewer-text-margin-left-results-table, var(--sjs-spacing-x3));\n  width: calc(100% - calcSize(6));\n  overflow: auto;\n  user-select: text;\n  white-space: pre-wrap;\n  background: var(--ctr-code-viewer-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  color: var(--ctr-code-viewer-text-color, var(--sjs-code-gray-300, #505050ff));\n  box-sizing: content-box;\n}\n\n.svd-test-results__table {\n  width: 100%;\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: var(--ctr-string-table-row-expand-button-icon-color-default, var(--sjs-layer-1-foreground-75, #000000bf));\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      @include ctrSmallBoldFont;\n      padding: var(--ctr-string-table-row-padding-top, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3)) var(--ctr-string-table-row-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\n      background: var(--ctr-string-table-header-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n      text-align: left;\n      color: var(--ctr-string-table-header-text-color, var(--sjs-layer-3-foreground-75, #000000bf));\n\n      &:nth-child(1) {\n        padding-left: var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\n      }\n    }\n\n    td {\n      @include ctrDefaultFont;\n      padding: var(--ctr-string-table-row-padding-top, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3)) var(--ctr-string-table-row-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\n      max-width: calcSize(50);\n      overflow: auto;\n      border-top: var(--ctr-string-table-row-border-width-bottom, var(--sjs-stroke-x1)) solid var(--ctr-string-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n      user-select: text;\n      background: var(--ctr-string-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n\n      &:nth-child(1) {\n        @include ctrDefaultBoldFont;\n        position: relative;\n        width: 50%;\n      }\n\n      &:nth-child(2) {\n        width: 50%;\n        padding-right: var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3));\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: var(--ctr-string-table-row-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n      }\n    }\n  }\n}\n\n.svd-dark-border-color {\n  color: var(--ctr-string-table-row-text-color-title, var(--sjs-layer-1-foreground-100, #000000e6));\n}","@use \"../../variables\" as *;\n\n.svc-designer-header .sd-container-modern__title {\n  gap: 0;\n  column-gap: var(--lbr-header-gap, var(--lbr-spacing-x4));\n}\n\n.svc-logo-image {\n  position: relative;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: 0;\n  cursor: pointer;\n\n  .sd-logo__image {\n    max-width: 100%;\n  }\n}\n\n.svc-logo-image__loading {\n  width: var(--ctr-survey-header-logo-loading-width, var(--lbr-size-x6));\n  height: var(--ctr-survey-header-logo-loading-height, var(--lbr-size-x6));\n  padding: var(--ctr-survey-header-logo-loading-margin-top, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-loading-margin-right, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-loading-margin-bottom, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-loading-margin-left, var(--lbr-spacing-x1));\n  box-sizing: content-box;\n  margin-left: var(--ctr-survey-header-logo-placeholder-margin-left-advanced, var(--lbr-spacing-x2n));\n}\n\n.svc-logo-image-placeholder {\n  @include ctrLargeFont;\n  opacity: var(--ctr-survey-header-logo-placeholder-icon-opacity, 0.5);\n  white-space: nowrap;\n  word-break: keep-all;\n  padding: var(--ctr-survey-header-logo-placeholder-padding-top, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-placeholder-padding-right, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-placeholder-padding-bottom, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-placeholder-padding-left, var(--lbr-spacing-x1));\n  margin-inline-start: var(--ctr-survey-header-logo-placeholder-margin-left-advanced, var(--lbr-spacing-x2n));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--ctr-survey-header-logo-placeholder-corner-radius, var(--lbr-corner-radius-round));\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, var(--sjs-primary-background-10, #19b3941a));\n    opacity: unset;\n\n    use {\n      fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  svg {\n    width: var(--ctr-survey-header-logo-placeholder-icon-width, var(--lbr-size-x6));\n    height: var(--ctr-survey-header-logo-placeholder-icon-height, var(--lbr-size-x6));\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, var(--sjs-layer-3-foreground-50, #00000080));\n}\n\n.svc-logo-image-container {\n  position: relative;\n  cursor: default;\n  padding: var(--ctr-survey-header-logo-margin-top-advanced, var(--lbr-spacing-x2)) 0px\n    var(--ctr-survey-header-logo-margin-right-advanced, var(--lbr-spacing-x2)) 0px;\n\n  .sd-logo .sd-logo__image {\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: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}","@use \"../variables\" as *;\n\n.svc-link__button {\n  @include ctrDefaultBoldFont;\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n}\n\n.svc-question-link__set-button {\n  cursor: pointer;\n}\n.svc-link-value-button {\n  margin-inline-start: calc(-1 * var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2)));\n}\n.svc-question-link__clear-button {\n  color: var(--sjs-semantic-red-background-500, #e50a3eff);\n  cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n  background-color: var(--sjs-semantic-red-background-10, #e50a3e1a);\n}\n","@use \"../variables\" as *;\n.svc-search {\n  // TODO remove v2\n  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.svc-search {\n  display: flex;\n  align-items: center;\n}\n\n.svc-search__input {\n  @include textEllipsis;\n  @include ctrSmallBoldFont;\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  outline: none;\n  padding: 0;\n  width: 0;\n  flex-grow: 1;\n}\n\n.svc-creator--mobile .svc-search__input {\n  $fontSize: var(--ctr-font-small-size, var(--sjs-font-size-x150));\n  font-size: Max(16px, #{$fontSize});\n}\n\n\n.svc-search__toolbar {\n  display: flex;\n  gap: var(--ctr-search-toolbar-gap, var(--sjs-spacing-x05));\n  justify-content: flex-end;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action-bar {\n  gap: var(--ctr-search-toolbar-gap, var(--sjs-spacing-x05));\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action--hidden {\n  display: none;\n}\n\n.svc-search__toolbar .svc-search__bar-item {\n  height: min-content;\n  margin: 0;\n  border-radius: var(--ctr-search-button-corner-radius, var(--sjs-corner-radius-x05));\n  padding: var(--ctr-search-button-padding-vertical, var(--sjs-spacing-x05))\n    var(--ctr-search-button-padding-horizontal, var(--sjs-spacing-x05)) var(--ctr-search-button-padding-vertical, var(--sjs-spacing-x05))\n    var(--ctr-search-button-padding-horizontal, var(--sjs-spacing-x05));\n\n  .sv-svg-icon {\n    width: var(--ctr-search-button-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-search-button-icon-height, var(--sjs-font-size-x2));\n  }\n}\n\n.svc-search__toolbar-counter {\n  @include ctrSmallBoldFont;\n  display: flex;\n  flex-shrink: 0;\n}","@use \"../../variables\" as *;\n\n.svc-property-panel__item {\n  margin: calcSize(2) 0;\n  width: 100%;\n}\n","@use \"../../variables\" as *;\n\n.svc-property-grid-placeholder {\n  display: flex;\n  padding: var(--ctr-property-grid-placeholder-padding-top, var(--sjs-spacing-x12))\n    var(--ctr-property-grid-placeholder-padding-right, var(--sjs-spacing-x6)) var(--ctr-property-grid-placeholder-padding-bottom, 0px)\n    var(--ctr-property-grid-placeholder-padding-left, var(--sjs-spacing-x6));\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ctr-property-grid-placeholder-image-margin-top, var(--sjs-spacing-x3));\n  flex: 1 0 0;\n  align-self: stretch;\n  background: var(--ctr-property-grid-form-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n}\n.svc-property-grid-placeholder__header {\n  display: flex;\n  max-width: var(--ctr-property-grid-placeholder-text-max-width, 320px);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--ctr-property-grid-placeholder-text-gap, var(--sjs-spacing-x1));\n}\n.svc-property-grid-placeholder__title {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-property-grid-placeholder-text-title-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  text-align: center;\n  display: inline-block;\n}\n.svc-property-grid-placeholder__description {\n  @include ctrSmallFont;\n  color: var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-align: center;\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","@use \"../../variables\" as *;\n\n.svc-tabbed-menu-item {\n  display: flex;\n  align-items: center;\n  min-height: calc(\n    var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3)) +\n      var(--ctr-menu-item-padding-top, var(--sjs-spacing-x250)) +\n      var(--ctr-menu-item-padding-bottom, var(--sjs-spacing-x250))\n  );\n  padding: var(--ctr-menu-item-padding-top, var(--sjs-spacing-x250))\n    var(--ctr-menu-item-padding-right, var(--sjs-spacing-x3))\n    var(--ctr-menu-item-padding-bottom, var(--sjs-spacing-x250))\n    var(--ctr-menu-item-padding-left, var(--sjs-spacing-x3));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n    box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-25, #d4d4d4ff));\n    outline: none;\n  }\n}\n\n.svc-tabbed-menu-item--icon {\n  padding-right: var(--ctr-menu-item-padding-right-icon, var(--sjs-spacing-x2));\n  padding-left: var(--ctr-menu-item-padding-left-icon, var(--sjs-spacing-x2));\n  display: flex;\n  align-items: center;\n}\n\n.svc-tabbed-menu-item--selected {\n  background: var(--ctr-menu-item-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-background-500, #19b394ff));\n\n  &:hover,\n  &:focus {\n    background: var(--ctr-menu-item-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-layer-1-background-500, #ffffffff));\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  @include ctrDefaultFont;\n  white-space: nowrap;\n  display: block;\n  color: var(--ctr-menu-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {\n  @include ctrDefaultBoldFont;\n}\n\n.svc-tabbed-menu-item__icon {\n  width: var(--ctr-menu-item-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-menu-item-icon-height, var(--sjs-font-size-x3));\n  fill: var(--ctr-menu-item-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n}\n\n.svc-tabbed-menu-dots__item {\n  width: auto;\n  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n\n  svg {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n  }\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, rgba(0, 0, 0, 0.7490196078)));\n  }\n\n  &:hover,\n  &:focus {\n    border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n    background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n\n  &.sv-action-bar-item--pressed {\n    border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n    opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n    background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n}\n.svc-tabbed-menu-item-container \n{\n  .svc-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}","@use \"../../variables\" as *;\n\n.svc-tabbed-menu {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  align-items: center;\n}\n\n.svc-tabbed-menu-wrapper {\n  flex: 1 1 auto;\n  overflow: hidden;\n}","@use \"../../variables\" as *;\n\n.svc-toolbox__item {\n  display: flex;\n  position: relative;\n  align-items: center;\n  outline: none;\n  padding-top: var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1));\n  padding-bottom: var(--ctr-toolbox-item-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2));\n  padding-inline-start: var(--ctr-toolbox-item-padding-left, var(--sjs-spacing-x150));\n  border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n  cursor: pointer;\n}\n.svc-toolbox__item-icon {\n  display: block;\n  height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n  width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n  pointer-events: none;\n}\n.svc-toolbox__tool {\n  cursor: default;\n  width: initial;\n  align-items: var(--ctr-toolbox-item-align, stretch);\n  align-self: var(--ctr-toolbox-item-align, stretch);\n  &:first-of-type > .svc-toolbox__tool-content {\n    padding-block-start: 0;\n    .svc-toolbox__item-banner {\n      top: 50%;\n    }\n    .svc-toolbox__item-submenu-button {\n      top: 0;\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, var(--sjs-spacing-x05));\n  flex-direction: column;\n  align-items: var(--ctr-toolbox-item-align, stretch);\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, stretch);\n  align-self: var(--ctr-toolbox-item-align, stretch);\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, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n//is visible only on hover\n.svc-toolbox__item-banner {\n  @include ctrSmallBoldFont;\n  opacity: 0;\n  box-sizing: border-box;\n  align-items: center;\n  inset-inline-start: var(--ctr-toolbox-item-banner-left, var(--thm-toolbox-item-banner-left));\n  max-width: calcSize(100);\n  padding-top: var(--ctr-tooltip-padding-top, var(--sjs-spacing-x2));\n  padding-inline-end: var(--ctr-tooltip-padding-right, var(--sjs-spacing-x3));\n  padding-bottom: var(--ctr-tooltip-padding-bottom, var(--sjs-spacing-x2));\n  padding-inline-start: var(--ctr-tooltip-padding-left, var(--sjs-spacing-x3));\n  margin-inline-end: calcSize(-2);\n  white-space: nowrap;\n  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: opacity $creator-transition-duration;\n  /* Shadow / Medium */\n  border-radius: var(--ctr-tooltip-corner-radius, var(--sjs-corner-radius-x075));\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, 8px) var(--ctr-tooltip-shadow-1-spread, 0px)\n      var(--ctr-tooltip-shadow-1-color, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-shadow, #00000040));\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, var(--sjs-layer-1-background-500, #ffffffff));\n  overflow: visible;\n  position: absolute;\n  z-index: 200;\n  top: calc(50% + 0.5 * var(--ctr-toolbox-group-gap, var(--sjs-spacing-x05)));\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, none);\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, block);\n    width: calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) * 1.41);\n    height: calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) * 1.41);\n    background: var(--ctr-tooltip-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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, 8px) var(--ctr-tooltip-shadow-1-spread, 0px)\n        var(--ctr-tooltip-shadow-1-color, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-shadow, #00000040));\n    align-self: center;\n    position: absolute;\n    inset-inline-end: 100%;\n    top: 50%;\n    z-index: 300;\n    transform: translate(\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / 1.41),\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / -1.41)\n      )\n      rotate(45deg);\n    clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);\n  }\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svc-toolbox__item-title {\n  @include ctrSmallBoldFont;\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, var(--sjs-layer-1-foreground-100, #000000e6));\n  overflow: hidden;\n  text-overflow: ellipsis;\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}\n\n.svc-toolbox__tool--disabled {\n  pointer-events: none;\n\n  use {\n    opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.25);\n    fill: var(--ctr-toolbox-item-icon-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\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, var(--sjs-primary-background-10, #19b3941a));\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, 8px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n      var(--ctr-toolbox-item-shadow-hovered-1-color, #00000000),\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, #00000000);\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, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-primary-background-10, #19b3941a));\n  border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n  box-shadow: none;\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n.svc-toolbox__item-submenu-button {\n  position: absolute;\n  inset-inline-end: var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2));\n  margin-inline-end: var(--ctr-toolbox-item-submenu-button-margin-right, var(--sjs-spacing-x1n));\n  top: var(--ctr-toolbox-gap, var(--sjs-spacing-x05));\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  height: fit-content;\n  display: inline-flex;\n  padding: var(--ctr-toolbox-item-submenu-button-padding-top, var(--sjs-spacing-x05))\n    var(--ctr-toolbox-item-submenu-button-padding-right, var(--sjs-spacing-x05))\n    var(--ctr-toolbox-item-submenu-button-padding-bottom, var(--sjs-spacing-x05))\n    var(--ctr-toolbox-item-submenu-button-padding-left, var(--sjs-spacing-x05));\n  box-sizing: border-box;\n  align-items: center;\n  border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, var(--sjs-corner-radius-x05));\n  background-color: var(\n    --ctr-toolbox-item-submenu-button-background-color,\n    var(--sjs-layer-1-background-500, #ffffffff)\n  );\n  transition: background-color $creator-transition-duration;\n  &:hover {\n    background-color: var(\n      --ctr-toolbox-item-submenu-button-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n  svg {\n    fill: var(--ctr-toolbox-item-submenu-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    width: var(--ctr-toolbox-item-submenu-button-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-toolbox-item-submenu-button-icon-height, var(--sjs-font-size-x2));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\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, #00000000);\n  }\n\n  .svc-toolbox__item-title {\n    color: var(--ctr-toolbox-item-text-color-pressed, var(--sjs-layer-1-foreground-100, #000000e6));\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, var(--sjs-layer-1-foreground-100, #000000e6));\n    opacity: var(--ctr-toolbox-item-icon-opacity-pressed, 0.35);\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    margin-top: calc(\n      0px - var(--ctr-toolbox-submenu-group-margin-top, var(--sjs-spacing-x150)) -\n        var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1))\n    );\n    padding: 0;\n\n    padding-inline-start: calc(\n      var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2)) +\n        var(--ctr-toolbox-item-submenu-button-margin-right, var(--sjs-spacing-x1n)) +\n        var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)) +\n        var(--ctr-toolbox-border-width-right, var(--sjs-stroke-x1))\n    );\n\n    box-shadow: unset;\n    background: unset;\n  }\n\n  .sv-list__container {\n    flex-wrap: wrap;\n    column-gap: calcSize(2);\n    row-gap: var(--ctr-toolbox-group-gap, var(--sjs-spacing-x05));\n  }\n\n  & > .sv-popup__container > .sv-popup__body-content {\n    border-radius: var(--ctr-toolbox-submenu-corner-radius, var(--sjs-corner-radius-x1));\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a));\n    background: var(--ctr-toolbox-submenu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    padding: 0;\n  }\n\n  .sv-popup__scrolling-content {\n    padding-top: calc(var(--ctr-toolbox-submenu-group-margin-top, var(--sjs-spacing-x150)));\n    padding-inline-end: var(--ctr-toolbox-submenu-group-margin-right, var(--sjs-spacing-x150));\n    padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, var(--sjs-spacing-x150));\n    padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, var(--sjs-spacing-x150));\n    overflow: visible;\n    box-sizing: border-box;\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, 1);\n    overflow: hidden;\n    border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n    background: var(--ctr-toolbox-item-background-color-submenu, var(--sjs-layer-1-background-500, #ffffffff));\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, 8px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n        var(--ctr-toolbox-item-shadow-hovered-1-color, #00000000),\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, #00000000);\n    transition: 0.1s ease-in-out;\n    padding: var(--ctr-toolbox-item-padding-top-submenu, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2))\n      var(--ctr-toolbox-item-padding-bottom-submenu, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-item-padding-left-submenu, var(--sjs-spacing-x2));\n    align-self: flex-start;\n    min-width: var(--ctr-toolbox-submenu-item-min-width, calc(17 * 8px));\n    box-sizing: border-box;\n\n    .svc-toolbox__item-title {\n      color: var(--ctr-toolbox-item-text-color-submenu, var(--sjs-layer-2-foreground-100, #000000e6));\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, var(--sjs-primary-background-10, #19b3941a));\n      opacity: unset;\n\n      .svc-toolbox__item-title {\n        color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n      }\n    }\n  }\n\n  .svc-toolbox__item-title {\n    padding: 0;\n  }\n\n  .svc-toolbox__tool-content {\n    padding-block-start: 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, var(--sjs-spacing-x150));\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, var(--sjs-spacing-x05));\n    align-self: flex-start;\n    pointer-events: all;\n  }\n  .svc-toolbox__search-button {\n    padding-inline-start: var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05));\n  }\n  .svc-toolbox__item {\n    padding-inline-start: var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-spacing-x1));\n    padding-inline-end: var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-spacing-x1));\n    box-sizing: border-box;\n    align-self: flex-start;\n  }\n  .svc-toolbox__tool--dots {\n    padding-inline-end: 0;\n    padding-inline-start: 0;\n  }\n  .svc-toolbox__item--dots {\n    padding-inline-end: var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-item-padding-left, var(--sjs-spacing-x150));\n  }\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n  --toolbox-width-compact: calc(\n    var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3)) +\n    var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)) * 2 +\n    var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)) +\n    var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150))\n  );\n\n  --thm-toolbox-item-banner-left: calc(\n    var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3)) +\n    var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)) * 2 +\n    var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)) +\n    var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) * 2\n  );\n\n  width: auto;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: content-box;\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, var(--sjs-stroke-x1)) solid var(--ctr-toolbox-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-toolbox-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  min-width: var(--ctr-toolbox-min-width, var(--sjs-size-x20));\n  box-sizing: content-box;\n}\n\n.svc-toolbox {\n  .sv-scroll__wrapper {\n    height: 0;\n    flex-grow: 1;\n  }\n\n  .sv-scroll__scroller {\n    padding: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150)) var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-padding-bottom, var(--sjs-spacing-x2)) var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150));\n    align-items: var(--ctr-toolbox-scroller-align-items, flex-start);\n\n  }\n  .sv-scroll__scrollbar {\n    inset-inline-end: var(--ctr-toolbox-scrollbar-right, 0);\n    inset-inline-start: var(--ctr-toolbox-scrollbar-left, \"auto\");\n    padding: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150)) 0 var(--ctr-toolbox-padding-bottom, var(--sjs-spacing-x2)) 0;\n  }\n}\n\n.svc-toolbox--scrollable {\n  --toolbox-width: var(--ctr-toolbox-min-width, var(--sjs-size-x20));\n}\n.svc-toolbox--compact {\n  margin-inline-end: var(--ctr-toolbox-margin-left-compact, 0);\n  .svc-toolbox__panel {\n    overflow: visible;\n    width: var(--toolbox-width-compact);\n    min-width: var(--toolbox-width-compact);\n  }\n  .sv-scroll__scroller {\n    width: 100vw;\n    padding: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150)) var(--ctr-toolbox-group-padding-right-compact, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-padding-bottom, var(--sjs-spacing-x2)) var(--ctr-toolbox-group-padding-left-compact, var(--sjs-spacing-x150));\n    pointer-events: none;\n  }\n  .svc-search {\n    opacity: 0;\n    position: absolute;\n  }\n  .svc-toolbox__search-container {\n    padding-top: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150));\n    padding-inline-start: var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150));\n    padding-inline-end: var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150));\n    padding-bottom: calc(var(--ctr-toolbox-separator-padding-top, var(--sjs-spacing-x1)) + var(--ctr-toolbox-gap, var(--sjs-spacing-x05)));\n  }\n  .svc-toolbox__category-separator {\n    box-sizing: content-box;\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, var(--sjs-spacing-x2));\n    margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right-compact, var(--sjs-spacing-x150)) - var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)));\n    margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left-compact, var(--sjs-spacing-x150)) - var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)));\n  }\n  .svc-toolbox__category-separator--search {\n    margin-inline-end: 0;\n    margin-inline-start: 0;\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  svg {\n    height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n    width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n  }\n}\n\n.svc-toolbox--flyout {\n  --toolbox-width: var(--ctr-toolbox-min-width, var(--sjs-size-x20));\n  margin-inline-end: var(--ctr-toolbox-margin-left-compact, 0);\n  overflow: visible;\n  overflow: visible;\n  width: var(--toolbox-width-compact);\n  max-width: var(--thm-toolbox-width-compact, calcSize(10.5));\n  overflow: visible;\n  border-inline-end: var(--ctr-toolbox-border-width-right, var(--sjs-stroke-x1)) solid transparent;\n\n  .svc-search {\n    opacity: 1;\n    position: relative;\n  }\n\n  .svc-toolbox__panel {\n    z-index: 200;\n    width: fit-content;\n    position: relative;\n    box-shadow:\n      var(--ctr-toolbox-shadow-floating-2-offset-x, 0px)\n        var(--ctr-toolbox-shadow-floating-2-offset-y, 16px)\n        var(--ctr-toolbox-shadow-floating-2-blur, 32px)\n        var(--ctr-toolbox-shadow-floating-2-spread, 0px)\n        var(--ctr-toolbox-shadow-floating-2-color, var(--sjs-special-glow, #004c441a)),\n      var(--ctr-toolbox-shadow-floating-1-offset-x, 0px)\n        var(--ctr-toolbox-shadow-floating-1-offset-y, 2px)\n        var(--ctr-toolbox-shadow-floating-1-blur, 8px)\n        var(--ctr-toolbox-shadow-floating-1-spread, 0px)\n        var(--ctr-toolbox-shadow-floating-1-color, var(--sjs-special-glow, #004c441a));\n    transition: box-shadow $creator-transition-duration;\n  }\n}\n.svc-toolbox--searchable {\n  .svc-toolbox__search-container {\n    display: flex;\n  }\n}\n.svc-toolbox__search-container {\n  position: sticky;\n  top: 0;\n  display: none;\n  flex-direction: column;\n  box-sizing: border-box;\n  background: var(--ctr-toolbox-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-bottom: var(--ctr-toolbox-search-border-width-bottom, var(--sjs-stroke-x1)) solid transparent;\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  margin-bottom: var(--ctr-toolbox-gap, var(--sjs-spacing-x05));\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.svc-toolbox__category-separator {\n  box-sizing: border-box;\n  padding-top: var(--ctr-toolbox-separator-padding-top, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-toolbox-separator-padding-right, 0px);\n  padding-bottom: var(--ctr-toolbox-separator-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-start: var(--ctr-toolbox-separator-padding-left, var(--sjs-spacing-x2));\n  margin-top: var(--ctr-toolbox-gap, var(--sjs-spacing-x05));\n  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)));\n  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150)));\n  max-width: var(--ctr-toolbox-separator-max-width, var(--sjs-size-max));\n  &:after {\n    content: \"\";\n    display: block;\n    height: var(--ctr-toolbox-separator-height, var(--sjs-stroke-x1));\n    background-color: var(--ctr-toolbox-separator-color, var(--sjs-border-25, #d4d4d4ff));\n  }\n}\n\n.svc-toolbox__category-separator--search {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  align-self: center;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 0;\n  margin-top: 0;\n  max-width: initial;\n}\n\n.svc-toolbox--no-separators {\n  .svc-toolbox__category-separator {\n    display: none;\n  }\n  .svc-toolbox__category-separator--search {\n    display: block;\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, var(--sjs-spacing-x150))\n    var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-right, var(--sjs-spacing-x150));\n  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150)));\n  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)));\n  align-self: stretch;\n}\n.svc-toolbox__category-header {\n  min-height: var(--ctr-toolbox-group-header-min-height, var(--sjs-spacing-x5));\n  padding-top: var(--ctr-toolbox-group-header-padding-top, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-toolbox-group-header-padding-right, var(--sjs-spacing-x1));\n  padding-bottom: var(--ctr-toolbox-group-header-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-start: var(--ctr-toolbox-group-header-padding-left, var(--sjs-spacing-x2));\n\n  border-radius: var(--ctr-toolbox-group-header-corner-radius, var(--sjs-corner-radius-x1));\n  background: var(--ctr-toolbox-group-header-background-color, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n  box-shadow:\n    inset 0 var(--ctr-toolbox-group-header-border-width-top, 0px)\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff)),\n    inset calc(0px - var(--ctr-toolbox-group-header-border-width-right, 0px)) 0\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff)),\n    inset 0 calc(0px - var(--ctr-toolbox-group-header-border-width-bottom, 0px))\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff)),\n    inset var(--ctr-toolbox-group-header-border-width-left, 0px) 0\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff));\n\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calcSize(20);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.svc-toolbox__category-header--collapsed {\n  cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n  @include ctrSmallBoldFont;\n  color: var(--ctr-toolbox-group-header-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  vertical-align: middle;\n  display: block;\n  flex-grow: 1;\n}\n\n.svc-toolbox__category-header__controls {\n  inset-inline-end: calcSize(1);\n  top: var(--ctr-category-header-controls-top, calcSize(1));\n  display: flex;\n  opacity: 0;\n  align-self: center;\n  margin-top: -50%;\n  margin-bottom: -50%;\n  transition: opacity $creator-transition-duration;\n}\n\n.svc-toolbox__category-header__button {\n  fill: var(--ctr-toolbox-group-header-expand-button-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n  width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n}\n\n.svc-toolbox__category-header:hover {\n  .svc-toolbox__category-header__controls {\n    opacity: 1;\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  @include ctrSmallFont;\n  padding-top: calcSize(13.5);\n  margin-inline-start: auto;\n  margin-inline-end: auto;\n  color: var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n  .svc-search {\n    padding-top: var(--ctr-toolbox-search-padding-top, var(--sjs-spacing-x250));\n    padding-inline-end: var(--ctr-toolbox-search-padding-right, var(--sjs-spacing-x2));\n    padding-bottom: var(--ctr-toolbox-search-padding-bottom, var(--sjs-spacing-x250));\n    padding-inline-start: var(--ctr-toolbox-search-padding-left, var(--sjs-spacing-x3));\n    gap: var(--ctr-toolbox-search-gap, var(--sjs-spacing-x1));\n    height: unset;\n\n    width: unset;\n    flex-grow: 1;\n    border-bottom: none;\n  }\n\n  .svc-search__input {\n    color: var(--ctr-toolbox-search-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n  .svc-search__input::placeholder {\n    color: var(--ctr-toolbox-search-text-color-placeholder, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n  .svc-search__bar-item {\n    &:hover:enabled {\n      background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, var(--sjs-semantic-red-background-10, #e50a3e1a));\n      svg use {\n        fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n      }\n    }\n  }\n\n  .svc-search__search-icon {\n    width: var(--ctr-toolbox-search-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-toolbox-search-icon-height, var(--sjs-font-size-x3));\n  \n    .sv-svg-icon {\n      width: var(--ctr-toolbox-search-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-toolbox-search-icon-height, var(--sjs-font-size-x3));\n  \n      use {\n        fill: var(--ctr-toolbox-search-icon-color, var(--sjs-primary-background-500, #19b394ff));\n      }\n    }\n  }\n}","@use \"../../variables\" as *;\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(\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / -1.41),\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / -1.41)\n      )\n      scaleX(-1)\n      rotate(45deg);\n    }\n  }\n  .svc-toolbox__item-submenu-button {\n    svg {\n      transform: rotate(180deg);\n    }  \n  }\n}\n.svc-creator__toolbox--right {\n  .sv-popup__body-content,\n  .svc-search\n  {\n    direction: initial;\n  }\n}","@use \"../../variables\" as *;\n$svc-toolbox-fade-in-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);\n$svc-toolbox-move-in-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);\n$svc-toolbox-fade-in-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);\n$svc-toolbox-fade-out-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);\n$svc-toolbox-move-out-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);\n$svc-toolbox-move-out-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);\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\n@keyframes toolboxFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes toolboxMoveIn {\n  from {\n    width: var(--toolbox-width-compact);\n    overflow: hidden;\n  }\n\n  to {\n    width: var(--animation-width);\n    overflow: hidden;\n  }\n}\n\n@keyframes toolboxSeparatorSearchMoveIn {\n  from {\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, var(--sjs-spacing-x2));\n\n    overflow: hidden;\n  }\n\n  to {\n    padding-inline-end: 0;\n    padding-inline-start: 0;\n    overflow: hidden;\n  }\n}\n\n@keyframes toolboxSeparatorMoveIn {\n  from {\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, var(--sjs-spacing-x2));\n    overflow: hidden;\n  }\n\n  to {\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right, 0px);\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left, var(--sjs-spacing-x2));\n    overflow: hidden;\n  }\n}\n\n.svc-toolbox__panel--enter,\n.svc-toolbox__panel--leave {\n  animation-fill-mode: forwards;\n  animation-duration: var(--move-animation-duration), var(--animation-duration);\n  animation-delay: var(--move-animation-delay), 0s;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-name: toolboxMoveIn, empty;\n  animation-fill-mode: forwards;\n  min-width: 0;\n\n  .svc-toolbox__category-separator {\n    animation-duration: var(--move-animation-duration);\n    animation-delay: var(--move-animation-delay);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n    animation-name: toolboxSeparatorMoveIn;\n    animation-fill-mode: forwards;\n  }\n\n  .svc-toolbox__category-separator--search {\n    animation-name: toolboxSeparatorSearchMoveIn;\n  }\n\n  .svc-toolbox__item-submenu-button,\n  .svc-toolbox__item-title,\n  .svc-search__input {\n    animation-duration: var(--fade-animation-duration);\n    animation-delay: var(--fade-animation-delay);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n    animation-name: toolboxFadeIn;\n    animation-fill-mode: forwards;\n    opacity: 0;\n    text-overflow: initial;\n  }\n}\n\n.svc-toolbox__panel--enter {\n  --fade-animation-duration: #{$svc-toolbox-fade-in-duration};\n  --move-animation-duration: #{$svc-toolbox-move-in-duration};\n  --fade-animation-delay: #{$svc-toolbox-fade-in-delay};\n  --move-animation-delay: 0s;\n  --animation-direction: normal;\n  --animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));\n  --animation-timing-function: #{$cubic-ease-out};\n}\n\n.svc-toolbox__panel--leave {\n  --fade-animation-duration: #{$svc-toolbox-fade-out-duration};\n  --move-animation-duration: #{$svc-toolbox-move-out-duration};\n  --fade-animation-delay: 0s;\n  --move-animation-delay: #{$svc-toolbox-move-out-delay};\n  --animation-direction: reverse;\n  --animation-duration: 0s;\n  --animation-timing-function: #{$reverse-cubic-ease-out};\n}\n\n.svc-toolbox--flyout-to-compact-running {\n  width: var(--toolbox-width-compact);\n  margin-inline-end: var(--ctr-toolbox-margin-left-compact, 0);\n  z-index: 200;\n  border-inline-end: var(--ctr-toolbox-border-width-right, var(--sjs-stroke-x1)) solid transparent;\n}\n\n.svc-creator--disable-animations {\n\n  .svc-toolbox__panel--enter,\n  .svc-toolbox__panel--leave {\n    animation: none;\n  }\n}","@use \"../../variables\" as *;\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  width: var(--ctr-property-grid-width, var(--sjs-size-x60));\n  min-width: var(--ctr-property-grid-min-width, var(--sjs-size-x40));\n  max-width: var(--sjs-size-x90);\n  height: 100%;\n  background: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-inline-start: var(--ctr-property-grid-border-width-left, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-border-color, var(--sjs-border-25, #d4d4d4ff));\n    box-sizing: content-box;\n}\n\n.svc-side-bar--narrow {\n  .svc-side-bar__container {\n    max-width: var(--sjs-size-x64);\n  }\n}\n\n.svc-side-bar__wrapper {\n  height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n  width: 3px;\n  height: 100%;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  background-color: transparent;\n  cursor: e-resize;\n}\n\n.svc-resizer-west {\n  left: 0;\n}\n\n.svc-resizer-east {\n  right: 0;\n}\n\n.svc-side-bar__container-header {\n  background: var(--ctr-property-grid-header-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-background-500, #19b394ff));\n  // text-align: right;\n  display: flex;\n  padding: var(--ctr-property-grid-header-padding-top, var(--sjs-spacing-x150)) var(--ctr-property-grid-header-padding-right, var(--sjs-spacing-x2))\n  var(--ctr-property-grid-header-padding-bottom, var(--sjs-spacing-x150)) var(--ctr-property-grid-header-padding-left, var(--sjs-spacing-x2));\n}\n\n.svc-side-bar__container-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  height: 100%;\n  overflow-y: auto;\n  background-color: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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 var(--sjs-border-default, var(--border, #d6d6d6));\n// }\n\n.svc-side-bar__container-title {\n  @include ctrDefaultFont;\n\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 0;\n  justify-content: flex-end;\n  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1)) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-side-bar__container-actions {\n  width: 100%;\n  box-sizing: border-box;\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    border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n\n    &:focus {\n      background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n    }\n    \n    &:hover {\n      background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-layer-1-background-400, #f5f5f5ff));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n  \n  .sv-action-bar-item__title {\n    color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n  \n  .sv-action-bar-item__icon use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\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, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n$tabs-width: calc(var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1)) + var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1)) + var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3)) + var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150)) + var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150)));\n\n.svc-side-bar--flyout {\n  z-index: 1000;\n  .svc-side-bar__shadow {\n    background-color: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n  }\n  .svc-side-bar__container-wrapper {\n    border-left: none;\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: 1;\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    height: auto;\n  }\n\n  .sv-action-bar-item__title {\n    @include ctrDefaultFont;\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.svd-grid-hide {\n  margin-inline-end: auto;\n\n  .sv-action-bar-item--icon {\n    padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n      var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  }\n  .sv-svg-icon {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.svc-side-bar {\n  .svc-toolbox {\n    width: 100%;\n  }\n  .svc-toolbox .sv-scroll__scroller {\n    direction: initial;\n  }\n  .svc-toolbox .sv-scroll__scrollbar {\n    inset-inline-end: 0;\n    inset-inline-start: initial;\n  }\n  .svc-toolbox__category-separator--search {\n    display: none\n  }\n  .svc-toolbox__panel {\n    width: unset;\n    border: none;\n  }\n}","@use \"../../variables\" as *;\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, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-tabs-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-property-grid-tabs-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: border-box;\n}\n.svc-sidebar-tabs__top-container {\n  display: flex;\n  padding-top: var(--ctr-property-grid-tabs-padding-top, var(--sjs-spacing-x150));\n  padding-bottom: var(--ctr-property-grid-tabs-padding-bottom, var(--sjs-spacing-x150));\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-end;\n  gap: var(--ctr-property-grid-tabs-separator-margin, var(--sjs-spacing-x150));\n  flex-grow: 1;\n\n  .sv-scroll__wrapper {\n    height: 0;\n    flex-grow: 1;\n  }\n}\n.svc-sidebar-tabs__collapse-button {\n  display: flex;\n  align-items: center;\n  padding-inline-start: var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150));\n  padding-inline-end: var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150));\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  padding-inline-start: var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150));\n  padding-inline-end: var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150));\n\n  & > div {\n    height: var(--ctr-separator-width, var(--sjs-size-x0125));\n    background: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\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, var(--sjs-spacing-x150));\n  padding-inline-start: var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150));\n  padding-inline-end: var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150));\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, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n  gap: var(--ctr-menu-toolbar-button-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  background: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-background-10, #19b3941a));\n\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #19b394ff));\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-top: var(--ctr-property-grid-tabs-padding-top, var(--sjs-spacing-x150));\n  padding-bottom: var(--ctr-property-grid-tabs-padding-bottom, var(--sjs-spacing-x150));\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-end;\n  gap: var(--ctr-property-grid-tabs-separator-margin, var(--sjs-spacing-x150));\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  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, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px calc(-1 * var(--ctr-property-grid-header-border-width-bottom, var(--sjs-stroke-x2))) 0px\n    var(--ctr-property-grid-header-border-color, var(--sjs-primary-background-500, #19b394ff));\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.svc-sidebar__header--tabbed,\n.svc-sidebar__header-container {\n  min-height: calc(\n    var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3)) +\n      var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1)) +\n      var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1)) +\n      var(--ctr-menu-toolbar-padding-vertical, var(--sjs-spacing-x150)) +\n      var(--ctr-menu-toolbar-padding-vertical, var(--sjs-spacing-x150))\n  );\n}\n\n.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {\n  padding: var(--ctr-property-grid-header-padding-top-with-subtitle, var(--sjs-spacing-x075))\n    var(--ctr-property-grid-header-padding-right, var(--sjs-spacing-x2))\n    var(--ctr-property-grid-header-padding-bottom-with-subtitle, var(--sjs-spacing-x075))\n    var(--ctr-property-grid-header-padding-left, var(--sjs-spacing-x2));\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, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n  gap: var(--ctr-menu-toolbar-button-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n}\n.svc-menu-action__button.svc-menu-action__button--with-subtitle {\n  padding: var(--ctr-menu-toolbar-button-padding-top-with-description, var(--sjs-spacing-x05))\n    var(--ctr-menu-toolbar-button-padding-right-with-description, var(--sjs-spacing-x150))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left-with-description, var(--sjs-spacing-x150));\n}\n\n.svc-menu-action__icon {\n  display: flex;\n  width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n  justify-content: center;\n  align-items: center;\n\n  .sv-svg-icon {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n    display: block;\n  }\n\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\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  @include ctrDefaultFont;\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  display: inline-block;\n}\n.svc-sidebar__header-subtitle {\n  @include ctrSmallFont;\n  color: var(--ctr-menu-toolbar-button-text-color-secondary, var(--sjs-layer-1-foreground-50, #00000080));\n  display: inline-block;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n\n}\n\n.spg-action-button {\n  @include ctrDefaultBoldFont;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-spacing-x1));\n  box-sizing: border-box;\n  border: none;\n  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n    use {\n      fill: var(--ctr-actionbar-button-icon-color-hovered, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.spg-action-button--icon {\n  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-spacing-x1));\n}\n.spg-action-button__icon {\n  display: block;\n  width: var(--ctr-actionbar-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-actionbar-button-icon-height, var(--sjs-font-size-x3));\n\n  use {\n    fill: var(--ctr-actionbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    transition: fill $creator-transition-duration;\n  }\n}\n\n.spg-action-button--danger {\n  color: var(--ctr-library-action-button-text-color-negative, var(--sjs-semantic-red-background-500, #e50a3eff));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-library-action-button-background-color-negative-hovered, var(--sjs-semantic-red-background-10, #e50a3e1a));\n\n    use {\n      fill: var(--ctr-library-action-button-icon-color-negative, var(--sjs-semantic-red-background-500, #e50a3eff));\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-actionbar-button-opacity-disabled, 0.25);\n  pointer-events: none;\n  cursor: default;\n}\n\n.spg-action-button--muted {\n  opacity: var(--ctr-actionbar-button-opacity-muted, 0.35);\n}\n\n.spg-action-button:active {\n  opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n}\n\n.spg-action-button--text {\n  padding: calcSize(0.5) calcSize(2);\n}","@use \"../variables\" as *;\n@use \"blocks/spg-action-bar.scss\";\n@use \"blocks/spg-question.scss\";\n@use \"blocks/spg-input.scss\";\n@use \"blocks/spg-dropdown.scss\";\n@use \"blocks/spg-tagbox.scss\";\n@use \"blocks/spg-comment.scss\";\n@use \"blocks/spg-panel.scss\";\n@use \"blocks/spg-checkbox.scss\";\n@use \"blocks/spg-matrixdynamic.scss\";\n@use \"blocks/spg-table.scss\";\n@use \"blocks/spg-question-group.scss\";\n@use \"blocks/spg-color-editor.scss\";\n@use \"blocks/spg-file-edit.scss\";\n@use \"blocks/spg-link\";\n@use \"blocks/spg-theme-builder.scss\";\n@use \"blocks/spg-overriding.scss\";\n@use \"blocks/spg-search-editor.scss\";\n@use \"blocks/spg-buttongroup.scss\";\n\n.spg-root-modern {\n  position: relative;\n  width: 100%;\n  border-inline-end: 1px solid transparent;\n  background: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: border-box;\n  height: 0;\n  flex-grow: 1;\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  display: flex;\n  flex-direction: column;\n}\n\n.spg-root-modern.spg-root--one-category {\n  border-inline-end: unset;\n  background-color: var(--ctr-property-grid-form-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n\n  .spg-page.spg-body__page {\n    box-shadow: unset;\n  }\n}\n\n.sv-popup--modal-popup {\n  &.svc-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    padding: 0;\n  }\n}\n\n.sv-popup.svc-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-action-title-bar {\n  margin-inline-end: var(--ctr-data-table-border-width, var(--sjs-stroke-x1));\n  padding-inline-end: var(--ctr-caption-with-actions-actionbar-padding-right, calcSize(0.5));\n}\n\n.spg-body {\n  width: 100%;\n}\n\n.spg-body--empty {\n  margin: calcSize(3);\n}\n\n.spg-title-toolbar--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    margin-inline-end: auto;\n\n    .spg-action-button--icon {\n      padding: var(--ctr-actionbar-button-padding-top-small-icon, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-right-small-icon, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-bottom-small-icon, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-left-small-icon, var(--sjs-spacing-x05));\n      opacity: var(--ctr-actionbar-button-opacity-muted, 0.35);\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    .spg-action-button__icon {\n      width: var(--ctr-actionbar-button-icon-width-small, var(--sjs-font-size-x2));\n      height: var(--ctr-actionbar-button-icon-height-small, var(--sjs-font-size-x2));\n    }\n\n    svg {\n      fill: var(--ctr-actionbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}","@use \"../../variables.scss\" as *;\n\n.spg-question {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n  border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n}\n\n.spg-question.spg-question--disabled {\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.spg-question__header {\n  width: 100%;\n}\n\n.spg-question--disabled .spg-question__header {\n  opacity: var(--ctr-editor-label-opacity-disabled, 0.25);\n}\n\n.spg-question__title {\n  @include ctrDefaultFont;\n  width: 100%;\n  margin: 0;\n  padding: var(--ctr-label-padding-top, var(--sjs-spacing-x1)) var(--ctr-label-padding-right, 0px)\n    var(--ctr-label-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-label-padding-left, 0px);\n  color: var(--ctr-label-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  box-sizing: border-box;\n}\n.spg-question__title.sd-element__title--disabled {\n  color: var(--ctr-caption-with-actions-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-question__content {\n  width: 100%;\n  cursor: pointer;\n}\n\n.spg-question--disabled .spg-question__content {\n  cursor: default;\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  @include ctrSmallFont;\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  color: var(--ctr-editor-label-color, var(--sjs-layer-3-foreground-50, #00000080));\n  position: absolute;\n  inset-inline-end: calcSize(0.75);\n  inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n  @include ctrSmallFont;\n  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  padding-bottom: calcSize(2);\n  white-space: normal;\n}\n\n.spg-question--disabled .spg-question__description {\n  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n\n.spg-row-narrow__question {\n  --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2));\n  margin-top: calc(-1 * var(--thm-ctr-property-grid-form-gap));\n}\n\n.spg-row--multiple {\n  & > div > .spg-row-narrow__question {\n    --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n    margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n  }\n}\n\n.spg-question--location--left {\n  flex-direction: row;\n  background: var(--ctr-editor-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n  line-height: calcSize(6);\n  vertical-align: middle;\n  align-items: stretch;\n  border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.spg-question--disabled.spg-question--location--left .spg-question__title {\n  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-question__header--location--left {\n  width: max-content;\n  box-sizing: border-box;\n  max-width: 50%;\n  flex: 0 0;\n  display: flex;\n  align-items: center;\n  padding-inline-start: var(--ctr-editor-padding-left, var(--sjs-spacing-x05));\n\n  .spg-question__title {\n    padding: \n      var(--ctr-editor-label-padding-top, var(--sjs-spacing-x1)) \n      var(--ctr-editor-label-padding-right, var(--sjs-spacing-x2)) \n      var(--ctr-editor-label-padding-bottom, var(--sjs-spacing-x1)) \n      var(--ctr-editor-label-padding-left, var(--sjs-spacing-x150));\n    border-inline-end: var(--ctr-editor-label-separator-width, var(--sjs-stroke-x1)) solid\n      var(--ctr-editor-label-separator-color, var(--sjs-border-10, #dcdcdcff));\n    display: inline-block;\n    color: var(--ctr-editor-label-color, var(--sjs-layer-3-foreground-50, #00000080));\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    .sv-string-viewer {\n      white-space: nowrap;\n    }\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: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n  flex-wrap: wrap;\n\n  & > div {\n    flex-grow: 1;\n    min-width: calcSize(25.5);\n\n    input {\n      min-width: calc(max(17 * #{$base-unit}, 100%));\n      width: 0;\n    }\n  }\n}\n\n.spg-question__erbox {\n  @include ctrDefaultFont;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--ctr-error-message-padding-top, var(--sjs-spacing-x1)) var(--ctr-error-message-padding-right, var(--sjs-spacing-x150))\n    var(--ctr-error-message-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-error-message-padding-left, var(--sjs-spacing-x150));\n\n  color: var(--ctr-error-message-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  background-color: var(--ctr-error-message-background-color, var(--sjs-semantic-red-background-10, #e50a3e1a));\n  border-radius: var(--ctr-error-message-corner-radius, var(--sjs-corner-radius-x05));\n}\n\n.spg-question__erbox,\n.spg-question__erbox>svc-question-error,\nsv-question-error {\n  & > div {\n    display: flex;\n    gap: var(--ctr-error-message-gap, var(--sjs-spacing-x1));\n  }\n}\n\n.spg-question__erbox-icon {\n  width: var(--ctr-error-message-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-error-message-icon-height, var(--sjs-font-size-x3));\n  \n  .sv-svg-icon {\n    vertical-align: top;\n    width: var(--ctr-error-message-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-error-message-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-error-message-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\n}\n\n.spg-question__erbox--below-question {\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\n.spg-question--highlighted {\n  .spg-input,\n  .spg-input-container,\n  .spg-question--location--left,\n  .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n    box-shadow: inset 0 0 0 var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n\n  .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n  .spg-matrixdynamic__content.spg-text__content {\n    outline: var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)) solid var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n    outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)));\n    border-radius: var(--ctr-data-table-corner-radius, var(--sjs-corner-radius-x075));\n\n    .spg-input {\n      box-shadow: none;\n    }\n  }\n\n  .svc-action-button {\n    border: var(--ctr-actionbar-button-border-width-highlighed, var(--sjs-stroke-x2)) solid var(--ctr-actionbar-button-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n\n  .sv-button-group {\n    box-shadow: 0 0 0 1px var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n    border-color: var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n\n  .spg-checkbox__control + .spg-checkbox__rectangle {\n    outline: var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)) solid var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n    outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)));\n  }\n\n  .spg-button-group::after {\n    box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}","@use \"../../variables.scss\" as *;\n\n.spg-input {\n  @include ctrDefaultFont;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background-color: var(--ctr-editor-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n  transition: box-shadow $creator-transition-duration;\n\n  padding-top: calc(var(--ctr-editor-padding-top, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1)));\n  padding-right: calc(var(--ctr-editor-padding-right, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-right, var(--sjs-spacing-x150)));\n  padding-bottom: calc(var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1)));\n  padding-left: calc(var(--ctr-editor-padding-left, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-left, var(--sjs-spacing-x150)));\n  outline: none;\n  color: var(--ctr-editor-content-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.spg-input::placeholder {\n  color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n}\n\n.spg-input {\n  &::-webkit-datetime-edit,\n  &::-webkit-datetime-edit-fields-wrapper,\n  &::-webkit-datetime-edit-ampm-field,\n  &::-webkit-datetime-edit-day-field,\n  &::-webkit-datetime-edit-hour-field,\n  &::-webkit-datetime-edit-millisecond-field,\n  &::-webkit-datetime-edit-minute-field,\n  &::-webkit-datetime-edit-month-field,\n  &::-webkit-datetime-edit-second-field,\n  &::-webkit-datetime-edit-week-field,\n  &::-webkit-datetime-edit-year-field\n  {\n    display: flex;\n    flex-wrap: nowrap;\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n}\n.spg-input[type=\"date\"], \n.spg-input[type=\"datetime-local\"] {\n  &:empty {\n    min-height: calc(var(--ctr-font-default-line-height, var(--sjs-line-height-x3)) +\n     var(--ctr-editor-padding-top, var(--sjs-spacing-x05)) +\n     var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1)) +\n     var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)) + \n     var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1)));\n  }\n}\n\n.spg-input:focus:not(:disabled),\n.spg-input.spg-dropdown:focus:not(:disabled),\n.spg-input.spg-dropdown:focus-within:not(:disabled),\n.spg-input-container:focus-within {\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}\n\ninput.spg-input:focus:read-only {\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder,\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n  color: rgb(from var(--ctr-editor-content-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6)) r g b / var(--ctr-editor-content-text-opacity-disabled, 0.25));\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\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: transparent;\n  border: none;\n  outline: none;\n  border-radius: var(--ctr-editor-button-corner-radius, var(--sjs-corner-radius-x05));\n  padding: var(--ctr-editor-button-padding-top, var(--sjs-spacing-x1)) var(--ctr-editor-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-editor-button-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-editor-button-padding-left, var(--sjs-spacing-x1));\n  line-height: 0;\n  transition: background $creator-transition-duration, opacity $creator-transition-duration;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:focus,\n  &:hover {\n    background: var(--ctr-editor-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n  }\n\n  &:active {\n    opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n  }\n\n  svg {\n    width: var(--ctr-editor-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-editor-button-icon-height, var(--sjs-font-size-x3));\n    fill: var(--ctr-editor-button-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n  }\n}\n\n.spg-input-container--multiline .spg-input__edit-button {\n  align-self: flex-end;\n}\n\n.spg-input__edit-button--disabled,\n.spg-input__edit-button:disabled {\n  opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n  background: transparent;\n\n  svg {\n    fill: var(--ctr-editor-button-icon-color-disabled, var(--sjs-layer-3-foreground-75, #000000bf));\n  }\n}\n\n.spg-input.spg-input--error {\n  box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n}\n\n.spg-input-container {\n  display: flex;\n  justify-content: space-between;\n  cursor: default;\n  padding: var(--ctr-editor-padding-top, var(--sjs-spacing-x05)) var(--ctr-editor-padding-right, var(--sjs-spacing-x05))\n    var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)) var(--ctr-editor-padding-left, var(--sjs-spacing-x05));\n  align-items: center;\n  gap: var(--ctr-editor-gap, var(--sjs-spacing-x05));\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\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  @include ctrDefaultFont;\n  flex-grow: 1;\n  width: 100%;\n  padding: var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1)) var(--ctr-editor-content-margin-right, var(--sjs-spacing-x150))\n    var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1)) var(--ctr-editor-content-margin-left, var(--sjs-spacing-x150));\n\n  color: var(--ctr-editor-content-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  outline: none;\n  border: none;\n  background-color: transparent;\n\n  &::placeholder {\n    color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n}\n\n.spg-input-container__input:disabled,\n.spg-input-container__input:disabled::placeholder {\n  opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);\n  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.spg-input-container__buttons-container {\n  display: flex;\n  gap: var(--ctr-editor-buttons-gap, var(--sjs-spacing-x05));\n  align-self: stretch;\n}\n","@use \"../../variables\" as *;\n\n.spg-dropdown {\n    display: flex;\n\n    padding-top: calc(var(--ctr-editor-padding-top, var(--sjs-spacing-x05)));\n    padding-right: calc(var(--ctr-editor-padding-right, var(--sjs-spacing-x05)));\n    padding-bottom: calc(var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)));\n    padding-left: calc(\n        var(--ctr-editor-padding-left, var(--sjs-spacing-x05)) +\n            var(--ctr-editor-content-margin-left, var(--sjs-spacing-x150))\n    );\n}\n\n.spg-dropdown__value {\n    @include ctrDefaultFont;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    position: relative;\n\n    margin-top: var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1));\n    margin-right: var(--ctr-editor-content-margin-right, var(--sjs-spacing-x150));\n    margin-bottom: var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1));\n    margin-left: 0;\n}\n.spg-dropdown__filter-string-input {\n    @include ctrDefaultFont;\n\n    color: var(--ctr-editor-content-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.spg-dropdown-popup.sv-popup--menu-popup {\n    height: 0;\n}\n\n.spg-dropdown__clean-button {\n    --thm-ctr-editor-content-margin-top: var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1));\n    --thm-ctr-editor-content-margin-bottom: var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1));\n    margin-top: calc(-1 * var(--thm-ctr-editor-content-margin-top));\n    margin-bottom: calc(-1 * var(--thm-ctr-editor-content-margin-bottom));\n    use {\n        fill: inherit;\n    }\n}\n\n.spg-dropdown {\n    .sd-dropdown-action-bar {\n        margin-inline-start: var(--ctr-editor-gap, var(--sjs-spacing-x05));\n        gap: var(--ctr-editor-buttons-gap, var(--sjs-spacing-x05));\n    }\n\n    .sd-editor-button-item {\n        padding-top: var(--ctr-editor-button-padding-top, var(--sjs-spacing-x1));\n        padding-right: var(--ctr-editor-button-padding-right, var(--sjs-spacing-x1));\n        padding-bottom: var(--ctr-editor-button-padding-bottom, var(--sjs-spacing-x1));\n        padding-left: var(--ctr-editor-button-padding-left, var(--sjs-spacing-x1));\n        transform: none;\n\n        &:hover,\n        &:focus {\n            border-radius: var(--ctr-editor-button-corner-radius, var(--sjs-corner-radius-x05));\n            background: var(--ctr-editor-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n            transition: background $creator-transition-duration;\n        }\n\n        &.sd-editor-button-item--pressed {\n            border-radius: var(--ctr-editor-button-corner-radius, var(--sjs-corner-radius-x05));\n            opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n            background: var(--ctr-editor-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n            transition-property: opacity, background-color;\n            transition-duration: $creator-transition-duration;\n        }\n\n        use {\n            fill: var(--ctr-editor-button-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n        }\n    }\n\n    .sv-editor-button-item__icon {\n        width: var(--ctr-editor-button-icon-width, var(--sjs-font-size-x3));\n        height: var(--ctr-editor-button-icon-height, var(--sjs-font-size-x3));\n    }\n}\n\n.spg-dropdown.sd-input--disabled {\n    opacity: 1;\n\n    .spg-dropdown__value {\n        opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);\n    }\n    .sd-editor-button-item {\n        opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n        background: transparent;\n\n        svg {\n            fill: var(--ctr-editor-button-icon-color-disabled, var(--sjs-layer-3-foreground-75, #000000bf));\n        }\n    }\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-tagbox.spg-tagbox {\n    background-color: var(--ctr-editor-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n    border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n    box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1))\n        var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n    transition: box-shadow $creator-transition-duration;\n\n    &:focus-within {\n        box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, var(--sjs-stroke-x2))\n            var(--ctr-editor-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n    }\n}\n.spg-tagbox__value.spg-tagbox__value {\n    gap: var(--ctr-tag-box-gap, var(--sjs-spacing-x05));\n    overflow: visible;\n}\n\n.spg-tagbox__value {\n    .sv-tagbox__item {\n        padding: var(--ctr-tag-box-item-padding-top, var(--sjs-spacing-x1))\n            var(--ctr-tag-box-item-padding-right, var(--sjs-spacing-x150))\n            var(--ctr-tag-box-item-padding-bottom, var(--sjs-spacing-x1))\n            var(--ctr-tag-box-item-padding-left, var(--sjs-spacing-x150));\n\n        border-radius: var(--ctr-tag-box-item-corner-radius, var(--sjs-corner-radius-x025));\n        box-shadow: inset 0 0 0 var(--ctr-tag-box-item-border-width, var(--sjs-stroke-x1))\n            var(--ctr-tag-box-item-border-color, var(--sjs-border-default, #d4d4d4));\n        background: var(--ctr-tag-box-item-background-color, var(--sjs-layer-1-background-500, #ffffff));\n    }\n\n    .sv-tagbox__item-text {\n        @include ctrDefaultBoldFont;\n        color: var(--ctr-tag-box-item-text-color, var(--sjs-primary-background-500, #19b394));\n    }\n}\n\n.spg-tagbox-item_clean-button {\n    background: linear-gradient(\n        270deg,\n        var(--ctr-tag-box-item-mask-color-1, var(--sjs-primary-foreground-100, #ffffff)) 50%,\n        var(--ctr-tag-box-item-mask-color-2, var(--sjs-primary-foreground-25, #ffffff40)) 100%\n    );\n}\n\n.spg-tagbox-item_clean-button-svg use {\n    fill: var(--ctr-tag-box-item-remove-button-icon-color, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.spg-tagbox-item_clean-button-svg:hover {\n    border-radius: var(--ctr-tag-box-item-remove-button-corner-radius, var(--sjs-corner-radius-round));\n    background: var(\n        --ctr-tag-box-item-remove-button-background-color-hovered,\n        var(--sjs-primary-background-10, #19b3941a)\n    );\n}\n","@use \"../../variables\" as *;\n\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","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-panel {\n}\n.spg-panel__title {\n  @include ctrDefaultFont;\n\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, var(--sjs-layer-1-foreground-75, #000000bf));\n  cursor: pointer;\n  background-color: var(--ctr-property-grid-chapter-caption-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-25, #d4d4d4ff));\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, var(--sjs-layer-1-foreground-100, #000000e6));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n}\n\n.spg-panel__title--expandable:focus {\n  background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, var(--sjs-layer-1-background-400, #f5f5f5ff));\n}\n\n.spg-panel__title--expanded {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-property-grid-chapter-caption-text-color-selected, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-panel__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding-top: calc(\n    var(--ctr-property-grid-form-padding-top, var(--sjs-spacing-x2)) -\n      var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2))\n  );\n  padding-inline-end: var(--ctr-property-grid-form-padding-right, var(--sjs-spacing-x4));\n  padding-bottom: var(--ctr-property-grid-form-padding-bottom, var(--sjs-spacing-x5));\n  padding-inline-start: var(--ctr-property-grid-form-padding-left, var(--sjs-spacing-x4));\n  box-sizing: border-box;\n  background: var(--ctr-property-grid-form-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-25, #d4d4d4ff));\n}\n\n.spg-panel__content {\n  .spg-row {\n    width: 100%;\n    margin-top: var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2));;\n  }\n\n  .spg-row--multiple {\n    margin-top: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n  }\n}\n.svc-side-bar--mobile {\n  .spg-panel__content {\n    padding-inline-end: var(--ctr-property-grid-form-padding-right, var(--sjs-spacing-x4));\n    padding-inline-start: var(--ctr-property-grid-form-padding-left, var(--sjs-spacing-x4));\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}\n.spg-panel.spg-panel--group {\n  &>.spg-panel__content {\n    padding: 0;\n    box-shadow: none;\n  }\n  .spg-panel__title {\n    @include ctrDefaultFont;\n    color: var(--ctr-label-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n    box-shadow: none;\n    background-color: transparent;\n    padding-top: var(--ctr-label-padding-top, var(--sjs-spacing-x1));\n    padding-inline-end: var(--ctr-label-padding-right, 0px);\n    padding-bottom: var(--ctr-label-padding-bottom, var(--sjs-spacing-x1));\n    padding-inline-start: var(--ctr-label-padding-left, 0px);\n    color: var(--ctr-label-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n  .spg-row {\n    margin-top: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n  }\n  .spg-row:first-of-type {\n    margin-top: 0;\n  }\n}","@use \"../../variables\" as *;\n\n.spg-checkbox {\n  cursor: pointer;\n  margin-top: var(--ctr-checkbox-list-gap-vertical, var(--sjs-spacing-x2));\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, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n\n  .spg-checkbox__rectangle,\n  &.spg-checkbox:active .spg-checkbox__rectangle,\n  &.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n    border: var(--ctr-checkbox-border-width, var(--sjs-stroke-x1)) solid var(--ctr-checkbox-border-color-disabled, var(--sjs-border-10, #dcdcdcff));\n    background: var(--ctr-checkbox-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n    outline: none;\n  }\n}\n\n.spg-checkbox__caption {\n  @include ctrDefaultFont;\n  color: var(--ctr-checkbox-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-checkbox__rectangle {\n  background: var(--ctr-checkbox-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  border: var(--ctr-checkbox-border-width, var(--sjs-stroke-x1)) solid var(--ctr-checkbox-border-color, var(--sjs-border-10, #dcdcdcff));\n  border-radius: var(--ctr-checkbox-corner-radius, var(--sjs-corner-radius-x05));\n  box-sizing: border-box;\n  width: var(--ctr-checkbox-button-width, var(--sjs-font-size-x3));\n  height: var(--ctr-checkbox-button-height, var(--sjs-font-size-x3));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  // padding: calcSize(0.5);\n  padding: 1px 1px;\n  outline: 2px solid transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background $creator-transition-duration, background-color $creator-transition-duration, outline $creator-transition-duration;\n}\n\n.spg-checkbox:not(.spg-checkbox--checked):hover {\n  .spg-checkbox__rectangle {\n    background-color: var(--ctr-checkbox-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n  }\n}\n\n.spg-checkbox:active .spg-checkbox__rectangle,\n.spg-checkbox__control:focus:not(:disabled)+.spg-checkbox__rectangle {\n  outline: 2px solid var(--ctr-checkbox-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n  display: block;\n  opacity: 0;\n  fill: transparent;\n  width: var(--ctr-checkbox-button-check-mark-width, var(--sjs-font-size-x2));\n  height: var(--ctr-checkbox-button-check-mark-height, var(--sjs-font-size-x2));\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 {\n  .spg-checkbox__rectangle {\n    background: var(--ctr-checkbox-background-color-selected, var(--sjs-layer-1-background-500, #ffffffff));\n  }\n\n  .spg-checkbox__svg {\n    opacity: 1;\n    fill: var(--ctr-checkbox-button-check-mark-color, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n  fill: var(--ctr-checkbox-button-check-mark-color-disabled, var(--sjs-border-25, #d4d4d4ff));\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: var(--ctr-checkbox-gap, var(--sjs-spacing-x1));\n  cursor: pointer;\n}\n\n.spg-checkbox {\n  .spg-question__description {\n    padding: 0;\n    padding-top: var(--ctr-checkbox-description-text-margin-top, var(--sjs-spacing-x1));\n    padding-inline-start: var(--ctr-checkbox-description-text-margin-left, var(--sjs-font-size-x4));\n    color: var(--ctr-checkbox-description-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n\n  .spg-help-action {\n    use {\n      pointer-events: none;\n    }\n  }\n}","@use \"../../variables.scss\" as *;\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: var(--ctr-data-table-row-drag-area-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-data-table-row-drag-area-icon-height, var(--sjs-font-size-x3));\n  padding-top: var(--ctr-data-table-row-drag-area-padding-top, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-data-table-row-drag-area-padding-right, var(--sjs-spacing-x1));\n  padding-bottom: var(--ctr-data-table-row-drag-area-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-start: var(--ctr-data-table-row-drag-area-padding-left, var(--sjs-spacing-x1));\n  box-sizing: content-box;\n  display: block;\n  opacity: 0.5;\n\n  use {\n    fill: var(--ctr-data-table-row-drag-area-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\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: var(--sjs-secondary-background-500, #19B394FF);\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  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border: 1px solid var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #d4d4d4ff));\n  border-radius: var(--ctr-data-table-placeholder-corner-radius, var(--sjs-corner-radius-x075));\n  box-sizing: border-box;\n  padding: var(--ctr-data-table-placeholder-padding-top, var(--sjs-spacing-x6))\n    var(--ctr-data-table-placeholder-padding-right, var(--sjs-spacing-x8))\n    var(--ctr-data-table-placeholder-padding-bottom, var(--sjs-spacing-x6))\n    var(--ctr-data-table-placeholder-padding-left, var(--sjs-spacing-x8));\n  gap: var(--ctr-survey-placeholder-gap, var(--lbr-spacing-x05));\n\n  .spg-matrixdynamic__add-btn {\n    display: initial;\n    margin: 0;\n  }\n}\n\n.spg-matrixdynamic__placeholder-text {\n  @include ctrDefaultFont;\n  color: var(--ctr-survey-placeholder-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-align: center;\n}\n\n.spg-matrixdynamic__add-btn {\n  @include ctrDefaultBoldFont;\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, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-layer-1-foreground-75, #000000bf));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calcSize(4);\n  box-sizing: content-box;\n\n  svg {\n    width: calcSize(1.5);\n    height: calcSize(1.5);\n    fill: var(--ctr-actionbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.spg-matrixdynamic__dragged-row {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n\n  .spg-table__row {\n    display: flex;\n    align-items: center;\n    flex: 1 0 0;\n    border-radius: var(--ctr-data-table-row-corner-radius-floating, var(--sjs-corner-radius-x05));\n    background: var(--ctr-data-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    box-shadow:\n      var(--ctr-data-table-row-shadow-floating-1-offset-x, 0px)\n        var(--ctr-data-table-row-shadow-floating-1-offset-y, 2px)\n        var(--ctr-data-table-row-shadow-floating-1-blur, 8px)\n        var(--ctr-data-table-row-shadow-floating-1-spread, 0px)\n        var(--ctr-data-table-row-shadow-floating-1-color, var(--sjs-special-glow, #004c441a)),\n      var(--ctr-data-table-row-shadow-floating-2-offset-x, 0px)\n        var(--ctr-data-table-row-shadow-floating-2-offset-y, 16px)\n        var(--ctr-data-table-row-shadow-floating-2-blur, 32px)\n        var(--ctr-data-table-row-shadow-floating-2-spread, 0px)\n        var(--ctr-data-table-row-shadow-floating-2-color, var(--sjs-special-glow, #004c441a));\n  }\n}\n","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-table-wrapper {\n  border: var(--ctr-data-table-border-width, var(--sjs-stroke-x1)) solid var(--ctr-data-table-border-color, var(--sjs-border-25, #d4d4d4ff));\n  border-radius: var(--ctr-data-table-corner-radius, var(--sjs-corner-radius-x075));\n  overflow: hidden;\n}\n\n.spg-table {\n  width: 100%;\n  background-color: var(--ctr-data-table-background-color, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  border-collapse: collapse;\n\n  tr {\n    border-bottom: var(--ctr-data-table-row-border-width, var(--sjs-stroke-x1)) solid var(--ctr-data-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n    background-color: var(--ctr-data-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  }\n  tbody > tr:last-of-type {\n    border-bottom: var(--ctr-data-table-row-border-width-last-row, 0px);\n  }\n}\n\n.spg-table__cell {\n  padding: 0;\n\n}\n\n.spg-table__cell--detail-panel {\n  background: var(--ctr-data-table-background-color, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n  .spg-panel__content {\n    box-shadow: none;\n  }\n}\n.spg-table__cell:where(:not(.spg-table__cell--detail-panel)) {\n  .spg-checkbox {\n    margin: 0 calcSize(2);\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) {\n  .spg-input {\n    appearance: none;\n    box-shadow: none;\n    border-radius: var(--ctr-data-table-cell-corner-radius-focused, var(--sjs-corner-radius-x075));\n    background-color: var(--ctr-data-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    height: auto;\n    padding: var(--ctr-data-table-cell-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-data-table-cell-padding-right, var(--sjs-spacing-x1))\n      var(--ctr-data-table-cell-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-data-table-cell-padding-left, var(--sjs-spacing-x1));\n\n    &[type=\"color\"] {\n      padding-right: 0;\n    }\n\n    &:focus,\n    &:focus-within {\n      box-shadow: inset 0 0 0 2px\n        var(--ctr-data-table-cell-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  .spg-dropdown {\n    width: max-content;\n    min-height: auto;\n  }\n\n  .spg-dropdown_chevron-button {\n    position: static;\n  }\n  .spg-dropdown_select-wrapper {\n    display: flex;\n    align-items: center;\n    width: max-content;\n    max-width: 100%;\n  }\n\n  .spg-dropdown__value {\n    margin: 0;\n  }\n\n  .sd-editor-button-item {\n    padding: 0;\n  }\n\n  .sv-editor-button-item__icon {\n    opacity: var(--ctr-data-table-cell-drop-down-arrow-opacity, 0.5);\n\n    use {\n      fill: var(--ctr-data-table-cell-drop-down-arrow-color, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\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    padding-inline-end: var(--ctr-data-table-row-padding-right, var(--sjs-spacing-x05));\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  background: var(--ctr-data-table-row-background-color-header, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100px;\n  padding: var(--ctr-data-table-row-padding-top-header, var(--sjs-spacing-x1))\n    var(--ctr-data-table-cell-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-data-table-row-padding-bottom-header, var(--sjs-spacing-x1))\n    var(--ctr-data-table-cell-padding-left, var(--sjs-spacing-x1));\n  box-sizing: content-box;\n\n  @include ctrSmallFont;\n  color: var(--ctr-data-table-cell-text-color-header, var(--sjs-layer-3-foreground-50, #00000080));\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: var(--ctr-data-table-row-padding-top, var(--sjs-spacing-x05)) var(--ctr-data-table-row-padding-right, var(--sjs-spacing-x05))\n    var(--ctr-data-table-row-padding-bottom, var(--sjs-spacing-x05)) var(--ctr-data-table-row-padding-left, 0px);\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}","@use \"../../variables.scss\" as *;\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","@use \"../../variables\" as *;\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.svc-list__item-body {\n  // display: flex;\n  // gap: var(--ctr-list-item-gap, var(--sjs-spacing-x2));\n  // padding: var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150)) var(--ctr-list-item-padding-right, var(--sjs-spacing-x6))\n  //   var(--ctr-list-item-padding-bottom-with-icon, var(--sjs-spacing-x150)) var(--ctr-list-item-padding-left, var(--sjs-spacing-x2));\n\n  .spg-color-editor__color-swatch {\n    margin-left: 0;\n    flex: 0 1 auto;\n  }\n}\n\n.spg-color-editor__color-swatch {\n  position: relative;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border-radius: var(--ctr-list-item-color-swatch-corner-radius, var(--sjs-corner-radius-x05));\n  width: var(--ctr-list-item-color-swatch-width, var(--sjs-font-size-x4));\n  height: var(--ctr-list-item-color-swatch-height, var(--sjs-font-size-x3));\n  box-sizing: border-box;\n  border: 1px solid var(--ctr-list-item-color-swatch-border-color, var(--sjs-border-25-overlay, #00000026));\n  margin-left: var(--ctr-editor-color-swatch-margin-left, var(--sjs-spacing-x150));\n\n  .sv-svg-icon {\n    position: absolute;\n    width: var(--ctr-editor-color-swatch-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-editor-color-swatch-icon-height, var(--sjs-font-size-x2));\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    fill: var(--ctr-editor-color-swatch-icon-color-stroke, #00000040);\n  }\n}\n.spg-question--disabled .spg-color-editor {\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\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-color-editor__button-wrapper + * {\n  margin-inline-end: calc(0px - var(--ctr-editor-gap, var(--sjs-spacing-x05)));\n}\n",".spg-file-edit__choose-button {\n  position: relative;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-link {\n  display: flex;\n}\n\n.sv-string-viewer {\n  .spg-link {\n    display: initial;\n    color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    font-weight: 600;\n    text-decoration-line: underline;\n  }\n}","@use \"../../variables.scss\" as *;\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  .spg-paneldynamic__footer {\n    .spg-paneldynamic__separator {\n      display: none;\n    }\n  }\n  .spg-paneldynamic__buttons-container {\n    display: flex;\n    justify-content: center;\n    .spg-action-bar {\n      margin: 0;\n    }\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    & > 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        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  //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, var(--sjs-border-10, #dcdcdcff));\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 ctrDefaultBoldFont;\n    color: var(--ctr-property-grid-group-caption-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\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    --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n    margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n  }\n\n  .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean),\n  .spg-question__content-coloralpha {\n    --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2));\n    --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n    margin-top: calc(var(--thm-ctr-editor-layout-gap) - var(--thm-ctr-property-grid-form-gap));\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-composite__content .spg-row:first-of-type {\n    margin-top: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\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}","@use \"../../variables.scss\" as *;\n\n.svc-side-bar {\n  .svc-search {\n    border-bottom: 1px solid var(--ctr-property-grid-search-border-color, var(--sjs-border-10, #dcdcdcff));\n    background: var(--ctr-property-grid-search-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n    gap: var(--ctr-property-grid-search-gap, var(--sjs-spacing-x1));\n  \n    padding: var(--ctr-property-grid-search-padding-top, var(--sjs-spacing-x2))\n      var(--ctr-property-grid-search-padding-right, var(--sjs-spacing-x2))\n      var(--ctr-property-grid-search-padding-bottom, var(--sjs-spacing-x2))\n      var(--ctr-property-grid-search-padding-left, var(--sjs-spacing-x2));\n  }\n  \n  .svc-search__input {\n    color: var(--ctr-property-grid-search-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n  \n  .svc-search__input::placeholder {\n    color: var(--ctr-property-grid-search-text-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n  \n  .svc-search__bar-item:not(.sv-action-bar-item--pressed) {\n    &:hover:enabled,\n    &:focus:enabled {\n      background-color: var(--ctr-property-grid-search-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n    }\n  }\n  \n  .svc-search__toolbar .sv-action-bar-item__icon use {\n    fill: var(--ctr-property-grid-search-button-icon-color, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n  \n  .svc-search__toolbar-counter {\n    color: var(--ctr-property-grid-search-count-text-color, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n  \n  .svc-search__search-icon {\n    width: var(--ctr-property-grid-search-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-property-grid-search-icon-height, var(--sjs-font-size-x3));\n  \n    .sv-svg-icon {\n      width: var(--ctr-property-grid-search-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-property-grid-search-icon-height, var(--sjs-font-size-x3));\n  \n      use {\n        fill: var(--ctr-property-grid-search-icon-color, var(--sjs-layer-3-foreground-50, #00000080));\n      }\n    }\n  }\n}","@use \"../../variables\" as *;\n\n.spg-button-group {\n  position: relative;\n  display: flex;\n  padding: var(--ctr-button-group-padding, var(--sjs-spacing-x05));\n  align-items: center;\n  align-self: stretch;\n  box-sizing: border-box;\n  overflow-x: auto;\n\n  border-radius: var(--ctr-button-group-corner-radius, var(--sjs-corner-radius-x075));\n  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width, var(--sjs-stroke-x1))\n    var(--ctr-button-group-border-color, var(--sjs-border-10, #dcdcdcff));\n  background-color: var(--ctr-button-group-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: var(--ctr-button-group-corner-radius, var(--sjs-corner-radius-x075));\n    box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, var(--sjs-stroke-x2)) transparent;\n    pointer-events: none;\n    transition: box-shadow $creator-transition-duration;\n  }\n}\n\n.spg-button-group:focus-within::after {\n  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, var(--sjs-stroke-x2))\n    var(--ctr-button-group-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.spg-button-group__item {\n  @include ctrDefaultFont;\n  color: var(--ctr-button-group-item-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n\n  display: flex;\n  padding: var(--ctr-button-group-item-padding-vertical, var(--sjs-spacing-x1))\n    var(--ctr-button-group-item-padding-horizontal, var(--sjs-spacing-x2));\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  flex-basis: 0;\n  flex-grow: 1;\n\n  border-radius: var(--ctr-button-group-item-corner-radius, var(--sjs-corner-radius-x075));\n  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 0px)\n    var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));\n  background-color: var(--ctr-button-group-item-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n\n  transition:\n    background $creator-transition-duration,\n    background-color $creator-transition-duration,\n    color $creator-transition-duration;\n\n  &:not(:last-of-type) {\n    margin-right: var(--ctr-button-group-gap, var(--sjs-spacing-x05));\n  }\n}\n\n.spg-button-group__item--hover:hover {\n  background-color: var(--ctr-button-group-item-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n}\n\n.spg-button-group__item-icon {\n  use {\n    fill: var(--ctr-button-group-item-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n  }\n}\n\n.spg-button-group__item--selected {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-button-group-item-text-color-selected, var(--sjs-primary-background-500, #19b394ff));\n  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected, var(--sjs-stroke-x1))\n    var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));\n  background: var(--ctr-button-group-item-background-color-selected, var(--sjs-layer-1-background-500, #ffffffff));\n  .spg-button-group__item-icon use {\n    fill: var(--ctr-button-group-item-icon-color-selected, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.spg-button-group__item-decorator {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.spg-button-group__item-caption {\n  display: block;\n}\n.spg-question--disabled .spg-button-group {\n  background: var(--ctr-button-group-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.spg-button-group__item--disabled {\n  color: var(--ctr-button-group-item-text-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  background: var(--ctr-button-group-item-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n  .spg-button-group__item-icon use {\n    fill: var(--ctr-button-group-item-text-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n  .spg-button-group__item-caption {\n    opacity: var(--ctr-button-group-item-text-opacity-disabled, 0.25);\n    color: var(--ctr-button-group-item-text-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n  &:hover {\n    background-color: var(\n      --ctr-button-group-item-background-color-disabled,\n      var(--sjs-layer-1-background-500, #ffffffff)\n    );\n  }\n}\n\n.spg-button-group__item--selected.spg-button-group__item--disabled {\n  @include ctrDefaultFont;\n  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected-disabled, 0px)\n    var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));\n  background: var(\n    --ctr-button-group-item-background-color-selected-disabled,\n    var(--sjs-layer-1-background-400, #f5f5f5ff)\n  );\n}\n","@use \"../variables\" as *;\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, var(--sjs-special-background, #edf9f7ff));\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.sv-action-bar--default-size-mode .sv-action-bar-item {\n  height: auto;\n  width: auto;\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  height: calcSize(4);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  height: auto;\n  width: auto;\n}\n\n.svc-creator--mobile {\n  .sv-action-bar-separator {\n    height: var(--sjs-spacing-x3);\n  }\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  @include ctrSmallBoldFont;\n  align-items: center;\n  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n}\n\n.svc-top-bar {\n  display: flex;\n  background: var(--ctr-menu-item-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: border-box;\n  box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-25, #d4d4d4ff));\n\n  .svc-toolbar-wrapper {\n    flex: 0 0 auto;\n    display: flex;\n\n    .sv-action-bar {\n      padding: var(--ctr-menu-toolbar-padding-vertical, var(--sjs-spacing-x150)) var(--ctr-menu-toolbar-padding-horizontal, var(--sjs-spacing-x2));\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      --thm-menu-toolbar-button-height: calc(\n        var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1)) + var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1)) +\n          var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3))\n      );\n\n      display: inline-block;\n      margin: 0;\n      margin-inline-start: var(--ctr-menu-toolbar-gap, var(--sjs-spacing-x2));\n      height: var(--thm-menu-toolbar-button-height, calcSize(5));\n    }\n\n    .sv-action {\n      .sv-action-bar-item {\n        margin: 0;\n        padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n          var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n          var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n          var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n      }\n      .sv-action-bar-item--active {\n        background: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-background-10, #19b3941a));\n      }\n    }\n    .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden) {\n      .svc-toolbar__item {\n         margin-inline-start: var(--ctr-menu-toolbar-gap, var(--sjs-spacing-x2))\n      }\n    }\n\n  }\n\n  .sv-action-bar-separator {\n    background-color: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\n  }\n\n  .sv-action-bar-item-dropdown {\n    border-radius: calcCornerRadius(0.5);\n    background-color: transparent;\n  }\n}\n\n.svc-toolbar__item {\n  @include ctrDefaultFont;\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--lbr-corner-radius-x075));\n  background-color: transparent;\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: background-color $creator-transition-duration;\n  height: auto;\n  appearance: none;\n  display: flex;\n  border: none;\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf))\n  }\n  //hovered and focused state\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n\n  //pressed state\n  &:active,\n  &.svc-toolbar__item--pressed {\n    opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n    background-color: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n\n  //checked state\n  &.svc-toolbar__item--active {\n    background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-background-10, #19b3941a));\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  //disabled state\n  &:disabled {\n    background-color: transparent;\n    opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);\n    cursor: default;\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-toolbar__item--icon {\n  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n}\n\n.svc-toolbar-item__icon {\n  width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n.svc-toolbar-item__title {\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  @include ctrDefaultFont;\n}\n\n\n.svc-footer-bar {\n  .svc-toolbar-wrapper {\n    .svc-toolbar {\n      justify-content: center;\n      padding: 0;\n      width: 100%;\n\n      padding: var(--ctr-menu-toolbar-padding-vertical-mobile, var(--sjs-spacing-x05)) var(--ctr-menu-toolbar-padding-horizontal, var(--sjs-spacing-x2));\n      background:  var(--ctr-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n      border-top: var(--ctr-menu-border-width, var(--sjs-stroke-x1)) solid var(--ctr-menu-border-color, var(--sjs-border-25, #d4d4d4ff));\n      box-sizing: border-box;\n    }\n\n    .svc-toolbar__item {\n      margin: 0 var(--sjs-spacing-x1);\n    }\n  }\n}","@use \"../variables\" as *;\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, var(--sjs-spacing-x1));\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, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  outline: none;\n  border-radius: var(--ctr-toggle-button-corner-radius, var(--sjs-corner-radius-round));\n  box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, var(--sjs-border-10, #dcdcdcff));\n  padding: var(--ctr-toggle-button-padding-top, var(--sjs-font-size-x075)) var(--ctr-toggle-button-padding-right, var(--sjs-font-size-x075))\n    var(--ctr-toggle-button-padding-bottom, var(--sjs-font-size-x075)) var(--ctr-toggle-button-padding-left, var(--sjs-font-size-x075));\n  display: flex;\n  flex-direction: row;\n  gap: var(--ctr-toggle-button-gap, var(--sjs-spacing-x05));\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, var(--sjs-primary-background-500, #19b394ff));\n  }\n\n  &:hover {\n    background: var(--ctr-toggle-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n  }\n}\n\n.spg-boolean-switch__button--checked {\n  background: var(--ctr-toggle-button-background-color-checked, var(--sjs-primary-background-500, #19b394ff));\n  box-shadow: none;\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, var(--sjs-primary-foreground-100, #ffffffff));\n  }\n\n  &:hover {\n    background: var(--ctr-toggle-button-background-color-checked, var(--sjs-primary-background-500, #19b394ff));\n  }\n\n  &:focus {\n    background: var(--ctr-toggle-button-background-color-checked-focused, var(--sjs-primary-foreground-100, #ffffff));\n\n    .spg-boolean-switch__thumb--right {\n      background: var(\n        --ctr-toggle-button-thumb-background-color-checked-focused,\n        var(--sjs-primary-background-500, #19b394)\n      );\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, var(--sjs-corner-radius-round));\n  border: var(--ctr-toggle-button-thumb-border-width, 0px) solid var(--ctr-toggle-button-thumb-border-color, var(--sjs-border-10, #dcdcdcff));\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, var(--sjs-font-size-x150));\n  height: var(--ctr-toggle-button-thumb-height, var(--sjs-font-size-x150));\n  position: relative;\n  overflow: hidden;\n}\n\n.spg-boolean-switch__thumb--left {\n  background: var(--ctr-toggle-button-thumb-background-color-active, var(--sjs-layer-3-foreground-75, #000000BF));\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  @include ctrDefaultFont;\n\n  color: var(--ctr-toggle-button-label-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  text-align: left;\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;EACA;EACA;EACA;EACA;EAKA;EACA;AALF;AAOE;EACE;;;GAAA;EAIA;;;GAAA;EAIA;EACA;AALJ;AAQE;EACE;EACA;AANJ;;AAcI;EACE;AAXN;;AAoBI;EACE;AAjBN,C;;;;ACtCA;EACE;EACA;EAEA;EACA;EACA;EAEA;AAHF;;AAMA;EACE;EACA;AAHF;;AAMA;ECOE;EACA;EACA;ECQA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EFlBA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;AAAF;AAEE;EAEE;AADJ;;AAKA;;EAEE;EACA;AAFF;;AASE;;;;EACE;EACA;AAHJ;AAKI;;;;EACE;AAAN;AAGI;;;;EACE;AAEN;;AAOE;;;;EExCA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EFiCE;EACA;AAIJ;AAFI;;;;EACE;AAON;;AACE;;;EEtDA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EFoDE;EACA;AAQJ;AANI;;;EACE;AAUN;AAPI;;;EACE;AAWN;;AANA;EACE;EACA;EACA;EACA;AASF;;AANA;EACE;EACA;EACA;EACA;AASF;;AANA;EACE;EACA;EACA;EACA;AASF;;AANA;EACE;AASF;;AAFA;EACE;EACA;EACA;EACA;AAKF;;AAFA;EACE;EACA;EACA;EACA;EACA;EACA;AAKF;AAHE;EACE;AAKJ;;AADA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAIF;AAFE;EACE;AAIJ;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;AACF;;AAGA;EACE;EACA;EACA;EACA;EACA;AAAF;AAEE;EACE;EACA;AAAJ;AAGE;EACE;AADJ;;AAKA;EElLE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EFgLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AAAE;EACE;AAEJ;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AAEE;EACE;EACA;EACA;EACA;EACA;AAAJ;AAEI;EACE;AAAN;AAIE;EACE;AAFJ;AAOI;EACE;AALN;;AAUA;EACE;EAIA;EACA;EACA;EACA;AAVF;;AAaA;EElPE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EDdA;EACA;EACA;ED6PA;EACA;EACA;AAJF;;AASE;;EACE;AALJ;AAQE;;EACE;AALJ;AAQE;;EEpQA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EF6PE;EACA;AAAJ;AAEI;;EACE;AACN,C;;;;AGtSA;EACE;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF,C;;;;ACPA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EF6EE;EACA;EACA;EACA;EACA;EE/EA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AADA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;AA0CA;EACE;;;;;GAAA;EAMA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EAEA;AAEF;;AACA;EFrDE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EEmDA;EAIA;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EAIA;AAJF;AAUE;EACE;EACA;EACA;AARJ;;AAaE;EACE;AAVJ,C;;;;ACpJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;AAHF;;AAMA;EACE;EACA;EACA;EACA;EACA,iKACE;EAEF;EAEA;EACA;AANF;;AASA;EACE;AANF;AAQE;EACE;AANJ;AAQI;EACE;AANN;AAUE;EACE;EACA;AARJ;AAWE;E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A0BA;EACE;EACA;EACA;EACA;EACA;AAvBF;;AA0BA;EACE;AAvBF;;AA0BA;EACE;AAvBF;;AA2BE;EACE;AAxBJ;;AA4BA;EACE;AAzBF;;AN7OE;;EAEE;AMgPJ;AN9OE;;EAEE;AMgPJ;AN9OE;;EAEE;AMgPJ;AN9OE;;EAEE;AMgPJ;AN9OE;EACE;AMgPJ;AN9OE;EACE;AMgPJ;AN9OE;;EAEE;AMgPJ;;AAYE;EAEE;EACA;EACA;AAVJ;AAYE;EACE;EACA,sDN/PO;EMgQP;EACA;AAVJ;AAaE;EACE;EACA,sDNrQe;EMsQf;EACA;AAXJ;;AAcA;EACE;EACA;AAXF;AAYE;EACE;AAVJ;;AA4BA;;EAEE;EACA;EACA;EACA;AAzBF;AA0BE;;EACE;EACA;EACA;EACA;EACA;EACA;AAvBJ;AAwBI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AArBN;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;AAtBF;;AAwBA;EACE;EACA;EACA;EACA;EACA;EACA;AArBF;;AAwBE;EACE;EACA;EACA;EACA;EACA;EACA;AArBJ;AAuBE;EACE;EACA;EACA;EACA;EACA;EACA;AArBJ;;AAiCA;EACE;EACA;EACA;EACA;EACA,sDNzWS;EM0WT;EACA;AA9BF;;AAgCA;EACE;EACA;EACA;AA7BF;;AAiCA;EACE;EACA,sDNrXiB;EMsXjB;EACA;EACA;EACA;EACA;AA9BF;;AAwCA;EACE;EACA;EACA;EACA;EACA;EACA,sDN3YS;EM4YT;EACA;AArCF;;AAwCA;EACE;EACA,sDNjZiB;EMkZjB;EACA;EACA;EACA;EACA;AArCF;;AAyCE;;;;;;;;EAQE;AAtCJ,C;;;;ACndA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;AAII;EACE;AAFN;AAQQ;;;EACE;AAJV;AASI;ENVF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EMQI;EACA;AAHN;AAKM;EACE;AAHR;AAMM;E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A;EACA;EAEA;ACEF;;ADCA;EACE;EACA;EACA;ACEF;;ADEE;EACE;EACA;EACA;EACA;EACA;EACA;ACCJ;;ACrCE;EACE;ADwCJ;ACtCI;EACE;EACA;EACA,uuBACE;ADuCR;AC7BM;EACE;AD+BR;AC5BM;EACE;EACA;EAEA;EAIA;EACA;AD0BR;AClBE;EACE;EACA;ADoBJ;AClBI;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA,uuBACE;ADiBR;ACNI;EACE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;ADIN;ACDI;EACE;EACA;EACA;EACA;EACA;ADGN;ACAI;EACE;EACA;EACA;EACA;EACA;ADEN;ACCI;EACE;ADCN;ACCM;EACE;EACA;EACA;ADCR;ACEM;EACE;EACA;ADAR;ACMI;EACE;EACA;ADJN;ACQE;EdnGA,+EAhBgB;EAiBhB;EACA;EACA;EACA;EAKA;Ec4FE;ADDJ;ACKI;EAEE;EACA;EACA,oiBACE;ADLR;ACYM;EACE;EACA;EACA;EACA;EAEA;EACA;ADXR;ACgBE;EACE;ADdJ;ACgBI;EACE;EACA,oiBACE;ADfR;ACsBI;EACE;ADpBN;ACyBI;EACE;EACA;EACA;EACA;EACA;ADvBN;ACyBI;EACE;EACA;EAEA;EACA;EACA;EACA;ADxBN;AC+BI;Ed5JF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EcqJI;EACA;EACA;ADxBN;AC8BI;EACE;EACA;EACA;AD5BN;ACkCI;EACE;EACA;ADhCN;ACsCI;EACE;ADpCN;;AEnLE;;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;AF+KJ;AE7KI;;EACE;AFgLN;AE9KI;;EfMF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EeZI;EACA;EACA;EACA;EACA;AFqLN;AEjLE;;EACE;EACA;AFoLJ;AElLI;;EACE;AFqLN;AEjLE;;EACE;EACA;AFoLJ;AElLI;;EACE;AFqLN;;AGzOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4OF;;AGzOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;AH4OF;;AGzOA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH2OF;;AGxOA;EhBnCE,+EAhBgB;EAiBhB;EACA;EACA;EACA;EAKA;EgB4BA;EACA;EACA;AHgPF;;AG7OA;EhB7BE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EgB2BA;EACA;EACA;AHoPF;;AGjPA;;;;EAIE;EACA;AHoPF;;AI9TA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJiUF;;AKtVA;;;;EAIE;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;EACA;EACA;ALyVF;;AMlcA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;ANocF;;AO/dA;;EAEE;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;EACA;EACA;EACA;APkeF;;AAlkBA;;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;AAokBF;AAjkBI;EADF;;IAEI;IACA;EAqkBJ;AACF;AAnkBI;;EACE;EACA;EACA;AAskBN;AAnkBI;;EACE;EACA;EACA;EACA;AAskBN;AAnkBI;;EACE;AAskBN;AAnkBI;;EACE;EACA;AAskBN;AAlkBM;;EACE;AAqkBR;;AA5jBI;;EACE;EACA;EACA,s0BACE;AA+jBR;AAjjBM;;EACE;AAojBR;AAljBQ;;;;EAEE;AAsjBV;;AA/iBA;EACE;EdhDA;EACA;EACA;EACA;AcmmBF;;AAjjBA;EACE;EACA;EACA;AAojBF;;AAjjBA;EACE;EACA;AAojBF;;AAjjBA;EACE;EACA;EACA;EACA;EACA;EACA,uCd3Fe;Ac+oBjB;;AAjjBA;EACE;AAojBF;;AAjjBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAojBF;;AAjjBA;EACE;EACA;EACA;EACA;EACA;AAojBF;;AAhjBE;EACE;EACA;AAmjBJ;;AA/iBA;EACE;EACA;EACA;EACA;AAkjBF;;AAjiBA;EbnIE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;Ea4HA;EACA;EACA;EACA;AAyiBF;AAviBE;EACE;AAyiBJ;;AApiBE;EACE;AAuiBJ;;AAniBA;EACE;EACA;EACA;EACA;EACA;AAsiBF;;AAniBA;EACE;EACA;AAsiBF;;AAniBA;EACE;EACA;AAsiBF;;AAniBA;EACE;AAsiBF,C;;;;AQ9uBE;EACE;EACA;AAFJ;;AAMA;EACE;AAHF;AAKE;EACE;EACA;AAHJ;AAME;EACE;EACA;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;EbxCE,+EAfgB;EAgBhB;EACA;EACA;EauCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AARF;AAUE;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;AAVJ;AAaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,idACE;AAZN;;AAoBA;ErBhFE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqB8EA;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,0OACE;AAzBN;;AA+BE;EACE;AA5BJ;;AAsCQ;EACE;AAnCV;;AA4CI;EACE;EACA;EAEA;AA1CN;AA+CI;EACE;AA7CN;;AAoDI;EACE;EACA;AAjDN;;AA0DI;EACE;AAvDN;;AAgEA;EACE;AA7DF,C;;;;AC3KA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;ACHF;;ADSA;EtBcE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EsBrBA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EACE;ACDF;;AChCA;ExBiCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EwBxCA;EAEA;EACA;EACA;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A;EACA;EACA;EACA;EACA;EACA;E+BkBA;EACA;;GAAA;EAGA;EACA;EACA;EAKA;EACA;EAEA;EACA;AAmCF;AAlCE;EACE;AAoCJ;AAjCE;EAEE;AAkCJ;AA9BE;EAEE;EACA;AA+BJ;AA5BI;EACE;AA8BN;AAzBE;EACE;AA2BJ;AA1BI;EACE;AA4BN;AA1BI;EACE;AA4BN;AAvBE;EACE;EACA;EACA;AAyBJ;AAxBI;EACE;EACA;AA0BN;;AArBA;EACE;EACA;AAwBF;;AArBA;EACE;AAwBF;;AArBA;EACE;AAwBF;;AArBA;EACE;EACA;EACA;EACA;AAwBF;;AApBE;EACE;EACA;EACA;EACA;EACA;AAuBJ;;AAnBA;EACE;EACA;EACA;EAIA;EACA;AAmBF;;AAhBA;EtBzIE,+EAfgB;EAgBhB;EACA;EACA;EAKA;EsBmIA;EACA;AAuBF;;AAnBE;EACE;AAsBJ;;AAjBE;EACE;AAoBJ;;AAhBA;EACE;AAmBF;AAjBE;EACE;AAmBJ;;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EAMA;EACA,8HACE;AASJ;;AANA;EACE;EACA;AASF;AARE;EACE;AAUJ;AARE;EACE;AAUJ;AATI;EACE;AAWN;;AAPA;EACE;AAUF;;AANE;EACE;EACA;AASJ;AANE;EACE;EACA;EACA;AAQJ;AALE;EACE;AAOJ;AAJE;EACE;AAMJ;AACE;EACE;EACA;AACJ;;AAGA;;EAEE;AAAF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AACA;EACI;EACF;EACA;EACA;EACA;EACA;EACA;AAEF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;IACE;EAGF;EADA;IACE;EAGF;AACF;AACE;EAEE;EACA;EACA;AAAJ;;AAIE;EACE;EACA;AADJ;;AAME;EACE;AAHJ;;AAQE;EACE;AALJ;;AAWI;EACE;AARN;AAYM;EACE;AAVR;;AAgBA;EtBxUE,+EAHgB;EAIhB;EACA;EACA;EsBuUA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;E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AiCA;EACE;AA9BF;AAgCE;EACE;AA9BJ;;AAkCA;EACE;EACA;EACA;EACA;AA/BF,C;;;;AClIA;EACE;AATF;;AAaE;EACE;AAVJ;AAYI;EACE;AAVN;AAaI;EACE;EACA;AAXN;;AAgBA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EACE;EACA;AAdJ;;AAmBA;EACE;EAEA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;AAjBF;;AAqBA;EACE;AAlBF;;AAqBA;EACE;EACA;AAlBF;;AAsBE;EACE;EACA;AAnBJ;AAsBE;ErCvCA;EACA;EACA;EACA;AqCoBF;;AAsBE;EACE;AAnBJ;;AAwBE;EACE;EACA;AArBJ;AAsBI;EACE;AApBN,C;;;;AC5EA;EACE;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAQA;ErCmBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqCrBA;EACA;EACA;EACA;EAIA;EACA;EAEA;AALF;AAOE;EACE;AALJ;AAQE;EACE;EACA;AANJ;AASE;EACE;EACA;EACA;AAPJ;AASI;EACE;EACA;AAPN;AAWE;EACE;AATJ;;AAaA;ErCpBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqCkBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;AAQE;EACE;EACA;AANJ;AAQI;EACE;EACA;AANN;AAQM;EACE;AANR;AAQQ;EACE;AANV;AAUM;EACE;EACA;AARR;AAYI;ErC3BF,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EqCoBI;EACA;EACA;EACA;AALN;AAOM;EACE;AALR;AASI;ErCtEF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqCoEI;EACA;EACA;EACA;EACA;EACA;AAHN;AAKM;ErC/EJ,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EqCwEM;EACA;AAER;AACM;EACE;EACA;AACR;AAGI;EACE;AADN;AAII;EACE;AAFN;AAIM;EACE;AAFR;;AAQA;EACE;AALF,C;;;;ACtIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;;AAKA;EACE;EACA;EACA;EAIA;EACA;AALF;;AAQA;EtCtBE,+EAHgB;EAIhB;EACA;EACA;EACA;EsCoBA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;AAJF;AAME;EACE;EACA;AAJJ;AAMI;EACE;AAJN;AAQE;EACE;EACA;AANJ;;AAUA;EACE;EACA;AAPF;;AAUA;EACE;EACA;EACA;AAPF;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;AATF;;AAaE;EACE;AAVJ;;AAgBE;;EACE;AAZJ,C;;;;AClFA;EvCiCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EuCxCA;AAIF;;AADA;EACE;AAIF;;AAFA;EACE;AAKF;;AAHA;EACE;EACA;AAMF;;AAJA;;EAEE;AAOF,C;;;;ACzBA;EAEE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EzCaE;EACA;EACA;ECuCA,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EwC3DA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAIF;;AADA;EAEE;AAGF;;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;EACE;EACA;EACA;EACA;AAEF;AAEE;EACE;EACA;AAAJ;;AAIA;ExCFE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EwCLA;EACA;AAIF,C;;;;ACzEA;EACE;EACA;AADF,C;;;;ACDA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;;AAIA;E1CaE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;E0CpBA;EACA;EACA;AAIF;;AAFA;E1CsCE,+EA5DgB;EA6DhB;EACA;EACA;EACA;E0CxCA;EACA;EACA;AASF;;AAPA;EACE;EACA;EACA;EACA;AAUF;;AARA;EACE;EACA;EACA;AAWF;;AATA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYF;;AALE;;;;EACE;AAWJ;;AAPA;EACE;AAUF,C;;;;AC3EA;EACE;EACA;EACA;EAKA;EAIA;EACA;EACA;AARF;AAUE;EAEE;EACA;EACA;AATJ;;AAaA;EACE;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;AAVF;AAYE;EAEE;EACA;AAXJ;;AAeA;EACE;EACA;AAZF;AAcE;EACE;AAZJ;;AAgBA;EACE;AAbF;;AAgBA;E3CtBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E2CoBA;EACA;EACA;AATF;;AAYA;E3C7BE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;A2CiBF;;AAOA;EACE;EACA;EACA;AAJF;;AAOA;EACE;EACA;AAJF;AASE;EACE;EACA;AAPJ;AASE;EACE;AAPJ;AAUE;EAEE;EACA;AATJ;AAYE;EACE;EACA;EACA;AAVJ;;AAeE;EACE;AAZJ,C;;;;AC1FA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF,C;;;;ACRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAGA;EACE;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;EACA;AACF;AAAE;EACE;AAEJ;AADI;EACE;AAGN;AADI;EACE;AAGN;;AACA;EACE;EAEA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF;;AAGA;EACE;EACA;AAAF;AACE;EACE;AACJ;;AAIA;E7CGE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E6CVA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ogBACE;EASF;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAME;EACE;EACA;EACA;EACA;AAJJ;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ogBACE;EAMF;EACA;EACA;EACA;EACA;EACA;EAKA;AAfJ;AAkBE;EACE;AAhBJ;;AAoBA;E7CvEE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E6CiEA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAkBE;;EACE;EACA;EACA;AAdJ;;AAsBA;EACE;AAnBF;AAqBE;EACE;EACA;AAnBJ;AAqBE;EACE;AAnBJ;;AAuBA;;;EAKE;EACA;EAEA,0jBACE;EAMF;AA7BF;AAgCI;;;;;;;;;EAGE;EACA;AAxBN;AA4BE;;;EACE;AAxBJ;AA2BE;;;EACE;AAvBJ;;AA2BA;;;EAGE;EACA;EACA;AAxBF;AA0BE;;;EACE;AAtBJ;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EAIA;AA5BF;AA6BE;EACE;AA3BJ;AAgCE;EACE;EACA;EACA;AA9BJ;;AAqCM;EACE;AAlCR;AAsCI;EACE;EACA;EACA;EACA;AApCN;;AA0CE;EACE;EACA;AAvCJ;AA4CE;EACE;EACA;AA1CJ;AA6CE;EACE;EACA;AA3CJ;AA8CE;EACE;AA5CJ;;AAiDE;EACE;EAIA;EAEA;EAOA;EACA;AAxDJ;AA2DE;EACE;EACA;EACA;AAzDJ;AA4DE;EACE;EACA,slBACE;EAMF;EACA;AAhEJ;AAmEE;EACE;EACA;EACA;EACA;EACA;EACA;AAjEJ;AAoEE;;EAEE;AAlEJ;AAqEE;EACE;EACA;EACA;EACA;EACA,0jBACE;EAMF;EACA;EAIA;EACA;EACA;AA5EJ;AA8EI;EACE;AA5EN;AAkFI;;EACE;EACA;AA/EN;AAiFM;;EACE;AA9ER;AAmFE;EACE;AAjFJ;AAoFE;EACE;AAlFJ;;AAsFA;EACE;AAnFF;;AAqFA;EACE;EACA;AAlFF;;AAqFE;EACE;AAlFJ;AAoFE;EACE;EACA;EACA;AAlFJ;AAoFE;EACE;AAlFJ;AAoFE;EACE;EACA;EACA;EACA;AAlFJ;AAoFE;EACE;EACA;AAlFJ;AAoFE;EACE;EACA;AAlFJ,C;;;;ACrVA;EACE;;;;;;;GAAA;EASA;;;;;;;GAAA;EASA;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAOE;EACE;EACA;AAJJ;AAOE;EACE;EAEA;AANJ;AASE;EACE;EACA;EACA;AAPJ;;AAWA;EACE;AARF;;AAUA;EACE;AAPF;AAQE;EACE;EACA;EACA;AANJ;AAQE;EACE;EACA;EAEA;AAPJ;AASE;EACE;EACA;AAPJ;AASE;EACE;EACA;EACA;EACA;AAPJ;AASE;EACE;EACA;EACA;EACA;EACA;AAPJ;AASE;EACE;EACA;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;AASE;EACE;EACA;AAPJ;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;EACA;AARJ;AAWE;EACE;EACA;EACA;EACA,gmBACE;EAUF;AAnBJ;;AAuBE;EACE;AApBJ;;AAuBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBE;EACE;AApBJ;;AAwBA;EACE;EACA;EACA;EACA;AArBF;AAsBE;EACE;AApBJ;;AAwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBF;AAsBE;EACE;EACA;EACA;EACA;AApBJ;;AAwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBF;;AAyBE;EACE;AAtBJ;AAwBE;EACE;AAtBJ;;AA0BA;EACE;EAEA;EACA;EACA;AAxBF;;AA0BA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA,olBACE;EASF;EACA;EACA;EACA;EACA;EACA;AAlCF;;AAqCA;EACE;AAlCF;;AAqCA;E9CzLE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E8CkLA;EACA;EACA;EACA;AA7BF;;AAgCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7BF;;AAgCA;EACE;EACA;EACA;AA7BF;;AAiCE;EACE;AA9BJ;;AAmCE;EACE;EACA;AAhCJ;;AAoCA;EACE;EACA;AAjCF;;AAoCA;E9CpOE,+EA5DgB;EA6DhB;EACA;EACA;EACA;E8CkOA;EACA;EACA;EACA;AA7BF;;AAgCA;EACE;EACA;AA7BF,C;;;;AChRE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHJ;AAME;EACE;AAJJ;AAME;EACE;AAJJ;AAOI;EACE;AALN;AAMM;EACE;AAJR;AASE;EACE;EACA;AAPJ;AASI;EACE;EACA;AAPN;AASM;EACE;AAPR,C;;;;AC5BE;;;;EACE;AADJ;AAII;;;;EACE;AACN;AAQI;;;;EACE;AAHN;;AAQE;;EAGE;AANJ,C;;;;ACXA;EACE;IACE;EAVF;EAaA;IACE;EAXF;AACF;AAcA;EACE;IACE;IACA;EAZF;EAeA;IACE;IACA;EAbF;AACF;AAgBA;EACE;IACE;IACA;IAEA;EAfF;EAkBA;IACE;IACA;IACA;EAhBF;AACF;AAmBA;EACE;IACE;IACA;IACA;EAjBF;EAoBA;IACE;IACA;IACA;EAlBF;AACF;AAqBA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;;EACE;EACA;EACA;EACA;EACA;EACA;AAlBJ;AAqBE;;EACE;AAlBJ;AAqBE;;;;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;AAjBF;;AAsBE;;EAEE;AAnBJ,C;;;;ACzGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEE;AAPJ;;AAWE;EACE;AARJ;;AAYA;EACE;AATF;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;AATF;;AAYA;EACE;AATF;;AAYA;EACE;EACA;EAEA;EACA;AAVF;;AAcA;EACE;EACA;EACA;EACA;EACA;EACA;AAXF;;AAyBA;ElD3CE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EkD0CA;EACA;EACA;EACA;EACA;EAGA;AArBF;;AAwBA;EACE;EACA;AArBF;AAsBE;EACE;EACA;AApBJ;AAuBE;EACE;AArBJ;AAwBE;EACE;AAtBJ;AAwBI;EACE;AAtBN;AAyBI;EACE;AAvBN;AA2BE;EACE;AAzBJ;AA4BE;EACE;AA1BJ;AA6BE;EACE;AA3BJ;;AA+BA;EACE;EACA;EACA;AA5BF;;AA8BA;EACE;AA3BF;;AA8BA;EACE;AA3BF;;AAgCA;EACE;AA7BF;AA8BE;EACE;EACA;EACA;EACA;EACA;EACA;AA5BJ;AA8BE;EACE;EACA;EACA;EACA;EACA;AA5BJ;AA8BE;EACE;EACA,kXArBS;AAPb;AA8BE;EACE;EACA;AA5BJ;AA8BE;EACE;AA5BJ;;AAiCE;EACE;EACA;EACA;EACA;EACA;AA9BJ;AAgCE;EACE;EACA;AA9BJ;AAiCE;EACE;EACA;EACA;AA/BJ;;AAkCA;EACE;IACE;EA/BF;EAiCA;IACE;EA/BF;AACF;AAiCA;EACE;IACE;IACA;EA/BF;EAiCA;IACE;IACA;EA/BF;AACF;AAkCA;;EAGE;EACA;EACA;AAjCF;AAkCE;;EACE;AA/BJ;;AAkCA;EACE;EACA;EACA;AA/BF;;AAiCA;EACE;EACA;EACA;AA9BF;;AAkCE;;;;EAGE;EACA;EACA;EACA;AA9BJ;AAgCE;;EACE;AA7BJ;;AAmCE;;EACE;EACA;EACA;EACA;EACA;AA/BJ;;AAoCI;;;EAEE;EACA;AAhCN;AAkCI;EACE;AAhCN;AAkCI;EACE;EACA;EACA;EACA;EACA;AAhCN;;AAsCE;;EAEE;AAnCJ;;AAyCA;EACE;AAtCF;AAwCE;EACE;EACA;AAtCJ;AAyCE;ElDlQA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EkDgQE;EACA;AAnCJ;;AAuCA;EACE;AApCF;AAsCE;EACE;AApCJ;AAuCE;EACE;AArCJ;AAwCE;EACE;EACA;EACA;AAtCJ;;AA8CE;;;;;;;;EAEE;AArCJ;;AAyCE;EACE;EACA;AAtCJ;AAwCE;EACE,oXAhMS;AA0Jb;;AA0CA;EACE;AAvCF;AAyCE;EACE;AAvCJ;AA4CE;EACE;EACA;AA1CJ;;AA+CE;EACE;AA5CJ;AA8CE;EACE;AA5CJ;AA8CE;EACE;EACA;AA5CJ;AA8CE;EACE;AA5CJ;AA8CE;EACE;EACA;AA5CJ,C;;;;AClUA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;AAFF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAQE;;;;EACE;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;AAHJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;AANF;AAQE;EACE;AANJ;;AAUA;EACE;AAPF;;AAUA;EACE;EACA;AAPF;;AASA;EACE;EACA;AANF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAOA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AANF;;AASA;;EAEE;AANF;;AAeA;EACE;AAZF;;AAkBA;EACE;AAfF;;AAkBA;EACE;EACA;AAfF;;AAkBA;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;AAlBF;;AAoBA;;;EAGE;EACA;AAjBF;;AAmBA;EACE;EACA;AAhBF;;AAkBA;EACE;AAfF;;AAqBA;EACE;EACA;EACA;EACA;EACA;AAlBF;AAoBE;EACE;EACA;EACA;AAlBJ;AAqBE;EACE;AAnBJ;;AAsBA;EACE;EACA;EACA;EACA;AAnBF;;AAqBA;EnD1KE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EmDwKA;EACA;AAdF;;AAgBA;EnDhJE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EmD8IA;EACA;AATF,C;;;;AC1MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADKA;EpDsBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EoD7BA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;ADE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;AMtnBA;EACE;EACA;EACA;EACA;EACA,sD5D7BS;E4D8BT;EACA;ANynBF;;AMtnBA;EACE;EACA;EACA;EACA;EACA,sD5DtCiB;E4DuCjB;EACA;ANynBF;;AMpnBE;;;;EAIE;ANunBJ;;AMnnBE;EACE;EACA;ANsnBJ;AMpnBE;E3D/GA,+EA7BgB;EA8BhB;EACA;EACA;EACA;E2D6GE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN0nBJ;AMxnBE;EACE;AN0nBJ;AMxnBE;EACE;AN0nBJ;;AOzxBA;EACE;EACA;AP4xBF;;AOzxBA;EACE;AP4xBF;AO1xBE;EACE;AP4xBJ;AOzxBE;EACE;AP2xBJ;AOxxBE;EAGE;EACA;EACA;APwxBJ;;AOpxBA;E5DQE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E4DVA;AP2xBF;;AOxxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AP0xBF;;AOtxBE;EACE;APyxBJ;;AOrxBA;;EAEE;EACA;APwxBF;;AOrxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APwxBF;;AOpxBE;EACE;APuxBJ;AOpxBE;EACE;EACA;APsxBJ;;AOlxBA;EACE;APqxBF;;AOlxBA;EACE;EACA;EACA;EACA;EACA;EACA;APqxBF;;AOjxBA;EACE;APoxBF;;AOjxBA;EACE;EACA;EACA;APoxBF;;AOjxBA;EACE;EACA;EACA;EACA;APoxBF;;AOhxBE;EACE;EACA;EACA;EACA;APmxBJ;AO/wBI;EACE;APixBN;;AQh4BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARm4BF;AQj4BE;EACE;ARm4BJ;;AQ/3BA;;EAEE;ARk4BF;;AQ/3BA;;EAEE;EACA;EACA;EACA;EACA;EACA;ARk4BF;;AQ/3BA;EACE;ARk4BF;;AQ/3BA;EACE;ARk4BF;;AQ/3BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AR+3BF;AQ73BE;EACE;EACA;AR+3BJ;;AQ33BA;E7DzCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E6DuCA;EACA;ARk4BF;;AQ/3BA;E7D/CE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;E6DwCA;EACA;EACA;EACA;EACA;EACA;ARu4BF;;AQp4BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARu4BF;AQr4BE;EACE;EACA;EACA;ARu4BJ;;AQn4BA;EACE;EACA;EACA;ARs4BF;AQp4BE;EACE;EACA;EACA;EACA;EACA;EACA,sqBACE;ARq4BN;;AS7/BA;EACE;EACA;EACA;ATggCF;;AS7/BA;EACE;EACA;EACA;ATggCF;AS9/BE;EACE;EACA;ATggCJ;AS9/BE;EACE;ATggCJ;;AS5/BA;EACE;AT+/BF;;AS3/BA;EACE;AT8/BF;AS5/BE;EACE;AT8/BJ;;AS1/BE;EACE;AT6/BJ;;ASz/BA;EACE;AT4/BF;;ASx/BE;EACE;EACA;EACA;EACA;EACA;EACA;AT2/BJ;ASt/BI;EACE;ATw/BN;ASr/BI;EAEE;ATs/BN;ASj/BE;EACE;EACA;ATm/BJ;ASh/BE;EACE;ATk/BJ;ASh/BE;EACE;EACA;EACA;EACA;ATk/BJ;AS/+BE;EACE;ATi/BJ;AS9+BE;EACE;ATg/BJ;AS7+BE;EACE;AT++BJ;AS7+BI;EACE;AT++BN;;AS1+BA;EACE;AT6+BF;;AS1+BA;EACE;AT6+BF;;ASz+BE;EACE;EACA;AT4+BJ;;ASl+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;E9DlEA,+EA5DgB;EA6DhB;EACA;EACA;EACA;E8DiEA;ATq+BF;ASn+BE;EACE;ATq+BJ;ASl+BE;EACE;EACA;ATo+BJ;;ASj+BA;EACE;EACA;ATo+BF;;ASh+BA;;EAEE;EACA;EACA;EACA;ATm+BF;ASj+BI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ATo+BN;;ASh+BA;EACE;EACA;EACA;EACA;EACA;EACA;ATm+BF;;ASj+BA;EACE;EACA;EACA;EACA;EACA;EACA;ATo+BF;;ASj+BE;EACE;EACA;EACA;EACA;EACA;EACA;ATo+BJ;ASl+BE;EACE;EACA;EACA;EACA;EACA;EACA;ATo+BJ;;AS/9BE;;EAEE;ATk+BJ;;AU/qCE;EACE;AVkrCJ;AUjrCI;EACE;AVmrCN;;AWvrCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AX0rCF;;AWjrCE;EACE;EACA;AXorCJ;;AWhrCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXmrCF;AWjrCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXmrCJ;;AWhrCA;EACE;AXmrCF;;AWhrCE;EACE;AXmrCJ;;AW9qCE;EACE;AXirCJ;;AW7qCA;EACE;AXgrCF;;AYhvCA;EACE;AZmvCF;;AalvCA;EACE;AbqvCF;;AajvCE;EACE;EACA;EACA;EACA;AbovCJ;;Ac5vCE;EACE;Ad+vCJ;Ac5vCE;EACE;EACA;EACA;Ad8vCJ;Ac3vCI;EACE;Ad6vCN;Ac1vCE;EACE;EACA;Ad4vCJ;Ac3vCI;EACE;Ad6vCN;AczvCE;EACE;EACA;EACA;Ad2vCJ;AczvCE;EACE;Ad2vCJ;AcxvCE;EACE;Ad0vCJ;AcrvCM;EACE;AduvCR;AcnvCI;EACE;EACA;EACA;EACA;AdqvCN;AcnvCM;EACE;AdqvCR;AclvCM;EACE;AdovCR;AclvCQ;EACE;AdovCV;Ac9uCE;EACE;AdgvCJ;Ac5uCE;;EAEE;Ad8uCJ;Ac5uCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad+uCN;Ac3uCE;;EAEE;Ad6uCJ;Ac1uCE;;;;EAIE;Ad4uCJ;Ac1uCI;;;;EACE;Ad+uCN;Ac3uCE;EACE;EACA;Ad6uCJ;Ac1uCE;EnExEA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EmEiEE;EAEA;EACA;EACA;EACA;AdgvCJ;Ac7uCE;;EAEE;Ad+uCJ;Ac5uCE;EACE;Ad8uCJ;Ac3uCE;EACE;Ad6uCJ;Ac1uCE;EACE;EACA;Ad4uCJ;AczuCE;;EAEE;EACA;EACA;Ad2uCJ;AcxuCE;EACE;Ad0uCJ;AcvuCE;EACE;AdyuCJ;;AcpuCE;EACE;EACA;AduuCJ;;Aej4C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AAhBJ;AAiBI;EACE;AAfN;;AAoBA;EACE;EAIA;AApBF;;AAuBA;EACE;EACA;AApBF;AAsBE;EACE;AApBJ;;AAuBA;EACE;EvEtJA,+EA7BgB;EA8BhB;EACA;EACA;EACA;AuEmIF;;AAsBI;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;AApBN;AAuBI;EACE;AArBN,C;;;;ACrLA;;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;AAME;EACE;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AASE;EACE;AAPJ;AAUE;EACE;AARJ;AAUI;EACE;AARN;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAgBA;EACE;AAbF;;AAkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAfF;;AAkBA;ExE5EE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EwE2EA;EACA;EACA;EACA;EACA;EACA;AAZF,C","sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/./src/components/list.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/ctr-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/lbr-variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.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/lbr-font-sizes.scss","webpack://SurveyCreatorCore/./src/lbr-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-font-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-sizes.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/search.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-search.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-right.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-animation.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-tagbox.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/layout.scss","webpack://SurveyCreatorCore/./src/custom-questions/boolean-switch.scss"],"sourcesContent":["@use \"../variables\" as *;\n\n.svc-context-container {\n  display: flex;\n  gap: calcSize(1);\n  width: max-content;\n}\n\n.svc-context-button {\n  display: flex;\n  box-sizing: border-box;\n  background-color: var(--ctr-survey-contextual-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-radius: var(--ctr-survey-contextual-button-corner-radius, var(--lbr-corner-radius-round));\n  width: var(--ctr-survey-contextual-button-width, var(--lbr-size-x6));\n  height: var(--ctr-survey-contextual-button-height, var(--lbr-size-x6));\n  padding: var(--ctr-survey-contextual-button-padding-top, var(--lbr-spacing-x150))\n    var(--ctr-survey-contextual-button-padding-right, var(--lbr-spacing-x150))\n    var(--ctr-survey-contextual-button-padding-bottom, var(--lbr-spacing-x150))\n    var(--ctr-survey-contextual-button-padding-left, var(--lbr-spacing-x150));\n\n  cursor: pointer;\n  outline: none;\n\n  .sv-svg-icon {\n    --thm-button-contextual-button-icon-width: calc(\n      var(--ctr-survey-contextual-button-width, var(--lbr-size-x6)) - var(--ctr-survey-contextual-button-padding-right, var(--lbr-spacing-x150)) -\n        var(--ctr-survey-contextual-button-padding-left, var(--lbr-spacing-x150))\n    );\n    --thm-button-contextual-button-icon-height: calc(\n      var(--ctr-survey-contextual-button-height, var(--lbr-size-x6)) - var(--ctr-survey-contextual-button-padding-top, var(--lbr-spacing-x150)) -\n        var(--ctr-survey-contextual-button-padding-bottom, var(--lbr-spacing-x150))\n    );\n    width: var(--thm-button-contextual-button-icon-width, calcSize(3));\n    height: var(--thm-button-contextual-button-icon-height, calcSize(3));\n  }\n\n  use {\n    fill: var(--ctr-survey-contextual-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    transition: fill $creator-transition-duration;\n  }\n}\n\n.svc-context-button {\n\n  &:hover,\n  &:focus {\n    use {\n      fill: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n}\n\n.svc-context-button--danger {\n\n  &:hover,\n  &:focus {\n    use {\n      fill: var(--ctr-survey-contextual-button-icon-color-negative, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n}","@use \"../variables\" as *;\n\n.svc-list {\n  width: 100%;\n  padding: var(--ctr-list-padding-top, var(--sjs-spacing-x1)) var(--ctr-list-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-list-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-list-padding-left, var(--sjs-spacing-x1));\n  margin: 0;\n  overflow-y: auto;\n  list-style-type: none;\n\n  box-sizing: border-box;\n}\n\n.svc-list__item {\n  width: 100%;\n  outline: none;\n}\n\n.svc-list__item-body {\n  @include textEllipsis;\n  @include ctrDefaultFont;\n  text-align: start;\n  color: var(--ctr-list-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: color $creator-transition-duration;\n\n  --thm-list-item-padding-delta: var(--ctr-list-item-padding-left, var(--sjs-spacing-x2));\n  --thm-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--thm-list-item-padding-delta));\n  display: flex;\n  flex: 1 0 0;\n  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n  padding-inline-end: var(--ctr-list-item-padding-right, var(--sjs-spacing-x6));\n\n  align-items: center;\n  gap: var(--ctr-list-item-gap, var(--sjs-spacing-x2));\n  border-radius: var(--ctr-list-item-corner-radius, var(--sjs-corner-radius-x075));\n  cursor: pointer;\n\n  transition: background-color $creator-transition-duration;\n\n  & > span,\n  & > sv-ng-string {\n    flex: 1 0 0;\n  }\n}\n\n.svc-list__item:disabled,\n.svc-list__item--disabled {\n  opacity: var(--ctr-list-item-opacity-disabled, 0.25);\n  pointer-events: none;\n}\n\n.svc-list__item:focus,\n.svc-list__item:hover,\n.svc-list__item--focused,\n.svc-list__item--hovered {\n  & > .svc-list__item-body {\n    background: var(--ctr-list-item-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n    color: var(--ctr-list-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n\n    .svc-list__item-icon use {\n      fill: var(--ctr-list-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    }\n\n    .svc-list-item__marker-icon use {\n      fill: var(--ctr-list-item-submenu-arrow-color-hovered-item, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-list__item--selected,\n.svc-list__item--selected:hover,\n.svc-list__item--selected:focus,\n.svc-list__item.svc-list__item--selected:hover {\n  & > .svc-list__item-body {\n    @include ctrDefaultBoldFont;\n    color: var(--ctr-list-item-text-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-background-500, #19b394ff));\n\n    .svc-list__item-icon use {\n      fill: var(--ctr-list-item-icon-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    }\n  }\n}\n\n.svc-list__item--group-selected,\n.svc-list__item--group-selected:hover,\n.svc-list__item--group-selected:focus {\n  & > .svc-list__item-body {\n    @include ctrDefaultFont;\n    color: var(--ctr-list-item-text-color-selected-submenu, var(--sjs-layer-1-foreground-100, #000000e6));\n    background: var(--ctr-list-item-background-color-selected-submenu, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n    .svc-list__item-icon use {\n      fill: var(--ctr-list-item-icon-color-selected-submenu, var(--sjs-primary-background-500, #19b394ff));\n    }\n\n    .svc-list-item__marker-icon use {\n      fill: var(--ctr-list-item-submenu-arrow-color-selected-item-submenu, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-list__item--with-icon > .svc-list__item-body {\n  padding-block-start: var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n  padding-inline-end: var(--ctr-list-item-padding-right, var(--sjs-spacing-x6));\n}\n\n.svc-list__item--group > .svc-list__item-body {\n  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-spacing-x1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group > .svc-list__item-body {\n  padding-block-start: var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150));\n  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, var(--sjs-spacing-x150));\n  padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-spacing-x1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group .sv-popup-inner > .sv-popup__container {\n  margin-top: calc(\n    var(--ctr-list-item-padding-top, var(--sjs-spacing-x150)) -\n      var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150)) -\n      var(--ctr-list-padding-top, var(--sjs-spacing-x1))\n  );\n}\n\n.svc-list__item-separator {\n  width: 100%;\n  height: var(--ctr-separator-width, var(--sjs-stroke-x1));\n  margin: var(--ctr-separator-margin-vertical-small, var(--sjs-spacing-x1)) 0px;\n  background-color: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\n}\n\n.svc-list__item-icon {\n  display: flex;\n  width: var(--ctr-list-item-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-list-item-icon-height, var(--sjs-font-size-x3));\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n\n  use {\n    fill: var(--ctr-list-item-icon-color, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svc-list-item__marker-icon {\n  display: flex;\n  padding: var(--ctr-list-item-submenu-arrow-padding, var(--sjs-spacing-x05));\n  align-items: flex-start;\n  width: var(--ctr-list-item-submenu-arrow-width, var(--sjs-font-size-x2));\n  height: var(--ctr-list-item-submenu-arrow-height, var(--sjs-font-size-x2));\n  box-sizing: content-box;\n  justify-content: center;\n\n  use {\n    fill: var(--ctr-list-item-submenu-arrow-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.svc-list-item__marker-icon + * {\n  --thm-list-item-gap: var(--ctr-list-item-gap, var(--sjs-spacing-x2));\n  margin-inline-start: calc(0px - var(--thm-list-item-gap));\n}\n\n.svc-list__container {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  min-height: 0;\n  height: 100%;\n}\n\n.svc-list__filter {\n  display: flex;\n  align-items: flex-start;\n  align-items: center;\n  gap: var(--ctr-list-search-gap, var(--sjs-spacing-x2));\n\n  padding-inline-start: var(--ctr-list-search-padding-left, var(--sjs-spacing-x3));\n  padding-inline-end: var(--ctr-list-search-padding-right, var(--sjs-spacing-x2));\n  padding-block-start: var(--ctr-list-search-padding-top, var(--sjs-spacing-x250));\n  padding-block-end: var(--ctr-list-search-padding-bottom, var(--sjs-spacing-x250));\n\n  border-radius: var(--ctr-toolbox-search-corner-radius, 0px);\n  border-bottom: var(--ctr-list-search-border-width-bottom, var(--sjs-stroke-x1)) solid\n    var(--ctr-list-search-border-color, var(--sjs-border-25, #d4d4d4ff));\n}\n\n.svc-list__filter-icon {\n  opacity: var(--ctr-list-search-icon-opacity, 1);\n  display: flex;\n  width: var(--ctr-list-search-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-list-search-icon-height, var(--sjs-font-size-x3));\n  align-items: center;\n\n  .sv-svg-icon {\n    width: var(--ctr-list-search-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-list-search-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-list-search-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.svc-list__input {\n  @include ctrDefaultFont;\n  background-color: transparent;\n  color: var(--ctr-list-search-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  outline: none;\n  border: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--ctr-list-search-text-color-placeholder, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.svc-list__filter-clear-button {\n  display: flex;\n  padding: var(--ctr-search-button-padding-vertical, var(--sjs-spacing-x05))\n    var(--ctr-search-button-padding-horizontal, var(--sjs-spacing-x05));\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--ctr-search-button-corner-radius, var(--sjs-corner-radius-x05));\n  appearance: none;\n  border: none;\n  border-radius: 100%;\n  background-color: transparent;\n\n  svg {\n    display: flex;\n    width: var(--ctr-search-button-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-search-button-icon-height, var(--sjs-font-size-x2));\n    justify-content: center;\n    align-items: center;\n\n    use {\n      fill: var(--ctr-search-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\n\n  &:hover {\n    background: var(\n      --ctr-search-button-background-color-clear-hovered,\n      var(--sjs-semantic-red-background-10, #e50a3e1a)\n    );\n\n    use {\n      fill: var(--ctr-search-button-icon-color-clear-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n}\n\n.svc-list__empty-container {\n  padding: var(--ctr-list-padding-top-no-data, var(--sjs-spacing-x4))\n    var(--ctr-list-padding-right-no-data, var(--sjs-spacing-x2))\n    var(--ctr-list-padding-bottom-no-data, var(--sjs-spacing-x4))\n    var(--ctr-list-padding-left-no-data, var(--sjs-spacing-x2));\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n}\n\n.svc-list__empty-text {\n  @include ctrDefaultFont;\n  @include textEllipsis;\n  text-align: center;\n  align-self: stretch;\n  color: var(--ctr-list-no-data-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n\n.sv-popup--menu-phone,\n.sv-popup--menu-tablet {\n  .svc-list-item__marker-icon {\n    display: none;\n  }\n\n  .svc-list__item-body {\n    pointer-events: none;\n  }\n\n  .svc-list__item--group-selected > .svc-list__item-body {\n    @include ctrDefaultBoldFont;\n    color: var(--ctr-list-item-text-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-background-500, #19b394ff));\n\n    use {\n      fill: var(--ctr-list-item-icon-color-selected, var(--sjs-primary-foreground-100, #ffffffff));\n    }\n  }\n}\n","@forward \"./lbr-variables.scss\";\n@forward \"./ctr-variables.scss\";\n\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// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin textEllipsis {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@mixin defaultActionButtonSettings {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  outline: none;\n  display: flex;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  white-space: nowrap;\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 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","$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: Max(var(--ctr-stroke-unit, 1px), 1px);\n$font-unit: var(--ctr-font-unit, 8px);\n$line-height-unit: var(--ctr-line-height-unit, 8px);\n$ctr-font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n\n@mixin ctrLargeFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-large-size, var(--sjs-font-size-x4));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-large-line-height, var(--sjs-line-height-x5));\n}\n\n@mixin ctrLargeBoldFont {\n  @include ctrLargeFont;\n  font-weight: 700;\n}\n\n@mixin ctrMediumFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-medium-size, var(--sjs-font-size-x3));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-medium-line-height, var(--sjs-line-height-x4));\n}\n\n@mixin ctrMediumBoldFont {\n  @include ctrMediumFont;\n  font-weight: 700;\n}\n\n@mixin ctrDefaultFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-default-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n}\n\n@mixin ctrDefaultBoldFont {\n  @include ctrDefaultFont;\n  font-weight: 600;\n}\n\n@mixin ctrDefaultBoldUnderlineFont {\n  @include ctrDefaultBoldFont;\n  font-weight: 600;\n  text-decoration-line: underline;\n}\n\n@mixin ctrDefaultUnderlineFont {\n  @include ctrDefaultFont;\n  text-decoration-line: underline;\n}\n\n@mixin ctrDefaultAllCapsFont {\n  @include ctrDefaultFont;\n  font-weight: 600;\n  line-height: var(--ctr-font-default-line-height-all-caps, var(--sjs-line-height-x2));\n  text-transform: uppercase;\n}\n\n@mixin ctrSmallFont {\n  font-family: $ctr-font-family;\n  font-size: var(--ctr-font-small-size, var(--sjs-font-size-x150));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-small-line-height, var(--sjs-line-height-x2));\n}\n\n@mixin ctrSmallBoldFont {\n  @include ctrSmallFont;\n  font-weight: 600;\n}\n\n@mixin ctrSmallUnderlineFont {\n  @include ctrSmallFont;\n  text-decoration-line: underline;\n}\n\n@mixin ctrSmallAllCapsFont {\n  @include ctrSmallFont;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n@mixin ctrCodeFont {\n  font-family: var(--ctr-font-family-code, monospace);\n  font-size: var(--ctr-font-code-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-code-line-height, var(--sjs-line-height-x3));\n}","@use \"../../variables\" as *;\n\n// svc-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}","@use \"../../variables\" as *;\n\nsvc-tab-json-editor-textarea {\n  width: 100%;\n  height: 100%;\n  background: var(--ctr-code-viewer-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-json-editor-tab__content {\n  position: relative;\n  height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n  @include ctrCodeFont;\n  color: var(--ctr-code-viewer-text-color, var(--sjs-code-gray-300, #505050ff));\n  background: var(--ctr-code-viewer-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  width: 100%;\n  height: 100%;\n  border: none;\n  outline: none;\n  box-sizing: content-box;\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, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\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: var(--sjs-semantic-red-background-500, #e50a3eff);\n    }\n  }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n  display: none;\n}\n*/\n\n.svc-json-errors {\n  --thm-json-error-row: calc(\n    var(--ctr-code-viewer-code-error-row-border-width-top, var(--sjs-stroke-x1)) +\n      var(--ctr-code-viewer-code-error-row-padding-top, var(--sjs-spacing-x1)) +\n      var(--ctr-code-viewer-code-error-row-padding-bottom, var(--sjs-spacing-x1)) +\n      var(--ctr-code-viewer-code-error-row-fix-button-icon-height, var(--sjs-font-size-x3))\n  );\n  display: flex;\n  max-height: calc(5 * var(--thm-json-error-row));\n  overflow-y: auto;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n}\n\n.svc-json-errors__item {\n  pointer-events: none;\n  display: block;\n  border-top: var(--ctr-code-viewer-code-error-row-border-width-top, var(--sjs-stroke-x1)) solid\n    var(--ctr-code-viewer-code-error-row-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-code-viewer-code-error-row-background-color, var(--sjs-semantic-red-background-10, #e50a3e1a));\n}\n\n.svc-json-error {\n  @include ctrDefaultFont;\n  padding: var(--ctr-code-viewer-code-error-row-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-padding-left, var(--sjs-spacing-x2));\n  display: flex;\n  align-items: center;\n  gap: var(--ctr-code-viewer-code-error-row-gap, var(--sjs-spacing-x2));\n}\n\n.svc-json-error .sv-string-viewer {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n  text-decoration: underline;\n}\n\n.svc-json-error__icon {\n  fill: var(--sjs-semantic-red-background-500, #e50a3eff);\n  width: var(--ctr-code-viewer-code-error-row-icon-width, var(--sjs-font-size-x2));\n  height: var(--ctr-code-viewer-code-error-row-icon-height, var(--sjs-font-size-x2));\n  box-sizing: border-box;\n  display: block;\n}\n\n.svc-json-error__container {\n  display: flex;\n  gap: var(--ctr-code-viewer-code-error-row-gap, var(--sjs-spacing-x2));\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  border: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--ctr-code-viewer-code-error-row-fix-button-padding-top, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-code-viewer-code-error-row-fix-button-padding-bottom, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-padding-left, var(--sjs-spacing-x1));\n\n  border-radius: var(--ctr-code-viewer-code-error-row-fix-button-corner-radius, var(--sjs-corner-radius-x05));\n  background: var(\n    --ctr-code-viewer-code-error-row-fix-button-background-color,\n    var(--sjs-layer-1-background-500, #ffffffff)\n  );\n  box-shadow: var(--ctr-code-viewer-code-error-row-fix-button-shadow-offset-x, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-offset-y, 1px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-blur, 2px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-spread, 0px)\n    var(--ctr-code-viewer-code-error-row-fix-button-shadow-color, var(--sjs-special-shadow, #00000040));\n\n  svg {\n    fill: var(--ctr-code-viewer-code-error-row-fix-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    width: var(--ctr-code-viewer-code-error-row-fix-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-code-viewer-code-error-row-fix-button-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.svc-json-error__fix-button:hover {\n  svg {\n    fill: var(\n      --ctr-code-viewer-code-error-row-fix-button-icon-color-hovered,\n      var(--sjs-primary-background-500, #19b394ff)\n    );\n  }\n}","@use \"../variables\" as *;\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\n  border: var(--ctr-preview-device-frame-border-width, var(--sjs-stroke-x2)) solid\n    var(--ctr-preview-device-frame-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-preview-device-frame-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n}\n\n.svd-simulator-wrapper {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--ctr-preview-device-corner-radius, var(--sjs-corner-radius-x4));\n  box-shadow:\n    0px 2px 6px 0px rgba(0, 0, 0, 0.1),\n    0px 8px 16px 0px var(--ctr-preview-device-shadow-2-color, var(--sjs-special-glow, #004c441a));\n  border: var(--ctr-preview-device-border-width, var(--sjs-stroke-x4)) solid\n    var(--ctr-preview-device-border-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  background: var(--ctr-preview-device-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: content-box;\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--menu-popup {\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  position: relative;\n}\n","@use \"../../variables\" as *;\n\n// svc-tab-preview {\n//   width: 100%;\n//   height: 100%;\n//   background: $background-dim;\n// }\n\n.svc-test-tab__content {\n  align-items: center;\n  justify-content: center;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n  .svc-preview__test-again {\n    width: calcSize(33);\n    box-sizing: border-box;\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  width: 100%;\n\n  .sv-action-bar {\n    padding: var(--ctr-preview-pager-padding-top, var(--sjs-spacing-x1)) var(--ctr-preview-pager-padding-right, 0px) var(--ctr-preview-pager-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-preview-pager-padding-left, 0px);\n    box-shadow: inset 0 var(--ctr-preview-pager-border-width-top, var(--sjs-stroke-x1)) 0 0 var(--ctr-preview-pager-border-color, var(--sjs-border-25, #d4d4d4ff));\n    background: var(--ctr-preview-pager-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    width: 100%;\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, var(--sjs-secondary-background-500, #19b394ff));\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, var(--sjs-secondary-background-10, #19b3941a));\n      }\n\n      &:hover {\n        background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\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, var(--sjs-secondary-background-10, #19b3941a));\n    }\n\n    .sv-action-bar-item__title {\n      color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n    }\n  }\n\n  .sv-action-bar-item {\n    @include ctrSmallBoldFont;\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}\n\n.svc-page-invisible {\n  .svc-list__item-body {\n    padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-spacing-x150));\n    padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-spacing-x150));\n    padding-inline-start: var(--ctr-list-item-padding-left, var(--sjs-spacing-x2));\n    padding-inline-end: var(--ctr-list-item-padding-right-with-label-icon, var(--sjs-spacing-x150));\n  }\n  .svc-list-item__marker-icon {\n    padding: 0;\n    opacity: var(--ctr-list-item-icon-opacity-label, 0.5);\n    width: var(--ctr-list-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-list-item-icon-height, var(--sjs-font-size-x3));\n  }\n}\n.svc-test-tab__content .sd-body--empty {\n  @include ctrDefaultFont;\n  color: var(--sjs-layer-1-foreground-100, #000000E6);\n  text-align: center;\n  overflow: hidden;\n  position: static;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-preview-pager__item {\n  @include defaultActionButtonSettings;\n\n  display: flex;\n  max-width: 100%;\n  padding: var(--ctr-preview-pager-item-padding-top-with-text, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-right-with-text, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-bottom-with-text, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-left-with-text, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--ctr-preview-pager-item-corner-radius, var(--sjs-corner-radius-x05));\n  background-color: transparent;\n\n  &:hover {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n  }\n\n  &.svc-preview-pager__item--pressed {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n  &.svc-preview-pager__item--active {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-background-10, #19b3941a));\n  }\n}\n\n.svc-preview-pager__item--icon {\n  padding: var(--ctr-preview-pager-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-preview-pager-item-padding-left, var(--sjs-spacing-x1));\n\n  &:hover {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\n\n  &.svc-preview-pager__item--pressed {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-pressed, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n\n  &.svc-preview-pager__item--active {\n    background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-background-10, #19b3941a));\n  }\n}\n\n.svc-preview-pager-item__icon {\n  box-sizing: border-box;\n  display: flex;\n  width: var(--ctr-preview-pager-item-icon-container-width, var(--sjs-font-size-x2));\n  height: var(--ctr-preview-pager-item-icon-container-height, var(--sjs-font-size-x2));\n  padding: var(--ctr-preview-pager-item-icon-padding-top, 0px)\n    var(--ctr-preview-pager-item-icon-padding-right, 0px)\n    var(--ctr-preview-pager-item-icon-padding-bottom, 0px)\n    var(--ctr-preview-pager-item-icon-padding-left, 0px);\n  justify-content: center;\n  align-items: center;\n\n  use {\n    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #19b394ff));\n  }\n}\n\n.svc-preview-pager-item__title {\n  @include ctrSmallBoldFont;\n  @include textEllipsis;\n  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-footer-bar {\n  .svc-preview-pager__item {\n    --thm-menu-toolbar-button-gap: calc(var(--ctr-menu-toolbar-gap, var(--sjs-spacing-x2)) / 2);\n    margin: 0 var(--thm-menu-toolbar-button-gap);\n  }\n\n  .svc-preview-pager-item__icon {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n    box-sizing: content-box;\n\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n","@use \"../../variables\" as *;\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: var(--ctr-collapse-button-margin-top, var(--sjs-spacing-x05n));\n  padding-right: var(--ctr-collapse-button-margin-right, var(--sjs-spacing-x2));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n  box-sizing: border-box;\n  border-radius: var(--ctr-collapse-button-corner-radius, var(--sjs-corner-radius-x1));\n  padding: var(--ctr-collapse-button-padding, var(--sjs-spacing-x150));\n  transition: background-color $creator-transition-duration;\n\n  &:focus:enabled {\n    background-color: transparent;\n  }\n  use {\n    transition: fill $creator-transition-duration;\n  }\n  &:hover:enabled,\n  &.sv-focused--by-key.sv-focused--by-key {\n    background-color: var(--ctr-collapse-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n    outline: none;\n\n    use {\n      fill: var(--ctr-collapse-button-icon-color-hovered, var(--sjs-layer-3-foreground-75, #000000bf));\n    }\n  }\n  .sv-action-bar-item__icon {\n    width: var(--ctr-collapse-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-collapse-button-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n  padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-expression-item-padding-right-icon-only, var(--sjs-spacing-x1))\n    var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-expression-item-padding-left-icon-only, var(--sjs-spacing-x1));\n  cursor: pointer;\n  border: none;\n  border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n  &:focus:enabled {\n    background-color: transparent;\n  }\n  use {\n    fill: var(--ctr-expression-item-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\n  &:hover:enabled,\n  &.sv-focused--by-key.sv-focused--by-key {\n    background-color: var(\n      --ctr-expression-item-background-color-remove-button-hovered,\n      var(--sjs-semantic-red-background-10, #e50a3e1a)\n    );\n    outline: none;\n\n    use {\n      fill: var(--ctr-expression-item-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n  .sv-action-bar-item__icon {\n    width: var(--ctr-expression-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-expression-item-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.sl-table__remove-button .sv-action-bar-item__icon {\n  width: var(--ctr-survey-action-button-icon-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-action-button-icon-height, var(--lbr-size-x3));\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.sl-table__row--additional .sl-table__cell .svc-action-button {\n  color: var(--lbr-page-header-title-color-not-completed-rule, var(--sjs-secondary-background-500, #19b394ff));\n}\n.sl-table .svc-action-button {\n  padding: var(--ctr-survey-page-header-padding-vertical-with-button, var(--sjs-spacing-x05)) 0px;\n  margin-left: 0;\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 ctrMediumBoldFont;\n  --thm-logic-header-max-height: var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, calcSize(4)));\n  background: transparent;\n  outline: none;\n  border: none;\n  box-shadow: none;\n  border-radius: 0;\n  color: var(--lbr-page-header-title-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  box-sizing: content-box;\n  max-height: calc(3 * var(--thm-logic-header-max-height));\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\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    @include ctrDefaultBoldFont;\n    width: auto;\n    margin: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2)) 0 0 0;\n    color: var(--ctr-expression-item-text-color-button, var(--sjs-primary-background-500, #19b394ff));\n    background-color: var(--ctr-expression-item-background-color-button, var(--sjs-primary-background-10, #19b3941a));\n    border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n    padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-expression-item-padding-right-button, var(--sjs-spacing-x4))\n      var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-expression-item-padding-left-button, var(--sjs-spacing-x4));\n\n    display: flex;\n    align-items: center;\n    vertical-align: baseline;\n    text-align: center;\n\n    user-select: none;\n\n    transition:\n      background-color $creator-transition-duration,\n      color $creator-transition-duration;\n  }\n\n  button:hover:enabled {\n    background-color: var(\n      --ctr-expression-item-background-color-button-hovered,\n      var(--sjs-primary-background-500, #19b394ff)\n    );\n    color: var(--ctr-expression-item-text-color-button-hovered, var(--sjs-primary-foreground-100, #ffffffff));\n  }\n\n  .sv-action-bar-item__title {\n    @include ctrDefaultBoldFont;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    justify-content: center;\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: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.sl-row {\n  display: flex;\n  align-items: flex-start;\n  flex-flow: row wrap;\n}\n\n.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {\n  margin-top: 0;\n}\n\n.sl-row--multiple {\n  .sl-panel {\n    padding-bottom: 0;\n  }\n}\n\n.sl-question__header--left {\n  margin-right: var(--ctr-expression-items-gap, var(--sjs-spacing-x1));\n}\n\n.sl-row {\n  .sd-rating {\n    overflow-x: auto;\n    padding: 2px;\n    margin: -2px;\n  }\n}\n\n.sl-question__title {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-expression-item-text-color-function, var(--sjs-layer-3-foreground-100, #000000e6));\n  margin: 0;\n\n  span + span {\n    display: none;\n  }\n}\n\n.sl-row--multiple .sl-question {\n  padding-right: var(--ctr-expression-items-gap, var(--sjs-spacing-x1));\n}\n.svc-logic-question-text-editor {\n  margin-top: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\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: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.svc-logic_trigger-editor {\n  margin-top: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n  margin-top: 0;\n}\n\n.sv-popup.svc-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.sl-paneldynamic__buttons-container {\n  display: flex;\n  justify-content: start;\n  .sv-action-bar {\n    margin: 0;\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.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    animation: none;\n  }\n}\n","@use \"../../variables\" as *;\n\n.svc-tab-translation {\n  width: 100%;\n  height: 100%;\n  background-color: var(--ctr-surface-background-color, var(--sjs-special-background, #edf9f7ff));\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.st-properties {\n  background-color: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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    .sd-table__cell--drag,\n    .spg-table__cell--actions {\n      &,\n      & + sv-ng-matrixdropdown-cell {\n        & + .spg-table__cell {\n          width: calcSize(5);\n        }\n      }\n    }\n\n    .spg-table__question-wrapper {\n      @include ctrDefaultFont;\n      padding: calcSize(1.5) calcSize(1);\n      color: var(--ctr-checkbox-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n\n      .spg-checkbox {\n        margin: 0;\n      }\n\n      .spg-selectbase__label {\n        gap: 0;\n      }\n    }\n\n    .spg-checkbox--disabled {\n      .spg-checkbox__caption {\n        color: var(--ctr-checkbox-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n      }\n\n      .spg-checkbox__rectangle,\n      .spg-checkbox__rectangle:hover {\n        border: var(--ctr-checkbox-border-width, var(--sjs-stroke-x1)) solid\n          var(--ctr-checkbox-border-color-disabled, var(--sjs-border-10, #dcdcdcff));\n        background: var(--ctr-checkbox-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n      }\n    }\n  }\n\n  .spg-matrixdynamic__dragged-row {\n    @include ctrDefaultFont;\n    color: var(--ctr-checkbox-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n\n    .spg-table__cell:nth-child(3) {\n      flex: 1;\n    }\n  }\n}\n\n.st-content {\n  display: flex;\n  height: 100%;\n}\n\n.st-strings {\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: var(--ctr-property-grid-border-width-left, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-border-color, var(--sjs-border-25, #d4d4d4ff));\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, var(--sjs-layer-3-background-500, #f4f4f4ff));\n    height: auto;\n  }\n}\n\n.st-root-modern {\n  width: 100%;\n  height: fit-content;\n  max-height: 100%;\n  overflow-y: auto;\n  background-color: var(--ctr-string-table-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n  @include ctrSmallBoldFont;\n  text-align: left;\n}\n\n.st-table__cell.st-table__cell--header {\n  color: var(--ctr-string-table-header-text-color, var(--sjs-layer-3-foreground-75, #000000bf));\n}\n\n.st-title.st-panel__title {\n  margin: 0;\n  color: var(--ctr-string-table-group-header-text-color, var(--sjs-layer-2-foreground-75, #000000bf));\n  background-color: var(--ctr-string-table-group-header-background-color, var(--sjs-layer-2-background-500, #f8f8f8ff));\n  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n  padding: var(--ctr-string-table-row-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3))\n    var(--ctr-string-table-row-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\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, var(--sjs-layer-1-background-500, #ffffffff));\n  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n  padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-string-table-row-text-color-title, var(--sjs-layer-1-foreground-100, #000000e6));\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 ctrDefaultFont;\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, var(--sjs-layer-1-background-500, #ffffffff));\n  color: var(--ctr-string-table-row-text-color-title, var(--sjs-layer-1-foreground-100, #000000e6));\n  resize: none;\n  padding: 0;\n}\n\n.sd-translation-line-skeleton {\n  min-height: var(--sjs-size-x5);\n  background-color: var(--sjs-layer-3-background-500, #f4f4f4ff);\n}\n\n.st-navigation-btn {\n  @include ctrDefaultBoldFont;\n  padding: var(--ctr-actionbar-button-padding-top-large-icon-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon-text, var(--sjs-spacing-x2))\n    var(--ctr-actionbar-button-padding-bottom-large-icon-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon-text, var(--sjs-spacing-x150));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  white-space: nowrap;\n\n  .sd-action__icon {\n    width: var(--ctr-actionbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-actionbar-button-icon-height, var(--sjs-font-size-x3));\n    margin-left: 0;\n  }\n}\n\n.st-navigation-btn:hover {\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  background: var(\n    --ctr-actionbar-button-background-color-hovered-colorful,\n    var(--sjs-primary-background-10, #19b3941a)\n  );\n}\n\n.st-navigation-btn.sd-action--icon {\n  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n\n  &:not(.sd-action--pressed) {\n    &:hover,\n    &:focus {\n      border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n      background: var(\n        --ctr-actionbar-button-background-color-hovered-colorful,\n        var(--sjs-primary-background-10, #19b3941a)\n      );\n    }\n  }\n\n  svg use {\n    fill: var(--ctr-actionbar-button-icon-color-colorful, var(--sjs-primary-background-500, #19b394ff));\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__btn {\n  flex-direction: row-reverse;\n  padding: var(--ctr-actionbar-button-padding-top-large-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-text-drop-down, var(--sjs-spacing-x150))\n    var(--ctr-actionbar-button-padding-bottom-large-text, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-text, var(--sjs-spacing-x2));\n  gap: var(--ctr-actionbar-button-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  white-space: nowrap;\n\n  .sd-action__title {\n    @include ctrDefaultBoldFont;\n    color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n  }\n\n  .sd-action__icon {\n    width: var(--ctr-actionbar-button-drop-down-arrow-width, var(--sjs-font-size-x2));\n    height: var(--ctr-actionbar-button-drop-down-arrow-height, var(--sjs-font-size-x2));\n    margin-left: 0;\n  }\n\n  &.sd-action--pressed:not(.sd-action--active) {\n    opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n    background: var(\n      --ctr-actionbar-button-background-color-hovered-colorful,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n\n  &:disabled {\n    opacity: 1;\n    color: var(--ctr-actionbar-button-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n\n    fill: var(--ctr-actionbar-button-icon-color-with-text-disabled, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n  @include ctrDefaultFont;\n  color: var(--ctr-string-table-title-caption-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n\n.st-body__footer {\n  box-sizing: border-box;\n  padding: var(--ctr-string-table-title-padding-top, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-right-actions, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-bottom, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-left, var(--sjs-spacing-x3));\n  border-bottom: var(--ctr-string-table-title-border-width-bottom, var(--sjs-stroke-x1)) solid\n    var(--ctr-string-table-title-border-color, var(--sjs-border-10, #dcdcdcff));\n  background: var(--ctr-string-table-title-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n}\n.st-translation-dialog .st-strings-wrapper {\n  border-radius: var(--ctr-string-table-corner-radius, var(--sjs-corner-radius-x05));\n  box-shadow: var(--ctr-shadow-small-offset-x, 0px) var(--ctr-shadow-small-offset-y, 1px)\n    var(--ctr-shadow-small-blur, 2px) var(--ctr-shadow-small-spread, 0px)\n    var(--ctr-shadow-small-color, var(--sjs-special-shadow, #00000040));\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}\n","@use \"../../variables\" as *;\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 var(--sjs-border-default, var(--border, #d6d6d6));\n//     width: 100%;\n//   }\n// }\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n  box-sizing: content-box;\n  max-width: calcSize(40);\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n  @include ctrDefaultBoldFont;\n  -webkit-appearance: none;\n  appearance: none;\n  border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n  padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-right, var(--sjs-spacing-x2)) var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-left, var(--sjs-spacing-x2));\n\n  border: none;\n  outline: none;\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\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, var(--sjs-semantic-blue-foreground-100, #ffffffff));\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, var(--sjs-semantic-blue-background-10, #437fd91a));\n  color: var(--ctr-expression-item-text-color-parameter-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-parameter-hovered, var(--sjs-semantic-blue-background-500, #437fd9ff));\n    color: var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-semantic-blue-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction {\n  background-color: var(--ctr-expression-item-background-color-conjunction, var(--sjs-semantic-yellow-background-10, #ff98141a));\n  color: var(--ctr-expression-item-text-color-conjunction-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-conjunction-hovered, var(--sjs-semantic-yellow-background-500, #ff9814ff));\n    color: var(--ctr-expression-item-text-color-conjunction-hovered, var(--sjs-semantic-yellow-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--operator {\n  background-color: var(--ctr-expression-item-background-color-operator, var(--sjs-semantic-yellow-background-10, #ff98141a));\n  color: var(--ctr-expression-item-text-color-operator-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-operator-hovered, var(--sjs-semantic-yellow-background-500, #ff9814ff));\n    color: var(--ctr-expression-item-text-color-operator-hovered, var(--sjs-semantic-yellow-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n  background-color: var(--ctr-expression-item-background-color-action, var(--sjs-semantic-red-background-10, #e50a3e1a));\n  color: var(--ctr-expression-item-text-color-action-empty, var(--sjs-layer-3-foreground-50, #00000080));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-expression-item-background-color-action-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n    color: var(--ctr-expression-item-text-color-action-hovered, var(--sjs-semantic-red-foreground-100, #ffffffff));\n  }\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n  margin-top: var(--ctr-expression-rows-gap, var(--sjs-spacing-x2));\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn {\n  color: var(--ctr-expression-item-text-color-action, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n  color: var(--ctr-expression-item-text-color-operator, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--question {\n  color: var(--ctr-expression-item-text-color-parameter, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--conjunction {\n  color: var(--ctr-expression-item-text-color-conjunction, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--operator {\n  color: var(--ctr-expression-item-text-color-operator, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-logic-question--answered .svc-logic-operator--action {\n  color: var(--ctr-expression-item-text-color-action, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n\n.svc-logic-operator.svc-logic-operator--error {\n  box-shadow: inset 0 0 0 2px\n    var(--ctr-expression-item-border-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n  &:hover,\n  &:focus {\n    box-shadow: inset 0 0 0 2px\n      var(--ctr-expression-item-border-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n    background-color: var(--ctr-expression-item-background-color-parameter-error, var(--sjs-layer-1-background-500, #ffffffff));\n    color: var(--ctr-expression-item-text-color-parameter-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\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\n.svc-action-button--icon.svc-icon-remove {\n  display: none;\n  padding: var(--ctr-expression-item-padding-top, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-right-icon-only, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-expression-item-padding-left-icon-only, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-expression-item-corner-radius, var(--sjs-corner-radius-x1));\n  background: none;\n  justify-content: center;\n  align-items: center;\n  outline: none;\n  border: none;\n\n  .sv-svg-icon {\n    width: var(--ctr-expression-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-expression-item-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-expression-item-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\n\n  &:focus,\n  &:hover {\n    background-color: var(--ctr-expression-item-background-color-remove-button-hovered, var(--sjs-semantic-red-background-10, #e50a3e1a));\n  }\n\n  &.svc-action-button--disabled {\n    fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.sl-panel-wrapper--in-row:hover .svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-icon-remove {\n  display: flex;\n}\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-tab__content {\n  /* disable library transition animations */\n  --sjs-transition-duration: 0ms;\n}\n\n.svc-logic-tab__content {\n  &.svc-logic-tab--empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    .svc-logic-tab__content-action {\n      // width: calcSize(33);\n      margin: 0;\n    }\n  }\n\n  .svc-logic-tab__content-action {\n    margin-left: 25%;\n    margin-right: 25%;\n    margin-top: var(--ctr-surface-gap, var(--sjs-spacing-x5));\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, var(--sjs-layer-1-background-500, #ffffffff));\n      box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, var(--sjs-special-shadow, #00000040));\n    }\n  }\n\n  .svc-logic-tab__content-action--disabled .svc-btn__text {\n    color: var(--ctr-button-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\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  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n}\n\n.svc-logic-paneldynamic {\n  .sd-row--multiple {\n    padding: 0;\n    background: none;\n    box-shadow: none;\n\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, var(--sjs-layer-3-foreground-75, #000000bf));\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.svc-logic-placeholder {\n  width: calcSize(78);\n  min-width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin-top: var(--lbr-question-panel-header-padding-bottom, var(--lbr-spacing-x2));\n  border-radius: var(--lbr-question-panel-corner-radius, var(--lbr-corner-radius-x05));\n  background: var(--lbr-question-panel-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px)\n    var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px)\n    var(--lbr-question-panel-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n\n.sv-popup--menu-phone,\n.sv-popup--menu-tablet {\n  .svc-logic-placeholder {\n    width: initial;\n  }\n}\n\n.svc-logic-placeholder__text.svc-logic-placeholder__text {\n  @include lbrDefaultFont;\n  color: var(--lbr-placeholder-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-align: center;\n  display: block;\n  padding: var(--lbr-placeholder-padding-top, var(--lbr-spacing-x2)) var(--lbr-placeholder-padding-right, var(--lbr-spacing-x8))\n    var(--lbr-placeholder-padding-bottom, var(--lbr-spacing-x2)) var(--lbr-placeholder-padding-left, var(--lbr-spacing-x8));\n}\n\n.svc-logic-tab__leave-apply-button {\n  background-color: var(--ctr-button-background-color-danger, var(--sjs-semantic-red-background-500, #e50a3eff));\n}\n\n.svc-logic-question-value.sd-element--with-frame {\n  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px)\n    var(--lbr-question-panel-shadow-offset-y, 1px)\n    var(--lbr-question-panel-shadow-blur, 2px)\n    var(--lbr-question-panel-shadow-spread, 0px)\n    var(--lbr-question-panel-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n","$lbr-size-unit: var(--lbr-size-unit, 8px);\n$lbr-spacing-unit: var(--lbr-spacing-unit, 8px);\n$lbr-corner-radius-unit: var(--lbr-corner-radius-unit, 8px);\n$lbr-stroke-unit: Max(var(--lbr-stroke-unit, 1px), 1px);\n$lbr-font-unit: var(--lbr-font-unit, 8px);\n$lbr-line-height-unit: var(--lbr-line-height-unit, 8px);\n$lbr-font-family: var(--lbr-font-family, var(--sjs-font-family, var(--font-family)));\n\n@mixin lbrDefaultFont {\n  font-family: $lbr-font-family;\n  font-size: var(--lbr-font-default-size, var(--lbr-font-size-x2));\n  font-style: normal;\n  line-height: var(--lbr-font-default-line-height, var(--lbr-line-height-x3));\n}\n\n@mixin lbrDefaultBoldFont {\n  @include lbrDefaultFont;\n  font-weight: 600;\n}\n\n@mixin lbrSmallFont {\n  font-family: $lbr-font-family;\n  font-size: var(--lbr-font-small-size, var(--lbr-font-size-x150));\n  font-style: normal;\n  line-height: var(--lbr-font-small-line-height, var(--lbr-line-height-x2));\n}\n\n@mixin lbrSmallBoldFont {\n  @include lbrSmallFont;\n  font-weight: 600;\n}\n\n@mixin lbrLargeFont {\n  font-family: $lbr-font-family;\n  font-size: var(--lbr-font-large-size, var(--lbr-font-size-x4));\n  line-height: var(--lbr-font-large-line-height, var(--lbr-line-height-x5));\n  font-style: normal;\n  font-weight: 400;\n}\n\n@mixin lbrLargeBoldFont {\n  @include lbrLargeFont;\n  font-weight: 700;\n}\n","@use \"../../variables\" as *;\n@use \"../../lbr-variables.scss\" as lbrVariables;\n\nsvc-tab-designer {\n  width: 100%;\n  height: 100%;\n  background: var(--ctr-surface-background-color, var(--sjs-special-background, #edf9f7ff));\n}\n\n.svc-tab-designer {\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n  flex-direction: column;\n  position: static;\n  background: var(--ctr-surface-background-color, var(--sjs-special-background, #edf9f7ff));\n  width: 0;\n}\n\n.svc-tab-designer--with-placeholder .svc-designer-header {\n  width: 100%;\n  min-width: var(--sjs-size-x90);\n}\n\n.svc-content-wrapper {\n  width: 100%;\n  display: flex;\n}\n\n.svc-designer-header .svc-surface-header {\n  background-color: transparent;\n  display: flex;\n  padding-block-start: var(--ctr-survey-header-padding-top-advanced, var(--lbr-spacing-x2));\n  padding-inline-end: var(--lbr-header-padding-right, var(--lbr-spacing-x3));\n  padding-block-end: var(--ctr-survey-header-padding-bottom-advanced, var(--lbr-spacing-x2));\n  padding-inline-start: var(--lbr-header-padding-left, var(--lbr-spacing-x3));\n\n  flex-direction: column-reverse;\n  justify-content: center;\n  align-items: flex-start;\n  gap: var(--ctr-survey-header-gap, var(--lbr-spacing-x1));\n  box-shadow: none;\n  overflow: visible;\n}\n\n.svc-surface-header {\n  .sd-title {\n    .sv-string-editor {\n      @include lbrVariables.lbrLargeBoldFont;\n      color: var(--ctr-survey-header-text-title-color, var(--sjs-layer-3-foreground-100, rgba(0, 0, 0, 0.9)));\n\n      &[aria-placeholder]:empty:before {\n        color: var(--ctr-survey-header-text-title-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n      }\n    }\n  }\n\n  .sd-description .sv-string-editor {\n    @include lbrVariables.lbrDefaultFont;\n    color: var(--ctr-survey-header-text-description-color, var(--sjs-layer-3-foreground-50, rgba(0, 0, 0, 0.5)));\n\n    &[aria-placeholder]:empty:before {\n      color: var(--ctr-survey-header-text-description-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n    }\n  }\n}\n\n.svc-tab-designer {\n  .svc-designer-header {\n    border-bottom: 2px solid transparent;\n    position: relative;\n  }\n\n  .sd-title {\n    display: flex;\n  }\n\n  .sd-container-modern {\n    width: 100%;\n    box-sizing: border-box;\n    margin-left: auto;\n    margin-right: auto;\n\n    &.sd-container-modern--static {\n      max-width: calcSize(84);\n    }\n\n    &.sd-container-modern--responsive {\n      max-width: initial;\n    }\n  }\n\n  .sd-question.sd-question--image {\n    width: 100%;\n  }\n\n  .sd-progress,\n  .sd-progress__bar {\n    background-color: transparent;\n  }\n}\n\n.svc-tab-designer_content {\n  padding-inline-start: var(--ctr-survey-page-margin-right, var(--lbr-spacing-x2));\n  padding-inline-end: var(--ctr-survey-page-margin-left, var(--lbr-spacing-x2));\n}\n\n.svc-tab-designer--with-placeholder {\n  .svc-tab-designer_content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    min-height: 100%;\n  }\n}\n\n.svc-tab-designer--with-surface-tools {\n  .svc-tab-designer_content {\n    padding-inline-start: var(--ctr-survey-page-margin-right-with-toolbar, var(--sjs-spacing-x925));\n    padding-inline-end: var(--ctr-survey-page-margin-left-with-toolbar, var(--sjs-spacing-x925));\n  }\n}\n\n.svc-creator--mobile {\n  .svc-tab-designer_content {\n    padding: 0;\n  }\n}\n\n.svc-designer__placeholder-container {\n  display: flex;\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  .svc-element__add-new-question {\n    padding: var(--ctr-button-padding-vertical, var(--sjs-spacing-x2))\n      var(--ctr-button-padding-horizontal-contextual-button, var(--sjs-spacing-x10));\n\n    .svc-element__question-type-selector {\n      padding: var(--ctr-button-contextual-button-padding-top, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-padding-right, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-padding-bottom, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-padding-left, var(--sjs-spacing-x1));\n\n      margin: var(--ctr-button-contextual-button-margin-vertical, var(--sjs-spacing-x1))\n        var(--ctr-button-contextual-button-margin-horizontal, var(--sjs-spacing-x1));\n\n      border-radius: var(--ctr-button-contextual-button-corner-radius, var(--sjs-corner-radius-x05));\n    }\n\n    .svc-element__question-type-selector-icon {\n      width: var(--ctr-button-contextual-button-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-button-contextual-button-icon-height, var(--sjs-font-size-x3));\n\n      .sv-svg-icon {\n        width: var(--ctr-button-contextual-button-icon-width, var(--sjs-font-size-x3));\n        height: var(--ctr-button-contextual-button-icon-height, var(--sjs-font-size-x3));\n      }\n\n      use {\n        fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n      }\n    }\n\n    .svc-add-new-item-button__text {\n      @include ctrDefaultBoldFont;\n      color: var(--ctr-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n      text-align: center;\n    }\n  }\n}\n\n.svc-tab-designer__tools {\n  position: absolute;\n  display: flex;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  padding: var(--ctr-surface-toolbar-padding-top, var(--sjs-spacing-x2))\n    var(--ctr-surface-toolbar-padding-right, var(--sjs-spacing-x2))\n    var(--ctr-surface-toolbar-padding-bottom, var(--sjs-spacing-x2))\n    var(--ctr-surface-toolbar-padding-left, var(--sjs-spacing-x2));\n  flex-direction: column;\n  align-items: center;\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .svc-tab-designer__tools {\n    right: unset;\n    left: 0;\n  }\n}\n\n.svc-tab-designer__toolbar {\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-tab-designer__surface-toolbar {\n  gap: var(--ctr-surface-toolbar-gap, var(--sjs-spacing-x1));\n  flex-direction: column;\n\n  .sv-action-bar-separator {\n    height: var(--ctr-separator-width, var(--sjs-size-x0125));\n    width: var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3));\n    padding: 0px var(--ctr-separator-margin-vertical-small, var(--sjs-spacing-x1));\n    margin-bottom: var(--ctr-surface-toolbar-gap, var(--sjs-spacing-x1));\n    margin-right: 0;\n    box-sizing: content-box;\n  }\n\n  .sv-action__content {\n    flex-direction: column;\n  }\n}\n\n.sv-action-bar-separator {\n  background: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\n}\n","@use \"./variables\" as *;\n\n.svc-creator--mobile {\n  .sd-root-modern,\n  .sd-container-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:not(.svc-question__content--composite-question) {\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\n  .svc-question__drag-area {\n    height: calcSize(3);\n  }\n\n  .svc-question__content--selected {\n    .svc-rating-question-controls {\n      bottom: calcSize(10);\n    }\n  }\n  .svc-designer-header + svc-page-wrapper + .svc-page,\n  .svc-designer-header + .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\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        @include ctrMediumBoldFont;\n        margin: 0;\n      }\n\n      h5 {\n        margin: 0;\n      }\n    }\n  }\n\n  .svc-tab-designer {\n    .sd-container-modern {\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    .svc-survey-element-toolbar__item {\n      border: 0;\n    }\n  }\n}","@use \"../../variables\" as *;\n\n.svc-switcher.spg-action-button {\n  align-items: center;\n  gap: var(--ctr-property-grid-switcher-gap, var(--sjs-spacing-x1));\n  pointer-events: auto;\n}\n\n.svc-switcher__title {\n  @include ctrSmallBoldFont;\n  color: var(--ctr-property-grid-switcher-text-color, var(--sjs-layer-1-foreground-75, #000000bf));\n}\n\n.svc-switcher__icon {\n  padding-block-start: var(--ctr-property-grid-switcher-toggle-button-padding-top, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-property-grid-switcher-toggle-button-padding-right, var(--sjs-spacing-x2));\n  padding-block-end: var(--ctr-property-grid-switcher-toggle-button-padding-bottom, var(--sjs-spacing-x05));\n  padding-inline-start: var(--ctr-property-grid-switcher-toggle-button-padding-left, var(--sjs-spacing-x05));\n  border-radius: var(--ctr-property-grid-switcher-toggle-button-corner-radius, var(--sjs-corner-radius-round));\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(\n    --ctr-property-grid-switcher-toggle-button-background-color,\n    var(--sjs-layer-3-background-500, #f4f4f4ff)\n  );\n\n  transition-duration: 0.2s;\n  transition-property: background, padding-inline-start, padding-inline-end;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n  border: 1px solid var(--ctr-property-grid-switcher-toggle-button-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-hovered, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-switcher__icon:focus {\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-focused, var(--sjs-stroke-x2)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n}\n\n.svc-switcher__icon:focus:hover {\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-focused, var(--sjs-stroke-x2)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-hovered, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n  justify-content: center;\n  align-items: center;\n  padding-block-start: var(--ctr-property-grid-switcher-toggle-button-padding-top, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-property-grid-switcher-toggle-button-padding-right-checked, var(--sjs-spacing-x05));\n  padding-block-end: var(--ctr-property-grid-switcher-toggle-button-padding-bottom, var(--sjs-spacing-x05));\n  padding-inline-start: var(--ctr-property-grid-switcher-toggle-button-padding-left-checked, var(--sjs-spacing-x2));\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-checked, 0px) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-checked, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.svc-switcher__icon--checked:focus {\n  border: var(--ctr-property-grid-switcher-toggle-button-border-width-focused, var(--sjs-stroke-x2)) solid\n    var(--ctr-property-grid-switcher-toggle-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-property-grid-switcher-toggle-button-background-color-checked-focused, var(--sjs-primary-foreground-100, #ffffffff));\n}\n\n.svc-switcher__icon-thumb {\n  width: var(--ctr-property-grid-switcher-toggle-button-thumb-width, var(--sjs-size-x1));\n  height: var(--ctr-property-grid-switcher-toggle-button-thumb-height, var(--sjs-size-x1));\n  border-radius: var(--ctr-property-grid-switcher-toggle-button-thumb-corner-radius, var(--sjs-corner-radius-round));\n  background-color: var(--ctr-property-grid-switcher-toggle-button-thumb-color, var(--sjs-layer-3-foreground-50, #00000080));\n\n  transition-duration: 0.2s;\n  transition-property: background-color;\n  transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n  background-color: var(--ctr-property-grid-switcher-toggle-button-thumb-color-checked, var(--sjs-primary-foreground-100, #ffffffff));\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: var(--ctr-property-grid-switcher-toggle-button-thumb-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n","@use \"../variables\" as *;\n\n.svc-notifier.svc-notifier--shown {\n  visibility: visible;\n  opacity: var(--ctr-notification-opacity, 0.75);\n}\n\n.svc-notifier {\n  @include ctrSmallBoldFont;\n\n  position: absolute;\n  bottom: calcSize(1);\n  left: calcSize(1);\n  background: var(--ctr-notification-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  opacity: 0;\n  padding: calcSize(1) calcSize(2);\n  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, var(--sjs-special-glow, #004c441a));\n  border-radius: calcSize(0.5);\n  color: var(--ctr-notification-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  min-width: calcSize(30);\n  text-align: center;\n  z-index: 1600; //todo: should overlap popup\n\n  visibility: hidden;\n}\n\n.svc-notifier.svc-notifier--error {\n  background-color: var(--ctr-notification-background-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n  color: var(--ctr-notification-text-color-error, var(--sjs-semantic-red-foreground-100, #ffffffff));\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}","@use \"../variables\" as *;\n@use \"./notifier.scss\";\n@use \"./popup.scss\";\n@use \"./button.scss\";\n@use \"./surface-placeholder.scss\";\n@use \"../lbr-font-sizes.scss\";\n@use \"../lbr-sizes.scss\";\n@use \"../ctr-font-sizes.scss\";\n@use \"../ctr-sizes.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  -webkit-tap-highlight-color: transparent;\n\n  :not(.svd-simulator-main *) {\n    @-moz-document url-prefix() {\n      scrollbar-width: thin;\n      scrollbar-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026)) transparent;\n    }\n\n    &::-webkit-scrollbar {\n      width: var(--ctr-scrollbar-width, var(--sjs-size-x150));\n      height: var(--ctr-scrollbar-width, var(--sjs-size-x150));\n      background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border: var(--ctr-scrollbar-padding-vertical, var(--sjs-spacing-x05)) solid rgba(0, 0, 0, 0);\n      background-clip: padding-box;\n      border-radius: 1024px;\n      background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026));\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      border: var(--ctr-scrollbar-padding-vertical-hovered, var(--sjs-spacing-x025)) solid rgba(0, 0, 0, 0);\n      background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026));\n    }\n\n    .sv-popup .sv-popup__scrolling-content {\n      ::-webkit-scrollbar-thumb:hover {\n        background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, #00000026));\n      }\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, var(--sjs-layer-1-background-500, #ffffffff));\n      border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, var(--lbr-corner-radius-x1));\n      box-shadow:\n        var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-x, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-y, 2px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-blur, 8px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-spread, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-2-color, var(--sjs-special-glow, #004c441a)),\n        var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-x, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-y, 16px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-blur, 32px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-spread, 0px)\n          var(--ctr-survey-radio-button-group-item-shadow-floating-1-color, var(--sjs-special-glow, #004c441a));\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  min-height: min-content;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n\n.svc-plugin-tab__content {\n  flex-basis: 0;\n  width: 100%;\n  max-height: 100%;\n  overflow-y: auto;\n  flex-grow: 1;\n}\n\n.sv-popup__content {\n  .svc-plugin-tab__content {\n    flex-basis: 100%;\n    height: 100%;\n  }\n}\n\n.svc-creator__banner {\n  width: 100%;\n  line-height: calcSize(4);\n  background-color: var(--ctr-page-banner-background-color, var(--sjs-secondary-background-500, #19b394ff));\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: 0px 2px 6px 0px var(--ctr-shadow-medium-color, var(--sjs-special-glow, #004c441a));\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  @include ctrDefaultBoldFont;\n  color: var(--ctr-page-banner-text-color, var(--sjs-secondary-foreground-100, #ffffffff));\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, var(--sjs-secondary-foreground-100, #ffffffff));\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: var(--sjs-secondary-background-500, #19B394FF);\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","@use \"../variables\" as *;\n\n.svc-creator-popup {\n  &.sv-popup--modal-popup {\n    background-color: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n\n    & > .sv-popup__container {\n      background-color: var(--ctr-popup-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n      border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius-x2));\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a));\n\n      .sv-modal-footer-action-bar {\n        gap: var(--ctr-popup-buttons-gap, var(--sjs-spacing-x2));\n      }\n\n      & > .sv-popup__body-content {\n        background-color: var(--ctr-popup-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n        border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius-x2));\n\n        padding: var(--ctr-popup-padding-top, var(--sjs-spacing-x4))\n          var(--ctr-popup-padding-right, var(--sjs-spacing-x4)) var(--ctr-popup-padding-bottom, var(--sjs-spacing-x4))\n          var(--ctr-popup-padding-left, var(--sjs-spacing-x4));\n\n        gap: var(--ctr-popup-gap, var(--sjs-spacing-x4));\n        box-shadow: unset;\n      }\n    }\n\n    // .sv-popup__scrolling-content {\n    //   overflow: visible;\n    // }\n  }\n  &.sv-popup--modal-overlay {\n    background: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n    padding-top: var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2));\n\n    & > .sv-popup__container {\n      width: 100vw;\n      max-height: calc(100vh - var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2)));\n      height: calc(100vh - var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2)));\n\n      display: flex;\n      border-radius: var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2))\n        var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2)) 0px 0px;\n      background: var(--ctr-popup-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n      box-shadow:\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a));\n    }\n\n    & > .sv-popup__container > .sv-popup__body-content {\n      display: flex;\n      min-height: 100%;\n      padding: var(--ctr-popup-padding-top-mobile, var(--sjs-spacing-x3))\n        var(--ctr-popup-padding-right-mobile, var(--sjs-spacing-x3))\n        var(--ctr-popup-padding-bottom-mobile, var(--sjs-spacing-x3))\n        var(--ctr-popup-padding-left-mobile, var(--sjs-spacing-x3));\n      border-radius: var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2))\n        var(--ctr-popup-corner-radius-mobile, var(--sjs-corner-radius-x2)) 0px 0px;\n      box-sizing: border-box;\n      flex-direction: column;\n      gap: var(--ctr-popup-gap-mobile, var(--sjs-spacing-x3));\n      flex: 1 0 0;\n      align-self: stretch;\n    }\n\n    .sv-popup__scrolling-content {\n      display: flex;\n      flex-direction: column;\n      flex: 1 0 0;\n      align-self: stretch;\n      overflow: visible;\n    }\n\n    .sv-popup__body-footer {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: var(--ctr-popup-buttons-gap, var(--sjs-spacing-x2));\n      align-self: stretch;\n    }\n\n    .sv-modal-footer-action-bar {\n      width: 100%;\n\n      .sv-action {\n        display: flex;\n        align-items: center;\n        flex: 1 0 0;\n      }\n\n      .sv-action__content {\n        display: flex;\n        flex-grow: 1;\n      }\n    }\n  }\n\n  .sv-popup__pointer {\n    &:after {\n      content: \" \";\n      border-bottom: calcSize(1) solid var(--ctr-popup-menu-pointer-color, var(--sjs-layer-1-background-500, #ffffffff));\n    }\n  }\n\n  .sv-popup__body-header {\n    @include ctrMediumBoldFont;\n    color: var(--ctr-popup-title-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n\n  &.sv-popup--menu-popup {\n    .sv-popup-inner > .sv-popup__container,\n    & > .sv-popup__container {\n      background: transparent;\n      border-radius: var(--ctr-popup-menu-corner-radius, var(--sjs-corner-radius-x1));\n      box-shadow:\n        var(--ctr-popup-menu-shadow-1-offset-x, 0px) var(--ctr-popup-menu-shadow-1-offset-y, 2px)\n          var(--ctr-popup-menu-shadow-1-blur, 8px) var(--ctr-popup-menu-shadow-1-spread, 0px)\n          var(--ctr-popup-menu-shadow-1-color, var(--sjs-special-glow, #004c441a)),\n        var(--ctr-popup-menu-shadow-2-offset-x, 0px) var(--ctr-popup-menu-shadow-2-offset-y, 16px)\n          var(--ctr-popup-menu-shadow-2-blur, 32px) var(--ctr-popup-menu-shadow-2-spread, 0px)\n          var(--ctr-popup-menu-shadow-2-color, var(--sjs-special-glow, #004c441a));\n\n      & > .sv-popup__body-content {\n        border-radius: var(--ctr-popup-menu-corner-radius, var(--sjs-corner-radius-x1));\n        background: var(--ctr-popup-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n        display: flex;\n        padding: var(--ctr-popup-menu-padding-top, 0px) var(--ctr-popup-menu-padding-right, 0px)\n          var(--ctr-popup-menu-padding-bottom, 0px) var(--ctr-popup-menu-padding-left, 0px);\n        flex-direction: column;\n        align-self: stretch;\n      }\n    }\n  }\n\n  &.sv-popup--menu-tablet {\n    background-color: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n\n    & > .sv-popup__container {\n      border-radius: var(--ctr-popup-menu-corner-radius, var(--sjs-corner-radius-x1));\n      box-shadow:\n        var(--ctr-popup-menu-shadow-1-offset-x, 0px) var(--ctr-popup-menu-shadow-1-offset-y, 2px)\n          var(--ctr-popup-menu-shadow-1-blur, 8px) var(--ctr-popup-menu-shadow-1-spread, 0px)\n          var(--ctr-popup-menu-shadow-1-color, var(--sjs-special-glow, #004c441a)),\n        var(--ctr-popup-menu-shadow-2-offset-x, 0px) var(--ctr-popup-menu-shadow-2-offset-y, 16px)\n          var(--ctr-popup-menu-shadow-2-blur, 32px) var(--ctr-popup-menu-shadow-2-spread, 0px)\n          var(--ctr-popup-menu-shadow-2-color, var(--sjs-special-glow, #004c441a));\n    }\n    & > .sv-popup__container > .sv-popup__body-content {\n      background: var(--ctr-popup-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    }\n  }\n\n  &.sv-popup--menu-phone {\n    & > .sv-popup__container {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      flex: 1 0 0;\n      align-self: stretch;\n    }\n    & > .sv-popup__container > .sv-popup__body-content {\n      display: flex;\n      padding: var(--ctr-popup-menu-padding-top, 0px) var(--ctr-popup-menu-padding-right, 0px)\n        var(--ctr-popup-menu-padding-bottom, 0px) var(--ctr-popup-menu-padding-left, 0px);\n      flex-direction: column;\n      flex: 1 0 0;\n      align-self: stretch;\n      background-color: var(--ctr-popup-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    }\n  }\n\n  //styles for dropdown overlay\n  &.sv-popup--menu-phone,\n  &.sv-popup--menu-tablet {\n    .sv-menu-popup__button {\n      @include ctrDefaultBoldFont;\n      color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n      border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n      padding: var(--ctr-actionbar-button-padding-top-medium-text, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-right-medium-text, var(--sjs-spacing-x2))\n        var(--ctr-actionbar-button-padding-bottom-medium-text, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2));\n    }\n\n    .sv-popup__body-footer {\n      background-color: var(--ctr-popup-menu-footer-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n      border-top: 1px solid var(--ctr-popup-menu-footer-border-color, var(--sjs-border-25, #d4d4d4ff));\n      padding: var(--ctr-popup-menu-footer-padding-top, var(--sjs-spacing-x05))\n        var(--ctr-popup-menu-footer-padding-right, var(--sjs-spacing-x1))\n        var(--ctr-popup-menu-footer-padding-bottom, var(--sjs-spacing-x05))\n        var(--ctr-popup-menu-footer-padding-left, var(--sjs-spacing-x1));\n    }\n\n    .sv-menu-popup__button:disabled {\n      color: var(--ctr-actionbar-button-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n      opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n    }\n  }\n\n  &.sv-dropdown-popup.sv-popup--menu-phone,\n  &.sv-dropdown-popup.sv-popup--menu-tablet {\n    .sv-popup__body-footer {\n      background-color: var(--ctr-contextual-menu-footer-background-color, var(--sjs-layer-3-background-500, var(--background-dim, #f3f3f3)));\n    }\n  }\n\n  // .sv-popup__content {\n  //   @include ctrDefaultFont;\n  //   color: var(--ctr-popup-message-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  // }\n}\n","@use \"../ctr-variables.scss\" as mixins;\n\n.svc-creator-popup.sv-popup--modal-popup,\n.svc-creator-popup.sv-popup--modal-overlay {\n  .sv-modal-popup__button {\n    border-radius: var(--ctr-button-corner-radius-small, var(--sjs-corner-radius-x075));\n    padding: var(--ctr-button-padding-vertical-small, var(--sjs-spacing-x150))\n      var(--ctr-button-padding-horizontal-small, var(--sjs-spacing-x4))\n      var(--ctr-button-padding-vertical-small, var(--sjs-spacing-x150))\n      var(--ctr-button-padding-horizontal-small, var(--sjs-spacing-x4));\n    display: flex;\n    flex-direction: row;\n    gap: var(--ctr-button-gap, var(--sjs-spacing-x4));\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)\n      var(--ctr-button-shadow-offset-y, 1px)\n      var(--ctr-button-shadow-blur, 2px)\n      var(--ctr-button-shadow-spread, 0px)\n      var(--ctr-button-shadow-color, var(--sjs-special-shadow, #00000040));\n\n    background: var(--ctr-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    color: var(--ctr-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n\n    &:hover {\n      background: var(--ctr-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n    }\n    span {\n      @include mixins.ctrDefaultBoldFont;\n\n      text-align: center;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .sv-popup__button--apply {\n    background: var(--ctr-button-background-color-cta, var(--sjs-primary-background-500, #19b394ff));\n    color: var(--ctr-button-text-color-cta, var(--sjs-primary-foreground-100, #ffffffff));\n\n    &:hover {\n      background: var(--ctr-button-background-color-cta-hovered, var(--sjs-primary-background-400, #14a48bff));\n    }\n  }\n\n  .sd-btn--danger {\n    background: var(--ctr-button-background-color-danger, var(--sjs-semantic-red-background-500, #e50a3eff));\n    color: var(--ctr-button-text-color-danger, var(--sjs-semantic-red-foreground-100, #ffffffff));\n\n    &:hover {\n      background: var(--ctr-button-background-color-danger-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n    }\n  }\n}\n","@use \"../variables\" as *;\n\n.svc-surface-placeholder {\n  display: flex;\n  width: 100%;\n  max-width: var(--ctr-surface-placeholder-max-width, var(--sjs-size-x90));\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0px;\n  box-sizing: border-box;\n}\n\n.svc-surface-placeholder__image {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n  overflow: hidden;\n  padding: 135px 170px;\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, var(--sjs-spacing-x4)) 0px\n    var(--ctr-surface-placeholder-text-margin-bottom, var(--sjs-spacing-x6)) 0px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--ctr-surface-placeholder-text-gap, var(--sjs-spacing-x1));\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  @include ctrMediumBoldFont;\n  color: var(--ctr-surface-placeholder-text-title-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  text-align: center;\n  align-self: stretch;\n}\n\n.svc-surface-placeholder__description {\n  @include ctrDefaultFont;\n  color: var(--ctr-surface-placeholder-text-description-color, var(--sjs-layer-3-foreground-50, #00000080));\n  text-align: center;\n  align-self: stretch;\n}\n\n.svc-logic-tab__content-empty,\n.svc-test-tab__content .svc-surface-placeholder,\n.svc-translation-tab--empty .svc-surface-placeholder,\n.svc-designer__placeholder-container {\n  max-width: var(--ctr-surface-placeholder-max-width, var(--sjs-size-x90));\n  padding: var(--ctr-surface-placeholder-padding-top, var(--sjs-spacing-x4))\n    var(--ctr-surface-placeholder-padding-right, var(--sjs-spacing-x6))\n    var(--ctr-surface-placeholder-padding-bottom, var(--sjs-spacing-x16))\n    var(--ctr-surface-placeholder-padding-left, var(--sjs-spacing-x6));\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-surface-drag-drop-choices-shortcut,\n.svc-designer-surface,\n.svc-creator-popup,\n.svc-creator {\n  --lbr-line-height-x8: calc(#{$lbr-line-height-unit} * 8);\n  --lbr-line-height-x7: calc(#{$lbr-line-height-unit} * 7);\n  --lbr-line-height-x6: calc(#{$lbr-line-height-unit} * 6);\n  --lbr-line-height-x5: calc(#{$lbr-line-height-unit} * 5);\n  --lbr-line-height-x4: calc(#{$lbr-line-height-unit} * 4);\n  --lbr-line-height-x3: calc(#{$lbr-line-height-unit} * 3);\n  --lbr-line-height-x2: calc(#{$lbr-line-height-unit} * 2);\n  --lbr-line-height-x150: calc(#{$lbr-line-height-unit} * 1.5);\n  --lbr-line-height-x1: calc(#{$lbr-line-height-unit} * 1);\n  --lbr-font-size-x8: calc(#{$lbr-font-unit} * 8);\n  --lbr-font-size-x7: calc(#{$lbr-font-unit} * 7);\n  --lbr-font-size-x6: calc(#{$lbr-font-unit} * 6);\n  --lbr-font-size-x5: calc(#{$lbr-font-unit} * 5);\n  --lbr-font-size-x4: calc(#{$lbr-font-unit} * 4);\n  --lbr-font-size-x3: calc(#{$lbr-font-unit} * 3);\n  --lbr-font-size-x2: calc(#{$lbr-font-unit} * 2);\n  --lbr-font-size-x1: calc(#{$lbr-font-unit} * 1);\n  --lbr-font-size-x150: calc(#{$lbr-font-unit} * 1.5);\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-surface-drag-drop-choices-shortcut,\n.svc-designer-surface,\n.svc-creator-popup,\n.svc-creator {\n  --lbr-spacing-x16: calc(#{$lbr-spacing-unit} * 16);\n  --lbr-spacing-x15: calc(#{$lbr-spacing-unit} * 15);\n  --lbr-spacing-x14: calc(#{$lbr-spacing-unit} * 14);\n  --lbr-spacing-x13: calc(#{$lbr-spacing-unit} * 13);\n  --lbr-spacing-x12: calc(#{$lbr-spacing-unit} * 12);\n  --lbr-spacing-x11: calc(#{$lbr-spacing-unit} * 11);\n  --lbr-spacing-x1050: calc(#{$lbr-spacing-unit} * 10.5);\n  --lbr-spacing-x10: calc(#{$lbr-spacing-unit} * 10);\n  --lbr-spacing-x9: calc(#{$lbr-spacing-unit} * 9);\n  --lbr-spacing-x850: calc(#{$lbr-spacing-unit} * 8.5);\n  --lbr-spacing-x8: calc(#{$lbr-spacing-unit} * 8);\n  --lbr-spacing-x7: calc(#{$lbr-spacing-unit} * 7);\n  --lbr-spacing-x6: calc(#{$lbr-spacing-unit} * 6);\n  --lbr-spacing-x5: calc(#{$lbr-spacing-unit} * 5);\n  --lbr-spacing-x4: calc(#{$lbr-spacing-unit} * 4);\n  --lbr-spacing-x350: calc(#{$lbr-spacing-unit} * 3.5);\n  --lbr-spacing-x3: calc(#{$lbr-spacing-unit} * 3);\n  --lbr-spacing-x2: calc(#{$lbr-spacing-unit} * 2);\n  --lbr-spacing-x1: calc(#{$lbr-spacing-unit} * 1);\n  --lbr-spacing-x0375: calc(#{$lbr-spacing-unit} * 0.375);\n  --lbr-spacing-x05: calc(#{$lbr-spacing-unit} * 0.5);\n  --lbr-spacing-x250: calc(#{$lbr-spacing-unit} * 2.5);\n  --lbr-spacing-x150: calc(#{$lbr-spacing-unit} * 1.5);\n  --lbr-spacing-x125: calc(#{$lbr-spacing-unit} * 1.25);\n  --lbr-spacing-x075: calc(#{$lbr-spacing-unit} * 0.75);\n  --lbr-spacing-x025: calc(#{$lbr-spacing-unit} * 0.25);\n  --lbr-spacing-x0125: calc(#{$lbr-spacing-unit} * 0.125);\n  --lbr-spacing-x025n: calc(#{$lbr-spacing-unit} * -0.25);\n  --lbr-spacing-x05n: calc(#{$lbr-spacing-unit} * -0.5);\n  --lbr-spacing-x1n: calc(#{$lbr-spacing-unit} * -1);\n  --lbr-spacing-x150n: calc(#{$lbr-spacing-unit} * -1.5);\n  --lbr-spacing-x2n: calc(#{$lbr-spacing-unit} * -2);\n  --lbr-spacing-x250n: calc(#{$lbr-spacing-unit} * -2.5);\n  --lbr-spacing-x3n: calc(#{$lbr-spacing-unit} * -3);\n  --lbr-spacing-x4n: calc(#{$lbr-spacing-unit} * -4);\n  --lbr-spacing-x5n: calc(#{$lbr-spacing-unit} * -5);\n  --lbr-spacing-x6n: calc(#{$lbr-spacing-unit} * -6);\n  --lbr-spacing-x7n: calc(#{$lbr-spacing-unit} * -7);\n  --lbr-spacing-x8n: calc(#{$lbr-spacing-unit} * -8);\n  --lbr-corner-radius-x0125: calc(#{$lbr-corner-radius-unit} * 0.125);\n  --lbr-corner-radius-x025: calc(#{$lbr-corner-radius-unit} * 0.25);\n  --lbr-corner-radius-x0375: calc(#{$lbr-corner-radius-unit} * 0.375);\n  --lbr-corner-radius-x05: calc(#{$lbr-corner-radius-unit} * 0.5);\n  --lbr-corner-radius-x075: calc(#{$lbr-corner-radius-unit} * 0.75);\n  --lbr-corner-radius-x1: calc(#{$lbr-corner-radius-unit} * 1);\n  --lbr-corner-radius-x125: calc(#{$lbr-corner-radius-unit} * 1.25);\n  --lbr-corner-radius-x150: calc(#{$lbr-corner-radius-unit} * 1.5);\n  --lbr-corner-radius-x2: calc(#{$lbr-corner-radius-unit} * 2);\n  --lbr-corner-radius-x250: calc(#{$lbr-corner-radius-unit} * 2.5);\n  --lbr-corner-radius-x3: calc(#{$lbr-corner-radius-unit} * 3);\n  --lbr-corner-radius-x350: calc(#{$lbr-corner-radius-unit} * 3.5);\n  --lbr-corner-radius-x4: calc(#{$lbr-corner-radius-unit} * 4);\n  --lbr-corner-radius-x5: calc(#{$lbr-corner-radius-unit} * 5);\n  --lbr-corner-radius-x6: calc(#{$lbr-corner-radius-unit} * 6);\n  --lbr-corner-radius-x7: calc(#{$lbr-corner-radius-unit} * 7);\n  --lbr-corner-radius-x8: calc(#{$lbr-corner-radius-unit} * 8);\n  --lbr-corner-radius-round: 1024px;\n  --lbr-stroke-x1: calc(#{$lbr-stroke-unit} * 1);\n  --lbr-stroke-x2: calc(#{$lbr-stroke-unit} * 2);\n  --lbr-stroke-x3: calc(#{$lbr-stroke-unit} * 3);\n  --lbr-stroke-x4: calc(#{$lbr-stroke-unit} * 4);\n  --lbr-stroke-x6: calc(#{$lbr-stroke-unit} * 6);\n  --lbr-stroke-x8: calc(#{$lbr-stroke-unit} * 8);\n  --lbr-size-x0125: calc(#{$lbr-size-unit} * 0.125);\n  --lbr-size-x025: calc(#{$lbr-size-unit} * 0.25);\n  --lbr-size-x05: calc(#{$lbr-size-unit} * 0.5);\n  --lbr-size-x075: calc(#{$lbr-size-unit} * 0.75);\n  --lbr-size-x1: calc(#{$lbr-size-unit} * 1);\n  --lbr-size-x125: calc(#{$lbr-size-unit} * 12.5);\n  --lbr-size-x150: calc(#{$lbr-size-unit} * 1.5);\n  --lbr-size-x2: calc(#{$lbr-size-unit} * 2);\n  --lbr-size-x250: calc(#{$lbr-size-unit} * 2.5);\n  --lbr-size-x3: calc(#{$lbr-size-unit} * 3);\n  --lbr-size-x350: calc(#{$lbr-size-unit} * 3.5);\n  --lbr-size-x4: calc(#{$lbr-size-unit} * 4);\n  --lbr-size-x450: calc(#{$lbr-size-unit} * 4.5);\n  --lbr-size-x5: calc(#{$lbr-size-unit} * 5);\n  --lbr-size-x550: calc(#{$lbr-size-unit} * 5.5);\n  --lbr-size-x6: calc(#{$lbr-size-unit} * 6);\n  --lbr-size-x7: calc(#{$lbr-size-unit} * 7);\n  --lbr-size-x8: calc(#{$lbr-size-unit} * 8);\n  --lbr-size-x9: calc(#{$lbr-size-unit} * 9);\n  --lbr-size-x10: calc(#{$lbr-size-unit} * 10);\n  --lbr-size-x11: calc(#{$lbr-size-unit} * 11);\n  --lbr-size-x12: calc(#{$lbr-size-unit} * 12);\n  --lbr-size-x13: calc(#{$lbr-size-unit} * 13);\n  --lbr-size-x14: calc(#{$lbr-size-unit} * 14);\n  --lbr-size-x15: calc(#{$lbr-size-unit} * 15);\n  --lbr-size-x16: calc(#{$lbr-size-unit} * 16);\n  --lbr-size-x17: calc(#{$lbr-size-unit} * 17);\n  --lbr-size-x18: calc(#{$lbr-size-unit} * 18);\n  --lbr-size-x20: calc(#{$lbr-size-unit} * 20);\n  --lbr-size-x28: calc(#{$lbr-size-unit} * 28);\n  --lbr-size-x32: calc(#{$lbr-size-unit} * 32);\n  --lbr-size-x40: calc(#{$lbr-size-unit} * 40);\n  --lbr-size-x50: calc(#{$lbr-size-unit} * 50);\n  --lbr-size-x60: calc(#{$lbr-size-unit} * 60);\n  --lbr-size-x64: calc(#{$lbr-size-unit} * 64);\n  --lbr-size-x80: calc(#{$lbr-size-unit} * 80);\n  --lbr-size-x86: calc(#{$lbr-size-unit} * 86);\n  --lbr-size-x90: calc(#{$lbr-size-unit} * 90);\n  --lbr-size-max: 10000px;\n}","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator-popup,\n.svc-creator {\n  --sjs-font-size-x075: calc(#{$font-unit} * 0.75);\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  --sjs-line-height-x250: calc(#{$line-height-unit} * 2.5);\n  --sjs-font-size-x250: calc(#{$font-unit} * 2.5);\n  --sjs-line-height-x075: calc(#{$line-height-unit} * 0.75);\n  --sjs-font-size-x075: calc(#{$font-unit} * 0.75);\n  --sjs-line-height-x05: calc(#{$line-height-unit} * 0.5);\n  --sjs-font-size-x05: calc(#{$font-unit} * 0.5);\n}\n","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator-popup,\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-x550: calc(#{$spacing-unit} * 5.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-x925: calc(#{$spacing-unit} * 9.25);\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-x250n: calc(#{$spacing-unit} * -2.5);\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} * 1);\n  --sjs-stroke-x2: calc(#{$stroke-unit} * 2);\n  --sjs-stroke-x3: calc(#{$stroke-unit} * 3);\n  --sjs-stroke-x4: calc(#{$stroke-unit} * 4);\n  --sjs-stroke-x6: calc(#{$stroke-unit} * 6);\n  --sjs-stroke-x8: calc(#{$stroke-unit} * 8);\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}","@use \"../variables\" as *;\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    max-width: 100%;\n\n    &[aria-placeholder]:empty:before {\n      content: attr(aria-placeholder);\n      color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\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  @include lbrSmallFont;\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  color: var(--ctr-text-decor-text-color-placeholder, var(--sjs-layer-1-foreground-50, #00000080));\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  border-radius: var(--ctr-text-decor-corner-radius, var(--lbr-corner-radius-x0375));\n  box-shadow: 0px 0px 0px var(--ctr-text-decor-border-width, var(--lbr-stroke-x2))\n    var(--ctr-text-decor-border-color, var(--sjs-border-25, #d4d4d4ff));\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    border-radius: var(--ctr-text-decor-corner-radius, var(--lbr-corner-radius-x0375));\n    box-shadow: 0px 0px 0px var(--ctr-text-decor-border-width, var(--lbr-stroke-x2))\n      var(--ctr-text-decor-border-color, var(--sjs-border-25, #d4d4d4ff));\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    border-radius: var(--ctr-text-decor-corner-radius, var(--lbr-corner-radius-x0375));\n    background: var(--ctr-text-decor-background-color-editing, var(--sjs-layer-1-background-500, #ffffffff));\n    box-shadow:\n      var(--ctr-text-decor-shadow-editing-offset-x, 0px) var(--ctr-text-decor-shadow-editing-offset-y, 2px)\n        var(--ctr-text-decor-shadow-editing-blur, 8px) var(--ctr-text-decor-shadow-editing-spread, 0px)\n        var(--ctr-text-decor-shadow-editing-color, var(--sjs-special-glow, #004c441a)),\n      0px 0px 0px var(--ctr-text-decor-border-width, var(--lbr-stroke-x2))\n        var(--ctr-text-decor-border-color-editing, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svc-string-editor__error {\n  @include ctrDefaultFont;\n  margin-left: calcSize(1);\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: 0ms;\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:\n      0px 2px 6px 0px var(--ctr-shadow-medium-color, var(--sjs-special-glow, #004c441a)),\n      0px 0px 0px calcSize(0.25) var(--sjs-semantic-red-background-500, #e50a3eff);\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-radius: var(--ctr-survey-matrix-cell-corner-radius, var(--lbr-corner-radius-x075));\n      border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n        var(--ctr-survey-matrix-cell-border-color-edit, var(--sjs-primary-background-500, #19b394ff));\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}","@use \"../variables\" as *;\n\n.svc-btn {\n  display: flex;\n  padding: var(--ctr-button-padding-vertical, var(--sjs-spacing-x2)) var(--ctr-button-padding-horizontal, var(--sjs-spacing-x6));\n  justify-content: center;\n  align-items: center;\n\n  background-color: var(--ctr-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-radius: var(--ctr-button-corner-radius, var(--sjs-corner-radius-x075));\n  cursor: pointer;\n  user-select: none;\n  outline: solid calcSize(0.25) transparent;\n  transition: background-color $creator-transition-duration;\n\n  box-shadow: var(--ctr-button-shadow-offset-x, 0px)\n    var(--ctr-button-shadow-offset-y, 1px)\n    var(--ctr-button-shadow-blur, 2px)\n    var(--ctr-button-shadow-spread, 0px) \n    var(--ctr-button-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n.svc-btn__text {\n  @include ctrDefaultBoldFont;\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-background-500, #19b394ff));\n}\n\n.svc-btn:hover {\n  background-color: var(--ctr-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n}\n\n.svc-btn:focus {\n  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}",".svc-btn {\n  display: flex;\n  padding: var(--ctr-button-padding-vertical, var(--sjs-spacing-x2)) var(--ctr-button-padding-horizontal, var(--sjs-spacing-x6));\n  justify-content: center;\n  align-items: center;\n  background-color: var(--ctr-button-background-color, var(--sjs-layer-1-background-500, white));\n  border-radius: var(--ctr-button-corner-radius, var(--sjs-corner-radius-x075));\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  box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, var(--sjs-special-shadow, rgba(0, 0, 0, 0.2509803922)));\n}\n\n.svc-btn__text {\n  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n  font-size: var(--ctr-font-default-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n  font-weight: 600;\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-background-500, #19b394));\n}\n\n.svc-btn:hover {\n  background-color: var(--ctr-button-background-color-hovered, var(--sjs-primary-background-10, rgba(25, 179, 148, 0.1019607843)));\n}\n\n.svc-btn:focus {\n  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-button-border-color-focused, var(--sjs-primary-background-500, #19b394));\n}\n\n.svc-action-button {\n  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n  font-size: var(--ctr-font-default-size, var(--sjs-font-size-x2));\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n  font-weight: 600;\n  display: inline-block;\n  padding-top: var(--ctr-actionbar-button-padding-top-medium-text, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, var(--sjs-spacing-x2));\n  padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, var(--sjs-spacing-x05));\n  padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2));\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-background-500, #19b394));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-background-10, rgba(25, 179, 148, 0.1019607843)));\n  outline: none;\n}\n\n.svc-action-button--selected {\n  border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #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-layer-1-foreground-100, rgba(0, 0, 0, 0.9019607843)));\n}","@use \"../variables\" as *;\n\n.svc-action-button {\n  @include ctrDefaultBoldFont;\n  display: inline-block;\n\n  padding-top: var(--ctr-actionbar-button-padding-top-medium-text, var(--sjs-spacing-x05));\n  padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, var(--sjs-spacing-x2));\n  padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, var(--sjs-spacing-x05)); \n  padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2));\n\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n\n  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\n\n  border: calcSize(0.25) solid transparent;\n\n  &:focus,\n  &:hover {\n    background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-background-10, #19b3941a));\n    outline: none;\n  }\n}\n\n.svc-action-button--selected {\n  border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\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-layer-1-foreground-100, #000000e6));\n}\n\n.svc-action-button--pressed {}","@use \"../../variables\" as *;\n\nsvc-page-navigator,\n.svc-page-navigator {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ctr-page-navigator-gap, var(--sjs-spacing-x2));\n}\n\n.svc-page-navigator__button-icon {\n  display: block;\n  width: var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-page-navigator-button-icon-height, var(--sjs-font-size-x3));\n  padding: var(--ctr-page-navigator-button-padding, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-page-navigator-button-corner-radius, var(--sjs-corner-radius-x1));\n  overflow: visible;\n  transition: background-color $creator-transition-duration;\n  box-sizing: content-box;\n\n  .sv-svg-icon {\n    width: var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-page-navigator-button-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-page-navigator-button-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n    transition: fill $creator-transition-duration;\n  }\n}\n\n.svc-page-navigator__button {\n  --ctr-page-navigator-button-double-padding: calc(2 * var(--ctr-page-navigator-button-padding, var(--sjs-spacing-x1)));\n  --ctr-page-navigator-button-width: calc(var(--ctr-page-navigator-button-icon-width, var(--sjs-font-size-x3)) + var(--ctr-page-navigator-button-double-padding));\n  --ctr-page-navigator-button-height: calc(var(--ctr-page-navigator-button-icon-height, var(--sjs-font-size-x3)) + var(--ctr-page-navigator-button-double-padding));\n  width: var(--ctr-page-navigator-button-width);\n  height: var(--ctr-page-navigator-button-height);\n\n  padding: 0;\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    .svc-page-navigator__button-icon {\n      background-color: var(--ctr-page-navigator-button-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n\n      use {\n        fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-layer-3-foreground-75, #000000bf));\n      }\n    }\n  }\n}\n\n.svc-page-navigator__button:disabled,\n.svc-page-navigator__button:disabled:hover {\n  opacity: var(--ctr-page-navigator-button-icon-opacity-disabled, 0.25);\n  background-color: transparent;\n  cursor: default;\n  pointer-events: none;\n\n  use {\n    fill: var(--ctr-page-navigator-button-icon-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n}\n\n.svc-page-navigator-item--disabled {\n  .svc-page-navigator-item__banner {\n    color: var(--ctr-page-navigator-button-icon-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n    opacity: var(--ctr-page-navigator-button-icon-opacity-disabled, 0.25);\n  }\n}\n\n.svc-page-navigator__button--pressed,\n.svc-page-navigator__button:active {\n  .svc-page-navigator__button-icon {\n    background: var(--ctr-page-navigator-button-background-color-pressed, var(--sjs-primary-background-10, #19b3941a));\n    opacity: var(--ctr-page-navigator-button-opacity-pressed, 0.5);\n\n    use {\n      fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-layer-3-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-page-navigator__button--active,\n.svc-page-navigator__button--active:hover {\n  .svc-page-navigator__button-icon {\n    background: var(--ctr-page-navigator-button-background-color-checked, var(--sjs-primary-background-10, #19b3941a));\n\n    use {\n      fill: var(--ctr-page-navigator-button-icon-color-checked, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n}\n\n.svc-page-navigator__popup {\n  min-width: calcSize(12.5);\n}\n\n.svc-tab-designer__page-navigator {\n  display: flex;\n  flex-grow: 1;\n}","@use \"../../variables\" as *;\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.svc-page-navigator-item-content {\n  display: flex;\n  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-right, var(--sjs-spacing-x125))\n    var(--ctr-page-navigator-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-left, var(--sjs-spacing-x125));\n  gap: var(--ctr-page-navigator-item-gap, var(--sjs-spacing-x1));\n  justify-content: flex-end;\n  align-items: center;\n  position: relative;\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  display: flex;\n  width: var(--ctr-page-navigator-item-dot-container-width, var(--sjs-font-size-x250));\n  height: var(--ctr-page-navigator-item-dot-container-height, var(--sjs-font-size-x250));\n  justify-content: center;\n  align-items: center;\n}\n\n.svc-page-navigator-item__dot-content {\n  width: var(--ctr-page-navigator-item-dot-radius-small, var(--sjs-font-size-x075));\n  height: var(--ctr-page-navigator-item-dot-radius-small, var(--sjs-font-size-x075));\n  flex-shrink: 0;\n  background: var(--ctr-page-navigator-item-dot-color-default, var(--sjs-layer-3-foreground-75, #000000bf));\n  border-radius: var(--ctr-page-navigator-item-dot-radius-small, var(--sjs-font-size-x075));\n  box-sizing: content-box;\n}\n\n.svc-page-navigator-item__banner {\n  @include textEllipsis;\n  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-right, var(--sjs-spacing-x125))\n    var(--ctr-page-navigator-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-page-navigator-item-padding-left-hovered, var(--sjs-spacing-x2));\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--ctr-page-navigator-item-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-page-navigator-item-corner-radius, var(--sjs-corner-radius-x075));\n  background: var(--ctr-page-navigator-item-background-color-hovered, var(--sjs-layer-1-background-500, #ffffffff));\n\n  box-shadow:\n    var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-blur, 8px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-1-color, var(--sjs-special-glow, #004c441a)),\n    var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 1px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-blur, 2px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px)\n      var(--ctr-page-navigator-item-shadow-hovered-2-color, var(--sjs-special-shadow, #00000040));\n  opacity: 0;\n  transition: opacity $creator-transition-duration;\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 15;\n  display: none;\n\n  .svc-page-navigator-item__dot-content {\n    width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    flex-shrink: 0;\n    background: var(--ctr-page-navigator-item-dot-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    border-radius: 100%;\n  }\n}\n\n.svc-page-navigator-item__text {\n  @include ctrSmallBoldFont;\n  color: var(--ctr-page-navigator-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-page-navigator-item--selected {\n  .svc-page-navigator-item__dot-content {\n    width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-font-size-x1));\n    flex-shrink: 0;\n    background: var(--ctr-page-navigator-item-dot-color-selected, var(--sjs-special-background, #edf9f7ff));\n    border-style: solid;\n    border-width: 2px;\n    border-color: var(--ctr-page-navigator-item-dot-border-color-selected, var(--sjs-layer-3-foreground-75, #000000bf));\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\n  .svc-page-navigator-item__banner {\n    display: flex;\n    opacity: 1;\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: 0;\n    padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-page-navigator-item-padding-left-hovered, var(--sjs-spacing-x2))\n      var(--ctr-page-navigator-item-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-page-navigator-item-padding-left, var(--sjs-spacing-x125));\n    direction: rtl;\n\n    .svc-page-navigator-item__dot {}\n  }\n}","@use \"../variables\" as *;\n\nsvc-page {\n  display: block;\n}\n\n.svc-page {\n  margin-top: calcSize(2);\n\n  .sd-page__title {\n    margin-top: calcSize(3);\n    gap: calcSize(0.5);\n  }\n\n  .sd-page__description {\n    margin-bottom: calcSize(1);\n  }\n\n  .sd-page__num {\n    color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n\n  .svc-panel__placeholder {\n    @include lbrDefaultFont;\n    color: var(--ctr-survey-page-placeholder-text-color, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n}\n\n.svc-page__content {\n  position: relative;\n  border-radius: var(--ctr-survey-page-corner-radius, var(--lbr-corner-radius-x1));\n  padding: calcSize(1) calcSize(0) calcSize(3);\n\n  box-sizing: border-box;\n  width: 100%;\n  outline-color: transparent;\n  outline: 2px transparent dashed;\n  transition-property: background-color, box-shadow, outline-color;\n  transition-duration: $creator-transition-duration;\n\n  .sd-page {\n    margin: 0;\n    padding: calcSize(1) calcSize(3) 0;\n  }\n  &:before {\n    position: absolute;\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    margin-top: calc(var(--ctr-survey-page-margin-top, var(--lbr-spacing-x2)) * -1);\n    padding-top: var(--ctr-survey-page-margin-top, var(--lbr-spacing-x2));\n    bottom: 0;\n    box-sizing: content-box;\n  }\n  & > .svc-question__drag-area {\n    padding-top: calcSize(1.25);\n\n    .svc-question__drag-element {\n      transition: opacity $creator-transition-duration;\n    }\n  }\n}\n\n.svc-page__content.svc-page__content--no-header {\n  .sd-page {\n    margin-top: calcSize(2);\n    padding-top: var(--ctr-survey-page-content-margin-top-no-header, var(--lbr-spacing-x1));\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  inset-inline-start: 0;\n  display: flex;\n  justify-content: flex-end;\n  box-sizing: border-box;\n  padding: 0 calcSize(1) 0 var(--ctr-survey-page-drag-indicator-width, var(--lbr-size-x3));\n  transition: opacity $creator-transition-duration;\n  white-space: nowrap;\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, var(--sjs-layer-3-foreground-50, #00000080));\n      }\n    }\n  }\n}\n\n.svc-page__loading-content {\n  padding: calcSize(5);\n  text-align: center;\n  .sd-loading-indicator {\n    display: inline-block;\n  }\n}\n\n.svc-question__drag-area > .svc-page__content-actions {\n  inset-inline-start: 50%;\n}\n\n.svc-page-toolbar {\n  flex-grow: 1;\n  justify-content: flex-end;\n  pointer-events: none;\n  .sv-action {\n    pointer-events: all;\n  }\n  & > .sv-dots {\n    width: auto;\n    .sv-dots__item {\n      width: auto;\n    }\n    &.sv-action--hidden {\n      width: 0;\n    }\n    .svc-list__item-icon {\n      width: var(--ctr-list-item-icon-width-small, var(--sjs-font-size-x2));\n      height: var(--ctr-list-item-icon-height-small, var(--sjs-font-size-x2));\n    }\n  }\n}\n\n.svc-page-toolbar--collapse {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.svc-page-toolbar__item {\n  @include defaultActionButtonSettings;\n  --thm-survey-question-panel-toolbar-item-padding-top: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-top, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05))\n  );\n  --thm-survey-question-panel-toolbar-item-padding-right: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-right, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05))\n  );\n  --thm-survey-question-panel-toolbar-item-padding-bottom: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-bottom, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05))\n  );\n  --thm-survey-question-panel-toolbar-item-padding-left: calc(\n    var(--ctr-survey-question-panel-toolbar-item-padding-left, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05))\n  );\n\n  --thm-survey-question-panel-toolbar-button-gap: calc(\n    var(--ctr-survey-question-panel-toolbar-gap, var(--lbr-spacing-x1)) / 2\n  );\n  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap);\n  border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n  padding: var(--thm-survey-question-panel-toolbar-item-padding-top)\n    var(--thm-survey-question-panel-toolbar-item-padding-right)\n    var(--thm-survey-question-panel-toolbar-item-padding-bottom)\n    var(--thm-survey-question-panel-toolbar-item-padding-left);\n  justify-content: center;\n  align-items: center;\n\n  background-color: transparent;\n  transition: background-color $creator-transition-duration;\n\n  use {\n    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #19b394ff));\n  }\n  //hovered and focused state\n  &:hover,\n  &:focus-visible {\n    background-color: var(\n      --ctr-survey-page-toolbar-item-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n\n  //pressed state\n  &:active,\n  &.svc-page-toolbar__item--pressed {\n    background-color: var(\n      --ctr-survey-page-toolbar-item-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n\n  //checked state\n  &.svc-survey-element-toolbar__item--active {\n    background-color: var(\n      --ctr-survey-page-toolbar-item-background-color-selected,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n    .svc-survey-element-toolbar-item__title {\n      color: var(--ctr-survey-page-toolbar-item-text-color-selected, var(--sjs-secondary-background-400, #14a48bff));\n    }\n    use {\n      fill: var(--ctr-survey-page-toolbar-item-icon-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n    }\n  }\n\n  //disabled state\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n    background-color: transparent;\n    cursor: default;\n    use {\n      fill: var(--ctr-survey-page-toolbar-item-icon-color-disabled, var(--sjs-layer-3-foreground-50, #00000080));\n      opacity: 1;\n    }\n  }\n}\n\n.svc-page-toolbar__item--with-text {\n  --thm-survey-question-panel-toolbar-item-gap: calc(\n    var(--ctr-survey-question-panel-toolbar-item-gap, var(--lbr-spacing-x05)) +\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05))\n  );\n\n  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, var(--lbr-spacing-x1));\n  gap: var(--thm-survey-question-panel-toolbar-item-gap);\n}\n\n.svc-page-toolbar-item__icon {\n  width: calc(\n    var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05))\n  );\n  height: calc(\n    var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05)) -\n      var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05))\n  );\n}\n\n.svc-page-toolbar-item__title {\n  @include lbrSmallBoldFont;\n  color: var(--ctr-survey-page-toolbar-item-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.svc-page__content-actions {\n  .sv-action-bar-item-dropdown {\n    border-radius: calcCornerRadius(0.5);\n    background-color: transparent;\n  }\n}\n\n.svc-page__content:focus,\n.svc-hovered.svc-page__content {\n  box-shadow: 0 0 0 var(--ctr-survey-page-border-width-hovered, var(--lbr-stroke-x2))\n    var(--ctr-survey-page-border-color-hovered, var(--sjs-secondary-background-25, #19b39440));\n  background: var(--ctr-survey-page-background-color-hovered, var(--sjs-special-background, #edf9f7ff));\n}\n\n.svc-page__content--new.svc-page__content--new {\n  box-shadow: none;\n  background-color: transparent;\n  padding-bottom: var(--ctr-survey-page-margin-bottom-new-page, var(--lbr-spacing-x9));\n  .svc-page-toolbar {\n    display: none;\n  }\n}\n.svc-designer-placeholder-page {\n  .svc-page__content--new.svc-page__content--new {\n    padding: 0;\n  }\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    .svc-question__drag-element {\n      width: var(--ctr-survey-page-drag-indicator-width, var(--lbr-size-x3));\n      height: var(--ctr-survey-page-drag-indicator-height, var(--lbr-size-x2));\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 var(--ctr-survey-page-border-width-selected, var(--lbr-stroke-x2))\n    var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n  background: var(--ctr-survey-page-background-color-selected, var(--sjs-special-background, #edf9f7ff));\n}\n\n.svc-page__content--animation-running {\n  .svc-row {\n    .svc-question--enter {\n      animation: none;\n    }\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\n.svc-creator--disable-animations {\n  .svc-row {\n    .svc-question--leave {\n      animation: none;\n    }\n  }\n}\n\n.svc-page__content--collapse-onhover,\n.svc-page__content--collapse-always {\n  outline: var(--ctr-survey-page-border-width-minimized, var(--lbr-stroke-x2)) transparent dashed;\n\n  &.svc-page__content--selected,\n  &.svc-page__content.svc-hovered {\n    outline-color: transparent;\n  }\n\n  &.svc-page__content--collapsed-drag-over-inside {\n    box-shadow: 0 0 0 var(--ctr-survey-page-border-width-overing, var(--lbr-stroke-x2))\n      var(--ctr-survey-page-border-color-overing, var(--sjs-primary-background-500, #19b394ff));\n    background: var(--ctr-survey-page-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n    animation: collapsed-drag-over-inside-blinking 1s infinite;\n    outline-color: transparent;\n  }\n}\n\n.svc-page__content--collapsed {\n  outline-color: var(--ctr-survey-page-border-color-minimized, var(--sjs-border-10, #dcdcdcff));\n}\n\n.svc-creator--mobile {\n  .svc-page__content {\n    &::after {\n      margin: 0;\n      border-radius: var(--ctr-survey-page-corner-radius, var(--lbr-corner-radius-x1));\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 var(--sjs-secondary-background-500, #19b394ff);\n\n      box-shadow: 0 0 0 2px inset\n        var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n      background: var(--ctr-survey-page-background-color-selected, var(--sjs-special-background, #edf9f7ff));\n\n      .svc-page__content-actions {\n        display: flex;\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\n      var(--ctr-survey-page-border-color-hovered, var(--sjs-secondary-background-25, #19b39440));\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  .svc-add-new-question-action {\n    position: relative;\n  }\n}\n\n.svc-add-new-item-button__text {\n  @include lbrDefaultBoldFont;\n  color: var(--ctr-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n  text-align: center;\n}\n\n.svc-element__add-new-question {\n  height: auto;\n  padding: var(--ctr-surface-button-padding-vertical, var(--lbr-spacing-x2))\n    var(--ctr-surface-button-padding-horizontal-contextual-button, var(--lbr-spacing-x10));\n  border-radius: var(--ctr-surface-button-corner-radius, var(--lbr-corner-radius-x05));\n}\n\n.svc-element__add-new-question:focus {\n  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, var(--sjs-stroke-x2))\n    var(--ctr-button-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.svc-element__question-type-selector {\n  position: absolute;\n  inset-inline-end: 0;\n\n  appearance: none;\n  display: flex;\n  padding: var(--ctr-surface-button-contextual-button-padding-top, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-padding-right, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-padding-bottom, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-padding-left, var(--lbr-spacing-x1));\n  border-radius: var(--ctr-surface-button-contextual-button-corner-radius, var(--lbr-corner-radius-x05));\n  box-sizing: border-box;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n\n  margin: var(--ctr-surface-button-contextual-button-margin-vertical, var(--lbr-spacing-x1))\n    var(--ctr-surface-button-contextual-button-margin-horizontal, var(--lbr-spacing-x1));\n  outline: none;\n  transition: background-color $creator-transition-duration;\n\n  &:hover {\n    background-color: var(\n      --ctr-button-contextual-button-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n\n  &:focus {\n    background: var(\n      --ctr-button-contextual-button-background-color-focused,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n}\n\n.svc-element__question-type-selector-icon {\n  width: var(--ctr-surface-button-contextual-button-icon-width, var(--lbr-size-x3));\n  height: var(--ctr-surface-button-contextual-button-icon-height, var(--lbr-size-x3));\n  display: flex;\n  align-items: center;\n\n  .sv-svg-icon {\n    width: var(--ctr-surface-button-contextual-button-icon-width, var(--lbr-size-x3));\n    height: var(--ctr-surface-button-contextual-button-icon-height, var(--lbr-size-x3));\n    display: flex;\n    align-items: center;\n  }\n\n  use {\n    fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.svc-page--drag-over-empty .svc-page__footer:after {\n  content: \" \";\n  position: absolute;\n  background: var(--ctr-survey-drop-indicator-color, var(--sjs-primary-background-500, #19b394ff));\n  width: 100%;\n  height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  left: 0;\n  top: calc(\n    calc(\n        var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) +\n          var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))\n      ) / -2\n  );\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-page__content--collapsed {\n  & > .sv-action-bar {\n    display: none;\n  }\n\n  .sd-page__title {\n    margin-bottom: 0;\n  }\n\n  .svc-page__placeholder_frame {\n    display: none;\n  }\n\n  .svc-page__content-actions {\n    display: flex;\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}\n\n$svc-page-fade-in-duration: var(--sjs-svc-page-fade-in-duration, 250ms);\n$svc-page-move-in-duration: var(--sjs-svc-page-move-in-duration, 250ms);\n$svc-page-fade-in-delay: var(--sjs-svc-page-fade-in-delay, 100ms);\n$svc-page-fade-out-duration: var(--sjs-svc-page-fade-out-duration, 250ms);\n$svc-page-move-out-duration: var(--sjs-svc-page-move-out-duration, 250ms);\n$svc-page-move-out-delay: var(--sjs-svc-page-move-out-delay, 100ms);\n\n.svc-page--enter,\n.svc-page--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-fill-mode: forwards;\n  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n\n.svc-page--enter {\n  opacity: 0;\n  --animation-direction: normal;\n  --animation-timing-function: #{$ease-out};\n  --fade-animation-duration: #{$svc-page-fade-in-duration};\n  --move-animation-duration: #{$svc-page-move-in-duration};\n  --fade-animation-delay: #{$svc-page-fade-in-delay};\n  --move-animation-delay: 0s;\n}\n\n.svc-page--leave {\n  --animation-direction: reverse;\n  --animation-timing-function: #{$reverse-ease-out};\n  --fade-animation-duration: #{$svc-page-fade-out-duration};\n  --move-animation-duration: #{$svc-page-move-out-duration};\n  --fade-animation-delay: 0s;\n  --move-animation-delay: #{$svc-page-move-out-delay};\n}\n.svc-page__content {\n  transition-property: padding-bottom;\n  transition-duration: $svc-page-move-in-duration;\n  transition-timing-function: $ease-out;\n}\n\n.svc-creator--disable-animations {\n  .svc-page--enter,\n  .svc-page--leave {\n    animation: none;\n  }\n  .svc-page__content {\n    transition: none;\n  }\n}\n\n.svc-page--enter.svc-page--enter {\n  .svc-page__content-actions {\n    opacity: 0;\n  }\n\n  .svc-page__content {\n    box-shadow: 0 0 0 2px transparent;\n    background-color: transparent;\n\n    & > .svc-question__drag-area {\n      .svc-question__drag-element {\n        opacity: 0;\n      }\n    }\n  }\n}\n\n.svc-page {\n  scroll-margin-top: calcSize(1);\n}\n","@use \"../variables\" as *;\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\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: var(--ctr-survey-drop-indicator-color, var(--sjs-primary-background-500, #19b394ff));\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: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) - var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / 2)\n}\n\n.svc-row__drop-indicator--bottom {\n  bottom: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) - var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / -2)\n}\n\n.svc-row--drag-over-top {\n  >.svc-row__drop-indicator--top {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-row--drag-over-bottom {\n  >.svc-row__drop-indicator--bottom {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n  .svc-row__drop-indicator--top {\n    top: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / -2);\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}","@use \"../variables\" as *;\n\n.svc-carry-forward-panel-wrapper {\n  width: 100%;\n  container-type: inline-size;\n}\n.svc-carry-forward-panel {\n  @include ctrDefaultFont;\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--ctr-survey-info-panel-padding-top, var(--lbr-spacing-x4))\n    var(--ctr-survey-info-panel-padding-right, var(--lbr-spacing-x8))\n    var(--ctr-survey-info-panel-padding-bottom, var(--lbr-spacing-x4))\n    var(--ctr-survey-info-panel-padding-left, var(--lbr-spacing-x8));\n  border-radius: var(--ctr-survey-info-panel-corner-radius, var(--lbr-corner-radius-x1));\n  background: var(--ctr-survey-info-panel-background-color, var(--sjs-layer-2-background-500, #f8f8f8ff));\n  text-align: center;\n  color: var(--ctr-survey-info-panel-text-color, var(--sjs-layer-2-foreground-50, #00000080));\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}","@use \"../variables\" as *;\n@use \"./carry-forward-panel.scss\" as *;\n\n$drop-indicator-position: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2))) / -2);\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    .sv-action:not(:first-child) {\n      .sv-action-bar-item {\n        border: none;\n\n        &:active {\n          opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n          background: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n        }\n      }\n    }\n  }\n  &:before {\n    position: absolute;\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    margin-top: calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) * -1);\n    padding-top: var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2));\n    margin-left: calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) * -1);\n    padding-left: var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2));\n    bottom: 0;\n    right: 0;\n    box-sizing: content-box;\n  }\n}\n\n.svc-survey-element-toolbar__item {\n  @include defaultActionButtonSettings;\n  --thm-icon-color: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #19b394ff));\n  --thm-survey-question-panel-toolbar-button-gap: calc(\n    var(--ctr-survey-question-panel-toolbar-gap, var(--lbr-spacing-x1)) / 2\n  );\n  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap);\n  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n  padding: var(--ctr-survey-question-panel-toolbar-item-padding-top, var(--lbr-spacing-x05))\n           var(--ctr-survey-question-panel-toolbar-item-padding-right, var(--lbr-spacing-x05))\n           var(--ctr-survey-question-panel-toolbar-item-padding-bottom, var(--lbr-spacing-x05))\n           var(--ctr-survey-question-panel-toolbar-item-padding-left, var(--lbr-spacing-x05));\n\n  justify-content: center;\n  align-items: center;\n\n  background-color: transparent;\n  transition: background $creator-transition-duration, opacity $creator-transition-duration;\n  use {\n    fill: var(--thm-icon-color);\n  }\n  //hovered and focused state\n  &:hover,\n  &:focus-visible {\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n\n  //pressed state\n  &:active,\n  &.svc-survey-element-toolbar__item--pressed {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed,\n        var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n\n  //checked state\n  &.svc-survey-element-toolbar__item--active {\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-background-10, #19b3941a));\n    .svc-survey-element-toolbar-item__title {\n      color: var(--ctr-survey-question-panel-toolbar-item-text-color-selected, var(--sjs-secondary-background-400, #14a48bff));\n    }\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n    }\n  }\n\n  //disabled state\n  &:disabled {\n    opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n    background-color: transparent;\n    cursor: default;\n    use {\n      fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\n      opacity: 1;\n    }\n  }\n}\n\n.svc-survey-element-toolbar__item--with-text {\n  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, var(--lbr-spacing-x1));\n  gap: var(--ctr-survey-question-panel-toolbar-item-gap, var(--lbr-spacing-x05));\n}\n\n.svc-survey-element-toolbar .sv-action:last-of-type .svc-survey-element-toolbar__item {\n  margin-inline-end: 0;\n}\n\n.svc-survey-element-toolbar .sv-action:first-of-type .svc-survey-element-toolbar__item {\n  margin-inline-start: 0;\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--with-text {\n  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right, var(--lbr-spacing-x05));\n  padding-inline-start: var(--ctr-survey-question-panel-toolbar-item-padding-left-with-text, var(--lbr-spacing-x1));\n  flex-direction: row-reverse;\n  gap: var(--ctr-survey-question-panel-toolbar-item-gap, var(--lbr-spacing-x05));\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon {\n  .svc-survey-element-toolbar-item__icon {\n    padding: 0;\n    width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3));\n    height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3));\n    box-sizing: border-box;\n    display: block;\n  }\n}\n\n.svc-survey-element-toolbar-item__icon {\n  box-sizing: border-box;\n  display: block;\n  padding: var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05)) \n           var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05)) \n           var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05)) \n           var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05));\n  width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3));\n}\n\n.svc-survey-element-toolbar-item__title {\n  @include lbrSmallBoldFont;\n  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: color $creator-transition-duration;\n}\n\n.svc-question__adorner {\n  .sv-action-bar-item-dropdown {\n    background-color: transparent;\n  }\n}\n\n.svc-question__adorner {\n  .sd-input:disabled {\n    pointer-events: none;\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\n  box-sizing: border-box;\n\n  padding: var(--lbr-question-panel-padding-top, var(--lbr-spacing-x4)) var(--lbr-question-panel-padding-right, var(--lbr-spacing-x5))\n    var(--ctr-survey-question-panel-padding-bottom-selected, var(--lbr-spacing-x2)) var(--lbr-question-panel-padding-left, var(--lbr-spacing-x5));\n  border-radius: var(--lbr-question-panel-corner-radius, var(--lbr-corner-radius-x05));\n  background: var(--lbr-question-panel-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px)\n    var(--lbr-question-panel-shadow-offset-y, 1px)\n    var(--lbr-question-panel-shadow-blur, 2px)\n    var(--lbr-question-panel-shadow-spread, 0px)\n    var(--lbr-question-panel-shadow-color, var(--sjs-special-shadow, #00000040));\n\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-container.sd-input:focus-within {\n    // box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.149)); // #00000026\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:not(.svc-question__content--composite-question) {\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  @include lbrDefaultFont;\n  color: var(--ctr-survey-placeholder-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-wrap: wrap;\n  text-align: center;\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  .svc-action-bar-item--right:first-of-type {\n    margin-inline-start: auto;\n  }\n}\n\n.svc-dropdown-action--convertTo {\n  max-width: max-content;\n\n  .svc-survey-element-toolbar__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  .svc-survey-element-toolbar-item__title {\n    display: inline-block;\n    justify-content: left;\n  }\n\n  .svc-survey-element-toolbar-item__icon:last-child {\n    --thm-icon-color: var(--sjs-primary-background-500, #19b394);\n    margin-inline-start: 0;\n  }\n}\n\n.svc-dropdown-action--convertTo.sv-action--hidden {\n  min-width: 0;\n}\n\n.svc-dropdown-action--convertTo-last {\n  margin-inline-end: auto; // margin-right\n}\n\n.svc-survey-element-toolbar__dots-item {\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  .svc-list__item-icon {\n    width: calc(\n      var(--ctr-survey-question-panel-toolbar-item-icon-container-width, var(--lbr-size-x3)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, var(--lbr-spacing-x05)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, var(--lbr-spacing-x05))\n    );\n    height: calc(\n      var(--ctr-survey-question-panel-toolbar-item-icon-container-height, var(--lbr-size-x3)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, var(--lbr-spacing-x05)) -\n        var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, var(--lbr-spacing-x05))\n    );\n  }\n  .svc-list__item {\n    &, &:hover {\n      & > .svc-list__item-body .sv-svg-icon use {\n        fill: var(--sjs-secondary-background-500, #19b394ff);\n      }\n    }\n  }\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, var(--lbr-stroke-x2))\n    var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-background-25, #19b39440));\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, var(--lbr-stroke-x2))\n    var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n}\n\n.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {\n  box-shadow: 0 0 0 var(--ctr-survey-placeholder-border-width-hovered, var(--lbr-stroke-x2))\n    var(--ctr-survey-placeholder-border-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n  background: var(--ctr-survey-placeholder-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n\n  animation: collapsed-drag-over-inside-blinking 1s;\n}\n\n@keyframes collapsed-drag-over-inside-blinking {\n  0% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  40% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  50% {\n    background: transparent;\n  }\n  55% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  65% {\n    background: transparent;\n  }\n  70% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  80% {\n    background: transparent;\n  }\n  85% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n  100% {\n    background: var(--ctr-survey-panel-background-color-overing, var(--sjs-primary-background-10, #19b3941a));\n  }\n}\n\n.svc-question__content--selected,\n.svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {\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  opacity: var(--ctr-survey-question-panel-opacity-hidden, 0.25);\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  border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n  background-color: var(--ctr-toolbox-item-background-color-floating, var(--sjs-layer-1-background-500, #ffffffff));\n  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n  padding: var(--ctr-toolbox-item-padding-top-submenu, var(--sjs-spacing-x150)) var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2)) var(--ctr-toolbox-item-padding-bottom-submenu, var(--sjs-spacing-x150)) var(--ctr-toolbox-item-padding-left-submenu, var(--sjs-spacing-x2));\n  cursor: grabbing;\n  position: absolute;\n  z-index: 1000;\n  box-shadow:\n    var(--ctr-toolbox-item-shadow-floating-1-offset-x, 0px)\n      var(--ctr-toolbox-item-shadow-floating-1-offset-y, 2px)\n      var(--ctr-toolbox-item-shadow-floating-1-blur, 8px)\n      var(--ctr-toolbox-item-shadow-floating-1-spread, 0px)\n      var(--ctr-toolbox-item-shadow-floating-1-color, var(--sjs-special-glow, #004c441a)),\n    var(--ctr-toolbox-item-shadow-floating-2-offset-x, 0px)\n      var(--ctr-toolbox-item-shadow-floating-2-offset-y, 16px)\n      var(--ctr-toolbox-item-shadow-floating-2-blur, 32px)\n      var(--ctr-toolbox-item-shadow-floating-2-spread, 0px)\n      var(--ctr-toolbox-item-shadow-floating-2-color, var(--sjs-special-glow, #004c441a));\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, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.svc-dragged-element-shortcut--selected {\n  border: 2px solid var(--ctr-toolbox-item-border-color-floating, var(--sjs-secondary-background-500, #19b394ff));\n}\n\n.svc-dragged-element-shortcut__text {\n  @include ctrSmallBoldFont;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: var(--ctr-toolbox-item-max-width, 320px);\n}\n\n.svc-dragged-element-shortcut--has-icon {\n  padding: var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2))\n    var(--ctr-toolbox-item-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-toolbox-item-padding-left, var(--sjs-spacing-x150));\n  display: flex;\n  gap: var(--ctr-toolbox-item-gap, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n\n  .svc-dragged-element-shortcut__text {\n    display: block;\n  }\n}\n\n.svc-dragged-element-shortcut__icon {\n  display: flex;\n\n  svg {\n    width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n  }\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 var(--ctr-survey-placeholder-border-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    border: 1px solid var(--ctr-survey-placeholder-border-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    background: var(--ctr-survey-placeholder-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\n\n    & > .svc-question__content-actions {\n      opacity: 1;\n    }\n  }\n}\n\n.svc-question__drop-indicator {\n  position: absolute;\n  background: var(--ctr-survey-drop-indicator-color, var(--sjs-primary-background-500, #19b394ff));\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: $drop-indicator-position;\n}\n\n.svc-question__drop-indicator--right {\n  right: $drop-indicator-position;\n}\n\n.svc-question__drop-indicator--top {\n  top: $drop-indicator-position;\n}\n\n.svc-question__drop-indicator--bottom {\n  bottom: $drop-indicator-position;\n}\n\n.svc-question__content--drag-over-left {\n  > .svc-question__drop-indicator--left {\n    opacity: 1;\n    width: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--drag-over-right {\n  > .svc-question__drop-indicator--right {\n    opacity: 1;\n    width: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--drag-over-top {\n  > .svc-question__drop-indicator--top {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.svc-question__content--drag-over-bottom {\n  > .svc-question__drop-indicator--bottom {\n    opacity: 1;\n    height: var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2));\n  }\n}\n\n.sd-panel {\n  .svc-question__content--drag-over-left {\n    .svc-question__drop-indicator--left {\n      left: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\n    }\n  }\n\n  .svc-question__content--drag-over-right {\n    .svc-question__drop-indicator--right {\n      right: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\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: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\n    }\n  }\n\n  .svc-question__content--drag-over-bottom {\n    .svc-question__drop-indicator--bottom {\n      bottom: calc(calc(var(--lbr-page-layout-gap-medium, var(--lbr-spacing-x2)) / -2) + var(--ctr-survey-drop-indicator-width, var(--lbr-stroke-x2)));\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\n  > .svc-question__content.svc-question__content:not(.svc-question__content--dragged)\n  > .svc-question__drag-area\n  > .svc-question__drag-element {\n  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {\n  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-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--lazy,\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.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      &>.svc-carry-forward-panel-wrapper,\n      &>.svc-image-question-controls,\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  box-sizing: content-box;\n}\n\n.svc-question__drag-element {\n  width: 100%;\n  opacity: 0;\n  transition: opacity $creator-transition-duration;\n  width: var(--ctr-survey-question-panel-drag-area-drag-indicator-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-question-panel-drag-area-drag-indicator-height, var(--lbr-size-x2));\n\n  use {\n    fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, var(--sjs-layer-1-foreground-50, #00000080));\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)) + 2px);\n    }\n\n    .sd-table-wrapper::after {\n      right: calc(calc(-1 * var(--sd-base-padding)) + 2px);\n    }\n  }\n\n  .svc-question__content {\n    border-radius: 0;\n    box-shadow: none;\n    &::after {\n      content: \"\";\n      position: absolute;\n      pointer-events: none;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      outline: var(--ctr-survey-question-panel-border-width-nested, var(--lbr-stroke-x1)) dashed var(--ctr-survey-question-panel-border-color-nested, var(--sjs-border-25, #d4d4d4ff));\n      outline-offset: calc(-1 * var(--ctr-survey-question-panel-border-width-nested, var(--lbr-stroke-x1)));\n      z-index: 10;\n    }\n  }\n\n  .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {\n    &::after {\n      box-shadow:  0 0 0 var(--ctr-survey-question-panel-border-width-hovered, var(--lbr-stroke-x2))\n        var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-background-25, #19b39440)) inset, 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, var(--lbr-stroke-x2))\n        var(--lbr-question-panel-background-color, var(--sjs-layer-1-background-500, #ffffffff)) inset;\n      outline: none;\n    }\n  }\n\n  .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n    &::after {\n      box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, var(--lbr-stroke-x2))\n        var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-background-500, #19b394ff)) inset;\n      outline: none;\n    }\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  position: relative;\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: var(--ctr-survey-placeholder-border-width, var(--lbr-stroke-x1)) dashed\n    var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #d4d4d4ff));\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: var(--ctr-survey-placeholder-padding-top-with-button, var(--lbr-spacing-x8))\n    var(--ctr-survey-placeholder-padding-right, var(--lbr-spacing-x8))\n    var(--ctr-survey-placeholder-padding-bottom-with-button, var(--lbr-spacing-x6))\n    var(--ctr-survey-placeholder-padding-left, var(--lbr-spacing-x8));\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    margin-top: var(--ctr-survey-panel-add-button-margin-top, var(--lbr-spacing-x1));\n  }\n\n  .svc-element__add-new-question-icon {\n    margin: calcSize(0.5);\n    display: none;\n\n    use {\n      fill: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  .svc-element__question-type-selector {\n    position: absolute;\n    inset-inline-end: 0;\n    bottom: 0;\n    margin: 0;\n  }\n}\n\n.svc-panel__add-new-question,\n.svc-panel__add-new-question-wrapper .svc-element__add-new-question {\n  display: flex;\n  margin-top: var(--ctr-survey-placeholder-gap, var(--lbr-spacing-x05));\n  margin-left: 0;\n  margin-right: 0;\n  width: auto;\n  padding: var(--ctr-survey-action-button-padding-top, var(--lbr-spacing-x1))\n    var(--ctr-survey-action-button-padding-right, var(--lbr-spacing-x3))\n    var(--ctr-survey-action-button-padding-bottom, var(--lbr-spacing-x1))\n    var(--ctr-survey-action-button-padding-left, var(--lbr-spacing-x3));\n  border-radius: var(--ctr-survey-action-button-corner-radius, var(--lbr-corner-radius-x1));\n  justify-content: center;\n  align-items: center;\n\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\n  &:hover {\n    outline: none;\n  }\n\n  .svc-add-new-item-button__text {\n    @include lbrDefaultBoldFont;\n    color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\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: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\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@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      width: var(--ctr-button-contextual-button-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-button-contextual-button-icon-height, var(--sjs-font-size-x3));\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-add-new-item-button__text {\n        display: none;\n      }\n    }\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:not(.svc-question__content--composite-question) {\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\n  .sd-panel__content {\n    gap: 0;\n    padding-top: 0;\n  }\n}\n\n.svc-question__content {\n  .sd-element--complex > .sd-element__header--location-top {\n\n    &.svc-element__header--hidden {\n      padding-bottom: calcSize(1);\n    }\n\n    &:after {\n      display: none;\n    }\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:not(.svc-question__content--composite-question) {\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-question--description-under-input .sd-question__content {\n    margin-bottom: calcSize(-1);\n    padding-bottom: calcSize(1);\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-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\n.svc-survey-element-top-toolbar__item {\n  @include defaultActionButtonSettings;\n  padding: 0;\n  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-muted, 0.5);\n  background-color: transparent;\n\n  &:hover,\n  &:focus-visible {\n    opacity: initial;\n    background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\n  }\n\n  use {\n    fill: var(--ctr-survey-question-panel-drag-area-expand-button-color, var(--sjs-layer-1-foreground-50, #00000080));\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: 0px 1px 2px 0px var(--ctr-shadow-small-color, var(--sjs-special-shadow, #00000040));\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: var(--ctr-survey-placeholder-border-width, var(--lbr-stroke-x1)) dashed\n        var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #d4d4d4ff));\n      box-shadow: none;\n    }\n  }\n}\n\n.svc-question__content--slider.svc-question__content--slider .sd-question__content {\n  overflow-x: visible;\n}\n","@use \"../variables\" as *;\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    @include lbrDefaultBoldFont;\n    margin-left: var(--ctr-survey-radio-button-group-show-more-button-margin-left, var(--lbr-spacing-x6));\n    margin-top: var(--ctr-survey-radio-button-group-show-more-button-margin-top, var(--lbr-spacing-x05));\n    padding: var(--ctr-survey-action-button-padding-top, var(--lbr-spacing-x1))\n      var(--ctr-survey-action-button-padding-right, var(--lbr-spacing-x3))\n      var(--ctr-survey-action-button-padding-bottom, var(--lbr-spacing-x1))\n      var(--ctr-survey-action-button-padding-left, var(--lbr-spacing-x3));\n    border-radius: var(--ctr-survey-action-button-corner-radius, var(--lbr-corner-radius-x1));\n\n    cursor: pointer;\n  }\n}","@use \"../variables\" as *;\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  width: 100%;\n  height: calcSize(27.5);\n  border: var(--ctr-survey-placeholder-border-width, var(--lbr-stroke-x1)) dashed var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #D4D4D4));\n  box-sizing: content-box;\n}\n\n.svc-image-question__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","@use \"../variables\" as *;\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-rating-question-content {\n  flex: 1;\n}\n.svc-question__content .svc-rating-question-content  .sd-question__content {\n  overflow-x: visible;\n  margin: 0;\n  padding: 0;\n}\n.svc-creator--mobile {\n  .svc-rating-question-content {\n    position: relative;\n    fieldset::before {\n      content: \"\";\n      display: block;\n      width: calc(8 * #{$base-unit});\n    }\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: fit-content;\n      max-width: 100%;\n    }\n    .sd-rating--labels-top,\n    .sd-rating--labels-bottom,\n    .sd-rating--labels-diagonal {\n      .sd-rating__min-text {\n         margin-inline-start: calc(9 * #{$base-unit})\n      }\n    }\n  }\n}","@use \"../variables\" as *;\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: 0px 8px 16px 0px var(--ctr-shadow-large-color, var(--sjs-special-glow, #004c441a));\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: calcSize(9);\n  justify-content: flex-end;\n  align-self: flex-start;\n}\n\n.svc-item-value-controls__button {\n  border-radius: var(--ctr-survey-action-button-corner-radius, var(--lbr-corner-radius-x1));\n  padding: calcSize(1);\n  cursor: pointer;\n  display: inline-block;\n  outline: none;\n  width: var(--ctr-survey-action-button-icon-width-small, var(--lbr-size-x2));\n  height: var(--ctr-survey-action-button-icon-height-small, var(--lbr-size-x2));\n  box-sizing: content-box;\n  transition:\n    background $creator-transition-duration,\n    background-color $creator-transition-duration;\n\n  .sv-svg-icon {\n    display: block;\n    width: var(--ctr-survey-action-button-icon-width-small, var(--lbr-size-x2));\n    height: var(--ctr-survey-action-button-icon-height-small, var(--lbr-size-x2));\n  }\n}\n\n.svc-item-value-controls__button > span {\n  display: block;\n}\n\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n  display: block;\n  transition: opacity $creator-transition-duration;\n  width: var(--ctr-survey-item-actionbar-drag-indicator-width, var(--lbr-size-x3));\n  height: var(--ctr-survey-item-actionbar-drag-indicator-height, var(--lbr-size-x3));\n\n  .sv-svg-icon {\n    width: var(--ctr-survey-item-actionbar-drag-indicator-width, var(--lbr-size-x3));\n    height: var(--ctr-survey-item-actionbar-drag-indicator-height, var(--lbr-size-x3));\n  }\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: var(--ctr-survey-item-actionbar-drag-indicator-padding-top, var(--lbr-spacing-x05))\n    var(--ctr-survey-item-actionbar-drag-indicator-padding-right, var(--lbr-spacing-x1))\n    var(--ctr-survey-item-actionbar-drag-indicator-padding-bottom, var(--lbr-spacing-x05))\n    var(--ctr-survey-item-actionbar-drag-indicator-padding-left, var(--lbr-spacing-x1));\n  height: auto;\n  width: auto;\n  cursor: move;\n  opacity: var(--ctr-survey-item-actionbar-drag-indicator-opacity, 0.5);\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, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n}\n\n.svc-item-value-controls__button--disabled {\n  fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-layer-1-foreground-50, #00000080));\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, var(--sjs-semantic-red-background-500, #e50a3eff));\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, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-primary-background-10, #19b3941a));\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, var(--sjs-semantic-red-background-10, #e50a3e1a));\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: var(--ctr-survey-ranking-item-text-color-inactive, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n\n    .sd-item__decorator {\n      opacity: 0.35;\n    }\n  }\n\n  .sv-ranking-item__index {\n    border-radius: var(--lbr-ranking-item-number-corner-radius, var(--lbr-corner-radius-round));\n    background: var(--ctr-survey-ranking-item-digit-background-color-inactive, var(--sjs-layer-3-background-500, #f4f4f4ff));\n\n    svg {\n      fill: var(--ctr-survey-ranking-item-digit-text-color-inactive, var(--sjs-layer-3-foreground-50, #00000080));\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: var(--ctr-survey-radio-button-group-item-background-color-drop-spot, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, var(--lbr-corner-radius-x1));\n  width: calcSize(25);\n  height: calcSize(5);\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","@use \"../variables\" as *;\n\n.svc-image-item-value-wrapper {\n  display: inline-block;\n  position: relative;\n}\n\n.svc-image-item-value--new {\n  height: max-content;\n\n  .sd-imagepicker__image {\n    box-sizing: border-box;\n    border-radius: var(--lbr-image-corner-radius, var(--lbr-corner-radius-x05));\n    border: var(--ctr-survey-image-picker-item-border-width-placeholder, var(--lbr-stroke-x1)) dashed\n      var(--ctr-survey-image-picker-item-border-color-placeholder, var(--sjs-border-25, #d4d4d4ff));\n  }\n}\n\n.svc-image-item-value--file-dragging {\n  .sd-imagepicker__image {\n    border-radius: var(--lbr-image-corner-radius, var(--lbr-corner-radius-x05));\n    border: var(--ctr-survey-image-picker-item-border-width-hovered-placeholder, var(--lbr-stroke-x2)) solid\n      var(--ctr-survey-image-picker-item-border-color-hovered-placeholder, var(--sjs-primary-background-500, #19b394ff));\n    background: var(\n      --ctr-survey-image-picker-item-background-color-hovered-placeholder,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\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: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: calcSize(1);\n}\n.sd-imagepicker {\n  container-type: inline-size;\n}\n.svc-image-item-value--new.svc-image-item-value--single {\n  .svc-image-item-value-controls {\n    padding: 0 calcSize(6);\n  }\n}\n@container (max-width: 496px) {\n  .svc-image-item-value--new.svc-image-item-value--single {\n    .svc-image-item-value-controls {\n      padding: 0 calcSize(1);\n    }\n  }\n}\n@container (max-width: 176px) {\n  .svc-image-item-value__placeholder {\n    display: none;\n  }\n}\n\n.svc-image-item-value__placeholder {\n  @include lbrDefaultFont;\n  color: var(--ctr-survey-placeholder-text-color, rgba(0, 0, 0, 0.5));\n  text-align: center;\n  font-weight: 400;\n  white-space: normal;\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  border-radius: var(--ctr-survey-contextual-button-corner-radius, var(--lbr-corner-radius-round));\n  background: var(--ctr-survey-contextual-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  transition: background-color $creator-transition-duration;\n\n  use {\n    fill: var(--ctr-survey-contextual-button-icon-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    transition: fill $creator-transition-duration;\n  }\n\n  &:hover,\n  &:focus {\n    border-radius: var(--ctr-survey-contextual-button-corner-radius, var(--lbr-corner-radius-round));\n    background: linear-gradient(\n        0deg,\n        var(\n            --ctr-survey-contextual-button-background-color-hovered-positive,\n            var(--sjs-primary-background-10, #19b3941a)\n          )\n          0%,\n        var(\n            --ctr-survey-contextual-button-background-color-hovered-positive,\n            var(--sjs-primary-background-10, #19b3941a)\n          )\n          100%\n      ),\n      var(--ctr-survey-contextual-button-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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  border-radius: var(--lbr-image-corner-radius, var(--lbr-corner-radius-x05));\n  background: var(--ctr-survey-image-picker-drop-spot-color, var(--sjs-layer-2-background-500, #f8f8f8ff));\n}\n\n.svc-image-item-value--single {\n  width: 100%;\n\n  .sd-imagepicker__image {\n    height: calcSize(36);\n  }\n}\n\n.svc-image-item-value__loading {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n","@use \"../variables\" as *;\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    &.sd-table__cell--drag {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n.svc-matrix-cell--selected {\n  position: absolute;\n  border-radius: var(--ctr-survey-matrix-cell-corner-radius, var(--lbr-corner-radius-x075));\n  border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n    var(--ctr-survey-matrix-cell-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\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    border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n      var(--ctr-survey-matrix-cell-border-color-selected, var(--sjs-secondary-background-500, #19b394ff));\n  }\n}\n\n.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {\n  border: var(--ctr-survey-matrix-cell-border-width, var(--lbr-stroke-x2)) solid\n    var(--ctr-survey-matrix-cell-border-color-hovered, var(--sjs-secondary-background-10, #19b3941a));\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  border: var(--ctr-survey-contextual-button-border-width, var(--lbr-stroke-x1)) solid\n    var(--ctr-survey-contextual-button-border-color, var(--sjs-border-25, #d4d4d4ff));\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}\n\n.svc-question__content {\n  .sd-drag-element__svg {\n    visibility: visible;\n    cursor: initial;\n    use {\n      fill: (--ctr-data-table-row-drag-area-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\n}","@use \"../variables\" as *;\n\n.svd-test-results {\n  border-radius: var(--ctr-string-table-corner-radius, var(--sjs-corner-radius-x05));\n  box-shadow: inset 0px 1px 0px 0px var(--ctr-string-table-shadow-color, var(--sjs-special-shadow, #00000040));\n  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svd-test-results__content {\n  box-shadow: var(--ctr-string-table-shadow-offset-x, 0px)\n    var(--ctr-string-table-shadow-offset-y, 1px)\n    var(--ctr-string-table-shadow-blur, 2px)\n    var(--ctr-string-table-shadow-spread, 0px)\n    var(--ctr-string-table-shadow-color, var(--sjs-special-shadow, #00000040));\n}\n\n.svd-test-results__header {\n  @include ctrDefaultFont;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--ctr-string-table-title-padding-top, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-right, var(--sjs-spacing-x3))\n    var(--ctr-string-table-title-padding-bottom, var(--sjs-spacing-x2))\n    var(--ctr-string-table-title-padding-left, var(--sjs-spacing-x3));\n  color: var(--ctr-string-table-title-caption-color, var(--sjs-layer-1-foreground-50, #00000080));\n  border-bottom: var(--ctr-string-table-title-border-width-bottom, var(--sjs-stroke-x1)) solid\n    var(--ctr-string-table-title-border-color, var(--sjs-border-10, #dcdcdcff));\n  background-color: var(--ctr-string-table-title-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n\n  .svd-test-results__header-text {\n    margin: 0;\n  }\n\n  .svd-test-results__header-types {\n    display: flex;\n    gap: var(--ctr-string-table-title-actionbar-gap, var(--sjs-spacing-x1));\n  }\n\n  .svc-action-button {\n    color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n    border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n    background-color: transparent;\n\n    &:focus, &:hover {\n      background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-background-10, #19b3941a));\n      outline: none;\n    }\n  }\n\n  .svc-action-button.svc-action-button--selected {\n    border: var(--ctr-actionbar-button-border-width-selected, var(--sjs-stroke-x2)) solid var(--ctr-actionbar-button-border-color-selected, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svd-test-results__text {\n  @include ctrDefaultFont;\n  display: flex;\n  padding: var(--ctr-code-viewer-text-margin-top-results-table, var(--sjs-spacing-x2)) var(--ctr-code-viewer-text-margin-right-results-table, var(--sjs-spacing-x3)) var(--ctr-code-viewer-text-margin-bottom-results-table, var(--sjs-spacing-x2)) var(--ctr-code-viewer-text-margin-left-results-table, var(--sjs-spacing-x3));\n  width: calc(100% - calcSize(6));\n  overflow: auto;\n  user-select: text;\n  white-space: pre-wrap;\n  background: var(--ctr-code-viewer-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  color: var(--ctr-code-viewer-text-color, var(--sjs-code-gray-300, #505050ff));\n  box-sizing: content-box;\n}\n\n.svd-test-results__table {\n  width: 100%;\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: var(--ctr-string-table-row-expand-button-icon-color-default, var(--sjs-layer-1-foreground-75, #000000bf));\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      @include ctrSmallBoldFont;\n      padding: var(--ctr-string-table-row-padding-top, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3)) var(--ctr-string-table-row-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\n      background: var(--ctr-string-table-header-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n      text-align: left;\n      color: var(--ctr-string-table-header-text-color, var(--sjs-layer-3-foreground-75, #000000bf));\n\n      &:nth-child(1) {\n        padding-left: var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\n      }\n    }\n\n    td {\n      @include ctrDefaultFont;\n      padding: var(--ctr-string-table-row-padding-top, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3)) var(--ctr-string-table-row-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-string-table-row-padding-left, var(--sjs-spacing-x3));\n      max-width: calcSize(50);\n      overflow: auto;\n      border-top: var(--ctr-string-table-row-border-width-bottom, var(--sjs-stroke-x1)) solid var(--ctr-string-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n      user-select: text;\n      background: var(--ctr-string-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n\n      &:nth-child(1) {\n        @include ctrDefaultBoldFont;\n        position: relative;\n        width: 50%;\n      }\n\n      &:nth-child(2) {\n        width: 50%;\n        padding-right: var(--ctr-string-table-row-padding-right, var(--sjs-spacing-x3));\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: var(--ctr-string-table-row-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n      }\n    }\n  }\n}\n\n.svd-dark-border-color {\n  color: var(--ctr-string-table-row-text-color-title, var(--sjs-layer-1-foreground-100, #000000e6));\n}","@use \"../../variables\" as *;\n\n.svc-designer-header .sd-container-modern__title {\n  gap: 0;\n  column-gap: var(--lbr-header-gap, var(--lbr-spacing-x4));\n}\n\n.svc-logo-image {\n  position: relative;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: 0;\n  cursor: pointer;\n\n  .sd-logo__image {\n    max-width: 100%;\n  }\n}\n\n.svc-logo-image__loading {\n  width: var(--ctr-survey-header-logo-loading-width, var(--lbr-size-x6));\n  height: var(--ctr-survey-header-logo-loading-height, var(--lbr-size-x6));\n  padding: var(--ctr-survey-header-logo-loading-margin-top, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-loading-margin-right, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-loading-margin-bottom, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-loading-margin-left, var(--lbr-spacing-x1));\n  box-sizing: content-box;\n  margin-left: var(--ctr-survey-header-logo-placeholder-margin-left-advanced, var(--lbr-spacing-x2n));\n}\n\n.svc-logo-image-placeholder {\n  @include ctrLargeFont;\n  opacity: var(--ctr-survey-header-logo-placeholder-icon-opacity, 0.5);\n  white-space: nowrap;\n  word-break: keep-all;\n  padding: var(--ctr-survey-header-logo-placeholder-padding-top, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-placeholder-padding-right, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-placeholder-padding-bottom, var(--lbr-spacing-x1))\n    var(--ctr-survey-header-logo-placeholder-padding-left, var(--lbr-spacing-x1));\n  margin-inline-start: var(--ctr-survey-header-logo-placeholder-margin-left-advanced, var(--lbr-spacing-x2n));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--ctr-survey-header-logo-placeholder-corner-radius, var(--lbr-corner-radius-round));\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, var(--sjs-primary-background-10, #19b3941a));\n    opacity: unset;\n\n    use {\n      fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  svg {\n    width: var(--ctr-survey-header-logo-placeholder-icon-width, var(--lbr-size-x6));\n    height: var(--ctr-survey-header-logo-placeholder-icon-height, var(--lbr-size-x6));\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, var(--sjs-layer-3-foreground-50, #00000080));\n}\n\n.svc-logo-image-container {\n  position: relative;\n  cursor: default;\n  padding: var(--ctr-survey-header-logo-margin-top-advanced, var(--lbr-spacing-x2)) 0px\n    var(--ctr-survey-header-logo-margin-right-advanced, var(--lbr-spacing-x2)) 0px;\n\n  .sd-logo .sd-logo__image {\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: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}","@use \"../variables\" as *;\n\n.svc-link__button {\n  @include ctrDefaultBoldFont;\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\n}\n\n.svc-question-link__set-button {\n  cursor: pointer;\n}\n.svc-link-value-button {\n  margin-inline-start: calc(-1 * var(--ctr-actionbar-button-padding-left-medium-text, var(--sjs-spacing-x2)));\n}\n.svc-question-link__clear-button {\n  color: var(--sjs-semantic-red-background-500, #e50a3eff);\n  cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n  background-color: var(--sjs-semantic-red-background-10, #e50a3e1a);\n}\n","@use \"../variables\" as *;\n.svc-search {\n  // TODO remove v2\n  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.svc-search {\n  display: flex;\n  align-items: center;\n}\n\n.svc-search__input {\n  @include textEllipsis;\n  @include ctrSmallBoldFont;\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  outline: none;\n  padding: 0;\n  width: 0;\n  flex-grow: 1;\n}\n\n.svc-creator--mobile .svc-search__input {\n  $fontSize: var(--ctr-font-small-size, var(--sjs-font-size-x150));\n  font-size: Max(16px, #{$fontSize});\n}\n\n\n.svc-search__toolbar {\n  display: flex;\n  gap: var(--ctr-search-toolbar-gap, var(--sjs-spacing-x05));\n  justify-content: flex-end;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action-bar {\n  gap: var(--ctr-search-toolbar-gap, var(--sjs-spacing-x05));\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action--hidden {\n  display: none;\n}\n\n.svc-search__toolbar .svc-search__bar-item {\n  height: min-content;\n  margin: 0;\n  border-radius: var(--ctr-search-button-corner-radius, var(--sjs-corner-radius-x05));\n  padding: var(--ctr-search-button-padding-vertical, var(--sjs-spacing-x05))\n    var(--ctr-search-button-padding-horizontal, var(--sjs-spacing-x05)) var(--ctr-search-button-padding-vertical, var(--sjs-spacing-x05))\n    var(--ctr-search-button-padding-horizontal, var(--sjs-spacing-x05));\n\n  .sv-svg-icon {\n    width: var(--ctr-search-button-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-search-button-icon-height, var(--sjs-font-size-x2));\n  }\n}\n\n.svc-search__toolbar-counter {\n  @include ctrSmallBoldFont;\n  display: flex;\n  flex-shrink: 0;\n}","@use \"../../variables\" as *;\n\n.svc-property-panel__item {\n  margin: calcSize(2) 0;\n  width: 100%;\n}\n","@use \"../../variables\" as *;\n\n.svc-property-grid-placeholder {\n  display: flex;\n  padding: var(--ctr-property-grid-placeholder-padding-top, var(--sjs-spacing-x12))\n    var(--ctr-property-grid-placeholder-padding-right, var(--sjs-spacing-x6)) var(--ctr-property-grid-placeholder-padding-bottom, 0px)\n    var(--ctr-property-grid-placeholder-padding-left, var(--sjs-spacing-x6));\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ctr-property-grid-placeholder-image-margin-top, var(--sjs-spacing-x3));\n  flex: 1 0 0;\n  align-self: stretch;\n  background: var(--ctr-property-grid-form-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n}\n.svc-property-grid-placeholder__header {\n  display: flex;\n  max-width: var(--ctr-property-grid-placeholder-text-max-width, 320px);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--ctr-property-grid-placeholder-text-gap, var(--sjs-spacing-x1));\n}\n.svc-property-grid-placeholder__title {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-property-grid-placeholder-text-title-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  text-align: center;\n  display: inline-block;\n}\n.svc-property-grid-placeholder__description {\n  @include ctrSmallFont;\n  color: var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-align: center;\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","@use \"../../variables\" as *;\n\n.svc-tabbed-menu-item {\n  display: flex;\n  align-items: center;\n  min-height: calc(\n    var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3)) +\n      var(--ctr-menu-item-padding-top, var(--sjs-spacing-x250)) +\n      var(--ctr-menu-item-padding-bottom, var(--sjs-spacing-x250))\n  );\n  padding: var(--ctr-menu-item-padding-top, var(--sjs-spacing-x250))\n    var(--ctr-menu-item-padding-right, var(--sjs-spacing-x3))\n    var(--ctr-menu-item-padding-bottom, var(--sjs-spacing-x250))\n    var(--ctr-menu-item-padding-left, var(--sjs-spacing-x3));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n    box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-25, #d4d4d4ff));\n    outline: none;\n  }\n}\n\n.svc-tabbed-menu-item--icon {\n  padding-right: var(--ctr-menu-item-padding-right-icon, var(--sjs-spacing-x2));\n  padding-left: var(--ctr-menu-item-padding-left-icon, var(--sjs-spacing-x2));\n  display: flex;\n  align-items: center;\n}\n\n.svc-tabbed-menu-item--selected {\n  background: var(--ctr-menu-item-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-background-500, #19b394ff));\n\n  &:hover,\n  &:focus {\n    background: var(--ctr-menu-item-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-layer-1-background-500, #ffffffff));\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  @include ctrDefaultFont;\n  white-space: nowrap;\n  display: block;\n  color: var(--ctr-menu-item-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {\n  @include ctrDefaultBoldFont;\n}\n\n.svc-tabbed-menu-item__icon {\n  width: var(--ctr-menu-item-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-menu-item-icon-height, var(--sjs-font-size-x3));\n  fill: var(--ctr-menu-item-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n}\n\n.svc-tabbed-menu-dots__item {\n  width: auto;\n  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n\n  svg {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n  }\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, rgba(0, 0, 0, 0.7490196078)));\n  }\n\n  &:hover,\n  &:focus {\n    border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n    background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n\n  &.sv-action-bar-item--pressed {\n    border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n    opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n    background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n}\n.svc-tabbed-menu-item-container \n{\n  .svc-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}","@use \"../../variables\" as *;\n\n.svc-tabbed-menu {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  align-items: center;\n}\n\n.svc-tabbed-menu-wrapper {\n  flex: 1 1 auto;\n  overflow: hidden;\n}","@use \"../../variables\" as *;\n\n.svc-toolbox__item {\n  display: flex;\n  position: relative;\n  align-items: center;\n  outline: none;\n  padding-top: var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1));\n  padding-bottom: var(--ctr-toolbox-item-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2));\n  padding-inline-start: var(--ctr-toolbox-item-padding-left, var(--sjs-spacing-x150));\n  border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n  cursor: pointer;\n}\n.svc-toolbox__item-icon {\n  display: block;\n  height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n  width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n  pointer-events: none;\n}\n.svc-toolbox__tool {\n  cursor: default;\n  width: initial;\n  align-items: var(--ctr-toolbox-item-align, stretch);\n  align-self: var(--ctr-toolbox-item-align, stretch);\n  &:first-of-type > .svc-toolbox__tool-content {\n    padding-block-start: 0;\n    .svc-toolbox__item-banner {\n      top: 50%;\n    }\n    .svc-toolbox__item-submenu-button {\n      top: 0;\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, var(--sjs-spacing-x05));\n  flex-direction: column;\n  align-items: var(--ctr-toolbox-item-align, stretch);\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, stretch);\n  align-self: var(--ctr-toolbox-item-align, stretch);\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, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n//is visible only on hover\n.svc-toolbox__item-banner {\n  @include ctrSmallBoldFont;\n  opacity: 0;\n  box-sizing: border-box;\n  align-items: center;\n  inset-inline-start: var(--ctr-toolbox-item-banner-left, var(--thm-toolbox-item-banner-left));\n  max-width: calcSize(100);\n  padding-top: var(--ctr-tooltip-padding-top, var(--sjs-spacing-x2));\n  padding-inline-end: var(--ctr-tooltip-padding-right, var(--sjs-spacing-x3));\n  padding-bottom: var(--ctr-tooltip-padding-bottom, var(--sjs-spacing-x2));\n  padding-inline-start: var(--ctr-tooltip-padding-left, var(--sjs-spacing-x3));\n  margin-inline-end: calcSize(-2);\n  white-space: nowrap;\n  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: opacity $creator-transition-duration;\n  /* Shadow / Medium */\n  border-radius: var(--ctr-tooltip-corner-radius, var(--sjs-corner-radius-x075));\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, 8px) var(--ctr-tooltip-shadow-1-spread, 0px)\n      var(--ctr-tooltip-shadow-1-color, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-shadow, #00000040));\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, var(--sjs-layer-1-background-500, #ffffffff));\n  overflow: visible;\n  position: absolute;\n  z-index: 200;\n  top: calc(50% + 0.5 * var(--ctr-toolbox-group-gap, var(--sjs-spacing-x05)));\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, none);\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, block);\n    width: calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) * 1.41);\n    height: calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) * 1.41);\n    background: var(--ctr-tooltip-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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, 8px) var(--ctr-tooltip-shadow-1-spread, 0px)\n        var(--ctr-tooltip-shadow-1-color, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-shadow, #00000040));\n    align-self: center;\n    position: absolute;\n    inset-inline-end: 100%;\n    top: 50%;\n    z-index: 300;\n    transform: translate(\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / 1.41),\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / -1.41)\n      )\n      rotate(45deg);\n    clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);\n  }\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.svc-toolbox__item-title {\n  @include ctrSmallBoldFont;\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, var(--sjs-layer-1-foreground-100, #000000e6));\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.svc-toolbox__tool:hover:not(.svc-toolbox__tool--disabled),\n.svc-toolbox__tool:focus-within:not(.svc-toolbox__tool--disabled) {\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}\n\n.svc-toolbox__tool--disabled {\n  pointer-events: none;\n\n  use {\n    opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.25);\n    fill: var(--ctr-toolbox-item-icon-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n  .svc-toolbox__item-title {\n    opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\n  }\n}\n\n.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus,\n.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled)\n  > .svc-toolbox__tool-content\n  > .svc-toolbox__item,\n.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover {\n  overflow: visible;\n  background-color: var(--ctr-toolbox-item-background-color-hovered, var(--sjs-primary-background-10, #19b3941a));\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, 8px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n      var(--ctr-toolbox-item-shadow-hovered-1-color, #00000000),\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, #00000000);\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, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-primary-background-10, #19b3941a));\n  border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n  box-shadow: none;\n\n  .sv-svg-icon use {\n    fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n.svc-toolbox__item-submenu-button {\n  position: absolute;\n  inset-inline-end: var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2));\n  margin-inline-end: var(--ctr-toolbox-item-submenu-button-margin-right, var(--sjs-spacing-x1n));\n  top: var(--ctr-toolbox-gap, var(--sjs-spacing-x05));\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  height: fit-content;\n  display: inline-flex;\n  padding: var(--ctr-toolbox-item-submenu-button-padding-top, var(--sjs-spacing-x05))\n    var(--ctr-toolbox-item-submenu-button-padding-right, var(--sjs-spacing-x05))\n    var(--ctr-toolbox-item-submenu-button-padding-bottom, var(--sjs-spacing-x05))\n    var(--ctr-toolbox-item-submenu-button-padding-left, var(--sjs-spacing-x05));\n  box-sizing: border-box;\n  align-items: center;\n  border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, var(--sjs-corner-radius-x05));\n  background-color: var(\n    --ctr-toolbox-item-submenu-button-background-color,\n    var(--sjs-layer-1-background-500, #ffffffff)\n  );\n  transition: background-color $creator-transition-duration;\n  &:hover {\n    background-color: var(\n      --ctr-toolbox-item-submenu-button-background-color-hovered,\n      var(--sjs-primary-background-10, #19b3941a)\n    );\n  }\n  svg {\n    fill: var(--ctr-toolbox-item-submenu-button-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\n    width: var(--ctr-toolbox-item-submenu-button-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-toolbox-item-submenu-button-icon-height, var(--sjs-font-size-x2));\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:not(.svc-toolbox__tool--disabled) {\n  .svc-toolbox__item {\n    background: var(--ctr-toolbox-item-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\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, #00000000);\n  }\n\n  .svc-toolbox__item-title {\n    color: var(--ctr-toolbox-item-text-color-pressed, var(--sjs-layer-1-foreground-100, #000000e6));\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, var(--sjs-layer-1-foreground-100, #000000e6));\n    opacity: var(--ctr-toolbox-item-icon-opacity-pressed, 0.35);\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    margin-top: calc(\n      0px - var(--ctr-toolbox-submenu-group-margin-top, var(--sjs-spacing-x150)) -\n        var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1))\n    );\n    padding: 0;\n\n    padding-inline-start: calc(\n      var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2)) +\n        var(--ctr-toolbox-item-submenu-button-margin-right, var(--sjs-spacing-x1n)) +\n        var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)) +\n        var(--ctr-toolbox-border-width-right, var(--sjs-stroke-x1))\n    );\n\n    box-shadow: unset;\n    background: unset;\n  }\n\n  .sv-list__container {\n    flex-wrap: wrap;\n    column-gap: calcSize(2);\n    row-gap: var(--ctr-toolbox-group-gap, var(--sjs-spacing-x05));\n  }\n\n  & > .sv-popup__container > .sv-popup__body-content {\n    border-radius: var(--ctr-toolbox-submenu-corner-radius, var(--sjs-corner-radius-x1));\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, var(--sjs-special-glow, #004c441a)),\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, var(--sjs-special-glow, #004c441a));\n    background: var(--ctr-toolbox-submenu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    padding: 0;\n  }\n\n  .sv-popup__scrolling-content {\n    padding-top: calc(var(--ctr-toolbox-submenu-group-margin-top, var(--sjs-spacing-x150)));\n    padding-inline-end: var(--ctr-toolbox-submenu-group-margin-right, var(--sjs-spacing-x150));\n    padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, var(--sjs-spacing-x150));\n    padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, var(--sjs-spacing-x150));\n    overflow: visible;\n    box-sizing: border-box;\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, 1);\n    overflow: hidden;\n    border-radius: var(--ctr-toolbox-item-corner-radius, var(--sjs-corner-radius-x1));\n    background: var(--ctr-toolbox-item-background-color-submenu, var(--sjs-layer-1-background-500, #ffffffff));\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, 8px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n        var(--ctr-toolbox-item-shadow-hovered-1-color, #00000000),\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, #00000000);\n    transition: 0.1s ease-in-out;\n    padding: var(--ctr-toolbox-item-padding-top-submenu, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2))\n      var(--ctr-toolbox-item-padding-bottom-submenu, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-item-padding-left-submenu, var(--sjs-spacing-x2));\n    align-self: flex-start;\n    min-width: var(--ctr-toolbox-submenu-item-min-width, calc(17 * 8px));\n    box-sizing: border-box;\n\n    .svc-toolbox__item-title {\n      color: var(--ctr-toolbox-item-text-color-submenu, var(--sjs-layer-2-foreground-100, #000000e6));\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, var(--sjs-primary-background-10, #19b3941a));\n      opacity: unset;\n\n      .svc-toolbox__item-title {\n        color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, #000000e6));\n      }\n    }\n  }\n\n  .svc-toolbox__item-title {\n    padding: 0;\n  }\n\n  .svc-toolbox__tool-content {\n    padding-block-start: 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, var(--sjs-spacing-x150));\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, var(--sjs-spacing-x05));\n    align-self: flex-start;\n    pointer-events: all;\n  }\n  .svc-toolbox__search-button {\n    padding-inline-start: var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05));\n  }\n  .svc-toolbox__item {\n    padding-inline-start: var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-spacing-x1));\n    padding-inline-end: var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-spacing-x1));\n    box-sizing: border-box;\n    align-self: flex-start;\n  }\n  .svc-toolbox__tool--dots {\n    padding-inline-end: 0;\n    padding-inline-start: 0;\n  }\n  .svc-toolbox__item--dots {\n    padding-inline-end: var(--ctr-toolbox-item-padding-right, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-item-padding-left, var(--sjs-spacing-x150));\n  }\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n  --toolbox-width-compact: calc(\n    var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3)) +\n    var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)) * 2 +\n    var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)) +\n    var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150))\n  );\n\n  --thm-toolbox-item-banner-left: calc(\n    var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3)) +\n    var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-spacing-x1)) +\n    var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)) * 2 +\n    var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)) +\n    var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) * 2\n  );\n\n  width: auto;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: content-box;\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, var(--sjs-stroke-x1)) solid var(--ctr-toolbox-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-toolbox-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  min-width: var(--ctr-toolbox-min-width, var(--sjs-size-x20));\n  box-sizing: content-box;\n}\n\n.svc-toolbox {\n  .sv-scroll__wrapper {\n    height: 0;\n    flex-grow: 1;\n  }\n\n  .sv-scroll__scroller {\n    padding: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150)) var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-padding-bottom, var(--sjs-spacing-x2)) var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150));\n    align-items: var(--ctr-toolbox-scroller-align-items, flex-start);\n\n  }\n  .sv-scroll__scrollbar {\n    inset-inline-end: var(--ctr-toolbox-scrollbar-right, 0);\n    inset-inline-start: var(--ctr-toolbox-scrollbar-left, \"auto\");\n    padding: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150)) 0 var(--ctr-toolbox-padding-bottom, var(--sjs-spacing-x2)) 0;\n  }\n}\n\n.svc-toolbox--scrollable {\n  --toolbox-width: var(--ctr-toolbox-min-width, var(--sjs-size-x20));\n}\n.svc-toolbox--compact {\n  margin-inline-end: var(--ctr-toolbox-margin-left-compact, 0);\n  .svc-toolbox__panel {\n    overflow: visible;\n    width: var(--toolbox-width-compact);\n    min-width: var(--toolbox-width-compact);\n  }\n  .sv-scroll__scroller {\n    width: 100vw;\n    padding: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150)) var(--ctr-toolbox-group-padding-right-compact, var(--sjs-spacing-x150))\n      var(--ctr-toolbox-padding-bottom, var(--sjs-spacing-x2)) var(--ctr-toolbox-group-padding-left-compact, var(--sjs-spacing-x150));\n    pointer-events: none;\n  }\n  .svc-search {\n    opacity: 0;\n    position: absolute;\n  }\n  .svc-toolbox__search-container {\n    padding-top: var(--ctr-toolbox-padding-top, var(--sjs-spacing-x150));\n    padding-inline-start: var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150));\n    padding-inline-end: var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150));\n    padding-bottom: calc(var(--ctr-toolbox-separator-padding-top, var(--sjs-spacing-x1)) + var(--ctr-toolbox-gap, var(--sjs-spacing-x05)));\n  }\n  .svc-toolbox__category-separator {\n    box-sizing: content-box;\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, var(--sjs-spacing-x2));\n    margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right-compact, var(--sjs-spacing-x150)) - var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)));\n    margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left-compact, var(--sjs-spacing-x150)) - var(--ctr-toolbox-item-margin-horizontal-no-text, var(--sjs-spacing-x05)));\n  }\n  .svc-toolbox__category-separator--search {\n    margin-inline-end: 0;\n    margin-inline-start: 0;\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  svg {\n    height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n    width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n  }\n}\n\n.svc-toolbox--flyout {\n  --toolbox-width: var(--ctr-toolbox-min-width, var(--sjs-size-x20));\n  margin-inline-end: var(--ctr-toolbox-margin-left-compact, 0);\n  overflow: visible;\n  overflow: visible;\n  width: var(--toolbox-width-compact);\n  max-width: var(--thm-toolbox-width-compact, calcSize(10.5));\n  overflow: visible;\n  border-inline-end: var(--ctr-toolbox-border-width-right, var(--sjs-stroke-x1)) solid transparent;\n\n  .svc-search {\n    opacity: 1;\n    position: relative;\n  }\n\n  .svc-toolbox__panel {\n    z-index: 200;\n    width: fit-content;\n    position: relative;\n    box-shadow:\n      var(--ctr-toolbox-shadow-floating-2-offset-x, 0px)\n        var(--ctr-toolbox-shadow-floating-2-offset-y, 16px)\n        var(--ctr-toolbox-shadow-floating-2-blur, 32px)\n        var(--ctr-toolbox-shadow-floating-2-spread, 0px)\n        var(--ctr-toolbox-shadow-floating-2-color, var(--sjs-special-glow, #004c441a)),\n      var(--ctr-toolbox-shadow-floating-1-offset-x, 0px)\n        var(--ctr-toolbox-shadow-floating-1-offset-y, 2px)\n        var(--ctr-toolbox-shadow-floating-1-blur, 8px)\n        var(--ctr-toolbox-shadow-floating-1-spread, 0px)\n        var(--ctr-toolbox-shadow-floating-1-color, var(--sjs-special-glow, #004c441a));\n    transition: box-shadow $creator-transition-duration;\n  }\n}\n.svc-toolbox--searchable {\n  .svc-toolbox__search-container {\n    display: flex;\n  }\n}\n.svc-toolbox__search-container {\n  position: sticky;\n  top: 0;\n  display: none;\n  flex-direction: column;\n  box-sizing: border-box;\n  background: var(--ctr-toolbox-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-bottom: var(--ctr-toolbox-search-border-width-bottom, var(--sjs-stroke-x1)) solid transparent;\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  margin-bottom: var(--ctr-toolbox-gap, var(--sjs-spacing-x05));\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.svc-toolbox__category-separator {\n  box-sizing: border-box;\n  padding-top: var(--ctr-toolbox-separator-padding-top, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-toolbox-separator-padding-right, 0px);\n  padding-bottom: var(--ctr-toolbox-separator-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-start: var(--ctr-toolbox-separator-padding-left, var(--sjs-spacing-x2));\n  margin-top: var(--ctr-toolbox-gap, var(--sjs-spacing-x05));\n  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)));\n  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150)));\n  max-width: var(--ctr-toolbox-separator-max-width, var(--sjs-size-max));\n  &:after {\n    content: \"\";\n    display: block;\n    height: var(--ctr-toolbox-separator-height, var(--sjs-stroke-x1));\n    background-color: var(--ctr-toolbox-separator-color, var(--sjs-border-25, #d4d4d4ff));\n  }\n}\n\n.svc-toolbox__category-separator--search {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  align-self: center;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 0;\n  margin-top: 0;\n  max-width: initial;\n}\n\n.svc-toolbox--no-separators {\n  .svc-toolbox__category-separator {\n    display: none;\n  }\n  .svc-toolbox__category-separator--search {\n    display: block;\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, var(--sjs-spacing-x150))\n    var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-right, var(--sjs-spacing-x150));\n  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, var(--sjs-spacing-x150)));\n  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, var(--sjs-spacing-x150)));\n  align-self: stretch;\n}\n.svc-toolbox__category-header {\n  min-height: var(--ctr-toolbox-group-header-min-height, var(--sjs-spacing-x5));\n  padding-top: var(--ctr-toolbox-group-header-padding-top, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-toolbox-group-header-padding-right, var(--sjs-spacing-x1));\n  padding-bottom: var(--ctr-toolbox-group-header-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-start: var(--ctr-toolbox-group-header-padding-left, var(--sjs-spacing-x2));\n\n  border-radius: var(--ctr-toolbox-group-header-corner-radius, var(--sjs-corner-radius-x1));\n  background: var(--ctr-toolbox-group-header-background-color, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n  box-shadow:\n    inset 0 var(--ctr-toolbox-group-header-border-width-top, 0px)\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff)),\n    inset calc(0px - var(--ctr-toolbox-group-header-border-width-right, 0px)) 0\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff)),\n    inset 0 calc(0px - var(--ctr-toolbox-group-header-border-width-bottom, 0px))\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff)),\n    inset var(--ctr-toolbox-group-header-border-width-left, 0px) 0\n      var(--ctr-toolbox-group-header-border-color, var(--sjs-border-25, #d4d4d4ff));\n\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calcSize(20);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.svc-toolbox__category-header--collapsed {\n  cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n  @include ctrSmallBoldFont;\n  color: var(--ctr-toolbox-group-header-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  vertical-align: middle;\n  display: block;\n  flex-grow: 1;\n}\n\n.svc-toolbox__category-header__controls {\n  inset-inline-end: calcSize(1);\n  top: var(--ctr-category-header-controls-top, calcSize(1));\n  display: flex;\n  opacity: 0;\n  align-self: center;\n  margin-top: -50%;\n  margin-bottom: -50%;\n  transition: opacity $creator-transition-duration;\n}\n\n.svc-toolbox__category-header__button {\n  fill: var(--ctr-toolbox-group-header-expand-button-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  height: var(--ctr-toolbox-item-icon-height, var(--sjs-font-size-x3));\n  width: var(--ctr-toolbox-item-icon-width, var(--sjs-font-size-x3));\n}\n\n.svc-toolbox__category-header:hover {\n  .svc-toolbox__category-header__controls {\n    opacity: 1;\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  @include ctrSmallFont;\n  padding-top: calcSize(13.5);\n  margin-inline-start: auto;\n  margin-inline-end: auto;\n  color: var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n\n.svc-toolbox--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n  .svc-search {\n    padding-top: var(--ctr-toolbox-search-padding-top, var(--sjs-spacing-x250));\n    padding-inline-end: var(--ctr-toolbox-search-padding-right, var(--sjs-spacing-x2));\n    padding-bottom: var(--ctr-toolbox-search-padding-bottom, var(--sjs-spacing-x250));\n    padding-inline-start: var(--ctr-toolbox-search-padding-left, var(--sjs-spacing-x3));\n    gap: var(--ctr-toolbox-search-gap, var(--sjs-spacing-x1));\n    height: unset;\n\n    width: unset;\n    flex-grow: 1;\n    border-bottom: none;\n  }\n\n  .svc-search__input {\n    color: var(--ctr-toolbox-search-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n  .svc-search__input::placeholder {\n    color: var(--ctr-toolbox-search-text-color-placeholder, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n  .svc-search__bar-item {\n    &:hover:enabled {\n      background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, var(--sjs-semantic-red-background-10, #e50a3e1a));\n      svg use {\n        fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, var(--sjs-semantic-red-background-500, #e50a3eff));\n      }\n    }\n  }\n\n  .svc-search__search-icon {\n    width: var(--ctr-toolbox-search-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-toolbox-search-icon-height, var(--sjs-font-size-x3));\n  \n    .sv-svg-icon {\n      width: var(--ctr-toolbox-search-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-toolbox-search-icon-height, var(--sjs-font-size-x3));\n  \n      use {\n        fill: var(--ctr-toolbox-search-icon-color, var(--sjs-primary-background-500, #19b394ff));\n      }\n    }\n  }\n}","@use \"../../variables\" as *;\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(\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / -1.41),\n        calc(var(--ctr-tooltip-pointer-height, var(--sjs-size-x05)) / -1.41)\n      )\n      scaleX(-1)\n      rotate(45deg);\n    }\n  }\n  .svc-toolbox__item-submenu-button {\n    svg {\n      transform: rotate(180deg);\n    }  \n  }\n}\n.svc-creator__toolbox--right {\n  .sv-popup__body-content,\n  .svc-search\n  {\n    direction: initial;\n  }\n}","@use \"../../variables\" as *;\n$svc-toolbox-fade-in-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);\n$svc-toolbox-move-in-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);\n$svc-toolbox-fade-in-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);\n$svc-toolbox-fade-out-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);\n$svc-toolbox-move-out-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);\n$svc-toolbox-move-out-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);\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\n@keyframes toolboxFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes toolboxMoveIn {\n  from {\n    width: var(--toolbox-width-compact);\n    overflow: hidden;\n  }\n\n  to {\n    width: var(--animation-width);\n    overflow: hidden;\n  }\n}\n\n@keyframes toolboxSeparatorSearchMoveIn {\n  from {\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, var(--sjs-spacing-x2));\n\n    overflow: hidden;\n  }\n\n  to {\n    padding-inline-end: 0;\n    padding-inline-start: 0;\n    overflow: hidden;\n  }\n}\n\n@keyframes toolboxSeparatorMoveIn {\n  from {\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, var(--sjs-spacing-x2));\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, var(--sjs-spacing-x2));\n    overflow: hidden;\n  }\n\n  to {\n    padding-inline-end: var(--ctr-toolbox-separator-padding-right, 0px);\n    padding-inline-start: var(--ctr-toolbox-separator-padding-left, var(--sjs-spacing-x2));\n    overflow: hidden;\n  }\n}\n\n.svc-toolbox__panel--enter,\n.svc-toolbox__panel--leave {\n  animation-fill-mode: forwards;\n  animation-duration: var(--move-animation-duration), var(--animation-duration);\n  animation-delay: var(--move-animation-delay), 0s;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-name: toolboxMoveIn, empty;\n  animation-fill-mode: forwards;\n  min-width: 0;\n\n  .svc-toolbox__category-separator {\n    animation-duration: var(--move-animation-duration);\n    animation-delay: var(--move-animation-delay);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n    animation-name: toolboxSeparatorMoveIn;\n    animation-fill-mode: forwards;\n  }\n\n  .svc-toolbox__category-separator--search {\n    animation-name: toolboxSeparatorSearchMoveIn;\n  }\n\n  .svc-toolbox__item-submenu-button,\n  .svc-toolbox__item-title,\n  .svc-search__input {\n    animation-duration: var(--fade-animation-duration);\n    animation-delay: var(--fade-animation-delay);\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n    animation-name: toolboxFadeIn;\n    animation-fill-mode: forwards;\n    opacity: 0;\n    text-overflow: initial;\n  }\n}\n\n.svc-toolbox__panel--enter {\n  --fade-animation-duration: #{$svc-toolbox-fade-in-duration};\n  --move-animation-duration: #{$svc-toolbox-move-in-duration};\n  --fade-animation-delay: #{$svc-toolbox-fade-in-delay};\n  --move-animation-delay: 0s;\n  --animation-direction: normal;\n  --animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));\n  --animation-timing-function: #{$cubic-ease-out};\n}\n\n.svc-toolbox__panel--leave {\n  --fade-animation-duration: #{$svc-toolbox-fade-out-duration};\n  --move-animation-duration: #{$svc-toolbox-move-out-duration};\n  --fade-animation-delay: 0s;\n  --move-animation-delay: #{$svc-toolbox-move-out-delay};\n  --animation-direction: reverse;\n  --animation-duration: 0s;\n  --animation-timing-function: #{$reverse-cubic-ease-out};\n}\n\n.svc-toolbox--flyout-to-compact-running {\n  width: var(--toolbox-width-compact);\n  margin-inline-end: var(--ctr-toolbox-margin-left-compact, 0);\n  z-index: 200;\n  border-inline-end: var(--ctr-toolbox-border-width-right, var(--sjs-stroke-x1)) solid transparent;\n}\n\n.svc-creator--disable-animations {\n\n  .svc-toolbox__panel--enter,\n  .svc-toolbox__panel--leave {\n    animation: none;\n  }\n}","@use \"../../variables\" as *;\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  width: var(--ctr-property-grid-width, var(--sjs-size-x60));\n  min-width: var(--ctr-property-grid-min-width, var(--sjs-size-x40));\n  max-width: var(--sjs-size-x90);\n  height: 100%;\n  background: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border-inline-start: var(--ctr-property-grid-border-width-left, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-border-color, var(--sjs-border-25, #d4d4d4ff));\n    box-sizing: content-box;\n}\n\n.svc-side-bar--narrow {\n  .svc-side-bar__container {\n    max-width: var(--sjs-size-x64);\n  }\n}\n\n.svc-side-bar__wrapper {\n  height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n  width: 3px;\n  height: 100%;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  background-color: transparent;\n  cursor: e-resize;\n}\n\n.svc-resizer-west {\n  left: 0;\n}\n\n.svc-resizer-east {\n  right: 0;\n}\n\n.svc-side-bar__container-header {\n  background: var(--ctr-property-grid-header-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-background-500, #19b394ff));\n  // text-align: right;\n  display: flex;\n  padding: var(--ctr-property-grid-header-padding-top, var(--sjs-spacing-x150)) var(--ctr-property-grid-header-padding-right, var(--sjs-spacing-x2))\n  var(--ctr-property-grid-header-padding-bottom, var(--sjs-spacing-x150)) var(--ctr-property-grid-header-padding-left, var(--sjs-spacing-x2));\n}\n\n.svc-side-bar__container-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  height: 100%;\n  overflow-y: auto;\n  background-color: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\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 var(--sjs-border-default, var(--border, #d6d6d6));\n// }\n\n.svc-side-bar__container-title {\n  @include ctrDefaultFont;\n\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 0;\n  justify-content: flex-end;\n  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1)) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.svc-side-bar__container-actions {\n  width: 100%;\n  box-sizing: border-box;\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    border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n\n    &:focus {\n      background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n    }\n    \n    &:hover {\n      background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-layer-1-background-400, #f5f5f5ff));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n  \n  .sv-action-bar-item__title {\n    color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n  \n  .sv-action-bar-item__icon use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\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, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.svc-side-bar {\n  height: 100%;\n}\n\n$tabs-width: calc(var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1)) + var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1)) + var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3)) + var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150)) + var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150)));\n\n.svc-side-bar--flyout {\n  z-index: 1000;\n  .svc-side-bar__shadow {\n    background-color: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n  }\n  .svc-side-bar__container-wrapper {\n    border-left: none;\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: 1;\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    height: auto;\n  }\n\n  .sv-action-bar-item__title {\n    @include ctrDefaultFont;\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.svd-grid-hide {\n  margin-inline-end: auto;\n\n  .sv-action-bar-item--icon {\n    padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n      var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  }\n  .sv-svg-icon {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n  }\n}\n\n.svc-side-bar {\n  .svc-toolbox {\n    width: 100%;\n  }\n  .svc-toolbox .sv-scroll__scroller {\n    direction: initial;\n  }\n  .svc-toolbox .sv-scroll__scrollbar {\n    inset-inline-end: 0;\n    inset-inline-start: initial;\n  }\n  .svc-toolbox__category-separator--search {\n    display: none\n  }\n  .svc-toolbox__panel {\n    width: unset;\n    border: none;\n  }\n}","@use \"../../variables\" as *;\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, var(--sjs-stroke-x1)) solid\n    var(--ctr-property-grid-tabs-border-color, var(--sjs-border-25, #d4d4d4ff));\n  background: var(--ctr-property-grid-tabs-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: border-box;\n}\n.svc-sidebar-tabs__top-container {\n  display: flex;\n  padding-top: var(--ctr-property-grid-tabs-padding-top, var(--sjs-spacing-x150));\n  padding-bottom: var(--ctr-property-grid-tabs-padding-bottom, var(--sjs-spacing-x150));\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-end;\n  gap: var(--ctr-property-grid-tabs-separator-margin, var(--sjs-spacing-x150));\n  flex-grow: 1;\n\n  .sv-scroll__wrapper {\n    height: 0;\n    flex-grow: 1;\n  }\n}\n.svc-sidebar-tabs__collapse-button {\n  display: flex;\n  align-items: center;\n  padding-inline-start: var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150));\n  padding-inline-end: var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150));\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  padding-inline-start: var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150));\n  padding-inline-end: var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150));\n\n  & > div {\n    height: var(--ctr-separator-width, var(--sjs-size-x0125));\n    background: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\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, var(--sjs-spacing-x150));\n  padding-inline-start: var(--ctr-property-grid-tabs-padding-left, var(--sjs-spacing-x150));\n  padding-inline-end: var(--ctr-property-grid-tabs-padding-right, var(--sjs-spacing-x150));\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, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n  gap: var(--ctr-menu-toolbar-button-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n  background: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-background-10, #19b3941a));\n\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #19b394ff));\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-top: var(--ctr-property-grid-tabs-padding-top, var(--sjs-spacing-x150));\n  padding-bottom: var(--ctr-property-grid-tabs-padding-bottom, var(--sjs-spacing-x150));\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-end;\n  gap: var(--ctr-property-grid-tabs-separator-margin, var(--sjs-spacing-x150));\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  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, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px calc(-1 * var(--ctr-property-grid-header-border-width-bottom, var(--sjs-stroke-x2))) 0px\n    var(--ctr-property-grid-header-border-color, var(--sjs-primary-background-500, #19b394ff));\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.svc-sidebar__header--tabbed,\n.svc-sidebar__header-container {\n  min-height: calc(\n    var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3)) +\n      var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1)) +\n      var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1)) +\n      var(--ctr-menu-toolbar-padding-vertical, var(--sjs-spacing-x150)) +\n      var(--ctr-menu-toolbar-padding-vertical, var(--sjs-spacing-x150))\n  );\n}\n\n.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {\n  padding: var(--ctr-property-grid-header-padding-top-with-subtitle, var(--sjs-spacing-x075))\n    var(--ctr-property-grid-header-padding-right, var(--sjs-spacing-x2))\n    var(--ctr-property-grid-header-padding-bottom-with-subtitle, var(--sjs-spacing-x075))\n    var(--ctr-property-grid-header-padding-left, var(--sjs-spacing-x2));\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, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  justify-content: center;\n  align-items: center;\n  gap: var(--ctr-menu-toolbar-button-gap, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n}\n.svc-menu-action__button.svc-menu-action__button--with-subtitle {\n  padding: var(--ctr-menu-toolbar-button-padding-top-with-description, var(--sjs-spacing-x05))\n    var(--ctr-menu-toolbar-button-padding-right-with-description, var(--sjs-spacing-x150))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left-with-description, var(--sjs-spacing-x150));\n}\n\n.svc-menu-action__icon {\n  display: flex;\n  width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n  justify-content: center;\n  align-items: center;\n\n  .sv-svg-icon {\n    width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n    display: block;\n  }\n\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\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  @include ctrDefaultFont;\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  display: inline-block;\n}\n.svc-sidebar__header-subtitle {\n  @include ctrSmallFont;\n  color: var(--ctr-menu-toolbar-button-text-color-secondary, var(--sjs-layer-1-foreground-50, #00000080));\n  display: inline-block;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n\n}\n\n.spg-action-button {\n  @include ctrDefaultBoldFont;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-spacing-x1));\n  box-sizing: border-box;\n  border: none;\n  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-background-500, #19b394ff));\n  border-radius: var(--ctr-actionbar-button-corner-radius, var(--sjs-corner-radius-x1));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n    use {\n      fill: var(--ctr-actionbar-button-icon-color-hovered, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.spg-action-button--icon {\n  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-spacing-x1))\n    var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-spacing-x1));\n}\n.spg-action-button__icon {\n  display: block;\n  width: var(--ctr-actionbar-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-actionbar-button-icon-height, var(--sjs-font-size-x3));\n\n  use {\n    fill: var(--ctr-actionbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    transition: fill $creator-transition-duration;\n  }\n}\n\n.spg-action-button--danger {\n  color: var(--ctr-library-action-button-text-color-negative, var(--sjs-semantic-red-background-500, #e50a3eff));\n\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-library-action-button-background-color-negative-hovered, var(--sjs-semantic-red-background-10, #e50a3e1a));\n\n    use {\n      fill: var(--ctr-library-action-button-icon-color-negative, var(--sjs-semantic-red-background-500, #e50a3eff));\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-actionbar-button-opacity-disabled, 0.25);\n  pointer-events: none;\n  cursor: default;\n}\n\n.spg-action-button--muted {\n  opacity: var(--ctr-actionbar-button-opacity-muted, 0.35);\n}\n\n.spg-action-button:active {\n  opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n}\n\n.spg-action-button--text {\n  padding: calcSize(0.5) calcSize(2);\n}","@use \"../variables\" as *;\n@use \"blocks/spg-action-bar.scss\";\n@use \"blocks/spg-question.scss\";\n@use \"blocks/spg-input.scss\";\n@use \"blocks/spg-dropdown.scss\";\n@use \"blocks/spg-tagbox.scss\";\n@use \"blocks/spg-comment.scss\";\n@use \"blocks/spg-panel.scss\";\n@use \"blocks/spg-checkbox.scss\";\n@use \"blocks/spg-matrixdynamic.scss\";\n@use \"blocks/spg-table.scss\";\n@use \"blocks/spg-question-group.scss\";\n@use \"blocks/spg-color-editor.scss\";\n@use \"blocks/spg-file-edit.scss\";\n@use \"blocks/spg-link\";\n@use \"blocks/spg-theme-builder.scss\";\n@use \"blocks/spg-overriding.scss\";\n@use \"blocks/spg-search-editor.scss\";\n@use \"blocks/spg-buttongroup.scss\";\n\n.spg-root-modern {\n  position: relative;\n  width: 100%;\n  border-inline-end: 1px solid transparent;\n  background: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: border-box;\n  height: 0;\n  flex-grow: 1;\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  display: flex;\n  flex-direction: column;\n}\n\n.spg-root-modern.spg-root--one-category {\n  border-inline-end: unset;\n  background-color: var(--ctr-property-grid-form-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n\n  .spg-page.spg-body__page {\n    box-shadow: unset;\n  }\n}\n\n.sv-popup--modal-popup {\n  &.svc-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    padding: 0;\n  }\n}\n\n.sv-popup.svc-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-action-title-bar {\n  margin-inline-end: var(--ctr-data-table-border-width, var(--sjs-stroke-x1));\n  padding-inline-end: var(--ctr-caption-with-actions-actionbar-padding-right, calcSize(0.5));\n}\n\n.spg-body {\n  width: 100%;\n}\n\n.spg-body--empty {\n  margin: calcSize(3);\n}\n\n.spg-title-toolbar--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    margin-inline-end: auto;\n\n    .spg-action-button--icon {\n      padding: var(--ctr-actionbar-button-padding-top-small-icon, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-right-small-icon, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-bottom-small-icon, var(--sjs-spacing-x05))\n        var(--ctr-actionbar-button-padding-left-small-icon, var(--sjs-spacing-x05));\n      opacity: var(--ctr-actionbar-button-opacity-muted, 0.35);\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    .spg-action-button__icon {\n      width: var(--ctr-actionbar-button-icon-width-small, var(--sjs-font-size-x2));\n      height: var(--ctr-actionbar-button-icon-height-small, var(--sjs-font-size-x2));\n    }\n\n    svg {\n      fill: var(--ctr-actionbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}","@use \"../../variables.scss\" as *;\n\n.spg-question {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n  border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n}\n\n.spg-question.spg-question--disabled {\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.spg-question__header {\n  width: 100%;\n}\n\n.spg-question--disabled .spg-question__header {\n  opacity: var(--ctr-editor-label-opacity-disabled, 0.25);\n}\n\n.spg-question__title {\n  @include ctrDefaultFont;\n  width: 100%;\n  margin: 0;\n  padding: var(--ctr-label-padding-top, var(--sjs-spacing-x1)) var(--ctr-label-padding-right, 0px)\n    var(--ctr-label-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-label-padding-left, 0px);\n  color: var(--ctr-label-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  box-sizing: border-box;\n}\n.spg-question__title.sd-element__title--disabled {\n  color: var(--ctr-caption-with-actions-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-question__content {\n  width: 100%;\n  cursor: pointer;\n}\n\n.spg-question--disabled .spg-question__content {\n  cursor: default;\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  @include ctrSmallFont;\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  color: var(--ctr-editor-label-color, var(--sjs-layer-3-foreground-50, #00000080));\n  position: absolute;\n  inset-inline-end: calcSize(0.75);\n  inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n  @include ctrSmallFont;\n  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  padding-bottom: calcSize(2);\n  white-space: normal;\n}\n\n.spg-question--disabled .spg-question__description {\n  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n}\n\n.spg-row-narrow__question {\n  --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2));\n  margin-top: calc(-1 * var(--thm-ctr-property-grid-form-gap));\n}\n\n.spg-row--multiple {\n  & > div > .spg-row-narrow__question {\n    --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n    margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n  }\n}\n\n.spg-question--location--left {\n  flex-direction: row;\n  background: var(--ctr-editor-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n  line-height: calcSize(6);\n  vertical-align: middle;\n  align-items: stretch;\n  border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.spg-question--disabled.spg-question--location--left .spg-question__title {\n  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-question__header--location--left {\n  width: max-content;\n  box-sizing: border-box;\n  max-width: 50%;\n  flex: 0 0;\n  display: flex;\n  align-items: center;\n  padding-inline-start: var(--ctr-editor-padding-left, var(--sjs-spacing-x05));\n\n  .spg-question__title {\n    padding: \n      var(--ctr-editor-label-padding-top, var(--sjs-spacing-x1)) \n      var(--ctr-editor-label-padding-right, var(--sjs-spacing-x2)) \n      var(--ctr-editor-label-padding-bottom, var(--sjs-spacing-x1)) \n      var(--ctr-editor-label-padding-left, var(--sjs-spacing-x150));\n    border-inline-end: var(--ctr-editor-label-separator-width, var(--sjs-stroke-x1)) solid\n      var(--ctr-editor-label-separator-color, var(--sjs-border-10, #dcdcdcff));\n    display: inline-block;\n    color: var(--ctr-editor-label-color, var(--sjs-layer-3-foreground-50, #00000080));\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    .sv-string-viewer {\n      white-space: nowrap;\n    }\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: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n  flex-wrap: wrap;\n\n  & > div {\n    flex-grow: 1;\n    min-width: calcSize(25.5);\n\n    input {\n      min-width: calc(max(17 * #{$base-unit}, 100%));\n      width: 0;\n    }\n  }\n}\n\n.spg-question__erbox {\n  @include ctrDefaultFont;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--ctr-error-message-padding-top, var(--sjs-spacing-x1)) var(--ctr-error-message-padding-right, var(--sjs-spacing-x150))\n    var(--ctr-error-message-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-error-message-padding-left, var(--sjs-spacing-x150));\n\n  color: var(--ctr-error-message-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  background-color: var(--ctr-error-message-background-color, var(--sjs-semantic-red-background-10, #e50a3e1a));\n  border-radius: var(--ctr-error-message-corner-radius, var(--sjs-corner-radius-x05));\n}\n\n.spg-question__erbox,\n.spg-question__erbox>svc-question-error,\nsv-question-error {\n  & > div {\n    display: flex;\n    gap: var(--ctr-error-message-gap, var(--sjs-spacing-x1));\n  }\n}\n\n.spg-question__erbox-icon {\n  width: var(--ctr-error-message-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-error-message-icon-height, var(--sjs-font-size-x3));\n  \n  .sv-svg-icon {\n    vertical-align: top;\n    width: var(--ctr-error-message-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-error-message-icon-height, var(--sjs-font-size-x3));\n  }\n\n  use {\n    fill: var(--ctr-error-message-icon-color, var(--sjs-semantic-red-background-500, #e50a3eff));\n  }\n}\n\n.spg-question__erbox--below-question {\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\n.spg-question--highlighted {\n  .spg-input,\n  .spg-input-container,\n  .spg-question--location--left,\n  .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n    box-shadow: inset 0 0 0 var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n\n  .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n  .spg-matrixdynamic__content.spg-text__content {\n    outline: var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)) solid var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n    outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)));\n    border-radius: var(--ctr-data-table-corner-radius, var(--sjs-corner-radius-x075));\n\n    .spg-input {\n      box-shadow: none;\n    }\n  }\n\n  .svc-action-button {\n    border: var(--ctr-actionbar-button-border-width-highlighed, var(--sjs-stroke-x2)) solid var(--ctr-actionbar-button-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n\n  .sv-button-group {\n    box-shadow: 0 0 0 1px var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n    border-color: var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n\n  .spg-checkbox__control + .spg-checkbox__rectangle {\n    outline: var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)) solid var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n    outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, var(--sjs-stroke-x2)));\n  }\n\n  .spg-button-group::after {\n    box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-highlighted, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}","@use \"../../variables.scss\" as *;\n\n.spg-input {\n  @include ctrDefaultFont;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background-color: var(--ctr-editor-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n  transition: box-shadow $creator-transition-duration;\n\n  padding-top: calc(var(--ctr-editor-padding-top, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1)));\n  padding-right: calc(var(--ctr-editor-padding-right, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-right, var(--sjs-spacing-x150)));\n  padding-bottom: calc(var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1)));\n  padding-left: calc(var(--ctr-editor-padding-left, var(--sjs-spacing-x05)) + var(--ctr-editor-content-margin-left, var(--sjs-spacing-x150)));\n  outline: none;\n  color: var(--ctr-editor-content-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.spg-input::placeholder {\n  color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n}\n\n.spg-input {\n  &::-webkit-datetime-edit,\n  &::-webkit-datetime-edit-fields-wrapper,\n  &::-webkit-datetime-edit-ampm-field,\n  &::-webkit-datetime-edit-day-field,\n  &::-webkit-datetime-edit-hour-field,\n  &::-webkit-datetime-edit-millisecond-field,\n  &::-webkit-datetime-edit-minute-field,\n  &::-webkit-datetime-edit-month-field,\n  &::-webkit-datetime-edit-second-field,\n  &::-webkit-datetime-edit-week-field,\n  &::-webkit-datetime-edit-year-field\n  {\n    display: flex;\n    flex-wrap: nowrap;\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n}\n.spg-input[type=\"date\"], \n.spg-input[type=\"datetime-local\"] {\n  &:empty {\n    min-height: calc(var(--ctr-font-default-line-height, var(--sjs-line-height-x3)) +\n     var(--ctr-editor-padding-top, var(--sjs-spacing-x05)) +\n     var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1)) +\n     var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)) + \n     var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1)));\n  }\n}\n\n.spg-input:focus:not(:disabled),\n.spg-input.spg-dropdown:focus:not(:disabled),\n.spg-input.spg-dropdown:focus-within:not(:disabled),\n.spg-input-container:focus-within {\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, var(--sjs-stroke-x2)) var(--ctr-editor-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}\n\ninput.spg-input:focus:read-only {\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder,\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n  color: rgb(from var(--ctr-editor-content-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6)) r g b / var(--ctr-editor-content-text-opacity-disabled, 0.25));\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\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: transparent;\n  border: none;\n  outline: none;\n  border-radius: var(--ctr-editor-button-corner-radius, var(--sjs-corner-radius-x05));\n  padding: var(--ctr-editor-button-padding-top, var(--sjs-spacing-x1)) var(--ctr-editor-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-editor-button-padding-bottom, var(--sjs-spacing-x1)) var(--ctr-editor-button-padding-left, var(--sjs-spacing-x1));\n  line-height: 0;\n  transition: background $creator-transition-duration, opacity $creator-transition-duration;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:focus,\n  &:hover {\n    background: var(--ctr-editor-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n  }\n\n  &:active {\n    opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n  }\n\n  svg {\n    width: var(--ctr-editor-button-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-editor-button-icon-height, var(--sjs-font-size-x3));\n    fill: var(--ctr-editor-button-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n  }\n}\n\n.spg-input-container--multiline .spg-input__edit-button {\n  align-self: flex-end;\n}\n\n.spg-input__edit-button--disabled,\n.spg-input__edit-button:disabled {\n  opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n  background: transparent;\n\n  svg {\n    fill: var(--ctr-editor-button-icon-color-disabled, var(--sjs-layer-3-foreground-75, #000000bf));\n  }\n}\n\n.spg-input.spg-input--error {\n  box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, var(--sjs-semantic-red-background-500, #e50a3eff));\n}\n\n.spg-input-container {\n  display: flex;\n  justify-content: space-between;\n  cursor: default;\n  padding: var(--ctr-editor-padding-top, var(--sjs-spacing-x05)) var(--ctr-editor-padding-right, var(--sjs-spacing-x05))\n    var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)) var(--ctr-editor-padding-left, var(--sjs-spacing-x05));\n  align-items: center;\n  gap: var(--ctr-editor-gap, var(--sjs-spacing-x05));\n  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1)) var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\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  @include ctrDefaultFont;\n  flex-grow: 1;\n  width: 100%;\n  padding: var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1)) var(--ctr-editor-content-margin-right, var(--sjs-spacing-x150))\n    var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1)) var(--ctr-editor-content-margin-left, var(--sjs-spacing-x150));\n\n  color: var(--ctr-editor-content-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  outline: none;\n  border: none;\n  background-color: transparent;\n\n  &::placeholder {\n    color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n}\n\n.spg-input-container__input:disabled,\n.spg-input-container__input:disabled::placeholder {\n  opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);\n  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-layer-1-foreground-100, #000000e6));\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.spg-input-container__buttons-container {\n  display: flex;\n  gap: var(--ctr-editor-buttons-gap, var(--sjs-spacing-x05));\n  align-self: stretch;\n}\n","@use \"../../variables\" as *;\n\n.spg-dropdown {\n    display: flex;\n\n    padding-top: calc(var(--ctr-editor-padding-top, var(--sjs-spacing-x05)));\n    padding-right: calc(var(--ctr-editor-padding-right, var(--sjs-spacing-x05)));\n    padding-bottom: calc(var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05)));\n    padding-left: calc(\n        var(--ctr-editor-padding-left, var(--sjs-spacing-x05)) +\n            var(--ctr-editor-content-margin-left, var(--sjs-spacing-x150))\n    );\n}\n\n.spg-dropdown__value {\n    @include ctrDefaultFont;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    position: relative;\n\n    margin-top: var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1));\n    margin-right: var(--ctr-editor-content-margin-right, var(--sjs-spacing-x150));\n    margin-bottom: var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1));\n    margin-left: 0;\n}\n.spg-dropdown__filter-string-input {\n    @include ctrDefaultFont;\n\n    color: var(--ctr-editor-content-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n}\n\n.spg-dropdown-popup.sv-popup--menu-popup {\n    height: 0;\n}\n\n.spg-dropdown__clean-button {\n    --thm-ctr-editor-content-margin-top: var(--ctr-editor-content-margin-top, var(--sjs-spacing-x1));\n    --thm-ctr-editor-content-margin-bottom: var(--ctr-editor-content-margin-bottom, var(--sjs-spacing-x1));\n    margin-top: calc(-1 * var(--thm-ctr-editor-content-margin-top));\n    margin-bottom: calc(-1 * var(--thm-ctr-editor-content-margin-bottom));\n    use {\n        fill: inherit;\n    }\n}\n\n.spg-dropdown {\n    .sd-dropdown-action-bar {\n        margin-inline-start: var(--ctr-editor-gap, var(--sjs-spacing-x05));\n        gap: var(--ctr-editor-buttons-gap, var(--sjs-spacing-x05));\n    }\n\n    .sd-editor-button-item {\n        padding-top: var(--ctr-editor-button-padding-top, var(--sjs-spacing-x1));\n        padding-right: var(--ctr-editor-button-padding-right, var(--sjs-spacing-x1));\n        padding-bottom: var(--ctr-editor-button-padding-bottom, var(--sjs-spacing-x1));\n        padding-left: var(--ctr-editor-button-padding-left, var(--sjs-spacing-x1));\n        transform: none;\n\n        &:hover,\n        &:focus {\n            border-radius: var(--ctr-editor-button-corner-radius, var(--sjs-corner-radius-x05));\n            background: var(--ctr-editor-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n            transition: background $creator-transition-duration;\n        }\n\n        &.sd-editor-button-item--pressed {\n            border-radius: var(--ctr-editor-button-corner-radius, var(--sjs-corner-radius-x05));\n            opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n            background: var(--ctr-editor-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n            transition-property: opacity, background-color;\n            transition-duration: $creator-transition-duration;\n        }\n\n        use {\n            fill: var(--ctr-editor-button-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n        }\n    }\n\n    .sv-editor-button-item__icon {\n        width: var(--ctr-editor-button-icon-width, var(--sjs-font-size-x3));\n        height: var(--ctr-editor-button-icon-height, var(--sjs-font-size-x3));\n    }\n}\n\n.spg-dropdown.sd-input--disabled {\n    opacity: 1;\n\n    .spg-dropdown__value {\n        opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);\n    }\n    .sd-editor-button-item {\n        opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n        background: transparent;\n\n        svg {\n            fill: var(--ctr-editor-button-icon-color-disabled, var(--sjs-layer-3-foreground-75, #000000bf));\n        }\n    }\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-tagbox.spg-tagbox {\n    background-color: var(--ctr-editor-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n    border-radius: var(--ctr-editor-corner-radius, var(--sjs-corner-radius-x075));\n    box-shadow: inset 0 0 0 var(--ctr-editor-border-width, var(--sjs-stroke-x1))\n        var(--ctr-editor-border-color, var(--sjs-border-10, #dcdcdcff));\n    transition: box-shadow $creator-transition-duration;\n\n    &:focus-within {\n        box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, var(--sjs-stroke-x2))\n            var(--ctr-editor-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n    }\n}\n.spg-tagbox__value.spg-tagbox__value {\n    gap: var(--ctr-tag-box-gap, var(--sjs-spacing-x05));\n    overflow: visible;\n}\n\n.spg-tagbox__value {\n    .sv-tagbox__item {\n        padding: var(--ctr-tag-box-item-padding-top, var(--sjs-spacing-x1))\n            var(--ctr-tag-box-item-padding-right, var(--sjs-spacing-x150))\n            var(--ctr-tag-box-item-padding-bottom, var(--sjs-spacing-x1))\n            var(--ctr-tag-box-item-padding-left, var(--sjs-spacing-x150));\n\n        border-radius: var(--ctr-tag-box-item-corner-radius, var(--sjs-corner-radius-x025));\n        box-shadow: inset 0 0 0 var(--ctr-tag-box-item-border-width, var(--sjs-stroke-x1))\n            var(--ctr-tag-box-item-border-color, var(--sjs-border-default, #d4d4d4));\n        background: var(--ctr-tag-box-item-background-color, var(--sjs-layer-1-background-500, #ffffff));\n    }\n\n    .sv-tagbox__item-text {\n        @include ctrDefaultBoldFont;\n        color: var(--ctr-tag-box-item-text-color, var(--sjs-primary-background-500, #19b394));\n    }\n}\n\n.spg-tagbox-item_clean-button {\n    background: linear-gradient(\n        270deg,\n        var(--ctr-tag-box-item-mask-color-1, var(--sjs-primary-foreground-100, #ffffff)) 50%,\n        var(--ctr-tag-box-item-mask-color-2, var(--sjs-primary-foreground-25, #ffffff40)) 100%\n    );\n}\n\n.spg-tagbox-item_clean-button-svg use {\n    fill: var(--ctr-tag-box-item-remove-button-icon-color, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.spg-tagbox-item_clean-button-svg:hover {\n    border-radius: var(--ctr-tag-box-item-remove-button-corner-radius, var(--sjs-corner-radius-round));\n    background: var(\n        --ctr-tag-box-item-remove-button-background-color-hovered,\n        var(--sjs-primary-background-10, #19b3941a)\n    );\n}\n","@use \"../../variables\" as *;\n\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","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-panel {\n}\n.spg-panel__title {\n  @include ctrDefaultFont;\n\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, var(--sjs-layer-1-foreground-75, #000000bf));\n  cursor: pointer;\n  background-color: var(--ctr-property-grid-chapter-caption-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-25, #d4d4d4ff));\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, var(--sjs-layer-1-foreground-100, #000000e6));\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, var(--sjs-layer-1-background-400, #f5f5f5ff));\n}\n\n.spg-panel__title--expandable:focus {\n  background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, var(--sjs-layer-1-background-400, #f5f5f5ff));\n}\n\n.spg-panel__title--expanded {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-property-grid-chapter-caption-text-color-selected, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-panel__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  padding-top: calc(\n    var(--ctr-property-grid-form-padding-top, var(--sjs-spacing-x2)) -\n      var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2))\n  );\n  padding-inline-end: var(--ctr-property-grid-form-padding-right, var(--sjs-spacing-x4));\n  padding-bottom: var(--ctr-property-grid-form-padding-bottom, var(--sjs-spacing-x5));\n  padding-inline-start: var(--ctr-property-grid-form-padding-left, var(--sjs-spacing-x4));\n  box-sizing: border-box;\n  background: var(--ctr-property-grid-form-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-25, #d4d4d4ff));\n}\n\n.spg-panel__content {\n  .spg-row {\n    width: 100%;\n    margin-top: var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2));;\n  }\n\n  .spg-row--multiple {\n    margin-top: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n  }\n}\n.svc-side-bar--mobile {\n  .spg-panel__content {\n    padding-inline-end: var(--ctr-property-grid-form-padding-right, var(--sjs-spacing-x4));\n    padding-inline-start: var(--ctr-property-grid-form-padding-left, var(--sjs-spacing-x4));\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}\n.spg-panel.spg-panel--group {\n  &>.spg-panel__content {\n    padding: 0;\n    box-shadow: none;\n  }\n  .spg-panel__title {\n    @include ctrDefaultFont;\n    color: var(--ctr-label-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n    box-shadow: none;\n    background-color: transparent;\n    padding-top: var(--ctr-label-padding-top, var(--sjs-spacing-x1));\n    padding-inline-end: var(--ctr-label-padding-right, 0px);\n    padding-bottom: var(--ctr-label-padding-bottom, var(--sjs-spacing-x1));\n    padding-inline-start: var(--ctr-label-padding-left, 0px);\n    color: var(--ctr-label-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n  .spg-row {\n    margin-top: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n  }\n  .spg-row:first-of-type {\n    margin-top: 0;\n  }\n}","@use \"../../variables\" as *;\n\n.spg-checkbox {\n  cursor: pointer;\n  margin-top: var(--ctr-checkbox-list-gap-vertical, var(--sjs-spacing-x2));\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, var(--sjs-layer-1-foreground-100, #000000e6));\n  }\n\n  .spg-checkbox__rectangle,\n  &.spg-checkbox:active .spg-checkbox__rectangle,\n  &.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n    border: var(--ctr-checkbox-border-width, var(--sjs-stroke-x1)) solid var(--ctr-checkbox-border-color-disabled, var(--sjs-border-10, #dcdcdcff));\n    background: var(--ctr-checkbox-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n    outline: none;\n  }\n}\n\n.spg-checkbox__caption {\n  @include ctrDefaultFont;\n  color: var(--ctr-checkbox-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n}\n\n.spg-checkbox__rectangle {\n  background: var(--ctr-checkbox-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  border: var(--ctr-checkbox-border-width, var(--sjs-stroke-x1)) solid var(--ctr-checkbox-border-color, var(--sjs-border-10, #dcdcdcff));\n  border-radius: var(--ctr-checkbox-corner-radius, var(--sjs-corner-radius-x05));\n  box-sizing: border-box;\n  width: var(--ctr-checkbox-button-width, var(--sjs-font-size-x3));\n  height: var(--ctr-checkbox-button-height, var(--sjs-font-size-x3));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  // padding: calcSize(0.5);\n  padding: 1px 1px;\n  outline: 2px solid transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background $creator-transition-duration, background-color $creator-transition-duration, outline $creator-transition-duration;\n}\n\n.spg-checkbox:not(.spg-checkbox--checked):hover {\n  .spg-checkbox__rectangle {\n    background-color: var(--ctr-checkbox-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n  }\n}\n\n.spg-checkbox:active .spg-checkbox__rectangle,\n.spg-checkbox__control:focus:not(:disabled)+.spg-checkbox__rectangle {\n  outline: 2px solid var(--ctr-checkbox-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n  outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n  display: block;\n  opacity: 0;\n  fill: transparent;\n  width: var(--ctr-checkbox-button-check-mark-width, var(--sjs-font-size-x2));\n  height: var(--ctr-checkbox-button-check-mark-height, var(--sjs-font-size-x2));\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 {\n  .spg-checkbox__rectangle {\n    background: var(--ctr-checkbox-background-color-selected, var(--sjs-layer-1-background-500, #ffffffff));\n  }\n\n  .spg-checkbox__svg {\n    opacity: 1;\n    fill: var(--ctr-checkbox-button-check-mark-color, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n  fill: var(--ctr-checkbox-button-check-mark-color-disabled, var(--sjs-border-25, #d4d4d4ff));\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: var(--ctr-checkbox-gap, var(--sjs-spacing-x1));\n  cursor: pointer;\n}\n\n.spg-checkbox {\n  .spg-question__description {\n    padding: 0;\n    padding-top: var(--ctr-checkbox-description-text-margin-top, var(--sjs-spacing-x1));\n    padding-inline-start: var(--ctr-checkbox-description-text-margin-left, var(--sjs-font-size-x4));\n    color: var(--ctr-checkbox-description-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  }\n\n  .spg-help-action {\n    use {\n      pointer-events: none;\n    }\n  }\n}","@use \"../../variables.scss\" as *;\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: var(--ctr-data-table-row-drag-area-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-data-table-row-drag-area-icon-height, var(--sjs-font-size-x3));\n  padding-top: var(--ctr-data-table-row-drag-area-padding-top, var(--sjs-spacing-x1));\n  padding-inline-end: var(--ctr-data-table-row-drag-area-padding-right, var(--sjs-spacing-x1));\n  padding-bottom: var(--ctr-data-table-row-drag-area-padding-bottom, var(--sjs-spacing-x1));\n  padding-inline-start: var(--ctr-data-table-row-drag-area-padding-left, var(--sjs-spacing-x1));\n  box-sizing: content-box;\n  display: block;\n  opacity: 0.5;\n\n  use {\n    fill: var(--ctr-data-table-row-drag-area-icon-color, var(--sjs-layer-1-foreground-50, #00000080));\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: var(--sjs-secondary-background-500, #19B394FF);\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  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: var(--ctr-property-grid-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  border: 1px solid var(--ctr-survey-placeholder-border-color, var(--sjs-border-25, #d4d4d4ff));\n  border-radius: var(--ctr-data-table-placeholder-corner-radius, var(--sjs-corner-radius-x075));\n  box-sizing: border-box;\n  padding: var(--ctr-data-table-placeholder-padding-top, var(--sjs-spacing-x6))\n    var(--ctr-data-table-placeholder-padding-right, var(--sjs-spacing-x8))\n    var(--ctr-data-table-placeholder-padding-bottom, var(--sjs-spacing-x6))\n    var(--ctr-data-table-placeholder-padding-left, var(--sjs-spacing-x8));\n  gap: var(--ctr-survey-placeholder-gap, var(--lbr-spacing-x05));\n\n  .spg-matrixdynamic__add-btn {\n    display: initial;\n    margin: 0;\n  }\n}\n\n.spg-matrixdynamic__placeholder-text {\n  @include ctrDefaultFont;\n  color: var(--ctr-survey-placeholder-text-color, var(--sjs-layer-1-foreground-50, #00000080));\n  text-align: center;\n}\n\n.spg-matrixdynamic__add-btn {\n  @include ctrDefaultBoldFont;\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, var(--sjs-primary-background-500, #19b394ff));\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, var(--sjs-layer-1-foreground-75, #000000bf));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: calcSize(4);\n  box-sizing: content-box;\n\n  svg {\n    width: calcSize(1.5);\n    height: calcSize(1.5);\n    fill: var(--ctr-actionbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n\n.spg-matrixdynamic__dragged-row {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n\n  .spg-table__row {\n    display: flex;\n    align-items: center;\n    flex: 1 0 0;\n    border-radius: var(--ctr-data-table-row-corner-radius-floating, var(--sjs-corner-radius-x05));\n    background: var(--ctr-data-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    box-shadow:\n      var(--ctr-data-table-row-shadow-floating-1-offset-x, 0px)\n        var(--ctr-data-table-row-shadow-floating-1-offset-y, 2px)\n        var(--ctr-data-table-row-shadow-floating-1-blur, 8px)\n        var(--ctr-data-table-row-shadow-floating-1-spread, 0px)\n        var(--ctr-data-table-row-shadow-floating-1-color, var(--sjs-special-glow, #004c441a)),\n      var(--ctr-data-table-row-shadow-floating-2-offset-x, 0px)\n        var(--ctr-data-table-row-shadow-floating-2-offset-y, 16px)\n        var(--ctr-data-table-row-shadow-floating-2-blur, 32px)\n        var(--ctr-data-table-row-shadow-floating-2-spread, 0px)\n        var(--ctr-data-table-row-shadow-floating-2-color, var(--sjs-special-glow, #004c441a));\n  }\n}\n","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-table-wrapper {\n  border: var(--ctr-data-table-border-width, var(--sjs-stroke-x1)) solid var(--ctr-data-table-border-color, var(--sjs-border-25, #d4d4d4ff));\n  border-radius: var(--ctr-data-table-corner-radius, var(--sjs-corner-radius-x075));\n  overflow: hidden;\n}\n\n.spg-table {\n  width: 100%;\n  background-color: var(--ctr-data-table-background-color, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  border-collapse: collapse;\n\n  tr {\n    border-bottom: var(--ctr-data-table-row-border-width, var(--sjs-stroke-x1)) solid var(--ctr-data-table-row-border-color, var(--sjs-border-10, #dcdcdcff));\n    background-color: var(--ctr-data-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  }\n  tbody > tr:last-of-type {\n    border-bottom: var(--ctr-data-table-row-border-width-last-row, 0px);\n  }\n}\n\n.spg-table__cell {\n  padding: 0;\n\n}\n\n.spg-table__cell--detail-panel {\n  background: var(--ctr-data-table-background-color, var(--sjs-layer-1-background-400, #f5f5f5ff));\n\n  .spg-panel__content {\n    box-shadow: none;\n  }\n}\n.spg-table__cell:where(:not(.spg-table__cell--detail-panel)) {\n  .spg-checkbox {\n    margin: 0 calcSize(2);\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) {\n  .spg-input {\n    appearance: none;\n    box-shadow: none;\n    border-radius: var(--ctr-data-table-cell-corner-radius-focused, var(--sjs-corner-radius-x075));\n    background-color: var(--ctr-data-table-row-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n    height: auto;\n    padding: var(--ctr-data-table-cell-padding-top, var(--sjs-spacing-x1))\n      var(--ctr-data-table-cell-padding-right, var(--sjs-spacing-x1))\n      var(--ctr-data-table-cell-padding-bottom, var(--sjs-spacing-x1))\n      var(--ctr-data-table-cell-padding-left, var(--sjs-spacing-x1));\n\n    &[type=\"color\"] {\n      padding-right: 0;\n    }\n\n    &:focus,\n    &:focus-within {\n      box-shadow: inset 0 0 0 2px\n        var(--ctr-data-table-cell-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  .spg-dropdown {\n    width: max-content;\n    min-height: auto;\n  }\n\n  .spg-dropdown_chevron-button {\n    position: static;\n  }\n  .spg-dropdown_select-wrapper {\n    display: flex;\n    align-items: center;\n    width: max-content;\n    max-width: 100%;\n  }\n\n  .spg-dropdown__value {\n    margin: 0;\n  }\n\n  .sd-editor-button-item {\n    padding: 0;\n  }\n\n  .sv-editor-button-item__icon {\n    opacity: var(--ctr-data-table-cell-drop-down-arrow-opacity, 0.5);\n\n    use {\n      fill: var(--ctr-data-table-cell-drop-down-arrow-color, var(--sjs-layer-1-foreground-50, #00000080));\n    }\n  }\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    padding-inline-end: var(--ctr-data-table-row-padding-right, var(--sjs-spacing-x05));\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  background: var(--ctr-data-table-row-background-color-header, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100px;\n  padding: var(--ctr-data-table-row-padding-top-header, var(--sjs-spacing-x1))\n    var(--ctr-data-table-cell-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-data-table-row-padding-bottom-header, var(--sjs-spacing-x1))\n    var(--ctr-data-table-cell-padding-left, var(--sjs-spacing-x1));\n  box-sizing: content-box;\n\n  @include ctrSmallFont;\n  color: var(--ctr-data-table-cell-text-color-header, var(--sjs-layer-3-foreground-50, #00000080));\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: var(--ctr-data-table-row-padding-top, var(--sjs-spacing-x05)) var(--ctr-data-table-row-padding-right, var(--sjs-spacing-x05))\n    var(--ctr-data-table-row-padding-bottom, var(--sjs-spacing-x05)) var(--ctr-data-table-row-padding-left, 0px);\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}","@use \"../../variables.scss\" as *;\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","@use \"../../variables\" as *;\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.svc-list__item-body {\n  // display: flex;\n  // gap: var(--ctr-list-item-gap, var(--sjs-spacing-x2));\n  // padding: var(--ctr-list-item-padding-top-with-icon, var(--sjs-spacing-x150)) var(--ctr-list-item-padding-right, var(--sjs-spacing-x6))\n  //   var(--ctr-list-item-padding-bottom-with-icon, var(--sjs-spacing-x150)) var(--ctr-list-item-padding-left, var(--sjs-spacing-x2));\n\n  .spg-color-editor__color-swatch {\n    margin-left: 0;\n    flex: 0 1 auto;\n  }\n}\n\n.spg-color-editor__color-swatch {\n  position: relative;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border-radius: var(--ctr-list-item-color-swatch-corner-radius, var(--sjs-corner-radius-x05));\n  width: var(--ctr-list-item-color-swatch-width, var(--sjs-font-size-x4));\n  height: var(--ctr-list-item-color-swatch-height, var(--sjs-font-size-x3));\n  box-sizing: border-box;\n  border: 1px solid var(--ctr-list-item-color-swatch-border-color, var(--sjs-border-25-overlay, #00000026));\n  margin-left: var(--ctr-editor-color-swatch-margin-left, var(--sjs-spacing-x150));\n\n  .sv-svg-icon {\n    position: absolute;\n    width: var(--ctr-editor-color-swatch-icon-width, var(--sjs-font-size-x2));\n    height: var(--ctr-editor-color-swatch-icon-height, var(--sjs-font-size-x2));\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    fill: var(--ctr-editor-color-swatch-icon-color-stroke, #00000040);\n  }\n}\n.spg-question--disabled .spg-color-editor {\n  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\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-color-editor__button-wrapper + * {\n  margin-inline-end: calc(0px - var(--ctr-editor-gap, var(--sjs-spacing-x05)));\n}\n",".spg-file-edit__choose-button {\n  position: relative;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-link {\n  display: flex;\n}\n\n.sv-string-viewer {\n  .spg-link {\n    display: initial;\n    color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-background-500, #19b394ff));\n    font-weight: 600;\n    text-decoration-line: underline;\n  }\n}","@use \"../../variables.scss\" as *;\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  .spg-paneldynamic__footer {\n    .spg-paneldynamic__separator {\n      display: none;\n    }\n  }\n  .spg-paneldynamic__buttons-container {\n    display: flex;\n    justify-content: center;\n    .spg-action-bar {\n      margin: 0;\n    }\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    & > 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        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  //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, var(--sjs-border-10, #dcdcdcff));\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 ctrDefaultBoldFont;\n    color: var(--ctr-property-grid-group-caption-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\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    --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n    margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n  }\n\n  .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean),\n  .spg-question__content-coloralpha {\n    --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, var(--sjs-spacing-x2));\n    --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\n    margin-top: calc(var(--thm-ctr-editor-layout-gap) - var(--thm-ctr-property-grid-form-gap));\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-composite__content .spg-row:first-of-type {\n    margin-top: var(--ctr-editor-layout-gap, var(--sjs-spacing-x1));\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}","@use \"../../variables.scss\" as *;\n\n.svc-side-bar {\n  .svc-search {\n    border-bottom: 1px solid var(--ctr-property-grid-search-border-color, var(--sjs-border-10, #dcdcdcff));\n    background: var(--ctr-property-grid-search-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n    gap: var(--ctr-property-grid-search-gap, var(--sjs-spacing-x1));\n  \n    padding: var(--ctr-property-grid-search-padding-top, var(--sjs-spacing-x2))\n      var(--ctr-property-grid-search-padding-right, var(--sjs-spacing-x2))\n      var(--ctr-property-grid-search-padding-bottom, var(--sjs-spacing-x2))\n      var(--ctr-property-grid-search-padding-left, var(--sjs-spacing-x2));\n  }\n  \n  .svc-search__input {\n    color: var(--ctr-property-grid-search-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n  \n  .svc-search__input::placeholder {\n    color: var(--ctr-property-grid-search-text-color-placeholder, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n  \n  .svc-search__bar-item:not(.sv-action-bar-item--pressed) {\n    &:hover:enabled,\n    &:focus:enabled {\n      background-color: var(--ctr-property-grid-search-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n    }\n  }\n  \n  .svc-search__toolbar .sv-action-bar-item__icon use {\n    fill: var(--ctr-property-grid-search-button-icon-color, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n  \n  .svc-search__toolbar-counter {\n    color: var(--ctr-property-grid-search-count-text-color, var(--sjs-layer-3-foreground-50, #00000080));\n  }\n  \n  .svc-search__search-icon {\n    width: var(--ctr-property-grid-search-icon-width, var(--sjs-font-size-x3));\n    height: var(--ctr-property-grid-search-icon-height, var(--sjs-font-size-x3));\n  \n    .sv-svg-icon {\n      width: var(--ctr-property-grid-search-icon-width, var(--sjs-font-size-x3));\n      height: var(--ctr-property-grid-search-icon-height, var(--sjs-font-size-x3));\n  \n      use {\n        fill: var(--ctr-property-grid-search-icon-color, var(--sjs-layer-3-foreground-50, #00000080));\n      }\n    }\n  }\n}","@use \"../../variables\" as *;\n\n.spg-button-group {\n  position: relative;\n  display: flex;\n  padding: var(--ctr-button-group-padding, var(--sjs-spacing-x05));\n  align-items: center;\n  align-self: stretch;\n  box-sizing: border-box;\n  overflow-x: auto;\n\n  border-radius: var(--ctr-button-group-corner-radius, var(--sjs-corner-radius-x075));\n  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width, var(--sjs-stroke-x1))\n    var(--ctr-button-group-border-color, var(--sjs-border-10, #dcdcdcff));\n  background-color: var(--ctr-button-group-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: var(--ctr-button-group-corner-radius, var(--sjs-corner-radius-x075));\n    box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, var(--sjs-stroke-x2)) transparent;\n    pointer-events: none;\n    transition: box-shadow $creator-transition-duration;\n  }\n}\n\n.spg-button-group:focus-within::after {\n  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, var(--sjs-stroke-x2))\n    var(--ctr-button-group-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n}\n\n.spg-button-group__item {\n  @include ctrDefaultFont;\n  color: var(--ctr-button-group-item-text-color, var(--sjs-layer-3-foreground-100, #000000e6));\n\n  display: flex;\n  padding: var(--ctr-button-group-item-padding-vertical, var(--sjs-spacing-x1))\n    var(--ctr-button-group-item-padding-horizontal, var(--sjs-spacing-x2));\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  flex-basis: 0;\n  flex-grow: 1;\n\n  border-radius: var(--ctr-button-group-item-corner-radius, var(--sjs-corner-radius-x075));\n  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 0px)\n    var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));\n  background-color: var(--ctr-button-group-item-background-color, var(--sjs-layer-3-background-500, #f4f4f4ff));\n\n  transition:\n    background $creator-transition-duration,\n    background-color $creator-transition-duration,\n    color $creator-transition-duration;\n\n  &:not(:last-of-type) {\n    margin-right: var(--ctr-button-group-gap, var(--sjs-spacing-x05));\n  }\n}\n\n.spg-button-group__item--hover:hover {\n  background-color: var(--ctr-button-group-item-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n}\n\n.spg-button-group__item-icon {\n  use {\n    fill: var(--ctr-button-group-item-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n  }\n}\n\n.spg-button-group__item--selected {\n  @include ctrDefaultBoldFont;\n  color: var(--ctr-button-group-item-text-color-selected, var(--sjs-primary-background-500, #19b394ff));\n  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected, var(--sjs-stroke-x1))\n    var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));\n  background: var(--ctr-button-group-item-background-color-selected, var(--sjs-layer-1-background-500, #ffffffff));\n  .spg-button-group__item-icon use {\n    fill: var(--ctr-button-group-item-icon-color-selected, var(--sjs-primary-background-500, #19b394ff));\n  }\n}\n\n.spg-button-group__item-decorator {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.spg-button-group__item-caption {\n  display: block;\n}\n.spg-question--disabled .spg-button-group {\n  background: var(--ctr-button-group-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n}\n\n.spg-button-group__item--disabled {\n  color: var(--ctr-button-group-item-text-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  background: var(--ctr-button-group-item-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\n  .spg-button-group__item-icon use {\n    fill: var(--ctr-button-group-item-text-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n  .spg-button-group__item-caption {\n    opacity: var(--ctr-button-group-item-text-opacity-disabled, 0.25);\n    color: var(--ctr-button-group-item-text-color-disabled, var(--sjs-layer-3-foreground-100, #000000e6));\n  }\n  &:hover {\n    background-color: var(\n      --ctr-button-group-item-background-color-disabled,\n      var(--sjs-layer-1-background-500, #ffffffff)\n    );\n  }\n}\n\n.spg-button-group__item--selected.spg-button-group__item--disabled {\n  @include ctrDefaultFont;\n  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected-disabled, 0px)\n    var(--ctr-button-group-item-border-color, var(--sjs-border-10, #dcdcdcff));\n  background: var(\n    --ctr-button-group-item-background-color-selected-disabled,\n    var(--sjs-layer-1-background-400, #f5f5f5ff)\n  );\n}\n","@use \"../variables\" as *;\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, var(--sjs-special-background, #edf9f7ff));\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.sv-action-bar--default-size-mode .sv-action-bar-item {\n  height: auto;\n  width: auto;\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  height: calcSize(4);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  height: auto;\n  width: auto;\n}\n\n.svc-creator--mobile {\n  .sv-action-bar-separator {\n    height: var(--sjs-spacing-x3);\n  }\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  @include ctrSmallBoldFont;\n  align-items: center;\n  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, var(--lbr-corner-radius-x075));\n}\n\n.svc-top-bar {\n  display: flex;\n  background: var(--ctr-menu-item-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n  box-sizing: border-box;\n  box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-25, #d4d4d4ff));\n\n  .svc-toolbar-wrapper {\n    flex: 0 0 auto;\n    display: flex;\n\n    .sv-action-bar {\n      padding: var(--ctr-menu-toolbar-padding-vertical, var(--sjs-spacing-x150)) var(--ctr-menu-toolbar-padding-horizontal, var(--sjs-spacing-x2));\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      --thm-menu-toolbar-button-height: calc(\n        var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1)) + var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1)) +\n          var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3))\n      );\n\n      display: inline-block;\n      margin: 0;\n      margin-inline-start: var(--ctr-menu-toolbar-gap, var(--sjs-spacing-x2));\n      height: var(--thm-menu-toolbar-button-height, calcSize(5));\n    }\n\n    .sv-action {\n      .sv-action-bar-item {\n        margin: 0;\n        padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n          var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n          var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n          var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n      }\n      .sv-action-bar-item--active {\n        background: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-background-10, #19b3941a));\n      }\n    }\n    .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden) {\n      .svc-toolbar__item {\n         margin-inline-start: var(--ctr-menu-toolbar-gap, var(--sjs-spacing-x2))\n      }\n    }\n\n  }\n\n  .sv-action-bar-separator {\n    background-color: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));\n  }\n\n  .sv-action-bar-item-dropdown {\n    border-radius: calcCornerRadius(0.5);\n    background-color: transparent;\n  }\n}\n\n.svc-toolbar__item {\n  @include ctrDefaultFont;\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--lbr-corner-radius-x075));\n  background-color: transparent;\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  transition: background-color $creator-transition-duration;\n  height: auto;\n  appearance: none;\n  display: flex;\n  border: none;\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf))\n  }\n  //hovered and focused state\n  &:hover,\n  &:focus {\n    background-color: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n\n  //pressed state\n  &:active,\n  &.svc-toolbar__item--pressed {\n    opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n    background-color: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-layer-1-background-400, #f5f5f5ff));\n  }\n\n  //checked state\n  &.svc-toolbar__item--active {\n    background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-background-10, #19b3941a));\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #19b394ff));\n    }\n  }\n\n  //disabled state\n  &:disabled {\n    background-color: transparent;\n    opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);\n    cursor: default;\n    use {\n      fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n    }\n  }\n}\n\n.svc-toolbar__item--icon {\n  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-right, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-spacing-x1))\n    var(--ctr-menu-toolbar-button-padding-left, var(--sjs-spacing-x1));\n  border-radius: var(--ctr-menu-toolbar-button-corner-radius, var(--sjs-corner-radius-x1));\n}\n\n.svc-toolbar-item__icon {\n  width: var(--ctr-menu-toolbar-button-icon-width, var(--sjs-font-size-x3));\n  height: var(--ctr-menu-toolbar-button-icon-height, var(--sjs-font-size-x3));\n\n  use {\n    fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-layer-1-foreground-75, #000000bf));\n  }\n}\n.svc-toolbar-item__title {\n  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  @include ctrDefaultFont;\n}\n\n\n.svc-footer-bar {\n  .svc-toolbar-wrapper {\n    .svc-toolbar {\n      justify-content: center;\n      padding: 0;\n      width: 100%;\n\n      padding: var(--ctr-menu-toolbar-padding-vertical-mobile, var(--sjs-spacing-x05)) var(--ctr-menu-toolbar-padding-horizontal, var(--sjs-spacing-x2));\n      background:  var(--ctr-menu-background-color, var(--sjs-layer-1-background-500, #ffffffff));\n      border-top: var(--ctr-menu-border-width, var(--sjs-stroke-x1)) solid var(--ctr-menu-border-color, var(--sjs-border-25, #d4d4d4ff));\n      box-sizing: border-box;\n    }\n\n    .svc-toolbar__item {\n      margin: 0 var(--sjs-spacing-x1);\n    }\n  }\n}","@use \"../variables\" as *;\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, var(--sjs-spacing-x1));\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, var(--sjs-layer-3-background-500, #f4f4f4ff));\n  outline: none;\n  border-radius: var(--ctr-toggle-button-corner-radius, var(--sjs-corner-radius-round));\n  box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, var(--sjs-border-10, #dcdcdcff));\n  padding: var(--ctr-toggle-button-padding-top, var(--sjs-font-size-x075)) var(--ctr-toggle-button-padding-right, var(--sjs-font-size-x075))\n    var(--ctr-toggle-button-padding-bottom, var(--sjs-font-size-x075)) var(--ctr-toggle-button-padding-left, var(--sjs-font-size-x075));\n  display: flex;\n  flex-direction: row;\n  gap: var(--ctr-toggle-button-gap, var(--sjs-spacing-x05));\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, var(--sjs-primary-background-500, #19b394ff));\n  }\n\n  &:hover {\n    background: var(--ctr-toggle-button-background-color-hovered, var(--sjs-layer-3-background-400, #eaeaeaff));\n  }\n}\n\n.spg-boolean-switch__button--checked {\n  background: var(--ctr-toggle-button-background-color-checked, var(--sjs-primary-background-500, #19b394ff));\n  box-shadow: none;\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, var(--sjs-primary-foreground-100, #ffffffff));\n  }\n\n  &:hover {\n    background: var(--ctr-toggle-button-background-color-checked, var(--sjs-primary-background-500, #19b394ff));\n  }\n\n  &:focus {\n    background: var(--ctr-toggle-button-background-color-checked-focused, var(--sjs-primary-foreground-100, #ffffff));\n\n    .spg-boolean-switch__thumb--right {\n      background: var(\n        --ctr-toggle-button-thumb-background-color-checked-focused,\n        var(--sjs-primary-background-500, #19b394)\n      );\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, var(--sjs-corner-radius-round));\n  border: var(--ctr-toggle-button-thumb-border-width, 0px) solid var(--ctr-toggle-button-thumb-border-color, var(--sjs-border-10, #dcdcdcff));\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, var(--sjs-font-size-x150));\n  height: var(--ctr-toggle-button-thumb-height, var(--sjs-font-size-x150));\n  position: relative;\n  overflow: hidden;\n}\n\n.spg-boolean-switch__thumb--left {\n  background: var(--ctr-toggle-button-thumb-background-color-active, var(--sjs-layer-3-foreground-75, #000000BF));\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  @include ctrDefaultFont;\n\n  color: var(--ctr-toggle-button-label-text-color, var(--sjs-layer-1-foreground-100, #000000e6));\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}"],"names":[],"sourceRoot":""}