diff --git a/build/1.4.1/onboarding.css b/build/1.4.1/onboarding.css
index a86db7b99..8aac71ba2 100644
--- a/build/1.4.1/onboarding.css
+++ b/build/1.4.1/onboarding.css
@@ -3970,6 +3970,7 @@ div.onboarding-product-step .step-product-numbers .components-radio-control inpu
 }
 
 .subCategoriesSection {
+  height: 25vh;
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
@@ -4016,7 +4017,7 @@ div.onboarding-product-step .step-product-numbers .components-radio-control inpu
 }
 .category-scrolling-wrapper_type-text {
   display: inline-block;
-  color: black;
+  color: var(--nfd-onboarding-dark);
   font-size: 0.85rem;
   font-weight: 400;
   margin: 0;
diff --git a/build/1.4.1/onboarding.css.map b/build/1.4.1/onboarding.css.map
index 1753652a5..3583cfa99 100644
--- a/build/1.4.1/onboarding.css.map
+++ b/build/1.4.1/onboarding.css.map
@@ -1 +1 @@
-{"version":3,"file":"onboarding.css","mappings":";;;AAAA;;;;;EAAA;ACAA;;EAAA;ACAA;;;;;CAAA;ACEA;;EAAA;ADFA;;;;;CAAA;AEAA;;;;;EAAA;ACGA;;EAAA;AAoDA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;ACjVA;;;;;;EAAA;AJAA;;;;;CAAA;ACEA;;EAAA;AGQA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAoBA;;EAAA;AAOA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AC1GA;EACC,gBJeO;EIdP,kBD6Bc;AEkEf;AD7FC;EACC;EACA;EACA;EACA;AC+FF;AHvEC;EEhCD;IAYE;EC+FA;AACF;;AD5FA;EACC,gBJDO;EIEP,kBDac;AEkFf;AD7FC;EACC;EACA;AC+FF;AD7FE;EACC;AC+FH;AHxFC;EEZA;IASE;EC+FD;AACF;;AH7FC;EEID;IAEE;EC4FA;AACF;;ACnIA;EACC,gBNeO;EMdP,cNMU;AKgIX;AHlGC;EItCD;IAKE;EDuIA;AACF;AH7GC;EIhCD;IASE,YHgEc;EEwEd;AACF;ACtIC;EACC;EAEA;EACA;ADuIF;ACpIC;EACC;EACA;EACA;ADsIF;ACpIE;EACC,SHaY;AEyHf;AH/HC;EIRC;IAIE;EDuIF;AACF;ACnIC;EACC;ADqIF;AClIC;EACC,eHvBkB;EGwBlB,cN/BS;EMgCT;ADoIF;AChIC;EACC;EACA;EACA;EACA,cNxCS;EMyCT;ADkIF;AC/HC;EACC;EACA;EACA;ADiIF;AC9HC;;EAEC;EACA;ADgIF;AC/HE;;EACC;ADkIH;AC9HC;EACC;EACA;EACA;EACA;ADgIF;;AHvKC;EKhCD;IAKE;IACA;EFuMA;EErMA;;IAEC;EFuMD;EEpMA;;IAEC;EFsMD;AACF;;AGpNA;EACC;EACA;AHuND;AH3LC;EM9BD;IAKE;IACA;EHwNA;AACF;;AGrNA;EACC;EACA;EACA;EACA;EAGA;EACA,SLiCsB;EKhCtB;EACA;EACA;AHsND;AGnNC;EAdD;IAeE,SLyBiB;EE6LjB;EGpNA;IACC;EHsND;AACF;;AGlNA;EACC;EACA;EACA;EACA;AHqND;;AHlKC;EAAe;EACd;AGsKF;AHpKE;EAHD;IAIE,WCxCmB;EE+MpB;AACF;;AHpKC;EAA0B;AGwK3B;AHvKE;EADD;IAEE,UC5C6B;EEsN9B;AACF;AHxKE;EALD;IAME,WClDmB;EE6NpB;AACF;;AHxKC;AACA;EACC;AG2KF;AHzKE;EAHD;IAIE,UCzD6B;EEqO9B;AACF;;AHzKC;EACC;AG4KF;;AGtPA;EACC;EACA;EASA;EAQA;AH0OD;AHzQC;EMkCA;IAEE;EHyOD;AACF;;AGrOA;EACC;EAIA;EACA;EAKA;EAKA;AH6ND;;AGzNA;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBRvFO;EQwFP,cRhGU;AK4TX;AHpSC;EM6DD;;IAeE;IACA;IACA;EH6NA;AACF;;AG1NA;EACC;AH6ND;AHhTC;EMkFD;IAIE;EH8NA;AACF;;AHrTC;EM0FD;IAEE;EH8NA;AACF;;AG3NA;EACC;EACA;EACA;EACA;EACA,cR7HU;AK2VX;;AG3NA;EACC;EACA;EACA;EACA,cRpIU;EQqIV;EACA;EACA;EACA;EACA,sBRjIO;EQkIP;EAGA;AH4ND;AHjVC;EMwGD;IAeE;EH8NA;AACF;AG5NC;EACC;EACA;EACA,gBR7IM;EQ8IN,YL9GkB;EK+GlB;EACA,eLjJkB;EKkJlB;AH8NF;;AG1NA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,YLnGe;EKoGf,cRrKU;AKkYX;AG3NC;EACC;EACA;AH6NF;;AI9YA;EACC;AJiZD;AI9YC;EACC;EACA;AJgZF;AHhXC;EOtCD;IAUE;EJgZA;EI9YA;IACC;EJgZD;AACF;;AI5YA;EACC;AJ+YD;AHtXC;EO1BD;IAKE;IACA,gBXba;EO4Zb;AACF;AI7YC;EACC;AJ+YF;;AI3YA;EACC;AJ8YD;;AK/aA;EACC;ALkbD;AK9aC;EACC;ALgbF;AHhZC;EQjCA;IAIE;ELibD;AACF;AK9aC;EACC,gBPiBa;AE+Zf;AK9aE;EACC,eP6BS;EO5BT,gBP4BS;AEoZZ;;AH5ZC;EStCD;IAIE;IACA;ENmcA;AACF;AHzaC;EShCD;IAQE;ENqcA;AACF;AHpbC;ES1BD;IAWE;ENucA;AACF;AMpcC;EACC;IACC;ENscD;EMpcC;IACC;ENscF;AACF;;AOxdC;EACC;EACA;EAEA,UT2Ba;ES1Bb,YARoB;APketB;AOzdE;EACC,kBT+Ee;ES9Ef;AP2dH;AO1dG;EACC,mBZEO;EYDP;EACA;AP4dJ;AO1dG;EACC;AP4dJ;AOxdC;EACC,kBTYa;ESXb,kBAxBoB;APkftB;;AOtdA;EAGC;IACC;EPudA;AACF;AQxfA;EACC;AR0fD;AQxfC;EACC;AR0fF;;AQtfA;EACC;EACA;EACA;ARyfD;;AQtfA;EACC;EACA,eVuEoB;EUtEpB;EACA,cbRU;AKigBX;;ASzgBE;EACC;EACA;EACA;AT4gBH;AS1gBG;EACC;EACA;AT4gBJ;ASvgBC;EACC;EACA,eXuEmB;EWtEnB;EACA,cdRS;AKihBX;;AUxhBA;EACC,gBfYO;AK+gBR;;AUxhBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV2hBD;AUzhBC;EACC;AV2hBF;AUxhBC;EACC;EACA;AV0hBF;AUvhBC;EbiTA,gBFtUO;EEgVP;+GAAA;AGiOD;AHzOC;EACC;AG2OF;AHxOC;EACC;AG0OF;AHrOC;EACC;AGuOF;AHpOC;EACC;AGsOF;AHnOC;EACC;EACA;AGqOF;AHlOC;;EAEC,wBFjWM;AKqkBR;AHjOC;EACC;EACA;AGmOF;;AWzlBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXulBD;;AY9oBC;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ+oBF;AY5oBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ8oBF;AY3oBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ6oBF;AY1oBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AZ2oBF;AYzoBE;EACC;EAMA;AZsoBH;AY1oBG;EACC;AZ4oBJ;AYvoBG;EACC;AZyoBJ;AYnoBG;EACC;AZqoBJ;AYloBG;EACC;AZooBJ;AYjoBG;EACC;AZmoBJ;AYjoBI;EACC;EACA;EACA;AZmoBL;AY/nBG;EACC;AZioBJ;AY9nBG;EACC;AZgoBJ;AY9nBI;EACC;AZgoBL;AY9nBK;EACC;AZgoBN;AYxnBG;EACC;AZ0nBJ;AYvnBG;EACC;AZynBJ;AYtnBG;EACC;AZwnBJ;;Aap1BA;EACC;EACA;EACA;Abu1BD;;Aap1BA;EACC;EACA;EACA;EACA;Abu1BD;;Aap1BA;EACC;EACA;Abu1BD;;Aap1BA;EACC;Abu1BD;;Aap1BA;EACC;EACA;Abu1BD;;Aaz1BA;EACC;EACA;Abu1BD;;Ac/2BA;EACC;EACA;EACA;EACA;EACA;EAIA;EACA,YJVe;EIWf,WJXe;AV03BhB;Ac72BC;EACC;EACA;EACA;EACA;EACA;EACA,WJnBc;EIoBd;EACA;Ad+2BF;Ac72BE;EACC,eJxBa;AVu4BhB;Ac72BG;EAEC;Ad82BJ;Ac32BG;EACC;Ad62BJ;Ac12BG;EACC;Ad42BJ;Acz2BG;EACC;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ady2BJ;AHvvBE;EiB9HC;IjB+HA;IACA;EG0vBD;AACF;Ac52BG;EACC;Ad82BJ;Ac32BG;EACC;Ad62BJ;;Acv2BA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Ad02BD;AH7wBE;EiBpGF;IjBqGG;IACA;EGgxBD;AACF;AHx5BC;EiB4CA;IAGE;Ed62BD;AACF;Ac12BC;EACC;EACA,YJpFkB;EIqFlB;EACA;EACA;EACA;Ad42BF;AHhyBE;EiBlFD;IjBmFE;IACA;EGmyBD;AACF;Ac72BC;EACC,YJ/Fc;EIgGd,kBJhGc;EIiGd;EACA;EACA;Ad+2BF;Ac52BC;EACC;EACA;EACA;EACA,WnB7FS;EmB+FT;EACA;EACA;EACA;Ad62BF;Ac12BC;EACC;EACA;EACA;EACA;EACA;EACA;Ad42BF;Ac12BE;EACC;Ad42BH;Acx2BC;EACC;EACA;Ad02BF;Acx2BE;EACC;Ad02BH;Act2BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Adw2BF;AHl1BE;EiB7BD;IjB8BE;IACA;EGq1BD;AACF;Ac12BE;EACC;EACA;EAGA,iBhBxHY;AEk+Bf;AH71BE;EiBlBA;IjBmBC;IACA;EGg2BD;AACF;Ac72BE;EACC;EACA;EACA;Ad+2BH;Ac52BE;EACC;Ad82BH;Ac32BE;EACC;EACA;Ad62BH;Ac32BG;EACC;Ad62BJ;Acx2BC;EACC;EACA;EACA,YhBnIY;EgBoIZ,gBhBhJa;EgBiJb;Ad02BF;Acx2BE;EACC;Ad02BH;Acv2BE;EACC;Ady2BH;Act2BE;EAEC;EACA;Adu2BH;Acn2BC;EACC;Adq2BF;Acn2BE;EACC;EACA;EACA;EACA;EACA;EACA,YhBzKY;EgB0KZ,gBhBzKY;EgB0KZ;EACA;EACA,kBhBlLY;AEuhCf;Acj2BC;EACC;EACA;EACA;EACA;EACA;Adm2BF;;Ac/1BA;EACC,YJ/NmB;AVikCpB;Ach2BC;EACC;Adk2BF;;Ac91BA;AAOA;EACC;EACA;EACA;Ad21BD;;Acx1BA;EACC;EACA;EACA;Ad21BD;;Acx1BA;EACC;Ad21BD;;Acx1BA;EACC;Ad21BD;;Act1BC;EACC;EACA;EACA;Ady1BF;Acv1BE;EACC;EACA;Ady1BH;Acv1BG;EAJD;IAKE;IACA;IACA;IACA;Ed01BF;AACF;Acx1BG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Ad01BJ;Acx1BI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Ad01BL;Acx1BK;EACC;EACA;EACA;EACA;Ad01BN;Acx1BM;EACC;EACA;EACA;EACA;EACA;EACA;Ad01BP;Act1BK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDArFa;Ad66BnB;Act1BM;EACC,iCA1FY;EA2FZ;Adw1BP;Acp1BK;EACC;Ads1BN;Acl1BI;EACC;EACA;EACA;EACA;EACA;Ado1BL;;Ac30BA;EACC;Ad80BD;Ac50BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,6CA9HiB;EA+HjB;Ad80BF;Ac50BE;EACC,WnBpWK;EmBqWL;Ad80BH;;Acz0BA;EACC;Ad40BD;Ac10BC;EAEC;EACA;EACA;Ad20BF;Acz0BE;EACC;EACA;EACA;EACA;EACA;Ad20BH;Acx0BE;EACC;EACA;EACA;EACA;EACA;EACA;Ad00BH;Acv0BE;EACC;EACA;EACA;EACA;EACA;EACA;Ady0BH;;Acl0BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Adq0BF;Acn0BE;EACC;Adq0BH;Acl0BE;EACC,iCAhMe;EAiMf;EACA;EACA;Ado0BH;Acj0BE;EACC;Adm0BH;Acj0BG;EACC;Adm0BJ;;Ac7zBA;EACC;EACA;EACA;EACA,6CAjNkB;AdihCnB;Ac9zBC;EACC;EACA;EACA;EACA;Adg0BF;Ac9zBE;EACC;EACA;Adg0BH;Ac5zBC;EACC;Ad8zBF;Ac3zBC;EACC;Ad6zBF;Ac1zBC;EACC;Ad4zBF;Ac1zBE;EACC;EACA,iCA/Oe;EAgPf;EACA;EACA;EACA,6CAlPgB;EAmPhB;EACA;Ad4zBH;Ac1zBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad4zBJ;Ac1zBI;EACC;Ad4zBL;ActzBC;EACC;EACA;EACA;EACA,iCA5QgB;EA6QhB;EACA;EACA;EACA;EACA;EACA;EACA,6CAlRiB;Ad0kCnB;;AcnzBA;EACC;EACA;AdszBD;AcpzBC;EACC;EACA;EACA;EACA,iCAhSgB;EAiShB;EACA;EACA;EACA;EACA;EACA,6CArSiB;Ad2lCnB;AcpzBE;EACC;AdszBH;;Ac/yBC;EACC,iCAjTgB;EAkThB;EACA;AdkzBF;;Ac9yBA;EACC;EACA;EACA;EACA,6CAxTkB;AdymCnB;Ac/yBC;EACC;AdizBF;Ac9yBC;EACC;EACA;EACA;EACA;AdgzBF;Ac9yBE;EACC;AdgzBH;Ac7yBE;EACC;Ad+yBH;Ac3yBC;EACC;Ad6yBF;Ac1yBC;EACC;Ad4yBF;;AcryBC;EACC;EACA;EACA;AdwyBF;ActyBE;EACC;EACA;AdwyBH;ActyBG;EAJD;IAKE;IACA;IACA;IACA;EdyyBF;AACF;AcvyBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AdyyBJ;AcvyBI;EACC;EACA;EACA;EACA;EACA;EACA;AdyyBL;AcvyBK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDApYa;Ad6qCnB;AcvyBM;EACC,iCAzYY;EA0YZ;AdyyBP;AcryBK;EACC;AduyBN;AcnyBI;EACC;EACA;EACA;EACA;AdqyBL;;Aer6CA;EACI;EACA;EACA;EAIA;EACA,YLRY;EKSZ;EACA;EACA;EAEA,mBjBqBW;AE+4Cf;Ae76CI;EACI;Af+6CR;Aer6CI;EACI,kBLhBQ;EKiBR;EACA;Afu6CR;AHpxCE;EkBtJE;IlBuJD;IACA;EGuxCD;AACF;Aez6CI;EAEI;Af06CR;Aev6CI;EACI;EACA,iBjBKO;AEo6Cf;Aet6CI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBjBNO;AE86Cf;Aev6CQ;EACI,iBjBXG;AEo7Cf;Aer6CI;EACI;Afu6CR;Aep6CI;EACI;EACA,oBjBrBO;OiBqBP,ejBrBO;AE27Cf;Ael6CQ;EACI;Afo6CZ;Ael6CQ;EAEI;Afm6CZ;;Ae75CI;EACI;EACA;EACA;Afg6CR;AHl0CE;EkBjGE;IlBkGD;IACA;EGq0CD;AACF;;Aej6CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Afo6CJ;Ael6CI;EACI;Afo6CR;Aej6CI;EACI;Afm6CR;Aeh6CI;EACI;Afk6CR;Ae/5CI;EAtBJ;IAuBQ;IACA;Efk6CN;AACF;;AgBvgDA;EACI;EACA;AhB0gDJ;;AiB5gDA;EACI;AjB+gDJ;AHh/CC;EoBhCD;IAGQ;EjBihDN;AACF;AiBhhDI;EACI;EAIA;AjB+gDR;AHz/CC;EoB3BG;IAGQ;EjBqhDV;AACF;AiBlhDI;EACI;EACA,iBxBTK;AO6hDb;;AkBhiDA;EACI;EACA;EACA;EACA;EACA,oCAPY;AlB0iDhB;;AmBxiDC;EACC;EACA;EACA;EACA;EACA;EACA;AnB2iDF;AmBziDE;EACC;EACA;EACA;EACA;EACA;EACA;AnB2iDH;;AoB3jDA;EAEC;EACA;ApB6jDD;AoB3jDC;EALD;IAME;EpB8jDA;AACF;AoB5jDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ApB8jDF;AoB5jDE;EATD;IAUE;IACA;IACA;IACA;EpB+jDD;AACF;;AqB/kDA;EACI;EACA;EACA;ArBklDJ;;AqB/kDA;EACI;EACA,yBAbW;ArB+lDf;;AqB/kDA;EACI;EACA;EACA;EACA;EACA;EACA;ArBklDJ;AqBhlDI;EACI;EACA;EACA;EACA;EACA;EACA;ArBklDR;;AqB9kDA;EACI;EACA;EACA;EACA;EACA;ArBilDJ;AqB/kDI;EAPJ;IAQQ;IACA;IACA;IACA;ErBklDN;AACF;;AqB/kDA;EACI;EACA;EACA,yBAtDI;ArBwoDR;AqBhlDI;EAEI;ArBilDR;AqB/kDQ;EACI;EACA;EACA;EACA;EACA,cA5DU;ArB6oDtB;AqB9kDQ;EACI;EACA;EACA;EACA,cApES;ArBopDrB;AqB7kDI;EACI,cA3EA;EA4EA;EACA;EACA;EACA;EACA;EACA;ArB+kDR;AqB7kDI;EACI;EACA;EACA;ArB+kDR;AqB7kDQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArB+kDZ;AqB7kDY;EACI;EACA;ArB+kDhB;AqB5kDY;EACI;EACA;ArB8kDhB;;AqBtkDI;EACI;EACA;EACA,yBAtHO;ArB+rDf;AqBvkDQ;EACI;EACA;ArBykDZ;AqBtkDQ;EACI;ArBwkDZ;AqBrkDQ;EACI;EACA;ArBukDZ;AqBrkDY;EACI,yBArIA;ArB4sDhB;AqBrkDgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBAlJL;ArBytDf;AqBnkDY;EACI,yBAtJA;ArB2tDhB;AqBnkDgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBAnKL;ArBwuDf;AqBjkDY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBAhLA;ArBmvDhB;AqBjkDgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;ArBmkDpB;AqB3jDI;EACI;EACA;EACA;EACA,yBAzMQ;ArBswDhB;AqB3jDQ;EACI;EACA;EACA;EACA;ArB6jDZ;AqB1jDQ;EACI;EACA;ArB4jDZ;AqB1jDY;EACI;EACA;EACA;EACA,yBA7NR;ArByxDR;AqBxjDQ;EACI;ArB0jDZ;;AsBtxDA;AACA;EACI;EACA;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;EACA;EACA,YAnBiB;EAoBjB,+BAnBuB;EAoBvB;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBA/BiB;EAgCjB;AtByxDJ;;AsBtxDA;AACA;EACI;AtByxDJ;;AsBtxDA;AACA;EACI;EACA,qCA7CuB;AtBs0D3B;;AsBtxDA;AACA;EACI;EACA;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA,uCA5DuB;AtBq1D3B;;AsBtxDA;AACA;EACI;AtByxDJ;;AsBtxDA;AACA;EACI;EACA,wCAvEuB;AtBg2D3B;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;EACA,sCAxFuB;AtBi3D3B;;AuB72DC;EACC;EACA;EACA;AvBg3DF;AuB72DC;EACC;EACA;EACA;EACA;EACA;EACA,yBAjBY;EAkBZ;EAEA;EACA;EACA;AvB82DF;AuB52DE;EACC;AvB82DH;AHx2DC;E0BpBA;IAkBE;EvB82DD;AACF;AuB52DE;EACC;EACA;AvB82DH;AuB32DE;EACC;EACA;EACA;EACA;EACA;AvB62DH;AuB32DG;EACC;EACA;EACA;KAAA;EACA;EACA;EACA;AvB62DJ;AuB12DG;EACC;EACA;EACA;KAAA;EACA;EACA;EACA;AvB42DJ;AuBx2DE;EACC;EACA;EACA;EACA;EACA;AvB02DH;AuBx2DG;EACC;EACA;EACA;EACA;EACA;EACA;EACA,oCA5EY;EA6EZ;AvB02DJ;AuBt2DE;EACC;AvBw2DH;;AwB17DA;EACI;EACA;EACA;EACA;EACA;EACA;AxB67DJ;AwB37DI;EACI;EACA;EACA;EACA;EACA;AxB67DR;AwB37DQ;EACI;EACA;AxB67DZ;AwB17DQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxB47DZ;AwB17DY;EACI;AxB47DhB;AwBt7DQ;EACI;EACA;EACA;EACA;EACA;AxBw7DZ;AwBr7DQ;EACI;EACA;EACA;EACA;EACA;AxBu7DZ;AwBn7DI;EACI;EACA;EACA;EACA;EACA;EACA;AxBq7DR;AwBn7DQ;EACI;AxBq7DZ;AwBl7DQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AxBo7DZ;AwBj7DQ;EACI;AxBm7DZ;AwB/6DI;EACI;EACA;EACA;AxBi7DR;AwB96DI;EACI;EACA;EACA;EACA;AxBg7DR;;AyBxgEA;EACI;EACA;AzB2gEJ;AyBzgEI;EACI;EACA;EACA;EACA,qBAVS;EAYT;EACA;EACA;EACA;EACA;EACA;AzB0gER;AyBxgEQ;EACI;AzB0gEZ;AyBtgEI;EACI;EACA;EACA;EACA;AzBwgER;AyBtgEQ;EACI;EACA;EACA;EACA,qBAlCK;AzB0iEjB;AyBrgEQ;EACI;EACA;EACA,qBAxCK;AzB+iEjB;AyBngEI;EACI;EACA;EACA;EACA;EACA;EACA,qBAlDS;AzBujEjB;;A0B1jEA;EACI;EACA,gB5BiCW;E4BhCX,qB5B+BW;O4B/BX,gB5B+BW;AE8hEf;A0B5jEI;EACI;EACA;A1B8jER;;A2BpkEA;EACI;EACA,kB7B6BW;E6B5BX,e7B4BW;E6B3BX;EACA,Y7B+EW;E6B9EX;A3BukEJ;AHx6DE;E8BrKF;I9BsKG;IACA;EG26DD;AACF;A2B1kEI;EAGI;A3B0kER;A2BvkEI;EACI;EACA;EACA;EACA;EACA;A3BykER;A2BvkEQ;EACI;A3BykEZ;A2BrkEI;EACI;EACA;EACA;A3BukER;;A4BrmEA;EACI;EACA;EACA;EACA;A5BwmEJ;A4BvmEI;EACI;EACA;EACA;OAAA;A5BymER;A4BxmEQ;EACI;EACA;A5B0mEZ;A4BzmEY;EACI;A5B2mEhB;A4BxmEQ;EACI;EACA;A5B0mEZ;A4BxmEQ;EACI;A5B0mEZ;;A6B/nEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7BkoED;A6BhoEC;EAdD;IAeE;IACA;IACA;IACA;E7BmoEA;AACF;A6BjoEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7BmoEF;A6BhoEC;EAhCD;IAiCE;IACA;IACA;IACA;IACA;E7BmoEA;E6BloEA;IACC;E7BooED;AACF;A6BjoEC;EACC;IACC;IACA;IACA;E7BmoED;AACF;A6BhoEC;EAnDD;IAoDE;IACA;IACA;E7BmoEA;E6BloEA;IACC;IACA;IACA;E7BooED;AACF;A6BjoEC;EACC;A7BmoEF;;A8BlsEA;AAOA;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9B6rEJ;A8B3rEI;EACI;EACA;EACA;EACA;EACA;A9B6rER;A8B1rEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBA9BC;EA+BD;EACA;A9B4rER;A8B1rEQ;EACI;EACA;EACA,iCA5CM;EA6CN;EACA;EACA;A9B4rEZ;A8BzrEQ;EACI;EACA;EACA;EACA,iCAtDM;EAuDN;A9B2rEZ;A8BxrEI;EACI;EACA;EACA;EACA;EACA;EACA;A9B0rER;A8BxrEQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4CA1EM;EA2EN;A9B0rEZ;A8BxrEY;EACI;A9B0rEhB;A8BrrEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDAzFW;A9BgxEnB;A8BrrEQ;EACI,iCA9FO;EA+FP;A9BurEZ;A8BnrEI;EACI;EACA;EACA;A9BqrER;;A8BjrEA;EACI;EACA;A9BorEJ;;A8BjrEA;EACI;A9BorEJ;;A+BtyEA;EACI;EACA;EACA;EACA;A/ByyEJ;A+BvyEI;EANJ;IAOQ;IACA;E/B0yEN;AACF;;AgCnzEA;AAIA;EACC;EACA;EACA;AhCmzED;AgCjzEC;EACC;EACA;EACA,oCAVc;EAWd;EACA;AhCmzEF;AgChzEC;EACC,kCAjBM;EAkBN;EACA;EACA;AhCkzEF;;AiCn0EC;EACC;EACA;EACA;EACA,WARwB;EASxB;EACA;EACA;AjCs0EF;;AkC70EC;EACC;EACA;EACA;EACA,gBAR+B;EAS/B;EACA;EACA;EACA;EACA;AlCg1EF;AkC90EE;EACC;EACA;AlCg1EH;;AmC91EA;EACC;AnCi2ED;AmC/1EC;EACC;EACA;AnCi2EF;;AoCz2EA;EACC;EACA;EACA;EACA;EACA;ApC42ED;AoC12EC;EAPD;IAQE;IACA;EpC62EA;AACF;AoC32EC;EAZD;IAaE;IACA;EpC82EA;AACF;;AoC32EA;EACC;EACA;EACA;EACA;EACA;EACA;ApC82ED;AoC52EC;EARD;IASE;EpC+2EA;AACF;AoC72EC;EAZD;IAaE;IACA;EpCg3EA;AACF;;AoC72EA;EACC;EACA;EACA;EACA;ApCg3ED;AoC/2EC;EALD;IAME;IACA;EpCk3EA;AACF;AoCh3EC;EAVD;IAWE;IACA;EpCm3EA;AACF;;AoCh3EA;EACC;EACA;ApCm3ED;AoCj3EC;EAJD;IAKE;IACA;IACA;EpCo3EA;AACF;;AqCh7EA;EACC;EACA;EACA;EACA;EACA;EACA;ArCm7ED;AqCl7EC;EACC;EACA;ArCo7EF;AqCj7EC;EAZD;IAaE;ErCo7EA;AACF;AqCl7EC;EAhBD;IAiBE;IACA;ErCq7EA;AACF;;AsCx8EA;EACC;EACA;EACA;AtC28ED;;AsCx8EA;EACC;EACA;EACA;EACA;EACA;AtC28ED;AHjzEE;EyC/JF;IzCgKG;IACA;EGozED;AACF;AsC78EC;EACC;EACA;EACA;EACA;EACA;EACA;AtC+8EF;AH/zEE;EyCtJD;IzCuJE;IACA;EGk0ED;AACF;;AsC/8EA;EACC,Y5B3BmB;AV6+EpB;AsCh9EC;;EAEC;AtCk9EF;;AuC9+EE;EACC;EACA;EACA;EACA;AvCi/EH;AuC9+EE;EACC;EACA;AvCg/EH;;AwC3/EC;EACC;AxC8/EF;AwC5/EE;EACC;AxC8/EH;AwC5/EG;EACC;AxC8/EJ;AwC5/EI;EAEC;EACA;AxC6/EL;AwCz/EG;EACC;AxC2/EJ;;AyC1gFE;EACC;EACA;EACA;EACA;AzC6gFH;;A0CnhFC;EACC;A1CshFF;;A2CrhFE;EACC;EACA;EACA;EACA;EACA;A3CwhFH;;A4C/hFC;EACC;EACA;EACA;EACA;A5CkiFF;A4ChiFE;EACC;A5CkiFH;;A6CpiFA;;EAEC;A7CuiFD;;A6CpiFA;EACC;EACA;EACA;EACA;EACA;A7CuiFD;A6CniFE;EACC;EACA;EACA;EACA;EACA;A7CqiFH;A6CjiFC;EACC;EACA;A7CmiFF;;A8C3jFE;EACC;EACA;EACA;EACA;EACA;A9C8jFH;A8C3jFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9C6jFH;A8C3jFG;EACC;A9C6jFJ;A8CzjFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDAxCe;A9CmmFlB;A8CzjFG;EACC;EACA;EACA,mBA5CoB;A9CumFxB;A8CzjFI;EACC;A9C2jFL;A8CxjFI;EACC;A9C0jFL;A8CvjFI;EACC;A9CyjFL;A8CtjFI;EACC;A9CwjFL;A8CpjFG;EACC;EACA;EACA;EACA;EACA,wTACH;A9CqjFD;;A+C3nFA;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/CynFD;A+CvnFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A/CynFF;A+CvnFE;EACC;EACA;EACA;A/CynFH;A+CvnFG;EACC;EACA;EACA;EACA;EACA;EACA;A/CynFJ;A+CrnFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDA9CgB;A/CqqFnB;A+CrnFG;EACC,iCAnDe;EAoDf;A/CunFJ;A+CnnFE;EACC;A/CqnFH;A+CjnFC;EACC;EACA;EACA;EACA;EACA;A/CmnFF;A+C7mFI;EACC;EACA;EACA;A/C+mFL;A+C1mFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wIACC;EAGA,kDA/Fe;EAgGf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/CymFJ;A+CtmFG;EACC;EACA;A/CwmFJ;;AgDttFA;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhDotFD;AgDjtFC;EACC;EACA;EACA;EACA;EACA;AhDmtFF;AgDjtFE;EACC;AhDmtFH;AgD5sFI;EACC;EACA;EACA;AhD8sFL;;AiDjvFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDovFD;AiDlvFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AjDovFF;AiDlvFE;EACC;EACA;EACA;AjDovFH;AiDlvFG;EACC;EACA;EACA;EACA;EACA;EACA;AjDovFJ;;AkDlxFA;EACC;EACA;EACA;EACA;AlDqxFD;AkDnxFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlDqxFF;AkDpxFE;EAZD;IAaE;ElDuxFD;AACF;AkDtxFE;EAfD;IAgBE;IACA;IACA;ElDyxFD;AACF;AkDtxFC;EACC;EACA;EACA;AlDwxFF;AkDrxFC;EAIC;EACA;AlDoxFF;AkDxxFE;EACA;AlD0xFF;;AmD9zFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnDi0FD;AmD/zFC;EAXD;IAYE;EnDk0FA;AACF;AmDh0FC;EAfD;IAgBE;EnDm0FA;AACF;;AoDp1FA;EACC;IACC;IACA;IACA;IACA;EpDu1FA;AACF;AoDp1FA;EACC;IACC;IACA;IACA;EpDs1FA;AACF;AoDl1FC;EADD;IAEE;IAAA;EpDq1FA;AACF;;AoDj1FC;EACC;ApDo1FF;;AoDh1FA;EACC;ApDm1FD;AoDl1FC;EACC;ApDo1FF;AoDj1FC;EACC;EACA;EACA;EACA;ApDm1FF;AoDl1FE;EACC;EACA;EACA;EACA;EACA;ApDo1FH;AoDn1FG;EACC;ApDq1FJ;AoDl1FE;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApDo1FH;AoDj1FE;EAiBC;EACA;ApDm0FH;AoDp1FG;;EAEC;ApDs1FJ;AoDp1FG;EACC;ApDs1FJ;AoDr1FI;EACC;;IAEC;EpDu1FJ;AACF;AoDp1FG;EACC;ApDs1FJ;AoDl1FG;EACC;ApDo1FJ;AoDj1FG;EACC;IACC;EpDm1FH;EoDj1FE;IACC;EpDm1FH;AACF;AoD/0FE;EA5DD;IA6DE;EpDk1FD;EoDj1FC;;IAEC;IACA;EpDm1FF;AACF;;AoD90FA;EACC;EACA;EACA;EACA;EACA;EACA;ApDi1FD;AoD/0FC;EACC;ApDi1FF;AoD90FC;EACC;EACA;ApDg1FF;;AoD30FC;EADD;IAEE;EpD+0FA;AACF;;AoD50FA;EACC;ApD+0FD;AoD70FC;EAHD;IAIE;EpDg1FA;AACF;AoD/0FC;EACC;ApDi1FF;AoD90FC;EACC;EACA;EACA;ApDg1FF;AoD90FE;EALD;IAME;IACA;EpDi1FD;AACF;AoD/0FE;EAVD;IAWE;EpDk1FD;AACF;AoD/0FC;EACC;EACA;ApDi1FF;AoD/0FE;EAJD;IAME;EpDi1FD;AACF;AoD/0FE;EACC;ApDi1FH;AoD70FC;EACC;EACA;EACA;ApD+0FF;AoD70FE;EACC;ApD+0FH;AoD50FE;EATD;IAUE;IACA;EpD+0FD;EoD70FC;IACC;EpD+0FF;EoD50FC;IACC;EpD80FF;AACF;AoD30FE;EACC;ApD60FH;AoD30FG;EACC;ApD60FJ;AoD30FI;EAHD;IAIE;EpD80FH;AACF;AoD30FG;EACC;ApD60FJ;AoD30FI;EAHD;IAIE;EpD80FH;AACF;AoD30FG;EACC;EACA;EACA;ApD60FJ;AoD10FG;EACC;EACA;ApD40FJ;;AoDr0FC;EACC;ApDw0FF;AoDr0FC;EACC;IACC;EpDu0FD;AACF;AoDp0FC;EACC;IACC;IAEA;IACA;IAAA;IACA;IACA;EpDq0FD;AACF;;AqDxjGA;EACC;ArD2jGD;AqDzjGC;EACC;EACA;EACA;EACA;EACA;EACA;ArD2jGF;AqDzjGE;EARD;IASE;IACA;ErD4jGD;AACF;AqDzjGC;EACC;EACA;EACA;EACA;EACA;ArD2jGF;;AsDjlGA;AAQA;EAMC;EACA;EACA;EACA,uCAdkB;EAelB;EACA;EACA;AtDwkGD;AsDllGC;EACC;AtDolGF;AsDzkGC;EACC;EACA;EACA;AtD2kGF;AsDxkGC;EACC;EACA;EACA;EACA;AtD0kGF;AsDvkGC;EACC;EACA;EACA;EACA;AtDykGF;AsDvkGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtDykGH;AsDvkGG;EACC;AtDykGJ;AsDtkGG;EACC;AtDwkGJ;AsDpkGE;EACC;EACA;EACA;EACA;EACA;AtDskGH;AsDpkGG;EACC;EACA;EACA;EACA;AtDskGJ;AsDpkGI;EACC,kCAxEa;AtD8oGlB;AsDlkGG;EACC;EACA;EACA;EACA;AtDokGJ;AsDhkGE;EACC;AtDkkGH;AsDhkGG;EACC;EACA;AtDkkGJ;AsD5jGC;EACC;EACA;EACA;AtD8jGF;AsD3jGC;EACC;EACA,wDAnGW;EAoGX;EACA;EACA;EACA;AtD6jGF;AsD1jGC;EACC;EACA;AtD4jGF;AsDzjGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wDAvHW;EAwHX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtD2jGF;;AuDhsGA;EACI;EACA;EACA;AvDmsGJ;AuDjsGI;EALJ;IAMQ;EvDosGN;AACF;AuDlsGI;EACI;EACA;EACA;EACA;AvDosGR;;AwDjtGA;AAKA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBAXY;EAYZ;EACA,wHACA;AxD+sGD;;AyD3tGA;EACI;AzD8tGJ;AyD5tGI;EACI;EACA;EACA;AzD8tGR;AyD3tGI;EACI;EACA;AzD6tGR;AyD3tGQ;EACI;EACA;EACA;EACA;AzD6tGZ;AyD3tGY;EACI;EACA;EACA;AzD6tGhB;AyD1tGY;EACI;EACA;AzD4tGhB;AyDxtGQ;EACI;EACA;EACA;AzD0tGZ;AyDxtGY;EACI;EACA;EACA;AzD0tGhB;AyDvtGY;EACI;EACA;EACA;AzDytGhB;AyDptGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzDstGR;AyDptGQ;EACI;EACA;AzDstGZ;AyDltGI;EACI;EACA;EACA;AzDotGR;AyDltGQ;EACI;EACA;EACA;AzDotGZ;AyDjtGQ;EACI;EACA;EACA;AzDmtGZ;AyDhtGQ;EACI;EACA;EACA;AzDktGZ;AyD/sGQ;EACI;EACA;EACA;AzDitGZ;AyD9sGQ;EACI;EACA;EACA;AzDgtGZ;AyD7sGQ;EACI;EACA;EACA;EACA;EACA;EACA;AzD+sGZ;AyD7sGY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzD+sGhB;AyD5sGY;EACI;EACA;EACA;AzD8sGhB;AyD3sGY;EACI;EACA;EACA;AzD6sGhB;;AyDvsGA;EACI,mBA7IS;EA8IT;EACA;AzD0sGJ;;AyDnsGA;EACI;EACA;EACA;AzDssGJ;;A0D/1GA;EAEC;IACC;E1Di2GA;E0D91GD;IACC;E1Dg2GA;AACF;A0D51GA;EAEC;IACC;IACA;E1D61GA;E0D11GD;IACC;IACA;E1D41GA;AACF;A0Dz1GA;EAEC;IACC;IACA;E1D01GA;E0Dv1GD;IACC;IACA;E1Dy1GA;AACF;A0Dt1GA;EAEC;IACC;IACA;E1Du1GA;E0Dp1GD;IACC;IACA;E1Ds1GA;AACF;A0Dn1GA;EAEC;IACC;IACA;E1Do1GA;E0Dj1GD;IACC;E1Dm1GA;AACF;A0Dh1GA;EAEC;IACC;E1Di1GA;E0D90GD;IACC;E1Dg1GA;AACF;A0D70GA;EAEC;IACC;E1D80GA;E0D30GD;IACC;E1D60GA;AACF;A0D10GA;EAEC;IACC;E1D20GA;E0Dx0GD;IACC;E1D00GA;E0Dv0GD;IACC;E1Dy0GA;AACF;A0Dt0GA;EAEC;IACC;E1Du0GA;E0Dp0GD;IACC;E1Ds0GA;AACF;A0Dj0GC;EACC;EACA;A1Dm0GF;A0Dh0GC;EACC;A1Dk0GF;A0Dh0GE;EACC;A1Dk0GH;A0D9zGC;EACC;A1Dg0GF;A0D7zGC;EAEC;A1D8zGF;A0D5zGE;EACC;A1D8zGH;A0D3zGE;EACC;A1D6zGH;A0D3zGG;EAHD;IAIE;IACA;E1D8zGF;AACF;A0D3zGE;EACC;A1D6zGH;A0D3zGG;EAHD;IAIE;IACA;E1D8zGF;AACF;A0D3zGE;EACC;A1D6zGH;A0D3zGG;EAHD;IAIE;IACA;E1D8zGF;AACF;A0D1zGC;EACC;A1D4zGF;;A2Dn+GA;EACI;EACA;EACA;EACA;A3Ds+GJ;A2Dp+GI;EACQ;EACA;EACA;EACA;A3Ds+GZ;A2Dp+GY;EACI;EACA;A3Ds+GhB;A2Dn+GY;EACI;EACA;A3Dq+GhB;AHp+GC;E8DdG;IAiBY;IACA;IACA;E3Dq+Gd;AACF;;A2Dh+GI;EACI;EACA;EACA;EACA;EACA;A3Dm+GR;A2Dj+GI;EACI;A3Dm+GR;;A4D1gHA;EACI;EACA;EACA;A5D6gHJ;;A6DhhHA;AAMA;EACC;EACA;EACA;EACA;EACA;A7D8gHD;A6D5gHC;EACC;EACA;EACA;EACA;EACA;A7D8gHF;A6D5gHE;EAPD;IAQE;IACA;IACA;E7D+gHD;AACF;A6D7gHE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A7D+gHH;A6D7gHG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A7D+gHJ;A6D7gHI;EACC;EACA;EACA;A7D+gHL;A6D7gHK;EACC;EACA;EACA;EACA;EACA;EACA;A7D+gHN;A6D3gHI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDAjEc;A7D8kHnB;A6D3gHK;EACC,iCAtEa;EAuEb;A7D6gHN;A6DzgHI;EACC;A7D2gHL;A6DvgHG;EACC;EACA;EACA;EACA;A7DygHJ;A6DtgHI;EACC;A7DwgHL;A6DjgHM;EACC;EACA;EACA;EAEA;A7DkgHP;;A8DxmHA;EACI;EACA;EACA;EACA;A9D2mHJ;A8D1mHI;EACI;EACA;EACA;OAAA;A9D4mHR;A8D3mHQ;EACI;EACA;A9D6mHZ;A8D5mHY;EACI;A9D8mHhB;A8D3mHQ;EACI;EACA;A9D6mHZ;A8D3mHQ;EACI;A9D6mHZ;A8DzmHI;EACI;EACA;EACA;A9D2mHR;;A8DvmHA;EACI;EACA;A9D0mHJ;;A8DvmHA;EACI;A9D0mHJ;A8DzmHC;EAFD;IAGQ;E9D4mHN;AACF;;A8DzmHA;;EAEI;A9D4mHJ;;A8DzmHA;EACI;EACA;EACA;EACA;EACA;A9D4mHJ;A8D1mHI;EACI;EACN;A9D4mHF;A8DzmHI;EACI;A9D2mHR;;A8DvmHA;EACI;EACA;EACA;EACA;EACA;EACA;A9D0mHJ;;A8DvmHA;EACI;EACA;EACA;A9D0mHJ;;A8DvmHA;EACI;EACA;A9D0mHJ;;A8DvmHA;EACI;EACA;EACA;EACA;A9D0mHJ;;A8DvmHA;EAEI;A9DymHJ;;A8DtmHA;EAEI;A9DwmHJ;;A8DrmHA;EAEI;A9DumHJ;;A8DpmHA;EACC;EACG;EACA;EACA;EACA;EACA;EACA;A9DumHJ;;A8DnmHA;EACI;IACI;IACA;E9DsmHN;;E8DnmHE;IACI;IACA;IACA;E9DsmHN;;E8DnmHE;IACI;E9DsmHN;AACF;A+D1uHC;EACC;EACA;EACA;EACA;A/D4uHF;A+DzuHC;EACC;EACA;EACA;EACA;EACA;A/D2uHF;A+DzuHE;EACC;EACA;EACA;EACA;EACA;A/D2uHH;;A+DtuHA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/DyuHD;A+DvuHC;EACC;EACA;A/DyuHF;A+DtuHC;EACC;EACA;A/DwuHF;A+DtuHE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A/DwuHH;A+DtuHG;EACC;A/DwuHJ;A+DnuHC;EACC;EACA;EACA;A/DquHF;A+DnuHE;EACC;EACA;A/DquHH;;A+D9tHC;EACC;EACA;EACA;EACA;EACA;A/DiuHF;A+D9tHC;EACC;EACA;EACA;EACA;EACA;EACA;A/DguHF;A+D9tHE;EACC;A/DguHH;A+DjuHE;EACC;A/DguHH;A+D7tHE;EAZD;IAaE;E/DguHD;AACF;;AgE/zHC;EACE;EACA;EACA;EACA;AhEk0HH;AgEh0HG;EACC;AhEk0HJ;AgE9zHC;EACC;EACA;EACA;EACA;AhEg0HF;AgE9zHE;EACC;AhEg0HH;;AgE3zHA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhE8zHD;AgE5zHC;EACC;EACA;AhE8zHF;AgE3zHC;EACC;EACA;EACA;AhE6zHF;AgE1zHC;EACC;EACA;EACA;AhE4zHF;;AgEvzHA;EACC;EACA;AhE0zHD;;AgEvzHA;EACC;EACA;EACA;EACA;EACA;EACA;AhE0zHD;AgExzHC;EACC;EACA;EACA;EACA;AhE0zHF;AgExzHE;EACC;EACA;EACA;AhE0zHH;AgEtzHC;EACC;EACA;EACA;AhEwzHF;AgEtzHE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhEwzHH;AgEtzHG;EAXD;IAYE;EhEyzHF;AACF;AgEtzHE;EACC;EACA;EACA;EACA;EACA;EACA;AhEwzHH;AgEpzHC;EACC;EACA;EACA;EACA;AhEszHF;AgEpzHE;EACC;EACA;EACA;AhEszHH;;AiE96HA;AAMA;EACC;EACA;EACA;EACA;EACA;AjE46HD;AiE16HC;EACC;EACA;EACA;OAAA;EACA;AjE46HF;AiE16HE;EAND;IAOE;IACA;SAAA;EjE66HD;AACF;AiE36HE;EAXD;IAYE;IACA;SAAA;EjE86HD;AACF;AiE56HE;EACC;EACA;EACA;EACA;AjE86HH;AiE56HG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AjE86HJ;AiE56HI;EACC;EACA;EACA;AjE86HL;AiE56HK;EACC;EACA;EACA;EACA;EACA;EACA;AjE86HN;AiE16HI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDAjEc;AjE6+HnB;AiE16HK;EACC,iCAtEa;EAuEb;AjE46HN;AiEx6HI;EACC;AjE06HL;AiEt6HG;EACC;EACA;EACA;EACA;EACA;AjEw6HJ;AiEl6HM;EACC;EACA;EACA;EACA;AjEo6HP;AiE/5HI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjEi6HL;AiE/5HK;EACC,iCAlHa;EAmHb;EACA;EACA;EACA;EAGA;EACA;AjEi6HN;AiE95HK;EACC;EACA;AjEg6HN;;AkEjiIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AlEoiID;AkEliIC;EACC;EACA;EACA;AlEoiIF;AkEhiIG;EACC;EACA;EACA;EACA;AlEkiIJ;AkE/hIG;EACC;EACA;AlEiiIJ;AkE9hIG;EACC;EACA;AlEgiIJ;AkE9hII;EACC;AlEgiIL;AkEzhIG;EACC;EACA;AlE2hIJ;AkEvhIE;EAEC;AlEwhIH;AkEthIG;EACC;EACA;EACA;EACA;AlEwhIJ;AkElhIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AlEohIF;AkElhIE;EACC;EACA;EACA;AlEohIH;AkElhIG;EACC;EACA;EACA;EACA;EACA;EACA;AlEohIJ;;AmElmIQ;EACI;AnEqmIZ;AmEnmIY;EACI;AnEqmIhB;;AoEzmIA;EACC;EACA;EACA;EACA;ApE4mID;AoE1mIC;EACC;EACA;EACA;OAAA;ApE4mIF;AoE1mIE;EACC;EACA;ApE4mIH;AoE1mIG;EACC;ApE4mIJ;AoExmIE;EACC;EACA;ApE0mIH;AoEvmIE;EACC;ApEymIH;AoErmIC;EACC;EACA;EACA;ApEumIF;;AoEnmIA;EACC;EACA;ApEsmID;;AoEnmIA;EACC;ApEsmID;AoEpmIC;EAHD;IAIE;EpEumIA;AACF;;AoEpmIA;;EAEC;ApEumID;;AoEpmIA;EACC;EACA;EACA;EACA;EACA;ApEumID;AoErmIC;EACC;EACA;ApEumIF;AoEpmIC;EACC;ApEsmIF;;AoElmIA;EACC;EACA;EACA;EACA;EACA;EACA;ApEqmID;;AoEjmIA;EACC;EACA;EACA;ApEomID;;AoEjmIA;EACC;EACA;ApEomID;;AoEjmIA;EACC;EACA;EACA;EACA;ApEomID;;AoEjmIA;EAGC;ApEkmID;;AoE/lIA;EAGC;ApEgmID;;AoE7lIA;EAGC;ApE8lID;;AoE3lIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ApE8lID;;AoE1lIA;EAEC;IACC;IACA;EpE4lIA;;EoEzlID;IACC;IACA;IACA;EpE4lIA;;EoEzlID;;;IAGC;EpE4lIA;AACF;AqEhvIA;EACC;EACA;EACA;EACA;EACA;ArEkvID;AqEhvIC;EACC;ArEkvIF;AqE/uIC;EACC;ArEivIF;AqE9uIC;EACC;EACA;EACA;OAAA;EACA;ArEgvIF;AqE9uIE;EAND;IAOE;IACA;SAAA;ErEivID;AACF;AqE/uIE;EAXD;IAYE;IACA;SAAA;ErEkvID;AACF;AqEhvIE;EACC;EACA;EACA;EACA;EACA;EACA;ArEkvIH;AqEhvIG;EACC;EACA;EACA;EACA;ArEkvIJ;AqEhvII;EACC;ArEkvIL;AqE3uIM;EACC;EACA;EACA;EACA;ArE6uIP;AqEvuIG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ArEyuIJ;AqEvuII;EACC;EACA;EACA;EACA;EACA;ArEyuIL;AqEruIM;EACC;EACA;EACA;ArEuuIP;AqEruIO;EACC;EACA;ArEuuIR;AqE5tII;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArE8tIL;AqE1tII;EACC;EACA;ArE4tIL;;AsEr1IA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtEw1ID;AsEt1IC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AtEw1IF;AsEt1IE;EACC;EACA;EACA;AtEw1IH;AsEt1IG;EACC;EACA;EACA;EACA;EACA;EACA;AtEw1IJ;;AuEt3IA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvEy3ID;AuEv3IC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AvEy3IF;AuEv3IE;EACC;EACA;EACA;AvEy3IH;AuEv3IG;EACC;EACA;EACA;EACA;EACA;EACA;AvEy3IJ;;AAh2IA;EACC;EACA,6CyBzDO;AzB45IR;AHt3IC;EGiBD;IAKE;IACA;IACA;IACA;IACA;IACA;EAo2IA;AACF;AHt4IC;EGuBD;IAcE;EAq2IA;AACF,C","sources":["webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_wordpress.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_breakpoints.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_functions.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_colors.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_long-content-fade.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_mixins.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_variables.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/complementary-area-header/style.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/app.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/complementary-area/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/fullscreen-mode/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/interface-skeleton/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/more-menu-dropdown/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/pinned-items/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal-tabs/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal-section/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal-base-option/style.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_interface.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_icons.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_branding.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_utilities.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Drawer/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Header/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Content/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Layouts/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SkipButton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/ImageUpload/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/Step/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/MiniPreview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Tooltip/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/ImageUploader/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SocialMediaForm/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/TextInput/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/ExitToWordPress/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Accordion/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StepOverview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/NewfoldLargeCard/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SelectableCard/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SelectableCardList/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/HeadingWithSubHeading/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/ButtonBlue/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/ButtonWhite/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CardHeader/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/NeedHelpTag/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/HeadingWithDescription/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/StepIntroPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/IllustrationPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/InfoPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/HelpPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/SupportLink/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/LivePreview/BlockPreview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/LivePreview/SelectableCard/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/LivePreview/SelectableCardWithInfo/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/NavCardButton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/Ecommerce/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CheckboxTemplate/CheckboxList/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CheckboxTemplate/CheckboxListSkeleton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Animate/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/BasicInfo/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/TopPriority/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignHomepageMenu/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/Welcome/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/WhatNext/Sidebar/LearnMore/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/WhatNext/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/SitePages/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignTypography/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignHeaderMenu/stylesheet.scss"],"sourcesContent":["/**\n * Initialize all WordPress Sass\n * -----------------------------\n * @import @wordpress/base-styles\n * @import @wordpress/interface\n */\n\n @import '@wordpress/base-styles/breakpoints';\n @import '@wordpress/base-styles/colors';\n @import '@wordpress/base-styles/mixins';\n @import '@wordpress/base-styles/variables';\n @import '@wordpress/base-styles/z-index';\n\n @import '@wordpress/interface/src/style.scss';\n","/**\n * Breakpoints & Media Queries\n */\n\n// Most used breakpoints\n$break-huge: 1440px;\n$break-wide: 1280px;\n$break-xlarge: 1080px;\n$break-large: 960px;\t// admin sidebar auto folds\n$break-medium: 782px;\t// adminbar goes big\n$break-small: 600px;\n$break-mobile: 480px;\n$break-zoomed-in: 280px;\n\n// All media queries currently in WordPress:\n//\n// min-width: 2000px\n// min-width: 1680px\n// min-width: 1250px\n// max-width: 1120px *\n// max-width: 1000px\n// min-width: 769px and max-width: 1000px\n// max-width: 960px *\n// max-width: 900px\n// max-width: 850px\n// min-width: 800px and max-width: 1499px\n// max-width: 800px\n// max-width: 799px\n// max-width: 782px *\n// max-width: 768px\n// max-width: 640px *\n// max-width: 600px *\n// max-width: 520px\n// max-width: 500px\n// max-width: 480px *\n// max-width: 400px *\n// max-width: 380px\n// max-width: 320px *\n//\n// Those marked * seem to be more commonly used than the others.\n// Let's try and use as few of these as possible, and be mindful about adding new ones, so we don't make the situation worse\n","/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n@function hex-to-rgb($hex) {\n\t@return red($hex), green($hex), blue($hex);\n}\n","@import \"./functions\";\n\n/**\n * Colors\n */\n\n// WordPress grays.\n$black: #000;\t\t\t// Use only when you truly need pure black. For UI, use $gray-900.\n$gray-900: #1e1e1e;\n$gray-800: #2f2f2f;\n$gray-700: #757575;\t\t// Meets 4.6:1 text contrast against white.\n$gray-600: #949494;\t\t// Meets 3:1 UI or large text contrast against white.\n$gray-400: #ccc;\n$gray-300: #ddd;\t\t// Used for most borders.\n$gray-200: #e0e0e0;\t\t// Used sparingly for light borders.\n$gray-100: #f0f0f0;\t\t// Used for light gray backgrounds.\n$white: #fff;\n\n// Opacities & additional colors.\n$dark-theme-focus: $white;\t// Focus color when the theme is dark.\n$dark-gray-placeholder: rgba($gray-900, 0.62);\n$medium-gray-placeholder: rgba($gray-900, 0.55);\n$light-gray-placeholder: rgba($white, 0.65);\n\n// Alert colors.\n$alert-yellow: #f0b849;\n$alert-red: #cc1818;\n$alert-green: #4ab866;\n","/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n\n@mixin long-content-fade($direction: right, $size: 20%, $color: #fff, $edge: 0, $z-index: false) {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tpointer-events: none;\n\n\t@if $z-index {\n\t\tz-index: $z-index;\n\t}\n\n\t@if $direction == \"bottom\" {\n\t\tbackground: linear-gradient(to top, transparent, $color 90%);\n\t\tleft: $edge;\n\t\tright: $edge;\n\t\ttop: $edge;\n\t\tbottom: calc(100% - $size);\n\t\twidth: auto;\n\t}\n\n\t@if $direction == \"top\" {\n\t\tbackground: linear-gradient(to bottom, transparent, $color 90%);\n\t\ttop: calc(100% - $size);\n\t\tleft: $edge;\n\t\tright: $edge;\n\t\tbottom: $edge;\n\t\twidth: auto;\n\t}\n\n\t@if $direction == \"left\" {\n\t\tbackground: linear-gradient(to left, transparent, $color 90%);\n\t\ttop: $edge;\n\t\tleft: $edge;\n\t\tbottom: $edge;\n\t\tright: auto;\n\t\twidth: $size;\n\t\theight: auto;\n\t}\n\n\t@if $direction == \"right\" {\n\t\tbackground: linear-gradient(to right, transparent, $color 90%);\n\t\ttop: $edge;\n\t\tbottom: $edge;\n\t\tright: $edge;\n\t\tleft: auto;\n\t\twidth: $size;\n\t\theight: auto;\n\t}\n}\n","@import \"./functions\";\n@import \"./long-content-fade\";\n\n/**\n * Breakpoint mixins\n */\n\n@mixin break-huge() {\n\t@media (min-width: #{ ($break-huge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-wide() {\n\t@media (min-width: #{ ($break-wide) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-xlarge() {\n\t@media (min-width: #{ ($break-xlarge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-large() {\n\t@media (min-width: #{ ($break-large) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-medium() {\n\t@media (min-width: #{ ($break-medium) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-small() {\n\t@media (min-width: #{ ($break-small) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-mobile() {\n\t@media (min-width: #{ ($break-mobile) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-zoomed-in() {\n\t@media (min-width: #{ ($break-zoomed-in) }) {\n\t\t@content;\n\t}\n}\n\n/**\n * Focus styles.\n */\n\n@mixin block-toolbar-button-style__focus() {\n\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px $white;\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n}\n\n// Tabs, Inputs, Square buttons.\n@mixin input-style__neutral() {\n\tbox-shadow: 0 0 0 transparent;\n\ttransition: box-shadow 0.1s linear;\n\tborder-radius: $radius-block-ui;\n\tborder: $border-width solid $gray-600;\n\t@include reduce-motion(\"transition\");\n}\n\n\n@mixin input-style__focus() {\n\tborder-color: var(--wp-admin-theme-color);\n\tbox-shadow: 0 0 0 ($border-width-focus - $border-width) var(--wp-admin-theme-color);\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n}\n\n\n/**\n * Applies editor left position to the selector passed as argument\n */\n\n@mixin editor-left($selector) {\n\t#{$selector} { /* Set left position when auto-fold is not on the body element. */\n\t\tleft: 0;\n\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width;\n\t\t}\n\t}\n\n\t.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width-collapsed;\n\t\t}\n\n\t\t@media (min-width: #{ ($break-large + 1) }) {\n\t\t\tleft: $admin-sidebar-width;\n\t\t}\n\t}\n\n\t/* Sidebar manually collapsed. */\n\t.folded #{$selector} {\n\t\tleft: 0;\n\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width-collapsed;\n\t\t}\n\t}\n\n\tbody.is-fullscreen-mode #{$selector} {\n\t\tleft: 0 !important;\n\t}\n}\n\n/**\n * Styles that are reused verbatim in a few places\n */\n\n// These are additional styles for all captions, when the theme opts in to block styles.\n@mixin caption-style() {\n\tmargin-top: 0.5em;\n\tmargin-bottom: 1em;\n}\n\n@mixin caption-style-theme() {\n\tcolor: #555;\n\tfont-size: $default-font-size;\n\ttext-align: center;\n\n\t.is-dark-theme & {\n\t\tcolor: $light-gray-placeholder;\n\t}\n}\n\n@mixin placeholder-style() {\n\tborder-radius: $radius-block-ui;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tbackground: currentColor;\n\t\topacity: 0.1;\n\t}\n}\n\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n\n@mixin reduce-motion($property: \"\") {\n\n\t@if $property == \"transition\" {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t} @else if $property == \"animation\" {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\tanimation-duration: 1ms;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\t} @else {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t\tanimation-duration: 1ms;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\t}\n}\n\n@mixin input-control {\n\tfont-family: $default-font;\n\tpadding: 6px 8px;\n\t@include input-style__neutral();\n\n\t/* Fonts smaller than 16px causes mobile safari to zoom. */\n\tfont-size: $mobile-text-min-font-size;\n\t/* Override core line-height. To be reviewed. */\n\tline-height: normal;\n\t@include break-small {\n\t\tfont-size: $default-font-size;\n\t\t/* Override core line-height. To be reviewed. */\n\t\tline-height: normal;\n\t}\n\n\t&:focus {\n\t\t@include input-style__focus();\n\t}\n\n\t// Use opacity to work in various editor styles.\n\t&::-webkit-input-placeholder {\n\t\tcolor: $dark-gray-placeholder;\n\t}\n\n\t&::-moz-placeholder {\n\t\topacity: 1; // Necessary because Firefox reduces this from 1.\n\t\tcolor: $dark-gray-placeholder;\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: $dark-gray-placeholder;\n\t}\n}\n\n@mixin checkbox-control {\n\t@include input-control;\n\tborder: $border-width solid $gray-900;\n\tmargin-right: $grid-unit-15;\n\ttransition: none;\n\tborder-radius: $radius-block-ui;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 ($border-width * 2) $white, 0 0 0 ($border-width * 2 + $border-width-focus) var(--wp-admin-theme-color);\n\n\t\t// Only visible in Windows High Contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t&:checked {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\n\t\t// Hide default checkbox styles in IE.\n\t\t&::-ms-check {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t&:checked::before,\n\t&[aria-checked=\"mixed\"]::before {\n\t\tmargin: -3px -5px;\n\t\tcolor: $white;\n\n\t\t@include break-medium() {\n\t\t\tmargin: -4px 0 0 -5px;\n\t\t}\n\t}\n\n\t&[aria-checked=\"mixed\"] {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\n\t\t&::before {\n\t\t\t// Inherited from `forms.css`.\n\t\t\t// See: https://github.com/WordPress/wordpress-develop/tree/5.1.1/src/wp-admin/css/forms.css#L122-L132\n\t\t\tcontent: \"\\f460\";\n\t\t\tfloat: left;\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t\twidth: 16px;\n\t\t\t/* stylelint-disable */\n\t\t\tfont: normal 30px/1 dashicons;\n\t\t\t/* stylelint-enable */\n\t\t\tspeak: none;\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t-moz-osx-font-smoothing: grayscale;\n\n\t\t\t@include break-medium() {\n\t\t\t\tfloat: none;\n\t\t\t\tfont-size: 21px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin radio-control {\n\t@include input-control;\n\tborder: $border-width solid $gray-900;\n\tmargin-right: $grid-unit-15;\n\ttransition: none;\n\tborder-radius: $radius-round;\n\twidth: $radio-input-size-sm;\n\theight: $radio-input-size-sm;\n\n\t@include break-small() {\n\t\theight: $radio-input-size;\n\t\twidth: $radio-input-size;\n\t}\n\n\t&:checked::before {\n\t\tbox-sizing: inherit;\n\t\twidth: 8px;\n\t\theight: 8px;\n\t\ttransform: translate(7px, 7px);\n\t\tmargin: 0;\n\t\tbackground-color: $white;\n\n\t\t// This border serves as a background color in Windows High Contrast mode.\n\t\tborder: 4px solid $white;\n\n\t\t@include break-small() {\n\t\t\ttransform: translate(5px, 5px);\n\t\t}\n\t}\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 ($border-width * 2) $white, 0 0 0 ($border-width * 2 + $border-width-focus) var(--wp-admin-theme-color);\n\n\t\t// Only visible in Windows High Contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t&:checked {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\t}\n}\n\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n\n@mixin reset {\n\tbox-sizing: border-box;\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: inherit;\n\t}\n}\n\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n\n@mixin wp-admin-reset( $content-container ) {\n\tbackground: $white;\n\n\t#wpcontent {\n\t\tpadding-left: 0;\n\t}\n\n\t#wpbody-content {\n\t\tpadding-bottom: 0;\n\t}\n\n\t/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.\n\t   Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */\n\t#wpbody-content > div:not(#{ $content-container }):not(#screen-meta) {\n\t\tdisplay: none;\n\t}\n\n\t#wpfooter {\n\t\tdisplay: none;\n\t}\n\n\t.a11y-speak-region {\n\t\tleft: -1px;\n\t\ttop: -1px;\n\t}\n\n\tul#adminmenu a.wp-has-current-submenu::after,\n\tul#adminmenu > li.current > a.current::after {\n\t\tborder-right-color: $white;\n\t}\n\n\t.media-frame select.attachment-filters:last-of-type {\n\t\twidth: auto;\n\t\tmax-width: 100%;\n\t}\n}\n\n@mixin admin-scheme($color-primary) {\n\t// Define RGB equivalents for use in rgba function.\n\t// Hexadecimal css vars do not work in the rgba function.\n\t--wp-admin-theme-color: #{$color-primary};\n\t--wp-admin-theme-color--rgb: #{hex-to-rgb($color-primary)};\n\t// Darker shades.\n\t--wp-admin-theme-color-darker-10: #{darken($color-primary, 5%)};\n\t--wp-admin-theme-color-darker-10--rgb: #{hex-to-rgb(darken($color-primary, 5%))};\n\t--wp-admin-theme-color-darker-20: #{darken($color-primary, 10%)};\n\t--wp-admin-theme-color-darker-20--rgb: #{hex-to-rgb(darken($color-primary, 10%))};\n\n\t// Focus style width.\n\t// Avoid rounding issues by showing a whole 2px for 1x screens, and 1.5px on high resolution screens.\n\t--wp-admin-border-width-focus: 2px;\n\t@media ( -webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n\t\t--wp-admin-border-width-focus: 1.5px;\n\t}\n}\n\n@mixin wordpress-admin-schemes() {\n\tbody.admin-color-light {\n\t\t@include admin-scheme(#0085ba);\n\t}\n\n\tbody.admin-color-modern {\n\t\t@include admin-scheme(#3858e9);\n\t}\n\n\tbody.admin-color-blue {\n\t\t@include admin-scheme(#096484);\n\t}\n\n\tbody.admin-color-coffee {\n\t\t@include admin-scheme(#46403c);\n\t}\n\n\tbody.admin-color-ectoplasm {\n\t\t@include admin-scheme(#523f6d);\n\t}\n\n\tbody.admin-color-midnight {\n\t\t@include admin-scheme(#e14d43);\n\t}\n\n\tbody.admin-color-ocean {\n\t\t@include admin-scheme(#627c83);\n\t}\n\n\tbody.admin-color-sunrise {\n\t\t@include admin-scheme(#dd823b);\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin background-colors-deprecated() {\n\t.has-very-light-gray-background-color {\n\t\tbackground-color: #eee;\n\t}\n\n\t.has-very-dark-gray-background-color {\n\t\tbackground-color: #313131;\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin foreground-colors-deprecated() {\n\t.has-very-light-gray-color {\n\t\tcolor: #eee;\n\t}\n\n\t.has-very-dark-gray-color {\n\t\tcolor: #313131;\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin gradient-colors-deprecated() {\n\t/*\n\t * Our classes uses the same values we set for gradient value attributes,\n\t * and we can not use spacing because of WP multi site kses rule.\n\t */\n\n\t/* stylelint-disable function-comma-space-after */\n\t.has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgba(0,208,132,1) 0%,rgba(6,147,227,1) 100%);\n\t}\n\n\t.has-purple-crush-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(52,226,228) 0%,rgb(71,33,251) 50%,rgb(171,29,254) 100%);\n\t}\n\n\t.has-hazy-dawn-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(250,172,168) 0%,rgb(218,208,236) 100%);\n\t}\n\n\t.has-subdued-olive-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(250,250,225) 0%,rgb(103,166,113) 100%);\n\t}\n\n\t.has-atomic-cream-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(253,215,154) 0%,rgb(0,74,89) 100%);\n\t}\n\n\t.has-nightshade-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(51,9,104) 0%,rgb(49,205,207) 100%);\n\t}\n\n\t.has-midnight-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);\n\t}\n\t/* stylelint-enable function-comma-space-after */\n}\n\n@mixin custom-scrollbars-on-hover() {\n\tvisibility: hidden;\n\n\t$handle-color: #757575;\n\t$track-color: #1e1e1e;\n\n\t// WebKit\n\t&::-webkit-scrollbar {\n\t\twidth: 12px;\n\t\theight: 12px;\n\t}\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: $track-color;\n\t}\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: $handle-color;\n\t\tborder-radius: 8px;\n\t\tborder: 3px solid transparent;\n\t\tbackground-clip: padding-box;\n\t}\n\n\t// Firefox 109+ and Chrome 111+\n\tscrollbar-color: $handle-color $track-color; // Syntax, \"dark\", \"light\", or \"#handle-color #track-color\"\n\tscrollbar-width: thin;\n\tscrollbar-gutter: stable;\n\n\t&:hover,\n\t&:focus,\n\t& > * {\n\t\tvisibility: visible;\n\t}\n}\n","/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n\n@import \"./colors\";\n\n/**\n * Fonts & basic variables.\n */\n\n$default-font: -apple-system, BlinkMacSystemFont,\"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell,\"Helvetica Neue\", sans-serif;\n$default-font-size: 13px;\n$default-line-height: 1.4;\n$editor-html-font: Menlo, Consolas, monaco, monospace;\n$editor-font-size: 16px;\n$default-block-margin: 28px; // This value provides a consistent, contiguous spacing between blocks.\n$text-editor-font-size: 15px;\n$editor-line-height: 1.8;\n$mobile-text-min-font-size: 16px; // Any font size below 16px will cause Mobile Safari to \"zoom in\".\n\n\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n\n$grid-unit: 8px;\n$grid-unit-05: 0.5 * $grid-unit;\t// 4px\n$grid-unit-10: 1 * $grid-unit;\t\t// 8px\n$grid-unit-15: 1.5 * $grid-unit;\t// 12px\n$grid-unit-20: 2 * $grid-unit;\t\t// 16px\n$grid-unit-30: 3 * $grid-unit;\t\t// 24px\n$grid-unit-40: 4 * $grid-unit;\t\t// 32px\n$grid-unit-50: 5 * $grid-unit;\t\t// 40px\n$grid-unit-60: 6 * $grid-unit;\t\t// 48px\n$grid-unit-70: 7 * $grid-unit;\t\t// 56px\n$grid-unit-80: 8 * $grid-unit;\t\t// 64px\n\n/**\n * Dimensions.\n */\n\n$icon-size: 24px;\n$button-size: 36px;\n$button-size-small: 24px;\n$header-height: 60px;\n$panel-header-height: $grid-unit-60;\n$nav-sidebar-width: 360px;\n$admin-bar-height: 32px;\n$admin-bar-height-big: 46px;\n$admin-sidebar-width: 160px;\n$admin-sidebar-width-big: 190px;\n$admin-sidebar-width-collapsed: 36px;\n$modal-min-width: 360px;\n$spinner-size: 16px;\n$canvas-padding: $grid-unit-30;\n\n\n/**\n * Shadows.\n */\n\n$shadow-popover: 0 0.7px 1px rgba($black, 0.1), 0 1.2px 1.7px -0.2px rgba($black, 0.1), 0 2.3px 3.3px -0.5px rgba($black, 0.1);\n$shadow-modal: 0 0.7px 1px rgba($black, 0.15), 0 2.7px 3.8px -0.2px rgba($black, 0.15), 0 5.5px 7.8px -0.3px rgba($black, 0.15), 0.1px 11.5px 16.4px -0.5px rgba($black, 0.15);\n\n/**\n * Editor widths.\n */\n\n$sidebar-width: 280px;\n$content-width: 840px;\n$wide-content-width: 1100px;\n$widget-area-width: 700px;\n\n\n/**\n * Block & Editor UI.\n */\n\n$block-toolbar-height: $grid-unit-60;\n$border-width: 1px;\n$border-width-focus: 2px; // This exists as a fallback, and is ideally overridden by var(--wp-admin-border-width-focus) unless in some SASS math cases.\n$border-width-tab: 1.5px;\n$helptext-font-size: 12px;\n$radius-round: 50%;\n$radius-block-ui: 2px;\n$radio-input-size: 20px;\n$radio-input-size-sm: 24px; // Width & height for small viewports.\n\n// Deprecated, please avoid using these.\n$block-padding: 14px; // Used to define space between block footprint and surrouding borders.\n\n\n/**\n * Block paddings.\n */\n\n// Padding for blocks with a background color (e.g. paragraph or group).\n$block-bg-padding--v: 1.25em;\n$block-bg-padding--h: 2.375em;\n\n\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n\n// Dimensions.\n$mobile-header-toolbar-height: 44px;\n$mobile-header-toolbar-expanded-height: 52px;\n$mobile-floating-toolbar-height: 44px;\n$mobile-floating-toolbar-margin: 8px;\n$mobile-color-swatch: 48px;\n\n// Block UI.\n$mobile-block-toolbar-height: 44px;\n$dimmed-opacity: 1;\n$block-edge-to-content: 16px;\n$solid-border-space: 12px;\n$dashed-border-space: 6px;\n$block-selected-margin: 3px;\n$block-selected-border-width: 1px;\n$block-selected-padding: 0;\n$block-selected-child-margin: 5px;\n$block-selected-to-content: $block-edge-to-content - $block-selected-margin - $block-selected-border-width;\n",".components-panel__header.interface-complementary-area-header__small {\n\tbackground: $white;\n\tpadding-right: $grid-unit-05;\n\n\t.interface-complementary-area-header__small-title {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\twidth: 100%;\n\t}\n\n\t@include break-medium() {\n\t\tdisplay: none;\n\t}\n}\n\n.interface-complementary-area-header {\n\tbackground: $white;\n\tpadding-right: $grid-unit-05;\n\n\t.components-button.has-icon {\n\t\tdisplay: none;\n\t\tmargin-left: auto;\n\n\t\t~ .components-button {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t@include break-medium() {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n\n// This overrides the negative margins between two consecutives panels.\n// since the first panel is hidden.\n.components-panel__header + .interface-complementary-area-header {\n\t@include break-medium() {\n\t\tmargin-top: 0;\n\t}\n}\n","@import \"wordpress\";\n@import \"interface\";\n@import \"icons\";\n@import \"branding\";\n@import \"utilities\";\n\n// CSS for Components\n@import \"../components/Drawer/stylesheet\";\n@import \"../components/Header/stylesheet\";\n@import \"../components/Content/stylesheet\";\n@import \"../components/Layouts/stylesheet\";\n@import \"../components/SkipButton/stylesheet\";\n@import \"../components/Loaders/stylesheet\";\n@import \"../components/MiniPreview/stylesheet\";\n@import \"../components/Tooltip/stylesheet\";\n@import \"../components/ImageUploader/stylesheet\";\n@import \"../components/SocialMediaForm/stylesheet\";\n@import \"../components/TextInput/stylesheet\";\n@import \"../components/ExitToWordPress/stylesheet\";\n@import \"../components/Accordion/stylesheet\";\n@import \"../components/StepOverview/stylesheet\";\n@import \"../components/NewfoldLargeCard/stylesheet\";\n@import \"../components/SelectableCard/stylesheet\";\n@import \"../components/SelectableCardList/stylesheet\";\n@import \"../components/HeadingWithSubHeading/stylesheet\";\n@import \"../components/Button/stylesheet\";\n@import \"../components/CardHeader/stylesheet\";\n@import \"../components/NeedHelpTag/stylesheet\";\n@import \"../components/Sidebar/stylesheet\";\n@import \"../components/Sidebar/components/LearnMore/stylesheet\";\n@import \"../components/LivePreview/stylesheet\";\n@import \"../pages/Steps/DesignColors/stylesheet\";\n@import \"../pages/Steps/GetStarted/GetStartedExperience/stylesheet\";\n@import \"../components/Button/NavCardButton/stylesheet\";\n@import \"../pages/Steps/Ecommerce/stylesheet\";\n@import \"../components/ErrorState/stylesheet\";\n@import \"../components/CheckboxTemplate/CheckboxItem/stylesheet\";\n@import \"../components/CheckboxTemplate/CheckboxList/stylesheet\";\n@import \"../components/CheckboxTemplate/CheckboxListSkeleton/stylesheet\";\n@import \"../components/Sidebar/components/LearnMore/Skeleton/stylesheet\";\n@import \"../components/Animate/stylesheet\";\n\n// CSS for Pages\n@import \"../pages/Steps/BasicInfo/stylesheet\";\n@import \"../pages/Steps/TopPriority/stylesheet\";\n@import \"../pages/Steps/DesignHomepageMenu/stylesheet\";\n@import \"../pages/Steps/GetStarted/Welcome/stylesheet\";\n@import \"../pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/stylesheet\";\n@import \"../pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet\";\n@import \"../pages/Steps/DesignThemeStyles/stylesheet\";\n@import \"../pages/Steps/WhatNext/stylesheet\";\n@import \"../pages/Steps/SitePages/stylesheet\";\n@import \"../pages/Steps/DesignTypography/stylesheet\";\n@import \"../pages/Steps/DesignHeaderMenu/stylesheet\";\n\n.nfd-onboarding-container {\n\tdisplay: flex;\n\tbackground-color: $white;\n\n\t@include break-small {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmin-height: calc(100vh - #{$admin-bar-height-big});\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n\n\t@include break-medium {\n\t\tmin-height: calc(100vh - #{$admin-bar-height});\n\t}\n}\n",".interface-complementary-area {\n\tbackground: $white;\n\tcolor: $gray-900;\n\n\t@include break-small() {\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\n\t@include break-medium() {\n\t\twidth: $sidebar-width;\n\t}\n\n\t.components-panel {\n\t\tborder: none;\n\t\t// Make a stacking context that keeps all descendents behind the sticky header\n\t\tposition: relative;\n\t\tz-index: z-index(\".interface-complementary-area .components-panel\");\n\t}\n\n\t.components-panel__header {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tz-index: z-index(\".interface-complementary-area .components-panel__header\");\n\n\t\t&.edit-post-sidebar__panel-tabs {\n\t\t\ttop: $panel-header-height;\n\n\t\t\t@include break-medium() {\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\tp {\n\t\tmargin-top: 0;\n\t}\n\n\th2 {\n\t\tfont-size: $default-font-size;\n\t\tcolor: $gray-900;\n\t\tmargin-bottom: 1.5em;\n\t}\n\n\t// Subheading style.\n\th3 {\n\t\tfont-size: 11px;\n\t\ttext-transform: uppercase;\n\t\tfont-weight: 500;\n\t\tcolor: $gray-900;\n\t\tmargin-bottom: 1.5em;\n\t}\n\n\thr {\n\t\tborder-top: none;\n\t\tborder-bottom: 1px solid $gray-100;\n\t\tmargin: 1.5em 0;\n\t}\n\n\tdiv.components-toolbar-group,\n\tdiv.components-toolbar {\n\t\tbox-shadow: none;\n\t\tmargin-bottom: 1.5em;\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.block-editor-skip-to-selected-block:focus {\n\t\ttop: auto;\n\t\tright: 10px;\n\t\tbottom: 10px;\n\t\tleft: auto;\n\t}\n}\n","body.js.is-fullscreen-mode {\n\n\t@include break-medium {\n\t\t// Reset the html.wp-topbar padding.\n\t\t// Because this uses negative margins, we have to compensate for the height.\n\t\tmargin-top: -$admin-bar-height;\n\t\theight: calc(100% + #{ $admin-bar-height });\n\n\t\t#adminmenumain,\n\t\t#wpadminbar {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t#wpcontent,\n\t\t#wpfooter {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n}\n","// On Mobile devices, swiping the HTML element should not scroll.\n// By making it fixed, we prevent that.\nhtml.interface-interface-skeleton__html-container {\n\tposition: fixed;\n\twidth: 100%;\n\n\t@include break-medium() {\n\t\tposition: initial;\n\t\twidth: initial;\n\t}\n}\n\n.interface-interface-skeleton {\n\tdisplay: flex;\n\tflex-direction: row;\n\theight: auto;\n\tmax-height: 100%;\n\n\t// Fill the available space on Mobile.\n\tposition: fixed;\n\ttop: $admin-bar-height-big;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\n\t// Adjust to admin-bar going small.\n\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\ttop: $admin-bar-height;\n\n\t\t.is-fullscreen-mode & {\n\t\t\ttop: 0;\n\t\t}\n\t}\n}\n\n.interface-interface-skeleton__editor {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 0 1 100%;\n\toverflow: hidden;\n}\n\n@include editor-left(\".interface-interface-skeleton\");\n\n.interface-interface-skeleton__body {\n\tflex-grow: 1;\n\tdisplay: flex;\n\n\t// Even on Mobile, we choose to scroll this element on its own.\n\t// This helps enable a fixed-to-top toolbar that makes the editing experience\n\t// on Mobile Safari usable.\n\t// Unfortunately an issue still exists where if you swipe the top toolbar\n\t// or beyond the bottom of the page when the soft keyboard is showing, you scroll\n\t// the body element and can scroll the toolbar out of view.\n\t// This is still preferable, though, as it allows the editor to function at all.\n\toverflow: auto;\n\n\t// In future versions of Mobile Safari, hopefully overscroll-behavior will be supported.\n\t// This allows us to disallow the scroll-chaining and rubber-banding that is currently\n\t// is the cause of the issue outlined above.\n\t// In other words, the following behavior doesn't yet work in Safari, but if/when\n\t// it is added, it should take care of the issue.\n\t// See also: https://drafts.csswg.org/css-overscroll/\n\toverscroll-behavior-y: none;\n\n\t// Footer overlap prevention\n\t.has-footer & {\n\t\t@include break-medium() {\n\t\t\tpadding-bottom: $button-size-small + $border-width;\n\t\t}\n\t}\n}\n\n.interface-interface-skeleton__content {\n\tflex-grow: 1;\n\n\t// Treat as flex container to allow children to grow to occupy full\n\t// available height of the content area.\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t// On Mobile the header is fixed to keep HTML as scrollable.\n\t// Beyond the medium breakpoint, we allow the sidebar.\n\t// The sidebar should scroll independently, so enable scroll here also.\n\toverflow: auto;\n\n\t// On Safari iOS on smaller viewports lack of a z-index causes the background\n\t// to \"bleed\" through the header.\n\t// See https://github.com/WordPress/gutenberg/issues/32631\n\tz-index: z-index(\".interface-interface-skeleton__content\");\n\n}\n\n.interface-interface-skeleton__secondary-sidebar,\n.interface-interface-skeleton__sidebar {\n\tdisplay: block;\n\tflex-shrink: 0;\n\tposition: absolute;\n\tz-index: z-index(\".interface-interface-skeleton__sidebar\");\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground: $white;\n\tcolor: $gray-900;\n\n\t// On Mobile the header is fixed to keep HTML as scrollable.\n\t@include break-medium() {\n\t\tposition: relative !important;\n\t\tz-index: z-index(\".interface-interface-skeleton__sidebar {greater than small}\");\n\t\twidth: auto; // Keep the sidebar width flexible.\n\t}\n}\n\n.interface-interface-skeleton__sidebar {\n\toverflow: auto;\n\n\t@include break-medium() {\n\t\tborder-left: $border-width solid $gray-200;\n\t}\n}\n\n.interface-interface-skeleton__secondary-sidebar {\n\t@include break-medium() {\n\t\tborder-right: $border-width solid $gray-200;\n\t}\n}\n\n.interface-interface-skeleton__header {\n\tflex-shrink: 0;\n\theight: auto;  // Keep the height flexible.\n\tborder-bottom: $border-width solid $gray-200;\n\tz-index: z-index(\".interface-interface-skeleton__header\");\n\tcolor: $gray-900;\n}\n\n.interface-interface-skeleton__footer {\n\theight: auto; // Keep the height flexible.\n\tflex-shrink: 0;\n\tborder-top: $border-width solid $gray-200;\n\tcolor: $gray-900;\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\twidth: 100%;\n\tbackground-color: $white;\n\tz-index: z-index(\".interface-interface-skeleton__footer\");\n\n\t// On Mobile the footer is hidden\n\tdisplay: none;\n\t@include break-medium() {\n\t\tdisplay: flex;\n\t}\n\n\t.block-editor-block-breadcrumb {\n\t\tz-index: z-index(\".edit-post-layout__footer\");\n\t\tdisplay: flex;\n\t\tbackground: $white;\n\t\theight: $button-size-small;\n\t\talign-items: center;\n\t\tfont-size: $default-font-size;\n\t\tpadding: 0 ($grid-unit-15 + 6px);\n\t}\n}\n\n.interface-interface-skeleton__actions {\n\tz-index: z-index(\".interface-interface-skeleton__actions\");\n\tposition: fixed !important; // Need to override the default relative positioning\n\ttop: -9999em;\n\tbottom: auto;\n\tleft: auto;\n\tright: 0;\n\twidth: $sidebar-width;\n\tcolor: $gray-900;\n\n\t&:focus {\n\t\ttop: auto;\n\t\tbottom: 0;\n\t}\n}\n",".interface-more-menu-dropdown {\n\tmargin-left: -4px;\n\n\t// the padding and margin of the more menu is intentionally non-standard\n\t.components-button {\n\t\twidth: auto;\n\t\tpadding: 0 2px;\n\t}\n\n\t@include break-small() {\n\t\tmargin-left: 0;\n\n\t\t.components-button {\n\t\t\tpadding: 0 4px;\n\t\t}\n\t}\n}\n\n.interface-more-menu-dropdown__content .components-popover__content {\n\tmin-width: 280px;\n\n\t// Let the menu scale to fit items.\n\t@include break-mobile() {\n\t\twidth: auto;\n\t\tmax-width: $break-mobile;\n\t}\n\n\t.components-dropdown-menu__menu {\n\t\tpadding: 0;\n\t}\n}\n\n.components-popover.interface-more-menu-dropdown__content {\n\tz-index: z-index(\".components-popover.interface-more-menu__content\");\n}\n",".interface-pinned-items {\n\tdisplay: flex;\n\n\t// We intentionally hide pinned items (plugins) on mobile, and unhide them at desktop breakpoints.\n\t// Otherwise the list can wreak havoc on the layout.\n\t.components-button:not(:first-child) {\n\t\tdisplay: none;\n\n\t\t@include break-small() {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.components-button {\n\t\tmargin-left: $grid-unit-05;\n\n\t\tsvg {\n\t\t\tmax-width: $icon-size;\n\t\t\tmax-height: $icon-size;\n\t\t}\n\t}\n}\n",".interface-preferences-modal {\n\t// To keep modal dimensions consistent as subsections are navigated, width\n\t// and height are used instead of max-(width/height).\n\t@include break-small() {\n\t\twidth: calc(100% - #{ $grid-unit-20 * 2 });\n\t\theight: calc(100% - #{ $header-height * 2 });\n\t}\n\t@include break-medium() {\n\t\twidth: $break-medium - $grid-unit-20 * 2;\n\t}\n\t@include break-large() {\n\t\theight: 70%;\n\t}\n\n\t// Clears spacing to flush fit the navigator component to the modal edges.\n\t@media (max-width: #{ ($break-medium - 1) }) {\n\t\t.components-modal__content {\n\t\t\tpadding: 0;\n\n\t\t\t&::before {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","$vertical-tabs-width: 160px;\n\n.interface-preferences__tabs {\n\t.components-tab-panel__tabs {\n\t\tposition: absolute;\n\t\ttop: $header-height + $grid-unit-30;\n\t\t// Aligns button text instead of button box.\n\t\tleft: $grid-unit-20;\n\t\twidth: $vertical-tabs-width;\n\t\t.components-tab-panel__tabs-item {\n\t\t\tborder-radius: $radius-block-ui;\n\t\t\tfont-weight: 400;\n\t\t\t&.is-active {\n\t\t\t\tbackground: $gray-100;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t&:focus:not(:disabled) {\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n\t\t\t}\n\t\t}\n\t}\n\t.components-tab-panel__tab-content {\n\t\tpadding-left: $grid-unit-30;\n\t\tmargin-left: $vertical-tabs-width;\n\t}\n}\n\n@media (max-width: #{ ($break-medium - 1) }) {\n\t// Keep the navigator component from overflowing the modal content area\n\t// to ensure that sticky position elements stick where intended.\n\t.interface-preferences__provider {\n\t\theight: 100%;\n\t}\n}\n",".interface-preferences-modal__section {\n\tmargin: 0 0 2.5rem 0;\n\n\t&:last-child {\n\t\tmargin: 0;\n\t}\n}\n\n.interface-preferences-modal__section-title {\n\tfont-size: 0.9rem;\n\tfont-weight: 600;\n\tmargin-top: 0;\n}\n\n.interface-preferences-modal__section-description {\n\tmargin: -$grid-unit-10 0 $grid-unit-10 0;\n\tfont-size: $helptext-font-size;\n\tfont-style: normal;\n\tcolor: $gray-700;\n}\n",".interface-preferences-modal__option {\n\t.components-base-control {\n\t\t.components-base-control__field {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tmargin-bottom: 0;\n\n\t\t\t& > label {\n\t\t\t\tflex-grow: 1;\n\t\t\t\tpadding: 0.6rem 0 0.6rem 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-base-control__help {\n\t\tmargin: -$grid-unit-10 0 $grid-unit-10 58px;\n\t\tfont-size: $helptext-font-size;\n\t\tfont-style: normal;\n\t\tcolor: $gray-700;\n\t}\n}\n","$header-height: 60px;\n$nav-sidebar-width: 300px;\n\nhtml.wp-toolbar {\n\tbackground: $white;\n}\n\nbody {\n\t--nfd-onboarding-icon: url(../../Brands/newfold/icon.svg);\n\t--nfd-onboarding-logo: url(../../Brands/newfold/logo.svg);\n\t--nfd-onboarding-primary: #dd5228;\n\t--nfd-onboarding-light: #f2f2f2;\n\t--nfd-onboarding-dark: #1e2223;\n\t--nfd-onboarding-white: #fff;\n\t--nfd-onboarding-white-rgb: 255, 255, 255;\n\t--nfd-onboarding-black: #000;\n\t--nfd-onboarding-header-bg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-header-fg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-content-bg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-content-fg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-drawer-bg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-drawer-fg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light);\n\t--nfd-onboarding-footer-fg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-footer-bg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-light-gray-5: #eee;\n\n\t&:not(.is-fullscreen-mode) {\n\t\topacity: 0;\n\t}\n\n\t&.is-fullscreen-mode {\n\t\topacity: 1;\n\t\ttransition: opacity ease-in 500ms;\n\t}\n\n\t&.dashboard_page_nfd-onboarding {\n\n\t\t@include wp-admin-reset(\".nfd-onboarding-container\");\n\t}\n}\n","body {\n\t--nfd-publish-icon: url(../static/icons/publish.svg);\n\t--nfd-selling-icon: url(../static/icons/sell.svg);\n\t--nfd-design-icon: url(../static/icons/design.svg);\n\t--more-icon: url(../static/icons/more.svg);\n\t--reload-icon: url(../static/icons/reload.svg);\n\t--forward-icon: url(../static/icons/forward.svg);\n\t--back-icon: url(../static/icons/back.svg);\n\t--chevron-up-icon: url(../static/icons/chevron-up.svg);\n\t--chevron-down-icon: url(../static/icons/chevron-down.svg);\n\t--default-logo-icon: url(../static/icons/default-logo.svg);\n\t--facebook-icon: url(../static/icons/social/facebook.svg);\n\t--facebook-colored-icon: url(../static/icons/social/facebook-colored.svg);\n\t--twitter-icon: url(../static/icons/social/twitter.svg);\n\t--twitter-colored-icon: url(../static/icons/social/twitter-colored.svg);\n\t--instagram-icon: url(../static/icons/social/instagram.svg);\n\t--instagram-colored-icon: url(../static/icons/social/instagram-colored.svg);\n\t--linkedin-icon: url(../static/icons/social/linkedin.svg);\n\t--linkedin-colored-icon: url(../static/icons/social/linkedin-colored.svg);\n\t--yelp-icon: url(../static/icons/social/yelp.svg);\n\t--yelp-colored-icon: url(../static/icons/social/yelp-colored.svg);\n\t--youtube-icon: url(../static/icons/social/youtube.svg);\n\t--youtube-colored-icon: url(../static/icons/social/youtube-colored.svg);\n\t--tiktok-icon: url(../static/icons/social/tiktok.svg);\n\t--tiktok-colored-icon: url(../static/icons/social/tiktok-colored.svg);\n\n\t--get-started-content-img: url(../static/images/content.png);\n\t--get-started-design-img: url(../static/images/design.png);\n\t--get-started-features-img: url(../static/images/features.png);\n\n\n\t--chevron-left-icon: url(../static/icons/chevron-left.svg);\n\t--chevron-right-icon: url(../static/icons/chevron-right.svg);\n\n\t--business-icon: url(../static/icons/business.svg);\n\t--business-white-icon: url(../static/icons/business-white.svg);\n\t--nfd-onboarding-step-error-icon: url(../../Brands/bluehost/step-error-logo.svg);\n\n\t--site-features-analytics: url(../static/icons/site-features/analytics.svg);\n\t--site-features-analytics--light: url(../static/icons/site-features/analytics_light.svg);\n\t--site-features-bookingcalendar: url(../static/icons/site-features/bookingcalendar.svg);\n\t--site-features-bookingcalendar--light: url(../static/icons/site-features/bookingcalendar_light.svg);\n\t--site-features-email: url(../static/icons/site-features/email.svg);\n\t--site-features-email--light: url(../static/icons/site-features/email_light.svg);\n\t--site-features-filter: url(../static/icons/site-features/filter.svg);\n\t--site-features-filter--light: url(../static/icons/site-features/filter_light.svg);\n\t--site-features-form: url(../static/icons/site-features/form.svg);\n\t--site-features-form--light: url(../static/icons/site-features/form_light.svg);\n\t--site-features-lead: url(../static/icons/site-features/lead.svg);\n\t--site-features-lead--light: url(../static/icons/site-features/lead_light.svg);\n\t--site-features-search: url(../static/icons/site-features/search.svg);\n\t--site-features-search--light: url(../static/icons/site-features/search_light.svg);\n\t--site-features-security: url(../static/icons/site-features/security.svg);\n\t--site-features-security--light: url(../static/icons/site-features/security_light.svg);\n\t--site-features-share: url(../static/icons/site-features/share.svg);\n\t--site-features-share--light: url(../static/icons/site-features/share_light.svg);\n\t--site-features-wishlist: url(../static/icons/site-features/wishlist.svg);\n\t--site-features-wishlist--light: url(../static/icons/site-features/wishlist_light.svg);\n}\n","body {\n\n\t&.nfd-brand-bluehost,\n\t&.nfd-brand-bluehost-india {\n\t\t--wp-admin-theme-color: #3575d3;\n\t\t--wp-admin-theme-color--rgb: 53, 117, 211;\n\t\t--wp-admin-theme-color-darker-10: #1c5cba;\n\t\t--wp-admin-theme-color-darker-10--rgb: 28, 92, 186;\n\t\t--wp-admin-theme-color-darker-20: #0242a0;\n\t\t--wp-admin-theme-color-darker-20--rgb: 2, 66, 160;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/bluehost/dark.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/bluehost/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/bluehost/logo.svg);\n\t\t--nfd-onboarding-primary: #3575d3;\n\t\t--nfd-onboarding-highlighted--rgb: 123, 177, 253;\n\t\t--nfd-onboarding-primary-alt: #2c76dc;\n\t\t--nfd-onboarding-secondary: #495c77;\n\t\t--nfd-onboarding-secondary-alt: #304663;\n\t\t--nfd-onboarding-tertiary: #7bb1fd;\n\t\t--nfd-onboarding-tertiary-alt: #84c0fc;\n\t\t--nfd-onboarding-light: #fff;\n\t\t--nfd-onboarding-light-gray: #f0f0f0;\n\t\t--nfd-onboarding-light-gray-2: #efefef;\n\t\t--nfd-onboarding-light-gray-3: #f2f2f2;\n\t\t--nfd-onboarding-light-gray-4: #a7a7a7;\n\t\t--nfd-onboarding-light-gray-5: #eee;\n\t\t--nfd-onboarding-light-gray-highlighted: #e2e9f4;\n\t\t--nfd-onboarding-dark: #1d2a3b;\n\t\t--nfd-onboarding-border: 219, 219, 219;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-tertiary);\n\t\t--nfd-onboarding-step-loader-icon: url(../../Brands/bluehost/step-loader-logo.svg);\n\t\t--nfd-onboarding-step-error-icon: url(../../Brands/bluehost/step-error-logo.svg);\n\t\t--nfd-onboarding-step-what-next-img-3: url(../../Brands/bluehost/bluesky.png);\n\t\t--nfd-onboarding-step-what-next-img-1: url(../../Brands/bluehost/wp-admin.png);\n\t\t--nfd-onboarding-step-what-next-img-2: url(../static/images/help.png);\n\n\t\t--nfd-onboarding-sidebar-learn-more-get-started-welcome-illustration: url(../../Brands/bluehost/learn-more-get-started-welcome.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-get-started-wp-experience-illustration: url(../../Brands/bluehost/learn-more-get-started-wp-experience.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-get-started-site-type-illustration: url(../../Brands/bluehost/learn-more-get-started-site-type.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-ecommerce-address-illustration: url(../../Brands/bluehost/learn-more-ecommerce-address.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-ecommerce-tax-info-illustration: url(../../Brands/bluehost/learn-more-ecommerce-tax-info.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-ecommerce-products-illustration: url(../../Brands/bluehost/learn-more-ecommerce-products.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-basic-info-illustration: url(../../Brands/bluehost/learn-more-basic-info.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-theme-styles-illustration: url(../../Brands/bluehost/learn-more-design-theme-styles.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-colors-illustration: url(../../Brands/bluehost/learn-more-design-colors.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-typography-illustration: url(../../Brands/bluehost/learn-more-design-typography.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-header-menu-illustration: url(../../Brands/bluehost/learn-more-design-header-menu.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-homepage-illustration: url(../../Brands/bluehost/learn-more-design-homepage.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-pages-illustration: url(../../Brands/bluehost/learn-more-pages.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-site-features-illustration: url(../../Brands/bluehost/learn-more-site-features.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-what-next-illustration: url(../../Brands/bluehost/learn-more-what-next.svg);\n\t}\n\n\t&.nfd-brand-hostgator {\n\t\t--wp-admin-theme-color: #2e93ee;\n\t\t--wp-admin-theme-color--rgb: 46, 147, 238;\n\t\t--wp-admin-theme-color-darker-10: #1485ec;\n\t\t--wp-admin-theme-color-darker-10--rgb: 20, 133, 236;\n\t\t--wp-admin-theme-color-darker-20: #1177d2;\n\t\t--wp-admin-theme-color-darker-20--rgb: 17, 119, 210;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/hostgator/dark.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/hostgator/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/hostgator/logo.svg);\n\t\t--nfd-onboarding-primary: #2e93ee;\n\t\t--nfd-onboarding-highlighted--rgb: 30, 32, 68;\n\t\t--nfd-onboarding-primary-alt: #3b97ff;\n\t\t--nfd-onboarding-secondary: #cdd8df;\n\t\t--nfd-onboarding-secondary-alt: #363636;\n\t\t--nfd-onboarding-tertiary: #ffcf00;\n\t\t--nfd-onboarding-tertiary-alt: #ff9144;\n\t\t--nfd-onboarding-light: #f5f6f8;\n\t\t--nfd-onboarding-light-gray: #f0f0f0;\n\t\t--nfd-onboarding-light-gray-2: #efefef;\n\t\t--nfd-onboarding-light-gray-3: #f2f2f2;\n\t\t--nfd-onboarding-light-gray-4: #a7a7a7;\n\t\t--nfd-onboarding-light-gray-5: #eee;\n\t\t--nfd-onboarding-dark: #1e2044;\n\t\t--nfd-onboarding-border: 245, 246, 248;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-tertiary);\n\t}\n\n\t&.nfd-brand-webcom {\n\t\t--wp-admin-theme-color: #4b75fc;\n\t\t--wp-admin-theme-color--rgb: 75, 117, 252;\n\t\t--wp-admin-theme-color-darker-10: #2b5cfb;\n\t\t--wp-admin-theme-color-darker-10--rgb: 43, 92, 251;\n\t\t--wp-admin-theme-color-darker-20: #0b44fb;\n\t\t--wp-admin-theme-color-darker-20--rgb: 11, 68, 251;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/webcom/dark.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/webcom/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/webcom/logo.svg);\n\t\t--nfd-onboarding-primary: #4b75fc;\n\t\t--nfd-onboarding-highlighted--rgb: 13, 71, 251;\n\t\t--nfd-onboarding-primary-alt: #0d47fb;\n\t\t--nfd-onboarding-secondary: #d4dce1;\n\t\t--nfd-onboarding-secondary-alt: #171003;\n\t\t--nfd-onboarding-tertiary: #fed96a;\n\t\t--nfd-onboarding-tertiary-alt: #fec101;\n\t\t--nfd-onboarding-light: #fff;\n\t\t--nfd-onboarding-light-gray: #f0f0f0;\n\t\t--nfd-onboarding-light-gray-2: #efefef;\n\t\t--nfd-onboarding-light-gray-3: #f2f2f2;\n\t\t--nfd-onboarding-light-gray-4: #a7a7a7;\n\t\t--nfd-onboarding-light-gray-5: #eee;\n\t\t--nfd-onboarding-dark: #000;\n\t\t--nfd-onboarding-border: 219, 219, 219;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary-alt);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-tertiary-alt);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-tertiary);\n\t}\n\n\t&.nfd-brand-crazy-domains {\n\t\t--wp-admin-theme-color: #548224;\n\t\t--wp-admin-theme-color--rgb: 84, 130, 36;\n\t\t--wp-admin-theme-color-darker-10: #4c7520;\n\t\t--wp-admin-theme-color-darker-10--rgb: 76, 117, 32;\n\t\t--wp-admin-theme-color-darker-20: #43681d;\n\t\t--wp-admin-theme-color-darker-20--rgb: 67, 104, 29;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/crazy-domains/icon-empty.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/crazy-domains/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/crazy-domains/logo.svg);\n\t\t--nfd-onboarding-primary: var(--wp-admin-theme-color);\n\t\t--nfd-onboarding-highlighted--rgb: var(--wp-admin-theme-color-darker-10--rgb);\n\t\t--nfd-onboarding-primary-alt: var(--wp-admin-theme-color-darker-10);\n\t\t--nfd-onboarding-secondary: #c3cbd8;\n\t\t--nfd-onboarding-secondary-alt: #1d2a3b;\n\t\t--nfd-onboarding-tertiary: #196bde;\n\t\t--nfd-onboarding-tertiary-alt: #c77d1c;\n\t\t--nfd-onboarding-light: #fff;\n\t\t--nfd-onboarding-light-gray: #fcfff9;\n\t\t--nfd-onboarding-light-gray-2: #fcfff9;\n\t\t--nfd-onboarding-light-gray-3: #fcfff9;\n\t\t--nfd-onboarding-light-gray-4: #5c5c5c;\n\t\t--nfd-onboarding-light-gray-5: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-light-gray-highlighted: #e2e9f4;\n\t\t--nfd-onboarding-dark: #1d2a3b;\n\t\t--nfd-onboarding-border: 219, 219, 219;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-light-gray-4);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-secondary);\n\t\t--nfd-onboarding-step-loader-icon: url(../../Brands/crazy-domains/step-loader-logo.svg);\n\t\t--nfd-onboarding-step-error-icon: url(../../Brands/crazy-domains/step-error-logo.svg);\n\t\t--nfd-onboarding-step-what-next-img-3: url(../../Brands/crazy-domains/full-service.png);\n\t\t--nfd-onboarding-step-what-next-img-1: url(../../Brands/crazy-domains/wp-admin.png);\n\t\t--nfd-onboarding-step-what-next-img-2: url(../static/images/help.png);\n\n\t\t--nfd-onboarding-drawer-bg: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-drawer-fg: var(--nfd-onboarding-dark);\n\t\t--nfd-onboarding-content-bg: var(--nfd-onboarding-light);\n\n\t\t.nfd-onboarding-drawer__toggle {\n\t\t\tbackground-color: transparent;\n\n\t\t\t&-button {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t\tborder-bottom: 1px solid #e0e0e0;\n\n\t\t\t&.is-open {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\n\t\t.nfd-onboarding-drawer__panel {\n\n\t\t\t&-scroll-container {\n\t\t\t\tborder-right: 1px solid #e0e0e0; // mirror header border.\n\t\t\t}\n\n\t\t\t&-site-title {\n\t\t\t\tcolor: var(--nfd-onboarding-light-gray-4);\n\t\t\t}\n\n\t\t\t&-menu-link {\n\t\t\t\tcolor: var(--nfd-onboarding-light-gray-4);\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: var(--nfd-onboarding-drawer-bg);\n\t\t\t\t\tcolor: var(--nfd-onboarding-primary);\n\t\t\t\t\tborder-color: var(--nfd-onboarding-primary);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.custom-palette {\n\t\t\t\tcolor: var(--nfd-onboarding-light);\n\t\t\t}\n\n\t\t\t.drawer-palette--button {\n\t\t\t\tborder: 1px solid var(--nfd-onboarding-secondary);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--nfd-onboarding-primary);\n\n\t\t\t\t\t* {\n\t\t\t\t\t\tcolor: var(--nfd-onboarding-light);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.nfd-onboarding-layout {\n\n\t\t\t&.is-bg-primary {\n\t\t\t\tbackground-color: var(--nfd-onboarding-light);\n\t\t\t}\n\n\t\t\t.checkbox-item--selected {\n\t\t\t\tbackground: rgba(var(--nfd-onboarding-highlighted--rgb), 0.05);\n\t\t\t}\n\n\t\t\t.tab-img {\n\t\t\t\tbackground-color: rgba(var(--nfd-onboarding-highlighted--rgb), 0.2);\n\t\t\t}\n\t\t}\n\t}\n}\n",".is-centered {\n\tdisplay: flex;\n\tplace-content: center;\n\tplace-items: center;\n}\n\n.is-vertically-centered {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-evenly;\n\tflex-direction: column;\n}\n\n.is-bg-primary {\n\tbackground-color: var(--nfd-onboarding-primary);\n\tcolor: var(--nfd-onboarding-light);\n}\n\n.center {\n\ttext-align: center;\n}\n\ninput::placeholder {\n\tfont-size: 0.75rem;\n\tcolor: var(--nfd-onboarding-light-gray-4);\n}\n",".nfd-onboarding-drawer__toggle {\n\talign-items: center;\n\tbackground: var(--nfd-onboarding-drawer-bg);\n\tborder-radius: 0;\n\tdisplay: flex;\n\tposition: absolute;\n\t// have changed the below value to 31 as the older value of 31 is no longer\n\t// available in the @wordpress/base-styles\n\t// old CSS property : z-index(\".edit-site-navigation-toggle\")\n\tz-index: 31;\n\theight: $header-height;\n\twidth: $header-height;\n\n\t&-button {\n\t\talign-items: center;\n\t\tbackground: var(--nfd-onboarding-drawer-bg);\n\t\tborder-radius: 0;\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\theight: $header-height + $border-width;\n\t\twidth: $header-height;\n\t\tz-index: 1;\n\t\tmargin-bottom: - $border-width;\n\n\t\t&.has-icon {\n\t\t\tmin-width: $header-height;\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t\t}\n\n\t\t\t&.is-suppressed {\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\ttransition: box-shadow 100ms ease;\n\n\t\t\t\t@include reduce-motion(\"transition\");\n\t\t\t\tcontent: \"\";\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 9px;\n\t\t\t\tright: 9px;\n\t\t\t\tbottom: 9px;\n\t\t\t\tleft: 9px;\n\t\t\t\tborder-radius: $radius-block-ui + $border-width + $border-width;\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--nfd-onboarding-drawer-bg);\n\t\t\t}\n\n\t\t\t&:hover::before {\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) $gray-700;\n\t\t\t}\n\n\t\t\t&:focus::before {\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(var(--nfd-onboarding-drawer-fg), 0.1);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.nfd-onboarding-drawer__panel {\n\theight: 100%;\n\tposition: relative;\n\twidth: 0;\n\toverflow: auto;\n\tbackground: var(--nfd-onboarding-drawer-bg);\n\tcolor: var(--nfd-onboarding-drawer-fg);\n\ttransition: width 100ms linear;\n\n\t@include reduce-motion(\"transition\");\n\n\t.interface-interface-skeleton.has-footer & {\n\n\t\t@include break-medium() {\n\t\t\theight: calc(100% - #{$button-size-small + $border-width});\n\t\t}\n\t}\n\n\t&-inner {\n\t\tposition: relative;\n\t\twidth: $nav-sidebar-width;\n\t\theight: 100%;\n\t\toverflow: auto;\n\t\tvisibility: hidden;\n\t\ttransition: visibility 100ms linear;\n\n\t\t@include reduce-motion(\"transition\");\n\t}\n\n\t&-site-title-container {\n\t\theight: $header-height;\n\t\tpadding-left: $header-height;\n\t\tmargin: 0 $grid-unit-20 0 $grid-unit-10;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t&-site-title {\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tcolor: $gray-300;\n\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t&-scroll-container {\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\theight: calc(100% - #{$header-height});\n\t\tbackground-color: var(--nfd-onboarding-drawer-bg);\n\t\t-ms-overflow-style: none;\n\t\tscrollbar-width: none;\n\n\t\t&::-webkit-scrollbar {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&-inside {\n\t\tpadding: 0 $grid-unit-20;\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\n\t\th2 {\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t}\n\t}\n\n\t&-menu-link {\n\t\tdisplay: flex;\n\t\tpadding: $grid-unit-10 $grid-unit-20;\n\t\ttext-decoration: none;\n\t\tcolor: var(--nfd-onboarding-light);\n\t\talign-items: center;\n\t\tborder-radius: 2px;\n\t\ttransition: background-color 100ms linear;\n\n\t\t@include reduce-motion(\"transition\");\n\n\t\tsvg {\n\t\t\tfill: var(--nfd-onboarding-drawer-icon-fill);\n\t\t\ttransition: fill 100ms linear;\n\n\t\t\t@include reduce-motion(\"transition\");\n\t\t\tmargin-right: $grid-unit-10;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n\t\t\toutline: 3px solid transparent;\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t}\n\n\t\t&.active {\n\t\t\tbackground-color: var(--nfd-onboarding-primary);\n\t\t\tcolor: var(--nfd-onboarding-light);\n\n\t\t\tsvg {\n\t\t\t\tfill: var(--nfd-onboarding-drawer-icon-active-fill);\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-button.nfd-onboarding-drawer__panel-back.is-tertiary {\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\topacity: 0.7;\n\t\theight: $button-size;\n\t\tmargin-top: $grid-unit-30;\n\t\tpadding: $grid-unit $grid-unit-20 $grid-unit $grid-unit;\n\n\t\tsvg {\n\t\t\tmargin-right: 0;\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t&:hover:not(:disabled),\n\t\t&:focus:not(:disabled) {\n\t\t\topacity: 1;\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t&-menu {\n\t\tmargin: $grid-unit-30 0;\n\n\t\th3 {\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t\tfont-size: 20.28px;\n\t\t\tline-height: 1.2;\n\t\t\tpadding: $grid-unit-05 $grid-unit-10 $grid-unit-05 $grid-unit-20;\n\t\t\tmargin-top: 0;\n\t\t\theight: $grid-unit-50;\n\t\t\tmax-height: $grid-unit-60;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin-bottom: $grid-unit-10;\n\t\t}\n\t}\n\n\t&-menu-item {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t}\n}\n\n.nfd-onboarding-drawer__panel.is-open {\n\twidth: $nav-sidebar-width;\n\n\t.nfd-onboarding-drawer__panel-inner {\n\t\tvisibility: visible;\n\t}\n}\n\n/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n$main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb);\n\n.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom {\n\twidth: 100%;\n\toverflow: hidden;\n\theight: 250px;\n}\n\n.theme-header-menu-preview--drawer__list__item__live-preview-container .live-preview__container-custom {\n\twidth: 100%;\n\toverflow: hidden;\n\tmin-height: 50px;\n}\n\n.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom:hover {\n\tcursor: pointer;\n}\n\n.theme-header-menu-preview--drawer__list__item__live-preview-container .live-preview__container-custom:hover {\n\tcursor: pointer;\n}\n\n.theme-styles-preview {\n\n\t&--drawer {\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t\twidth: 100%;\n\n\t\t&__list {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\n\t\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\t\twidth: 100%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t&__item {\n\t\t\t\tflex: 1;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 24px 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t&__title-bar {\n\t\t\t\t\twidth: 90%;\n\t\t\t\t\theight: 15px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground-color: #ccc;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\t&__browser {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tmargin-left: 3px;\n\n\t\t\t\t\t\t&__dot {\n\t\t\t\t\t\t\tbackground-color: #989ea7;\n\t\t\t\t\t\t\twidth: 8px;\n\t\t\t\t\t\t\tmargin: 3px;\n\t\t\t\t\t\t\theight: 8px;\n\t\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&--selected {\n\t\t\t\t\t\tz-index: 2;\n\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t\t&__path {\n\t\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&--unselected {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&__live-preview-container {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 90%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tborder: 1px solid #b7b7b7;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n// Design Color Palette Step\n.theme-colors--drawer {\n\tpadding: 0 4px;\n\n\t&--reset {\n\t\twidth: 30%;\n\t\theight: 30px;\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\tmargin-top: 12px;\n\t\ttext-align: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: $main-color-light;\n\t\tcolor: var(--nfd-onboarding-primary);\n\n\t\t&:hover {\n\t\t\tcolor: $black;\n\t\t\tbackground-color: #ededed;\n\t\t}\n\t}\n}\n\n.color-palette {\n\tjustify-content: space-between;\n\n\t&__colors {\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t&--tertiary {\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\tborder-radius: 50%;\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\t\t}\n\n\t\t&--secondary {\n\t\t\tleft: 35px;\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\tborder-radius: 50%;\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\t\t}\n\n\t\t&--primary {\n\t\t\tleft: 55px;\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\tborder-radius: 50%;\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\t\t}\n\t}\n}\n\n.drawer-palette {\n\n\t&--button {\n\t\twidth: 88%;\n\t\theight: 30px;\n\t\tdisplay: flex;\n\t\tmargin: 8px 4px;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\tpadding: 10px 16px;\n\t\talign-items: center;\n\t\tbackground-color: var(--nfd-onboarding-white);\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--nfd-onboarding-tertiary);\n\t\t}\n\n\t\t&__text {\n\t\t\tcolor: $main-color-dark;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\tline-height: 16px;\n\t\t}\n\n\t\t&--selected {\n\t\t\tbackground-color: var(--nfd-onboarding-primary-alt);\n\n\t\t\t.drawer-palette--button__text {\n\t\t\t\tcolor: var(--nfd-onboarding-white);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.custom-palette {\n\twidth: 88%;\n\tmargin: 30px 2px;\n\tpadding: 20px 16px;\n\tbackground: $main-border-main;\n\n\t&__top {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t&-icon {\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\t&_acc_opened {\n\t\tdisplay: block;\n\t}\n\n\t&_acc_closed {\n\t\tdisplay: none;\n\t}\n\n\t&__below {\n\t\tmargin-top: 16px;\n\n\t\t&-row {\n\t\t\theight: 50px;\n\t\t\tcolor: $main-color-dark;\n\t\t\tdisplay: flex;\n\t\t\tcursor: pointer;\n\t\t\talign-items: center;\n\t\t\tbackground-color: $main-color-light;\n\t\t\tjustify-content: flex-start;\n\t\t\tborder: 0.5px solid rgba(0, 0, 0, 0.3);\n\n\t\t\t&-icon {\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\tmargin: 2px 12px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\n\t\t\t\t&_selected_border {\n\t\t\t\t\tbox-shadow: 0 0 5px 3px rgba($main-border-main--rgb, 0.5);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__picker-close-icon {\n\t\twidth: 25px;\n\t\theight: 25px;\n\t\tdisplay: flex;\n\t\tcolor: $main-color-dark;\n\t\tcursor: pointer;\n\t\tfont-weight: 900;\n\t\tborder-radius: 50%;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder: 1px solid $main-color-dark;\n\t\tbackground-color: $main-color-light;\n\t}\n}\n\n// Design Font Palette Step\n.theme-fonts--drawer {\n\tpadding: 0 4px;\n\tborder: none !important;\n\n\t&--reset {\n\t\twidth: 40%;\n\t\theight: 30px;\n\t\tdisplay: flex;\n\t\tcolor: $main-color-dark;\n\t\tcursor: pointer;\n\t\tmargin-left: 4px;\n\t\ttext-align: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: $main-color-light;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--nfd-onboarding-drawer-icon-fill);\n\t\t}\n\t}\n}\n\n.font-palette {\n\n\t&__icon {\n\t\tcolor: $main-color-dark;\n\t\tfont-weight: 700;\n\t\tmargin-right: 16px;\n\t}\n}\n\n.custom-font-palette {\n\twidth: 88%;\n\tmargin: 30px 2px;\n\tpadding: 20px 16px;\n\tbackground: $main-border-main;\n\n\t&--hidden {\n\t\tdisplay: none;\n\t}\n\n\t&__top {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t&-text {\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t&-icon {\n\t\t\tfont-size: 14px;\n\t\t}\n\t}\n\n\t&_acc_opened {\n\t\tdisplay: block;\n\t}\n\n\t&_acc_closed {\n\t\tdisplay: none;\n\t}\n\n}\n\n.theme-header-menu-preview {\n\n\t&--drawer {\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t\twidth: 100%;\n\n\t\t&__list {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\n\t\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\t\twidth: 100%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t&__item {\n\t\t\t\tflex: 1;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 24px 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t&__title-bar {\n\t\t\t\t\twidth: 90%;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground-color: #ccc;\n\t\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t\t&--selected {\n\t\t\t\t\t\tz-index: 2;\n\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t\t&__path {\n\t\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&--unselected {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&__live-preview-container {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 95%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\talign-items: center;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-header {\n    align-items: center;\n    background-color: var(--nfd-onboarding-header-bg);\n    color: var(--nfd-onboarding-header-fg);\n    h2, h3, h4 {\n        color: var(--nfd-onboarding-header-fg);\n    }\n    display: flex;\n    height: $header-height;\n    box-sizing: border-box;\n    width: 100%;\n    justify-content: space-between;\n\n    padding-right: $grid-unit-20;\n\n    body.is-fullscreen-mode & {\n        padding-left: $header-height;\n        transition: padding-left 20ms linear;\n        transition-delay: 80ms;\n        @include reduce-motion('transition');\n    }\n\n    &__start,\n    &__end {\n        display: flex;\n    }\n\n    &__start {\n        align-items: center;\n        margin-left: $grid-unit-20;\n    }\n\n    &__center {\n        display: flex;\n        align-items: center;\n        height: 100%;\n        flex-grow: 1;\n        justify-content: center;\n        min-width: 5px;\n        font-weight: 600;\n        font-size: 20px;\n        line-height: $grid-unit-30;\n        svg {\n            margin-right: $grid-unit-10;\n        }\n    }\n\n    &__end {\n        justify-content: flex-end;\n    }\n\n    &__step-navigation {\n        display: flex;\n        column-gap: $grid-unit-10;\n    }\n\n    &__step-progress {\n        &:-webkit-progress-inner-element {\n            background-color: #999;\n        }\n        &:-moz-progress-bar,\n        &:-webkit-progress-bar {\n            background-color: var(--nfd-onboarding-primary);\n        }\n    }\n}\n\n.nfd-onboarding-skeleton.is-drawer-open {\n    .nfd-onboarding-header {\n        padding-left: 0;\n        transition: padding-left 20ms linear;\n        transition-delay: 0ms;\n        @include reduce-motion(\"transition\");\n    }\n}\n\n.navigation-buttons {\n    font-size: 14px;\n    line-height: 40px;\n    align-items: center;\n    letter-spacing: 0.8px;\n    display: flex !important;\n    justify-content: space-evenly;\n    border-radius: 2px !important;\n    padding: 20px 14px !important; \n\n    &_back {\n        padding-right: 22px !important;\n    }\n\n    &_next {\n        padding-left: 22px !important;\n    }\n\n    &_finish {\n        padding-left: 22px !important;\n    }\n\n    @media screen and (max-width: #{ ($break-medium) }) {\n        font-size: 13px;\n        padding: 15px 10px !important; \n    }\n}\n\n",".interface-interface-skeleton__content {\n    background-color: var(--nfd-onboarding-content-bg);\n    color: var(--nfd-onboarding-content-fg);\n}",".nfd-onboarding-layout__common {\n    min-height: calc(100vh - #{$header-height} - #{$border-width} - #{$admin-bar-height-big});\n    @include break-medium {\n        min-height: calc(100vh - #{$header-height} - #{$border-width});\n    }\n    &.is-padded {\n        min-height: calc(100vw - #{$header-height} - #{$border-width} - #{$grid-unit * 18} - #{$admin-bar-height-big});\n        @include break-medium {\n            min-height: calc(100vh - #{$header-height} - #{$border-width} - #{$grid-unit * 18});\n        }\n        padding: #{$grid-unit * 9};\n    }\n    > .is-contained {\n        width: 100%;\n        max-width: $break-huge;\n    }\n}","$primary-color: var(--nfd-onboarding-primary);\n\n.skip-button {\n    padding: 10px;\n    cursor: pointer;\n    font-weight: 200;\n    font-style: italic;\n    color: $primary-color;\n}",".image-upload-loader {\n\n\t&--loading-box {\n\t\twidth: 200px;\n\t\theight: 25px;\n\t\tposition: relative;\n\t\tborder-radius: 50px;\n\t\toverflow: hidden;\n\t\tborder: 2px solid #ededed;\n\n\t\t&__loader {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\tborder-radius: 50px;\n\t\t\tbackground: linear-gradient(45deg, var(--nfd-onboarding-loader-start), var(--nfd-onboarding-loader-end));\n\t\t\tleft: -100%;\n\t\t}\n\t}\n\n}\n\n",".step-loader {\n\n\tcursor: wait;\n\tjustify-content: space-evenly;\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tjustify-content: center;\n\t}\n\n\t&__logo {\n\t\tmax-width: 256px;\n\t\theight: 256px;\n\t\twidth: 50vw;\n\t\tbackground-image: var(--nfd-onboarding-step-loader-icon);\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\n\t\t@media (max-width: #{($break-medium)}) {\n\t\t\tmax-width: 256px;\n\t\t\tmax-height: 256px;\n\t\t\theight: 30vh;\n\t\t\twidth: 100vw;\n\t\t}\n\t}\n}\n","$white: #FFFFFF;\n$black: #000000;\n$browser-dark: #CACACA;\n$browser-light: #F2F2F2;\n$link-browser-color: #007017;\n$title-browser-color: #3858E9;\n\n.mini-preview {\n    margin: 0px 0px 10px 0px;\n    font-weight: 500;\n    font-size: 1rem;\n}\n\n.browser-container {\n    width: 100%;\n    background-color: $browser-dark;\n}\n\n.browser-icon{\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-clip: padding-box;\n\n    &-title{\n        width: 18px;\n        height: 18px;\n        padding: 5px;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-clip: padding-box;\n    }\n}\n\n.browser-dot {\n    width: 12px;\n    height: 12px;\n    margin: 4px;\n    border-radius: 50%;\n    display: inline-block;\n\n    @media (max-width: 400px) {\n        width: 8px;\n        margin: 2.8px;\n        height: 8px;\n        margin-top: 3px;\n    }\n}\n\n.browser-content {\n    padding: 10px;\n    word-break: break-all;\n    background-color: $white;\n\n    &_top-row{\n\n        margin-top: 8px;\n\n        &-name{\n            cursor: pointer;\n            font-weight: 600;\n            font-size: 1.2rem;\n            margin: 0px 0px 6px 0px;\n            color: $title-browser-color;\n        }\n\n        &-link {\n            margin: 0px;\n            font-size: 1rem;\n            cursor: pointer;\n            color: $link-browser-color;\n        }\n    }\n    &_desc{\n        color: $black;\n        text-align: left;\n        max-width: 450px;\n        font-weight: 400;\n        line-height: 1.58;\n        font-size: 0.88rem;\n        margin: 16px 0px 0px 0px;\n    }\n    &_social{\n        display: flex;\n        margin-top: 4px;\n        justify-content: flex-start;\n\n        &_icon{\n            opacity: 1;\n            width: 24px;\n            height: 24px;\n            filter: none;\n            cursor: pointer;\n            text-align: center;\n            padding-right: 6px;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n            transition: opacity 0.4s ease-in-out;\n\n            &.--no-url {\n                opacity: 0.5;\n                filter: grayscale(1);\n            }\n\n            &.--invalid-url {\n                opacity: 0.75;\n                filter: none;\n            }\n        }\n    }\n}\n\n.browser-row {\n\n    &-title {\n        display: flex;\n        align-items: flex-end;\n        background-color: $browser-dark;\n\n        &_main{\n            height: 100%;\n            margin-left: 6px;\n        }\n\n        &_buttons{\n            padding: 2px 8px 3px 2px;\n        }\n\n        &_bar {\n            display: flex;\n            align-items: flex-end;\n\n            &_before {\n                background-color: $browser-light;\n        \n                &-curve {\n                    opacity: 1;\n                    width: 10px;\n                    height: 10px;\n                    content: \" \";\n                    display: flex;\n                    align-items: center;\n                    pointer-events: none;\n                    justify-content: center;\n                    border-radius: 0 0 8px 0;\n                    background-color: $browser-dark;\n                }\n            }\n            \n            &_after {\n                background-color: $browser-light;\n        \n                &-curve {\n                    opacity: 1;\n                    width: 10px;\n                    height: 10px;\n                    content: \" \";\n                    display: flex;\n                    align-items: center;\n                    pointer-events: none;\n                    justify-content: center;\n                    border-radius: 0 0 0 8px;\n                    background-color: $browser-dark;\n                }\n            }\n            \n            &_main {\n                z-index: 4;\n                height: 30px;\n                display: flex;\n                margin-top: 5px;\n                min-width: 150px;\n                padding-left: 5px;\n                padding-right: 10px;\n                align-items: center;\n                border-radius: 8px 8px 0px 0px;\n                background-color: $browser-light;\n        \n                &-text {\n                    flex: 1;\n                    content: \" \";\n                    margin-left: 2px;\n                    max-width: 140px;\n                    font-size: 0.8rem;\n                    line-clamp: 1;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    background: -webkit-linear-gradient(left, #000 50%, #fff);\n                    background-clip: text;\n                    -webkit-text-fill-color: transparent;\n                }\n            }\n        }\n\n        \n    }\n\n    &-search {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: $browser-light;\n\n        &__icons {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        &__search-box {\n            flex: 10;\n            padding: 5px;\n\n            &_input {\n                width: 100%;\n                font-size: 0.8rem;\n                border: none !important;\n                background-color: $white;\n            }\n        }\n\n        &__more {\n            flex: 1;\n        }\n    }\n}","\n$tooltip-text-color: white;\n$tooltip-background-color: rgba(0, 0, 0, 0.75);\n$tooltip-margin: 35px;\n$tooltip-arrow-size: 6px;\n\n/* Wrapping */\n.Tooltip-Wrapper {\n    display: inline-block;\n    position: relative;\n    width: 100%;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip {\n    position: absolute;\n    border-radius: 4px;\n    left: 50%;\n    transform: translateX(-40%);\n    padding: 6px;\n    color: $tooltip-text-color;\n    background: $tooltip-background-color;\n    font-size: 12px;\n    white-space: nowrap;\n}\n\n/* CSS border triangles */\n.Tooltip-Tip::before {\n    content: \" \";\n    left: 50%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-width: $tooltip-arrow-size;\n    margin-left: calc($tooltip-arrow-size * -1);\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.top {\n    top: calc($tooltip-margin * -1);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.top::before {\n    top: 100%;\n    border-top-color: $tooltip-background-color;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.right {\n    left: calc(100% + $tooltip-margin);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.right::before {\n    left: calc($tooltip-arrow-size * -1);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-right-color: $tooltip-background-color;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.bottom {\n    bottom: calc($tooltip-margin * -1);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.bottom::before {\n    bottom: 100%;\n    border-bottom-color: $tooltip-background-color;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.left {\n    left: auto;\n    right: calc(100% + $tooltip-margin);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.left::before {\n    left: auto;\n    right: calc($tooltip-arrow-size * -2);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-left-color: $tooltip-background-color;\n}","$border: #d6d6d6;\n$white-shade: #f9f9f9;\n$primary-color: var(--nfd-onboarding-primary);\n\n.image-uploader {\n\n\t&_heading {\n\t\tfont-size: 16px;\n\t\tfont-weight: 500;\n\t\tmargin: 0 0 6px 0;\n\t}\n\n\t&_window {\n\t\twidth: 100%;\n\t\theight: 15vh;\n\t\tborder-radius: 2px;\n\t\tmargin-bottom: 24px;\n\t\tborder: 1px dashed $border;\n\t\tbackground-color: $white-shade;\n\t\ttransition: all 0.4s ease-in-out;\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t&--on-drag {\n\t\t\tbackground-color: #e4e4e4;\n\t\t}\n\n\t\t@include break-medium() {\n\t\t\theight: 18vh;\n\t\t}\n\n\t\t&-empty {\n\t\t\tflex: 1;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t&-logo {\n\t\t\tflex: 2;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&-icon-empty {\n\t\t\t\theight: 95%;\n\t\t\t\tcontent: var(--default-logo-icon);\n\t\t\t\tobject-fit: scale-down;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-clip: padding-box;\n\t\t\t}\n\n\t\t\t&-icon-selected {\n\t\t\t\twidth: 80%;\n\t\t\t\theight: 90%;\n\t\t\t\tobject-fit: scale-down;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-clip: padding-box;\n\t\t\t}\n\t\t}\n\n\t\t&-reset {\n\t\t\tflex: 1;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: flex-end;\n\n\t\t\t&-btn {\n\t\t\t\twidth: 78%;\n\t\t\t\theight: 35px;\n\t\t\t\tmargin: 10px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 300;\n\t\t\t\tcolor: $primary-color;\n\t\t\t\tborder: 1px solid $primary-color;\n\t\t\t}\n\t\t}\n\n\t\t&-select-btn {\n\t\t\tdisplay: none;\n\t\t}\n\n\t}\n}\n","$border: #D6D6D6;\n\n.social-form {\n    width: 100%;\n    padding: 12px;\n    margin-top: 20px;\n    border-radius: 6px;\n    box-sizing: border-box;\n    border: 1px solid $border;\n\n    &__top-row {\n        display: flex;\n        cursor: pointer;\n        padding-left: 6px;\n        align-items: center;\n        justify-content: space-between;\n\n        &_heading {\n            font-size: 1rem;\n            font-weight: 500;\n        }\n\n        &_icon {\n            width: 24px;\n            height: 24px;\n            text-align: center;\n            background-position: center;\n            transition: all 0.3s ease-in;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n            background-image: var(--chevron-down-icon);\n\n            &_opened {\n                transform: rotateX(180deg);\n            }\n        }\n    }\n\n    &__main {\n        &-active {\n            opacity: 1;\n            overflow: hidden;\n            max-height: 650px;\n            transition: all 0.45s ease-in-out;\n            transition-property: max-height, opacity;\n        }\n\n        &-hidden {\n            opacity: 0;\n            max-height: 0px;\n            overflow: hidden;\n            transition: all 0.45s ease-in-out;\n            transition-property: max-height, opacity;\n        }\n    }\n\n    &__label {\n        display: flex;\n        padding-top: 10px;\n        padding-left: 6px;\n        padding-bottom: 3px;\n        align-items: center;\n        justify-content: flex-start;\n        \n        &-facebook {\n            padding-top: 18px;\n        }\n\n        &_icon {\n            width: 20px;\n            height: 20px;\n            text-align: center;\n            padding-right: 10px;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n        }\n\n        &_name {\n            font-size: 0.9rem;\n        }\n    }\n\n    &__box {\n        width: 95%;\n        font-size: 0.88rem;\n        margin: 6px 12px 10px 8px;\n    }\n\n    &__box-error {\n        width: 95%;\n        font-size: 0.88rem;\n        margin: 6px 12px 10px 8px;\n        background-color: rgba(255, 0, 0, 0.18) !important;\n    }\n}\n","$white: var(--nfd-onboarding-white);\n$error: rgba(255, 0, 0, 0.26);\n$border: #D6D6D6;\n$letter-spacing: 0.5px;\n\n.nfd-input {\n    margin-bottom: 25px;\n    width: 100% !important;\n\n    &__field {\n        padding: 14px;\n        margin: 6px 0px;\n        font-size: 0.9rem;\n        letter-spacing: $letter-spacing;\n\n        width: 100%;\n        resize: none;\n        overflow: hidden;\n        border-radius: 6px;\n        max-height: 150px;\n        border: 1px solid $border;\n\n        &_error{\n            background-color: $error !important;\n        }\n    }\n    \n    &__label{\n        display: flex;\n        padding: 4px 2px;\n        align-items: center;\n        justify-content: space-between;\n\n        &_title{\n            margin: 0px;\n            font-size: 1rem;\n            font-weight: 500;\n            letter-spacing: $letter-spacing;\n        }\n\n        &_maxChar {\n            margin: 0px;\n            font-size: 0.81rem;\n            letter-spacing: $letter-spacing;\n        }\n    }\n\n    &__hint{\n        margin: 0px;\n        font-weight: 300;\n        font-size: 0.87rem;\n        padding: 0px 1.5px;\n        font-style: italic;\n        letter-spacing: $letter-spacing;\n    }\n}",".nfd-onboarding-etw__buttons {\n    display: flex;\n    margin-top: $grid-unit-30;\n    column-gap: $grid-unit-20;\n    .components-button {\n        width: 50%;\n        justify-content: center;\n    }\n}",".nfd-onboarding-accordion {\n    border: $border-width solid var(--nfd-onboarding-dark);\n    margin-bottom: $grid-unit-05;\n    margin-top: $grid-unit-05;\n    opacity: 0.8;\n    padding: $border-width;\n    transition: opacity 233ms ease;\n    @include reduce-motion(\"transition\");\n\n    &:hover,\n    &:focus,\n    &[open] {\n        opacity: 1;\n    }\n\n    &__summary {\n        background-color: var(--nfd-onboarding-light);\n        color: var(--nfd-onboarding-dark);\n        cursor: pointer;\n        font-weight: 700;\n        padding: $grid-unit-05 $grid-unit-10;\n\n        p {\n            display: inline;\n        }\n    }\n\n    &__content {\n        margin: 0 $grid-unit-20;\n        padding: $grid-unit-10 0;\n        color: var(--nfd-onboarding-dark);\n    }\n\n}",".nfd-onboarding-overview {\n    width: 100%;\n    max-width: 960px;\n    background-color: var(--nfd-onboarding-light);\n    padding: 20px;\n    &__header {\n        display: flex;\n        align-items: center;\n        column-gap: 1rem;\n        &-icon {\n            display: flex;\n            place-items: center;\n            svg {\n                fill: var(--nfd-onboarding-primary);\n            }\n        }\n        &-heading {\n            margin: 0 0 6px 0;\n            color: var(--nfd-onboarding-dark);\n        }\n        &-subheading {\n            color: var(--nfd-onboarding-dark);\n        }\n    }\n}",".nfd-onboarding-large-card {\n\tdisplay: flex;\n\tmax-width: 960px;\n\twidth: 60vw;\n\tmin-height: 60vh;\n\tbackground: var(--nfd-onboarding-light);\n\tposition: relative;\n\ttransform-style: preserve-3d;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: space-evenly;\n\tpadding: 24px 32px;\n\tmargin: 20px;\n\n\t@media (max-width: #{($break-medium - 1)}) {\n\t\tjustify-items: center;\n\t\talign-items: center;\n\t\tpadding: 16px;\n\t\ttransform-style: flat;\n\t}\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tbackground: var(--nfd-onboarding-dark-icon) no-repeat;\n\t\twidth: 600px;\n\t\tmin-height: 500px;\n\t\ttransform: rotate(-14deg) translateZ(-1px);\n\t\tposition: absolute;\n\t\tleft: -15rem;\n\t\ttop: 2rem;\n\t}\n\n\t@media (max-width: #{ ($break-medium - 1) }) {\n\t\tjustify-items: center;\n\t\talign-items: center;\n\t\ttransform-style: flat;\n\t\tpadding: 20px;\n\t\tmargin: 30px;\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t@media (min-width: #{ ($break-medium) }) and (max-width: 1300px) {\n\t\t&::before {\n\t\t\twidth: 400px;\n\t\t\theight: 350px;\n\t\t\tleft: -10.5rem;\n\t\t}\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tmax-width: 100%;\n\t\twidth: 50vw;\n\t\tmin-height: 960px;\n\t\t&::before {\n\t\t\twidth: 860px;\n\t\t\tmin-height: 600px;\n\t\t\tleft: -19rem;\n\t\t}\n\t}\n\n\t&not::before {\n\t\tjustify-content: center;\n\t}\n}","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n$main-color: var(--nfd-onboarding-highlighted--rgb);\n\n/*BORDER RADIUS*/\n$radius: 0.2rem;\n\n.nfd-card {\n    display: flex;\n    cursor: pointer;\n    width: 290px;\n    padding-left: 10px;\n    margin-right: 10px;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n    box-shadow: none !important;\n    background-color: transparent !important;\n\n    &__top_row {\n        width: 100%;\n        display: flex;\n        position: absolute;\n        align-items: center;\n        justify-content: center;\n    }\n\n    &__body {\n        height: 200px;\n        padding: 8px;\n        text-align: center;\n        margin-top: 50px;\n        border-radius: 6px;\n        margin-right: 15px;\n        padding-top: 20px;\n        border-radius: $radius;\n        background-color: transparent;\n        border: 1px solid rgba($main-border-light, 0.6);\n\n        &_title {\n            font-weight: 700;\n            margin-top: 30px;\n            color: $main-color-dark;\n            padding: 14px 0px 10px 0px;\n            transition: color 300ms ease-in;\n            font-size: clamp(1rem, 2.5vw, 1.5rem);\n        }\n        \n        &_description {\n            font-weight: 400;\n            text-align: center;\n            letter-spacing: 0.5px;\n            color: $main-color-dark;\n            font-size: clamp(0.8rem, 2vw, 0.87rem);\n        }\n    }\n    &__icon{\n        flex: 1;\n        display: flex;\n        margin-top: 10px;\n        margin-right: -25px;\n        align-items: center;\n        justify-content: center;\n\n        &_box {\n            width: 64px;\n            height: 64px;\n            border-radius: 50%;\n            text-align: center;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n            background-color: $main-color-dark;\n            border: 4px solid rgba($main-color, 0.10544);\n\n            &-selected{\n                background-color: $main-border-main !important;\n            }\n        }\n    }\n\n    &__icon_selected{\n        width: 40px;\n        height: 40px;\n        display: flex;\n        border-radius: 50%;\n        align-items: center;\n        margin-top: 20px;\n        justify-content: center;\n        background-clip: padding-box;\n        background-color: $main-border-main;\n\n        &_path {\n            fill: $main-color-light;\n            transform: scale(0.7);\n        }\n    }\n\n    &__icon_unselected {\n        width: 40px;\n        height: 40px;\n        opacity: 0;\n    }\n}\n\n.nfd-selected-card{\n    transition: all .2s ease-in-out;\n    background-color: rgba($main-color, 0.18) !important;\n}\n\n.nfd-selected-card-box{\n    transform: scale(1.05);\n}\n\n",".selectable_cards {\n    gap: 1.5rem;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n\n    @media (max-width: #{ ($break-large) }) {\n        flex-direction: column;\n        align-items: center;\n    }\n}","/*COLOR VARIABLES*/\n$black: var(--nfd-onboarding-black);\n$primary-color: var(--nfd-onboarding-primary);\n\n.nfd-main-heading {\n\twidth: 96%;\n\tmargin: 50px 0 50px;\n\tline-height: 1;\n\n\t&__title {\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\tcolor: $primary-color;\n\t\tmargin: 35px !important;\n\t\tfont-size: clamp(1.6rem, 4vw, 3.6rem);\n\t}\n\n\t&__subtitle {\n\t\tcolor: $black;\n\t\tfont-weight: 400;\n\t\ttext-align: center;\n\t\tfont-size: clamp(0.85rem, 3.2vw, 1.7rem);\n\t}\n}\n","$button-blue-text-color : #fff;\n\n.nfd-onboarding-button {\n\n\t&--blue {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tcolor: $button-blue-text-color;\n\t\theight: 36px;\n\t\tborder: none;\n\t\tmargin: 10px 0;\n\t}\n}\n","$button-white-background-color : #fff;\n\n.nfd-onboarding-button {\n\n\t&--white {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tbackground: $button-white-background-color;\n\t\tcolor: var(--wp-admin-theme-color);\n\t\tborder: 1px solid var(--wp-admin-theme-color);\n\t\theight: 36px;\n\t\tborder-radius: 2px;\n\t\tmargin: 10px 0;\n\n\t\t&:hover {\n\t\t\tcolor: var(--wp-admin-theme-color-darker-20);\n\t\t\tborder: 1px solid var(--wp-admin-theme-color-darker-20);\n\t\t}\n\t}\n}\n","@import \"./ButtonBlue/stylesheet\";\n@import \"./ButtonWhite/stylesheet\";\n\n.nfd-card-button {\n\tcursor: pointer;\n\n\t&:disabled {\n\t\tcursor: default;\n\t\topacity: 0.3;\n\t}\n}\n",".nfd-step-card-heading {\n\tmargin: 5px;\n\tfont-weight: 700;\n\tline-height: 1.25;\n\ttext-align: center;\n\tfont-size: clamp(1.5rem, 1.82vw + 1.05rem, 2.5rem);\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tfont-size: clamp(1rem, 3.5vw, 1.2rem);\n\t\tmargin: 10px;\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(1rem, 2.44vw + 0.39rem, 6.25rem);\n\t\tmargin: 40px;\n\t}\n}\n\n.nfd-step-card-subheading {\n\tmargin: 5px;\n\tfont-weight: 700;\n\tcolor: var(--wp-admin-theme-color);\n\tfont-size: clamp(1rem, 0.91vw + 0.77rem, 1.5rem);\n\ttext-align: center;\n\tline-height: 1;\n\n\t@media (min-width: #{ ($break-medium)}) {\n\t\tpadding-bottom: 30px;\n\t}\n  \n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem);\n\t\tmargin: 80px;\n\t}\n}\n\n.nfd-step-card-subheading-other {\n\tfont-weight: 700;\n\tmargin-top: 35px;\n\tcolor: var(--wp-admin-theme-color);\n\tfont-size: clamp(0.8rem, 2.5vw, 1.2rem);\n\t@media (max-width: #{($break-medium)}) {\n\t\tmargin: 3px;\n\t\tfont-size: clamp(0.7rem, 2.2vw, 1.2rem);\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem);\n\t\tmargin: 80px;\n\t}\n}\n\n.nfd-step-card-question {\n\tmargin: 18px;\n\tfont-size: clamp(1rem, 2vw, 1.8rem);\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem);\n\t\tfont-weight: 700;\n\t\tmargin: 60px;\n\t}\n}\n",".nfd-card-need-help-tag {\n\tcolor: black;\n\tpadding: 20px;\n\tfont-weight: 200;\n\ttext-align: center;\n\tfont-style: italic;\n\tfont-size: clamp(0.6rem, 1.5vw, 0.9rem);\n\ta {\n\t\ttext-decoration: none;\n\t\tpadding: 0px 0.4rem;\n\t}\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tpadding: 9px;\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(1.6rem, -0.09vw + 1rem, 1.78rem);\n\t\tfont-weight: 450;\n\t}\n}\n",".interface-interface-skeleton__sidebar {\n\theight: 100%;\n\tposition: relative;\n\toverflow: hidden;\n}\n\n.nfd-onboarding-sidebar__panel {\n\theight: 100%;\n\tposition: relative;\n\twidth: 0;\n\toverflow: hidden;\n\ttransition: width 100ms linear;\n\n\t@include reduce-motion(\"transition\");\n\n\t&-inner {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\tvisibility: hidden;\n\t\ttransition: visibility 100ms linear;\n\n\t\t@include reduce-motion(\"transition\");\n\t}\n}\n\n.nfd-onboarding-sidebar__panel.is-open {\n\twidth: $nav-sidebar-width;\n\n\t.nfd-onboarding-sidebar__panel-inner,\n\t.interface-interface-skeleton__sidebar {\n\t\tvisibility: visible;\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--heading-with-description {\n\n\t\t&__heading {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #1e1e1e;\n\t\t\tline-height: 20px;\n\t\t}\n\n\t\t&__description {\n\t\t\tline-height: 16px;\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--step-intro-panel {\n\t\tborder: none;\n\n\t\t&__container {\n\t\t\tdisplay: flex;\n\n\t\t\t&__text {\n\t\t\t\talign-items: center;\n\n\t\t\t\t&__heading,\n\t\t\t\t&__subheading {\n\t\t\t\t\tmargin-top: 2px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__icon {\n\t\t\t\tmargin-right: 5%;\n\t\t\t}\n\n\t\t}\n\t}\n\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--illustration-panel {\n\n\t\t&__container {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\theight: 200px;\n\t\t}\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--info-panel {\n\t\tborder-bottom: none;\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--help-panel {\n\n\t\t&__links {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin: 0 10px;\n\t\t}\n\t}\n}\n\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--support-link {\n\t\tborder-radius: 2px;\n\t\ttext-decoration: none;\n\t\tcolor: var(--wp-admin-theme-color);\n\t\tmargin: 10px 0;\n\n\t\t&:hover {\n\t\t\tcolor: var(--wp-admin-theme-color-darker-20);\n\t\t}\n\t}\n}\n","@import \"./HeadingWithDescription/stylesheet\";\n@import \"./StepIntroPanel/stylesheet\";\n@import \"./IllustrationPanel/stylesheet\";\n@import \"./InfoPanel/stylesheet\";\n@import \"./HelpPanel/stylesheet\";\n@import \"./SupportLink/stylesheet\";\n\n.components-button:focus:not(:disabled),\n.components-button.is-pressed:focus:not(:disabled) {\n\tbox-shadow: none;\n}\n\n.nfd-onboarding-sidebar-learn-more {\n\tpadding: 0 !important;\n\tborder: none;\n\toverflow-y: auto;\n\twidth: 100%;\n\theight: 100%;\n\n\t&__header {\n\n\t\t&__icon {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t&__menu-button {\n\t\tmargin: 0 5px;\n\t\tmin-height: 40px;\n\t}\n}\n\n","$main-color-grey: var(--nfd-onboarding-light-gray);\n$main-color-grey-other: #e2e2e2;\n$main-color-light-rgb: var(--nfd-onboarding-white-rgb);\n\n.live-preview {\n\n\t&__container {\n\n\t\t&-small {\n\t\t\twidth: 70%;\n\t\t\theight: 70%;\n\t\t\toverflow: hidden;\n\t\t\tmax-width: 320px;\n\t\t\tmax-height: 320px;\n\t\t}\n\n\t\t&-large {\n\t\t\twidth: 70%;\n\t\t\tmin-height: 90vh;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t\talign-items: center;\n\t\t\tborder: 1px solid #e3dfdf;\n\t\t\tborder-top: 0;\n\t\t\tmargin-bottom: 30px;\n\n\t\t\t&:hover {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t&--is-skeleton {\n\t\t\tz-index: 1;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tposition: absolute;\n\t\t\tcursor: not-allowed;\n\t\t\talign-items: center;\n\t\t\tflex-direction: column;\n\t\t\tbackground-color: $main-color-grey;\n\n\t\t\t&--box {\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 12px;\n\t\t\t\tbackground: $main-color-grey-other;\n\n\t\t\t\t&-header {\n\t\t\t\t\theight: 10%;\n\t\t\t\t}\n\n\t\t\t\t&-body-1 {\n\t\t\t\t\theight: 40%;\n\t\t\t\t}\n\n\t\t\t\t&-body-2 {\n\t\t\t\t\theight: 15%;\n\t\t\t\t}\n\n\t\t\t\t&-footer {\n\t\t\t\t\theight: 5%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--shimmer {\n\t\t\t\tz-index: 2;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tbackground-image:\n linear-gradient(90deg, rgba($main-color-light-rgb, 0) 0, rgba($main-color-light-rgb, 0.4) 20%, rgba($main-color-light-rgb, 0.6) 60%, rgba($main-color-light-rgb, 0.4) 90%, rgba($main-color-light-rgb, 0.02) 100%, $main-color-grey);\n\t\t\t}\n\t\t}\n\t}\n}\n","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.live-preview--selectable-card {\n\tflex: 1;\n\twidth: 100%;\n\tmargin: 24px;\n\tdisplay: flex;\n\toverflow: hidden;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t&__title-bar {\n\t\twidth: 90%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #e4e4e4;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\n\t\t&--selected {\n\t\t\tz-index: 2;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tdisplay: flex;\n\t\t\tmargin-right: -15px;\n\t\t\tborder-radius: 50%;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbackground-clip: padding-box;\n\t\t\tbackground-color: $main-border-main;\n\n\t\t\t&__path {\n\t\t\t\tfill: $main-color-light;\n\t\t\t\ttransform: scale(0.7);\n\t\t\t}\n\t\t}\n\n\t\t&--unselected {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__live-preview-container {\n\t\tposition: relative;\n\t\twidth: 90%;\n\t\toverflow: hidden;\n\t\talign-items: center;\n\t\tborder: 1px solid #e3dfdf;\n\n\t\t.live-preview {\n\n\t\t\t&__container {\n\n\t\t\t\t&-custom {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\theight: 300px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__overlay {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\theight: 100%;\n\t\t\tz-index: 2;\n\t\t\twidth: 100%;\n\t\t\topacity: 0;\n\t\t\ttransition: 0.5s ease;\n\t\t\tbackground-color:\n\t\t\t\trgb(var(--wp-admin-theme-color-darker-10--rgb))\n\n\t\t\t\t&__icon{\n\t\t\t\tfill: $main-color-light;\n\t\t\t\tfont-size: 20px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\t\t-ms-transform: translate(-50%, -50%);\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\topacity: 0.74;\n\t\t\t}\n\t\t}\n\t}\n}\n","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.live-preview--selectable-card {\n\tflex: 1;\n\twidth: 100%;\n\tmargin: 24px;\n\tdisplay: flex;\n\toverflow: hidden;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\n\t&__live-preview-container {\n\t\tposition: relative;\n\t\twidth: 90%;\n\t\toverflow: hidden;\n\t\talign-items: center;\n\t\tborder: 1px solid #e3dfdf;\n\n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t.live-preview {\n\n\t\t\t&__container {\n\n\t\t\t\t&-custom {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\theight: 300px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n\n",".theme-colors-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\tpadding-top: 20px;\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-experience-step {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tflex-direction: column;\n\n\t&-tabs label {\n\t\tborder: 1px solid var(--nfd-onboarding-light-gray-2);\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\tpadding: 10px 190px 10px 15px;\n\t\tcolor: var(--nfd-onboarding-black);\n\t\tbackground: var(--nfd-onboarding-light-gray);\n\t\tfont-weight: 350;\n\t\tfont-size: clamp(0.8rem, 1.5vw, 1.2rem);\n\t\tline-height: 1.5;\n\t\tmargin: 5px;\n\t\twhite-space: nowrap;\n\t\t@media (max-width: #{ ($break-medium) - 1 }) {\n\t\t\tpadding-right: 100px;\n\t\t}\n\t\t@media (min-width: 3700px) {\n\t\t\tfont-size: clamp(3.7rem, -0.27vw + 3.5rem, 3rem);\n\t\t\tmargin: 25px;\n\t\t\tfont-weight: 360;\n\t\t}\n\t}\n\n\t&-tabs input:checked + label {\n\t\tcolor: var(--nfd-onboarding-white);\n\t\tbackground: var(--wp-admin-theme-color-darker-10);\n\t\tborder: none;\n\t}\n\n\t.components-radio-control {\n\t\t&__input input {\n\t\tdisplay: none !important;\n\t\t}\n\t\tmargin: 32px 0px 48px;\n\t\talign-items: center;\n\t}\n}",".nfd-nav-card-button {\n\tcolor: var(--nfd-onboarding-white);\n\tbackground-color: var(--wp-admin-theme-color-darker-10);\n\tpadding: 16px;\n\twidth: 90%;\n\tfont-size: clamp(0.7rem, 1.2vw, 1.4em);\n\tfont-weight: 500;\n\tborder-radius: 4px;\n\tborder: none;\n\toutline: 1px solid transparent;\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tpadding: 24px 32px;\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(2.81rem, -0.48vw + 2.93rem, 1.78rem);\n\t}\n}","@media (max-width: #{ ($break-medium - 1) }) {\n\t.sm\\:col-layout {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\tgap: min(1.5em, 24px);\n\t}\n}\n\n@media (min-width: #{ ($break-medium) }) {\n\t.md\\:row-layout {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t}\n}\n\n.ecommerce-step {\n\t@media (max-width: 2200px) {\n\t\theight: fit-content;\n\t}\n}\n\n.onboarding-ecommerce-step {\n\t.nfd-nav-card-button {\n\t\tmin-height: 4vh;\n\t}\n}\n\n.nfd-ecommerce-address-step {\n\tpadding: 1rem 0;\n\tlabel[data-required=\"true\"]::after {\n\t\tcontent: \" *\";\n\t}\n\n\tdiv.store-address-form {\n\t\tdisplay: grid;\n\t\tgap: min(1.5em, 24px);\n\t\tpadding: 1em 0 4em;\n\t\tmargin: 0 1em 0 1em;\n\t\tlabel {\n\t\t\tdisplay: block;\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 1;\n\t\t\tpadding-bottom: 13px;\n\t\t\t&[aria-required=\"true\"]::after {\n\t\t\t\tcontent: \" *\";\n\t\t\t}\n\t\t}\n\t\tinput,\n\t\tselect {\n\t\t\tpadding-left: 17px;\n\t\t\tmin-width: 400px;\n\t\t\tmax-width: 100%;\n\t\t\twidth: 100%;\n\t\t\theight: 48px;\n\t\t\tborder: 1px solid #d6d6d6;\n\t\t\tborder-radius: 2px;\n\t\t\tfont-size: 13px;\n\t\t}\n\n\t\tdiv[data-name=\"full-address\"] {\n\t\t\tselect,\n\t\t\tinput {\n\t\t\t\tmin-width: 180px;\n\t\t\t}\n\t\t\t&[data-state-empty=\"false\"] {\n\t\t\t\tgrid-template-columns: repeat(3, auto);\n\t\t\t\t@media (max-width: #{ ($break-xlarge) }) {\n\t\t\t\t\tinput,\n\t\t\t\t\tselect {\n\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&[data-state-empty=\"true\"] {\n\t\t\t\tgrid-template-columns: repeat(2, auto);\n\t\t\t}\n\t\t\tdisplay: grid;\n\t\t\tgap: 24px 32px;\n\t\t\tdiv[data-name=\"state\"] {\n\t\t\t\tgrid-column: 2;\n\t\t\t}\n\n\t\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\t\t&[data-state-empty] {\n\t\t\t\t\tgrid-template-columns: auto;\n\t\t\t\t}\n\t\t\t\tdiv[data-name=\"state\"] {\n\t\t\t\t\tgrid-column: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\tgrid-template-columns: auto;\n\t\t\tinput,\n\t\t\tselect {\n\t\t\t\tmin-width: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\ndiv.onboarding-ecommerce-step {\n\tcolor: var(--nfd-onboarding-black);\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tgap: 1em;\n\n\th2.nfd-step-card-heading {\n\t\tcolor: var(--wp-admin-theme-color-darker-10);\n\t}\n\n\th3.nfd-step-card-subheading {\n\t\tfont-weight: 500;\n\t\tcolor: var(--nfd-onboarding-black);\n\t}\n}\n\ndiv.step-product-numbers:nth-child(3) .components-v-stack {\n\t@media (min-width: #{ ($break-mobile)}) {\n\t\tflex-direction: row !important;\n\t}\n}\n\ndiv.onboarding-product-step {\n\twidth: 50vw;\n\n\t@media only screen and (min-width: 1921px) {\n\t\twidth: 35vw;\n\t}\n\t.nfd-card-need-help-tag {\n\t\tpadding: 20px 0 0;\n\t}\n\n\tdiv.nfd-product-step-options {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: calc((50vw - 15px) / 2) calc((50vw - 15px) / 2);\n\t\tgap: 15px;\n\n\t\t@media (max-width: #{ ($break-mobile)}) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgap: 2px;\n\t\t}\n\n\t\t@media only screen and (min-width: 1921px) {\n\t\t\tgrid-template-columns: calc((35vw - 15px) / 2) calc((35vw - 15px) / 2);\n\t\t}\n\t}\n\n\t.components-checkbox-control {\n\t\tpadding: 16px;\n\t\tbackground-color: #f0f0f0;\n\n\t\t@media (max-width: #{ ($break-small)}),\n\t\t(max-height: #{ ($break-small)}) {\n\t\t\tpadding: 5px;\n\t\t}\n\n\t\t.components-base-control__field {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.step-product-numbers {\n\t\tdisplay: grid;\n\t\twidth: 100%;\n\t\tmargin: 0.5em 0;\n\n\t\t& > * {\n\t\t\talign-self: center;\n\t\t}\n\n\t\t@media (min-width: #{ ($break-xlarge + 100)}) {\n\t\t\tgap: 1em;\n\t\t\tgrid-template-columns: auto max-content;\n\n\t\t\t& > * {\n\t\t\t\talign-self: baseline;\n\t\t\t}\n\n\t\t\t.components-radio-control {\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\t\t}\n\n\t\t.components-radio-control {\n\t\t\talign-items: normal;\n\n\t\t\t.components-base-control__field {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t@media (max-width: #{ ($break-xlarge)}) {\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.components-radio-control__option {\n\t\t\t\tmargin: 1em 1em 1em 0;\n\n\t\t\t\t@media (min-width: #{ ($break-xlarge + 100)}) {\n\t\t\t\t\tmargin: 0 1em 0 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlabel {\n\t\t\t\tpadding: 10px;\n\t\t\t\tborder: 1px solid #dbdbdb;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\tinput:checked + label {\n\t\t\t\tcolor: var(--nfd-onboarding-white);\n\t\t\t\tbackground: var(--wp-admin-theme-color-darker-10);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.radio-control-tax-step {\n\tlabel {\n\t\tpadding: 10px 100px 10px 20px;\n\t}\n\n\t@media (max-width: #{ ($break-medium - 1) }) {\n\t\tlabel {\n\t\t\tpadding-right: 15px;\n\t\t}\n\t}\n\n\t@media (max-width: 480px) {\n\t\tlabel {\n\t\t\tpadding: clamp(10px, 1.5vh, 15px) clamp(10px, 5%, 13px)\n\t\t\t\tclamp(10px, 5%, 13px);\n\t\t\twidth: unset;\n\t\t\theight: fit-content;\n\t\t\tline-height: 1.5;\n\t\t\twhite-space: normal;\n\t\t}\n\t}\n}\n",".step-error-state {\n\tjustify-content: center;\n\n\t&__logo {\n\t\tbackground-image: var(--nfd-onboarding-step-error-icon);\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\twidth: 50vw;\n\t\theight: 400px;\n\n\t\t@media (max-width: #{($break-medium)}) {\n\t\t\twidth: 100vw;\n\t\t\theight: 30vh;\n\t\t}\n\t}\n\n\t&__error {\n\t\tpadding: 0;\n\t\tmargin-bottom: 20px;\n\t\tfont-weight: 400;\n\t\ttext-align: center;\n\t\tfont-size: clamp(0.85rem, 3.2vw, 1.7rem);\n\t}\n}\n","/*COLOR VARIABLES*/\n$white-offset: rgb(224, 224, 224);\n$main-color-dark: var(--wp-admin-theme-color);\n$main-color-light: var(--nfd-onboarding-white);\n$main-color: var(--nfd-onboarding-highlighted--rgb);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n$box-shadow: var(--nfd-onboarding-light-gray-highlighted);\n\n.checkbox-item {\n\n\t.highlighted {\n\t\tfill: var(--wp-admin-theme-color-darker-10);\n\t}\n\n\tmargin: 12px;\n\tpadding: 16px;\n\tmargin-top: 16px;\n\tbackground: $main-color-light;\n\tborder: 1px solid $white-offset;\n\twidth: clamp(15rem, 25vw, 35rem);\n\tbox-shadow: 0 2px 8px 2px rgba(204, 204, 204, 0.175295);\n\n\t&-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t}\n\n\t&-checkbox {\n\t\tpadding: 6px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t&__contents {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t&-icon {\n\t\t\twidth: 45px;\n\t\t\theight: 45px;\n\t\t\tdisplay: flex;\n\t\t\tmargin-right: 16px;\n\t\t\tborder-radius: 50%;\n\t\t\talign-items: center;\n\t\t\tbackground: #f0f0f0;\n\t\t\tjustify-content: center;\n\n\t\t\t&--selected {\n\t\t\t\tbackground: $main-color-dark !important;\n\t\t\t}\n\n\t\t\t&--shown {\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t}\n\t\t}\n\n\t\t&-text {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tjustify-content: center;\n\n\t\t\t&-title {\n\t\t\t\tcolor: #0d0d0d;\n\t\t\t\tline-height: 18px;\n\t\t\t\tmargin-bottom: 6px;\n\t\t\t\tfont-size: clamp(0.9rem, 2vw, 1rem);\n\n\t\t\t\t&--selected {\n\t\t\t\t\tcolor: $main-color-dark;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-subtitle {\n\t\t\t\tcolor: #343434;\n\t\t\t\tfont-weight: 200;\n\t\t\t\tline-height: 18px;\n\t\t\t\tfont-size: clamp(0.82rem, 2vw, 0.9rem);\n\t\t\t}\n\t\t}\n\n\t\t&-help {\n\t\t\tfill: #666;\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\tfill: var(--wp-admin-theme-color-darker-10);\n\t\t\t}\n\t\t}\n\n\t}\n\n\t&--selected {\n\t\tbackground: rgba($main-color, 0.2);\n\t\tborder: 1px solid rgba($main-color, 0.6);\n\t\tbox-shadow: 0 2px 8px 2px rgba($white-offset, 0.8);\n\t}\n\n\t&--shown {\n\t\tborder-bottom: none;\n\t\tbackground: $box-shadow;\n\t\tborder-radius: 2px 2px 0 0;\n\t\tborder-top: 1px solid rgba($main-color, 0.1);\n\t\tborder-left: 1px solid rgba($main-color, 0.1);\n\t\tborder-right: 1px solid rgba($main-color, 0.1);\n\t}\n\n\t&__dropdown {\n\t\tposition: relative;\n\t\tz-index: 2;\n\t}\n\n\t&__desc {\n\t\tz-index: 2;\n\t\tpadding: 16px;\n\t\tborder-top: none;\n\t\tmargin-left: 12px;\n\t\tmargin-top: -12px;\n\t\tposition: absolute;\n\t\tfont-style: italic;\n\t\tbackground: $box-shadow;\n\t\tborder-radius: 0 0 2px 2px;\n\t\ttransform-origin: top center;\n\t\twidth: clamp(15rem, 25vw, 35rem);\n\t\tfont-size: clamp(0.82rem, 2vw, 0.9rem);\n\t\tborder-left: 1px solid rgba($main-color, 0.1);\n\t\tborder-right: 1px solid rgba($main-color, 0.1);\n\t\tborder-bottom: 1px solid rgba($main-color, 0.1);\n\t\tbox-shadow: 0 11px 8px -3px rgba($main-color, 0.37);\n\t}\n}\n",".checkbox-list {\n    display: flex;\n    justify-content: center;\n    align-items: flex-start;\n\n    @media (max-width: #{ ($break-xlarge) }) {\n        flex-direction: column;\n    }\n\n    &-col {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        justify-content: center;\n    }\n}","/*COLOR VARIABLES*/\n$white-offset: rgb(224, 224, 224);\n$main-color-light: var(--nfd-onboarding-white);\n$grey-color: #f6f7f8;\n\n.checkbox-skeleton-item {\n\theight: 45px;\n\tmargin: 12px;\n\tpadding: 16px;\n\tmargin-top: 16px;\n\tborder: 0.5px solid $white-offset;\n\tcursor: not-allowed;\n\twidth: clamp(15rem, 25vw, 35rem);\n\tbox-shadow: 0 2px 8px 2px rgba(204, 204, 204, 0.175295);\n\tbackground: $grey-color;\n\tbackground-repeat: no-repeat;\n\tbackground-image:\n linear-gradient(to right, $grey-color 0%, $main-color-grey 20%, $grey-color 40%, $grey-color 100%);\n}\n","$grey-color: #f6f7f8;\n$main-color: var(--wp-admin-theme-color--rgb);\n$main-color-grey: var(--nfd-onboarding-light-gray);\n$main-color-light-rgb: var(--nfd-onboarding-white-rgb);\n\n.sidebar-skeleton {\n    width: 100%;\n    \n    &-divider {\n        width: 100%;\n        margin: 20px 0px;\n        border-top: 1px solid #bbb;\n    }\n\n    &-header {\n        width: 95%;\n        padding: 16px;\n\n        &-top {\n            width: 80%;\n            margin: 8px;\n            display: flex;\n            align-items: center;\n\n            &-profile {\n                width: 25px;\n                height: 25px;\n                margin-right: 15px;\n            }\n\n            &-header {\n                width: 40%;\n                height: 15px;\n            }\n        }\n\n        &-below {\n            width: 100%;\n            margin: 8px;\n            margin-left: 45px;\n\n            &-subheading-1 {\n                width: 70%;\n                margin: 4px;\n                height: 15px;\n            }\n\n            &-subheading-2 {\n                margin: 4px;\n                width: 50%;\n                height: 15px;\n            }\n        }\n    }\n\n    &-body {\n        width: 90%;\n        height: 250px;\n        display: flex;\n        padding: 16px;\n        margin-top: 20px;\n        margin-bottom: 20px;\n        align-items: center;\n        justify-content: center;\n\n        &-image{\n            width: 95%;\n            height: 100%\n        }\n    }\n\n    &-footer {\n        width: 85%;\n        margin: 8px;\n        padding: 16px;\n\n        &-line-1 {\n            width: 45%;\n            height: 15px;\n            margin-bottom: 15px\n        }\n\n        &-line-2 {\n            width: 70%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-line-3 {\n            width: 90%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-line-4 {\n            width: 80%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-line-5 {\n            width: 30%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-buttons {\n            width: 100%;\n            display: flex;\n            margin-top: 50px;\n            align-items: center;\n            flex-direction: column;\n            justify-content: center;\n\n            &-button-1 {\n                width: 100%;\n                margin: 8px;\n                height: 40px;\n                display: flex;\n                align-items: center;\n                margin-bottom: 20px;\n                justify-content: center;\n                border: 1px solid rgba($main-color, 0.4) !important;\n            }\n\n            &-button-2 {\n                width: 70%;\n                height: 15px;\n                background-color: rgba($main-color, 0.4) !important;\n            }\n\n            &-button-3 {\n                width: 30%;\n                height: 15px;\n                background-color: rgba($main-color, 0.4) !important;\n            }\n        }\n    }\n}\n\n.shimmer {\n    background: $grey-color;\n    background-repeat: no-repeat;\n    background-image: linear-gradient(to right, \n                    $grey-color 0%, \n                    $main-color-grey 20%, \n                    $grey-color 40%, \n                    $grey-color 100%);\n}\n\n.shimmer-1 {\n    background: rgba($main-color, 0.4);\n    background-repeat: no-repeat;\n    background-image: linear-gradient(to right,\n            rgba($main-color, 0.4) 0%,\n            rgba($main-color, 0.6) 20%,\n            rgba($main-color, 0.4) 40%,\n            rgba($main-color, 0.4) 100%);\n}","@keyframes fadeIn {\n\n\tfrom {\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n\n@keyframes fadeInRight {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(33%, 0, 0);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n}\n\n@keyframes fadeInLeft {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(-33%, 0, 0);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n}\n\n@keyframes fadeInUp {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(0, 33%, 0);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n}\n\n@keyframes fadeInWithDisabledClicks {\n\n\tfrom {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes shine {\n\n\t0% {\n\t\ttransform: translateX(-100%);\n\t}\n\n\t100% {\n\t\ttransform: translateX(100%);\n\t}\n}\n\n@keyframes shine-placeholder {\n\n\t0% {\n\t\tbackground-position: -468px 0;\n\t}\n\n\t100% {\n\t\tbackground-position: 468px 0;\n\t}\n}\n\n@keyframes dropdown {\n\n\t0% {\n\t\ttransform: rotateX(-90deg);\n\t}\n\n\t70% {\n\t\ttransform: rotateX(20deg);\n\t}\n\n\t100% {\n\t\ttransform: rotateX(0deg);\n\t}\n}\n\n@keyframes load {\n\n\t0% {\n\t\tleft: -100%;\n\t}\n\n\t100% {\n\t\tleft: 100%;\n\t}\n}\n\n.animate {\n\n\t&__blank {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\n\t&__shine {\n\t\tanimation: shine 1.5s linear infinite;\n\n\t\t&--placeholder {\n\t\t\tanimation: shine-placeholder 1.5s linear infinite;\n\t\t}\n\t}\n\n\t&__dropdown {\n\t\tanimation: dropdown 400ms ease-in-out forwards;\n\t}\n\n\t&__fade-in {\n\n\t\tanimation: fadeIn 100ms ease-in-out;\n\n\t\t&--disabled {\n\t\t\tanimation: fadeInWithDisabledClicks 500ms ease-in;\n\t\t}\n\n\t\t&--right {\n\t\t\tanimation: fadeInRight 360ms ease-out;\n\n\t\t\t@media (prefers-reduced-motion) {\n\t\t\t\tanimation: none !important;\n\t\t\t\ttranslation: none !important;\n\t\t\t}\n\t\t}\n\n\t\t&--left {\n\t\t\tanimation: fadeInLeft 360ms ease-out;\n\n\t\t\t@media (prefers-reduced-motion) {\n\t\t\t\tanimation: none !important;\n\t\t\t\ttranslation: none !important;\n\t\t\t}\n\t\t}\n\n\t\t&--up {\n\t\t\tanimation: fadeInUp 360ms ease-out;\n\n\t\t\t@media (prefers-reduced-motion) {\n\t\t\t\tanimation: none !important;\n\t\t\t\ttranslation: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__load {\n\t\tanimation: load 3s linear infinite;\n\t}\n}\n",".basic-info{\n    display: flex;\n    align-items:center;\n    flex-direction: column;\n    justify-content: center;\n\n    &-form {\n            width: 90vw;\n            display: flex;\n            padding-top: 20px;\n            flex-direction: column;\n    \n            &__left {\n                flex: 1;\n                margin: 3vw;\n            }\n    \n            &__right {\n                flex: 1;\n                margin: 3vw;\n            }\n    \n            @include break-xlarge() {\n                width: 70vw;\n                flex-direction: row;\n                justify-content: center;\n            }\n        }\n}\n\n.error{\n    &__show{\n        display: inline-block;\n        text-align: center;\n        border-radius: 6px;\n        padding: 20px;\n        background-color: rgba(255, 0, 0, 0.3);\n    }\n    &__hide{\n        display: none;\n    }\n}\n",".info-button-top-priority {\n    margin: 16px;\n    font-weight: 500;\n    font-style: italic;\n}\n","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.homepage_preview {\n\tdisplay: flex;\n\tpadding-top: 60px;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t&__list {\n\t\twidth: 60vw;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\twidth: 95vw;\n\t\t\talign-items: center;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t&__item {\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tmargin: 24px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\n\t\t\t&__title-bar {\n\t\t\t\twidth: 90%;\n\t\t\t\theight: 15px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: #e4e4e4;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t&__browser {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\n\t\t\t\t\t&__dot {\n\t\t\t\t\t\twidth: 8px;\n\t\t\t\t\t\tmargin: 3px;\n\t\t\t\t\t\theight: 8px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tbackground-color: #989ea7;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--selected {\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t&__path {\n\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--unselected {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__live-preview-container {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\talign-items: center;\n\t\t\t\tborder: 1px solid #e3dfdf;\n\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t.live-preview {\n\n\t\t\t\t\t&__container {\n\n\t\t\t\t\t\t&-custom {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\theight: 45vh;\n\t\t\t\t\t\t\tmin-height: 400px;\n\t\t\t\t\t\t\t// Enable Scrolling in Live Preview\n\t\t\t\t\t\t\toverflow-y: scroll;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-overview {\n    width: 100%;\n    max-width: 960px;\n    background-color: var(--nfd-onboarding-light);\n    padding: 20px;\n    &__header {\n        display: flex;\n        align-items: center;\n        column-gap: 1rem;\n        &-icon {\n            display: flex;\n            place-items: center;\n            svg {\n                fill: var(--nfd-onboarding-primary);\n            }\n        }\n        &-heading {\n            margin: 0 0 6px 0;\n            color: var(--nfd-onboarding-dark);\n        }\n        &-subheading {\n            color: var(--nfd-onboarding-dark);\n        }\n    }\n\n    &__tab-panel {\n        width: 90%;\n        padding-bottom: 40px;\n        color: var(--nfd-onboarding-dark);\n    }\n}\n\n.nfd-step-card-subheading {\n    display: flex;\n    justify-content: space-around;\n}\n\n.components-tab-panel__tabs {\n    justify-content: space-around;\n\t@media screen and ( max-width: 480px ) {\n        width: 100%;\n    }\n}\n\n.components-tab-panel__tabs > .components-button:focus:not(:disabled),\n.components-tab-panel__tabs > .components-button.is-pressed:focus:not(:disabled) {\n    box-shadow: inset 0 0 -($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n}\n\n.components-tab-panel__tabs-item {\n    justify-content: center;\n    border-bottom: 1px solid #CCCCCC;\n    width: 100%;\n    font-size: clamp(0.55rem, 1vw + 0.3rem, 1rem);\n    line-height: 1.5;\n\n    &.is-active {\n        color: var(--wp-admin-theme-color);\n\t\tbox-shadow: inset 0 0 -($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n    }\n\n    &.is-not-active {\n        box-shadow: none !important;\n    }\n}\n\n.tab-data{\n    width: 100%;\n    padding-top: 40px;\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    justify-content: space-between;\n}\n\n.tab-text{\n    padding-right: 10px;\n    font-size:  clamp(0.88rem, 0.45rem + 0.76vw, 1.13rem);\n    line-height: 1.6;\n}\n\n.tab-img {\n    background-color: var(--nfd-onboarding-tertiary);\n    overflow: hidden;\n}\n\n.tab-img-base {\n    background-size: contain;\n    background-repeat: no-repeat;\n    height: 228px;\n    width: clamp(180px, 50vw, 400px);\n}\n\n.content-img{\n    @extend .tab-img-base;\n    background-image: var(--get-started-content-img);\n}\n\n.features-img{\n    @extend .tab-img-base;\n    background-image: var(--get-started-features-img);\n}\n\n.design-img{\n    @extend .tab-img-base;\n    background-image: var(--get-started-design-img);\n}\n\n.welcome-card {\n\tdisplay: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around;\n    height: clamp(560px, 59vh, 800px);\n    width: 100%;\n    padding-bottom: 10px;\n}\n\n\n@media screen and ( max-width: #{ ($break-medium)} ) {\n    .tab-data {\n        flex-direction: column-reverse;\n        align-items: center;\n    }\n\n    .content-text {\n        text-align: center;\n        width: 100%;\n        min-height: 10px;\n    }\n\n    .content-img, .design-img, .features-img {\n        max-height: 100px;\n    }\n}\n",".nfd-setup-primary {\n\t&-categories {\n\t\tmargin-top: 3rem;\n\t\tmargin-bottom: 1rem;\n\t\twidth: 50vw;\n\t\ttext-align: center;\n\t}\n\n\t&-second {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: column;\n\t\tjustify-content: space-around;\n\t\twidth: 100%;\n\n\t\t&-bottom {\n\t\t\tmargin-top: 20px;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-flow: column;\n\t\t\talign-items: center;\n\t\t}\n\t}\n}\n\n.nfd-card-pri-category {\n\tcursor: pointer;\n\talign-items: center;\n\tpadding: 0.7rem 1rem;\n\tdisplay: inline-flex;\n\tborder-radius: 2.5rem;\n\tmargin: auto 0.2rem 1.15rem 1rem;\n\tbackground-position: center;\n\tcolor: var(--nfd-onboarding-black);\n\tbackground-color: var(--nfd-onboarding-light-gray-3);\n\n\t&.chosenPrimaryCategory {\n\t\tbackground-color: var(--wp-admin-theme-color-darker-10);\n\t\tcolor: var(--nfd-onboarding-light);\n\t}\n\n\t&-wrapper {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\n\t\t&-icon {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\ttransform: scale(0.6);\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-size: 24px 24px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\t\t\t\n\t\t\t&-selected {\n\t\t\t\tfilter: invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(103%) contrast(101%);\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\ttransition: all 0.2s ease-in;\n\t\tbackground-color: rgba($color: var(--wp-admin-theme-color-darker-10--rgb), $alpha: 0.7);\n\t\tcolor: var(--nfd-onboarding-light);\n\n\t\t.nfd-card-category-wrapper-icon {\n\t\t\ttransition: all 0.2s ease-in;\n\t\t\tfilter: invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(103%) contrast(101%);\n\t\t}\n\t}\n}\n\n.tellus {\n\t\n\t&-text {\n\t\tcolor: var(--nfd-onboarding-black);\n\t\tfont-size: 1rem;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\tpadding: 10px;\n\t}\n\n\t&-input {\n\t\twidth: 30vw;\n\t\theight: 5.5vh;\n\t\tfont-size: 16px;\n\t\tfont-weight: 300;\n\t\tmargin: 0 1rem 1.5rem 1rem;\n\t\tpadding: 8px 16px !important;\n\t\n\t\t&::placeholder {\n\t\t\tfont-size: 15px;\n\t\t}\n\t\n\t\t@media (max-width: #{($break-medium - 1)}) {\n\t\t\twidth: 40vw;\n\t\t}\n\t}\n}\n",".nfd-setup-secondary {\n\t&-categories {\n\t\t\twidth: 40vw;\n\t\t\tmargin-top: 2.5rem;\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 1rem;\n\n\t\t\tbutton {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t}\n\n\t&-second {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: column;\n\t\tjustify-content: space-around;\n\n\t\t&-bottom {\n\t\t\tmargin-top: 20px;\n\t\t}\n\t}\n}\n\n.nfd-card-sec-category {\n\tcursor: pointer;\n\talign-items: center;\n\tpadding: 0.7rem 1rem;\n\tdisplay: inline-flex;\n\tborder-radius: 2.5rem;\n\tmargin: auto 0.2rem 1.15rem 1rem;\n\tbackground-position: center;\n\tcolor: var(--nfd-onboarding-black);\n\tbackground-color: var(--nfd-onboarding-light-gray-3);\n\n\t&.chosenSecondaryCategory {\n\t\tbackground-color: var(--wp-admin-theme-color-darker-10);\n\t\tcolor: var(--nfd-onboarding-light);\n\t}\n\n\t&:hover {\n\t\ttransition: all 0.2s ease-in;\n\t\tbackground-color: rgba($color: var(--wp-admin-theme-color-darker-10--rgb), $alpha: 0.7);\n\t\tcolor: var(--nfd-onboarding-light);\n\t}\n\n\t&-wrapper {\n\t\tdisplay: inline-flex;\n\t\tmargin-bottom: 2rem;\n\t\tborder-bottom: 2px solid #00568c;\n\n\t}\n}\n\n.subCategoriesSection {\n\tmargin-top: 1rem;\n\tmargin-bottom: 1rem;\n}\n\n.category-scrolling-wrapper {\n\twidth: 15vw;\n\tpadding: 5px;\n\tdisplay: flex;\n\talign-items: center;\n\tplace-content: center;\n\tjustify-content: space-between;\n\n\t&_left-btn {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\n\t\t&-icon {\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\t}\n\n\t&_type {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tplace-content: center;\n\n\t\t&-icon {\n\t\t\twidth: 28px;\n\t\t\theight: 28px;\n\t\t\tmargin-right: 0.3rem;\n\t\t\tmargin-bottom: 0.1rem;\n\t\t\ttransform: scale(0.6);\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-size: 28px 28px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\t\t\t\n\t\t\t@media (max-width:500px) {\n\t\t\t\tdisplay: none;\t\t\t\t\t\n\t\t\t}\n\t\t}\n\n\t\t&-text {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: black;\n\t\t\tfont-size: 0.85rem;\n\t\t\tfont-weight: 400;\n\t\t\tmargin: 0 ;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\t}\n\n\t&_right-btn {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\n\t\t&-icon {\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\t}\n}","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.theme-styles-menu {\n\tdisplay: flex;\n\tpadding-top: 60px;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t&__list {\n\t\twidth: 60vw;\n\t\theight: 100%;\n\t\tcolumn-count: 3;\n\t\tvertical-align: auto;\n\n\t\t@media (max-width: #{ ($break-xlarge) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 2;\n\t\t}\n\n\t\t@media (max-width: #{ ($break-small) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 1;\n\t\t}\n\n\t\t&__item {\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tmargin: 24px;\n\t\t\tdisplay: inline-block;\n\n\t\t\t&__title-bar {\n\t\t\t\twidth: 90%;\n\t\t\t\theight: 15px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: #e4e4e4;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t&__browser {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\n\t\t\t\t\t&__dot {\n\t\t\t\t\t\tbackground-color: #989ea7;\n\t\t\t\t\t\twidth: 8px;\n\t\t\t\t\t\tmargin: 3px;\n\t\t\t\t\t\theight: 8px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--selected {\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t&__path {\n\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--unselected {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__live-preview-container {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\toverflow: hidden;\n\t\t\t\talign-items: center;\n\t\t\t\tborder: 1px solid #e3dfdf;\n\n\t\t\t\t.live-preview {\n\n\t\t\t\t\t&__container {\n\n\t\t\t\t\t\t&-custom {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\theight: 35vh;\n\t\t\t\t\t\t\tmin-height: 350px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&__overlay {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\topacity: 0;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\ttransition: 0.5s ease;\n\t\t\t\t\tbackground-color: rgb(var(--wp-admin-theme-color-darker-10--rgb));\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\t\t\t\t-ms-transform: translate(-50%, -50%);\n\t\t\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcursor: zoom-in;\n\t\t\t\t\t\topacity: 0.74;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".theme-styles-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\n\t&__checkbox {\n\t\tmargin: 20px 0;\n\t\twidth: 70%;\n\t\tdisplay: inline;\n\n\t\t.components-checkbox-control {\n\n\t\t\t&__checked {\n\t\t\t\theight: 32px;\n\t\t\t\twidth: 32px;\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t}\n\n\t\t\t&__input-container {\n\t\t\t\theight: 32px;\n\t\t\t\twidth: 32px;\n\t\t\t}\n\n\t\t\t&__input[type=\"checkbox\"] {\n\t\t\t\theight: 32px;\n\t\t\t\twidth: 32px;\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.components-base-control {\n\n\t\t\t&__field {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t}\n\t\t}\n\n\t\t&__label {\n\n\t\t\tmargin-left: 15px;\n\n\t\t\t&__hint {\n\t\t\t\tcolor: #757575;\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-style: italic;\n\t\t\t\tmargin-top: 5px;\n\t\t\t}\n\t\t}\n\n\t}\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n    &__what-next {\n        &__container {\n            height: 232px;\n\n            &.is-opened {\n                padding: 0px;\n            }\n\n        }\n    }\n}","@import \"./Sidebar/LearnMore/stylesheet\";\n\n.nfd-onboarding-overview {\n\twidth: 100%;\n\tmax-width: 960px;\n\tbackground-color: var(--nfd-onboarding-light);\n\tpadding: 20px;\n\n\t&__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolumn-gap: 1rem;\n\n\t\t&-icon {\n\t\t\tdisplay: flex;\n\t\t\tplace-items: center;\n\n\t\t\tsvg {\n\t\t\t\tfill: var(--nfd-onboarding-primary);\n\t\t\t}\n\t\t}\n\n\t\t&-heading {\n\t\t\tmargin: 0 0 6px 0;\n\t\t\tcolor: var(--nfd-onboarding-dark);\n\t\t}\n\n\t\t&-subheading {\n\t\t\tcolor: var(--nfd-onboarding-dark);\n\t\t}\n\t}\n\n\t&__tab-panel {\n\t\twidth: 90%;\n\t\tpadding-bottom: 40px;\n\t\tcolor: var(--nfd-onboarding-dark);\n\t}\n}\n\n.nfd-step-card-subheading {\n\tdisplay: flex;\n\tjustify-content: space-around;\n}\n\n.components-tab-panel__tabs {\n\tjustify-content: space-around;\n\n\t@media screen and ( max-width: 480px ) {\n\t\twidth: 100%;\n\t}\n}\n\n.components-tab-panel__tabs > .components-button:focus:not(:disabled),\n.components-tab-panel__tabs > .components-button.is-pressed:focus:not(:disabled) {\n\tbox-shadow: inset 0 0 - ($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n}\n\n.components-tab-panel__tabs-item {\n\tjustify-content: center;\n\tborder-bottom: 1px solid #ccc;\n\twidth: 100%;\n\tfont-size: clamp(0.55rem, 1vw + 0.3rem, 1rem);\n\tline-height: 1.5;\n\n\t&.is-active {\n\t\tcolor: var(--wp-admin-theme-color);\n\t\tbox-shadow: inset 0 0 - ($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n\t}\n\n\t&.is-not-active {\n\t\tbox-shadow: none !important;\n\t}\n}\n\n.tab-data {\n\twidth: 100%;\n\tpadding-top: 40px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\n}\n\n.content-text {\n\tpadding-right: 10px;\n\tfont-size: clamp(0.88rem, 0.45rem + 0.76vw, 1.13rem);\n\tline-height: 1.6;\n}\n\n.content-image {\n\tbackground-color: var(--nfd-onboarding-tertiary);\n\toverflow: hidden;\n}\n\n%whatsnext-image {\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\theight: 228px;\n\twidth: clamp(180px, 50vw, 400px);\n}\n\n.img-1 {\n\n\t@extend %whatsnext-image;\n\tbackground-image: var(--nfd-onboarding-step-what-next-img-1);\n}\n\n.img-2 {\n\n\t@extend %whatsnext-image;\n\tbackground-image: var(--nfd-onboarding-step-what-next-img-2);\n}\n\n.img-3 {\n\n\t@extend %whatsnext-image;\n\tbackground-image: var(--nfd-onboarding-step-what-next-img-3);\n}\n\n.whatnext-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: space-around;\n\theight: clamp(600px, 59vh, 800px) !important;\n\twidth: 100%;\n\tpadding-bottom: 10px;\n}\n\n\n@media screen and ( max-width: #{ ($break-medium)} ) {\n\n\t.tab-data {\n\t\tflex-direction: column-reverse;\n\t\talign-items: center;\n\t}\n\n\t.content-text {\n\t\ttext-align: center;\n\t\twidth: 100%;\n\t\tmin-height: 10px;\n\t}\n\n\t.wpadmin-img,\n\t.help-img,\n\t.bluesky-img {\n\t\tmax-height: 100px;\n\t}\n}\n",".site-pages {\n\tdisplay: flex;\n\tpadding-top: 60px;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t.highlighted {\n\t\tbackground-color: var(--nfd-onboarding-light-gray-highlighted);\n\t}\n\n\t.not-highlighted {\n\t\tbackground-color: var(--nfd-onboarding-light-gray-3);\n\t}\n\n\t&__list {\n\t\twidth: 50vw;\n\t\theight: 100%;\n\t\tcolumn-count: 2;\n\t\tvertical-align: auto;\n\n\t\t@media (max-width: #{ ($break-xlarge) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 2;\n\t\t}\n\n\t\t@media (max-width: #{ ($break-small) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 1;\n\t\t}\n\n\t\t&__item {\n\t\t\tposition: relative;\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tmargin: 24px;\n\t\t\tdisplay: inline-block;\n\t\t\tborder: 1px solid #e3dfdf;\n\n\t\t\t&__live-preview-container {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\talign-items: center;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t.live-preview {\n\n\t\t\t\t\t&__container {\n\n\t\t\t\t\t\t&-custom {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\theight: 330px;\n\t\t\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__information {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-top: 1px solid #e3dfdf;\n\t\t\t\tborder-bottom: none;\n\t\t\t\theight: 60px;\n\n\t\t\t\t&__title-question {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tmargin: 0 20px;\n\n\t\t\t\t\t&__question {\n\n\t\t\t\t\t\t&__icon {\n\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\tfill: #666;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\t\tfill: var(--wp-admin-theme-color-darker-10);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t}\n\n\t\t\t&__description {\n\n\t\t\t\t&--container {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: -1px;\n\t\t\t\t\ttop: 390px;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tborder-left: 1px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.1);\n\t\t\t\t\tborder-right: 1px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.1);\n\t\t\t\t\tborder-bottom: 1px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.1);\n\t\t\t\t\tborder-top: none;\n\t\t\t\t\tmargin: 0 0;\n\t\t\t\t\theight: 50px;\n\t\t\t\t\ttransform-origin: top center;\n\t\t\t\t\tbox-shadow: 0 11px 8px -3px rgba(var(--nfd-onboarding-highlighted--rgb), 0.37);\n\n\t\t\t\t}\n\n\t\t\t\t&--text {\n\t\t\t\t\tmargin: 0 20px;\n\t\t\t\t\tfont-style: italic;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".theme-fonts-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\tpadding-top: 20px;\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n\n}\n",".theme-header-menu-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\tpadding-top: 20px;\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"onboarding.css","mappings":";;;AAAA;;;;;EAAA;ACAA;;EAAA;ACAA;;;;;CAAA;ACEA;;EAAA;ADFA;;;;;CAAA;AEAA;;;;;EAAA;ACGA;;EAAA;AAoDA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;ACjVA;;;;;;EAAA;AJAA;;;;;CAAA;ACEA;;EAAA;AGQA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAoBA;;EAAA;AAOA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AC1GA;EACC,gBJeO;EIdP,kBD6Bc;AEkEf;AD7FC;EACC;EACA;EACA;EACA;AC+FF;AHvEC;EEhCD;IAYE;EC+FA;AACF;;AD5FA;EACC,gBJDO;EIEP,kBDac;AEkFf;AD7FC;EACC;EACA;AC+FF;AD7FE;EACC;AC+FH;AHxFC;EEZA;IASE;EC+FD;AACF;;AH7FC;EEID;IAEE;EC4FA;AACF;;ACnIA;EACC,gBNeO;EMdP,cNMU;AKgIX;AHlGC;EItCD;IAKE;EDuIA;AACF;AH7GC;EIhCD;IASE,YHgEc;EEwEd;AACF;ACtIC;EACC;EAEA;EACA;ADuIF;ACpIC;EACC;EACA;EACA;ADsIF;ACpIE;EACC,SHaY;AEyHf;AH/HC;EIRC;IAIE;EDuIF;AACF;ACnIC;EACC;ADqIF;AClIC;EACC,eHvBkB;EGwBlB,cN/BS;EMgCT;ADoIF;AChIC;EACC;EACA;EACA;EACA,cNxCS;EMyCT;ADkIF;AC/HC;EACC;EACA;EACA;ADiIF;AC9HC;;EAEC;EACA;ADgIF;AC/HE;;EACC;ADkIH;AC9HC;EACC;EACA;EACA;EACA;ADgIF;;AHvKC;EKhCD;IAKE;IACA;EFuMA;EErMA;;IAEC;EFuMD;EEpMA;;IAEC;EFsMD;AACF;;AGpNA;EACC;EACA;AHuND;AH3LC;EM9BD;IAKE;IACA;EHwNA;AACF;;AGrNA;EACC;EACA;EACA;EACA;EAGA;EACA,SLiCsB;EKhCtB;EACA;EACA;AHsND;AGnNC;EAdD;IAeE,SLyBiB;EE6LjB;EGpNA;IACC;EHsND;AACF;;AGlNA;EACC;EACA;EACA;EACA;AHqND;;AHlKC;EAAe;EACd;AGsKF;AHpKE;EAHD;IAIE,WCxCmB;EE+MpB;AACF;;AHpKC;EAA0B;AGwK3B;AHvKE;EADD;IAEE,UC5C6B;EEsN9B;AACF;AHxKE;EALD;IAME,WClDmB;EE6NpB;AACF;;AHxKC;AACA;EACC;AG2KF;AHzKE;EAHD;IAIE,UCzD6B;EEqO9B;AACF;;AHzKC;EACC;AG4KF;;AGtPA;EACC;EACA;EASA;EAQA;AH0OD;AHzQC;EMkCA;IAEE;EHyOD;AACF;;AGrOA;EACC;EAIA;EACA;EAKA;EAKA;AH6ND;;AGzNA;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBRvFO;EQwFP,cRhGU;AK4TX;AHpSC;EM6DD;;IAeE;IACA;IACA;EH6NA;AACF;;AG1NA;EACC;AH6ND;AHhTC;EMkFD;IAIE;EH8NA;AACF;;AHrTC;EM0FD;IAEE;EH8NA;AACF;;AG3NA;EACC;EACA;EACA;EACA;EACA,cR7HU;AK2VX;;AG3NA;EACC;EACA;EACA;EACA,cRpIU;EQqIV;EACA;EACA;EACA;EACA,sBRjIO;EQkIP;EAGA;AH4ND;AHjVC;EMwGD;IAeE;EH8NA;AACF;AG5NC;EACC;EACA;EACA,gBR7IM;EQ8IN,YL9GkB;EK+GlB;EACA,eLjJkB;EKkJlB;AH8NF;;AG1NA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,YLnGe;EKoGf,cRrKU;AKkYX;AG3NC;EACC;EACA;AH6NF;;AI9YA;EACC;AJiZD;AI9YC;EACC;EACA;AJgZF;AHhXC;EOtCD;IAUE;EJgZA;EI9YA;IACC;EJgZD;AACF;;AI5YA;EACC;AJ+YD;AHtXC;EO1BD;IAKE;IACA,gBXba;EO4Zb;AACF;AI7YC;EACC;AJ+YF;;AI3YA;EACC;AJ8YD;;AK/aA;EACC;ALkbD;AK9aC;EACC;ALgbF;AHhZC;EQjCA;IAIE;ELibD;AACF;AK9aC;EACC,gBPiBa;AE+Zf;AK9aE;EACC,eP6BS;EO5BT,gBP4BS;AEoZZ;;AH5ZC;EStCD;IAIE;IACA;ENmcA;AACF;AHzaC;EShCD;IAQE;ENqcA;AACF;AHpbC;ES1BD;IAWE;ENucA;AACF;AMpcC;EACC;IACC;ENscD;EMpcC;IACC;ENscF;AACF;;AOxdC;EACC;EACA;EAEA,UT2Ba;ES1Bb,YARoB;APketB;AOzdE;EACC,kBT+Ee;ES9Ef;AP2dH;AO1dG;EACC,mBZEO;EYDP;EACA;AP4dJ;AO1dG;EACC;AP4dJ;AOxdC;EACC,kBTYa;ESXb,kBAxBoB;APkftB;;AOtdA;EAGC;IACC;EPudA;AACF;AQxfA;EACC;AR0fD;AQxfC;EACC;AR0fF;;AQtfA;EACC;EACA;EACA;ARyfD;;AQtfA;EACC;EACA,eVuEoB;EUtEpB;EACA,cbRU;AKigBX;;ASzgBE;EACC;EACA;EACA;AT4gBH;AS1gBG;EACC;EACA;AT4gBJ;ASvgBC;EACC;EACA,eXuEmB;EWtEnB;EACA,cdRS;AKihBX;;AUxhBA;EACC,gBfYO;AK+gBR;;AUxhBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV2hBD;AUzhBC;EACC;AV2hBF;AUxhBC;EACC;EACA;AV0hBF;AUvhBC;EbiTA,gBFtUO;EEgVP;+GAAA;AGiOD;AHzOC;EACC;AG2OF;AHxOC;EACC;AG0OF;AHrOC;EACC;AGuOF;AHpOC;EACC;AGsOF;AHnOC;EACC;EACA;AGqOF;AHlOC;;EAEC,wBFjWM;AKqkBR;AHjOC;EACC;EACA;AGmOF;;AWzlBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXulBD;;AY9oBC;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ+oBF;AY5oBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ8oBF;AY3oBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ6oBF;AY1oBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AZ2oBF;AYzoBE;EACC;EAMA;AZsoBH;AY1oBG;EACC;AZ4oBJ;AYvoBG;EACC;AZyoBJ;AYnoBG;EACC;AZqoBJ;AYloBG;EACC;AZooBJ;AYjoBG;EACC;AZmoBJ;AYjoBI;EACC;EACA;EACA;AZmoBL;AY/nBG;EACC;AZioBJ;AY9nBG;EACC;AZgoBJ;AY9nBI;EACC;AZgoBL;AY9nBK;EACC;AZgoBN;AYxnBG;EACC;AZ0nBJ;AYvnBG;EACC;AZynBJ;AYtnBG;EACC;AZwnBJ;;Aap1BA;EACC;EACA;EACA;Abu1BD;;Aap1BA;EACC;EACA;EACA;EACA;Abu1BD;;Aap1BA;EACC;EACA;Abu1BD;;Aap1BA;EACC;Abu1BD;;Aap1BA;EACC;EACA;Abu1BD;;Aaz1BA;EACC;EACA;Abu1BD;;Ac/2BA;EACC;EACA;EACA;EACA;EACA;EAIA;EACA,YJVe;EIWf,WJXe;AV03BhB;Ac72BC;EACC;EACA;EACA;EACA;EACA;EACA,WJnBc;EIoBd;EACA;Ad+2BF;Ac72BE;EACC,eJxBa;AVu4BhB;Ac72BG;EAEC;Ad82BJ;Ac32BG;EACC;Ad62BJ;Ac12BG;EACC;Ad42BJ;Acz2BG;EACC;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ady2BJ;AHvvBE;EiB9HC;IjB+HA;IACA;EG0vBD;AACF;Ac52BG;EACC;Ad82BJ;Ac32BG;EACC;Ad62BJ;;Acv2BA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Ad02BD;AH7wBE;EiBpGF;IjBqGG;IACA;EGgxBD;AACF;AHx5BC;EiB4CA;IAGE;Ed62BD;AACF;Ac12BC;EACC;EACA,YJpFkB;EIqFlB;EACA;EACA;EACA;Ad42BF;AHhyBE;EiBlFD;IjBmFE;IACA;EGmyBD;AACF;Ac72BC;EACC,YJ/Fc;EIgGd,kBJhGc;EIiGd;EACA;EACA;Ad+2BF;Ac52BC;EACC;EACA;EACA;EACA,WnB7FS;EmB+FT;EACA;EACA;EACA;Ad62BF;Ac12BC;EACC;EACA;EACA;EACA;EACA;EACA;Ad42BF;Ac12BE;EACC;Ad42BH;Acx2BC;EACC;EACA;Ad02BF;Acx2BE;EACC;Ad02BH;Act2BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Adw2BF;AHl1BE;EiB7BD;IjB8BE;IACA;EGq1BD;AACF;Ac12BE;EACC;EACA;EAGA,iBhBxHY;AEk+Bf;AH71BE;EiBlBA;IjBmBC;IACA;EGg2BD;AACF;Ac72BE;EACC;EACA;EACA;Ad+2BH;Ac52BE;EACC;Ad82BH;Ac32BE;EACC;EACA;Ad62BH;Ac32BG;EACC;Ad62BJ;Acx2BC;EACC;EACA;EACA,YhBnIY;EgBoIZ,gBhBhJa;EgBiJb;Ad02BF;Acx2BE;EACC;Ad02BH;Acv2BE;EACC;Ady2BH;Act2BE;EAEC;EACA;Adu2BH;Acn2BC;EACC;Adq2BF;Acn2BE;EACC;EACA;EACA;EACA;EACA;EACA,YhBzKY;EgB0KZ,gBhBzKY;EgB0KZ;EACA;EACA,kBhBlLY;AEuhCf;Acj2BC;EACC;EACA;EACA;EACA;EACA;Adm2BF;;Ac/1BA;EACC,YJ/NmB;AVikCpB;Ach2BC;EACC;Adk2BF;;Ac91BA;AAOA;EACC;EACA;EACA;Ad21BD;;Acx1BA;EACC;EACA;EACA;Ad21BD;;Acx1BA;EACC;Ad21BD;;Acx1BA;EACC;Ad21BD;;Act1BC;EACC;EACA;EACA;Ady1BF;Acv1BE;EACC;EACA;Ady1BH;Acv1BG;EAJD;IAKE;IACA;IACA;IACA;Ed01BF;AACF;Acx1BG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Ad01BJ;Acx1BI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Ad01BL;Acx1BK;EACC;EACA;EACA;EACA;Ad01BN;Acx1BM;EACC;EACA;EACA;EACA;EACA;EACA;Ad01BP;Act1BK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDArFa;Ad66BnB;Act1BM;EACC,iCA1FY;EA2FZ;Adw1BP;Acp1BK;EACC;Ads1BN;Acl1BI;EACC;EACA;EACA;EACA;EACA;Ado1BL;;Ac30BA;EACC;Ad80BD;Ac50BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,6CA9HiB;EA+HjB;Ad80BF;Ac50BE;EACC,WnBpWK;EmBqWL;Ad80BH;;Acz0BA;EACC;Ad40BD;Ac10BC;EAEC;EACA;EACA;Ad20BF;Acz0BE;EACC;EACA;EACA;EACA;EACA;Ad20BH;Acx0BE;EACC;EACA;EACA;EACA;EACA;EACA;Ad00BH;Acv0BE;EACC;EACA;EACA;EACA;EACA;EACA;Ady0BH;;Acl0BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Adq0BF;Acn0BE;EACC;Adq0BH;Acl0BE;EACC,iCAhMe;EAiMf;EACA;EACA;Ado0BH;Acj0BE;EACC;Adm0BH;Acj0BG;EACC;Adm0BJ;;Ac7zBA;EACC;EACA;EACA;EACA,6CAjNkB;AdihCnB;Ac9zBC;EACC;EACA;EACA;EACA;Adg0BF;Ac9zBE;EACC;EACA;Adg0BH;Ac5zBC;EACC;Ad8zBF;Ac3zBC;EACC;Ad6zBF;Ac1zBC;EACC;Ad4zBF;Ac1zBE;EACC;EACA,iCA/Oe;EAgPf;EACA;EACA;EACA,6CAlPgB;EAmPhB;EACA;Ad4zBH;Ac1zBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad4zBJ;Ac1zBI;EACC;Ad4zBL;ActzBC;EACC;EACA;EACA;EACA,iCA5QgB;EA6QhB;EACA;EACA;EACA;EACA;EACA;EACA,6CAlRiB;Ad0kCnB;;AcnzBA;EACC;EACA;AdszBD;AcpzBC;EACC;EACA;EACA;EACA,iCAhSgB;EAiShB;EACA;EACA;EACA;EACA;EACA,6CArSiB;Ad2lCnB;AcpzBE;EACC;AdszBH;;Ac/yBC;EACC,iCAjTgB;EAkThB;EACA;AdkzBF;;Ac9yBA;EACC;EACA;EACA;EACA,6CAxTkB;AdymCnB;Ac/yBC;EACC;AdizBF;Ac9yBC;EACC;EACA;EACA;EACA;AdgzBF;Ac9yBE;EACC;AdgzBH;Ac7yBE;EACC;Ad+yBH;Ac3yBC;EACC;Ad6yBF;Ac1yBC;EACC;Ad4yBF;;AcryBC;EACC;EACA;EACA;AdwyBF;ActyBE;EACC;EACA;AdwyBH;ActyBG;EAJD;IAKE;IACA;IACA;IACA;EdyyBF;AACF;AcvyBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AdyyBJ;AcvyBI;EACC;EACA;EACA;EACA;EACA;EACA;AdyyBL;AcvyBK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDApYa;Ad6qCnB;AcvyBM;EACC,iCAzYY;EA0YZ;AdyyBP;AcryBK;EACC;AduyBN;AcnyBI;EACC;EACA;EACA;EACA;AdqyBL;;Aer6CA;EACI;EACA;EACA;EAIA;EACA,YLRY;EKSZ;EACA;EACA;EAEA,mBjBqBW;AE+4Cf;Ae76CI;EACI;Af+6CR;Aer6CI;EACI,kBLhBQ;EKiBR;EACA;Afu6CR;AHpxCE;EkBtJE;IlBuJD;IACA;EGuxCD;AACF;Aez6CI;EAEI;Af06CR;Aev6CI;EACI;EACA,iBjBKO;AEo6Cf;Aet6CI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBjBNO;AE86Cf;Aev6CQ;EACI,iBjBXG;AEo7Cf;Aer6CI;EACI;Afu6CR;Aep6CI;EACI;EACA,oBjBrBO;OiBqBP,ejBrBO;AE27Cf;Ael6CQ;EACI;Afo6CZ;Ael6CQ;EAEI;Afm6CZ;;Ae75CI;EACI;EACA;EACA;Afg6CR;AHl0CE;EkBjGE;IlBkGD;IACA;EGq0CD;AACF;;Aej6CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Afo6CJ;Ael6CI;EACI;Afo6CR;Aej6CI;EACI;Afm6CR;Aeh6CI;EACI;Afk6CR;Ae/5CI;EAtBJ;IAuBQ;IACA;Efk6CN;AACF;;AgBvgDA;EACI;EACA;AhB0gDJ;;AiB5gDA;EACI;AjB+gDJ;AHh/CC;EoBhCD;IAGQ;EjBihDN;AACF;AiBhhDI;EACI;EAIA;AjB+gDR;AHz/CC;EoB3BG;IAGQ;EjBqhDV;AACF;AiBlhDI;EACI;EACA,iBxBTK;AO6hDb;;AkBhiDA;EACI;EACA;EACA;EACA;EACA,oCAPY;AlB0iDhB;;AmBxiDC;EACC;EACA;EACA;EACA;EACA;EACA;AnB2iDF;AmBziDE;EACC;EACA;EACA;EACA;EACA;EACA;AnB2iDH;;AoB3jDA;EAEC;EACA;ApB6jDD;AoB3jDC;EALD;IAME;EpB8jDA;AACF;AoB5jDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ApB8jDF;AoB5jDE;EATD;IAUE;IACA;IACA;IACA;EpB+jDD;AACF;;AqB/kDA;EACI;EACA;EACA;ArBklDJ;;AqB/kDA;EACI;EACA,yBAbW;ArB+lDf;;AqB/kDA;EACI;EACA;EACA;EACA;EACA;EACA;ArBklDJ;AqBhlDI;EACI;EACA;EACA;EACA;EACA;EACA;ArBklDR;;AqB9kDA;EACI;EACA;EACA;EACA;EACA;ArBilDJ;AqB/kDI;EAPJ;IAQQ;IACA;IACA;IACA;ErBklDN;AACF;;AqB/kDA;EACI;EACA;EACA,yBAtDI;ArBwoDR;AqBhlDI;EAEI;ArBilDR;AqB/kDQ;EACI;EACA;EACA;EACA;EACA,cA5DU;ArB6oDtB;AqB9kDQ;EACI;EACA;EACA;EACA,cApES;ArBopDrB;AqB7kDI;EACI,cA3EA;EA4EA;EACA;EACA;EACA;EACA;EACA;ArB+kDR;AqB7kDI;EACI;EACA;EACA;ArB+kDR;AqB7kDQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArB+kDZ;AqB7kDY;EACI;EACA;ArB+kDhB;AqB5kDY;EACI;EACA;ArB8kDhB;;AqBtkDI;EACI;EACA;EACA,yBAtHO;ArB+rDf;AqBvkDQ;EACI;EACA;ArBykDZ;AqBtkDQ;EACI;ArBwkDZ;AqBrkDQ;EACI;EACA;ArBukDZ;AqBrkDY;EACI,yBArIA;ArB4sDhB;AqBrkDgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBAlJL;ArBytDf;AqBnkDY;EACI,yBAtJA;ArB2tDhB;AqBnkDgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBAnKL;ArBwuDf;AqBjkDY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBAhLA;ArBmvDhB;AqBjkDgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;ArBmkDpB;AqB3jDI;EACI;EACA;EACA;EACA,yBAzMQ;ArBswDhB;AqB3jDQ;EACI;EACA;EACA;EACA;ArB6jDZ;AqB1jDQ;EACI;EACA;ArB4jDZ;AqB1jDY;EACI;EACA;EACA;EACA,yBA7NR;ArByxDR;AqBxjDQ;EACI;ArB0jDZ;;AsBtxDA;AACA;EACI;EACA;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;EACA;EACA,YAnBiB;EAoBjB,+BAnBuB;EAoBvB;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBA/BiB;EAgCjB;AtByxDJ;;AsBtxDA;AACA;EACI;AtByxDJ;;AsBtxDA;AACA;EACI;EACA,qCA7CuB;AtBs0D3B;;AsBtxDA;AACA;EACI;EACA;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA,uCA5DuB;AtBq1D3B;;AsBtxDA;AACA;EACI;AtByxDJ;;AsBtxDA;AACA;EACI;EACA,wCAvEuB;AtBg2D3B;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;AtByxDJ;;AsBtxDA;AACA;EACI;EACA;EACA;EACA;EACA,sCAxFuB;AtBi3D3B;;AuB72DC;EACC;EACA;EACA;AvBg3DF;AuB72DC;EACC;EACA;EACA;EACA;EACA;EACA,yBAjBY;EAkBZ;EAEA;EACA;EACA;AvB82DF;AuB52DE;EACC;AvB82DH;AHx2DC;E0BpBA;IAkBE;EvB82DD;AACF;AuB52DE;EACC;EACA;AvB82DH;AuB32DE;EACC;EACA;EACA;EACA;EACA;AvB62DH;AuB32DG;EACC;EACA;EACA;KAAA;EACA;EACA;EACA;AvB62DJ;AuB12DG;EACC;EACA;EACA;KAAA;EACA;EACA;EACA;AvB42DJ;AuBx2DE;EACC;EACA;EACA;EACA;EACA;AvB02DH;AuBx2DG;EACC;EACA;EACA;EACA;EACA;EACA;EACA,oCA5EY;EA6EZ;AvB02DJ;AuBt2DE;EACC;AvBw2DH;;AwB17DA;EACI;EACA;EACA;EACA;EACA;EACA;AxB67DJ;AwB37DI;EACI;EACA;EACA;EACA;EACA;AxB67DR;AwB37DQ;EACI;EACA;AxB67DZ;AwB17DQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxB47DZ;AwB17DY;EACI;AxB47DhB;AwBt7DQ;EACI;EACA;EACA;EACA;EACA;AxBw7DZ;AwBr7DQ;EACI;EACA;EACA;EACA;EACA;AxBu7DZ;AwBn7DI;EACI;EACA;EACA;EACA;EACA;EACA;AxBq7DR;AwBn7DQ;EACI;AxBq7DZ;AwBl7DQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AxBo7DZ;AwBj7DQ;EACI;AxBm7DZ;AwB/6DI;EACI;EACA;EACA;AxBi7DR;AwB96DI;EACI;EACA;EACA;EACA;AxBg7DR;;AyBxgEA;EACI;EACA;AzB2gEJ;AyBzgEI;EACI;EACA;EACA;EACA,qBAVS;EAYT;EACA;EACA;EACA;EACA;EACA;AzB0gER;AyBxgEQ;EACI;AzB0gEZ;AyBtgEI;EACI;EACA;EACA;EACA;AzBwgER;AyBtgEQ;EACI;EACA;EACA;EACA,qBAlCK;AzB0iEjB;AyBrgEQ;EACI;EACA;EACA,qBAxCK;AzB+iEjB;AyBngEI;EACI;EACA;EACA;EACA;EACA;EACA,qBAlDS;AzBujEjB;;A0B1jEA;EACI;EACA,gB5BiCW;E4BhCX,qB5B+BW;O4B/BX,gB5B+BW;AE8hEf;A0B5jEI;EACI;EACA;A1B8jER;;A2BpkEA;EACI;EACA,kB7B6BW;E6B5BX,e7B4BW;E6B3BX;EACA,Y7B+EW;E6B9EX;A3BukEJ;AHx6DE;E8BrKF;I9BsKG;IACA;EG26DD;AACF;A2B1kEI;EAGI;A3B0kER;A2BvkEI;EACI;EACA;EACA;EACA;EACA;A3BykER;A2BvkEQ;EACI;A3BykEZ;A2BrkEI;EACI;EACA;EACA;A3BukER;;A4BrmEA;EACI;EACA;EACA;EACA;A5BwmEJ;A4BvmEI;EACI;EACA;EACA;OAAA;A5BymER;A4BxmEQ;EACI;EACA;A5B0mEZ;A4BzmEY;EACI;A5B2mEhB;A4BxmEQ;EACI;EACA;A5B0mEZ;A4BxmEQ;EACI;A5B0mEZ;;A6B/nEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7BkoED;A6BhoEC;EAdD;IAeE;IACA;IACA;IACA;E7BmoEA;AACF;A6BjoEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7BmoEF;A6BhoEC;EAhCD;IAiCE;IACA;IACA;IACA;IACA;E7BmoEA;E6BloEA;IACC;E7BooED;AACF;A6BjoEC;EACC;IACC;IACA;IACA;E7BmoED;AACF;A6BhoEC;EAnDD;IAoDE;IACA;IACA;E7BmoEA;E6BloEA;IACC;IACA;IACA;E7BooED;AACF;A6BjoEC;EACC;A7BmoEF;;A8BlsEA;AAOA;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9B6rEJ;A8B3rEI;EACI;EACA;EACA;EACA;EACA;A9B6rER;A8B1rEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBA9BC;EA+BD;EACA;A9B4rER;A8B1rEQ;EACI;EACA;EACA,iCA5CM;EA6CN;EACA;EACA;A9B4rEZ;A8BzrEQ;EACI;EACA;EACA;EACA,iCAtDM;EAuDN;A9B2rEZ;A8BxrEI;EACI;EACA;EACA;EACA;EACA;EACA;A9B0rER;A8BxrEQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4CA1EM;EA2EN;A9B0rEZ;A8BxrEY;EACI;A9B0rEhB;A8BrrEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDAzFW;A9BgxEnB;A8BrrEQ;EACI,iCA9FO;EA+FP;A9BurEZ;A8BnrEI;EACI;EACA;EACA;A9BqrER;;A8BjrEA;EACI;EACA;A9BorEJ;;A8BjrEA;EACI;A9BorEJ;;A+BtyEA;EACI;EACA;EACA;EACA;A/ByyEJ;A+BvyEI;EANJ;IAOQ;IACA;E/B0yEN;AACF;;AgCnzEA;AAIA;EACC;EACA;EACA;AhCmzED;AgCjzEC;EACC;EACA;EACA,oCAVc;EAWd;EACA;AhCmzEF;AgChzEC;EACC,kCAjBM;EAkBN;EACA;EACA;AhCkzEF;;AiCn0EC;EACC;EACA;EACA;EACA,WARwB;EASxB;EACA;EACA;AjCs0EF;;AkC70EC;EACC;EACA;EACA;EACA,gBAR+B;EAS/B;EACA;EACA;EACA;EACA;AlCg1EF;AkC90EE;EACC;EACA;AlCg1EH;;AmC91EA;EACC;AnCi2ED;AmC/1EC;EACC;EACA;AnCi2EF;;AoCz2EA;EACC;EACA;EACA;EACA;EACA;ApC42ED;AoC12EC;EAPD;IAQE;IACA;EpC62EA;AACF;AoC32EC;EAZD;IAaE;IACA;EpC82EA;AACF;;AoC32EA;EACC;EACA;EACA;EACA;EACA;EACA;ApC82ED;AoC52EC;EARD;IASE;EpC+2EA;AACF;AoC72EC;EAZD;IAaE;IACA;EpCg3EA;AACF;;AoC72EA;EACC;EACA;EACA;EACA;ApCg3ED;AoC/2EC;EALD;IAME;IACA;EpCk3EA;AACF;AoCh3EC;EAVD;IAWE;IACA;EpCm3EA;AACF;;AoCh3EA;EACC;EACA;ApCm3ED;AoCj3EC;EAJD;IAKE;IACA;IACA;EpCo3EA;AACF;;AqCh7EA;EACC;EACA;EACA;EACA;EACA;EACA;ArCm7ED;AqCl7EC;EACC;EACA;ArCo7EF;AqCj7EC;EAZD;IAaE;ErCo7EA;AACF;AqCl7EC;EAhBD;IAiBE;IACA;ErCq7EA;AACF;;AsCx8EA;EACC;EACA;EACA;AtC28ED;;AsCx8EA;EACC;EACA;EACA;EACA;EACA;AtC28ED;AHjzEE;EyC/JF;IzCgKG;IACA;EGozED;AACF;AsC78EC;EACC;EACA;EACA;EACA;EACA;EACA;AtC+8EF;AH/zEE;EyCtJD;IzCuJE;IACA;EGk0ED;AACF;;AsC/8EA;EACC,Y5B3BmB;AV6+EpB;AsCh9EC;;EAEC;AtCk9EF;;AuC9+EE;EACC;EACA;EACA;EACA;AvCi/EH;AuC9+EE;EACC;EACA;AvCg/EH;;AwC3/EC;EACC;AxC8/EF;AwC5/EE;EACC;AxC8/EH;AwC5/EG;EACC;AxC8/EJ;AwC5/EI;EAEC;EACA;AxC6/EL;AwCz/EG;EACC;AxC2/EJ;;AyC1gFE;EACC;EACA;EACA;EACA;AzC6gFH;;A0CnhFC;EACC;A1CshFF;;A2CrhFE;EACC;EACA;EACA;EACA;EACA;A3CwhFH;;A4C/hFC;EACC;EACA;EACA;EACA;A5CkiFF;A4ChiFE;EACC;A5CkiFH;;A6CpiFA;;EAEC;A7CuiFD;;A6CpiFA;EACC;EACA;EACA;EACA;EACA;A7CuiFD;A6CniFE;EACC;EACA;EACA;EACA;EACA;A7CqiFH;A6CjiFC;EACC;EACA;A7CmiFF;;A8C3jFE;EACC;EACA;EACA;EACA;EACA;A9C8jFH;A8C3jFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9C6jFH;A8C3jFG;EACC;A9C6jFJ;A8CzjFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDAxCe;A9CmmFlB;A8CzjFG;EACC;EACA;EACA,mBA5CoB;A9CumFxB;A8CzjFI;EACC;A9C2jFL;A8CxjFI;EACC;A9C0jFL;A8CvjFI;EACC;A9CyjFL;A8CtjFI;EACC;A9CwjFL;A8CpjFG;EACC;EACA;EACA;EACA;EACA,wTACH;A9CqjFD;;A+C3nFA;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/CynFD;A+CvnFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A/CynFF;A+CvnFE;EACC;EACA;EACA;A/CynFH;A+CvnFG;EACC;EACA;EACA;EACA;EACA;EACA;A/CynFJ;A+CrnFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDA9CgB;A/CqqFnB;A+CrnFG;EACC,iCAnDe;EAoDf;A/CunFJ;A+CnnFE;EACC;A/CqnFH;A+CjnFC;EACC;EACA;EACA;EACA;EACA;A/CmnFF;A+C7mFI;EACC;EACA;EACA;A/C+mFL;A+C1mFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wIACC;EAGA,kDA/Fe;EAgGf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/CymFJ;A+CtmFG;EACC;EACA;A/CwmFJ;;AgDttFA;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhDotFD;AgDjtFC;EACC;EACA;EACA;EACA;EACA;AhDmtFF;AgDjtFE;EACC;AhDmtFH;AgD5sFI;EACC;EACA;EACA;AhD8sFL;;AiDjvFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDovFD;AiDlvFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AjDovFF;AiDlvFE;EACC;EACA;EACA;AjDovFH;AiDlvFG;EACC;EACA;EACA;EACA;EACA;EACA;AjDovFJ;;AkDlxFA;EACC;EACA;EACA;EACA;AlDqxFD;AkDnxFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlDqxFF;AkDpxFE;EAZD;IAaE;ElDuxFD;AACF;AkDtxFE;EAfD;IAgBE;IACA;IACA;ElDyxFD;AACF;AkDtxFC;EACC;EACA;EACA;AlDwxFF;AkDrxFC;EAIC;EACA;AlDoxFF;AkDxxFE;EACA;AlD0xFF;;AmD9zFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnDi0FD;AmD/zFC;EAXD;IAYE;EnDk0FA;AACF;AmDh0FC;EAfD;IAgBE;EnDm0FA;AACF;;AoDp1FA;EACC;IACC;IACA;IACA;IACA;EpDu1FA;AACF;AoDp1FA;EACC;IACC;IACA;IACA;EpDs1FA;AACF;AoDl1FC;EADD;IAEE;IAAA;EpDq1FA;AACF;;AoDj1FC;EACC;ApDo1FF;;AoDh1FA;EACC;ApDm1FD;AoDl1FC;EACC;ApDo1FF;AoDj1FC;EACC;EACA;EACA;EACA;ApDm1FF;AoDl1FE;EACC;EACA;EACA;EACA;EACA;ApDo1FH;AoDn1FG;EACC;ApDq1FJ;AoDl1FE;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApDo1FH;AoDj1FE;EAiBC;EACA;ApDm0FH;AoDp1FG;;EAEC;ApDs1FJ;AoDp1FG;EACC;ApDs1FJ;AoDr1FI;EACC;;IAEC;EpDu1FJ;AACF;AoDp1FG;EACC;ApDs1FJ;AoDl1FG;EACC;ApDo1FJ;AoDj1FG;EACC;IACC;EpDm1FH;EoDj1FE;IACC;EpDm1FH;AACF;AoD/0FE;EA5DD;IA6DE;EpDk1FD;EoDj1FC;;IAEC;IACA;EpDm1FF;AACF;;AoD90FA;EACC;EACA;EACA;EACA;EACA;EACA;ApDi1FD;AoD/0FC;EACC;ApDi1FF;AoD90FC;EACC;EACA;ApDg1FF;;AoD30FC;EADD;IAEE;EpD+0FA;AACF;;AoD50FA;EACC;ApD+0FD;AoD70FC;EAHD;IAIE;EpDg1FA;AACF;AoD/0FC;EACC;ApDi1FF;AoD90FC;EACC;EACA;EACA;ApDg1FF;AoD90FE;EALD;IAME;IACA;EpDi1FD;AACF;AoD/0FE;EAVD;IAWE;EpDk1FD;AACF;AoD/0FC;EACC;EACA;ApDi1FF;AoD/0FE;EAJD;IAME;EpDi1FD;AACF;AoD/0FE;EACC;ApDi1FH;AoD70FC;EACC;EACA;EACA;ApD+0FF;AoD70FE;EACC;ApD+0FH;AoD50FE;EATD;IAUE;IACA;EpD+0FD;EoD70FC;IACC;EpD+0FF;EoD50FC;IACC;EpD80FF;AACF;AoD30FE;EACC;ApD60FH;AoD30FG;EACC;ApD60FJ;AoD30FI;EAHD;IAIE;EpD80FH;AACF;AoD30FG;EACC;ApD60FJ;AoD30FI;EAHD;IAIE;EpD80FH;AACF;AoD30FG;EACC;EACA;EACA;ApD60FJ;AoD10FG;EACC;EACA;ApD40FJ;;AoDr0FC;EACC;ApDw0FF;AoDr0FC;EACC;IACC;EpDu0FD;AACF;AoDp0FC;EACC;IACC;IAEA;IACA;IAAA;IACA;IACA;EpDq0FD;AACF;;AqDxjGA;EACC;ArD2jGD;AqDzjGC;EACC;EACA;EACA;EACA;EACA;EACA;ArD2jGF;AqDzjGE;EARD;IASE;IACA;ErD4jGD;AACF;AqDzjGC;EACC;EACA;EACA;EACA;EACA;ArD2jGF;;AsDjlGA;AAQA;EAMC;EACA;EACA;EACA,uCAdkB;EAelB;EACA;EACA;AtDwkGD;AsDllGC;EACC;AtDolGF;AsDzkGC;EACC;EACA;EACA;AtD2kGF;AsDxkGC;EACC;EACA;EACA;EACA;AtD0kGF;AsDvkGC;EACC;EACA;EACA;EACA;AtDykGF;AsDvkGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtDykGH;AsDvkGG;EACC;AtDykGJ;AsDtkGG;EACC;AtDwkGJ;AsDpkGE;EACC;EACA;EACA;EACA;EACA;AtDskGH;AsDpkGG;EACC;EACA;EACA;EACA;AtDskGJ;AsDpkGI;EACC,kCAxEa;AtD8oGlB;AsDlkGG;EACC;EACA;EACA;EACA;AtDokGJ;AsDhkGE;EACC;AtDkkGH;AsDhkGG;EACC;EACA;AtDkkGJ;AsD5jGC;EACC;EACA;EACA;AtD8jGF;AsD3jGC;EACC;EACA,wDAnGW;EAoGX;EACA;EACA;EACA;AtD6jGF;AsD1jGC;EACC;EACA;AtD4jGF;AsDzjGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wDAvHW;EAwHX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtD2jGF;;AuDhsGA;EACI;EACA;EACA;AvDmsGJ;AuDjsGI;EALJ;IAMQ;EvDosGN;AACF;AuDlsGI;EACI;EACA;EACA;EACA;AvDosGR;;AwDjtGA;AAKA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBAXY;EAYZ;EACA,wHACA;AxD+sGD;;AyD3tGA;EACI;AzD8tGJ;AyD5tGI;EACI;EACA;EACA;AzD8tGR;AyD3tGI;EACI;EACA;AzD6tGR;AyD3tGQ;EACI;EACA;EACA;EACA;AzD6tGZ;AyD3tGY;EACI;EACA;EACA;AzD6tGhB;AyD1tGY;EACI;EACA;AzD4tGhB;AyDxtGQ;EACI;EACA;EACA;AzD0tGZ;AyDxtGY;EACI;EACA;EACA;AzD0tGhB;AyDvtGY;EACI;EACA;EACA;AzDytGhB;AyDptGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzDstGR;AyDptGQ;EACI;EACA;AzDstGZ;AyDltGI;EACI;EACA;EACA;AzDotGR;AyDltGQ;EACI;EACA;EACA;AzDotGZ;AyDjtGQ;EACI;EACA;EACA;AzDmtGZ;AyDhtGQ;EACI;EACA;EACA;AzDktGZ;AyD/sGQ;EACI;EACA;EACA;AzDitGZ;AyD9sGQ;EACI;EACA;EACA;AzDgtGZ;AyD7sGQ;EACI;EACA;EACA;EACA;EACA;EACA;AzD+sGZ;AyD7sGY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzD+sGhB;AyD5sGY;EACI;EACA;EACA;AzD8sGhB;AyD3sGY;EACI;EACA;EACA;AzD6sGhB;;AyDvsGA;EACI,mBA7IS;EA8IT;EACA;AzD0sGJ;;AyDnsGA;EACI;EACA;EACA;AzDssGJ;;A0D/1GA;EAEC;IACC;E1Di2GA;E0D91GD;IACC;E1Dg2GA;AACF;A0D51GA;EAEC;IACC;IACA;E1D61GA;E0D11GD;IACC;IACA;E1D41GA;AACF;A0Dz1GA;EAEC;IACC;IACA;E1D01GA;E0Dv1GD;IACC;IACA;E1Dy1GA;AACF;A0Dt1GA;EAEC;IACC;IACA;E1Du1GA;E0Dp1GD;IACC;IACA;E1Ds1GA;AACF;A0Dn1GA;EAEC;IACC;IACA;E1Do1GA;E0Dj1GD;IACC;E1Dm1GA;AACF;A0Dh1GA;EAEC;IACC;E1Di1GA;E0D90GD;IACC;E1Dg1GA;AACF;A0D70GA;EAEC;IACC;E1D80GA;E0D30GD;IACC;E1D60GA;AACF;A0D10GA;EAEC;IACC;E1D20GA;E0Dx0GD;IACC;E1D00GA;E0Dv0GD;IACC;E1Dy0GA;AACF;A0Dt0GA;EAEC;IACC;E1Du0GA;E0Dp0GD;IACC;E1Ds0GA;AACF;A0Dj0GC;EACC;EACA;A1Dm0GF;A0Dh0GC;EACC;A1Dk0GF;A0Dh0GE;EACC;A1Dk0GH;A0D9zGC;EACC;A1Dg0GF;A0D7zGC;EAEC;A1D8zGF;A0D5zGE;EACC;A1D8zGH;A0D3zGE;EACC;A1D6zGH;A0D3zGG;EAHD;IAIE;IACA;E1D8zGF;AACF;A0D3zGE;EACC;A1D6zGH;A0D3zGG;EAHD;IAIE;IACA;E1D8zGF;AACF;A0D3zGE;EACC;A1D6zGH;A0D3zGG;EAHD;IAIE;IACA;E1D8zGF;AACF;A0D1zGC;EACC;A1D4zGF;;A2Dn+GA;EACI;EACA;EACA;EACA;A3Ds+GJ;A2Dp+GI;EACQ;EACA;EACA;EACA;A3Ds+GZ;A2Dp+GY;EACI;EACA;A3Ds+GhB;A2Dn+GY;EACI;EACA;A3Dq+GhB;AHp+GC;E8DdG;IAiBY;IACA;IACA;E3Dq+Gd;AACF;;A2Dh+GI;EACI;EACA;EACA;EACA;EACA;A3Dm+GR;A2Dj+GI;EACI;A3Dm+GR;;A4D1gHA;EACI;EACA;EACA;A5D6gHJ;;A6DhhHA;AAMA;EACC;EACA;EACA;EACA;EACA;A7D8gHD;A6D5gHC;EACC;EACA;EACA;EACA;EACA;A7D8gHF;A6D5gHE;EAPD;IAQE;IACA;IACA;E7D+gHD;AACF;A6D7gHE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A7D+gHH;A6D7gHG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A7D+gHJ;A6D7gHI;EACC;EACA;EACA;A7D+gHL;A6D7gHK;EACC;EACA;EACA;EACA;EACA;EACA;A7D+gHN;A6D3gHI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDAjEc;A7D8kHnB;A6D3gHK;EACC,iCAtEa;EAuEb;A7D6gHN;A6DzgHI;EACC;A7D2gHL;A6DvgHG;EACC;EACA;EACA;EACA;A7DygHJ;A6DtgHI;EACC;A7DwgHL;A6DjgHM;EACC;EACA;EACA;EAEA;A7DkgHP;;A8DxmHA;EACI;EACA;EACA;EACA;A9D2mHJ;A8D1mHI;EACI;EACA;EACA;OAAA;A9D4mHR;A8D3mHQ;EACI;EACA;A9D6mHZ;A8D5mHY;EACI;A9D8mHhB;A8D3mHQ;EACI;EACA;A9D6mHZ;A8D3mHQ;EACI;A9D6mHZ;A8DzmHI;EACI;EACA;EACA;A9D2mHR;;A8DvmHA;EACI;EACA;A9D0mHJ;;A8DvmHA;EACI;A9D0mHJ;A8DzmHC;EAFD;IAGQ;E9D4mHN;AACF;;A8DzmHA;;EAEI;A9D4mHJ;;A8DzmHA;EACI;EACA;EACA;EACA;EACA;A9D4mHJ;A8D1mHI;EACI;EACN;A9D4mHF;A8DzmHI;EACI;A9D2mHR;;A8DvmHA;EACI;EACA;EACA;EACA;EACA;EACA;A9D0mHJ;;A8DvmHA;EACI;EACA;EACA;A9D0mHJ;;A8DvmHA;EACI;EACA;A9D0mHJ;;A8DvmHA;EACI;EACA;EACA;EACA;A9D0mHJ;;A8DvmHA;EAEI;A9DymHJ;;A8DtmHA;EAEI;A9DwmHJ;;A8DrmHA;EAEI;A9DumHJ;;A8DpmHA;EACC;EACG;EACA;EACA;EACA;EACA;EACA;A9DumHJ;;A8DnmHA;EACI;IACI;IACA;E9DsmHN;;E8DnmHE;IACI;IACA;IACA;E9DsmHN;;E8DnmHE;IACI;E9DsmHN;AACF;A+DzuHC;EACC;EACA;EACA;EACA;A/D2uHF;A+DxuHC;EACC;EACA;EACA;EACA;EACA;A/D0uHF;A+DxuHE;EACC;EACA;EACA;EACA;EACA;A/D0uHH;;A+DruHA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/DwuHD;A+DtuHC;EACC;EACA;A/DwuHF;A+DruHC;EACC;EACA;A/DuuHF;A+DruHE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;A/DuuHH;A+DruHG;EACC;A/DuuHJ;A+DluHC;EACC;EACA;EACA;A/DouHF;A+DluHE;EACC;EACA;A/DouHH;;A+D7tHC;EACC;EACA;EACA;EACA;EACA;A/DguHF;A+D7tHC;EACC;EACA;EACA;EACA;EACA;EACA;A/D+tHF;A+D7tHE;EACC;A/D+tHH;A+DhuHE;EACC;A/D+tHH;A+D5tHE;EAZD;IAaE;E/D+tHD;AACF;;AgE9zHC;EACC;EACA;EACA;EACA;AhEi0HF;AgE/zHE;EACC;AhEi0HH;AgE7zHC;EACC;EACA;EACA;EACA;AhE+zHF;AgE7zHE;EACC;AhE+zHH;;AgE1zHA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhE6zHD;AgE3zHC;EACC;EACA;AhE6zHF;AgE1zHC;EACC;EACA;EACA;AhE4zHF;AgEzzHC;EACC;EACA;EACA;AhE2zHF;;AgEtzHA;EACC;EACA;EACA;AhEyzHD;;AgEtzHA;EACC;EACA;EACA;EACA;EACA;EACA;AhEyzHD;AgEvzHC;EACC;EACA;EACA;EACA;AhEyzHF;AgEvzHE;EACC;EACA;EACA;AhEyzHH;AgErzHC;EACC;EACA;EACA;AhEuzHF;AgErzHE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhEuzHH;AgErzHG;EAXD;IAYE;EhEwzHF;AACF;AgErzHE;EACC;EACA;EACA;EACA;EACA;EACA;AhEuzHH;AgEnzHC;EACC;EACA;EACA;EACA;AhEqzHF;AgEnzHE;EACC;EACA;EACA;AhEqzHH;;AiE/6HA;AAMA;EACC;EACA;EACA;EACA;EACA;AjE66HD;AiE36HC;EACC;EACA;EACA;OAAA;EACA;AjE66HF;AiE36HE;EAND;IAOE;IACA;SAAA;EjE86HD;AACF;AiE56HE;EAXD;IAYE;IACA;SAAA;EjE+6HD;AACF;AiE76HE;EACC;EACA;EACA;EACA;AjE+6HH;AiE76HG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AjE+6HJ;AiE76HI;EACC;EACA;EACA;AjE+6HL;AiE76HK;EACC;EACA;EACA;EACA;EACA;EACA;AjE+6HN;AiE36HI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDAjEc;AjE8+HnB;AiE36HK;EACC,iCAtEa;EAuEb;AjE66HN;AiEz6HI;EACC;AjE26HL;AiEv6HG;EACC;EACA;EACA;EACA;EACA;AjEy6HJ;AiEn6HM;EACC;EACA;EACA;EACA;AjEq6HP;AiEh6HI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjEk6HL;AiEh6HK;EACC,iCAlHa;EAmHb;EACA;EACA;EACA;EAGA;EACA;AjEk6HN;AiE/5HK;EACC;EACA;AjEi6HN;;AkEliIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AlEqiID;AkEniIC;EACC;EACA;EACA;AlEqiIF;AkEjiIG;EACC;EACA;EACA;EACA;AlEmiIJ;AkEhiIG;EACC;EACA;AlEkiIJ;AkE/hIG;EACC;EACA;AlEiiIJ;AkE/hII;EACC;AlEiiIL;AkE1hIG;EACC;EACA;AlE4hIJ;AkExhIE;EAEC;AlEyhIH;AkEvhIG;EACC;EACA;EACA;EACA;AlEyhIJ;AkEnhIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AlEqhIF;AkEnhIE;EACC;EACA;EACA;AlEqhIH;AkEnhIG;EACC;EACA;EACA;EACA;EACA;EACA;AlEqhIJ;;AmEnmIQ;EACI;AnEsmIZ;AmEpmIY;EACI;AnEsmIhB;;AoE1mIA;EACC;EACA;EACA;EACA;ApE6mID;AoE3mIC;EACC;EACA;EACA;OAAA;ApE6mIF;AoE3mIE;EACC;EACA;ApE6mIH;AoE3mIG;EACC;ApE6mIJ;AoEzmIE;EACC;EACA;ApE2mIH;AoExmIE;EACC;ApE0mIH;AoEtmIC;EACC;EACA;EACA;ApEwmIF;;AoEpmIA;EACC;EACA;ApEumID;;AoEpmIA;EACC;ApEumID;AoErmIC;EAHD;IAIE;EpEwmIA;AACF;;AoErmIA;;EAEC;ApEwmID;;AoErmIA;EACC;EACA;EACA;EACA;EACA;ApEwmID;AoEtmIC;EACC;EACA;ApEwmIF;AoErmIC;EACC;ApEumIF;;AoEnmIA;EACC;EACA;EACA;EACA;EACA;EACA;ApEsmID;;AoElmIA;EACC;EACA;EACA;ApEqmID;;AoElmIA;EACC;EACA;ApEqmID;;AoElmIA;EACC;EACA;EACA;EACA;ApEqmID;;AoElmIA;EAGC;ApEmmID;;AoEhmIA;EAGC;ApEimID;;AoE9lIA;EAGC;ApE+lID;;AoE5lIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ApE+lID;;AoE3lIA;EAEC;IACC;IACA;EpE6lIA;;EoE1lID;IACC;IACA;IACA;EpE6lIA;;EoE1lID;;;IAGC;EpE6lIA;AACF;AqEjvIA;EACC;EACA;EACA;EACA;EACA;ArEmvID;AqEjvIC;EACC;ArEmvIF;AqEhvIC;EACC;ArEkvIF;AqE/uIC;EACC;EACA;EACA;OAAA;EACA;ArEivIF;AqE/uIE;EAND;IAOE;IACA;SAAA;ErEkvID;AACF;AqEhvIE;EAXD;IAYE;IACA;SAAA;ErEmvID;AACF;AqEjvIE;EACC;EACA;EACA;EACA;EACA;EACA;ArEmvIH;AqEjvIG;EACC;EACA;EACA;EACA;ArEmvIJ;AqEjvII;EACC;ArEmvIL;AqE5uIM;EACC;EACA;EACA;EACA;ArE8uIP;AqExuIG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ArE0uIJ;AqExuII;EACC;EACA;EACA;EACA;EACA;ArE0uIL;AqEtuIM;EACC;EACA;EACA;ArEwuIP;AqEtuIO;EACC;EACA;ArEwuIR;AqE7tII;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArE+tIL;AqE3tII;EACC;EACA;ArE6tIL;;AsEt1IA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtEy1ID;AsEv1IC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AtEy1IF;AsEv1IE;EACC;EACA;EACA;AtEy1IH;AsEv1IG;EACC;EACA;EACA;EACA;EACA;EACA;AtEy1IJ;;AuEv3IA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvE03ID;AuEx3IC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AvE03IF;AuEx3IE;EACC;EACA;EACA;AvE03IH;AuEx3IG;EACC;EACA;EACA;EACA;EACA;EACA;AvE03IJ;;AAj2IA;EACC;EACA,6CyBzDO;AzB65IR;AHv3IC;EGiBD;IAKE;IACA;IACA;IACA;IACA;IACA;EAq2IA;AACF;AHv4IC;EGuBD;IAcE;EAs2IA;AACF,C","sources":["webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_wordpress.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_breakpoints.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_functions.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_colors.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_long-content-fade.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_mixins.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/base-styles/_variables.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/complementary-area-header/style.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/app.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/complementary-area/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/fullscreen-mode/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/interface-skeleton/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/more-menu-dropdown/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/pinned-items/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal-tabs/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal-section/style.scss","webpack://newfold.Onboarding/./node_modules/@wordpress/interface/src/components/preferences-modal-base-option/style.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_interface.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_icons.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_branding.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/styles/_utilities.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Drawer/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Header/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Content/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Layouts/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SkipButton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/ImageUpload/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/Step/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/MiniPreview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Tooltip/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/ImageUploader/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SocialMediaForm/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/TextInput/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/ExitToWordPress/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Accordion/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StepOverview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/NewfoldLargeCard/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SelectableCard/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/SelectableCardList/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/HeadingWithSubHeading/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/ButtonBlue/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/ButtonWhite/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CardHeader/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/NeedHelpTag/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/HeadingWithDescription/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/StepIntroPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/IllustrationPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/InfoPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/HelpPanel/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/SupportLink/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/LivePreview/BlockPreview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/LivePreview/SelectableCard/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/LivePreview/SelectableCardWithInfo/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Button/NavCardButton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/Ecommerce/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CheckboxTemplate/CheckboxList/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/CheckboxTemplate/CheckboxListSkeleton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Animate/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/BasicInfo/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/TopPriority/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignHomepageMenu/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/Welcome/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/WhatNext/Sidebar/LearnMore/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/WhatNext/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/SitePages/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignTypography/stylesheet.scss","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignHeaderMenu/stylesheet.scss"],"sourcesContent":["/**\n * Initialize all WordPress Sass\n * -----------------------------\n * @import @wordpress/base-styles\n * @import @wordpress/interface\n */\n\n @import '@wordpress/base-styles/breakpoints';\n @import '@wordpress/base-styles/colors';\n @import '@wordpress/base-styles/mixins';\n @import '@wordpress/base-styles/variables';\n @import '@wordpress/base-styles/z-index';\n\n @import '@wordpress/interface/src/style.scss';\n","/**\n * Breakpoints & Media Queries\n */\n\n// Most used breakpoints\n$break-huge: 1440px;\n$break-wide: 1280px;\n$break-xlarge: 1080px;\n$break-large: 960px;\t// admin sidebar auto folds\n$break-medium: 782px;\t// adminbar goes big\n$break-small: 600px;\n$break-mobile: 480px;\n$break-zoomed-in: 280px;\n\n// All media queries currently in WordPress:\n//\n// min-width: 2000px\n// min-width: 1680px\n// min-width: 1250px\n// max-width: 1120px *\n// max-width: 1000px\n// min-width: 769px and max-width: 1000px\n// max-width: 960px *\n// max-width: 900px\n// max-width: 850px\n// min-width: 800px and max-width: 1499px\n// max-width: 800px\n// max-width: 799px\n// max-width: 782px *\n// max-width: 768px\n// max-width: 640px *\n// max-width: 600px *\n// max-width: 520px\n// max-width: 500px\n// max-width: 480px *\n// max-width: 400px *\n// max-width: 380px\n// max-width: 320px *\n//\n// Those marked * seem to be more commonly used than the others.\n// Let's try and use as few of these as possible, and be mindful about adding new ones, so we don't make the situation worse\n","/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n@function hex-to-rgb($hex) {\n\t@return red($hex), green($hex), blue($hex);\n}\n","@import \"./functions\";\n\n/**\n * Colors\n */\n\n// WordPress grays.\n$black: #000;\t\t\t// Use only when you truly need pure black. For UI, use $gray-900.\n$gray-900: #1e1e1e;\n$gray-800: #2f2f2f;\n$gray-700: #757575;\t\t// Meets 4.6:1 text contrast against white.\n$gray-600: #949494;\t\t// Meets 3:1 UI or large text contrast against white.\n$gray-400: #ccc;\n$gray-300: #ddd;\t\t// Used for most borders.\n$gray-200: #e0e0e0;\t\t// Used sparingly for light borders.\n$gray-100: #f0f0f0;\t\t// Used for light gray backgrounds.\n$white: #fff;\n\n// Opacities & additional colors.\n$dark-theme-focus: $white;\t// Focus color when the theme is dark.\n$dark-gray-placeholder: rgba($gray-900, 0.62);\n$medium-gray-placeholder: rgba($gray-900, 0.55);\n$light-gray-placeholder: rgba($white, 0.65);\n\n// Alert colors.\n$alert-yellow: #f0b849;\n$alert-red: #cc1818;\n$alert-green: #4ab866;\n","/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n\n@mixin long-content-fade($direction: right, $size: 20%, $color: #fff, $edge: 0, $z-index: false) {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tpointer-events: none;\n\n\t@if $z-index {\n\t\tz-index: $z-index;\n\t}\n\n\t@if $direction == \"bottom\" {\n\t\tbackground: linear-gradient(to top, transparent, $color 90%);\n\t\tleft: $edge;\n\t\tright: $edge;\n\t\ttop: $edge;\n\t\tbottom: calc(100% - $size);\n\t\twidth: auto;\n\t}\n\n\t@if $direction == \"top\" {\n\t\tbackground: linear-gradient(to bottom, transparent, $color 90%);\n\t\ttop: calc(100% - $size);\n\t\tleft: $edge;\n\t\tright: $edge;\n\t\tbottom: $edge;\n\t\twidth: auto;\n\t}\n\n\t@if $direction == \"left\" {\n\t\tbackground: linear-gradient(to left, transparent, $color 90%);\n\t\ttop: $edge;\n\t\tleft: $edge;\n\t\tbottom: $edge;\n\t\tright: auto;\n\t\twidth: $size;\n\t\theight: auto;\n\t}\n\n\t@if $direction == \"right\" {\n\t\tbackground: linear-gradient(to right, transparent, $color 90%);\n\t\ttop: $edge;\n\t\tbottom: $edge;\n\t\tright: $edge;\n\t\tleft: auto;\n\t\twidth: $size;\n\t\theight: auto;\n\t}\n}\n","@import \"./functions\";\n@import \"./long-content-fade\";\n\n/**\n * Breakpoint mixins\n */\n\n@mixin break-huge() {\n\t@media (min-width: #{ ($break-huge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-wide() {\n\t@media (min-width: #{ ($break-wide) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-xlarge() {\n\t@media (min-width: #{ ($break-xlarge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-large() {\n\t@media (min-width: #{ ($break-large) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-medium() {\n\t@media (min-width: #{ ($break-medium) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-small() {\n\t@media (min-width: #{ ($break-small) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-mobile() {\n\t@media (min-width: #{ ($break-mobile) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-zoomed-in() {\n\t@media (min-width: #{ ($break-zoomed-in) }) {\n\t\t@content;\n\t}\n}\n\n/**\n * Focus styles.\n */\n\n@mixin block-toolbar-button-style__focus() {\n\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px $white;\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n}\n\n// Tabs, Inputs, Square buttons.\n@mixin input-style__neutral() {\n\tbox-shadow: 0 0 0 transparent;\n\ttransition: box-shadow 0.1s linear;\n\tborder-radius: $radius-block-ui;\n\tborder: $border-width solid $gray-600;\n\t@include reduce-motion(\"transition\");\n}\n\n\n@mixin input-style__focus() {\n\tborder-color: var(--wp-admin-theme-color);\n\tbox-shadow: 0 0 0 ($border-width-focus - $border-width) var(--wp-admin-theme-color);\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n}\n\n\n/**\n * Applies editor left position to the selector passed as argument\n */\n\n@mixin editor-left($selector) {\n\t#{$selector} { /* Set left position when auto-fold is not on the body element. */\n\t\tleft: 0;\n\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width;\n\t\t}\n\t}\n\n\t.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width-collapsed;\n\t\t}\n\n\t\t@media (min-width: #{ ($break-large + 1) }) {\n\t\t\tleft: $admin-sidebar-width;\n\t\t}\n\t}\n\n\t/* Sidebar manually collapsed. */\n\t.folded #{$selector} {\n\t\tleft: 0;\n\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width-collapsed;\n\t\t}\n\t}\n\n\tbody.is-fullscreen-mode #{$selector} {\n\t\tleft: 0 !important;\n\t}\n}\n\n/**\n * Styles that are reused verbatim in a few places\n */\n\n// These are additional styles for all captions, when the theme opts in to block styles.\n@mixin caption-style() {\n\tmargin-top: 0.5em;\n\tmargin-bottom: 1em;\n}\n\n@mixin caption-style-theme() {\n\tcolor: #555;\n\tfont-size: $default-font-size;\n\ttext-align: center;\n\n\t.is-dark-theme & {\n\t\tcolor: $light-gray-placeholder;\n\t}\n}\n\n@mixin placeholder-style() {\n\tborder-radius: $radius-block-ui;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tbackground: currentColor;\n\t\topacity: 0.1;\n\t}\n}\n\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n\n@mixin reduce-motion($property: \"\") {\n\n\t@if $property == \"transition\" {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t} @else if $property == \"animation\" {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\tanimation-duration: 1ms;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\t} @else {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t\tanimation-duration: 1ms;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\t}\n}\n\n@mixin input-control {\n\tfont-family: $default-font;\n\tpadding: 6px 8px;\n\t@include input-style__neutral();\n\n\t/* Fonts smaller than 16px causes mobile safari to zoom. */\n\tfont-size: $mobile-text-min-font-size;\n\t/* Override core line-height. To be reviewed. */\n\tline-height: normal;\n\t@include break-small {\n\t\tfont-size: $default-font-size;\n\t\t/* Override core line-height. To be reviewed. */\n\t\tline-height: normal;\n\t}\n\n\t&:focus {\n\t\t@include input-style__focus();\n\t}\n\n\t// Use opacity to work in various editor styles.\n\t&::-webkit-input-placeholder {\n\t\tcolor: $dark-gray-placeholder;\n\t}\n\n\t&::-moz-placeholder {\n\t\topacity: 1; // Necessary because Firefox reduces this from 1.\n\t\tcolor: $dark-gray-placeholder;\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: $dark-gray-placeholder;\n\t}\n}\n\n@mixin checkbox-control {\n\t@include input-control;\n\tborder: $border-width solid $gray-900;\n\tmargin-right: $grid-unit-15;\n\ttransition: none;\n\tborder-radius: $radius-block-ui;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 ($border-width * 2) $white, 0 0 0 ($border-width * 2 + $border-width-focus) var(--wp-admin-theme-color);\n\n\t\t// Only visible in Windows High Contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t&:checked {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\n\t\t// Hide default checkbox styles in IE.\n\t\t&::-ms-check {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t&:checked::before,\n\t&[aria-checked=\"mixed\"]::before {\n\t\tmargin: -3px -5px;\n\t\tcolor: $white;\n\n\t\t@include break-medium() {\n\t\t\tmargin: -4px 0 0 -5px;\n\t\t}\n\t}\n\n\t&[aria-checked=\"mixed\"] {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\n\t\t&::before {\n\t\t\t// Inherited from `forms.css`.\n\t\t\t// See: https://github.com/WordPress/wordpress-develop/tree/5.1.1/src/wp-admin/css/forms.css#L122-L132\n\t\t\tcontent: \"\\f460\";\n\t\t\tfloat: left;\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t\twidth: 16px;\n\t\t\t/* stylelint-disable */\n\t\t\tfont: normal 30px/1 dashicons;\n\t\t\t/* stylelint-enable */\n\t\t\tspeak: none;\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t-moz-osx-font-smoothing: grayscale;\n\n\t\t\t@include break-medium() {\n\t\t\t\tfloat: none;\n\t\t\t\tfont-size: 21px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin radio-control {\n\t@include input-control;\n\tborder: $border-width solid $gray-900;\n\tmargin-right: $grid-unit-15;\n\ttransition: none;\n\tborder-radius: $radius-round;\n\twidth: $radio-input-size-sm;\n\theight: $radio-input-size-sm;\n\n\t@include break-small() {\n\t\theight: $radio-input-size;\n\t\twidth: $radio-input-size;\n\t}\n\n\t&:checked::before {\n\t\tbox-sizing: inherit;\n\t\twidth: 8px;\n\t\theight: 8px;\n\t\ttransform: translate(7px, 7px);\n\t\tmargin: 0;\n\t\tbackground-color: $white;\n\n\t\t// This border serves as a background color in Windows High Contrast mode.\n\t\tborder: 4px solid $white;\n\n\t\t@include break-small() {\n\t\t\ttransform: translate(5px, 5px);\n\t\t}\n\t}\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 ($border-width * 2) $white, 0 0 0 ($border-width * 2 + $border-width-focus) var(--wp-admin-theme-color);\n\n\t\t// Only visible in Windows High Contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t&:checked {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\t}\n}\n\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n\n@mixin reset {\n\tbox-sizing: border-box;\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: inherit;\n\t}\n}\n\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n\n@mixin wp-admin-reset( $content-container ) {\n\tbackground: $white;\n\n\t#wpcontent {\n\t\tpadding-left: 0;\n\t}\n\n\t#wpbody-content {\n\t\tpadding-bottom: 0;\n\t}\n\n\t/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.\n\t   Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */\n\t#wpbody-content > div:not(#{ $content-container }):not(#screen-meta) {\n\t\tdisplay: none;\n\t}\n\n\t#wpfooter {\n\t\tdisplay: none;\n\t}\n\n\t.a11y-speak-region {\n\t\tleft: -1px;\n\t\ttop: -1px;\n\t}\n\n\tul#adminmenu a.wp-has-current-submenu::after,\n\tul#adminmenu > li.current > a.current::after {\n\t\tborder-right-color: $white;\n\t}\n\n\t.media-frame select.attachment-filters:last-of-type {\n\t\twidth: auto;\n\t\tmax-width: 100%;\n\t}\n}\n\n@mixin admin-scheme($color-primary) {\n\t// Define RGB equivalents for use in rgba function.\n\t// Hexadecimal css vars do not work in the rgba function.\n\t--wp-admin-theme-color: #{$color-primary};\n\t--wp-admin-theme-color--rgb: #{hex-to-rgb($color-primary)};\n\t// Darker shades.\n\t--wp-admin-theme-color-darker-10: #{darken($color-primary, 5%)};\n\t--wp-admin-theme-color-darker-10--rgb: #{hex-to-rgb(darken($color-primary, 5%))};\n\t--wp-admin-theme-color-darker-20: #{darken($color-primary, 10%)};\n\t--wp-admin-theme-color-darker-20--rgb: #{hex-to-rgb(darken($color-primary, 10%))};\n\n\t// Focus style width.\n\t// Avoid rounding issues by showing a whole 2px for 1x screens, and 1.5px on high resolution screens.\n\t--wp-admin-border-width-focus: 2px;\n\t@media ( -webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n\t\t--wp-admin-border-width-focus: 1.5px;\n\t}\n}\n\n@mixin wordpress-admin-schemes() {\n\tbody.admin-color-light {\n\t\t@include admin-scheme(#0085ba);\n\t}\n\n\tbody.admin-color-modern {\n\t\t@include admin-scheme(#3858e9);\n\t}\n\n\tbody.admin-color-blue {\n\t\t@include admin-scheme(#096484);\n\t}\n\n\tbody.admin-color-coffee {\n\t\t@include admin-scheme(#46403c);\n\t}\n\n\tbody.admin-color-ectoplasm {\n\t\t@include admin-scheme(#523f6d);\n\t}\n\n\tbody.admin-color-midnight {\n\t\t@include admin-scheme(#e14d43);\n\t}\n\n\tbody.admin-color-ocean {\n\t\t@include admin-scheme(#627c83);\n\t}\n\n\tbody.admin-color-sunrise {\n\t\t@include admin-scheme(#dd823b);\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin background-colors-deprecated() {\n\t.has-very-light-gray-background-color {\n\t\tbackground-color: #eee;\n\t}\n\n\t.has-very-dark-gray-background-color {\n\t\tbackground-color: #313131;\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin foreground-colors-deprecated() {\n\t.has-very-light-gray-color {\n\t\tcolor: #eee;\n\t}\n\n\t.has-very-dark-gray-color {\n\t\tcolor: #313131;\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin gradient-colors-deprecated() {\n\t/*\n\t * Our classes uses the same values we set for gradient value attributes,\n\t * and we can not use spacing because of WP multi site kses rule.\n\t */\n\n\t/* stylelint-disable function-comma-space-after */\n\t.has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgba(0,208,132,1) 0%,rgba(6,147,227,1) 100%);\n\t}\n\n\t.has-purple-crush-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(52,226,228) 0%,rgb(71,33,251) 50%,rgb(171,29,254) 100%);\n\t}\n\n\t.has-hazy-dawn-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(250,172,168) 0%,rgb(218,208,236) 100%);\n\t}\n\n\t.has-subdued-olive-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(250,250,225) 0%,rgb(103,166,113) 100%);\n\t}\n\n\t.has-atomic-cream-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(253,215,154) 0%,rgb(0,74,89) 100%);\n\t}\n\n\t.has-nightshade-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(51,9,104) 0%,rgb(49,205,207) 100%);\n\t}\n\n\t.has-midnight-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);\n\t}\n\t/* stylelint-enable function-comma-space-after */\n}\n\n@mixin custom-scrollbars-on-hover() {\n\tvisibility: hidden;\n\n\t$handle-color: #757575;\n\t$track-color: #1e1e1e;\n\n\t// WebKit\n\t&::-webkit-scrollbar {\n\t\twidth: 12px;\n\t\theight: 12px;\n\t}\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: $track-color;\n\t}\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: $handle-color;\n\t\tborder-radius: 8px;\n\t\tborder: 3px solid transparent;\n\t\tbackground-clip: padding-box;\n\t}\n\n\t// Firefox 109+ and Chrome 111+\n\tscrollbar-color: $handle-color $track-color; // Syntax, \"dark\", \"light\", or \"#handle-color #track-color\"\n\tscrollbar-width: thin;\n\tscrollbar-gutter: stable;\n\n\t&:hover,\n\t&:focus,\n\t& > * {\n\t\tvisibility: visible;\n\t}\n}\n","/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n\n@import \"./colors\";\n\n/**\n * Fonts & basic variables.\n */\n\n$default-font: -apple-system, BlinkMacSystemFont,\"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell,\"Helvetica Neue\", sans-serif;\n$default-font-size: 13px;\n$default-line-height: 1.4;\n$editor-html-font: Menlo, Consolas, monaco, monospace;\n$editor-font-size: 16px;\n$default-block-margin: 28px; // This value provides a consistent, contiguous spacing between blocks.\n$text-editor-font-size: 15px;\n$editor-line-height: 1.8;\n$mobile-text-min-font-size: 16px; // Any font size below 16px will cause Mobile Safari to \"zoom in\".\n\n\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n\n$grid-unit: 8px;\n$grid-unit-05: 0.5 * $grid-unit;\t// 4px\n$grid-unit-10: 1 * $grid-unit;\t\t// 8px\n$grid-unit-15: 1.5 * $grid-unit;\t// 12px\n$grid-unit-20: 2 * $grid-unit;\t\t// 16px\n$grid-unit-30: 3 * $grid-unit;\t\t// 24px\n$grid-unit-40: 4 * $grid-unit;\t\t// 32px\n$grid-unit-50: 5 * $grid-unit;\t\t// 40px\n$grid-unit-60: 6 * $grid-unit;\t\t// 48px\n$grid-unit-70: 7 * $grid-unit;\t\t// 56px\n$grid-unit-80: 8 * $grid-unit;\t\t// 64px\n\n/**\n * Dimensions.\n */\n\n$icon-size: 24px;\n$button-size: 36px;\n$button-size-small: 24px;\n$header-height: 60px;\n$panel-header-height: $grid-unit-60;\n$nav-sidebar-width: 360px;\n$admin-bar-height: 32px;\n$admin-bar-height-big: 46px;\n$admin-sidebar-width: 160px;\n$admin-sidebar-width-big: 190px;\n$admin-sidebar-width-collapsed: 36px;\n$modal-min-width: 360px;\n$spinner-size: 16px;\n$canvas-padding: $grid-unit-30;\n\n\n/**\n * Shadows.\n */\n\n$shadow-popover: 0 0.7px 1px rgba($black, 0.1), 0 1.2px 1.7px -0.2px rgba($black, 0.1), 0 2.3px 3.3px -0.5px rgba($black, 0.1);\n$shadow-modal: 0 0.7px 1px rgba($black, 0.15), 0 2.7px 3.8px -0.2px rgba($black, 0.15), 0 5.5px 7.8px -0.3px rgba($black, 0.15), 0.1px 11.5px 16.4px -0.5px rgba($black, 0.15);\n\n/**\n * Editor widths.\n */\n\n$sidebar-width: 280px;\n$content-width: 840px;\n$wide-content-width: 1100px;\n$widget-area-width: 700px;\n\n\n/**\n * Block & Editor UI.\n */\n\n$block-toolbar-height: $grid-unit-60;\n$border-width: 1px;\n$border-width-focus: 2px; // This exists as a fallback, and is ideally overridden by var(--wp-admin-border-width-focus) unless in some SASS math cases.\n$border-width-tab: 1.5px;\n$helptext-font-size: 12px;\n$radius-round: 50%;\n$radius-block-ui: 2px;\n$radio-input-size: 20px;\n$radio-input-size-sm: 24px; // Width & height for small viewports.\n\n// Deprecated, please avoid using these.\n$block-padding: 14px; // Used to define space between block footprint and surrouding borders.\n\n\n/**\n * Block paddings.\n */\n\n// Padding for blocks with a background color (e.g. paragraph or group).\n$block-bg-padding--v: 1.25em;\n$block-bg-padding--h: 2.375em;\n\n\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n\n// Dimensions.\n$mobile-header-toolbar-height: 44px;\n$mobile-header-toolbar-expanded-height: 52px;\n$mobile-floating-toolbar-height: 44px;\n$mobile-floating-toolbar-margin: 8px;\n$mobile-color-swatch: 48px;\n\n// Block UI.\n$mobile-block-toolbar-height: 44px;\n$dimmed-opacity: 1;\n$block-edge-to-content: 16px;\n$solid-border-space: 12px;\n$dashed-border-space: 6px;\n$block-selected-margin: 3px;\n$block-selected-border-width: 1px;\n$block-selected-padding: 0;\n$block-selected-child-margin: 5px;\n$block-selected-to-content: $block-edge-to-content - $block-selected-margin - $block-selected-border-width;\n",".components-panel__header.interface-complementary-area-header__small {\n\tbackground: $white;\n\tpadding-right: $grid-unit-05;\n\n\t.interface-complementary-area-header__small-title {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\twidth: 100%;\n\t}\n\n\t@include break-medium() {\n\t\tdisplay: none;\n\t}\n}\n\n.interface-complementary-area-header {\n\tbackground: $white;\n\tpadding-right: $grid-unit-05;\n\n\t.components-button.has-icon {\n\t\tdisplay: none;\n\t\tmargin-left: auto;\n\n\t\t~ .components-button {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t@include break-medium() {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n\n// This overrides the negative margins between two consecutives panels.\n// since the first panel is hidden.\n.components-panel__header + .interface-complementary-area-header {\n\t@include break-medium() {\n\t\tmargin-top: 0;\n\t}\n}\n","@import \"wordpress\";\n@import \"interface\";\n@import \"icons\";\n@import \"branding\";\n@import \"utilities\";\n\n// CSS for Components\n@import \"../components/Drawer/stylesheet\";\n@import \"../components/Header/stylesheet\";\n@import \"../components/Content/stylesheet\";\n@import \"../components/Layouts/stylesheet\";\n@import \"../components/SkipButton/stylesheet\";\n@import \"../components/Loaders/stylesheet\";\n@import \"../components/MiniPreview/stylesheet\";\n@import \"../components/Tooltip/stylesheet\";\n@import \"../components/ImageUploader/stylesheet\";\n@import \"../components/SocialMediaForm/stylesheet\";\n@import \"../components/TextInput/stylesheet\";\n@import \"../components/ExitToWordPress/stylesheet\";\n@import \"../components/Accordion/stylesheet\";\n@import \"../components/StepOverview/stylesheet\";\n@import \"../components/NewfoldLargeCard/stylesheet\";\n@import \"../components/SelectableCard/stylesheet\";\n@import \"../components/SelectableCardList/stylesheet\";\n@import \"../components/HeadingWithSubHeading/stylesheet\";\n@import \"../components/Button/stylesheet\";\n@import \"../components/CardHeader/stylesheet\";\n@import \"../components/NeedHelpTag/stylesheet\";\n@import \"../components/Sidebar/stylesheet\";\n@import \"../components/Sidebar/components/LearnMore/stylesheet\";\n@import \"../components/LivePreview/stylesheet\";\n@import \"../pages/Steps/DesignColors/stylesheet\";\n@import \"../pages/Steps/GetStarted/GetStartedExperience/stylesheet\";\n@import \"../components/Button/NavCardButton/stylesheet\";\n@import \"../pages/Steps/Ecommerce/stylesheet\";\n@import \"../components/ErrorState/stylesheet\";\n@import \"../components/CheckboxTemplate/CheckboxItem/stylesheet\";\n@import \"../components/CheckboxTemplate/CheckboxList/stylesheet\";\n@import \"../components/CheckboxTemplate/CheckboxListSkeleton/stylesheet\";\n@import \"../components/Sidebar/components/LearnMore/Skeleton/stylesheet\";\n@import \"../components/Animate/stylesheet\";\n\n// CSS for Pages\n@import \"../pages/Steps/BasicInfo/stylesheet\";\n@import \"../pages/Steps/TopPriority/stylesheet\";\n@import \"../pages/Steps/DesignHomepageMenu/stylesheet\";\n@import \"../pages/Steps/GetStarted/Welcome/stylesheet\";\n@import \"../pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/stylesheet\";\n@import \"../pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet\";\n@import \"../pages/Steps/DesignThemeStyles/stylesheet\";\n@import \"../pages/Steps/WhatNext/stylesheet\";\n@import \"../pages/Steps/SitePages/stylesheet\";\n@import \"../pages/Steps/DesignTypography/stylesheet\";\n@import \"../pages/Steps/DesignHeaderMenu/stylesheet\";\n\n.nfd-onboarding-container {\n\tdisplay: flex;\n\tbackground-color: $white;\n\n\t@include break-small {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmin-height: calc(100vh - #{$admin-bar-height-big});\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n\n\t@include break-medium {\n\t\tmin-height: calc(100vh - #{$admin-bar-height});\n\t}\n}\n",".interface-complementary-area {\n\tbackground: $white;\n\tcolor: $gray-900;\n\n\t@include break-small() {\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\n\t@include break-medium() {\n\t\twidth: $sidebar-width;\n\t}\n\n\t.components-panel {\n\t\tborder: none;\n\t\t// Make a stacking context that keeps all descendents behind the sticky header\n\t\tposition: relative;\n\t\tz-index: z-index(\".interface-complementary-area .components-panel\");\n\t}\n\n\t.components-panel__header {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tz-index: z-index(\".interface-complementary-area .components-panel__header\");\n\n\t\t&.edit-post-sidebar__panel-tabs {\n\t\t\ttop: $panel-header-height;\n\n\t\t\t@include break-medium() {\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\tp {\n\t\tmargin-top: 0;\n\t}\n\n\th2 {\n\t\tfont-size: $default-font-size;\n\t\tcolor: $gray-900;\n\t\tmargin-bottom: 1.5em;\n\t}\n\n\t// Subheading style.\n\th3 {\n\t\tfont-size: 11px;\n\t\ttext-transform: uppercase;\n\t\tfont-weight: 500;\n\t\tcolor: $gray-900;\n\t\tmargin-bottom: 1.5em;\n\t}\n\n\thr {\n\t\tborder-top: none;\n\t\tborder-bottom: 1px solid $gray-100;\n\t\tmargin: 1.5em 0;\n\t}\n\n\tdiv.components-toolbar-group,\n\tdiv.components-toolbar {\n\t\tbox-shadow: none;\n\t\tmargin-bottom: 1.5em;\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.block-editor-skip-to-selected-block:focus {\n\t\ttop: auto;\n\t\tright: 10px;\n\t\tbottom: 10px;\n\t\tleft: auto;\n\t}\n}\n","body.js.is-fullscreen-mode {\n\n\t@include break-medium {\n\t\t// Reset the html.wp-topbar padding.\n\t\t// Because this uses negative margins, we have to compensate for the height.\n\t\tmargin-top: -$admin-bar-height;\n\t\theight: calc(100% + #{ $admin-bar-height });\n\n\t\t#adminmenumain,\n\t\t#wpadminbar {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t#wpcontent,\n\t\t#wpfooter {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n}\n","// On Mobile devices, swiping the HTML element should not scroll.\n// By making it fixed, we prevent that.\nhtml.interface-interface-skeleton__html-container {\n\tposition: fixed;\n\twidth: 100%;\n\n\t@include break-medium() {\n\t\tposition: initial;\n\t\twidth: initial;\n\t}\n}\n\n.interface-interface-skeleton {\n\tdisplay: flex;\n\tflex-direction: row;\n\theight: auto;\n\tmax-height: 100%;\n\n\t// Fill the available space on Mobile.\n\tposition: fixed;\n\ttop: $admin-bar-height-big;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\n\t// Adjust to admin-bar going small.\n\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\ttop: $admin-bar-height;\n\n\t\t.is-fullscreen-mode & {\n\t\t\ttop: 0;\n\t\t}\n\t}\n}\n\n.interface-interface-skeleton__editor {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 0 1 100%;\n\toverflow: hidden;\n}\n\n@include editor-left(\".interface-interface-skeleton\");\n\n.interface-interface-skeleton__body {\n\tflex-grow: 1;\n\tdisplay: flex;\n\n\t// Even on Mobile, we choose to scroll this element on its own.\n\t// This helps enable a fixed-to-top toolbar that makes the editing experience\n\t// on Mobile Safari usable.\n\t// Unfortunately an issue still exists where if you swipe the top toolbar\n\t// or beyond the bottom of the page when the soft keyboard is showing, you scroll\n\t// the body element and can scroll the toolbar out of view.\n\t// This is still preferable, though, as it allows the editor to function at all.\n\toverflow: auto;\n\n\t// In future versions of Mobile Safari, hopefully overscroll-behavior will be supported.\n\t// This allows us to disallow the scroll-chaining and rubber-banding that is currently\n\t// is the cause of the issue outlined above.\n\t// In other words, the following behavior doesn't yet work in Safari, but if/when\n\t// it is added, it should take care of the issue.\n\t// See also: https://drafts.csswg.org/css-overscroll/\n\toverscroll-behavior-y: none;\n\n\t// Footer overlap prevention\n\t.has-footer & {\n\t\t@include break-medium() {\n\t\t\tpadding-bottom: $button-size-small + $border-width;\n\t\t}\n\t}\n}\n\n.interface-interface-skeleton__content {\n\tflex-grow: 1;\n\n\t// Treat as flex container to allow children to grow to occupy full\n\t// available height of the content area.\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t// On Mobile the header is fixed to keep HTML as scrollable.\n\t// Beyond the medium breakpoint, we allow the sidebar.\n\t// The sidebar should scroll independently, so enable scroll here also.\n\toverflow: auto;\n\n\t// On Safari iOS on smaller viewports lack of a z-index causes the background\n\t// to \"bleed\" through the header.\n\t// See https://github.com/WordPress/gutenberg/issues/32631\n\tz-index: z-index(\".interface-interface-skeleton__content\");\n\n}\n\n.interface-interface-skeleton__secondary-sidebar,\n.interface-interface-skeleton__sidebar {\n\tdisplay: block;\n\tflex-shrink: 0;\n\tposition: absolute;\n\tz-index: z-index(\".interface-interface-skeleton__sidebar\");\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground: $white;\n\tcolor: $gray-900;\n\n\t// On Mobile the header is fixed to keep HTML as scrollable.\n\t@include break-medium() {\n\t\tposition: relative !important;\n\t\tz-index: z-index(\".interface-interface-skeleton__sidebar {greater than small}\");\n\t\twidth: auto; // Keep the sidebar width flexible.\n\t}\n}\n\n.interface-interface-skeleton__sidebar {\n\toverflow: auto;\n\n\t@include break-medium() {\n\t\tborder-left: $border-width solid $gray-200;\n\t}\n}\n\n.interface-interface-skeleton__secondary-sidebar {\n\t@include break-medium() {\n\t\tborder-right: $border-width solid $gray-200;\n\t}\n}\n\n.interface-interface-skeleton__header {\n\tflex-shrink: 0;\n\theight: auto;  // Keep the height flexible.\n\tborder-bottom: $border-width solid $gray-200;\n\tz-index: z-index(\".interface-interface-skeleton__header\");\n\tcolor: $gray-900;\n}\n\n.interface-interface-skeleton__footer {\n\theight: auto; // Keep the height flexible.\n\tflex-shrink: 0;\n\tborder-top: $border-width solid $gray-200;\n\tcolor: $gray-900;\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\twidth: 100%;\n\tbackground-color: $white;\n\tz-index: z-index(\".interface-interface-skeleton__footer\");\n\n\t// On Mobile the footer is hidden\n\tdisplay: none;\n\t@include break-medium() {\n\t\tdisplay: flex;\n\t}\n\n\t.block-editor-block-breadcrumb {\n\t\tz-index: z-index(\".edit-post-layout__footer\");\n\t\tdisplay: flex;\n\t\tbackground: $white;\n\t\theight: $button-size-small;\n\t\talign-items: center;\n\t\tfont-size: $default-font-size;\n\t\tpadding: 0 ($grid-unit-15 + 6px);\n\t}\n}\n\n.interface-interface-skeleton__actions {\n\tz-index: z-index(\".interface-interface-skeleton__actions\");\n\tposition: fixed !important; // Need to override the default relative positioning\n\ttop: -9999em;\n\tbottom: auto;\n\tleft: auto;\n\tright: 0;\n\twidth: $sidebar-width;\n\tcolor: $gray-900;\n\n\t&:focus {\n\t\ttop: auto;\n\t\tbottom: 0;\n\t}\n}\n",".interface-more-menu-dropdown {\n\tmargin-left: -4px;\n\n\t// the padding and margin of the more menu is intentionally non-standard\n\t.components-button {\n\t\twidth: auto;\n\t\tpadding: 0 2px;\n\t}\n\n\t@include break-small() {\n\t\tmargin-left: 0;\n\n\t\t.components-button {\n\t\t\tpadding: 0 4px;\n\t\t}\n\t}\n}\n\n.interface-more-menu-dropdown__content .components-popover__content {\n\tmin-width: 280px;\n\n\t// Let the menu scale to fit items.\n\t@include break-mobile() {\n\t\twidth: auto;\n\t\tmax-width: $break-mobile;\n\t}\n\n\t.components-dropdown-menu__menu {\n\t\tpadding: 0;\n\t}\n}\n\n.components-popover.interface-more-menu-dropdown__content {\n\tz-index: z-index(\".components-popover.interface-more-menu__content\");\n}\n",".interface-pinned-items {\n\tdisplay: flex;\n\n\t// We intentionally hide pinned items (plugins) on mobile, and unhide them at desktop breakpoints.\n\t// Otherwise the list can wreak havoc on the layout.\n\t.components-button:not(:first-child) {\n\t\tdisplay: none;\n\n\t\t@include break-small() {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.components-button {\n\t\tmargin-left: $grid-unit-05;\n\n\t\tsvg {\n\t\t\tmax-width: $icon-size;\n\t\t\tmax-height: $icon-size;\n\t\t}\n\t}\n}\n",".interface-preferences-modal {\n\t// To keep modal dimensions consistent as subsections are navigated, width\n\t// and height are used instead of max-(width/height).\n\t@include break-small() {\n\t\twidth: calc(100% - #{ $grid-unit-20 * 2 });\n\t\theight: calc(100% - #{ $header-height * 2 });\n\t}\n\t@include break-medium() {\n\t\twidth: $break-medium - $grid-unit-20 * 2;\n\t}\n\t@include break-large() {\n\t\theight: 70%;\n\t}\n\n\t// Clears spacing to flush fit the navigator component to the modal edges.\n\t@media (max-width: #{ ($break-medium - 1) }) {\n\t\t.components-modal__content {\n\t\t\tpadding: 0;\n\n\t\t\t&::before {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","$vertical-tabs-width: 160px;\n\n.interface-preferences__tabs {\n\t.components-tab-panel__tabs {\n\t\tposition: absolute;\n\t\ttop: $header-height + $grid-unit-30;\n\t\t// Aligns button text instead of button box.\n\t\tleft: $grid-unit-20;\n\t\twidth: $vertical-tabs-width;\n\t\t.components-tab-panel__tabs-item {\n\t\t\tborder-radius: $radius-block-ui;\n\t\t\tfont-weight: 400;\n\t\t\t&.is-active {\n\t\t\t\tbackground: $gray-100;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t&:focus:not(:disabled) {\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n\t\t\t}\n\t\t}\n\t}\n\t.components-tab-panel__tab-content {\n\t\tpadding-left: $grid-unit-30;\n\t\tmargin-left: $vertical-tabs-width;\n\t}\n}\n\n@media (max-width: #{ ($break-medium - 1) }) {\n\t// Keep the navigator component from overflowing the modal content area\n\t// to ensure that sticky position elements stick where intended.\n\t.interface-preferences__provider {\n\t\theight: 100%;\n\t}\n}\n",".interface-preferences-modal__section {\n\tmargin: 0 0 2.5rem 0;\n\n\t&:last-child {\n\t\tmargin: 0;\n\t}\n}\n\n.interface-preferences-modal__section-title {\n\tfont-size: 0.9rem;\n\tfont-weight: 600;\n\tmargin-top: 0;\n}\n\n.interface-preferences-modal__section-description {\n\tmargin: -$grid-unit-10 0 $grid-unit-10 0;\n\tfont-size: $helptext-font-size;\n\tfont-style: normal;\n\tcolor: $gray-700;\n}\n",".interface-preferences-modal__option {\n\t.components-base-control {\n\t\t.components-base-control__field {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tmargin-bottom: 0;\n\n\t\t\t& > label {\n\t\t\t\tflex-grow: 1;\n\t\t\t\tpadding: 0.6rem 0 0.6rem 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-base-control__help {\n\t\tmargin: -$grid-unit-10 0 $grid-unit-10 58px;\n\t\tfont-size: $helptext-font-size;\n\t\tfont-style: normal;\n\t\tcolor: $gray-700;\n\t}\n}\n","$header-height: 60px;\n$nav-sidebar-width: 300px;\n\nhtml.wp-toolbar {\n\tbackground: $white;\n}\n\nbody {\n\t--nfd-onboarding-icon: url(../../Brands/newfold/icon.svg);\n\t--nfd-onboarding-logo: url(../../Brands/newfold/logo.svg);\n\t--nfd-onboarding-primary: #dd5228;\n\t--nfd-onboarding-light: #f2f2f2;\n\t--nfd-onboarding-dark: #1e2223;\n\t--nfd-onboarding-white: #fff;\n\t--nfd-onboarding-white-rgb: 255, 255, 255;\n\t--nfd-onboarding-black: #000;\n\t--nfd-onboarding-header-bg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-header-fg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-content-bg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-content-fg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-drawer-bg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-drawer-fg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light);\n\t--nfd-onboarding-footer-fg: var(--nfd-onboarding-dark);\n\t--nfd-onboarding-footer-bg: var(--nfd-onboarding-light);\n\t--nfd-onboarding-light-gray-5: #eee;\n\n\t&:not(.is-fullscreen-mode) {\n\t\topacity: 0;\n\t}\n\n\t&.is-fullscreen-mode {\n\t\topacity: 1;\n\t\ttransition: opacity ease-in 500ms;\n\t}\n\n\t&.dashboard_page_nfd-onboarding {\n\n\t\t@include wp-admin-reset(\".nfd-onboarding-container\");\n\t}\n}\n","body {\n\t--nfd-publish-icon: url(../static/icons/publish.svg);\n\t--nfd-selling-icon: url(../static/icons/sell.svg);\n\t--nfd-design-icon: url(../static/icons/design.svg);\n\t--more-icon: url(../static/icons/more.svg);\n\t--reload-icon: url(../static/icons/reload.svg);\n\t--forward-icon: url(../static/icons/forward.svg);\n\t--back-icon: url(../static/icons/back.svg);\n\t--chevron-up-icon: url(../static/icons/chevron-up.svg);\n\t--chevron-down-icon: url(../static/icons/chevron-down.svg);\n\t--default-logo-icon: url(../static/icons/default-logo.svg);\n\t--facebook-icon: url(../static/icons/social/facebook.svg);\n\t--facebook-colored-icon: url(../static/icons/social/facebook-colored.svg);\n\t--twitter-icon: url(../static/icons/social/twitter.svg);\n\t--twitter-colored-icon: url(../static/icons/social/twitter-colored.svg);\n\t--instagram-icon: url(../static/icons/social/instagram.svg);\n\t--instagram-colored-icon: url(../static/icons/social/instagram-colored.svg);\n\t--linkedin-icon: url(../static/icons/social/linkedin.svg);\n\t--linkedin-colored-icon: url(../static/icons/social/linkedin-colored.svg);\n\t--yelp-icon: url(../static/icons/social/yelp.svg);\n\t--yelp-colored-icon: url(../static/icons/social/yelp-colored.svg);\n\t--youtube-icon: url(../static/icons/social/youtube.svg);\n\t--youtube-colored-icon: url(../static/icons/social/youtube-colored.svg);\n\t--tiktok-icon: url(../static/icons/social/tiktok.svg);\n\t--tiktok-colored-icon: url(../static/icons/social/tiktok-colored.svg);\n\n\t--get-started-content-img: url(../static/images/content.png);\n\t--get-started-design-img: url(../static/images/design.png);\n\t--get-started-features-img: url(../static/images/features.png);\n\n\n\t--chevron-left-icon: url(../static/icons/chevron-left.svg);\n\t--chevron-right-icon: url(../static/icons/chevron-right.svg);\n\n\t--business-icon: url(../static/icons/business.svg);\n\t--business-white-icon: url(../static/icons/business-white.svg);\n\t--nfd-onboarding-step-error-icon: url(../../Brands/bluehost/step-error-logo.svg);\n\n\t--site-features-analytics: url(../static/icons/site-features/analytics.svg);\n\t--site-features-analytics--light: url(../static/icons/site-features/analytics_light.svg);\n\t--site-features-bookingcalendar: url(../static/icons/site-features/bookingcalendar.svg);\n\t--site-features-bookingcalendar--light: url(../static/icons/site-features/bookingcalendar_light.svg);\n\t--site-features-email: url(../static/icons/site-features/email.svg);\n\t--site-features-email--light: url(../static/icons/site-features/email_light.svg);\n\t--site-features-filter: url(../static/icons/site-features/filter.svg);\n\t--site-features-filter--light: url(../static/icons/site-features/filter_light.svg);\n\t--site-features-form: url(../static/icons/site-features/form.svg);\n\t--site-features-form--light: url(../static/icons/site-features/form_light.svg);\n\t--site-features-lead: url(../static/icons/site-features/lead.svg);\n\t--site-features-lead--light: url(../static/icons/site-features/lead_light.svg);\n\t--site-features-search: url(../static/icons/site-features/search.svg);\n\t--site-features-search--light: url(../static/icons/site-features/search_light.svg);\n\t--site-features-security: url(../static/icons/site-features/security.svg);\n\t--site-features-security--light: url(../static/icons/site-features/security_light.svg);\n\t--site-features-share: url(../static/icons/site-features/share.svg);\n\t--site-features-share--light: url(../static/icons/site-features/share_light.svg);\n\t--site-features-wishlist: url(../static/icons/site-features/wishlist.svg);\n\t--site-features-wishlist--light: url(../static/icons/site-features/wishlist_light.svg);\n}\n","body {\n\n\t&.nfd-brand-bluehost,\n\t&.nfd-brand-bluehost-india {\n\t\t--wp-admin-theme-color: #3575d3;\n\t\t--wp-admin-theme-color--rgb: 53, 117, 211;\n\t\t--wp-admin-theme-color-darker-10: #1c5cba;\n\t\t--wp-admin-theme-color-darker-10--rgb: 28, 92, 186;\n\t\t--wp-admin-theme-color-darker-20: #0242a0;\n\t\t--wp-admin-theme-color-darker-20--rgb: 2, 66, 160;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/bluehost/dark.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/bluehost/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/bluehost/logo.svg);\n\t\t--nfd-onboarding-primary: #3575d3;\n\t\t--nfd-onboarding-highlighted--rgb: 123, 177, 253;\n\t\t--nfd-onboarding-primary-alt: #2c76dc;\n\t\t--nfd-onboarding-secondary: #495c77;\n\t\t--nfd-onboarding-secondary-alt: #304663;\n\t\t--nfd-onboarding-tertiary: #7bb1fd;\n\t\t--nfd-onboarding-tertiary-alt: #84c0fc;\n\t\t--nfd-onboarding-light: #fff;\n\t\t--nfd-onboarding-light-gray: #f0f0f0;\n\t\t--nfd-onboarding-light-gray-2: #efefef;\n\t\t--nfd-onboarding-light-gray-3: #f2f2f2;\n\t\t--nfd-onboarding-light-gray-4: #a7a7a7;\n\t\t--nfd-onboarding-light-gray-5: #eee;\n\t\t--nfd-onboarding-light-gray-highlighted: #e2e9f4;\n\t\t--nfd-onboarding-dark: #1d2a3b;\n\t\t--nfd-onboarding-border: 219, 219, 219;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-tertiary);\n\t\t--nfd-onboarding-step-loader-icon: url(../../Brands/bluehost/step-loader-logo.svg);\n\t\t--nfd-onboarding-step-error-icon: url(../../Brands/bluehost/step-error-logo.svg);\n\t\t--nfd-onboarding-step-what-next-img-3: url(../../Brands/bluehost/bluesky.png);\n\t\t--nfd-onboarding-step-what-next-img-1: url(../../Brands/bluehost/wp-admin.png);\n\t\t--nfd-onboarding-step-what-next-img-2: url(../static/images/help.png);\n\n\t\t--nfd-onboarding-sidebar-learn-more-get-started-welcome-illustration: url(../../Brands/bluehost/learn-more-get-started-welcome.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-get-started-wp-experience-illustration: url(../../Brands/bluehost/learn-more-get-started-wp-experience.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-get-started-site-type-illustration: url(../../Brands/bluehost/learn-more-get-started-site-type.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-ecommerce-address-illustration: url(../../Brands/bluehost/learn-more-ecommerce-address.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-ecommerce-tax-info-illustration: url(../../Brands/bluehost/learn-more-ecommerce-tax-info.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-ecommerce-products-illustration: url(../../Brands/bluehost/learn-more-ecommerce-products.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-basic-info-illustration: url(../../Brands/bluehost/learn-more-basic-info.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-theme-styles-illustration: url(../../Brands/bluehost/learn-more-design-theme-styles.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-colors-illustration: url(../../Brands/bluehost/learn-more-design-colors.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-typography-illustration: url(../../Brands/bluehost/learn-more-design-typography.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-header-menu-illustration: url(../../Brands/bluehost/learn-more-design-header-menu.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-design-homepage-illustration: url(../../Brands/bluehost/learn-more-design-homepage.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-pages-illustration: url(../../Brands/bluehost/learn-more-pages.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-site-features-illustration: url(../../Brands/bluehost/learn-more-site-features.svg);\n\t\t--nfd-onboarding-sidebar-learn-more-what-next-illustration: url(../../Brands/bluehost/learn-more-what-next.svg);\n\t}\n\n\t&.nfd-brand-hostgator {\n\t\t--wp-admin-theme-color: #2e93ee;\n\t\t--wp-admin-theme-color--rgb: 46, 147, 238;\n\t\t--wp-admin-theme-color-darker-10: #1485ec;\n\t\t--wp-admin-theme-color-darker-10--rgb: 20, 133, 236;\n\t\t--wp-admin-theme-color-darker-20: #1177d2;\n\t\t--wp-admin-theme-color-darker-20--rgb: 17, 119, 210;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/hostgator/dark.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/hostgator/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/hostgator/logo.svg);\n\t\t--nfd-onboarding-primary: #2e93ee;\n\t\t--nfd-onboarding-highlighted--rgb: 30, 32, 68;\n\t\t--nfd-onboarding-primary-alt: #3b97ff;\n\t\t--nfd-onboarding-secondary: #cdd8df;\n\t\t--nfd-onboarding-secondary-alt: #363636;\n\t\t--nfd-onboarding-tertiary: #ffcf00;\n\t\t--nfd-onboarding-tertiary-alt: #ff9144;\n\t\t--nfd-onboarding-light: #f5f6f8;\n\t\t--nfd-onboarding-light-gray: #f0f0f0;\n\t\t--nfd-onboarding-light-gray-2: #efefef;\n\t\t--nfd-onboarding-light-gray-3: #f2f2f2;\n\t\t--nfd-onboarding-light-gray-4: #a7a7a7;\n\t\t--nfd-onboarding-light-gray-5: #eee;\n\t\t--nfd-onboarding-dark: #1e2044;\n\t\t--nfd-onboarding-border: 245, 246, 248;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-tertiary);\n\t}\n\n\t&.nfd-brand-webcom {\n\t\t--wp-admin-theme-color: #4b75fc;\n\t\t--wp-admin-theme-color--rgb: 75, 117, 252;\n\t\t--wp-admin-theme-color-darker-10: #2b5cfb;\n\t\t--wp-admin-theme-color-darker-10--rgb: 43, 92, 251;\n\t\t--wp-admin-theme-color-darker-20: #0b44fb;\n\t\t--wp-admin-theme-color-darker-20--rgb: 11, 68, 251;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/webcom/dark.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/webcom/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/webcom/logo.svg);\n\t\t--nfd-onboarding-primary: #4b75fc;\n\t\t--nfd-onboarding-highlighted--rgb: 13, 71, 251;\n\t\t--nfd-onboarding-primary-alt: #0d47fb;\n\t\t--nfd-onboarding-secondary: #d4dce1;\n\t\t--nfd-onboarding-secondary-alt: #171003;\n\t\t--nfd-onboarding-tertiary: #fed96a;\n\t\t--nfd-onboarding-tertiary-alt: #fec101;\n\t\t--nfd-onboarding-light: #fff;\n\t\t--nfd-onboarding-light-gray: #f0f0f0;\n\t\t--nfd-onboarding-light-gray-2: #efefef;\n\t\t--nfd-onboarding-light-gray-3: #f2f2f2;\n\t\t--nfd-onboarding-light-gray-4: #a7a7a7;\n\t\t--nfd-onboarding-light-gray-5: #eee;\n\t\t--nfd-onboarding-dark: #000;\n\t\t--nfd-onboarding-border: 219, 219, 219;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary-alt);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-tertiary-alt);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-tertiary);\n\t}\n\n\t&.nfd-brand-crazy-domains {\n\t\t--wp-admin-theme-color: #548224;\n\t\t--wp-admin-theme-color--rgb: 84, 130, 36;\n\t\t--wp-admin-theme-color-darker-10: #4c7520;\n\t\t--wp-admin-theme-color-darker-10--rgb: 76, 117, 32;\n\t\t--wp-admin-theme-color-darker-20: #43681d;\n\t\t--wp-admin-theme-color-darker-20--rgb: 67, 104, 29;\n\t\t--nfd-onboarding-dark-icon: url(../../Brands/crazy-domains/icon-empty.svg);\n\t\t--nfd-onboarding-icon: url(../../Brands/crazy-domains/icon.svg);\n\t\t--nfd-onboarding-logo: url(../../Brands/crazy-domains/logo.svg);\n\t\t--nfd-onboarding-primary: var(--wp-admin-theme-color);\n\t\t--nfd-onboarding-highlighted--rgb: var(--wp-admin-theme-color-darker-10--rgb);\n\t\t--nfd-onboarding-primary-alt: var(--wp-admin-theme-color-darker-10);\n\t\t--nfd-onboarding-secondary: #c3cbd8;\n\t\t--nfd-onboarding-secondary-alt: #1d2a3b;\n\t\t--nfd-onboarding-tertiary: #196bde;\n\t\t--nfd-onboarding-tertiary-alt: #c77d1c;\n\t\t--nfd-onboarding-light: #fff;\n\t\t--nfd-onboarding-light-gray: #fcfff9;\n\t\t--nfd-onboarding-light-gray-2: #fcfff9;\n\t\t--nfd-onboarding-light-gray-3: #fcfff9;\n\t\t--nfd-onboarding-light-gray-4: #5c5c5c;\n\t\t--nfd-onboarding-light-gray-5: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-light-gray-highlighted: #e2e9f4;\n\t\t--nfd-onboarding-dark: #1d2a3b;\n\t\t--nfd-onboarding-border: 219, 219, 219;\n\t\t--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-light-gray-4);\n\t\t--nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-start: var(--nfd-onboarding-primary);\n\t\t--nfd-onboarding-loader-end: var(--nfd-onboarding-secondary);\n\t\t--nfd-onboarding-step-loader-icon: url(../../Brands/crazy-domains/step-loader-logo.svg);\n\t\t--nfd-onboarding-step-error-icon: url(../../Brands/crazy-domains/step-error-logo.svg);\n\t\t--nfd-onboarding-step-what-next-img-3: url(../../Brands/crazy-domains/full-service.png);\n\t\t--nfd-onboarding-step-what-next-img-1: url(../../Brands/crazy-domains/wp-admin.png);\n\t\t--nfd-onboarding-step-what-next-img-2: url(../static/images/help.png);\n\n\t\t--nfd-onboarding-drawer-bg: var(--nfd-onboarding-light);\n\t\t--nfd-onboarding-drawer-fg: var(--nfd-onboarding-dark);\n\t\t--nfd-onboarding-content-bg: var(--nfd-onboarding-light);\n\n\t\t.nfd-onboarding-drawer__toggle {\n\t\t\tbackground-color: transparent;\n\n\t\t\t&-button {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t\tborder-bottom: 1px solid #e0e0e0;\n\n\t\t\t&.is-open {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\n\t\t.nfd-onboarding-drawer__panel {\n\n\t\t\t&-scroll-container {\n\t\t\t\tborder-right: 1px solid #e0e0e0; // mirror header border.\n\t\t\t}\n\n\t\t\t&-site-title {\n\t\t\t\tcolor: var(--nfd-onboarding-light-gray-4);\n\t\t\t}\n\n\t\t\t&-menu-link {\n\t\t\t\tcolor: var(--nfd-onboarding-light-gray-4);\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: var(--nfd-onboarding-drawer-bg);\n\t\t\t\t\tcolor: var(--nfd-onboarding-primary);\n\t\t\t\t\tborder-color: var(--nfd-onboarding-primary);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.custom-palette {\n\t\t\t\tcolor: var(--nfd-onboarding-light);\n\t\t\t}\n\n\t\t\t.drawer-palette--button {\n\t\t\t\tborder: 1px solid var(--nfd-onboarding-secondary);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--nfd-onboarding-primary);\n\n\t\t\t\t\t* {\n\t\t\t\t\t\tcolor: var(--nfd-onboarding-light);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.nfd-onboarding-layout {\n\n\t\t\t&.is-bg-primary {\n\t\t\t\tbackground-color: var(--nfd-onboarding-light);\n\t\t\t}\n\n\t\t\t.checkbox-item--selected {\n\t\t\t\tbackground: rgba(var(--nfd-onboarding-highlighted--rgb), 0.05);\n\t\t\t}\n\n\t\t\t.tab-img {\n\t\t\t\tbackground-color: rgba(var(--nfd-onboarding-highlighted--rgb), 0.2);\n\t\t\t}\n\t\t}\n\t}\n}\n",".is-centered {\n\tdisplay: flex;\n\tplace-content: center;\n\tplace-items: center;\n}\n\n.is-vertically-centered {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-evenly;\n\tflex-direction: column;\n}\n\n.is-bg-primary {\n\tbackground-color: var(--nfd-onboarding-primary);\n\tcolor: var(--nfd-onboarding-light);\n}\n\n.center {\n\ttext-align: center;\n}\n\ninput::placeholder {\n\tfont-size: 0.75rem;\n\tcolor: var(--nfd-onboarding-light-gray-4);\n}\n",".nfd-onboarding-drawer__toggle {\n\talign-items: center;\n\tbackground: var(--nfd-onboarding-drawer-bg);\n\tborder-radius: 0;\n\tdisplay: flex;\n\tposition: absolute;\n\t// have changed the below value to 31 as the older value of 31 is no longer\n\t// available in the @wordpress/base-styles\n\t// old CSS property : z-index(\".edit-site-navigation-toggle\")\n\tz-index: 31;\n\theight: $header-height;\n\twidth: $header-height;\n\n\t&-button {\n\t\talign-items: center;\n\t\tbackground: var(--nfd-onboarding-drawer-bg);\n\t\tborder-radius: 0;\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\theight: $header-height + $border-width;\n\t\twidth: $header-height;\n\t\tz-index: 1;\n\t\tmargin-bottom: - $border-width;\n\n\t\t&.has-icon {\n\t\t\tmin-width: $header-height;\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t\t}\n\n\t\t\t&.is-suppressed {\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\ttransition: box-shadow 100ms ease;\n\n\t\t\t\t@include reduce-motion(\"transition\");\n\t\t\t\tcontent: \"\";\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 9px;\n\t\t\t\tright: 9px;\n\t\t\t\tbottom: 9px;\n\t\t\t\tleft: 9px;\n\t\t\t\tborder-radius: $radius-block-ui + $border-width + $border-width;\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--nfd-onboarding-drawer-bg);\n\t\t\t}\n\n\t\t\t&:hover::before {\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) $gray-700;\n\t\t\t}\n\n\t\t\t&:focus::before {\n\t\t\t\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(var(--nfd-onboarding-drawer-fg), 0.1);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.nfd-onboarding-drawer__panel {\n\theight: 100%;\n\tposition: relative;\n\twidth: 0;\n\toverflow: auto;\n\tbackground: var(--nfd-onboarding-drawer-bg);\n\tcolor: var(--nfd-onboarding-drawer-fg);\n\ttransition: width 100ms linear;\n\n\t@include reduce-motion(\"transition\");\n\n\t.interface-interface-skeleton.has-footer & {\n\n\t\t@include break-medium() {\n\t\t\theight: calc(100% - #{$button-size-small + $border-width});\n\t\t}\n\t}\n\n\t&-inner {\n\t\tposition: relative;\n\t\twidth: $nav-sidebar-width;\n\t\theight: 100%;\n\t\toverflow: auto;\n\t\tvisibility: hidden;\n\t\ttransition: visibility 100ms linear;\n\n\t\t@include reduce-motion(\"transition\");\n\t}\n\n\t&-site-title-container {\n\t\theight: $header-height;\n\t\tpadding-left: $header-height;\n\t\tmargin: 0 $grid-unit-20 0 $grid-unit-10;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t&-site-title {\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tcolor: $gray-300;\n\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t&-scroll-container {\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\theight: calc(100% - #{$header-height});\n\t\tbackground-color: var(--nfd-onboarding-drawer-bg);\n\t\t-ms-overflow-style: none;\n\t\tscrollbar-width: none;\n\n\t\t&::-webkit-scrollbar {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&-inside {\n\t\tpadding: 0 $grid-unit-20;\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\n\t\th2 {\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t}\n\t}\n\n\t&-menu-link {\n\t\tdisplay: flex;\n\t\tpadding: $grid-unit-10 $grid-unit-20;\n\t\ttext-decoration: none;\n\t\tcolor: var(--nfd-onboarding-light);\n\t\talign-items: center;\n\t\tborder-radius: 2px;\n\t\ttransition: background-color 100ms linear;\n\n\t\t@include reduce-motion(\"transition\");\n\n\t\tsvg {\n\t\t\tfill: var(--nfd-onboarding-drawer-icon-fill);\n\t\t\ttransition: fill 100ms linear;\n\n\t\t\t@include reduce-motion(\"transition\");\n\t\t\tmargin-right: $grid-unit-10;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n\t\t\toutline: 3px solid transparent;\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t}\n\n\t\t&.active {\n\t\t\tbackground-color: var(--nfd-onboarding-primary);\n\t\t\tcolor: var(--nfd-onboarding-light);\n\n\t\t\tsvg {\n\t\t\t\tfill: var(--nfd-onboarding-drawer-icon-active-fill);\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-button.nfd-onboarding-drawer__panel-back.is-tertiary {\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\topacity: 0.7;\n\t\theight: $button-size;\n\t\tmargin-top: $grid-unit-30;\n\t\tpadding: $grid-unit $grid-unit-20 $grid-unit $grid-unit;\n\n\t\tsvg {\n\t\t\tmargin-right: 0;\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t&:hover:not(:disabled),\n\t\t&:focus:not(:disabled) {\n\t\t\topacity: 1;\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t&-menu {\n\t\tmargin: $grid-unit-30 0;\n\n\t\th3 {\n\t\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\t\tfont-size: 20.28px;\n\t\t\tline-height: 1.2;\n\t\t\tpadding: $grid-unit-05 $grid-unit-10 $grid-unit-05 $grid-unit-20;\n\t\t\tmargin-top: 0;\n\t\t\theight: $grid-unit-50;\n\t\t\tmax-height: $grid-unit-60;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin-bottom: $grid-unit-10;\n\t\t}\n\t}\n\n\t&-menu-item {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tcolor: var(--nfd-onboarding-drawer-fg);\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t}\n}\n\n.nfd-onboarding-drawer__panel.is-open {\n\twidth: $nav-sidebar-width;\n\n\t.nfd-onboarding-drawer__panel-inner {\n\t\tvisibility: visible;\n\t}\n}\n\n/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n$main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb);\n\n.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom {\n\twidth: 100%;\n\toverflow: hidden;\n\theight: 250px;\n}\n\n.theme-header-menu-preview--drawer__list__item__live-preview-container .live-preview__container-custom {\n\twidth: 100%;\n\toverflow: hidden;\n\tmin-height: 50px;\n}\n\n.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom:hover {\n\tcursor: pointer;\n}\n\n.theme-header-menu-preview--drawer__list__item__live-preview-container .live-preview__container-custom:hover {\n\tcursor: pointer;\n}\n\n.theme-styles-preview {\n\n\t&--drawer {\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t\twidth: 100%;\n\n\t\t&__list {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\n\t\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\t\twidth: 100%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t&__item {\n\t\t\t\tflex: 1;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 24px 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t&__title-bar {\n\t\t\t\t\twidth: 90%;\n\t\t\t\t\theight: 15px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground-color: #ccc;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\t&__browser {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tmargin-left: 3px;\n\n\t\t\t\t\t\t&__dot {\n\t\t\t\t\t\t\tbackground-color: #989ea7;\n\t\t\t\t\t\t\twidth: 8px;\n\t\t\t\t\t\t\tmargin: 3px;\n\t\t\t\t\t\t\theight: 8px;\n\t\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&--selected {\n\t\t\t\t\t\tz-index: 2;\n\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t\t&__path {\n\t\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&--unselected {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&__live-preview-container {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 90%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tborder: 1px solid #b7b7b7;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n// Design Color Palette Step\n.theme-colors--drawer {\n\tpadding: 0 4px;\n\n\t&--reset {\n\t\twidth: 30%;\n\t\theight: 30px;\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\tmargin-top: 12px;\n\t\ttext-align: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: $main-color-light;\n\t\tcolor: var(--nfd-onboarding-primary);\n\n\t\t&:hover {\n\t\t\tcolor: $black;\n\t\t\tbackground-color: #ededed;\n\t\t}\n\t}\n}\n\n.color-palette {\n\tjustify-content: space-between;\n\n\t&__colors {\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t&--tertiary {\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\tborder-radius: 50%;\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\t\t}\n\n\t\t&--secondary {\n\t\t\tleft: 35px;\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\tborder-radius: 50%;\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\t\t}\n\n\t\t&--primary {\n\t\t\tleft: 55px;\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\tborder-radius: 50%;\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\t\t}\n\t}\n}\n\n.drawer-palette {\n\n\t&--button {\n\t\twidth: 88%;\n\t\theight: 30px;\n\t\tdisplay: flex;\n\t\tmargin: 8px 4px;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\tpadding: 10px 16px;\n\t\talign-items: center;\n\t\tbackground-color: var(--nfd-onboarding-white);\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--nfd-onboarding-tertiary);\n\t\t}\n\n\t\t&__text {\n\t\t\tcolor: $main-color-dark;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\tline-height: 16px;\n\t\t}\n\n\t\t&--selected {\n\t\t\tbackground-color: var(--nfd-onboarding-primary-alt);\n\n\t\t\t.drawer-palette--button__text {\n\t\t\t\tcolor: var(--nfd-onboarding-white);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.custom-palette {\n\twidth: 88%;\n\tmargin: 30px 2px;\n\tpadding: 20px 16px;\n\tbackground: $main-border-main;\n\n\t&__top {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t&-icon {\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\t&_acc_opened {\n\t\tdisplay: block;\n\t}\n\n\t&_acc_closed {\n\t\tdisplay: none;\n\t}\n\n\t&__below {\n\t\tmargin-top: 16px;\n\n\t\t&-row {\n\t\t\theight: 50px;\n\t\t\tcolor: $main-color-dark;\n\t\t\tdisplay: flex;\n\t\t\tcursor: pointer;\n\t\t\talign-items: center;\n\t\t\tbackground-color: $main-color-light;\n\t\t\tjustify-content: flex-start;\n\t\t\tborder: 0.5px solid rgba(0, 0, 0, 0.3);\n\n\t\t\t&-icon {\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\tmargin: 2px 12px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\n\t\t\t\t&_selected_border {\n\t\t\t\t\tbox-shadow: 0 0 5px 3px rgba($main-border-main--rgb, 0.5);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__picker-close-icon {\n\t\twidth: 25px;\n\t\theight: 25px;\n\t\tdisplay: flex;\n\t\tcolor: $main-color-dark;\n\t\tcursor: pointer;\n\t\tfont-weight: 900;\n\t\tborder-radius: 50%;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder: 1px solid $main-color-dark;\n\t\tbackground-color: $main-color-light;\n\t}\n}\n\n// Design Font Palette Step\n.theme-fonts--drawer {\n\tpadding: 0 4px;\n\tborder: none !important;\n\n\t&--reset {\n\t\twidth: 40%;\n\t\theight: 30px;\n\t\tdisplay: flex;\n\t\tcolor: $main-color-dark;\n\t\tcursor: pointer;\n\t\tmargin-left: 4px;\n\t\ttext-align: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: $main-color-light;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--nfd-onboarding-drawer-icon-fill);\n\t\t}\n\t}\n}\n\n.font-palette {\n\n\t&__icon {\n\t\tcolor: $main-color-dark;\n\t\tfont-weight: 700;\n\t\tmargin-right: 16px;\n\t}\n}\n\n.custom-font-palette {\n\twidth: 88%;\n\tmargin: 30px 2px;\n\tpadding: 20px 16px;\n\tbackground: $main-border-main;\n\n\t&--hidden {\n\t\tdisplay: none;\n\t}\n\n\t&__top {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t&-text {\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t&-icon {\n\t\t\tfont-size: 14px;\n\t\t}\n\t}\n\n\t&_acc_opened {\n\t\tdisplay: block;\n\t}\n\n\t&_acc_closed {\n\t\tdisplay: none;\n\t}\n\n}\n\n.theme-header-menu-preview {\n\n\t&--drawer {\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t\twidth: 100%;\n\n\t\t&__list {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\n\t\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\t\twidth: 100%;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t&__item {\n\t\t\t\tflex: 1;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 24px 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t&__title-bar {\n\t\t\t\t\twidth: 90%;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground-color: #ccc;\n\t\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t\t&--selected {\n\t\t\t\t\t\tz-index: 2;\n\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t\t&__path {\n\t\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&--unselected {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&__live-preview-container {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 95%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\talign-items: center;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-header {\n    align-items: center;\n    background-color: var(--nfd-onboarding-header-bg);\n    color: var(--nfd-onboarding-header-fg);\n    h2, h3, h4 {\n        color: var(--nfd-onboarding-header-fg);\n    }\n    display: flex;\n    height: $header-height;\n    box-sizing: border-box;\n    width: 100%;\n    justify-content: space-between;\n\n    padding-right: $grid-unit-20;\n\n    body.is-fullscreen-mode & {\n        padding-left: $header-height;\n        transition: padding-left 20ms linear;\n        transition-delay: 80ms;\n        @include reduce-motion('transition');\n    }\n\n    &__start,\n    &__end {\n        display: flex;\n    }\n\n    &__start {\n        align-items: center;\n        margin-left: $grid-unit-20;\n    }\n\n    &__center {\n        display: flex;\n        align-items: center;\n        height: 100%;\n        flex-grow: 1;\n        justify-content: center;\n        min-width: 5px;\n        font-weight: 600;\n        font-size: 20px;\n        line-height: $grid-unit-30;\n        svg {\n            margin-right: $grid-unit-10;\n        }\n    }\n\n    &__end {\n        justify-content: flex-end;\n    }\n\n    &__step-navigation {\n        display: flex;\n        column-gap: $grid-unit-10;\n    }\n\n    &__step-progress {\n        &:-webkit-progress-inner-element {\n            background-color: #999;\n        }\n        &:-moz-progress-bar,\n        &:-webkit-progress-bar {\n            background-color: var(--nfd-onboarding-primary);\n        }\n    }\n}\n\n.nfd-onboarding-skeleton.is-drawer-open {\n    .nfd-onboarding-header {\n        padding-left: 0;\n        transition: padding-left 20ms linear;\n        transition-delay: 0ms;\n        @include reduce-motion(\"transition\");\n    }\n}\n\n.navigation-buttons {\n    font-size: 14px;\n    line-height: 40px;\n    align-items: center;\n    letter-spacing: 0.8px;\n    display: flex !important;\n    justify-content: space-evenly;\n    border-radius: 2px !important;\n    padding: 20px 14px !important; \n\n    &_back {\n        padding-right: 22px !important;\n    }\n\n    &_next {\n        padding-left: 22px !important;\n    }\n\n    &_finish {\n        padding-left: 22px !important;\n    }\n\n    @media screen and (max-width: #{ ($break-medium) }) {\n        font-size: 13px;\n        padding: 15px 10px !important; \n    }\n}\n\n",".interface-interface-skeleton__content {\n    background-color: var(--nfd-onboarding-content-bg);\n    color: var(--nfd-onboarding-content-fg);\n}",".nfd-onboarding-layout__common {\n    min-height: calc(100vh - #{$header-height} - #{$border-width} - #{$admin-bar-height-big});\n    @include break-medium {\n        min-height: calc(100vh - #{$header-height} - #{$border-width});\n    }\n    &.is-padded {\n        min-height: calc(100vw - #{$header-height} - #{$border-width} - #{$grid-unit * 18} - #{$admin-bar-height-big});\n        @include break-medium {\n            min-height: calc(100vh - #{$header-height} - #{$border-width} - #{$grid-unit * 18});\n        }\n        padding: #{$grid-unit * 9};\n    }\n    > .is-contained {\n        width: 100%;\n        max-width: $break-huge;\n    }\n}","$primary-color: var(--nfd-onboarding-primary);\n\n.skip-button {\n    padding: 10px;\n    cursor: pointer;\n    font-weight: 200;\n    font-style: italic;\n    color: $primary-color;\n}",".image-upload-loader {\n\n\t&--loading-box {\n\t\twidth: 200px;\n\t\theight: 25px;\n\t\tposition: relative;\n\t\tborder-radius: 50px;\n\t\toverflow: hidden;\n\t\tborder: 2px solid #ededed;\n\n\t\t&__loader {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\tborder-radius: 50px;\n\t\t\tbackground: linear-gradient(45deg, var(--nfd-onboarding-loader-start), var(--nfd-onboarding-loader-end));\n\t\t\tleft: -100%;\n\t\t}\n\t}\n\n}\n\n",".step-loader {\n\n\tcursor: wait;\n\tjustify-content: space-evenly;\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tjustify-content: center;\n\t}\n\n\t&__logo {\n\t\tmax-width: 256px;\n\t\theight: 256px;\n\t\twidth: 50vw;\n\t\tbackground-image: var(--nfd-onboarding-step-loader-icon);\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\n\t\t@media (max-width: #{($break-medium)}) {\n\t\t\tmax-width: 256px;\n\t\t\tmax-height: 256px;\n\t\t\theight: 30vh;\n\t\t\twidth: 100vw;\n\t\t}\n\t}\n}\n","$white: #FFFFFF;\n$black: #000000;\n$browser-dark: #CACACA;\n$browser-light: #F2F2F2;\n$link-browser-color: #007017;\n$title-browser-color: #3858E9;\n\n.mini-preview {\n    margin: 0px 0px 10px 0px;\n    font-weight: 500;\n    font-size: 1rem;\n}\n\n.browser-container {\n    width: 100%;\n    background-color: $browser-dark;\n}\n\n.browser-icon{\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-clip: padding-box;\n\n    &-title{\n        width: 18px;\n        height: 18px;\n        padding: 5px;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-clip: padding-box;\n    }\n}\n\n.browser-dot {\n    width: 12px;\n    height: 12px;\n    margin: 4px;\n    border-radius: 50%;\n    display: inline-block;\n\n    @media (max-width: 400px) {\n        width: 8px;\n        margin: 2.8px;\n        height: 8px;\n        margin-top: 3px;\n    }\n}\n\n.browser-content {\n    padding: 10px;\n    word-break: break-all;\n    background-color: $white;\n\n    &_top-row{\n\n        margin-top: 8px;\n\n        &-name{\n            cursor: pointer;\n            font-weight: 600;\n            font-size: 1.2rem;\n            margin: 0px 0px 6px 0px;\n            color: $title-browser-color;\n        }\n\n        &-link {\n            margin: 0px;\n            font-size: 1rem;\n            cursor: pointer;\n            color: $link-browser-color;\n        }\n    }\n    &_desc{\n        color: $black;\n        text-align: left;\n        max-width: 450px;\n        font-weight: 400;\n        line-height: 1.58;\n        font-size: 0.88rem;\n        margin: 16px 0px 0px 0px;\n    }\n    &_social{\n        display: flex;\n        margin-top: 4px;\n        justify-content: flex-start;\n\n        &_icon{\n            opacity: 1;\n            width: 24px;\n            height: 24px;\n            filter: none;\n            cursor: pointer;\n            text-align: center;\n            padding-right: 6px;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n            transition: opacity 0.4s ease-in-out;\n\n            &.--no-url {\n                opacity: 0.5;\n                filter: grayscale(1);\n            }\n\n            &.--invalid-url {\n                opacity: 0.75;\n                filter: none;\n            }\n        }\n    }\n}\n\n.browser-row {\n\n    &-title {\n        display: flex;\n        align-items: flex-end;\n        background-color: $browser-dark;\n\n        &_main{\n            height: 100%;\n            margin-left: 6px;\n        }\n\n        &_buttons{\n            padding: 2px 8px 3px 2px;\n        }\n\n        &_bar {\n            display: flex;\n            align-items: flex-end;\n\n            &_before {\n                background-color: $browser-light;\n        \n                &-curve {\n                    opacity: 1;\n                    width: 10px;\n                    height: 10px;\n                    content: \" \";\n                    display: flex;\n                    align-items: center;\n                    pointer-events: none;\n                    justify-content: center;\n                    border-radius: 0 0 8px 0;\n                    background-color: $browser-dark;\n                }\n            }\n            \n            &_after {\n                background-color: $browser-light;\n        \n                &-curve {\n                    opacity: 1;\n                    width: 10px;\n                    height: 10px;\n                    content: \" \";\n                    display: flex;\n                    align-items: center;\n                    pointer-events: none;\n                    justify-content: center;\n                    border-radius: 0 0 0 8px;\n                    background-color: $browser-dark;\n                }\n            }\n            \n            &_main {\n                z-index: 4;\n                height: 30px;\n                display: flex;\n                margin-top: 5px;\n                min-width: 150px;\n                padding-left: 5px;\n                padding-right: 10px;\n                align-items: center;\n                border-radius: 8px 8px 0px 0px;\n                background-color: $browser-light;\n        \n                &-text {\n                    flex: 1;\n                    content: \" \";\n                    margin-left: 2px;\n                    max-width: 140px;\n                    font-size: 0.8rem;\n                    line-clamp: 1;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    background: -webkit-linear-gradient(left, #000 50%, #fff);\n                    background-clip: text;\n                    -webkit-text-fill-color: transparent;\n                }\n            }\n        }\n\n        \n    }\n\n    &-search {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: $browser-light;\n\n        &__icons {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        &__search-box {\n            flex: 10;\n            padding: 5px;\n\n            &_input {\n                width: 100%;\n                font-size: 0.8rem;\n                border: none !important;\n                background-color: $white;\n            }\n        }\n\n        &__more {\n            flex: 1;\n        }\n    }\n}","\n$tooltip-text-color: white;\n$tooltip-background-color: rgba(0, 0, 0, 0.75);\n$tooltip-margin: 35px;\n$tooltip-arrow-size: 6px;\n\n/* Wrapping */\n.Tooltip-Wrapper {\n    display: inline-block;\n    position: relative;\n    width: 100%;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip {\n    position: absolute;\n    border-radius: 4px;\n    left: 50%;\n    transform: translateX(-40%);\n    padding: 6px;\n    color: $tooltip-text-color;\n    background: $tooltip-background-color;\n    font-size: 12px;\n    white-space: nowrap;\n}\n\n/* CSS border triangles */\n.Tooltip-Tip::before {\n    content: \" \";\n    left: 50%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-width: $tooltip-arrow-size;\n    margin-left: calc($tooltip-arrow-size * -1);\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.top {\n    top: calc($tooltip-margin * -1);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.top::before {\n    top: 100%;\n    border-top-color: $tooltip-background-color;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.right {\n    left: calc(100% + $tooltip-margin);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.right::before {\n    left: calc($tooltip-arrow-size * -1);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-right-color: $tooltip-background-color;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.bottom {\n    bottom: calc($tooltip-margin * -1);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.bottom::before {\n    bottom: 100%;\n    border-bottom-color: $tooltip-background-color;\n}\n\n/* Absolute positioning */\n.Tooltip-Tip.left {\n    left: auto;\n    right: calc(100% + $tooltip-margin);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n}\n\n/* CSS border triangles */\n.Tooltip-Tip.left::before {\n    left: auto;\n    right: calc($tooltip-arrow-size * -2);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-left-color: $tooltip-background-color;\n}","$border: #d6d6d6;\n$white-shade: #f9f9f9;\n$primary-color: var(--nfd-onboarding-primary);\n\n.image-uploader {\n\n\t&_heading {\n\t\tfont-size: 16px;\n\t\tfont-weight: 500;\n\t\tmargin: 0 0 6px 0;\n\t}\n\n\t&_window {\n\t\twidth: 100%;\n\t\theight: 15vh;\n\t\tborder-radius: 2px;\n\t\tmargin-bottom: 24px;\n\t\tborder: 1px dashed $border;\n\t\tbackground-color: $white-shade;\n\t\ttransition: all 0.4s ease-in-out;\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t&--on-drag {\n\t\t\tbackground-color: #e4e4e4;\n\t\t}\n\n\t\t@include break-medium() {\n\t\t\theight: 18vh;\n\t\t}\n\n\t\t&-empty {\n\t\t\tflex: 1;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t&-logo {\n\t\t\tflex: 2;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&-icon-empty {\n\t\t\t\theight: 95%;\n\t\t\t\tcontent: var(--default-logo-icon);\n\t\t\t\tobject-fit: scale-down;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-clip: padding-box;\n\t\t\t}\n\n\t\t\t&-icon-selected {\n\t\t\t\twidth: 80%;\n\t\t\t\theight: 90%;\n\t\t\t\tobject-fit: scale-down;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-clip: padding-box;\n\t\t\t}\n\t\t}\n\n\t\t&-reset {\n\t\t\tflex: 1;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: flex-end;\n\n\t\t\t&-btn {\n\t\t\t\twidth: 78%;\n\t\t\t\theight: 35px;\n\t\t\t\tmargin: 10px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 300;\n\t\t\t\tcolor: $primary-color;\n\t\t\t\tborder: 1px solid $primary-color;\n\t\t\t}\n\t\t}\n\n\t\t&-select-btn {\n\t\t\tdisplay: none;\n\t\t}\n\n\t}\n}\n","$border: #D6D6D6;\n\n.social-form {\n    width: 100%;\n    padding: 12px;\n    margin-top: 20px;\n    border-radius: 6px;\n    box-sizing: border-box;\n    border: 1px solid $border;\n\n    &__top-row {\n        display: flex;\n        cursor: pointer;\n        padding-left: 6px;\n        align-items: center;\n        justify-content: space-between;\n\n        &_heading {\n            font-size: 1rem;\n            font-weight: 500;\n        }\n\n        &_icon {\n            width: 24px;\n            height: 24px;\n            text-align: center;\n            background-position: center;\n            transition: all 0.3s ease-in;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n            background-image: var(--chevron-down-icon);\n\n            &_opened {\n                transform: rotateX(180deg);\n            }\n        }\n    }\n\n    &__main {\n        &-active {\n            opacity: 1;\n            overflow: hidden;\n            max-height: 650px;\n            transition: all 0.45s ease-in-out;\n            transition-property: max-height, opacity;\n        }\n\n        &-hidden {\n            opacity: 0;\n            max-height: 0px;\n            overflow: hidden;\n            transition: all 0.45s ease-in-out;\n            transition-property: max-height, opacity;\n        }\n    }\n\n    &__label {\n        display: flex;\n        padding-top: 10px;\n        padding-left: 6px;\n        padding-bottom: 3px;\n        align-items: center;\n        justify-content: flex-start;\n        \n        &-facebook {\n            padding-top: 18px;\n        }\n\n        &_icon {\n            width: 20px;\n            height: 20px;\n            text-align: center;\n            padding-right: 10px;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n        }\n\n        &_name {\n            font-size: 0.9rem;\n        }\n    }\n\n    &__box {\n        width: 95%;\n        font-size: 0.88rem;\n        margin: 6px 12px 10px 8px;\n    }\n\n    &__box-error {\n        width: 95%;\n        font-size: 0.88rem;\n        margin: 6px 12px 10px 8px;\n        background-color: rgba(255, 0, 0, 0.18) !important;\n    }\n}\n","$white: var(--nfd-onboarding-white);\n$error: rgba(255, 0, 0, 0.26);\n$border: #D6D6D6;\n$letter-spacing: 0.5px;\n\n.nfd-input {\n    margin-bottom: 25px;\n    width: 100% !important;\n\n    &__field {\n        padding: 14px;\n        margin: 6px 0px;\n        font-size: 0.9rem;\n        letter-spacing: $letter-spacing;\n\n        width: 100%;\n        resize: none;\n        overflow: hidden;\n        border-radius: 6px;\n        max-height: 150px;\n        border: 1px solid $border;\n\n        &_error{\n            background-color: $error !important;\n        }\n    }\n    \n    &__label{\n        display: flex;\n        padding: 4px 2px;\n        align-items: center;\n        justify-content: space-between;\n\n        &_title{\n            margin: 0px;\n            font-size: 1rem;\n            font-weight: 500;\n            letter-spacing: $letter-spacing;\n        }\n\n        &_maxChar {\n            margin: 0px;\n            font-size: 0.81rem;\n            letter-spacing: $letter-spacing;\n        }\n    }\n\n    &__hint{\n        margin: 0px;\n        font-weight: 300;\n        font-size: 0.87rem;\n        padding: 0px 1.5px;\n        font-style: italic;\n        letter-spacing: $letter-spacing;\n    }\n}",".nfd-onboarding-etw__buttons {\n    display: flex;\n    margin-top: $grid-unit-30;\n    column-gap: $grid-unit-20;\n    .components-button {\n        width: 50%;\n        justify-content: center;\n    }\n}",".nfd-onboarding-accordion {\n    border: $border-width solid var(--nfd-onboarding-dark);\n    margin-bottom: $grid-unit-05;\n    margin-top: $grid-unit-05;\n    opacity: 0.8;\n    padding: $border-width;\n    transition: opacity 233ms ease;\n    @include reduce-motion(\"transition\");\n\n    &:hover,\n    &:focus,\n    &[open] {\n        opacity: 1;\n    }\n\n    &__summary {\n        background-color: var(--nfd-onboarding-light);\n        color: var(--nfd-onboarding-dark);\n        cursor: pointer;\n        font-weight: 700;\n        padding: $grid-unit-05 $grid-unit-10;\n\n        p {\n            display: inline;\n        }\n    }\n\n    &__content {\n        margin: 0 $grid-unit-20;\n        padding: $grid-unit-10 0;\n        color: var(--nfd-onboarding-dark);\n    }\n\n}",".nfd-onboarding-overview {\n    width: 100%;\n    max-width: 960px;\n    background-color: var(--nfd-onboarding-light);\n    padding: 20px;\n    &__header {\n        display: flex;\n        align-items: center;\n        column-gap: 1rem;\n        &-icon {\n            display: flex;\n            place-items: center;\n            svg {\n                fill: var(--nfd-onboarding-primary);\n            }\n        }\n        &-heading {\n            margin: 0 0 6px 0;\n            color: var(--nfd-onboarding-dark);\n        }\n        &-subheading {\n            color: var(--nfd-onboarding-dark);\n        }\n    }\n}",".nfd-onboarding-large-card {\n\tdisplay: flex;\n\tmax-width: 960px;\n\twidth: 60vw;\n\tmin-height: 60vh;\n\tbackground: var(--nfd-onboarding-light);\n\tposition: relative;\n\ttransform-style: preserve-3d;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: space-evenly;\n\tpadding: 24px 32px;\n\tmargin: 20px;\n\n\t@media (max-width: #{($break-medium - 1)}) {\n\t\tjustify-items: center;\n\t\talign-items: center;\n\t\tpadding: 16px;\n\t\ttransform-style: flat;\n\t}\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tbackground: var(--nfd-onboarding-dark-icon) no-repeat;\n\t\twidth: 600px;\n\t\tmin-height: 500px;\n\t\ttransform: rotate(-14deg) translateZ(-1px);\n\t\tposition: absolute;\n\t\tleft: -15rem;\n\t\ttop: 2rem;\n\t}\n\n\t@media (max-width: #{ ($break-medium - 1) }) {\n\t\tjustify-items: center;\n\t\talign-items: center;\n\t\ttransform-style: flat;\n\t\tpadding: 20px;\n\t\tmargin: 30px;\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t@media (min-width: #{ ($break-medium) }) and (max-width: 1300px) {\n\t\t&::before {\n\t\t\twidth: 400px;\n\t\t\theight: 350px;\n\t\t\tleft: -10.5rem;\n\t\t}\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tmax-width: 100%;\n\t\twidth: 50vw;\n\t\tmin-height: 960px;\n\t\t&::before {\n\t\t\twidth: 860px;\n\t\t\tmin-height: 600px;\n\t\t\tleft: -19rem;\n\t\t}\n\t}\n\n\t&not::before {\n\t\tjustify-content: center;\n\t}\n}","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n$main-color: var(--nfd-onboarding-highlighted--rgb);\n\n/*BORDER RADIUS*/\n$radius: 0.2rem;\n\n.nfd-card {\n    display: flex;\n    cursor: pointer;\n    width: 290px;\n    padding-left: 10px;\n    margin-right: 10px;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n    box-shadow: none !important;\n    background-color: transparent !important;\n\n    &__top_row {\n        width: 100%;\n        display: flex;\n        position: absolute;\n        align-items: center;\n        justify-content: center;\n    }\n\n    &__body {\n        height: 200px;\n        padding: 8px;\n        text-align: center;\n        margin-top: 50px;\n        border-radius: 6px;\n        margin-right: 15px;\n        padding-top: 20px;\n        border-radius: $radius;\n        background-color: transparent;\n        border: 1px solid rgba($main-border-light, 0.6);\n\n        &_title {\n            font-weight: 700;\n            margin-top: 30px;\n            color: $main-color-dark;\n            padding: 14px 0px 10px 0px;\n            transition: color 300ms ease-in;\n            font-size: clamp(1rem, 2.5vw, 1.5rem);\n        }\n        \n        &_description {\n            font-weight: 400;\n            text-align: center;\n            letter-spacing: 0.5px;\n            color: $main-color-dark;\n            font-size: clamp(0.8rem, 2vw, 0.87rem);\n        }\n    }\n    &__icon{\n        flex: 1;\n        display: flex;\n        margin-top: 10px;\n        margin-right: -25px;\n        align-items: center;\n        justify-content: center;\n\n        &_box {\n            width: 64px;\n            height: 64px;\n            border-radius: 50%;\n            text-align: center;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-clip: padding-box;\n            background-color: $main-color-dark;\n            border: 4px solid rgba($main-color, 0.10544);\n\n            &-selected{\n                background-color: $main-border-main !important;\n            }\n        }\n    }\n\n    &__icon_selected{\n        width: 40px;\n        height: 40px;\n        display: flex;\n        border-radius: 50%;\n        align-items: center;\n        margin-top: 20px;\n        justify-content: center;\n        background-clip: padding-box;\n        background-color: $main-border-main;\n\n        &_path {\n            fill: $main-color-light;\n            transform: scale(0.7);\n        }\n    }\n\n    &__icon_unselected {\n        width: 40px;\n        height: 40px;\n        opacity: 0;\n    }\n}\n\n.nfd-selected-card{\n    transition: all .2s ease-in-out;\n    background-color: rgba($main-color, 0.18) !important;\n}\n\n.nfd-selected-card-box{\n    transform: scale(1.05);\n}\n\n",".selectable_cards {\n    gap: 1.5rem;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n\n    @media (max-width: #{ ($break-large) }) {\n        flex-direction: column;\n        align-items: center;\n    }\n}","/*COLOR VARIABLES*/\n$black: var(--nfd-onboarding-black);\n$primary-color: var(--nfd-onboarding-primary);\n\n.nfd-main-heading {\n\twidth: 96%;\n\tmargin: 50px 0 50px;\n\tline-height: 1;\n\n\t&__title {\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\tcolor: $primary-color;\n\t\tmargin: 35px !important;\n\t\tfont-size: clamp(1.6rem, 4vw, 3.6rem);\n\t}\n\n\t&__subtitle {\n\t\tcolor: $black;\n\t\tfont-weight: 400;\n\t\ttext-align: center;\n\t\tfont-size: clamp(0.85rem, 3.2vw, 1.7rem);\n\t}\n}\n","$button-blue-text-color : #fff;\n\n.nfd-onboarding-button {\n\n\t&--blue {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tcolor: $button-blue-text-color;\n\t\theight: 36px;\n\t\tborder: none;\n\t\tmargin: 10px 0;\n\t}\n}\n","$button-white-background-color : #fff;\n\n.nfd-onboarding-button {\n\n\t&--white {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tbackground: $button-white-background-color;\n\t\tcolor: var(--wp-admin-theme-color);\n\t\tborder: 1px solid var(--wp-admin-theme-color);\n\t\theight: 36px;\n\t\tborder-radius: 2px;\n\t\tmargin: 10px 0;\n\n\t\t&:hover {\n\t\t\tcolor: var(--wp-admin-theme-color-darker-20);\n\t\t\tborder: 1px solid var(--wp-admin-theme-color-darker-20);\n\t\t}\n\t}\n}\n","@import \"./ButtonBlue/stylesheet\";\n@import \"./ButtonWhite/stylesheet\";\n\n.nfd-card-button {\n\tcursor: pointer;\n\n\t&:disabled {\n\t\tcursor: default;\n\t\topacity: 0.3;\n\t}\n}\n",".nfd-step-card-heading {\n\tmargin: 5px;\n\tfont-weight: 700;\n\tline-height: 1.25;\n\ttext-align: center;\n\tfont-size: clamp(1.5rem, 1.82vw + 1.05rem, 2.5rem);\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tfont-size: clamp(1rem, 3.5vw, 1.2rem);\n\t\tmargin: 10px;\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(1rem, 2.44vw + 0.39rem, 6.25rem);\n\t\tmargin: 40px;\n\t}\n}\n\n.nfd-step-card-subheading {\n\tmargin: 5px;\n\tfont-weight: 700;\n\tcolor: var(--wp-admin-theme-color);\n\tfont-size: clamp(1rem, 0.91vw + 0.77rem, 1.5rem);\n\ttext-align: center;\n\tline-height: 1;\n\n\t@media (min-width: #{ ($break-medium)}) {\n\t\tpadding-bottom: 30px;\n\t}\n  \n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem);\n\t\tmargin: 80px;\n\t}\n}\n\n.nfd-step-card-subheading-other {\n\tfont-weight: 700;\n\tmargin-top: 35px;\n\tcolor: var(--wp-admin-theme-color);\n\tfont-size: clamp(0.8rem, 2.5vw, 1.2rem);\n\t@media (max-width: #{($break-medium)}) {\n\t\tmargin: 3px;\n\t\tfont-size: clamp(0.7rem, 2.2vw, 1.2rem);\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem);\n\t\tmargin: 80px;\n\t}\n}\n\n.nfd-step-card-question {\n\tmargin: 18px;\n\tfont-size: clamp(1rem, 2vw, 1.8rem);\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem);\n\t\tfont-weight: 700;\n\t\tmargin: 60px;\n\t}\n}\n",".nfd-card-need-help-tag {\n\tcolor: black;\n\tpadding: 20px;\n\tfont-weight: 200;\n\ttext-align: center;\n\tfont-style: italic;\n\tfont-size: clamp(0.6rem, 1.5vw, 0.9rem);\n\ta {\n\t\ttext-decoration: none;\n\t\tpadding: 0px 0.4rem;\n\t}\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tpadding: 9px;\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(1.6rem, -0.09vw + 1rem, 1.78rem);\n\t\tfont-weight: 450;\n\t}\n}\n",".interface-interface-skeleton__sidebar {\n\theight: 100%;\n\tposition: relative;\n\toverflow: hidden;\n}\n\n.nfd-onboarding-sidebar__panel {\n\theight: 100%;\n\tposition: relative;\n\twidth: 0;\n\toverflow: hidden;\n\ttransition: width 100ms linear;\n\n\t@include reduce-motion(\"transition\");\n\n\t&-inner {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\tvisibility: hidden;\n\t\ttransition: visibility 100ms linear;\n\n\t\t@include reduce-motion(\"transition\");\n\t}\n}\n\n.nfd-onboarding-sidebar__panel.is-open {\n\twidth: $nav-sidebar-width;\n\n\t.nfd-onboarding-sidebar__panel-inner,\n\t.interface-interface-skeleton__sidebar {\n\t\tvisibility: visible;\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--heading-with-description {\n\n\t\t&__heading {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #1e1e1e;\n\t\t\tline-height: 20px;\n\t\t}\n\n\t\t&__description {\n\t\t\tline-height: 16px;\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--step-intro-panel {\n\t\tborder: none;\n\n\t\t&__container {\n\t\t\tdisplay: flex;\n\n\t\t\t&__text {\n\t\t\t\talign-items: center;\n\n\t\t\t\t&__heading,\n\t\t\t\t&__subheading {\n\t\t\t\t\tmargin-top: 2px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__icon {\n\t\t\t\tmargin-right: 5%;\n\t\t\t}\n\n\t\t}\n\t}\n\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--illustration-panel {\n\n\t\t&__container {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\theight: 200px;\n\t\t}\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--info-panel {\n\t\tborder-bottom: none;\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--help-panel {\n\n\t\t&__links {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin: 0 10px;\n\t\t}\n\t}\n}\n\n",".nfd-onboarding-sidebar-learn-more {\n\n\t&--support-link {\n\t\tborder-radius: 2px;\n\t\ttext-decoration: none;\n\t\tcolor: var(--wp-admin-theme-color);\n\t\tmargin: 10px 0;\n\n\t\t&:hover {\n\t\t\tcolor: var(--wp-admin-theme-color-darker-20);\n\t\t}\n\t}\n}\n","@import \"./HeadingWithDescription/stylesheet\";\n@import \"./StepIntroPanel/stylesheet\";\n@import \"./IllustrationPanel/stylesheet\";\n@import \"./InfoPanel/stylesheet\";\n@import \"./HelpPanel/stylesheet\";\n@import \"./SupportLink/stylesheet\";\n\n.components-button:focus:not(:disabled),\n.components-button.is-pressed:focus:not(:disabled) {\n\tbox-shadow: none;\n}\n\n.nfd-onboarding-sidebar-learn-more {\n\tpadding: 0 !important;\n\tborder: none;\n\toverflow-y: auto;\n\twidth: 100%;\n\theight: 100%;\n\n\t&__header {\n\n\t\t&__icon {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t&__menu-button {\n\t\tmargin: 0 5px;\n\t\tmin-height: 40px;\n\t}\n}\n\n","$main-color-grey: var(--nfd-onboarding-light-gray);\n$main-color-grey-other: #e2e2e2;\n$main-color-light-rgb: var(--nfd-onboarding-white-rgb);\n\n.live-preview {\n\n\t&__container {\n\n\t\t&-small {\n\t\t\twidth: 70%;\n\t\t\theight: 70%;\n\t\t\toverflow: hidden;\n\t\t\tmax-width: 320px;\n\t\t\tmax-height: 320px;\n\t\t}\n\n\t\t&-large {\n\t\t\twidth: 70%;\n\t\t\tmin-height: 90vh;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t\talign-items: center;\n\t\t\tborder: 1px solid #e3dfdf;\n\t\t\tborder-top: 0;\n\t\t\tmargin-bottom: 30px;\n\n\t\t\t&:hover {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t&--is-skeleton {\n\t\t\tz-index: 1;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tposition: absolute;\n\t\t\tcursor: not-allowed;\n\t\t\talign-items: center;\n\t\t\tflex-direction: column;\n\t\t\tbackground-color: $main-color-grey;\n\n\t\t\t&--box {\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 12px;\n\t\t\t\tbackground: $main-color-grey-other;\n\n\t\t\t\t&-header {\n\t\t\t\t\theight: 10%;\n\t\t\t\t}\n\n\t\t\t\t&-body-1 {\n\t\t\t\t\theight: 40%;\n\t\t\t\t}\n\n\t\t\t\t&-body-2 {\n\t\t\t\t\theight: 15%;\n\t\t\t\t}\n\n\t\t\t\t&-footer {\n\t\t\t\t\theight: 5%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--shimmer {\n\t\t\t\tz-index: 2;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tbackground-image:\n linear-gradient(90deg, rgba($main-color-light-rgb, 0) 0, rgba($main-color-light-rgb, 0.4) 20%, rgba($main-color-light-rgb, 0.6) 60%, rgba($main-color-light-rgb, 0.4) 90%, rgba($main-color-light-rgb, 0.02) 100%, $main-color-grey);\n\t\t\t}\n\t\t}\n\t}\n}\n","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.live-preview--selectable-card {\n\tflex: 1;\n\twidth: 100%;\n\tmargin: 24px;\n\tdisplay: flex;\n\toverflow: hidden;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t&__title-bar {\n\t\twidth: 90%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #e4e4e4;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\n\t\t&--selected {\n\t\t\tz-index: 2;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tdisplay: flex;\n\t\t\tmargin-right: -15px;\n\t\t\tborder-radius: 50%;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbackground-clip: padding-box;\n\t\t\tbackground-color: $main-border-main;\n\n\t\t\t&__path {\n\t\t\t\tfill: $main-color-light;\n\t\t\t\ttransform: scale(0.7);\n\t\t\t}\n\t\t}\n\n\t\t&--unselected {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__live-preview-container {\n\t\tposition: relative;\n\t\twidth: 90%;\n\t\toverflow: hidden;\n\t\talign-items: center;\n\t\tborder: 1px solid #e3dfdf;\n\n\t\t.live-preview {\n\n\t\t\t&__container {\n\n\t\t\t\t&-custom {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\theight: 300px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__overlay {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\theight: 100%;\n\t\t\tz-index: 2;\n\t\t\twidth: 100%;\n\t\t\topacity: 0;\n\t\t\ttransition: 0.5s ease;\n\t\t\tbackground-color:\n\t\t\t\trgb(var(--wp-admin-theme-color-darker-10--rgb))\n\n\t\t\t\t&__icon{\n\t\t\t\tfill: $main-color-light;\n\t\t\t\tfont-size: 20px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\t\t-ms-transform: translate(-50%, -50%);\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\topacity: 0.74;\n\t\t\t}\n\t\t}\n\t}\n}\n","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.live-preview--selectable-card {\n\tflex: 1;\n\twidth: 100%;\n\tmargin: 24px;\n\tdisplay: flex;\n\toverflow: hidden;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\n\t&__live-preview-container {\n\t\tposition: relative;\n\t\twidth: 90%;\n\t\toverflow: hidden;\n\t\talign-items: center;\n\t\tborder: 1px solid #e3dfdf;\n\n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t.live-preview {\n\n\t\t\t&__container {\n\n\t\t\t\t&-custom {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\theight: 300px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n\n",".theme-colors-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\tpadding-top: 20px;\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-experience-step {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tflex-direction: column;\n\n\t&-tabs label {\n\t\tborder: 1px solid var(--nfd-onboarding-light-gray-2);\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\tpadding: 10px 190px 10px 15px;\n\t\tcolor: var(--nfd-onboarding-black);\n\t\tbackground: var(--nfd-onboarding-light-gray);\n\t\tfont-weight: 350;\n\t\tfont-size: clamp(0.8rem, 1.5vw, 1.2rem);\n\t\tline-height: 1.5;\n\t\tmargin: 5px;\n\t\twhite-space: nowrap;\n\t\t@media (max-width: #{ ($break-medium) - 1 }) {\n\t\t\tpadding-right: 100px;\n\t\t}\n\t\t@media (min-width: 3700px) {\n\t\t\tfont-size: clamp(3.7rem, -0.27vw + 3.5rem, 3rem);\n\t\t\tmargin: 25px;\n\t\t\tfont-weight: 360;\n\t\t}\n\t}\n\n\t&-tabs input:checked + label {\n\t\tcolor: var(--nfd-onboarding-white);\n\t\tbackground: var(--wp-admin-theme-color-darker-10);\n\t\tborder: none;\n\t}\n\n\t.components-radio-control {\n\t\t&__input input {\n\t\tdisplay: none !important;\n\t\t}\n\t\tmargin: 32px 0px 48px;\n\t\talign-items: center;\n\t}\n}",".nfd-nav-card-button {\n\tcolor: var(--nfd-onboarding-white);\n\tbackground-color: var(--wp-admin-theme-color-darker-10);\n\tpadding: 16px;\n\twidth: 90%;\n\tfont-size: clamp(0.7rem, 1.2vw, 1.4em);\n\tfont-weight: 500;\n\tborder-radius: 4px;\n\tborder: none;\n\toutline: 1px solid transparent;\n\n\t@media (max-width: #{($break-medium)}) {\n\t\tpadding: 24px 32px;\n\t}\n\n\t@media (min-width: 2600px) {\n\t\tfont-size: clamp(2.81rem, -0.48vw + 2.93rem, 1.78rem);\n\t}\n}","@media (max-width: #{ ($break-medium - 1) }) {\n\t.sm\\:col-layout {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\tgap: min(1.5em, 24px);\n\t}\n}\n\n@media (min-width: #{ ($break-medium) }) {\n\t.md\\:row-layout {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t}\n}\n\n.ecommerce-step {\n\t@media (max-width: 2200px) {\n\t\theight: fit-content;\n\t}\n}\n\n.onboarding-ecommerce-step {\n\t.nfd-nav-card-button {\n\t\tmin-height: 4vh;\n\t}\n}\n\n.nfd-ecommerce-address-step {\n\tpadding: 1rem 0;\n\tlabel[data-required=\"true\"]::after {\n\t\tcontent: \" *\";\n\t}\n\n\tdiv.store-address-form {\n\t\tdisplay: grid;\n\t\tgap: min(1.5em, 24px);\n\t\tpadding: 1em 0 4em;\n\t\tmargin: 0 1em 0 1em;\n\t\tlabel {\n\t\t\tdisplay: block;\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 1;\n\t\t\tpadding-bottom: 13px;\n\t\t\t&[aria-required=\"true\"]::after {\n\t\t\t\tcontent: \" *\";\n\t\t\t}\n\t\t}\n\t\tinput,\n\t\tselect {\n\t\t\tpadding-left: 17px;\n\t\t\tmin-width: 400px;\n\t\t\tmax-width: 100%;\n\t\t\twidth: 100%;\n\t\t\theight: 48px;\n\t\t\tborder: 1px solid #d6d6d6;\n\t\t\tborder-radius: 2px;\n\t\t\tfont-size: 13px;\n\t\t}\n\n\t\tdiv[data-name=\"full-address\"] {\n\t\t\tselect,\n\t\t\tinput {\n\t\t\t\tmin-width: 180px;\n\t\t\t}\n\t\t\t&[data-state-empty=\"false\"] {\n\t\t\t\tgrid-template-columns: repeat(3, auto);\n\t\t\t\t@media (max-width: #{ ($break-xlarge) }) {\n\t\t\t\t\tinput,\n\t\t\t\t\tselect {\n\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&[data-state-empty=\"true\"] {\n\t\t\t\tgrid-template-columns: repeat(2, auto);\n\t\t\t}\n\t\t\tdisplay: grid;\n\t\t\tgap: 24px 32px;\n\t\t\tdiv[data-name=\"state\"] {\n\t\t\t\tgrid-column: 2;\n\t\t\t}\n\n\t\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\t\t&[data-state-empty] {\n\t\t\t\t\tgrid-template-columns: auto;\n\t\t\t\t}\n\t\t\t\tdiv[data-name=\"state\"] {\n\t\t\t\t\tgrid-column: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\tgrid-template-columns: auto;\n\t\t\tinput,\n\t\t\tselect {\n\t\t\t\tmin-width: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\ndiv.onboarding-ecommerce-step {\n\tcolor: var(--nfd-onboarding-black);\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tgap: 1em;\n\n\th2.nfd-step-card-heading {\n\t\tcolor: var(--wp-admin-theme-color-darker-10);\n\t}\n\n\th3.nfd-step-card-subheading {\n\t\tfont-weight: 500;\n\t\tcolor: var(--nfd-onboarding-black);\n\t}\n}\n\ndiv.step-product-numbers:nth-child(3) .components-v-stack {\n\t@media (min-width: #{ ($break-mobile)}) {\n\t\tflex-direction: row !important;\n\t}\n}\n\ndiv.onboarding-product-step {\n\twidth: 50vw;\n\n\t@media only screen and (min-width: 1921px) {\n\t\twidth: 35vw;\n\t}\n\t.nfd-card-need-help-tag {\n\t\tpadding: 20px 0 0;\n\t}\n\n\tdiv.nfd-product-step-options {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: calc((50vw - 15px) / 2) calc((50vw - 15px) / 2);\n\t\tgap: 15px;\n\n\t\t@media (max-width: #{ ($break-mobile)}) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgap: 2px;\n\t\t}\n\n\t\t@media only screen and (min-width: 1921px) {\n\t\t\tgrid-template-columns: calc((35vw - 15px) / 2) calc((35vw - 15px) / 2);\n\t\t}\n\t}\n\n\t.components-checkbox-control {\n\t\tpadding: 16px;\n\t\tbackground-color: #f0f0f0;\n\n\t\t@media (max-width: #{ ($break-small)}),\n\t\t(max-height: #{ ($break-small)}) {\n\t\t\tpadding: 5px;\n\t\t}\n\n\t\t.components-base-control__field {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.step-product-numbers {\n\t\tdisplay: grid;\n\t\twidth: 100%;\n\t\tmargin: 0.5em 0;\n\n\t\t& > * {\n\t\t\talign-self: center;\n\t\t}\n\n\t\t@media (min-width: #{ ($break-xlarge + 100)}) {\n\t\t\tgap: 1em;\n\t\t\tgrid-template-columns: auto max-content;\n\n\t\t\t& > * {\n\t\t\t\talign-self: baseline;\n\t\t\t}\n\n\t\t\t.components-radio-control {\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\t\t}\n\n\t\t.components-radio-control {\n\t\t\talign-items: normal;\n\n\t\t\t.components-base-control__field {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t@media (max-width: #{ ($break-xlarge)}) {\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.components-radio-control__option {\n\t\t\t\tmargin: 1em 1em 1em 0;\n\n\t\t\t\t@media (min-width: #{ ($break-xlarge + 100)}) {\n\t\t\t\t\tmargin: 0 1em 0 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlabel {\n\t\t\t\tpadding: 10px;\n\t\t\t\tborder: 1px solid #dbdbdb;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\tinput:checked + label {\n\t\t\t\tcolor: var(--nfd-onboarding-white);\n\t\t\t\tbackground: var(--wp-admin-theme-color-darker-10);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.radio-control-tax-step {\n\tlabel {\n\t\tpadding: 10px 100px 10px 20px;\n\t}\n\n\t@media (max-width: #{ ($break-medium - 1) }) {\n\t\tlabel {\n\t\t\tpadding-right: 15px;\n\t\t}\n\t}\n\n\t@media (max-width: 480px) {\n\t\tlabel {\n\t\t\tpadding: clamp(10px, 1.5vh, 15px) clamp(10px, 5%, 13px)\n\t\t\t\tclamp(10px, 5%, 13px);\n\t\t\twidth: unset;\n\t\t\theight: fit-content;\n\t\t\tline-height: 1.5;\n\t\t\twhite-space: normal;\n\t\t}\n\t}\n}\n",".step-error-state {\n\tjustify-content: center;\n\n\t&__logo {\n\t\tbackground-image: var(--nfd-onboarding-step-error-icon);\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\twidth: 50vw;\n\t\theight: 400px;\n\n\t\t@media (max-width: #{($break-medium)}) {\n\t\t\twidth: 100vw;\n\t\t\theight: 30vh;\n\t\t}\n\t}\n\n\t&__error {\n\t\tpadding: 0;\n\t\tmargin-bottom: 20px;\n\t\tfont-weight: 400;\n\t\ttext-align: center;\n\t\tfont-size: clamp(0.85rem, 3.2vw, 1.7rem);\n\t}\n}\n","/*COLOR VARIABLES*/\n$white-offset: rgb(224, 224, 224);\n$main-color-dark: var(--wp-admin-theme-color);\n$main-color-light: var(--nfd-onboarding-white);\n$main-color: var(--nfd-onboarding-highlighted--rgb);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n$box-shadow: var(--nfd-onboarding-light-gray-highlighted);\n\n.checkbox-item {\n\n\t.highlighted {\n\t\tfill: var(--wp-admin-theme-color-darker-10);\n\t}\n\n\tmargin: 12px;\n\tpadding: 16px;\n\tmargin-top: 16px;\n\tbackground: $main-color-light;\n\tborder: 1px solid $white-offset;\n\twidth: clamp(15rem, 25vw, 35rem);\n\tbox-shadow: 0 2px 8px 2px rgba(204, 204, 204, 0.175295);\n\n\t&-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t}\n\n\t&-checkbox {\n\t\tpadding: 6px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t&__contents {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t&-icon {\n\t\t\twidth: 45px;\n\t\t\theight: 45px;\n\t\t\tdisplay: flex;\n\t\t\tmargin-right: 16px;\n\t\t\tborder-radius: 50%;\n\t\t\talign-items: center;\n\t\t\tbackground: #f0f0f0;\n\t\t\tjustify-content: center;\n\n\t\t\t&--selected {\n\t\t\t\tbackground: $main-color-dark !important;\n\t\t\t}\n\n\t\t\t&--shown {\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t}\n\t\t}\n\n\t\t&-text {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tjustify-content: center;\n\n\t\t\t&-title {\n\t\t\t\tcolor: #0d0d0d;\n\t\t\t\tline-height: 18px;\n\t\t\t\tmargin-bottom: 6px;\n\t\t\t\tfont-size: clamp(0.9rem, 2vw, 1rem);\n\n\t\t\t\t&--selected {\n\t\t\t\t\tcolor: $main-color-dark;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-subtitle {\n\t\t\t\tcolor: #343434;\n\t\t\t\tfont-weight: 200;\n\t\t\t\tline-height: 18px;\n\t\t\t\tfont-size: clamp(0.82rem, 2vw, 0.9rem);\n\t\t\t}\n\t\t}\n\n\t\t&-help {\n\t\t\tfill: #666;\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\tfill: var(--wp-admin-theme-color-darker-10);\n\t\t\t}\n\t\t}\n\n\t}\n\n\t&--selected {\n\t\tbackground: rgba($main-color, 0.2);\n\t\tborder: 1px solid rgba($main-color, 0.6);\n\t\tbox-shadow: 0 2px 8px 2px rgba($white-offset, 0.8);\n\t}\n\n\t&--shown {\n\t\tborder-bottom: none;\n\t\tbackground: $box-shadow;\n\t\tborder-radius: 2px 2px 0 0;\n\t\tborder-top: 1px solid rgba($main-color, 0.1);\n\t\tborder-left: 1px solid rgba($main-color, 0.1);\n\t\tborder-right: 1px solid rgba($main-color, 0.1);\n\t}\n\n\t&__dropdown {\n\t\tposition: relative;\n\t\tz-index: 2;\n\t}\n\n\t&__desc {\n\t\tz-index: 2;\n\t\tpadding: 16px;\n\t\tborder-top: none;\n\t\tmargin-left: 12px;\n\t\tmargin-top: -12px;\n\t\tposition: absolute;\n\t\tfont-style: italic;\n\t\tbackground: $box-shadow;\n\t\tborder-radius: 0 0 2px 2px;\n\t\ttransform-origin: top center;\n\t\twidth: clamp(15rem, 25vw, 35rem);\n\t\tfont-size: clamp(0.82rem, 2vw, 0.9rem);\n\t\tborder-left: 1px solid rgba($main-color, 0.1);\n\t\tborder-right: 1px solid rgba($main-color, 0.1);\n\t\tborder-bottom: 1px solid rgba($main-color, 0.1);\n\t\tbox-shadow: 0 11px 8px -3px rgba($main-color, 0.37);\n\t}\n}\n",".checkbox-list {\n    display: flex;\n    justify-content: center;\n    align-items: flex-start;\n\n    @media (max-width: #{ ($break-xlarge) }) {\n        flex-direction: column;\n    }\n\n    &-col {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        justify-content: center;\n    }\n}","/*COLOR VARIABLES*/\n$white-offset: rgb(224, 224, 224);\n$main-color-light: var(--nfd-onboarding-white);\n$grey-color: #f6f7f8;\n\n.checkbox-skeleton-item {\n\theight: 45px;\n\tmargin: 12px;\n\tpadding: 16px;\n\tmargin-top: 16px;\n\tborder: 0.5px solid $white-offset;\n\tcursor: not-allowed;\n\twidth: clamp(15rem, 25vw, 35rem);\n\tbox-shadow: 0 2px 8px 2px rgba(204, 204, 204, 0.175295);\n\tbackground: $grey-color;\n\tbackground-repeat: no-repeat;\n\tbackground-image:\n linear-gradient(to right, $grey-color 0%, $main-color-grey 20%, $grey-color 40%, $grey-color 100%);\n}\n","$grey-color: #f6f7f8;\n$main-color: var(--wp-admin-theme-color--rgb);\n$main-color-grey: var(--nfd-onboarding-light-gray);\n$main-color-light-rgb: var(--nfd-onboarding-white-rgb);\n\n.sidebar-skeleton {\n    width: 100%;\n    \n    &-divider {\n        width: 100%;\n        margin: 20px 0px;\n        border-top: 1px solid #bbb;\n    }\n\n    &-header {\n        width: 95%;\n        padding: 16px;\n\n        &-top {\n            width: 80%;\n            margin: 8px;\n            display: flex;\n            align-items: center;\n\n            &-profile {\n                width: 25px;\n                height: 25px;\n                margin-right: 15px;\n            }\n\n            &-header {\n                width: 40%;\n                height: 15px;\n            }\n        }\n\n        &-below {\n            width: 100%;\n            margin: 8px;\n            margin-left: 45px;\n\n            &-subheading-1 {\n                width: 70%;\n                margin: 4px;\n                height: 15px;\n            }\n\n            &-subheading-2 {\n                margin: 4px;\n                width: 50%;\n                height: 15px;\n            }\n        }\n    }\n\n    &-body {\n        width: 90%;\n        height: 250px;\n        display: flex;\n        padding: 16px;\n        margin-top: 20px;\n        margin-bottom: 20px;\n        align-items: center;\n        justify-content: center;\n\n        &-image{\n            width: 95%;\n            height: 100%\n        }\n    }\n\n    &-footer {\n        width: 85%;\n        margin: 8px;\n        padding: 16px;\n\n        &-line-1 {\n            width: 45%;\n            height: 15px;\n            margin-bottom: 15px\n        }\n\n        &-line-2 {\n            width: 70%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-line-3 {\n            width: 90%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-line-4 {\n            width: 80%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-line-5 {\n            width: 30%;\n            height: 15px;\n            margin-bottom: 5px\n        }\n\n        &-buttons {\n            width: 100%;\n            display: flex;\n            margin-top: 50px;\n            align-items: center;\n            flex-direction: column;\n            justify-content: center;\n\n            &-button-1 {\n                width: 100%;\n                margin: 8px;\n                height: 40px;\n                display: flex;\n                align-items: center;\n                margin-bottom: 20px;\n                justify-content: center;\n                border: 1px solid rgba($main-color, 0.4) !important;\n            }\n\n            &-button-2 {\n                width: 70%;\n                height: 15px;\n                background-color: rgba($main-color, 0.4) !important;\n            }\n\n            &-button-3 {\n                width: 30%;\n                height: 15px;\n                background-color: rgba($main-color, 0.4) !important;\n            }\n        }\n    }\n}\n\n.shimmer {\n    background: $grey-color;\n    background-repeat: no-repeat;\n    background-image: linear-gradient(to right, \n                    $grey-color 0%, \n                    $main-color-grey 20%, \n                    $grey-color 40%, \n                    $grey-color 100%);\n}\n\n.shimmer-1 {\n    background: rgba($main-color, 0.4);\n    background-repeat: no-repeat;\n    background-image: linear-gradient(to right,\n            rgba($main-color, 0.4) 0%,\n            rgba($main-color, 0.6) 20%,\n            rgba($main-color, 0.4) 40%,\n            rgba($main-color, 0.4) 100%);\n}","@keyframes fadeIn {\n\n\tfrom {\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n\n@keyframes fadeInRight {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(33%, 0, 0);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n}\n\n@keyframes fadeInLeft {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(-33%, 0, 0);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n}\n\n@keyframes fadeInUp {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(0, 33%, 0);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n}\n\n@keyframes fadeInWithDisabledClicks {\n\n\tfrom {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes shine {\n\n\t0% {\n\t\ttransform: translateX(-100%);\n\t}\n\n\t100% {\n\t\ttransform: translateX(100%);\n\t}\n}\n\n@keyframes shine-placeholder {\n\n\t0% {\n\t\tbackground-position: -468px 0;\n\t}\n\n\t100% {\n\t\tbackground-position: 468px 0;\n\t}\n}\n\n@keyframes dropdown {\n\n\t0% {\n\t\ttransform: rotateX(-90deg);\n\t}\n\n\t70% {\n\t\ttransform: rotateX(20deg);\n\t}\n\n\t100% {\n\t\ttransform: rotateX(0deg);\n\t}\n}\n\n@keyframes load {\n\n\t0% {\n\t\tleft: -100%;\n\t}\n\n\t100% {\n\t\tleft: 100%;\n\t}\n}\n\n.animate {\n\n\t&__blank {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\n\t&__shine {\n\t\tanimation: shine 1.5s linear infinite;\n\n\t\t&--placeholder {\n\t\t\tanimation: shine-placeholder 1.5s linear infinite;\n\t\t}\n\t}\n\n\t&__dropdown {\n\t\tanimation: dropdown 400ms ease-in-out forwards;\n\t}\n\n\t&__fade-in {\n\n\t\tanimation: fadeIn 100ms ease-in-out;\n\n\t\t&--disabled {\n\t\t\tanimation: fadeInWithDisabledClicks 500ms ease-in;\n\t\t}\n\n\t\t&--right {\n\t\t\tanimation: fadeInRight 360ms ease-out;\n\n\t\t\t@media (prefers-reduced-motion) {\n\t\t\t\tanimation: none !important;\n\t\t\t\ttranslation: none !important;\n\t\t\t}\n\t\t}\n\n\t\t&--left {\n\t\t\tanimation: fadeInLeft 360ms ease-out;\n\n\t\t\t@media (prefers-reduced-motion) {\n\t\t\t\tanimation: none !important;\n\t\t\t\ttranslation: none !important;\n\t\t\t}\n\t\t}\n\n\t\t&--up {\n\t\t\tanimation: fadeInUp 360ms ease-out;\n\n\t\t\t@media (prefers-reduced-motion) {\n\t\t\t\tanimation: none !important;\n\t\t\t\ttranslation: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__load {\n\t\tanimation: load 3s linear infinite;\n\t}\n}\n",".basic-info{\n    display: flex;\n    align-items:center;\n    flex-direction: column;\n    justify-content: center;\n\n    &-form {\n            width: 90vw;\n            display: flex;\n            padding-top: 20px;\n            flex-direction: column;\n    \n            &__left {\n                flex: 1;\n                margin: 3vw;\n            }\n    \n            &__right {\n                flex: 1;\n                margin: 3vw;\n            }\n    \n            @include break-xlarge() {\n                width: 70vw;\n                flex-direction: row;\n                justify-content: center;\n            }\n        }\n}\n\n.error{\n    &__show{\n        display: inline-block;\n        text-align: center;\n        border-radius: 6px;\n        padding: 20px;\n        background-color: rgba(255, 0, 0, 0.3);\n    }\n    &__hide{\n        display: none;\n    }\n}\n",".info-button-top-priority {\n    margin: 16px;\n    font-weight: 500;\n    font-style: italic;\n}\n","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.homepage_preview {\n\tdisplay: flex;\n\tpadding-top: 60px;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t&__list {\n\t\twidth: 60vw;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t@media (max-width: #{ ($break-large) }) {\n\t\t\twidth: 95vw;\n\t\t\talign-items: center;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t&__item {\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tmargin: 24px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\n\t\t\t&__title-bar {\n\t\t\t\twidth: 90%;\n\t\t\t\theight: 15px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: #e4e4e4;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t&__browser {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\n\t\t\t\t\t&__dot {\n\t\t\t\t\t\twidth: 8px;\n\t\t\t\t\t\tmargin: 3px;\n\t\t\t\t\t\theight: 8px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tbackground-color: #989ea7;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--selected {\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t&__path {\n\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--unselected {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__live-preview-container {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\talign-items: center;\n\t\t\t\tborder: 1px solid #e3dfdf;\n\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t.live-preview {\n\n\t\t\t\t\t&__container {\n\n\t\t\t\t\t\t&-custom {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\theight: 45vh;\n\t\t\t\t\t\t\tmin-height: 400px;\n\t\t\t\t\t\t\t// Enable Scrolling in Live Preview\n\t\t\t\t\t\t\toverflow-y: scroll;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-overview {\n    width: 100%;\n    max-width: 960px;\n    background-color: var(--nfd-onboarding-light);\n    padding: 20px;\n    &__header {\n        display: flex;\n        align-items: center;\n        column-gap: 1rem;\n        &-icon {\n            display: flex;\n            place-items: center;\n            svg {\n                fill: var(--nfd-onboarding-primary);\n            }\n        }\n        &-heading {\n            margin: 0 0 6px 0;\n            color: var(--nfd-onboarding-dark);\n        }\n        &-subheading {\n            color: var(--nfd-onboarding-dark);\n        }\n    }\n\n    &__tab-panel {\n        width: 90%;\n        padding-bottom: 40px;\n        color: var(--nfd-onboarding-dark);\n    }\n}\n\n.nfd-step-card-subheading {\n    display: flex;\n    justify-content: space-around;\n}\n\n.components-tab-panel__tabs {\n    justify-content: space-around;\n\t@media screen and ( max-width: 480px ) {\n        width: 100%;\n    }\n}\n\n.components-tab-panel__tabs > .components-button:focus:not(:disabled),\n.components-tab-panel__tabs > .components-button.is-pressed:focus:not(:disabled) {\n    box-shadow: inset 0 0 -($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n}\n\n.components-tab-panel__tabs-item {\n    justify-content: center;\n    border-bottom: 1px solid #CCCCCC;\n    width: 100%;\n    font-size: clamp(0.55rem, 1vw + 0.3rem, 1rem);\n    line-height: 1.5;\n\n    &.is-active {\n        color: var(--wp-admin-theme-color);\n\t\tbox-shadow: inset 0 0 -($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n    }\n\n    &.is-not-active {\n        box-shadow: none !important;\n    }\n}\n\n.tab-data{\n    width: 100%;\n    padding-top: 40px;\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    justify-content: space-between;\n}\n\n.tab-text{\n    padding-right: 10px;\n    font-size:  clamp(0.88rem, 0.45rem + 0.76vw, 1.13rem);\n    line-height: 1.6;\n}\n\n.tab-img {\n    background-color: var(--nfd-onboarding-tertiary);\n    overflow: hidden;\n}\n\n.tab-img-base {\n    background-size: contain;\n    background-repeat: no-repeat;\n    height: 228px;\n    width: clamp(180px, 50vw, 400px);\n}\n\n.content-img{\n    @extend .tab-img-base;\n    background-image: var(--get-started-content-img);\n}\n\n.features-img{\n    @extend .tab-img-base;\n    background-image: var(--get-started-features-img);\n}\n\n.design-img{\n    @extend .tab-img-base;\n    background-image: var(--get-started-design-img);\n}\n\n.welcome-card {\n\tdisplay: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around;\n    height: clamp(560px, 59vh, 800px);\n    width: 100%;\n    padding-bottom: 10px;\n}\n\n\n@media screen and ( max-width: #{ ($break-medium)} ) {\n    .tab-data {\n        flex-direction: column-reverse;\n        align-items: center;\n    }\n\n    .content-text {\n        text-align: center;\n        width: 100%;\n        min-height: 10px;\n    }\n\n    .content-img, .design-img, .features-img {\n        max-height: 100px;\n    }\n}\n",".nfd-setup-primary {\n\n\t&-categories {\n\t\tmargin-top: 3rem;\n\t\tmargin-bottom: 1rem;\n\t\twidth: 50vw;\n\t\ttext-align: center;\n\t}\n\n\t&-second {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: column;\n\t\tjustify-content: space-around;\n\t\twidth: 100%;\n\n\t\t&-bottom {\n\t\t\tmargin-top: 20px;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-flow: column;\n\t\t\talign-items: center;\n\t\t}\n\t}\n}\n\n.nfd-card-pri-category {\n\tcursor: pointer;\n\talign-items: center;\n\tpadding: 0.7rem 1rem;\n\tdisplay: inline-flex;\n\tborder-radius: 2.5rem;\n\tmargin: auto 0.2rem 1.15rem 1rem;\n\tbackground-position: center;\n\tcolor: var(--nfd-onboarding-black);\n\tbackground-color: var(--nfd-onboarding-light-gray-3);\n\n\t&.chosenPrimaryCategory {\n\t\tbackground-color: var(--wp-admin-theme-color-darker-10);\n\t\tcolor: var(--nfd-onboarding-light);\n\t}\n\n\t&-wrapper {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\n\t\t&-icon {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\ttransform: scale(0.6);\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-size: 24px 24px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\n\t\t\t&-selected {\n\t\t\t\tfilter: invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(103%) contrast(101%);\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\ttransition: all 0.2s ease-in;\n\t\tbackground-color: rgba($color: var(--wp-admin-theme-color-darker-10--rgb), $alpha: 0.7);\n\t\tcolor: var(--nfd-onboarding-light);\n\n\t\t.nfd-card-category-wrapper-icon {\n\t\t\ttransition: all 0.2s ease-in;\n\t\t\tfilter: invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(103%) contrast(101%);\n\t\t}\n\t}\n}\n\n.tellus {\n\n\t&-text {\n\t\tcolor: var(--nfd-onboarding-black);\n\t\tfont-size: 1rem;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\tpadding: 10px;\n\t}\n\n\t&-input {\n\t\twidth: 30vw;\n\t\theight: 5.5vh;\n\t\tfont-size: 16px;\n\t\tfont-weight: 300;\n\t\tmargin: 0 1rem 1.5rem 1rem;\n\t\tpadding: 8px 16px !important;\n\n\t\t&::placeholder {\n\t\t\tfont-size: 15px;\n\t\t}\n\n\t\t@media (max-width: #{($break-medium - 1)}) {\n\t\t\twidth: 40vw;\n\t\t}\n\t}\n}\n",".nfd-setup-secondary {\n\n\t&-categories {\n\t\twidth: 40vw;\n\t\tmargin-top: 2.5rem;\n\t\ttext-align: center;\n\t\tmargin-bottom: 1rem;\n\n\t\tbutton {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n\n\t&-second {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: column;\n\t\tjustify-content: space-around;\n\n\t\t&-bottom {\n\t\t\tmargin-top: 20px;\n\t\t}\n\t}\n}\n\n.nfd-card-sec-category {\n\tcursor: pointer;\n\talign-items: center;\n\tpadding: 0.7rem 1rem;\n\tdisplay: inline-flex;\n\tborder-radius: 2.5rem;\n\tmargin: auto 0.2rem 1.15rem 1rem;\n\tbackground-position: center;\n\tcolor: var(--nfd-onboarding-black);\n\tbackground-color: var(--nfd-onboarding-light-gray-3);\n\n\t&.chosenSecondaryCategory {\n\t\tbackground-color: var(--wp-admin-theme-color-darker-10);\n\t\tcolor: var(--nfd-onboarding-light);\n\t}\n\n\t&:hover {\n\t\ttransition: all 0.2s ease-in;\n\t\tbackground-color: rgba($color: var(--wp-admin-theme-color-darker-10--rgb), $alpha: 0.7);\n\t\tcolor: var(--nfd-onboarding-light);\n\t}\n\n\t&-wrapper {\n\t\tdisplay: inline-flex;\n\t\tmargin-bottom: 2rem;\n\t\tborder-bottom: 2px solid #00568c;\n\n\t}\n}\n\n.subCategoriesSection {\n\theight: 25vh;\n\tmargin-top: 1rem;\n\tmargin-bottom: 1rem;\n}\n\n.category-scrolling-wrapper {\n\twidth: 15vw;\n\tpadding: 5px;\n\tdisplay: flex;\n\talign-items: center;\n\tplace-content: center;\n\tjustify-content: space-between;\n\n\t&_left-btn {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\n\t\t&-icon {\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\t}\n\n\t&_type {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tplace-content: center;\n\n\t\t&-icon {\n\t\t\twidth: 28px;\n\t\t\theight: 28px;\n\t\t\tmargin-right: 0.3rem;\n\t\t\tmargin-bottom: 0.1rem;\n\t\t\ttransform: scale(0.6);\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-size: 28px 28px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\n\t\t\t@media (max-width: 500px) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t&-text {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: var(--nfd-onboarding-dark);\n\t\t\tfont-size: 0.85rem;\n\t\t\tfont-weight: 400;\n\t\t\tmargin: 0;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\t}\n\n\t&_right-btn {\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\n\t\t&-icon {\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\t}\n}\n","/*COLOR VARIABLES*/\n$main-color-dark: var(--nfd-onboarding-dark);\n$main-color-light: var(--nfd-onboarding-white);\n$main-border-light: var(--nfd-onboarding-border);\n$main-border-main: var(--nfd-onboarding-primary-alt);\n\n.theme-styles-menu {\n\tdisplay: flex;\n\tpadding-top: 60px;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t&__list {\n\t\twidth: 60vw;\n\t\theight: 100%;\n\t\tcolumn-count: 3;\n\t\tvertical-align: auto;\n\n\t\t@media (max-width: #{ ($break-xlarge) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 2;\n\t\t}\n\n\t\t@media (max-width: #{ ($break-small) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 1;\n\t\t}\n\n\t\t&__item {\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tmargin: 24px;\n\t\t\tdisplay: inline-block;\n\n\t\t\t&__title-bar {\n\t\t\t\twidth: 90%;\n\t\t\t\theight: 15px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: #e4e4e4;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t&__browser {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\n\t\t\t\t\t&__dot {\n\t\t\t\t\t\tbackground-color: #989ea7;\n\t\t\t\t\t\twidth: 8px;\n\t\t\t\t\t\tmargin: 3px;\n\t\t\t\t\t\theight: 8px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--selected {\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin-right: -15px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\tbackground-color: $main-border-main;\n\n\t\t\t\t\t&__path {\n\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\ttransform: scale(0.7);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--unselected {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__live-preview-container {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\toverflow: hidden;\n\t\t\t\talign-items: center;\n\t\t\t\tborder: 1px solid #e3dfdf;\n\n\t\t\t\t.live-preview {\n\n\t\t\t\t\t&__container {\n\n\t\t\t\t\t\t&-custom {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\theight: 35vh;\n\t\t\t\t\t\t\tmin-height: 350px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&__overlay {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\topacity: 0;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\ttransition: 0.5s ease;\n\t\t\t\t\tbackground-color: rgb(var(--wp-admin-theme-color-darker-10--rgb));\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tfill: $main-color-light;\n\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\t\t\t\t-ms-transform: translate(-50%, -50%);\n\t\t\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcursor: zoom-in;\n\t\t\t\t\t\topacity: 0.74;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".theme-styles-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\n\t&__checkbox {\n\t\tmargin: 20px 0;\n\t\twidth: 70%;\n\t\tdisplay: inline;\n\n\t\t.components-checkbox-control {\n\n\t\t\t&__checked {\n\t\t\t\theight: 32px;\n\t\t\t\twidth: 32px;\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t}\n\n\t\t\t&__input-container {\n\t\t\t\theight: 32px;\n\t\t\t\twidth: 32px;\n\t\t\t}\n\n\t\t\t&__input[type=\"checkbox\"] {\n\t\t\t\theight: 32px;\n\t\t\t\twidth: 32px;\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.components-base-control {\n\n\t\t\t&__field {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t}\n\t\t}\n\n\t\t&__label {\n\n\t\t\tmargin-left: 15px;\n\n\t\t\t&__hint {\n\t\t\t\tcolor: #757575;\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-style: italic;\n\t\t\t\tmargin-top: 5px;\n\t\t\t}\n\t\t}\n\n\t}\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n}\n",".nfd-onboarding-sidebar-learn-more {\n    &__what-next {\n        &__container {\n            height: 232px;\n\n            &.is-opened {\n                padding: 0px;\n            }\n\n        }\n    }\n}","@import \"./Sidebar/LearnMore/stylesheet\";\n\n.nfd-onboarding-overview {\n\twidth: 100%;\n\tmax-width: 960px;\n\tbackground-color: var(--nfd-onboarding-light);\n\tpadding: 20px;\n\n\t&__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolumn-gap: 1rem;\n\n\t\t&-icon {\n\t\t\tdisplay: flex;\n\t\t\tplace-items: center;\n\n\t\t\tsvg {\n\t\t\t\tfill: var(--nfd-onboarding-primary);\n\t\t\t}\n\t\t}\n\n\t\t&-heading {\n\t\t\tmargin: 0 0 6px 0;\n\t\t\tcolor: var(--nfd-onboarding-dark);\n\t\t}\n\n\t\t&-subheading {\n\t\t\tcolor: var(--nfd-onboarding-dark);\n\t\t}\n\t}\n\n\t&__tab-panel {\n\t\twidth: 90%;\n\t\tpadding-bottom: 40px;\n\t\tcolor: var(--nfd-onboarding-dark);\n\t}\n}\n\n.nfd-step-card-subheading {\n\tdisplay: flex;\n\tjustify-content: space-around;\n}\n\n.components-tab-panel__tabs {\n\tjustify-content: space-around;\n\n\t@media screen and ( max-width: 480px ) {\n\t\twidth: 100%;\n\t}\n}\n\n.components-tab-panel__tabs > .components-button:focus:not(:disabled),\n.components-tab-panel__tabs > .components-button.is-pressed:focus:not(:disabled) {\n\tbox-shadow: inset 0 0 - ($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n}\n\n.components-tab-panel__tabs-item {\n\tjustify-content: center;\n\tborder-bottom: 1px solid #ccc;\n\twidth: 100%;\n\tfont-size: clamp(0.55rem, 1vw + 0.3rem, 1rem);\n\tline-height: 1.5;\n\n\t&.is-active {\n\t\tcolor: var(--wp-admin-theme-color);\n\t\tbox-shadow: inset 0 0 - ($border-width-tab - 0.5) 0 0 var(--wp-admin-theme-color);\n\t}\n\n\t&.is-not-active {\n\t\tbox-shadow: none !important;\n\t}\n}\n\n.tab-data {\n\twidth: 100%;\n\tpadding-top: 40px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\n}\n\n.content-text {\n\tpadding-right: 10px;\n\tfont-size: clamp(0.88rem, 0.45rem + 0.76vw, 1.13rem);\n\tline-height: 1.6;\n}\n\n.content-image {\n\tbackground-color: var(--nfd-onboarding-tertiary);\n\toverflow: hidden;\n}\n\n%whatsnext-image {\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\theight: 228px;\n\twidth: clamp(180px, 50vw, 400px);\n}\n\n.img-1 {\n\n\t@extend %whatsnext-image;\n\tbackground-image: var(--nfd-onboarding-step-what-next-img-1);\n}\n\n.img-2 {\n\n\t@extend %whatsnext-image;\n\tbackground-image: var(--nfd-onboarding-step-what-next-img-2);\n}\n\n.img-3 {\n\n\t@extend %whatsnext-image;\n\tbackground-image: var(--nfd-onboarding-step-what-next-img-3);\n}\n\n.whatnext-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: space-around;\n\theight: clamp(600px, 59vh, 800px) !important;\n\twidth: 100%;\n\tpadding-bottom: 10px;\n}\n\n\n@media screen and ( max-width: #{ ($break-medium)} ) {\n\n\t.tab-data {\n\t\tflex-direction: column-reverse;\n\t\talign-items: center;\n\t}\n\n\t.content-text {\n\t\ttext-align: center;\n\t\twidth: 100%;\n\t\tmin-height: 10px;\n\t}\n\n\t.wpadmin-img,\n\t.help-img,\n\t.bluesky-img {\n\t\tmax-height: 100px;\n\t}\n}\n",".site-pages {\n\tdisplay: flex;\n\tpadding-top: 60px;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t.highlighted {\n\t\tbackground-color: var(--nfd-onboarding-light-gray-highlighted);\n\t}\n\n\t.not-highlighted {\n\t\tbackground-color: var(--nfd-onboarding-light-gray-3);\n\t}\n\n\t&__list {\n\t\twidth: 50vw;\n\t\theight: 100%;\n\t\tcolumn-count: 2;\n\t\tvertical-align: auto;\n\n\t\t@media (max-width: #{ ($break-xlarge) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 2;\n\t\t}\n\n\t\t@media (max-width: #{ ($break-small) }) {\n\t\t\twidth: 95vw;\n\t\t\tcolumn-count: 1;\n\t\t}\n\n\t\t&__item {\n\t\t\tposition: relative;\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tmargin: 24px;\n\t\t\tdisplay: inline-block;\n\t\t\tborder: 1px solid #e3dfdf;\n\n\t\t\t&__live-preview-container {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\talign-items: center;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t.live-preview {\n\n\t\t\t\t\t&__container {\n\n\t\t\t\t\t\t&-custom {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\theight: 330px;\n\t\t\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__information {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-top: 1px solid #e3dfdf;\n\t\t\t\tborder-bottom: none;\n\t\t\t\theight: 60px;\n\n\t\t\t\t&__title-question {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tmargin: 0 20px;\n\n\t\t\t\t\t&__question {\n\n\t\t\t\t\t\t&__icon {\n\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\tfill: #666;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\t\tfill: var(--wp-admin-theme-color-darker-10);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t}\n\n\t\t\t&__description {\n\n\t\t\t\t&--container {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: -1px;\n\t\t\t\t\ttop: 390px;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tborder-left: 1px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.1);\n\t\t\t\t\tborder-right: 1px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.1);\n\t\t\t\t\tborder-bottom: 1px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.1);\n\t\t\t\t\tborder-top: none;\n\t\t\t\t\tmargin: 0 0;\n\t\t\t\t\theight: 50px;\n\t\t\t\t\ttransform-origin: top center;\n\t\t\t\t\tbox-shadow: 0 11px 8px -3px rgba(var(--nfd-onboarding-highlighted--rgb), 0.37);\n\n\t\t\t\t}\n\n\t\t\t\t&--text {\n\t\t\t\t\tmargin: 0 20px;\n\t\t\t\t\tfont-style: italic;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".theme-fonts-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\tpadding-top: 20px;\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n\n}\n",".theme-header-menu-preview {\n\tflex: 1;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\tbackground-color: var(--nfd-onboarding-light-gray-5);\n\tpadding-top: 20px;\n\n\t&__title-bar {\n\t\twidth: 70%;\n\t\theight: 15px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground-color: #ccc;\n\t\tjustify-content: space-between;\n\t\tborder: 1px solid transparent;\n\n\t\t&__browser {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t&__dot {\n\t\t\t\tbackground-color: #989ea7;\n\t\t\t\twidth: 8px;\n\t\t\t\tmargin: 3px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/index.js b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/index.js
index 6581437d3..8cba1f903 100644
--- a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/index.js
+++ b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/index.js
@@ -34,6 +34,7 @@ const StepPrimarySetup = () => {
 	const contents = getContents();
 	const defaultPrimaryType = 'business';
 	const [ siteClassData, setSiteClassData ] = useState();
+	const [ primaryTypeList, setPrimaryTypeList ] = useState();
 	const [ primaryType, changePrimaryType ] = useState( defaultPrimaryType );
 	const [ secondaryType, changeSecondaryType ] = useState( '' );
 	const [ inputCategVal, changeInputCateg ] = useState( '' );
@@ -51,7 +52,11 @@ const StepPrimarySetup = () => {
 	 */
 	const getSiteClassificationsData = async () => {
 		const siteClassificationsData = await getSiteClassifications();
+
 		setSiteClassData( siteClassificationsData?.body );
+		setPrimaryTypeList(
+			Object.keys( siteClassificationsData?.body?.types )
+		);
 
 		if ( currentData?.data?.siteType?.primary !== '' )
 			changePrimaryType( currentData?.data?.siteType?.primary );
@@ -93,6 +98,22 @@ const StepPrimarySetup = () => {
 		setCurrentOnboardingData( currentDataCopy );
 	};
 
+	const changePrimaryPrev = () => {
+		const idx = primaryTypeList.findIndex( ( val ) => primaryType === val );
+
+		if ( idx === 0 )
+			changePrimaryType( primaryTypeList[ primaryTypeList.length - 1 ] );
+		else changePrimaryType( primaryTypeList[ idx - 1 ] );
+	};
+
+	const changePrimaryNext = () => {
+		const idx = primaryTypeList.findIndex( ( val ) => primaryType === val );
+
+		if ( idx === primaryTypeList.length - 1 )
+			changePrimaryType( primaryTypeList[ 0 ] );
+		else changePrimaryType( primaryTypeList[ idx + 1 ] );
+	};
+
 	const secondarySiteTypeChips = () => {
 		const secondaryChipList = [];
 
@@ -138,9 +159,11 @@ const StepPrimarySetup = () => {
 							{ siteClassData && (
 								<div className="category-scrolling-wrapper">
 									<div className="category-scrolling-wrapper_left-btn">
+										{ /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */ }
 										<span
 											className="category-scrolling-wrapper_left-btn-icon"
-											onClick={ () => {} }
+											onClick={ changePrimaryPrev }
+											onKeyUp={ changePrimaryPrev }
 											style={ {
 												backgroundImage:
 													'var(--chevron-left-icon)',
@@ -164,9 +187,11 @@ const StepPrimarySetup = () => {
 										</p>
 									</div>
 									<div className="category-scrolling-wrapper_right-btn">
+										{ /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */ }
 										<span
 											className="category-scrolling-wrapper_right-btn-icon"
-											onClick={ () => {} }
+											onClick={ changePrimaryNext }
+											onKeyUp={ changePrimaryNext }
 											style={ {
 												backgroundImage:
 													'var(--chevron-right-icon)',
diff --git a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet.scss b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet.scss
index 3abbc6f75..fe6fd180b 100644
--- a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet.scss
+++ b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/stylesheet.scss
@@ -54,6 +54,7 @@
 }
 
 .subCategoriesSection {
+	height: 25vh;
 	margin-top: 1rem;
 	margin-bottom: 1rem;
 }