{"version":3,"file":"style-main.css","mappings":";;;AAAA;EACI;EACA;AACJ;AACI;EACI;AACR;AACI;EACI;AACR;AAEI;EACI;AAAR;AAEI;EACI;EACA;EACA;AAAR;AAGI;EACI;EACA;EACA;EACA;EACA;AADR;AAGI;EACI;AADR,C;;;;AC3BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AACI;EAGI;AADR;;AAQK;;EACG;AAJR;;AAQA;EACI;EACA;AALJ;;AAQA;EACI;EACA;EACA;EACA;AALJ;AAOI;EACI;AALR;;AASA;EACI;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;EACA;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANJ;;AASA;EACI;AANJ;;AASA;EACI;EACA;AANJ;AAOI;EACI;EAAA;EACA;EAAA;AALR;AAQI;EACI;AANR;;AASA;EACI;EAAA;EACA;EAAA;EACA;AANJ,C;;;;AClFA;EACI;EACA;EACA;EACA;EACA;EACA;AACJ;;AAEA;;EAEI;EACA;AACJ;AAEQ;;EACI;AACZ;;AAIA;EACI;AADJ;;AAIA;EACI;AADJ;;AAIA;EACI;EACA;AADJ;;AAMI;;EACI;EACA;EACA;AAFR;AAII;;EACI;AADR;;AAKA;EACI;EAAA;EACA;EAAA;EACA;EACA;AAFJ;AAII;EACI;EACA;EACA;EACA;EACA;EACA;AAFR;AAKI;EACI;EACA;EACA;EACA;AAHR;AAOQ;EACI;AALZ;AAQI;EACI;AANR;AAQI;EACI;AANR;AAQI;EACI;AANR;;AAWI;EACI;AARR;;AAYA;EACI;EACA;AATJ;AAWI;EACI;EACA;AATR;AAWI;EACI;EACA;AATR;;AAaI;EACI;AAVR;AAYI;EACI;AAVR,C;;;;AClGA;EACI;EACA;AACJ;AACI;EACI;AACR;AAEI;EACI;AAAR;AAGI;EACI;AADR;AAII;EACI;AAFR;AAII;EACI;EACA;EACA;AAFR;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;AAHR;AAKQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAHZ;AAKQ;EACI;EACA;EACA;AAHZ;AAOI;EACI;EACA;EACA;EACA;AALR;AAQI;EACI;AANR,C;;;;AClDI;EACI;EACA;EACA;EACA;EAAA;EACA;OAAA;EACA;EACA;EACA;EACA;AAAR;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;AADR;AAGQ;EACI;EACA;EACA;AADZ;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAHR;AAKQ;EAEI;EACA;EACA;AAJZ,C;;;;ACrCA;EACC;AACD;;AAGA;EACC;EACG;EACA;EACA;EACH;EACA;AAAD;;AAGA;EACI;AAAJ;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;AAEC;EACC;AAAF;;AAIA;EACI;EACA;EACH;AADD;;AAIA;EACI;AADJ;;AAIA;EACC;EACG;EACH;AADD;AAEC;EACC;EACA;EACA;EACA;EACA;AAAF;;AAIA;;EAEI;AADJ;AAGC;;EACC;AAAF;AAEE;;EACC;EACA;EACA;AACH;AACG;;;;;EAIC;AAEJ;;AAIA;EACI;AADJ;;AAIA;;;EAGI;EACA;EACA;AADJ;;AAMC;EACC;EACA;EACA;AAHF;AAMC;EACC;AAJF;;AAQA;EACC;EACA;AALD;;AAQC;EACC;AALF;;AAUC;EACC;EACA;EACA;AAPF;AASC;EACC;UAAA;AAPF;AAUC;EACC;IAAK;EAPL;EAQA;IAAO;EALP;AACF;AAEC;EACC;IAAK;EAPL;EAQA;IAAO;EALP;AACF;;AAQA;EACI;EACA;EACA;EACA;EACA;AALJ;;AAQA;EACC;IACC;IACG;EALH;AACF,C;;;;ACxIA;AACA;EACC;EACG;EACA;EACH;EACA;AACD;;AAEA;EACC;AACD;;AAEA;EACC;EACG;EACH;EACA;AACD;AACC;EACC;AACF;;AAGA;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AADD;;AAIA;EACI;EACH;AADD;;AAIA;EACI;AADJ,C;;;;AC3CA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;ACRJ;;AA7BA;EACI;EACA;EACA;EACA;EACA;AAgCJ,C;;;;ACvCA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAAD;AAEC;EACC;EACA;EACA;EACA;AAAF;AAEE;;EAEC;AAAH;AAIC;EACC;AAFF;AAGE;EACC;AADH;AAKC;EACC;EACA;AAHF;AAKG;EACC;AAHJ;AAKG;EACC;EACA;EACA;AAHJ,C;;;;ACrCA;EACI;EACA;AACJ,C;;;;;;;;ACHA;EACC;AACD;AACI;EACI;EACA;EACA;AACR;AAIE;;EACC;AADH;AAKC;EACC;AAHF,C;;;;ACdA;EACC;EACA;AACD;AACC;EACC;AACF;AAGE;EACC;UAAA;AADH;AAKC;EACC;IACC;EAHD;EAKA;IACC;EAHD;AACF;AAHC;EACC;IACC;EAHD;EAKA;IACC;EAHD;AACF,C;;;;ACjBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AACI;EACI;EACA;AACR;AAEI;EACI;AAAR;AAGI;EACI;AADR;AAGI;EACI;AADR;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADR;AAEQ;EACI;AAAZ;AACY;EACI;AAChB,C;;;;ACxCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AACI;EACI;EACA;EACA;AACR;AAEI;EACI;EACA;AAAR;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADJ;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADJ;;AAIA;EACI;MAAA;EACA;AADJ;;AAIA;EACI;AADJ;;AAIA;EACI;EACA;EACA;AADJ;AAEI;EACI;AAAR;AACQ;EACI;AACZ;AAAY;EACI;AAEhB;;AAMQ;EACI;EACA;EACA;AAHZ;AAIY;EACI;AAFhB;AAOQ;EACI;AALZ;AAMY;EACI;AAJhB,C;;;;AC/FI;EACI;AAAR;;AAII;EACI;EACA;EACA;EACA;EACA;AADR;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADR;AAGI;EACI;EACA;EACA;EACA;EACA;AADR;AAGI;EACI;EACA;EACA;AADR;AAGI;EACI;EACA;AADR;AAGI;EACI;EACA;EACA;AADR;AAGI;EACI;EACA;EACA;EACA;AADR;AAGI;EACI;AADR;AAGI;EACI;AADR;AAGI;;;EAGI;EACA;EACA;EACA;EACA;AADR,C;;;;AC9DA;EACC;EACA;EACA;EACA;EACA;AACD;;AAEA;EACC;EACA;AACD;;AAGC;EACC;AAAF;AAEC;EACC;EACA;AAAF;;AAIA;EACI;EACA;EACA;EACA;AADJ;;AAIA;EACC;AADD;AAEC;EACC;AAAF;AAGE;EACC;EACA;EACA;EACA;EACA;AADH;AAEG;EACC;AAAJ;AAEG;EACC;AAAJ;AAEG;EACC;AAAJ;AAKC;EACC;EACA;EACA;EACA;AAHF;AAIE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAFH;AAGG;EACC;AADJ;AAGG;EACC;AADJ;AAGG;EACC;AADJ;AAGG;EACC;AADJ;AAGG;EACC;AADJ;AAMC;EACC;EACA;EACA;EACA;EACA;AAJF;;AASC;EACC;AANF;AAQC;EACC;EACA;AANF;AAOE;EACC;AALH;;AAUA;;EAEC;AAPD;;AAUC;;EAEC;AAPF;AASC;;EAEC;AAPF,C;;;;AC/GA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AAEQ;EACI;AAAZ;AAOQ;;EACI;AAJZ;AAMQ;;EACI;AAHZ;AAKQ;;;;EAEI;EACA;AADZ;AAEY;;;;EACI;EACA;AAGhB;AAEI;EACI;EACA;AAAR;AAGI;EACI;AADR;AAGI;EACI;EAAA;EACA;EAAA;EACA;EACA;AADR;AAGI;EACI;EACA;EACA;EACA;EACA;AADR;AAEQ;EACI;AAAZ;AADQ;EACI;AAAZ;AADQ;EACI;AAAZ;AAEQ;EACI;AAAZ;AAII;EACI;EACA;EACA;EACA;EACA;AAFR;AAGQ;EACI;AADZ;AAGQ;EACI;AADZ;AAAQ;EACI;AADZ;AAAQ;EACI;AADZ;AAGQ;EACI;AADZ;AAGQ;EACI;AADZ;AAGQ;EACI;AADZ;AAKI;EACI;AAHR;AAOQ;EACI;EACA;AALZ;AAOQ;EACI;EACA;EACA;EACA;AALZ;AAQQ;EACI;EACA;AANZ;AASQ;EACI;EACA;EACA;EACA;EACA;AAPZ;AAQY;EACI;AANhB;AASY;EACI;EACA;EACA;AAPhB;AASY;EACI;AAPhB;AASY;EACI;EACA;EACA;AAPhB;AAUQ;EACI;AARZ;AAWI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATR;AAWI;EACI;EACA;EACA;AATR;AAYQ;;EAEI;AAVZ;AAYQ;EACI;EACA;EACA;AAVZ;AAWY;EACI;AAThB;AAYQ;EACI;EACA;AAVZ;AAWY;EACI;EACA;AAThB;AAWgB;EACI;AATpB;AAYY;EACI;EACA;EACA;EACA;AAVhB;AAYgB;EACI;AAVpB;AAYgB;EACI;AAVpB;AAaY;EACI;AAXhB;AAYgB;EACI;AAVpB;AAWoB;EACI;EACA;AATxB;AAWoB;EACI;AATxB;;AAiBA;EACI;EACA;EACA;AAdJ;;AAiBA;EACI;AAdJ,C;;;;AVzMA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;AWRJ;;AA5BA;EACI;EACH;EACA;EAEA;EACA;AA8BD;;AA5BA;EACC;IACC;EA+BA;AACF;AA7BA;EACC;IACC;EA+BA;AACF;AA5BA;EACC;AA8BD;;AA1BC;;;;;EAKO;AA6BR;AA1BI;EAEI;EACN;AA2BF;AAxBC;EACO;AA0BR;;AArBA;EACC;AAwBD;;AArBA;EACI;AAwBJ;;AArBA;EACC;AAwBD;;AArBA;EACC;AAwBD;;AArBA;EACC;EACA;AAwBD;;AArBA;EACC;EACA;AAwBD;;AArBA;;EAEC;EACG;EACA;AAwBJ;AAtBC;;EACC;AAyBF;;AArBA;EACC;EACA;EACA;EACA;AAwBD;;AArBA;EACC;EACA;EACA;EACA;AAwBD;;AArBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAwBD;;AArBA;EACC;EACA;EACA;EACA;EACA;EACA;AAwBD;;AApBA;EACI;EACA;EACA;EACH;EACG;EACH;EACA;EACA;EACA;EACA;EACA;AAuBD;AAtBC;EACC;EACA;EACA;AAwBF;;AApBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACG;AAuBJ;;AAnBC;EACC;AAsBF;AApBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAsBF;AApBC;EACC;AAsBF;AAnBC;EACC;EACA;AAqBF;;AAjBA;EACI;EACA;AAoBJ;;AAhBC;EACC;AAmBF;AAjBC;EACC;AAmBF;;AAfA;EACC;EACA;EACA;AAkBD;;AAfA;;EAEC;AAkBD;;AAfA;EACI;EACH;AAkBD;;AAfA;EACI;EACA;AAkBJ;;AAfA;EACI;EACA;EACA;AAkBJ;;AAfA;EACI;AAkBJ;;AAfA;EACC;EACG;AAkBJ;AAhBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAkBF;AAhBE;EACC;AAkBH;AAfE;EAEC;AAgBH;AAfG;EACC;AAiBJ;AAbE;EACC;EACA;AAeH;AAXC;EACC;EACA;AAaF;;AARA;EACC;EACG;AAWJ;;AAPA;EACI;EACA;EACA;AAUJ;AARC;EACC;AAUF;AAPC;EACC;AASF;;AALA;EACC;EACA;AAQD;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AASF;AAPC;EACC;EACA;AASF;AAPC;EACC;EACA;EACA;AASF;AAPC;EACC;AASF;AARE;EACC;AAUH;AANG;EACC;AAQJ;;AAAA;;EAAA;AAGA;EACC;EACA;AAGD;;AAAA;EACC;AAGD;;AACC;EACI;EACA;AAEL;;AAEA;EACC;AACD;AAAC;EACC;EACA;AAEF;AAAC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AAAE;EACC;AAEH;AACC;EACC;EAAA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AAAE;EACC;AAEH;AACC;EACC;EACA;EACA;EACA;EACA;EACA;AACF;AAAE;EACC;AAEH;AAHE;EACC;AAEH;AAHE;EACC;AAEH;AAAE;EACC;EACA;EACA;AAEH;AACC;EACC;AACF;AACC;EACC;EACA;EACA;EACA;EACA;EACA;AACF;AAAE;EACC;EACA;AAEH;AAAG;EACC;AAEJ;AACE;EACC;AACH;AAEC;EACC;EACA;EACA;EACA;AAAF;AACE;EACC;AACH;AACE;EAIC;EACA;EACA;AAFH;AAHG;EACC;AAKJ;AACE;EACC;AACH;AACE;EACC;AACH;AAAG;EACC;EACA;AAEJ;AACI;EACC;AACL;AAEG;EACC;AAAJ;AACI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACL;AAIC;EACC;EACA;EACA;AAFF;;AAMA;EACC;EACA;EACA;EACA;EACA;AAHD;AAKC;EACC;EACA;AAHF;AAMC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJF;AAME;EAEC;EACA;EACA;AALH;AAOE;EACC;AALH;;AAWC;EACC;EACG;AARL;;AAYA;EACI;EACA;AATJ;AAUC;EACC;AARF;;AAYA;EACI;EACA;EACA;EACA;EACA;AATJ;AAUC;EACC;EACA;EACA;EACA;EACA;AARF;;AAYA;EACI;EACA;AATJ;AAUC;EACC;AARF;;AAWA;EACC;EACA;EACA;AARD;;AAUA;EACI;EACA;EACA;EACA;AAPJ;;AAaC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYE;EACC;AAVH;AAaC;EACC;EACA;EACA;EACA;AAXF;AAcC;EACC;EACA;EACA;EACA;AAZF;AAcC;EACC;EACA;EACA;EACA;AAZF;AAcE;EACC;AAZH;AAgBC;EACC;EACA;AAdF;AAiBC;EACC;AAfF;AAkBC;EACC;AAhBF;AAmBC;;EAEC;AAjBF;AAoBC;EACC;AAlBF;AAqBC;EACC;EACA;AAnBF;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;AApBF;AAyBE;EACC;AAvBH;AA0BG;EACC;AAxBJ;AA0BG;EACC;EACA;AAxBJ;AA0BG;EACC;AAxBJ;AAyBI;EACC;AAvBL;AA2BE;EACC;AAzBH;AA2BE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzBH;AA2BG;EACC;EACA;AAzBJ;AA0BI;EACC;AAxBL;AA4BG;EACC;AA1BJ;AA2BI;EACC;AAzBL;AA6BE;EACC;EACA;EACA;AA3BH;AA4BG;EACC;AA1BJ;AA6BE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AA3BH;AA8BG;EACC;AA5BJ;AA8BG;;EAEC;AA5BJ;AA8BG;EACC;AA5BJ;AA+BE;EACC;AA7BH;AA8BG;EACC;EACA;AA5BJ;AA+BI;EACC;AA7BL;AAkCC;EACC;EACA;EACA;AAhCF;AAmCE;EACC;AAjCH;AAsCC;EACC;AApCF;AAsCC;EACC;AApCF;;AAwCA;EACC;EACA;EACA;EACA;AArCD;;AAwCA;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;AArCD;;AAwCA;EACI;EACA;AArCJ;;AA0CE;EACC;AAvCH;AA2CE;EACC;AAzCH;AA4CC;EACC;AA1CF;AA4CC;EACC;UAAA;AA1CF;AAgDE;;;;EACC;AA3CH;AA+CE;EACC;EACA;AA7CH;;AAkDA;EACC;AA/CD;;AAkDA;EACC;IACC;EA/CA;EAiDD;IACC;EA/CA;AACF;;AAyCA;EACC;IACC;EA/CA;EAiDD;IACC;EA/CA;AACF;AAkDA;EACI;IACI;IACA;EAhDN;EAkDE;IACI;IACA;EAhDN;AACF;AAwCA;EACI;IACI;IACA;EAhDN;EAkDE;IACI;IACA;EAhDN;AACF;AAmDA;EACC;UAAA;AAjDD;;AAoDA;EACC;IAAK;EAhDJ;EAiDD;IAAO;EA9CN;AACF;;AA2CA;EACC;IAAK;EAhDJ;EAiDD;IAAO;EA9CN;AACF;AAgDA;EACC;UAAA;AA9CD;;AAiDA;EACC;IAAK;EA7CJ;EA8CD;IAAO;EA3CN;AACF;;AAwCA;EACC;IAAK;EA7CJ;EA8CD;IAAO;EA3CN;AACF;AA6CA;EACC;UAAA;AA3CD;;AA8CA;EACC;IAAK;EA1CJ;EA2CD;IAAO;EAxCN;AACF;;AAqCA;EACC;IAAK;EA1CJ;EA2CD;IAAO;EAxCN;AACF;AA0CA;EACC;UAAA;AAxCD;;AA2CA;EACC;IAAK;EAvCJ;EAwCD;IAAO;EArCN;AACF;;AAkCA;EACC;IAAK;EAvCJ;EAwCD;IAAO;EArCN;AACF,C","sources":["webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/welcome/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/components/color-palettes/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/components/font-selector/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/congrats/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/page-builder/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/site-list/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/site-list/search-filter/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/variables.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/site-list/no-favorite-sites/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/site-list/header/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/components/logo/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/site-list/header/my-favorite/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/site-list/header/sync-library/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/components/change-template/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/components/media-uploader/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/components/error/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/import-site/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/steps/survey/style.scss","webpack://astra-pro-sites/./inc/lib/onboarding/assets/src/style.scss"],"sourcesContent":[".welcome-screen {\r\n width: 770px;\r\n margin: 0 auto;\r\n\r\n h1 {\r\n grid-gap: 10px;\r\n }\r\n .video-showcase {\r\n position: relative;\r\n }\r\n\r\n .youtube-btn {\r\n cursor: pointer;\r\n }\r\n .click-btn-text {\r\n position: absolute;\r\n left: 13em;\r\n top: 2.6em;\r\n }\r\n\r\n .get-started-wrap {\r\n margin-top: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n align-content: center;\r\n }\r\n .middle-content {\r\n top: 50%;\r\n }\r\n}\r\n\r\n",".ist-color-palette {\r\n background: var(--st-background-primary);\r\n border: 1px solid var(--st-border-color);\r\n box-sizing: border-box;\r\n border-radius: var(--st-border-radius-4);\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n justify-content: space-evenly;\r\n\r\n &:hover,\r\n &:focus,\r\n &.ist-color-palette-active {\r\n border-color: var(--st-color-accent);\r\n }\r\n\r\n}\r\n\r\n.ist-color-palette:hover,\r\n.ist-color-palette:focus {\r\n .ist-color-icon {\r\n border-color: var(--st-color-accent);\r\n }\r\n}\r\n\r\n.ist-color-palette-active .ist-color-icon {\r\n background: var(--st-color-accent);\r\n border-color: var(--st-color-accent);\r\n}\r\n\r\n.ist-palette-color {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 1px solid #eeeeee;\r\n\r\n &:first-child {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.ist-colors-list {\r\n display: flex;\r\n flex: 1;\r\n justify-content: space-between;\r\n}\r\n\r\n.ist-colors-title {\r\n display: flex;\r\n align-items: center;\r\n font-size: var(--st-font-size-xs);\r\n font-weight: var(--st-font-weight-bold);\r\n color: var(--st-color-heading);\r\n line-height: var(--st-font-line-height-s);\r\n}\r\n\r\n.ist-color-icon {\r\n background: var(--st-background-primary);\r\n border: 1px solid var(--st-border-color);\r\n box-sizing: border-box;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n transition: all 0.2s ease-in-out;\r\n padding: 4px;\r\n}\r\n\r\n.ist-color-palette-active {\r\n border: 1px solid transparent;\r\n}\r\n\r\n.st-default-style-pallete {\r\n margin-top: 25px;\r\n margin-bottom: 15px;\r\n .ist-color-palette {\r\n display: grid;\r\n grid-template-columns: 53% 47%;\r\n }\r\n\r\n .ist-colors-list {\r\n padding-left: 8px;\r\n }\r\n}\r\n.st-others-style-pallete {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-gap: 15px;\r\n}",".ist-font {\r\n border-radius: var(--st-border-radius-4);\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n background: var(--st-background-primary);\r\n border: 1px solid var(--st-border-color);\r\n transition: all 200ms ease-in-out;\r\n}\r\n\r\n.ist-font:hover,\r\n.ist-font:focus {\r\n border: 1px solid var(--st-color-accent);\r\n outline: none;\r\n\r\n svg {\r\n path {\r\n fill: var(--st-color-heading);\r\n }\r\n }\r\n}\r\n\r\n.ist-font.active {\r\n border: 1px solid var(--st-color-accent);\r\n}\r\n\r\n.ist-sep {\r\n border: 1px solid var(--st-border-color);\r\n}\r\n\r\n.ist-font-selector {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.ist-default-fonts,\r\n.ist-other-fonts {\r\n .ist-font {\r\n padding: 12px;\r\n line-height: 1;\r\n text-align: left;\r\n }\r\n .font-separator {\r\n margin: 0 5px;\r\n }\r\n}\r\n\r\n.ist-other-fonts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n grid-gap: 10px;\r\n font-size: var(--st-font-size-m);\r\n\r\n .ist-font {\r\n text-align: left;\r\n display: flex;\r\n justify-content: center;\r\n align-content: center;\r\n align-items: baseline;\r\n color: var( --st-color-heading );\r\n }\r\n\r\n svg {\r\n vertical-align: middle;\r\n fill: var(--st-color-heading);\r\n margin: 13px;\r\n width: auto;\r\n }\r\n\r\n .active svg {\r\n path {\r\n border: 1px solid var(--st-color-accent)\r\n }\r\n }\r\n .stc-tooltip:nth-child(odd) .stc-tooltip-content {\r\n left: 0;\r\n }\r\n .stc-tooltip:nth-child(even) .stc-tooltip-content{\r\n right: 0;\r\n }\r\n .stc-tooltip-content {\r\n top: 3.5rem;\r\n }\r\n}\r\n\r\n.customize-site-typography {\r\n .ist-default-fonts-heading {\r\n margin: 0px 0px 17px 0;\r\n }\r\n}\r\n\r\n.ist-default-fonts {\r\n margin-top: 25px;\r\n margin-bottom: 15px;\r\n\r\n .heading-font-preview {\r\n font-size: var(--st-font-size-m);\r\n color: var( --st-color-heading );\r\n }\r\n .body-font-preview {\r\n color: var( --st-color-body );\r\n font-size: var( --st-font-size-m );\r\n }\r\n}\r\n.ist-other-fonts {\r\n .heading-font-preview {\r\n font-size: var(--st-font-size-xl);\r\n }\r\n .body-font-preview {\r\n font-size: var( --st-font-size-xl );\r\n }\r\n}",".congrats-screen {\r\n width: 770px;\r\n margin: 0 auto;\r\n\r\n h1 {\r\n grid-gap: 10px;\r\n }\r\n\r\n .middle-content {\r\n top: 50%;\r\n }\r\n\r\n .video-showcase {\r\n position: relative;\r\n }\r\n\r\n .youtube-btn {\r\n cursor: pointer;\r\n }\r\n .click-btn-text {\r\n position: absolute;\r\n left: 13em;\r\n top: 2.6em;\r\n }\r\n\r\n .tweet-import-success {\r\n margin-top: 30px;\r\n padding: 33px;\r\n background: var(--st-background-light);\r\n border: 1px solid var(--st-border-color);\r\n text-align: left;\r\n border-radius: var(--st-border-radius-4);\r\n\r\n .twitter-btn-wrap {\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n justify-content: flex-end;\r\n grid-gap: 5px;\r\n text-decoration: none;\r\n margin-top: 10px;\r\n }\r\n .tweet-btn {\r\n font-weight: var(--st-font-weight-bold);\r\n font-size: var(--st-font-size-xs);\r\n color: var(--st-color-accent);\r\n }\r\n }\r\n\r\n .view-website-btn {\r\n margin: 0 auto 40px;\r\n font-size: 12px;\r\n line-height: 16px;\r\n padding: 10px 20px;\r\n }\r\n\r\n p.screen-description {\r\n margin: 20px auto 25px;\r\n }\r\n}",".page-builder-screen-wrap {\r\n .page-builder-wrap {\r\n margin: 0 auto;\r\n max-width: 800px;\r\n padding: 0 20px;\r\n display: grid;\r\n column-gap: 30px;\r\n justify-content: center;\r\n grid-auto-columns: minmax(0, 1fr);\r\n grid-auto-flow: column;\r\n align-items: center;\r\n }\r\n\r\n .image-wrap {\r\n padding-bottom: 15px;\r\n display: inline-flex;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n border-radius: var(--st-border-radius-2);\r\n transition: all linear 0.2s;\r\n\r\n img {\r\n width: 85px;\r\n height: 85px;\r\n border-radius: 50%;\r\n }\r\n }\r\n\r\n .page-builder-item {\r\n padding: 20px;\r\n border-radius: var(--st-border-radius-4);\r\n cursor: pointer;\r\n transition: all linear 0.2s;\r\n background: var(--st-background-primary);\r\n border: 1px solid var(--st-border-color);\r\n flex-direction: column;\r\n\r\n &:hover,\r\n &:focus {\r\n transform: translateY(-1px);\r\n box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);\r\n border-color: var(--st-color-white);\r\n }\r\n }\r\n}\r\n",".step-site-list {\r\n\t--stc-toggle-dropdown-popup-item-cursor: pointer;\r\n\r\n}\r\n\r\n.st-other-filters {\r\n\tposition: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\tborder-bottom: 1px solid #D1D5DB;\r\n\tpadding-bottom: 8px;\r\n}\r\n\r\n.st-category-filter {\r\n flex: 1;\r\n}\r\n\r\n.stc-category-list-item {\r\n\tborder-bottom: 2px solid transparent;\r\n\tpadding: 0 !important;\r\n\tmargin: 0 28px 0 0;\r\n\tmargin-bottom: -26px;\r\n\tmargin-top: -20px;\r\n\tfont-size: 14px;\r\n\tcolor: var( --st-color-placeholder );\r\n\tfont-weight: var( --stc-font-weight-bold);\r\n\r\n\t&.active {\r\n\t\tborder-color: var( --stc-color-heading );\r\n\t}\r\n}\r\n\r\n.st-type-and-order-filters {\r\n --stc-toggle-dropdown-popup-item-padding: 5px 17px;\r\n --stc-toggle-dropdown-popup-padding: 8px 0px;\r\n\tdisplay: flex;\r\n}\r\n\r\n.st-site-type-filter {\r\n margin-right: 30px;\r\n}\r\n\r\n.st-sites-grid {\r\n\tmin-height: 100vh;\r\n margin-top: 65px;\r\n\tposition: relative;\r\n\t.stc-grid-item-title {\r\n\t\tfont-size: var(--st-font-size-xs);\r\n\t\tline-height: var(--st-line-height-xs);\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n.stc-site-order-filter,\r\n.stc-site-type-filter {\r\n width: 110px;\r\n\r\n\t.stc-toggle-dropdown-popup {\r\n\t\ttop: 120%;\r\n\r\n\t\t&-item {\r\n\t\t\tpadding: 9px 17px;\r\n\t\t\tfont-size: var( --stc-font-size-xs );\r\n\t\t\tcolor: var( --stc-color-body );\r\n\r\n\t\t\t&:first-child:hover,\r\n\t\t\t&.active:first-child,\r\n\t\t\t&:last-child:hover,\r\n\t\t\t&.active:last-child {\r\n\t\t\t\tborder-radius: 0 0 var( --stc-border-radius-4 ) var( --stc-border-radius-4 );\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.stc-site-type-filter {\r\n margin-right: 15px;\r\n}\r\n\r\n.st-related-site-message,\r\n.st-suggested-site-message,\r\n.st-sites-found-message {\r\n text-align: left;\r\n font-size: var( --st-font-size-xs);\r\n color: var( --st-color-heading );\r\n}\r\n\r\n.step-site-list {\r\n\r\n\t.step-actions p {\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: 22px;\r\n\t\tcolor: #3B3F5C;\r\n\t}\r\n\r\n\t#ist-bashcanvas {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.st-sites-found-message {\r\n\tposition: absolute;\r\n\ttop: -40px;\r\n}\r\n.site-loading {\r\n\t.site-list-screen-wrap {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.site-loaded {\r\n\t.site-list-loading-skeleton {\r\n\t\tdisplay: none;\r\n\t\ttransition: opacity 1s ease-out;\r\n\t\topacity: 0;\r\n\t}\r\n\t.site-list-screen-wrap {\r\n\t\tanimation: 300ms ease 0s normal forwards 1 fadein;\r\n\t}\r\n\r\n\t@keyframes fadein{\r\n\t\t0% { opacity:0.7; }\r\n\t\t100% { opacity:1; }\r\n\t}\r\n}\r\n\r\n.cta-strip-right {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n align-content: center;\r\n grid-gap: 40px;\r\n}\r\n\r\n@media screen and (min-width: 768px) {\r\n\t.st-other-filters {\r\n\t\tpadding-left: 22px;\r\n \t\tpadding-right: 22px;\r\n\t}\r\n}\r\n","/** Extend component styling */\r\n.st-search-filter {\r\n\t--stc-suggestion-list-max-width: 740px;\r\n --stc-suggestion-list-padding: 10px 20px;\r\n --stc-suggestion-list-margin: 0 auto;\r\n\t--stc-suggestion-list-position: absolute;\r\n\t--stc-suggestion-list-border-radius: 0 0 4px 4px;\r\n}\r\n\r\n.st-search-box-wrap {\r\n\tmin-height: 63px;\r\n}\r\n\r\n.st-search-filter {\r\n\tmargin-top: 20px;\r\n margin-bottom: 42px;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\r\n\t.stc-suggestion-list {\r\n\t\tborder-top: none;\r\n\t}\r\n}\r\n\r\n.st-search-box-fixed .st-search-box {\r\n\t--stc-search-input-box-shadow: none;\r\n\t--stc-search-input-height: 56px;\r\n\t--stc-search-input-border: 1px solid var(--st-border-color);\r\n\t--stc-search-input--focus-border: 1px solid var(--st-border-color);\r\n\r\n\tposition: fixed;\r\n\ttop: 9px;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tmax-width: 742px;\r\n\tmargin: 0 auto;\r\n}\r\n\r\n.st-templates-content {\r\n margin-top: 10px;\r\n\t--stc-sites-no-results-padding: 45px 30px 40px 0;\r\n}\r\n\r\n.site-list-content {\r\n margin-top: 20px;\r\n}\r\n","body {\r\n // Color\r\n --st-color-accent: #2563EB;\r\n --st-color-accent-hover: #1D4ED8;\r\n --st-color-heading: #1F2937;\r\n --st-color-body: #4B5563;\r\n --st-color-light-gray: #E5E7EB;\r\n --st-color-placeholder: #6B7280;\r\n --st-color-white: #FFFFFF;\r\n --st-color-favorite: #E91E63;\r\n --st-background-secondary: #F7F7F9;\r\n --st-background-primary: #FFFFFF;\r\n --st-background-light: #F9FAFB;\r\n\r\n // Font sizes\r\n --st-font-size-xxl: 30px;\r\n --st-font-size-xl: 24px;\r\n --st-font-size-l: 20px;\r\n --st-font-size-m: 18px;\r\n --st-font-size-s: 16px;\r\n --st-font-size-xs: 14px;\r\n\r\n // Font Weight\r\n --st-font-weight-extra-bold: 600;\r\n --st-font-weight-bold: 500;\r\n --st-font-weight-normal: 400;\r\n\r\n // Font Line Height\r\n --st-font-line-height-xl: 36px;\r\n --st-font-line-height-l: 32px;\r\n --st-font-line-height-m: 28px;\r\n --st-font-line-height-s: 24px;\r\n --st-font-line-height-xs: 20px;\r\n\r\n // Border\r\n --st-border-color: #D1D5DB;\r\n --st-border-radius-4: 4px;\r\n --st-border-radius-3: 3px;\r\n --st-border-radius-2: 2px;\r\n --st-border-radius-1: 1px;\r\n}\r\n","@import '../../../variables.scss';\r\n\r\n.st-no-favorites {\r\n background: var( --st-background-secondary );\r\n border-bottom: 1px solid var( --st-border-color );\r\n box-sizing: border-box;\r\n padding: 45px 30px 40px 0;\r\n text-align: left;\r\n}\r\n\r\n",".site-list-header {\r\n\t--stc-toggle-dropdown-border-color: transparent;\r\n\t--stc-toggle-dropdown-popup-item-margin: 0 0 10px 0;\r\n\t--stc-toggle-dropdown-padding: 10px 10px 10px 10px;\r\n\t--stc-toggle-dropdown-selected-padding: 27px 20px 27px 20px;\r\n\t--stc-toggle-dropdown-popup-top: 100%;\r\n\t--stc-toggle-dropdown-popup-left: 10px;\r\n\t--stc-toggle-dropdown-icon-height: 7px;\r\n\r\n\tposition: relative;\r\n\r\n\t.step-header &.row {\r\n\t\tpadding: 0;\r\n\t\tposition: relative;\r\n\t\tpointer-events: none;\r\n\t\tz-index: 1;\r\n\r\n\t\t.st-header-left,\r\n\t\t.st-header-right {\r\n\t\t\tpointer-events: auto;\r\n\t\t}\r\n\t}\r\n\r\n\t.st-exit-to-dashboard {\r\n\t\tpadding: 26px 30px;\r\n\t\tsvg {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.st-page-builder-filter {\r\n\t\tborder-left: 1px solid var(--st-border-color);\r\n\t\tborder-right: 1px solid var(--st-border-color);\r\n\t\t.st-page-builder-toggle {\r\n\t\t\t.stc-toggle-dropdown-selected {\r\n\t\t\t\twidth: 195px;\r\n\t\t\t}\r\n\t\t\t.stc-toggle-dropdown-popup {\r\n\t\t\t\tborder-radius: 0 0 var( --stc-border-radius-4 ) var( --stc-border-radius-4 );\r\n\t\t\t\twidth: 195px;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}\r\n",".ist-logo {\r\n --stc-logo-height: 40px;\r\n --stc-logo-width: 40px;\r\n}",".st-my-favorite {\r\n\tcursor: pointer;\r\n\r\n svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: var(--st-color-placeholder);\r\n }\r\n\r\n\t&.active,\r\n\t:hover {\r\n\t\tsvg {\r\n\t\t\tfill: var(--st-color-favorite);\r\n\t\t}\r\n\t}\r\n\r\n\t.stc-tooltip-content {\r\n\t\tright: 0;\r\n\t}\r\n}\r\n",".st-sync-library {\r\n\tcursor: pointer;\r\n\tmargin: 0 30px;\r\n\r\n\t.stc-tooltip-content {\r\n\t\tright: 0;\r\n\t}\r\n\r\n\t&.loading {\r\n\t\tsvg {\r\n\t\t\tanimation: rotate 2s infinite linear;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes rotate {\r\n\t\tfrom {\r\n\t\t\ttransform: rotate( 0deg );\r\n\t\t}\r\n\t\tto {\r\n\t\t\ttransform: rotate( 360deg );\r\n\t\t}\r\n\t}\r\n}\r\n",".change-template-wrap {\r\n padding: 4% 8%;\r\n background: var(--st-background-secondary);\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n justify-content: space-between;\r\n border-bottom: 1px solid var(--st-border-color);\r\n\r\n .template-name h5 {\r\n color: var(--st-color-body);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .stc-grid-item-badge {\r\n position: unset;\r\n }\r\n\r\n .label {\r\n color: var(--st-color-placeholder);\r\n }\r\n .change-btn-wrap {\r\n cursor: pointer;\r\n }\r\n .change-btn {\r\n background: transparent;\r\n border: 1px solid #626262;\r\n border-radius: var(--st-border-radius-3);\r\n padding: 6px;\r\n font-weight: var(--st-font-weight-normal);\r\n font-size: var(--st-font-size-xs);\r\n line-height: var(--st-font-line-height-l);\r\n display: flex;\r\n align-content: center;\r\n justify-content: center;\r\n align-items: center;\r\n &:hover {\r\n border-color: var(--st-color-heading);\r\n svg path {\r\n fill: var(--st-color-heading);\r\n }\r\n }\r\n }\r\n}",".ist-selected-image {\r\n position: relative;\r\n margin-top: 20px;\r\n display: flex;\r\n margin-bottom: 2em;\r\n width: 100%;\r\n text-align: center;\r\n cursor: pointer;\r\n min-height: 100px;\r\n border: 1px dashed var(--st-color-accent);\r\n border-radius: 2px;\r\n padding: 20px;\r\n\r\n img {\r\n max-width: 100%;\r\n vertical-align: middle;\r\n width: 80%;\r\n }\r\n\r\n &:hover .ist-change-logo {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n}\r\n\r\n.ist-remove-logo {\r\n cursor: pointer;\r\n position: absolute;\r\n top: -10px;\r\n right: -10px;\r\n background: #FFFFFF;\r\n box-shadow: 2px 0px 4px rgb(0 0 0 / 15%);\r\n border-radius: 50%;\r\n height: 20px;\r\n width: 20px;\r\n text-align: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1;\r\n}\r\n\r\n.ist-change-logo {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n text-align: center;\r\n background: #fff;\r\n padding: 10px 0;\r\n color: #646464;\r\n border: 1px dashed var(--st-color-accent);\r\n transition: 0.3s all ease-in-out;\r\n margin: 0;\r\n opacity: 0;\r\n visibility: hidden;\r\n cursor: pointer;\r\n border-width: 1px 0 0 0;\r\n border-radius: 0;\r\n}\r\n\r\n.ist-logo-preview-wrap {\r\n align-self: center;\r\n margin: 0 auto;\r\n}\r\n\r\n.ist-logo-wrapper {\r\n position: relative;\r\n}\r\n\r\n.astra-sites-ai-logo-wrap {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n .control-reset {\r\n cursor: pointer;\r\n &.disabled {\r\n cursor: default;\r\n svg path {\r\n fill: var(--st-border-color);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.step-customizer {\r\n .step-content {\r\n button {\r\n width: 100%;\r\n margin-top: 30px;\r\n margin-bottom: 15px;\r\n &.disabled-btn {\r\n background-color: var(--st-color-placeholder);\r\n }\r\n }\r\n }\r\n .step-actions {\r\n .ist-link:nth-child(2) {\r\n color: var( --st-color-accent );\r\n svg {\r\n fill: var( --st-color-accent );\r\n }\r\n }\r\n }\r\n}\r\n",".ist-error-message-wrap {\r\n h2.ist-error-message-title {\r\n margin-bottom: 30px;\r\n }\r\n}\r\n.ist-import-error {\r\n p {\r\n display: flex;\r\n align-items: center;\r\n text-align: left;\r\n justify-content: flex-start;\r\n margin: 0;\r\n }\r\n .ist-import-error-box {\r\n width: 100%;\r\n border: 1px solid var(--st-border-color);\r\n box-sizing: border-box;\r\n border-radius: var(--st-border-radius-4);\r\n justify-content: center;\r\n margin: 17px auto 25px;\r\n padding: 20px;\r\n background: var(--st-background-light);\r\n }\r\n .ist-import-error-solution {\r\n margin-top: 5px;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 8px;\r\n display: block;\r\n }\r\n .ist-import-error-secondary-wrap {\r\n overflow: auto;\r\n max-height: 200px;\r\n margin-top: 10px;\r\n }\r\n .ist-import-error-text-heading {\r\n margin-top: 30px;\r\n margin-bottom: 10px;\r\n }\r\n .ist-import-error-text {\r\n padding: 10px;\r\n border-radius: var(--st-border-radius-4);\r\n background-color: var(--st-background-error-text, #EFEFEF);\r\n }\r\n pre {\r\n margin: 0;\r\n text-align: left;\r\n max-height: 100px;\r\n overflow: auto;\r\n }\r\n .ist-import-error-box-heading {\r\n margin-bottom: 10px;\r\n }\r\n .ist-import-error-solution-heading {\r\n margin: 20px 0 0;\r\n }\r\n .ist-import-error-box-heading,\r\n .ist-import-error-text-heading,\r\n .ist-import-error-solution-heading {\r\n text-align: left;\r\n font-size: var(--st-font-size-xs, 14px);\r\n font-weight: var(--st-font-weight-bold, 500);\r\n line-height: var(--st-font-line-height-xs, 20px);\r\n color: var(--st-color-heading);\r\n }\r\n}\r\n",".website-import-subtitle {\r\n\tmargin-bottom: 35px;\r\n\tcolor: #3B3F5C;\r\n\tfont-weight: 500;\r\n\tfont-size: 19px;\r\n\tline-height: 22px;\r\n}\r\n\r\n.website-import-subtitle svg {\r\n\tvertical-align: bottom;\r\n\tmargin-left: 10px;\r\n}\r\n\r\n.step-import-site.st-step {\r\n\th1 {\r\n\t\ttext-align: left;\r\n\t}\r\n\tbutton {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 25px;\r\n\t}\r\n}\r\n\r\n.ist-import-progress-info-text {\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n grid-gap: 10px;\r\n}\r\n\r\n.ist-import-progress, .ist-import-error {\r\n\tmargin-top: 25px;\r\n\t.ist-import-progress-bar-wrap {\r\n\t\tposition: relative;\r\n\t}\r\n\t.import-progress-gap {\r\n\t\tspan {\r\n\t\t\tbackground: var(--st-background-primary);\r\n\t\t\theight: 6px;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 10px;\r\n\t\t\ttop: -1px;\r\n\t\t\t&:nth-child(1) {\r\n\t\t\t\tleft: calc( 25% - 10px );\r\n\t\t\t}\r\n\t\t\t&:nth-child(2) {\r\n\t\t\t\tleft: calc( 50% - 10px );\r\n\t\t\t}\r\n\t\t\t&:nth-child(3) {\r\n\t\t\t\tleft: calc( 75% - 10px );\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t}\r\n\t.ist-import-progress-bar-bg {\r\n\t\theight: 4px;\r\n\t\tbackground: var(--st-color-light-gray);\r\n\t\twidth: 100%;\r\n\t\tposition: relative;\r\n\t\t.ist-import-progress-bar {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tbackground: var(--st-color-accent);\r\n\t\t\ttransition: all 1s;\r\n\t\t\twidth: 0%;\r\n\t\t\theight: 100%;\r\n\t\t\t&.import-1 {\r\n\t\t\t\twidth: 25%;\r\n\t\t\t}\r\n\t\t\t&.import-2 {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t\t&.import-3 {\r\n\t\t\t\twidth: 75%;\r\n\t\t\t}\r\n\t\t\t&.import-4 {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t&.import-done {\r\n\t\t\t\tbackground: #38C172;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t}\r\n\t.ist-import-progress-info {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 15px;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n}\r\n\r\n.ist-import-error {\r\n\t.ist-import-error-box {\r\n\t\toverflow-y: scroll;\r\n\t}\r\n\t.ist-import-progress-bar-bg {\r\n\t\twidth: 100%;\r\n\t\tmargin-bottom: 15px;\r\n\t\t.ist-import-progress-bar {\r\n\t\t\tbackground: var(--st-border-color);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ist-import-done-inner,\r\n.import-done-counter {\r\n\tdisplay: none;\r\n}\r\n.import-done {\r\n\t.import-status-string,\r\n\t.ist-import-text-inner {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.import-done-counter,\r\n\t.ist-import-done-inner {\r\n\t\tdisplay: block;\r\n\t}\r\n}",".survey-container {\r\n background: var(--st-background-primary);\r\n box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n border-radius: var(--st-border-radius-4);\r\n width: 600px;\r\n padding: 35px;\r\n margin: 0 auto;\r\n text-align: left;\r\n\r\n input[type=\"checkbox\"]:checked {\r\n &:before {\r\n content: url(\"data:image/svg+xml;utf8,<%2Fsvg>\");\r\n }\r\n }\r\n\r\n\r\n .required-plugins-form,\r\n .install-plugins-form {\r\n h5 {\r\n margin-bottom: 22px;\r\n }\r\n p {\r\n margin-bottom: 26px;\r\n }\r\n .third-party-required-plugins-list,\r\n .manual-required-plugins-list {\r\n list-style: auto;\r\n margin: 10px 20px;\r\n li {\r\n font-size: var(--st-font-size-xs);\r\n line-height: var(--st-font-line-height-xl);\r\n }\r\n }\r\n }\r\n\r\n h1 {\r\n text-align: left;\r\n padding-bottom: 35px;\r\n }\r\n\r\n .row-label {\r\n margin-bottom: 20px;\r\n }\r\n .survey-fields-wrap {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-gap: 15px;\r\n margin-bottom: 20px;\r\n }\r\n .survey-text-input {\r\n background: var(--st-background-primary);\r\n border: 1px solid var(--st-border-color);\r\n border-radius: var(--st-border-radius-3);\r\n padding: 10px 15px;\r\n width: 100%;\r\n &::placeholder {\r\n color: var(--st-color-placeholder);\r\n }\r\n &:focus {\r\n border-color: var(--st-color-accent);\r\n }\r\n }\r\n \r\n .survey-select-input {\r\n border: 1px solid var(--st-border-color);\r\n border-radius: var(--st-border-radius-3);\r\n padding: 10px 15px;\r\n width: 100%;\r\n color: #2c3338;\r\n option:not(:first-of-type) {\r\n color: #2c3338;\r\n }\r\n &::placeholder {\r\n color: var(--st-color-placeholder);\r\n }\r\n &:focus {\r\n border-color: var(--st-color-accent);\r\n }\r\n &:hover {\r\n color: #2c3338;\r\n }\r\n &.initial {\r\n color: var(--st-color-placeholder);\r\n }\r\n }\r\n \r\n .hidden-section .survey-advanced-section {\r\n visibility: hidden;\r\n }\r\n\r\n .survey-form-advanced-wrapper {\r\n .advanced-options-icons {\r\n cursor: pointer;\r\n display: flex;\r\n }\r\n .row-label {\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n grid-gap: 10px;\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n li {\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n align-content: stretch;\r\n grid-gap: 10px;\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n input {\r\n margin: 0;\r\n border: 1px solid var(--st-color-body);\r\n border-radius: var(--st-border-radius-3);\r\n }\r\n &.theme-check {\r\n margin-left: 2em;\r\n }\r\n label {\r\n font-size: var(--st-font-size-xs);\r\n line-height: var(--st-font-line-height-xs);\r\n color: var(--st-color-body);\r\n }\r\n }\r\n svg {\r\n cursor: pointer;\r\n }\r\n }\r\n .submit-survey-btn.button-text {\r\n padding: 15px 32px;\r\n width: 100%;\r\n color: var(--st-color-white);\r\n background: var(--st-color-accent);\r\n border: none;\r\n cursor: pointer;\r\n margin-top: 3em;\r\n align-content: center;\r\n grid-gap: 15px;\r\n border-radius: var(--st-border-radius-4);\r\n font-weight: var(--st-font-weight-bold);\r\n font-size: 15px;\r\n }\r\n .stc-tooltip-content {\r\n min-width: 310px;\r\n text-align: left;\r\n line-height:1.4;\r\n }\r\n .requirement-check-wrap {\r\n .current-php-version,\r\n .current-file-system-permissions {\r\n margin-top: 10px;\r\n }\r\n button.submit-survey-btn:disabled {\r\n background: var(--st-color-light-gray);\r\n color: var(--st-color-placeholder);\r\n cursor: not-allowed;\r\n svg path {\r\n fill: var(--st-color-placeholder);\r\n }\r\n }\r\n .requirement-check-list {\r\n list-style: auto;\r\n margin: 10px 20px;\r\n li {\r\n font-size: var(--st-font-size-xs);\r\n line-height: var(--st-font-line-height-l);\r\n\r\n p {\r\n color: var(--st-color-white);\r\n }\r\n }\r\n .requirement-list-item {\r\n display: flex;\r\n align-content: center;\r\n align-items: center;\r\n grid-gap: 10px;\r\n\r\n .dashicons-yes {\r\n color: var(--st-color-success, #39b54a);\r\n }\r\n .dashicons-no {\r\n color: var(--st-color-error, #d72b3f);\r\n }\r\n }\r\n .stc-tooltip {\r\n display: flex;\r\n .stc-tooltip-content {\r\n min-width: 400px;\r\n ul {\r\n list-style: auto;\r\n margin: 6px 17px;\r\n }\r\n li {\r\n line-height: var(--st-font-line-height-s);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.subscription-agreement-checkbox-label {\r\n display: block;\r\n font-size: var(--st-font-size-xs);\r\n margin-bottom: 20px;\r\n}\r\n\r\ninput.subscription-agreement-checkbox {\r\n margin-right: 10px;\r\n}","// Import Variables CSS styles\r\n@import \"./variables.scss\";\r\n\r\n#starter-templates-ai-root {\r\n font-size: 16px;\r\n\tbackground: var(--st-background-primary);\r\n\tfont-family: 'Inter', sans-serif;\r\n\r\n\t--wp-admin-theme-color: var(--st-color-accent);\r\n\t--wp-admin-theme-color-darker-10: var(--st-color-accent);\r\n}\r\n@media screen and (max-width: 1366px) {\r\n\t.step-customizer {\r\n\t\t--sidebar-width: 25%;\r\n\t}\r\n}\r\n@media screen and (min-width: 1367px) {\r\n\t.step-customizer {\r\n\t\t--sidebar-width: 20%;\r\n\t}\r\n}\r\n\r\nhtml.wp-toolbar {\r\n\tpadding: 0;\r\n}\r\n\r\n.intelligent-starter-templates-onboarding {\r\n\t#adminmenumain,\r\n #wpadminbar,\r\n #adminmenuback,\r\n #adminmenuwrap,\r\n #wpfooter {\r\n display: none;\r\n }\r\n\r\n #wpcontent,\r\n &.auto-fold #wpcontent {\r\n margin: 0;\r\n\t\tpadding: 0;\r\n }\r\n\r\n\t&.appearance_page_starter-templates #wpbody-content {\r\n padding: 0;\r\n }\r\n\r\n}\r\n\r\nbody {\r\n\toverflow-y: hidden;\r\n}\r\n\r\nbody * {\r\n box-sizing: border-box;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n\twidth: 8px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n\tborder-radius: 0px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n\tbackground: #d5d6d7;\r\n\tborder-radius: 0px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n\tbackground: #d1d2d3;\r\n\tcursor: pointer;\r\n}\r\n\r\n.st-link,\r\na {\r\n\tcursor: pointer;\r\n text-decoration: underline;\r\n color: var(--st-color-accent);\r\n\r\n\t&:hover{\r\n\t\tcolor: var(--st-color-accent-hover);\r\n\t}\r\n}\r\n\r\n.step-row {\r\n\tbackground: var(--st-background-primary);\r\n\tdisplay: flex;\r\n\toverflow: hidden;\r\n\theight: calc(100vh - 77px);\r\n}\r\n\r\n.step-col-right {\r\n\twidth: 100%;\r\n\tpadding: 0 2%;\r\n\tmargin-left: var(--sidebar-width);\r\n\ttransition: all 350ms linear;\r\n}\r\n\r\n.step-col-left {\r\n\twidth: var(--sidebar-width);\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: calc( 100vh - 60px );\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\ttransition: transform 350ms linear;\r\n\ttransform: translateX(0);\r\n\tbox-shadow: 1px 0px 3px rgb(0 0 0 / 10%), 1px 0px 2px rgb(0 0 0 / 6%);\r\n\tz-index: 9;\r\n}\r\n\r\n.step-content {\r\n\tbackground: #F7F7F9;\r\n\tpadding: 5%;\r\n\toverflow-y: auto;\r\n\tflex: 1;\r\n\theight: 100%;\r\n\tborder-radius: var(--st-border-radius-2);\r\n}\r\n\r\n\r\n.step-actions {\r\n padding: 21px 45px;\r\n display: flex;\r\n justify-content: space-between;\r\n\talign-items: center;\r\n background: var(--st-background-primary);\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\tz-index: 10;\r\n\tbox-shadow: 0px -4px 8px -3px rgb(0 0 0 / 5%), 0px -2px 6px -2px rgb(0 0 0 / 5%);\r\n\tp {\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #353852;\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n.step-customizer .ist-link {\r\n\tpadding: 0 0 15px 0;\r\n\tfont-size: var(--st-font-size-xs);\r\n\tcolor: var(--st-color-body);\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: fit-content;\r\n margin: 15px auto 0 auto;\r\n}\r\n\r\n.step-customizer {\r\n\t.step-row {\r\n\t\theight: 100vh;\r\n\t}\r\n\t.step-actions {\r\n\t\tpadding: 6% 8%;\r\n\t\tbackground: var(--st-background-primary);\r\n\t\tposition: unset;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tborder-radius: 0 0 0 var(--st-border-radius-4);\r\n\t\tborder-top: none;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\t.step-col-left {\r\n\t\theight: auto;\r\n\r\n\t}\r\n\t.step-col-right {\r\n\t\tpadding: 0;\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n\r\n.step-col-right img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\n.step-actions {\r\n\t.dashicons-arrow-left-alt {\r\n\t\tmargin-right: 5px;\r\n\t}\r\n\t.dashicons-arrow-right-alt {\r\n\t\tmargin-left: 5px;\r\n\t}\r\n}\r\n\r\n.astra-sites-ai-logo-wrap {\r\n\tcolor: var(--st-color-heading);\r\n\tmargin-bottom: 17px;\r\n\tmargin-top: 25px;\r\n}\r\n\r\n.astra-sites-ai-logo-wrap,\r\n.astra-sites-ai-rangecontrol-wrap{\r\n\twidth: 100%;\r\n}\r\n\r\n.ist-logo {\r\n --stc-logo-height: 44px;\r\n\t--stc-logo-width: 44px;\r\n}\r\n\r\n.step-full-width .step-col {\r\n flex: 1;\r\n text-align: center;\r\n}\r\n\r\n.st-header-right {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.st-search-box-fixed .step-header {\r\n position: static;\r\n}\r\n\r\n.step-header {\r\n\tz-index: 1;\r\n position: relative;\r\n\r\n\ta {\r\n\t\tcolor: var(--st-color-placeholder);\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: flex;\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tfont-size: var(--st-font-size-s);\r\n\t\tline-height: var(--st-line-height-xs);\r\n\t\talign-items: center;\r\n\r\n\t\tsvg {\r\n\t\t\tfill: var(--st-color-placeholder);\r\n\t\t}\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tcolor: var(--st-color-heading);\r\n\t\t\tsvg path {\r\n\t\t\t\tfill: var(--st-color-heading);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: none;\r\n\t\t\tbox-shadow: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: none;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n}\r\n\r\nbody.step-import-site:not( .st-error ) .step-header a {\r\n\tpointer-events: none;\r\n opacity: 0.7;\r\n}\r\n\r\n\r\n.row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n\t&.center {\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t&.full {\r\n\t\tflex: 1;\r\n\t}\r\n}\r\n\r\n.step-header .row {\r\n\tbox-shadow: 0px 6px 8px -3px rgb(0 0 0 / 5%), 0px 4px 6px -2px rgb(0 0 0 / 5%);\r\n\tposition: relative;\r\n\t.branding-wrap {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\talign-content: center;\r\n\t\tgrid-gap: 20px;\r\n\t\tpadding: 16px 24px;\r\n\t\tborder-right: 1px solid var(--st-border-color);\r\n\t}\r\n\t.exit-link {\r\n\t\tpadding: 26px 30px;\r\n\t\tborder-left: 1px solid var(--st-border-color);\r\n\t}\r\n\t.right-col {\r\n\t\tdisplay: flex;\r\n\t\talign-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\t.back-to-main {\r\n\t\tpadding: 26px 30px;\r\n\t\tsvg {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tsvg path {\r\n\t\t\t\tfill: var(--st-color-heading);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n\r\n/**\r\n * Customizer Contorls\r\n */\r\n.customizer-controls {\r\n\theight: calc( 70vh - 230px );\r\n\toverflow-y: auto;\r\n}\r\n\r\n.astra-sites-ai-rangecontrol-wrap .components-range-control__wrapper {\r\n\tmargin-left: 0;\r\n}\r\n\r\n.astra-sites-ai-rangecontrol-wrap {\r\n\t.components-input-control__input:focus + .components-input-control__backdrop {\r\n \tborder-color: var(--st-color-accent);\r\n \tbox-shadow: 0 0 0 1px var(--st-color-accent);\r\n\t}\r\n}\r\n\r\n.customize-license-validation {\r\n\tposition: relative;\r\n\t.processing::before {\r\n\t\tcolor: var(--st-background-primary);\r\n\t\tfont: normal 20px/0 dashicons;\r\n\t}\r\n\tbutton.st-access-btn {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\talign-content: center;\r\n\t\tgrid-gap: 7px;\r\n\t\tmargin-top: 15px;\r\n\t\tmargin-bottom: 0;\r\n\r\n\t\t.st-get-access {\r\n\t\t\theight: 12px;\r\n\t\t}\r\n\t}\r\n\t.license-wrap {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 70% 30%;\r\n\t\talign-items: center;\r\n\t\tjustify-items: end;\r\n\t\tborder: 1px solid var(--st-border-color);\r\n\t\tbackground: var(--st-background-primary);\r\n\t\tpadding: 5px;\r\n\t\tmargin-top: 30px;\r\n\t\tborder-radius: var(--st-border-radius-2);\r\n\t\t&:focus-within {\r\n\t\t\tborder: 1px solid var(--st-color-accent);\r\n\t\t}\r\n\t}\r\n\t.license-key-input {\r\n\t\tborder: none;\r\n\t\tbackground: var(--st-background-primary);\r\n\t\tborder-radius: var(--st-border-radius-4);\r\n\t\tpadding: 10px 15px;\r\n\t\twidth: 100%;\r\n\t\theight: 38px;\r\n\t\t&::placeholder {\r\n\t\t\tcolor: var(--st-color-placeholder);\r\n\t\t}\r\n\t\t&:focus {\r\n\t\t\tborder: none;\r\n\t\t\toutline: 0;\r\n\t\t\tbox-shadow: none;\r\n\t\t}\r\n\t}\r\n\t.customer-notices {\r\n\t\tmargin: 10px 0;\r\n\t}\r\n\tbutton.validate-btn {\r\n\t\tmargin: 0;\r\n\t\tborder-radius: 0px;\r\n\t\tbackground: var(--st-color-placeholder);\r\n\t\twidth: unset;\r\n\t\tpadding: 12px;\r\n\t\tborder-radius: var(--st-border-radius-2);\r\n\t\tsvg {\r\n\t\t\theight: 15px;\r\n\t\t\twidth: 15px;\r\n\r\n\t\t\tpath {\r\n\t\t\t\tfill: var(--st-color-white);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--st-color-accent);\r\n\t\t}\r\n\t}\r\n\t.license-error {\r\n\t\tborder: 1px solid var(--st-border-color);\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);\r\n\t\tborder-radius: var(--st-border-radius-4);\r\n\t\tmargin-top: 15px;\r\n\t\t.p-4 {\r\n\t\t\tpadding: 1rem;\r\n\t\t}\r\n\t\t.license-error-inner {\r\n\t\t\t> div {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t}\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tjustify-content: space-between;\r\n\t\t}\r\n\t\t.license-error-message p {\r\n\t\t\tmargin-left: 0.75rem;\r\n\t\t}\r\n\t\t.error-icon {\r\n\t\t\tdisplay: flex;\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 1.25rem;\r\n\t\t\t\theight: 1.25rem;\r\n\t\t\t}\r\n\t\t\t&.cross-icon {\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tcolor: #eb3f3f;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&.close-icon {\r\n\t\t\t\tmargin-left: 1rem;\r\n\t\t\t\tbutton {\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\tbackground: none;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tcolor: var(--st-color-body);\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\theight: 15px;\r\n\t\t\t\t\twidth: 15px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.st-toaster {\r\n\t\tposition: unset;\r\n\t\tmargin-top: 20px;\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n.ist-button {\r\n\tbackground: var(--st-color-accent);\r\n\tcolor: var(--st-background-primary);\r\n\tborder-radius: var(--st-border-radius-4);\r\n\tpadding: 15px 32px;\r\n\ttext-decoration: none;\r\n\r\n\t&:hover {\r\n\t\tbackground: var(--st-color-accent);\r\n\t\tcolor: var(--st-color-white);\r\n\t}\r\n\r\n\t&.ist-button-outline {\r\n\t\tbackground: var(--st-color-white);\r\n\t\tcolor: var(--st-color-accent);\r\n\t\tborder: 1px dashed var(--st-color-placeholder);\r\n\t\twidth: 100%;\r\n\t\tfont-size: 14px;\r\n\t\talign-items: center;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\tgrid-gap: 12px;\r\n\t\tpadding: 32px 10px;\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tbackground: var(--st-background-primary);\r\n\t\t\tcolor: var(--st-color-accent);\r\n\t\t\tborder-color: var(--st-color-accent);\r\n\t\t}\r\n\t\tp {\r\n\t\t\tfont-size: 13px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.step-page-builder.st-step {\r\n\t.row {\r\n\t\tpadding: 0;\r\n \tposition: relative;\r\n\t}\r\n}\r\n\r\n.ist-link.disabled {\r\n pointer-events: none;\r\n opacity: 0.7;\r\n\t&.hidden-btn {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.middle-content {\r\n margin: 0;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n\t&.middle-content-import {\r\n\t\tbackground: var(--st-background-primary);\r\n\t\tpadding: 30px;\r\n\t\tbox-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n\t\twidth: 600px;\r\n\t\tborder-radius: var(--st-border-radius-4);\r\n\t}\r\n}\r\n\r\n.site-loading-skeleton {\r\n overflow-y: auto;\r\n height: 100%;\r\n\t.MuiSkeleton-root {\r\n\t\tborder-radius: var(--st-border-radius-2);\r\n\t}\r\n}\r\n.d-flex-center-align {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n.d-flex-space-between {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n align-content: center;\r\n}\r\n\r\n\r\n//Common Css.\r\n.starter-templates-ai-steps {\r\n\th1 {\r\n\t\tfont-size: var(--st-font-size-xxl);\r\n\t\tfont-weight: var(--st-font-weight-extra-bold);\r\n\t\tmargin: 0;\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tline-height: var(--st-font-line-height-xl);\r\n\t}\r\n\th2 {\r\n\t\tfont-size: var(--st-font-size-xl);\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tmargin: 0;\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tline-height: var(--st-font-line-height-l);\r\n\t}\r\n\th3 {\r\n\t\tfont-size: var(--st-font-size-l);\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tmargin: 0;\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tline-height: var(--st-font-line-height-m);\r\n\t}\r\n\th4 {\r\n\t\tfont-size: var(--st-font-size-m);\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tmargin: 0;\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tline-height: var(--st-font-line-height-m);\r\n\t}\r\n\th5 {\r\n\t\tfont-size: var(--st-font-size-s);\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tmargin: 0;\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tline-height: var(--st-font-line-height-s);\r\n\t}\r\n\th6 {\r\n\t\tfont-size: var(--st-font-size-xs);\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tmargin: 0;\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tline-height: var(--st-font-line-height-xs);\r\n\t}\r\n\tp {\r\n\t\tfont-size: var(--st-font-size-xs);\r\n\t\tcolor: var(--st-color-body);\r\n\t\tmargin: 0;\r\n\t\tfont-weight: var(--st-font-weight-normal);\r\n\t\tline-height: var(--st-font-line-height-xs);\r\n\r\n\t\t&.p-bold {\r\n\t\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\t}\r\n\t}\r\n\t.button-text {\r\n\t\tfont-size: var(--st-font-size-xs);\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tcolor: var(--st-color-accent);\r\n\t\tline-height: var(--st-font-line-height-xs);\r\n\t}\r\n\r\n\t.placeholder {\r\n\t\tfont-size: var(--st-font-size-xs);\r\n\t\tfont-weight: var(--st-font-weight-normal);\r\n\t\tcolor: var(--st-color-placeholder);\r\n\t\tline-height: var(--st-font-line-height-xs);\r\n\t}\r\n\t.label-text {\r\n\t\tfont-size: var(--st-font-size-s);\r\n\t\tfont-weight: var(--st-font-weight-bold);\r\n\t\tcolor: var(--st-color-heading);\r\n\t\tline-height: var(--st-font-line-height-s);\r\n\r\n\t\t&.label-bold {\r\n\t\t\tfont-weight: var(--st-font-weight-extra-bold);\r\n\t\t}\r\n\t}\r\n\r\n\t.screen-description {\r\n\t\tmargin: 20px auto 40px;\r\n\t\tmax-width: 700px;\r\n\t}\r\n\r\n\t.ist-customizer-heading {\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.ist-secondary-heading {\r\n\t\tmargin: 25px 0 17px 0;\r\n\t}\r\n\r\n\t.ist-fonts-description,\r\n\t.ist-colors-description {\r\n\t\tmargin: 2em 0 0 0;\r\n\t}\r\n\r\n\t.ist-footer-note {\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.customizer-header {\r\n\t\tbackground: var(--st-background-secondary);\r\n\t\tborder-bottom: 1px solid var(--st-border-color);\r\n\r\n\t\t.header-name {\r\n\t\t\tpadding: 6% 9%;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\t.toggle-sidebar-wrap {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t//Customizer Screen.\r\n\t.step-customizer {\r\n\t\t.step-content {\r\n\t\t\tbackground-color: var(--st-background-secondary);\r\n\t\t}\r\n\t\t.hide-sidebar {\r\n\t\t\t.step-col-left {\r\n\t\t\t\ttransform: translateX(-100%);\r\n\t\t\t}\r\n\t\t\t.step-col-right {\r\n\t\t\t\tmargin-left: 0%;\r\n\t\t\t\ttransition: margin-left 350ms linear;\r\n\t\t\t}\r\n\t\t\t.toggle-sidebar-wrap {\r\n\t\t\t\tbackground: var(--st-color-accent);\r\n\t\t\t\tsvg path {\r\n\t\t\t\t\tfill: var(--st-color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.screen-description {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t.toggle-sidebar-wrap {\r\n\t\t\twidth: 18px;\r\n\t\t\tbackground: #F4F5F6;\r\n\t\t\tbox-shadow: 1px 0px 3px rgba(0, 0, 0, 0.1), 1px 0px 2px rgba(0, 0, 0, 0.06);\r\n\t\t\tborder-radius: 0px var(--st-border-radius-2) var(--st-border-radius-2) 0px;\r\n\t\t\theight: 61px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 100%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\theight: 15px;\r\n\t\t\t\twidth: 15px;\r\n\t\t\t\tpath {\r\n\t\t\t\t\tfill: var(--st-color-placeholder);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground: var(--st-color-accent);\r\n\t\t\t\tsvg path {\r\n\t\t\t\t\tfill: var(--st-color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.logo-skip-info {\r\n\t\t\tpadding: 20px;\r\n\t\t\tbackground: var(--st-color-light-gray);\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tp {\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.premium-notice {\r\n\t\t\tborder: 1px solid #dc323291;\r\n\t\t\tbackground: #dc323208;\r\n\t\t\tborder-radius: var(--st-border-radius-2);\r\n\t\t\tpadding: 10px;\r\n\t\t\tcolor: #4b5563;\r\n\t\t\tfont-size: var(--st-font-size-xs);\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t}\r\n\t\t.step-content.customize-typography-colors {\r\n\t\t\t.step-controls {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t.colors-section,\r\n\t\t\t.typography-section {\r\n\t\t\t\tpadding: 8%;\r\n\t\t\t}\r\n\t\t\t.colors-section {\r\n\t\t\t\tborder-bottom: 1px solid var(--st-border-color);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.customize-reset-btn {\r\n\t\t\tcursor: pointer;\r\n\t\t\t&.disabled {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\t\t\t&.active {\r\n\t\t\t\tsvg path {\r\n\t\t\t\t\tfill: var(--st-color-accent);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.step-customizer & .step-content {\r\n\t\tpadding: 0;\r\n\t\tborder-radius: 0;\r\n\t\tborder-bottom: none;\r\n\t}\r\n\t.step-customizer & .step-content {\r\n\t\t.step-controls {\r\n\t\t\tpadding: 8%;\r\n\t\t}\r\n\t}\r\n\r\n\t//Congrats Screen.\r\n\t.step-congrats & .step-content {\r\n\t\tpadding: 4%;\r\n\t}\r\n\t.step-congrats & .step-row {\r\n\t\theight: calc(100vh - 62px);\r\n\t}\r\n}\r\n\r\n#ist-bashcanvas {\r\n\tpointer-events: none;\r\n\tposition: fixed;\r\n\tz-index: 2;\r\n\tinset:0;\r\n}\r\n\r\n#st-welcome-video,\r\n#st-information-video {\r\n\twidth: 770px;\r\n\theight: 446px;\r\n\tleft: 0px;\r\n\ttop: 0px;\r\n\tborder: 15px solid var(--st-color-white);\r\n\tbox-shadow: 0px 10px 15px -2px rgb(0 0 0 / 10%), 0px 4px 6px -2px rgb(0 0 0 / 5%);\r\n\tborder-radius: var(--st-border-radius-4);\r\n}\r\n\r\n.ist-fadeinUp {\r\n -webkit-animation: ist-fadeinUp 500ms ease-in-out;\r\n animation: ist-fadeinUp 500ms ease-in-out;\r\n}\r\n\r\n.st-rtl {\r\n\t.ist-button {\r\n\t\tsvg {\r\n\t\t\tmargin: 0 0 0 12px;\r\n\t\t}\r\n\t}\r\n\t.ist-link {\r\n\t\tsvg {\r\n\t\t\tmargin-right: 10px;\r\n\t\t}\r\n\t}\r\n\t.control-reset {\r\n\t\ttransform: rotateY(180deg);\r\n\t}\r\n\t.st-sync-library.loading svg {\r\n\t\tanimation: rotate-alternate 2s infinite linear;\r\n\t}\r\n\t.ist-link,\r\n\t.ist-button,\r\n\t.submit-survey-btn,\r\n\t.toggle-sidebar-wrap {\r\n\t\tsvg {\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t}\r\n\t}\r\n\t.astra-sites-ai-rangecontrol-wrap {\r\n\t\t.components-range-control__number {\r\n\t\t\tmargin-left: 16px !important;\r\n\t\t\tmargin-right: 0 !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.stc-tooltip-content a {\r\n\tcolor: var(--st-color-white);\r\n}\r\n\r\n@keyframes rotate-alternate {\r\n\tfrom {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n\tto {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n}\r\n\r\n@keyframes ist-fadeinUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.step-content.customize-business-logo .content-wrapper{\r\n\tanimation: logo-screen-fadeIn 500ms;\r\n}\r\n\r\n@keyframes logo-screen-fadeIn {\r\n\t0% { opacity: 0.3; }\r\n\t100% { opacity: 1; }\r\n}\r\n\r\n.step-content.customize-typography-colors .content-wrapper{\r\n\tanimation: colors-screen-fadeIn 500ms;\r\n}\r\n\r\n@keyframes colors-screen-fadeIn {\r\n\t0% { opacity: 0.3; }\r\n\t100% { opacity: 1; }\r\n}\r\n\r\n.step-content.customize-site-typography .content-wrapper{\r\n\tanimation: typo-screen-fadeIn 500ms;\r\n}\r\n\r\n@keyframes typo-screen-fadeIn {\r\n\t0% { opacity: 0.3; }\r\n\t100% { opacity: 1; }\r\n}\r\n\r\n.step-content.congratulations .content-wrapper{\r\n\tanimation: congrats-screen-fadeIn 500ms;\r\n}\r\n\r\n@keyframes congrats-screen-fadeIn {\r\n\t0% { opacity: 0.3; }\r\n\t100% { opacity: 1; }\r\n}\r\n"],"names":[],"sourceRoot":""}