{"version":3,"file":"public/css/thha-settings-app.css","mappings":"AAgCA;EACE;EAAA;EAAA;EACA;EACA;MAAA;UAAA;AA/BF;;AAkCA;EACE;AA/BF;;AAkCA;EACE;AA/BF;AAiCE;EACE;EACA;EACA;AA/BJ;AAiCI;EACE;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EAEA;EACA;AAhCN;AAiCM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AA/BR;AAiCQ;EACE;EACA;EACA;EACA;AA/BV;AAmCU;EACE;EAAA;EAAA;EACA;EACA;MAAA;UAAA;EACA;AAjCZ;AAmCY;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AAjCd;AAmCc;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAlChB;AAuCgB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AArClB;AAuCkB;EACE;EACA;EACA;EACA;EACA;EACA;KAAA;AArCpB;AA2CoB;EACE;EACA;AAzCtB;AA8CgB;EAIE;EACA;EACA;UAAA;AA/ClB;AAoDgB;EACE;EACA;EACA;AAlDlB;AAyDc;EACE;EACA;EACA;UAAA;AAvDhB;AAyDgB;EACE;AAvDlB;AA0DoB;EACE;AAxDtB;AAsEQ;EACE;EAAA;EAAA;EACA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AApEV;AAsEU;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;AApEZ;AAsEY;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;AApEd;AAwEY;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AAtEd;AA2Ec;EACE;EACA;AAzEhB;AA2EgB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;AAzElB;AA+Ec;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7EhB;AAgFc;EACE;EAAA;EAAA;EACA;EACA;EACA;EACA;EACA;EAAA;MAAA;UAAA;EACA;EACA;EACA;MAAA;UAAA;EACA;EACA;UAAA;EACA;AA9EhB;AAgFgB;EACE;EACA;EACA;EACA;EACA;AA9ElB;AAiFgB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AA/ElB;AAiFkB;EACE;EACA;EACA;EACA;EACA;AA/EpB;AAkFkB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhFpB;AAsFc;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AApFhB;AAuFc;EACE;EAAA;EAAA;EACA;EACA;EACA;EACA;EACA;EAAA;MAAA;UAAA;EACA;EACA;EACA;MAAA;UAAA;EACA;EACA;UAAA;EACA;AArFhB;AAuFgB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;MAAA;UAAA;AArFlB;AAuFkB;EACE;EACA;EACA;EACA;EACA;EACA;AArFpB;AAwFkB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;MAAA;UAAA;AAtFpB;AAiGgB;EACE;AA/FlB;AAyGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AAvGN;AAyGM;EACE;EACA;AAvGR;AA2GI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EACA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;EACA;MAAA;UAAA;EACA;EAAA;EAAA;EAAA;AAzGN;AA2GM;EACE;MAAA;UAAA;AAzGR;AA4GM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AA1GR;AA6GM;EACE;EACA;EACA;AA3GR;AA8GM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA5GR;AA+GM;EACE;EACA;AA7GR;AAgHM;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;AA9GR;AAgHQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AA9GV;AAgHU;EACE;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;MAAA;UAAA;AA9GZ;AAiHU;EACE;EACA;EACA;AA/GZ;AAoHM;EACE;EACA;EACA;EACA;AAlHR;AAoHQ;EACE;EACA;AAlHV;AAqHQ;EACE;EACA;AAnHV;AAsHQ;EACE;EACA;AApHV;AAuHQ;EACE;EACA;EACA;EACA;AArHV;AAwHQ;EACE;EACA;EACA;AAtHV;AAyHQ;EACE;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AAvHV;AA4HI;EACE;IACE;YAAA;EA1HN;EA4HI;IACE;YAAA;EA1HN;AACF;AAoHI;EACE;IACE;YAAA;EA1HN;EA4HI;IACE;YAAA;EA1HN;AACF;AA6HI;EACE;IACE;EA3HN;EA8HI;IACE;IACA;EA5HN;AACF;AAgII;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;AA9HN;AAgIM;EACE;AA9HR;AAkIM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EAEA;EACA;EACA;MAAA;AAjIR;AAmIQ;EACE;MAAA;UAAA;EACA;EACA;AAjIV;AAmIU;EACE;EACA;EACA;EACA;EACA;EACA;AAjIZ;AAoIU;EACE;EACA;EACA;EACA;EACA;AAlIZ;AAuIU;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AArIZ;AAsIY;EACE;AApId;AAwIU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EAAA;AAtIZ;AAuIY;EACE;AArId;AAyIU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EAAA;AAvIZ;AAwIY;EACE;AAtId;AA2IU;EACE;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AAzIZ;AA0IY;EACE;AAxId;AAyIc;EACE;AAvIhB;AA+IQ;EACE;MAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AA9IV;AAiJQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/IV;AAkJQ;EACE;AAhJV;AAkJU;EACE;EACA;EAGA;EACA;EACA;AAlJZ;AAoJY;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AAlJd;AAoJc;EACE;EACA;EACA;MAAA;AAlJhB;AA4JM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;MAAA;AA3JR;AA6JQ;EACE;MAAA;UAAA;EACA;EACA;EACA;AA3JV;AA6JU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA3JZ;AA8JU;EACE;EACA;EACA;EACA;EACA;EACA;AA5JZ;AA+JU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;AA7JZ;AA+JY;EACE;AA7Jd;AAiKU;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/JZ;AAsKc;EACE;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AApKhB;AAsKgB;EACE;EACA;EACA;EACA;MAAA;AApKlB;AA6KQ;EACE;MAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;MAAA;AA3KV;AAiLI;EACE;EACA;EACA;EACA;EACA;AA/KN;AAiLM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AA/KR;AAiLQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AA/KV;AAiLU;EACE;EACA;EACA;EACA;EACA;EACA;AA/KZ;AAmLU;EACE;EAAA;EAAA;EACA;EACA;MAAA;UAAA;EAIA;AApLZ;AAkMgB;EACE;AAhMlB;AAqMY;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;MAAA;UAAA;EACA;AApMd;AAsMc;EACE;EACA;EAAA;AApMhB;AAwMY;EACE;EACA;EACA;EACA;EACA;EAEA;MAAA;UAAA;EACA;EACA;EACA;EACA;AAvMd;AA0Mc;EACE;EACA;AAxMhB;AAsMc;EACE;EACA;AAxMhB;AAsMc;EACE;EACA;AAxMhB;AAsMc;EACE;EACA;AAxMhB;AAsMc;EACE;EACA;AAxMhB;AA2Mc;EACE;EAGA;EACA;AA3MhB;AA8MY;EACE;EACA;EACA;EACA;MAAA;UAAA;EACA;AA5Md;AAoNU;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AAlNZ;AAoNY;EACE;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;AAlNd;AAqNY;EACE;EACA;AAnNd;AAqNc;EACE;AAnNhB;AAuNY;EACE;EACA;AArNd;AAuNc;EACE;AArNhB;AAyNY;EACE;EACA;AAvNd;AAyNc;EACE;EACA;EACA;AAvNhB;AAyNgB;EACE;EACA;EACA;EACA;EAAA;AAvNlB;AA0NgB;EACE;EACA;AAxNlB;AAyNkB;EACE;AAvNpB;AA4Nc;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;EACA;UAAA;AA1NhB;AA4NgB;EACE;IACE;IACA;YAAA;EA1NlB;EA4NgB;IACE;IACA;YAAA;EA1NlB;AACF;AAkNgB;EACE;IACE;IACA;YAAA;EA1NlB;EA4NgB;IACE;IACA;YAAA;EA1NlB;AACF;AA6NgB;EACE;EACA;EACA;EACA;EACA;EACA;AA3NlB;AA8NgB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;AA5NlB;AA8NkB;EACE;EACA;AA5NpB;AA+NkB;EACE;EACA;EACA;AA7NpB;AAgOkB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AA9NpB;AAoOU;EACE;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AAlOZ;AAwOM;EACE;EAAA;EAAA;EACA;EACA;EACA;EACA;AAtOR;AAyOM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AAvOR;AAyOQ;EACE;AAvOV;AA0OQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;AAxOV;AA0OU;EACE;EACA;EACA;EACA;AAxOZ;AA4OQ;EACE;AA1OV;AA6OQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AA3OV;AA8OQ;EACE;EACA;AA5OV;AA8OU;EACE;EACA;AA5OZ;AA+OU;EACE;AA7OZ;AAkPM;EACE;EACA;EACA;EACA;EACA;EACA;AAhPR;AAqPQ;EACE;EACA;EAEA;EAAA;EAAA;EACA;MAAA;EACA;EACA;EAAA;MAAA;UAAA;AApPV;AAuPY;EACE;EACA;EACA;EACA;AArPd;AAwPY;EACE;EACA;EACA;EACA;EACA;AAtPd;AAwPc;EACE;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EAAA;MAAA;UAAA;AAtPhB;AAyPgB;EACE;AAvPlB;AAyPgB;EACE;AAvPlB;AA2PgB;EACE;AAzPlB;AA2PkB;EACE;EACA;EACA;EACA;AAzPpB;AA8PgB;EACE;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AA5PlB;AA8PkB;EACE;EACA;AA5PpB;AAgQgB;EACE;EACA;MAAA;UAAA;AA9PlB;AAiQkB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AA/PpB;AA4QkB;EACE;EACA;AA1QpB;AA+QgB;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;AA7QlB;AA+QkB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AA7QpB;AAkRgB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AAhRlB;AAkRkB;EACE;AAhRpB;AAmRkB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AAjRpB;AAmRoB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjRtB;AAsRkB;EACE;AApRpB;AAsRoB;EACE;MAAA;UAAA;AApRtB;AAyRc;EApJF;IAqJI;EAtRd;AACF;AA8RM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AA5RR;AAkSI;EACE;EAAA;EAAA;EACA;EACA;EACA;EACA;AAhSN;AAkSM;EACE;EACA,yBAp1CK;EAq1CL;EACA;UAAA;EACA;MAAA;AAhSR;AAkSQ;EACE;EACA;EACA;EACA,WAr1CM;AAqjChB;AAmSQ;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;AAjSV;AAoSQ;EACE;EACA;EACA;EACA;EACA;AAlSV;AAqSQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EA91CR;EAAA;AA4jCF;AAqSU;EACE;AAnSZ;AAsSU;EACE,yBAj3CA;EAk3CA,cAh3CE;EAi3CF,0BAl3CI;AA8kChB;AAuSU;EACE;EACA;AArSZ;AA0SM;EACE;MAAA;UAAA;EACA;EACA;AAxSR;AAkTM;EACE;EACA,WAh5CQ;EAi5CR;AAhTR;AAoTI;EACE,yBA55CI;EA65CJ;EACA;EACA;EACA;UAAA;AAlTN;AAoTM;EACE;EACA;AAlTR;AAoTQ;EACE;EACA;AAlTV;AAqTQ;EACE;AAnTV;AAsTQ;EACE;EACA;EACA,WA56CM;EA66CN;AApTV;AAuTQ;EACE;EACA;EACA;AArTV;AA6TI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AA3TN;AA6TM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AA3TR;AA8TM;EACE,yBA98CO;EA+8CP;EACA;EACA;EACA;EACA;EACA;EACA;EAz8CN;EAAA;AA8oCF;AA8TQ;EACE;AA5TV;AAoUI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AAlUN;AAoUM;EACE;MAAA;UAAA;EACA;AAlUR;AAuUI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;MAAA;EACA;AArUN;AAuUM;EACE;EACA;EACA;AArUR;AAwUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAz/CN;EAAA;AAorCF;AAyUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EApgDN;EAAA;AA8rCF;AA0UM;EACE,yBArhDO;AA6sCf;AA2UM;EACE;MAAA;UAAA;AAzUR;AA8RI;EA8CE;AAzUN;AA0UM;EACE;AAxUR;AA2UM;EACE;AAzUR;AA+UE;EACE;EAAA;EAAA;EACA;EACA;EACA;AA7UJ;AA+UI;EACE;MAAA;UAAA;EACA;EAEA;AA9UN;AAiVI;EAGE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;EACA,yBAtkDI;AAqvCV;AAoVM;EACE;EACA;EACA;EACA;EACA;EACA;AAlVR;AAqVM;EACE;EAAA;EAAA;EACA;MAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AAnVR;AAoVQ;EACE;EACA;EACA;EACA;AAlVV;AAoVQ;EACE;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;MAAA;AAlVV;AAoVU;EACE;EACA;EACA;EACA;EACA;AAlVZ;AAqVU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAnVZ;AAsVY;EACE,yBAzmDD;AAqxCb;AAuVY;EACE,yBA9mDF;AAyxCZ;AAwVY;EACE;AAtVd;AAgWM;EACA,yBA5oDI;EA6oDJ;EACA;EACA;AA9VN;AAgWQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA9VV;AAiWQ;EACE;EACA;EACA;EACA;EACA;EACA;MAAA;UAAA;EACA;EACA;AA/VV;AAiWU;EACE;AA/VZ;AAkWU;EACE;EACA;EACA;AAhWZ;AAmWU;EACE;EACA;EACA;EACA;EACA;AAjWZ;AAoWU;EACE;EACA;EACA;EACA;EACA;EACA;AAlWZ;AAgXE;EACE;MAAA;UAAA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;AA9WJ;AAiXE;EACE,yBAntDM;EAotDN;EACA;AA/WJ;AAkXI;EACE;EACA;EACA,WArtDU;EAstDV;AAhXN;AAmXI;EACE;EACA;EACA;EACA;AAjXN;AAuXI;EACE;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AArXN;AAuXM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA,cA7uDI;EA8uDJ;AArXR;AAyXI;EACE;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;AAvXN;AAyXI;EACE;EACA;EACA;EACA;EACA;EACA;AAvXN;AA0XI;EACE;EACA;EACA;EACA;EACA;EACA;AAxXN;AA4XI;EACE;EAAA;EAAA;EACA;MAAA;EAEA;EACA;EACA;MAAA;UAAA;AA3XN;AA6XM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3XR;AA+XI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;AA7XN;AA+XM;EACE;EACA;EACA;EACA;EACA;EACA;AA7XR;AAgYM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AA9XR;AAiYM;EACE;EACA;EACA,WAt0DQ;AAu8ChB;AAkYM;EACE,yBAj0DI;EAk0DJ;EACA;EACA;EACA;EACA;EACA;EACA;AAhYR;AAsYE;EACE;AApYJ;AAsYI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApYN;AAuYI;EACE;EACA;EACA;EACA;EACA;EACA;AArYN;AAwYI;EACE;EACA;EACA;EACA;EACA;EACA;AAtYN;AAwYI;EACE;EACA;EACA;EACA;AAtYN;AAwYM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;AAtYR;AAwYQ;EACE;EACA,cA/3DG;EAg4DH;AAtYV;AA2YI;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA,cAr5DM;EAs5DN;EACA;AA1YN;;AAiZA;EACE;EACA;EACA;EACA;EACA;AA9YF;;AAiZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9YF;;AAiZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;EACE;EACA;AA9YF;;AAiZA;;kFAAA;AAGA;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AA9YF;;AAiZA;EACE;EACA;EACA;EACA;UAAA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EAAA;EAAA;EAAA;AA9YF;AAgZE;EACE;MAAA;UAAA;EACA;UAAA;AA9YJ;AAgZI;EACE;MAAA;UAAA;AA9YN;AAkZE;EACE;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AAhZJ;AAkZI;EACE;EACA;EACA;KAAA;EACA;EAAA;EAAA;EAAA;AAhZN;AAoZE;EACE;EACA;EACA;EACA;EACA;EACA;AAlZJ;AAqZE;EACE;EACA;EACA;EACA;EACA;EACA;AAnZJ;AAsZE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZJ;;AA6ZI;EACE;EACA;EACA;EACA;AA1ZN;AA6ZI;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;AA3ZN;AA8ZI;EACE;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;UAAA;AA5ZN;AA8ZM;EACE;EAAA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AA5ZR;AA+ZM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AA7ZR;AAgaM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;MAAA;UAAA;EACA;AA9ZR;AAiaM;EACE;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;MAAA;AA/ZR;AAiaQ;EACE;AA/ZV;AAkaQ;EACE;EACA;AAhaV;AAqaQ;EACE;EACA;EACA;EACA;AAnaV;AAsaQ;EACE;EACA;EACA;EACA;AApaV;AAwaU;EACE;AAtaZ;AA2aM;EACE;MAAA;EACA;AAzaR;AA4aM;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AA1aR;AA4aQ;;EACE;EACA;AAzaV;AA4aQ;;EACE;EACA;AAzaV;AA6aM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EAAA;EACA;AA3aR;AA6aQ;EACE;AA3aV;AA+aM;EACE;EACA;EACA;AA7aR;AA+aQ;EACE;EACA;EACA;EACA;AA7aV;AAwbI;EACE;EACA;EACA;EACA;AAtbN;AAybI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;AAvbN;AAybM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvbR;AA2bI;EACE;EACA;EACA;AAzbN;AA2bM;EALF;IAMI;EAxbN;AACF;AA2bI;EACE;EACA;EACA;EACA;EACA;UAAA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;MAAA;UAAA;AAzbN;AA2bM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AAzbR;AA2bQ;EACE;EACA;EACA;EACA;EACA;MAAA;UAAA;EACA;AAzbV;AA4bQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;MAAA;AA1bV;AA6bQ;EACE;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;EAAA;EACA;AA3bV;AA6bU;EACE;EACA;AA3bZ;AA4bY;EACE;AA1bd;AA8bU;EACE;EACA;EAAA;AA5bZ;AAicM;EACE;EACA;EACA;EACA;AA/bR;AAucE;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;AArcJ;AAwcE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;UAAA;EACA;AAtcJ;AAwcI;EACE;EACA;UAAA;EACA;MAAA;UAAA;AAtcN;AAycI;EACE;MAAA;UAAA;AAvcN;AA0cI;EACE;EACA;EACA;UAAA;EACA;MAAA;UAAA;AAxcN;AA+cE;EACE;EACA;UAAA;EACA;EACA;EACA;AA7cJ;AA+cI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AA7cN;AA+cM;EACE;EACA;EACA;EACA;AA7cR;AAidI;EACE;EACA;EACA;UAAA;AA/cN;AAkdI;EACE;EACA;EACA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AAhdN;AAkdM;EACE;EACA;EACA;AAhdR;AAkdQ;EACE;EACA;EACA;AAhdV;AAmdQ;EACE;EACA;EACA;EACA;EACA;EACA;AAjdV;AAodQ;EACE;AAldV;AAqdQ;EACE;EACA;AAndV;AAsdQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AApdV;AAsdU;EACE;EACA;AApdZ;AAsdU;EACE;EACA;AApdZ;AAsdU;EACE;EACA;AApdZ;AAsdU;EACE;EACA;AApdZ;AAwdQ;EACE;EACA;AAtdV;AAydQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AAvdV;AAydU;EACE;AAvdZ;AAwdY;EACE;AAtdd;AA0dU;EACE;AAxdZ;AAydY;EACE;AAvdd;AA8dI;EACE;EACA;EACA;UAAA;EACA;EACA;EACA;EACA;EACA;UAAA;AA5dN;AA8dM;EACE;EACA;EACA;EACA;AA5dR;AA+dM;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;EACA;AA7dR;AA+dQ;EACE;EACA;EACA;AA7dV;AAgeQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EAAA;EACA;EACA;UAAA;AA9dV;AAgeU;EACE;EACA;UAAA;EACA;AA9dZ;AAieU;EACE;EACA;AA/dZ;AAmeQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjeV;AAoeQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAleV;AAseM;EACE;EAAA;EAAA;EACA;EACA;AApeR;AAseQ;EACE;AApeV;AAueQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AAreV;AAueU;EACE;EACA;EACA;AAreZ;AAweU;EACE;EACA;AAteZ,C","sources":["webpack://huge-addons-for-elementor/./assets/scss/thha-settings-app.scss"],"sourcesContent":["// =============================================================================\n// Variables\n// =============================================================================\n\n// General & Layout\n$bg-color: #f7f9fd; // Main background\n$sidebar-bg: #ffffff;\n$content-bg: #fdfdfe;\n$card-bg: #ffffff;\n$header-bg: #ffffff;\n$border-color: #e9ecf0;\n\n// Typography\n$text-color: #555;\n$heading-color: #333;\n\n// Interactive & States\n$button-color: #4a90e2;\n$active-bg: #e5efff;\n$active-border: #4a90e2;\n$active-text: #4a90e2;\n\n// Comparison Table\n$pro-color: #1078FF;\n$free-color: #FF5F00;\n$light-blue: #f5f8ff;\n\n// Mixin for clean transitions\n@mixin transition-ease {\n  transition: all 0.3s ease;\n}\n\n.row{\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n}\n\nbody.toplevel_page_thha-addons-manager{\n  background-color: #f5f7fa;\n}\n\n#huge-addons-settings-app {\n  font-family: 'DM Sans', sans-serif;\n\n  .settings-wrapper {\n    background: #f5f7fa;\n    position: relative;\n    overflow-x: hidden;\n\n    .header-wrapper {\n      background-color: #ffffff;\n      padding: 0px 42px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      // min-height: 100px;\n      position: relative;\n      margin-bottom: 30px;\n      .header-left{\n        display: flex;\n        align-items: center;\n        gap: 56px;\n\n        .icon {\n          height: 50px;\n          width: auto;\n          padding-top: 22px;\n          padding-bottom: 22px\n        }\n  \n        .menuwrap {\n          .menu-list {\n            display: flex;\n            gap: 24px;\n            align-items: center;\n            margin: 0;\n  \n            .menu-item {\n              display: flex;\n              align-items: center;\n              gap: 10px;\n              margin-bottom: 0;\n              height: 100%;\n              cursor: pointer;\n              position: relative;\n              border-bottom: 3px solid transparent;\n              transition: all 0.3s ease-in-out;\n  \n              a {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                color: #585858;\n                font-weight: 400;\n                line-height: 96px;\n                font-size: 16px;\n                text-decoration: none;\n                // padding: 15px 0;\n                position: relative;\n                // padding-top: 22px;\n                // padding-bottom: 22px;\n  \n  \n                span.menu-item-icon {\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                  height: 18px;\n                  width: 18px;\n  \n                  svg {\n                    stroke: #585858;\n                    fill: none;\n                    width: 18px;\n                    height: 18px;\n                    display: block;\n                    object-fit: cover;\n                  }\n  \n                  ;\n  \n                  &.external-link {\n                    svg {\n                      height: 8px;\n                      width: 8px;\n                    }\n                  }\n                }\n  \n                &.active,\n                &:hover,\n                &:focus,\n                &.focus-visible {\n                  outline: none;\n                  border: none;\n                  box-shadow: none;\n                }\n              }\n  \n              &.externel-link {\n                a {\n                  color: #0853FF;\n                  font-weight: 500;\n                  gap: 0;\n                }\n              }\n  \n              // &:hover,\n              // &:focus,\n              // &.focus-visible {}\n              &.active{\n                outline: none;\n                border-bottom-color: #0095FF;\n                box-shadow: none;\n  \n                a {\n                  color: #0095FF;\n  \n                  span.icon {\n                    svg {\n                      stroke: #0095FF;\n  \n                    }\n                  }\n                }\n              }\n            }\n  \n          }\n        }\n      }\n\n\n      .secondary-menu {\n        .secondary-menu-list {\n          display: flex;\n          gap: 24px;\n          align-items: center;\n          justify-content: flex-end;\n          margin: 0;\n          position: relative;\n\n          .secondary-menu-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            cursor: pointer;\n            padding: 10px 0;\n            position: relative;\n\n            .span {\n              display: flex;\n              align-items: center;\n              justify-content: center;\n\n            }\n\n            a {\n              display: flex;\n              align-items: center;\n              gap: 10px;\n\n            }\n\n            &.has-icon {\n              span {\n                height: 18px;\n                width: 18px;\n\n                svg {\n                  stroke: #141b34;\n                  color: #141b34;\n                  fill: none;\n                  width: 18px;\n                  height: 18px;\n                  display: block;\n                  object-fit: cover;\n                }\n              }\n            }\n\n            &.status {\n              span {\n                background: #DDDDDD;\n                padding: 5px 11px;\n                border-radius: 16px;\n                font-size: 12px;\n                letter-spacing: -0.05em;\n                color: #585858;\n                text-transform: capitalize;\n                font-weight: 400;\n                line-height: 1;\n\n              }\n              .status-menu-item{\n                display: flex;\n                position: absolute;\n                top: 86%;\n                background: #fff;\n                right: -26%;\n                flex-direction: column;\n                padding: 24px 18px;\n                gap: 40px;\n                justify-content: flex-start;\n                border-radius: 8px;\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n                z-index: 9;\n\n                .version{\n                  font-size: 16px;\n                  font-weight: 600;\n                  line-height: 1.5;\n                  letter-spacing: -0.05em;\n                  color: #9ca3af;              \n                }\n\n                .details{\n                  display: flex;\n                  align-items: center;\n                  gap: 50px;\n                  \n                  .ver-number{\n                    font-size: 16px;\n                    font-weight: 400;\n                    line-height: 1.5;\n                    letter-spacing: -0.05em;\n                    color: #111827;  \n                  }\n\n                  .system{\n                    font-size: 12px;\n                    font-weight: 400;\n                    line-height: 1.5;\n                    letter-spacing: -0.05em;\n                    color: #1f2937;  \n                    padding: 2px 10px;\n                    border-radius: 50px;\n                    background-color: #efc;\n                  }\n                }\n              }\n            }\n            &.user {\n              span {\n                border-radius: 16px;\n                font-size: 12px;\n                letter-spacing: -0.05em;\n                color: #585858;\n                text-transform: capitalize;\n                font-weight: 400;\n                line-height: 1;\n\n              }\n              .user-menu-item{\n                display: flex;\n                position: absolute;\n                top: 86%;\n                background: #fff;\n                right: -26%;\n                flex-direction: column;\n                padding: 24px 18px;\n                gap: 40px;\n                justify-content: flex-start;\n                border-radius: 8px;\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n                z-index: 9;\n\n                .details{\n                  display: flex;\n                  align-items: center;\n                  gap: 50px;\n                  justify-content: space-between;\n                  \n                  .license-status{\n                    font-size: 16px;\n                    font-weight: 400;\n                    line-height: 1.5;\n                    letter-spacing: -0.05em;\n                    color: #111827; \n                    width: 100px; \n                  }\n\n                  .license-type{\n                    font-size: 12px;\n                    font-weight: 400;\n                    line-height: 1.5;\n                    letter-spacing: -0.05em;\n                    color: #1f2937;  \n                    padding: 2px 10px;\n                    border-radius: 50px;\n                    background-color: #efc;\n                    justify-content: flex-end;\n\n                  }\n                }\n              }\n            }\n\n            &.active,\n            &:hover,\n            &:focus {\n              span {\n                svg {\n                  color: #0095FF;\n\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .promotion-offcanvas-backdrop {\n      position: fixed;\n      top: 32px;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: rgba(17, 24, 39, 0.35);\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.45s ease, visibility 0.45s ease;\n      z-index: 9997;\n\n      &.is-open {\n        opacity: 1;\n        visibility: visible;\n      }\n    }\n\n    .promotion-offcanvas {\n      position: fixed;\n      top: 32px;\n      right: 0;\n      width: 380px;\n      max-width: calc(100vw - 24px);\n      height: calc(100vh - 32px);\n      background: #fff;\n      box-shadow: -8px 0 22px rgba(0, 0, 0, 0.14);\n      z-index: 9998;\n      padding: 22px 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      transform: translateX(100%);\n      transition: transform 0.45s ease;\n\n      &.is-open {\n        transform: translateX(0);\n      }\n\n      .promotion-offcanvas-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n      }\n\n      .promotion-heading {\n        font-size: 16px;\n        font-weight: 700;\n        color: #1f2937;\n      }\n\n      .promotion-close {\n        border: 0;\n        background: transparent;\n        color: #6b7280;\n        font-size: 28px;\n        line-height: 1;\n        cursor: pointer;\n        padding: 0;\n      }\n\n      .promotion-empty {\n        font-size: 13px;\n        color: #6b7280;\n      }\n\n      .promotion-list {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        overflow-y: auto;\n        max-height: calc(100vh - 96px);\n        padding-right: 2px;\n\n        .promotion-loader {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          padding: 8px 0;\n          color: #6b7280;\n\n          .spinner {\n            width: 14px;\n            height: 14px;\n            border: 2px solid #d1d5db;\n            border-top-color: #0b57d0;\n            border-radius: 50%;\n            animation: thhaPromoSpin 0.8s linear infinite;\n            flex: 0 0 14px;\n          }\n\n          .loader-text {\n            font-size: 12px;\n            font-weight: 500;\n            line-height: 1.3;\n          }\n        }\n      }\n\n      .promotion-notice {\n        border: 1px solid #e5e7eb;\n        border-radius: 8px;\n        padding: 10px;\n        background: #f9fafb;\n\n        &.success {\n          border-color: #bbf7d0;\n          background: #f0fdf4;\n        }\n\n        &.warning {\n          border-color: #fde68a;\n          background: #fffbeb;\n        }\n\n        &.error {\n          border-color: #fecaca;\n          background: #fef2f2;\n        }\n\n        .promotion-title {\n          font-size: 13px;\n          font-weight: 700;\n          color: #111827;\n          margin-bottom: 4px;\n        }\n\n        .promotion-message {\n          font-size: 13px;\n          color: #374151;\n          line-height: 1.4;\n        }\n\n        .promotion-link {\n          margin-top: 8px;\n          display: inline-flex;\n          font-size: 12px;\n          font-weight: 600;\n          text-decoration: none;\n          color: #0b57d0;\n        }\n      }\n    }\n\n    @keyframes thhaPromoSpin {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    @media screen and (max-width: 782px) {\n      .promotion-offcanvas-backdrop {\n        top: 46px;\n      }\n\n      .promotion-offcanvas {\n        top: 46px;\n        height: calc(100vh - 46px);\n      }\n    }\n\n\n    .promotional-section {\n      display: flex;\n      align-items: stretch;\n      justify-content: space-between;\n      position: relative;\n      gap: 32px;\n      margin-top: 32px;\n      margin-bottom: 32px;\n      max-width: 100%;\n      overflow: hidden;\n\n      > * {\n        min-width: 0;\n      }\n\n      // WELCOME Widget\n      .welcome-widget-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 40px;\n        margin: 0 auto;\n        border-radius: 18px;\n        // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        background-color: #fff;\n        gap: 30px;\n        flex-basis: 65.39%;\n\n        .welcome-widget-content {\n          flex: 1;\n          max-width: 600px;\n          width: min(424px, 100%);\n\n          .welcome-widget-title {\n            font-size: 24px;\n            font-weight: 600;\n            margin-bottom: 15px;\n            color: #333;\n            line-height: 1.5;\n            letter-spacing: -0.05em;\n          }\n\n          .welcome-widget-description {\n            font-size: 14px;\n            line-height: 1.6;\n            margin-bottom: 20px;\n            color: #585858;\n            letter-spacing: -0.04em;\n          \n          }\n\n\n          .button-container {\n            display: flex;\n            align-items: center;\n            gap: 26px;\n            &.style-2{\n              gap: 34px;\n            }\n          }\n\n          .create-new-page {\n            padding: 12px 25px;\n            font-size: 15px;\n            font-weight: 600;\n            color: white;\n            background-color: #007bff;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            text-decoration: none;\n            transition: background-color 0.3s;\n            &:hover {\n              background-color: darken(#007bff, 5%);\n            }\n          }\n\n          .upgrade-now {\n            padding: 13px 17px;\n            font-size: 15px;\n            font-weight: 600;\n            color: white;\n            background-color: #0095FF;\n            border: none;\n            border-radius: 7px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            text-decoration: none;\n            transition: background-color 0.3s;\n            &:hover {\n              background-color: darken(#0095FF, 5%);\n            }\n          }\n\n\n          .guide-link {\n            font-size: 15px;\n            font-weight: 500;\n            color: #585858;\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            &:hover {\n              color: #007bff;\n              span.thha-icon-externel-link {\n                background-color: #007bff;\n              }\n            }\n          }\n\n\n        }\n\n        .image-placeholder {\n          flex-shrink: 0;\n          width: min(358px, 100%);\n          height: 199px;\n          background-color: #f0f0f5;\n          border-radius: 8px;\n          background-size: cover;\n          background-position: center;\n          background-repeat: no-repeat;\n          position: relative;\n          overflow: hidden;\n          // box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          color: #fff;\n          font-weight: bold;\n          font-size: 1.2em;\n        }\n\n        .subheading {\n          display: flex;\n          align-items: center;\n          gap: 10px;\n          margin-bottom: 15px;\n          color: #e36725;\n          font-size: 15px;\n          font-weight: 600;\n          line-height: 1.3;\n          text-transform: capitalize;\n          letter-spacing: -0.05em;\n        }\n\n        .features-list {\n          margin-bottom: 46px;\n\n          ul {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            // gap: 0.75rem 10px;\n            // gap: 10px;\n            list-style: none;\n            padding: 0;\n            margin: 0;\n\n            li {\n              gap: 10px;\n              color: #585858;\n              line-height: 1.5;\n              position: relative;\n              letter-spacing: -0.03em;\n              text-transform: capitalize;\n              display: flex;\n              align-items: center;\n              font-size: 14px;\n              font-weight: 500;\n              margin-bottom: 6px;\n\n              span {\n                width: 12px;\n                height: 12px;\n                flex-shrink: 0;\n              }\n            }\n          }\n\n        }\n\n\n      }\n\n      .feature-request-container {\n        display: flex;\n        justify-content: space-between;\n        padding: 60px 0 14px 32px;\n        margin: 0 auto;\n        max-width: 1200px;\n        border-radius: 18px;\n        // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        background-color: #fff;\n        gap: 16px;\n        flex-basis: 33.48%;\n\n        .feature-request-content {\n          flex: 1;\n          max-width: 600px;\n          width: calc(100% - 200px);\n          min-width: 0;\n\n          .feature-request-title {\n            font-size: 24px;\n            font-weight: 600;\n            margin-bottom: 14px;\n            color: #333;\n            line-height: 1.5;\n            margin-top: 0;\n            letter-spacing: -0.05em\n          }\n\n          .feature-request-description {\n            font-weight: 400;\n            margin-bottom: 25px;\n            font-size: 14px;\n            line-height: 1.6;\n            color: #585858;\n            letter-spacing: -0.04em;\n          }\n\n          .feature-request-btn {\n            padding: 16px 12px;\n            font-size: 15px;\n            font-weight: 600;\n            line-height: 1;\n            letter-spacing: -0.04em;;\n            color: #ffffff;\n            background-color: #0095FF;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            text-decoration: none;\n            display: inline-block;\n            transition: background-color 0.3s ease;\n            text-align: center;\n            margin-bottom: 36px;\n\n            &:hover {\n              background-color: darken(#0095FF, 5%);\n            }\n          }\n\n          .subheading {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 15px;\n            color: #e36725;\n            font-size: 15px;\n            font-weight: 600;\n            line-height: 1.3;\n            text-transform: capitalize;\n            letter-spacing: -0.05em;\n          }\n\n          .support-features-list {\n            // margin-bottom: 46px;\n\n            ul {\n              li {\n                gap: 10px;\n                margin-bottom: 6px;\n                color: #585858;\n                line-height: 1.5;\n                display: flex;\n                align-items: center;\n                font-size: 14px;\n                font-weight: 500;\n                letter-spacing: -0.03em;\n                text-transform: capitalize;\n                position: relative;\n\n                span.thha-icon {\n                  width: 14px;\n                  height: 14px;\n                  margin-right: 8px;\n                  flex-shrink: 0;\n                }\n\n                \n              }\n            }\n          }\n        }\n\n        .feature-request-image {\n          flex-shrink: 0;\n          width: 197px;\n          height: 197px;\n          background-size: cover;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-color: transparent;\n          align-self: flex-end;\n        }\n      }\n    }\n\n\n    .widgets-section {\n      background-color: #fff;\n      padding: 37px 34px;\n      margin-top: 30px;\n      margin-bottom: 30px;\n      border-radius: 8px;\n\n      .section-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 30px;\n\n        .header-left {\n          display: flex;\n          align-items: center;\n          gap: 78px;\n\n          .title {\n            font-size: 38px;\n            font-weight: 600;\n            line-height: 1;\n            letter-spacing: -0.05em;\n            color: #333;\n            margin: 0;\n          }\n\n          // Search Bar Styling\n          .search-container {\n            display: inline-flex;\n            position: relative;\n            align-items: center;\n            // border: 1px solid #e0e0e0;\n            // border-radius: 8px;\n            // padding: 10px 15px;\n            background-color: #fff;\n            // width: 300px;\n\n            // svg {\n            //   width: 21px;\n            //   height: 21px;\n            //   color: #888;\n            //   margin-right: 10px;\n            //   stroke: #888;\n            //   padding-left: 18px;\n            // }\n\n            &:hover, &:focus-within {\n              .search-icon {\n                path {\n                  stroke: #0095ff; // Change to your desired blue\n                }\n              }\n            }\n\n            .search-icon {\n              width: 21px;\n              height: 21px;\n              color: #888;\n              margin-right: 10px;\n              // stroke: #888;\n              padding-left: 18px;\n              position: absolute;\n              top: 50%;\n              left: 8px;\n              transform: translateY(-50%);\n              pointer-events: none;\n              \n              path {\n                stroke: #888; // Default color\n                transition: stroke 0.2s ease; // Smooth color transition\n              }\n            }\n\n            .search-field {\n              width: 446px;\n              outline: none;\n              padding-top: 12px;\n              padding-bottom: 12px;\n              padding-left: 54px;\n              \n              flex-grow: 1;\n              font-size: 16px;\n              color: #333;\n              border: 1px solid #DDDDDD;\n              border-radius: 8px;\n              \n\n              &::placeholder {\n                color: #989898;\n                font-size: 16px;\n              }\n\n              &:focus, &:hover{\n                /* box-shadow: 0px 0px 5px 0px #e0e0e0; */\n                // box-shadow: 0 0 5px #e0e0e0;\n                // box-shadow: none;\n                border-color: #0095ff;\n                border-width: 1px;\n              }\n            }\n            .search-icon {\n              position: absolute;\n              top: 50%;\n              left: 8px; \n              transform: translateY(-50%);\n              pointer-events: none; \n            }\n          }\n\n          \n        }\n\n        .header-right {\n          .actions {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n\n            button {\n              padding: 12px 20px;\n              border-radius: 8px;\n              font-weight: 600;\n              cursor: pointer;\n              transition: all 0.2s ease;\n              border: none;\n              font-size: 15px;\n            }\n\n            .disable-btn {\n              background-color: #f5f8ff;\n              color: #007bff;\n\n              &:hover {\n                background-color: darken(#f5f8ff, 5%);\n              }\n            }\n\n            .enable-all-btn {\n              background-color: #007bff;\n              color: #fff;\n\n              &:hover {\n                background-color: darken(#007bff, 5%);\n              }\n            }\n\n            .menu-dropdown-container {\n              position: relative;\n              display: inline-block;\n\n              .menu-btn {\n                background-color: #fff;\n                border: 1px solid #e0e0e0;\n                padding: 10px 12px;\n\n                svg {\n                  color: #333;\n                  width: 20px;\n                  height: 20px;\n                  transition: color 0.2s ease;\n                }\n\n                &:hover, &.active {\n                  background-color: #f5f8ff;\n                  border-color: #0095ff;\n                  svg {\n                    color: #0095ff;\n                  }\n                }\n              }\n\n              .menu-dropdown {\n                position: absolute;\n                right: 0;\n                top: 100%;\n                margin-top: 8px;\n                background: #ffffff;\n                border: 1px solid #E4E7EC;\n                border-radius: 12px;\n                box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\n                width: 220px;\n                z-index: 100;\n                padding: 8px;\n                display: flex;\n                flex-direction: column;\n                gap: 2px;\n                animation: dropdownFadeIn 0.15s ease-out;\n\n                @keyframes dropdownFadeIn {\n                  from {\n                    opacity: 0;\n                    transform: translateY(-5px);\n                  }\n                  to {\n                    opacity: 1;\n                    transform: translateY(0);\n                  }\n                }\n\n                .dropdown-label {\n                  font-size: 11px;\n                  font-weight: 600;\n                  color: #98989A;\n                  text-transform: uppercase;\n                  letter-spacing: 0.5px;\n                  padding: 6px 12px 4px;\n                }\n\n                .dropdown-item {\n                  display: flex;\n                  align-items: center;\n                  justify-content: space-between;\n                  padding: 10px 12px;\n                  border-radius: 8px;\n                  font-size: 14px;\n                  font-weight: 500;\n                  color: #344054;\n                  cursor: pointer;\n                  transition: all 0.2s ease;\n                  background: transparent;\n                  border: none;\n                  width: 100%;\n                  text-align: left;\n                  line-height: 1.5;\n\n                  &:hover {\n                    background-color: #f5f8ff;\n                    color: #0095FF;\n                  }\n\n                  &.active {\n                    background-color: #f5f8ff;\n                    color: #0095FF;\n                    font-weight: 600;\n                  }\n\n                  .checkmark {\n                    display: flex;\n                    align-items: center;\n                    color: #0095FF;\n                  }\n                }\n              }\n            }\n          }\n          .view-all-widget{\n            font-size: 14.5px;\n            font-weight: 600;\n            color: #585858;\n            text-decoration: none;\n            line-height: 1.5;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            cursor: pointer;\n            letter-spacing: -0.05em;\n          }\n        }\n\n      }\n\n      .category-filter {\n        display: flex;\n        gap: 15px;\n        padding: 15px;\n        border: 1px solid #F6F8FF;\n        border-radius : 15px;\n      }\n\n      .category-tab {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n        padding: 10px 15px;\n        border-radius: 8px;\n        font-size: 16px;\n        line-height: 1.3;\n        font-weight: 500;\n        color: #444444;\n        cursor: pointer;\n        transition: all 0.2s ease;\n\n        &:hover {\n          background-color: #f5f8ff;\n        }\n\n        .icon-wrapper {\n          display: flex;\n          align-items: center;\n\n          svg {\n            width: 16px;\n            height: 16px;\n            color: #888;\n            stroke-width: 2;\n          }\n        }\n\n        .tab-name {\n          position: relative;\n        }\n\n        .count {\n          margin-left: 5px;\n          font-weight: 400;\n          font-size: 12px;\n          line-height: 1;\n          background-color: #F2F5FF;\n          color: #98989A;\n          border-radius: 12px;\n          padding: 6px 8px;\n          transition: all 0.2s ease;\n        }\n\n        &.active {\n          background-color: #f6f8ff;\n          color: #0095FF;\n\n          .icon-wrapper svg {\n            color: #0095FF;\n            stroke: #0095FF;\n          }\n\n          .count{\n            background: #fff;\n          }\n        }\n      }\n\n      .title {\n        font-size: 38px;\n        line-height: 1.5;\n        font-weight: 600;\n        letter-spacing: -0.05em;\n        color: #000;\n        text-transform: capitalize;\n\n      }\n\n      form {\n        .thha-widget-grid {\n          padding-top: 20px;\n          position: relative;\n\n          display: flex;\n          flex-wrap: wrap;\n          gap: 32px;\n          flex-direction: column;\n\n          .widget-category-group {\n            .widget-category-title {\n              font-size: 22px;\n              font-weight: 600;\n              color: #333333;\n              margin: 20px 0 15px;\n            }\n\n            .widget-cards-container {\n              display: grid;\n              grid-template-columns: repeat(7, 1fr); \n              gap: 10px; \n              width: 100%;\n              margin-bottom: 40px;\n\n              .thha-widget-card {\n                width: calc(100% - 30px);\n                background: #F6F8FF;\n                border-radius: 15px;\n                padding: 15px;\n                display: flex;\n                align-items: center;\n                gap: 11px;\n                flex-direction: column;\n\n                \n                &.pro{\n                  position: relative;\n                }\n                &.upcoming{\n                  position: relative;\n                  // background: #98989A;\n                }\n\n                &.dependency-locked {\n                  opacity: 0.7;\n\n                  .thha-widget-dependency-message {\n                    color: #9b6a00;\n                    font-size: 11px;\n                    line-height: 1.4;\n                    font-weight: 500;\n                  }\n                }\n\n\n                .thha-widget-icon {\n                  width: 30px;\n                  height: 30px;\n                  border-radius: 8px;\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                  font-size: 32px;\n                  color: #888;\n\n                  img {\n                    width: 30px;\n                    height: auto;\n                  }\n                }\n\n                .thha-widget-info {\n                  position: relative;\n                  flex: 1;\n\n                  \n                  .thha-widget-title {\n                    display: flex;\n                    align-items: center;\n                    gap: 10px;\n                    font-size: 14px;\n                    font-weight: 600;\n                    margin-bottom: 4px;\n                    position: relative;\n                    \n                    // .pro-badge, .upcoming-badge {\n                    //   height: 22px;\n                      \n                    //   img {\n                    //     width: auto;\n                    //     height: 100%\n                    //   }\n                    // }\n                  }\n                  \n                  \n                  .thha-widget-desc {\n                    color: #555;\n                    font-size: 14px;\n                  }\n\n                  \n                }\n                .thha-widget-links {\n                  display: flex;\n                  flex-direction: column;\n                  gap: 0;\n                  // align-items: center;\n                  a{\n                    display: flex;\n                    align-items: center;\n                    gap: 4px;\n                    font-size: 11px;\n                    line-height: 1;\n                  }\n\n                }\n\n                .thha-toggle-switch {\n                  display: flex;\n                  align-items: center;\n                  position: relative;\n                  height: 15px;\n                  width: 32px;\n\n                  input {\n                    display: none;\n                  }\n\n                  .thha-slider {\n                    position: absolute;\n                    cursor: pointer;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    background: #ccc;\n                    border-radius: 24px;\n                    transition: 0.3s;\n                    height: 15px;\n\n                    &:before {\n                      position: absolute;\n                      content: \"\";\n                      height: 11px;\n                      width: 11px;\n                      left: 2px;\n                      bottom: 2px;\n                      background: #fff;\n                      border-radius: 50%;\n                      -webkit-transition: 0.3s;\n                      transition: 0.3s;\n\n                    }\n                  }\n\n                  input:checked+.thha-slider {\n                    background: #0095FF;\n\n                    &:before {\n                      transform: translateX(18px);\n                    }\n                  }\n                }\n              }\n              @media (max-width: 1200px) {\n                grid-template-columns: repeat(3, 1fr);\n              }\n            }\n\n          }\n\n        }\n      }\n\n      &.loading{\n        background-color: #fff;\n        padding: 37px 34px;\n        margin-top: 30px;\n        margin-bottom: 30px;\n        border-radius: 8px;\n        margin: 30px auto;\n        text-align: center;\n        font-size: 28px;\n        line-height: 2;\n        font-weight: 600;\n        text-transform: uppercase;\n        transition: all 0.3s ease;\n      }\n\n    }\n\n\n    .settings-container {\n      display: flex;\n      min-height: 100vh;\n      color: #333;\n      max-width: 1400px; // Limit overall width\n      margin: 0 auto;\n\n      .sidebar {\n        width: 280px;\n        background-color: $sidebar-bg;\n        padding: 30px 0;\n        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.03);\n        flex-shrink: 0; // Prevent shrinking\n\n        .settings-title {\n          font-size: 24px;\n          font-weight: 600;\n          padding: 0 30px 20px;\n          color: $heading-color;\n        }\n\n        nav {\n          display: flex;\n          flex-direction: column;\n        }\n\n        .section-heading {\n          text-transform: uppercase;\n          font-size: 12px;\n          font-weight: 600;\n          color: #999;\n          margin: 20px 30px 10px;\n        }\n\n        .sidebar-item {\n          display: flex;\n          align-items: center;\n          padding: 12px 30px;\n          cursor: pointer;\n          font-size: 14px;\n          font-weight: 500;\n          color: #333;\n          border-left: 5px solid transparent; // Space for the active bar\n          @include transition-ease;\n\n          &:hover {\n            background-color: lighten($bg-color, 2%);\n          }\n\n          &.active {\n            background-color: $active-bg;\n            color: $active-text;\n            border-left-color: $active-border;\n          }\n\n          .icon {\n            margin-right: 10px;\n            font-size: 18px;\n          }\n        }\n      }\n\n      .main-content-area {\n        flex-grow: 1;\n        padding: 40px;\n        padding-left: 60px; // More space between sidebar and content\n      }\n    }\n\n\n    // ---------------------------------\n    // Main Content Styles\n    // ---------------------------------\n\n    .version-control-content {\n      h2 {\n        font-size: 28px;\n        color: $heading-color;\n        margin-bottom: 30px;\n      }\n    }\n\n    .thha-card {\n      background-color: $card-bg;\n      border: 1px solid #e0e0e0;\n      border-radius: 8px;\n      padding: 30px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n\n      .setting-block {\n        padding: 20px 0;\n        border-bottom: 1px solid #e0e0e0;\n\n        &:last-child {\n          border-bottom: none;\n          padding-bottom: 0;\n        }\n\n        &:first-child {\n          padding-top: 0;\n        }\n\n        h3 {\n          font-size: 18px;\n          font-weight: 600;\n          color: $heading-color;\n          margin-bottom: 5px;\n        }\n\n        p {\n          font-size: 14px;\n          color: #777;\n          line-height: 1.6;\n        }\n      }\n    }\n\n    // ---------------------------------\n    // Rollback Controls\n    // ---------------------------------\n    .control-row {\n      display: flex;\n      align-items: center;\n      margin-top: 15px;\n\n      .version-select {\n        padding: 8px 15px;\n        border: 1px solid #e0e0e0;\n        border-radius: 4px;\n        background-color: #fcfcfc;\n        margin-right: 10px;\n        font-size: 14px;\n        min-width: 120px;\n        appearance: none;\n        /* Remove default arrow in some browsers */\n        background-image: url('data:image/svg+xml;utf8,<svg fill=\"%23666\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>');\n        background-repeat: no-repeat;\n        background-position: right 10px center;\n        padding-right: 30px;\n      }\n\n      .rollback-button {\n        background-color: $button-color;\n        color: white;\n        padding: 8px 20px;\n        border: none;\n        border-radius: 4px;\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        @include transition-ease;\n\n        &:hover {\n          background-color: darken($button-color, 10%);\n        }\n      }\n    }\n\n    // ---------------------------------\n    // Toggle Switch (Enable Beta/Legacy)\n    // ---------------------------------\n    .setting-block.with-toggle {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start; // Align text to the top\n      padding: 25px 0; // Slightly more vertical padding\n\n      .text-content {\n        flex-grow: 1;\n        max-width: 80%;\n      }\n    }\n\n    // Custom Toggle Switch\n    .switch {\n      position: relative;\n      display: inline-block;\n      width: 44px;\n      /* Width of the entire switch */\n      height: 24px;\n      /* Height of the entire switch */\n      flex-shrink: 0;\n      margin-left: 20px;\n\n      input {\n        opacity: 0;\n        width: 0;\n        height: 0;\n      }\n\n      .slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: #ccc;\n        @include transition-ease;\n      }\n\n      .slider:before {\n        position: absolute;\n        content: \"\";\n        height: 16px;\n        width: 16px;\n        left: 4px;\n        bottom: 4px;\n        background-color: white;\n        @include transition-ease;\n      }\n\n      input:checked+.slider {\n        background-color: $button-color;\n      }\n\n      input:checked+.slider:before {\n        transform: translateX(20px);\n      }\n\n      /* Rounded sliders */\n      .slider.round {\n        border-radius: 24px;\n      }\n\n      .slider.round:before {\n        border-radius: 50%;\n      }\n    }\n  }\n\n\n  .comparison-page-container {\n    display: flex;\n    margin: 40px auto;\n    gap: 30px;\n    font-family: 'DM Sans', sans-serif;\n    \n    .comparison-main-content {\n      flex: 3; \n      border-radius: 8px;\n      // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n      overflow: hidden;\n    }\n    \n    .comparison-header {\n      // display: grid;\n      // grid-template-columns: 3fr 1fr 1fr;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 26px 34px;\n      margin-bottom: 18px;\n      background-color: $card-bg;\n\n  \n      .header-spacer {\n        font-size: 26px;\n        font-weight: 600;\n        line-height: 1.2;\n        letter-spacing: -0.05em;\n        color: #171717;\n        max-width: 50%;\n      }\n      \n      .prices{\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        align-items: center;\n        min-width: 50%;\n        .boundary-line{\n          height: 82px;\n          width: 1px;\n          background-color: #E0E0E0;\n          margin: 0 10px;\n        }\n        .price-column {\n          text-align: center;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          gap: 13px;\n          flex-wrap: wrap;\n  \n          .type{\n            font-size: 22px;\n            font-weight: 600;\n            color: #171717;\n            line-height: 1.2;\n            letter-spacing: -0.05em;\n          }\n      \n          .plan-tag {\n            padding-left: 12px;\n            border-radius: 32px;\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 2;\n            letter-spacing: -0.02em;\n            color: #F4FBFF;\n  \n      \n            &.orange {\n              background-color: $free-color;\n            }\n      \n            &.blue {\n              background-color: $pro-color;\n            }\n  \n            span{\n              margin: 10px;\n            }\n          }\n        }\n      }\n    }\n\n    .feature-table {\n      // padding: 0 25px 25px;\n\n      .feature-category{\n      background-color: $card-bg;\n      padding: 24px 10px 35px 10px;\n      border-radius: 10px;\n      margin-bottom: 24px;\n\n        .category-title {\n          font-size: 22px;\n          color: #1078FF;\n          font-weight: 600;\n          margin-left: 20px;\n          margin-bottom: 30px;\n          line-height: 1.2;\n          letter-spacing: -0.05em;\n        }\n        \n        .feature-row {\n          display: grid;\n          grid-template-columns: 2fr 1.1fr 1.1fr;\n          padding: 13px 21px;\n          margin-bottom: 10px;\n          background-color: #ecf2f780;\n          align-items: center;\n          border-radius: 8px;\n          font-size: 14px;\n      \n          &:last-child {\n            border-bottom: none;\n          }\n      \n          &.highlight {\n            background-color: #f5f5f5;\n            padding: 12px 10px;\n            margin: 0 -10px;\n          }\n          \n          .feature-name {\n            color: #171717;\n            font-size: 16px;\n            line-height: 1.2;\n            font-weight: 600;\n            letter-spacing: -0.05em;\n          }\n        \n          .feature-value {\n            text-align: center;\n            font-size: 16px;\n            font-weight: 600;\n            line-height: 1.2;\n            letter-spacing: -0.05em;\n            color: #171717;\n\n          }\n        }\n\n\n      }\n    }\n\n  }\n \n  // ---------------------------------\n  // Sidebar Styles\n  // ---------------------------------\n  .comparison-sidebar {\n    flex: 1.5; // Takes up a reasonable amount of space\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .sidebar-card {\n    background-color: $card-bg;\n    border-radius: 8px;\n    padding: 25px;\n    // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n\n    h4 {\n      font-size: 18px;\n      font-weight: 600;\n      color: $heading-color;\n      margin: 15px 0 10px;\n    }\n\n    p {\n      font-size: 13px;\n      color: #333;\n      line-height: 1.5;\n      margin-bottom: 20px;\n    }\n  }\n\n  // Design Promo Card\n  .design-promo {\n    .widget-image{\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding-left: 20%;\n      padding-right: 20%;\n\n      .image-placeholder {\n        width: 370px;\n        height: 316px;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        border-radius: 6px;\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: $pro-color;\n        font-size: 10px;\n  \n      }\n    }\n    .unlock-pro-text{\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 1.5;\n      letter-spacing: -0.05em;\n      color: #E36725;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      margin-bottom: 9px;\n    }\n    h4{\n      font-size: 24px;\n      font-weight: 600;\n      line-height: 1.5;\n      letter-spacing: -0.05em;\n      color: #000;\n      margin-bottom: 14px;\n    }\n\n    .description{\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.5;\n      letter-spacing: -0.05em;\n      color: #585858;\n      margin-bottom: 25px;\n    }\n\n\n    .widget-list {\n      display: flex;\n      flex-wrap: wrap;\n      // gap: 10px;\n      margin-bottom: 0;\n      display: flex;\n      align-items: center;\n\n      li {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.5;\n        letter-spacing: -0.05em;\n        color: #989898;\n        width: 48%;\n        margin-bottom: 0;\n      }\n    }\n\n    .buy-section {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      .price-dropdown {\n        padding: 8px 15px;\n        border: 1px solid #e0e0e0;\n        border-radius: 4px;\n        font-size: 13px;\n        background-color: #fff;\n        width: auto;\n      }\n\n      .price-details {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .current-price {\n        font-size: 16px;\n        font-weight: 600;\n        color: $heading-color;\n      }\n\n      .buy-button {\n        background-color: $pro-color;\n        color: white;\n        padding: 10px 20px;\n        border: none;\n        border-radius: 4px;\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n      }\n    }\n  }\n\n  // Quick Access Card\n  .quick-access {\n    position: relative;\n\n    .quick-access-text{\n      display: flex;\n      align-items: center;\n      color: #E36725;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 1.5;\n      letter-spacing: -0.05em;\n      gap: 5px;\n      margin-bottom: 10px;\n    }\n\n    h4{\n      font-size: 24px;\n      font-weight: 600;\n      line-height: 1.5;\n      letter-spacing: -0.05em;\n      color: #000;\n      margin-bottom: 14px;\n    }\n\n    .description{\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.5;\n      letter-spacing: -0.05em;\n      color: #585858;\n      margin-bottom: 25px;\n    }\n    .access-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0 20px;\n      padding-bottom: 44px;\n\n      li {\n        display: flex;\n        align-items: center;\n        font-size: 14px;\n        color: #989898;\n        line-height: 1.5;\n        letter-spacing: -0.05em;\n        gap: 10px;\n        margin-bottom: 0;\n\n        .icon {\n          margin-right: 10px;\n          color: $free-color;\n          font-size: 16px;\n        }\n      }\n    }\n\n    .image-placeholder-small {\n      height: 180px;\n      // background: $light-blue;\n      background-position: center center;\n      background-repeat: no-repeat;\n      width: 260px;\n      background-size: cover;\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      border-radius: 6px;\n      margin-top: 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: $pro-color;\n      font-size: 10px;\n      margin-bottom: 14px;\n\n    }\n  }\n}\n\n\n.placeholder-content {\n  font-size: 24px;\n  font-family: 'DM Sans';\n  line-height: 1.5;\n  text-box: revert;\n  font-weight: 500;\n}\n\nspan.pro-badge {\n  display: block;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  line-height: 1;\n  letter-spacing: -0.05em;\n  color: #fff;\n  background: #003077;\n  padding: 3px 9px;\n  border-radius: 16px;\n}\n\nspan.upcoming-badge {\n  display: block;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  line-height: 1;\n  letter-spacing: -0.05em;\n  color: #fff;\n  background: #003077;\n  padding: 3px 9px;\n  border-radius: 16px;\n}\n\n.fw-12 {\n  height: 12px;\n  width: 12px;\n}\n\n.fw-16 {\n  height: 16px;\n  width: 16px;\n}\n\n.fw-20 {\n  height: 20px;\n  width: 20px;\n}\n\n.fw-24 {\n  height: 24px;\n  width: 24px;\n}\n\n.fw-28 {\n  height: 28px;\n  width: 28px;\n}\n\n.fw-32 {\n  height: 32px;\n  width: 32px;\n}\n\n.fw-36 {\n  height: 36px;\n  width: 36px;\n}\n\n.fw-40 {\n  height: 40px;\n  width: 40px;\n}\n\n.fw-44 {\n  height: 44px;\n  width: 44px;\n}\n\n.fw-48 {\n  height: 48px;\n  width: 48px;\n}\n\n.fw-52 {\n  height: 52px;\n  width: 52px;\n}\n\n.fw-56 {\n  height: 56px;\n  width: 56px;\n}\n\n.fw-60 {\n  height: 60px;\n  width: 60px;\n}\n\n.fw-64 {\n  height: 64px;\n  width: 64px;\n}\n\n.fw-72 {\n  height: 72px;\n  width: 72px;\n}\n\n.fw-80 {\n  height: 80px;\n  width: 80px;\n}\n\n.fw-96 {\n  height: 96px;\n  width: 96px;\n}\n\n/* =============================================================================\n   Coming Soon / Placeholder Styling\n   ============================================================================= */\n.placeholder-coming-soon-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 0;\n  width: 100%;\n}\n\n.coming-soon-card {\n  background: #ffffff;\n  border: 1px solid #e9ecf0;\n  border-radius: 16px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);\n  padding: 50px 40px;\n  text-align: center;\n  max-width: 550px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n\n  &:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n\n    .coming-soon-image {\n      transform: scale(1.05) rotate(2deg);\n    }\n  }\n\n  .coming-soon-icon-wrap {\n    margin-bottom: 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 200px;\n    height: 150px;\n\n    .coming-soon-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n  }\n\n  .coming-soon-title {\n    font-size: 24px;\n    font-weight: 600;\n    color: #1a202c;\n    margin: 0 0 12px;\n    letter-spacing: -0.03em;\n    line-height: 1.3;\n  }\n\n  .coming-soon-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #718096;\n    margin: 0 0 24px;\n    max-width: 420px;\n    letter-spacing: -0.01em;\n  }\n\n  .coming-soon-badge {\n    display: inline-block;\n    background-color: #e5efff;\n    color: #007bff;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 6px 16px;\n    border-radius: 20px;\n    border: 1px solid #cce0ff;\n  }\n}\n\n// ---------------------------------\n// Asset Generation Styles\n// ---------------------------------\n#huge-addons-settings-app {\n  .asset-generation-content {\n    h2 {\n      font-size: 28px;\n      color: #333333;\n      margin-bottom: 30px;\n      font-weight: 700;\n    }\n\n    .asset-generation-options {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    .option-card {\n      background: #ffffff;\n      border: 1px solid #e9ecf0;\n      border-radius: 8px;\n      padding: 24px 30px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.02);\n\n      &.column-layout {\n        flex-direction: column;\n        align-items: stretch;\n        padding-bottom: 20px;\n      }\n\n      .option-card-top {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        margin-bottom: 12px;\n      }\n\n      .option-card-left {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        flex-grow: 1;\n        max-width: 80%;\n      }\n\n      .icon-wrapper {\n        width: 48px;\n        height: 48px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 8px;\n        flex-shrink: 0;\n\n        &.blue-bg {\n          background-color: #e6f0ff;\n        }\n\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      }\n\n      .text-wrapper {\n        h3 {\n          margin: 0 0 6px 0;\n          font-size: 16px;\n          font-weight: 600;\n          color: #1f2937;\n        }\n\n        p {\n          margin: 0;\n          font-size: 14px;\n          color: #6b7280;\n          line-height: 1.5;\n        }\n\n        &.no-icon {\n          h3 {\n            margin: 0;\n          }\n        }\n      }\n\n      .option-card-right {\n        flex-shrink: 0;\n        margin-left: 20px;\n      }\n\n      .outline-action-btn,\n      .outline-action-btn-link {\n        padding: 10px 22px;\n        border: 1px solid #1f2937;\n        background-color: transparent;\n        color: #1f2937;\n        border-radius: 6px;\n        font-weight: 500;\n        font-size: 14px;\n        cursor: pointer;\n        text-decoration: none;\n        display: inline-block;\n        text-align: center;\n        transition: all 0.2s ease;\n        font-family: inherit;\n\n        &:hover {\n          background-color: #f3f4f6;\n          border-color: #111827;\n        }\n\n        &:disabled {\n          opacity: 0.6;\n          cursor: not-allowed;\n        }\n      }\n\n      .action-select {\n        padding: 10px 16px;\n        border: 1px solid #d1d5db;\n        border-radius: 6px;\n        background-color: #ffffff;\n        font-size: 14px;\n        color: #1f2937;\n        cursor: pointer;\n        min-width: 220px;\n        outline: none;\n        background-image: url('data:image/svg+xml;utf8,<svg fill=\"%234b5563\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>');\n        background-repeat: no-repeat;\n        background-position: right 12px center;\n        padding-right: 36px;\n        appearance: none;\n        transition: border-color 0.2s ease;\n        font-family: inherit;\n\n        &:focus {\n          border-color: #7c3aed;\n        }\n      }\n\n      .option-card-bottom {\n        width: 100%;\n        border-top: 1px solid #f3f4f6;\n        padding-top: 15px;\n\n        .helper-text {\n          font-size: 13px;\n          color: #9ca3af;\n          margin: 0;\n          line-height: 1.4;\n        }\n      }\n    }\n\n  }\n\n  // ---------------------------------\n  // Performance Tab Styles\n  // ---------------------------------\n  .performance-content {\n    h2 {\n      font-size: 28px;\n      color: #333333;\n      margin: 0;\n      font-weight: 700;\n    }\n\n    .performance-header-wrap {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      margin-bottom: 30px;\n\n      .features-badge {\n        background-color: #e5efff;\n        color: #007bff;\n        font-size: 12px;\n        font-weight: 600;\n        padding: 5px 12px;\n        border-radius: 20px;\n        border: 1px solid #cce0ff;\n        text-transform: uppercase;\n        line-height: 1;\n        letter-spacing: 0.05em;\n      }\n    }\n\n    .performance-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px;\n\n      @media (max-width: 1024px) {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .performance-card {\n      background: #ffffff;\n      border: 1px solid #e9ecf0;\n      border-radius: 12px;\n      padding: 24px 30px;\n      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.02);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n\n      .card-header-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 16px;\n        width: 100%;\n\n        h3 {\n          margin: 0;\n          font-size: 16px;\n          font-weight: 600;\n          color: #1f2937;\n          flex-grow: 1;\n          padding-right: 15px;\n        }\n\n        .card-controls {\n          display: flex;\n          align-items: center;\n          gap: 12px;\n          flex-shrink: 0;\n        }\n\n        .gear-config-btn {\n          width: 32px;\n          height: 32px;\n          border-radius: 50%;\n          border: 1px solid #e5e7eb;\n          background-color: #ffffff;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          cursor: pointer;\n          transition: all 0.2s ease;\n          padding: 0;\n\n          &:hover {\n            background-color: #f9fafb;\n            border-color: #0095ff;\n            svg {\n              stroke: #0095ff;\n            }\n          }\n\n          svg {\n            display: block;\n            transition: stroke 0.2s ease;\n          }\n        }\n      }\n\n      .card-description {\n        margin: 0;\n        font-size: 14px;\n        color: #4b5563;\n        line-height: 1.6;\n      }\n    }\n  }\n\n  // ---------------------------------\n  // Shared Save Settings Button Layout (Matching Dashboard Blue Theme)\n  // ---------------------------------\n  .save-settings-bar {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: 28px;\n    width: 100%;\n  }\n\n  .save-settings-btn {\n    padding: 12px 30px;\n    background-color: #0095FF;\n    color: #ffffff;\n    border: none;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 15px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    box-shadow: 0px 4px 12px rgba(0, 149, 255, 0.15);\n    font-family: inherit;\n\n    &:hover {\n      background-color: darken(#0095FF, 5%);\n      box-shadow: 0px 6px 16px rgba(0, 149, 255, 0.25);\n      transform: translateY(-1px);\n    }\n\n    &:active {\n      transform: translateY(0);\n    }\n\n    &:disabled {\n      background-color: #b3dfff;\n      cursor: not-allowed;\n      box-shadow: none;\n      transform: none;\n    }\n  }\n\n  // =============================================================================\n  // Custom Code Snippets Manager Styling\n  // =============================================================================\n  .custom-code-tab-wrapper {\n    padding: 0 42px 42px;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n\n    .custom-code-header-wrap {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n\n      h2 {\n        font-size: 24px;\n        font-weight: 700;\n        color: #1e293b;\n        margin: 0;\n      }\n    }\n\n    .custom-code-list-container {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    .custom-code-table-card {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      overflow: hidden;\n      padding: 0;\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n\n      .custom-code-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n\n        th, td {\n          padding: 16px 24px;\n          border-bottom: 1px solid #f1f5f9;\n          font-size: 14px;\n        }\n\n        th {\n          background-color: #f8fafc;\n          font-weight: 600;\n          color: #64748b;\n          text-transform: uppercase;\n          font-size: 12px;\n          letter-spacing: 0.5px;\n        }\n\n        tr:last-child td {\n          border-bottom: none;\n        }\n\n        .snippet-name-cell {\n          color: #1e293b;\n          font-size: 15px;\n        }\n\n        .type-badge {\n          display: inline-flex;\n          align-items: center;\n          padding: 4px 10px;\n          border-radius: 100px;\n          font-size: 11px;\n          font-weight: 600;\n          text-transform: uppercase;\n\n          &.badge-html {\n            background-color: #e0f2fe;\n            color: #0369a1;\n          }\n          &.badge-php {\n            background-color: #f3e8ff;\n            color: #6b21a8;\n          }\n          &.badge-css {\n            background-color: #ecfdf5;\n            color: #047857;\n          }\n          &.badge-javascript {\n            background-color: #fef3c7;\n            color: #d97706;\n          }\n        }\n\n        .location-text {\n          color: #64748b;\n          font-weight: 500;\n        }\n\n        .row-action-btn {\n          border: none;\n          background: transparent;\n          font-size: 13px;\n          font-weight: 600;\n          cursor: pointer;\n          margin-left: 16px;\n          transition: color 0.15s ease;\n          padding: 0;\n\n          &.edit {\n            color: #0095FF;\n            &:hover {\n              color: #0077cc;\n            }\n          }\n\n          &.delete {\n            color: #ef4444;\n            &:hover {\n              color: #dc2626;\n            }\n          }\n        }\n      }\n    }\n\n    .custom-code-form-card {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      padding: 32px;\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n\n      h3 {\n        font-size: 20px;\n        font-weight: 700;\n        color: #1e293b;\n        margin: 0 0 24px 0;\n      }\n\n      .setting-block-col {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        margin-bottom: 24px;\n\n        .form-label {\n          font-weight: 600;\n          font-size: 14px;\n          color: #475569;\n        }\n\n        .version-select, .action-select {\n          width: 100%;\n          border: 1px solid #cbd5e1;\n          border-radius: 6px;\n          padding: 10px 14px;\n          font-size: 14px;\n          color: #334155;\n          background-color: #ffffff;\n          transition: border-color 0.15s ease, box-shadow 0.15s ease;\n          font-family: inherit;\n          box-sizing: border-box;\n\n          &:focus {\n            border-color: #0095FF;\n            box-shadow: 0 0 0 3px rgba(0, 149, 255, 0.1);\n            outline: none;\n          }\n\n          option {\n            color: #334155;\n            background-color: #ffffff;\n          }\n        }\n\n        .action-select {\n          appearance: none;\n          -webkit-appearance: none;\n          -moz-appearance: none;\n          background-image: url('data:image/svg+xml;utf8,<svg fill=\"%234b5563\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>');\n          background-repeat: no-repeat;\n          background-position: right 12px center;\n          padding-right: 36px;\n          cursor: pointer;\n        }\n\n        .code-editor-textarea {\n          font-family: 'Courier New', Courier, monospace;\n          font-size: 13px;\n          line-height: 1.5;\n          min-height: 200px;\n          resize: vertical;\n          background-color: #f8fafc;\n          border-color: #cbd5e1;\n          color: #0f172a;\n        }\n      }\n\n      .form-action-buttons {\n        display: flex;\n        gap: 16px;\n        margin-top: 32px;\n\n        .save-settings-btn {\n          margin: 0;\n        }\n\n        .outline-action-btn {\n          padding: 12px 24px;\n          border: 1px solid #cbd5e1;\n          background-color: #ffffff;\n          color: #475569;\n          border-radius: 8px;\n          font-weight: 600;\n          font-size: 15px;\n          cursor: pointer;\n          transition: all 0.15s ease;\n          font-family: inherit;\n\n          &:hover {\n            background-color: #f8fafc;\n            color: #1e293b;\n            border-color: #94a3b8;\n          }\n\n          &:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n          }\n        }\n      }\n    }\n  }\n}"],"names":[],"ignoreList":[],"sourceRoot":""}