{"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;EACA;AAvNd;AAyNc;EACE;EACA;EACA;AAvNhB;AA0Nc;EACE;AAxNhB;AA4NU;EACE;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AA1NZ;AAgOM;EACE;EAAA;EAAA;EACA;EACA;EACA;EACA;AA9NR;AAiOM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AA/NR;AAiOQ;EACE;AA/NV;AAkOQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;AAhOV;AAkOU;EACE;EACA;EACA;EACA;AAhOZ;AAoOQ;EACE;AAlOV;AAqOQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AAnOV;AAsOQ;EACE;EACA;AApOV;AAsOU;EACE;EACA;AApOZ;AAuOU;EACE;AArOZ;AA0OM;EACE;EACA;EACA;EACA;EACA;EACA;AAxOR;AA6OQ;EACE;EACA;EAEA;EAAA;EAAA;EACA;MAAA;EACA;EACA;EAAA;MAAA;UAAA;AA5OV;AA+OY;EACE;EACA;EACA;EACA;AA7Od;AAgPY;EACE;EACA;EACA;EACA;EACA;AA9Od;AAgPc;EACE;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EAAA;MAAA;UAAA;AA9OhB;AAiPgB;EACE;AA/OlB;AAiPgB;EACE;AA/OlB;AAmPgB;EACE;AAjPlB;AAmPkB;EACE;EACA;EACA;EACA;AAjPpB;AAsPgB;EACE;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AApPlB;AAsPkB;EACE;EACA;AApPpB;AAwPgB;EACE;EACA;MAAA;UAAA;AAtPlB;AAyPkB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AAvPpB;AAoQkB;EACE;EACA;AAlQpB;AAuQgB;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;AArQlB;AAuQkB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AArQpB;AA0QgB;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;AAxQlB;AA0QkB;EACE;AAxQpB;AA2QkB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AAzQpB;AA2QoB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzQtB;AA8QkB;EACE;AA5QpB;AA8QoB;EACE;MAAA;UAAA;AA5QtB;AAiRc;EApJF;IAqJI;EA9Qd;AACF;AAsRM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AApRR;AA0RI;EACE;EAAA;EAAA;EACA;EACA;EACA;EACA;AAxRN;AA0RM;EACE;EACA,yBAjwCK;EAkwCL;EACA;UAAA;EACA;MAAA;AAxRR;AA0RQ;EACE;EACA;EACA;EACA,WAlwCM;AA0+BhB;AA2RQ;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;AAzRV;AA4RQ;EACE;EACA;EACA;EACA;EACA;AA1RV;AA6RQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EA3wCR;EAAA;AAi/BF;AA6RU;EACE;AA3RZ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;EACA;EACA;EACA;EACA;EACA;EACA;AAnXR;AAuXI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;AArXN;AAuXM;EACE;EACA;EACA;EACA;EACA;EACA;AArXR;AAwXM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AAtXR;AAyXM;EACE;EACA;EACA,WAnvDQ;AA43ChB;AA0XM;EACE,yBA9uDI;EA+uDJ;EACA;EACA;EACA;EACA;EACA;EACA;AAxXR;AA8XE;EACE;AA5XJ;AA8XI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5XN;AA+XI;EACE;EACA;EACA;EACA;EACA;EACA;AA7XN;AAgYI;EACE;EACA;EACA;EACA;EACA;EACA;AA9XN;AAgYI;EACE;EACA;EACA;EACA;AA9XN;AAgYM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;AA9XR;AAgYQ;EACE;EACA,cA5yDG;EA6yDH;AA9XV;AAmYI;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA,cAl0DM;EAm0DN;EACA;AAlYN;;AAyYA;EACE;EACA;EACA;EACA;EACA;AAtYF;;AAyYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtYF;;AAyYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF;;AAyYA;EACE;EACA;AAtYF,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-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 }\n\n &:hover {\n background-color: #f5f8ff;\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 .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,');\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}"],"names":[],"ignoreList":[],"sourceRoot":""}