{"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;;;;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;;;;AGtSA;EACE;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;;;ACPA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EF6EE;EACA;EACA;EACA;EACA;EE/EA;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;EFpDE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EEkDA;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;;;;ACnJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;AAHF;;AAMA;EACE;EACA;EACA;EACA;EACA,iKACE;EAEF;EAEA;AANF;;AASA;EACE;AANF;AAQE;EACE;AANJ;AAQI;EACE;AANN;AAUE;EACE;EACA;AARJ;AAWE;EACE;AATJ;AAYE;EACE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ACA;AAlCF;AAoCE;EACE;EACA;EACA;EACA;EACA;AAlCJ;AAqCE;EACE;AAnCJ;;AAuCA;EACE;AApCF;;;;AC5ME;;EAEE;EACA;EACA;AAFJ;AAMI;EACE;EACA;EACA;EACA;AAJN;AAMM;EACE;EACA;EACA;AAJR;AAQI;EACE;EACA;AANN;AAQM;EACE;EACA;AANR;AAWE;EACE;AATJ;AAaI;EACE;AAXN;AAeE;EACE;AAbJ;AAgBE;EACE;EACA;EACA;AAdJ;AAgBI;EACE;AAdN;AAkBM;EACE;AAhBR;AAqBE;EACE;EACA;EACA;AAnBJ;AAuBI;EACE;AArBN;AAyBE;EACE;AAvBJ;AAyBI;EACE;EACA;EACA;AAvBN;AAyBM;EACE;AAvBR;AA0BM;EACE;EACA;AAxBR;AA2BM;EVxEJ,+EAhBgB;EAiBhB;EACA;EACA;EACA;EAKA;EUiEM;AApBR;AAuBM;EACE;AArBR;AA2BI;EACE;AAzBN;AA6BE;EACE;AA3BJ;AA8BE;EACE;AA5BJ;AA8BI;EACE;AA5BN;;;;ACzFA;EACE;EACA;EACA;AADF;;AAIA;EX0DE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EWjEA;AAIF;;AADA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EAKA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EAEA;AAFF;;AAKA;EACE;EAEA;AAHF;;AAMA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAJF;;AAOA;EACE;EAEA;AALF;;AAQA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;AANF;;AASA;EACE;AANF;;AAYE;;;EACE;AAPJ;;;;AC7EA;EACE;EACA;ACDF;;ADIA;EZ2DE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EYjEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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;ACgCI;Ed7JF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EcsJI;EACA;EACA;ADzBN;AC+BI;EACE;EACA;EACA;AD7BN;ACmCI;EACE;EACA;ADjCN;ACuCI;EACE;ADrCN;;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;AAlkBE;EAXF;;IAYI;IACA;EAskBF;AACF;AApkBE;;EACE;EACA;EACA;AAukBJ;AApkBE;;EACE;EACA;EACA;EACA;AAukBJ;AApkBE;;EACE;AAukBJ;AApkBE;;EACE;EACA;AAukBJ;AAnkBI;;EACE;AAskBN;;AA9jBI;;EACE;EACA;EACA,s0BACE;AAikBR;AAnjBM;;EACE;AAsjBR;AApjBQ;;;;EAEE;AAwjBV;;AAjjBA;EACE;Ed9CA;EACA;EACA;EACA;AcmmBF;;AAnjBA;EACE;EACA;EACA;AAsjBF;;AAnjBA;EACE;EACA;AAsjBF;;AAnjBA;EACE;EACA;EACA;EACA;EACA;EACA,uCdzFe;Ac+oBjB;;AAnjBA;EACE;AAsjBF;;AAnjBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAsjBF;;AAnjBA;EACE;EACA;EACA;EACA;EACA;AAsjBF;;AAljBE;EACE;EACA;AAqjBJ;;AAjjBA;EACE;EACA;EACA;EACA;AAojBF;;AAniBA;EbjIE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;Ea0HA;EACA;EACA;EACA;AA2iBF;AAziBE;EACE;AA2iBJ;;AAtiBE;EACE;AAyiBJ;;AAriBA;EACE;EACA;EACA;EACA;EACA;AAwiBF;;AAriBA;EACE;EACA;AAwiBF;;AAriBA;EACE;EACA;AAwiBF;;AAriBA;EACE;AAwiBF;;;;AQ9uBE;EACE;EACA;AAFJ;;AAMA;EACE;AAHF;AAKE;EACE;EACA;AAHJ;AAME;EACE;EACA;EACA;AAJJ;AAMI;EACE;EACA;EACA;AAJN;AAQE;;EAEE;AANJ;AASE;EACE;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;AAVF;;AAaA;EACE;AAVF;;AAaA;EbvCE,+EAfgB;EAgBhB;EACA;EACA;EasCA;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;ErB/EE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqB6EA;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;;;;AC1KA;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;EACA;EAEA;EACA;EAEA;EAEA;ADoCF;AClCE;EAEE;EACA;ADmCJ;;AC/BA;EACE;ADkCF;;AC/BA;EACE;EACA;ADkCF;;;;AE/DA;;EAEE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAJF;AAME;EAEE;AALJ;AAOI;EACE;AALN;AAOM;EACE;AALR;;AAWA;;EAEE;EACA;EACA;EACA;AARF;AAUE;;EACE;AAPJ;;AAYE;EACE;EACA;AATJ;;AAeE;;EACE;EACA;AAXJ;AAaI;;EACE;AAVN;;AAiBE;;EACE;AAbJ;AAeI;;EACE;AAZN;;AAiBA;EACE;AAdF;;AAiBA;EACE;EACA;AAdF;;;;ACvFA;;EAEE;EACA;EACA;AADF;;AAIA;EACE;EACA;EAIA;EACA;EACA;EACA;AAJF;AAME;EAEE;AALJ;;AAUE;EACE;EACA;AAPJ;AAUE;EACE;AARJ;;AAaE;EACE;EACA;AAVJ;AAaE;EACE;AAXJ;;AAeA;EACE;EACA;EACA;EACA;EACA;AAZF;;AAeA;EACE;EACA;EACA;EACA;EACA;AAZF;;AAeA;E3BvCE;EACA;EACA;E2BuCA;EAIA;EACA;EACA;EACA;EACA;EAEA,4sBACE;EAUF;EACA;EAEA;EACA;EACA;EACA;EACA;AAzBF;AA2BE;EACE;EACA;EACA;EACA;EACA;AAzBJ;;AA6BA;E1BvCE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E0BgCA;AArBF;;AAyBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtBJ;;AA6BE;;EACE;EACA;AAzBJ;;AAiCE;;;;EACE;EACA;EACA;EAIA;AA9BJ;;;;AC9GA;EACE;AADF;;AAIA;EACE;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;AAME;EnBbA,+EAHgB;EAIhB;EACA;EACA;EmBYE;AADJ;;AAKA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,kE5BiD4B;A4BpD9B;AAKE;EACE;EACA;AAHJ;AAKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAHJ;AAKE;EACE;AAHJ;AAKI;EACE;AAHN;;AASE;EAC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;EACA;EACA;AAlDF;;AAqDA;EACE;IACE;EAlDF;EAqDA;IACE;EAnDF;AACF;AAsDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApDF;;AA2DI;;;EACE;AAtDN;AAyDI;;;EACE;AArDN;AAwDI;;;EACE;AApDN;AAuDI;;;EACE;AAnDN;AAsDI;;;EACE;AAlDN;;AA2DI;;;EACE;AAtDN;AAyDI;;;EACE;AArDN;AAwDI;;;EACE;EACA;AApDN;;;;ACnRA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;AAGE;EACE;EACA;EACA;AADJ;;AAOE;EACE;EACA;EAEA;AALJ;AAWE;EACE;EACA;AATJ;;AAaA;EACE;AAVF;;AAaA;EACE;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;AAVF;;AAaA;EACE;EACA;AAVF;;AAaA;EACE;EACA;EACA;AAVF;AAYE;EACE;EACA;AAVJ;AAaE;EAEE;EACA;AAZJ;;AAqBA;EACE;EACA;EACA;EACA;EACA;AAlBF;;AAsBE;EACE;AAnBJ;;AAuBA;EACE;EACA;EACA;EACA;EACA;AApBF;;AAwBE;EACE;AArBJ;;AA0BE;EACE;AAvBJ;AA0BE;EACE;AAxBJ;;AA4BA;EACE;EACA;EACA;AAzBF;;AA4BA;EACE;AAzBF;AA2BE;EACE;AAzBJ;;AA6BA;EACE;EACA;EACA;EACA;AA1BF;;;;ACnGA;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;;;;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;AANF;;AASA;EACE;AANF;AAQE;EACE;EACA;AANJ;AAQI;EACE;EACA;AANN;AAQM;EACE;AANR;AAQQ;EACE;AANV;AAUM;EACE;EACA;AARR;AAYI;ErC1BF,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EqCmBI;EACA;EACA;EACA;AALN;AAOM;EACE;AALR;AASI;ErCrEF,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqCmEI;EACA;EACA;EACA;EACA;EACA;AAHN;AAKM;ErC9EJ,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EqCuEM;EACA;AAER;AACM;EACE;EACA;AACR;AAGI;EACE;AADN;AAII;EACE;AAFN;AAIM;EACE;AAFR;;AAQA;EACE;AALF;;;;ACrIA;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;;;;AClFA;EvCiCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EuCxCA;AAIF;;AADA;EACE;AAIF;;AAFA;EACE;AAKF;;AAHA;EACE;EACA;AAMF;;AAJA;;EAEE;AAOF;;;;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;;;;ACzEA;EACE;EACA;AADF;;;;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;;;;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;;;;AC1FA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;;;ACRA;EACE;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;E7CIE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E6CXA;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;E7CtEE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E6CgEA;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;;;;ACpVA;EACE;;;;;;;GAAA;EASA;;;;;;;GAAA;EASA;EACA;EACA;EACA;AAHF;;AAMA;EACE;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;AArBF;;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;EAEA,qmBACE;EASF;EACA;EACA;EACA;EACA;AAjCF;;AAoCA;EACE;AAjCF;;AAoCA;E9C9KE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;E8CuKA;EACA;EACA;EACA;AA5BF;;AA+BA;EACE;EACA;EACA;EACA;EACA;EACA;AA5BF;;AA+BA;EACE;EACA;EACA;AA5BF;;AAgCE;EACE;AA7BJ;;AAkCE;EACE;EACA;AA/BJ;;AAmCA;EACE;EACA;AAhCF;;AAmCA;E9CvNE,+EA5DgB;EA6DhB;EACA;EACA;EACA;E8CqNA;EACA;EACA;EACA;AA5BF;;;;AC/PE;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;;;;AC5BE;;;;EACE;AADJ;AAII;;;;EACE;AACN;AAQI;;;;EACE;AAHN;;AAQE;;EAGE;AANJ;;;;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;;;;ACzGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AAUA;EACE;AAPF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AAUA;EACE;AAPF;;AAUA;EACE;AAPF;;AAUA;EACE;EACA;EAEA;EACA;AARF;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;AATF;;AAuBA;ElDnCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EkDkCA;EACA;EACA;EACA;EACA;EAGA;AAnBF;;AAsBA;EACE;EACA;AAnBF;AAoBE;EACE;EACA;AAlBJ;AAqBE;EACE;AAnBJ;AAsBE;EACE;AApBJ;AAsBI;EACE;AApBN;AAuBI;EACE;AArBN;AAyBE;EACE;AAvBJ;AA0BE;EACE;AAxBJ;AA2BE;EACE;AAzBJ;;AA6BA;EACE;EACA;EACA;AA1BF;;AA4BA;EACE;AAzBF;;AA4BA;EACE;AAzBF;;AA8BA;EA2BE;AArDF;AA2BE;EACE;EACA;EACA;EACA;EACA;EACA;AAzBJ;AA2BE;EACE;EACA;EACA;EACA;EACA;AAzBJ;AA2BE;EACE;EACA,kXApBS;AALb;AA2BE;EACE;EACA;AAzBJ;AA2BE;EACE;AAzBJ;;AA+BE;EACE;EACA;EACA;EACA;EACA;AA5BJ;AA8BE;EACE;EACA;AA5BJ;AA+BE;EACE;EACA;EACA;AA7BJ;;AAgCA;EACE;IACE;EA7BF;EA+BA;IACE;EA7BF;AACF;AA+BA;EACE;IACE;IACA;EA7BF;EA+BA;IACE;IACA;EA7BF;AACF;AAgCA;;EAGE;EACA;EACA;AA/BF;AAgCE;;EACE;AA7BJ;;AAgCA;EACE;EACA;EACA;AA7BF;;AA+BA;EACE;EACA;EACA;AA5BF;;AAgCE;;;;EAGE;EACA;EACA;EACA;AA5BJ;AA8BE;;EACE;AA3BJ;;AAiCE;;EACE;EACA;EACA;EACA;EACA;AA7BJ;;AAkCI;;;EAEE;EACA;AA9BN;AAgCI;EACE;AA9BN;AAgCI;EACE;EACA;EACA;EACA;EACA;AA9BN;;AAoCE;;EAEE;AAjCJ;;AAuCA;EACE;AApCF;AAsCE;EACE;EACA;AApCJ;AAuCE;ElD1PA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EkDwPE;EACA;AAjCJ;;AAqCA;EACE;AAlCF;AAoCE;EACE;AAlCJ;AAqCE;EACE;AAnCJ;AAsCE;EACE;EACA;EACA;AApCJ;;AA4CE;;;;;;;;EAEE;AAnCJ;;AAuCE;EACE;EACA;AApCJ;AAsCE;EACE,oXAhMS;AA4Jb;;AAwCA;EACE;AArCF;AAuCE;EACE;AArCJ;AA0CE;EACE;EACA;AAxCJ;;AA6CE;EACE;AA1CJ;AA4CE;EACE;AA1CJ;AA4CE;EACE;EACA;AA1CJ;AA4CE;EACE;AA1CJ;AA4CE;EACE;EACA;AA1CJ;;;;AC5TA;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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EACA;EACA;AF2SJ;;AEvSA;EACE;AF0SF;;AEvSA;;EAEE;EACA;AF0SF;AExSE;;EACE;AF2SJ;;AEvSA;EACE;AF0SF;;AEvSA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;AFySF;;AEtSA;EACE;EACA;EACA;EACA;AFySF;AEvSE;EACE;AFySJ;AEtSE;EACE;EACA;AFwSJ;;AEpSA;EvD9HE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EuD4HA;EACA;EACA;EAGA;EACA;EACA;EACA;AFySF;AEvSE;EACE;AFySJ;;AErSA;;EAEE;EACA;EACA;AFwSF;;AErSA;EACE;EACA;EACA;AFwSF;;AGleA;EACI;EACA;EAIA;AHkeJ;;AG7dA;EACI;AHgeJ;;AG7dA;ExDkBE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EwDpBE;EACA;EACA;AHoeJ;;AGleA;ExDYE,+EA7BgB;EA8BhB;EACA;EACA;EACA;AqD0dF;;AGveA;EACI;EACA;EAEA;EACA;EACA;EACA;AHyeJ;AGveI;EAEI;EACA;AHweR;AGteI;EACI;AHweR;;AGreA;EACI;EACA;AHweJ;;AGteA;EACI;AHyeJ;;AGteA;EACI;EACA;EACA;EACA;AHyeJ;AGxeI;EACI;AH0eR;;AIliBA;EACE;EACA;EACA;EACA;EACA;AJqiBF;;AKviBA;E1D8BE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E0D/BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL6iBF;;AK1iBA;;EAEE;EACA;EACA;AL6iBF;;AK1iBA;EACE;AL6iBF;;AK1iBA;EACE;AL6iBF;;AK1iBA;E1DJE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;E0DHA;ALkjBF;;AK/iBA;EACE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;AL+iBF;;AK3iBE;EACE;EACA;AL8iBJ;AK3iBE;EACE;AL6iBJ;;AKziBE;EACE;EACA;AL4iBJ;;AKviBE;EACE;EACA;AL0iBJ;;AKviBA;EACE;AL0iBF;;AKxiBA;EACE;EACA;EACA;EACA;EACA;EACA,sD3DLS;E2DMT;EACA;AL2iBF;;AKziBA;EACE;AL4iBF;;AKxiBA;EACE;EACA,sD3DfiB;E2DgBjB;EACA;EACA;EACA;EACA;AL2iBF;;AKxiBA;EACE;EACA;EACA;EACA;EACA,sD3D7BS;E2D8BT;EACA;AL2iBF;;AKxiBA;EACE;EACA;EACA;EACA;EACA,sD3DtCiB;E2DuCjB;EACA;AL2iBF;;AKtiBE;;;;EAIE;ALyiBJ;;AKriBE;EACE;EACA;ALwiBJ;AKtiBE;E1D/GA,+EA7BgB;EA8BhB;EACA;EACA;EACA;E0D6GE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL4iBJ;AK1iBE;EACE;AL4iBJ;AK1iBE;EACE;AL4iBJ;;AM3sBA;EACE;EACA;AN8sBF;;AM3sBA;EACE;AN8sBF;AM5sBE;EACE;AN8sBJ;AM3sBE;EACE;AN6sBJ;AM1sBE;EAGE;EACA;EACA;AN0sBJ;;AMtsBA;E3DQE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E2DVA;AN6sBF;;AM1sBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AN4sBF;;AMxsBE;EACE;AN2sBJ;;AMvsBA;;EAEE;EACA;AN0sBF;;AMvsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN0sBF;;AMtsBE;EACE;ANysBJ;AMtsBE;EACE;EACA;ANwsBJ;;AMpsBA;EACE;ANusBF;;AMpsBA;EACE;EACA;EACA;EACA;EACA;EACA;ANusBF;;AMnsBA;EACE;ANssBF;;AMnsBA;EACE;EACA;EACA;ANssBF;;AMnsBA;EACE;EACA;EACA;ANssBF;;AMlsBE;EACE;EACA;EACA;EACA;ANqsBJ;AMjsBI;EACE;ANmsBN;;AOjzBA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;APmzBF;AOjzBE;EACE;APmzBJ;;AO/yBA;;EAEE;APkzBF;;AO/yBA;;EAEE;EACA;EACA;EACA;EACA;EACA;APkzBF;;AO/yBA;EACE;APkzBF;;AO/yBA;EACE;APkzBF;;AO/yBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AP+yBF;AO7yBE;EACE;EACA;AP+yBJ;;AO3yBA;E5DzCE,+EA7BgB;EA8BhB;EACA;EACA;EACA;E4DuCA;EACA;APkzBF;;AO/yBA;E5D/CE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;E4DwCA;EACA;EACA;EACA;EACA;EACA;APuzBF;;AOpzBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuzBF;AOrzBE;EACE;EACA;EACA;APuzBJ;;AOnzBA;EACE;EACA;EACA;APszBF;AOpzBE;EACE;EACA;EACA;EACA;EACA;EACA,sqBACE;APqzBN;;AQ56BA;EACE;EACA;EACA;AR+6BF;;AQ56BA;EACE;EACA;EACA;AR+6BF;AQ76BE;EACE;EACA;AR+6BJ;AQ76BE;EACE;AR+6BJ;;AQ36BA;EACE;AR86BF;AQ56BE;EACE;AR86BJ;;AQ16BA;EACE;AR66BF;AQ36BE;EACE;AR66BJ;;AQz6BA;EACE;AR46BF;;AQz6BA;EACE;EACA;EACA;EACA;EACA;EACA;AR46BF;AQz6BE;EACE;AR26BJ;AQx6BE;EAEE;ARy6BJ;;AQr6BA;EACE;ARw6BF;;AQp6BE;EACE;EACA;ARu6BJ;AQp6BE;EACE;EACA;EACA;ARs6BJ;AQn6BE;EACE;EACA;EACA;EACA;EACA;ARq6BJ;AQl6BI;EACE;ARo6BN;AQh6BE;EACE;ARk6BJ;AQh6BI;EACE;ARk6BN;;AQ75BA;EACE;ARg6BF;;AQ75BA;EACE;ARg6BF;;AQ55BE;EACE;EACA;AR+5BJ;;AQr5BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E7D9DA,+EA5DgB;EA6DhB;EACA;EACA;EACA;E6DgEA;ARw5BF;AQt5BE;EACE;ARw5BJ;AQr5BE;EACE;EACA;ARu5BJ;;AQp5BA;EACE;EACA;ARu5BF;;AQn5BA;;EAEE;EACA;EACA;EACA;ARs5BF;AQp5BI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ARu5BN;;AQn5BA;EACE;EACA;EACA;EACA;EACA;EACA;ARs5BF;;AQp5BA;EACE;EACA;EACA;EACA;EACA;EACA;ARu5BF;;AQp5BE;EACE;EACA;EACA;EACA;EACA;EACA;ARu5BJ;AQr5BE;EACE;EACA;EACA;EACA;EACA;EACA;ARu5BJ;;AQl5BE;;EAEE;ARq5BJ;;ASjmCE;EACE;ATomCJ;ASnmCI;EACE;ATqmCN;;AUzmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV4mCF;;AUnmCE;EACE;EACA;AVsmCJ;;AUlmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVqmCF;AUnmCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVqmCJ;;AUlmCA;EACE;AVqmCF;;AUlmCE;EACE;AVqmCJ;;AUhmCE;EACE;AVmmCJ;;AU/lCA;EACE;AVkmCF;;AWlqCA;EACE;AXqqCF;;AYpqCA;EACE;AZuqCF;;AYnqCE;EACE;EACA;EACA;EACA;AZsqCJ;;Aa9qCE;EACE;AbirCJ;Aa9qCE;EACE;EACA;EACA;AbgrCJ;Aa7qCE;EACE;EACA;EACA;Ab+qCJ;Aa7qCE;EACE;Ab+qCJ;Aa5qCE;EACE;Ab8qCJ;AazqCM;EACE;Ab2qCR;AavqCI;EACE;EACA;EACA;EACA;AbyqCN;AavqCM;EACE;AbyqCR;AatqCM;EACE;AbwqCR;AatqCQ;EACE;AbwqCV;AalqCE;EACE;AboqCJ;Aa/pCE;;EAEE;AbiqCJ;Aa/pCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AbkqCN;Aa9pCE;;EAEE;AbgqCJ;Aa7pCE;;;;EAIE;Ab+pCJ;Aa7pCI;;;;EACE;AbkqCN;Aa9pCE;EACE;EACA;AbgqCJ;Aa7pCE;ElE7DA,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EkEsDE;EAEA;EACA;EACA;EACA;AbmqCJ;AahqCE;;EAEE;AbkqCJ;Aa/pCE;EACE;AbiqCJ;Aa9pCE;EACE;AbgqCJ;Aa7pCE;EACE;EACA;Ab+pCJ;Aa5pCE;;EAEE;EACA;EACA;Ab8pCJ;Aa3pCE;EACE;Ab6pCJ;Aa1pCE;EACE;Ab4pCJ;;AavpCE;EACE;EACA;Ab0pCJ;;AczyCA;EACE;EACA;Ad4yCF;;Ac1yCA;EACE;Ad6yCF;Ac5yCE;EACE;EACA;EACA;EACA;Ad8yCJ;Ac7yCI;EAEE;Ad8yCN;;AexzCE;EACE;EACA;EACA;EAEA;Af0zCJ;AepzCE;EACE;AfszCJ;AenzCE;EACE;AfqzCJ;AejzCI;EAEE;AfkzCN;Ae9yCE;EACE;AfgzCJ;Ae7yCE;EACE;Af+yCJ;Ae5yCE;EACE;EACA;Af8yCJ;Ae5yCI;EACE;EACA;Af8yCN;Ae5yCM;EACE;Af8yCR;;AgB11CA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AhB41CF;AgB11CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhB41CJ;;AgBx1CA;EACE;AhB21CF;;AgBx1CA;ErEIE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqENA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;AhB41CF;AgB11CE;EACE;AhB41CJ;;AgBx1CA;EACE;AhB21CF;;AgBv1CE;EACE;AhB01CJ;;AgBt1CA;ErE9BE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EAKA;EqEuBA;EACA;EACA;AhB81CF;AgB71CE;EACE;AhB+1CJ;;AgB31CA;EACE;AhB81CF;;AgB31CA;EACE;EACA;EACA;EACA;EACA;AhB81CF;;AgB51CA;EACE;AhB+1CF;;AgB51CA;EACE;EACA;AhB+1CF;AgB91CE;EACE;AhBg2CJ;AgB91CE;EACE;EACA;AhBg2CJ;AgB91CE;EACE;AhBg2CJ;;AgB51CA;ErEtEE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EqEoEA;EAEA;AhBk2CF;;AA57CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA+7CF;AtDh6CE;;EAEE;AsDk6CJ;AtDh6CE;;EAEE;AsDk6CJ;AtDh6CE;;EAEE;AsDk6CJ;AtDh6CE;;EAEE;AsDk6CJ;AtDh6CE;EACE;AsDk6CJ;AtDh6CE;EACE;AsDk6CJ;AtDh6CE;;EAEE;AsDk6CJ;;AAr9CA;EACE;EACA;EACA;EACA;AAw9CF;;AAr9CA;EACE;EACA;AAw9CF;AAt9CE;EACE;AAw9CJ;;AAl9CI;EACE;AAq9CN;AAl9CI;EACE;AAo9CN;AAj9CI;EACE;EACA;AAm9CN;AAh9CI;EACE;AAk9CN;AA98CE;EACE;AAg9CJ;AA78CE;;EAEE;EACA;AA+8CJ;;AA38CA;EACE;AA88CF;;AA38CA;EACE;EACA;AA88CF;;AA38CA;EACE;EACA;EACA;EACA;EACA;AA88CF;;AA38CA;EACE;EACA;AA88CF;;AA38CA;EACE;AA88CF;;AA38CA;EACE;AA88CF;;AA38CA;EACE;EACA;AA88CF;AAx8CE;EACE;AA08CJ;AAx8CI;EACE;EAIA;AAu8CN;AAp8CI;;EAEE;AAs8CN;AAn8CI;EACE;AAq8CN;AAl8CI;EACE;EACA;AAo8CN;AAj8CI;EACE;AAm8CN;;;;AiBhlDA;EACE;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;AADF;;AAGA;EACE;EACA;AAAF;;AAGA;EACE;AAAF;;AAEA;EACE;EACA;AACF;;AAGE;EACE;AAAJ;;AAIA;EtEUE,+EA5DgB;EA6DhB;EACA;EACA;EACA;EAKA;EsEjBA;EACA;AAIF;;AADA;EACE;EACA;EACA;EACA;AAIF;AAFE;EACE;EACA;AAIJ;AAFI;EACE;EACA;AAIN;AADI;EACE;AAGN;AAAI;EACE;;;GAAA;EAKA;EACA;EACA;EACA;AACN;AAGM;EACE;EACA;AADR;AAMM;EACE;AAJR;AAQM;EACG;AANT;AAYE;EACE;AAVJ;AAaE;EACE;EACA;AAXJ;;AAeA;EtExFE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EsEsFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AASE;EACE;AAPJ;AAUE;EAEE;AATJ;AAaE;EAEE;EACA;AAZJ;AAgBE;EACE;AAdJ;AAeI;EACE;AAbN;AAkBE;EACE;EACA;EACA;AAhBJ;AAiBI;EACE;AAfN;;AAoBA;EACE;EAIA;AApBF;;AAuBA;EACE;EACA;AApBF;AAsBE;EACE;AApBJ;;AAuBA;EACE;EtEtJA,+EA7BgB;EA8BhB;EACA;EACA;EACA;AsEmIF;;AAsBI;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;AApBN;AAuBI;EACE;AArBN;;;;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;EvE5EE,+EA7BgB;EA8BhB;EACA;EACA;EACA;EuE2EA;EACA;EACA;EACA;EACA;EACA;AAZF","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-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}\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}\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\n.svd-simulator {\n .sv-popup--menu-phone,\n .sv-popup--menu-tablet {\n --sv-popup-overlay-height: 100%;\n }\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)) 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 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(--ctr-expression-item-background-color-remove-button-hovered, var(--sjs-semantic-red-background-10, #e50a3e1a));\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)) 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: background-color $creator-transition-duration, color $creator-transition-duration;\n }\n\n button:hover:enabled {\n background-color: var(--ctr-expression-item-background-color-button-hovered, var(--sjs-primary-background-500, #19b394ff));\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-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\n padding: 2px;\n margin: -2px;\n }\n}\n\n.sl-question__title {\n @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\n$sl-matrix-row-fade-in-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);\n$sl-matrix-row-move-in-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);\n$sl-matrix-row-fade-in-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);\n$sl-matrix-row-fade-out-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);\n$sl-matrix-row-move-out-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);\n$sl-matrix-row-move-out-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);\n\n$sl-matrix-detail-row-fade-in-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);\n$sl-matrix-detail-row-move-in-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);\n$sl-matrix-detail-row-fade-in-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);\n$sl-matrix-detail-row-fade-out-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);\n$sl-matrix-detail-row-move-out-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);\n$sl-matrix-detail-row-move-out-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);\n\n.sl-table__row--leave,\n.sl-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n animation-name: paddingFadeIn;\n animation-duration: var(--move-animation-duration);\n animation-delay: var(--move-animation-delay);\n animation-direction: var(--animation-direction);\n animation-fill-mode: forwards;\n animation-timing-function: var(--animation-timing-function);\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.sl-table__row--detail {\n &.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n$sl-row-fade-in-duration: var(--sjs-sl-row-fade-in-duration, 500ms);\n$sl-row-move-in-duration: var(--sjs-sl-row-move-in-duration, 150ms);\n$sl-row-fade-in-delay: var(--sjs-sl-row-fade-in-delay, 150ms);\n$sl-row-fade-out-duration: var(--sjs-sl-row-fade-out-duration, 150ms);\n$sl-row-move-out-duration: var(--sjs-sl-row-move-out-duration, 250ms);\n$sl-row-move-out-delay: var(--sjs-sl-row-move-out-delay, 100ms);\n$sl-row-fade-in-animation-delay: var(--sjs-sl-row-fade-in-animation-delay, 400ms);\n\n.sl-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-row-fade-in-delay, 0s, 0s;\n animation-duration: $sl-row-fade-in-duration, $sl-row-move-in-duration, $sl-row-move-in-duration;\n}\n.sl-row--delayed-enter {\n overflow: hidden;\n height: 0;\n animation-delay: calc(#{$sl-row-fade-in-delay} + #{$sl-row-fade-in-animation-delay}), $sl-row-fade-in-animation-delay,\n $sl-row-fade-in-animation-delay;\n}\n\n.sl-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-row-move-out-delay, $sl-row-move-out-delay;\n animation-duration: $sl-row-fade-out-duration, $sl-row-move-out-duration, $sl-row-move-out-duration;\n}\n\n$sl-element-fade-in-duration: var(--sjs-sl-element-fade-in-duration, 500ms);\n$sl-element-move-in-duration: var(--sjs-sl-element-move-in-duration, 150ms);\n$sl-element-fade-in-delay: var(--sjs-sl-element-fade-in-delay, 150ms);\n$sl-element-fade-out-duration: var(--sjs-sl-element-fade-out-duration, 150ms);\n$sl-element-move-out-duration: var(--sjs-sl-element-move-out-duration, 250ms);\n$sl-element-move-out-delay: var(--sjs-sl-element-move-out-delay, 100ms);\n\n.sl-element-wrapper--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-element-fade-in-delay, 0s;\n animation-duration: $sl-element-fade-in-duration, $sl-element-move-in-duration;\n}\n\n.sl-element-wrapper--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-element-move-out-delay;\n animation-duration: $sl-element-fade-out-duration, $sl-element-move-out-duration;\n}\n\n\n.svc-creator--disable-animations {\n .sl-row--enter,\n .sl-row--leave,\n .sl-element-wrapper--enter,\n .sl-element-wrapper--leave,\n .sl-table__row--enter,\n .sl-table__row--leave,\n .sl-panel-wrapper--leave,\n .sl-panel-wrapper--enter\n {\n animation: none;\n }\n}","@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\n .spg-table__cell:nth-of-type(2) {\n width: calcSize(5);\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 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 box-shadow: inset 0 0 0 2px\n var(--ctr-expression-item-text-color-parameter-error, var(--sjs-semantic-red-background-500, #e50a3eff));\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 }\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 {\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 @-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\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\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\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\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}\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 }\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-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}\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\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 .sd-row--multiple {\n overflow: unset;\n }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calcSize(0);\n box-shadow: none;\n border-radius: 0;\n padding: 2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n margin: -2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n width: 100%;\n & > div {\n padding: 0;\n }\n}\n\n.svc-row.svc-row--ghost {\n .svc-question__content {\n padding: 0;\n border: none;\n box-shadow: none;\n }\n\n .sd-row {\n height: calcSize(4);\n }\n\n &:last-child .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n\n & + .svc-row {\n .sd-page__row {\n margin-top: 0;\n }\n }\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost {\n .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n}\n\n.svc-row__drop-indicator {\n position: absolute;\n background: 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 overflow: visible;\n\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 }\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 {\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 {\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 > .svc-question__content > .svc-question__drag-area > .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}\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 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 }\n\n .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {\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;\n outline: none;\n }\n\n .svc-question__content.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)) inset;\n outline: none;\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 {\n .sd-element--complex > .sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n\n &.svc-element__header--hidden {\n padding-bottom: calcSize(1);\n }\n\n &:after {\n display: none;\n }\n }\n\n .sd-panel__content {\n gap: 0;\n padding-top: 0;\n }\n\n .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calcSize(1);\n }\n\n .sd-paneldynamic__panel-wrapper {\n padding: 0;\n }\n\n // .sd-table__cell--actions {\n // .sv-action-bar-item:disabled {\n // background: $background;\n // opacity: 1;\n\n // use {\n // fill: $foreground-light;\n // }\n // }\n // }\n\n .sd-table__row-disabled > .sd-table__cell {\n opacity: 1;\n }\n}\n\n.svc-question__content {\n .svc-carry-forward-panel {\n margin-top: calcSize(2);\n }\n\n .sd-question__content {\n min-width: min(calcSize(8), 100%);\n margin-left: calcSize(-5);\n margin-right: calcSize(-5);\n padding-left: calcSize(5);\n padding-right: calcSize(5);\n overflow-x: auto;\n }\n\n .sd-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","@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}\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-question__content .svc-rating-question-content .sd-question__content {\n overflow-x: visible;\n}\n.svc-creator--mobile {\n .svc-rating-question-content {\n position: relative;\n }\n\n .svc-rating-question-controls {\n position: absolute;\n top: 0;\n }\n\n .svc-question__content {\n .sd-rating {\n margin-inline-start: 0; // margin-left\n width: 100%;\n max-width: 100%;\n }\n\n\n legend+.sd-rating__item,\n legend+sv-ng-rating-item+.sd-rating__item,\n legend+.sd-rating__item-smiley,\n legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley {\n margin-inline-start: calc(9 * #{$base-unit} + 2px);\n }\n\n legend+.sd-rating__item-text,\n legend+.sd-rating__item-star,\n legend+sv-ng-rating-item-star+.sd-rating__item-star {\n margin-inline-start: calc(9 * #{$base-unit});\n }\n }\n}","@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 display: none;\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 .svc-image-item-value__item {\n position: relative;\n z-index: 2;\n }\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n display: inline-block;\n}\n\n.svc-image-item-value-controls {\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n}\n\n.svc-image-item-value-controls__add {\n 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(--ctr-survey-contextual-button-background-color-hovered-positive, var(--sjs-primary-background-10, #19b3941a)) 0%,\n var(--ctr-survey-contextual-button-background-color-hovered-positive, var(--sjs-primary-background-10, #19b3941a)) 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(30);\n }\n}\n\n.svc-image-item-value__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@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}\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}\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}\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}\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}\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, var(--sjs-spacing-x1)) var(--ctr-toolbox-group-header-margin-left, 0px)\n var(--ctr-toolbox-group-header-margin-bottom, var(--sjs-spacing-x1)) var(--ctr-toolbox-group-header-margin-left, 0px);\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 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-x3));\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, var(--sjs-stroke-x1)))\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}\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: none;\n align-self: center;\n margin-top: -50%;\n margin-bottom: -50%;\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 display: flex;\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 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}\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 .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 z-index: 1000;\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-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-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 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--location--bottom {\n margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n .spg-panel__content {\n gap: calcSize(2);\n\n .spg-row {\n margin-top: 0;\n }\n }\n}\n\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 padding-right: calc(\n var(--ctr-editor-buttons-gap, var(--sjs-spacing-x05)) + var(--ctr-editor-button-padding-right, var(--sjs-spacing-x1)) +\n var(--ctr-editor-button-padding-left, var(--sjs-spacing-x1)) + var(--ctr-editor-button-icon-width, var(--sjs-font-size-x3))\n ); // dropdown_chevron-button offset\n min-height: calc(\n var(--ctr-editor-button-icon-height, var(--sjs-font-size-x3)) + var(--ctr-editor-button-padding-top, var(--sjs-spacing-x1)) +\n var(--ctr-editor-button-padding-bottom, var(--sjs-spacing-x1)) + var(--ctr-editor-padding-top, var(--sjs-spacing-x05)) + var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05))\n );\n}\n.spg-dropdown--empty .spg-dropdown__value {\n min-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n}\n\n.spg-dropdown__value {\n @include ctrDefaultFont;\n display: flex;\n align-items: center;\n min-height: var(--ctr-font-default-line-height, var(--sjs-line-height-x3));\n}\n.spg-dropdown__filter-string-input {\n @include ctrDefaultFont;\n}\n.spg-dropdown_chevron-button {\n width: var(--ctr-editor-button-icon-width, var(--sjs-font-size-x3));\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 inset-block-start: var(--ctr-editor-padding-top, var(--sjs-spacing-x05));\n inset-inline-end: var(--ctr-editor-padding-right, var(--sjs-spacing-x05));\n inset-block-end: var(--ctr-editor-padding-bottom, var(--sjs-spacing-x05));\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 }\n .spg-dropdown_chevron-button-svg use {\n fill: var(--ctr-editor-button-icon-color, var(--sjs-layer-3-foreground-75, #000000bf));\n }\n}\n.spg-dropdown_chevron-button-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}\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}","@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}\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\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\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 .spg-checkbox {\n margin: 0 calcSize(2);\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\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n appearance: none;\n 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)) var(--ctr-data-table-cell-padding-right, var(--sjs-spacing-x1))\n var(--ctr-data-table-cell-padding-bottom, var(--sjs-spacing-x1)) 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 var(--ctr-data-table-cell-border-color-focused, var(--sjs-primary-background-500, #19b394ff));\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n position: static;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) {\n .spg-dropdown_select-wrapper {\n display: flex;\n align-items: center;\n }\n\n .spg-dropdown {\n width: max-content;\n padding-right: calcSize(3);\n min-height: auto;\n }\n\n .spg-dropdown_chevron-button {\n --tmp-dropdown-button-margin: calc(-1 * var(--ctr-data-table-cell-drop-down-arrow-width, var(--sjs-font-size-x3)));\n width: var(--ctr-data-table-cell-drop-down-arrow-width, var(--sjs-font-size-x3));\n height: var(--ctr-data-table-cell-drop-down-arrow-height, var(--sjs-font-size-x3));\n margin-inline-start: var(--tmp-dropdown-button-margin, calcSize(-3));\n padding: var(--ctr-data-table-cell-padding-top, var(--sjs-spacing-x1)) 0\n var(--ctr-data-table-cell-padding-bottom, var(--sjs-spacing-x1)) 0;\n\n &:hover, &:focus {\n background: transparent;\n }\n }\n\n .sd-dropdown_chevron-button-svg {\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\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-input__edit-button+* {\n margin-inline-end: calc(0px - var(--ctr-editor-gap, var(--sjs-spacing-x05)));\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\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\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\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)) 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)) 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)) 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 width: 0;\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) 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: background $creator-transition-duration, background-color $creator-transition-duration, 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)) 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 max-width: 100%;\n}\n\n.spg-button-group__item-caption {\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\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(--ctr-button-group-item-background-color-disabled, var(--sjs-layer-1-background-500, #ffffffff));\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(--ctr-button-group-item-background-color-selected-disabled, var(--sjs-layer-1-background-400, #f5f5f5ff));\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":""}