@multivendorx/zyra 1.0.46 → 1.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/index.js +1 -1
  2. package/build/index.js.map +1 -1
  3. package/build/index.mjs +1 -1
  4. package/build/index.mjs.map +1 -1
  5. package/package.json +4 -4
package/build/index.mjs CHANGED
@@ -17117,7 +17117,7 @@ styleInject('@charset "UTF-8";\n@import "https://fonts.googleapis.com/css2?famil
17117
17117
  styleInject('@charset "UTF-8";\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.admin-badges-wrapper {\n display: flex;\n justify-content: end;\n gap: 0.5rem;\n}\n.admin-badge {\n font-size: 0.813rem;\n font-weight: 500;\n line-height: 1;\n padding: 0.313rem 0.625rem;\n border-radius: 0.45rem;\n border: 0.063rem solid;\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n width: fit-content;\n white-space: nowrap;\n letter-spacing: 0.025rem;\n text-transform: capitalize;\n}\n.admin-badge.border {\n border: 0.063rem solid;\n}\n.admin-badge:has(i) {\n cursor: pointer;\n}\n.admin-badge.clickable {\n cursor: pointer;\n}\n.admin-badge.primary-color {\n color: var(--color-primary);\n background: color-mix(in srgb, var(--color-primary) 8%, white);\n}\n.admin-badge.secondary-color {\n color: var(--color-secondary);\n background: color-mix(in srgb, var(--color-secondary) 8%, white);\n}\n.admin-badge.accent-color {\n color: var(--color-accent);\n background: color-mix(in srgb, var(--color-accent) 8%, white);\n}\n.admin-badge.support-color {\n color: var(--color-support);\n background: color-mix(in srgb, var(--color-support) 8%, white);\n}\n.admin-badge.critical {\n color: #991b1b;\n background: #fff7f7;\n}\n.admin-badge.red {\n color: #dc2626;\n background: #fff7f7;\n}\n.admin-badge.green {\n color: #16a34a;\n background: #f4fdf7;\n}\n.admin-badge.teal {\n color: #0f9f91;\n background: #f2fcfa;\n}\n.admin-badge.orange {\n color: #e67a2e;\n background: #fff9f4;\n}\n.admin-badge.ai {\n color: #e67a2e;\n background: #fff9f4;\n}\n.admin-badge.yellow {\n color: #b7791f;\n background: #fffcef;\n}\n.admin-badge.blue {\n color: #0284c7;\n background: #f4faff;\n}\n.admin-badge.purple {\n color: #7c5cc4;\n background: #f9f7ff;\n}\n.admin-badge.indigo {\n color: #6366c8;\n background: #f6f7ff;\n}\n.admin-badge.violet {\n color: #8b5cf6;\n background: #faf8ff;\n}\n.admin-badge.cyan {\n color: #0891b2;\n background: #f2feff;\n}\n.admin-badge.sky {\n color: #0284c7;\n background: #f4fbff;\n}\n.admin-badge.pink {\n color: #db2777;\n background: #fff7fa;\n}\n.admin-badge.rose {\n color: #e11d48;\n background: #fff7f8;\n}\n.admin-badge.lime {\n color: #65a30d;\n background: #f9fdf2;\n}\n.admin-badge.gray {\n color: #6b7280;\n background: #fafafa;\n}\n.admin-badge.dark {\n color: #374151;\n background: #f5f6f7;\n}\n.admin-badge.black {\n color: #111827;\n background: #f8f9fa;\n}\n.admin-badge.white {\n color: #000000;\n background: #ffffff;\n}\n.admin-badge.facebook {\n color: #1877f2;\n}\n.admin-badge.twitter {\n color: #000;\n}\n.admin-badge.linkedin {\n color: #0a66c2;\n}\n.admin-badge.youtube {\n color: #f00;\n}\n.admin-badge.instagram {\n color: #e4405f;\n}\n.admin-badge.pinterest {\n color: #e60023;\n}\n.admin-badge.whatsapp {\n color: #25d366;\n}\n.admin-badge.telegram {\n color: #229ed9;\n}\n.admin-badge.discord {\n color: #5865f2;\n}\n.admin-badge.github {\n color: #24292f;\n}\n.admin-badge.dot {\n font-size: 0.938rem;\n padding: 0 0 0 1.063rem;\n border: none;\n background: none !important;\n position: relative;\n}\n.admin-badge.dot::before {\n position: absolute;\n content: "";\n width: 0.625rem;\n height: 0.625rem;\n border-radius: 50%;\n left: 0;\n}\n.admin-badge.dot.primary-color::before {\n background: var(--color-primary);\n}\n.admin-badge.dot.secondary-color::before {\n background: var(--color-secondary);\n}\n.admin-badge.dot.accent-color::before {\n background: var(--color-accent);\n}\n.admin-badge.dot.support-color::before {\n background: var(--color-support);\n}\n.admin-badge.dot.critical::before {\n background: #991b1b;\n}\n.admin-badge.dot.red::before {\n background: #dc2626;\n}\n.admin-badge.dot.green::before {\n background: #16a34a;\n}\n.admin-badge.dot.teal::before {\n background: #0f9f91;\n}\n.admin-badge.dot.orange::before {\n background: #e67a2e;\n}\n.admin-badge.dot.ai::before {\n background: #e67a2e;\n}\n.admin-badge.dot.yellow::before {\n background: #b7791f;\n}\n.admin-badge.dot.blue::before {\n background: #0284c7;\n}\n.admin-badge.dot.purple::before {\n background: #7c5cc4;\n}\n.admin-badge.dot.indigo::before {\n background: #6366c8;\n}\n.admin-badge.dot.violet::before {\n background: #8b5cf6;\n}\n.admin-badge.dot.cyan::before {\n background: #0891b2;\n}\n.admin-badge.dot.sky::before {\n background: #0284c7;\n}\n.admin-badge.dot.pink::before {\n background: #db2777;\n}\n.admin-badge.dot.rose::before {\n background: #e11d48;\n}\n.admin-badge.dot.lime::before {\n background: #65a30d;\n}\n.admin-badge.dot.gray::before {\n background: #6b7280;\n}\n.admin-badge.dot.dark::before {\n background: #374151;\n}\n.admin-badge.dot.black::before {\n background: #111827;\n}\n.admin-badge.dot.white::before {\n background: #000000;\n}\n.admin-badge.dot.facebook::before {\n background: #1877f2;\n}\n.admin-badge.dot.twitter::before {\n background: #000;\n}\n.admin-badge.dot.linkedin::before {\n background: #0a66c2;\n}\n.admin-badge.dot.youtube::before {\n background: #f00;\n}\n.admin-badge.dot.instagram::before {\n background: #e4405f;\n}\n.admin-badge.dot.pinterest::before {\n background: #e60023;\n}\n.admin-badge.dot.whatsapp::before {\n background: #25d366;\n}\n.admin-badge.dot.telegram::before {\n background: #229ed9;\n}\n.admin-badge.dot.discord::before {\n background: #5865f2;\n}\n.admin-badge.dot.github::before {\n background: #24292f;\n}\n.badge-completed,\n.badge-active,\n.badge-approved,\n.badge-approve,\n.badge-paid,\n.badge-public,\n.badge-publish,\n.badge-published,\n.badge-instock,\n.badge-enrolled,\n.badge-refund-accepted,\n.badge-open,\n.badge-confirmed,\n.badge-subscribed,\n.badge-accepted-quote,\n.badge-resolved,\n.badge-mail-sent,\n.badge-processed,\n.badge-security {\n color: #16a34a;\n background: #f4fdf7;\n}\n.badge-pending,\n.badge-on-hold,\n.badge-partially_refunded,\n.badge-pending-quote,\n.badge-refund-requested,\n.badge-server {\n color: #b7791f;\n background: #fffcef;\n}\n.badge-under_review,\n.badge-private,\n.badge-upcoming,\n.badge-draft,\n.badge-processing,\n.badge-wordpress,\n.badge-seo,\n.badge-schema,\n.badge-availability,\n.badge-ssl,\n.badge-links {\n color: #0284c7;\n background: #f4faff;\n}\n.badge-rejected,\n.badge-reject,\n.badge-unpaid,\n.badge-cancelled,\n.badge-failed,\n.badge-expired,\n.badge-unenroll,\n.badge-outofstock,\n.badge-closed,\n.badge-unenrolled,\n.badge-refund-rejected,\n.badge-rejected-quote,\n.badge-permanently_rejected,\n.badge-expired-quote {\n color: #dc2626;\n background: #fff7f7;\n}\n.badge-critical {\n color: #991b1b;\n background: #fff7f7;\n}\n.badge-high {\n color: #dc2626;\n background: #fff7f7;\n}\n.badge-medium {\n color: #e67a2e;\n background: #fff9f4;\n}\n.badge-low {\n color: #b7791f;\n background: #fffcef;\n}\n.badge-info {\n color: #0284c7;\n background: #f4faff;\n}\n.badge-suspended,\n.badge-cron {\n color: #0f9f91;\n background: #f2fcfa;\n}\n.badge-refunded,\n.badge-onbackorder {\n color: #e67a2e;\n background: #fff9f4;\n}\n.badge-locked {\n color: #7c5cc4;\n background: #f9f7ff;\n}\n.badge-deactivated,\n.badge-new-quote-request,\n.badge-rest-api,\n.badge-brand {\n color: #6366c8;\n background: #f6f7ff;\n}\n.badge-inactive,\n.badge-geo,\n.badge-plugins {\n color: #db2777;\n background: #fff7fa;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.skeleton {\n display: inline-block;\n position: relative;\n overflow: hidden;\n background:\n linear-gradient(\n 90deg,\n var(--border-color) 25%,\n var(--background-white) 37%,\n var(--border-color) 63%);\n background-size: 400% 100%;\n animation: skeleton-loading 1.4s ease infinite;\n font-size: inherit;\n line-height: inherit;\n}\n.skeleton-text {\n height: 1em;\n border-radius: 0.45rem;\n}\n.skeleton-rectangular {\n border-radius: 0.45rem;\n}\n.skeleton-circular {\n border-radius: 50%;\n}\n@keyframes skeleton-loading {\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.card-header {\n display: flex;\n justify-content: space-between;\n gap: 0.5rem;\n border-radius: 0.313rem 0.313rem 0 0;\n border-bottom: 0.063rem solid rgba(219, 219, 219, 0.368627451);\n align-items: start;\n padding-bottom: 0.625rem;\n}\n.card-header .icon {\n font-size: 0.95rem;\n padding: 0.313rem;\n border-radius: 50%;\n transition: all 0.4s ease;\n cursor: pointer;\n margin-top: -0.5rem;\n color: var(--sub-text-color);\n}\n.card-header .icon:hover {\n background: var(--background-color);\n}\n.card-header .left {\n display: flex;\n gap: 0.5rem;\n align-items: start;\n}\n.card-header .left i {\n color: var(--color-primary);\n padding: 0.45rem;\n background: var(--background-primary);\n border-radius: 0.45rem;\n font-size: 1.625rem;\n}\n.card-header .left .typography-title {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n font-size: 1.125rem;\n}\n.card-header .left .des {\n padding-top: 0.313rem;\n}\n.card-header .right {\n display: flex;\n gap: 0.5rem;\n}\n.card-header .right .field-wrapper,\n.card-header .right .field-wrapper .des {\n display: flex;\n align-items: center;\n gap: 0.313rem;\n position: relative;\n}\n.card-header .right .field-wrapper .toggle-checkbox-header,\n.card-header .right .field-wrapper .des .toggle-checkbox-header {\n margin: 0;\n}\n.card-header .right span {\n font-size: 0.875rem;\n color: var(--sub-text-color);\n}\n.card-header .right .admin-btn i {\n padding: 0;\n font-size: 1rem;\n}\n.card-header .arrow-icon {\n font-size: 1.313rem;\n transform: rotate(-90deg);\n padding: 0.125rem;\n}\n.card-content {\n border-radius: 0.45rem;\n box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;\n background: var(--background-white);\n width: 100%;\n box-sizing: border-box;\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n}\n.card-content .admin-table-wrapper {\n padding: 0 !important;\n}\n.card-content .card-body {\n transition: all 0.5s ease;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n position: relative;\n}\n.card-content .card-body.hide-body {\n display: none;\n}\n.card-content .card-body .card-header {\n border-bottom: 0.063rem solid var(--border-color);\n}\n.card-content.ai-card {\n background: #fff9f4;\n border: 0.063rem solid #e67a2e;\n}\n.card-content.transparent {\n background: transparent;\n box-shadow: none;\n}\n.card-content.transparent .card-body {\n padding: 0;\n}\n.card-content.content-width {\n width: fit-content;\n}\n.card-content.theme-bg .card-header {\n background: transparent;\n}\n.card-content.theme-bg {\n background: var(--background-primary);\n}\n.card-content:has(.hide-body) .card-content {\n border: none;\n}\n.sticky-card-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n height: fit-content;\n position: sticky;\n top: 5rem;\n z-index: 9;\n}\n.checklist-wrapper .checklist-title {\n font-size: 1.25rem;\n color: var(--text-color);\n font-weight: 600;\n}\n.checklist-wrapper ul {\n margin: 0;\n list-style-type: none;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n.checklist-wrapper ul li {\n font-size: 1rem;\n font-weight: 500;\n display: flex;\n gap: 0.45rem;\n color: var(--text-color);\n}\n.checklist-wrapper ul li .check-icon {\n width: 1.5rem;\n}\n.checklist-wrapper ul li .check-icon span {\n width: 0.95rem;\n height: 0.95rem;\n display: inline-block;\n background: var(--background-color);\n border-radius: 50%;\n position: relative;\n font-family: adminfonts, sans-serif;\n padding: 0.063rem;\n}\n.checklist-wrapper ul li .details .title {\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.313rem;\n}\n.checklist-wrapper ul li .details .des {\n font-size: 0.813rem;\n color: var(--sub-text-color);\n}\n.checklist-wrapper ul li.checked span {\n background: var(--color-primary);\n}\n.checklist-wrapper ul li.checked span::before {\n position: absolute;\n content: "\\e809";\n color: #fff;\n font-size: 0.95rem;\n}\n.checklist-wrapper.row .checklist-title {\n text-align: center;\n margin-bottom: 0.75rem;\n}\n.checklist-wrapper.row ul {\n display: flex;\n gap: 0.625rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n.checklist-wrapper.row ul li {\n margin: 0;\n max-width: 15%;\n}\n@media screen and (width <= 48rem) {\n .checklist-wrapper.row ul li {\n max-width: 30%;\n }\n}\n@media screen and (width <= 37.5rem) {\n .checklist-wrapper.row ul li {\n max-width: 100%;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.typography {\n margin: 0;\n padding: 0;\n color: var(--text-color);\n font-family: inherit;\n}\n.typography.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.typography.align-left {\n text-align: left;\n}\n.typography.align-center {\n text-align: center;\n}\n.typography.align-right {\n text-align: right;\n}\n.typography.weight-regular {\n font-weight: 400;\n}\n.typography.weight-medium {\n font-weight: 500;\n}\n.typography.weight-semibold {\n font-weight: 600;\n}\n.typography.weight-bold {\n font-weight: 700;\n}\n.typography.color-primary-color {\n color: var(--color-primary);\n}\n.typography.color-secondary-color {\n color: var(--color-secondary);\n}\n.typography.color-accent-color {\n color: var(--color-accent);\n}\n.typography.color-support-color {\n color: var(--color-support);\n}\n.typography.color-critical {\n color: #991b1b;\n}\n.typography.color-red {\n color: #dc2626;\n}\n.typography.color-green {\n color: #16a34a;\n}\n.typography.color-teal {\n color: #0f9f91;\n}\n.typography.color-orange {\n color: #e67a2e;\n}\n.typography.color-ai {\n color: #e67a2e;\n}\n.typography.color-yellow {\n color: #b7791f;\n}\n.typography.color-blue {\n color: #0284c7;\n}\n.typography.color-purple {\n color: #7c5cc4;\n}\n.typography.color-indigo {\n color: #6366c8;\n}\n.typography.color-violet {\n color: #8b5cf6;\n}\n.typography.color-cyan {\n color: #0891b2;\n}\n.typography.color-sky {\n color: #0284c7;\n}\n.typography.color-pink {\n color: #db2777;\n}\n.typography.color-rose {\n color: #e11d48;\n}\n.typography.color-lime {\n color: #65a30d;\n}\n.typography.color-gray {\n color: #6b7280;\n}\n.typography.color-dark {\n color: #374151;\n}\n.typography.color-black {\n color: #111827;\n}\n.typography.color-white {\n color: #000000;\n}\n.typography.color-facebook {\n color: #1877f2;\n}\n.typography.color-twitter {\n color: #000;\n}\n.typography.color-linkedin {\n color: #0a66c2;\n}\n.typography.color-youtube {\n color: #f00;\n}\n.typography.color-instagram {\n color: #e4405f;\n}\n.typography.color-pinterest {\n color: #e60023;\n}\n.typography.color-whatsapp {\n color: #25d366;\n}\n.typography.color-telegram {\n color: #229ed9;\n}\n.typography.color-discord {\n color: #5865f2;\n}\n.typography.color-github {\n color: #24292f;\n}\n.typography-display {\n font-size: 2.5rem;\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: -0.02em;\n}\n.typography-h1 {\n font-size: 2rem;\n font-weight: 700;\n line-height: 1.25;\n letter-spacing: -0.015em;\n}\n.typography-h2 {\n font-size: 1.75rem;\n font-weight: 700;\n line-height: 1.3;\n letter-spacing: -0.01em;\n}\n.typography-h3 {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 1.35;\n}\n.typography-h4 {\n font-size: 1.25rem;\n font-weight: 600;\n line-height: 1.4;\n}\n.typography-h5 {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4;\n}\n.typography-h6 {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.45;\n}\n.typography-title {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--text-color);\n line-height: 1.063;\n}\n.typography-body-lg {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.6;\n color: var(--sub-text-color);\n}\n.typography-body-md {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.6;\n color: var(--sub-text-color);\n}\n.typography-body-sm {\n font-size: 0.813rem;\n font-weight: 400;\n line-height: 1.5;\n color: var(--sub-text-color);\n}\n.typography-body-xs {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1.45;\n color: var(--sub-text-color);\n}\n.typography-caption {\n font-size: 0.688rem;\n font-weight: 500;\n line-height: 1.3;\n color: var(--sub-text-color);\n}\n.typography-overline {\n font-size: 0.688rem;\n font-weight: 600;\n line-height: 1.3;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--sub-text-color);\n}\n.typography-desc {\n font-size: 0.9rem;\n font-weight: 400;\n line-height: 1.313;\n color: var(--sub-text-color);\n}\n.typography-small-desc {\n font-size: 0.813rem;\n font-weight: 400;\n line-height: 1.313;\n color: var(--sub-text-color);\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.metric-tile {\n display: flex;\n gap: 1rem;\n width: 100%;\n}\n.metric-tile[data-auto-fit] {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(var(--metric-tile-min-width, 16rem), 1fr));\n}\n.metric-tile.flex-wrap {\n flex-wrap: wrap;\n}\n.metric-tile.flex-wrap .col-6 {\n width: calc(8.3333% - 1rem);\n}\n.metric-tile.flex-wrap .col-5 {\n width: calc(16.6667% - 1rem);\n}\n.metric-tile.flex-wrap .col-4 {\n width: calc(25% - 1rem);\n}\n.metric-tile.flex-wrap .col-3 {\n width: calc(33.3333% - 1rem);\n}\n.metric-tile.flex-wrap .col-2 {\n width: calc(50% - 1rem);\n}\n.metric-tile.flex-wrap .col-1 {\n width: calc(100% - 1rem);\n}\n.metric-tile-item {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n box-sizing: border-box;\n min-width: 0;\n padding: 1.125rem;\n background: #ffffff;\n border: 1px solid #edf0f5;\n border-radius: 0.625rem;\n box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03), 0 4px 12px rgba(16, 24, 40, 0.05);\n transition:\n border-color 160ms ease,\n box-shadow 160ms ease,\n transform 160ms ease;\n}\n.metric-tile-item-clickable {\n cursor: pointer;\n}\n.metric-tile-item-clickable:hover {\n border-color: #d8d0ff;\n box-shadow: 0 2px 4px rgba(16, 24, 40, 0.04), 0 8px 20px rgba(89, 52, 193, 0.08);\n transform: translateY(-1px);\n}\n.metric-tile-item-clickable:focus-visible {\n outline: 2px solid #6c35e8;\n outline-offset: 2px;\n}\n.metric-tile-header {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n width: 100%;\n}\n.metric-tile-heading {\n display: flex;\n align-items: start;\n flex-direction: column;\n gap: 0.75rem;\n min-width: 0;\n}\n.metric-tile-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n width: 3rem;\n height: 3rem;\n font-size: 1.813rem;\n border-radius: 0.45rem;\n background: var(--background-primary);\n color: var(--color-primary);\n}\n.metric-tile-title {\n min-width: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.3;\n color: #111827;\n display: flex;\n gap: 0.45rem;\n align-items: center;\n}\n.metric-tile-badge,\n.metric-tile-badge-clickable {\n flex: 0 0 auto;\n}\n.metric-tile-badge-clickable {\n cursor: pointer;\n transition: opacity 150ms ease, transform 150ms ease;\n}\n.metric-tile-badge-clickable:hover {\n opacity: 0.85;\n}\n.metric-tile-badge-clickable:active {\n transform: scale(0.97);\n}\n.metric-tile-badge-clickable:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n}\n.metric-tile-number-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n width: 100%;\n margin-top: 1rem;\n}\n.metric-tile-number {\n min-width: 0;\n font-size: 1.875rem;\n font-weight: 650;\n line-height: 1;\n letter-spacing: -0.025em;\n color: #111827;\n}\n.metric-tile-chart {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 0 0 auto;\n overflow: hidden;\n}\n.metric-tile-chart-sparkline {\n width: 4.75rem;\n min-width: 4.75rem;\n}\n.metric-tile-chart-ring {\n width: 6.25rem;\n min-width: 6.25rem;\n height: 6.25rem;\n overflow: visible;\n position: absolute;\n right: 1.5rem;\n top: 1rem;\n}\n.metric-tile-status-row {\n display: flex;\n align-items: center;\n margin-top: 0.75rem;\n gap: 0.5rem;\n}\n.metric-tile-status {\n display: inline-flex;\n align-items: center;\n width: fit-content;\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1;\n border-radius: 0.3rem;\n border: 1px solid currentColor;\n}\n.metric-tile-status-green {\n color: #169447;\n background: #f0fdf4;\n}\n.metric-tile-status-orange {\n color: #d66a00;\n background: #fff8ed;\n}\n.metric-tile-status-red {\n color: #dc2626;\n background: #fff5f5;\n}\n.metric-tile-status-blue {\n color: #1677d2;\n background: #f0f8ff;\n}\n.metric-tile-status-purple {\n color: #6532d4;\n background: #f7f3ff;\n}\n.metric-tile-status-gray {\n color: #667085;\n background: #f8f9fb;\n}\n.metric-tile-trend {\n display: flex;\n align-items: center;\n gap: 0.3rem;\n margin-top: 0.625rem;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1.35;\n}\n.metric-tile-trend-icon {\n font-size: 0.7rem;\n}\n.metric-tile-trend-positive {\n color: #169447;\n}\n.metric-tile-trend-negative {\n color: #dc2626;\n}\n.metric-tile-trend-neutral {\n color: #667085;\n}\n.metric-tile-stat {\n margin-top: 0.625rem;\n font-size: 0.813rem;\n font-weight: 500;\n line-height: 1.45;\n color: #667085;\n}\n.metric-tile-description {\n margin-top: 0.65rem;\n color: #667085;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.metric-tile-description > * {\n margin: 0;\n}\n.metric-tile-footer {\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: auto;\n padding-top: 1rem;\n}\n.metric-tile-footer .admin-btn {\n width: 100%;\n justify-content: center;\n}\n.metric-tile-footer.align-start {\n width: auto;\n padding-top: 0.875rem;\n}\n.metric-tile-footer.align-start .admin-btn {\n width: auto;\n padding-left: 0;\n padding-right: 0;\n justify-content: flex-start;\n}\n.metric-tile-compact {\n gap: 0.75rem;\n}\n.metric-tile-compact .metric-tile-item {\n padding: 0.875rem;\n border-radius: 0.5rem;\n}\n.metric-tile-compact .metric-tile-heading {\n gap: 0.625rem;\n}\n.metric-tile-compact .metric-tile-icon {\n width: 2.125rem;\n height: 2.125rem;\n font-size: 1rem;\n}\n.metric-tile-compact .metric-tile-title {\n font-size: 0.938rem;\n}\n.metric-tile-compact .metric-tile-number-row {\n margin-top: 0.75rem;\n}\n.metric-tile-compact .metric-tile-number {\n font-size: 1.5rem;\n}\n.metric-tile-compact .metric-tile-status-row {\n margin-top: 0.55rem;\n}\n.metric-tile-compact .metric-tile-footer {\n padding-top: 0.75rem;\n}\n@media screen and (width <= 48rem) {\n .metric-tile {\n gap: 0.75rem;\n }\n .metric-tile.flex-wrap .metric-tile-item.col-3,\n .metric-tile.flex-wrap .metric-tile-item.col-4,\n .metric-tile.flex-wrap .metric-tile-item.col-5,\n .metric-tile.flex-wrap .metric-tile-item.col-6 {\n width: calc(50% - 0.75rem);\n }\n .metric-tile-item {\n padding: 1rem;\n }\n .metric-tile-number {\n font-size: 1.65rem;\n }\n}\n@media screen and (width <= 37.5rem) {\n .metric-tile {\n gap: 0.625rem;\n }\n .metric-tile.flex-wrap {\n display: grid;\n grid-template-columns: 1fr;\n }\n .metric-tile.flex-wrap .metric-tile-item {\n width: 100% !important;\n }\n .metric-tile-item {\n padding: 0.875rem;\n }\n .metric-tile-header {\n flex-wrap: wrap;\n }\n .metric-tile-icon {\n width: 2.125rem;\n height: 2.125rem;\n font-size: 1rem;\n }\n .metric-tile-title {\n font-size: 0.938rem;\n }\n .metric-tile-number-row {\n flex-wrap: wrap;\n row-gap: 0.5rem;\n }\n .metric-tile-number {\n font-size: 1.5rem;\n }\n .metric-tile-chart-sparkline {\n width: 3.5rem;\n min-width: 3.5rem;\n }\n}\n.chart {\n width: 100%;\n}\n.chart.chart-ring {\n position: relative;\n width: auto;\n}\n.chart .chart-ring-svg {\n width: 100%;\n height: 100%;\n}\n.chart .chart-ring-track {\n stroke: var(--border-color);\n}\n.chart .chart-ring-center {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n}\n.chart.chart-gauge {\n position: relative;\n width: auto;\n}\n.chart .chart-gauge-svg {\n width: 100%;\n height: 100%;\n}\n.chart .chart-gauge-track {\n stroke: var(--border-color);\n}\n.chart .chart-gauge-dot {\n filter: drop-shadow(0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25));\n}\n.chart .chart-gauge-center {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n}\n.chart.chart-pie .chart-pie-plot {\n position: relative;\n}\n.chart.chart-pie .chart-pie-center {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n}\n.chart.chart-pie .chart-pie-legend {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 0.75rem;\n margin-top: 0.25rem;\n font-size: 0.6875rem;\n font-weight: 600;\n}\n.chart.chart-pie .chart-pie-legend-item {\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n}\n.chart.chart-pie .chart-pie-legend-value-row {\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n}\n.chart.chart-pie .chart-pie-legend-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.chart.chart-pie .chart-pie-legend-label {\n color: var(--sub-text-color);\n font-weight: 500;\n}\n.chart.chart-pie--side {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n}\n.chart.chart-pie--side .chart-pie-plot {\n flex-shrink: 0;\n}\n.chart.chart-pie--side .chart-pie-legend {\n flex: 1;\n justify-content: flex-start;\n gap: 1.75rem;\n margin-top: 0;\n display: none;\n}\n.chart.chart-pie--side .chart-pie-legend-item {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.125rem;\n}\n.chart.chart-pie--side .chart-pie-legend-value-row {\n font-size: 1.375rem;\n}\n.chart.chart-pie--side .chart-pie-legend-dot {\n width: 0.625rem;\n height: 0.625rem;\n}\n.chart.chart-pie--side .chart-pie-legend-label {\n font-size: 0.8125rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.legend {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n gap: 0.625rem;\n}\n.legend li {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.8125rem;\n}\n.legend-vertical {\n flex-direction: column;\n}\n.legend-vertical li {\n width: 100%;\n}\n.legend-vertical .legend-value {\n margin-left: auto;\n}\n.legend-horizontal {\n flex-wrap: wrap;\n align-items: center;\n}\n.legend-dot {\n flex-shrink: 0;\n width: 0.625rem;\n height: 0.625rem;\n border-radius: 50%;\n background: var(--sub-text-color);\n}\n.legend-dot.is-good {\n background: #16a34a;\n}\n.legend-dot.is-attention {\n background: #e67a2e;\n}\n.legend-dot.is-neutral {\n background: #d1d5db;\n}\n.legend-label {\n color: var(--text-color);\n}\n.legend-value {\n font-weight: 700;\n color: var(--text-color);\n font-variant-numeric: tabular-nums;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.admin-main-wrapper .container-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n}\n.admin-main-wrapper .card-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n position: relative;\n}\n.admin-main-wrapper .card-wrapper.row {\n flex-direction: row;\n}\n.admin-main-wrapper .card-wrapper.full-height .card-content {\n height: 100%;\n}\n.admin-main-wrapper .card-wrapper:has(.transaction) {\n margin-bottom: 1rem;\n}\n.admin-main-wrapper [data-cols] {\n box-sizing: border-box;\n}\n.admin-main-wrapper [data-cols="1"] {\n flex: 0 0 calc(8.3333% - 0.916rem);\n max-width: calc(8.3333% - 0.916rem);\n}\n.admin-main-wrapper [data-cols="2"] {\n flex: 0 0 calc(16.6667% - 0.833rem);\n max-width: calc(16.6667% - 0.833rem);\n}\n.admin-main-wrapper [data-cols="3"] {\n flex: 0 0 calc(25% - 0.75rem);\n max-width: calc(25% - 0.75rem);\n}\n.admin-main-wrapper [data-cols="4"] {\n flex: 0 0 calc(33.3333% - 0.688rem);\n max-width: calc(33.3333% - 0.688rem);\n}\n.admin-main-wrapper [data-cols="5"] {\n flex: 0 0 calc(41.6667% - 0.583rem);\n max-width: calc(41.6667% - 0.583rem);\n}\n.admin-main-wrapper [data-cols="6"] {\n flex: 0 0 calc(50% - 0.5rem);\n max-width: calc(50% - 0.5rem);\n}\n.admin-main-wrapper [data-cols="7"] {\n flex: 0 0 calc(58.3333% - 0.438rem);\n max-width: calc(58.3333% - 0.438rem);\n}\n.admin-main-wrapper [data-cols="8"] {\n flex: 0 0 calc(66.6667% - 0.313rem);\n max-width: calc(66.6667% - 0.313rem);\n}\n.admin-main-wrapper [data-cols="9"] {\n flex: 0 0 calc(75% - 0.25rem);\n max-width: calc(75% - 0.25rem);\n}\n.admin-main-wrapper [data-cols="10"] {\n flex: 0 0 calc(83.3333% - 0.166rem);\n max-width: calc(83.3333% - 0.166rem);\n}\n.admin-main-wrapper [data-cols="11"] {\n flex: 0 0 calc(91.6667% - 0.083rem);\n max-width: calc(91.6667% - 0.083rem);\n}\n.admin-main-wrapper [data-cols="12"] {\n flex: 0 0 100%;\n max-width: 100%;\n}\n.admin-settings .container-wrapper .tabs-wrapper {\n border: none;\n}\n.admin-settings .container-wrapper .tabs-wrapper.sub-tabs {\n margin-bottom: 1.313rem;\n}\n.admin-settings .popup-body .form-group-wrapper {\n gap: 1rem;\n}\n.admin-settings .popup-body .form-group-wrapper .form-group {\n padding: 0;\n}\n@media only screen and (width <= 37.5rem) {\n [data-cols="1"],\n [data-cols="2"],\n [data-cols="3"],\n [data-cols="4"],\n [data-cols="5"],\n [data-cols="6"],\n [data-cols="7"],\n [data-cols="8"],\n [data-cols="9"],\n [data-cols="10"],\n [data-cols="11"] {\n flex: 0 0 100% !important;\n max-width: 100% !important;\n }\n .admin-main-wrapper .card-wrapper.row {\n flex-direction: column;\n align-items: start !important;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.receiver-float {\n position: fixed;\n right: 1.85rem;\n top: 7rem;\n z-index: 99999;\n}\n.ui-notice {\n display: flex;\n justify-content: flex-start;\n gap: 0.5rem;\n}\n.ui-notice.type-success i {\n color: #16a34a;\n}\n.ui-notice.type-error i {\n color: #dc2626;\n}\n.ui-notice.type-info i {\n color: var(--color-primary);\n}\n.ui-notice.type-warning i {\n color: #b7791f;\n}\n.ui-notice.type-banner {\n padding: 0.5rem;\n text-align: center;\n background: var(--background-primary);\n font-weight: 600;\n font-size: 0.8rem;\n color: var(--text-color);\n position: relative;\n min-height: 1rem;\n}\n.ui-notice.type-banner .close-icon {\n position: absolute;\n right: 2rem;\n top: 0.5rem;\n font-size: 1rem;\n cursor: pointer;\n}\n.ui-notice.type-banner .notice-details {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n.ui-notice.type-banner .notice-desc {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n left: 0;\n width: 100%;\n pointer-events: none;\n display: flex;\n justify-content: center;\n align-items: center;\n animation-name: cycle-banner;\n animation-duration: var(--banner-duration);\n animation-iteration-count: infinite;\n animation-timing-function: ease-in-out;\n animation-fill-mode: forwards;\n}\n.ui-notice.type-banner .notice-desc a,\n.ui-notice.type-banner .notice-desc .banner-btn {\n pointer-events: auto;\n}\n@keyframes cycle-banner {\n 0%, 12.5% {\n opacity: 1;\n visibility: visible;\n }\n 12.6%, 100% {\n opacity: 0;\n visibility: hidden;\n }\n}\n.ui-notice.type-banner .notice-text,\n.ui-notice.type-banner .notice-desc {\n font-size: 0.813rem;\n}\n.ui-notice.type-banner .notice-desc {\n font-weight: 400;\n}\n.ui-notice.type-banner a {\n color: var(--color-primary);\n text-decoration: underline;\n}\n.ui-notice.display-float {\n padding: 0.85rem 6rem 0.85rem 0.85rem;\n font-weight: 400;\n margin-bottom: 0.5rem;\n background: var(--background-white);\n box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n animation: noticeslide 3s ease-in;\n opacity: 1;\n position: relative;\n}\n.ui-notice.display-float .notice-text {\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.313;\n}\n.ui-notice.display-float .notice-desc {\n color: var(--sub-text-color);\n}\n.ui-notice.display-float::after {\n content: "";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0.125rem;\n background-color: #16a34a;\n animation: border-slide 2.5s ease-in-out;\n animation-delay: 0.5s;\n}\n.ui-notice.display-float.type-success i {\n color: #16a34a;\n font-size: 1.4rem;\n}\n.ui-notice.display-float.type-error i {\n color: #008000;\n font-size: 1.4rem;\n}\n.ui-notice.display-inline {\n gap: 0.25rem;\n}\n.ui-notice.display-inline i {\n font-size: 1rem;\n}\n.ui-notice.display-inline.type-success .notice-desc,\n.ui-notice.display-inline.type-success .notice-text {\n color: #16a34a;\n}\n.ui-notice.display-inline.type-info .notice-desc,\n.ui-notice.display-inline.type-info .notice-text {\n color: var(--color-primary);\n}\n.ui-notice.display-inline.type-error .notice-desc,\n.ui-notice.display-inline.type-error .notice-text {\n color: #dc2626;\n}\n.ui-notice.display-inline.type-warning .notice-desc,\n.ui-notice.display-inline.type-warning .notice-text {\n color: #b7791f;\n}\n.ui-notice.display-inline-notice {\n gap: 0.75rem;\n}\n.ui-notice.display-inline-notice i {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n.ui-notice.display-inline-notice.type-success i,\n.ui-notice.display-inline-notice.type-success .notice-text {\n color: #16a34a;\n}\n.ui-notice.display-inline-notice.type-info i,\n.ui-notice.display-inline-notice.type-info .notice-text {\n color: var(--color-primary);\n}\n.ui-notice.display-inline-notice.type-error i,\n.ui-notice.display-inline-notice.type-error .notice-text {\n color: #dc2626;\n}\n.ui-notice.display-inline-notice.type-warning i,\n.ui-notice.display-inline-notice.type-warning .notice-text {\n color: #b7791f;\n}\n.ui-notice.display-notice:not(.type-banner) {\n padding: 0.5rem 0.8rem;\n display: flex;\n align-items: start;\n gap: 0.5rem;\n border: 0.063rem solid color-mix(in srgb, var(--color-primary) 35%, white);\n border-radius: 0.45rem;\n box-sizing: border-box;\n}\n.ui-notice.display-notice:not(.type-banner) .notice-text {\n font-size: 1.063rem;\n font-weight: 500;\n line-height: 1.5;\n}\n.ui-notice.display-notice:not(.type-banner) .notice-desc {\n font-size: 0.875rem;\n line-height: 1.5rem;\n}\n.ui-notice.display-notice:not(.type-banner).type-info {\n background: rgba(80, 7, 170, 0.1215686275);\n}\n.ui-notice.display-notice:not(.type-banner).type-info .notice-desc {\n color: var(--text-color);\n}\n.ui-notice.display-notice:not(.type-banner).type-error {\n background: #fff7f7;\n border-color: #dc2626;\n}\n.ui-notice.display-notice:not(.type-banner).type-error .notice-desc {\n color: #dc2626;\n}\n.ui-notice.display-notice:not(.type-banner).type-success {\n background: #f4fdf7;\n border-color: #16a34a;\n}\n.ui-notice.display-notice:not(.type-banner).type-success .notice-desc {\n color: #16a34a;\n}\n.ui-notice.display-notice:not(.type-banner).type-warning {\n background: #fffcef;\n border-color: #b7791f;\n}\n.ui-notice.display-notice:not(.type-banner).type-warning .notice-desc {\n color: #b7791f;\n}\n.ui-notice.display-inline-notice:not(.type-banner) {\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 1.25rem;\n border-radius: 0.45rem;\n box-sizing: border-box;\n}\n.ui-notice.display-inline-notice:not(.type-banner) .notice-details {\n flex-grow: 1;\n}\n.ui-notice.display-inline-notice:not(.type-banner) .notice-text {\n margin: 0;\n font-weight: 700;\n font-size: 0.9375rem;\n}\n.ui-notice.display-inline-notice:not(.type-banner) .notice-desc {\n margin: 0.125rem 0 0;\n font-size: 0.8125rem;\n line-height: 1.5;\n color: var(--sub-text-color);\n}\n.ui-notice.display-inline-notice:not(.type-banner) .notice-action {\n flex-shrink: 0;\n cursor: pointer;\n white-space: nowrap;\n padding: 0.5rem 1rem;\n border-radius: 0.45rem;\n font-size: 0.8125rem;\n font-weight: 600;\n color: #fff;\n}\n.ui-notice.display-inline-notice:not(.type-banner) .notice-action:hover {\n opacity: 0.9;\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-info {\n background: var(--background-primary);\n border: 0.063rem solid color-mix(in srgb, var(--color-primary) 35%, white);\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-info .notice-action {\n background: var(--color-primary);\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-error {\n background: #fff7f7;\n border: 0.063rem solid color-mix(in srgb, #dc2626 35%, white);\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-error .notice-action {\n background: #dc2626;\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-success {\n background: #f4fdf7;\n border: 0.063rem solid color-mix(in srgb, #16a34a 35%, white);\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-success .notice-action {\n background: #16a34a;\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-warning {\n background: #fffcef;\n border: 0.063rem solid color-mix(in srgb, #b7791f 35%, white);\n}\n.ui-notice.display-inline-notice:not(.type-banner).type-warning .notice-action {\n background: #b7791f;\n}\n.ui-notice i {\n font-size: 1.313rem;\n color: var(--color-primary);\n}\n.ui-notice .banner-btn {\n text-decoration: underline;\n color: var(--color-primary);\n font-size: 0.8rem;\n font-weight: 600;\n padding-left: 0.313rem;\n}\n@keyframes noticeslide {\n 0% {\n transform: translateX(120%);\n opacity: 1;\n }\n 10% {\n transform: translateX(0);\n opacity: 1;\n }\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes border-slide {\n 0% {\n width: 0;\n left: 0;\n }\n 100% {\n width: 100%;\n left: 0;\n }\n}\n.notice-wrapper {\n margin: 0 1.25rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.form-group-wrapper {\n width: 100%;\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n box-sizing: border-box;\n}\n.form-group-wrapper .form-group {\n display: flex;\n flex-direction: column;\n align-items: start;\n justify-content: end;\n width: 100%;\n position: relative;\n gap: 0.5rem;\n box-sizing: border-box;\n}\n.form-group-wrapper .form-group:has(label) {\n justify-content: start;\n}\n.form-group-wrapper .form-group .settings-form-label .typography-title {\n font-size: 1rem;\n color: var(--text-color);\n line-height: 1.313;\n display: flex;\n gap: 0.313rem;\n align-items: center;\n}\n.form-group-wrapper .form-group .settings-input-content {\n width: 100%;\n}\n.form-group-wrapper .form-group .settings-input-content .desc {\n width: 100%;\n}\n.form-group-wrapper .form-group .settings-input-content:has(.setting-form-input) {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.45rem;\n}\n.form-group-wrapper .form-group .settings-input-content:has(.setting-form-input) .settings-metabox-description {\n padding: 0;\n}\n.form-group-wrapper .form-group .settings-input-content .after,\n.form-group-wrapper .form-group .settings-input-content .before {\n font-size: 0.95rem;\n color: rgba(0, 0, 0, 0.6117647059);\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap {\n display: flex;\n gap: 1rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class {\n width: 9rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class.prefix .input-unit {\n border-right: 0.063rem solid rgba(17, 20, 24, 0.568627451);\n padding-right: 0.5rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class.suffix .input-unit {\n border-left: 0.063rem solid rgba(17, 20, 24, 0.568627451);\n padding-left: 0.5rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input {\n align-items: center;\n position: relative;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n background: #fff;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input .input-unit {\n font-size: 1rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input input {\n width: 100%;\n border: none !important;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input input:focus {\n box-shadow: none !important;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input:has(.choice-toggle-wrapper) {\n border: none;\n}\n.form-group-wrapper .form-group .settings-input-content .add-new-option {\n margin-top: 1rem;\n display: flex;\n width: 50%;\n gap: 0.5rem;\n}\n.form-group-wrapper .form-group .form-group.pro-setting {\n position: relative;\n}\n.form-group-wrapper .form-group .form-group.module-enabled {\n position: relative;\n}\n.form-group-wrapper .form-group .form-group.module-enabled .adminfont-lock {\n color: blue;\n}\n.form-group-wrapper .form-group.row {\n flex-direction: row;\n gap: 5%;\n align-items: start;\n justify-content: start;\n}\n.form-group-wrapper .form-group.row .settings-form-label {\n width: 30%;\n overflow-wrap: break-word;\n}\n.form-group-wrapper .form-group.row .settings-input-content {\n width: 65%;\n}\n.form-group-wrapper .form-group.row .settings-input-content:has(.display-notice) {\n width: 100%;\n}\n.form-group-wrapper .form-group.space-between {\n justify-content: space-between;\n}\n.form-group-wrapper .form-group.space-between .settings-form-label,\n.form-group-wrapper .form-group.space-between .settings-input-content {\n width: fit-content;\n}\n.form-group-wrapper .form-group.full-width .settings-input-content {\n width: 100%;\n}\n.form-group-wrapper .form-group.pro-tab .tabs-wrapper {\n width: 100%;\n display: flex;\n justify-content: end;\n}\n.form-group-wrapper .form-group.align-bottom {\n align-items: end;\n}\n.form-group-wrapper .form-group.border-top {\n padding-top: 1rem;\n border-top: 0.063rem solid var(--border-color);\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content {\n gap: 0;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .input-wrapper {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .admin-btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .tooltip-wrapper {\n padding: 0.25rem 0.45rem;\n border-top: 0.063rem solid var(--border-color);\n border-bottom: 0.063rem solid var(--border-color);\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .tooltip-wrapper i {\n font-size: 1.4rem;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .clear-btn {\n border: 0.063rem solid var(--border-color);\n padding: 0.25rem 0.45rem;\n color: #dc2626;\n border-top-right-radius: 0.45rem;\n border-bottom-right-radius: 0.45rem;\n cursor: pointer;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .clear-btn i {\n font-size: 1.4rem;\n}\n.form-group-wrapper .form-group .button-wrapper {\n display: flex;\n justify-content: start;\n}\n.form-group-wrapper .form-group .choice-toggle-container label {\n margin: 0;\n}\n.form-group-wrapper .form-group .date-field-wrapper {\n display: flex;\n gap: 0.5rem;\n}\n.form-group-wrapper .form-group .multi-field {\n display: flex;\n gap: 0.313rem;\n}\n.form-group-wrapper.bg-light-white,\n.form-group-wrapper .form-group.bg-light-white {\n background: #f7f7f7;\n padding: 1rem;\n}\n.settings-metabox-description {\n padding-top: 0.25rem;\n color: var(--sub-text-color);\n width: 100%;\n line-height: 1.313;\n margin: 0;\n font-size: 0.813rem;\n}\n.settings-metabox-description b {\n color: rgba(0, 0, 0, 0.7176470588);\n}\n.settings-metabox-description p {\n margin-bottom: 0.5rem;\n}\n.settings-metabox-description ul {\n list-style-type: none;\n margin: 0;\n margin-left: 1rem;\n line-height: 1.313rem;\n}\n.settings-metabox-description li {\n list-style-type: number;\n margin: 0;\n}\n.settings-metabox-description code {\n padding: 0.063rem 0.125rem 0.125rem;\n font-size: 0.688rem;\n line-height: 0.5;\n}\n.settings-metabox-description a {\n color: var(--color-primary);\n}\n.admin-settings .form-group-wrapper,\n.expandable-panel-group .form-group-wrapper {\n gap: 0;\n}\n.admin-settings .form-group-wrapper .form-group,\n.expandable-panel-group .form-group-wrapper .form-group {\n background: var(--background-white);\n padding: 1rem;\n}\n@media only screen and (width <= 37.5rem) {\n .form-group.row {\n flex-direction: column !important;\n }\n .form-group.row .settings-form-label,\n .form-group.row .settings-input-content {\n width: 100% !important;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.tooltip-wrapper {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.tooltip-wrapper .tooltip-name {\n position: absolute;\n z-index: 999;\n width: max-content;\n max-width: 12rem;\n padding: 0.313rem 0.5rem;\n background: #2e2e2e;\n color: #fff;\n border-radius: 0.45rem;\n font-size: 0.8rem;\n line-height: 1.2;\n text-align: center;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.2s ease, visibility 0.2s ease;\n pointer-events: none;\n}\n.tooltip-wrapper:hover .tooltip-name,\n.tooltip-wrapper.copied .tooltip-name {\n opacity: 1;\n visibility: visible;\n}\n.tooltip-wrapper.top .tooltip-name {\n bottom: calc(100% + 0.5rem);\n left: 50%;\n transform: translateX(-50%);\n}\n.tooltip-wrapper.bottom .tooltip-name {\n top: calc(100% + 0.5rem);\n left: 50%;\n transform: translateX(-50%);\n}\n.tooltip-wrapper.top-left .tooltip-name,\n.tooltip-wrapper.top-right .tooltip-name {\n bottom: calc(100% + 0.5rem);\n}\n.tooltip-wrapper.bottom-left .tooltip-name,\n.tooltip-wrapper.bottom-right .tooltip-name {\n top: calc(100% + 0.5rem);\n}\n.tooltip-wrapper.top-left .tooltip-name,\n.tooltip-wrapper.bottom-left .tooltip-name {\n left: 0;\n}\n.tooltip-wrapper.top-right .tooltip-name,\n.tooltip-wrapper.bottom-right .tooltip-name {\n right: 0;\n}\n.tooltip-wrapper.left .tooltip-name {\n right: calc(100% + 0.5rem);\n top: 50%;\n transform: translateY(-50%);\n}\n.tooltip-wrapper.right .tooltip-name {\n left: calc(100% + 0.5rem);\n top: 50%;\n transform: translateY(-50%);\n}\n.tooltip-wrapper:not(.with-out-arrow) .tooltip-name::after {\n content: "";\n position: absolute;\n width: 0;\n height: 0;\n border-width: 0.313rem;\n border-style: solid;\n}\n.tooltip-wrapper:not(.with-out-arrow).top .tooltip-name::after,\n.tooltip-wrapper:not(.with-out-arrow).top-left .tooltip-name::after,\n.tooltip-wrapper:not(.with-out-arrow).top-right .tooltip-name::after {\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n border-color: #2e2e2e transparent transparent;\n}\n.tooltip-wrapper:not(.with-out-arrow).bottom .tooltip-name::after,\n.tooltip-wrapper:not(.with-out-arrow).bottom-left .tooltip-name::after,\n.tooltip-wrapper:not(.with-out-arrow).bottom-right .tooltip-name::after {\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n border-color: transparent transparent #2e2e2e;\n}\n.tooltip-wrapper:not(.with-out-arrow).top-left .tooltip-name::after,\n.tooltip-wrapper:not(.with-out-arrow).bottom-left .tooltip-name::after {\n left: 0.75rem;\n}\n.tooltip-wrapper:not(.with-out-arrow).top-right .tooltip-name::after,\n.tooltip-wrapper:not(.with-out-arrow).bottom-right .tooltip-name::after {\n right: 0.75rem;\n left: auto;\n transform: none;\n}\n.tooltip-wrapper:not(.with-out-arrow).left .tooltip-name::after {\n left: 100%;\n top: 50%;\n transform: translateY(-50%);\n border-color: transparent transparent transparent #2e2e2e;\n}\n.tooltip-wrapper:not(.with-out-arrow).right .tooltip-name::after {\n right: 100%;\n top: 50%;\n transform: translateY(-50%);\n border-color: transparent #2e2e2e transparent transparent;\n}\n.tooltip-wrapper.hidden .tooltip-name {\n opacity: 0;\n visibility: hidden;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.copy-to-clipboard {\n margin-bottom: 0.5rem;\n}\n.copy-to-clipboard code {\n font-weight: 500;\n color: var(--color-primary);\n background: var(--background-primary);\n padding: 0.313rem;\n margin-right: 0.625rem;\n}\n.copy-to-clipboard i {\n font-size: 1rem;\n cursor: pointer;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.module-guard {\n height: 12rem;\n width: 100%;\n background: var(--background-white);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 0.625rem;\n}\n.module-guard i {\n padding: 0.5rem;\n font-size: 1.45rem;\n border-radius: 0.45rem;\n}\n.module-guard .typography-title {\n font-size: 1.25rem;\n text-align: center;\n line-height: 1;\n}\n.module-guard .des {\n margin-bottom: 1rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.analytics-container {\n display: flex;\n gap: 1rem;\n height: fit-content;\n}\n.analytics-container .analytics-item {\n display: flex;\n gap: 1rem;\n align-items: start;\n flex-wrap: wrap;\n background: var(--background-white);\n padding: 1rem;\n width: 100%;\n border: none;\n border-radius: 0.45rem;\n box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n box-sizing: border-box;\n font: inherit;\n text-align: left;\n text-decoration: none;\n color: inherit;\n}\n.analytics-container .analytics-item.clickable {\n cursor: pointer;\n}\n.analytics-container .analytics-item .analytics-icon i {\n border-radius: 0.45rem;\n font-size: 2.5rem;\n padding: 0.625rem;\n}\n.analytics-container .analytics-item .details .number {\n font-size: 2.063rem;\n line-height: 0.9;\n font-weight: 600;\n color: var(--text-color);\n}\n.analytics-container .analytics-item .details .text {\n color: var(--sub-text-color);\n line-height: 1;\n padding-top: 0.313rem;\n}\n.analytics-container[data-template=small] .analytics-item,\n.analytics-container[data-template=small-border] .analytics-item {\n box-sizing: border-box;\n}\n.analytics-container[data-template=small] .analytics-item i,\n.analytics-container[data-template=small-border] .analytics-item i {\n padding: 0.5rem;\n font-size: 1.625rem;\n}\n.analytics-container[data-template=small] .analytics-item .details .number,\n.analytics-container[data-template=small-border] .analytics-item .details .number {\n font-size: 1.25rem;\n}\n.analytics-container[data-template=with-out-boxshadow] .analytics-item {\n background: transparent;\n box-shadow: none;\n border-radius: 0;\n padding: 0 1rem;\n}\n.analytics-container[data-template=with-out-boxshadow] .analytics-item:not(:last-child) {\n border-right: 0.063rem solid var(--border-color);\n}\n.analytics-container[data-template=with-out-boxshadow] .analytics-item .details {\n display: flex;\n flex-direction: column-reverse;\n gap: 0.725rem;\n}\n.analytics-container[data-template=with-out-boxshadow] .analytics-item .details .number {\n font-size: 1.813rem;\n}\n.analytics-container[data-template=with-out-boxshadow] .analytics-item .details .text {\n font-size: 1.063rem;\n}\n.analytics-container[data-template=small-card] .analytics-item {\n position: relative;\n padding: 1rem;\n flex-direction: column;\n justify-content: space-between;\n gap: 1.25rem;\n border: 0.063rem solid;\n box-shadow: none;\n}\n.analytics-container[data-template=small-card] .analytics-item.primary-color,\n.analytics-container[data-template=small-card] .analytics-item:has(.primary-color) {\n border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, var(--color-primary) 9%, white) 0%,\n color-mix(in srgb, var(--color-primary) 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.primary-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.primary-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.primary-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.primary-color) .details .text {\n color: var(--color-primary);\n}\n.analytics-container[data-template=small-card] .analytics-item.secondary-color,\n.analytics-container[data-template=small-card] .analytics-item:has(.secondary-color) {\n border-color: color-mix(in srgb, var(--color-secondary) 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, var(--color-secondary) 9%, white) 0%,\n color-mix(in srgb, var(--color-secondary) 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.secondary-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.secondary-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.secondary-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.secondary-color) .details .text {\n color: var(--color-secondary);\n}\n.analytics-container[data-template=small-card] .analytics-item.accent-color,\n.analytics-container[data-template=small-card] .analytics-item:has(.accent-color) {\n border-color: color-mix(in srgb, var(--color-accent) 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, var(--color-accent) 9%, white) 0%,\n color-mix(in srgb, var(--color-accent) 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.accent-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.accent-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.accent-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.accent-color) .details .text {\n color: var(--color-accent);\n}\n.analytics-container[data-template=small-card] .analytics-item.support-color,\n.analytics-container[data-template=small-card] .analytics-item:has(.support-color) {\n border-color: color-mix(in srgb, var(--color-support) 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, var(--color-support) 9%, white) 0%,\n color-mix(in srgb, var(--color-support) 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.support-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.support-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.support-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.support-color) .details .text {\n color: var(--color-support);\n}\n.analytics-container[data-template=small-card] .analytics-item.critical,\n.analytics-container[data-template=small-card] .analytics-item:has(.critical) {\n border-color: color-mix(in srgb, #991b1b 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #991b1b 9%, white) 0%,\n color-mix(in srgb, #991b1b 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.critical .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.critical .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.critical) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.critical) .details .text {\n color: #991b1b;\n}\n.analytics-container[data-template=small-card] .analytics-item.red,\n.analytics-container[data-template=small-card] .analytics-item:has(.red) {\n border-color: color-mix(in srgb, #dc2626 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #dc2626 9%, white) 0%,\n color-mix(in srgb, #dc2626 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.red .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.red .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.red) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.red) .details .text {\n color: #dc2626;\n}\n.analytics-container[data-template=small-card] .analytics-item.green,\n.analytics-container[data-template=small-card] .analytics-item:has(.green) {\n border-color: color-mix(in srgb, #16a34a 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #16a34a 9%, white) 0%,\n color-mix(in srgb, #16a34a 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.green .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.green .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.green) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.green) .details .text {\n color: #16a34a;\n}\n.analytics-container[data-template=small-card] .analytics-item.teal,\n.analytics-container[data-template=small-card] .analytics-item:has(.teal) {\n border-color: color-mix(in srgb, #0f9f91 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #0f9f91 9%, white) 0%,\n color-mix(in srgb, #0f9f91 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.teal .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.teal .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.teal) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.teal) .details .text {\n color: #0f9f91;\n}\n.analytics-container[data-template=small-card] .analytics-item.orange,\n.analytics-container[data-template=small-card] .analytics-item:has(.orange) {\n border-color: color-mix(in srgb, #e67a2e 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #e67a2e 9%, white) 0%,\n color-mix(in srgb, #e67a2e 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.orange .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.orange .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.orange) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.orange) .details .text {\n color: #e67a2e;\n}\n.analytics-container[data-template=small-card] .analytics-item.ai,\n.analytics-container[data-template=small-card] .analytics-item:has(.ai) {\n border-color: color-mix(in srgb, #e67a2e 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #e67a2e 9%, white) 0%,\n color-mix(in srgb, #e67a2e 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.ai .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.ai .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.ai) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.ai) .details .text {\n color: #e67a2e;\n}\n.analytics-container[data-template=small-card] .analytics-item.yellow,\n.analytics-container[data-template=small-card] .analytics-item:has(.yellow) {\n border-color: color-mix(in srgb, #b7791f 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #b7791f 9%, white) 0%,\n color-mix(in srgb, #b7791f 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.yellow .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.yellow .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.yellow) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.yellow) .details .text {\n color: #b7791f;\n}\n.analytics-container[data-template=small-card] .analytics-item.blue,\n.analytics-container[data-template=small-card] .analytics-item:has(.blue) {\n border-color: color-mix(in srgb, #0284c7 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #0284c7 9%, white) 0%,\n color-mix(in srgb, #0284c7 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.blue .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.blue .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.blue) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.blue) .details .text {\n color: #0284c7;\n}\n.analytics-container[data-template=small-card] .analytics-item.purple,\n.analytics-container[data-template=small-card] .analytics-item:has(.purple) {\n border-color: color-mix(in srgb, #7c5cc4 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #7c5cc4 9%, white) 0%,\n color-mix(in srgb, #7c5cc4 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.purple .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.purple .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.purple) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.purple) .details .text {\n color: #7c5cc4;\n}\n.analytics-container[data-template=small-card] .analytics-item.indigo,\n.analytics-container[data-template=small-card] .analytics-item:has(.indigo) {\n border-color: color-mix(in srgb, #6366c8 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #6366c8 9%, white) 0%,\n color-mix(in srgb, #6366c8 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.indigo .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.indigo .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.indigo) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.indigo) .details .text {\n color: #6366c8;\n}\n.analytics-container[data-template=small-card] .analytics-item.violet,\n.analytics-container[data-template=small-card] .analytics-item:has(.violet) {\n border-color: color-mix(in srgb, #8b5cf6 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #8b5cf6 9%, white) 0%,\n color-mix(in srgb, #8b5cf6 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.violet .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.violet .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.violet) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.violet) .details .text {\n color: #8b5cf6;\n}\n.analytics-container[data-template=small-card] .analytics-item.cyan,\n.analytics-container[data-template=small-card] .analytics-item:has(.cyan) {\n border-color: color-mix(in srgb, #0891b2 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #0891b2 9%, white) 0%,\n color-mix(in srgb, #0891b2 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.cyan .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.cyan .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.cyan) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.cyan) .details .text {\n color: #0891b2;\n}\n.analytics-container[data-template=small-card] .analytics-item.sky,\n.analytics-container[data-template=small-card] .analytics-item:has(.sky) {\n border-color: color-mix(in srgb, #0284c7 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #0284c7 9%, white) 0%,\n color-mix(in srgb, #0284c7 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.sky .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.sky .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.sky) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.sky) .details .text {\n color: #0284c7;\n}\n.analytics-container[data-template=small-card] .analytics-item.pink,\n.analytics-container[data-template=small-card] .analytics-item:has(.pink) {\n border-color: color-mix(in srgb, #db2777 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #db2777 9%, white) 0%,\n color-mix(in srgb, #db2777 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.pink .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.pink .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.pink) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.pink) .details .text {\n color: #db2777;\n}\n.analytics-container[data-template=small-card] .analytics-item.rose,\n.analytics-container[data-template=small-card] .analytics-item:has(.rose) {\n border-color: color-mix(in srgb, #e11d48 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #e11d48 9%, white) 0%,\n color-mix(in srgb, #e11d48 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.rose .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.rose .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.rose) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.rose) .details .text {\n color: #e11d48;\n}\n.analytics-container[data-template=small-card] .analytics-item.lime,\n.analytics-container[data-template=small-card] .analytics-item:has(.lime) {\n border-color: color-mix(in srgb, #65a30d 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #65a30d 9%, white) 0%,\n color-mix(in srgb, #65a30d 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.lime .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.lime .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.lime) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.lime) .details .text {\n color: #65a30d;\n}\n.analytics-container[data-template=small-card] .analytics-item.gray,\n.analytics-container[data-template=small-card] .analytics-item:has(.gray) {\n border-color: color-mix(in srgb, #6b7280 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #6b7280 9%, white) 0%,\n color-mix(in srgb, #6b7280 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.gray .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.gray .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.gray) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.gray) .details .text {\n color: #6b7280;\n}\n.analytics-container[data-template=small-card] .analytics-item.dark,\n.analytics-container[data-template=small-card] .analytics-item:has(.dark) {\n border-color: color-mix(in srgb, #374151 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #374151 9%, white) 0%,\n color-mix(in srgb, #374151 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.dark .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.dark .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.dark) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.dark) .details .text {\n color: #374151;\n}\n.analytics-container[data-template=small-card] .analytics-item.black,\n.analytics-container[data-template=small-card] .analytics-item:has(.black) {\n border-color: color-mix(in srgb, #111827 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #111827 9%, white) 0%,\n color-mix(in srgb, #111827 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.black .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.black .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.black) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.black) .details .text {\n color: #111827;\n}\n.analytics-container[data-template=small-card] .analytics-item.white,\n.analytics-container[data-template=small-card] .analytics-item:has(.white) {\n border-color: color-mix(in srgb, #000000 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #000000 9%, white) 0%,\n color-mix(in srgb, #000000 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.white .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.white .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.white) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.white) .details .text {\n color: #000000;\n}\n.analytics-container[data-template=small-card] .analytics-item.facebook,\n.analytics-container[data-template=small-card] .analytics-item:has(.facebook) {\n border-color: color-mix(in srgb, #1877f2 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #1877f2 9%, white) 0%,\n color-mix(in srgb, #1877f2 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.facebook .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.facebook .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.facebook) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.facebook) .details .text {\n color: #1877f2;\n}\n.analytics-container[data-template=small-card] .analytics-item.twitter,\n.analytics-container[data-template=small-card] .analytics-item:has(.twitter) {\n border-color: color-mix(in srgb, #000 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #000 9%, white) 0%,\n color-mix(in srgb, #000 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.twitter .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.twitter .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.twitter) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.twitter) .details .text {\n color: #000;\n}\n.analytics-container[data-template=small-card] .analytics-item.linkedin,\n.analytics-container[data-template=small-card] .analytics-item:has(.linkedin) {\n border-color: color-mix(in srgb, #0a66c2 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #0a66c2 9%, white) 0%,\n color-mix(in srgb, #0a66c2 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.linkedin .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.linkedin .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.linkedin) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.linkedin) .details .text {\n color: #0a66c2;\n}\n.analytics-container[data-template=small-card] .analytics-item.youtube,\n.analytics-container[data-template=small-card] .analytics-item:has(.youtube) {\n border-color: color-mix(in srgb, #f00 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #f00 9%, white) 0%,\n color-mix(in srgb, #f00 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.youtube .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.youtube .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.youtube) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.youtube) .details .text {\n color: #f00;\n}\n.analytics-container[data-template=small-card] .analytics-item.instagram,\n.analytics-container[data-template=small-card] .analytics-item:has(.instagram) {\n border-color: color-mix(in srgb, #e4405f 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #e4405f 9%, white) 0%,\n color-mix(in srgb, #e4405f 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.instagram .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.instagram .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.instagram) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.instagram) .details .text {\n color: #e4405f;\n}\n.analytics-container[data-template=small-card] .analytics-item.pinterest,\n.analytics-container[data-template=small-card] .analytics-item:has(.pinterest) {\n border-color: color-mix(in srgb, #e60023 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #e60023 9%, white) 0%,\n color-mix(in srgb, #e60023 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.pinterest .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.pinterest .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.pinterest) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.pinterest) .details .text {\n color: #e60023;\n}\n.analytics-container[data-template=small-card] .analytics-item.whatsapp,\n.analytics-container[data-template=small-card] .analytics-item:has(.whatsapp) {\n border-color: color-mix(in srgb, #25d366 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #25d366 9%, white) 0%,\n color-mix(in srgb, #25d366 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.whatsapp .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.whatsapp .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.whatsapp) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.whatsapp) .details .text {\n color: #25d366;\n}\n.analytics-container[data-template=small-card] .analytics-item.telegram,\n.analytics-container[data-template=small-card] .analytics-item:has(.telegram) {\n border-color: color-mix(in srgb, #229ed9 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #229ed9 9%, white) 0%,\n color-mix(in srgb, #229ed9 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.telegram .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.telegram .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.telegram) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.telegram) .details .text {\n color: #229ed9;\n}\n.analytics-container[data-template=small-card] .analytics-item.discord,\n.analytics-container[data-template=small-card] .analytics-item:has(.discord) {\n border-color: color-mix(in srgb, #5865f2 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #5865f2 9%, white) 0%,\n color-mix(in srgb, #5865f2 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.discord .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.discord .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.discord) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.discord) .details .text {\n color: #5865f2;\n}\n.analytics-container[data-template=small-card] .analytics-item.github,\n.analytics-container[data-template=small-card] .analytics-item:has(.github) {\n border-color: color-mix(in srgb, #24292f 20%, transparent);\n background:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #24292f 9%, white) 0%,\n color-mix(in srgb, #24292f 3%, white) 58%,\n white 100%);\n}\n.analytics-container[data-template=small-card] .analytics-item.github .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.github .details .text,\n.analytics-container[data-template=small-card] .analytics-item:has(.github) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item:has(.github) .details .text {\n color: #24292f;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.primary-color,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.primary-color) {\n border-color: var(--color-primary);\n background: color-mix(in srgb, var(--color-primary) 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.primary-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.primary-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.primary-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.primary-color) .details .text {\n color: var(--color-primary);\n}\n.analytics-container[data-template=small-card] .analytics-item.active.secondary-color,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.secondary-color) {\n border-color: var(--color-secondary);\n background: color-mix(in srgb, var(--color-secondary) 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.secondary-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.secondary-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.secondary-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.secondary-color) .details .text {\n color: var(--color-secondary);\n}\n.analytics-container[data-template=small-card] .analytics-item.active.accent-color,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.accent-color) {\n border-color: var(--color-accent);\n background: color-mix(in srgb, var(--color-accent) 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.accent-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.accent-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.accent-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.accent-color) .details .text {\n color: var(--color-accent);\n}\n.analytics-container[data-template=small-card] .analytics-item.active.support-color,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.support-color) {\n border-color: var(--color-support);\n background: color-mix(in srgb, var(--color-support) 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.support-color .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.support-color .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.support-color) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.support-color) .details .text {\n color: var(--color-support);\n}\n.analytics-container[data-template=small-card] .analytics-item.active.critical,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.critical) {\n border-color: #991b1b;\n background: color-mix(in srgb, #991b1b 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.critical .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.critical .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.critical) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.critical) .details .text {\n color: #991b1b;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.red,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.red) {\n border-color: #dc2626;\n background: color-mix(in srgb, #dc2626 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.red .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.red .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.red) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.red) .details .text {\n color: #dc2626;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.green,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.green) {\n border-color: #16a34a;\n background: color-mix(in srgb, #16a34a 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.green .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.green .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.green) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.green) .details .text {\n color: #16a34a;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.teal,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.teal) {\n border-color: #0f9f91;\n background: color-mix(in srgb, #0f9f91 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.teal .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.teal .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.teal) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.teal) .details .text {\n color: #0f9f91;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.orange,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.orange) {\n border-color: #e67a2e;\n background: color-mix(in srgb, #e67a2e 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.orange .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.orange .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.orange) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.orange) .details .text {\n color: #e67a2e;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.ai,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.ai) {\n border-color: #e67a2e;\n background: color-mix(in srgb, #e67a2e 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.ai .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.ai .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.ai) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.ai) .details .text {\n color: #e67a2e;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.yellow,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.yellow) {\n border-color: #b7791f;\n background: color-mix(in srgb, #b7791f 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.yellow .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.yellow .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.yellow) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.yellow) .details .text {\n color: #b7791f;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.blue,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.blue) {\n border-color: #0284c7;\n background: color-mix(in srgb, #0284c7 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.blue .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.blue .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.blue) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.blue) .details .text {\n color: #0284c7;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.purple,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.purple) {\n border-color: #7c5cc4;\n background: color-mix(in srgb, #7c5cc4 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.purple .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.purple .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.purple) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.purple) .details .text {\n color: #7c5cc4;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.indigo,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.indigo) {\n border-color: #6366c8;\n background: color-mix(in srgb, #6366c8 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.indigo .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.indigo .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.indigo) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.indigo) .details .text {\n color: #6366c8;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.violet,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.violet) {\n border-color: #8b5cf6;\n background: color-mix(in srgb, #8b5cf6 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.violet .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.violet .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.violet) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.violet) .details .text {\n color: #8b5cf6;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.cyan,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.cyan) {\n border-color: #0891b2;\n background: color-mix(in srgb, #0891b2 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.cyan .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.cyan .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.cyan) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.cyan) .details .text {\n color: #0891b2;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.sky,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.sky) {\n border-color: #0284c7;\n background: color-mix(in srgb, #0284c7 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.sky .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.sky .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.sky) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.sky) .details .text {\n color: #0284c7;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.pink,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.pink) {\n border-color: #db2777;\n background: color-mix(in srgb, #db2777 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.pink .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.pink .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.pink) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.pink) .details .text {\n color: #db2777;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.rose,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.rose) {\n border-color: #e11d48;\n background: color-mix(in srgb, #e11d48 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.rose .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.rose .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.rose) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.rose) .details .text {\n color: #e11d48;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.lime,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.lime) {\n border-color: #65a30d;\n background: color-mix(in srgb, #65a30d 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.lime .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.lime .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.lime) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.lime) .details .text {\n color: #65a30d;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.gray,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.gray) {\n border-color: #6b7280;\n background: color-mix(in srgb, #6b7280 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.gray .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.gray .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.gray) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.gray) .details .text {\n color: #6b7280;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.dark,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.dark) {\n border-color: #374151;\n background: color-mix(in srgb, #374151 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.dark .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.dark .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.dark) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.dark) .details .text {\n color: #374151;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.black,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.black) {\n border-color: #111827;\n background: color-mix(in srgb, #111827 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.black .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.black .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.black) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.black) .details .text {\n color: #111827;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.white,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.white) {\n border-color: #000000;\n background: color-mix(in srgb, #000000 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.white .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.white .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.white) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.white) .details .text {\n color: #000000;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.facebook,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.facebook) {\n border-color: #1877f2;\n background: color-mix(in srgb, #1877f2 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.facebook .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.facebook .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.facebook) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.facebook) .details .text {\n color: #1877f2;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.twitter,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.twitter) {\n border-color: #000;\n background: color-mix(in srgb, #000 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.twitter .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.twitter .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.twitter) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.twitter) .details .text {\n color: #000;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.linkedin,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.linkedin) {\n border-color: #0a66c2;\n background: color-mix(in srgb, #0a66c2 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.linkedin .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.linkedin .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.linkedin) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.linkedin) .details .text {\n color: #0a66c2;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.youtube,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.youtube) {\n border-color: #f00;\n background: color-mix(in srgb, #f00 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.youtube .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.youtube .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.youtube) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.youtube) .details .text {\n color: #f00;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.instagram,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.instagram) {\n border-color: #e4405f;\n background: color-mix(in srgb, #e4405f 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.instagram .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.instagram .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.instagram) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.instagram) .details .text {\n color: #e4405f;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.pinterest,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.pinterest) {\n border-color: #e60023;\n background: color-mix(in srgb, #e60023 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.pinterest .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.pinterest .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.pinterest) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.pinterest) .details .text {\n color: #e60023;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.whatsapp,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.whatsapp) {\n border-color: #25d366;\n background: color-mix(in srgb, #25d366 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.whatsapp .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.whatsapp .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.whatsapp) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.whatsapp) .details .text {\n color: #25d366;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.telegram,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.telegram) {\n border-color: #229ed9;\n background: color-mix(in srgb, #229ed9 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.telegram .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.telegram .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.telegram) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.telegram) .details .text {\n color: #229ed9;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.discord,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.discord) {\n border-color: #5865f2;\n background: color-mix(in srgb, #5865f2 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.discord .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.discord .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.discord) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.discord) .details .text {\n color: #5865f2;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.github,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.github) {\n border-color: #24292f;\n background: color-mix(in srgb, #24292f 15%, transparent) !important;\n}\n.analytics-container[data-template=small-card] .analytics-item.active.github .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active.github .details .text,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.github) .card-graph,\n.analytics-container[data-template=small-card] .analytics-item.active:has(.github) .details .text {\n color: #24292f;\n}\n.analytics-container[data-template=small-card] .analytics-item .analytics-icon {\n display: none;\n}\n.analytics-container[data-template=small-card] .analytics-item .analytics-icon i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2.75rem;\n height: 2.75rem;\n padding: 0;\n font-size: 1.5rem;\n border-radius: 50%;\n}\n.analytics-container[data-template=small-card] .analytics-item .card-graph {\n position: absolute;\n top: 1.5rem;\n right: 1rem;\n width: 4.5rem;\n height: 1.5rem;\n}\n.analytics-container[data-template=small-card] .analytics-item .card-graph path {\n fill: none;\n stroke: currentcolor;\n stroke-linecap: round;\n stroke-width: 2;\n vector-effect: non-scaling-stroke;\n}\n.analytics-container[data-template=small-card] .analytics-item .details .number {\n font-size: 2rem;\n line-height: 1;\n}\n.analytics-container[data-template=small-card] .analytics-item .details .text {\n padding-top: 0.75rem;\n font-size: 1rem;\n font-weight: 500;\n}\n.analytics-container.flex-wrap {\n flex-wrap: wrap;\n}\n.analytics-container.flex-wrap .col-6 {\n width: calc(8.3333% - 1rem);\n}\n.analytics-container.flex-wrap .col-5 {\n width: calc(16.6667% - 1rem);\n}\n.analytics-container.flex-wrap .col-4 {\n width: calc(25% - 1rem);\n}\n.analytics-container.flex-wrap .col-3 {\n width: calc(33.3333% - 1rem);\n}\n.analytics-container.flex-wrap .col-2 {\n width: calc(50% - 1rem);\n}\n.analytics-container.flex-wrap .col-1 {\n width: calc(100% - 1rem);\n}\n.analytics-container[data-template=dashboard] .analytics-item {\n flex-direction: row-reverse;\n justify-content: start;\n position: relative;\n}\n.analytics-container[data-template=dashboard] .analytics-item .analytics-icon {\n position: absolute;\n right: 1rem;\n}\n.analytics-container[data-template=dashboard] .analytics-item .analytics-icon i {\n padding: 0.5rem;\n font-size: 1.5rem;\n border-radius: 0.45rem;\n color: #fff;\n}\n.analytics-container[data-template=dashboard] .analytics-item .analytics-icon .text {\n color: var(--sub-text-color);\n padding-top: 0.313rem;\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .text {\n font-size: 1.063rem;\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .number {\n font-size: 1.813rem !important;\n line-height: 2 !important;\n font-weight: 600;\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .report {\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .report div {\n line-height: 1.313rem;\n}\n.analytics-container[data-template=progress] .analytics-item {\n gap: 0.45rem;\n}\n.analytics-container[data-template=progress] .analytics-item .analytics-icon i {\n font-size: 1.45rem;\n padding: 0.313rem;\n}\n.analytics-container[data-template=progress] .analytics-item .details {\n display: flex;\n flex-direction: row-reverse;\n justify-content: space-between;\n width: 100%;\n}\n.analytics-container[data-template=progress] .analytics-item .details .number {\n font-size: 1.063rem;\n line-height: 1;\n}\n.analytics-container[data-template=progress] .analytics-item .progress-bar {\n width: 100%;\n position: relative;\n height: 0.45rem;\n border-radius: 1rem;\n}\n.analytics-container[data-template=progress] .analytics-item .progress-bar::after {\n content: "";\n position: absolute;\n width: var(--progress-width);\n height: 0.45rem;\n top: 0;\n left: 0;\n border-radius: 1rem;\n}\n.analytics-container[data-template=score-ring] .analytics-item {\n align-items: center;\n justify-content: space-between;\n flex-wrap: nowrap;\n gap: 1rem;\n}\n.analytics-container[data-template=score-ring] .analytics-score-ring-body {\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n min-width: 0;\n}\n.analytics-container[data-template=score-ring] .analytics-score-ring-header {\n display: flex;\n align-items: center;\n gap: 0.625rem;\n}\n.analytics-container[data-template=score-ring] .analytics-score-ring-header .analytics-icon i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2.75rem;\n height: 2.75rem;\n padding: 0;\n font-size: 1.5rem;\n border-radius: 50%;\n}\n.analytics-container[data-template=score-ring] .analytics-score-ring-header .text {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-color);\n padding-top: 0;\n}\n.analytics-container[data-template=score-ring] .desc {\n font-size: 0.8125rem;\n color: var(--sub-text-color);\n line-height: 1.4;\n}\n.analytics-container[data-template=score-ring] .number {\n font-size: 1.75rem;\n font-weight: 700;\n line-height: 1;\n color: var(--text-color);\n margin-top: 0.25rem;\n}\n.analytics-container[data-template=score-ring] .chart-ring {\n flex: 0 0 auto;\n}\n.analytics-container[data-template=background-color] i {\n padding: 0.5rem !important;\n font-size: 1.625rem !important;\n background: #fff;\n}\n.analytics-container[data-template=background-color] .details .number {\n font-size: 1.625rem;\n}\n.analytics-container[data-template=priority-card] .analytics-item {\n position: relative;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n gap: 0.75rem;\n border: 0.063rem solid;\n box-shadow: none;\n}\n.analytics-container[data-template=priority-card] .analytics-item.primary-color,\n.analytics-container[data-template=priority-card] .analytics-item:has(.primary-color) {\n border-color: color-mix(in srgb, var(--color-primary) 25%, transparent);\n background: color-mix(in srgb, var(--color-primary) 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.primary-color .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.primary-color) .analytics-icon i {\n background: var(--color-primary);\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.primary-color .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.primary-color) .analytics-view-link {\n color: var(--color-primary);\n}\n.analytics-container[data-template=priority-card] .analytics-item.secondary-color,\n.analytics-container[data-template=priority-card] .analytics-item:has(.secondary-color) {\n border-color: color-mix(in srgb, var(--color-secondary) 25%, transparent);\n background: color-mix(in srgb, var(--color-secondary) 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.secondary-color .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.secondary-color) .analytics-icon i {\n background: var(--color-secondary);\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.secondary-color .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.secondary-color) .analytics-view-link {\n color: var(--color-secondary);\n}\n.analytics-container[data-template=priority-card] .analytics-item.accent-color,\n.analytics-container[data-template=priority-card] .analytics-item:has(.accent-color) {\n border-color: color-mix(in srgb, var(--color-accent) 25%, transparent);\n background: color-mix(in srgb, var(--color-accent) 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.accent-color .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.accent-color) .analytics-icon i {\n background: var(--color-accent);\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.accent-color .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.accent-color) .analytics-view-link {\n color: var(--color-accent);\n}\n.analytics-container[data-template=priority-card] .analytics-item.support-color,\n.analytics-container[data-template=priority-card] .analytics-item:has(.support-color) {\n border-color: color-mix(in srgb, var(--color-support) 25%, transparent);\n background: color-mix(in srgb, var(--color-support) 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.support-color .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.support-color) .analytics-icon i {\n background: var(--color-support);\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.support-color .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.support-color) .analytics-view-link {\n color: var(--color-support);\n}\n.analytics-container[data-template=priority-card] .analytics-item.critical,\n.analytics-container[data-template=priority-card] .analytics-item:has(.critical) {\n border-color: color-mix(in srgb, #991b1b 25%, transparent);\n background: color-mix(in srgb, #991b1b 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.critical .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.critical) .analytics-icon i {\n background: #991b1b;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.critical .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.critical) .analytics-view-link {\n color: #991b1b;\n}\n.analytics-container[data-template=priority-card] .analytics-item.red,\n.analytics-container[data-template=priority-card] .analytics-item:has(.red) {\n border-color: color-mix(in srgb, #dc2626 25%, transparent);\n background: color-mix(in srgb, #dc2626 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.red .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.red) .analytics-icon i {\n background: #dc2626;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.red .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.red) .analytics-view-link {\n color: #dc2626;\n}\n.analytics-container[data-template=priority-card] .analytics-item.green,\n.analytics-container[data-template=priority-card] .analytics-item:has(.green) {\n border-color: color-mix(in srgb, #16a34a 25%, transparent);\n background: color-mix(in srgb, #16a34a 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.green .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.green) .analytics-icon i {\n background: #16a34a;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.green .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.green) .analytics-view-link {\n color: #16a34a;\n}\n.analytics-container[data-template=priority-card] .analytics-item.teal,\n.analytics-container[data-template=priority-card] .analytics-item:has(.teal) {\n border-color: color-mix(in srgb, #0f9f91 25%, transparent);\n background: color-mix(in srgb, #0f9f91 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.teal .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.teal) .analytics-icon i {\n background: #0f9f91;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.teal .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.teal) .analytics-view-link {\n color: #0f9f91;\n}\n.analytics-container[data-template=priority-card] .analytics-item.orange,\n.analytics-container[data-template=priority-card] .analytics-item:has(.orange) {\n border-color: color-mix(in srgb, #e67a2e 25%, transparent);\n background: color-mix(in srgb, #e67a2e 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.orange .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.orange) .analytics-icon i {\n background: #e67a2e;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.orange .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.orange) .analytics-view-link {\n color: #e67a2e;\n}\n.analytics-container[data-template=priority-card] .analytics-item.ai,\n.analytics-container[data-template=priority-card] .analytics-item:has(.ai) {\n border-color: color-mix(in srgb, #e67a2e 25%, transparent);\n background: color-mix(in srgb, #e67a2e 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.ai .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.ai) .analytics-icon i {\n background: #e67a2e;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.ai .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.ai) .analytics-view-link {\n color: #e67a2e;\n}\n.analytics-container[data-template=priority-card] .analytics-item.yellow,\n.analytics-container[data-template=priority-card] .analytics-item:has(.yellow) {\n border-color: color-mix(in srgb, #b7791f 25%, transparent);\n background: color-mix(in srgb, #b7791f 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.yellow .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.yellow) .analytics-icon i {\n background: #b7791f;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.yellow .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.yellow) .analytics-view-link {\n color: #b7791f;\n}\n.analytics-container[data-template=priority-card] .analytics-item.blue,\n.analytics-container[data-template=priority-card] .analytics-item:has(.blue) {\n border-color: color-mix(in srgb, #0284c7 25%, transparent);\n background: color-mix(in srgb, #0284c7 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.blue .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.blue) .analytics-icon i {\n background: #0284c7;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.blue .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.blue) .analytics-view-link {\n color: #0284c7;\n}\n.analytics-container[data-template=priority-card] .analytics-item.purple,\n.analytics-container[data-template=priority-card] .analytics-item:has(.purple) {\n border-color: color-mix(in srgb, #7c5cc4 25%, transparent);\n background: color-mix(in srgb, #7c5cc4 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.purple .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.purple) .analytics-icon i {\n background: #7c5cc4;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.purple .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.purple) .analytics-view-link {\n color: #7c5cc4;\n}\n.analytics-container[data-template=priority-card] .analytics-item.indigo,\n.analytics-container[data-template=priority-card] .analytics-item:has(.indigo) {\n border-color: color-mix(in srgb, #6366c8 25%, transparent);\n background: color-mix(in srgb, #6366c8 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.indigo .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.indigo) .analytics-icon i {\n background: #6366c8;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.indigo .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.indigo) .analytics-view-link {\n color: #6366c8;\n}\n.analytics-container[data-template=priority-card] .analytics-item.violet,\n.analytics-container[data-template=priority-card] .analytics-item:has(.violet) {\n border-color: color-mix(in srgb, #8b5cf6 25%, transparent);\n background: color-mix(in srgb, #8b5cf6 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.violet .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.violet) .analytics-icon i {\n background: #8b5cf6;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.violet .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.violet) .analytics-view-link {\n color: #8b5cf6;\n}\n.analytics-container[data-template=priority-card] .analytics-item.cyan,\n.analytics-container[data-template=priority-card] .analytics-item:has(.cyan) {\n border-color: color-mix(in srgb, #0891b2 25%, transparent);\n background: color-mix(in srgb, #0891b2 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.cyan .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.cyan) .analytics-icon i {\n background: #0891b2;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.cyan .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.cyan) .analytics-view-link {\n color: #0891b2;\n}\n.analytics-container[data-template=priority-card] .analytics-item.sky,\n.analytics-container[data-template=priority-card] .analytics-item:has(.sky) {\n border-color: color-mix(in srgb, #0284c7 25%, transparent);\n background: color-mix(in srgb, #0284c7 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.sky .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.sky) .analytics-icon i {\n background: #0284c7;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.sky .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.sky) .analytics-view-link {\n color: #0284c7;\n}\n.analytics-container[data-template=priority-card] .analytics-item.pink,\n.analytics-container[data-template=priority-card] .analytics-item:has(.pink) {\n border-color: color-mix(in srgb, #db2777 25%, transparent);\n background: color-mix(in srgb, #db2777 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.pink .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.pink) .analytics-icon i {\n background: #db2777;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.pink .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.pink) .analytics-view-link {\n color: #db2777;\n}\n.analytics-container[data-template=priority-card] .analytics-item.rose,\n.analytics-container[data-template=priority-card] .analytics-item:has(.rose) {\n border-color: color-mix(in srgb, #e11d48 25%, transparent);\n background: color-mix(in srgb, #e11d48 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.rose .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.rose) .analytics-icon i {\n background: #e11d48;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.rose .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.rose) .analytics-view-link {\n color: #e11d48;\n}\n.analytics-container[data-template=priority-card] .analytics-item.lime,\n.analytics-container[data-template=priority-card] .analytics-item:has(.lime) {\n border-color: color-mix(in srgb, #65a30d 25%, transparent);\n background: color-mix(in srgb, #65a30d 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.lime .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.lime) .analytics-icon i {\n background: #65a30d;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.lime .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.lime) .analytics-view-link {\n color: #65a30d;\n}\n.analytics-container[data-template=priority-card] .analytics-item.gray,\n.analytics-container[data-template=priority-card] .analytics-item:has(.gray) {\n border-color: color-mix(in srgb, #6b7280 25%, transparent);\n background: color-mix(in srgb, #6b7280 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.gray .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.gray) .analytics-icon i {\n background: #6b7280;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.gray .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.gray) .analytics-view-link {\n color: #6b7280;\n}\n.analytics-container[data-template=priority-card] .analytics-item.dark,\n.analytics-container[data-template=priority-card] .analytics-item:has(.dark) {\n border-color: color-mix(in srgb, #374151 25%, transparent);\n background: color-mix(in srgb, #374151 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.dark .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.dark) .analytics-icon i {\n background: #374151;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.dark .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.dark) .analytics-view-link {\n color: #374151;\n}\n.analytics-container[data-template=priority-card] .analytics-item.black,\n.analytics-container[data-template=priority-card] .analytics-item:has(.black) {\n border-color: color-mix(in srgb, #111827 25%, transparent);\n background: color-mix(in srgb, #111827 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.black .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.black) .analytics-icon i {\n background: #111827;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.black .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.black) .analytics-view-link {\n color: #111827;\n}\n.analytics-container[data-template=priority-card] .analytics-item.white,\n.analytics-container[data-template=priority-card] .analytics-item:has(.white) {\n border-color: color-mix(in srgb, #000000 25%, transparent);\n background: color-mix(in srgb, #000000 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.white .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.white) .analytics-icon i {\n background: #000000;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.white .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.white) .analytics-view-link {\n color: #000000;\n}\n.analytics-container[data-template=priority-card] .analytics-item.facebook,\n.analytics-container[data-template=priority-card] .analytics-item:has(.facebook) {\n border-color: color-mix(in srgb, #1877f2 25%, transparent);\n background: color-mix(in srgb, #1877f2 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.facebook .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.facebook) .analytics-icon i {\n background: #1877f2;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.facebook .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.facebook) .analytics-view-link {\n color: #1877f2;\n}\n.analytics-container[data-template=priority-card] .analytics-item.twitter,\n.analytics-container[data-template=priority-card] .analytics-item:has(.twitter) {\n border-color: color-mix(in srgb, #000 25%, transparent);\n background: color-mix(in srgb, #000 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.twitter .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.twitter) .analytics-icon i {\n background: #000;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.twitter .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.twitter) .analytics-view-link {\n color: #000;\n}\n.analytics-container[data-template=priority-card] .analytics-item.linkedin,\n.analytics-container[data-template=priority-card] .analytics-item:has(.linkedin) {\n border-color: color-mix(in srgb, #0a66c2 25%, transparent);\n background: color-mix(in srgb, #0a66c2 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.linkedin .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.linkedin) .analytics-icon i {\n background: #0a66c2;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.linkedin .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.linkedin) .analytics-view-link {\n color: #0a66c2;\n}\n.analytics-container[data-template=priority-card] .analytics-item.youtube,\n.analytics-container[data-template=priority-card] .analytics-item:has(.youtube) {\n border-color: color-mix(in srgb, #f00 25%, transparent);\n background: color-mix(in srgb, #f00 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.youtube .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.youtube) .analytics-icon i {\n background: #f00;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.youtube .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.youtube) .analytics-view-link {\n color: #f00;\n}\n.analytics-container[data-template=priority-card] .analytics-item.instagram,\n.analytics-container[data-template=priority-card] .analytics-item:has(.instagram) {\n border-color: color-mix(in srgb, #e4405f 25%, transparent);\n background: color-mix(in srgb, #e4405f 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.instagram .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.instagram) .analytics-icon i {\n background: #e4405f;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.instagram .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.instagram) .analytics-view-link {\n color: #e4405f;\n}\n.analytics-container[data-template=priority-card] .analytics-item.pinterest,\n.analytics-container[data-template=priority-card] .analytics-item:has(.pinterest) {\n border-color: color-mix(in srgb, #e60023 25%, transparent);\n background: color-mix(in srgb, #e60023 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.pinterest .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.pinterest) .analytics-icon i {\n background: #e60023;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.pinterest .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.pinterest) .analytics-view-link {\n color: #e60023;\n}\n.analytics-container[data-template=priority-card] .analytics-item.whatsapp,\n.analytics-container[data-template=priority-card] .analytics-item:has(.whatsapp) {\n border-color: color-mix(in srgb, #25d366 25%, transparent);\n background: color-mix(in srgb, #25d366 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.whatsapp .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.whatsapp) .analytics-icon i {\n background: #25d366;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.whatsapp .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.whatsapp) .analytics-view-link {\n color: #25d366;\n}\n.analytics-container[data-template=priority-card] .analytics-item.telegram,\n.analytics-container[data-template=priority-card] .analytics-item:has(.telegram) {\n border-color: color-mix(in srgb, #229ed9 25%, transparent);\n background: color-mix(in srgb, #229ed9 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.telegram .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.telegram) .analytics-icon i {\n background: #229ed9;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.telegram .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.telegram) .analytics-view-link {\n color: #229ed9;\n}\n.analytics-container[data-template=priority-card] .analytics-item.discord,\n.analytics-container[data-template=priority-card] .analytics-item:has(.discord) {\n border-color: color-mix(in srgb, #5865f2 25%, transparent);\n background: color-mix(in srgb, #5865f2 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.discord .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.discord) .analytics-icon i {\n background: #5865f2;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.discord .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.discord) .analytics-view-link {\n color: #5865f2;\n}\n.analytics-container[data-template=priority-card] .analytics-item.github,\n.analytics-container[data-template=priority-card] .analytics-item:has(.github) {\n border-color: color-mix(in srgb, #24292f 25%, transparent);\n background: color-mix(in srgb, #24292f 6%, white);\n}\n.analytics-container[data-template=priority-card] .analytics-item.github .analytics-icon i,\n.analytics-container[data-template=priority-card] .analytics-item:has(.github) .analytics-icon i {\n background: #24292f;\n color: #fff;\n}\n.analytics-container[data-template=priority-card] .analytics-item.github .analytics-view-link,\n.analytics-container[data-template=priority-card] .analytics-item:has(.github) .analytics-view-link {\n color: #24292f;\n}\n.analytics-container[data-template=priority-card] .analytics-item .analytics-icon {\n position: absolute;\n top: 1rem;\n right: 1rem;\n}\n.analytics-container[data-template=priority-card] .analytics-item .analytics-icon i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n font-size: 1rem;\n border-radius: 50%;\n}\n.analytics-container[data-template=priority-card] .analytics-item .details .number {\n font-size: 2rem;\n line-height: 1;\n}\n.analytics-container[data-template=priority-card] .analytics-item .details .text {\n padding-top: 0.5rem;\n font-size: 1rem;\n color: var(--text-color);\n}\n.analytics-container[data-template=priority-card] .analytics-item .analytics-view-link {\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n margin-top: auto;\n font-size: 0.875rem;\n font-weight: 500;\n cursor: pointer;\n text-decoration: none;\n}\n.analytics-container[data-template=priority-card] .analytics-item .analytics-view-link:hover,\n.analytics-container[data-template=priority-card] .analytics-item .analytics-view-link:focus-visible {\n text-decoration: underline;\n}\n.analytics-container[data-template=priority-card] .analytics-item .analytics-view-link i {\n font-size: 0.75rem;\n}\n@media screen and (width <= 48rem) {\n .analytics-container.flex-wrap .col-6,\n .analytics-container.flex-wrap .col-5,\n .analytics-container.flex-wrap .col-4 {\n width: calc(50% - 0.5rem) !important;\n }\n}\n@media screen and (width <= 37.5rem) {\n .analytics-container {\n flex-direction: column;\n }\n .analytics-container .analytics-icon i {\n font-size: 1.5rem !important;\n padding: 0.313rem !important;\n }\n .analytics-container .analytics-item .number {\n font-size: 1.45rem !important;\n line-height: 1;\n }\n .analytics-container.flex-wrap {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n .analytics-container.flex-wrap .col-6,\n .analytics-container.flex-wrap .col-5,\n .analytics-container.flex-wrap .col-4,\n .analytics-container.flex-wrap .col-3 {\n width: auto !important;\n }\n .analytics-container.flex-wrap .col-2 {\n grid-column: 1/-1;\n }\n}\n.score-ring {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.score-ring .score-ring-track {\n stroke: var(--border-color);\n}\n.score-ring .score-ring-value {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.score-ring .score-ring-number {\n font-size: 1.75rem;\n font-weight: 700;\n line-height: 1;\n color: var(--text-color);\n}\n.score-ring .score-ring-label {\n font-size: 0.75rem;\n color: var(--sub-text-color);\n margin-top: 0.25rem;\n}\n.trend-indicator {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n font-weight: 600;\n line-height: 1;\n}\n.trend-indicator i {\n font-size: 0.875em;\n}\n.trend-indicator--default {\n font-size: 0.875rem;\n}\n.trend-indicator--small {\n font-size: 0.75rem;\n}\n.trend-indicator--up {\n color: #16a34a;\n}\n.trend-indicator--down {\n color: #dc2626;\n}\n.activity-list {\n display: grid;\n grid-template-columns: repeat(var(--activity-list-cols, 4), 1fr);\n gap: 1.25rem;\n}\n@media screen and (width <= 48rem) {\n .activity-list {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@media screen and (width <= 37.5rem) {\n .activity-list {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n}\n.activity-item {\n display: flex;\n gap: 0.75rem;\n}\n.activity-item-icon {\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background: var(--color-secondary, var(--bg-secondary-color));\n}\n.activity-item-icon i {\n font-size: 1rem;\n}\n.activity-item-body {\n min-width: 0;\n flex: 1;\n}\n.activity-item-title-row {\n display: flex;\n align-items: center;\n gap: 0.4375rem;\n flex-wrap: wrap;\n}\n.activity-item-title {\n font-size: 0.84375rem;\n font-weight: 700;\n color: var(--text-color);\n}\n.activity-item-desc {\n font-size: 0.75rem;\n color: var(--sub-text-color);\n margin-top: 0.125rem;\n}\n.activity-item-footer {\n display: flex;\n align-items: center;\n gap: 0.625rem;\n margin-top: 0.375rem;\n}\n.activity-item-time {\n font-size: 0.70625rem;\n color: var(--sub-text-color);\n}\n.activity-item-action {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.70625rem;\n font-weight: 700;\n color: var(--color-primary);\n background: none;\n border: none;\n padding: 0;\n}\n.activity-item-action i {\n font-size: 0.6875rem;\n}\n.activity-item-action.disabled {\n color: var(--sub-text-color);\n cursor: not-allowed;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.trend-stat-list {\n display: grid;\n grid-template-columns: repeat(var(--trend-stat-cols, 4), 1fr);\n gap: 1.25rem;\n}\n@media screen and (width <= 48rem) {\n .trend-stat-list {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@media screen and (width <= 37.5rem) {\n .trend-stat-list {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n}\n.trend-stat-tile {\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n padding: 1rem;\n}\n.trend-stat-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.5rem;\n margin-bottom: 0.625rem;\n}\n.trend-stat-label {\n display: inline-flex;\n align-items: center;\n gap: 0.375rem;\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.trend-stat-label i {\n font-size: 0.9375rem;\n}\n.trend-stat-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--text-color);\n margin-bottom: 0.5rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.info-item {\n display: flex;\n justify-content: space-between;\n padding: 0.45rem 0;\n}\n.info-item:first-child {\n padding-top: 0;\n}\n.info-item:last-child {\n padding-bottom: 0;\n}\n.info-item.owner {\n flex-direction: column;\n}\n.info-item .details-wrapper {\n display: flex;\n gap: 0.75rem;\n}\n.info-item .details-wrapper .avatar i {\n color: var(--color-primary);\n background: var(--background-primary);\n border-radius: 0.45rem;\n}\n.info-item .details-wrapper .details {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.info-item .details-wrapper .details .name {\n font-size: 1.125rem;\n line-height: 1.1;\n color: var(--text-color);\n font-weight: 500;\n position: relative;\n padding-right: 0.625rem;\n}\n.info-item .details-wrapper .details .name image {\n width: 1.625rem;\n height: 1.625rem;\n padding-left: 0.313rem;\n}\n.info-item .details-wrapper .details .name .admin-badge {\n display: inline-block;\n margin-left: 0.5rem;\n}\n.info-item .details-wrapper .details .description-wrapper {\n display: flex;\n gap: 0.45rem;\n}\n.info-item .details-wrapper .details .description-wrapper .des {\n font-size: 0.875rem;\n position: relative;\n padding-right: 0.625rem;\n}\n.info-item .details-wrapper .details .description-wrapper .des:not(:last-child)::after {\n position: absolute;\n content: "";\n width: 0.313rem;\n height: 0.313rem;\n background: var(--sub-text-color);\n border-radius: 50%;\n top: 50%;\n right: 0;\n transform: translatey(-50%);\n}\n.info-item .details-wrapper .details .description-wrapper .des p {\n margin: 0;\n}\n.info-item .details-wrapper .details .small-text {\n font-size: 0.875rem;\n color: var(--sub-text-color);\n}\n.info-item .right-details {\n text-align: right;\n}\n.info-item .right-details .price {\n font-size: 1.063rem;\n font-weight: 600;\n line-height: 1.5rem;\n padding-bottom: 0.125rem;\n color: var(--text-color);\n}\n.info-item .contact-details {\n flex-direction: column;\n gap: 0.5rem;\n}\n@media screen and (width <= 37.5rem) {\n .info-item {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n }\n .info-item .right-details {\n text-align: left;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.item-list {\n width: 100%;\n}\n.item-list .details-wrapper {\n display: flex;\n gap: 0.75rem;\n align-items: start;\n}\n.item-list.default {\n padding: 0.5rem 0;\n}\n.item-list.default .item {\n display: flex;\n align-items: end;\n color: #526484;\n font-size: 0.95rem;\n line-height: 0.813;\n font-weight: 500;\n padding: 0.813rem 1.313rem;\n position: relative;\n gap: 0.5rem;\n cursor: pointer;\n}\n.item-list.default .item:hover {\n color: var(--color-primary);\n background: var(--background-primary);\n}\n.item-list.default .item.delete {\n color: var(--color-accent);\n border-top: 0.063rem solid;\n}\n.item-list.default .item.delete:hover {\n background: transparent;\n}\n.item-list.notification {\n margin: 0;\n max-height: 20rem;\n overflow: auto;\n}\n.item-list.notification .item {\n display: flex;\n gap: 0.813rem;\n padding: 0.75rem;\n align-items: start;\n border-bottom: 0.063rem solid var(--border-color);\n position: relative;\n}\n.item-list.notification .item .item-icon {\n padding: 0.45rem;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.5rem;\n}\n.item-list.notification .item .check-icon {\n position: absolute;\n top: 0.625rem;\n font-size: 1.12rem;\n opacity: 0;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n.item-list.notification .item .check-icon.adminfont-check {\n right: 2rem;\n}\n.item-list.notification .item .check-icon.adminfont-cross {\n right: 0.625rem;\n}\n.item-list.notification .item .details span {\n display: block;\n}\n.item-list.notification .item .details .item-title {\n font-size: 1rem;\n color: var(--text-color);\n padding-bottom: 0.25rem;\n}\n.item-list.notification .item .details .typography-desc {\n padding: 0;\n}\n.item-list.notification .item .time {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n font-size: 0.813rem;\n color: rgba(0, 0, 0, 0.2901960784);\n}\n.item-list.notification .item:hover {\n background: #f3f3f3;\n}\n.item-list.notification .item:hover .check-icon {\n opacity: 1;\n}\n.item-list.checklist {\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.item-list.checklist .item {\n font-size: 0.95rem;\n width: 100%;\n color: rgba(0, 0, 0, 0.8588235294);\n margin-bottom: 0.813rem;\n display: flex;\n}\n.item-list.checklist .item i {\n font-size: 1.75rem;\n padding-right: 0.5rem;\n}\n.item-list.checklist .item i.adminfont-success {\n color: #16a34a;\n}\n.item-list.checklist .item i.adminfont-cross {\n color: var(--color-accent);\n}\n.item-list.plan-details {\n flex-direction: column;\n}\n.item-list.plan-details .item {\n width: 100%;\n align-items: end;\n}\n.item-list.full-width .item {\n width: 100%;\n}\n.item-list.feature-list,\n.item-list.mini-card {\n position: relative;\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: space-between;\n border-radius: 0.45rem;\n}\n.item-list.feature-list .item,\n.item-list.mini-card .item {\n padding-top: 0.5rem;\n width: 31%;\n display: flex;\n gap: 0.625rem;\n align-items: start;\n position: relative;\n}\n.item-list.feature-list .item .item-icon,\n.item-list.mini-card .item .item-icon {\n font-size: 1.813rem;\n margin-bottom: 0.5rem;\n border-radius: 0.45rem;\n color: var(--color-primary);\n}\n.item-list.feature-list .item .details-wrapper,\n.item-list.mini-card .item .details-wrapper {\n display: flex;\n gap: 0.75rem;\n align-items: start;\n}\n.item-list.feature-list .item .details-wrapper .details,\n.item-list.mini-card .item .details-wrapper .details {\n display: flex;\n flex-direction: column;\n gap: 0.313rem;\n}\n.item-list.feature-list .item .details-wrapper .details .item-title,\n.item-list.mini-card .item .details-wrapper .details .item-title {\n font-size: 1rem;\n}\n.item-list.feature-list .item .tags,\n.item-list.mini-card .item .tags {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n right: 0.85rem;\n top: 0.85rem;\n}\n.item-list.feature-list .item .tags .icon,\n.item-list.mini-card .item .tags .icon {\n padding: 0.5rem;\n font-size: 1.25rem;\n border-radius: 0.45rem;\n}\n.item-list.feature-list .item .tags a,\n.item-list.mini-card .item .tags a {\n font-size: 0.813rem;\n font-weight: 500;\n color: var(--color-primary);\n display: flex;\n gap: 0.5rem;\n align-items: center;\n}\n.item-list.mini-card {\n width: 100%;\n}\n.item-list.mini-card .price {\n font-size: 1.45rem;\n font-weight: 500;\n}\n.item-list.mini-card .item {\n width: 100%;\n flex-direction: column;\n position: relative;\n}\n.item-list.mini-card img {\n height: 1.75rem;\n width: auto;\n}\n.item-list.mini-card .value {\n font-size: 1.813rem;\n font-weight: 600;\n line-height: 2rem;\n margin: 0.5rem 0;\n}\n.item-list.hover .item:hover {\n background: var(--background-primary);\n cursor: pointer;\n}\n.item-list.list {\n padding: 0;\n}\n.item-list.chip-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.75rem;\n}\n@media screen and (width <= 48rem) {\n .item-list.chip-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n.item-list.chip-grid .item {\n width: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.625rem;\n padding: 0.75rem 0.875rem;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n background: var(--background-white);\n cursor: pointer;\n}\n.item-list.chip-grid .item:hover {\n border-color: var(--color-primary);\n background: var(--background-primary);\n}\n.item-list.chip-grid .item .item-icon {\n font-size: 1.0625rem;\n color: var(--color-primary);\n margin-bottom: 0;\n}\n.item-list.chip-grid .item .item-title {\n font-size: 0.875rem;\n}\n.item-list.tool-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.875rem;\n}\n@media screen and (width <= 64rem) {\n .item-list.tool-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n.item-list.tool-grid .item {\n width: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.625rem;\n padding: 1rem;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n cursor: pointer;\n position: relative;\n background: var(--background-white);\n}\n.item-list.tool-grid .item:hover {\n border-color: var(--color-primary);\n background: var(--background-primary);\n}\n.item-list.tool-grid .item .item-icon {\n font-size: 1.25rem;\n width: 2.75rem;\n height: 2.75rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.45rem;\n background: var(--background-primary);\n color: var(--color-primary);\n margin-bottom: 0;\n}\n.item-list.tool-grid .item .details {\n gap: 0.25rem;\n}\n.item-list.tool-grid .item .details .item-title {\n font-size: 0.95rem;\n}\n.item-list.tool-grid .item .details .typography-desc {\n padding: 0;\n font-size: 0.813rem;\n color: var(--sub-text-color);\n}\n.item-list.tool-grid .item .pro-tag {\n top: -0.125rem;\n right: -0.125rem;\n}\n.item-list.tool-grid .item.icon-primary-color .item-icon {\n background: color-mix(in srgb, var(--color-primary) 8%, white);\n color: var(--color-primary);\n}\n.item-list.tool-grid .item.icon-secondary-color .item-icon {\n background: color-mix(in srgb, var(--color-secondary) 8%, white);\n color: var(--color-secondary);\n}\n.item-list.tool-grid .item.icon-accent-color .item-icon {\n background: color-mix(in srgb, var(--color-accent) 8%, white);\n color: var(--color-accent);\n}\n.item-list.tool-grid .item.icon-support-color .item-icon {\n background: color-mix(in srgb, var(--color-support) 8%, white);\n color: var(--color-support);\n}\n.item-list.tool-grid .item.icon-critical .item-icon {\n background: #fff7f7;\n color: #991b1b;\n}\n.item-list.tool-grid .item.icon-red .item-icon {\n background: #fff7f7;\n color: #dc2626;\n}\n.item-list.tool-grid .item.icon-green .item-icon {\n background: #f4fdf7;\n color: #16a34a;\n}\n.item-list.tool-grid .item.icon-teal .item-icon {\n background: #f2fcfa;\n color: #0f9f91;\n}\n.item-list.tool-grid .item.icon-orange .item-icon {\n background: #fff9f4;\n color: #e67a2e;\n}\n.item-list.tool-grid .item.icon-ai .item-icon {\n background: #fff9f4;\n color: #e67a2e;\n}\n.item-list.tool-grid .item.icon-yellow .item-icon {\n background: #fffcef;\n color: #b7791f;\n}\n.item-list.tool-grid .item.icon-blue .item-icon {\n background: #f4faff;\n color: #0284c7;\n}\n.item-list.tool-grid .item.icon-purple .item-icon {\n background: #f9f7ff;\n color: #7c5cc4;\n}\n.item-list.tool-grid .item.icon-indigo .item-icon {\n background: #f6f7ff;\n color: #6366c8;\n}\n.item-list.tool-grid .item.icon-violet .item-icon {\n background: #faf8ff;\n color: #8b5cf6;\n}\n.item-list.tool-grid .item.icon-cyan .item-icon {\n background: #f2feff;\n color: #0891b2;\n}\n.item-list.tool-grid .item.icon-sky .item-icon {\n background: #f4fbff;\n color: #0284c7;\n}\n.item-list.tool-grid .item.icon-pink .item-icon {\n background: #fff7fa;\n color: #db2777;\n}\n.item-list.tool-grid .item.icon-rose .item-icon {\n background: #fff7f8;\n color: #e11d48;\n}\n.item-list.tool-grid .item.icon-lime .item-icon {\n background: #f9fdf2;\n color: #65a30d;\n}\n.item-list.tool-grid .item.icon-gray .item-icon {\n background: #fafafa;\n color: #6b7280;\n}\n.item-list.tool-grid .item.icon-dark .item-icon {\n background: #f5f6f7;\n color: #374151;\n}\n.item-list.tool-grid .item.icon-black .item-icon {\n background: #f8f9fa;\n color: #111827;\n}\n.item-list.tool-grid .item.icon-white .item-icon {\n background: #ffffff;\n color: #000000;\n}\n.item-list.tool-grid .item.icon-facebook .item-icon {\n color: #1877f2;\n}\n.item-list.tool-grid .item.icon-twitter .item-icon {\n color: #000;\n}\n.item-list.tool-grid .item.icon-linkedin .item-icon {\n color: #0a66c2;\n}\n.item-list.tool-grid .item.icon-youtube .item-icon {\n color: #f00;\n}\n.item-list.tool-grid .item.icon-instagram .item-icon {\n color: #e4405f;\n}\n.item-list.tool-grid .item.icon-pinterest .item-icon {\n color: #e60023;\n}\n.item-list.tool-grid .item.icon-whatsapp .item-icon {\n color: #25d366;\n}\n.item-list.tool-grid .item.icon-telegram .item-icon {\n color: #229ed9;\n}\n.item-list.tool-grid .item.icon-discord .item-icon {\n color: #5865f2;\n}\n.item-list.tool-grid .item.icon-github .item-icon {\n color: #24292f;\n}\n.item-list.report .item {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.625rem 0;\n border-bottom: 0.063rem solid var(--border-color);\n}\n.item-list.report .item .item-icon {\n margin-bottom: 0;\n padding: 0.25rem;\n}\n.item-list.report .tags {\n top: 50% !important;\n right: 0 !important;\n transform: translatey(-50%);\n}\n.item-list.price-list {\n transition: all 0.5s ease;\n position: relative;\n}\n.item-list.price-list .item .details {\n display: flex;\n justify-content: space-between;\n padding: 0.5rem 0;\n border-bottom: 0.063rem solid var(--border-color);\n}\n.item-list.price-list .item .details .title {\n font-size: 1.063rem;\n color: var(--sub-text-color);\n}\n.item-list.price-list .item .details .value {\n font-size: 0.95rem;\n font-weight: 500;\n}\n.item-list.price-list:has(.more-btn-wrapper) {\n padding-bottom: 1.625rem;\n}\n.item-list.price-list.expanded {\n max-height: 4rem;\n overflow: hidden;\n}\n.item-list.price-list .more-btn-wrapper {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n background: var(--background-white);\n}\n.item-list.price-list .more-btn-wrapper .more-btn {\n background: var(--background-primary);\n font-size: 0.813rem;\n padding: 0.125rem 0.5rem;\n color: var(--color-primary);\n border-radius: 0.45rem;\n font-weight: 500;\n}\n.item-list.without-border .item {\n border: none;\n padding: 0.25rem 0;\n}\n.item-list.search-results .item {\n padding: 0.75rem;\n cursor: pointer;\n font-size: 0.875rem;\n color: #333;\n border-bottom: 0.063rem solid var(--border-color);\n display: flex;\n align-items: start;\n gap: 0.5rem;\n margin: 0;\n transition: all 0.5s ease;\n}\n.item-list.search-results .item .item-title {\n font-size: 1rem;\n}\n.item-list.search-results .item .typography-desc {\n padding-top: 0.25rem;\n}\n.item-list.search-results .item:hover {\n background: #f3f3f3;\n}\n.item-list.documentation {\n justify-content: start;\n}\n.item-list.documentation .item {\n width: calc(33% - 0.25rem);\n box-sizing: border-box;\n margin-bottom: 0.5rem;\n}\n.item-list.badge-list {\n display: flex;\n flex-wrap: wrap;\n gap: 0.625rem;\n}\n.item-list.badge-list .item {\n font-size: 0.95rem;\n font-weight: 600;\n line-height: 0.95;\n padding: 0.45rem;\n border-radius: 0.45rem;\n border: 0.063rem solid;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n width: fit-content;\n background: #fffcef;\n color: #b7791f;\n}\n.item-list.table-menu .item {\n flex-direction: row-reverse;\n justify-content: start;\n align-items: center;\n padding: 0.625rem 0.75rem;\n}\n.item-list .item-number {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.625rem;\n height: 1.625rem;\n border-radius: 50%;\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--color-white);\n background: var(--color-primary);\n}\n.item-list .border {\n border: 0.063rem solid var(--border-color);\n padding: 0.85rem;\n border-radius: 0.45rem;\n}\n.item-list .background {\n padding: 0.85rem;\n background: #f8f9fa;\n}\n.item-list .read-more {\n display: block;\n margin-top: 0.5rem;\n color: var(--color-primary);\n font-weight: 600;\n cursor: pointer;\n}\n@media screen and (width <= 37.5rem) {\n .item-list.mini-card .item {\n flex-direction: row !important;\n justify-content: space-between;\n align-items: start;\n }\n .item-list.mini-card .item .tags {\n position: relative !important;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.divider-section {\n border-bottom: 0.063rem solid var(--border-color);\n padding-bottom: 0.5rem;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.divider-section .title-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.25rem;\n}\n.divider-section .title-wrapper i {\n color: var(--color-primary);\n}\n.divider-section .typography-title {\n font-size: 1.15rem;\n line-height: 1.313;\n width: auto;\n display: flex;\n align-items: center;\n gap: 0.438rem;\n}\n.divider-section .right-content {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translatey(-50%);\n}\n.divider-section .typography-desc {\n margin-top: 0.313rem;\n}\n.divider-section .typography-desc a {\n color: var(--color-primary);\n}\n.divider-section.red .typography-title {\n color: var(--color-accent);\n}\n.divider-section.without-border {\n border: none;\n padding: 0 !important;\n margin: 0 !important;\n}\n.divider-section.border-only {\n margin: 1rem 0;\n padding: 0;\n}\n.divider-section.bg-color {\n background: #f7f7f7;\n}\n.divider-section.without-settings {\n padding: 0 !important;\n padding-bottom: 0.5rem !important;\n background: transparent !important;\n}\n@media screen and (width <= 37.5rem) {\n .divider-section .title-wrapper {\n flex-wrap: wrap;\n }\n .divider-section .right-content {\n position: static;\n transform: none;\n margin-top: 0.5rem;\n }\n}\n.settings-wrapper[data-template=default] .divider-section:not(.card-body .divider-section),\n.settings-wrapper[data-template=settings] .divider-section:not(.card-body .divider-section) {\n padding: 1rem 1rem 0.5rem;\n background: var(--background-white);\n}\n.settings-wrapper[data-template=default] .divider-section:not(:first-child, [data-template=settings] .divider-section),\n.settings-wrapper[data-template=settings] .divider-section:not(:first-child, [data-template=settings] .divider-section) {\n margin-top: 1rem;\n}\n.settings-wrapper[data-template=default] .general-wrapper,\n.settings-wrapper[data-template=settings] .general-wrapper {\n margin-top: 1.5rem !important;\n}\n.settings-wrapper[data-template=compact] .divider-section {\n padding-top: 0;\n padding-bottom: 1.5rem;\n}\n.settings-wrapper .divider-section:first-child {\n margin: 0;\n}\n.settings-wrapper .divider-section:not(:first-child) {\n width: 100%;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.popup {\n position: relative;\n}\n.popup .count {\n position: absolute;\n font-size: 0.75rem;\n right: -0.25rem;\n top: -0.45rem;\n padding: 0.125rem;\n background: var(--color-accent);\n border-radius: 50%;\n width: 0.75rem;\n height: 0.75rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.popup .popup-backdrop {\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n animation: fadeIn 0.2s ease-in-out;\n}\n.popup .popup-content {\n position: fixed;\n width: 31rem;\n z-index: 9999;\n background: var(--background-white);\n transition: transform 1s ease 0.3s;\n border-radius: 0.45rem;\n}\n.popup .popup-content .popup-header {\n padding: 1.125rem;\n border-bottom: 0.063rem solid var(--border-color);\n position: relative;\n}\n.popup .popup-content .popup-header .popup-title {\n font-size: 1.313rem;\n color: var(--text-color);\n padding-bottom: 0.125rem;\n line-height: 1.625rem;\n}\n.popup .popup-content .popup-header .popup-title i {\n color: var(--color-primary);\n font-size: 1.625rem;\n margin-right: 0.5rem;\n}\n.popup .popup-content .close-icon {\n position: fixed;\n background: #fde8e4;\n padding: 0.125rem;\n font-size: 0.95rem;\n color: var(--color-accent);\n border-radius: 50%;\n cursor: pointer;\n top: 1.313rem;\n right: 1.313rem;\n z-index: 99;\n}\n.popup .popup-content .popup-footer {\n padding: 0.813rem;\n border-top: 0.063rem solid var(--border-color);\n position: fixed;\n width: 100%;\n bottom: 0;\n box-sizing: border-box;\n background: var(--background-white);\n border-radius: 0 0 0.313rem 0.313rem;\n}\n.popup .popup-content[data-position=menu-dropdown] {\n position: absolute;\n top: 2rem;\n overflow: hidden;\n border: 0.063rem solid var(--border-color);\n max-width: 14rem;\n min-width: 14rem;\n right: 0;\n background: var(--background-white);\n transition: all 0.3s ease;\n z-index: 9999;\n box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.15);\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body {\n margin: 0;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .tabs-wrapper {\n margin: 0;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .tabs-footer {\n padding: 0.5rem;\n border-top: 0.063rem solid var(--border-color);\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .tabs-footer .admin-btn {\n width: 100%;\n box-sizing: border-box;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .elements-wrapper {\n top: 0;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .title {\n padding: 0.75rem;\n border-bottom: 0.063rem solid var(--border-color);\n display: flex;\n justify-content: space-between;\n font-size: 1.25rem;\n align-items: center;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.75rem;\n border-bottom: 0.063rem solid var(--border-color);\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-icon {\n font-size: 1.25rem;\n color: #666;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-text {\n flex: 1;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-text .popup-title {\n font-weight: 600;\n font-size: 1rem;\n color: #333;\n margin-bottom: 0.25rem;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-text .popup-description {\n font-size: 0.875rem;\n color: #777;\n line-height: 1.4;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-close-button {\n background: none;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n color: #999;\n font-size: 1.25rem;\n border-radius: 0.45rem;\n transition: all 0.2s ease;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-close-button:hover {\n color: #333;\n background: #f0f0f0;\n}\n.popup .popup-content[data-position=menu-dropdown].checkbox ul {\n padding: 0;\n}\n.popup .popup-content[data-position=menu-dropdown].checkbox ul li {\n padding: 0.625rem;\n}\n.popup .popup-content[data-position^=slide-] {\n display: flex;\n flex-direction: column;\n max-height: 95vh;\n min-height: 25rem;\n}\n.popup .popup-content[data-position^=slide-] .popup-body {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-height: 70vh;\n height: 100%;\n overflow: auto;\n margin-bottom: 1rem;\n}\n.popup .popup-content[data-position^=slide-] .popup-body .heading {\n font-size: 1.125rem;\n font-weight: 500;\n}\n.popup .popup-content[data-position^=slide-]:has(.popup-footer) .popup-body {\n margin-bottom: 4.5rem;\n}\n.popup .popup-content[data-position=slide-right-to-left] {\n top: auto;\n right: 1rem;\n bottom: 1rem;\n animation: slide-right-to-left 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=slide-left-to-right] {\n top: auto;\n left: 1rem;\n bottom: 1rem;\n animation: slide-left-to-right 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=slide-top-to-bottom] {\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n animation: slide-top-to-bottom 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=slide-bottom-to-top] {\n bottom: 1rem;\n left: 50%;\n transform: translateX(-50%);\n animation: slide-bottom-to-top 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=lightbox] {\n top: 50%;\n left: 50%;\n min-width: 24rem;\n max-width: 90vw;\n max-height: 80vh;\n overflow: auto !important;\n animation: modalSlideIn 0.3s ease-out;\n position: fixed;\n transform: translate(-50%, -50%) scale(0.95);\n opacity: 0;\n transition: all 0.25s ease;\n}\n.popup .popup-content.popup-open {\n transform: translate(0);\n}\n.popup.popup-open [data-position=lightbox] {\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n}\n.popup.popup-menu-dropdown .popup-icon {\n display: inline-block;\n cursor: pointer;\n}\n.popup.select-popup .select-wrapper {\n padding: 1.5rem;\n}\n.popup .popup-footer {\n padding: 0.75rem;\n border-top: 0.063rem solid var(--border-color);\n}\n.popup:has([data-position=menu-dropdown]) .popup-backdrop {\n background: transparent;\n}\n.popup .available-balance {\n font-size: 1rem;\n border-radius: 0.45rem;\n color: rgba(0, 0, 0, 0.431372549);\n font-weight: 500;\n text-align: center;\n}\n.popup .available-balance div {\n font-weight: 600;\n color: var(--color-primary);\n font-size: 2.5rem;\n padding-left: 0.313rem;\n line-height: 3rem;\n}\n.popup .free-wrapper {\n font-size: 0.95rem;\n font-weight: 500;\n padding-top: 0.5rem;\n color: rgba(0, 0, 0, 0.5215686275);\n}\n.popup .free-wrapper span {\n padding-right: 0.5rem;\n}\n.popup-confirm {\n padding: 2rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.popup-confirm .title {\n font-size: 1.625rem;\n line-height: 1.5;\n color: var(--text-color);\n padding-top: 0.625rem;\n}\n.popup-confirm .popup-icon {\n font-size: 2.125rem;\n padding: 0.813rem;\n}\n.popup-confirm .buttons-wrapper {\n padding-top: 1.813rem;\n}\n@keyframes slide-right-to-left {\n from {\n transform: translateX(100%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slide-left-to-right {\n from {\n transform: translateX(-100%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slide-top-to-bottom {\n from {\n transform: translateY(-100%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes slide-bottom-to-top {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.module-container .module-option-row {\n display: flex;\n flex-wrap: wrap;\n}\n.module-container .module-option-row .module-list-item {\n box-sizing: border-box;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n background: var(--background-white);\n padding: 1rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.module-container .module-option-row .module-list-item .module-header {\n display: flex;\n justify-content: space-between;\n}\n.module-container .module-option-row .module-list-item .module-header img {\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.063rem solid var(--border-color);\n object-fit: cover;\n}\n.module-container .module-option-row .module-list-item .module-header .pro-tag i {\n color: var(--color-accent);\n font-size: 1.313rem;\n}\n.module-container .module-option-row .module-list-item .module-details {\n padding-top: 1rem;\n}\n.module-container .module-option-row .module-list-item .module-details .tag-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: 0.313rem;\n margin-bottom: 0.625rem;\n}\n.module-container .module-option-row .module-list-item .module-details .tag-wrapper .admin-badge {\n padding: 0.313rem;\n font-size: 0.75rem;\n display: inline-block;\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper {\n margin-top: 0.75rem;\n padding: 0.75rem 0.875rem;\n background: var(--background-white);\n border-radius: 0.75rem;\n border: 0.063rem solid var(--border-color);\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section:not(:last-child) {\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: 0.063rem solid var(--border-color);\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-header {\n margin-bottom: 0.375rem;\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-header .free-badge {\n font-size: 0.813rem;\n font-weight: 500;\n letter-spacing: 0.03125rem;\n color: #16a34a;\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-header .pro-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.813rem;\n font-weight: 500;\n letter-spacing: 0.03125rem;\n color: var(--color-primary);\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-header .pro-badge i {\n font-size: 0.813rem;\n color: var(--color-primary);\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-list .feature-item {\n display: flex;\n align-items: start;\n gap: 0.375rem;\n font-size: 0.875rem;\n line-height: 1.5;\n color: var(--text-color);\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-list .feature-item:not(:last-child) {\n margin-bottom: 0.25rem;\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-list .feature-item .check-icon {\n font-size: 0.813rem;\n color: #16a34a;\n margin-top: 0.125rem;\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-list .feature-item .lock-icon {\n font-size: 0.813rem;\n color: var(--color-primary);\n margin-top: 0.125rem;\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-list .feature-item .locked-text {\n color: var(--sub-text-color);\n}\n.module-container .module-option-row .module-list-item .module-details .feature-sections-wrapper .feature-section .feature-list .feature-item .unlocked-text {\n color: var(--text-color);\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .requires {\n display: flex;\n gap: 0.125rem;\n flex-wrap: wrap;\n padding-top: 1.625rem;\n min-height: 2.313rem;\n align-items: end;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .requires .requires-title {\n font-size: 0.9rem;\n color: var(--color-primary);\n font-weight: 600;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer {\n display: flex;\n padding-top: 0.75rem;\n align-items: center;\n justify-content: space-between;\n margin-top: 0.5rem;\n border-top: 0.063rem solid var(--border-color);\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .price {\n font-size: 1.063rem;\n font-weight: 500;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .buttons {\n display: flex;\n gap: 0.5rem;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .buttons a {\n display: flex;\n align-items: center;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .buttons i {\n font-size: 1.125rem;\n color: var(--color-primary);\n}\n.module-container .filter-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: start;\n gap: 0.5rem;\n}\n.module-container .filter-wrapper .module-search {\n display: flex;\n justify-content: end;\n margin-bottom: 2rem;\n gap: 0.5rem;\n width: 35rem;\n}\n.module-container .filter-wrapper .module-search .search-field {\n margin: 0;\n}\n.module-container .filter-wrapper .module-search .search-field i {\n cursor: pointer;\n}\n.module-container[data-variant=default] .module-option-row {\n gap: 1rem;\n margin-top: 1rem;\n}\n.module-container[data-variant=default] .module-option-row .module-list-item {\n flex: 0 0 24rem;\n}\n.module-container[data-variant=default] .module-option-row .module-list-item .icon {\n padding: 0.5rem;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba(82, 44, 129, 0.0705882353);\n border-radius: 0.45rem;\n}\n.module-container[data-variant=default] .module-option-row .module-list-item .icon i {\n font-size: 1.5rem;\n color: var(--color-primary);\n}\n.module-container[data-variant=default] .module-option-row .module-list-item .meta-name {\n font-size: 1.25rem;\n line-height: 1;\n color: #000;\n margin-bottom: 0.625rem;\n}\n.module-container[data-variant=mini-module] .module-list-item {\n width: 25%;\n}\n.module-container[data-variant=mini-module] .module-list-item .icon i {\n font-size: 1.313rem;\n color: var(--color-primary);\n}\n.module-container[data-variant=mini-module] .module-list-item .meta-name {\n font-size: 0.9rem;\n color: #000;\n margin: 0;\n}\n@media screen and (width <= 48rem) {\n .module-container .filter-wrapper {\n flex-wrap: wrap;\n }\n .module-container .filter-wrapper .module-search {\n width: 100%;\n }\n .module-container[data-variant=default] .module-list-item {\n flex: 1 1 calc(50% - 0.5rem);\n }\n .module-container[data-variant=mini-module] .module-list-item {\n width: 33.3333333333%;\n }\n}\n@media screen and (width <= 37.5rem) {\n .module-container[data-variant=default] .module-list-item {\n flex: 1 1 100%;\n }\n .module-container[data-variant=mini-module] .module-list-item {\n width: 50%;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.search-field {\n display: flex;\n border: 0.063rem solid var(--color-primary);\n border-radius: 0.45rem;\n margin-left: auto;\n width: fit-content;\n background: var(--background-white);\n position: relative;\n}\n.search-field .search-action {\n background: var(--background-primary);\n border-radius: 0.45rem 0 0 0.45rem;\n}\n.search-field [class^=select-prefix] {\n border: none;\n}\n.search-field .search-section {\n display: flex;\n align-items: center;\n padding-left: 0.5rem;\n}\n.search-field .search-section i {\n font-size: 1.25rem;\n color: var(--color-primary);\n padding-right: 0.5rem;\n}\n.search-field .search-section input {\n padding-left: 0;\n background: none;\n}\n.search-field .search-section input,\n.search-field .search-section .input-wrapper {\n border: none !important;\n}\n.search-field .search-section input:focus,\n.search-field .search-section .input-wrapper:focus {\n border: none !important;\n box-shadow: none !important;\n}\n.search-field .search-section select {\n background: var(--background-primary);\n color: var(--color-primary);\n margin: 0;\n min-width: 6rem;\n border: none !important;\n border-radius: 0.45rem;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0 0.625rem;\n height: 100%;\n}\n.search-field .search-section select option {\n background: #fff;\n}\n.search-field .search-section select:focus {\n box-shadow: none;\n color: var(--color-primary);\n}\n.search-field .search-section .search-icon-trigger {\n font-size: 1.25rem;\n padding: 0.45rem;\n padding-bottom: 0.313rem;\n color: var(--color-primary);\n cursor: pointer;\n}\n.search-field .search-section ul {\n position: absolute;\n top: 100%;\n right: 0;\n width: 19rem;\n max-width: calc(100vw - 2rem);\n max-height: 22rem;\n overflow-y: auto;\n background: #fff;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n margin-top: 0.313rem;\n padding: 0;\n list-style: none;\n z-index: 1000;\n}\n.search-field .search-section ul li {\n padding: 0.75rem;\n cursor: pointer;\n font-size: 0.875rem;\n color: #333;\n border-bottom: 0.063rem solid var(--border-color);\n display: flex;\n align-items: start;\n gap: 0.5rem;\n margin: 0;\n transition: all 0.5s ease;\n}\n.search-field .search-section ul li:hover {\n background: #f3f3f3;\n}\n.search-field .search-section ul li .icon-wrapper {\n margin-top: 0.625rem;\n}\n.search-field .search-section ul li .icon-wrapper i {\n padding: 0.5rem;\n font-size: 1.125rem;\n border-radius: 50%;\n background: var(--background-primary);\n color: var(--color-primary);\n}\n.search-field .search-section ul li .title {\n font-size: 1rem;\n}\n.search-field .search-section ul li .desc {\n font-size: 0.813rem;\n padding-top: 0.313rem;\n}\n.search-field .item-list {\n position: absolute;\n top: 100%;\n background: var(--background-white);\n z-index: 999;\n max-height: 20rem;\n max-width: calc(100vw - 2rem);\n overflow: auto;\n box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n border-radius: 0.45rem;\n}\n@media screen and (width <= 37.5rem) {\n .search-field .search-section input {\n width: 8rem;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.general-wrapper {\n border-radius: 0.45rem;\n margin: 2.5rem 1.25rem 1.25rem;\n}\n.general-wrapper:has(.container-wrapper) {\n background: transparent;\n padding: 0;\n}\n.general-wrapper.settings-tab.background {\n margin: 0;\n}\n.breadcrumbs span a {\n color: var(--color-primary);\n}\n.breadcrumbs span:last-child a {\n color: rgba(0, 0, 0, 0.4784313725);\n}\n.title-section {\n display: flex;\n justify-content: space-between;\n margin: 0 1.25rem;\n padding: 1.5rem 1.5rem 0.5rem 0;\n border-bottom: 0.063rem solid var(--border-color);\n align-items: end;\n}\n.title-section .title-wrapper {\n margin-bottom: 0;\n}\n.title-section .title-wrapper .typography-title {\n font-size: 1.4rem;\n color: var(--text-color);\n display: flex;\n align-items: center;\n font-weight: 500;\n}\n.title-section .title-wrapper .typography-title .title-icon {\n margin-right: 0.5rem;\n color: var(--color-primary);\n font-size: 1.8rem;\n}\n.title-section .title-wrapper .typography-title .admin-badge {\n margin-left: 0.625rem;\n}\n.title-section .title-wrapper .typography-desc {\n padding-top: 0.313rem;\n}\n.title-section .title-wrapper .buttons-wrapper i {\n font-size: 1rem;\n margin: 0;\n}\n.title-section .title-custom-section {\n display: flex;\n align-items: center;\n gap: 0.625rem;\n}\n.title-section .description {\n padding-top: 0.313rem;\n}\n.title-section .breadcrumbs {\n padding-top: 0.45rem;\n font-size: 0.9rem;\n}\n.title-section .breadcrumbs a {\n color: var(--color-primary);\n font-weight: 500;\n}\n.title-section span:last-child a {\n color: var(--text-color);\n}\n.settings-wrapper:not(.without-spacing) .settings-tab {\n border-bottom: 0.063rem solid var(--border-color);\n margin: 0 1.25rem;\n}\n.settings-wrapper.settings-sub-tabs .settings-tab,\n.settings-wrapper.settings-sub-tabs .container-wrapper {\n margin-left: 0;\n margin-right: 0;\n}\n.settings-wrapper.without-spacing .general-wrapper {\n margin: 2.5rem 0 0;\n}\n.settings-wrapper[data-template=default] .title-section {\n border: none;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper {\n gap: 0;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper #settings-tab {\n padding: 0 1rem 1rem;\n margin: 0;\n width: 100%;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper .tab-content {\n border: 0.063rem solid var(--border-color);\n border-radius: 0 0 0.45rem 0.45rem;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper .tab-content .form-group-wrapper {\n background: #fff;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper .tab-content:has(.settings-card) .form-group-wrapper {\n gap: 1rem !important;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper .tab-content:has(.settings-card) .form-group-wrapper .form-group {\n padding: 0 !important;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper.show-menu .settings-tab {\n max-width: 4.125rem;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper.show-menu .settings-tab .brand {\n margin: 0 auto;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper.show-menu .settings-tab .brand img {\n width: 3.15rem;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper.show-menu .settings-tab .brand .logo {\n display: none;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper.show-menu .settings-tab .brand .logo-small {\n display: block;\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper.show-menu .settings-tab .menu-coll-btn span {\n transform: rotate(180deg);\n}\n.settings-wrapper[data-template=default]:not(:has(.tabs)) .general-wrapper:has(.container-wrapper) .tab-content {\n border: none;\n margin: 0;\n}\n.settings-wrapper[data-template=default]:not(.without-border) .general-wrapper {\n position: relative;\n}\n.settings-wrapper[data-template=compact] .settings-tab {\n margin-top: 2rem;\n}\n.settings-wrapper[data-template=compact] .tab {\n cursor: pointer;\n display: flex;\n justify-content: center;\n background: var(--background-white);\n padding: 1rem 1rem 0.313rem;\n min-width: 11rem;\n}\n.settings-wrapper[data-template=compact] .tab .tab-name {\n display: flex;\n flex-direction: column;\n font-size: 0.938rem;\n line-height: 1.5;\n color: #707070;\n font-weight: 500;\n gap: 0.125rem;\n}\n.settings-wrapper[data-template=compact] .tab .tab-name i {\n font-size: 1.625rem;\n text-align: center;\n}\n.settings-wrapper[data-template=compact] .tab.active-tab {\n color: var(--color-primary);\n border-bottom: 0.126rem solid var(--color-primary);\n}\n.settings-wrapper[data-template=compact] .tab.active-tab .tab-name {\n color: var(--color-primary);\n}\n.settings-wrapper[data-template=compact] .tab:hover {\n background: var(--color-primary);\n}\n.settings-wrapper[data-template=compact] .tab:hover i {\n color: #fff;\n}\n.settings-wrapper[data-template=compact] .tab:hover .tab-name {\n color: #fff;\n}\n.settings-wrapper[data-template=tabs] > .settings-tab {\n margin: 2rem 1.5rem 0;\n}\n.settings-wrapper[data-template=card] .settings-tab {\n margin-top: 2rem;\n}\n.settings-wrapper[data-template=card] .tabs-item {\n display: flex;\n gap: 1rem;\n width: 100%;\n flex-wrap: wrap;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab {\n width: 24%;\n box-sizing: border-box;\n padding: 1rem 1.313rem;\n background: var(--background-white);\n border-radius: 0.45rem;\n border: 0.063rem solid transparent;\n flex-direction: column;\n gap: 0;\n align-items: start;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab .tab-name {\n font-size: 1.313rem;\n line-height: 1.125;\n font-weight: 500;\n display: flex;\n align-items: end;\n gap: 0.5rem;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab .tab-name span {\n font-size: 3rem;\n line-height: 2rem;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab i {\n padding: 0.5rem;\n font-size: 1.45rem;\n border-radius: 0.45rem;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab .des {\n font-size: 1.125rem;\n padding-top: 0.5rem;\n line-height: 1.125;\n color: var(--sub-text-color);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab:hover {\n background: var(--color-primary);\n color: #fff;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .tab-name,\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .des {\n color: #fff;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .tab-name i,\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .des i {\n background: #fff;\n color: var(--color-primary);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab {\n border: 0.063rem solid;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.primary-color) {\n border-color: var(--color-primary);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.secondary-color) {\n border-color: var(--color-secondary);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.accent-color) {\n border-color: var(--color-accent);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.support-color) {\n border-color: var(--color-support);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.critical) {\n border-color: #991b1b;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.red) {\n border-color: #dc2626;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.green) {\n border-color: #16a34a;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.teal) {\n border-color: #0f9f91;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.orange) {\n border-color: #e67a2e;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.ai) {\n border-color: #e67a2e;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.yellow) {\n border-color: #b7791f;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.blue) {\n border-color: #0284c7;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.purple) {\n border-color: #7c5cc4;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.indigo) {\n border-color: #6366c8;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.violet) {\n border-color: #8b5cf6;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.cyan) {\n border-color: #0891b2;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.sky) {\n border-color: #0284c7;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.pink) {\n border-color: #db2777;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.rose) {\n border-color: #e11d48;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.lime) {\n border-color: #65a30d;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.gray) {\n border-color: #6b7280;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.dark) {\n border-color: #374151;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.black) {\n border-color: #111827;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.white) {\n border-color: #000000;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.facebook) {\n border-color: #1877f2;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.twitter) {\n border-color: #000;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.linkedin) {\n border-color: #0a66c2;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.youtube) {\n border-color: #f00;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.instagram) {\n border-color: #e4405f;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.pinterest) {\n border-color: #e60023;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.whatsapp) {\n border-color: #25d366;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.telegram) {\n border-color: #229ed9;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.discord) {\n border-color: #5865f2;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.github) {\n border-color: #24292f;\n}\n.settings-wrapper[data-template=small-card] .settings-tab {\n margin-top: 2rem;\n}\n.settings-wrapper[data-template=small-card] .tabs-item {\n display: flex;\n gap: 1rem;\n width: 100%;\n flex-wrap: wrap;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab {\n box-sizing: border-box;\n width: 15%;\n padding: 0.938rem;\n background: var(--background-white);\n border: 0.063rem solid;\n border-radius: 0.45rem;\n flex-direction: column;\n gap: 0;\n align-items: start;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.primary-color) {\n border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, var(--color-primary) 9%, white) 0%,\n color-mix(in srgb, var(--color-primary) 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.primary-color) .tab-name {\n color: var(--color-primary) !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.primary-color).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.primary-color):hover {\n border-color: var(--color-primary);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.secondary-color) {\n border-color: color-mix(in srgb, var(--color-secondary) 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, var(--color-secondary) 9%, white) 0%,\n color-mix(in srgb, var(--color-secondary) 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.secondary-color) .tab-name {\n color: var(--color-secondary) !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.secondary-color).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.secondary-color):hover {\n border-color: var(--color-secondary);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.accent-color) {\n border-color: color-mix(in srgb, var(--color-accent) 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, var(--color-accent) 9%, white) 0%,\n color-mix(in srgb, var(--color-accent) 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.accent-color) .tab-name {\n color: var(--color-accent) !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.accent-color).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.accent-color):hover {\n border-color: var(--color-accent);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.support-color) {\n border-color: color-mix(in srgb, var(--color-support) 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, var(--color-support) 9%, white) 0%,\n color-mix(in srgb, var(--color-support) 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.support-color) .tab-name {\n color: var(--color-support) !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.support-color).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.support-color):hover {\n border-color: var(--color-support);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.critical) {\n border-color: color-mix(in srgb, #991b1b 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #991b1b 9%, white) 0%,\n color-mix(in srgb, #991b1b 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.critical) .tab-name {\n color: #991b1b !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.critical).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.critical):hover {\n border-color: #991b1b;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.red) {\n border-color: color-mix(in srgb, #dc2626 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #dc2626 9%, white) 0%,\n color-mix(in srgb, #dc2626 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.red) .tab-name {\n color: #dc2626 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.red).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.red):hover {\n border-color: #dc2626;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.green) {\n border-color: color-mix(in srgb, #16a34a 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #16a34a 9%, white) 0%,\n color-mix(in srgb, #16a34a 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.green) .tab-name {\n color: #16a34a !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.green).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.green):hover {\n border-color: #16a34a;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.teal) {\n border-color: color-mix(in srgb, #0f9f91 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #0f9f91 9%, white) 0%,\n color-mix(in srgb, #0f9f91 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.teal) .tab-name {\n color: #0f9f91 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.teal).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.teal):hover {\n border-color: #0f9f91;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.orange) {\n border-color: color-mix(in srgb, #e67a2e 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #e67a2e 9%, white) 0%,\n color-mix(in srgb, #e67a2e 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.orange) .tab-name {\n color: #e67a2e !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.orange).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.orange):hover {\n border-color: #e67a2e;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.ai) {\n border-color: color-mix(in srgb, #e67a2e 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #e67a2e 9%, white) 0%,\n color-mix(in srgb, #e67a2e 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.ai) .tab-name {\n color: #e67a2e !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.ai).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.ai):hover {\n border-color: #e67a2e;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.yellow) {\n border-color: color-mix(in srgb, #b7791f 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #b7791f 9%, white) 0%,\n color-mix(in srgb, #b7791f 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.yellow) .tab-name {\n color: #b7791f !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.yellow).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.yellow):hover {\n border-color: #b7791f;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.blue) {\n border-color: color-mix(in srgb, #0284c7 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #0284c7 9%, white) 0%,\n color-mix(in srgb, #0284c7 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.blue) .tab-name {\n color: #0284c7 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.blue).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.blue):hover {\n border-color: #0284c7;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.purple) {\n border-color: color-mix(in srgb, #7c5cc4 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #7c5cc4 9%, white) 0%,\n color-mix(in srgb, #7c5cc4 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.purple) .tab-name {\n color: #7c5cc4 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.purple).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.purple):hover {\n border-color: #7c5cc4;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.indigo) {\n border-color: color-mix(in srgb, #6366c8 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #6366c8 9%, white) 0%,\n color-mix(in srgb, #6366c8 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.indigo) .tab-name {\n color: #6366c8 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.indigo).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.indigo):hover {\n border-color: #6366c8;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.violet) {\n border-color: color-mix(in srgb, #8b5cf6 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #8b5cf6 9%, white) 0%,\n color-mix(in srgb, #8b5cf6 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.violet) .tab-name {\n color: #8b5cf6 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.violet).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.violet):hover {\n border-color: #8b5cf6;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.cyan) {\n border-color: color-mix(in srgb, #0891b2 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #0891b2 9%, white) 0%,\n color-mix(in srgb, #0891b2 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.cyan) .tab-name {\n color: #0891b2 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.cyan).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.cyan):hover {\n border-color: #0891b2;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.sky) {\n border-color: color-mix(in srgb, #0284c7 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #0284c7 9%, white) 0%,\n color-mix(in srgb, #0284c7 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.sky) .tab-name {\n color: #0284c7 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.sky).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.sky):hover {\n border-color: #0284c7;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pink) {\n border-color: color-mix(in srgb, #db2777 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #db2777 9%, white) 0%,\n color-mix(in srgb, #db2777 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pink) .tab-name {\n color: #db2777 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pink).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pink):hover {\n border-color: #db2777;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.rose) {\n border-color: color-mix(in srgb, #e11d48 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #e11d48 9%, white) 0%,\n color-mix(in srgb, #e11d48 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.rose) .tab-name {\n color: #e11d48 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.rose).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.rose):hover {\n border-color: #e11d48;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.lime) {\n border-color: color-mix(in srgb, #65a30d 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #65a30d 9%, white) 0%,\n color-mix(in srgb, #65a30d 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.lime) .tab-name {\n color: #65a30d !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.lime).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.lime):hover {\n border-color: #65a30d;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.gray) {\n border-color: color-mix(in srgb, #6b7280 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #6b7280 9%, white) 0%,\n color-mix(in srgb, #6b7280 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.gray) .tab-name {\n color: #6b7280 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.gray).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.gray):hover {\n border-color: #6b7280;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.dark) {\n border-color: color-mix(in srgb, #374151 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #374151 9%, white) 0%,\n color-mix(in srgb, #374151 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.dark) .tab-name {\n color: #374151 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.dark).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.dark):hover {\n border-color: #374151;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.black) {\n border-color: color-mix(in srgb, #111827 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #111827 9%, white) 0%,\n color-mix(in srgb, #111827 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.black) .tab-name {\n color: #111827 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.black).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.black):hover {\n border-color: #111827;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.white) {\n border-color: color-mix(in srgb, #000000 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #000000 9%, white) 0%,\n color-mix(in srgb, #000000 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.white) .tab-name {\n color: #000000 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.white).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.white):hover {\n border-color: #000000;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.facebook) {\n border-color: color-mix(in srgb, #1877f2 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #1877f2 9%, white) 0%,\n color-mix(in srgb, #1877f2 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.facebook) .tab-name {\n color: #1877f2 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.facebook).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.facebook):hover {\n border-color: #1877f2;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.twitter) {\n border-color: color-mix(in srgb, #000 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #000 9%, white) 0%,\n color-mix(in srgb, #000 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.twitter) .tab-name {\n color: #000 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.twitter).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.twitter):hover {\n border-color: #000;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.linkedin) {\n border-color: color-mix(in srgb, #0a66c2 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #0a66c2 9%, white) 0%,\n color-mix(in srgb, #0a66c2 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.linkedin) .tab-name {\n color: #0a66c2 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.linkedin).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.linkedin):hover {\n border-color: #0a66c2;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.youtube) {\n border-color: color-mix(in srgb, #f00 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #f00 9%, white) 0%,\n color-mix(in srgb, #f00 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.youtube) .tab-name {\n color: #f00 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.youtube).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.youtube):hover {\n border-color: #f00;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.instagram) {\n border-color: color-mix(in srgb, #e4405f 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #e4405f 9%, white) 0%,\n color-mix(in srgb, #e4405f 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.instagram) .tab-name {\n color: #e4405f !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.instagram).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.instagram):hover {\n border-color: #e4405f;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pinterest) {\n border-color: color-mix(in srgb, #e60023 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #e60023 9%, white) 0%,\n color-mix(in srgb, #e60023 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pinterest) .tab-name {\n color: #e60023 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pinterest).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.pinterest):hover {\n border-color: #e60023;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.whatsapp) {\n border-color: color-mix(in srgb, #25d366 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #25d366 9%, white) 0%,\n color-mix(in srgb, #25d366 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.whatsapp) .tab-name {\n color: #25d366 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.whatsapp).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.whatsapp):hover {\n border-color: #25d366;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.telegram) {\n border-color: color-mix(in srgb, #229ed9 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #229ed9 9%, white) 0%,\n color-mix(in srgb, #229ed9 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.telegram) .tab-name {\n color: #229ed9 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.telegram).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.telegram):hover {\n border-color: #229ed9;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.discord) {\n border-color: color-mix(in srgb, #5865f2 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #5865f2 9%, white) 0%,\n color-mix(in srgb, #5865f2 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.discord) .tab-name {\n color: #5865f2 !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.discord).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.discord):hover {\n border-color: #5865f2;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.github) {\n border-color: color-mix(in srgb, #24292f 20%, transparent);\n background:\n linear-gradient(\n 200deg,\n color-mix(in srgb, #24292f 9%, white) 0%,\n color-mix(in srgb, #24292f 4%, white) 58%,\n white 100%);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.github) .tab-name {\n color: #24292f !important;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.github).active-tab,\n.settings-wrapper[data-template=small-card] .tabs-item .tab:has(.github):hover {\n border-color: #24292f;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab .tab-name {\n position: relative;\n width: 100%;\n font-size: 1rem;\n line-height: 1;\n font-weight: 500;\n display: flex;\n align-items: start;\n flex-direction: column;\n gap: 0.5rem;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab .tab-name span {\n font-size: 1.813rem;\n line-height: 1;\n margin: 0.2 5rem 0;\n color: var(--text-color);\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab .tab-name .card-graph {\n position: absolute;\n top: 0.15rem;\n right: 0;\n width: 4.5rem;\n height: 1.5rem;\n overflow: visible;\n color: inherit;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab .tab-name .card-graph path {\n fill: none;\n stroke: currentcolor;\n stroke-linecap: round;\n stroke-width: 2;\n vector-effect: non-scaling-stroke;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab i {\n display: none;\n}\n.settings-wrapper[data-template=small-card] .tabs-item .tab .des {\n font-size: 1.125rem;\n padding-top: 0.5rem;\n line-height: 1.125;\n color: var(--sub-text-color);\n}\n.settings-wrapper[data-template=settings] {\n display: flex;\n width: 100%;\n margin-top: 1rem;\n}\n.settings-wrapper[data-template=settings] .settings-tab {\n background: transparent;\n width: 25%;\n height: auto;\n padding: 0;\n border: none;\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab {\n padding: 0.813rem;\n transition: all 0.3s ease;\n border-radius: 0.45rem;\n cursor: pointer;\n margin: 0;\n color: var(--text-color);\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab i {\n padding-right: 0.5rem;\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab .tab-name {\n margin: 0;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1rem;\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab:hover {\n background: var(--background-primary);\n color: var(--color-primary);\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab.active-tab,\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab.active-tab:hover {\n background: var(--color-primary);\n color: #fff;\n border: none;\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab.active-tab i,\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab.active-tab .tab-name,\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab.active-tab:hover i,\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab.active-tab:hover .tab-name {\n color: #fff;\n}\n.settings-wrapper[data-template=settings] .settings-tab .tabs-item .tab-heading {\n font-size: 1.063rem;\n color: rgba(0, 0, 0, 0.5607843137);\n font-weight: 600;\n padding-bottom: 0.313rem;\n border-bottom: 0.063rem solid var(--border-color);\n margin: 0.5rem 0;\n}\n.settings-wrapper[data-template=settings] .general-wrapper {\n width: 75%;\n background: var(--background-white);\n margin: 0 1rem 1rem;\n border-radius: 0.45rem;\n border: none;\n}\n.settings-wrapper[data-template=settings] .general-wrapper .card-content {\n padding: 0;\n}\n.settings-wrapper[data-template=settings] .general-wrapper .tab-content {\n box-sizing: border-box;\n}\n.settings-wrapper .custom-content {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n}\n.settings-wrapper .custom-content label {\n font-size: 1rem;\n}\n.settings-wrapper .custom-content label i {\n font-size: 1.125rem;\n color: var(--color-primary);\n padding-right: 0.45rem;\n}\n.admin-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem 1rem;\n background: #fff;\n box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;\n}\n.admin-header .left-section {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n}\n.admin-header .left-section .brand-logo {\n width: auto;\n height: 2rem;\n}\n.admin-header .left-section .version-tag {\n display: flex;\n gap: 0.5rem;\n}\n.admin-header .right-section {\n position: relative;\n display: flex;\n gap: 0.875rem;\n align-items: center;\n}\n.admin-header .right-section .adminfont-notification {\n font-size: 1.313rem;\n padding: 0.313rem;\n}\n.settings-tab {\n display: flex;\n justify-content: space-between;\n}\n.settings-tab.background {\n background: var(--background-white);\n padding: 1rem;\n border-radius: 0.45rem;\n border: none;\n}\n.tab-title {\n padding: 1.5rem;\n align-items: center;\n background: #fff;\n margin: 1rem;\n}\n.tab-title .content {\n border-bottom: 0.063rem solid var(--border-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.tab-title .tab-wrapper .title {\n font-size: 1.45rem;\n display: flex;\n align-items: end;\n gap: 0.313rem;\n line-height: 1.5rem;\n}\n.tab-title .tab-wrapper i {\n font-size: 1.5rem;\n color: var(--color-primary);\n}\n.tab-title .tab-wrapper .dsc {\n font-size: 0.85rem;\n font-weight: 400;\n padding-top: 0.313rem;\n}\n.tab-title .status-wrapper {\n margin-bottom: 0.313rem;\n display: flex;\n align-items: center;\n gap: 0.813rem;\n}\n.tab-title .status-wrapper span {\n font-size: 1rem;\n color: #000;\n}\n.tab-content {\n position: relative;\n width: 100%;\n}\n.tab-content .tab-description-body {\n padding: 0 1.8rem;\n}\n.general-wrapper:has(.tab-bg) {\n border: none;\n}\n.general-wrapper:has(.tab-bg) .divider-section {\n display: none;\n}\n.tabs-item {\n position: relative;\n display: flex;\n gap: 1.5rem;\n}\n.tabs-item .tab {\n position: relative;\n overflow: hidden;\n transition: all 100ms ease-out;\n display: flex;\n align-items: end;\n justify-content: flex-start;\n color: var(--text-color);\n gap: 0.75rem;\n background-color: transparent;\n padding: 0.5rem 0;\n border-bottom: 0.126rem solid transparent;\n font-weight: 500;\n cursor: pointer;\n}\n.tabs-item .tab .tab-name {\n font-size: 0.938rem;\n}\n.tabs-item .tab .tab-name i {\n padding-right: 0.5rem;\n}\n.tabs-item .tab .admin-tag {\n top: 1rem;\n}\n.tabs-item .tab .tab-desc {\n margin-top: 0.188rem;\n color: #72777c;\n line-height: 1.2;\n transition: all 150ms ease-out;\n}\n.tabs-item .tab .drop-down-section {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 0.25rem;\n width: 100%;\n}\n.tabs-item .tab:focus {\n box-shadow: none;\n}\n.tabs-item .active-tab i {\n opacity: 1;\n}\n.tabs-item .active-tab .admin-tag {\n top: 1rem;\n}\n.tabs-item .tab-wrapper {\n width: 100%;\n}\n.tabs-item .tab-wrapper .subtab-wrapper {\n padding-left: 1rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s linear;\n}\n.tabs-item .tab-wrapper .subtab-wrapper a {\n width: 100%;\n box-sizing: border-box;\n}\n.tabs-item .tab-wrapper .subtab-wrapper.active {\n max-height: 50rem;\n height: auto;\n}\n.settings-section-group {\n display: flex;\n border-bottom: 0.063rem solid var(--border-color);\n width: 100%;\n}\n.settings-section-group .settings-left-section {\n width: 30%;\n padding: 1rem;\n padding-right: 0;\n box-sizing: border-box;\n background: #fff;\n}\n.settings-section-group .settings-left-section .divider-section {\n border: none;\n box-sizing: border-box;\n padding: 0 !important;\n border-right: 0.063rem solid var(--border-color);\n height: 100%;\n}\n.settings-section-group .settings-left-section .divider-section i {\n padding: 0.45rem;\n background: var(--background-primary);\n font-size: 1.938rem;\n border-radius: 0.45rem;\n}\n.settings-section-group .settings-right-section {\n width: 70%;\n background: var(--background-white);\n}\n@media only screen and (width <= 37.5rem) {\n .settings-tab {\n flex-direction: column;\n gap: 1rem;\n }\n .admin-header {\n gap: 1rem;\n }\n .admin-header .left-section .version-tag {\n display: none;\n }\n .admin-header .right-section {\n width: 100%;\n justify-content: flex-end;\n }\n .admin-header .right-section .search-field {\n display: none;\n }\n .settings-wrapper[data-template=settings] {\n flex-direction: column;\n }\n .settings-wrapper[data-template=settings] .settings-tab {\n width: 100% !important;\n margin: 0 0 2rem !important;\n }\n .settings-wrapper[data-template=settings] .general-wrapper {\n width: 100% !important;\n margin: 0 !important;\n }\n .settings-wrapper[data-template=compact] .tabs-item {\n flex-wrap: wrap;\n }\n .settings-wrapper[data-template=compact] .tabs-item a.tab {\n min-width: 5rem !important;\n }\n .settings-wrapper[data-template=default] .tabs-item {\n flex-wrap: wrap;\n gap: 0.313rem;\n padding-top: 1rem;\n }\n .settings-wrapper[data-template=default] .tabs-item .tab {\n margin: 0 0.313rem;\n }\n .title-section {\n flex-wrap: wrap;\n gap: 1rem;\n }\n}\n.tab.active-tab {\n color: var(--color-primary);\n border-bottom: 0.126rem solid var(--color-primary) !important;\n}\n.tab.active-tab .tab-name,\n.tab.active-tab i {\n color: var(--color-primary);\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.system-info .buttons-wrapper {\n margin-bottom: 1rem;\n}\n.system-info .system-item {\n margin-bottom: 0.5rem;\n}\n.system-info .system-item .name {\n background: rgba(249, 244, 244, 0.7215686275);\n padding: 0.625rem 1rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n.system-info .system-item .name span {\n font-size: 1.125rem;\n}\n.system-info .system-item .name i {\n font-size: 1.625rem;\n cursor: pointer;\n}\n.system-info .system-item .content {\n padding: 0.813rem;\n border: 0.063rem solid var(--border-color);\n border-top: none;\n overflow-x: auto;\n}\n.system-info .system-item .content .des {\n margin-bottom: 0.5rem;\n}\n.system-info .system-item .content table {\n width: 100%;\n min-width: 24rem;\n}\n.system-info .system-item .content table tr td {\n padding: 0.45rem 0.625rem;\n font-size: 0.95rem;\n}\n.system-info .system-item .content table tr td:first-child {\n width: 30%;\n}\n.system-info .system-item .content table tr:nth-child(odd) {\n background: rgba(245, 245, 245, 0.7411764706);\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.setting-row-list {\n display: flex;\n flex-direction: column;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n}\n.setting-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n padding: 1rem;\n border-bottom: 0.063rem solid var(--border-color);\n}\n.setting-row-main {\n display: flex;\n align-items: flex-start;\n gap: 1.313rem;\n max-width: 50%;\n}\n.setting-row-icon {\n min-width: 3rem;\n min-height: 3rem;\n display: flex !important;\n justify-content: center;\n align-items: center;\n font-size: 1.813rem;\n border-radius: 0.45rem;\n}\n.setting-row-body {\n min-width: 0;\n}\n.setting-row-title {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--text-color);\n margin-bottom: 0.45rem;\n}\n.setting-row-desc {\n margin-top: 0.188rem;\n font-size: 0.8125rem;\n line-height: 1.4;\n color: var(--sub-text-color);\n}\n.setting-row-control {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n gap: 50%;\n min-width: 30%;\n justify-content: end;\n}\n.setting-row-select {\n min-width: 9rem;\n}\n.setting-row-select-label {\n display: block;\n margin-bottom: 0.25rem;\n font-size: 0.938rem;\n color: var(--sub-text-color);\n}\n.setting-row-checkbox {\n width: 1.125rem;\n height: 1.125rem;\n}\n.setting-toggle {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.setting-toggle .toggle-checkbox-header {\n min-width: 5rem;\n max-width: 5rem;\n justify-content: space-between;\n}\n.setting-toggle .setting-toggle-label {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.setting-toggle.is-on .setting-toggle-label {\n color: var(--color-primary);\n}\n.setting-toggle.is-disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n.setting-toggle .toggle-btn {\n display: flex;\n}\n.setting-toggle .toggle-checkbox-header {\n margin: 0;\n gap: 0;\n}\n@media screen and (width <= 37.5rem) {\n .setting-row {\n flex-wrap: wrap;\n }\n .setting-row-main {\n max-width: 100%;\n }\n .setting-row-control {\n gap: 0.625rem;\n min-width: 100%;\n justify-content: flex-start;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.choice-card-list {\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n}\n.choice-card {\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: 0.875rem;\n padding: 1rem 1.25rem;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n background: var(--background-white);\n cursor: pointer;\n box-sizing: border-box;\n transition: border-color 0.2s ease, background 0.2s ease;\n}\n.choice-card:hover {\n border-color: color-mix(in srgb, var(--color-primary) 40%, white);\n}\n.choice-card.is-selected {\n border-color: var(--color-primary);\n background: var(--background-primary);\n}\n.choice-card.is-disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.choice-card-radio {\n appearance: none;\n flex-shrink: 0;\n width: 1.125rem;\n height: 1.125rem;\n margin-top: 0.125rem;\n border-radius: 50%;\n border: 0.125rem solid var(--border-color);\n box-sizing: border-box;\n cursor: pointer;\n}\n.choice-card-radio:checked {\n border-color: var(--color-primary);\n border-width: 0.375rem;\n}\n.choice-card-icon {\n flex-shrink: 0;\n width: 2.75rem;\n height: 2.75rem;\n border-radius: 0.45rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--background-primary);\n color: var(--color-primary);\n}\n.choice-card-icon i {\n font-size: 1.375rem;\n}\n.choice-card-icon.tint-primary-color {\n background: color-mix(in srgb, var(--color-primary) 8%, white);\n color: var(--color-primary);\n}\n.choice-card-icon.tint-secondary-color {\n background: color-mix(in srgb, var(--color-secondary) 8%, white);\n color: var(--color-secondary);\n}\n.choice-card-icon.tint-accent-color {\n background: color-mix(in srgb, var(--color-accent) 8%, white);\n color: var(--color-accent);\n}\n.choice-card-icon.tint-support-color {\n background: color-mix(in srgb, var(--color-support) 8%, white);\n color: var(--color-support);\n}\n.choice-card-icon.tint-critical {\n background: #fff7f7;\n color: #991b1b;\n}\n.choice-card-icon.tint-red {\n background: #fff7f7;\n color: #dc2626;\n}\n.choice-card-icon.tint-green {\n background: #f4fdf7;\n color: #16a34a;\n}\n.choice-card-icon.tint-teal {\n background: #f2fcfa;\n color: #0f9f91;\n}\n.choice-card-icon.tint-orange {\n background: #fff9f4;\n color: #e67a2e;\n}\n.choice-card-icon.tint-ai {\n background: #fff9f4;\n color: #e67a2e;\n}\n.choice-card-icon.tint-yellow {\n background: #fffcef;\n color: #b7791f;\n}\n.choice-card-icon.tint-blue {\n background: #f4faff;\n color: #0284c7;\n}\n.choice-card-icon.tint-purple {\n background: #f9f7ff;\n color: #7c5cc4;\n}\n.choice-card-icon.tint-indigo {\n background: #f6f7ff;\n color: #6366c8;\n}\n.choice-card-icon.tint-violet {\n background: #faf8ff;\n color: #8b5cf6;\n}\n.choice-card-icon.tint-cyan {\n background: #f2feff;\n color: #0891b2;\n}\n.choice-card-icon.tint-sky {\n background: #f4fbff;\n color: #0284c7;\n}\n.choice-card-icon.tint-pink {\n background: #fff7fa;\n color: #db2777;\n}\n.choice-card-icon.tint-rose {\n background: #fff7f8;\n color: #e11d48;\n}\n.choice-card-icon.tint-lime {\n background: #f9fdf2;\n color: #65a30d;\n}\n.choice-card-icon.tint-gray {\n background: #fafafa;\n color: #6b7280;\n}\n.choice-card-icon.tint-dark {\n background: #f5f6f7;\n color: #374151;\n}\n.choice-card-icon.tint-black {\n background: #f8f9fa;\n color: #111827;\n}\n.choice-card-icon.tint-white {\n background: #ffffff;\n color: #000000;\n}\n.choice-card-icon.tint-facebook {\n color: #1877f2;\n}\n.choice-card-icon.tint-twitter {\n color: #000;\n}\n.choice-card-icon.tint-linkedin {\n color: #0a66c2;\n}\n.choice-card-icon.tint-youtube {\n color: #f00;\n}\n.choice-card-icon.tint-instagram {\n color: #e4405f;\n}\n.choice-card-icon.tint-pinterest {\n color: #e60023;\n}\n.choice-card-icon.tint-whatsapp {\n color: #25d366;\n}\n.choice-card-icon.tint-telegram {\n color: #229ed9;\n}\n.choice-card-icon.tint-discord {\n color: #5865f2;\n}\n.choice-card-icon.tint-github {\n color: #24292f;\n}\n.choice-card-body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n}\n.choice-card-title {\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--text-color);\n}\n.choice-card-desc {\n font-size: 0.8125rem;\n line-height: 1.4;\n color: var(--sub-text-color);\n}\n.choice-card-best-for {\n flex-shrink: 0;\n width: 12rem;\n display: flex;\n flex-direction: column;\n gap: 0.188rem;\n padding: 0.625rem 0.75rem;\n border-radius: 0.45rem;\n background: var(--background-primary);\n box-sizing: border-box;\n}\n.choice-card-best-for-title {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--color-primary);\n}\n.choice-card-best-for-desc {\n font-size: 0.75rem;\n line-height: 1.35;\n color: var(--sub-text-color);\n}\n@media screen and (width <= 37.5rem) {\n .choice-card {\n flex-wrap: wrap;\n }\n .choice-card-best-for {\n width: 100%;\n }\n}\n');
17118
17118
 
17119
17119
  // ../inputs/build/index.css
17120
- styleInject('@charset "UTF-8";\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.settings-calender {\n position: relative;\n}\n.settings-calender .rmdp-container {\n width: 16.5rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class {\n box-shadow: none;\n border: none;\n width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar {\n width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header button i {\n border-color: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header .rmdp-header-values span.sd {\n font-size: 1.125rem;\n color: var(--text-color);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div {\n width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week {\n gap: 0.5rem;\n padding: 0.25rem;\n box-sizing: border-box;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day {\n font-size: 1.125rem;\n color: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 6rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span.sd {\n border-radius: 0.45rem;\n font-size: 1.5rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span.sd:hover {\n background: var(--background-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day.rmdp-selected span.sd:not(.highlight) {\n background: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day:not(.rmdp-day-hidden) {\n background: #efecec;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day {\n margin: 0;\n height: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd {\n border-radius: 0.45rem;\n font-size: 1.25rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd {\n background: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd {\n background: var(--background-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-panel.right {\n display: none !important;\n}\n.settings-calender .rmdp-wrapper {\n width: 100%;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper {\n width: 10rem;\n padding-top: 0.625rem;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper div {\n padding: 0.625rem;\n font-size: 0.813rem;\n border-bottom: 0.063rem solid var(--border-color);\n cursor: pointer;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper div:hover {\n background: var(--background-primary);\n}\n.settings-calender .calendar-tabs-container {\n position: absolute;\n z-index: 99;\n background: var(--background-white);\n width: 25rem;\n max-width: calc(100vw - 2rem);\n right: 0;\n border-radius: 0.45rem;\n box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n}\n.settings-calender .calendar-tabs-container .range-picker-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n padding: 0.85rem;\n}\n.settings-calender .calendar-tabs-container .range-picker-wrapper div {\n width: calc(50% - 0.5rem);\n padding: 0.625rem;\n box-sizing: border-box;\n background: var(--background-primary);\n border-radius: 0.45rem;\n color: var(--color-primary);\n text-align: center;\n font-size: 1rem;\n cursor: pointer;\n}\n.settings-calender .calendar-tabs-container .tabs-item {\n width: 100%;\n padding-top: 0.45rem 1rem;\n}\n.settings-calender .calendar-tabs-container .tabs-item .tab {\n width: 50%;\n justify-content: center;\n font-size: 1.063rem;\n}\n.settings-calender .calendar-tabs-container.open-downward {\n top: calc(100% + 0.5rem);\n bottom: auto;\n}\n.settings-calender .calendar-tabs-container.open-upward {\n bottom: calc(100% + 0.5rem);\n top: auto;\n}\n.settings-calender .input-calendar {\n box-shadow: none !important;\n background: var(--background-white);\n}\n.settings-calender .input-calendar .rmdp-calendar {\n width: 100%;\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-header-values {\n font-size: 1.313rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container {\n color: var(--color-primary);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container i {\n width: 0.45rem;\n height: 0.45rem;\n cursor: pointer;\n border-color: var(--color-primary);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container:hover {\n background: transparent;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-week .rmdp-week-day {\n color: var(--color-primary);\n width: 3.313rem;\n font-size: 1.125rem;\n padding-bottom: 0.5rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day-picker {\n justify-content: center;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day {\n width: 3.313rem;\n height: 3.313rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day span.sd {\n font-size: 1.063rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day.rmdp-range {\n background: var(--background-primary);\n color: var(--color-primary);\n box-shadow: none;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day.rmdp-today span {\n background: var(--color-primary);\n color: #fff;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {\n background: var(--background-primary);\n color: var(--color-primary);\n}\n@media screen and (width <= 37.5rem) {\n .settings-calender .rmdp-day-picker .rmdp-week .rmdp-week-day,\n .settings-calender .rmdp-day-picker .rmdp-day {\n width: 2.25rem;\n height: 2.25rem;\n }\n .settings-calender .range-picker-wrapper {\n width: 100%;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.btn-purple {\n background: color-mix(in srgb, var(--color-primary) 6%, white);\n color: var(--color-primary);\n border: 0.063rem solid color-mix(in srgb, var(--color-primary) 6%, white);\n}\n.btn-purple:hover {\n filter: brightness(0.94);\n}\n.btn-border-purple {\n background: transparent;\n color: var(--color-primary);\n border: 0.063rem solid var(--color-primary);\n}\n.btn-border-purple:hover {\n background: color-mix(in srgb, var(--color-primary) 6%, white);\n}\n.btn-purple-bg {\n background: var(--color-primary);\n color: #fff;\n border: 0.063rem solid var(--color-primary);\n}\n.btn-purple-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-purple {\n color: var(--color-primary);\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-purple:hover {\n opacity: 0.75;\n}\n.btn-critical {\n background: #fff7f7;\n color: #991b1b;\n border: 0.063rem solid #fff7f7;\n}\n.btn-critical:hover {\n filter: brightness(0.94);\n}\n.btn-border-critical {\n background: transparent;\n color: #991b1b;\n border: 0.063rem solid #991b1b;\n}\n.btn-border-critical:hover {\n background: #fff7f7;\n}\n.btn-critical-bg {\n background: #991b1b;\n color: #fff;\n border: 0.063rem solid #991b1b;\n}\n.btn-critical-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-critical {\n color: #991b1b;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-critical:hover {\n opacity: 0.75;\n}\n.btn-red {\n background: #fff7f7;\n color: #dc2626;\n border: 0.063rem solid #fff7f7;\n}\n.btn-red:hover {\n filter: brightness(0.94);\n}\n.btn-border-red {\n background: transparent;\n color: #dc2626;\n border: 0.063rem solid #dc2626;\n}\n.btn-border-red:hover {\n background: #fff7f7;\n}\n.btn-red-bg {\n background: #dc2626;\n color: #fff;\n border: 0.063rem solid #dc2626;\n}\n.btn-red-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-red {\n color: #dc2626;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-red:hover {\n opacity: 0.75;\n}\n.btn-green {\n background: #f4fdf7;\n color: #16a34a;\n border: 0.063rem solid #f4fdf7;\n}\n.btn-green:hover {\n filter: brightness(0.94);\n}\n.btn-border-green {\n background: transparent;\n color: #16a34a;\n border: 0.063rem solid #16a34a;\n}\n.btn-border-green:hover {\n background: #f4fdf7;\n}\n.btn-green-bg {\n background: #16a34a;\n color: #fff;\n border: 0.063rem solid #16a34a;\n}\n.btn-green-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-green {\n color: #16a34a;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-green:hover {\n opacity: 0.75;\n}\n.btn-orange {\n background: #fff9f4;\n color: #e67a2e;\n border: 0.063rem solid #fff9f4;\n}\n.btn-orange:hover {\n filter: brightness(0.94);\n}\n.btn-border-orange {\n background: transparent;\n color: #e67a2e;\n border: 0.063rem solid #e67a2e;\n}\n.btn-border-orange:hover {\n background: #fff9f4;\n}\n.btn-orange-bg {\n background: #e67a2e;\n color: #fff;\n border: 0.063rem solid #e67a2e;\n}\n.btn-orange-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-orange {\n color: #e67a2e;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-orange:hover {\n opacity: 0.75;\n}\n.btn-ai {\n background: #fff9f4;\n color: #e67a2e;\n border: 0.063rem solid #fff9f4;\n}\n.btn-ai:hover {\n filter: brightness(0.94);\n}\n.btn-border-ai {\n background: transparent;\n color: #e67a2e;\n border: 0.063rem solid #e67a2e;\n}\n.btn-border-ai:hover {\n background: #fff9f4;\n}\n.btn-ai-bg {\n background: #e67a2e;\n color: #fff;\n border: 0.063rem solid #e67a2e;\n}\n.btn-ai-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-ai {\n color: #e67a2e;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-ai:hover {\n opacity: 0.75;\n}\n.btn-yellow {\n background: #fffcef;\n color: #b7791f;\n border: 0.063rem solid #fffcef;\n}\n.btn-yellow:hover {\n filter: brightness(0.94);\n}\n.btn-border-yellow {\n background: transparent;\n color: #b7791f;\n border: 0.063rem solid #b7791f;\n}\n.btn-border-yellow:hover {\n background: #fffcef;\n}\n.btn-yellow-bg {\n background: #b7791f;\n color: #fff;\n border: 0.063rem solid #b7791f;\n}\n.btn-yellow-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-yellow {\n color: #b7791f;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-yellow:hover {\n opacity: 0.75;\n}\n.btn-blue {\n background: #f4faff;\n color: #0284c7;\n border: 0.063rem solid #f4faff;\n}\n.btn-blue:hover {\n filter: brightness(0.94);\n}\n.btn-border-blue {\n background: transparent;\n color: #0284c7;\n border: 0.063rem solid #0284c7;\n}\n.btn-border-blue:hover {\n background: #f4faff;\n}\n.btn-blue-bg {\n background: #0284c7;\n color: #fff;\n border: 0.063rem solid #0284c7;\n}\n.btn-blue-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-blue {\n color: #0284c7;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-blue:hover {\n opacity: 0.75;\n}\n.btn-cyan {\n background: #f2feff;\n color: #0891b2;\n border: 0.063rem solid #f2feff;\n}\n.btn-cyan:hover {\n filter: brightness(0.94);\n}\n.btn-border-cyan {\n background: transparent;\n color: #0891b2;\n border: 0.063rem solid #0891b2;\n}\n.btn-border-cyan:hover {\n background: #f2feff;\n}\n.btn-cyan-bg {\n background: #0891b2;\n color: #fff;\n border: 0.063rem solid #0891b2;\n}\n.btn-cyan-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-cyan {\n color: #0891b2;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-cyan:hover {\n opacity: 0.75;\n}\n.btn-teal {\n background: #f2fcfa;\n color: #0f9f91;\n border: 0.063rem solid #f2fcfa;\n}\n.btn-teal:hover {\n filter: brightness(0.94);\n}\n.btn-border-teal {\n background: transparent;\n color: #0f9f91;\n border: 0.063rem solid #0f9f91;\n}\n.btn-border-teal:hover {\n background: #f2fcfa;\n}\n.btn-teal-bg {\n background: #0f9f91;\n color: #fff;\n border: 0.063rem solid #0f9f91;\n}\n.btn-teal-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-teal {\n color: #0f9f91;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-teal:hover {\n opacity: 0.75;\n}\n.btn-indigo {\n background: #f6f7ff;\n color: #6366c8;\n border: 0.063rem solid #f6f7ff;\n}\n.btn-indigo:hover {\n filter: brightness(0.94);\n}\n.btn-border-indigo {\n background: transparent;\n color: #6366c8;\n border: 0.063rem solid #6366c8;\n}\n.btn-border-indigo:hover {\n background: #f6f7ff;\n}\n.btn-indigo-bg {\n background: #6366c8;\n color: #fff;\n border: 0.063rem solid #6366c8;\n}\n.btn-indigo-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-indigo {\n color: #6366c8;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-indigo:hover {\n opacity: 0.75;\n}\n.btn-violet {\n background: #faf8ff;\n color: #8b5cf6;\n border: 0.063rem solid #faf8ff;\n}\n.btn-violet:hover {\n filter: brightness(0.94);\n}\n.btn-border-violet {\n background: transparent;\n color: #8b5cf6;\n border: 0.063rem solid #8b5cf6;\n}\n.btn-border-violet:hover {\n background: #faf8ff;\n}\n.btn-violet-bg {\n background: #8b5cf6;\n color: #fff;\n border: 0.063rem solid #8b5cf6;\n}\n.btn-violet-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-violet {\n color: #8b5cf6;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-violet:hover {\n opacity: 0.75;\n}\n.btn-pink {\n background: #fff7fa;\n color: #db2777;\n border: 0.063rem solid #fff7fa;\n}\n.btn-pink:hover {\n filter: brightness(0.94);\n}\n.btn-border-pink {\n background: transparent;\n color: #db2777;\n border: 0.063rem solid #db2777;\n}\n.btn-border-pink:hover {\n background: #fff7fa;\n}\n.btn-pink-bg {\n background: #db2777;\n color: #fff;\n border: 0.063rem solid #db2777;\n}\n.btn-pink-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-pink {\n color: #db2777;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-pink:hover {\n opacity: 0.75;\n}\n.btn-rose {\n background: #fff7f8;\n color: #e11d48;\n border: 0.063rem solid #fff7f8;\n}\n.btn-rose:hover {\n filter: brightness(0.94);\n}\n.btn-border-rose {\n background: transparent;\n color: #e11d48;\n border: 0.063rem solid #e11d48;\n}\n.btn-border-rose:hover {\n background: #fff7f8;\n}\n.btn-rose-bg {\n background: #e11d48;\n color: #fff;\n border: 0.063rem solid #e11d48;\n}\n.btn-rose-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-rose {\n color: #e11d48;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-rose:hover {\n opacity: 0.75;\n}\n.btn-gray {\n background: #fafafa;\n color: #6b7280;\n border: 0.063rem solid #fafafa;\n}\n.btn-gray:hover {\n filter: brightness(0.94);\n}\n.btn-border-gray {\n background: transparent;\n color: #6b7280;\n border: 0.063rem solid #6b7280;\n}\n.btn-border-gray:hover {\n background: #fafafa;\n}\n.btn-gray-bg {\n background: #6b7280;\n color: #fff;\n border: 0.063rem solid #6b7280;\n}\n.btn-gray-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-gray {\n color: #6b7280;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-gray:hover {\n opacity: 0.75;\n}\n.btn-dark {\n background: #f5f6f7;\n color: #374151;\n border: 0.063rem solid #f5f6f7;\n}\n.btn-dark:hover {\n filter: brightness(0.94);\n}\n.btn-border-dark {\n background: transparent;\n color: #374151;\n border: 0.063rem solid #374151;\n}\n.btn-border-dark:hover {\n background: #f5f6f7;\n}\n.btn-dark-bg {\n background: #374151;\n color: #fff;\n border: 0.063rem solid #374151;\n}\n.btn-dark-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-dark {\n color: #374151;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-dark:hover {\n opacity: 0.75;\n}\n.btn-white {\n background: #ffffff;\n color: #000;\n border: 0.063rem solid #ffffff;\n}\n.btn-white:hover {\n filter: brightness(0.94);\n}\n.btn-border-white {\n background: transparent;\n color: #000;\n border: 0.063rem solid #000;\n}\n.btn-border-white:hover {\n background: #ffffff;\n}\n.btn-white-bg {\n background: #000;\n color: #fff;\n border: 0.063rem solid #000;\n}\n.btn-white-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-white {\n color: #000;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-white:hover {\n opacity: 0.75;\n}\n.btn-light {\n background: #f7f7f7;\n color: #000;\n border: 0.063rem solid #f7f7f7;\n}\n.btn-light:hover {\n filter: brightness(0.94);\n}\n.btn-border-light {\n background: transparent;\n color: #000;\n border: 0.063rem solid #000;\n}\n.btn-border-light:hover {\n background: #f7f7f7;\n}\n.btn-light-bg {\n background: #000;\n color: #fff;\n border: 0.063rem solid #000;\n}\n.btn-light-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-light {\n color: #000;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-light:hover {\n opacity: 0.75;\n}\n.buttons-wrapper {\n display: flex;\n justify-content: end;\n align-items: center;\n gap: 0.625rem;\n flex-wrap: wrap;\n}\n.buttons-wrapper[data-position=center] {\n justify-content: center;\n}\n.buttons-wrapper[data-position=left] {\n justify-content: start;\n}\n.buttons-wrapper[data-position=right] {\n justify-content: end;\n}\n.buttons-wrapper[data-position=full-width] {\n flex-direction: column;\n width: 100%;\n}\n.buttons-wrapper[data-position=full-width] .admin-btn {\n width: 100%;\n}\n.admin-btn {\n outline: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n text-align: center;\n padding: 0.45rem 1.313rem 0.45rem 1.25rem;\n border-radius: 0.45rem;\n font-size: 0.913rem;\n transition: all 0.3s linear;\n width: fit-content;\n gap: 0.5rem;\n font-weight: 500;\n white-space: nowrap;\n}\n.admin-btn:disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.admin-btn.icon {\n padding: 0.625rem;\n}\n.admin-btn.icon:hover:not(:disabled) {\n background: rgba(0, 0, 0, 0.05);\n}\n.add-btn {\n display: flex;\n gap: 0.313rem;\n align-items: center;\n border-bottom: 0.063rem solid var(--color-primary);\n padding-bottom: 0.125rem;\n font-size: 0.813rem;\n color: var(--color-primary);\n cursor: pointer;\n transition: opacity 0.3s linear;\n}\n.add-btn:hover {\n opacity: 0.75;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.file-uploader {\n align-items: center;\n display: flex;\n position: relative;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n border: 0.125rem dashed var(--border-color);\n padding: 1rem 0;\n min-height: 8.5rem;\n overflow: hidden;\n}\n.file-uploader .file-preview-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n.file-uploader input[type=file] {\n position: absolute;\n width: 0.063rem;\n height: 0.063rem;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n.file-uploader.is-dragging {\n border-color: var(--color-primary);\n background-color: rgba(var(--color-primary), 0.08);\n}\n.file-uploader .upload-icon {\n font-size: 3.313rem;\n color: var(--color-primary);\n}\n.file-uploader span {\n font-size: 1rem;\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.file-uploader .typography-title {\n font-size: 1.313rem;\n margin-bottom: 0.4rem;\n line-height: 1;\n text-align: center;\n}\n.file-uploader button {\n margin-top: 0.4rem;\n}\n.file-uploader .overlay {\n width: 100%;\n height: 100%;\n position: absolute;\n background: rgba(80, 7, 170, 0.0392156863);\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.5s ease;\n opacity: 0;\n}\n.file-uploader .overlay .button-wrapper {\n display: flex;\n gap: 0.5rem;\n}\n.file-uploader:hover .overlay {\n opacity: 1;\n}\n.file-uploader.medium {\n width: 50%;\n}\n.file-uploader.small {\n width: 20%;\n}\n.file-uploader.small .upload-icon {\n font-size: 1.8rem;\n}\n.file-uploader.small .typography-title {\n font-size: 0.9rem;\n}\n.file-uploader.small span {\n font-size: 0.75rem;\n}\n.file-uploader.small button {\n margin: 0;\n}\n.uploaded-image {\n display: flex;\n gap: 0.625rem;\n margin-top: 1rem;\n}\n.uploaded-image .image {\n height: 5rem;\n position: relative;\n}\n.uploaded-image .image img {\n height: 100%;\n}\n.uploaded-image .image .close-btn {\n position: absolute;\n right: 0.125rem;\n top: 0.125rem;\n background: var(--color-accent);\n border-radius: 50%;\n padding: 0.2rem;\n font-size: 0.625rem;\n color: #fff;\n opacity: 0;\n cursor: pointer;\n}\n.uploaded-image .image:hover i {\n opacity: 1;\n}\n@media screen and (width <= 37.5rem) {\n .file-uploader.small {\n width: 100% !important;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.toggle-checkbox {\n margin-left: auto;\n position: relative;\n}\n.toggle-checkbox input[type=checkbox] {\n height: 0;\n width: 0;\n visibility: hidden;\n display: none;\n}\n.toggle-checkbox label {\n cursor: pointer;\n width: 2.785rem;\n height: 1.2rem;\n background: var(--background-primary);\n display: block;\n border-radius: 8rem;\n position: relative;\n border: 0.115rem solid var(--color-primary);\n}\n.toggle-checkbox label::after {\n content: "";\n position: absolute;\n top: 51%;\n transform: translateY(-50%);\n left: 0.313rem;\n width: 0.75rem;\n height: 0.8rem;\n border-radius: 90rem;\n transition: 0.3s;\n z-index: 1;\n border: 0.115rem solid var(--color-primary);\n background: #fff;\n}\n.toggle-checkbox input:checked + label {\n border: 0.115rem solid var(--color-primary);\n border-color: var(--color-primary);\n}\n.toggle-checkbox input:checked + label::after {\n left: calc(100% - 1.313rem);\n transform: translateY(-50%);\n background: var(--color-primary);\n}\n.toggle-btn .before {\n font-size: 0.95rem;\n}\n.toggle-checkbox-header {\n min-width: fit-content;\n display: flex;\n align-items: center;\n gap: 0.313rem;\n margin-right: 0.945rem;\n position: relative;\n z-index: 0;\n}\n.toggle-checkbox-header .toggle-checkbox {\n margin: 0;\n}\n.toggle-checkbox-header .toggle-status {\n font-size: 0.813rem;\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.toggle-checkbox-header .toggle-status.is-on {\n color: var(--color-primary);\n}\n.toggle-checkbox-header .admin-tag {\n position: relative;\n display: inline-flex;\n margin-left: 0.75rem;\n}\n.checkbox-list-side-by-side {\n display: flex;\n flex-wrap: wrap;\n}\n.checkbox-list-side-by-side .checkbox-list-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 0.063rem solid var(--border-color);\n padding-bottom: 0.5rem;\n margin-bottom: 0.5rem;\n width: 100%;\n}\n.checkbox-list-side-by-side .checkbox-list-header .checkbox {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 0.313rem;\n}\n.checkbox-list-side-by-side .checkbox-list-header .checkbox input:checked::before {\n content: "\\e809";\n}\n.checkbox-list-side-by-side .checkbox-list-header span {\n font-size: 0.9rem;\n color: var(--color-primary);\n font-weight: 500;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header {\n gap: 0;\n margin: 0;\n padding: 0.5rem;\n width: 47%;\n transition: all 0.4s ease;\n flex-wrap: wrap;\n cursor: pointer;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header:hover {\n background: rgba(236, 226, 249, 0.4117647059);\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox {\n position: relative;\n width: 100%;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label {\n padding: 0 0 0 0.313rem;\n font-size: 0.9rem;\n position: relative;\n display: inline;\n font-weight: 500;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label .label-des {\n line-height: 1.313;\n color: rgba(0, 0, 0, 0.4705882353);\n font-size: 0.813rem;\n padding-top: 0.063rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label .admin-tag {\n margin-left: 1.5rem;\n top: 0;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox .edit-icon {\n padding-left: 0.45rem;\n position: absolute;\n right: 0;\n top: 0;\n opacity: 0;\n transition: all 0.4s ease;\n display: flex;\n gap: 0.313rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .edit-option-wrapper {\n display: inline-block;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .edit-option-wrapper .edit-option {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header:hover .edit-icon {\n opacity: 1;\n}\n.checkbox-list-side-by-side .default-checkbox:has(input:checked) {\n color: var(--color-primary);\n}\n.checkbox-list-side-by-side .settings-checkbox-description {\n padding-left: 0.5rem;\n}\n@media screen and (width <= 37.5rem) {\n .checkbox-list-side-by-side .toggle-checkbox-header {\n width: 100%;\n }\n}\n.simple-checkbox {\n display: flex;\n gap: 0.625rem;\n flex-direction: row !important;\n}\n.simple-checkbox .checkbox-label {\n font-size: 0.938rem;\n padding-left: 0.313rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.choice-toggle-wrapper {\n display: flex;\n align-items: normal;\n}\n.choice-toggle-wrapper.default .toggle-option label {\n border-right: none;\n align-items: center;\n flex-direction: column;\n}\n.choice-toggle-wrapper .toggle-option {\n list-style-type: none;\n margin: 0;\n position: relative;\n}\n.choice-toggle-wrapper .toggle-option input {\n display: none;\n}\n.choice-toggle-wrapper .toggle-option label {\n list-style-type: none;\n margin: 0;\n padding: 0.5rem 0.75rem;\n border: 0.12rem solid var(--border-color);\n font-weight: 500;\n line-height: 1rem;\n font-size: 0.9rem;\n color: #9fa1a4;\n cursor: pointer;\n display: flex;\n gap: 0.5rem;\n height: 100%;\n box-sizing: border-box;\n}\n.choice-toggle-wrapper .toggle-option label img {\n height: 3rem;\n}\n.choice-toggle-wrapper .toggle-option label i {\n font-size: 1.813rem;\n}\n.choice-toggle-wrapper .toggle-option label span {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.625rem;\n}\n.choice-toggle-wrapper .toggle-option label .des {\n font-size: 0.813rem;\n}\n.choice-toggle-wrapper .toggle-option .details-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.125rem;\n}\n.choice-toggle-wrapper .toggle-option:last-child label {\n border-top-right-radius: 0.313rem;\n border-bottom-right-radius: 0.313rem;\n border-right: 0.12rem solid var(--border-color);\n}\n.choice-toggle-wrapper .toggle-option:first-child label {\n border-top-left-radius: 0.313rem;\n border-bottom-left-radius: 0.313rem;\n}\n.choice-toggle-wrapper .toggle-option input:checked + label {\n background: var(--background-primary);\n border: 0.115rem solid var(--color-primary);\n}\n.choice-toggle-wrapper .toggle-option input:checked + label .details-title {\n color: var(--color-primary);\n}\n.choice-toggle-wrapper .toggle-option .admin-tag {\n right: 0;\n top: -0.063rem;\n}\n.choice-toggle-wrapper div:has(input:checked) + div label {\n border-left: none;\n}\n.choice-toggle-wrapper.custom,\n.choice-toggle-wrapper.compact {\n gap: 0.5rem;\n width: 100%;\n flex-wrap: wrap;\n}\n.choice-toggle-wrapper.custom span,\n.choice-toggle-wrapper.compact span {\n flex-direction: row !important;\n align-items: start;\n}\n.choice-toggle-wrapper.custom .details-wrapper,\n.choice-toggle-wrapper.compact .details-wrapper {\n align-items: start;\n}\n.choice-toggle-wrapper.custom .details-title,\n.choice-toggle-wrapper.compact .details-title {\n font-size: 1.125rem;\n color: var(--text-color);\n}\n.choice-toggle-wrapper.custom label,\n.choice-toggle-wrapper.compact label {\n border: 0.12rem solid var(--border-color);\n border-radius: 0.45rem;\n align-items: start;\n gap: 0.625rem;\n}\n.choice-toggle-wrapper.custom label i,\n.choice-toggle-wrapper.compact label i {\n font-size: 1.5rem;\n padding: 0.313rem;\n}\n.choice-toggle-wrapper.custom input[type=radio]:checked::before,\n.choice-toggle-wrapper.compact input[type=radio]:checked::before {\n color: var(--color-primary);\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper,\n.choice-toggle-wrapper.compact .choice-toggle-custom-wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: start;\n margin-top: 0.313rem;\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper .choice-toggle-notice .title,\n.choice-toggle-wrapper.compact .choice-toggle-custom-wrapper .choice-toggle-notice .title {\n font-size: 1rem;\n color: var(--sub-text-color);\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper .choice-toggle-notice ul,\n.choice-toggle-wrapper.compact .choice-toggle-custom-wrapper .choice-toggle-notice ul {\n margin: 0 2.5rem;\n list-style: number;\n font-size: 0.813rem;\n padding-top: 0.25rem;\n color: var(--sub-text-color);\n}\n.choice-toggle-wrapper.custom div:has(input:checked) + div label,\n.choice-toggle-wrapper.compact div:has(input:checked) + div label {\n border: 0.12rem solid var(--border-color);\n}\n.choice-toggle-wrapper.compact .choice-toggle-form-input {\n display: flex !important;\n position: absolute;\n padding: 0.313rem;\n top: 50%;\n transform: translatey(-50%);\n left: 1rem;\n width: 1.125rem;\n height: 1.125rem;\n}\n.choice-toggle-wrapper.compact .choice-toggle-form-input:focus {\n box-shadow: none;\n}\n.choice-toggle-wrapper.compact label {\n padding: 1.625rem !important;\n padding-left: 2.81rem !important;\n border-right: 0.12rem solid var(--border-color);\n justify-content: space-between;\n}\n.choice-toggle-wrapper.compact label span {\n gap: 1.5rem;\n}\n.choice-toggle-wrapper.compact label span .details-title {\n font-size: 1.25rem;\n padding-bottom: 0.45rem;\n display: flex;\n align-items: center;\n gap: 0.625rem;\n}\n.choice-toggle-wrapper.compact label span .details-title .admin-badge {\n font-size: 0.75rem;\n line-height: 1;\n}\n.choice-toggle-wrapper.compact label span i {\n font-size: 1.938rem;\n padding: 0.813rem;\n border-radius: 0.45rem;\n}\n.choice-toggle-wrapper.pill {\n display: inline-flex;\n align-items: center;\n gap: 0.125rem;\n padding: 0.25rem;\n background: var(--background-primary);\n border-radius: 1.5rem;\n width: fit-content;\n}\n.choice-toggle-wrapper.pill .toggle-option {\n width: auto;\n}\n.choice-toggle-wrapper.pill .toggle-option label {\n border: none;\n border-radius: 1.25rem;\n padding: 0.375rem 0.875rem;\n color: var(--sub-text-color);\n font-size: 0.8125rem;\n}\n.choice-toggle-wrapper.pill .toggle-option label span {\n flex-direction: row;\n gap: 0;\n}\n.choice-toggle-wrapper.pill .toggle-option label .details-wrapper {\n flex-direction: row;\n}\n.choice-toggle-wrapper.pill .toggle-option label .details-title {\n font-size: 0.8125rem;\n color: inherit;\n}\n.choice-toggle-wrapper.pill .toggle-option:first-child label,\n.choice-toggle-wrapper.pill .toggle-option:last-child label {\n border-radius: 1.25rem;\n border: none;\n}\n.choice-toggle-wrapper.pill .toggle-option input:checked + label {\n background: var(--color-primary);\n border: none;\n}\n.choice-toggle-wrapper.pill .toggle-option input:checked + label .details-title {\n color: var(--color-white);\n}\n.choice-toggle-wrapper.pill div:has(input:checked) + div label {\n border-left: none;\n}\n.choice-toggle-container {\n width: fit-content;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.choice-toggle-container.full-width {\n width: 100%;\n}\n.choice-toggle-container.full-width .toggle-option,\n.choice-toggle-container.full-width .choice-toggle-wrapper {\n width: 100%;\n}\n.choice-toggle-container:has(.custom) {\n width: 100%;\n}\n@media screen and (width <= 37.5rem) {\n .choice-toggle-wrapper.custom .toggle-option {\n width: 100% !important;\n }\n .choice-toggle-wrapper {\n flex-wrap: wrap;\n }\n .choice-toggle-wrapper .tabs-wrapper {\n flex-direction: row;\n gap: 0;\n margin-top: 1rem;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.emails-section {\n padding: 0 0.313rem;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n}\n.emails-section .email {\n font-size: 0.813rem;\n font-weight: 600;\n line-height: 0.7;\n padding: 0.313rem 0.5rem;\n border-radius: 15rem;\n display: flex;\n gap: 0.25rem;\n border: 0.063rem solid var(--border-color);\n align-items: center;\n background: rgba(193, 161, 233, 0.1098039216);\n transition: all 0.4s ease;\n}\n.emails-section .email.primary {\n background: var(--background-primary);\n color: var(--color-primary);\n border-color: var(--color-primary);\n}\n.emails-section div {\n width: fit-content;\n}\n.emails-section i {\n cursor: pointer;\n}\n.emails-section .close {\n color: var(--color-accent);\n}\n.emails-section input,\n.emails-section input:focus,\n.emails-section .input-wrapper {\n border: none;\n outline: none;\n box-shadow: none;\n}\n.emails-section .input-wrapper {\n position: relative;\n}\n.emails-section .input-wrapper .basic-input {\n width: fit-content;\n}\n.emails-section .input-wrapper .inline-suggestion {\n position: absolute;\n background: #d7d7d7;\n color: var(--text-color);\n padding: 0.625rem 0.813rem;\n font-size: 1.063rem;\n line-height: 1.125rem;\n border-radius: 0.45rem;\n min-width: 18rem;\n max-width: calc(100vw - 2rem);\n box-sizing: border-box;\n z-index: 9;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.emails-section .input-wrapper .inline-suggestion i {\n padding: 0.45rem;\n border-radius: 50%;\n font-size: 1.313rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.picker-settings-wrapper {\n width: 100%;\n}\n.picker-settings-wrapper .tabs-item {\n border-bottom: 0.12rem solid var(--border-color);\n}\n.picker-settings-wrapper .form-group-picker-setting {\n display: flex;\n margin: 1rem 0;\n justify-content: end;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-wrapper .form-group {\n padding: 0;\n gap: 0;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-wrapper .form-group label {\n width: 100%;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-setting-wrapper {\n display: flex;\n align-items: center;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-setting-wrapper label {\n font-size: 1rem;\n width: 80%;\n}\n.picker-settings-wrapper .form-group-picker-setting .admin-btn {\n background: transparent;\n}\n.picker-settings-wrapper .form-group-picker-setting .admin-btn:first-child {\n border-radius: 0.45rem 0 0 0.313rem;\n}\n.picker-settings-wrapper .form-group-picker-setting .admin-btn:last-child {\n border-radius: 0.45rem 0 0 0.313rem;\n}\n.picker-settings-wrapper .picker-setting {\n display: flex;\n gap: 2rem;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper {\n width: 22%;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .form-group-setting-wrapper {\n padding-bottom: 1rem;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .form-group-setting-wrapper .choice-toggle-container {\n margin-top: 0.313rem;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette {\n display: flex;\n gap: 1rem;\n flex-direction: column;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette {\n display: flex;\n align-items: center;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette input {\n display: none;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: column;\n border: 0.063rem solid #ccc;\n border-radius: 0.45rem;\n padding: 0.625rem 0.75rem;\n cursor: pointer;\n background-color: #fff;\n width: 100%;\n transition: all 0.2s ease;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette:has(input:checked) label {\n border: 0.063rem solid var(--color-primary);\n background: var(--background-primary);\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette span {\n font-size: 0.875rem;\n font-weight: 500;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette .color {\n display: flex;\n width: 100%;\n height: 1.125rem;\n border: 0.063rem solid #ddd;\n border-radius: 0.45rem;\n overflow: hidden;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette .color div {\n width: 100%;\n}\n.picker-settings-wrapper .image-list {\n width: 25%;\n flex-direction: column;\n}\n.picker-settings-wrapper .image-list .image-thumbnail {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.625rem 0.85rem;\n margin-bottom: 0.625rem;\n border: 0.063rem solid var(--border-color);\n cursor: pointer;\n border-radius: 0.45rem;\n}\n.picker-settings-wrapper .image-list .image-thumbnail label {\n font-size: 0.95rem;\n font-weight: 500;\n}\n.picker-settings-wrapper .image-list .image-thumbnail img {\n width: 3rem;\n height: 100%;\n}\n.picker-settings-wrapper .image-list .image-thumbnail.active {\n border-color: var(--color-primary);\n background: var(--background-primary);\n}\n.picker-settings-wrapper .image-list .image-thumbnail.active label {\n color: var(--color-primary);\n}\n.picker-settings-wrapper .image-preview {\n max-height: 50rem;\n width: 75%;\n}\n.picker-settings-wrapper .image-preview img {\n height: auto;\n width: 100%;\n}\n.picker-settings-wrapper .preview-wrapper {\n width: 78%;\n border: 0.063rem solid #ccc;\n border-radius: 0.45rem;\n overflow: hidden;\n box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1019607843);\n min-height: 24rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper {\n display: flex;\n width: 100%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper {\n width: 10rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n z-index: 999;\n justify-items: start;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper .logo {\n font-weight: 600;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper img {\n width: auto;\n height: 1.5rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs {\n padding: 0;\n margin: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li {\n padding: 0 0.75rem;\n position: relative;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li .admin-arrow {\n position: absolute;\n top: 25%;\n right: 1rem;\n font-size: 1rem;\n color: #000;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li a.tab {\n display: flex;\n position: relative;\n align-items: center;\n transition: all 0.3s ease;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.01em;\n text-transform: none;\n line-height: 1.25;\n color: #526484;\n padding: 0.313rem 0.5rem;\n border-radius: 0.45rem;\n gap: 0.5rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li a.tab .tab-name {\n display: flex;\n gap: 0.875rem;\n align-items: center;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li.active a.tab,\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li:hover a.tab {\n background-color: #ebeef2;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs {\n list-style-type: none;\n padding: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs li {\n padding: 0;\n margin: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs li a {\n font-size: 0.625rem;\n letter-spacing: 0.01em;\n text-transform: none;\n line-height: 0.5rem;\n color: #526484;\n padding-left: 3rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper {\n width: calc(100% - 10rem);\n min-height: 100vh;\n background-color: #f3f5f7;\n position: relative;\n margin: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar {\n width: 96%;\n background: #fff;\n display: flex;\n justify-content: space-between;\n min-height: 2.5rem;\n max-height: 2.5rem;\n align-items: center;\n padding: 0 1rem;\n position: absolute;\n right: 0;\n z-index: 1;\n box-shadow: 0 0.063rem 0.188rem rgba(54, 74, 99, 0.0509803922);\n border-bottom: 0.063rem solid #e5e9f2;\n top: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right {\n display: flex;\n gap: 0.75rem;\n align-items: center;\n list-style-type: none;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right li {\n position: relative;\n cursor: pointer;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right li .adminfont-icon {\n color: #526484;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user {\n position: relative;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user .avatar-wrapper {\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #fff;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user .avatar-wrapper i {\n font-size: 0.75rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper {\n padding: 4rem 2rem 2rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper {\n display: flex;\n justify-content: space-between;\n height: 3rem;\n align-items: center;\n margin-bottom: 0.75rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section {\n width: 50%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section .title {\n font-size: 1rem;\n font-weight: 500;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section .des {\n width: 60%;\n height: 0.25rem;\n background: rgba(195, 195, 195, 0.6901960784);\n margin: 0.313rem 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .dashboard-btn {\n padding: 0.25rem 0.75rem;\n border-radius: 0.45rem;\n color: #fff;\n font-weight: 600;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper {\n display: flex;\n gap: 1rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item {\n width: 100%;\n padding: 1rem;\n border-radius: 0.45rem;\n display: flex;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details {\n width: 100%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details .price {\n height: 0.313rem;\n width: 60%;\n background: rgba(195, 195, 195, 0.6901960784);\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details .des {\n width: 60%;\n height: 0.75rem;\n background: rgba(195, 195, 195, 0.6901960784);\n margin-top: 0.813rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .icon-wrapper {\n padding: 0.313rem;\n border-radius: 0.45rem;\n color: #fff;\n width: 1rem;\n height: 1rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row {\n display: flex;\n gap: 1rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section {\n background: var(--background-white);\n border-radius: 0.45rem;\n box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n width: 100%;\n height: 8rem;\n margin-top: 1rem;\n padding: 0.625rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section.w-65 {\n width: 65%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section.w-35 {\n width: 35%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section .section-header {\n width: 100%;\n height: 1.75rem;\n display: flex;\n align-items: center;\n margin: 0 0.625rem;\n box-sizing: border-box;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section .section-header .title {\n width: 5rem;\n height: 0.45rem;\n background: rgba(195, 195, 195, 0.6901960784);\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section span {\n width: 95%;\n height: 0.313rem;\n background: rgba(195, 195, 195, 0.4);\n display: block;\n margin: 0.625rem;\n box-sizing: border-box;\n}\n@media screen and (width <= 37.5rem) {\n .picker-settings-wrapper .picker-setting {\n flex-direction: column;\n gap: 1rem;\n }\n .picker-settings-wrapper .picker-setting .image-list,\n .picker-settings-wrapper .picker-setting .preview-wrapper,\n .picker-settings-wrapper .picker-setting .color-palette-wrapper {\n width: 100% !important;\n }\n .picker-settings-wrapper .picker-setting .image-list .banner-slider::after,\n .picker-settings-wrapper .picker-setting .preview-wrapper .banner-slider::after,\n .picker-settings-wrapper .picker-setting .color-palette-wrapper .banner-slider::after {\n font-size: 3rem;\n }\n .picker-settings-wrapper .picker-setting .template-list {\n flex-direction: row !important;\n }\n}\n.phone-input-wrapper {\n display: flex;\n align-items: flex-start;\n gap: 0.625rem;\n width: 100%;\n}\n.phone-input-wrapper .phone-input-country-code {\n min-width: 8.75rem;\n flex: 0 0 auto;\n}\n.phone-input-wrapper .basic-input {\n flex: 1 1 auto;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.endpoints-wrapper {\n width: 100%;\n}\n.endpoints-wrapper .endpoint .menu-item {\n margin-bottom: 0.5rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu,\n.endpoints-wrapper .endpoint .menu-item .edit-menu {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 0.5rem;\n border: 0.063rem solid var(--color-primary);\n padding: 0.8rem 1rem;\n cursor: move;\n border-radius: 0.45rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper .input-label,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper .input-label {\n font-size: 0.95rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper i,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper i {\n font-size: 1.125rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper .name,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper .name {\n font-size: 0.9rem;\n font-weight: 500;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon {\n display: flex;\n gap: 0.5rem;\n opacity: 0;\n transition: all 0.4s ease;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon i,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon i {\n font-size: 1.125rem;\n cursor: pointer;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon .adminfont-eye,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon .adminfont-eye {\n color: var(--color-primary);\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu:hover,\n.endpoints-wrapper .endpoint .menu-item .edit-menu:hover {\n background: var(--background-primary);\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu:hover .edit-icon,\n.endpoints-wrapper .endpoint .menu-item .edit-menu:hover .edit-icon {\n opacity: 1;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.45rem;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu i:last-child {\n opacity: 0;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu:hover i:last-child {\n opacity: 1;\n}\n.endpoints-wrapper .endpoint .menu-item input {\n width: fit-content;\n background: #fff;\n}\n.endpoints-wrapper .endpoint .menu-item .adminfont-move {\n margin-right: 0.5rem;\n color: var(--color-primary);\n font-size: 1.313rem;\n}\n.endpoints-wrapper .endpoint .menu-item:has(.main-menu:hover),\n.endpoints-wrapper .endpoint .menu-item:has(.edit-menu:hover) {\n background: #e8e8e8;\n}\n.endpoints-wrapper .endpoint .menu-item ul {\n margin: 0;\n}\n.endpoints-wrapper .endpoint .menu-item ul li {\n padding: 0.8rem 1rem;\n margin: 0.5rem 0 0 2rem;\n border: 0.063rem solid var(--color-primary);\n cursor: move;\n}\n.endpoints-wrapper .endpoint .menu-item ul li:hover {\n background: var(--background-primary);\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.settings-event-calendar .rmdp-wrapper {\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class {\n box-shadow: none;\n border: none;\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar {\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-header button i,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header button i {\n border-color: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-header .rmdp-header-values span,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header .rmdp-header-values span {\n font-size: 1.5rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div {\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week {\n gap: 0.5rem;\n padding: 0.25rem;\n box-sizing: border-box;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day {\n font-size: 1.125rem;\n color: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 8rem;\n margin: 1rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd {\n height: 100%;\n justify-content: end;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event {\n padding: 0.313rem 0.5rem;\n background: rgba(255, 0, 0, 0.1607843137);\n text-align: left;\n color: red;\n border-left: 0.125rem solid;\n margin: 0.125rem 0;\n box-sizing: border-box;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name {\n font-size: 1rem;\n line-height: 1;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date {\n font-size: 1.5rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span:not(.highlight),\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span:not(.highlight) {\n background: none;\n box-shadow: none;\n color: var(--text-color);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day {\n margin: 0;\n height: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd {\n border-radius: 0.45rem;\n font-size: 1.25rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd {\n background: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd {\n background: var(--background-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-panel.right,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-panel.right {\n display: none !important;\n}\n.settings-event-calendar .event-item .event-list {\n position: relative;\n}\n.settings-event-calendar .event-item .event-list .buttons-wrapper {\n position: absolute;\n}\n@media screen and (width <= 48rem) {\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 5rem;\n margin: 0.5rem;\n }\n}\n@media screen and (width <= 37.5rem) {\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 3.5rem;\n margin: 0.25rem;\n }\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date {\n font-size: 1rem;\n }\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event {\n padding: 0.188rem 0.313rem;\n }\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name {\n font-size: 0.75rem;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.section-log-container .log-container-wrapper {\n min-height: 6.25rem;\n height: 100%;\n border-radius: 0.45rem;\n padding: 0.5rem;\n padding-bottom: 1rem;\n position: relative;\n font-size: 0.875rem;\n line-height: 1.173;\n word-break: break-all;\n background-color: #151718;\n margin-top: 1rem;\n}\n.section-log-container .log-container-wrapper .wrapper-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 0.5rem;\n padding: 0.5rem 0;\n}\n.section-log-container .log-container-wrapper .wrapper-header .log-viewer-text {\n color: #fff;\n font-weight: 500;\n}\n.section-log-container .log-container-wrapper .wrapper-body {\n padding: 0 0 0.75rem;\n height: 18.875rem;\n overflow: scroll;\n color: #fff;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-track {\n background: #181819;\n border-radius: 0.45rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar {\n width: 0.438rem;\n height: 0.438rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-thumb {\n background-color: #666666;\n border-radius: 0.45rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-corner {\n width: 0;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n}\n.section-log-container .log-container-wrapper .delete-btn i {\n font-size: 1.063rem;\n}\n.log-section {\n flex-direction: column;\n}\n.log-section .settings-input-content {\n width: 100%;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.sequential-task-executor {\n display: flex;\n flex-direction: column;\n width: 100%;\n padding-bottom: 0.75rem;\n}\n.sequential-task-executor .sequential-task {\n max-width: 18.75rem;\n padding: 0.625rem 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.95rem;\n font-weight: 500;\n --progress-time: 3s;\n}\n.sequential-task-executor .sequential-task .status-wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.sequential-task-executor .sequential-task .status-wrapper i {\n font-size: 1.125rem;\n}\n.sequential-task-executor .sequential-task .status-wrapper i.completed-icon {\n color: green;\n}\n.sequential-task-executor .sequential-task .status-wrapper i.failed-icon {\n color: red;\n}\n.sequential-task-executor .sequential-task::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0.125rem;\n content: "";\n background-color: green;\n animation: progress var(--progress-time) linear forwards;\n}\n.sequential-task-executor .sequential-task.completed::after {\n animation: none;\n width: 100%;\n background-color: green;\n}\n.sequential-task-executor .sequential-task.failed::after {\n animation: none;\n width: 100%;\n background-color: #d63638;\n}\n@keyframes progress {\n from {\n width: 0;\n }\n to {\n width: 100%;\n }\n}\n.sequential-task-executor .sequential-task.success {\n color: #007400;\n}\n.sequential-task-executor .sequential-task.success::after {\n background-color: green;\n}\n.loader-wrapper {\n display: flex;\n gap: 1rem;\n position: relative;\n width: fit-content;\n}\n.loader-wrapper .multivendorx-loader {\n width: 2rem;\n aspect-ratio: 1;\n --c:\n no-repeat radial-gradient(\n \n farthest-side,\n $theme-color 92%,\n #0000);\n background:\n var(--c) 50% 0,\n var(--c) 50% 100%,\n var(--c) 100% 50%,\n var(--c) 0 50%;\n background-size: 0.625rem 0.625rem;\n animation: loader 1s infinite;\n position: relative;\n}\n.loader-wrapper .multivendorx-loader::before {\n content: "";\n position: absolute;\n inset: 0;\n margin: 0.1875rem;\n background: repeating-conic-gradient(rgba(0, 0, 0, 0) 0 35deg, var(--color-primary) 0 90deg);\n mask:\n radial-gradient(\n farthest-side,\n rgba(0, 0, 0, 0) calc(100% - 0.1875rem),\n #000 0);\n border-radius: 50%;\n}\n@keyframes loader {\n 100% {\n transform: rotate(0.5turn);\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.shortcode-wrapper {\n padding: 0.813rem;\n margin-bottom: 1rem;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n}\n.shortcode-wrapper .shortcode-details {\n padding-bottom: 0.813rem;\n margin-top: 0.313rem;\n}\n.shortcode-wrapper .shortcode-details .shortcode-title {\n font-size: 1.25rem;\n display: flex;\n gap: 0.5rem;\n font-weight: 500;\n}\n.shortcode-wrapper .shortcode-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.shortcode-wrapper .shortcode-table th,\n.shortcode-wrapper .shortcode-table td {\n text-align: left;\n font-size: 0.95rem;\n padding: 1rem;\n vertical-align: top;\n}\n.shortcode-wrapper .shortcode-table th .name,\n.shortcode-wrapper .shortcode-table td .name {\n margin-bottom: 0.5rem;\n}\n.shortcode-wrapper .shortcode-table th {\n font-weight: 500;\n}\n.shortcode-wrapper .shortcode-table ul {\n margin: 0;\n}\n.shortcode-wrapper .shortcode-table ul li {\n font-size: 0.95rem;\n}\n.shortcode-wrapper .shortcode-table thead tr {\n background: var(--background-primary);\n}\n.shortcode-wrapper .shortcode-table tbody tr:nth-child(odd) {\n background: rgba(216, 216, 216, 0.2509803922);\n}\n.shortcode-wrapper .shortcode-table tbody tr td:first-child i {\n opacity: 0;\n transition: all 0.5s ease;\n margin-left: 0.5rem;\n cursor: pointer;\n}\n.shortcode-wrapper .shortcode-table tbody tr td:first-child:hover i {\n opacity: 1;\n}\n.shortcode-wrapper .no-args-message {\n padding: 0.813rem;\n background: var(--background-color);\n border-radius: 0.45rem;\n font-size: 1.063rem;\n font-weight: 400;\n}\n@media only screen and (width <= 37.5rem) {\n .shortcode-title {\n flex-direction: column;\n }\n .shortcode-table {\n overflow: auto;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.repeater-field-wrapper .repeater-field {\n padding: 1rem;\n background: var(--background-color);\n border-radius: 0.45rem;\n margin-bottom: 1rem;\n border: 0.063rem solid var(--border-color);\n}\n.repeater-field-wrapper .repeater-field .setting-form-input {\n width: 25%;\n}\n.repeater-field-wrapper .repeater-field.rule {\n width: fit-content;\n}\n.repeater-field-wrapper .buttons-wrapper {\n margin-top: 1rem;\n}\n.repeater-field-wrapper .field {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n flex-wrap: wrap;\n}\n.repeater-field-wrapper .field .location-icon {\n background: var(--background-color);\n color: #06be9f;\n padding: 0.45rem;\n font-size: 1.313rem;\n border-radius: 0.45rem;\n}\n.repeater-field-wrapper .field .delete-icon {\n font-size: 1.125rem;\n color: var(--color-accent);\n cursor: pointer;\n}\n.repeater-field-wrapper .field .basic-input {\n background: var(--background-white) !important;\n}\n.repeater-field-wrapper .field.state {\n margin-bottom: 0.625rem;\n}\n.repeater-field-wrapper .repeater-field-nested {\n padding: 0.813rem;\n background: var(--background-white);\n margin-top: 0.813rem;\n}\n.repeater-field-wrapper .repeater-field-nested .state-title {\n font-size: 1.125rem;\n padding-bottom: 0.625rem;\n}\n.repeater-field-wrapper .repeater-field-nested .repeater-field {\n padding: 0;\n border: none;\n background: transparent;\n}\n@media screen and (width <= 37.5rem) {\n .repeater-field-wrapper .repeater-field .setting-form-input {\n width: 100%;\n }\n}\n.shipping-method-wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n}\n.shipping-method-wrapper .shipping-method {\n display: flex;\n gap: 0.5rem;\n}\n.shipping-method-wrapper .shipping-method .admin-badge {\n cursor: pointer;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.multi-input-table {\n width: 100%;\n font-size: 0.875rem;\n position: relative;\n}\n.multi-input-table thead {\n width: 100%;\n position: sticky;\n top: 1.8rem;\n z-index: 1;\n background: var(--background-white);\n}\n.multi-input-table thead tr {\n display: flex;\n align-items: stretch;\n align-content: stretch;\n padding: 0.5rem;\n}\n.multi-input-table thead tr th {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 0;\n font-weight: 500;\n font-size: 1rem;\n position: relative;\n}\n.multi-input-table thead tr th:first-child {\n max-width: 9.375rem;\n}\n.multi-input-table thead tr th .admin-tag {\n position: relative;\n top: 0;\n right: 0;\n}\n.multi-input-table tbody {\n width: 100%;\n border: 0.063rem solid var(--border-color);\n}\n.multi-input-table tbody tr {\n display: flex;\n align-items: stretch;\n align-content: stretch;\n padding: 0.75rem 0;\n background: var(--background-white);\n}\n.multi-input-table tbody tr td {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 0;\n padding: 0 1rem;\n gap: 0.5rem;\n}\n.multi-input-table tbody tr td .multi-field-cell {\n display: flex;\n gap: 0.5rem;\n}\n.multi-input-table tbody tr td:first-child {\n max-width: 9.5rem;\n place-content: start;\n}\n.multi-input-table tbody tr td .clear {\n clear: both;\n}\n.multi-input-table tbody tr td .checkbox {\n display: block;\n cursor: pointer;\n width: 0.938rem;\n height: 0.938rem;\n border: 0.188rem solid rgba(255, 255, 255, 0);\n border-radius: 0.45rem;\n position: relative;\n overflow: hidden;\n box-shadow: 0 0 0 0.125rem rgba(101, 67, 143, 0.6823529412);\n}\n.multi-input-table tbody tr td .checkbox div {\n width: 1.875rem;\n height: 1.875rem;\n background: #522c81;\n top: -3.25rem;\n left: -3.25rem;\n position: absolute;\n transform: rotateZ(45deg);\n z-index: 100;\n}\n.multi-input-table tbody tr td .checkbox input[type=checkbox]:checked + div {\n left: -0.625rem;\n top: -0.625rem;\n}\n.multi-input-table tbody tr td .checkbox input[type=checkbox] {\n position: absolute;\n left: 0;\n visibility: hidden;\n}\n.multi-input-table tbody tr td .transition {\n transition: 300ms linear;\n}\n.multi-input-table tbody tr td .container-items-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 0.313rem;\n}\n.multi-input-table tbody tr td .container-items-controls .items-controls {\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n cursor: pointer;\n padding: 0.125rem;\n}\n.multi-input-table tbody tr td .container-items-controls .clear-all-data {\n background: transparent;\n transition: all 0.3s linear;\n font-size: 0.75rem;\n}\n.multi-input-table tbody tr td .container-items-controls .clear-all-data:hover {\n background-color: #f9f9f9;\n}\n.multi-input-table tbody tr td .container-items-controls .open-modal {\n font-size: 0.65rem;\n color: #fff;\n background: #65438f;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container {\n position: relative;\n max-width: 15.625rem;\n width: 100%;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container {\n align-items: center;\n background-color: #fff;\n border: 0.115rem solid rgba(0, 0, 0, 0.1254901961);\n border-radius: 0;\n display: flex;\n gap: 0.25rem;\n height: 1rem;\n justify-content: flex-start;\n padding: 0.5rem;\n position: relative;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container .selected-items-container {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: 0.25rem;\n height: 100%;\n justify-content: flex-start;\n max-width: calc(100% - 1.25rem);\n overflow: hidden;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container .selected-items-container .selected-items {\n align-items: center;\n background: #f2eeee;\n border-radius: 0.45rem;\n display: flex;\n font-size: 0.75rem;\n gap: 0.25rem;\n justify-content: space-between;\n padding: 0 0.25rem;\n width: 100%;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input {\n position: relative;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input input {\n background: #fff;\n margin: 0;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input input:focus {\n outline: none;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input span {\n position: absolute;\n right: 0.313rem;\n top: 0.438rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .option-container {\n position: absolute;\n top: 105%;\n z-index: 8;\n width: 100%;\n background: #fff;\n display: flex;\n padding: 0.5rem;\n border: 0.115rem solid rgba(0, 0, 0, 0.1254901961);\n flex-direction: column;\n gap: 0.25rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .option-container .options-item {\n cursor: pointer;\n}\n.multi-input-table tbody tr:nth-child(odd) {\n background: rgba(240, 228, 228, 0.7215686275);\n}\n.multi-input-table .toggle-header {\n max-width: 100%;\n margin: 0.625rem 0;\n cursor: pointer;\n}\n.multi-input-table .toggle-header .header-title {\n background: var(--background-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 1rem;\n padding: 0.75rem;\n font-weight: 600;\n}\n.multi-input-table .toggle-header i {\n font-size: 1.313rem;\n}\n@media screen and (width <= 37.5rem) {\n .settings-input-content:has(.multi-input-table) {\n overflow: auto;\n }\n .settings-input-content:has(.multi-input-table) table.multi-input-table thead {\n top: 0 !important;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.nested-wrapper .nested-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: start;\n align-items: center;\n gap: 0.625rem;\n min-height: 2.25rem;\n}\n.nested-wrapper .nested-row .before,\n.nested-wrapper .nested-row .after {\n color: var(--sub-text-color);\n font-size: 0.95rem;\n}\n.nested-wrapper .nested-row.single-line .before {\n width: 10rem;\n}\n.nested-wrapper .nested-row.multiple {\n padding: 1rem;\n margin-top: 1.5rem;\n background: rgba(236, 226, 249, 0.1803921569);\n}\n.nested-wrapper .nested-row:first-child {\n margin-top: 0;\n}\n.nested-wrapper .nested-row .form-wrapper {\n display: flex;\n gap: 0.5rem;\n}\n.nested-wrapper .nested-row label {\n font-size: 0.95rem;\n display: inline-block;\n color: var(--sub-text-color);\n}\n.nested-wrapper .nested-row .settings-input-content:has(.choice-toggle-container) label {\n padding-right: 0.5rem;\n}\n.nested-wrapper .nested-row .choice-toggle-wrapper {\n margin-bottom: 0;\n}\n.nested-wrapper .nested-row .basic-input {\n width: fit-content;\n}\n.nested-wrapper .nested-row .buttons-wrapper {\n width: 100%;\n}\n.nested-wrapper .nested-row .setting-form-input {\n width: fit-content;\n}\n.nested-wrapper .nested-row .setting-form-input .basic-input {\n width: 100%;\n}\n.nested-wrapper .nested-row .settings-input-content {\n width: fit-content !important;\n}\n.nested-wrapper .nested-row .toggle-btn label,\n.nested-wrapper .nested-row .toggle-btn .toggle-checkbox-header {\n margin: 0;\n}\n.nested-wrapper .nested-row .select-wrapper .react-select {\n width: 8rem;\n}\n.nested-wrapper .nested-row.multiple:first-child,\n.nested-wrapper .nested-row.multiple.single-multi-line {\n background: transparent;\n padding: 0;\n position: relative;\n}\n.nested-wrapper .nested-row.multiple:first-child .buttons-wrapper,\n.nested-wrapper .nested-row.multiple.single-multi-line .buttons-wrapper {\n width: fit-content;\n}\n@media screen and (width <= 37.5rem) {\n .nested-wrapper .nested-row.single-line .before {\n width: fit-content;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.expandable-panel-group {\n margin: 0;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.expandable-panel-group .expandable-item {\n cursor: pointer;\n}\n.expandable-panel-group .expandable-item .expandable-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.5rem;\n padding: 0.75rem;\n cursor: pointer;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n position: relative;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon {\n width: 1.725rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon i {\n font-size: 1.725rem;\n color: var(--color-primary);\n cursor: pointer;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon .disable {\n color: rgba(138, 136, 136, 0.4509803922);\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n justify-content: space-between;\n min-height: 2.063rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .details-wrapper {\n display: flex;\n gap: 1.125rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon .icon {\n font-size: 1.625rem;\n font-weight: 500;\n color: var(--color-primary);\n padding: 0.313rem;\n background: var(--background-primary);\n border-radius: 0.5rem;\n min-width: 2rem;\n min-height: 2rem;\n max-width: 2rem;\n max-height: 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon .edit-icon {\n position: absolute;\n bottom: 0.313rem;\n left: 2.5rem;\n font-size: 0.95rem;\n opacity: 0;\n transition: all 0.5s ease;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper {\n display: flex;\n gap: 0.5rem;\n justify-content: start;\n align-items: center;\n padding: 0;\n margin-bottom: 0.125rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .typography-title {\n font-size: 1.125rem;\n display: flex;\n gap: 1rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .panel-badges {\n display: flex;\n gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .admin-badge {\n padding: 0.313rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description {\n display: flex;\n gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description p {\n margin: 0;\n display: flex;\n gap: 0.5rem;\n align-items: center;\n color: var(--sub-text-color);\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description p .admin-badge {\n margin-top: 0.313rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details.toggle {\n padding-left: 0.5rem;\n border-left: 0.063rem solid var(--border-color);\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .price-field {\n font-size: 1.25rem;\n font-weight: 500;\n display: flex;\n flex-direction: column;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .price-field .typography-desc {\n padding-left: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn {\n display: flex;\n gap: 0.5rem;\n list-style-type: none;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn .btn-red-color {\n font-size: 1rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn li {\n margin: 0;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .disable-icon {\n color: gray;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section ul {\n margin: 0;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .dropdown {\n min-width: 11rem;\n max-width: 11rem;\n}\n.expandable-panel-group .expandable-item .expandable-header:hover {\n opacity: 1;\n}\n.expandable-panel-group .expandable-item .expandable-panel {\n display: flex;\n flex-wrap: wrap;\n border: 0.063rem solid var(--border-color);\n border-top: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, opacity 0.4s ease;\n opacity: 0;\n border-radius: 0 0 0.45rem 0.45rem;\n}\n.expandable-panel-group .expandable-item .expandable-panel.open {\n opacity: 1;\n}\n.expandable-panel-group .expandable-item .expandable-panel .form-group {\n padding: 1rem 1rem 1rem 3.25rem !important;\n}\n.expandable-panel-group .expandable-item .expandable-panel .form-group .settings-form-label {\n width: 75% !important;\n}\n.expandable-panel-group .expandable-item .expandable-panel .form-group .settings-input-content {\n width: 25% !important;\n}\n.expandable-panel-group .expandable-item .expandable-panel .panel-description {\n display: flex;\n flex-wrap: wrap;\n gap: 0.625rem;\n margin: 0;\n font-size: 0.95rem;\n}\n.expandable-panel-group .expandable-item.add-method .input-content {\n width: 100% !important;\n}\n.expandable-panel-group .expandable-item.disable .details,\n.expandable-panel-group .expandable-item.disable .toggle-icon {\n filter: grayscale(1);\n opacity: 0.6;\n}\n.expandable-panel-group .expandable-item:has(.expandable-panel) .expandable-header {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.expandable-panel-group .buttons-wrapper {\n margin: 0;\n}\n.icon-options-list {\n position: absolute;\n width: 40%;\n background: var(--background-color);\n border: 0.063rem solid var(--border-color);\n cursor: pointer;\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n padding: 0.5rem;\n left: 0;\n top: 100%;\n z-index: 999;\n}\n.icon-options-list .icon-option {\n padding: 0.313rem 0;\n text-align: center;\n font-size: 1.125rem;\n width: 2.5rem;\n height: 2rem;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n background: var(--background-white);\n margin: 0;\n cursor: pointer;\n border: 0.063rem solid transparent;\n}\n.icon-options-list .icon-option i {\n font-size: 1.313rem;\n}\n.icon-options-list .icon-option.selected {\n background: var(--background-primary);\n color: var(--color-primary);\n border: 0.063rem solid var(--color-primary);\n}\n.wizard-container {\n width: 100%;\n max-width: 50rem;\n margin: 2rem auto;\n padding: 1.5rem;\n background: var(--background-white);\n border-radius: 0.45rem;\n}\n.wizard-container .expandable-panel-group {\n width: 100%;\n}\n.wizard-container .welcome-wrapper {\n text-align: center;\n padding: 1rem;\n margin-bottom: 1.5rem;\n}\n.wizard-container .welcome-wrapper .wizard-title {\n display: flex;\n align-items: center;\n font-weight: bold;\n font-size: 1.45rem;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.5rem;\n}\n.wizard-container .welcome-wrapper img {\n width: 11rem;\n}\n.wizard-container .welcome-wrapper .des {\n text-align: center;\n padding: 0 3rem;\n}\n.wizard-container .form-group {\n padding: 1.5rem;\n}\n.card-content:has(.expandable-panel-group) .expandable-panel-group {\n width: 100%;\n}\n@media screen and (width <= 37.5rem) {\n .expandable-panel-group {\n width: 100% !important;\n }\n .expandable-panel-group .expandable-header {\n align-items: start !important;\n }\n .expandable-panel-group .expandable-header .details-wrapper {\n flex-direction: column;\n }\n .expandable-panel-group .expandable-header .settings-btn .admin-btn {\n font-size: 0;\n padding: 0.45rem;\n gap: 0;\n }\n .expandable-panel-group .expandable-header .settings-btn .admin-btn i {\n font-size: 1rem;\n }\n}\n');
17120
+ styleInject('@charset "UTF-8";\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.settings-calender {\n position: relative;\n}\n.settings-calender .rmdp-container {\n width: 16.5rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class {\n box-shadow: none;\n border: none;\n width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar {\n width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header button i {\n border-color: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header .rmdp-header-values span.sd {\n font-size: 1.125rem;\n color: var(--text-color);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div {\n width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week {\n gap: 0.5rem;\n padding: 0.25rem;\n box-sizing: border-box;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day {\n font-size: 1.125rem;\n color: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 6rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span.sd {\n border-radius: 0.45rem;\n font-size: 1.5rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span.sd:hover {\n background: var(--background-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day.rmdp-selected span.sd:not(.highlight) {\n background: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day:not(.rmdp-day-hidden) {\n background: #efecec;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day {\n margin: 0;\n height: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd {\n border-radius: 0.45rem;\n font-size: 1.25rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd {\n background: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd {\n background: var(--background-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-panel.right {\n display: none !important;\n}\n.settings-calender .rmdp-wrapper {\n width: 100%;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper {\n width: 10rem;\n padding-top: 0.625rem;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper div {\n padding: 0.625rem;\n font-size: 0.813rem;\n border-bottom: 0.063rem solid var(--border-color);\n cursor: pointer;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper div:hover {\n background: var(--background-primary);\n}\n.settings-calender .calendar-tabs-container {\n position: absolute;\n z-index: 99;\n background: var(--background-white);\n width: 25rem;\n max-width: calc(100vw - 2rem);\n right: 0;\n border-radius: 0.45rem;\n box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n}\n.settings-calender .calendar-tabs-container .range-picker-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n padding: 0.85rem;\n}\n.settings-calender .calendar-tabs-container .range-picker-wrapper div {\n width: calc(50% - 0.5rem);\n padding: 0.625rem;\n box-sizing: border-box;\n background: var(--background-primary);\n border-radius: 0.45rem;\n color: var(--color-primary);\n text-align: center;\n font-size: 1rem;\n cursor: pointer;\n}\n.settings-calender .calendar-tabs-container .tabs-item {\n width: 100%;\n padding-top: 0.45rem 1rem;\n}\n.settings-calender .calendar-tabs-container .tabs-item .tab {\n width: 50%;\n justify-content: center;\n font-size: 1.063rem;\n}\n.settings-calender .calendar-tabs-container.open-downward {\n top: calc(100% + 0.5rem);\n bottom: auto;\n}\n.settings-calender .calendar-tabs-container.open-upward {\n bottom: calc(100% + 0.5rem);\n top: auto;\n}\n.settings-calender .input-calendar {\n box-shadow: none !important;\n background: var(--background-white);\n}\n.settings-calender .input-calendar .rmdp-calendar {\n width: 100%;\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-header-values {\n font-size: 1.313rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container {\n color: var(--color-primary);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container i {\n width: 0.45rem;\n height: 0.45rem;\n cursor: pointer;\n border-color: var(--color-primary);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container:hover {\n background: transparent;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-week .rmdp-week-day {\n color: var(--color-primary);\n width: 3.313rem;\n font-size: 1.125rem;\n padding-bottom: 0.5rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day-picker {\n justify-content: center;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day {\n width: 3.313rem;\n height: 3.313rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day span.sd {\n font-size: 1.063rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day.rmdp-range {\n background: var(--background-primary);\n color: var(--color-primary);\n box-shadow: none;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day.rmdp-today span {\n background: var(--color-primary);\n color: #fff;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {\n background: var(--background-primary);\n color: var(--color-primary);\n}\n@media screen and (width <= 37.5rem) {\n .settings-calender .rmdp-day-picker .rmdp-week .rmdp-week-day,\n .settings-calender .rmdp-day-picker .rmdp-day {\n width: 2.25rem;\n height: 2.25rem;\n }\n .settings-calender .range-picker-wrapper {\n width: 100%;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.btn-purple {\n background: color-mix(in srgb, var(--color-primary) 6%, white);\n color: var(--color-primary);\n border: 0.063rem solid color-mix(in srgb, var(--color-primary) 6%, white);\n}\n.btn-purple:hover {\n filter: brightness(0.94);\n}\n.btn-border-purple {\n background: transparent;\n color: var(--color-primary);\n border: 0.063rem solid var(--color-primary);\n}\n.btn-border-purple:hover {\n background: color-mix(in srgb, var(--color-primary) 6%, white);\n}\n.btn-purple-bg {\n background: var(--color-primary);\n color: #fff;\n border: 0.063rem solid var(--color-primary);\n}\n.btn-purple-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-purple {\n color: var(--color-primary);\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-purple:hover {\n opacity: 0.75;\n}\n.btn-critical {\n background: #fff7f7;\n color: #991b1b;\n border: 0.063rem solid #fff7f7;\n}\n.btn-critical:hover {\n filter: brightness(0.94);\n}\n.btn-border-critical {\n background: transparent;\n color: #991b1b;\n border: 0.063rem solid #991b1b;\n}\n.btn-border-critical:hover {\n background: #fff7f7;\n}\n.btn-critical-bg {\n background: #991b1b;\n color: #fff;\n border: 0.063rem solid #991b1b;\n}\n.btn-critical-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-critical {\n color: #991b1b;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-critical:hover {\n opacity: 0.75;\n}\n.btn-red {\n background: #fff7f7;\n color: #dc2626;\n border: 0.063rem solid #fff7f7;\n}\n.btn-red:hover {\n filter: brightness(0.94);\n}\n.btn-border-red {\n background: transparent;\n color: #dc2626;\n border: 0.063rem solid #dc2626;\n}\n.btn-border-red:hover {\n background: #fff7f7;\n}\n.btn-red-bg {\n background: #dc2626;\n color: #fff;\n border: 0.063rem solid #dc2626;\n}\n.btn-red-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-red {\n color: #dc2626;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-red:hover {\n opacity: 0.75;\n}\n.btn-green {\n background: #f4fdf7;\n color: #16a34a;\n border: 0.063rem solid #f4fdf7;\n}\n.btn-green:hover {\n filter: brightness(0.94);\n}\n.btn-border-green {\n background: transparent;\n color: #16a34a;\n border: 0.063rem solid #16a34a;\n}\n.btn-border-green:hover {\n background: #f4fdf7;\n}\n.btn-green-bg {\n background: #16a34a;\n color: #fff;\n border: 0.063rem solid #16a34a;\n}\n.btn-green-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-green {\n color: #16a34a;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-green:hover {\n opacity: 0.75;\n}\n.btn-orange {\n background: #fff9f4;\n color: #e67a2e;\n border: 0.063rem solid #fff9f4;\n}\n.btn-orange:hover {\n filter: brightness(0.94);\n}\n.btn-border-orange {\n background: transparent;\n color: #e67a2e;\n border: 0.063rem solid #e67a2e;\n}\n.btn-border-orange:hover {\n background: #fff9f4;\n}\n.btn-orange-bg {\n background: #e67a2e;\n color: #fff;\n border: 0.063rem solid #e67a2e;\n}\n.btn-orange-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-orange {\n color: #e67a2e;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-orange:hover {\n opacity: 0.75;\n}\n.btn-ai {\n background: #fff9f4;\n color: #e67a2e;\n border: 0.063rem solid #fff9f4;\n}\n.btn-ai:hover {\n filter: brightness(0.94);\n}\n.btn-border-ai {\n background: transparent;\n color: #e67a2e;\n border: 0.063rem solid #e67a2e;\n}\n.btn-border-ai:hover {\n background: #fff9f4;\n}\n.btn-ai-bg {\n background: #e67a2e;\n color: #fff;\n border: 0.063rem solid #e67a2e;\n}\n.btn-ai-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-ai {\n color: #e67a2e;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-ai:hover {\n opacity: 0.75;\n}\n.btn-yellow {\n background: #fffcef;\n color: #b7791f;\n border: 0.063rem solid #fffcef;\n}\n.btn-yellow:hover {\n filter: brightness(0.94);\n}\n.btn-border-yellow {\n background: transparent;\n color: #b7791f;\n border: 0.063rem solid #b7791f;\n}\n.btn-border-yellow:hover {\n background: #fffcef;\n}\n.btn-yellow-bg {\n background: #b7791f;\n color: #fff;\n border: 0.063rem solid #b7791f;\n}\n.btn-yellow-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-yellow {\n color: #b7791f;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-yellow:hover {\n opacity: 0.75;\n}\n.btn-blue {\n background: #f4faff;\n color: #0284c7;\n border: 0.063rem solid #f4faff;\n}\n.btn-blue:hover {\n filter: brightness(0.94);\n}\n.btn-border-blue {\n background: transparent;\n color: #0284c7;\n border: 0.063rem solid #0284c7;\n}\n.btn-border-blue:hover {\n background: #f4faff;\n}\n.btn-blue-bg {\n background: #0284c7;\n color: #fff;\n border: 0.063rem solid #0284c7;\n}\n.btn-blue-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-blue {\n color: #0284c7;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-blue:hover {\n opacity: 0.75;\n}\n.btn-cyan {\n background: #f2feff;\n color: #0891b2;\n border: 0.063rem solid #f2feff;\n}\n.btn-cyan:hover {\n filter: brightness(0.94);\n}\n.btn-border-cyan {\n background: transparent;\n color: #0891b2;\n border: 0.063rem solid #0891b2;\n}\n.btn-border-cyan:hover {\n background: #f2feff;\n}\n.btn-cyan-bg {\n background: #0891b2;\n color: #fff;\n border: 0.063rem solid #0891b2;\n}\n.btn-cyan-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-cyan {\n color: #0891b2;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-cyan:hover {\n opacity: 0.75;\n}\n.btn-teal {\n background: #f2fcfa;\n color: #0f9f91;\n border: 0.063rem solid #f2fcfa;\n}\n.btn-teal:hover {\n filter: brightness(0.94);\n}\n.btn-border-teal {\n background: transparent;\n color: #0f9f91;\n border: 0.063rem solid #0f9f91;\n}\n.btn-border-teal:hover {\n background: #f2fcfa;\n}\n.btn-teal-bg {\n background: #0f9f91;\n color: #fff;\n border: 0.063rem solid #0f9f91;\n}\n.btn-teal-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-teal {\n color: #0f9f91;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-teal:hover {\n opacity: 0.75;\n}\n.btn-indigo {\n background: #f6f7ff;\n color: #6366c8;\n border: 0.063rem solid #f6f7ff;\n}\n.btn-indigo:hover {\n filter: brightness(0.94);\n}\n.btn-border-indigo {\n background: transparent;\n color: #6366c8;\n border: 0.063rem solid #6366c8;\n}\n.btn-border-indigo:hover {\n background: #f6f7ff;\n}\n.btn-indigo-bg {\n background: #6366c8;\n color: #fff;\n border: 0.063rem solid #6366c8;\n}\n.btn-indigo-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-indigo {\n color: #6366c8;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-indigo:hover {\n opacity: 0.75;\n}\n.btn-violet {\n background: #faf8ff;\n color: #8b5cf6;\n border: 0.063rem solid #faf8ff;\n}\n.btn-violet:hover {\n filter: brightness(0.94);\n}\n.btn-border-violet {\n background: transparent;\n color: #8b5cf6;\n border: 0.063rem solid #8b5cf6;\n}\n.btn-border-violet:hover {\n background: #faf8ff;\n}\n.btn-violet-bg {\n background: #8b5cf6;\n color: #fff;\n border: 0.063rem solid #8b5cf6;\n}\n.btn-violet-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-violet {\n color: #8b5cf6;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-violet:hover {\n opacity: 0.75;\n}\n.btn-pink {\n background: #fff7fa;\n color: #db2777;\n border: 0.063rem solid #fff7fa;\n}\n.btn-pink:hover {\n filter: brightness(0.94);\n}\n.btn-border-pink {\n background: transparent;\n color: #db2777;\n border: 0.063rem solid #db2777;\n}\n.btn-border-pink:hover {\n background: #fff7fa;\n}\n.btn-pink-bg {\n background: #db2777;\n color: #fff;\n border: 0.063rem solid #db2777;\n}\n.btn-pink-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-pink {\n color: #db2777;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-pink:hover {\n opacity: 0.75;\n}\n.btn-rose {\n background: #fff7f8;\n color: #e11d48;\n border: 0.063rem solid #fff7f8;\n}\n.btn-rose:hover {\n filter: brightness(0.94);\n}\n.btn-border-rose {\n background: transparent;\n color: #e11d48;\n border: 0.063rem solid #e11d48;\n}\n.btn-border-rose:hover {\n background: #fff7f8;\n}\n.btn-rose-bg {\n background: #e11d48;\n color: #fff;\n border: 0.063rem solid #e11d48;\n}\n.btn-rose-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-rose {\n color: #e11d48;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-rose:hover {\n opacity: 0.75;\n}\n.btn-gray {\n background: #fafafa;\n color: #6b7280;\n border: 0.063rem solid #fafafa;\n}\n.btn-gray:hover {\n filter: brightness(0.94);\n}\n.btn-border-gray {\n background: transparent;\n color: #6b7280;\n border: 0.063rem solid #6b7280;\n}\n.btn-border-gray:hover {\n background: #fafafa;\n}\n.btn-gray-bg {\n background: #6b7280;\n color: #fff;\n border: 0.063rem solid #6b7280;\n}\n.btn-gray-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-gray {\n color: #6b7280;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-gray:hover {\n opacity: 0.75;\n}\n.btn-dark {\n background: #f5f6f7;\n color: #374151;\n border: 0.063rem solid #f5f6f7;\n}\n.btn-dark:hover {\n filter: brightness(0.94);\n}\n.btn-border-dark {\n background: transparent;\n color: #374151;\n border: 0.063rem solid #374151;\n}\n.btn-border-dark:hover {\n background: #f5f6f7;\n}\n.btn-dark-bg {\n background: #374151;\n color: #fff;\n border: 0.063rem solid #374151;\n}\n.btn-dark-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-dark {\n color: #374151;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-dark:hover {\n opacity: 0.75;\n}\n.btn-white {\n background: #ffffff;\n color: #000;\n border: 0.063rem solid #ffffff;\n}\n.btn-white:hover {\n filter: brightness(0.94);\n}\n.btn-border-white {\n background: transparent;\n color: #000;\n border: 0.063rem solid #000;\n}\n.btn-border-white:hover {\n background: #ffffff;\n}\n.btn-white-bg {\n background: #000;\n color: #fff;\n border: 0.063rem solid #000;\n}\n.btn-white-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-white {\n color: #000;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-white:hover {\n opacity: 0.75;\n}\n.btn-light {\n background: #f7f7f7;\n color: #000;\n border: 0.063rem solid #f7f7f7;\n}\n.btn-light:hover {\n filter: brightness(0.94);\n}\n.btn-border-light {\n background: transparent;\n color: #000;\n border: 0.063rem solid #000;\n}\n.btn-border-light:hover {\n background: #f7f7f7;\n}\n.btn-light-bg {\n background: #000;\n color: #fff;\n border: 0.063rem solid #000;\n}\n.btn-light-bg:hover {\n filter: brightness(0.9);\n}\n.btn-text-light {\n color: #000;\n background: transparent;\n border: transparent;\n padding: 0 !important;\n}\n.btn-text-light:hover {\n opacity: 0.75;\n}\n.buttons-wrapper {\n display: flex;\n justify-content: end;\n align-items: center;\n gap: 0.625rem;\n flex-wrap: wrap;\n}\n.buttons-wrapper[data-position=center] {\n justify-content: center;\n}\n.buttons-wrapper[data-position=left] {\n justify-content: start;\n}\n.buttons-wrapper[data-position=right] {\n justify-content: end;\n}\n.buttons-wrapper[data-position=full-width] {\n flex-direction: column;\n width: 100%;\n}\n.buttons-wrapper[data-position=full-width] .admin-btn {\n width: 100%;\n}\n.admin-btn {\n outline: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n text-align: center;\n padding: 0.45rem 1.313rem 0.45rem 1.25rem;\n border-radius: 0.45rem;\n font-size: 0.913rem;\n transition: all 0.3s linear;\n width: fit-content;\n gap: 0.5rem;\n font-weight: 500;\n white-space: nowrap;\n}\n.admin-btn:disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.admin-btn.icon {\n padding: 0.625rem;\n}\n.admin-btn.icon:hover:not(:disabled) {\n background: rgba(0, 0, 0, 0.05);\n}\n.add-btn {\n display: flex;\n gap: 0.313rem;\n align-items: center;\n border-bottom: 0.063rem solid var(--color-primary);\n padding-bottom: 0.125rem;\n font-size: 0.813rem;\n color: var(--color-primary);\n cursor: pointer;\n transition: opacity 0.3s linear;\n}\n.add-btn:hover {\n opacity: 0.75;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.file-uploader {\n align-items: center;\n display: flex;\n position: relative;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n border: 0.125rem dashed var(--border-color);\n padding: 1rem 0;\n min-height: 8.5rem;\n overflow: hidden;\n}\n.file-uploader .file-preview-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n.file-uploader input[type=file] {\n position: absolute;\n width: 0.063rem;\n height: 0.063rem;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n.file-uploader.is-dragging {\n border-color: var(--color-primary);\n background-color: rgba(var(--color-primary), 0.08);\n}\n.file-uploader .upload-icon {\n font-size: 3.313rem;\n color: var(--color-primary);\n}\n.file-uploader span {\n font-size: 1rem;\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.file-uploader .typography-title {\n font-size: 1.313rem;\n margin-bottom: 0.4rem;\n line-height: 1;\n text-align: center;\n}\n.file-uploader button {\n margin-top: 0.4rem;\n}\n.file-uploader .overlay {\n width: 100%;\n height: 100%;\n position: absolute;\n background: rgba(80, 7, 170, 0.0392156863);\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.5s ease;\n opacity: 0;\n}\n.file-uploader .overlay .button-wrapper {\n display: flex;\n gap: 0.5rem;\n}\n.file-uploader:hover .overlay {\n opacity: 1;\n}\n.file-uploader.medium {\n width: 50%;\n}\n.file-uploader.small {\n width: 20%;\n}\n.file-uploader.small .upload-icon {\n font-size: 1.8rem;\n}\n.file-uploader.small .typography-title {\n font-size: 0.9rem;\n}\n.file-uploader.small span {\n font-size: 0.75rem;\n}\n.file-uploader.small button {\n margin: 0;\n}\n.uploaded-image {\n display: flex;\n gap: 0.625rem;\n margin-top: 1rem;\n}\n.uploaded-image .image {\n height: 5rem;\n position: relative;\n}\n.uploaded-image .image img {\n height: 100%;\n}\n.uploaded-image .image .close-btn {\n position: absolute;\n right: 0.125rem;\n top: 0.125rem;\n background: var(--color-accent);\n border-radius: 50%;\n padding: 0.2rem;\n font-size: 0.625rem;\n color: #fff;\n opacity: 0;\n cursor: pointer;\n}\n.uploaded-image .image:hover i {\n opacity: 1;\n}\n@media screen and (width <= 37.5rem) {\n .file-uploader.small {\n width: 100% !important;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.toggle-checkbox {\n margin-left: auto;\n position: relative;\n}\n.toggle-checkbox input[type=checkbox] {\n height: 0;\n width: 0;\n visibility: hidden;\n display: none;\n}\n.toggle-checkbox label {\n cursor: pointer;\n width: 2.785rem;\n height: 1.2rem;\n background: var(--background-primary);\n display: block;\n border-radius: 8rem;\n position: relative;\n border: 0.115rem solid var(--color-primary);\n}\n.toggle-checkbox label::after {\n content: "";\n position: absolute;\n top: 51%;\n transform: translateY(-50%);\n left: 0.313rem;\n width: 0.75rem;\n height: 0.8rem;\n border-radius: 90rem;\n transition: 0.3s;\n z-index: 1;\n border: 0.115rem solid var(--color-primary);\n background: #fff;\n}\n.toggle-checkbox input:checked + label {\n border: 0.115rem solid var(--color-primary);\n border-color: var(--color-primary);\n}\n.toggle-checkbox input:checked + label::after {\n left: calc(100% - 1.313rem);\n transform: translateY(-50%);\n background: var(--color-primary);\n}\n.toggle-btn .before {\n font-size: 0.95rem;\n}\n.toggle-checkbox-header {\n min-width: fit-content;\n display: flex;\n align-items: center;\n gap: 0.313rem;\n margin-right: 0.945rem;\n position: relative;\n z-index: 0;\n}\n.toggle-checkbox-header .toggle-checkbox {\n margin: 0;\n}\n.toggle-checkbox-header .toggle-status {\n font-size: 0.813rem;\n font-weight: 500;\n color: var(--sub-text-color);\n}\n.toggle-checkbox-header .toggle-status.is-on {\n color: var(--color-primary);\n}\n.toggle-checkbox-header .admin-tag {\n position: relative;\n display: inline-flex;\n margin-left: 0.75rem;\n}\n.checkbox-list-side-by-side {\n display: flex;\n flex-wrap: wrap;\n}\n.checkbox-list-side-by-side .checkbox-list-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 0.063rem solid var(--border-color);\n padding-bottom: 0.5rem;\n margin-bottom: 0.5rem;\n width: 100%;\n}\n.checkbox-list-side-by-side .checkbox-list-header .checkbox {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 0.313rem;\n}\n.checkbox-list-side-by-side .checkbox-list-header .checkbox input:checked::before {\n content: "\\e809";\n}\n.checkbox-list-side-by-side .checkbox-list-header span {\n font-size: 0.9rem;\n color: var(--color-primary);\n font-weight: 500;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header {\n gap: 0;\n margin: 0;\n padding: 0.5rem;\n width: 47%;\n transition: all 0.4s ease;\n flex-wrap: wrap;\n cursor: pointer;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header:hover {\n background: rgba(236, 226, 249, 0.4117647059);\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox {\n position: relative;\n width: 100%;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label {\n padding: 0 0 0 0.313rem;\n font-size: 0.9rem;\n position: relative;\n display: inline;\n font-weight: 500;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label .label-des {\n line-height: 1.313;\n color: rgba(0, 0, 0, 0.4705882353);\n font-size: 0.813rem;\n padding-top: 0.063rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label .admin-tag {\n margin-left: 1.5rem;\n top: 0;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox .edit-icon {\n padding-left: 0.45rem;\n position: absolute;\n right: 0;\n top: 0;\n opacity: 0;\n transition: all 0.4s ease;\n display: flex;\n gap: 0.313rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .edit-option-wrapper {\n display: inline-block;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .edit-option-wrapper .edit-option {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header:hover .edit-icon {\n opacity: 1;\n}\n.checkbox-list-side-by-side .default-checkbox:has(input:checked) {\n color: var(--color-primary);\n}\n.checkbox-list-side-by-side .settings-checkbox-description {\n padding-left: 0.5rem;\n}\n@media screen and (width <= 37.5rem) {\n .checkbox-list-side-by-side .toggle-checkbox-header {\n width: 100%;\n }\n}\n.simple-checkbox {\n display: flex;\n gap: 0.625rem;\n flex-direction: row !important;\n}\n.simple-checkbox .checkbox-label {\n font-size: 0.938rem;\n padding-left: 0.313rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.choice-toggle-wrapper {\n display: flex;\n align-items: normal;\n}\n.choice-toggle-wrapper.default .toggle-option label {\n border-right: none;\n align-items: center;\n flex-direction: column;\n}\n.choice-toggle-wrapper .toggle-option {\n list-style-type: none;\n margin: 0;\n position: relative;\n}\n.choice-toggle-wrapper .toggle-option input {\n display: none;\n}\n.choice-toggle-wrapper .toggle-option label {\n list-style-type: none;\n margin: 0;\n padding: 0.5rem 0.75rem;\n border: 0.12rem solid var(--border-color);\n font-weight: 500;\n line-height: 1rem;\n font-size: 0.9rem;\n color: #9fa1a4;\n cursor: pointer;\n display: flex;\n gap: 0.5rem;\n height: 100%;\n box-sizing: border-box;\n}\n.choice-toggle-wrapper .toggle-option label img {\n height: 3rem;\n}\n.choice-toggle-wrapper .toggle-option label i {\n font-size: 1.813rem;\n}\n.choice-toggle-wrapper .toggle-option label span {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.625rem;\n}\n.choice-toggle-wrapper .toggle-option label .des {\n font-size: 0.813rem;\n}\n.choice-toggle-wrapper .toggle-option .details-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.125rem;\n}\n.choice-toggle-wrapper .toggle-option:last-child label {\n border-top-right-radius: 0.313rem;\n border-bottom-right-radius: 0.313rem;\n border-right: 0.12rem solid var(--border-color);\n}\n.choice-toggle-wrapper .toggle-option:first-child label {\n border-top-left-radius: 0.313rem;\n border-bottom-left-radius: 0.313rem;\n}\n.choice-toggle-wrapper .toggle-option input:checked + label {\n background: var(--background-primary);\n border: 0.115rem solid var(--color-primary);\n}\n.choice-toggle-wrapper .toggle-option input:checked + label .details-title {\n color: var(--color-primary);\n}\n.choice-toggle-wrapper .toggle-option .admin-tag {\n right: 0;\n top: -0.063rem;\n}\n.choice-toggle-wrapper div:has(input:checked) + div label {\n border-left: none;\n}\n.choice-toggle-wrapper.custom,\n.choice-toggle-wrapper.compact {\n gap: 0.5rem;\n width: 100%;\n flex-wrap: wrap;\n}\n.choice-toggle-wrapper.custom span,\n.choice-toggle-wrapper.compact span {\n flex-direction: row !important;\n align-items: start;\n}\n.choice-toggle-wrapper.custom .details-wrapper,\n.choice-toggle-wrapper.compact .details-wrapper {\n align-items: start;\n}\n.choice-toggle-wrapper.custom .details-title,\n.choice-toggle-wrapper.compact .details-title {\n font-size: 1.125rem;\n color: var(--text-color);\n}\n.choice-toggle-wrapper.custom label,\n.choice-toggle-wrapper.compact label {\n border: 0.12rem solid var(--border-color);\n border-radius: 0.45rem;\n align-items: start;\n gap: 0.625rem;\n}\n.choice-toggle-wrapper.custom label i,\n.choice-toggle-wrapper.compact label i {\n font-size: 1.5rem;\n padding: 0.313rem;\n}\n.choice-toggle-wrapper.custom input[type=radio]:checked::before,\n.choice-toggle-wrapper.compact input[type=radio]:checked::before {\n color: var(--color-primary);\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper,\n.choice-toggle-wrapper.compact .choice-toggle-custom-wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: start;\n margin-top: 0.313rem;\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper .choice-toggle-notice .title,\n.choice-toggle-wrapper.compact .choice-toggle-custom-wrapper .choice-toggle-notice .title {\n font-size: 1rem;\n color: var(--sub-text-color);\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper .choice-toggle-notice ul,\n.choice-toggle-wrapper.compact .choice-toggle-custom-wrapper .choice-toggle-notice ul {\n margin: 0 2.5rem;\n list-style: number;\n font-size: 0.813rem;\n padding-top: 0.25rem;\n color: var(--sub-text-color);\n}\n.choice-toggle-wrapper.custom div:has(input:checked) + div label,\n.choice-toggle-wrapper.compact div:has(input:checked) + div label {\n border: 0.12rem solid var(--border-color);\n}\n.choice-toggle-wrapper.compact .choice-toggle-form-input {\n display: flex !important;\n position: absolute;\n padding: 0.313rem;\n top: 50%;\n transform: translatey(-50%);\n left: 1rem;\n width: 1.125rem;\n height: 1.125rem;\n}\n.choice-toggle-wrapper.compact .choice-toggle-form-input:focus {\n box-shadow: none;\n}\n.choice-toggle-wrapper.compact label {\n padding: 1.625rem !important;\n padding-left: 2.81rem !important;\n border-right: 0.12rem solid var(--border-color);\n justify-content: space-between;\n}\n.choice-toggle-wrapper.compact label span {\n gap: 1.5rem;\n}\n.choice-toggle-wrapper.compact label span .details-title {\n font-size: 1.25rem;\n padding-bottom: 0.45rem;\n display: flex;\n align-items: center;\n gap: 0.625rem;\n}\n.choice-toggle-wrapper.compact label span .details-title .admin-badge {\n font-size: 0.75rem;\n line-height: 1;\n}\n.choice-toggle-wrapper.compact label span i {\n font-size: 1.938rem;\n padding: 0.813rem;\n border-radius: 0.45rem;\n}\n.choice-toggle-wrapper.pill {\n display: inline-flex;\n align-items: center;\n gap: 0.125rem;\n padding: 0.25rem;\n background: var(--background-primary);\n border-radius: 1.5rem;\n width: fit-content;\n}\n.choice-toggle-wrapper.pill .toggle-option {\n width: auto;\n}\n.choice-toggle-wrapper.pill .toggle-option label {\n border: none;\n border-radius: 1.25rem;\n padding: 0.375rem 0.875rem;\n color: var(--sub-text-color);\n font-size: 0.8125rem;\n}\n.choice-toggle-wrapper.pill .toggle-option label span {\n flex-direction: row;\n gap: 0;\n}\n.choice-toggle-wrapper.pill .toggle-option label .details-wrapper {\n flex-direction: row;\n}\n.choice-toggle-wrapper.pill .toggle-option label .details-title {\n font-size: 0.8125rem;\n color: inherit;\n}\n.choice-toggle-wrapper.pill .toggle-option:first-child label,\n.choice-toggle-wrapper.pill .toggle-option:last-child label {\n border-radius: 1.25rem;\n border: none;\n}\n.choice-toggle-wrapper.pill .toggle-option input:checked + label {\n background: var(--color-primary);\n border: none;\n}\n.choice-toggle-wrapper.pill .toggle-option input:checked + label .details-title {\n color: var(--color-white);\n}\n.choice-toggle-wrapper.pill div:has(input:checked) + div label {\n border-left: none;\n}\n.choice-toggle-container {\n width: fit-content;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.choice-toggle-container.full-width {\n width: 100%;\n}\n.choice-toggle-container.full-width .toggle-option,\n.choice-toggle-container.full-width .choice-toggle-wrapper {\n width: 100%;\n}\n.choice-toggle-container:has(.custom) {\n width: 100%;\n}\n@media screen and (width <= 37.5rem) {\n .choice-toggle-wrapper.custom .toggle-option {\n width: 100% !important;\n }\n .choice-toggle-wrapper {\n flex-wrap: wrap;\n }\n .choice-toggle-wrapper .tabs-wrapper {\n flex-direction: row;\n gap: 0;\n margin-top: 1rem;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.emails-section {\n padding: 0 0.313rem;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n}\n.emails-section .email {\n font-size: 0.813rem;\n font-weight: 600;\n line-height: 0.7;\n padding: 0.313rem 0.5rem;\n border-radius: 15rem;\n display: flex;\n gap: 0.25rem;\n border: 0.063rem solid var(--border-color);\n align-items: center;\n background: rgba(193, 161, 233, 0.1098039216);\n transition: all 0.4s ease;\n}\n.emails-section .email.primary {\n background: var(--background-primary);\n color: var(--color-primary);\n border-color: var(--color-primary);\n}\n.emails-section div {\n width: fit-content;\n}\n.emails-section i {\n cursor: pointer;\n}\n.emails-section .close {\n color: var(--color-accent);\n}\n.emails-section input,\n.emails-section input:focus,\n.emails-section .input-wrapper {\n border: none;\n outline: none;\n box-shadow: none;\n}\n.emails-section .input-wrapper {\n position: relative;\n}\n.emails-section .input-wrapper .basic-input {\n width: fit-content;\n}\n.emails-section .input-wrapper .inline-suggestion {\n position: absolute;\n background: #d7d7d7;\n color: var(--text-color);\n padding: 0.625rem 0.813rem;\n font-size: 1.063rem;\n line-height: 1.125rem;\n border-radius: 0.45rem;\n min-width: 18rem;\n max-width: calc(100vw - 2rem);\n box-sizing: border-box;\n z-index: 9;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.emails-section .input-wrapper .inline-suggestion i {\n padding: 0.45rem;\n border-radius: 50%;\n font-size: 1.313rem;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.picker-settings-wrapper {\n width: 100%;\n}\n.picker-settings-wrapper .tabs-item {\n border-bottom: 0.12rem solid var(--border-color);\n}\n.picker-settings-wrapper .form-group-picker-setting {\n display: flex;\n margin: 1rem 0;\n justify-content: end;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-wrapper .form-group {\n padding: 0;\n gap: 0;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-wrapper .form-group label {\n width: 100%;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-setting-wrapper {\n display: flex;\n align-items: center;\n}\n.picker-settings-wrapper .form-group-picker-setting .form-group-setting-wrapper label {\n font-size: 1rem;\n width: 80%;\n}\n.picker-settings-wrapper .form-group-picker-setting .admin-btn {\n background: transparent;\n}\n.picker-settings-wrapper .form-group-picker-setting .admin-btn:first-child {\n border-radius: 0.45rem 0 0 0.313rem;\n}\n.picker-settings-wrapper .form-group-picker-setting .admin-btn:last-child {\n border-radius: 0.45rem 0 0 0.313rem;\n}\n.picker-settings-wrapper .picker-setting {\n display: flex;\n gap: 2rem;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper {\n width: 22%;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .form-group-setting-wrapper {\n padding-bottom: 1rem;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .form-group-setting-wrapper .choice-toggle-container {\n margin-top: 0.313rem;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette {\n display: flex;\n gap: 1rem;\n flex-direction: column;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette {\n display: flex;\n align-items: center;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette input {\n display: none;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: column;\n border: 0.063rem solid #ccc;\n border-radius: 0.45rem;\n padding: 0.625rem 0.75rem;\n cursor: pointer;\n background-color: #fff;\n width: 100%;\n transition: all 0.2s ease;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette:has(input:checked) label {\n border: 0.063rem solid var(--color-primary);\n background: var(--background-primary);\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette span {\n font-size: 0.875rem;\n font-weight: 500;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette .color {\n display: flex;\n width: 100%;\n height: 1.125rem;\n border: 0.063rem solid #ddd;\n border-radius: 0.45rem;\n overflow: hidden;\n}\n.picker-settings-wrapper .picker-setting .color-palette-wrapper .color-palette .palette .color div {\n width: 100%;\n}\n.picker-settings-wrapper .image-list {\n width: 25%;\n flex-direction: column;\n}\n.picker-settings-wrapper .image-list .image-thumbnail {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.625rem 0.85rem;\n margin-bottom: 0.625rem;\n border: 0.063rem solid var(--border-color);\n cursor: pointer;\n border-radius: 0.45rem;\n}\n.picker-settings-wrapper .image-list .image-thumbnail label {\n font-size: 0.95rem;\n font-weight: 500;\n}\n.picker-settings-wrapper .image-list .image-thumbnail img {\n width: 3rem;\n height: 100%;\n}\n.picker-settings-wrapper .image-list .image-thumbnail.active {\n border-color: var(--color-primary);\n background: var(--background-primary);\n}\n.picker-settings-wrapper .image-list .image-thumbnail.active label {\n color: var(--color-primary);\n}\n.picker-settings-wrapper .image-preview {\n max-height: 50rem;\n width: 75%;\n}\n.picker-settings-wrapper .image-preview img {\n height: auto;\n width: 100%;\n}\n.picker-settings-wrapper .preview-wrapper {\n width: 78%;\n border: 0.063rem solid #ccc;\n border-radius: 0.45rem;\n overflow: hidden;\n box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1019607843);\n min-height: 24rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper {\n display: flex;\n width: 100%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper {\n width: 10rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n z-index: 999;\n justify-items: start;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper .logo {\n font-weight: 600;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper img {\n width: auto;\n height: 1.5rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs {\n padding: 0;\n margin: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li {\n padding: 0 0.75rem;\n position: relative;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li .admin-arrow {\n position: absolute;\n top: 25%;\n right: 1rem;\n font-size: 1rem;\n color: #000;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li a.tab {\n display: flex;\n position: relative;\n align-items: center;\n transition: all 0.3s ease;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.01em;\n text-transform: none;\n line-height: 1.25;\n color: #526484;\n padding: 0.313rem 0.5rem;\n border-radius: 0.45rem;\n gap: 0.5rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li a.tab .tab-name {\n display: flex;\n gap: 0.875rem;\n align-items: center;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li.active a.tab,\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li:hover a.tab {\n background-color: #ebeef2;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs {\n list-style-type: none;\n padding: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs li {\n padding: 0;\n margin: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs li a {\n font-size: 0.625rem;\n letter-spacing: 0.01em;\n text-transform: none;\n line-height: 0.5rem;\n color: #526484;\n padding-left: 3rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper {\n width: calc(100% - 10rem);\n min-height: 100vh;\n background-color: #f3f5f7;\n position: relative;\n margin: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar {\n width: 96%;\n background: #fff;\n display: flex;\n justify-content: space-between;\n min-height: 2.5rem;\n max-height: 2.5rem;\n align-items: center;\n padding: 0 1rem;\n position: absolute;\n right: 0;\n z-index: 1;\n box-shadow: 0 0.063rem 0.188rem rgba(54, 74, 99, 0.0509803922);\n border-bottom: 0.063rem solid #e5e9f2;\n top: 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right {\n display: flex;\n gap: 0.75rem;\n align-items: center;\n list-style-type: none;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right li {\n position: relative;\n cursor: pointer;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right li .adminfont-icon {\n color: #526484;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user {\n position: relative;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user .avatar-wrapper {\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #fff;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user .avatar-wrapper i {\n font-size: 0.75rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper {\n padding: 4rem 2rem 2rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper {\n display: flex;\n justify-content: space-between;\n height: 3rem;\n align-items: center;\n margin-bottom: 0.75rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section {\n width: 50%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section .title {\n font-size: 1rem;\n font-weight: 500;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section .des {\n width: 60%;\n height: 0.25rem;\n background: rgba(195, 195, 195, 0.6901960784);\n margin: 0.313rem 0;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .dashboard-btn {\n padding: 0.25rem 0.75rem;\n border-radius: 0.45rem;\n color: #fff;\n font-weight: 600;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper {\n display: flex;\n gap: 1rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item {\n width: 100%;\n padding: 1rem;\n border-radius: 0.45rem;\n display: flex;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details {\n width: 100%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details .price {\n height: 0.313rem;\n width: 60%;\n background: rgba(195, 195, 195, 0.6901960784);\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details .des {\n width: 60%;\n height: 0.75rem;\n background: rgba(195, 195, 195, 0.6901960784);\n margin-top: 0.813rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .icon-wrapper {\n padding: 0.313rem;\n border-radius: 0.45rem;\n color: #fff;\n width: 1rem;\n height: 1rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row {\n display: flex;\n gap: 1rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section {\n background: var(--background-white);\n border-radius: 0.45rem;\n box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n width: 100%;\n height: 8rem;\n margin-top: 1rem;\n padding: 0.625rem;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section.w-65 {\n width: 65%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section.w-35 {\n width: 35%;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section .section-header {\n width: 100%;\n height: 1.75rem;\n display: flex;\n align-items: center;\n margin: 0 0.625rem;\n box-sizing: border-box;\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section .section-header .title {\n width: 5rem;\n height: 0.45rem;\n background: rgba(195, 195, 195, 0.6901960784);\n}\n.picker-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section span {\n width: 95%;\n height: 0.313rem;\n background: rgba(195, 195, 195, 0.4);\n display: block;\n margin: 0.625rem;\n box-sizing: border-box;\n}\n@media screen and (width <= 37.5rem) {\n .picker-settings-wrapper .picker-setting {\n flex-direction: column;\n gap: 1rem;\n }\n .picker-settings-wrapper .picker-setting .image-list,\n .picker-settings-wrapper .picker-setting .preview-wrapper,\n .picker-settings-wrapper .picker-setting .color-palette-wrapper {\n width: 100% !important;\n }\n .picker-settings-wrapper .picker-setting .image-list .banner-slider::after,\n .picker-settings-wrapper .picker-setting .preview-wrapper .banner-slider::after,\n .picker-settings-wrapper .picker-setting .color-palette-wrapper .banner-slider::after {\n font-size: 3rem;\n }\n .picker-settings-wrapper .picker-setting .template-list {\n flex-direction: row !important;\n }\n}\n.phone-input-wrapper {\n display: flex;\n align-items: flex-start;\n gap: 0.625rem;\n width: 100%;\n}\n.phone-input-wrapper .phone-input-country-code {\n min-width: 8.75rem;\n flex: 0 0 auto;\n}\n.phone-input-wrapper .basic-input {\n flex: 1 1 auto;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.endpoints-wrapper {\n width: 100%;\n}\n.endpoints-wrapper .endpoint .menu-item {\n margin-bottom: 0.5rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu,\n.endpoints-wrapper .endpoint .menu-item .edit-menu {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 0.5rem;\n border: 0.063rem solid var(--color-primary);\n padding: 0.8rem 1rem;\n cursor: move;\n border-radius: 0.45rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper .input-label,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper .input-label {\n font-size: 0.95rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper i,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper i {\n font-size: 1.125rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper .name,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper .name {\n font-size: 0.9rem;\n font-weight: 500;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon {\n display: flex;\n gap: 0.5rem;\n opacity: 0;\n transition: all 0.4s ease;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon i,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon i {\n font-size: 1.125rem;\n cursor: pointer;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon .adminfont-eye,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon .adminfont-eye {\n color: var(--color-primary);\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu:hover,\n.endpoints-wrapper .endpoint .menu-item .edit-menu:hover {\n background: var(--background-primary);\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu:hover .edit-icon,\n.endpoints-wrapper .endpoint .menu-item .edit-menu:hover .edit-icon {\n opacity: 1;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.45rem;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu i:last-child {\n opacity: 0;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu:hover i:last-child {\n opacity: 1;\n}\n.endpoints-wrapper .endpoint .menu-item input {\n width: fit-content;\n background: #fff;\n}\n.endpoints-wrapper .endpoint .menu-item .adminfont-move {\n margin-right: 0.5rem;\n color: var(--color-primary);\n font-size: 1.313rem;\n}\n.endpoints-wrapper .endpoint .menu-item:has(.main-menu:hover),\n.endpoints-wrapper .endpoint .menu-item:has(.edit-menu:hover) {\n background: #e8e8e8;\n}\n.endpoints-wrapper .endpoint .menu-item ul {\n margin: 0;\n}\n.endpoints-wrapper .endpoint .menu-item ul li {\n padding: 0.8rem 1rem;\n margin: 0.5rem 0 0 2rem;\n border: 0.063rem solid var(--color-primary);\n cursor: move;\n}\n.endpoints-wrapper .endpoint .menu-item ul li:hover {\n background: var(--background-primary);\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.settings-event-calendar .rmdp-wrapper {\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class {\n box-shadow: none;\n border: none;\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar {\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-header button i,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header button i {\n border-color: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-header .rmdp-header-values span,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header .rmdp-header-values span {\n font-size: 1.5rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div {\n width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week {\n gap: 0.5rem;\n padding: 0.25rem;\n box-sizing: border-box;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day {\n font-size: 1.125rem;\n color: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 8rem;\n margin: 1rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd {\n height: 100%;\n justify-content: end;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event {\n padding: 0.313rem 0.5rem;\n background: rgba(255, 0, 0, 0.1607843137);\n text-align: left;\n color: red;\n border-left: 0.125rem solid;\n margin: 0.125rem 0;\n box-sizing: border-box;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name {\n font-size: 1rem;\n line-height: 1;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date {\n font-size: 1.5rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span:not(.highlight),\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span:not(.highlight) {\n background: none;\n box-shadow: none;\n color: var(--text-color);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day {\n margin: 0;\n height: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd {\n border-radius: 0.45rem;\n font-size: 1.25rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd {\n background: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd {\n background: var(--background-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-panel.right,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-panel.right {\n display: none !important;\n}\n.settings-event-calendar .event-item .event-list {\n position: relative;\n}\n.settings-event-calendar .event-item .event-list .buttons-wrapper {\n position: absolute;\n}\n@media screen and (width <= 48rem) {\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 5rem;\n margin: 0.5rem;\n }\n}\n@media screen and (width <= 37.5rem) {\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n height: 3.5rem;\n margin: 0.25rem;\n }\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date {\n font-size: 1rem;\n }\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event {\n padding: 0.188rem 0.313rem;\n }\n .settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name {\n font-size: 0.75rem;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.section-log-container .log-container-wrapper {\n min-height: 6.25rem;\n height: 100%;\n border-radius: 0.45rem;\n padding: 0.5rem;\n padding-bottom: 1rem;\n position: relative;\n font-size: 0.875rem;\n line-height: 1.173;\n word-break: break-all;\n background-color: #151718;\n margin-top: 1rem;\n}\n.section-log-container .log-container-wrapper .wrapper-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 0.5rem;\n padding: 0.5rem 0;\n}\n.section-log-container .log-container-wrapper .wrapper-header .log-viewer-text {\n color: #fff;\n font-weight: 500;\n}\n.section-log-container .log-container-wrapper .wrapper-body {\n padding: 0 0 0.75rem;\n height: 18.875rem;\n overflow: scroll;\n color: #fff;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-track {\n background: #181819;\n border-radius: 0.45rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar {\n width: 0.438rem;\n height: 0.438rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-thumb {\n background-color: #666666;\n border-radius: 0.45rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-corner {\n width: 0;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n}\n.section-log-container .log-container-wrapper .delete-btn i {\n font-size: 1.063rem;\n}\n.log-section {\n flex-direction: column;\n}\n.log-section .settings-input-content {\n width: 100%;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.sequential-task-executor {\n display: flex;\n flex-direction: column;\n width: 100%;\n padding-bottom: 0.75rem;\n}\n.sequential-task-executor .sequential-task {\n max-width: 18.75rem;\n padding: 0.625rem 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.95rem;\n font-weight: 500;\n --progress-time: 3s;\n}\n.sequential-task-executor .sequential-task .status-wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.sequential-task-executor .sequential-task .status-wrapper i {\n font-size: 1.125rem;\n}\n.sequential-task-executor .sequential-task .status-wrapper i.completed-icon {\n color: green;\n}\n.sequential-task-executor .sequential-task .status-wrapper i.failed-icon {\n color: red;\n}\n.sequential-task-executor .sequential-task::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0.125rem;\n content: "";\n background-color: green;\n animation: progress var(--progress-time) linear forwards;\n}\n.sequential-task-executor .sequential-task.completed::after {\n animation: none;\n width: 100%;\n background-color: green;\n}\n.sequential-task-executor .sequential-task.failed::after {\n animation: none;\n width: 100%;\n background-color: #d63638;\n}\n@keyframes progress {\n from {\n width: 0;\n }\n to {\n width: 100%;\n }\n}\n.sequential-task-executor .sequential-task.success {\n color: #007400;\n}\n.sequential-task-executor .sequential-task.success::after {\n background-color: green;\n}\n.loader-wrapper {\n display: flex;\n gap: 1rem;\n position: relative;\n width: fit-content;\n}\n.loader-wrapper .multivendorx-loader {\n width: 2rem;\n aspect-ratio: 1;\n --c:\n no-repeat radial-gradient(\n \n farthest-side,\n $theme-color 92%,\n #0000);\n background:\n var(--c) 50% 0,\n var(--c) 50% 100%,\n var(--c) 100% 50%,\n var(--c) 0 50%;\n background-size: 0.625rem 0.625rem;\n animation: loader 1s infinite;\n position: relative;\n}\n.loader-wrapper .multivendorx-loader::before {\n content: "";\n position: absolute;\n inset: 0;\n margin: 0.1875rem;\n background: repeating-conic-gradient(rgba(0, 0, 0, 0) 0 35deg, var(--color-primary) 0 90deg);\n mask:\n radial-gradient(\n farthest-side,\n rgba(0, 0, 0, 0) calc(100% - 0.1875rem),\n #000 0);\n border-radius: 50%;\n}\n@keyframes loader {\n 100% {\n transform: rotate(0.5turn);\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.shortcode-wrapper {\n padding: 0.813rem;\n margin-bottom: 1rem;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n}\n.shortcode-wrapper .shortcode-details {\n padding-bottom: 0.813rem;\n margin-top: 0.313rem;\n}\n.shortcode-wrapper .shortcode-details .shortcode-title {\n font-size: 1.25rem;\n display: flex;\n gap: 0.5rem;\n font-weight: 500;\n}\n.shortcode-wrapper .shortcode-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.shortcode-wrapper .shortcode-table th,\n.shortcode-wrapper .shortcode-table td {\n text-align: left;\n font-size: 0.95rem;\n padding: 1rem;\n vertical-align: top;\n}\n.shortcode-wrapper .shortcode-table th .name,\n.shortcode-wrapper .shortcode-table td .name {\n margin-bottom: 0.5rem;\n}\n.shortcode-wrapper .shortcode-table th {\n font-weight: 500;\n}\n.shortcode-wrapper .shortcode-table ul {\n margin: 0;\n}\n.shortcode-wrapper .shortcode-table ul li {\n font-size: 0.95rem;\n}\n.shortcode-wrapper .shortcode-table thead tr {\n background: var(--background-primary);\n}\n.shortcode-wrapper .shortcode-table tbody tr:nth-child(odd) {\n background: rgba(216, 216, 216, 0.2509803922);\n}\n.shortcode-wrapper .shortcode-table tbody tr td:first-child i {\n opacity: 0;\n transition: all 0.5s ease;\n margin-left: 0.5rem;\n cursor: pointer;\n}\n.shortcode-wrapper .shortcode-table tbody tr td:first-child:hover i {\n opacity: 1;\n}\n.shortcode-wrapper .no-args-message {\n padding: 0.813rem;\n background: var(--background-color);\n border-radius: 0.45rem;\n font-size: 1.063rem;\n font-weight: 400;\n}\n@media only screen and (width <= 37.5rem) {\n .shortcode-title {\n flex-direction: column;\n }\n .shortcode-table {\n overflow: auto;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.repeater-field-wrapper .repeater-field {\n padding: 1rem;\n background: var(--background-color);\n border-radius: 0.45rem;\n margin-bottom: 1rem;\n border: 0.063rem solid var(--border-color);\n}\n.repeater-field-wrapper .repeater-field .setting-form-input {\n width: 25%;\n}\n.repeater-field-wrapper .repeater-field.rule {\n width: fit-content;\n}\n.repeater-field-wrapper .buttons-wrapper {\n margin-top: 1rem;\n}\n.repeater-field-wrapper .field {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n flex-wrap: wrap;\n}\n.repeater-field-wrapper .field .location-icon {\n background: var(--background-color);\n color: #06be9f;\n padding: 0.45rem;\n font-size: 1.313rem;\n border-radius: 0.45rem;\n}\n.repeater-field-wrapper .field .delete-icon {\n font-size: 1.125rem;\n color: var(--color-accent);\n cursor: pointer;\n}\n.repeater-field-wrapper .field .basic-input {\n background: var(--background-white) !important;\n}\n.repeater-field-wrapper .field.state {\n margin-bottom: 0.625rem;\n}\n.repeater-field-wrapper .repeater-field-nested {\n padding: 0.813rem;\n background: var(--background-white);\n margin-top: 0.813rem;\n}\n.repeater-field-wrapper .repeater-field-nested .state-title {\n font-size: 1.125rem;\n padding-bottom: 0.625rem;\n}\n.repeater-field-wrapper .repeater-field-nested .repeater-field {\n padding: 0;\n border: none;\n background: transparent;\n}\n@media screen and (width <= 37.5rem) {\n .repeater-field-wrapper .repeater-field .setting-form-input {\n width: 100%;\n }\n}\n.shipping-method-wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n}\n.shipping-method-wrapper .shipping-method {\n display: flex;\n gap: 0.5rem;\n}\n.shipping-method-wrapper .shipping-method .admin-badge {\n cursor: pointer;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.multi-input-table {\n width: 100%;\n font-size: 0.875rem;\n position: relative;\n}\n.multi-input-table thead {\n width: 100%;\n position: sticky;\n top: 1.8rem;\n z-index: 1;\n background: var(--background-white);\n}\n.multi-input-table thead tr {\n display: flex;\n align-items: stretch;\n align-content: stretch;\n padding: 0.5rem;\n}\n.multi-input-table thead tr th {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 0;\n font-weight: 500;\n font-size: 1rem;\n position: relative;\n}\n.multi-input-table thead tr th:first-child {\n max-width: 9.375rem;\n}\n.multi-input-table thead tr th .admin-tag {\n position: relative;\n top: 0;\n right: 0;\n}\n.multi-input-table tbody {\n width: 100%;\n border: 0.063rem solid var(--border-color);\n}\n.multi-input-table tbody tr {\n display: flex;\n align-items: stretch;\n align-content: stretch;\n padding: 0.75rem 0;\n background: var(--background-white);\n}\n.multi-input-table tbody tr td {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 0;\n padding: 0 1rem;\n gap: 0.5rem;\n}\n.multi-input-table tbody tr td .multi-field-cell {\n display: flex;\n gap: 0.5rem;\n}\n.multi-input-table tbody tr td:first-child {\n max-width: 9.5rem;\n place-content: start;\n}\n.multi-input-table tbody tr td .clear {\n clear: both;\n}\n.multi-input-table tbody tr td .checkbox {\n display: block;\n cursor: pointer;\n width: 0.938rem;\n height: 0.938rem;\n border: 0.188rem solid rgba(255, 255, 255, 0);\n border-radius: 0.45rem;\n position: relative;\n overflow: hidden;\n box-shadow: 0 0 0 0.125rem rgba(101, 67, 143, 0.6823529412);\n}\n.multi-input-table tbody tr td .checkbox div {\n width: 1.875rem;\n height: 1.875rem;\n background: #522c81;\n top: -3.25rem;\n left: -3.25rem;\n position: absolute;\n transform: rotateZ(45deg);\n z-index: 100;\n}\n.multi-input-table tbody tr td .checkbox input[type=checkbox]:checked + div {\n left: -0.625rem;\n top: -0.625rem;\n}\n.multi-input-table tbody tr td .checkbox input[type=checkbox] {\n position: absolute;\n left: 0;\n visibility: hidden;\n}\n.multi-input-table tbody tr td .transition {\n transition: 300ms linear;\n}\n.multi-input-table tbody tr td .container-items-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 0.313rem;\n}\n.multi-input-table tbody tr td .container-items-controls .items-controls {\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n cursor: pointer;\n padding: 0.125rem;\n}\n.multi-input-table tbody tr td .container-items-controls .clear-all-data {\n background: transparent;\n transition: all 0.3s linear;\n font-size: 0.75rem;\n}\n.multi-input-table tbody tr td .container-items-controls .clear-all-data:hover {\n background-color: #f9f9f9;\n}\n.multi-input-table tbody tr td .container-items-controls .open-modal {\n font-size: 0.65rem;\n color: #fff;\n background: #65438f;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container {\n position: relative;\n max-width: 15.625rem;\n width: 100%;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container {\n align-items: center;\n background-color: #fff;\n border: 0.115rem solid rgba(0, 0, 0, 0.1254901961);\n border-radius: 0;\n display: flex;\n gap: 0.25rem;\n height: 1rem;\n justify-content: flex-start;\n padding: 0.5rem;\n position: relative;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container .selected-items-container {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: 0.25rem;\n height: 100%;\n justify-content: flex-start;\n max-width: calc(100% - 1.25rem);\n overflow: hidden;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container .selected-items-container .selected-items {\n align-items: center;\n background: #f2eeee;\n border-radius: 0.45rem;\n display: flex;\n font-size: 0.75rem;\n gap: 0.25rem;\n justify-content: space-between;\n padding: 0 0.25rem;\n width: 100%;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input {\n position: relative;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input input {\n background: #fff;\n margin: 0;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input input:focus {\n outline: none;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input span {\n position: absolute;\n right: 0.313rem;\n top: 0.438rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .option-container {\n position: absolute;\n top: 105%;\n z-index: 8;\n width: 100%;\n background: #fff;\n display: flex;\n padding: 0.5rem;\n border: 0.115rem solid rgba(0, 0, 0, 0.1254901961);\n flex-direction: column;\n gap: 0.25rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .option-container .options-item {\n cursor: pointer;\n}\n.multi-input-table tbody tr:nth-child(odd) {\n background: rgba(240, 228, 228, 0.7215686275);\n}\n.multi-input-table .toggle-header {\n max-width: 100%;\n margin: 0.625rem 0;\n cursor: pointer;\n}\n.multi-input-table .toggle-header .header-title {\n background: var(--background-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 1rem;\n padding: 0.75rem;\n font-weight: 600;\n}\n.multi-input-table .toggle-header i {\n font-size: 1.313rem;\n}\n@media screen and (width <= 37.5rem) {\n .settings-input-content:has(.multi-input-table) {\n overflow: auto;\n }\n .settings-input-content:has(.multi-input-table) table.multi-input-table thead {\n top: 0 !important;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.nested-wrapper .nested-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: start;\n align-items: center;\n gap: 0.625rem;\n min-height: 2.25rem;\n}\n.nested-wrapper .nested-row .before,\n.nested-wrapper .nested-row .after {\n color: var(--sub-text-color);\n font-size: 0.95rem;\n}\n.nested-wrapper .nested-row.single-line .before {\n width: 10rem;\n}\n.nested-wrapper .nested-row.multiple {\n padding: 1rem;\n margin-top: 1.5rem;\n background: rgba(236, 226, 249, 0.1803921569);\n}\n.nested-wrapper .nested-row:first-child {\n margin-top: 0;\n}\n.nested-wrapper .nested-row .form-wrapper {\n display: flex;\n gap: 0.5rem;\n}\n.nested-wrapper .nested-row label {\n font-size: 0.95rem;\n display: inline-block;\n color: var(--sub-text-color);\n}\n.nested-wrapper .nested-row .settings-input-content:has(.choice-toggle-container) label {\n padding-right: 0.5rem;\n}\n.nested-wrapper .nested-row .choice-toggle-wrapper {\n margin-bottom: 0;\n}\n.nested-wrapper .nested-row .basic-input {\n width: fit-content;\n}\n.nested-wrapper .nested-row .buttons-wrapper {\n width: 100%;\n}\n.nested-wrapper .nested-row .setting-form-input {\n width: fit-content;\n}\n.nested-wrapper .nested-row .setting-form-input .basic-input {\n width: 100%;\n}\n.nested-wrapper .nested-row .settings-input-content {\n width: fit-content !important;\n}\n.nested-wrapper .nested-row .toggle-btn label,\n.nested-wrapper .nested-row .toggle-btn .toggle-checkbox-header {\n margin: 0;\n}\n.nested-wrapper .nested-row .select-wrapper .react-select {\n width: 8rem;\n}\n.nested-wrapper .nested-row.multiple:first-child,\n.nested-wrapper .nested-row.multiple.single-multi-line {\n background: transparent;\n padding: 0;\n position: relative;\n}\n.nested-wrapper .nested-row.multiple:first-child .buttons-wrapper,\n.nested-wrapper .nested-row.multiple.single-multi-line .buttons-wrapper {\n width: fit-content;\n}\n@media screen and (width <= 37.5rem) {\n .nested-wrapper .nested-row.single-line .before {\n width: fit-content;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.expandable-panel-group {\n margin: 0;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.expandable-panel-group .expandable-item {\n cursor: pointer;\n}\n.expandable-panel-group .expandable-item .expandable-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.5rem;\n padding: 0.75rem;\n cursor: pointer;\n border: 0.063rem solid var(--border-color);\n border-radius: 0.45rem;\n position: relative;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon {\n width: 1.725rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon i {\n font-size: 1.725rem;\n color: var(--color-primary);\n cursor: pointer;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon .disable {\n color: rgba(138, 136, 136, 0.4509803922);\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n justify-content: space-between;\n min-height: 2.063rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .details-wrapper {\n display: flex;\n gap: 1.125rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon .icon {\n font-size: 1.625rem;\n font-weight: 500;\n color: var(--color-primary);\n padding: 0.313rem;\n background: var(--background-primary);\n border-radius: 0.5rem;\n min-width: 2rem;\n min-height: 2rem;\n max-width: 2rem;\n max-height: 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon .edit-icon {\n position: absolute;\n bottom: 0.313rem;\n left: 2.5rem;\n font-size: 0.95rem;\n opacity: 0;\n transition: all 0.5s ease;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper {\n display: flex;\n gap: 0.5rem;\n justify-content: start;\n align-items: center;\n padding: 0;\n margin-bottom: 0.125rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .typography-title {\n font-size: 1.125rem;\n display: flex;\n gap: 1rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .panel-badges {\n display: flex;\n gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .admin-badge {\n padding: 0.313rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description {\n display: flex;\n gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description p {\n margin: 0;\n display: flex;\n gap: 0.5rem;\n align-items: center;\n color: var(--sub-text-color);\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description p .admin-badge {\n margin-top: 0.313rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details.toggle {\n padding-left: 0.5rem;\n border-left: 0.063rem solid var(--border-color);\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .price-field {\n font-size: 1.25rem;\n font-weight: 500;\n display: flex;\n flex-direction: column;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .price-field .typography-desc {\n padding-left: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn {\n display: flex;\n gap: 0.5rem;\n list-style-type: none;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn .btn-red-color {\n font-size: 1rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn li {\n margin: 0;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .disable-icon {\n color: gray;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section ul {\n margin: 0;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .dropdown {\n min-width: 11rem;\n max-width: 11rem;\n}\n.expandable-panel-group .expandable-item .expandable-header:hover {\n opacity: 1;\n}\n.expandable-panel-group .expandable-item .expandable-panel {\n display: flex;\n flex-wrap: wrap;\n border: 0.063rem solid var(--border-color);\n border-top: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, opacity 0.4s ease;\n opacity: 0;\n border-radius: 0 0 0.45rem 0.45rem;\n}\n.expandable-panel-group .expandable-item .expandable-panel.open {\n opacity: 1;\n}\n.expandable-panel-group .expandable-item .expandable-panel .form-group {\n padding: 1rem 1rem 1rem 3.25rem !important;\n}\n.expandable-panel-group .expandable-item .expandable-panel .form-group .settings-form-label {\n width: 75%;\n}\n.expandable-panel-group .expandable-item .expandable-panel .form-group .settings-input-content {\n width: 25%;\n}\n.expandable-panel-group .expandable-item .expandable-panel .panel-description {\n display: flex;\n flex-wrap: wrap;\n gap: 0.625rem;\n margin: 0;\n font-size: 0.95rem;\n}\n.expandable-panel-group .expandable-item.add-method .input-content {\n width: 100% !important;\n}\n.expandable-panel-group .expandable-item.disable .details,\n.expandable-panel-group .expandable-item.disable .toggle-icon {\n filter: grayscale(1);\n opacity: 0.6;\n}\n.expandable-panel-group .expandable-item:has(.expandable-panel) .expandable-header {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.expandable-panel-group .buttons-wrapper {\n margin: 0;\n}\n.icon-options-list {\n position: absolute;\n width: 40%;\n background: var(--background-color);\n border: 0.063rem solid var(--border-color);\n cursor: pointer;\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n padding: 0.5rem;\n left: 0;\n top: 100%;\n z-index: 999;\n}\n.icon-options-list .icon-option {\n padding: 0.313rem 0;\n text-align: center;\n font-size: 1.125rem;\n width: 2.5rem;\n height: 2rem;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n background: var(--background-white);\n margin: 0;\n cursor: pointer;\n border: 0.063rem solid transparent;\n}\n.icon-options-list .icon-option i {\n font-size: 1.313rem;\n}\n.icon-options-list .icon-option.selected {\n background: var(--background-primary);\n color: var(--color-primary);\n border: 0.063rem solid var(--color-primary);\n}\n.wizard-container {\n width: 100%;\n max-width: 50rem;\n margin: 2rem auto;\n padding: 1.5rem;\n background: var(--background-white);\n border-radius: 0.45rem;\n}\n.wizard-container .expandable-panel-group {\n width: 100%;\n}\n.wizard-container .welcome-wrapper {\n text-align: center;\n padding: 1rem;\n margin-bottom: 1.5rem;\n}\n.wizard-container .welcome-wrapper .wizard-title {\n display: flex;\n align-items: center;\n font-weight: bold;\n font-size: 1.45rem;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.5rem;\n}\n.wizard-container .welcome-wrapper img {\n width: 11rem;\n}\n.wizard-container .welcome-wrapper .des {\n text-align: center;\n padding: 0 3rem;\n}\n.wizard-container .form-group {\n padding: 1.5rem;\n}\n.wizard-container .form-group .settings-form-label {\n width: 30% !important;\n}\n.wizard-container .form-group .settings-input-content {\n width: 70% !important;\n}\n.card-content:has(.expandable-panel-group) .expandable-panel-group {\n width: 100%;\n}\n@media screen and (width <= 37.5rem) {\n .expandable-panel-group {\n width: 100% !important;\n }\n .expandable-panel-group .expandable-header {\n align-items: start !important;\n }\n .expandable-panel-group .expandable-header .details-wrapper {\n flex-direction: column;\n }\n .expandable-panel-group .expandable-header .settings-btn .admin-btn {\n font-size: 0;\n padding: 0.45rem;\n gap: 0;\n }\n .expandable-panel-group .expandable-header .settings-btn .admin-btn i {\n font-size: 1rem;\n }\n}\n');
17121
17121
 
17122
17122
  // ../table/build/index.css
17123
17123
  styleInject('@charset "UTF-8";\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.admin-badges-wrapper {\n display: flex;\n justify-content: end;\n gap: 0.5rem;\n}\n.admin-badge {\n font-size: 0.813rem;\n font-weight: 500;\n line-height: 1;\n padding: 0.313rem 0.625rem;\n border-radius: 0.45rem;\n border: 0.063rem solid;\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n width: fit-content;\n white-space: nowrap;\n letter-spacing: 0.025rem;\n text-transform: capitalize;\n}\n.admin-badge.border {\n border: 0.063rem solid;\n}\n.admin-badge:has(i) {\n cursor: pointer;\n}\n.admin-badge.clickable {\n cursor: pointer;\n}\n.admin-badge.primary-color {\n color: var(--color-primary);\n background: color-mix(in srgb, var(--color-primary) 8%, white);\n}\n.admin-badge.secondary-color {\n color: var(--color-secondary);\n background: color-mix(in srgb, var(--color-secondary) 8%, white);\n}\n.admin-badge.accent-color {\n color: var(--color-accent);\n background: color-mix(in srgb, var(--color-accent) 8%, white);\n}\n.admin-badge.support-color {\n color: var(--color-support);\n background: color-mix(in srgb, var(--color-support) 8%, white);\n}\n.admin-badge.critical {\n color: #991b1b;\n background: #fff7f7;\n}\n.admin-badge.red {\n color: #dc2626;\n background: #fff7f7;\n}\n.admin-badge.green {\n color: #16a34a;\n background: #f4fdf7;\n}\n.admin-badge.teal {\n color: #0f9f91;\n background: #f2fcfa;\n}\n.admin-badge.orange {\n color: #e67a2e;\n background: #fff9f4;\n}\n.admin-badge.ai {\n color: #e67a2e;\n background: #fff9f4;\n}\n.admin-badge.yellow {\n color: #b7791f;\n background: #fffcef;\n}\n.admin-badge.blue {\n color: #0284c7;\n background: #f4faff;\n}\n.admin-badge.purple {\n color: #7c5cc4;\n background: #f9f7ff;\n}\n.admin-badge.indigo {\n color: #6366c8;\n background: #f6f7ff;\n}\n.admin-badge.violet {\n color: #8b5cf6;\n background: #faf8ff;\n}\n.admin-badge.cyan {\n color: #0891b2;\n background: #f2feff;\n}\n.admin-badge.sky {\n color: #0284c7;\n background: #f4fbff;\n}\n.admin-badge.pink {\n color: #db2777;\n background: #fff7fa;\n}\n.admin-badge.rose {\n color: #e11d48;\n background: #fff7f8;\n}\n.admin-badge.lime {\n color: #65a30d;\n background: #f9fdf2;\n}\n.admin-badge.gray {\n color: #6b7280;\n background: #fafafa;\n}\n.admin-badge.dark {\n color: #374151;\n background: #f5f6f7;\n}\n.admin-badge.black {\n color: #111827;\n background: #f8f9fa;\n}\n.admin-badge.white {\n color: #000000;\n background: #ffffff;\n}\n.admin-badge.facebook {\n color: #1877f2;\n}\n.admin-badge.twitter {\n color: #000;\n}\n.admin-badge.linkedin {\n color: #0a66c2;\n}\n.admin-badge.youtube {\n color: #f00;\n}\n.admin-badge.instagram {\n color: #e4405f;\n}\n.admin-badge.pinterest {\n color: #e60023;\n}\n.admin-badge.whatsapp {\n color: #25d366;\n}\n.admin-badge.telegram {\n color: #229ed9;\n}\n.admin-badge.discord {\n color: #5865f2;\n}\n.admin-badge.github {\n color: #24292f;\n}\n.admin-badge.dot {\n font-size: 0.938rem;\n padding: 0 0 0 1.063rem;\n border: none;\n background: none !important;\n position: relative;\n}\n.admin-badge.dot::before {\n position: absolute;\n content: "";\n width: 0.625rem;\n height: 0.625rem;\n border-radius: 50%;\n left: 0;\n}\n.admin-badge.dot.primary-color::before {\n background: var(--color-primary);\n}\n.admin-badge.dot.secondary-color::before {\n background: var(--color-secondary);\n}\n.admin-badge.dot.accent-color::before {\n background: var(--color-accent);\n}\n.admin-badge.dot.support-color::before {\n background: var(--color-support);\n}\n.admin-badge.dot.critical::before {\n background: #991b1b;\n}\n.admin-badge.dot.red::before {\n background: #dc2626;\n}\n.admin-badge.dot.green::before {\n background: #16a34a;\n}\n.admin-badge.dot.teal::before {\n background: #0f9f91;\n}\n.admin-badge.dot.orange::before {\n background: #e67a2e;\n}\n.admin-badge.dot.ai::before {\n background: #e67a2e;\n}\n.admin-badge.dot.yellow::before {\n background: #b7791f;\n}\n.admin-badge.dot.blue::before {\n background: #0284c7;\n}\n.admin-badge.dot.purple::before {\n background: #7c5cc4;\n}\n.admin-badge.dot.indigo::before {\n background: #6366c8;\n}\n.admin-badge.dot.violet::before {\n background: #8b5cf6;\n}\n.admin-badge.dot.cyan::before {\n background: #0891b2;\n}\n.admin-badge.dot.sky::before {\n background: #0284c7;\n}\n.admin-badge.dot.pink::before {\n background: #db2777;\n}\n.admin-badge.dot.rose::before {\n background: #e11d48;\n}\n.admin-badge.dot.lime::before {\n background: #65a30d;\n}\n.admin-badge.dot.gray::before {\n background: #6b7280;\n}\n.admin-badge.dot.dark::before {\n background: #374151;\n}\n.admin-badge.dot.black::before {\n background: #111827;\n}\n.admin-badge.dot.white::before {\n background: #000000;\n}\n.admin-badge.dot.facebook::before {\n background: #1877f2;\n}\n.admin-badge.dot.twitter::before {\n background: #000;\n}\n.admin-badge.dot.linkedin::before {\n background: #0a66c2;\n}\n.admin-badge.dot.youtube::before {\n background: #f00;\n}\n.admin-badge.dot.instagram::before {\n background: #e4405f;\n}\n.admin-badge.dot.pinterest::before {\n background: #e60023;\n}\n.admin-badge.dot.whatsapp::before {\n background: #25d366;\n}\n.admin-badge.dot.telegram::before {\n background: #229ed9;\n}\n.admin-badge.dot.discord::before {\n background: #5865f2;\n}\n.admin-badge.dot.github::before {\n background: #24292f;\n}\n.badge-completed,\n.badge-active,\n.badge-approved,\n.badge-approve,\n.badge-paid,\n.badge-public,\n.badge-publish,\n.badge-published,\n.badge-instock,\n.badge-enrolled,\n.badge-refund-accepted,\n.badge-open,\n.badge-confirmed,\n.badge-subscribed,\n.badge-accepted-quote,\n.badge-resolved,\n.badge-mail-sent,\n.badge-processed,\n.badge-security {\n color: #16a34a;\n background: #f4fdf7;\n}\n.badge-pending,\n.badge-on-hold,\n.badge-partially_refunded,\n.badge-pending-quote,\n.badge-refund-requested,\n.badge-server {\n color: #b7791f;\n background: #fffcef;\n}\n.badge-under_review,\n.badge-private,\n.badge-upcoming,\n.badge-draft,\n.badge-processing,\n.badge-wordpress,\n.badge-seo,\n.badge-schema,\n.badge-availability,\n.badge-ssl,\n.badge-links {\n color: #0284c7;\n background: #f4faff;\n}\n.badge-rejected,\n.badge-reject,\n.badge-unpaid,\n.badge-cancelled,\n.badge-failed,\n.badge-expired,\n.badge-unenroll,\n.badge-outofstock,\n.badge-closed,\n.badge-unenrolled,\n.badge-refund-rejected,\n.badge-rejected-quote,\n.badge-permanently_rejected,\n.badge-expired-quote {\n color: #dc2626;\n background: #fff7f7;\n}\n.badge-critical {\n color: #991b1b;\n background: #fff7f7;\n}\n.badge-high {\n color: #dc2626;\n background: #fff7f7;\n}\n.badge-medium {\n color: #e67a2e;\n background: #fff9f4;\n}\n.badge-low {\n color: #b7791f;\n background: #fffcef;\n}\n.badge-info {\n color: #0284c7;\n background: #f4faff;\n}\n.badge-suspended,\n.badge-cron {\n color: #0f9f91;\n background: #f2fcfa;\n}\n.badge-refunded,\n.badge-onbackorder {\n color: #e67a2e;\n background: #fff9f4;\n}\n.badge-locked {\n color: #7c5cc4;\n background: #f9f7ff;\n}\n.badge-deactivated,\n.badge-new-quote-request,\n.badge-rest-api,\n.badge-brand {\n color: #6366c8;\n background: #f6f7ff;\n}\n.badge-inactive,\n.badge-geo,\n.badge-plugins {\n color: #db2777;\n background: #fff7fa;\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.skeleton {\n display: inline-block;\n position: relative;\n overflow: hidden;\n background:\n linear-gradient(\n 90deg,\n var(--border-color) 25%,\n var(--background-white) 37%,\n var(--border-color) 63%);\n background-size: 400% 100%;\n animation: skeleton-loading 1.4s ease infinite;\n font-size: inherit;\n line-height: inherit;\n}\n.skeleton-text {\n height: 1em;\n border-radius: 0.45rem;\n}\n.skeleton-rectangular {\n border-radius: 0.45rem;\n}\n.skeleton-circular {\n border-radius: 50%;\n}\n@keyframes skeleton-loading {\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.typography {\n margin: 0;\n padding: 0;\n color: var(--text-color);\n font-family: inherit;\n}\n.typography.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.typography.align-left {\n text-align: left;\n}\n.typography.align-center {\n text-align: center;\n}\n.typography.align-right {\n text-align: right;\n}\n.typography.weight-regular {\n font-weight: 400;\n}\n.typography.weight-medium {\n font-weight: 500;\n}\n.typography.weight-semibold {\n font-weight: 600;\n}\n.typography.weight-bold {\n font-weight: 700;\n}\n.typography.color-primary-color {\n color: var(--color-primary);\n}\n.typography.color-secondary-color {\n color: var(--color-secondary);\n}\n.typography.color-accent-color {\n color: var(--color-accent);\n}\n.typography.color-support-color {\n color: var(--color-support);\n}\n.typography.color-critical {\n color: #991b1b;\n}\n.typography.color-red {\n color: #dc2626;\n}\n.typography.color-green {\n color: #16a34a;\n}\n.typography.color-teal {\n color: #0f9f91;\n}\n.typography.color-orange {\n color: #e67a2e;\n}\n.typography.color-ai {\n color: #e67a2e;\n}\n.typography.color-yellow {\n color: #b7791f;\n}\n.typography.color-blue {\n color: #0284c7;\n}\n.typography.color-purple {\n color: #7c5cc4;\n}\n.typography.color-indigo {\n color: #6366c8;\n}\n.typography.color-violet {\n color: #8b5cf6;\n}\n.typography.color-cyan {\n color: #0891b2;\n}\n.typography.color-sky {\n color: #0284c7;\n}\n.typography.color-pink {\n color: #db2777;\n}\n.typography.color-rose {\n color: #e11d48;\n}\n.typography.color-lime {\n color: #65a30d;\n}\n.typography.color-gray {\n color: #6b7280;\n}\n.typography.color-dark {\n color: #374151;\n}\n.typography.color-black {\n color: #111827;\n}\n.typography.color-white {\n color: #000000;\n}\n.typography.color-facebook {\n color: #1877f2;\n}\n.typography.color-twitter {\n color: #000;\n}\n.typography.color-linkedin {\n color: #0a66c2;\n}\n.typography.color-youtube {\n color: #f00;\n}\n.typography.color-instagram {\n color: #e4405f;\n}\n.typography.color-pinterest {\n color: #e60023;\n}\n.typography.color-whatsapp {\n color: #25d366;\n}\n.typography.color-telegram {\n color: #229ed9;\n}\n.typography.color-discord {\n color: #5865f2;\n}\n.typography.color-github {\n color: #24292f;\n}\n.typography-display {\n font-size: 2.5rem;\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: -0.02em;\n}\n.typography-h1 {\n font-size: 2rem;\n font-weight: 700;\n line-height: 1.25;\n letter-spacing: -0.015em;\n}\n.typography-h2 {\n font-size: 1.75rem;\n font-weight: 700;\n line-height: 1.3;\n letter-spacing: -0.01em;\n}\n.typography-h3 {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 1.35;\n}\n.typography-h4 {\n font-size: 1.25rem;\n font-weight: 600;\n line-height: 1.4;\n}\n.typography-h5 {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4;\n}\n.typography-h6 {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.45;\n}\n.typography-title {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--text-color);\n line-height: 1.063;\n}\n.typography-body-lg {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.6;\n color: var(--sub-text-color);\n}\n.typography-body-md {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.6;\n color: var(--sub-text-color);\n}\n.typography-body-sm {\n font-size: 0.813rem;\n font-weight: 400;\n line-height: 1.5;\n color: var(--sub-text-color);\n}\n.typography-body-xs {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1.45;\n color: var(--sub-text-color);\n}\n.typography-caption {\n font-size: 0.688rem;\n font-weight: 500;\n line-height: 1.3;\n color: var(--sub-text-color);\n}\n.typography-overline {\n font-size: 0.688rem;\n font-weight: 600;\n line-height: 1.3;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--sub-text-color);\n}\n.typography-desc {\n font-size: 0.9rem;\n font-weight: 400;\n line-height: 1.313;\n color: var(--sub-text-color);\n}\n.typography-small-desc {\n font-size: 0.813rem;\n font-weight: 400;\n line-height: 1.313;\n color: var(--sub-text-color);\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.info-item {\n display: flex;\n justify-content: space-between;\n padding: 0.45rem 0;\n}\n.info-item:first-child {\n padding-top: 0;\n}\n.info-item:last-child {\n padding-bottom: 0;\n}\n.info-item.owner {\n flex-direction: column;\n}\n.info-item .details-wrapper {\n display: flex;\n gap: 0.75rem;\n}\n.info-item .details-wrapper .avatar i {\n color: var(--color-primary);\n background: var(--background-primary);\n border-radius: 0.45rem;\n}\n.info-item .details-wrapper .details {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.info-item .details-wrapper .details .name {\n font-size: 1.125rem;\n line-height: 1.1;\n color: var(--text-color);\n font-weight: 500;\n position: relative;\n padding-right: 0.625rem;\n}\n.info-item .details-wrapper .details .name image {\n width: 1.625rem;\n height: 1.625rem;\n padding-left: 0.313rem;\n}\n.info-item .details-wrapper .details .name .admin-badge {\n display: inline-block;\n margin-left: 0.5rem;\n}\n.info-item .details-wrapper .details .description-wrapper {\n display: flex;\n gap: 0.45rem;\n}\n.info-item .details-wrapper .details .description-wrapper .des {\n font-size: 0.875rem;\n position: relative;\n padding-right: 0.625rem;\n}\n.info-item .details-wrapper .details .description-wrapper .des:not(:last-child)::after {\n position: absolute;\n content: "";\n width: 0.313rem;\n height: 0.313rem;\n background: var(--sub-text-color);\n border-radius: 50%;\n top: 50%;\n right: 0;\n transform: translatey(-50%);\n}\n.info-item .details-wrapper .details .description-wrapper .des p {\n margin: 0;\n}\n.info-item .details-wrapper .details .small-text {\n font-size: 0.875rem;\n color: var(--sub-text-color);\n}\n.info-item .right-details {\n text-align: right;\n}\n.info-item .right-details .price {\n font-size: 1.063rem;\n font-weight: 600;\n line-height: 1.5rem;\n padding-bottom: 0.125rem;\n color: var(--text-color);\n}\n.info-item .contact-details {\n flex-direction: column;\n gap: 0.5rem;\n}\n@media screen and (width <= 37.5rem) {\n .info-item {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n }\n .info-item .right-details {\n text-align: left;\n }\n}\n:root {\n --color-primary: #5007aa;\n --color-secondary: #00eed0;\n --color-accent: #e35047;\n --color-support: #02153d;\n --text-color: #000000e0;\n --sub-text-color: #424242d4;\n --color-black: #181819;\n --color-white: #fff;\n --background-color: #e6e2e2f3;\n --background-white: #fff;\n --background-primary: #ece2f96b;\n --border-color: #dbdbdba6;\n --box-shadow: #dfdee16e;\n --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.admin-table-wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n background: var(--background-white);\n padding: 1rem;\n box-sizing: border-box;\n}\n.admin-table-wrapper .admin-top-filter {\n display: flex;\n align-items: end;\n justify-content: space-between;\n margin-bottom: 1rem;\n}\n.admin-table-wrapper .table-card-header {\n margin-bottom: 1rem;\n}\n.admin-table-wrapper .filter-wrapper {\n display: flex;\n border-radius: 0.45rem;\n background: transparent;\n justify-content: center;\n width: 100%;\n position: sticky;\n bottom: 1rem;\n gap: 0.5rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper {\n background: #fff;\n border-radius: 0.45rem;\n display: flex;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter {\n display: flex;\n border-radius: 0.45rem;\n position: sticky;\n bottom: 1rem;\n gap: 0.5rem;\n background: var(--background-primary);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .typography-title {\n display: flex;\n align-items: center;\n padding: 0 0.5rem;\n border-radius: 0.45rem;\n color: #fff;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n font-size: 1rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .typography-title i {\n font-size: 1.313rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter select,\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter input {\n background: transparent;\n border: none !important;\n background-repeat: no-repeat;\n background-position: right 0.75rem center;\n background-size: 1rem;\n color: var(--color-primary);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter select option,\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter input option {\n color: #000;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter select:focus,\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter input:focus {\n outline: none;\n box-shadow: none !important;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .calender-input {\n width: 13rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .bulk-action {\n display: flex;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .typography-title {\n background: var(--color-primary);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk {\n background: #202020;\n font-size: 1rem;\n padding: 0.5rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item {\n padding: 0.45rem;\n transition: all 0.3s ease;\n border-radius: 0.45rem;\n display: flex;\n color: #fff;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item .admin-btn {\n background: transparent;\n font-size: 0.95rem;\n color: #fff;\n padding: 0;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item .adminfont-form {\n font-size: 1.125rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item:hover {\n background: rgba(255, 255, 255, 0.1333333333);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item.count {\n border: 0.063rem solid rgba(255, 255, 255, 0.1333333333);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item.delete .admin-btn {\n color: var(--color-accent);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .date-picker-section-wrapper {\n background: transparent;\n}\n.admin-table-wrapper .top-filter-wrapper {\n display: flex;\n flex-direction: column;\n font-size: 0.875rem;\n border-radius: 0.45rem;\n width: fit-content;\n gap: 0.5rem;\n}\n.admin-table-wrapper .top-filter-wrapper .filters {\n display: flex;\n gap: 0.313rem;\n}\n.admin-table-wrapper .top-filter-wrapper .filters .filter-item {\n cursor: pointer;\n border-radius: 0.45rem;\n padding: 0.45rem 0.75rem;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.6862745098);\n font-size: 0.95rem;\n transition: all 0.4s ease;\n position: relative;\n}\n.admin-table-wrapper .top-filter-wrapper .filters .filter-item:not(.active):hover {\n background: #f3f1f1;\n}\n.admin-table-wrapper .top-filter-wrapper .filters .filter-item.active {\n background: var(--color-primary);\n color: #fff;\n}\n.admin-table-wrapper .table-action-wrapper {\n display: flex;\n align-items: center;\n padding-bottom: 0.45rem;\n gap: 0.5rem;\n margin-left: auto;\n}\n.admin-table-wrapper .table-action-wrapper .action-wrapper {\n display: flex;\n gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table {\n width: 100%;\n position: relative;\n border-collapse: collapse;\n margin: 0;\n background: var(--background-white);\n border-top-left-radius: 0.45rem;\n border-top-right-radius: 0.45rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table input[type=checkbox] {\n min-height: 0.8rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-row {\n display: flex;\n width: 100%;\n height: 3.125rem;\n align-items: center;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-row .admin-column.drag {\n min-width: 1.75rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col {\n text-align: left;\n padding: 0.85rem;\n font-size: 1rem;\n font-weight: 500;\n display: flex;\n width: 100%;\n color: rgba(0, 0, 0, 0.431372549);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.expand {\n max-width: 1rem;\n padding-left: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.sortable {\n cursor: pointer;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.id,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.select {\n max-width: 2rem;\n padding-right: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.commission-summary {\n flex-grow: 0;\n min-width: 18rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col .sort-button {\n display: flex;\n align-items: center;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper {\n display: flex;\n gap: 0.625rem;\n cursor: pointer;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper .details {\n display: flex;\n flex-direction: column;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper .details .title {\n font-size: 1.125rem;\n line-height: 1.2rem;\n margin-bottom: 0.25rem;\n display: flex;\n gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper img {\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.45rem;\n object-fit: cover;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper .item-icon {\n min-width: 2.5rem;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n background: var(--background-primary);\n color: var(--color-primary);\n font-size: 1.313rem;\n border-radius: 0.45rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper:hover {\n color: var(--color-primary);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row {\n min-height: 3.625rem;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n background: rgba(145, 114, 183, 0.0509803922);\n margin: 0.45rem 0;\n border-radius: 0.45rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.variation-row {\n background: transparent !important;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.variation-row .admin-column:nth-child(2) {\n min-width: 16rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(+ .variation-row, + .expanded-row) {\n margin-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.variation-row,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.expanded-row {\n margin-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:hover {\n background: rgba(80, 7, 170, 0.0588235294);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column {\n padding: 1rem 0.85rem;\n font-size: 0.9rem;\n display: flex;\n flex: 1 0 0;\n overflow: hidden;\n flex-direction: column;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .main-input {\n background: transparent;\n border-color: transparent;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .icon-wrapper {\n display: flex;\n align-items: center;\n gap: 0.313rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .icon-wrapper i {\n font-size: 1.25rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .setting-form-input {\n width: fit-content;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.select,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.id {\n max-width: 2rem;\n padding-right: 0;\n flex-grow: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.drag,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.expand {\n max-width: 1rem;\n padding-left: 0;\n flex-grow: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.product .details-wrapper {\n display: flex;\n gap: 0.625rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .link {\n cursor: pointer;\n font-weight: 600;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .link:hover {\n color: var(--color-primary);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .edit-link {\n opacity: 0;\n transition: all 0.5s ease;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .edit-badge {\n display: flex;\n align-items: center;\n gap: 0.313rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .edit-badge i {\n visibility: hidden;\n font-size: 1.063rem;\n cursor: pointer;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details {\n margin: 0;\n position: relative;\n list-style-type: none;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details .more-btn {\n position: absolute;\n bottom: 0;\n left: 50%;\n background: var(--background-primary);\n font-size: 0.813rem;\n padding: 0.125rem 0.5rem;\n color: var(--color-primary);\n border-radius: 0.45rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details.overflow {\n height: 5rem;\n overflow: hidden;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li {\n gap: 0.625rem;\n margin: 0;\n border-bottom: 0.063rem solid var(--border-color);\n width: 18rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li span {\n font-weight: 600;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li .item {\n display: flex;\n justify-content: space-between;\n padding: 0.5rem 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li .item .title {\n font-weight: 600;\n font-size: 0.95rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li .item .des {\n font-size: 1.063rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.commission-summary,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.details-wrapper {\n flex-grow: 0;\n min-width: 18rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .refresh-icon {\n font-size: 1rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .field-wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:nth-of-type(2) .product-image {\n display: flex;\n gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:has(.product-expand) {\n min-width: 3rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:has(.single-column) {\n flex-grow: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:has(.table-action) {\n overflow: visible;\n padding: 0 1rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.edit-link):hover .edit-link {\n opacity: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.edit-badge):hover .edit-badge i {\n visibility: visible;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.drag) {\n cursor: move;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:last-child {\n margin-bottom: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.admin-column.select input[type=checkbox]:checked),\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.is-selected {\n background: rgba(80, 7, 170, 0.0588235294);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.is-clickable {\n cursor: pointer;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .dropdown-select div:nth-child(3) {\n background: transparent;\n border: none;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .dropdown-select span {\n background-color: transparent;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .responsive-cell ul {\n position: absolute;\n left: 0;\n width: 100%;\n top: 100%;\n background: #eee;\n z-index: 2;\n list-style-type: none;\n padding: 1rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .responsive-cell ul li .table-row-custom {\n padding: 0.313rem 0;\n display: flex;\n gap: 0.5rem;\n align-items: center;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .responsive-cell ul li .table-row-custom h4 {\n display: block;\n font-size: 0.85rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .des {\n font-size: 0.813rem;\n display: flex;\n align-items: center;\n}\n.admin-table-wrapper .table-wrapper .admin-table .des i {\n padding-right: 0.25rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .question-wrapper .question {\n font-size: 1.063rem;\n font-weight: 500;\n}\n.admin-table-wrapper .table-wrapper .admin-table .question-wrapper .answer {\n line-height: 1.125rem;\n padding: 0.45rem 0;\n color: var(--sub-text-color);\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.info-item,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.info-item {\n min-width: 12rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.info,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.info {\n min-width: 14rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.badge,\n.admin-table-wrapper .table-wrapper .admin-table .header-col.status,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.badge,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.status {\n flex-grow: 0;\n flex-direction: row;\n align-items: center;\n width: auto;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.action,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.action {\n flex-grow: 0;\n max-width: 6rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.action .table-action,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.action .table-action {\n flex-direction: row;\n justify-content: end;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.action:has(.table-action-buttons),\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.action:has(.table-action-buttons) {\n max-width: none;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.notificaton,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.notificaton {\n min-width: 65%;\n}\n.admin-table-wrapper .table-wrapper .admin-table .finding-stat {\n color: var(--sub-text-color);\n font-size: 0.9375rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .finding-stat strong {\n color: var(--text-color);\n font-weight: 700;\n}\n.admin-table-wrapper .table-action {\n display: flex;\n flex-direction: column;\n align-items: start;\n}\n.admin-table-wrapper .table-action .admin-badges-wrapper {\n justify-content: start;\n gap: 0.375rem;\n}\n.admin-table-wrapper .table-action .inline-actions {\n display: flex;\n gap: 0.125rem;\n}\n.admin-table-wrapper .table-action .inline-actions .adminfont-delete {\n color: var(--color-accent);\n}\n.admin-table-wrapper .table-action .table-action-buttons {\n display: flex;\n gap: 0.375rem;\n}\n.admin-table-wrapper .table-action .action-btn {\n display: flex;\n gap: 0.5rem;\n visibility: hidden;\n transition: all 0.3s linear;\n align-items: flex-start;\n justify-content: flex-start;\n font-size: 0.75rem;\n font-weight: 600;\n}\n.admin-table-wrapper .table-action .action-btn a {\n color: var(--color-primary);\n cursor: pointer;\n font-weight: 400;\n}\n.admin-table-wrapper .table-action:hover .action-btn {\n visibility: visible;\n}\n.admin-table-wrapper .table-action .small-action {\n display: flex;\n gap: 0.313rem;\n margin: 0;\n}\n.admin-table-wrapper .table-action .small-action li {\n position: relative;\n display: inline-block;\n cursor: pointer;\n font-size: 1.5rem;\n}\n.admin-table-wrapper .table-action .small-action li span {\n position: absolute;\n top: -1.125rem;\n left: -100%;\n width: 6rem;\n text-align: center;\n display: none;\n transition: all 0.4s ease;\n}\n.admin-table-wrapper .table-action .small-action li:hover span {\n display: block;\n background-color: rgb(46, 46, 46);\n color: #fff;\n text-align: center;\n padding: 0.313rem;\n border-radius: 0.45rem;\n position: absolute;\n z-index: 1;\n font-size: 0.8rem;\n inset: 0 auto auto 0;\n transform: translate(-2rem, -2.313rem);\n}\n.admin-table-wrapper .table-action .small-action li li {\n display: block;\n}\n.admin-table-wrapper.transparent-table .table-wrapper {\n border: none;\n}\n.admin-table-wrapper.transparent-table .admin-table {\n background: transparent;\n}\n.admin-table-wrapper.transparent-table .admin-table .admin-row {\n background: transparent;\n}\n.admin-table-wrapper.transparent-table .admin-table .header-row {\n height: 2.125rem !important;\n}\n.admin-table-wrapper.transparent-table .admin-table .header-row .header-col {\n padding: 0 0.5rem !important;\n}\n.admin-table-wrapper.transparent-table .admin-pagination {\n display: none;\n}\n.table-action-column {\n position: relative;\n}\n.transparent-status .admin-badge {\n background: transparent;\n}\n.review-details {\n display: flex;\n flex-direction: column;\n gap: 0.313rem;\n}\n@media only screen and (width <= 38rem) {\n .admin-table-wrapper .admin-top-filter {\n flex-wrap: wrap;\n gap: 1rem;\n }\n .admin-table-wrapper .table-wrapper {\n overflow: scroll;\n }\n .admin-table-wrapper .filter-wrapper .table-filter-wrapper {\n display: none;\n position: fixed;\n top: 40%;\n right: 0;\n width: 2rem;\n }\n .admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .group-field {\n display: none;\n }\n}\n');